:root{--bg: #f3f2ee;--bg-2: #eceae5;--panel: #fcfbf9;--ink: #1b1e22;--ink-2: #4d5257;--dim: #8a8880;--line: #dfdcd5;--hair: #e9e6df;--accent: #4f46e5;--on-accent: #fff;--body: "IBM Plex Sans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--e-out: cubic-bezier(.165, .84, .44, 1);--e-out3: cubic-bezier(.215, .61, .355, 1);--e-inout: cubic-bezier(.455, .03, .515, .955);--shadow: 0 1px 0 #fff inset, 0 40px 80px -52px rgba(28, 31, 33, .55);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased}@media(max-width:900px),(prefers-reduced-motion:reduce){html{scroll-snap-type:none;scroll-behavior:auto}}.panel{min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always;display:grid;align-content:center;overflow:hidden;padding:clamp(56px,8vh,104px) 16px clamp(48px,7vh,84px)}.panel>.inner{width:100%;max-width:1120px;margin-inline:auto}.panel[data-tone="2"]{background:var(--bg-2)}@media(max-width:900px){.panel{min-height:0;padding-block:clamp(54px,9vh,84px)}}.ln{display:block;overflow:hidden;padding:.06em .08em .14em;margin:-.06em -.08em -.14em}.ln>i{display:block;font-style:inherit;transform:translateY(112%)}.piece{opacity:0}.panel[data-fx=a].is-in .ln>i{animation:lnIn 1.02s var(--e-out) both;animation-delay:calc(var(--l, 0) * 92ms)}.panel[data-fx=a].is-in .piece{animation:pcIn .9s var(--e-out) both;animation-delay:calc(var(--l, 0) * 92ms)}.panel[data-fx=a].is-out .ln>i{animation:lnOut .56s var(--e-inout) both;animation-delay:calc(var(--l, 0) * 44ms)}.panel[data-fx=a].is-out .piece{animation:pcOut .5s var(--e-inout) both;animation-delay:calc(var(--l, 0) * 44ms)}.panel[data-fx=b].is-in .ln>i{animation:lnIn 1.02s var(--e-out) both;animation-delay:calc(var(--l, 0) * 86ms)}.panel[data-fx=b].is-out .ln>i{animation:lnOut .56s var(--e-inout) both;animation-delay:calc(var(--l, 0) * 40ms)}.panel[data-fx=b].is-in .piece{animation:flyIn 1.05s var(--e-out) both;animation-delay:calc(var(--l, 0) * 86ms)}.panel[data-fx=b].is-out .piece{animation:flyOut .6s var(--e-inout) both;animation-delay:calc(var(--l, 0) * 40ms)}.panel[data-fx=d].is-in>.inner{animation:depthIn 1.05s var(--e-out) both}.panel[data-fx=d].is-out>.inner{animation:depthOut .78s var(--e-inout) both}.panel[data-fx=d].is-in .ln>i{animation:lnIn .9s var(--e-out) both;animation-delay:calc(var(--l, 0) * 58ms)}.panel[data-fx=d].is-in .piece{animation:pcIn .8s var(--e-out) both;animation-delay:calc(var(--l, 0) * 58ms)}.panel[data-fx=d].is-out .ln>i{animation:lnOut .5s var(--e-inout) both}.panel[data-fx=d].is-out .piece{animation:pcOut .46s var(--e-inout) both}@keyframes lnIn{0%{transform:translateY(112%)}to{transform:none}}@keyframes lnOut{0%{transform:none}to{transform:translateY(-112%)}}@keyframes pcIn{0%{opacity:0;transform:translateY(38px)}to{opacity:1;transform:none}}@keyframes pcOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-28px)}}@keyframes flyIn{0%{opacity:0;transform:translate3d(var(--ix, 0),var(--iy, 50px),0)}to{opacity:1;transform:none}}@keyframes flyOut{0%{opacity:1;transform:none}to{opacity:0;transform:translate3d(var(--ox, 0),var(--oy, -80px),0)}}@keyframes depthIn{0%{opacity:0;transform:scale(1.07);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes depthOut{0%{opacity:1;transform:none;filter:blur(0)}to{opacity:0;transform:scale(.92);filter:blur(12px)}}@media(prefers-reduced-motion:reduce){.ln>i{transform:none}.piece{opacity:1}.panel *{animation:none!important}}.idx{display:flex;align-items:center;gap:12px;margin:0 0 24px;font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}.idx b{font-weight:400;color:var(--accent)}.idx s{flex:0 0 auto;width:clamp(40px,8vw,120px);height:1px;background:var(--hair);text-decoration:none}h1,h2{margin:0;font-weight:200;letter-spacing:-.032em;line-height:1.06;text-wrap:balance}h1{font-size:clamp(34px,5.4vw,70px);max-width:17ch}h2{font-size:clamp(28px,4.2vw,54px);max-width:17ch}.cols{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(26px,5vw,76px);align-items:end;margin-top:clamp(28px,5vh,56px)}@media(max-width:900px){.cols{grid-template-columns:minmax(0,1fr);align-items:start;gap:26px}}.col p{margin:0;color:var(--ink-2);font-size:clamp(15px,1.7vw,17.5px);max-width:42ch}.col p+p{margin-top:14px}.col .mark{margin:0 0 14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.17em;text-transform:uppercase;color:var(--dim)}.btn{display:inline-block;text-decoration:none;font-family:var(--mono);font-size:12px;letter-spacing:.09em;text-transform:uppercase;padding:14px 26px;background:var(--ink);color:var(--bg);border-radius:3px;border:0;cursor:pointer;transition:background .2s,color .2s}.btn:hover{background:var(--accent);color:var(--on-accent)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.btn-ghost:hover{background:var(--ink);color:var(--bg);box-shadow:none}.fine{margin:12px 0 0;font-family:var(--mono);font-size:11px;color:var(--dim)}.rail{position:fixed;right:clamp(14px,2.4vw,34px);top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:14px;align-items:flex-end}.rail a{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--dim);font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase}.rail span{opacity:0;transition:opacity .3s}.rail em{display:block;width:16px;height:1px;background:var(--line);font-style:normal;transition:width .45s var(--e-out),background .3s}.rail a:hover span,.rail a:focus-visible span{opacity:1}.rail a[data-on] span{opacity:1;color:var(--ink)}.rail a[data-on] em{width:34px;background:var(--accent)}@media(max-width:900px){.rail{display:none}}.topbar{position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:clamp(14px,2.2vh,26px) clamp(16px,2.4vw,34px);pointer-events:none}.topbar>*{pointer-events:auto}.topbar-static{position:static;pointer-events:auto;max-width:760px;margin-inline:auto;padding-inline:16px}.wordmark{font-family:"Geist",var(--body);font-size:clamp(22px,2.4vw,27px);font-weight:700;letter-spacing:-.025em;line-height:1;color:var(--accent);text-decoration:none}a.wordmark:hover{opacity:.82}.topbar .btn{padding:10px 18px}.topbar-actions{display:flex;align-items:center;gap:clamp(12px,2vw,22px)}.text-link{font-family:var(--mono);font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);text-decoration:none}.text-link:hover{color:var(--accent)}@media(max-width:560px){.topbar-actions .text-link{display:none}}.scenes{display:grid;gap:clamp(14px,2.4vh,26px);margin-top:clamp(26px,5vh,50px)}.scene{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:baseline;border-top:1px solid var(--hair);padding-top:clamp(12px,2vh,20px);font-size:clamp(15px,1.75vw,19px);color:var(--ink);font-weight:300;max-width:62ch}.scene b{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;color:var(--dim);font-weight:400}.qa{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:clamp(20px,3vw,44px);margin-top:clamp(26px,5vh,50px)}.qa>div{border-top:1px solid var(--hair);padding-top:18px;min-width:0}.qa h3{margin:0 0 10px;font-size:clamp(15px,1.6vw,17px);font-weight:500;letter-spacing:-.01em}.qa p{margin:0;color:var(--ink-2);font-size:clamp(14px,1.5vw,15.5px);line-height:1.65}.lines{display:grid;gap:0;margin-top:clamp(26px,5vh,50px)}.lines p{margin:0;border-top:1px solid var(--hair);padding:clamp(12px,2vh,18px) 0;color:var(--ink-2);font-size:clamp(15px,1.7vw,17.5px);max-width:60ch}.price{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(26px,5vw,76px);align-items:end;margin-top:clamp(26px,5vh,54px)}@media(max-width:900px){.price{grid-template-columns:minmax(0,1fr);gap:26px;align-items:start}}.price .big{font-size:clamp(52px,8vw,104px);line-height:.92;font-weight:200;letter-spacing:-.045em}.price ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:15px;color:var(--ink-2)}.price li{border-top:1px solid var(--hair);padding-top:10px}.foot{margin:clamp(24px,5vh,44px) 0 0;font-family:var(--mono);font-size:10.5px;color:var(--dim)}.foot a{color:var(--dim)}.foot a:hover{color:var(--ink)}@media(max-width:900px){.panel#top{padding-top:calc(clamp(54px,9vh,84px) + 46px)}.topbar{padding:12px 16px}.topbar .btn{padding:9px 14px;font-size:11px;letter-spacing:.06em}.wordmark{font-size:21px}h1{max-width:none}h2{max-width:20ch}.scenes{gap:12px}.scene{gap:10px;grid-template-columns:auto minmax(0,1fr)}.price .big{font-size:clamp(46px,15vw,72px)}.foot{line-height:2}}@media(max-width:820px){.ui-app{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.ui-side{display:flex;flex-direction:row;align-items:center;gap:6px;border-right:0;border-bottom:1px solid #e9ecef;padding:8px 10px;overflow-x:auto;overscroll-behavior-x:contain}.ui-brand{display:none}.ui-nav{width:auto;flex:0 0 auto;padding:7px 12px;font-size:13px}.ui-user{display:none}.ui-main{padding:14px 13px;gap:11px}.ui-bar{padding:8px 11px}.ui-bar .path{font-size:11px}.msg{max-width:96%}.ui-row{padding:10px 8px}.ui-row .tm{margin-left:0;width:100%}}@media(max-width:560px){.panel{padding-inline:16px}.topbar-actions{gap:10px}.ui-h h4{font-size:18px}.ui-cols{gap:11px}.qa{gap:18px}.btn{padding:13px 20px}}@media(max-height:560px)and (orientation:landscape){.panel{min-height:0}.ui{height:auto}}