.stateshift-page{--stateshift-blue:var(--blue);--stateshift-ink:var(--ink);--stateshift-cloud:var(--cloud);--stateshift-paper:#efefeb;display:flex;height:100svh;flex-direction:column;overflow:hidden;padding-bottom:0;background:var(--stateshift-cloud);color:var(--stateshift-ink)}.stateshift-page:before{position:fixed;z-index:40;top:0;right:0;left:0;height:6px;background:var(--stateshift-blue);content:"";pointer-events:none}.stateshift-main{min-height:0;flex:1;border-top:1px solid var(--mist)}.stateshift-hero{height:100%;min-height:0;background:linear-gradient(rgba(37,55,218,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,55,218,.035) 1px,transparent 1px),var(--stateshift-cloud);background-size:48px 48px}.stateshift-hero-grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(500px,1.04fr);align-items:center;height:100%;min-height:0;gap:clamp(40px,4vw,64px);padding-top:clamp(24px,4svh,42px);padding-bottom:clamp(24px,4svh,42px)}.stateshift-hero-copy{position:relative;z-index:2;max-width:760px}.stateshift-brand,.stateshift-download-brand{display:flex;align-items:center;gap:14px}.stateshift-brand img,.stateshift-download-brand img{border-radius:7px}.stateshift-brand span{font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.16em}.stateshift-hero h1{max-width:620px;margin:20px 0 0;font-size:clamp(40px,3.5vw,50px);font-weight:700;letter-spacing:var(--tracking-tight);line-height:1.03;text-wrap:balance}.stateshift-hero-lede{max-width:600px;margin:18px 0 0;color:rgba(17,17,17,.7);font-size:clamp(18px,1.4vw,20px);line-height:1.44}.stateshift-store-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.stateshift-store-link{display:inline-flex;min-width:194px;min-height:52px;align-items:center;justify-content:space-between;gap:24px;padding:15px 17px;border:1px solid var(--stateshift-ink);border-radius:4px;background:var(--stateshift-ink);color:var(--stateshift-cloud);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;line-height:1;text-transform:uppercase;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.stateshift-store-link:last-child{border-color:var(--stateshift-blue);background:var(--stateshift-blue)}.stateshift-store-link:focus-visible,.stateshift-store-link:hover{border-color:var(--stateshift-blue);background:transparent;color:var(--stateshift-blue)}.stateshift-store-link:focus-visible{outline:2px solid var(--stateshift-blue);outline-offset:4px}.stateshift-platform-note{margin:12px 0 0;color:rgba(17,17,17,.56);font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;line-height:1.4}.stateshift-hero-visual{position:relative;min-height:min(660px,calc(100svh - 130px))}.stateshift-phone,.stateshift-screen{overflow:hidden;border:8px solid var(--stateshift-ink);border-radius:42px;background:#fff;box-shadow:0 28px 70px rgba(17,17,17,.16)}.stateshift-phone{position:absolute;top:50%;width:min(300px,52%);aspect-ratio:720/1320}.stateshift-phone img,.stateshift-screen img{width:100%;height:100%;object-fit:cover}.stateshift-phone--center{z-index:3;left:50%;width:min(330px,58%);transform:translate(-50%,-50%)}.stateshift-phone--left{z-index:1;left:1%;transform:translateY(-46%) rotate(-7deg)}.stateshift-phone--right{z-index:2;right:1%;transform:translateY(-46%) rotate(7deg)}.stateshift-expect,.stateshift-roadmap{padding:clamp(88px,11vw,152px) 0}.stateshift-roadmap{border-bottom:1px solid var(--mist);background:var(--stateshift-paper)}.stateshift-section-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);align-items:end;gap:clamp(32px,7vw,112px);padding-bottom:clamp(52px,7vw,88px)}.stateshift-download h2,.stateshift-expect h2,.stateshift-section-intro h2{margin:0;font-size:clamp(38px,4.6vw,68px);font-weight:700;letter-spacing:-.03em;line-height:1.02;text-wrap:balance}.stateshift-section-intro p{margin:0;color:rgba(17,17,17,.62);font-size:18px;line-height:1.52}.stateshift-screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(18px,3vw,44px)}.stateshift-screen{aspect-ratio:720/1320;border-width:7px;border-radius:38px;box-shadow:0 20px 50px rgba(17,17,17,.12)}.stateshift-screen:nth-child(2){margin-top:clamp(32px,5vw,72px)}.stateshift-expect{background:var(--stateshift-cloud)}.stateshift-expect-grid{display:grid;grid-template-columns:minmax(260px,.76fr) minmax(0,1.24fr);gap:clamp(56px,9vw,144px)}.stateshift-expect h2{position:sticky;top:120px;align-self:start}.stateshift-expect-list{border-top:1px solid var(--stateshift-ink)}.stateshift-expect-item{display:grid;grid-template-columns:54px minmax(0,1fr);gap:22px;padding:34px 0 38px;border-bottom:1px solid var(--mist)}.stateshift-expect-number{color:var(--stateshift-blue);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.12em}.stateshift-expect-item h3{margin:0;font-size:clamp(24px,2.2vw,32px);font-weight:500;letter-spacing:-.02em;line-height:1.12}.stateshift-expect-item p{max-width:630px;margin:14px 0 0;color:rgba(17,17,17,.64);font-size:18px;line-height:1.52}.stateshift-download{padding:clamp(64px,8vw,104px) 0;background:var(--stateshift-blue);color:var(--stateshift-cloud)}.stateshift-download-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:48px}.stateshift-download-brand{align-items:flex-start}.stateshift-download h2{font-size:clamp(44px,5.4vw,76px)}.stateshift-download .stateshift-store-links{justify-content:flex-end;margin-top:0}.stateshift-download .stateshift-store-link{border-color:var(--stateshift-cloud);background:var(--stateshift-cloud);color:var(--stateshift-ink)}.stateshift-download .stateshift-store-link:last-child{background:transparent;color:var(--stateshift-cloud)}.stateshift-download .stateshift-store-link:focus-visible,.stateshift-download .stateshift-store-link:hover{background:var(--stateshift-ink);color:var(--stateshift-cloud)}.stateshift-download .stateshift-platform-note{color:rgba(247,247,245,.76);text-align:right}@media (max-width:1040px){.stateshift-hero-grid{grid-template-columns:minmax(0,1fr) minmax(410px,.9fr)}.stateshift-hero-visual{min-height:min(610px,calc(100svh - 120px))}.stateshift-section-intro{grid-template-columns:1fr}.stateshift-section-intro p{max-width:700px}.stateshift-download-inner{display:grid}.stateshift-download .stateshift-store-links{justify-content:flex-start}.stateshift-download .stateshift-platform-note{text-align:left}}@media (max-width:760px){.stateshift-hero{height:100%;min-height:0}.stateshift-hero-grid{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:18px;padding-top:24px;padding-bottom:20px}.stateshift-hero h1{margin-top:18px;font-size:clamp(34px,9.4vw,42px)}.stateshift-hero-lede{margin-top:14px;font-size:17px;line-height:1.42}.stateshift-store-links{display:grid;grid-template-columns:1fr 1fr;margin-top:18px}.stateshift-store-link{min-width:0;min-height:48px;padding-top:13px;padding-bottom:13px}.stateshift-hero-visual{height:100%;min-height:0}.stateshift-brand img{width:40px;height:40px}.stateshift-phone{width:auto;height:min(90%,380px);border-width:5px;border-radius:27px}.stateshift-phone--center{width:auto;height:min(100%,420px)}.stateshift-phone--left,.stateshift-phone--right{width:auto}.stateshift-phone--left{left:10%}.stateshift-phone--right{right:10%}.stateshift-platform-note{margin-top:10px;font-size:11px}.stateshift-expect,.stateshift-roadmap{padding:78px 0}.stateshift-section-intro{gap:26px;padding-bottom:48px}.stateshift-screen-grid{width:calc(100% + var(--gutter));grid-template-columns:repeat(3,minmax(230px,72vw));gap:18px;overflow-x:auto;padding-right:var(--gutter);padding-bottom:30px;scroll-snap-type:x mandatory;scrollbar-width:none}.stateshift-screen-grid::-webkit-scrollbar{display:none}.stateshift-screen{border-width:5px;border-radius:30px;scroll-snap-align:start}.stateshift-screen:nth-child(2){margin-top:0}.stateshift-expect-grid{grid-template-columns:1fr;gap:48px}.stateshift-expect h2{position:static}.stateshift-expect-item{grid-template-columns:42px minmax(0,1fr);gap:14px;padding:28px 0 32px}.stateshift-download{padding:66px 0}.stateshift-download-brand{align-items:center}.stateshift-download-inner{gap:40px}}@media (max-width:480px){.stateshift-store-links{grid-template-columns:1fr}.stateshift-store-link{width:100%}.stateshift-phone--left{left:8%}.stateshift-phone--right{right:8%}}@media (prefers-reduced-motion:reduce){.stateshift-store-link{transition:none}}