@font-face{font-family:'Inter Tight';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/inter-tight-400.woff') format('woff')}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/inter-tight-600.woff') format('woff')}
:root{color-scheme:dark;--ink:#f4f4f1;--muted:#a9adb1;--line:#343639;--bg:#111315;--gutter:48px;--content:1216px;--edge:max(var(--gutter),calc((100vw - var(--content))/2));--strip-height:clamp(320px,38vw,500px);font-family:'Inter Tight',Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button,a{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none}button:disabled{cursor:default;opacity:.3}button svg,a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:600;letter-spacing:-.025em}h1{font-size:clamp(48px,6.7vw,94px);line-height:.99}h2{font-size:clamp(36px,4.1vw,60px);line-height:1.06}h3{font-size:clamp(30px,3.3vw,46px);line-height:1.12}h4{font-size:clamp(30px,3vw,42px);line-height:1.1}p{font-size:18px;line-height:1.55}img,video{display:block;max-width:100%}.wrap{width:min(var(--content),calc(100% - var(--gutter)*2));margin-inline:auto}.skip{position:absolute;top:12px;left:20px;transform:translateY(-200%);z-index:20;background:#fff;color:#111;padding:12px}.skip:focus{transform:none}.dark-studio{position:relative;isolation:isolate;background:radial-gradient(circle at 1px 1px,#ffffff0d 1px,transparent 1.2px) 0 0/24px 24px var(--bg)}.ambient{position:absolute;z-index:-1;pointer-events:none;left:0;right:0;top:0;height:1000px;background:radial-gradient(ellipse at 55% 28%,#b9c8d612,transparent 65%)}
.topbar{min-height:124px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-bottom:1px solid var(--line);gap:2px}.wordmark{font-size:30px;line-height:1.2;font-weight:600;letter-spacing:-.04em}.header-claim{font-size:16px;color:var(--muted)}.intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:48px;padding:90px 0 64px}.intro-copy{max-width:340px;justify-self:end}.intro-copy p{color:#b5b7b9}
/* Image height is shared. Width follows the source, including off-screen portions. */
.panorama{width:100%;min-width:0}.panorama-track{display:flex;align-items:flex-start;gap:24px;width:100%;overflow-x:auto;overflow-y:hidden;padding:8px var(--edge) 20px;scroll-padding-inline:var(--edge);scroll-snap-type:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:thin;scrollbar-color:#42474c transparent;cursor:grab}.panorama-track.is-dragging{cursor:grabbing;user-select:none;scroll-behavior:auto}.panorama-track:focus-visible{outline-offset:-3px}.panorama-card{flex:0 0 auto;min-width:0;width:calc(var(--strip-height)*var(--ratio));margin:0}.image-frame{height:var(--strip-height);width:100%;position:relative;border-radius:12px;background:#1b1e21;overflow:hidden}.image-frame>img,.image-frame>video{width:100%;height:100%;max-width:none;object-fit:contain;user-select:none;-webkit-user-drag:none}.panorama-card figcaption{font-size:14px;line-height:1.4;color:var(--muted);padding:16px 2px 0;max-width:min(100%,calc(100vw - var(--gutter)*2));min-height:42px}.app-card figcaption{font-size:16px;color:#e3e4e3}.panorama-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:14px}.panorama-hint{font-size:14px;color:#8f969c}.rail-buttons{display:flex;gap:10px}.arrow{display:grid;place-items:center;width:44px;height:44px;background:#1b1e21;border:1px solid #454a4f;border-radius:50%;transition:background .2s}.arrow:not(:disabled):hover{background:#343a3f}.prev svg{transform:rotate(180deg)}.video-start,.image-retry{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:12px;align-items:center;justify-content:center;background:#f4f4f1;color:#111315;border:0;border-radius:8px;min-height:54px;padding:15px 22px;white-space:nowrap}.video-start svg{fill:currentColor;stroke:none}.image-retry{font-size:16px;white-space:normal;text-align:center}.image-frame.has-error>img{opacity:.12}
.section-label{font-size:14px;color:var(--muted);margin-bottom:24px}.vision,.mission{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.vision{padding-top:140px;padding-bottom:100px}.vision .lead{font-size:clamp(23px,2.25vw,30px);line-height:1.3;color:var(--ink);margin-bottom:26px}.vision-copy{padding-top:44px}.vision-copy>p:last-child,.mission p:not(.section-label){color:#b1b6ba}.mission{padding-top:72px;padding-bottom:120px;border-top:1px solid var(--line)}.mission>div:last-child{padding-top:44px}.mission>div:last-child p+p{margin-top:24px}.examples-intro{padding:40px 0 56px}.example{padding-bottom:136px}.example-copy{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:52px}.example-copy h3{max-width:470px}.example-description>p{color:#bbc0c4}.features{display:grid;gap:24px;margin:32px 0 0;padding-top:28px;border-top:1px solid var(--line)}.features>div{display:grid;grid-template-columns:110px 1fr;gap:20px}.features dt{font-size:16px;font-weight:600}.features dd{margin:0;font-size:16px;color:var(--muted)}
.engine-tile{height:var(--strip-height);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:36px;background:linear-gradient(145deg,#ffffff04,transparent 65%) #1b1e21;border:1px solid #41474c;border-radius:12px;overflow:hidden;isolation:isolate}.engine-tile:after{content:'';position:absolute;inset:0;border-radius:11px;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--light-x,40%) var(--light-y,15%),#e2ecff40,transparent 65%);box-shadow:inset 0 1px #ffffff65;transition:opacity .3s}.engine-tile:hover:after,.engine-tile:focus-visible:after,.engine-tile.is-glint:after{opacity:1}.engine-code{font-size:14px;color:#929ba2;position:relative}.engine-name{font-weight:600;font-size:clamp(44px,5vw,68px);letter-spacing:-.03em;line-height:1;display:block;position:relative}.engine-label{display:block;font-size:18px;color:#afb6bc;margin-top:20px;position:relative}.engine-visual{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.engine-logo{width:80%;height:72px;object-fit:contain;object-position:left center}
.try-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:32px}.pill-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:58px;padding:16px 22px;background:#f4f4f1;color:#111315;border:1px solid #f4f4f1;border-radius:8px;font-size:18px}.pill-link:hover{background:#d6dadd}.text-link{display:inline-flex;gap:12px;align-items:center;background:transparent;border:0;padding:12px 0;font-size:16px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.inline-demo{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:48px;margin-top:48px;border-radius:12px;background:radial-gradient(circle at 1px 1px,#00000012 1px,transparent 1.2px) 0 0/24px 24px #d4d4d4;color:#111315;color-scheme:light}.demo-copy .section-label{color:#5c6266}.demo-copy>p:not(.section-label){color:#454c51;margin-top:24px;max-width:420px}.demo-copy .text-link{margin-top:20px}.mini-host{min-width:0}.mini-host iframe{display:block;width:100%;height:500px;border:0;background:transparent}.closing{padding:96px 0 40px;background:#111315}.closing-line{display:flex;justify-content:space-between;align-items:end;gap:24px}.closing h2{font-size:clamp(52px,7.5vw,106px);line-height:.98}.closing-claim{font-size:24px;color:#aeb0b2;margin-top:24px}.closing-domain{font-size:16px;color:#b5b7b9}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:60px;padding-top:24px;font-size:14px;color:#949ba0}.footer-bottom a{display:flex;align-items:center;gap:12px}.footer-bottom svg{transform:rotate(-90deg)}.noscript-note{padding-block:20px}
@media(min-width:1600px){:root{--content:1320px;--gutter:60px}}
@media(max-width:1000px){:root{--gutter:28px}.vision,.mission,.example-copy{gap:48px}.inline-demo{gap:24px;padding:32px}.features>div{grid-template-columns:1fr;gap:6px}}
@media(max-width:700px){:root{--gutter:18px;--strip-height:calc(100vw - 36px)}.topbar{min-height:104px}.wordmark{font-size:28px}.header-claim{font-size:14px}.intro{grid-template-columns:1fr;gap:28px;padding:54px 0 40px}.intro-copy{justify-self:start;max-width:360px}.intro-copy p{font-size:17px}h1{font-size:clamp(46px,10vw,70px)}.panorama-track{gap:16px;padding-bottom:16px}.panorama-controls{padding-top:8px}.image-frame,.engine-tile{border-radius:10px}.engine-tile{padding:28px}.engine-name{font-size:clamp(44px,12vw,72px)}.engine-label{font-size:18px}.vision,.mission,.example-copy{grid-template-columns:1fr;gap:28px}.vision{padding-top:88px;padding-bottom:64px}.vision-copy,.mission>div:last-child{padding-top:0}.mission{padding-top:56px;padding-bottom:72px}.section-label{margin-bottom:20px}.examples-intro{padding-top:24px;padding-bottom:40px}.example{padding-bottom:92px}.example-copy{margin-top:36px}.features{gap:20px}.inline-demo{grid-template-columns:1fr;gap:12px;padding:26px 14px 12px;margin-top:36px}.demo-copy{padding-inline:10px}.mini-host iframe{height:500px}.closing{padding-top:64px}.closing-line{display:block}.closing-domain{display:block;margin-top:28px}.closing-claim{font-size:21px}.footer-bottom{margin-top:40px}.panorama-hint{font-size:14px}.try-actions{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-height:500px) and (orientation:landscape){:root{--strip-height:min(360px,70svh)}}

/* v4: responsive heroes only in the overview, square app icons in examples. */
.image-frame>picture{display:block;width:100%;height:100%}.image-frame>picture>img{width:100%;height:100%;max-width:none;object-fit:contain;user-select:none;-webkit-user-drag:none}.image-frame.has-error picture{opacity:.12}.panorama-controls{justify-content:flex-end}.mini-host .pill-link{display:flex;width:fit-content;margin:12px auto 0}.inline-demo{align-items:center}
@media(max-width:700px){.responsive-hero{--ratio:var(--mobile-ratio)!important}.panorama-controls{display:none}.example-copy{margin-top:32px}}

/* Editorial overview following the examples. */
.intro-copy strong{font-weight:600;color:var(--ink)}
.studio-about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;border-top:1px solid var(--line);padding-block:80px 120px}
.studio-about-copy{min-width:0;max-width:64ch;color:#bbc0c4;overflow-wrap:break-word}
.studio-about-copy p+p{margin-top:28px}
@media(max-width:1000px){.studio-about{gap:48px}}
@media(max-width:700px){.studio-about{grid-template-columns:1fr;gap:28px;padding-block:56px 72px}}