/* Professional Apple-card polish, branded media and blog system — 2026-07-16 */
:root{--apple-radius:22px;--apple-radius-sm:16px;--apple-shadow:0 18px 55px rgba(11,31,58,.10);--apple-shadow-hover:0 28px 80px rgba(11,31,58,.16)}
/* Controlled corners: softer than the previous 30–38px system. */
.service-card,.price-menu-card,.seo-page-grid a,.why-main-card,.why-card-grid article,.review-score-card,.review-cards article,.download-card,.offer-card,.tool-card,.case-card,.blog-card,.lead-panel,.calculator,.side-card,.service-media-card,.inner-info-card,.inner-process-grid article,.quick-form,.lead-form{border-radius:var(--apple-radius)!important;box-shadow:var(--apple-shadow)}
.hero-workbench,.inner-hero-slider,.page-hero img,.branded-hero-media,.blog-cover{border-radius:var(--apple-radius)!important}.workbench-screen,.workbench-details,.post-dialog,.video-dialog,.work-dialog,.wizard{border-radius:var(--apple-radius)!important}.social-post-card,.video-card,.inner-hero-slide,.service-media-card figure,.service-card img,.case-card img,.blog-card-image{border-radius:var(--apple-radius-sm)!important}.service-card:hover,.case-card:hover,.blog-card:hover,.tool-card:hover,.offer-card:hover{box-shadow:var(--apple-shadow-hover)}
/* Branded image treatment. */
.service-card,.inner-hero-slide,.service-media-card figure,.workbench-screen,.branded-hero-media{position:relative}
.service-card:before,.inner-hero-slide:before,.service-media-card figure:before,.workbench-screen:before,.branded-hero-media:after{content:"";position:absolute;z-index:5;right:14px;top:14px;width:132px;height:40px;border-radius:12px;background:rgba(255,255,255,.94) url('../img/logo-circle-design.png') center/108px auto no-repeat;box-shadow:0 8px 24px rgba(11,31,58,.16);pointer-events:none}
.branded-hero-media{overflow:hidden}.branded-hero-media>img:first-child{width:100%;height:100%;object-fit:cover}.media-brand-logo{position:absolute!important;z-index:6!important;right:14px!important;top:14px!important;width:122px!important;height:38px!important;object-fit:contain!important;padding:7px 10px!important;border-radius:12px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 8px 24px rgba(11,31,58,.16)!important;pointer-events:none}.video-card,.social-post-card{position:relative}
/* Blog index and articles. */
.blog-preview{background:linear-gradient(180deg,#fff,#f8fbff)!important}.blog-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.blog-card{height:100%;overflow:hidden;background:#fff;border:1px solid rgba(11,31,58,.1);transition:transform .25s ease,box-shadow .25s ease}.blog-card:hover{transform:translateY(-7px)}.blog-card-image{display:block;overflow:hidden;position:relative}.blog-card-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .65s ease}.blog-card:hover .blog-card-image img{transform:scale(1.035)}.blog-card>div{padding:22px}.blog-kicker{display:inline-flex;padding:7px 10px;border-radius:999px;background:#fff0df;color:#8a430d;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.blog-card h2,.blog-card h3{font-size:1.28rem;line-height:1.18;margin-top:15px;letter-spacing:-.035em}.blog-card p{margin-top:11px}.section-center{text-align:center;margin-top:30px}.blog-hero{padding:74px 0;background:radial-gradient(circle at 12% 15%,rgba(244,162,97,.25),transparent 28%),linear-gradient(135deg,#fff7ed,#f8fbff 62%,#fff)}.blog-hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:44px;align-items:center}.blog-hero h1{font-size:clamp(2.6rem,5.4vw,5.35rem);margin-top:18px}.blog-hook{font-size:1.18rem;line-height:1.65;margin-top:20px;max-width:720px}.blog-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.blog-meta span{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid rgba(11,31,58,.1);color:#526579;font-size:.8rem;font-weight:900}.blog-cover{margin:0;overflow:hidden;box-shadow:0 24px 72px rgba(11,31,58,.16)}.blog-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.blog-layout{display:grid;grid-template-columns:280px minmax(0,760px);justify-content:center;gap:48px;padding-top:78px;padding-bottom:90px}.blog-toc{position:sticky;top:100px;align-self:start;padding:22px;border-radius:var(--apple-radius);background:#fff;border:1px solid rgba(11,31,58,.1);box-shadow:var(--apple-shadow)}.blog-toc>strong{font-family:SpaceGrotesk;font-size:1.05rem}.blog-toc ol{padding-left:20px;margin:16px 0 22px;display:grid;gap:9px;color:#526579;font-size:.87rem}.blog-toc a:not(.btn):hover{color:#f4a261}.blog-toc .btn{width:100%;font-size:.86rem}.blog-content{min-width:0}.blog-content>section{scroll-margin-top:100px;margin-bottom:44px}.blog-content h2{font-size:clamp(1.8rem,3vw,2.7rem);margin-bottom:16px}.blog-content p{font-size:1.06rem;line-height:1.85}.blog-content .faq-list p{font-size:1rem}.blog-cta{margin-top:58px;padding:30px;border-radius:var(--apple-radius);background:linear-gradient(135deg,#0b1f3a,#1d4f83);color:#fff}.blog-cta h2{color:#fff;margin:18px 0 12px}.blog-cta p{color:rgba(255,255,255,.8)}
/* Popups: image/video and matching copy transition together. */
.post-dialog,.video-dialog,.work-dialog{overflow:hidden!important}.post-dialog>img,.work-dialog>img{transition:opacity .18s ease,transform .28s ease}.post-info,.video-dialog h3,.video-dialog p{transition:opacity .18s ease}.media-changing{opacity:.25!important}.post-info p#postDesc,.video-dialog p#videoDesc{min-height:52px}.modal-nav button{border-radius:14px!important}.modal-nav button:disabled{opacity:.45;cursor:not-allowed}
/* Bootstrap coexistence: retain Circle Design controls. */
.btn{--bs-btn-border-width:1px}.container{padding-left:0;padding-right:0}.row{--bs-gutter-x:1.25rem}
@media(max-width:1000px){.blog-preview-grid{grid-template-columns:repeat(2,1fr)}.blog-hero-grid,.blog-layout{grid-template-columns:1fr}.blog-toc{position:relative;top:auto;order:2}.blog-cover{max-width:760px}.branded-hero-media{height:auto!important}}
@media(max-width:680px){:root{--apple-radius:19px;--apple-radius-sm:14px}.blog-preview-grid{grid-template-columns:1fr}.blog-hero{padding:52px 0 46px}.blog-hero h1{font-size:2.25rem}.blog-hook{font-size:1rem}.blog-layout{padding-top:54px;padding-bottom:64px;gap:34px}.blog-content p{font-size:1rem}.blog-cta{padding:22px}.service-card:before,.inner-hero-slide:before,.service-media-card figure:before,.workbench-screen:before,.branded-hero-media:after{width:112px;height:35px;right:10px;top:10px;background-size:92px auto}.media-brand-logo{width:106px!important;height:34px!important;right:10px!important;top:10px!important}.page-hero-grid .branded-hero-media{height:280px!important}.post-info p#postDesc,.video-dialog p#videoDesc{min-height:auto}}
@media(min-width:881px){.main-nav{gap:14px!important}.main-nav a{font-size:.82rem!important;letter-spacing:-.01em}}
.blog-card-image img{height:auto!important;aspect-ratio:16/9!important}.blog-card-image{aspect-ratio:16/9}.blog-cover img{height:auto!important}
/* Stable metrics across the complete hero prevent late ancestor relayout on slow mobile. */
.hero-v2,.hero-v2 *{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
/* Unified footer and social links across every page. */
.footer .social-icons{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;margin:16px 0!important}.footer .social-icons a{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border-radius:50%!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(11,31,58,.12)!important;color:#0b1f3a!important;box-shadow:0 8px 24px rgba(11,31,58,.08)!important}.footer .social-icons a:hover{background:#0b1f3a!important;color:#fff!important;transform:translateY(-3px)}.footer .social-icons svg{display:block;width:19px;height:19px;fill:currentColor}
/* Indexable concept case studies. */
.case-card>div{padding:22px}.case-card h2{font-size:1.34rem!important;line-height:1.18;margin-top:14px;letter-spacing:-.035em}.case-card p{margin-top:11px}.case-button{margin-top:20px;width:100%;border-radius:14px!important}.case-detail .article-content>section{margin-bottom:48px;scroll-margin-top:100px}.case-detail .article-content h2{font-size:clamp(1.85rem,3vw,2.8rem);margin:18px 0 14px}.case-detail .article-content h3{margin-top:24px}.case-inline-media,.blog-inline-media{position:relative;margin:40px 0;overflow:hidden;border-radius:var(--apple-radius);background:#fff;border:1px solid rgba(11,31,58,.1);box-shadow:var(--apple-shadow)}.case-inline-media img,.blog-inline-media img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}.case-inline-media figcaption,.blog-inline-media figcaption{padding:13px 16px;color:#526579;font-size:.86rem}.case-disclosure{padding:22px;border-radius:18px;background:#fff8ee;border:1px solid rgba(244,162,97,.35)}.case-disclosure p{font-size:.94rem!important}.case-detail .check-list li{color:#526579}
/* Useful blog engagement and contextual media. */
.blog-inline-media:after,.case-inline-media:after{content:"";position:absolute;right:14px;top:14px;width:132px;height:40px;border-radius:12px;background:rgba(255,255,255,.94) url('../img/logo-circle-design.png') center/108px auto no-repeat;box-shadow:0 8px 24px rgba(11,31,58,.16)}.comment-card{margin:60px 0;padding:28px;border-radius:var(--apple-radius);background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(238,246,255,.88));border:1px solid rgba(11,31,58,.11);box-shadow:var(--apple-shadow);backdrop-filter:blur(16px)}.comment-card h2{margin:18px 0 10px}.comment-card>p{margin-bottom:24px}.comment-card textarea{min-height:130px}.comment-email{text-align:center}.comment-card .btn{border-radius:14px!important}
/* Modern Apple-like glass depth and restrained motion. */
.blog-card,.case-card,.offer-card,.tool-card,.service-card,.inner-info-card,.review-cards article{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.78))!important;backdrop-filter:blur(14px);border-color:rgba(255,255,255,.72)!important;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 18px 55px rgba(11,31,58,.10)!important}.blog-card:hover,.case-card:hover,.offer-card:hover,.tool-card:hover,.service-card:hover{transform:translateY(-7px) scale(1.006);box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 30px 90px rgba(11,31,58,.16)!important}.blog-card,.case-card,.service-card,.tool-card,.offer-card{animation:appleCardIn .58s cubic-bezier(.22,1,.36,1) both}.blog-card:nth-child(2),.case-card:nth-child(2),.service-card:nth-child(2){animation-delay:.08s}.blog-card:nth-child(3),.case-card:nth-child(3),.service-card:nth-child(3){animation-delay:.16s}.page-hero .branded-hero-media,.blog-cover{animation:mediaFloatIn .7s cubic-bezier(.22,1,.36,1) both}.btn{transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s ease,background .24s ease!important}.btn:hover{transform:translateY(-2px) scale(1.012)}@keyframes appleCardIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mediaFloatIn{from{opacity:0;transform:translateY(22px) scale(.98);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(max-width:680px){.footer .social-icons{justify-content:flex-start!important}.case-detail .article-content>section{margin-bottom:36px}.case-inline-media,.blog-inline-media{margin:30px 0}.blog-inline-media:after,.case-inline-media:after{width:108px;height:34px;right:10px;top:10px;background-size:90px auto}.comment-card{padding:20px;margin:42px 0}.comment-card .form-grid{display:block}.comment-card label{margin-bottom:14px}.comment-card .btn{width:100%;margin-top:8px}.blog-card:hover,.case-card:hover,.offer-card:hover,.tool-card:hover,.service-card:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.blog-card,.case-card,.service-card,.tool-card,.offer-card,.page-hero .branded-hero-media,.blog-cover{animation:none!important}.blog-card:hover,.case-card:hover,.offer-card:hover,.tool-card:hover,.service-card:hover,.btn:hover{transform:none!important}}
.case-detail~*{} /* marker for production bundle */
@media(min-width:981px){.case-study-page h1{font-size:clamp(3rem,5vw,5rem)}}
/* =========================================================
   FINAL INTERACTION SYSTEM — typography, AI buttons, app nav,
   Delhi visual accents, studio section and redesigned 404
   ========================================================= */
/* One consistent two-font brand system on every page. */
html,body,input,select,textarea{font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif!important}h1,h2,h3,h4,h5,h6,.btn,button,.eyebrow,.main-nav,.offer-price,.blog-kicker{font-family:SpaceGrotesk,Manrope,system-ui,sans-serif!important}.hero-v2,.hero-v2 *{font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif!important}.hero-v2 h1,.hero-v2 h2,.hero-v2 h3,.hero-v2 .btn,.hero-v2 button,.hero-v2 .eyebrow,.hero-v2 strong{font-family:SpaceGrotesk,Manrope,system-ui,sans-serif!important}
/* Google AI / Gemini-inspired animated gradient-border buttons. */
@property --ai-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.btn{--ai-angle:0deg;position:relative;isolation:isolate;border:1.5px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--ai-angle),#4285f4,#8b5cf6,#22d3ee,#f4a261,#4285f4) border-box!important;color:#0b1f3a!important;box-shadow:0 10px 30px rgba(11,31,58,.10)!important;overflow:hidden}.btn--primary{background:linear-gradient(135deg,#0b1f3a,#1d4f83) padding-box,conic-gradient(from var(--ai-angle),#4285f4,#a855f7,#22d3ee,#f4a261,#4285f4) border-box!important;color:#fff!important}.btn--soft{background:linear-gradient(135deg,#fff7ed,#fff) padding-box,conic-gradient(from var(--ai-angle),#f4a261,#ffd2a6,#4285f4,#f4a261) border-box!important}.btn--ghost{background:linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) padding-box,conic-gradient(from var(--ai-angle),#d8e6f7,#8b5cf6,#f4a261,#d8e6f7) border-box!important}.btn:hover{animation:aiBorderSpin 2.2s linear infinite;box-shadow:0 14px 42px rgba(66,133,244,.18),0 8px 28px rgba(168,85,247,.12)!important}.btn:active{transform:translateY(1px) scale(.975)!important}.btn:before{content:"";position:absolute;inset:-60% -30%;z-index:-1;background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.45) 49%,transparent 62%);transform:translateX(-70%) rotate(8deg);transition:transform .65s cubic-bezier(.22,1,.36,1)}.btn:hover:before{transform:translateX(70%) rotate(8deg)}@keyframes aiBorderSpin{to{--ai-angle:360deg}}
/* Service workbench: each tab owns image, copy and CTA. */
.hero-workbench{border-radius:24px!important}.workbench-screen{min-height:420px!important}.workbench-screen img{transition:opacity .22s ease,transform .55s cubic-bezier(.22,1,.36,1)!important}.workbench-screen.is-changing img{opacity:.12!important;transform:scale(1.025)!important}.workbench-screen figcaption{padding-right:6px}.workbench-screen figcaption .service-preview-title{max-width:520px}.service-tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;padding:7px!important;border-radius:16px!important}.service-tabs button{min-width:0;border-radius:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-tabs button.active{background:linear-gradient(135deg,#0b1f3a,#1d4f83) padding-box,conic-gradient(from var(--ai-angle),#4285f4,#a855f7,#22d3ee,#f4a261,#4285f4) border-box!important;border:1.5px solid transparent!important;animation:aiBorderSpin 3s linear infinite;box-shadow:0 10px 26px rgba(66,133,244,.18)}.service-summary-card,.service-quote-card{border-radius:16px!important}.clean-details>.btn{margin-top:auto}.studio-status{white-space:nowrap}
/* Studio story replaces the founder-photo placeholder. */
.studio-story{background:linear-gradient(135deg,#fff,#fff7ed 56%,#eef6ff)!important}.studio-story-wrap{display:grid;grid-template-columns:.86fr 1.14fr;gap:42px;align-items:center}.studio-visual{position:relative;overflow:hidden;border-radius:var(--apple-radius);box-shadow:0 28px 84px rgba(11,31,58,.16);min-height:480px}.studio-visual>img{width:100%;height:480px;object-fit:cover}.studio-visual-card{position:absolute;left:20px;bottom:20px;z-index:6;padding:14px 17px;border-radius:16px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.8);box-shadow:0 15px 40px rgba(11,31,58,.16);backdrop-filter:blur(18px)}.studio-visual-card strong,.studio-visual-card span{display:block}.studio-visual-card strong{color:#0b1f3a}.studio-visual-card span{color:#526579;font-size:.82rem;font-weight:800}.studio-story-copy h2{margin:18px 0}.studio-story-copy p+p{margin-top:14px}
/* Minimal animated Delhi/Qutub visual language. */
.section{isolation:isolate}.delhi-visual{position:absolute;right:2.5%;top:70px;width:150px;height:180px;z-index:0;pointer-events:none;perspective:700px;opacity:.18}.delhi-object{position:absolute;inset:10px;display:grid;place-items:center;color:#0b1f3a;transform-style:preserve-3d;animation:delhiFloat 7s ease-in-out infinite}.delhi-object svg{width:82px;height:112px;filter:drop-shadow(0 18px 18px rgba(11,31,58,.18))}.delhi-object span{padding:5px 9px;margin-top:-20px;border-radius:999px;background:#f4a261;color:#0b1f3a;font-size:.62rem;font-weight:900;letter-spacing:.12em}.delhi-orbit{position:absolute;inset:0;border:1px solid rgba(11,31,58,.35);border-radius:50%;transform:rotateX(68deg) rotateZ(18deg);animation:delhiOrbit 12s linear infinite}.delhi-orbit:after{content:"";position:absolute;left:8px;top:50%;width:12px;height:12px;border-radius:50%;background:#f4a261;box-shadow:0 0 20px rgba(244,162,97,.8)}@keyframes delhiFloat{0%,100%{transform:translateY(0) rotateY(-8deg)}50%{transform:translateY(-13px) rotateY(8deg)}}@keyframes delhiOrbit{to{transform:rotateX(68deg) rotateZ(378deg)}}
/* App-like mobile bottom actions. */
.mobile-action-dock{display:none}.mobile-action-dock a{text-decoration:none}
/* Smooth section/element reveal; content remains accessible if JS is unavailable. */
.motion-ready .motion-section,.motion-ready .motion-element{opacity:0;transform:translateY(26px);filter:blur(5px);transition:opacity .68s cubic-bezier(.22,1,.36,1),transform .68s cubic-bezier(.22,1,.36,1),filter .68s ease}.motion-ready .motion-section.in-view,.motion-ready .motion-element.in-view{opacity:1;transform:none;filter:blur(0)}.motion-ready .motion-element:nth-child(2){transition-delay:.07s}.motion-ready .motion-element:nth-child(3){transition-delay:.14s}.motion-ready .motion-element:nth-child(4){transition-delay:.21s}
/* Redesigned 404 with a Delhi route visual. */
.error-hero{min-height:calc(100vh - 79px);padding:86px 0;background:radial-gradient(circle at 12% 15%,rgba(244,162,97,.28),transparent 28%),radial-gradient(circle at 88% 15%,rgba(66,133,244,.15),transparent 30%),linear-gradient(135deg,#fff7ed,#f8fbff 58%,#fff);overflow:hidden}.error-grid{display:grid;grid-template-columns:1fr .8fr;gap:54px;align-items:center}.error-code{font:700 clamp(6rem,14vw,11rem)/.8 SpaceGrotesk;color:#0b1f3a;letter-spacing:-.09em;margin:28px 0}.error-code span{display:inline-block;background:linear-gradient(135deg,#4285f4,#8b5cf6,#f4a261);-webkit-background-clip:text;background-clip:text;color:transparent;animation:errorPulse 3s ease-in-out infinite}.error-grid h1{font-size:clamp(2.3rem,4vw,4rem)}.error-grid p{margin-top:18px;font-size:1.08rem;max-width:680px}.error-visual{position:relative;min-height:440px;display:grid;place-items:center;color:#0b1f3a;transform-style:preserve-3d}.india-gate-svg{position:relative;z-index:2;width:260px;height:320px;filter:drop-shadow(0 30px 28px rgba(11,31,58,.18));animation:delhiFloat 6s ease-in-out infinite}.error-orb{position:absolute;width:360px;height:360px;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(238,246,255,.65));box-shadow:inset -25px -25px 60px rgba(66,133,244,.08),0 40px 100px rgba(11,31,58,.12);animation:errorOrb 9s ease-in-out infinite}.error-route{position:absolute;z-index:3;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.84);box-shadow:0 16px 45px rgba(11,31,58,.13);backdrop-filter:blur(14px);font-size:.72rem;font-weight:900}.error-route i{width:20px;height:2px;background:linear-gradient(90deg,#4285f4,#f4a261)}.error-links{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:58px}.error-links a{padding:18px;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);box-shadow:var(--apple-shadow);backdrop-filter:blur(14px);transition:.25s ease}.error-links a:hover{transform:translateY(-5px);box-shadow:var(--apple-shadow-hover)}.error-links strong,.error-links span{display:block}.error-links span{color:#526579;font-size:.84rem;margin-top:5px}@keyframes errorPulse{50%{transform:scale(1.05);filter:drop-shadow(0 0 18px rgba(66,133,244,.24))}}@keyframes errorOrb{50%{transform:rotate(6deg) scale(1.025)}}
@media(max-width:980px){.studio-story-wrap,.error-grid{grid-template-columns:1fr}.studio-visual{min-height:380px}.studio-visual>img{height:380px}.error-visual{min-height:370px}.error-links{grid-template-columns:repeat(2,1fr)}.delhi-visual{opacity:.12;right:-20px}}
@media(max-width:880px){
  /* App-sheet navigation: no display:none, therefore animation stays smooth. */
  .main-nav,.main-nav:not(.open){display:flex!important;transform:none!important;right:10px!important;top:76px!important;bottom:auto!important;width:calc(100% - 20px)!important;max-width:none!important;height:auto!important;max-height:calc(100dvh - 92px)!important;padding:18px!important;border-radius:24px!important;background:rgba(255,255,255,.92)!important;border:1px solid rgba(255,255,255,.86)!important;box-shadow:0 28px 90px rgba(11,31,58,.22)!important;backdrop-filter:blur(24px)!important;clip-path:circle(0 at calc(100% - 27px) -24px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:clip-path .46s cubic-bezier(.22,1,.36,1),opacity .28s ease,visibility 0s linear .46s!important}
  .main-nav.open{clip-path:circle(150% at calc(100% - 27px) -24px)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition:clip-path .52s cubic-bezier(.22,1,.36,1),opacity .25s ease!important}
  .main-nav a{padding:14px 12px!important;border-radius:13px!important;border-bottom:1px solid rgba(11,31,58,.07)!important;transition:background .2s ease,transform .2s ease!important}.main-nav a:hover,.main-nav a:focus{background:#f3f7fc!important;transform:translateX(4px)}
  body.nav-open::before{background:rgba(11,31,58,.22)!important;backdrop-filter:blur(5px)!important;animation:navBackdrop .3s ease both}@keyframes navBackdrop{from{opacity:0}to{opacity:1}}
  .nav-toggle{transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease!important}.nav-toggle.active{transform:rotate(90deg);box-shadow:0 12px 30px rgba(11,31,58,.15)}
}
@media(max-width:680px){
  body{padding-bottom:84px!important}.floating-whatsapp{display:none!important}.mobile-action-dock{position:fixed;z-index:190;left:12px;right:12px;bottom:10px;display:grid;grid-template-columns:1fr 1.25fr;gap:8px;padding:8px;border-radius:22px;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 60px rgba(11,31,58,.22);backdrop-filter:blur(22px);animation:dockUp .48s cubic-bezier(.22,1,.36,1) both}.mobile-action-dock a{min-height:54px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:15px;color:#0b1f3a;font-weight:900;background:#f3f7fc;transition:transform .18s ease,background .18s ease}.mobile-action-dock a:active{transform:scale(.955)}.mobile-action-dock .dock-primary{background:linear-gradient(135deg,#0b1f3a,#1d4f83);color:#fff}.dock-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:rgba(244,162,97,.22);font-size:.9rem}.dock-primary .dock-icon{background:rgba(255,255,255,.14)}.mobile-action-dock small{font-size:.78rem;font-weight:900}@keyframes dockUp{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
  .service-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.service-tabs button{font-size:.78rem!important;padding:10px 6px!important}.workbench-screen{min-height:300px!important}.workbench-screen figcaption{bottom:14px!important;left:14px!important;right:14px!important}.workbench-screen figcaption p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.studio-story-wrap{gap:28px}.studio-visual,.studio-visual>img{height:300px;min-height:300px}.delhi-visual{width:100px;height:120px;top:40px;right:-25px;opacity:.1}.delhi-object svg{width:58px;height:78px}.error-hero{padding:56px 0}.error-code{font-size:7rem}.error-grid h1{font-size:2.15rem}.error-visual{min-height:300px}.error-orb{width:280px;height:280px}.india-gate-svg{width:190px;height:250px}.error-links{grid-template-columns:1fr;margin-top:34px}.error-route{white-space:nowrap}.page-actions,.page-actions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.btn:hover,.service-tabs button.active,.delhi-object,.delhi-orbit,.india-gate-svg,.error-orb,.error-code span,.mobile-action-dock{animation:none!important}.motion-ready .motion-section,.motion-ready .motion-element{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}
/* Fail-safe scroll motion: content is always visible; animation is enhancement only. */
.motion-ready .motion-section,.motion-ready .motion-element{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.motion-ready .motion-section.in-view{animation:safeSectionIn .62s cubic-bezier(.22,1,.36,1) both}.motion-ready .motion-element.in-view{animation:safeElementIn .58s cubic-bezier(.22,1,.36,1) both}@keyframes safeSectionIn{from{opacity:.82;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes safeElementIn{from{opacity:.78;transform:translateY(16px) scale(.99);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}
/* Clear visual hierarchy for the Circle Design Studio preview header. */
.clean-header>div{display:grid;grid-template-columns:38px 1fr;column-gap:11px;align-items:center}.clean-header>div:before{content:"✦";grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#0b1f3a,#1d4f83);color:#fff;box-shadow:0 9px 24px rgba(11,31,58,.14)}.clean-header strong{grid-column:2;line-height:1.1}.clean-header small{grid-column:2;line-height:1.25}.workbench-screen:after{background:linear-gradient(180deg,transparent 34%,rgba(11,31,58,.82))!important}.workbench-screen figcaption span{border-radius:12px!important}.workbench-screen figcaption p{font-weight:600}