/* One visual grammar for the remaining interior journeys and all service details. */
.reveal{opacity:1;filter:none;transform:none}
.reveal.motion-pending:not(.in-view){opacity:0;filter:blur(7px);transform:translateY(45px) scale(.985)}
.footer-bottom nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 10px}
.account-disclaimer a{display:inline-flex;align-items:center;min-height:44px;padding:0 3px}
.turnstile-gate{min-height:0;margin:12px 0;color:var(--muted)}
.turnstile-gate:not(:empty){min-height:70px}
.page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero){min-height:710px;display:block;padding:125px clamp(24px,6vw,100px) 92px;background:radial-gradient(ellipse at 77% 45%,rgba(39,99,161,.39),transparent 43%),#071226;isolation:isolate}
.page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero)::before{top:-13%!important;right:-8%!important;bottom:auto!important;left:auto!important;width:min(840px,70vw);height:min(840px,70vw);background:url('/assets/images/mythika-approved-perimeter-v14.webp') center/contain no-repeat!important;opacity:.13!important;z-index:0;animation:ambient-seal-roll 66s linear infinite!important}
.page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero)::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(66,128,199,.052) 1px,transparent 1px),linear-gradient(90deg,rgba(66,128,199,.052) 1px,transparent 1px);background-size:85px 85px;mask-image:linear-gradient(90deg,transparent,#000 38%)}
.page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero)>div{width:61%;max-width:820px;position:relative;z-index:5}
.page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero) h1{font-size:clamp(70px,7.3vw,116px);line-height:.88;margin:0 0 29px}
.page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero) p:not(.eyebrow){font-size:clamp(16px,1.3vw,19px);line-height:1.6;max-width:620px}
.page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero) .actions{gap:15px;margin-top:28px}
.page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero) .page-figure{z-index:3;right:10%;height:108%;bottom:-16%;filter:drop-shadow(0 30px 38px rgba(0,0,0,.5))}
.page-hero.detail-hero{min-height:725px}.detail-hero-price{border-top:1px solid var(--line-cool);padding-top:15px;max-width:560px}
.method-sequence,.process-section{background:radial-gradient(circle at 80% 30%,rgba(34,91,153,.16),transparent 40%),#091832}.method-sequence .section-head h2,.process-section .section-head h2{line-height:.9}
.method-sequence .sequence-grid article,.process-section .process-grid article{border-radius:6px;transition:transform .35s var(--ease),border-color .35s}.method-sequence .sequence-grid article:hover,.process-section .process-grid article:hover{transform:translateY(-7px);border-color:var(--gold)}
.account-layout{background:radial-gradient(circle at 19% 47%,rgba(37,101,172,.37),transparent 46%),#071226}.account-intro{isolation:isolate}.account-intro::before{content:"";position:absolute;z-index:0;right:-1%;bottom:-18%;width:min(630px,90%);aspect-ratio:1;background:url('/assets/images/mythika-approved-perimeter-v14.webp') center/contain no-repeat;opacity:.14;animation:ambient-seal-roll 66s linear infinite;pointer-events:none}.account-intro img{right:0;bottom:-34%;height:58%;opacity:.7}.account-card{border-radius:7px;background:linear-gradient(145deg,#10294d,#0a1b35)}.account-card .button{border-radius:4px}
@media(max-width:1000px){.page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero)>div{width:65%}.page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero) .page-figure{right:1%;height:92%}}
@media(max-width:700px){.page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero){min-height:730px;padding:50px 20px 0}.page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero)>div{width:100%;max-width:none}.page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero) h1{font-size:clamp(59px,12vw,82px)}.page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero) p:not(.eyebrow){font-size:15px}.page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero) .page-figure{height:52%;right:7%;bottom:-9%}.page-hero.detail-hero{min-height:820px}.account-layout{background:radial-gradient(circle at 40% 20%,rgba(37,101,172,.29),transparent 39%),#071226}.account-intro::before{right:3%;bottom:-18%;width:min(540px,95%)}.account-intro img{right:3%;bottom:-45%;height:56%}}
@media(prefers-reduced-motion:reduce){.page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero)::before{animation:none!important}}
body.motion-off .page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero)::before{animation:none!important}
body.motion-off .account-intro::before{animation:none}

/* Plain heroes keep approved figures inside their own column at every viewport. */
.page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero){display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:clamp(24px,4vw,64px)}
.page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero)>div{width:100%;max-width:820px;min-width:0}
.page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero) .page-figure{position:relative;inset:auto;width:100%;height:auto;max-width:100%;max-height:550px;object-fit:contain;justify-self:center;transform:none!important}
@media(max-width:700px){.page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero){grid-template-columns:minmax(0,1fr);padding-bottom:32px;gap:24px}.page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero) .page-figure{max-height:340px;max-width:80%}}