.landing{--page:#e9eaee;--ink:#141414;--muted:#6b6b6b;--hairline:#1414141a;background:var(--page);color:var(--ink);min-height:100dvh}.landing-header{inset-inline:0;z-index:60;grid-template-columns:1fr auto;align-items:center;gap:16px;height:76px;padding:0 clamp(20px,4vw,48px);display:grid;position:fixed;top:0}.landing-nav{align-items:center;gap:8px;display:flex}.pill{letter-spacing:-.005em;white-space:nowrap;height:34px;color:var(--muted);background:#ffffffb3;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:500;transition:background .25s,color .25s;display:inline-flex}.pill:hover{color:var(--ink);background:#fff}.pill-on,.pill-on:hover{background:var(--ink);color:#fff}.landing-scrim-top{inset-inline:0;z-index:55;pointer-events:none;background:linear-gradient(to bottom, var(--page) 40%, #e9eaee00);height:110px;position:fixed;top:0}.landing-scrim{inset-inline:0;z-index:55;pointer-events:none;background:linear-gradient(to top, var(--page) 34%, #e9eaee00);height:132px;position:fixed;bottom:0}.landing-footer{inset-inline:0;z-index:60;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,4vw,48px) 26px;display:grid;position:fixed;bottom:0}.landing-corner{pointer-events:auto;letter-spacing:-.005em;color:var(--muted);font-size:13px;transition:opacity .25s}.landing-corner:hover{opacity:.5}.landing-left{justify-self:start}.landing-right{justify-self:end}.landing-cta{pointer-events:auto;letter-spacing:.01em;height:44px;color:var(--ink);background:#fff;border-radius:999px;justify-self:center;align-items:center;padding:0 26px;font-size:13.5px;font-weight:500;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 1px 2px #14141414,0 8px 24px #14141412}.landing-cta:hover{transform:translateY(-1px);box-shadow:0 1px 2px #14141414,0 14px 30px #1414141c}.landing-mark{letter-spacing:-.02em;justify-self:start;font-size:18px;font-weight:500}.landing-overlay{z-index:70;background:color-mix(in srgb, var(--page) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);visibility:hidden;opacity:0;justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}.landing-overlay.is-open{visibility:visible;opacity:1}.landing-overlay ul{text-align:center;flex-direction:column;align-items:center;gap:.55em;display:none}.landing-overlay ul.is-shown{display:flex}.landing-overlay a{letter-spacing:-.02em;color:var(--ink);font-size:clamp(22px,2.4vw,30px);transition:opacity .25s}.landing-overlay a:hover{opacity:.5}.hero{place-items:center;min-height:100dvh;padding:96px clamp(24px,6vw,96px) 140px;display:grid}.hero-line{text-align:center;text-wrap:balance;letter-spacing:-.025em;max-width:22ch;color:var(--ink);margin:0;font-size:clamp(24px,3.6vw,44px);font-weight:500;line-height:1.15}.deck-title{text-align:center;letter-spacing:-.025em;max-width:22ch;margin:0 auto;padding:0 24px clamp(40px,9vh,96px);font-size:clamp(28px,3.5vw,46px);font-weight:500;line-height:1.12}.chapter{view-timeline-name:--chapter;view-timeline-axis:block;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(24px,5vw,80px);min-height:220vh;padding:0 clamp(24px,6vw,96px);display:grid}.chapter.is-flipped .chapter-stage{order:2}.chapter-stage{place-items:center;height:100dvh;display:grid;position:sticky;top:0}.chapter-stage>*{translate:calc(var(--px,0) * 30px) calc(var(--py,0) * 12px);transition:translate .45s cubic-bezier(.22,1,.36,1)}.chapter-copy{align-content:center;max-width:34ch;height:100dvh;animation:linear both copyPass;animation-timeline:--chapter;animation-range:contain;display:grid;position:sticky;top:0}@keyframes copyPass{0%{opacity:0;translate:0 14vh}12%,88%{opacity:1}50%{translate:0}to{opacity:0;translate:0 -14vh}}.kicker{letter-spacing:-.005em;color:var(--muted);margin:0 0 16px;font-size:13px;font-weight:500}.chapter-copy p:last-child{letter-spacing:-.006em;color:#3a3a3a;margin:0;font-size:clamp(16px,1.35vw,19px);line-height:1.62}.phone{aspect-ratio:1206/2622;width:clamp(212px,21vw,292px);transform-style:preserve-3d;background:#0d0d0f;border-radius:clamp(30px,3vw,42px);padding:clamp(7px,.75vw,10px);animation:linear both phoneTurn;animation-timeline:--chapter;animation-range:entry exit;position:relative;box-shadow:0 0 0 1.5px #1414148c,0 30px 60px -18px #1414146b,0 8px 20px -10px #1414144d}.chapter.is-flipped .phone{animation-name:phoneTurnMirror}.chapter.is-last .phone{animation-name:phoneTurn,phoneFade}.chapter.is-flipped.is-last .phone{animation-name:phoneTurnMirror,phoneFade}@keyframes phoneFade{0%,76%{opacity:1}90%,to{opacity:0}}.phone-screen{background:#f2f2f2;border-radius:clamp(24px,2.4vw,34px);width:100%;height:100%;overflow:hidden}.phone-screen img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}@keyframes phoneTurn{0%{transform:perspective(1500px)rotateY(15deg)rotateX(3deg)translateY(34px)scale(.95)}50%{transform:perspective(1500px)rotateY(-7deg)rotateX(0)translateY(0)scale(1)}to{transform:perspective(1500px)rotateY(-19deg)rotateX(-3deg)translateY(-34px)scale(.95)}}@keyframes phoneTurnMirror{0%{transform:perspective(1500px)rotateY(-15deg)rotateX(3deg)translateY(34px)scale(.95)}50%{transform:perspective(1500px)rotateY(7deg)rotateX(0)translateY(0)scale(1)}to{transform:perspective(1500px)rotateY(19deg)rotateX(-3deg)translateY(-34px)scale(.95)}}.outro{z-index:2;background:var(--page);text-align:center;align-content:center;justify-items:center;min-height:78vh;padding:0 24px 180px;display:grid;position:relative}.outro-contact{letter-spacing:-.005em;color:var(--muted);margin-top:22px;font-size:13px;transition:opacity .25s}.outro-contact:hover{opacity:.5}.outro p{letter-spacing:-.025em;max-width:20ch;margin:0;font-size:clamp(24px,3vw,40px);font-weight:500;line-height:1.15}@supports not (animation-timeline:view()){.phone{opacity:1;animation:none;transform:perspective(1500px)rotateY(-7deg)}.chapter.is-flipped .phone{transform:perspective(1500px)rotateY(7deg)}.chapter-copy{animation:none}}@media (prefers-reduced-motion:reduce){.phone{opacity:1!important;animation:none!important;transform:none!important}.chapter-stage>*{transition:none;translate:none!important}.chapter-copy{opacity:1!important;animation:none!important;translate:none!important}.landing-cta:hover{transform:none}}@media (max-width:860px){.chapter{grid-template-columns:minmax(0,1fr);gap:clamp(28px,6vh,48px);min-height:auto;padding-block:6vh 14vh}.chapter-stage{order:2;height:auto;position:static}.chapter-copy{text-align:center;opacity:1;justify-self:center;max-width:32ch;height:auto;animation:none;position:static}.phone{width:min(62vw,264px)}.landing-header{height:64px}.deck-title{padding-bottom:clamp(24px,5vh,48px)}}@media (max-width:480px){.landing-header{gap:8px}.pill{letter-spacing:.1em;height:30px;padding:0 9px;font-size:9.5px}.landing-nav{gap:6px}}@media (max-width:359px){.pill{padding:0 7px}.landing-nav{gap:4px}.landing-header{padding-inline:12px}.landing-mark{font-size:17px}}