/* The interactive landing field and expandable implementation notes. */
.toolchain{padding-block:clamp(100px,14vw,210px);border-top:1px solid var(--ink)}.toolchain-head,.build-log-head{display:grid;grid-template-columns:1fr minmax(250px,410px);gap:40px;margin-bottom:44px}.toolchain-head>p:last-child,.build-log-head>p:last-child{margin:0;color:#57544f;font-size:14px;line-height:1.85}.toolchain-grid{display:grid;grid-template-columns:minmax(280px,.83fr) minmax(0,1.17fr);border:1px solid var(--ink)}.tool-list{display:grid;border-right:1px solid var(--ink)}.tool-card{position:relative;display:grid;grid-template-columns:38px 1fr;gap:4px;align-content:center;min-height:152px;padding:20px;border:0;border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);font-family:var(--sans);text-align:left;cursor:pointer;transition:background .25s,color .25s}.tool-card:last-child{border-bottom:0}.tool-card:hover,.tool-card:focus-visible,.tool-card.active{background:var(--ink);color:var(--cream);outline:0}.tool-card:focus-visible{box-shadow:inset 0 0 0 2px var(--red)}.tool-card span{grid-row:1/3;font:10px var(--mono);color:var(--red)}.tool-card b{font-size:clamp(25px,2.7vw,43px);font-weight:500;line-height:.95;letter-spacing:-.06em}.tool-card small{font:9px var(--mono);letter-spacing:.4px}.tool-terminal{min-height:455px;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,77px);background:#1a1a1a;color:#eeeae1}.terminal-title{margin:0;color:#e5bd6b;font:10px var(--mono);letter-spacing:.8px}.tool-terminal h2{max-width:560px;margin:19px 0;font:400 clamp(40px,5.2vw,76px)/.94 var(--serif);letter-spacing:-.065em}.tool-terminal>p:not(.terminal-title){max-width:500px;margin:0;color:#c7c3ba;font-size:15px;line-height:1.8}.tool-terminal pre{margin:34px 0 0;padding-top:15px;border-top:1px solid #5a5957;color:#9fc2cf;font:11px/1.8 var(--mono);white-space:pre-wrap}.playground{background:#171719;color:#eeeae1}.playground-inner{padding-block:clamp(100px,14vw,190px)}.playground-head{display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #656567;color:#d6d1c8;font:10px var(--mono);letter-spacing:.75px}.playground-head p{margin:0}.playground-grid{display:grid;grid-template-columns:.7fr 1.45fr .85fr;min-height:465px;border-bottom:1px solid #656567}.play-choices{display:grid;align-content:center;border-right:1px solid #656567}.play-choice{padding:16px 17px;border:0;border-bottom:1px solid #515154;background:transparent;color:#d6d1c8;font:clamp(15px,1.5vw,21px) var(--sans);text-align:left;cursor:pointer;transition:background .22s,color .22s}.play-choice:hover,.play-choice:focus-visible,.play-choice.active{background:#eeeae1;color:#171719;outline:0}.agent-stage{position:relative;display:grid;grid-template-columns:1fr 46px 1fr 46px 1fr;align-content:center;align-items:center;padding:24px;overflow:hidden}.agent-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(238,234,225,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(238,234,225,.06) 1px,transparent 1px);background-size:46px 46px}.agent-node{position:relative;z-index:1;display:grid;place-items:center;min-height:92px;border:1px solid #c9c4b9;color:#f0ece4;font:10px var(--mono);letter-spacing:.6px;transition:background .3s,color .3s,transform .3s}.agent-link{position:relative;z-index:1;height:1px;background:#77736c;overflow:hidden}.agent-link:after{content:"";position:absolute;inset:0;background:#efc36c;transform:translateX(-110%)}.agent-stage.running .agent-node{background:#e8e4da;color:#171719;transform:translateY(-5px)}.agent-stage.running .agent-link:after{animation:flow 1.1s ease-in-out forwards}.agent-stage.running .agent-link:nth-of-type(2):after{animation-delay:.45s}@keyframes flow{to{transform:translateX(0)}}#agentResult{position:absolute;z-index:1;left:25px;right:25px;bottom:28px;margin:0;color:#c8c3ba;font-size:13px;line-height:1.7}.play-control{display:flex;flex-direction:column;justify-content:center;padding:28px;border-left:1px solid #656567}.play-control>p{margin:0 0 28px;color:#d3cec4;font-size:15px;line-height:1.75}.run-agent{padding:13px 14px;border:1px solid #e5bd6b;background:transparent;color:#e5bd6b;font:10px var(--mono);letter-spacing:.6px;cursor:pointer;transition:background .2s,color .2s}.run-agent:hover,.run-agent:focus-visible{background:#e5bd6b;color:#171719;outline:0}.run-agent span{margin-left:18px;font-size:18px}.play-control small{margin-top:15px;color:#85818a;font:9px var(--mono);letter-spacing:.5px}.build-log{padding-block:clamp(100px,14vw,190px);border-top:1px solid var(--ink)}.build-log details{border-top:1px solid var(--line)}.build-log details:last-child{border-bottom:1px solid var(--line)}.build-log summary{display:grid;grid-template-columns:clamp(55px,9vw,150px) 1fr 30px;align-items:center;padding:22px 0;cursor:pointer;list-style:none}.build-log summary::-webkit-details-marker{display:none}.build-log summary span{font:10px var(--mono);color:var(--red)}.build-log summary b{font-size:clamp(21px,3vw,47px);font-weight:500;letter-spacing:-.06em;line-height:1}.build-log summary i{justify-self:end;font:24px var(--serif);font-style:normal}.build-log details[open] summary{color:var(--blue)}.build-log details p{max-width:680px;margin:0 0 30px clamp(55px,9vw,150px);color:#57544e;font-size:15px;line-height:1.85}
@media(max-width:850px){.toolchain-head,.build-log-head{display:block}.toolchain-head>p:last-child,.build-log-head>p:last-child{margin-top:18px}.toolchain-grid{display:block}.tool-list{border-right:0;border-bottom:1px solid var(--ink)}.tool-card{min-height:110px}.tool-terminal{min-height:380px}.playground-inner{padding-block:85px}.playground-head span{display:none}.playground-grid{display:block;min-height:0}.play-choices{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #656567}.play-choice{flex:0 0 auto}.agent-stage{min-height:340px;padding:20px;grid-template-columns:1fr 25px 1fr 25px 1fr}.agent-node{min-height:70px;font-size:8px}.agent-stage #agentResult{left:20px;right:20px;bottom:22px}.play-control{border-left:0;border-top:1px solid #656567}.build-log summary{grid-template-columns:42px 1fr 20px}.build-log details p{margin-left:42px}.build-log summary b{font-size:clamp(21px,7vw,36px)}}
.hero-field{background:#151515!important}.hero-field-image{display:none}.hero-field:after{background:radial-gradient(circle 270px at var(--mx) var(--my),rgba(44,57,97,.38),rgba(20,20,20,.18) 48%,rgba(10,10,10,.3) 79%)!important;mix-blend-mode:normal}.hero-grid{background-image:linear-gradient(rgba(238,235,226,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(238,235,226,.08) 1px,transparent 1px)!important;mask-image:none;opacity:.75}.hero-glow{border-color:#f0ede5;box-shadow:0 0 42px 13px rgba(151,166,223,.32)}.hero-field[data-phase="1"]:after{background:radial-gradient(circle 300px at var(--mx) var(--my),rgba(71,92,156,.48),rgba(20,20,20,.2) 52%,rgba(10,10,10,.35) 80%)!important}.hero-field[data-phase="2"]:after{background:radial-gradient(circle 300px at var(--mx) var(--my),rgba(178,132,67,.36),rgba(20,20,20,.2) 52%,rgba(10,10,10,.35) 80%)!important}.hero-editor{position:absolute;z-index:1;right:clamp(22px,5.2vw,85px);top:clamp(94px,16vh,155px);width:min(42vw,570px);border:1px solid rgba(233,230,220,.54);background:rgba(22,22,22,.78);backdrop-filter:blur(8px);box-shadow:12px 12px 0 rgba(235,232,223,.13);transform:translate(calc((var(--mx) - 50%) * .015),calc((var(--my) - 50%) * .015));transition:transform .18s ease-out}.editor-tab{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(233,230,220,.28);color:#dcd8ce;font:10px var(--mono)}.editor-tab span:last-child{color:#e4ba69}.hero-editor pre{margin:0;padding:clamp(22px,3vw,42px);overflow:hidden;color:#d8d5cc;font:clamp(12px,1.3vw,17px)/1.8 var(--mono)}.hero-editor i{color:#efbd67;font-style:normal}.hero-editor b{color:#aebfff;font-weight:400}.hero-console{position:absolute;z-index:1;right:clamp(22px,5.2vw,85px);bottom:clamp(30px,6vh,68px);width:min(35vw,450px);padding:13px 14px;border-left:1px solid rgba(233,230,220,.65);background:rgba(15,15,15,.52);color:#ddd9cf;font:10px var(--mono)}.hero-console span{color:#aebfff}.hero-console p{margin:7px 0 0;color:#d7d3c9}.hero-field h1{z-index:2;mix-blend-mode:normal}.hero-field h1 em{color:#c5cbe6}.hero-note{z-index:3;right:auto;left:clamp(24px,5.5vw,90px);bottom:clamp(28px,4vh,48px);max-width:270px}.hero-point{z-index:3}
@media(max-width:850px){.hero-editor{right:18px;top:94px;width:calc(100% - 36px)}.hero-editor pre{padding:20px;font-size:11px}.hero-console{right:18px;bottom:32px;width:calc(100% - 36px)}.hero-note{display:none}.hero-field h1{bottom:116px}}
.hero-field-image{filter:contrast(1.08) brightness(.66)!important}.hero-trails{position:absolute;z-index:0;inset:0;pointer-events:none}.hero-trails span{position:absolute;left:calc(var(--mx) - 4px);top:calc(var(--my) - 4px);width:8px;height:8px;border:1px solid rgba(213,228,255,.92);border-radius:50%;opacity:.7;transition:left .12s ease-out,top .12s ease-out}.hero-trails span:nth-child(2){width:13px;height:13px;left:calc(var(--mx) - 6px);top:calc(var(--my) - 6px);opacity:.42;transition-delay:.05s}.hero-trails span:nth-child(3){width:22px;height:22px;left:calc(var(--mx) - 11px);top:calc(var(--my) - 11px);opacity:.22;transition-delay:.1s}.hero-field[data-phase="1"]:after{background:radial-gradient(circle 250px at var(--mx) var(--my),rgba(68,120,224,.84),rgba(14,16,25,.42) 49%,rgba(9,9,11,.67) 78%)}.hero-field[data-phase="2"]:after{background:radial-gradient(circle 260px at var(--mx) var(--my),rgba(197,130,55,.72),rgba(18,20,29,.4) 48%,rgba(9,9,11,.67) 78%)}.directory-filters{display:flex;gap:8px;padding-top:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.filter-chip{padding:7px 9px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:9px var(--mono);letter-spacing:.45px;cursor:pointer;transition:background .2s,color .2s}.filter-chip:hover,.filter-chip:focus-visible,.filter-chip.active{background:var(--ink);color:var(--cream);outline:0}.project-row.filtered-out{display:none}
.hero-lab{min-height:calc(100vh - 76px);display:grid;grid-template-rows:auto 1fr auto;padding-top:18px;padding-bottom:22px}.hero-lab-top,.hero-lab-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;color:#56534d;font:9px var(--mono);letter-spacing:.9px}.hero-lab-top{padding-bottom:12px}.hero-lab-top span:nth-child(2){justify-self:center}.hero-lab-top span:last-child,.hero-lab-bottom span:last-child{justify-self:end}.hero-lab-bottom{padding-top:12px;border-top:1px solid var(--line)}.hero-lab-bottom span:nth-child(2){justify-self:center}.hero-field{--mx:50%;--my:50%;position:relative;min-height:clamp(520px,71vh,770px);overflow:hidden;background:#171717;color:#efede6;isolation:isolate;cursor:crosshair;outline:none}.hero-field:focus-visible{box-shadow:0 0 0 2px var(--red)}.hero-field-image{position:absolute;z-index:-4;inset:-6%;width:112%;height:112%;object-fit:cover;filter:grayscale(1) contrast(1.2) brightness(.54);transform:translate(calc((var(--mx) - 50%) * -.035),calc((var(--my) - 50%) * -.035)) scale(1.03);transition:transform .18s ease-out}.hero-field:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle 210px at var(--mx) var(--my),rgba(39,70,140,.7),rgba(14,16,25,.38) 42%,rgba(9,9,11,.68) 76%);mix-blend-mode:screen;pointer-events:none}.hero-grid{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(rgba(236,234,225,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(236,234,225,.17) 1px,transparent 1px);background-size:calc(100% / 12) calc(100% / 8);mask-image:radial-gradient(circle 290px at var(--mx) var(--my),#000,transparent 75%);opacity:.55}.hero-glow{position:absolute;z-index:-1;width:18px;height:18px;left:calc(var(--mx) - 9px);top:calc(var(--my) - 9px);border:1px solid #fff;border-radius:50%;box-shadow:0 0 38px 12px rgba(81,132,255,.78);transition:left .05s linear,top .05s linear}.hero-kicker{position:absolute;top:24px;left:25px;margin:0;font:10px var(--mono);letter-spacing:1px}.hero-field h1{position:absolute;left:clamp(24px,5.5vw,90px);bottom:clamp(68px,10vh,116px);margin:0;font:400 clamp(84px,13.7vw,225px)/.71 var(--serif);letter-spacing:-.095em;mix-blend-mode:screen}.hero-field h1 em{font-style:italic;color:#b9ccff}.hero-note{position:absolute;right:25px;bottom:30px;max-width:180px;margin:0;color:#dbd9d0;font-size:12px;line-height:1.55}.hero-enter{position:absolute;right:25px;top:23px;padding-bottom:8px;border-bottom:1px solid #e8e5de;color:#fff;font:10px var(--mono);letter-spacing:.8px;text-decoration:none}.hero-enter span{margin-left:25px;color:#f4c46c;font-size:18px}.hero-point{position:absolute;color:#d1d4d9;font:9px var(--mono);letter-spacing:.7px;transition:transform .25s}.point-a{top:28%;left:52%}.point-b{top:63%;left:63%}.point-c{top:42%;right:11%}.hero-field:hover .point-a{transform:translate(-16px,8px)}.hero-field:hover .point-b{transform:translate(14px,-12px)}.hero-field:hover .point-c{transform:translate(9px,15px)}
.feature-notes{padding-block:clamp(90px,12vw,180px);border-top:1px solid var(--ink)}.feature-head{display:grid;grid-template-columns:1fr minmax(240px,390px);gap:40px;margin-bottom:38px}.feature-head>p:last-child{margin:0;color:#57544f;font-size:14px;line-height:1.8}.feature-list{border-top:1px solid var(--ink)}.feature-item{border-bottom:1px solid var(--line)}.feature-trigger{width:100%;display:grid;grid-template-columns:clamp(60px,9vw,150px) minmax(0,1fr) 38px;gap:15px;align-items:center;padding:21px 0;background:transparent;border:0;color:var(--ink);font-family:var(--sans);text-align:left;cursor:pointer;transition:background .25s,color .25s}.feature-trigger:hover,.feature-trigger:focus-visible,.feature-item.open .feature-trigger{background:var(--ink);color:var(--cream);outline:0}.feature-trigger:focus-visible{box-shadow:inset 0 0 0 2px var(--red)}.feature-trigger>span{padding-left:14px;font:10px var(--mono);letter-spacing:.4px}.feature-trigger b{font-size:clamp(22px,3.25vw,52px);font-weight:500;letter-spacing:-.065em;line-height:.98}.feature-trigger i{justify-self:end;padding-right:14px;font:28px/.8 var(--serif);font-style:normal}.feature-detail{display:grid;grid-template-columns:minmax(230px,.83fr) minmax(0,1.17fr);gap:clamp(30px,7vw,110px);max-height:0;overflow:hidden;padding:0;opacity:0;transition:max-height .65s cubic-bezier(.77,0,.22,1),padding .5s,opacity .25s}.feature-item.open .feature-detail{max-height:510px;padding:clamp(28px,4vw,54px) 14px;opacity:1}.feature-code{align-self:start;padding:22px;background:#191919;color:#dbd7ce;font:clamp(11px,1.1vw,14px)/1.85 var(--mono);letter-spacing:.1px}.feature-code span{color:#f1c669}.feature-code em{color:#9bc4d0;font-style:normal}.feature-detail>p{max-width:500px;margin:0;color:#4a4843;font-size:clamp(15px,1.45vw,18px);line-height:1.85}.profile-portrait{float:right;width:min(42%,285px);margin:0 0 26px 32px;background:#1a1a1a}.profile-portrait img{display:block;width:100%;height:auto;max-height:230px;object-fit:cover;object-position:center 35%;filter:none}.profile-portrait figcaption{padding:8px 10px;color:#dedad1;font:9px var(--mono);letter-spacing:.6px}
@media(max-width:850px){.hero-lab{min-height:calc(100vh - 64px);padding-top:12px}.hero-lab-top span:nth-child(2),.hero-lab-bottom span:nth-child(2){display:none}.hero-lab-top,.hero-lab-bottom{grid-template-columns:1fr auto}.hero-field{min-height:clamp(500px,72vh,660px)}.hero-field h1{left:22px;bottom:97px;font-size:clamp(76px,21vw,120px)}.hero-kicker{top:19px;left:20px}.hero-note{right:20px;bottom:24px;max-width:155px;font-size:11px}.hero-enter{right:20px;top:18px}.hero-point{display:none}.feature-notes{padding-block:85px}.feature-head{display:block}.feature-head>p:last-child{margin-top:18px}.feature-trigger{grid-template-columns:42px minmax(0,1fr) 24px;padding-block:18px}.feature-trigger>span{padding-left:0}.feature-trigger b{font-size:clamp(21px,7.2vw,36px)}.feature-trigger i{padding-right:0}.feature-detail{display:block}.feature-item.open .feature-detail{max-height:650px;padding:23px 0}.feature-detail>p{margin-top:20px}.profile-portrait{float:none;width:100%;max-width:350px;margin:0 0 25px}.profile-portrait img{max-height:none}}@media(prefers-reduced-motion:reduce){.hero-field-image,.hero-glow,.hero-point,.feature-detail{transition:none}}

/* Tactile AI tool field: the pointer physically disturbs the tool objects. */
.tool-sandbox{position:relative;min-height:clamp(510px,52vw,690px);overflow:hidden;border:1px solid var(--ink);background:#d9d7d0;background-image:linear-gradient(rgba(25,25,25,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(25,25,25,.12) 1px,transparent 1px);background-size:28px 28px;isolation:isolate}.tool-sandbox:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 15%,rgba(25,25,25,.08) 100%);pointer-events:none}.sandbox-label,.sandbox-readout{position:absolute;z-index:3;margin:0;font:9px var(--mono);letter-spacing:.75px}.sandbox-label{top:17px;left:18px;max-width:270px}.sandbox-readout{right:18px;bottom:17px;text-align:right}.tool-orb{--push-x:0px;--push-y:0px;--turn:0deg;position:absolute;z-index:1;display:grid;place-items:center;width:clamp(142px,16vw,224px);aspect-ratio:1;padding:0;border:0;background:transparent;color:var(--ink);font-family:var(--sans);cursor:crosshair;transform:translate3d(var(--push-x),var(--push-y),0) rotate(var(--turn));transition:transform .46s cubic-bezier(.16,1,.3,1);will-change:transform}.tool-orb:focus-visible{outline:2px solid var(--red);outline-offset:5px}.orb-codex{top:31%;left:11%}.orb-claude{top:13%;left:42%}.orb-cursor{right:11%;bottom:15%}.tool-cube{position:relative;z-index:2;display:grid;place-items:center;width:60%;height:60%;border:1px solid currentColor;box-shadow:12px 12px 0 currentColor;font:clamp(29px,4.2vw,61px)/1 var(--serif);transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .25s,filter .25s}.tool-cube:before{content:"";position:absolute;inset:9px;border:1px solid currentColor;opacity:.32}.tool-orb b{position:absolute;z-index:2;top:84%;font-size:clamp(11px,1.1vw,15px);font-weight:600;letter-spacing:-.035em;line-height:.92;text-align:center}.tool-orb small{position:absolute;z-index:2;top:98%;font:9px var(--mono);letter-spacing:.8px}.orb-codex .tool-cube{background:#263660;color:#f1eee5;transform:rotate(-9deg)}.orb-claude .tool-cube{background:#d88149;color:#1d1b19;transform:rotate(7deg)}.orb-cursor .tool-cube{background:#222;color:#e9e7df;transform:rotate(-4deg)}.tool-orb:hover .tool-cube{transform:translateY(-7px) rotate(0deg) scale(1.04)}.pixel-field{position:absolute;z-index:4;inset:0;pointer-events:none}.pixel-field span{position:absolute;top:50%;left:50%;width:var(--pixel-size);height:var(--pixel-size);background:currentColor;opacity:0;transform:translate(-50%,-50%) scale(0);transition:transform .48s cubic-bezier(.16,1,.3,1) var(--pixel-delay),opacity .16s linear}.tool-orb.scattering .tool-cube{opacity:.25;filter:blur(.8px);transform:scale(.72) rotate(0deg)}.tool-orb.scattering .pixel-field span{opacity:.88;transform:translate(calc(-50% + var(--pixel-x)),calc(-50% + var(--pixel-y))) scale(1)}.tool-orb.scattering b,.tool-orb.scattering small{opacity:.2}.tool-orb b,.tool-orb small{transition:opacity .24s}.tool-sandbox:has(.tool-orb.scattering):after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle 230px at var(--pointer-x,50%) var(--pointer-y,50%),rgba(255,255,255,.52),transparent 72%);pointer-events:none}@media(max-width:850px){.tool-sandbox{min-height:505px;background-size:20px 20px}.tool-orb{width:145px}.orb-codex{top:31%;left:3%}.orb-claude{top:13%;left:36%}.orb-cursor{right:3%;bottom:15%}.tool-orb b{top:83%;font-size:11px}.tool-orb small{top:97%;font-size:8px}.sandbox-readout{left:18px;right:auto;text-align:left;max-width:210px}}@media(prefers-reduced-motion:reduce){.tool-orb,.tool-cube,.pixel-field span{transition:none}}

.tool-cube{overflow:hidden}.tool-cube img{position:relative;z-index:1;display:block;max-width:72%;max-height:72%;object-fit:contain}.orb-claude .tool-cube{background:#f5eee3;color:#c96942}.orb-claude .tool-cube img{width:59%;height:59%;max-width:none;max-height:none}.orb-cursor .tool-cube{background:#f5eee3;color:#20201f}.orb-cursor .tool-cube img{width:78%;height:78%;max-width:none;max-height:none}.code-trail{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}.code-trail span{position:absolute;color:#304579;font:10px/1 var(--mono);letter-spacing:.15px;white-space:nowrap;opacity:0;transform:translate(-12%,-50%) rotate(var(--trace-turn));animation:code-trace 1.45s cubic-bezier(.16,1,.3,1) forwards}@keyframes code-trace{0%{opacity:0;transform:translate(-12%,-50%) rotate(var(--trace-turn)) scale(.88)}12%{opacity:.82}68%{opacity:.36;transform:translate(15%,-60%) rotate(var(--trace-turn)) scale(1)}100%{opacity:0;transform:translate(35%,-74%) rotate(var(--trace-turn)) scale(.96);filter:blur(2px)}}@media(max-width:850px){.code-trail span{font-size:8px}}@media(prefers-reduced-motion:reduce){.code-trail span{animation:none;opacity:.35}}

/* One continuous scroll narrative: sections hand their material to the next one. */
.work{padding-top:clamp(46px,6vw,86px);padding-bottom:clamp(62px,8vw,112px)}.feature-notes{border-top:0;padding-top:clamp(32px,5vw,76px);padding-bottom:clamp(62px,8vw,112px)}.feature-head{margin-bottom:26px}.toolchain{border-top:0;padding-top:clamp(32px,5vw,76px);padding-bottom:clamp(82px,10vw,142px)}.toolchain-head{margin-bottom:27px}.playground{position:relative;background:linear-gradient(180deg,var(--paper) 0,#282829 16%,#171719 79%,var(--paper) 100%);padding-block:clamp(120px,13vw,190px) clamp(150px,15vw,230px)}.playground-inner{padding-block:0}.build-log{border-top:0;padding-top:clamp(46px,6vw,88px);padding-bottom:clamp(70px,9vw,125px)}.build-log-head{margin-bottom:27px}.profile{border-top:0;padding-top:clamp(55px,7vw,105px);padding-bottom:clamp(92px,12vw,175px)}@media(max-width:850px){.work{padding-top:38px;padding-bottom:58px}.feature-notes{padding-top:24px;padding-bottom:62px}.toolchain{padding-top:24px;padding-bottom:72px}.playground{padding-block:100px 136px;background:linear-gradient(180deg,var(--paper) 0,#242425 12%,#171719 82%,var(--paper) 100%)}.build-log{padding-top:40px;padding-bottom:70px}.profile{padding-top:50px}}

/* A shared coordinate canvas keeps the page reading as one long system. */
main{position:relative;isolation:isolate;overflow:hidden}main:before{content:"";position:absolute;z-index:0;inset:0;background-image:linear-gradient(90deg,transparent calc(50% - .5px),rgba(21,21,21,.13) calc(50% - .5px),rgba(21,21,21,.13) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(90deg,rgba(21,21,21,.045) 1px,transparent 1px);background-size:100% 100%,calc(100% / 12) 100%;pointer-events:none}main>section{position:relative;z-index:1}.hero-lab-bottom{border-top:0}.tool-sandbox{width:min(calc(100vw - 40px),1800px);min-height:clamp(420px,34vw,590px);margin-left:50%;transform:translateX(-50%);background-size:34px 34px}.orb-codex{top:36%;left:13%}.orb-claude{top:17%;left:45%}.orb-cursor{right:13%;bottom:16%}.tool-orb{width:clamp(168px,14vw,244px)}.sandbox-label{left:clamp(20px,4vw,68px);top:21px}.sandbox-readout{right:clamp(20px,4vw,68px);bottom:21px}@media(max-width:850px){main:before{background-size:100% 100%,25% 100%;opacity:.7}.tool-sandbox{width:calc(100vw - 20px);min-height:505px;background-size:20px 20px}.tool-orb{width:145px}.orb-codex{top:31%;left:3%}.orb-claude{top:13%;left:36%}.orb-cursor{right:3%;bottom:15%}}

/* The methods and tools now live in one complete, interactive feature surface. */
main:before{display:none}.capability-stage{position:relative!important;z-index:1;overflow:hidden;background:linear-gradient(180deg,var(--paper) 0,#202022 11%,#171719 90%,var(--paper) 100%);color:#efede6;padding:clamp(150px,15vw,230px) 0 clamp(160px,15vw,235px)}.capability-shell{position:relative}.capability-intro{display:grid;grid-template-columns:.7fr 1.25fr .72fr;gap:clamp(25px,5vw,85px);align-items:end;padding-bottom:clamp(48px,6vw,88px)}.capability-intro .index-label{color:#e4bd70}.capability-intro h2{margin:0;font:400 clamp(62px,9vw,144px)/.77 var(--serif);letter-spacing:-.08em}.capability-intro h2 em{color:#aebfff;font-style:italic}.capability-intro>p:last-child{max-width:300px;margin:0 0 7px;color:#c0bdb6;font-size:14px;line-height:1.8}.capability-stage .feature-list{border-top:1px solid #707075}.capability-stage .feature-item{border-bottom-color:#56565a}.capability-stage .feature-trigger{color:#efede6}.capability-stage .feature-trigger:hover,.capability-stage .feature-trigger:focus-visible,.capability-stage .feature-item.open .feature-trigger{background:#efede6;color:#171719}.capability-stage .feature-trigger>span{color:#e4bd70}.capability-stage .feature-detail{grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr)}.capability-stage .feature-item.open .feature-detail{padding:clamp(30px,4vw,54px) 14px}.capability-stage .feature-detail>p{color:#c8c5be}.capability-stage .feature-code{background:#29292c;border:1px solid #4b4b50}.capability-tool-head{display:grid;grid-template-columns:1fr minmax(260px,410px);gap:30px;align-items:end;margin-top:clamp(90px,11vw,170px);padding-bottom:20px;border-bottom:1px solid #707075;color:#efede6}.capability-tool-head p{margin:0;font:10px/1.6 var(--mono);letter-spacing:.85px}.capability-tool-head p:last-child{color:#bbb8b0;font-family:var(--sans);font-size:13px;letter-spacing:0;line-height:1.7}.capability-stage .tool-sandbox{width:min(calc(100vw - 40px),1800px);min-height:clamp(420px,34vw,590px);margin:30px auto 0;transform:none;background:#d9d7d0;background-size:34px 34px}.capability-stage+.playground{margin-top:-1px}@media(max-width:850px){.capability-stage{padding-block:112px 136px;background:linear-gradient(180deg,var(--paper) 0,#202022 7%,#171719 93%,var(--paper) 100%)}.capability-intro{display:block;padding-bottom:52px}.capability-intro h2{margin:22px 0 27px;font-size:clamp(62px,18vw,100px)}.capability-intro>p:last-child{font-size:13px}.capability-stage .feature-detail{display:block}.capability-tool-head{display:block;margin-top:76px}.capability-tool-head p:last-child{margin-top:14px}.capability-stage .tool-sandbox{width:calc(100vw - 20px);min-height:505px;margin-top:22px;background-size:20px 20px}}

/* Always-available chapter index. */
.chapter-toggle{position:fixed;z-index:40;right:22px;bottom:22px;display:flex;gap:18px;align-items:center;padding:12px 13px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font:10px var(--mono);letter-spacing:.8px;cursor:pointer;box-shadow:5px 5px 0 var(--ink);transition:transform .2s,background .2s,color .2s}.chapter-toggle:hover,.chapter-toggle:focus-visible{background:var(--ink);color:var(--cream);outline:0;transform:translate(-2px,-2px)}.chapter-toggle span{font:19px/.7 var(--serif)}.chapter-menu{position:fixed;z-index:39;inset:0;display:flex;flex-direction:column;padding:clamp(22px,4vw,70px);background:rgba(20,20,22,.985);color:#efede6;clip-path:inset(100% 0 0 0);pointer-events:none;transition:clip-path .58s cubic-bezier(.77,0,.22,1)}.chapter-menu.open{clip-path:inset(0);pointer-events:auto}.chapter-menu-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #68676c;font:10px var(--mono);letter-spacing:.9px}.chapter-menu-top p{margin:0}.chapter-menu-top button{width:42px;height:42px;border:1px solid #89868a;border-radius:50%;background:transparent;color:#efede6;font:28px/.8 var(--serif);cursor:pointer}.chapter-links{display:grid;align-content:center;flex:1}.chapter-links a{display:grid;grid-template-columns:clamp(54px,9vw,150px) 1fr 38px;align-items:center;padding:clamp(13px,1.45vw,24px) 0;border-bottom:1px solid #4d4d52;color:#efede6;text-decoration:none;transition:padding .26s,color .26s}.chapter-links a:first-child{border-top:1px solid #4d4d52}.chapter-links a span{color:#e4bd70;font:10px var(--mono)}.chapter-links a b{font-size:clamp(31px,5vw,78px);font-weight:500;letter-spacing:-.07em;line-height:.9}.chapter-links a i{justify-self:end;color:#aebfff;font:clamp(24px,3vw,42px)/1 var(--serif);font-style:normal}.chapter-links a:hover,.chapter-links a:focus-visible{padding-left:clamp(12px,2vw,32px);color:#aebfff;outline:0}@media(max-width:850px){.chapter-toggle{right:14px;bottom:15px}.chapter-menu{padding:20px}.chapter-links a{grid-template-columns:38px 1fr 25px;padding-block:17px}.chapter-links a b{font-size:clamp(30px,9.3vw,47px)}.chapter-links a i{font-size:25px}}

/* Agent Dispatch: a short playable run with immediate visual feedback. */
.dispatch-game{position:relative;overflow:hidden;border:1px solid #6d6b70;background:#1a1a1d}.dispatch-game:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(238,234,225,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(238,234,225,.055) 1px,transparent 1px);background-size:42px 42px}.dispatch-hud,.dispatch-footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 17px;border-bottom:1px solid #55545a;color:#d9d5cd;font:10px var(--mono);letter-spacing:.7px}.dispatch-hud p,.dispatch-footer p{margin:0}.dispatch-hud>div{display:flex;gap:18px}.dispatch-hud span{color:#93909a}.dispatch-hud b{margin-left:5px;color:#efc36c;font-weight:400}.dispatch-board{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr .78fr;grid-template-areas:"mission tools" "mission feedback";min-height:510px}.mission-card{grid-area:mission;display:flex;flex-direction:column;justify-content:center;min-height:510px;margin:0;padding:clamp(30px,5vw,74px);border-right:1px solid #55545a;background:radial-gradient(circle 380px at 40% 45%,rgba(68,88,155,.35),transparent 72%)}.mission-card>p:first-child{margin:0 0 18px;color:#efc36c;font:10px var(--mono);letter-spacing:.9px}.mission-card h2{max-width:650px;margin:0;font:400 clamp(46px,5.6vw,91px)/.86 var(--serif);letter-spacing:-.075em}.mission-card>p:not(:first-child){max-width:470px;margin:25px 0 29px;color:#cbc7c0;font-size:15px;line-height:1.82}.mission-card>span{align-self:flex-start;padding:7px 9px;border:1px solid #858189;color:#b8b3ab;font:9px var(--mono);letter-spacing:.65px}.dispatch-tools{grid-area:tools;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #55545a}.dispatch-tool{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:220px;padding:12px;border:0;border-right:1px solid #55545a;background:rgba(20,20,22,.66);color:#eeeae1;cursor:pointer;overflow:hidden;transition:background .2s,color .2s,transform .25s}.dispatch-tool:last-child{border-right:0}.dispatch-tool:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.18),transparent 58%);opacity:0;transition:opacity .2s}.dispatch-tool:hover:not(:disabled),.dispatch-tool:focus-visible{z-index:1;background:#efede6;color:#19191b;outline:0;transform:translateY(-7px)}.dispatch-tool:hover:before{opacity:1}.dispatch-tool img{position:relative;z-index:1;width:62px;height:62px;object-fit:contain;transition:transform .3s cubic-bezier(.16,1,.3,1)}.dispatch-tool:hover img{transform:scale(1.14) rotate(-4deg)}.dispatch-tool span,.dispatch-tool small{position:relative;z-index:1}.dispatch-tool span{font-size:13px;font-weight:700;letter-spacing:-.04em}.dispatch-tool small{font:8px var(--mono);letter-spacing:.7px;opacity:.7}.dispatch-tool.claude-tool img{width:58px;height:58px}.dispatch-feedback{grid-area:feedback;position:relative;display:flex;flex-direction:column;justify-content:center;min-height:290px;padding:clamp(22px,3vw,44px);background:#222226}.feedback-signal{display:block;margin-bottom:15px;color:#efc36c;font:16px/1 var(--mono);animation:signal 1.35s infinite}.dispatch-feedback>p{margin:0;color:#aaa6ae;font:10px var(--mono);letter-spacing:.75px}.dispatch-feedback h3{margin:14px 0 12px;font:400 clamp(24px,2.7vw,42px)/.95 var(--serif);letter-spacing:-.055em}.dispatch-feedback>p:last-child{color:#c8c3bc;font:13px/1.7 var(--sans);letter-spacing:0}.dispatch-footer{border-top:1px solid #55545a;border-bottom:0}.restart-dispatch{padding:9px 11px;border:1px solid #efc36c;background:transparent;color:#efc36c;font:9px var(--mono);letter-spacing:.65px;cursor:pointer;transition:background .2s,color .2s}.restart-dispatch:hover,.restart-dispatch:focus-visible{background:#efc36c;color:#19191b;outline:0}.restart-dispatch span{margin-left:12px;font-size:15px}.dispatch-game.resolving .mission-card{animation:mission-shift .48s ease-in-out infinite alternate}.dispatch-game.resolving .dispatch-feedback{animation:feedback-flash .55s ease-in-out infinite alternate}.dispatch-game.impact:after{content:"";position:absolute;z-index:4;left:62%;top:42%;width:22px;height:22px;border:1px solid #efc36c;border-radius:50%;pointer-events:none;animation:dispatch-impact .72s cubic-bezier(.16,1,.3,1) forwards}.dispatch-game.impact .dispatch-hud b{animation:stat-jump .66s cubic-bezier(.16,1,.3,1)}.dispatch-tool.selected{background:#efede6!important;color:#171719!important;animation:tool-launch .62s cubic-bezier(.16,1,.3,1)}.dispatch-tool.selected img{transform:scale(1.25) rotate(9deg)}.dispatch-game.complete .mission-card{background:radial-gradient(circle 390px at 40% 45%,rgba(193,142,70,.38),transparent 72%)}.dispatch-game.complete .feedback-signal{color:#aebfff}@keyframes signal{50%{opacity:.25;transform:scale(.65)}}@keyframes mission-shift{to{transform:translateX(5px)}}@keyframes feedback-flash{to{background:#303035}}@keyframes dispatch-impact{to{transform:scale(34);opacity:0}}@keyframes stat-jump{50%{color:#fff;transform:translateY(-7px) scale(1.18)}}@keyframes tool-launch{50%{transform:scale(1.08) rotate(-2deg)}}@media(max-width:850px){.dispatch-hud{align-items:flex-start;flex-direction:column;gap:9px}.dispatch-hud>div{gap:12px;font-size:8px}.dispatch-board{display:block}.mission-card{min-height:390px;padding:31px 24px;border-right:0;border-bottom:1px solid #55545a}.mission-card h2{font-size:clamp(44px,12vw,62px)}.mission-card>p:not(:first-child){font-size:13px}.dispatch-tools{min-height:166px}.dispatch-tool{min-height:166px;padding:8px}.dispatch-tool img{width:45px;height:45px}.dispatch-tool.claude-tool img{width:42px;height:42px}.dispatch-tool span{font-size:10px}.dispatch-tool small{font-size:7px;letter-spacing:.3px}.dispatch-feedback{min-height:245px;padding:27px 24px}.dispatch-game.impact:after{left:50%;top:58%}.dispatch-footer{align-items:flex-end;flex-direction:column;gap:12px}}

.profile .solid-link{border:0;cursor:pointer}.contact-card-layer{position:fixed;z-index:45;inset:0;display:grid;place-items:center;padding:20px;background:rgba(20,20,22,.42);opacity:0;pointer-events:none;transition:opacity .22s}.contact-card-layer.open{opacity:1;pointer-events:auto}.contact-card{position:relative;width:min(100%,410px);padding:28px;background:var(--paper);color:var(--ink);box-shadow:12px 12px 0 var(--ink);transform:translateY(16px) scale(.97);transition:transform .32s cubic-bezier(.16,1,.3,1)}.contact-card-layer.open .contact-card{transform:none}.contact-card>button{position:absolute;top:13px;right:14px;border:0;background:transparent;color:var(--ink);font:26px/1 var(--serif);cursor:pointer}.contact-card>p{margin:0 0 28px;padding-bottom:12px;border-bottom:1px solid var(--ink);font:10px var(--mono);letter-spacing:.8px}.contact-card dl{margin:0}.contact-card dl>div{display:grid;grid-template-columns:86px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.contact-card dt{color:var(--red);font:9px var(--mono);letter-spacing:.6px}.contact-card dd{margin:0;font-size:14px;overflow-wrap:anywhere}

/* In the wild: released work is a rail of living entry points, not another project index. */
.live-intro{padding-bottom:clamp(48px,6vw,82px)}.live-intro h2{font-size:clamp(64px,9.4vw,150px)!important}.release-rail{border-top:1px solid #707075}.release-item{position:relative;display:grid;grid-template-columns:minmax(132px,.58fr) minmax(190px,.9fr) minmax(300px,1.55fr) minmax(150px,.75fr);align-items:stretch;min-height:clamp(155px,15vw,232px);overflow:hidden;border:0;border-bottom:1px solid #56565a;background:transparent;color:#efede6;text-align:left;text-decoration:none;cursor:pointer;isolation:isolate;transition:color .38s ease}.release-item:before{content:"";position:absolute;z-index:-1;inset:0;background:#efede6;transform:translateX(-101%);transition:transform .58s cubic-bezier(.77,0,.22,1)}.release-item:hover:before,.release-item:focus-visible:before{transform:translateX(0)}.release-item:hover,.release-item:focus-visible{color:#19191b;outline:0}.release-index,.release-copy,.release-action{position:relative;z-index:1;padding:clamp(20px,2.25vw,38px) clamp(14px,2vw,30px)}.release-index{border-right:1px solid #56565a;color:#e4bd70;font:10px var(--mono);letter-spacing:.72px;transition:border-color .38s,color .38s}.release-item:hover .release-index,.release-item:focus-visible .release-index{border-color:#a9a7a0;color:#99562e}.release-visual{position:relative;display:block;overflow:hidden;border-right:1px solid #56565a;background:#29292d;transition:border-color .38s}.release-visual:after{content:"LIVE";position:absolute;z-index:1;top:10px;left:10px;padding:4px 5px;background:#e4bd70;color:#181819;font:8px var(--mono);letter-spacing:.8px}.release-before8 .release-visual:after{content:"TAP TAP"}.release-tutor .release-visual:after{content:"RECORDING"}.release-visual img,.release-visual video{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.12) contrast(1.08) brightness(.78);transform:scale(1.04);transition:filter .42s,transform .7s cubic-bezier(.16,1,.3,1)}.release-item:hover .release-visual img,.release-item:hover .release-visual video,.release-item:focus-visible .release-visual img,.release-item:focus-visible .release-visual video{filter:none;transform:scale(1.11)}.release-copy{display:flex;flex-direction:column;justify-content:center;border-right:1px solid #56565a;transition:border-color .38s}.release-copy b{font:400 clamp(31px,4.2vw,68px)/.86 var(--serif);letter-spacing:-.07em}.release-copy small{max-width:310px;margin-top:13px;color:#c4c0b9;font-size:12px;line-height:1.55;transition:color .38s}.release-item:hover .release-copy small,.release-item:focus-visible .release-copy small{color:#575650}.release-action{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;font:10px var(--mono);letter-spacing:.7px}.release-action i{font:clamp(25px,3vw,42px)/.7 var(--serif);font-style:normal;transition:transform .35s cubic-bezier(.16,1,.3,1)}.release-item:hover .release-action i,.release-item:focus-visible .release-action i{transform:translate(5px,-5px)}.release-item:focus-visible{box-shadow:inset 0 0 0 2px #e4bd70}@media(max-width:850px){.live-intro h2{font-size:clamp(61px,18vw,98px)!important}.release-item{grid-template-columns:1fr auto;grid-template-rows:auto 112px auto;min-height:0}.release-index{padding:15px 0;border-right:0;border-bottom:1px solid #56565a}.release-visual{grid-column:1/-1;grid-row:2;border-right:0;border-bottom:1px solid #56565a}.release-copy{grid-column:1;grid-row:3;padding:20px 0;border-right:0}.release-copy b{font-size:clamp(34px,10vw,53px)}.release-copy small{font-size:11px}.release-action{grid-column:2;grid-row:3;padding:20px 0 20px 16px;align-items:flex-end}.release-visual:after{top:8px;left:0}.release-item:before{transform:translateY(-101%)}.release-item:hover:before,.release-item:focus-visible:before{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.release-item:before,.release-visual img,.release-visual video,.release-action i{transition:none}}

/* Make It Real pointer parallax: type, code panel and console move at different depths. */
.hero-field{--hero-title-x:0px;--hero-title-y:0px;--hero-tilt-x:0deg;--hero-tilt-y:0deg;--hero-console-x:0px;--hero-console-y:0px;perspective:1100px}.hero-field h1{transform:translate3d(var(--hero-title-x),var(--hero-title-y),0);transition:transform .42s cubic-bezier(.16,1,.3,1);will-change:transform}.hero-editor{transform:translate(calc((var(--mx) - 50%) * .015),calc((var(--my) - 50%) * .015)) rotateX(var(--hero-tilt-x)) rotateY(var(--hero-tilt-y));transform-origin:center;transition:transform .32s cubic-bezier(.16,1,.3,1);will-change:transform}.hero-console{transform:translate3d(var(--hero-console-x),var(--hero-console-y),0);transition:transform .36s cubic-bezier(.16,1,.3,1);will-change:transform}.hero-kicker{transform:translate3d(calc(var(--hero-title-x) * -.16),calc(var(--hero-title-y) * -.16),0);transition:transform .38s cubic-bezier(.16,1,.3,1)}@media(hover:none),(prefers-reduced-motion:reduce){.hero-field h1,.hero-editor,.hero-console,.hero-kicker{transform:none;transition:none}}

/* Wheel-driven capability statement: each wheel step advances one full thought. */
.advantage-scroll{position:relative;background:var(--paper)}.advantage-stage{position:relative;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;padding-top:22px;padding-bottom:24px;overflow:hidden}.advantage-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle 500px at 78% 50%,rgba(174,191,255,.28),transparent 72%);pointer-events:none}.advantage-top{position:relative;z-index:1;display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--ink);font:10px var(--mono);letter-spacing:.85px}.advantage-top p{margin:0}.advantage-top p:last-child{color:var(--blue)}.advantage-panels{position:relative;z-index:1;display:grid;place-items:center;overflow:hidden}.advantage-panel{position:absolute;display:grid;grid-template-columns:clamp(150px,18vw,275px) minmax(340px,1fr) minmax(210px,290px);gap:clamp(28px,5vw,88px);align-items:end;width:100%;opacity:0;pointer-events:none;transform:translateY(70px);transition:opacity .56s ease,transform .7s cubic-bezier(.16,1,.3,1)}.advantage-panel.active{opacity:1;pointer-events:auto;transform:none}.advantage-panel>span{align-self:start;color:var(--red);font:10px var(--mono);letter-spacing:.75px}.advantage-panel h2{margin:0;font:400 clamp(57px,8vw,128px)/.78 var(--serif);letter-spacing:-.085em}.advantage-panel h2 em{color:var(--blue);font-style:italic}.advantage-panel>p{margin:0 0 24px;color:#484641;font-size:15px;line-height:1.85}.advantage-panel small{grid-column:3;margin:0;padding-top:13px;border-top:1px solid var(--ink);font:9px/1.6 var(--mono);letter-spacing:.45px}.advantage-hint{position:relative;z-index:1;justify-self:end;margin:0;color:#55524d;font:9px var(--mono);letter-spacing:.7px}.advantage-hint span{margin-left:12px;color:var(--red);font-size:16px;animation:scroll-hint 1.2s ease-in-out infinite alternate}@keyframes scroll-hint{to{transform:translateY(6px)}}@media(max-width:850px){.advantage-stage{min-height:85vh;padding-top:16px;padding-bottom:18px}.advantage-panel{display:block;transform:translateY(42px)}.advantage-panel>span{display:block;margin-bottom:27px}.advantage-panel h2{font-size:clamp(56px,15vw,83px)}.advantage-panel>p{max-width:380px;margin-top:30px;margin-bottom:25px;font-size:14px}.advantage-panel small{display:block;max-width:290px}.advantage-hint{justify-self:start}.advantage-stage:before{background:radial-gradient(circle 340px at 72% 48%,rgba(174,191,255,.3),transparent 72%)}}@media(prefers-reduced-motion:reduce){.advantage-panel{transition:none}.advantage-hint span{animation:none}}

.advantage-scroll{scroll-snap-align:start}.advantage-stage{overscroll-behavior:contain}.advantage-panel{grid-template-columns:minmax(150px,.62fr) minmax(380px,1.55fr) minmax(220px,.75fr);grid-template-areas:"label title copy" ". title value";align-items:start;gap:clamp(26px,4.5vw,74px);transform:translate3d(0,52px,0) scale(.98)}.advantage-panel>span{grid-area:label;margin-top:12px}.advantage-panel h2{grid-area:title;font-size:clamp(54px,7.15vw,108px);line-height:.88;letter-spacing:-.068em}.advantage-panel>p{grid-area:copy;margin:15px 0 0;font-size:15px;line-height:1.82}.advantage-panel small{grid-area:value;align-self:end;margin:0;padding-top:14px}.advantage-panel.exit-up{opacity:0;transform:translate3d(0,-100px,0) scale(.96);transition:opacity .32s ease,transform .58s cubic-bezier(.16,1,.3,1)}.advantage-panel.exit-down{opacity:0;transform:translate3d(0,100px,0) scale(.96);transition:opacity .32s ease,transform .58s cubic-bezier(.16,1,.3,1)}.advantage-panel.enter-forward{animation:advantage-enter-forward .65s cubic-bezier(.16,1,.3,1)}.advantage-panel.enter-backward{animation:advantage-enter-backward .65s cubic-bezier(.16,1,.3,1)}@keyframes advantage-enter-forward{from{opacity:0;transform:translate3d(0,100px,0) scale(.95)}to{opacity:1;transform:none}}@keyframes advantage-enter-backward{from{opacity:0;transform:translate3d(0,-100px,0) scale(.95)}to{opacity:1;transform:none}}@media(max-width:850px){.advantage-panel{display:block;transform:translate3d(0,42px,0) scale(.98)}.advantage-panel h2{font-size:clamp(52px,14.3vw,78px);line-height:.88;letter-spacing:-.065em}.advantage-panel>p{margin-top:28px}.advantage-panel.exit-up{transform:translate3d(0,-65px,0) scale(.96)}.advantage-panel.exit-down{transform:translate3d(0,65px,0) scale(.96)}}