.hero{padding-block:var(--s-20) var(--s-16);background:radial-gradient(900px 420px at 14% -8%, #2b4bff17, transparent 62%), radial-gradient(760px 380px at 92% 4%, #ff8a3d1a, transparent 60%), var(--c-bg);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(90deg,#0f111509 1px,#0000 1px),linear-gradient(#0f111509 1px,#0000 1px);background-size:68px 68px;position:absolute;inset:0;mask-image:radial-gradient(80% 60% at 50% 0,#000,#0000 78%)}.hero-inner{gap:var(--s-16);grid-template-columns:1fr 1.02fr;align-items:start;display:grid;position:relative}.hero-copy{padding-top:var(--s-4)}.hero h1{font-size:var(--fs-hero);letter-spacing:-.038em;margin:var(--s-5) 0 var(--s-5)}.hero h1 em{color:var(--c-brand);font-style:normal}.hero-sub{font-size:var(--fs-lg);color:var(--c-text-2);max-width:46ch;line-height:1.55}.studio{background:var(--c-surface);border:1px solid var(--c-line-strong);border-radius:var(--r-2xl);box-shadow:var(--sh-xl);overflow:hidden}.studio-bar{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--c-line);background:var(--c-bg-alt);display:flex}.studio-bar .seg{background:var(--c-surface)}.studio-body{padding:var(--s-5)}.studio-foot{padding:var(--s-4) var(--s-5);border-top:1px solid var(--c-line);background:var(--c-bg-alt);align-items:center;gap:var(--s-3);display:flex}.studio-cost{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-text-3)}.enhance{margin-top:var(--s-4);border:1px solid var(--c-brand-line);background:var(--c-brand-soft);border-radius:var(--r-md);padding:var(--s-4)}.enhance-head{align-items:center;gap:var(--s-2);font-size:var(--fs-sm);color:var(--c-brand-700);font-weight:600;display:flex}.enhance-head svg{width:15px;height:15px}.flow-grid{gap:var(--s-8);margin-top:var(--s-10);grid-template-columns:340px 1fr;align-items:start;display:grid}.flow-nav{gap:var(--s-2);flex-direction:column;display:flex}.flow-btn{gap:var(--s-4);text-align:left;padding:var(--s-4);border-radius:var(--r-md);transition:all var(--t-fast);cursor:pointer;background:0 0;border:1px solid #0000;align-items:flex-start;width:100%;display:flex}.flow-btn:hover{background:var(--c-surface);border-color:var(--c-line)}.flow-btn.is-active{background:var(--c-surface);border-color:var(--c-line-strong);box-shadow:var(--sh-sm)}.flow-btn.is-active .flow-num{background:var(--c-brand);color:#fff;border-color:var(--c-brand)}.flow-num{border-radius:var(--r-sm);background:var(--c-surface);border:1px solid var(--c-line-strong);width:30px;height:30px;color:var(--c-text-2);flex:none;place-items:center;display:grid}.flow-num svg{width:15px;height:15px}.flow-btn strong{font-size:var(--fs-base);font-weight:650;display:block}.flow-btn span{font-size:var(--fs-sm);color:var(--c-text-3);margin-top:2px;line-height:1.45;display:block}.flow-panel{display:none}.flow-panel.is-active{animation:fadeIn var(--t-slow);display:block}.io{gap:var(--s-4);grid-template-columns:1fr 1fr;display:grid}.io-col h4{font-size:var(--fs-xs);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-4);margin-bottom:var(--s-3)}.flow-media{border-radius:var(--r-md);border:1px solid var(--c-line);background:var(--c-bg-alt);position:relative;overflow:hidden}.flow-media video,.flow-media img{object-fit:cover;width:100%;height:100%;display:block}.flow-media-empty{background:repeating-linear-gradient(45deg, var(--c-bg-alt), var(--c-bg-alt) 10px, var(--c-surface) 10px, var(--c-surface) 20px);place-items:center;width:100%;height:100%;display:grid}.flow-media-empty svg{width:26px;height:26px;color:var(--c-text-4)}.flow-stills{gap:var(--s-2);grid-template-columns:repeat(3,1fr);display:grid}.flow-stills-one{grid-template-columns:1fr}.flow-stills .flow-media-tag{padding:2px 6px;font-size:10px;bottom:6px;left:6px}.flow-stills .flow-media-empty svg{width:18px;height:18px}.flow-media-tag{left:var(--s-3);bottom:var(--s-3);position:absolute}@media (width<=900px){.flow-grid{grid-template-columns:1fr}}@media (width<=640px){.io{grid-template-columns:1fr}}@media (width<=1000px){.hero-inner{gap:var(--s-10);grid-template-columns:1fr}.hero{padding-block:var(--s-12) var(--s-12)}}