/* A working studio, not a single static browser mockup. */
.page-hero.websites-hero{display:block;min-height:750px;padding:145px clamp(24px,6vw,100px) 90px;background:radial-gradient(ellipse at 78% 48%,rgba(30,107,170,.38),transparent 43%),#071226;isolation:isolate}
.websites-hero::before{inset:auto!important;top:-14%;right:-5%;width:min(850px,70vw);height:min(850px,70vw);background:url('/assets/images/mythika-approved-perimeter-v14.webp') center/contain no-repeat!important;opacity:.15!important;animation:ambient-seal-roll 58s linear infinite!important;z-index:0}
.websites-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(63,131,207,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(63,131,207,.055) 1px,transparent 1px);background-size:85px 85px;mask-image:linear-gradient(90deg,transparent,#000 35%)}
.page-hero.websites-hero>.websites-hero-copy{position:relative;z-index:5;max-width:815px;width:60%}.websites-hero h1{font-size:clamp(70px,7.7vw,124px);line-height:.86;margin:0 0 30px}.websites-hero p:not(.eyebrow){max-width:620px;font-size:clamp(16px,1.34vw,20px);line-height:1.62}.websites-hero .actions{gap:28px;margin-top:28px}.websites-hero .text-link{font-size:13px}
.websites-hero-proof{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line-cool);margin-top:62px;padding-top:18px;color:#b4c7dc;font-size:11px}.websites-hero-proof b{color:var(--gold-light);font-size:16px;margin-right:5px}
.page-hero.websites-hero>.websites-stage{position:absolute;z-index:3;inset:0 0 0 49%;max-width:none;pointer-events:none;transform:translate3d(var(--pointer-x,0px),calc(var(--pointer-y,0px) + var(--scroll-depth,0px)),0);transition:transform .65s var(--ease)}
.websites-stage-orbit{position:absolute;left:4%;top:12%;width:83%;aspect-ratio:1;border:1px solid rgba(216,168,75,.41);border-radius:50%;box-shadow:0 0 0 30px rgba(216,168,75,.022),0 0 0 75px rgba(216,168,75,.015);animation:seal-sway 14s ease-in-out infinite}.websites-stage-glow{position:absolute;inset:10% 4%;border-radius:50%;background:radial-gradient(circle,rgba(35,139,225,.32),transparent 65%);filter:blur(25px);animation:halo-travel 10s ease-in-out infinite}.websites-stage img{position:absolute;z-index:3;height:108%;max-width:none;width:auto;bottom:-14%;right:11%;object-fit:contain;filter:drop-shadow(0 30px 38px rgba(0,0,0,.48));animation:figure-enter 1.4s var(--ease) both,figure-float 8s ease-in-out 1.4s infinite}
.websites-float{position:absolute;z-index:4;border:1px solid rgba(216,168,75,.4);border-radius:6px;background:rgba(6,18,38,.8);backdrop-filter:blur(12px);padding:10px 15px;color:#e9f1fb;font-size:10px;font-weight:800;letter-spacing:.08em;white-space:nowrap;box-shadow:0 14px 30px rgba(0,0,0,.25);animation:studio-float 6s ease-in-out infinite}.websites-float-a{left:6%;top:22%}.websites-float-b{right:4%;top:52%;animation-delay:-2s}.websites-float-c{left:6%;bottom:15%;animation-delay:-4s}
.websites-rail a{min-height:64px}.websites-rail span{font-family:var(--display);font-size:22px}
.website-workbench{background:radial-gradient(circle at 77% 14%,rgba(38,98,160,.18),transparent 37%),#091832;padding-top:95px}.website-workbench::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(54,130,207,.045) 1px,transparent 1px);background-size:140px 100%}.website-workbench .split-head{position:relative;z-index:2}.website-workbench .section-head h2{line-height:.88}
.studio-frame{position:relative;z-index:2;display:grid;grid-template-columns:minmax(250px,305px) minmax(0,1fr);border:1px solid rgba(216,168,75,.54);border-radius:8px;overflow:hidden;background:#08182e;box-shadow:0 35px 80px rgba(0,0,0,.3)}.studio-control{padding:29px 18px;background:radial-gradient(circle at 15% 30%,rgba(31,98,169,.28),transparent 55%),#0b1d39;border-right:1px solid var(--line-cool)}.studio-control>.mini-label{display:block;margin:0 9px 20px;font-size:10px}.studio-concepts{display:grid;gap:7px}.studio-concept{display:grid;grid-template-columns:34px 1fr;align-items:start;gap:0 7px;min-height:86px;width:100%;text-align:left;background:rgba(18,43,80,.45);border:1px solid var(--line-cool);border-radius:4px;color:#f0f5fa;padding:15px 12px;transition:transform .32s var(--ease),background .32s,border-color .32s}.studio-concept:hover,.studio-concept.is-active{transform:translateX(4px);background:linear-gradient(110deg,rgba(216,168,75,.16),rgba(44,111,178,.1));border-color:rgba(216,168,75,.57);box-shadow:inset 3px 0 var(--gold)}.studio-concept span{grid-row:span 2;color:var(--gold-light);font-size:11px;font-weight:800}.studio-concept b{font-size:13px}.studio-concept small{grid-column:2;color:var(--muted);font-size:10px}.studio-method-note{margin:28px 9px 0;padding-top:19px;border-top:1px solid var(--line-cool)}.studio-method-note b{font-size:10px;color:var(--gold-light);letter-spacing:.16em}.studio-method-note p{font-size:12px;color:#c6d5e5;margin:10px 0 0}
.studio-browser.demo-browser{width:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;min-width:0}.studio-browser.demo-browser:hover{transform:none;box-shadow:none}.studio-browser .browser-top{min-height:53px}.studio-browser .browser-top strong{font-size:10px;letter-spacing:.17em;color:#bbd1e7;white-space:nowrap}.studio-browser .demo-viewport{min-height:550px;display:block;background:#051226}.studio-preview{position:relative;isolation:isolate;min-height:550px;overflow:hidden;background:radial-gradient(circle at 78% 47%,rgba(61,126,173,.64),transparent 43%),linear-gradient(130deg,#092744,#061625 69%);transition:background .5s}.studio-preview::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.17;background:linear-gradient(rgba(190,214,232,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(190,214,232,.12) 1px,transparent 1px);background-size:65px 65px}.studio-preview-nav{position:relative;z-index:5;display:flex;justify-content:space-between;gap:15px;padding:18px 25px;border-bottom:1px solid rgba(255,255,255,.15);font-size:10px;font-weight:800;letter-spacing:.16em}.studio-preview-nav small{color:#ccdeea;font-size:9px;letter-spacing:.02em;font-weight:600}.studio-preview-copy{position:relative;z-index:4;max-width:530px;padding:78px 25px 65px}.studio-preview-copy .mini-label{color:#e7c67d;font-size:10px}.studio-preview-copy h3{font-family:var(--display);font-size:clamp(52px,5vw,78px);line-height:.89;margin:20px 0}.studio-preview-copy h3 em{display:block}.studio-preview-copy p{max-width:420px;color:#d6e8ef;font-size:14px}.studio-preview .demo-button{display:inline-flex;margin-top:13px;border-radius:3px;text-decoration:none;font-size:11px;padding:12px 18px;transition:transform .3s,box-shadow .3s}.studio-preview .demo-button:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(216,168,75,.3)}.studio-preview-orbit{position:absolute;z-index:1;width:470px;aspect-ratio:1;right:-8%;top:5%;border:1px solid rgba(216,168,75,.43);border-radius:50%;box-shadow:0 0 0 35px rgba(216,168,75,.027),0 0 0 85px rgba(216,168,75,.018);animation:seal-sway 13s ease-in-out infinite}.studio-preview img{position:absolute;z-index:3;height:104%;max-width:none;width:auto;right:5%;bottom:-15%;filter:drop-shadow(0 20px 32px rgba(0,0,0,.5));transition:opacity .28s,transform .55s var(--ease)}.studio-preview-proof{position:absolute;z-index:5;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:10px;padding:14px 24px;background:rgba(3,14,28,.82);border-top:1px solid rgba(216,168,75,.28);color:#dfedfa;font-size:9px;font-weight:800;letter-spacing:.11em}.studio-browser.is-switching .studio-preview-copy,.studio-browser.is-switching .studio-preview img{animation:studio-change .5s var(--ease)}
.studio-browser[data-concept-state=launch] .studio-preview{background:radial-gradient(circle at 75% 45%,rgba(163,105,50,.53),transparent 43%),linear-gradient(130deg,#2f1732,#0c142b 72%)}.studio-browser[data-concept-state=knowledge] .studio-preview{background:radial-gradient(circle at 75% 45%,rgba(47,121,135,.58),transparent 43%),linear-gradient(130deg,#0d2943,#061926 72%)}.studio-browser[data-concept-state=launch] .studio-preview-orbit{border-color:rgba(244,162,99,.52)}.studio-browser[data-concept-state=knowledge] .studio-preview-orbit{border-color:rgba(96,210,220,.44)}
.studio-browser .demo-viewport.is-mobile{padding:18px max(15px,calc((100% - 340px)/2));background:radial-gradient(circle at 50% 50%,#18375a,#061227);min-height:620px}.studio-browser .is-mobile .studio-preview{min-height:585px;border:1px solid var(--line)}.studio-browser .is-mobile .studio-preview-nav{padding:13px}.studio-browser .is-mobile .studio-preview-nav small{display:none}.studio-browser .is-mobile .studio-preview-copy{padding:43px 17px 230px}.studio-browser .is-mobile .studio-preview-copy h3{font-size:47px}.studio-browser .is-mobile .studio-preview-copy p{font-size:12px}.studio-browser .is-mobile .studio-preview img{height:55%;right:1%;bottom:-3%}.studio-browser .is-mobile .studio-preview-orbit{width:260px;right:-35%;top:48%}.studio-browser .is-mobile .studio-preview-proof{font-size:7px;flex-wrap:wrap;padding:9px}
.studio-caveat{position:relative;z-index:2;color:var(--muted);font-size:11px;margin:18px 0 0}.process-section{background:#08172e}.process-section .process-grid article{border-radius:6px}
@keyframes studio-float{50%{translate:0 -9px}}@keyframes studio-change{from{opacity:.25;transform:translateY(16px);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:1100px){.studio-frame{grid-template-columns:240px 1fr}.studio-preview-copy{max-width:460px}.studio-preview-copy h3{font-size:60px}.studio-preview img{right:-2%}.websites-stage img{right:3%}}
@media(max-width:800px){.studio-frame{grid-template-columns:1fr}.studio-control{border-right:0;border-bottom:1px solid var(--line-cool)}.studio-concepts{grid-template-columns:repeat(3,1fr)}.studio-concept{grid-template-columns:1fr;min-height:105px}.studio-concept span{grid-row:auto}.studio-concept small{grid-column:1}.studio-method-note{margin-top:15px}.studio-browser .demo-viewport{min-height:500px}}
@media(max-width:700px){.page-hero.websites-hero{min-height:910px;padding:52px 20px 0}.page-hero.websites-hero>.websites-hero-copy{width:100%}.websites-hero h1{font-size:clamp(56px,12vw,80px)}.websites-hero p:not(.eyebrow){font-size:15px}.websites-hero .actions{gap:14px}.websites-hero .actions .button{font-size:12px}.websites-hero-proof{position:absolute;z-index:8;left:-20px;right:-20px;bottom:-1px;margin:0;padding:14px 20px;gap:8px 16px;background:rgba(6,18,38,.94);font-size:10px}.page-hero.websites-hero>.websites-stage{inset:49% -5% 0 6%;height:51%}.websites-stage img{height:111%;right:3%}.websites-float{padding:7px 9px;font-size:9px}.websites-float-b{right:1%}.websites-rail{grid-template-columns:repeat(2,1fr)}.websites-rail a{min-height:58px}.website-workbench{padding-top:70px}.studio-control{padding:20px 12px}.studio-concepts{gap:4px}.studio-concept{padding:11px 7px;min-height:110px}.studio-concept b{font-size:11px}.studio-concept small{font-size:9px}.studio-browser .browser-top strong{font-size:8px}.studio-browser .browser-top button{font-size:10px}.studio-preview{min-height:490px}.studio-preview-nav{padding:14px}.studio-preview-copy{padding:46px 18px 180px}.studio-preview-copy h3{font-size:55px}.studio-preview-copy p{font-size:12px;max-width:240px}.studio-preview img{height:62%;right:-9%;bottom:-4%}.studio-preview-orbit{width:280px;right:-30%;top:35%}.studio-preview-proof{font-size:7px;flex-wrap:wrap;padding:8px}.studio-browser .demo-viewport.is-mobile{padding:15px}.studio-browser .is-mobile .studio-preview{min-height:570px}.studio-browser .is-mobile .studio-preview-copy h3{font-size:48px}}
@media(max-width:420px){.websites-hero h1{font-size:54px}.websites-float-b{display:none}.studio-concept small{display:none}.studio-concept{min-height:77px}.studio-preview-copy h3{font-size:48px}}
@media(prefers-reduced-motion:reduce){.websites-hero::before,.websites-stage img,.websites-stage-orbit,.websites-stage-glow,.websites-float,.studio-preview-orbit{animation:none!important}}
body.motion-off .websites-hero::before{animation:none!important}