@font-face{font-family:Inter;src:url('./inter-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--night:#19161e;--night-soft:#211d27;--ink:#332d3b;--paper:#f1eee7;--white:#efecf1;--lavender:#a69ab8;--red:#b84d49;--muted:#a29ca8;--line:rgba(218,210,226,.19);--gutter:clamp(22px,4.8vw,80px);color-scheme:dark;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--white);font-family:Inter,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button img{transition:filter .25s}button:hover img{filter:brightness(.96)}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--lavender);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.055em}h2{font-size:clamp(44px,5.3vw,82px);line-height:1.04}h3{font-size:30px;line-height:1.14}p{line-height:1.65}sup{font-size:9px;margin-left:4px;opacity:.55;letter-spacing:0}.wrap{max-width:1580px;margin-inline:auto;padding-inline:var(--gutter)}.section-space{padding-block:112px}.muted{color:var(--muted)}.small{font-size:15px;line-height:1.6}.eyebrow,.section-kicker,.project-meta,.showcase-label,.type-note,.mobile-caption,.demo-note,.site-footer{font-size:11px;letter-spacing:.07em;font-weight:500}.eyebrow{line-height:1.4}.soft-ink{color:var(--lavender)}.section-kicker{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-bottom:72px;gap:24px;line-height:1.5}.tiny-mark{font-size:25px}.text-button{font-size:13px;display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0}.text-button:hover,.underlined-link:hover{color:var(--lavender)}.underlined-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:44px;padding:12px 0;border-bottom:1px solid currentColor;font-size:14px;text-align:left}.round-link{display:inline-flex;align-items:center;gap:28px;min-height:50px;font-size:14px}.round-link>span{display:grid;place-items:center;border:1px solid var(--line);width:44px;height:44px;border-radius:50%;font-size:24px;transition:background .2s,color .2s}.round-link:hover>span{background:var(--white);color:var(--ink)}.brand{display:inline-flex;align-items:baseline;white-space:nowrap;letter-spacing:-.04em;font-weight:750;font-size:28px;line-height:1}.brand-dot{display:inline-block;align-self:center;width:.2em;height:.2em;margin-left:.16em;border-radius:50%;background:var(--lavender);transform:translateY(.25em)}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.site-header nav{display:flex;gap:38px;align-items:center}.site-header nav a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}.site-header nav a[aria-current]{color:var(--lavender)}.header-film{gap:10px}.play-dot{font-size:8px;border:1px solid var(--line);border-radius:50%;height:24px;width:24px;display:grid;place-items:center}.menu-toggle{display:none}.hero-top{display:grid;grid-template-columns:1.65fr 1fr;gap:8%;padding:80px 0 75px;align-items:end}.hero-heading .eyebrow{margin-bottom:34px;color:var(--muted)}.status-dot{display:inline-block;width:5px;height:5px;background:var(--red);border-radius:50%;vertical-align:middle;margin-right:8px}h1{font-size:clamp(76px,8.7vw,143px);font-weight:480;line-height:.94;letter-spacing:-.065em}.connected{position:relative;display:inline-block;z-index:0}.connected svg{position:absolute;width:105%;height:22px;left:-2%;bottom:-17px;z-index:-1;overflow:visible}.connected path{fill:none;stroke:var(--red);stroke-width:3;stroke-linecap:round}.connected .fiber{stroke:#cf807a;stroke-width:.7;opacity:.6}.hero-copy{max-width:360px;padding-bottom:1px}.hero-copy>p:first-child{font-size:20px;line-height:1.5;letter-spacing:-.025em}.hero-copy .small{margin:22px 0 20px;max-width:310px}.hero-showcase{position:relative;background:#b9b1bd;padding:24px 8% 0;overflow:hidden;border-radius:4px}.showcase-label{display:flex;justify-content:space-between;align-items:center;color:#3d3544;margin-bottom:26px;letter-spacing:0}.showcase-label>span:first-child{font-size:16px;letter-spacing:-.025em}.showcase-label>span:last-child{font-size:9px;letter-spacing:.09em}.desktop-capture{display:block;width:100%;padding:0;overflow:hidden;text-align:left;border-radius:9px 9px 0 0;box-shadow:0 16px 48px #332d3b42}.browser-bar{display:flex;align-items:center;gap:5px;background:#faf8fb;color:#8a8590;padding:9px 15px;font-size:9px;height:30px}.browser-bar i{width:5px;height:5px;border:1px solid #c2bdc7;border-radius:50%}.browser-bar>span{margin:auto;letter-spacing:.04em}.browser-bar>b{font-size:12px;font-weight:400}.desktop-capture img{width:100%;height:auto}.hero-phone{position:absolute;right:3.3%;width:17%;bottom:-2.5%;padding:5px;background:#29262e;border-radius:23px;box-shadow:0 15px 40px #1b162d55;transform:translateY(5%);overflow:hidden}.hero-phone img{border-radius:18px;width:100%;height:auto}.image-note{position:absolute;left:22px;bottom:28px;font-size:9px;letter-spacing:.04em;color:var(--ink);writing-mode:vertical-rl;transform:rotate(180deg)}.project-meta{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-block:27px;color:var(--muted);font-size:9px}.hero{padding-bottom:0}.paper-section{background:var(--paper);color:var(--ink);--line:#332d3b2e;--muted:#77717a;--lavender:#8f8599}.story-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:12%;margin-bottom:76px}.story-grid .reading-copy{max-width:430px;padding-top:6px}.reading-copy p{font-size:17px;line-height:1.7;letter-spacing:-.015em}.reading-copy p+p{margin-top:24px}.reading-copy .text-note{font-size:12px;line-height:1.5;margin-top:35px;padding-left:18px;border-left:2px solid var(--red);color:#77717a}.film-poster{position:relative;display:block;width:100%;padding:0;text-align:left;aspect-ratio:2.1;overflow:hidden;border-radius:3px;background:#17191d;color:var(--white)}.film-poster>img{width:100%;height:100%;object-fit:cover;object-position:center 43%;opacity:.78}.poster-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0e1016aa,transparent 80%)}.poster-caption{position:absolute;top:38px;left:38px;max-width:55%}.poster-caption>span{font-size:10px;letter-spacing:.1em}.poster-caption strong{display:block;font-size:clamp(30px,4vw,60px);line-height:1.07;letter-spacing:-.05em;font-weight:480;margin-top:24px}.poster-play{display:flex;align-items:center;gap:15px;position:absolute;bottom:30px;left:38px;font-size:12px}.poster-play>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d9d4dd66;border-radius:50%;font-size:9px}.poster-play small{font-size:10px;opacity:.5;margin-left:20px}.story-foot{display:flex;justify-content:space-between;align-items:end;margin-top:26px;gap:30px}.story-foot p{font-size:13px;line-height:1.55}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:7%;margin-bottom:60px}.section-heading>p{max-width:380px;font-size:15px;line-height:1.7;padding-bottom:6px;letter-spacing:-.015em}.flow{display:grid;grid-template-columns:29% 1fr;border-top:1px solid var(--line);padding-top:36px;gap:5%}.flow-controls{padding-top:8px}.flow-tabs{display:flex;flex-direction:column;border-bottom:1px solid var(--line)}.flow-tabs button{display:flex;align-items:center;gap:18px;min-height:66px;padding:18px 0;text-align:left;font-size:15px;border-top:1px solid var(--line);color:var(--muted)}.flow-tabs button>span{font-size:9px;opacity:.55}.flow-tabs button>b{font-weight:400;font-size:19px;margin-left:auto;opacity:0}.flow-tabs button[aria-selected=true]{color:var(--white)}.flow-tabs button[aria-selected=true]>b{opacity:1;color:#d0817a}.flow-copy{padding:40px 0 15px}.flow-copy h3{font-size:25px;letter-spacing:-.04em;margin-bottom:16px}.flow-copy p{color:var(--muted);font-size:13px;line-height:1.7;max-width:270px;min-height:66px}.flow-controls .underlined-link{font-size:12px}.demo-note{font-size:10px;letter-spacing:0;line-height:1.7;color:var(--muted);max-width:240px;margin-top:30px}.flow-screen{position:relative;height:640px;overflow:hidden;border-radius:4px;background:#f9f8fa}.flow-screen img{width:100%;height:auto}.screen-fade{position:absolute;bottom:0;left:0;right:0;height:75px;pointer-events:none;background:linear-gradient(transparent,#e8e4eadd)}.feature-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;align-items:end;margin-bottom:60px}.feature-heading .eyebrow{margin-bottom:32px;color:#7c7582}.feature-heading>p{font-size:17px;line-height:1.7;max-width:340px;padding-bottom:4px}.ask-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:7%;align-items:center}.capture-button{display:block;position:relative;padding:0;overflow:hidden;text-align:left}.capture-open{position:absolute;bottom:18px;right:18px;display:grid;place-items:center;width:35px;height:35px;background:var(--ink);color:var(--white);border-radius:50%;font-size:18px;box-shadow:0 2px 12px #1c142c22}.ask-screen{box-shadow:0 18px 55px #4b3c5320;border-radius:3px}.context-list>div{padding:27px 0 29px;border-top:1px solid var(--line);position:relative;padding-left:35px}.context-list>div>span{position:absolute;left:0;top:32px;font-size:9px;color:#9a8e9e}.context-list h3{font-size:22px;letter-spacing:-.035em;margin-bottom:9px}.context-list p{font-size:13px;color:#78717e}.world-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:8%}.world-image{height:440px;width:100%;background:#bdb4c5;padding:35px 30px 0;border-radius:3px}.world-image img{width:100%;height:auto;box-shadow:0 12px 35px #31243b24;border-radius:3px}.offset-feature{padding-top:122px}.offset-feature .world-image{background:#79707f;height:395px}.feature-caption{padding-top:24px;display:grid;grid-template-columns:1fr 1.5fr;gap:14px}.feature-caption>span{font-size:9px;color:var(--muted);padding-top:6px;line-height:1.5;letter-spacing:.04em}.feature-caption h3{font-size:28px;line-height:1.12}.feature-caption p{grid-column:2;font-size:12px;line-height:1.7;color:var(--muted);max-width:270px;margin-top:4px}.discussion-row{display:grid;grid-template-columns:.9fr 1.3fr;gap:12%;align-items:center;margin-top:100px;border-top:1px solid var(--line);padding-top:60px}.discussion-row h3{font-size:39px;margin:25px 0}.discussion-row p.muted{font-size:14px;max-width:330px}.discussion-row .underlined-link{font-size:12px;margin-top:25px}.discussion-image{height:330px;background:#e1d9e3;padding:28px 22px 0;border-radius:3px}.discussion-image img{width:100%;border-radius:3px}.mobile-section{overflow:hidden;background:#c4bbc9}.mobile-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:10%;align-items:center}.mobile-copy .eyebrow{font-size:9px;color:#635a6b;margin-bottom:32px;line-height:1.8}.mobile-copy h2{font-size:clamp(46px,5vw,76px)}.mobile-copy>p:not(.eyebrow){font-size:15px;max-width:300px;margin-top:30px;color:#645b6c}.mobile-caption{display:block;font-size:8px;letter-spacing:.07em;margin-top:54px;color:#6c6275}.phones{display:flex;align-items:center;gap:20px;min-width:0;padding-block:25px}.phone{flex:1;min-width:0;padding:5px;background:#2d2733;border-radius:23px;box-shadow:0 20px 28px #43354e25;overflow:hidden}.phone img{width:100%;height:auto;border-radius:18px}.phone-one{transform:translateY(-24px)}.phone-three{transform:translateY(24px)}.design-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:12%;align-items:end;margin-bottom:70px}.design-intro>p{font-size:16px;line-height:1.7;color:var(--muted);max-width:365px;padding-bottom:5px}.design-rows article{display:grid;grid-template-columns:.15fr 1fr 1fr;gap:8%;align-items:start;border-top:1px solid var(--line);padding:34px 0}.row-index{font-size:10px;color:var(--muted);padding-top:6px}.design-rows h3{font-size:29px}.design-rows p{font-size:13px;color:var(--muted);max-width:340px}.identity-row{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--line);margin-top:50px}.type-specimen,.color-specimen{padding:32px;display:flex;flex-direction:column;align-items:start;min-width:0}.type-specimen{border-right:1px solid var(--line)}.identity-row .eyebrow{font-size:9px;color:var(--muted)}.specimen-brand{font-size:clamp(57px,7vw,94px);margin:35px 0}.type-note{font-size:9px;letter-spacing:0;color:var(--muted);margin-top:auto;line-height:1.5}.swatches{display:flex;gap:10px;width:100%;margin:38px 0 30px}.swatches>i{background:var(--swatch);aspect-ratio:1;flex:1;border-radius:50%;position:relative;max-width:90px;font-style:normal}.swatches span{position:absolute;font-size:7px;letter-spacing:0;bottom:10px;left:0;right:0;text-align:center;color:#f4f0f6}.swatches>i:nth-child(2) span,.swatches>i:nth-child(3) span{color:#4c4255}.project-colophon{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:35px}.project-colophon p{font-size:11px;line-height:1.8}.project-colophon .underlined-link{font-size:11px;flex-shrink:0}.closing-section{padding:85px 0 70px;background:#24202c}.closing-top{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:80px}.closing-top .eyebrow{font-size:9px;color:var(--muted)}.closing-top .text-button{font-size:12px}.closing-section h2{font-size:clamp(51px,8.8vw,137px);line-height:1.02}.closing-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:70px}.footer-brand{font-size:54px}.site-footer{padding-block:30px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;color:var(--muted);font-size:8px}.site-footer>div{display:flex;gap:30px;align-items:center}.site-footer .text-button,.site-footer a{font-size:10px;letter-spacing:0}.site-footer>p{grid-column:1/-1;font-size:9px;letter-spacing:0;opacity:.75;line-height:1.5}.site-footer #year{margin-left:10px}.skip-link{position:fixed;top:12px;left:20px;background:var(--paper);color:var(--ink);padding:12px 18px;z-index:10;transform:translateY(-160%)}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.js [data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.2,1)}.js [data-reveal].is-visible{opacity:1;transform:none}.motion-off{scroll-behavior:auto}.motion-off [data-reveal]{opacity:1;transform:none;transition:none}.motion-off *, .motion-off *::before,.motion-off *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}
@media(min-width:1600px){.hero-top{padding-block:100px 90px}.hero-showcase{padding-inline:10%}.hero-phone{right:5%;width:16%}}
@media(max-width:1000px){.site-header nav{gap:22px}.header-film .muted{display:none}.hero-top{gap:6%;grid-template-columns:1.4fr 1fr;padding-top:65px}.hero-copy>p:first-child{font-size:17px}.hero-copy .small{font-size:13px}.flow{grid-template-columns:32% 1fr}.flow-screen{height:520px}.flow-copy h3{font-size:22px}.section-space{padding-block:84px}.section-kicker{margin-bottom:54px}.story-grid{gap:8%}.reading-copy p{font-size:15px}.world-image{height:350px;padding:24px 20px 0}.offset-feature .world-image{height:320px}.feature-caption{grid-template-columns:1fr}.feature-caption p{grid-column:auto}.offset-feature{padding-top:90px}.feature-caption h3{font-size:28px}.discussion-row{gap:8%}.discussion-row h3{font-size:32px}.mobile-layout{gap:6%;grid-template-columns:1fr 1.5fr}.phones{gap:12px}.phone{padding:4px;border-radius:18px}.phone img{border-radius:14px}.design-rows article{gap:5%;grid-template-columns:.1fr 1fr 1fr}.design-rows h3{font-size:25px}.type-specimen,.color-specimen{padding:24px}.swatches{gap:7px}.swatches span{font-size:6px;bottom:9px}.project-meta{font-size:8px}}
@media(max-width:720px){:root{--gutter:22px}.site-header{height:76px}.site-header .brand{font-size:27px}.menu-toggle{display:flex;align-items:center;gap:18px;font-size:12px;min-height:44px}.menu-toggle>span{font-size:19px}.header-film{display:none}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--night);z-index:3;padding:20px var(--gutter);border-bottom:1px solid var(--line);flex-direction:column;gap:4px;align-items:stretch;box-shadow:0 20px 40px #0003}.site-header nav.is-open{display:flex}.site-header nav a{justify-content:space-between;font-size:17px;min-height:54px}.hero-top{grid-template-columns:1fr;padding:57px 0 42px;gap:37px}.hero-heading .eyebrow{font-size:9px;margin-bottom:26px}h1{font-size:clamp(67px,14.6vw,104px);line-height:.95}.connected svg{height:15px;bottom:-14px}.hero-copy{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0 18px;align-items:start}.hero-copy>p:first-child{font-size:14px;line-height:1.6;letter-spacing:-.02em}.hero-copy .small{font-size:11px;margin:0;max-width:180px;line-height:1.7}.hero-copy .round-link{grid-column:1/-1;margin-top:24px;justify-self:start;font-size:12px;gap:22px}.round-link>span{height:37px;width:37px;font-size:20px}.hero-showcase{padding:18px 12px 0;border-radius:3px}.showcase-label{margin-bottom:20px;gap:14px;align-items:start}.showcase-label>span:first-child{font-size:12px;line-height:1.25}.showcase-label>span:last-child{font-size:6px;line-height:1.6}.browser-bar{height:18px;padding:5px 8px;font-size:5px}.browser-bar i{width:3px;height:3px}.desktop-capture{width:94%;border-radius:5px 5px 0 0}.hero-phone{width:25%;right:2%;padding:3px;border-radius:13px;bottom:-2%}.hero-phone img{border-radius:10px}.image-note{display:none}.project-meta{padding-block:20px;gap:15px;line-height:1.7;font-size:7px}.project-meta>span:nth-child(2){max-width:140px}.section-space{padding-block:64px}.section-kicker{font-size:8px;padding-top:18px;margin-bottom:38px}.section-kicker>span:last-child{max-width:145px;text-align:right;font-size:7px}h2{font-size:clamp(42px,9.3vw,67px);letter-spacing:-.055em}.story-grid{grid-template-columns:1fr;gap:32px;margin-bottom:40px}.reading-copy p{font-size:15px}.reading-copy p+p{margin-top:19px}.reading-copy .text-note{font-size:11px;margin-top:25px}.film-poster{aspect-ratio:1.25}.film-poster>img{object-position:57% center;opacity:.68}.poster-caption{top:25px;left:23px;max-width:85%}.poster-caption>span{font-size:7px}.poster-caption strong{font-size:34px;margin-top:18px}.poster-play{bottom:20px;left:23px;gap:11px;font-size:10px}.poster-play>span{width:35px;height:35px;font-size:8px}.poster-play small{font-size:8px;margin-left:8px}.story-foot{align-items:start;gap:20px}.story-foot p{font-size:10px}.story-foot .underlined-link{font-size:10px;gap:15px;min-height:35px;padding-top:0}.section-heading{display:block;margin-bottom:36px}.section-heading>p{font-size:13px;margin-top:26px;max-width:350px}.section-heading>p br{display:none}.flow{display:flex;flex-direction:column;padding-top:0;gap:25px}.flow-tabs{flex-direction:row;justify-content:space-between;gap:9px}.flow-tabs button{font-size:11px;gap:8px;min-height:61px;border-top:0;padding-block:14px;flex:1}.flow-tabs button>span{font-size:7px}.flow-tabs button>b{font-size:14px;display:none}.flow-controls{padding-top:0}.flow-copy{padding:24px 0 2px}.flow-copy h3{font-size:24px;margin-bottom:10px}.flow-copy p{font-size:12px;max-width:320px;min-height:0}.flow-controls .underlined-link{font-size:11px;margin-top:7px}.demo-note{font-size:8px;max-width:none;margin-top:16px;line-height:1.6}.flow-screen{height:440px}.flow-screen img{width:100%;min-width:520px;max-width:none;transform:translateX(-10%)}.feature-heading{grid-template-columns:1fr;gap:26px;margin-bottom:35px}.feature-heading .eyebrow{font-size:8px;margin-bottom:22px}.feature-heading>p{font-size:14px;max-width:320px}.ask-layout{grid-template-columns:1fr;gap:34px}.context-list>div{padding:20px 0 21px 32px}.context-list>div>span{top:24px;font-size:8px}.context-list h3{font-size:21px}.context-list p{font-size:12px}.capture-open{width:30px;height:30px;font-size:16px;right:12px;bottom:12px}.world-grid{grid-template-columns:1fr;gap:45px}.world-image{height:355px;padding:24px 22px 0}.offset-feature{padding-top:0}.offset-feature .world-image{height:355px}.feature-caption{grid-template-columns:.65fr 1fr;gap:14px;padding-top:23px}.feature-caption>span{font-size:8px}.feature-caption h3{font-size:26px}.feature-caption p{grid-column:2;font-size:11px;margin:0}.discussion-row{grid-template-columns:1fr;gap:35px;margin-top:55px;padding-top:38px}.discussion-row .eyebrow{font-size:8px}.discussion-row h3{font-size:34px;margin:20px 0}.discussion-row p.muted{font-size:13px}.discussion-row .underlined-link{font-size:11px;margin-top:17px}.discussion-image{height:310px;padding:22px 14px 0}.mobile-layout{display:flex;flex-direction:column;gap:40px;align-items:stretch}.mobile-copy .eyebrow{font-size:8px;margin-bottom:24px}.mobile-copy h2{font-size:52px}.mobile-copy>p:not(.eyebrow){font-size:13px;margin-top:23px;max-width:300px}.mobile-caption{font-size:7px;margin-top:24px}.phones{gap:11px;padding:20px 0 25px}.phone{padding:3px;border-radius:13px}.phone img{border-radius:10px}.phone-one{transform:translateY(-15px)}.phone-three{transform:translateY(15px)}.design-intro{grid-template-columns:1fr;gap:28px;margin-bottom:38px}.design-intro>p{font-size:14px;max-width:330px}.design-rows article{grid-template-columns:20px 1fr;gap:10px 17px;padding:25px 0}.design-rows h3{font-size:24px}.row-index{font-size:8px;padding-top:6px}.design-rows p{grid-column:2;font-size:12px;max-width:300px}.identity-row{grid-template-columns:1fr;margin-top:30px}.type-specimen{border-right:0;border-bottom:1px solid var(--line)}.type-specimen,.color-specimen{padding:25px}.identity-row .eyebrow{font-size:8px}.specimen-brand{font-size:78px;margin:37px 0}.type-note{font-size:8px}.swatches{margin:30px 0 28px;gap:15px}.swatches span{font-size:7px;bottom:12px}.project-colophon{display:block;margin-top:25px}.project-colophon p{font-size:9px}.project-colophon .underlined-link{font-size:10px;margin-top:13px}.closing-section{padding:52px 0}.closing-top{display:block;margin-bottom:44px}.closing-top .eyebrow{font-size:8px}.closing-top .text-button{font-size:10px;margin-top:17px}.closing-section h2{font-size:clamp(41px,10vw,70px);line-height:1.06}.closing-bottom{margin-top:42px;gap:20px;align-items:center}.closing-bottom .round-link{font-size:11px;gap:14px}.footer-brand{font-size:31px}.site-footer{padding-block:23px;gap:12px;font-size:6px;grid-template-columns:1fr}.site-footer>div{grid-row:2;justify-content:space-between;gap:20px}.site-footer .text-button,.site-footer a{font-size:9px}.site-footer>p{font-size:8px;max-width:280px;margin-top:5px}.js [data-reveal]{transform:translateY(10px)}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js [data-reveal]{opacity:1;transform:none}}
#hero-title:focus{outline:none}


@media(max-width:720px){}
/* Bilingual page, with all content in the document flow. */
.site-header{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-areas:"brand nav film language";position:sticky;top:0;z-index:5;background:var(--night)}
.site-header>.brand{grid-area:brand}.site-header nav{grid-area:nav;justify-self:center}.site-header .header-film{grid-area:film}.language-switch{display:flex;gap:7px;align-items:center;font-size:10px;letter-spacing:.03em}.site-header .language-switch{grid-area:language;margin-left:12px}.language-switch a{min-width:30px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;opacity:.5}.language-switch a[aria-current=page]{opacity:1;border-bottom:1px solid var(--lavender)}.language-switch a:hover{opacity:1}.research-language{margin-block:12px 20px}.research-language a{text-decoration:none}
#opening,#project-start,[data-section]{scroll-margin-top:90px}.opening-section{background:#111117;border-bottom:1px solid var(--line)}.opening-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;color:var(--muted);font-size:9px;letter-spacing:.08em}.opening-heading .text-button{font-size:11px;letter-spacing:0;color:var(--white)}.opening-frame{max-width:1600px;margin-inline:auto}.opening-frame video{display:block;width:100%;height:calc(100svh - 210px);min-height:320px;max-height:850px;object-fit:contain;background:#111117}.opening-controls{display:flex;align-items:center;gap:25px;min-height:62px}.opening-controls button{min-width:58px;min-height:44px;text-align:left;font-size:12px}.opening-seek{flex:1;display:flex;align-items:center;min-height:44px}.opening-seek input{width:100%;height:3px;accent-color:var(--lavender);cursor:pointer}.opening-controls output{font-size:10px;font-variant-numeric:tabular-nums;min-width:90px;text-align:right;color:var(--muted)}
.flow-screen.is-expanded{height:auto;overflow:visible}.flow-screen.is-expanded .screen-fade{display:none}.flow-screen.is-expanded img{width:100%;max-width:100%;min-width:0;transform:none}.world-image.is-expanded,.offset-feature .world-image.is-expanded,.discussion-image.is-expanded{height:auto;padding-bottom:28px}.phones.has-expanded{flex-wrap:wrap}.phones .phone.is-expanded{flex:0 0 100%;max-width:375px;margin:20px auto;transform:none}.hero-phone img,.desktop-capture img,.ask-screen img{transition:none}.capture-open{font-size:21px}
html[lang=ko] body{font-family:Inter,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;word-break:keep-all;overflow-wrap:break-word}html[lang=ko] h1{font-size:clamp(70px,8vw,128px);line-height:1.12;letter-spacing:-.05em;font-weight:550}html[lang=ko] h2{line-height:1.22;letter-spacing:-.05em;font-weight:550}html[lang=ko] h3{line-height:1.35;letter-spacing:-.035em}html[lang=ko] p{line-height:1.85}html[lang=ko] .connected svg{bottom:-8px}html[lang=ko] .hero-copy>p:first-child{font-size:18px;line-height:1.8}html[lang=ko] .hero-copy .small{line-height:1.85}html[lang=ko] .section-kicker,html[lang=ko] .eyebrow{letter-spacing:.01em}html[lang=ko] .project-meta{letter-spacing:0}html[lang=ko] .feature-caption h3{font-size:27px}html[lang=ko] .closing-section h2{font-size:clamp(51px,8vw,128px)}
@media(max-width:1000px){.site-header{gap:18px}.site-header .header-film{font-size:11px}.site-header .language-switch{margin-left:0}.site-header nav{gap:18px}.language-switch{gap:3px}html[lang=ko] .hero-copy>p:first-child{font-size:16px}}
@media(max-width:720px){.site-header{height:auto;min-height:110px;padding-top:18px;padding-bottom:10px;gap:10px 20px;grid-template-columns:1fr auto;grid-template-areas:"brand language" "nav nav"}.site-header nav{position:static;display:flex;flex-direction:row;justify-self:stretch;justify-content:space-between;padding:0;gap:20px;box-shadow:none;border:0;background:none}.site-header nav a{min-height:35px;font-size:11px;justify-content:start;gap:4px}.site-header .language-switch{margin:0}.language-switch a{min-height:32px;min-width:28px;font-size:9px}.menu-toggle{display:none!important}#opening,#project-start,[data-section]{scroll-margin-top:114px}.opening-heading{font-size:7px;min-height:53px;letter-spacing:.02em}.opening-heading .text-button{font-size:9px;gap:12px}.opening-frame video{height:auto;min-height:0;max-height:none;aspect-ratio:16/9}.opening-controls{gap:13px;min-height:58px}.opening-controls button{font-size:10px;min-width:44px}.opening-controls output{font-size:8px;min-width:72px}.opening-controls input{min-width:30px}.flow-screen.is-expanded img{min-width:0;max-width:100%;transform:none}.phones .phone.is-expanded{padding:5px;border-radius:23px}.phones .phone.is-expanded img{border-radius:18px}html[lang=ko] h1{font-size:clamp(58px,13vw,84px);line-height:1.16}html[lang=ko] h2{font-size:clamp(38px,9vw,60px);line-height:1.25}html[lang=ko] .hero-copy>p:first-child{font-size:13px;line-height:1.85}html[lang=ko] .hero-copy .small{font-size:11px;line-height:1.9}html[lang=ko] .feature-caption h3{font-size:24px}html[lang=ko] .design-rows h3{font-size:23px}html[lang=ko] .flow-copy h3{font-size:23px}html[lang=ko] .connected svg{bottom:-9px}html[lang=ko] .closing-section h2{font-size:clamp(40px,10vw,70px)}}
.opening-frame{max-width:min(1600px,calc(177.7778svh - 373.3334px))}.opening-frame video{height:auto;min-height:0;max-height:none;aspect-ratio:16/9}@media(max-width:720px){.opening-frame{max-width:100%}}
/* The live product replaces captured interface images. */
#live-preview{scroll-margin-top:105px}.live-preview{margin-top:70px}.live-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.live-heading .eyebrow{font-size:9px;margin-bottom:14px}.live-heading h2,html[lang=ko] .live-heading h2{font-size:clamp(25px,3vw,40px);letter-spacing:-.04em;line-height:1.25}.live-standalone{font-size:12px;display:flex;gap:24px;align-items:center;padding-bottom:4px}.live-standalone span{font-size:22px}.live-shell{border:1px solid #4a4254;border-radius:9px;overflow:hidden;background:#25212c;box-shadow:0 30px 70px #0002}.live-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 22px;border-bottom:1px solid #4a4254}.live-routes{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.live-routes button{min-height:36px;padding:7px 15px;border-radius:4px;font-size:11px;color:var(--muted)}.live-routes button[aria-pressed=true]{background:#f1eee7;color:#332d3b}.live-routes button:hover{color:var(--white)}.live-routes button[aria-pressed=true]:hover{color:#332d3b}.live-routes>span{font-size:11px;color:#8c7c9e}.live-routes button:last-child{margin-left:14px}.live-badge{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.1em;white-space:nowrap;color:#b8afc4}.live-badge i{display:block;width:5px;height:5px;border-radius:50%;background:#a4b3a0}.live-canvas{display:flex;justify-content:center;align-items:start;padding:0;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0,transparent 39px,#ffffff03 39px,#ffffff03 40px),#211d26}.live-canvas[data-viewport=mobile],.live-canvas[data-viewport=custom]{padding-block:22px}.live-window{position:relative;flex-shrink:0;background:#fff;overflow:hidden}.live-canvas[data-viewport=mobile] .live-window{border-radius:18px;box-shadow:0 0 0 5px #39323f,0 15px 35px #0003}.live-window iframe{display:block;position:absolute;left:0;top:0;border:0;background:#fff;transform-origin:top left;max-width:none}.live-resize{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 22px;border-top:1px solid #4a4254}.viewport-presets{display:flex;gap:6px}.viewport-presets button{font-size:10px;min-height:34px;padding:6px 12px;border:1px solid transparent;border-radius:4px;color:var(--muted)}.viewport-presets button[aria-pressed=true]{border-color:#82738f;color:var(--white)}.width-control{display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:.03em;color:var(--muted)}.width-control input{width:110px;accent-color:var(--lavender);cursor:ew-resize}.width-control output{min-width:51px;font-size:10px;letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--white)}.live-caption{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-top:20px}.live-caption p{font-size:13px}.live-caption>span{font-size:9px;color:var(--muted)}.app-connection{padding:22px 0;border-bottom:1px solid var(--line);font-size:13px}.app-connection[hidden]{display:none}.app-connection button{margin-top:12px;font-size:12px}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.journey-card{text-align:left;padding:35px 30px 30px 0;display:flex;align-items:start;flex-direction:column;position:relative}.journey-card+.journey-card{border-left:1px solid var(--line);padding-left:30px}.journey-number{font-size:9px;color:var(--lavender);letter-spacing:.08em}.journey-card h3,html[lang=ko] .journey-card h3{font-size:clamp(24px,2.4vw,36px);line-height:1.3;margin:35px 0 20px;letter-spacing:-.04em}.journey-card p{font-size:12px;line-height:1.8;color:var(--muted);max-width:270px}.journey-action{font-size:12px;display:flex;gap:20px;margin-top:auto;padding-top:35px}.journey-card:hover .journey-action,.journey-card:focus-visible .journey-action{color:var(--lavender)}.journey-card:hover h3{color:#d5cadf}.live-footnote{font-size:10px;color:var(--muted);margin-top:20px}.context-interactive{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:center}.context-interactive .context-list{max-width:none}.composer-link{background:#ded7e5;color:#332d3b;text-align:left;padding:40px;display:flex;flex-direction:column;align-items:stretch;min-height:400px}.composer-link .eyebrow{font-size:9px;color:#6b5d77}.composer-link strong{display:block;font-size:clamp(30px,4vw,58px);line-height:1.25;font-weight:500;letter-spacing:-.04em;margin:50px 0}.composer-link>span:last-child{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:auto}.composer-link b{font-weight:400;font-size:32px;transition:transform .2s}.composer-link:hover b{transform:translate(4px,-4px)}.explore-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.explore-paths button{background:#29242f;text-align:left;position:relative;padding:32px 28px 80px;transition:background .2s}.explore-paths button>span{font-size:9px;color:var(--lavender)}.explore-paths h3{font-size:30px;line-height:1.3;margin:45px 0 20px;letter-spacing:-.04em}.explore-paths p{color:var(--muted);font-size:12px;line-height:1.8}.explore-paths b{position:absolute;bottom:25px;right:28px;font-size:28px;font-weight:400}.explore-paths button:hover{background:#372e40}.responsive-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.responsive-layout .mobile-copy h2{font-size:clamp(35px,4.5vw,70px)}.responsive-control{display:flex;flex-direction:column;align-items:start;gap:23px}.responsive-control button{font-size:12px}.device-pair{height:190px;width:100%;position:relative;margin:0 0 15px}.device-desktop{display:block;position:absolute;left:0;top:0;width:85%;height:160px;border:2px solid #9b8aa9;border-radius:6px}.device-desktop:before{content:'';position:absolute;left:0;right:0;top:17px;border-top:1px solid #9b8aa9}.device-desktop:after{content:'';position:absolute;width:35%;height:2px;background:#9b8aa9;bottom:-18px;left:32%}.device-phone{position:absolute;right:0;bottom:0;display:block;width:80px;height:145px;border:2px solid #695775;background:var(--paper);border-radius:13px}.device-phone:before{content:'';display:block;width:20px;height:3px;background:#9b8aa9;margin:8px auto}.device-phone:after{content:'';position:absolute;left:14px;right:14px;top:48px;height:42px;border-top:2px solid #a69ab8;border-bottom:2px solid #a69ab8}.live-shell button:focus-visible,.journey-card:focus-visible,.explore-paths button:focus-visible,.composer-link:focus-visible{outline:2px solid var(--lavender);outline-offset:-3px}
@media(max-width:1000px){.live-preview{margin-top:55px}.context-interactive,.responsive-layout{gap:55px}.explore-paths h3{font-size:24px}.explore-paths button{padding-inline:23px}.live-caption{gap:20px}.live-caption>span{max-width:180px}}
@media(max-width:720px){#live-preview{scroll-margin-top:125px}.live-preview{margin-top:40px}.live-heading{align-items:center;gap:15px;margin-bottom:20px}.live-heading .eyebrow{font-size:7px;margin-bottom:12px}.live-heading h2,html[lang=ko] .live-heading h2{font-size:23px}.live-standalone{font-size:9px;gap:9px;white-space:nowrap}.live-standalone span{font-size:17px}.live-toolbar{padding:10px 9px;gap:5px}.live-routes{gap:1px}.live-routes button{font-size:10px;padding:7px 11px;min-height:36px}.live-routes>span{font-size:9px}.live-routes button:last-child{margin-left:7px;padding-inline:8px}.live-badge{display:none}.live-shell{border-radius:6px}.live-canvas[data-viewport=mobile]{padding-block:0}.live-canvas[data-viewport=mobile] .live-window{border-radius:0;box-shadow:none}.live-resize{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}.viewport-presets{justify-content:space-between}.viewport-presets button{font-size:9px;padding-inline:12px;min-height:36px}.width-control{gap:12px;justify-content:space-between;min-height:33px}.width-control input{flex:1;max-width:170px;min-width:70px}.width-control output{font-size:9px}.live-caption{display:block;margin-top:16px}.live-caption p{font-size:11px}.live-caption>span{display:block;max-width:none;font-size:9px;margin-top:4px}.journey-grid{grid-template-columns:1fr}.journey-card,.journey-card+.journey-card{padding:25px 0;border-left:0}.journey-card+.journey-card{border-top:1px solid var(--line)}.journey-number{font-size:8px}.journey-card h3,html[lang=ko] .journey-card h3{font-size:27px;margin:24px 0 14px}.journey-card h3 br{display:none}.journey-card p{font-size:12px;max-width:300px}.journey-action{font-size:11px;padding-top:25px}.live-footnote{font-size:9px;line-height:1.8}.context-interactive{grid-template-columns:1fr;gap:35px}.composer-link{padding:28px;min-height:300px}.composer-link strong{font-size:38px;margin:40px 0}.composer-link .eyebrow{font-size:8px}.composer-link>span:last-child{font-size:11px}.explore-paths{grid-template-columns:1fr;gap:12px}.explore-paths button{padding:25px 25px 27px}.explore-paths h3{font-size:25px;margin:25px 0 15px}.explore-paths h3 br{display:none}.explore-paths p{font-size:12px;max-width:230px}.explore-paths b{font-size:25px}.responsive-layout{grid-template-columns:1fr;gap:40px}.responsive-layout .mobile-copy h2{font-size:39px}.responsive-control{gap:20px}.device-pair{max-width:310px}.responsive-control button{font-size:11px}}
.explore-paths a.explore-path{display:block;background:#29242f;text-align:left;position:relative;padding:32px 28px 80px;transition:background .2s}.explore-paths a.explore-path>span{font-size:9px;color:var(--lavender)}.explore-paths a:hover{background:#372e40}.decision-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:65px}.decision-intro>p{font-size:15px;color:#746979;line-height:1.9;max-width:430px}.decision-list{border-top:1px solid #332d3b30}.decision{border-bottom:1px solid #332d3b30}.decision summary{list-style:none;display:grid;grid-template-columns:40px 1fr 2fr 30px;align-items:start;gap:25px;padding:35px 0;cursor:pointer}.decision summary::-webkit-details-marker{display:none}.decision-index{font-size:10px;color:#8b7b93;padding-top:6px}.decision-label{font-size:11px;color:#746979;padding-top:6px}.decision h3,html[lang=ko] .decision h3{font-size:30px;line-height:1.4;letter-spacing:-.035em;font-weight:500}.decision-plus{font-size:25px;line-height:1.2;justify-self:end;font-weight:300}.decision[open] .decision-plus{transform:rotate(45deg)}.decision summary:focus-visible{outline:2px solid #887295;outline-offset:5px}.decision-body{display:grid;grid-template-columns:1fr 1fr;gap:30px 55px;padding:0 55px 40px 65px}.decision-body>div>span{font-size:9px;color:#897393;letter-spacing:.05em}.decision-body p{font-size:13px;color:#5c5263;line-height:1.9;margin-top:14px}.decision-body .decision-limit{grid-column:1/-1;border-top:1px solid #332d3b18;padding-top:22px}.decision-body .decision-limit p{font-size:12px;max-width:800px}.decision-scope{border-left:2px solid #a69ab8;padding:0 0 0 25px;margin-top:40px;max-width:850px}.decision-scope>span{font-size:9px;color:#85718d;letter-spacing:.04em}.decision-scope>p{font-size:12px;line-height:1.9;color:#746979;margin:15px 0}.decision-scope>a{font-size:11px}.live-caption>span{max-width:270px;line-height:1.7}.live-footnote{max-width:850px;line-height:1.8}
@media(max-width:1000px){.site-header nav{gap:14px}.site-header .header-film{font-size:10px}.decision-intro{gap:50px}.decision summary{grid-template-columns:25px .9fr 2fr 22px;gap:18px}.decision h3,html[lang=ko] .decision h3{font-size:27px}.decision-body{padding-left:43px;padding-right:40px}}
@media(max-width:720px){.site-header nav{gap:12px}.site-header nav a{font-size:10px}.explore-paths a.explore-path{padding:25px}.decision-intro{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.decision-intro>p{font-size:13px}.decision summary{grid-template-columns:20px 1fr 20px;gap:12px;padding-block:25px}.decision-index{font-size:8px;grid-row:1/3;padding-top:3px}.decision-label{font-size:9px;padding:0}.decision h3,html[lang=ko] .decision h3{font-size:24px;grid-column:2;grid-row:2}.decision-plus{grid-column:3;grid-row:1/3;font-size:24px}.decision-body{grid-template-columns:1fr;gap:24px;padding:0 0 28px 32px}.decision-body p{font-size:12px;margin-top:10px}.decision-body .decision-limit{grid-column:1;padding-top:20px}.decision-body .decision-limit p{font-size:11px}.decision-body>div>span{font-size:8px}.decision-scope{padding-left:17px;margin-top:30px}.decision-scope>p{font-size:11px}.decision-scope>span{font-size:8px}.live-caption>span{max-width:none}}

/* Native chapter links stay immediate; guided handoffs use the motion preference. */
:root{scroll-behavior:auto}

/* Feature demonstrations stay beside the reason for each interaction. */
.story-promise{display:flex;align-items:center;gap:30px;margin:80px 0 50px;color:var(--lavender);font-size:13px}.story-promise i{flex:1;height:1px;background:var(--line)}.feature-stories{position:relative}.anchor-point{position:absolute;top:0}.feature-scene{display:grid;grid-template-columns:.72fr 1.6fr;gap:55px;align-items:start;border-top:1px solid var(--line);padding:65px 0 85px;scroll-margin-top:110px}.scene-explanation{position:sticky;top:130px}.scene-explanation .eyebrow{font-size:10px;margin-bottom:30px}.scene-explanation h3,html[lang=ko] .scene-explanation h3{font-size:clamp(29px,3.4vw,49px);font-weight:500;line-height:1.3;letter-spacing:-.04em;margin-bottom:28px}.scene-explanation>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted)}.scene-insight{font-size:12px!important;line-height:1.9;border-left:2px solid var(--lavender);padding:12px 0 12px 18px;margin:28px 0;color:var(--white)!important}.scene-policy{font-size:11px!important;opacity:.75}.scene-task{display:block;font-size:9px;color:var(--lavender);margin-top:35px;line-height:1.8}.scene-demo{min-width:0;border:1px solid #51465c;border-radius:7px;overflow:hidden;background:#fff}.scene-demo-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;min-height:52px;padding:14px 20px;background:#2c2533;font-size:9px;color:#c7b9d4}.scene-demo-heading>span:last-child{font-size:8px;opacity:.65}.scene-demo iframe{display:block;border:0;width:100%;height:740px;background:#fff}.story-follow{display:flex;align-items:start;gap:10px;margin:30px 0 18px;font-size:12px;line-height:1.7;cursor:pointer}.story-follow input{margin-top:3px;accent-color:var(--lavender);width:16px;height:16px;flex-shrink:0}.scene-action{display:block;background:var(--paper);color:var(--night);padding:15px 22px;font-size:13px;border-radius:3px;min-height:48px}.scene-action:hover{background:#c9bad6}.flow-boundary{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px 50px;padding-top:35px}.flow-boundary p{font-size:11px;color:var(--muted);line-height:1.9}.flow-boundary button{justify-self:start;font-size:12px;margin-top:15px}#decisions{scroll-margin-top:100px}@media(max-width:900px){.feature-scene{grid-template-columns:1fr;gap:30px}.scene-explanation{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.scene-explanation .eyebrow{grid-column:1/-1}.scene-explanation h3{grid-row:2/5}.scene-insight{margin:20px 0}.scene-policy{grid-column:2}.scene-task{grid-column:2;margin-top:20px}.story-follow,.scene-action{grid-column:2}.scene-demo iframe{height:700px}}@media(max-width:720px){.story-promise{font-size:8px;gap:10px;margin:40px 0}.feature-scene{padding:35px 0 55px;gap:26px}.scene-explanation{display:block}.scene-explanation .eyebrow{font-size:8px;margin-bottom:20px}.scene-explanation h3,html[lang=ko] .scene-explanation h3{font-size:33px;margin-bottom:22px}.scene-explanation>p:not(.eyebrow){font-size:12px}.scene-insight{font-size:11px!important;margin:22px 0}.scene-task{font-size:8px}.scene-demo-heading{padding:13px;font-size:8px}.scene-demo-heading>span:last-child{font-size:7px}.scene-demo iframe{height:660px}.flow-boundary{grid-template-columns:1fr;gap:15px}.scene-policy{font-size:10px!important}#decisions{scroll-margin-top:120px}}
/* V5: a connected product sequence and an explorable product atlas. */
.reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:20;pointer-events:none;transform:scaleX(var(--progress,0));transform-origin:left;background:#bf6560}.hero-network{height:260px;position:relative;margin-top:60px;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 50%,#68546f20,transparent 65%)}.hero-network:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#cbbbd93d .7px,transparent .7px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.hero-network svg{position:absolute;inset:10px 0 0;width:100%;height:230px;overflow:visible;transform:translate(var(--network-x,0px),var(--network-y,0px));transition:transform .6s cubic-bezier(.2,.7,.2,1)}.hero-network path{fill:none;stroke:#ac635e;stroke-width:1.5;stroke-dasharray:1200;animation:connect-network 1.8s cubic-bezier(.2,.7,.2,1) both}.hero-network path:nth-child(2){opacity:.3;stroke-width:.7;animation-delay:.2s}.hero-network circle{fill:#e4d1cf;stroke:#a65c58;stroke-width:4}.network-word{position:absolute;font-size:12px;letter-spacing:.08em;color:#c8b9d1;background:var(--night);padding:10px 15px;transform:translate(calc(var(--network-x,0px)*-.7),calc(var(--network-y,0px)*-.7));transition:transform .8s}.network-one{left:10%;top:20%}.network-two{left:29%;top:55%}.network-three{left:49%;top:4%}.network-four{right:7%;top:34%}.hero-network>p{position:absolute;bottom:16px;right:0;font-size:8px;letter-spacing:.13em;color:#8d7e99}.hero-top .hero-heading h1{animation:headline-in .9s cubic-bezier(.2,.8,.2,1) both}.story-controls{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:15px 0 25px;margin-top:10px}.story-controls button{display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:13px;color:var(--muted);border-radius:4px;transition:background .25s,color .25s}.story-controls button small{font-size:9px;opacity:.6}.story-controls button[aria-pressed=true]{background:#e2d7e8;color:#332d3b}.story-controls>span{height:1px;flex:1;background:var(--line);max-width:80px}.story-controls output{margin-left:auto;font-size:10px;font-variant-numeric:tabular-nums;color:var(--lavender)}.feature-scene[hidden]{display:none!important}.feature-scene{padding-top:40px;border-top:0;grid-template-columns:.7fr 1.6fr;gap:50px;min-height:730px}.scene-demo{border:0;border-radius:9px;background:#fbfafc;box-shadow:0 22px 50px #0002}.scene-demo-heading{border-bottom:1px solid #e9e2eb;background:#f4eff7;color:#85728f;padding-inline:23px}.scene-demo-heading span:last-child{font-size:7px;letter-spacing:.08em}.scene-demo iframe{height:640px;background:#fbfafc}.scene-explanation{position:static;padding-top:15px}.scene-explanation .eyebrow{font-size:9px;color:#bda8cb}.scene-explanation h3,html[lang=ko] .scene-explanation h3{font-size:clamp(30px,3.2vw,49px)}.scene-policy{font-size:10px!important}.scene-task{display:none}.story-continue{display:block;border:1px solid #70617d;border-radius:3px;padding:13px 18px;font-size:12px;margin-top:15px;color:var(--white);transition:opacity .2s}.story-continue:disabled{opacity:.3;cursor:default}.story-continue:not(:disabled):hover{background:#44364f}.scene-action{width:100%;text-align:left;position:relative;overflow:hidden}.scene-action:after{content:'↗';float:right;font-size:17px}.scene-action:disabled{opacity:.4}.feature-stories>.section-heading{margin-bottom:30px}.flow-boundary{padding-top:25px}.ecosystem-section{position:relative;overflow:hidden;color:#332d3b;background:#eae4ed}.kinetic-band{padding:50px 0 0;overflow:hidden;user-select:none;border-bottom:1px solid #332d3b18}.kinetic-band>div{font-size:clamp(58px,10vw,165px);line-height:1.25;font-weight:600;letter-spacing:-.055em;white-space:nowrap;width:max-content;color:#8b799733;will-change:transform;padding-left:8vw}.ecosystem-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:end;margin-bottom:60px}.ecosystem-heading h2{font-size:clamp(43px,5.8vw,84px);letter-spacing:-.055em;line-height:1.1}.ecosystem-heading p{font-size:14px;color:#7d6e86;line-height:1.9}.ecosystem-workbench{display:grid;grid-template-columns:.7fr 1.8fr;gap:50px;align-items:start}.atlas-index{display:flex;flex-direction:column;border-top:1px solid #332d3b24;position:sticky;top:120px}.atlas-index button{display:grid;grid-template-columns:24px 1fr 10px;gap:12px;align-items:center;min-height:56px;text-align:left;border-bottom:1px solid #332d3b20;color:#887690;transition:color .2s,padding-left .25s,background .25s;padding:10px 9px 10px 0}.atlas-index button>span{font-size:9px;opacity:.6}.atlas-index strong{font-size:16px;font-weight:500;letter-spacing:-.03em}.atlas-index i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:0;transform:scale(.4);transition:transform .25s,opacity .25s}.atlas-index button[aria-pressed=true]{color:#332d3b;background:#dcd0e34a;padding-left:12px}.atlas-index button[aria-pressed=true] i{opacity:1;transform:scale(1);background:#ac5c58}.atlas-index button:hover{color:#332d3b;padding-left:12px}.atlas-index button:focus-visible{outline:2px solid #91779f;outline-offset:3px}.atlas-context{display:flex;align-items:baseline;justify-content:space-between;gap:20px;min-height:47px}.atlas-context>span{font-size:9px;color:#7f688c;white-space:nowrap}.atlas-context p{font-size:11px;color:#8f7b9b;text-align:right}.atlas-surface{position:relative;background:#fbfafc;border-radius:8px;box-shadow:0 30px 65px #44314f1b;overflow:hidden;border:1px solid #fff}.atlas-surface iframe{width:100%;height:690px;display:block;border:0;background:#fbfafc}.atlas-foot{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-size:8px;color:#95849e;line-height:1.7}.ecosystem-meaning{display:flex;align-items:end;justify-content:space-between;gap:50px;border-top:1px solid #332d3b20;padding-top:50px;margin-top:70px}.ecosystem-word{font-size:clamp(75px,11vw,165px);line-height:1;font-weight:750;letter-spacing:-.06em;white-space:nowrap;display:flex;align-items:baseline;gap:.015em}.ecosystem-word .brand-dot{width:.09em;height:.09em}.ecosystem-meaning p{font-size:16px;line-height:1.9;max-width:400px;color:#8b7896}.js [data-reveal]{transition:opacity .65s,transform .85s cubic-bezier(.2,.8,.2,1)}
@keyframes connect-network{from{stroke-dashoffset:1200}to{stroke-dashoffset:0}}@keyframes headline-in{from{opacity:0;transform:translateY(28px);clip-path:inset(0 0 35% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
.motion-off .hero-network path,.motion-off .hero-heading h1{animation:none!important}.motion-off .hero-network svg,.motion-off .network-word{transform:none!important}.motion-off .atlas-index button,.motion-off .atlas-index i{transition:none}
@media(max-width:1050px){.ecosystem-workbench{gap:30px;grid-template-columns:.65fr 1.7fr}.atlas-index strong{font-size:14px}.ecosystem-heading{gap:30px}.ecosystem-heading p{font-size:13px}.ecosystem-meaning p{font-size:14px}.feature-scene{gap:35px;grid-template-columns:.7fr 1.5fr}.scene-explanation{display:block}.scene-explanation h3{margin-bottom:25px}.scene-policy{grid-column:auto}.scene-demo iframe{height:650px}.site-header nav{gap:13px}.site-header nav a{font-size:10px}}
@media(max-width:720px){.hero-network{height:180px;margin-top:30px}.hero-network svg{height:155px}.network-word{font-size:8px;padding:8px}.hero-network>p{font-size:6px}.hero-network:before{background-size:18px 18px}.story-controls{gap:5px;position:static;margin-top:20px;padding-bottom:18px}.story-controls button{padding:10px 11px;font-size:11px;gap:7px;min-height:43px}.story-controls button small{font-size:8px}.story-controls>span{max-width:17px}.story-controls output{display:none}.feature-scene{display:grid;grid-template-columns:1fr;min-height:0;padding-top:27px;gap:24px;padding-bottom:35px}.scene-explanation{padding-top:0}.scene-explanation h3,html[lang=ko] .scene-explanation h3{font-size:31px}.scene-explanation h3 br{display:none}.scene-explanation .eyebrow{margin-bottom:15px}.scene-explanation>p:not(.eyebrow){font-size:12px}.scene-insight{margin:17px 0;padding-block:5px}.scene-policy{font-size:10px!important}.scene-demo iframe{height:650px}.scene-demo-heading{padding:12px 15px;font-size:8px}.story-follow{margin:22px 0 15px}.scene-action{font-size:12px}.story-continue{font-size:11px}.kinetic-band{padding-top:24px}.kinetic-band>div{font-size:56px}.ecosystem-heading{display:block;margin-bottom:30px}.ecosystem-heading h2,html[lang=ko] .ecosystem-heading h2{font-size:44px;line-height:1.2}.ecosystem-heading p{margin-top:25px;font-size:12px}.ecosystem-heading p br{display:none}.ecosystem-workbench{display:flex;flex-direction:column;gap:25px}.atlas-index{position:static;display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:0 12px}.atlas-index button{grid-template-columns:15px 1fr;min-height:48px;gap:5px;padding-right:0}.atlas-index strong{font-size:11px;letter-spacing:-.04em}.atlas-index button>span{font-size:7px}.atlas-index button i{display:none}.atlas-index button[aria-pressed=true]{padding-left:5px}.atlas-index button:hover{padding-left:5px}.atlas-content{width:100%}.atlas-context{display:block;min-height:55px}.atlas-context>span{font-size:8px}.atlas-context p{text-align:left;margin-top:10px;font-size:10px}.atlas-surface iframe{height:650px}.atlas-foot{font-size:7px;gap:15px}.ecosystem-meaning{display:block;padding-top:30px;margin-top:40px}.ecosystem-meaning p{font-size:13px;margin-top:30px}.ecosystem-word{font-size:100px}.site-header nav{gap:6px}.site-header nav a{font-size:9px}.reading-progress{height:2px}}

.scene-action:after{content:none}

#ecosystem-workbench{scroll-margin-top:115px}.motion-off [data-scroll-type]{transform:none!important;will-change:auto}
.hero-top .hero-heading h1,.hero-network path{animation-play-state:paused}.hero-entered .hero-heading h1,.hero-entered .hero-network path{animation-play-state:running}

/* V6: a complete reading sequence, with optional live controls. */
.story-reading-path{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:27px 0 42px;margin-top:45px;color:#d4c9dc}
.story-reading-path>span{font-size:13px;white-space:nowrap;display:flex;align-items:center;gap:12px}.story-reading-path small{color:#a18cad;font-size:9px}
.story-reading-path i{width:65px;height:1px;background:#796183}.story-reading-path>p{font-size:9px;color:var(--muted);margin-left:auto}
.feature-scene{border-top:1px solid var(--line);padding:70px 0 95px;min-height:0;gap:60px}
#answer-scene{grid-template-columns:1.6fr .7fr}#answer-scene .scene-explanation{grid-column:2;grid-row:1}#answer-scene .scene-demo{grid-column:1;grid-row:1}
#ask-scene .scene-demo iframe{height:750px}#answer-scene .scene-demo iframe{height:800px}#return-scene .scene-demo iframe{height:540px}
.scene-explanation{display:block;position:sticky;top:120px}.scene-task{font-size:9px;line-height:1.8;display:block;margin-top:28px;color:#d0b9dc}
.story-optional-actions{padding:19px;border:1px solid #786183;border-radius:6px;margin-top:26px}.story-optional-actions[hidden]{display:none!important}
.optional-label{font-size:10px;color:#d2bfdf}.story-optional-actions .story-follow{font-size:12px;margin:20px 0}.story-optional-actions .scene-action{font-size:12px;padding:12px 15px}
.feature-catalogue{display:block}.catalogue-note{font-size:12px;line-height:1.8;color:#807089;padding:0 0 35px;border-bottom:1px solid #332d3b24}
.catalogue-feature{min-width:0}.catalogue-copy .eyebrow{color:#8e7998;font-size:10px;margin-bottom:23px;letter-spacing:.07em}.catalogue-copy .eyebrow span{margin-right:15px;color:#b15d57}
.catalogue-copy h3{font-size:clamp(28px,3.2vw,46px);letter-spacing:-.045em;line-height:1.3;font-weight:500;color:#332d3b;margin-bottom:25px}
.catalogue-copy>p:not(.eyebrow){font-size:14px;line-height:1.95;color:#82718c;max-width:440px}.catalogue-task{display:flex;gap:10px;font-size:10px;line-height:1.7;color:#8e719c;margin-top:30px}.catalogue-task>span{color:#b36560}
.catalogue-wide{display:grid;grid-template-columns:.76fr 1.3fr;gap:65px;align-items:start;padding:85px 0 100px;border-bottom:1px solid #332d3b24}.catalogue-wide .catalogue-copy{padding-top:35px;position:sticky;top:125px}
.catalogue-demo{background:#fbfafc;border:1px solid #ffffffcc;border-radius:9px;box-shadow:0 24px 65px #4a345619;overflow:hidden;min-width:0;align-self:start}.catalogue-demo-label{padding:15px 22px;background:#ebe4f0;color:#84718e;display:flex;justify-content:space-between;gap:20px;font-size:10px}.catalogue-demo-label>span:last-child{font-size:8px;letter-spacing:.06em;opacity:.7}
.catalogue-demo iframe{width:100%;height:650px;display:block;border:0;background:#fbfafc}.catalogue-pair{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:85px 0 100px;border-bottom:1px solid #332d3b24}.catalogue-card{display:flex;flex-direction:column}.catalogue-card .catalogue-copy{min-height:240px;padding:0 15px 35px 0}.catalogue-card .catalogue-copy h3{font-size:30px;min-height:1.3em;margin-bottom:20px}.catalogue-card .catalogue-copy>p:not(.eyebrow){font-size:13px;max-width:460px}.catalogue-card .catalogue-task{margin-top:22px}.catalogue-card .catalogue-demo{width:100%;margin-top:auto}.catalogue-pair .catalogue-demo iframe{height:660px}
#feature-companies{grid-template-columns:1.3fr .76fr}#feature-companies .catalogue-copy{grid-column:2;grid-row:1}#feature-companies .catalogue-demo{grid-column:1;grid-row:1}
#feature-discover .catalogue-demo iframe,#feature-saved .catalogue-demo iframe{height:690px}
.ecosystem-meaning{margin-top:20px;padding-top:65px;border:0}
@media(max-width:1050px){.feature-scene{gap:35px}.catalogue-wide{gap:35px;grid-template-columns:.7fr 1.3fr}.catalogue-copy h3{font-size:34px}.catalogue-copy>p:not(.eyebrow){font-size:13px}.catalogue-pair{gap:24px}.catalogue-card .catalogue-copy h3{font-size:26px}.catalogue-card .catalogue-copy{min-height:275px}.catalogue-card .catalogue-task{font-size:9px}}
@media(max-width:720px){.story-reading-path{gap:10px;flex-wrap:wrap;padding-bottom:27px;margin-top:30px}.story-reading-path>span{font-size:11px;gap:8px}.story-reading-path i{width:20px}.story-reading-path>p{flex-basis:100%;margin:12px 0 0;font-size:8px}.feature-scene,#answer-scene{display:flex;flex-direction:column;gap:25px;padding:40px 0 60px}.scene-explanation{position:static;width:100%}.scene-demo{width:100%}#ask-scene .scene-demo iframe{height:780px}#answer-scene .scene-demo iframe{height:800px}#return-scene .scene-demo iframe{height:560px}.scene-task{font-size:9px}.catalogue-wide,#feature-companies{display:flex;flex-direction:column;gap:30px;padding:45px 0 55px}.catalogue-wide .catalogue-copy{position:static;padding-top:0}.catalogue-copy h3{font-size:30px}.catalogue-copy .eyebrow{font-size:9px;margin-bottom:18px}.catalogue-task{font-size:10px;margin-top:20px}.catalogue-demo{width:100%}.catalogue-demo iframe{height:620px}.catalogue-pair{display:block;padding:0;border:0}.catalogue-card{padding:45px 0 55px;border-bottom:1px solid #332d3b24}.catalogue-card .catalogue-copy{min-height:0;padding-bottom:27px}.catalogue-card .catalogue-copy h3{font-size:28px;min-height:0}.catalogue-card .catalogue-task{font-size:10px}.catalogue-pair .catalogue-demo iframe{height:620px}#feature-discover .catalogue-demo iframe,#feature-saved .catalogue-demo iframe{height:650px}.catalogue-note{font-size:11px;padding-bottom:25px}.catalogue-demo-label{padding:14px 18px}.ecosystem-meaning{padding-top:45px}}

#ask-scene .scene-demo iframe{height:720px}#answer-scene .scene-demo iframe{height:740px}
@media(max-width:720px){#ask-scene .scene-demo iframe{height:850px}#answer-scene .scene-demo iframe{height:920px}}

.catalogue-feature{scroll-margin-top:120px}