:root{--n:#050b18;--p:#0b1931;--l:#294b7b;--i:#f1f7ff;--m:#b8c8dd;--c:#50dff0;--w:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;overflow-x:hidden;background:radial-gradient(65rem 42rem at 100% 0,#163c7b66,transparent 60%),var(--n);color:var(--i);font:17px/1.6 system-ui,sans-serif}img{max-width:100%}a{color:inherit}.skip{position:fixed;top:-5rem;left:1rem}.skip:focus{top:1rem;z-index:99}header{height:68px;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 max(1.25rem,calc((100vw - var(--w))/2));background:#050b18ec;border-bottom:1px solid #203a60}.brand{text-decoration:none;font-weight:900;letter-spacing:.14em}.brand b,em{color:var(--c);font-style:normal}.brand small{display:block;font-size:.55rem;color:var(--m)}header button{display:none;min-height:44px;min-width:44px}nav{display:flex;gap:1.3rem}nav a,footer a{color:var(--m);font-size:.9rem}.hero,.intro,.products,.how,.studio,footer{width:min(var(--w),calc(100% - 3rem));margin:auto}.hero{padding:1.2rem 0 2rem}.hero figure{margin:0;overflow:hidden;border:1px solid #345581;border-radius:16px;background:#edf8ff}.hero img{display:block;width:100%;height:auto}.hero p,.gallery-title p{color:var(--m);margin:.7rem 0}.intro{max-width:900px;padding:2.8rem 0}h1,h2{line-height:1.03;letter-spacing:-.055em;font-size:clamp(2.1rem,4.5vw,4.4rem);margin:.2rem 0 .6rem}.intro p,article>p{color:var(--m)}.products{display:grid;gap:1rem}details{width:100%;min-height:176px;overflow:hidden;border:1px solid var(--l);border-radius:16px;background:linear-gradient(125deg,#0c1b36,#081326)}summary{display:grid;grid-template-columns:32px 74px minmax(0,1fr) auto;gap:1rem;align-items:center;min-height:176px;padding:1.4rem;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary i{color:#7297c8;font:800 .75rem monospace}.product-icon{width:74px;height:74px;object-fit:cover;border:1px solid #456a96;border-radius:16px;background:#102342}summary span{display:grid;gap:.15rem;min-width:0}summary strong{font-size:clamp(1.6rem,3vw,2.35rem);letter-spacing:-.05em}summary small{color:var(--m);font-size:1rem}summary>b{border:1px solid #4b719f;border-radius:99px;padding:.55rem .75rem;font-size:.82rem;white-space:nowrap}details[open] summary>b{font-size:0}details[open] summary>b:after{content:"Collapse technology";font-size:.82rem}article{min-width:0;border-top:1px solid var(--l);padding:2rem 1.4rem}.article-head{display:flex;gap:1.5rem;align-items:flex-end;justify-content:space-between}.cta{display:inline-block;padding:.72rem 1rem;border-radius:99px;background:linear-gradient(100deg,var(--c),#91aaff);color:#06152b;font-weight:850;text-decoration:none}.gallery{min-width:0;margin:1.5rem 0}.gallery-title{display:flex;gap:1rem;align-items:baseline;justify-content:space-between}.gallery-title h3{margin:0}.gallery-track{display:flex;gap:1rem;overflow-x:auto;overscroll-behavior-x:contain;padding:.35rem .1rem 1rem;scroll-snap-type:x mandatory;scrollbar-color:var(--c) #09162c;scrollbar-width:thin}.gallery-track:focus-visible{outline:3px solid #fff;outline-offset:4px}.gallery-track figure{flex:0 0 min(290px,72vw);scroll-snap-align:start;scroll-snap-stop:always;margin:0;overflow:hidden;border:1px solid var(--l);border-radius:12px;background:#09162c}.gallery-track img{display:block;width:100%;height:360px;object-fit:contain;background:#061225}.gallery-track figcaption{padding:.6rem .75rem;color:var(--m);font-size:.9rem}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.2rem 0}.story-grid section{min-width:0;padding:1.15rem;border:1px solid var(--l);border-radius:12px;background:#09162c}.story-grid h3{margin:0 0 .45rem}.story-grid p{margin:.35rem 0;color:var(--m)}.story-grid h3 em{display:block;margin-top:.25rem;color:var(--c);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.status{padding:1rem;border-left:3px solid var(--c);background:#09162c}.how{padding:5rem 0}.how>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.how span{padding:1rem;border-top:2px solid var(--c);background:var(--p);color:var(--m)}.how b{display:block;color:var(--i)}.studio{display:grid;grid-template-columns:230px minmax(0,1fr);gap:2rem;align-items:center;padding:2rem;margin-bottom:4rem;background:#edf8ff;color:#07182d;border-radius:16px}.studio img{width:100%;height:auto}.studio p{color:#34506d}footer{padding:2rem 0;border-top:1px solid #244268;color:var(--m);font-size:.85rem}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:760px){body{font-size:16px}header{height:62px;padding:0 1rem}header button{display:block;background:none;color:#fff;border:1px solid #5879a3;border-radius:6px;padding:.4rem .6rem}nav{display:none;position:absolute;right:1rem;top:56px;flex-direction:column;padding:1rem;background:#09162a;border:1px solid var(--l)}nav.open{display:flex}.hero,.intro,.products,.how,.studio,footer{width:min(var(--w),calc(100% - 2rem))}.hero figure{border-radius:9px}.intro{padding:2.2rem 0}.intro h1{font-size:2.2rem}summary{grid-template-columns:24px 58px minmax(0,1fr);padding:1.15rem;gap:.7rem}.product-icon{width:58px;height:58px;border-radius:13px}summary>b{grid-column:2/4;justify-self:start}.article-head,.story-grid,.how>div{display:grid;grid-template-columns:minmax(0,1fr)}.article-head{align-items:start}.gallery-title{display:block}.gallery-title p{margin-top:.2rem}.gallery-track figure{flex-basis:min(250px,78vw)}.gallery-track img{height:330px}.studio{grid-template-columns:minmax(0,1fr)}.studio img{max-width:210px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:760px){.gallery-track figure{flex-basis:min(250px,calc(100% - 12px))}}


/* Public Studio policy pages (kept visually separate from the product accordions). */
.preview-panel{width:min(850px,calc(100% - 2.5rem));margin:4rem auto;min-height:50vh;padding:clamp(1.4rem,4vw,3rem);border:1px solid var(--l);border-radius:20px;background:linear-gradient(145deg,#0b1931,#071326)}
.preview-panel h1{margin:.25rem 0 1.5rem;font-size:clamp(2.2rem,5vw,3.6rem)}
.preview-panel h2{margin:2rem 0 .45rem;font-size:clamp(1.25rem,3vw,1.7rem);letter-spacing:-.025em}
.preview-panel p{color:var(--m);line-height:1.75}
.preview-panel strong{color:var(--i)}
.preview-panel .eyebrow{color:var(--c);font-weight:800;letter-spacing:.12em;font-size:.8rem}
.preview-panel .text-link{color:var(--c);text-decoration:underline;text-underline-offset:.2em}
.preview-panel a:focus-visible{outline:3px solid #fff;outline-offset:3px}
