.page-approach{background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--accent-cool) 18%,transparent),transparent 18rem),radial-gradient(circle at 88% 0%,color-mix(in srgb,var(--accent-deep) 16%,transparent),transparent 20rem),linear-gradient(180deg,#fafaf7,#f6f5ef 38%,#f1efe7)}.page-approach:before{opacity:.3;background-size:84px 84px;mask-image:linear-gradient(180deg,black 0%,rgba(0,0,0,.76) 42%,transparent 92%)}.page-approach h1,.page-approach h2,.page-approach h3,.page-approach h4{font-family:var(--font-display)}.approach-stage{position:relative;padding:clamp(2.35rem,4vw,3.75rem) 0 1rem;overflow:clip}.approach-stage__grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(18rem,.88fr);gap:clamp(1.2rem,3vw,2.4rem);align-items:center}.approach-stage__copy h1{max-width:10.5ch;font-size:clamp(4.15rem,5.6vw,5.4rem);line-height:.89;letter-spacing:-.075em}.approach-stage__copy .lede{max-width:39rem;margin-top:1.05rem;font-size:1.1rem;color:var(--ink-soft)}.approach-stage__copy .button-row{margin-top:1.35rem}.approach-stage__machine{display:flex;justify-content:center}.approach-machine{position:relative;display:grid;place-items:center;width:min(100%,26rem);aspect-ratio:1}.approach-machine:before{content:"";position:absolute;inset:6%;border:1px solid rgba(17,24,33,.08);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.38),transparent 72%)}.approach-machine:after{content:"";position:absolute;inset:18%;border:1px dashed rgba(17,24,33,.12);border-radius:50%;animation:approach-spin 22s linear infinite}.approach-machine__core{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;width:min(100%,16rem);padding:1.15rem;border:1px solid rgba(17,24,33,.1);border-radius:30px;background:linear-gradient(180deg,#ffffffe6,#f8f5efe0),#fff;box-shadow:0 24px 60px #1118211a}.approach-machine__core span,.approach-machine__orbit span{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.4rem .65rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.approach-machine__core span{background:#1118210f;color:var(--ink)}.approach-machine__orbit{position:absolute;inset:0;animation:approach-spin 18s linear infinite reverse}.approach-machine__orbit span{position:absolute;border:1px solid rgba(17,24,33,.08);background:#fffc;color:var(--ink-soft);box-shadow:0 10px 22px #11182114}.approach-machine__orbit span:nth-child(1){top:5%;left:38%}.approach-machine__orbit span:nth-child(2){top:18%;right:8%}.approach-machine__orbit span:nth-child(3){top:45%;right:0}.approach-machine__orbit span:nth-child(4){bottom:12%;right:12%}.approach-machine__orbit span:nth-child(5){bottom:4%;left:38%}.approach-machine__orbit span:nth-child(6){top:44%;left:0}.approach-tape{width:108%;margin:clamp(1.15rem,2.5vw,1.8rem) 0 0 -4%;border-top:1px solid rgba(17,24,33,.08);border-bottom:1px solid rgba(17,24,33,.08);background:linear-gradient(90deg,#ffffff80,#ffffff29);transform:rotate(1.8deg);overflow:hidden}.approach-tape__track{display:flex;align-items:center;gap:2.3rem;width:max-content;padding:.88rem 0;animation:tape-drift 22s linear infinite;will-change:transform}.approach-tape__track span{position:relative;padding-left:1.2rem;color:var(--ink);font-size:.84rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}.approach-tape__track span:before{content:"";position:absolute;left:0;top:50%;width:.48rem;height:.48rem;border-radius:50%;background:var(--accent-cool);transform:translateY(-50%)}.approach-rules{padding:clamp(4.5rem,7vw,6.8rem) 0}.approach-rules__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,.95fr) minmax(0,.85fr);gap:clamp(1rem,3vw,2rem);align-items:start}.approach-rules__lead h2{max-width:9ch}.approach-rules__list{display:grid;gap:0}.approach-rule{display:grid;grid-template-columns:3.2rem 1fr;gap:.8rem;padding:1rem 0;border-top:1px solid rgba(17,24,33,.1)}.approach-rule:last-child{border-bottom:1px solid rgba(17,24,33,.1)}.approach-rule__index{color:var(--accent-deep);font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.approach-rule p{margin:0;color:var(--ink-soft);font-size:1rem}.approach-rules__panel{padding:1.25rem 1.2rem 1.3rem;border:1px solid color-mix(in srgb,var(--ink-inverse) 10%,transparent);border-radius:30px;background:var(--surface-dark-panel-soft);color:var(--ink-inverse);box-shadow:var(--shadow-dark)}.approach-rules__panel .eyebrow{color:var(--ink-inverse-muted)}.approach-rules__panel h3{max-width:11ch;color:var(--ink-inverse);font-size:clamp(2rem,3vw,2.8rem);line-height:.92}.approach-rules__tokens{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.2rem 0 0;padding:0;list-style:none}.approach-rules__tokens li{display:inline-flex;align-items:center;min-height:2rem;padding:.28rem .68rem;border:1px solid var(--line-dark);border-radius:999px;background:var(--surface-dark-glass);color:var(--ink-inverse-soft);font-size:.82rem}.approach-spine{padding:clamp(4.6rem,8vw,7rem) 0}.approach-spine__grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(1.2rem,4vw,3rem);align-items:start}.approach-spine__intro{position:sticky;top:7rem;align-self:start}.approach-spine__intro h2{max-width:9ch}.approach-spine__intro p{max-width:28rem;margin-top:1rem;color:var(--muted-strong)}.approach-spine__track{position:relative;display:grid;gap:clamp(1.4rem,2.6vw,2.2rem);padding:.3rem 0;--timeline-progress: 0}.approach-spine__line{position:absolute;left:calc(50% - 2px);top:.2rem;bottom:.2rem;width:4px;border-radius:999px;background:linear-gradient(180deg,#1118210a,#11182126,#1118210a);overflow:visible}.approach-spine__line:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-cool) 76%,white),color-mix(in srgb,var(--accent) 78%,white));box-shadow:0 0 .9rem color-mix(in srgb,var(--accent-cool) 22%,transparent),0 0 2.2rem color-mix(in srgb,var(--accent) 12%,transparent);transform:scaleY(var(--timeline-progress));transform-origin:top center;transition:transform .42s var(--ease-out-quart),box-shadow .42s var(--ease-out-quart)}.approach-spine__line:after{content:"";position:absolute;left:50%;top:0;width:1rem;height:5.5rem;border-radius:999px;background:linear-gradient(180deg,#fff0,color-mix(in srgb,var(--accent) 88%,white),#fff0);box-shadow:0 0 1.4rem color-mix(in srgb,var(--accent) 30%,transparent);filter:blur(.16rem);opacity:.9;transform:translate(-50%,calc((100% - 5.5rem) * var(--timeline-progress)));animation:spine-beacon 2.8s var(--ease-out-quart) infinite}.approach-node{position:relative;display:grid;grid-template-columns:1fr 3rem 1fr;align-items:center;min-height:clamp(9rem,13vw,11rem)}.approach-node__dot{grid-column:2;position:relative;z-index:2;width:1.15rem;height:1.15rem;margin:0 auto;border:2px solid color-mix(in srgb,var(--accent-cool) 46%,white);border-radius:50%;background:color-mix(in srgb,var(--bg-strong) 90%,white);box-shadow:0 0 0 .45rem #83b2d914;transition:transform .32s var(--ease-out-expo),border-color .32s var(--ease-out-expo),background-color .32s var(--ease-out-expo),box-shadow .32s var(--ease-out-expo)}.approach-node__dot:before,.approach-node__dot:after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}.approach-node__dot:before{width:2.5rem;height:2.5rem;border:1px solid color-mix(in srgb,var(--accent-cool) 34%,transparent);opacity:0;transform:translate(-50%,-50%) scale(.64);transition:transform .42s var(--ease-out-expo),opacity .42s var(--ease-out-expo)}.approach-node__dot:after{width:.38rem;height:.38rem;background:color-mix(in srgb,var(--accent-cool) 56%,var(--ink));box-shadow:0 0 1rem color-mix(in srgb,var(--accent-cool) 26%,transparent);transition:background-color .32s var(--ease-out-expo),box-shadow .32s var(--ease-out-expo)}.approach-node__card{position:relative;overflow:hidden;padding:1rem 1rem 1.05rem;border:1px solid rgba(17,24,33,.1);border-radius:24px;background:linear-gradient(180deg,#fffc,#ffffffad);box-shadow:0 16px 36px #11182114;transition:transform .42s var(--ease-out-expo),border-color .42s var(--ease-out-expo),background-color .42s var(--ease-out-expo),box-shadow .42s var(--ease-out-expo);will-change:transform}.approach-node__card:before{content:"";position:absolute;top:50%;width:clamp(1.45rem,2.4vw,2.3rem);height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent-cool) 72%,transparent),#11182114);opacity:.4;transform:translateY(-50%) scaleX(.4);transition:transform .42s var(--ease-out-expo),opacity .42s var(--ease-out-expo),background .42s var(--ease-out-expo)}.approach-node__card:after{content:"";position:absolute;inset:-18% auto -18% -34%;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);opacity:0;transform:translate(-130%) skew(-18deg)}.approach-node--left .approach-node__card{grid-column:1;margin-right:1.4rem}.approach-node--left .approach-node__card:before{right:-2.35rem;transform-origin:right center}.approach-node--right .approach-node__card{grid-column:3;margin-left:1.4rem}.approach-node--right .approach-node__card:before{left:-2.35rem;transform-origin:left center}.approach-node__card h3{margin-bottom:.45rem;font-size:clamp(1.45rem,2.2vw,2rem);line-height:.96}.approach-node__card p:last-child{margin:0;color:var(--muted-strong)}.approach-node.is-past .approach-node__dot{border-color:color-mix(in srgb,var(--accent) 36%,white);box-shadow:0 0 0 .5rem color-mix(in srgb,var(--accent-cool) 10%,transparent)}.approach-node.is-past .approach-node__dot:before{opacity:.46;transform:translate(-50%,-50%) scale(1)}.approach-node.is-past .approach-node__card:before{opacity:.74;transform:translateY(-50%) scaleX(1)}.approach-node.is-current .approach-node__dot{transform:scale(1.14);border-color:color-mix(in srgb,var(--accent) 72%,white);background:color-mix(in srgb,var(--accent) 16%,white);box-shadow:0 0 0 .7rem color-mix(in srgb,var(--accent) 15%,transparent),0 0 1.9rem color-mix(in srgb,var(--accent-cool) 22%,transparent)}.approach-node.is-current .approach-node__dot:before{opacity:1;animation:timeline-node-ping 1.9s var(--ease-out-expo) infinite}.approach-node.is-current .approach-node__dot:after{background:color-mix(in srgb,var(--accent) 64%,white);box-shadow:0 0 1.15rem color-mix(in srgb,var(--accent) 36%,transparent)}.approach-node.is-current .approach-node__card{border-color:color-mix(in srgb,var(--accent) 18%,rgba(17,24,33,.16));background:linear-gradient(180deg,color-mix(in srgb,white 92%,var(--accent) 8%),color-mix(in srgb,white 84%,var(--accent-cool) 16%));box-shadow:0 28px 72px #11182124}.approach-node--left.is-current .approach-node__card{transform:translate3d(-.45rem,0,0)}.approach-node--right.is-current .approach-node__card{transform:translate3d(.45rem,0,0)}.approach-node.is-current .approach-node__card:before{opacity:1;transform:translateY(-50%) scaleX(1);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 82%,white),#11182114)}.approach-node.is-current .approach-node__card:after{opacity:1;animation:timeline-scan 1.9s linear infinite}.approach-modes{padding:clamp(4.5rem,8vw,7rem) 0}.approach-modes__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.approach-mode{display:flex;flex-direction:column;gap:.85rem;min-height:26rem;padding:clamp(1.35rem,2vw,1.8rem);border:1px solid rgba(17,24,33,.1);border-radius:34px;color:inherit;box-shadow:0 24px 70px #1118211a;transition:transform .26s var(--ease-out-quart),box-shadow .26s var(--ease-out-quart),border-color .26s var(--ease-out-quart)}.approach-mode--warm{background:linear-gradient(135deg,#efa76e2e,#ffffffd6),#ffffffc7;transform:rotate(-1.15deg)}.approach-mode--cool{background:linear-gradient(135deg,#83b2d92e,#ffffffd6),#ffffffc7;transform:rotate(1.1deg)}.approach-mode:hover{transform:translateY(-.35rem) rotate(0);border-color:#11182129;box-shadow:0 30px 80px #1118211f}.approach-mode h3{max-width:11ch;font-size:clamp(2rem,3.2vw,3rem);line-height:.92}.approach-mode p{max-width:34rem;color:var(--ink-soft)}.approach-mode__cta{margin-top:auto;display:inline-flex;align-items:center;gap:.35rem;font-weight:700}.approach-mode__cta:after{content:"→"}@keyframes spine-beacon{0%,to{opacity:.54;box-shadow:0 0 .7rem color-mix(in srgb,var(--accent) 18%,transparent)}50%{opacity:1;box-shadow:0 0 1rem color-mix(in srgb,var(--accent) 34%,transparent),0 0 1.8rem color-mix(in srgb,var(--accent-cool) 22%,transparent)}}@keyframes timeline-node-ping{0%{opacity:.88;transform:translate(-50%,-50%) scale(.74)}70%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes timeline-scan{0%{opacity:0;transform:translate(-130%) skew(-18deg)}18%{opacity:.42}48%{opacity:.88}to{opacity:0;transform:translate(320%) skew(-18deg)}}@media(max-width:1180px){.approach-stage__grid,.approach-rules__grid,.approach-spine__grid{grid-template-columns:1fr}.approach-spine__intro{position:static}.approach-stage__machine{justify-content:flex-start}.approach-machine{width:min(100%,23rem)}}@media(max-width:900px){.approach-modes__grid{grid-template-columns:1fr}.approach-node{grid-template-columns:1.2rem 1fr}.approach-spine__line{left:.48rem}.approach-node__dot{grid-column:1}.approach-node__card,.approach-node--left .approach-node__card,.approach-node--right .approach-node__card{grid-column:2;margin:0 0 0 1.2rem}.approach-node--left .approach-node__card:before,.approach-node--right .approach-node__card:before{left:-1.5rem;right:auto;width:1.5rem;transform-origin:left center}.approach-node--left.is-current .approach-node__card,.approach-node--right.is-current .approach-node__card{transform:translate3d(.28rem,0,0)}}@media(max-width:720px){.page-approach:before{opacity:.18;background-size:56px 56px}.approach-stage{padding-top:1.75rem}.approach-stage__copy h1{max-width:11ch;font-size:clamp(3rem,12vw,4.2rem);line-height:.9}.approach-stage__copy .lede{margin-top:1rem;font-size:1rem}.approach-stage__copy .button-row{margin-top:1.25rem}.approach-machine{width:min(100%,19rem)}.approach-machine__core{width:min(100%,13rem)}.approach-machine__orbit span{font-size:.66rem;letter-spacing:.12em}.approach-rules__grid,.approach-modes__grid{gap:1rem}.approach-mode,.approach-mode--warm,.approach-mode--cool{min-height:auto;transform:none}}@media(prefers-reduced-motion:reduce){.approach-machine:after,.approach-machine__orbit,.approach-tape__track,.approach-spine__line:after{animation:none!important}.approach-node.is-current .approach-node__dot:before,.approach-node.is-current .approach-node__card:after{animation:none!important}}