:root{--bg:#080C0F;--bg-2:#0B1115;--surface:#0F161B;--surface-2:#141E24;--surface-3:#0B1216;--border:rgba(133,169,176,.18);--border-soft:rgba(133,169,176,.12);--brand:#2E5B68;--brand-2:#386D7A;--brand-deep:#183C46;--mint:#42D8B4;--mint-soft:#68E4C8;--down:#EE806F;--text:#F4F7FA;--muted:#95A4A9;--muted-2:rgba(232,240,242,.56);--max:1280px;--shadow:0 30px 80px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(var(--max),calc(100% - 44px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(8,13,16,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(36,54,62,.7)}.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:43px;height:43px;border-radius:11px;object-fit:cover;border:1px solid #35525f;box-shadow:0 6px 22px rgba(0,0,0,.24)}.wordmark-pill{display:flex;align-items:center;justify-content:center;background:var(--brand);border:1px solid #4b8797;border-radius:999px;padding:9px 18px 8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.wordmark-pill img{width:104px;height:auto;display:block}.desktop-nav{display:flex;gap:28px;color:var(--muted);font-size:14px;font-weight:700}.desktop-nav a:hover,.contact-link:hover{color:var(--mint)}.nav-actions{display:flex;align-items:center;gap:16px}.contact-link{color:var(--muted);font-size:14px;font-weight:650}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:1px solid #518a99;border-radius:999px;background:var(--brand);color:#fff;font-weight:800;transition:.2s ease;box-shadow:0 10px 26px rgba(40,90,107,.2)}.button:hover{transform:translateY(-1px);background:var(--brand-2);border-color:#69a4b2}.button-small{min-height:42px;padding:0 18px;font-size:14px}.menu-button{display:none;background:none;border:0;color:var(--text);font-size:24px}.mobile-menu{display:none}
.hero{position:relative;min-height:760px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--border-soft)}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.orb-one{width:500px;height:500px;background:rgba(40,90,107,.18);right:-170px;top:40px}.orb-two{width:380px;height:380px;background:rgba(66,216,180,.07);left:-120px;bottom:0}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:80px;align-items:center;padding:80px 0 74px}.eyebrow{color:var(--mint);font-size:13px;letter-spacing:.22em;font-weight:850}.hero-copy h1{font-size:clamp(58px,7vw,92px);line-height:.94;letter-spacing:-.055em;margin:18px 0 24px;max-width:720px}.hero-copy h1 span{color:var(--mint)}.hero-lede{font-size:20px;color:#c3c9cc;max-width:630px;margin:0 0 32px}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.secondary-button{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 22px;border:1px solid var(--border);border-radius:999px;color:#d9dddf;font-weight:750;background:rgba(13,23,27,.56)}.secondary-button:hover{border-color:#47626c;color:var(--mint)}.hero-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.hero-proof>span{display:inline-flex;align-items:center;gap:8px;background:rgba(13,23,27,.85);border:1px solid var(--border-soft);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:12px;font-weight:750}.hero-proof i{font-style:normal;font-size:15px}.up,.climb{color:var(--mint)}.down{color:var(--down)}
.product-showcase{justify-self:center;width:min(100%,430px);position:relative}.phone-frame{position:relative;padding:8px;border-radius:38px;background:#030607;border:1px solid #29414a;box-shadow:0 40px 90px rgba(0,0,0,.52)}.phone-glow{position:absolute;inset:15% 5%;background:rgba(40,90,107,.16);filter:blur(60px);z-index:-1}.mock-app{height:620px;border-radius:31px;overflow:hidden;background:#070d10;border:1px solid #172a31;position:relative}.mock-status{height:38px;background:#000;display:flex;justify-content:space-between;align-items:center;padding:0 23px;font-size:11px;font-weight:700}.status-icons{letter-spacing:2px}.mock-topbar{height:72px;display:grid;grid-template-columns:44px 1fr 64px;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--border-soft);background:#081014}.mock-brand-mark{width:36px;height:36px;border-radius:8px}.mock-wordmark{justify-self:center;padding:7px 14px}.mock-wordmark img{width:78px}.mock-top-actions{display:flex;gap:15px;justify-content:flex-end;color:var(--muted);font-size:18px}.mock-screen{display:none;height:452px;padding:16px 15px 62px;overflow:hidden}.mock-screen.active{display:block}.mock-section-label{font-size:10px;color:var(--mint);letter-spacing:.18em;font-weight:900}.mock-climb.compact{border:1px solid var(--border-soft);border-radius:19px;padding:14px;background:#091216}.mock-climb-row{display:flex;gap:12px;align-items:end;margin-top:10px}.mock-step-line{height:54px;flex:1;position:relative;border-bottom:3px solid var(--mint)}.mock-step-line:after{content:"";position:absolute;right:22px;bottom:-3px;width:28px;height:13px;border-top:3px solid var(--mint);border-right:3px solid var(--mint);transform:translateY(-10px)}.mock-step-line span{position:absolute;right:0;bottom:-3px;width:18px;height:28px;border-left:3px solid var(--mint);border-top:3px solid var(--mint)}.mock-step-line i{position:absolute;right:-4px;top:4px;width:12px;height:12px;background:var(--mint-soft);border:3px solid #20685a;border-radius:50%}.mock-net{width:100px;display:grid}.mock-net small{font-size:8px;color:var(--muted);letter-spacing:.12em}.mock-net b{color:var(--mint);font-size:28px;line-height:1}.mock-net em{font-size:10px;color:var(--muted);font-style:normal}.mock-compare{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.15em;margin-top:15px}.mock-moments h4,.mock-feed h4{font-size:16px;margin:16px 0 9px}.moment-row{display:flex;gap:10px}.moment{width:64px;height:70px;border-radius:14px;border:1px solid #2d4148}.mock-feed{margin-top:12px}.mock-feed-head{display:flex;align-items:center;justify-content:space-between}.mock-feed-head h4{margin:3px 0 10px}.segmented{display:flex;border:1px solid #29414a;border-radius:12px;padding:3px;font-size:8px}.segmented span,.segmented b{padding:5px 8px;border-radius:9px}.segmented b{background:var(--brand)}.post-card{border:1px solid #263a42;border-radius:16px;padding:10px;background:#0d171b}.post-meta{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;font-size:9px}.post-meta small{display:block;color:var(--muted);font-size:7px}.avatar-dot{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#2f6877,#42d8b4)}.abstract-content{position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #2d4148;color:white;font-weight:800;letter-spacing:.06em}.abstract-content:before,.tile:before,.demo-tile-grid>div:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.22),transparent 28%),linear-gradient(145deg,transparent 35%,rgba(0,0,0,.28) 36% 51%,transparent 52%);transform:rotate(-7deg)}.abstract-main{height:112px;margin-top:9px;border-radius:13px}.abstract-content span{position:relative;z-index:1}.abstract-content i{position:absolute;left:10px;top:9px;background:#10352f;color:var(--mint);font-size:10px;padding:3px 7px;border-radius:999px;font-style:normal}.post-votes{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-top:8px;font-size:8px;color:var(--muted)}.post-votes b{color:var(--mint);text-align:center}.post-votes span:last-child{text-align:right;color:var(--down)}
.abstract-a{background:linear-gradient(135deg,#254d5d,#54b59e)}.abstract-b{background:linear-gradient(135deg,#3d526e,#7a9ac7)}.abstract-c{background:linear-gradient(135deg,#654d39,#bf9364)}.abstract-d{background:linear-gradient(135deg,#3b665c,#1d9384)}.abstract-e{background:linear-gradient(135deg,#5f4669,#a36f9b)}.abstract-f{background:linear-gradient(135deg,#725b37,#c8a552)}.abstract-g{background:linear-gradient(135deg,#2a4c6d,#5b96bf)}.abstract-h{background:linear-gradient(135deg,#514c72,#8d86bb)}.abstract-i{background:linear-gradient(135deg,#3c6050,#77a77e)}
.mock-title{font-size:26px;margin:8px 0 14px}.mock-searchbox{height:48px;background:#1b1b1d;border:1px solid #020405;border-radius:24px;display:flex;align-items:center;gap:8px;padding:0 14px;color:#fff;font-size:20px}.mock-searchbox span{font-size:11px;color:#b5b5b9}.mock-filters{display:flex;gap:7px;margin:12px 0 16px;font-size:8px;flex-wrap:wrap}.mock-filters span,.mock-filters b{padding:7px 10px;border:1px solid #273941;border-radius:999px;color:var(--muted)}.mock-filters b{background:#173b3b;color:var(--mint);border-color:#237f78}.mock-grid-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mock-grid-title b{font-size:13px}.mock-grid-title span{font-size:8px;color:var(--muted)}.abstract-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.tile{height:85px;border-radius:8px;display:grid;place-items:end start;padding:7px;position:relative;overflow:hidden;font-size:7px;font-weight:900;letter-spacing:.12em}.tile span{position:relative;z-index:1}.mock-profile-card{border:1.5px solid #dfe6e8;border-radius:19px;padding:15px}.mock-big-line{height:78px;position:relative;border-bottom:3px solid var(--mint);margin:4px 0 8px}.mock-big-line:after{content:"";position:absolute;right:26px;bottom:-3px;width:44px;height:16px;border-top:3px solid var(--mint);border-right:3px solid var(--mint);transform:translateY(-12px)}.mock-big-line span{position:absolute;right:3px;bottom:-3px;width:16px;height:32px;border-left:3px solid var(--mint);border-top:3px solid var(--mint)}.mock-big-line i{position:absolute;right:-3px;top:16px;width:14px;height:14px;border-radius:50%;background:var(--mint-soft);border:3px solid #236b5e}.mock-baseline{font-size:8px;letter-spacing:.14em;color:var(--muted);font-weight:900}.mock-three-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.mock-three-stats small{display:block;color:var(--muted);font-size:7px;letter-spacing:.08em}.mock-three-stats b{font-size:15px}.mint{color:var(--mint)}.mock-profile-foot{display:flex;justify-content:space-between;margin-top:14px;font-size:8px;color:var(--muted)}.mock-profile-foot b{color:#fff}.mock-supporting{margin-top:8px;border:1px solid #253b43;border-radius:16px;padding:10px}.mock-support-title{font-size:8px;color:var(--muted);letter-spacing:.14em;text-align:center;font-weight:850}.support-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}.support-row>div{border:1px solid #2d5863;border-radius:12px;padding:8px 5px;text-align:center;background:#102127}.support-row i{display:block;color:var(--mint);font-style:normal}.support-row b{display:block;font-size:10px;color:#6fd9d5}.support-row small{display:block;color:var(--muted);font-size:6px}.mock-best{margin-top:10px}.best-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.best-row .abstract-content{height:87px;border-radius:11px}.activity-filters{margin-bottom:12px}.activity-list{border:1px solid #273a42;border-radius:16px;padding:7px;background:#0d171b}.activity-list article{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:10px 5px}.activity-icon{width:34px;height:34px;border-radius:10px;background:#10332e;color:var(--mint);display:grid;place-items:center}.activity-icon.alt{background:#142938;color:#70a9e8}.activity-list b{font-size:11px}.activity-list small{display:block;color:var(--muted);font-size:8px}.mock-bottom-nav{position:absolute;left:0;right:0;bottom:0;height:62px;background:rgba(7,13,16,.97);border-top:1px solid #1c2d34;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;text-align:center;color:#a3adb1}.mock-bottom-nav span.active{color:var(--mint)}.mock-bottom-nav b{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;margin:auto;background:var(--brand);border:1px solid #5790a0;color:white;font-size:24px;transform:translateY(-9px);box-shadow:0 8px 30px rgba(40,90,107,.36)}.screen-switcher{display:flex;justify-content:center;gap:8px;margin-top:18px;flex-wrap:wrap}.screen-tab{border:1px solid var(--border);background:var(--surface);color:var(--muted);padding:8px 13px;border-radius:999px;font-size:12px;font-weight:750;cursor:pointer;transition:.2s ease}.screen-tab:hover,.screen-tab.active{background:#173038;border-color:#33707e;color:var(--mint)}
.signal-strip{border-bottom:1px solid var(--border-soft);background:#0a1114}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:26px 0}.signal-grid>div{display:flex;align-items:baseline;gap:12px;padding:0 30px;border-right:1px solid var(--border-soft)}.signal-grid>div:first-child{padding-left:0}.signal-grid>div:last-child{border-right:0}.signal-grid strong{font-size:17px}.signal-grid span{color:var(--muted);font-size:14px}.section-pad{padding:108px 0}.split-grid,.identity-grid,.principles-grid,.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.section-copy h2,.section-head h2,.principles-intro h2,.identity-copy h2{font-size:clamp(40px,5vw,66px);line-height:1.02;letter-spacing:-.045em;margin:14px 0 22px}.section-copy>p,.section-head>p,.principles-intro>p,.identity-copy>p{font-size:18px;color:var(--muted);max-width:720px}.ladder-section{background:linear-gradient(180deg,#080d10 0%,#091115 100%)}.signal-list{display:grid;gap:14px;margin-top:34px}.signal-list article{display:flex;gap:16px;padding:18px;border:1px solid var(--border-soft);background:var(--surface);border-radius:20px}.signal-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#102126;font-size:24px;font-weight:850;flex:0 0 auto}.signal-icon.up{background:rgba(66,216,180,.11);color:var(--mint)}.signal-icon.down{background:rgba(244,125,112,.1);color:var(--down)}.signal-list b{font-size:17px}.signal-list p{margin:3px 0 0;color:var(--muted);font-size:14px}.climb-card{background:#090f12;border:2px solid #e9edef;border-radius:30px;padding:28px;box-shadow:var(--shadow)}.card-label{color:var(--mint);font-weight:850;letter-spacing:.16em}.mini-chart{height:190px;margin:14px 0 10px}.mini-chart svg{width:100%;height:100%;overflow:visible}.baseline{stroke:#59666b;stroke-width:4;stroke-dasharray:7 8;fill:none}.climb-path{stroke:var(--mint);stroke-width:5;fill:none;stroke-linejoin:round;stroke-linecap:round}.mini-chart circle{fill:var(--mint-soft);stroke:#1d594f;stroke-width:7}.climb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}.climb-stats span{display:grid;gap:7px}.climb-stats small{color:var(--muted);font-size:11px;letter-spacing:.12em;font-weight:800}.climb-stats strong{font-size:24px}.climb-foot{display:flex;justify-content:space-between;gap:18px;color:var(--muted);margin-top:28px;font-size:14px}.climb-foot b{color:var(--text)}.section-head{max-width:800px;margin-bottom:54px}.product-section{border-top:1px solid var(--border-soft)}.product-grid{align-items:start}.product-points{display:grid;gap:14px;padding-top:28px}.product-points article{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:23px 0;border-bottom:1px solid var(--border-soft)}.product-points article>span,.principle>span{color:var(--mint);font-weight:850;font-size:12px;letter-spacing:.12em}.product-points h3,.principle h3{margin:0 0 7px;font-size:21px}.product-points p,.principle p{margin:0;color:var(--muted)}
.product-demo{background:linear-gradient(145deg,#111f24,#0a1114);border:1px solid #2b4149;border-radius:30px;padding:24px;box-shadow:var(--shadow);max-width:500px;margin:auto;width:100%}.demo-label-row,.mock-grid-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.demo-label-row span{color:var(--mint);font-weight:900;letter-spacing:.15em;font-size:11px}.demo-label-row small{color:var(--muted);font-size:10px}.demo-search{height:54px;margin:20px 0 14px;border-radius:27px;background:#1b1b1d;border:1px solid #050708;display:flex;align-items:center;gap:10px;padding:0 18px;font-size:22px}.demo-search span{font-size:13px;color:#aaaeb1}.demo-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.demo-chips span,.demo-chips b{padding:8px 12px;border:1px solid #2d4148;border-radius:999px;color:var(--muted);font-size:11px}.demo-chips b{color:var(--mint);background:#143338;border-color:#2c817c}.demo-tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.demo-tile-grid>div{height:110px;border-radius:14px;display:grid;place-items:end start;padding:12px;position:relative;overflow:hidden;color:#fff;font-size:10px;font-weight:900;letter-spacing:.12em}.identity-section{background:#091115;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.identity-list{display:grid;margin-top:32px;border-top:1px solid var(--border-soft)}.identity-list>div{display:flex;justify-content:space-between;gap:24px;padding:17px 0;border-bottom:1px solid var(--border-soft)}.identity-list span{color:var(--muted);text-align:right}.climb-demo{padding:28px}.demo-climb-line{height:130px;border-bottom:4px solid var(--mint);position:relative;margin:12px 0}.demo-climb-line:after{content:"";position:absolute;right:48px;bottom:-4px;width:70px;height:25px;border-top:4px solid var(--mint);border-right:4px solid var(--mint);transform:translateY(-20px)}.demo-climb-line span{position:absolute;right:8px;bottom:-4px;width:26px;height:48px;border-left:4px solid var(--mint);border-top:4px solid var(--mint)}.demo-climb-line i{position:absolute;right:0;top:44px;width:20px;height:20px;border-radius:50%;background:var(--mint-soft);border:5px solid #236b5e}.demo-three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.demo-three small{display:block;color:var(--muted);font-size:9px;letter-spacing:.1em}.demo-three b{font-size:21px}.demo-comparisons{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.demo-comparisons>div{background:#102127;border:1px solid #2d5863;border-radius:15px;padding:14px;text-align:center}.demo-comparisons b{display:block;color:#6fd9d5}.demo-comparisons small{color:var(--muted)}.demo-best{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.demo-best>div{height:100px;border-radius:14px}.principles-grid{align-items:start}.principles-intro{position:sticky;top:120px}.principle-list{display:grid}.principle{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:26px 0;border-bottom:1px solid var(--border-soft)}.activity-section{background:#091115;border-top:1px solid var(--border-soft)}.product-grid.reverse{grid-template-columns:.9fr 1.1fr}.demo-activity-list{border:1px solid #2a3f47;border-radius:18px;background:#0d171b;padding:7px}.demo-activity-list article{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:14px 9px}.demo-activity-list>article>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#10342f;color:var(--mint)}.demo-activity-list b{font-size:15px}.demo-activity-list small{display:block;color:var(--muted);font-size:12px}.community-note{margin-top:30px;padding:18px;border:1px solid var(--border);border-radius:20px;background:var(--surface);display:flex;gap:16px;align-items:center}.ladder-glyph{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:var(--mint);background:rgba(66,216,180,.1);font-size:24px}.community-note b{font-size:17px}.community-note p{margin:3px 0 0;color:var(--muted)}
.beta-section{padding-top:120px;padding-bottom:120px}.beta-card{position:relative;overflow:hidden;border:1px solid #426776;background:linear-gradient(135deg,#102127 0%,#0e171b 58%,#15333c 100%);border-radius:38px;padding:52px;display:grid;grid-template-columns:.7fr 1fr 1fr;gap:42px;align-items:center}.beta-card:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-100px;top:-140px;background:rgba(66,216,180,.09);filter:blur(45px)}.beta-brand{display:grid;justify-items:start;gap:15px;position:relative;z-index:1}.beta-brand>img{width:86px;height:86px;border-radius:20px;border:1px solid #4a6d78}.wordmark-pill.large img{width:140px}.beta-copy,.signup-form{position:relative;z-index:1}.beta-copy h2{font-size:44px;line-height:1.05;letter-spacing:-.04em;margin:12px 0 14px}.beta-copy h2 span{color:var(--mint)}.beta-copy p{color:#b5bdc0;margin:0}.signup-form{display:grid;gap:12px}.signup-form input{height:56px;padding:0 18px;border-radius:16px;border:1px solid #35505b;background:#081014;color:var(--text);outline:none}.signup-form input:focus{border-color:var(--mint)}.form-note{margin:0;color:var(--muted);font-size:12px}.form-note.success{color:var(--mint)}footer{border-top:1px solid var(--border-soft);padding:48px 0 58px;background:#070b0d}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:40px}.footer-brand-wrap p{color:var(--muted);margin:16px 0 0}.footer-links,.footer-legal{display:grid;align-content:start;gap:10px;color:var(--muted);font-size:14px}.footer-links a:hover,.footer-legal a:hover{color:var(--mint)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}.reveal-delay{transition-delay:.1s}
@media(max-width:920px){.desktop-nav,.desktop-only{display:none}.menu-button{display:block}.mobile-menu.open{display:grid;gap:0;padding:0 22px 18px;background:#080d10;border-bottom:1px solid var(--border-soft)}.mobile-menu a{padding:14px 0;border-top:1px solid var(--border-soft);font-weight:700}.hero-grid,.split-grid,.identity-grid,.principles-grid,.product-grid,.product-grid.reverse{grid-template-columns:1fr}.hero{min-height:auto}.hero-grid{gap:58px;padding:70px 0}.product-showcase{width:min(100%,390px)}.signal-grid{grid-template-columns:1fr}.signal-grid>div{padding:13px 0;border-right:0;border-bottom:1px solid var(--border-soft)}.signal-grid>div:last-child{border-bottom:0}.section-pad{padding:82px 0}.product-grid{gap:44px}.principles-intro{position:static}.beta-card{grid-template-columns:1fr}.beta-brand{grid-auto-flow:column;justify-content:start;align-items:center}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand-wrap{grid-column:1/-1}}
@media(max-width:620px){.container{width:min(100% - 28px,var(--max))}.nav-wrap{min-height:72px}.brand-mark{width:38px;height:38px}.wordmark-pill{padding:8px 14px}.wordmark-pill img{width:92px}.nav-actions .button-small{display:none}.hero-grid{padding-top:54px}.hero-copy h1{font-size:54px}.hero-lede{font-size:18px}.hero-actions{align-items:stretch}.hero-actions .button,.secondary-button{width:100%}.product-showcase{width:100%}.screen-switcher{gap:6px}.screen-tab{padding:7px 10px}.section-copy h2,.section-head h2,.principles-intro h2,.identity-copy h2{font-size:42px}.climb-card{padding:20px}.climb-stats{grid-template-columns:1fr 1fr}.climb-stats span:nth-child(3){grid-column:1/-1}.climb-foot{display:grid}.identity-list>div{display:grid;gap:3px}.identity-list span{text-align:left}.beta-card{padding:30px 22px}.beta-copy h2{font-size:38px}.footer-grid{grid-template-columns:1fr}.footer-brand-wrap{grid-column:auto}.mock-app{height:590px}.mock-screen{height:422px}.demo-tile-grid>div{height:84px}.demo-comparisons{grid-template-columns:1fr}.demo-best>div{height:78px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.screen-tab{transition:none}}


/* v3.2 visual cleanup: real photography + consistent step charts */
.stock-photo{
  position:relative;
  overflow:hidden;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  isolation:isolate;
}
.stock-photo::before{display:none!important}
.stock-photo::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(180deg,rgba(4,9,12,.03) 38%,rgba(4,9,12,.72) 100%);
  pointer-events:none;
}
.stock-photo>span,.stock-photo>i{position:relative;z-index:2}
.stock-photo.crop-alt{background-position:55% center}
.stock-friends{background-image:url("https://images.unsplash.com/photo-1779896412186-441e30764c8c?auto=format&fit=crop&w=900&q=80")}
.stock-soccer{background-image:url("https://images.unsplash.com/photo-1770237711414-e91a21755b4b?auto=format&fit=crop&w=900&q=80")}
.stock-concert{background-image:url("https://images.unsplash.com/photo-1733804296621-f6d65d2ed445?auto=format&fit=crop&w=900&q=80")}
.stock-city{background-image:url("https://images.unsplash.com/photo-1760421842693-b8a113587f35?auto=format&fit=crop&w=900&q=80")}
.stock-cafe{background-image:url("https://images.unsplash.com/photo-1763792273041-e85a12ab450f?auto=format&fit=crop&w=900&q=80")}
.stock-lake{background-image:url("https://images.unsplash.com/photo-1629891616601-ee8fd85eda4f?auto=format&fit=crop&w=900&q=80")}

.moment.stock-photo{
  border-color:#35515b;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.abstract-main.stock-photo{
  place-items:end center;
  padding:0 0 12px;
  background-position:center 44%;
}
.abstract-main.stock-photo::after{
  background:linear-gradient(180deg,rgba(4,9,12,.02) 20%,rgba(4,9,12,.24) 60%,rgba(4,9,12,.84) 100%);
}
.photo-label{
  color:#fff;
  font-size:13px;
  text-shadow:0 2px 12px rgba(0,0,0,.65);
}
.stock-grid .tile,.stock-demo-grid>div{
  border:1px solid #2b414a;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018);
}
.stock-grid .tile span,.stock-demo-grid>div span{
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.72);
}
.stock-demo-grid>div{
  position:relative;
}
.best-row .stock-photo,.demo-best .stock-photo{
  border:1px solid #2c424b;
}

.mock-chart-wrap{
  height:58px;
  flex:1;
  min-width:0;
  position:relative;
}
.climb-svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
.climb-zero{
  stroke:#526169;
  stroke-width:2;
  opacity:.68;
}
.climb-zero.dashed{
  stroke-dasharray:6 7;
}
.climb-trail{
  fill:none;
  stroke:var(--mint);
  stroke-width:3.2;
  stroke-linecap:square;
  stroke-linejoin:miter;
  vector-effect:non-scaling-stroke;
}
.climb-dot{
  fill:var(--mint-soft);
  stroke:#245f55;
  stroke-width:3;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 5px rgba(66,216,180,.35));
}
.mock-profile-chart{
  height:86px;
  margin:2px 0 4px;
}
.profile-svg .climb-trail{stroke-width:3}
.demo-climb-chart{
  height:150px;
  margin:8px 0 4px;
  border-radius:16px;
  background:
    linear-gradient(rgba(66,216,180,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(66,216,180,.035) 1px,transparent 1px);
  background-size:25% 50%;
}
.identity-svg{padding:8px 4px}
.mini-chart{
  border-radius:18px;
  background:
    linear-gradient(rgba(66,216,180,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(66,216,180,.035) 1px,transparent 1px);
  background-size:25% 50%;
  padding:8px 4px;
}
.mini-chart .baseline{stroke:#526169;stroke-width:3;stroke-dasharray:7 8}
.mini-chart .climb-path{stroke-width:4;stroke-linecap:square;stroke-linejoin:miter}

.mock-bottom-nav{
  background:rgba(5,11,14,.97);
  box-shadow:0 -10px 30px rgba(0,0,0,.16);
}
.mock-bottom-nav span,.mock-bottom-nav b{
  text-shadow:none;
}
.mock-profile-card,.mock-climb.compact,.post-card{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.012);
}
.mock-profile-foot{
  gap:12px;
}
.mock-profile-foot span{
  min-width:0;
}

@media(max-width:620px){
  .demo-climb-chart{height:118px}
}

/* v3.3 — exact current app icon geometry + separated brand header */
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.ui-icon{width:1em;height:1em;display:block;fill:currentColor;color:inherit;overflow:visible}

/* Website header: W left, wordmark centered, never adjacent. */
.site-header{padding:0}
.brand-row{position:relative;min-height:70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}
.site-brand-mark-link{justify-self:start;display:inline-grid;place-items:center}
.site-wordmark-home{justify-self:center;display:inline-flex;align-items:center;justify-content:center}
.brand-row .nav-actions{justify-self:end}
.site-nav-row{border-top:1px solid rgba(36,54,62,.52);background:rgba(6,11,14,.48)}
.site-nav-row .desktop-nav{min-height:38px;justify-content:center;align-items:center}
.menu-button{width:40px;height:40px;padding:0;place-items:center;color:var(--muted)}
.menu-button .ui-icon{width:22px;height:22px}

/* Mock header mirrors the current app build: W left, wordmark dead-center, messages/menu right. */
.mock-topbar{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 14px}
.mock-brand-button{position:relative;width:44px;height:44px;padding:4px;border:0;border-radius:14px;background:transparent;display:grid;place-items:center;color:inherit}
.mock-brand-mark{width:36px;height:36px;border-radius:9px}
.mock-wordmark{position:absolute;left:50%;transform:translateX(-50%);padding:7px 14px}
.mock-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px;margin-left:auto}
.mock-top-actions button{width:38px;height:38px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--muted);display:grid;place-items:center}
.mock-top-actions .ui-icon{width:19px;height:19px}
.mock-activity-badge{display:none;position:absolute;right:1px;top:1px;width:8px;height:8px;border-radius:999px;background:var(--mint);border:2px solid #081014;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.mock-app[data-screen="activity"] .mock-activity-badge{display:block}

/* Exact icon treatment inside the mock app. */
.mock-searchbox .ui-icon,.demo-search .ui-icon{width:21px;height:21px;flex:0 0 auto}
.post-votes span{display:flex;align-items:center;gap:5px}
.post-votes span:last-child{justify-content:flex-end}
.post-votes .ui-icon{width:13px;height:13px}

/* Current bottom-tab geometry from the app build. */
.mock-bottom-nav{padding:7px 10px;grid-template-columns:repeat(5,1fr);overflow:visible}
.mock-bottom-nav button{border:0;background:transparent;color:#9aa6aa;padding:0;display:grid;place-items:center;position:relative;cursor:default}
.mock-tab{min-width:44px;min-height:48px}
.mock-tab .ui-icon{width:22px;height:22px}
.mock-tab.active{color:var(--mint)}
.mock-tab.active i{position:absolute;top:0;width:4px;height:4px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px rgba(66,216,180,.75)}
.mock-create{width:54px;height:54px;margin:-20px auto 0;border:1px solid rgba(172,222,221,.25)!important;border-radius:18px!important;background:var(--brand)!important;color:#fff!important;transform:rotate(45deg);box-shadow:0 10px 25px rgba(9,45,53,.5),0 0 0 4px rgba(8,12,15,.95)}
.mock-create span{transform:rotate(-45deg) scale(1.28);display:grid;place-items:center}
.mock-create .ui-icon{width:23px;height:23px}
.mock-app[data-screen="discover"] .mock-tab[data-nav-screen="discover"],
.mock-app[data-screen="climb"] .mock-tab[data-nav-screen="climb"],
.mock-app[data-screen="home"] .mock-tab[data-nav-screen="home"]{color:var(--mint)}

/* Activity variety while staying inside the actual app icon family. */
.activity-icon{display:grid!important;place-items:center!important}
.activity-icon .ui-icon{width:18px;height:18px}
.activity-icon.comment,.activity-icon.mention{background:#142938;color:#70a9e8}
.activity-icon.connection{background:#142b35;color:#79b8d4}
.activity-list article{border-bottom:1px solid rgba(148,163,184,.09)}
.activity-list article:last-child{border-bottom:0}
.demo-activity-list article{grid-template-columns:38px 1fr!important;align-items:center}
.demo-activity-list .activity-icon{width:36px;height:36px;border-radius:11px}

.community-note .ladder-glyph{display:grid;place-items:center}
.community-note .ui-icon{width:20px;height:20px}

/* Keep brand elements intentionally separated anywhere both appear. */
.separated-brand{grid-template-columns:auto 1fr auto;align-items:center;width:100%}
.brand-separator,.footer-brand-line{height:1px;background:linear-gradient(90deg,rgba(66,216,180,.06),rgba(66,216,180,.35),rgba(66,216,180,.06));min-width:36px}
.footer-brand-separated{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;max-width:330px}

@media(max-width:920px){
  .site-nav-row{display:none}
  .brand-row{min-height:76px}
  .site-wordmark-home{position:absolute;left:50%;transform:translateX(-50%)}
}
@media(max-width:620px){
  .brand-row{grid-template-columns:1fr auto 1fr}
  .site-wordmark-home .wordmark-pill{padding:7px 12px}
  .site-wordmark-home .wordmark-pill img{width:82px}
  .nav-actions .button-small{display:none}
  .separated-brand{grid-template-columns:auto 1fr auto!important}
  .footer-brand-separated{max-width:100%}
}


/* v3.4 launch polish — responsive scale, exact app assets, formats, activity variety */
body{background:linear-gradient(180deg,#0B1115 0,var(--bg) 280px);font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.brand-mark{object-fit:cover;border-radius:20%;box-shadow:0 7px 18px rgba(0,0,0,.34),0 0 0 1px rgba(170,208,213,.12)}
.wordmark-pill{background:var(--brand);border-color:rgba(160,210,215,.16);box-shadow:0 8px 22px rgba(10,41,48,.32)}
.wordmark-pill img{filter:brightness(0) invert(1)}
.site-header{background:rgba(8,12,15,.9)}
.brand-row{min-height:76px}
.site-nav-row .desktop-nav{min-height:42px}

.hero{min-height:700px}
.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(410px,.82fr);gap:92px;padding:72px 0 70px}
.hero-copy h1{font-size:clamp(64px,6.1vw,96px);max-width:760px}
.hero-lede{max-width:610px}
.product-showcase{width:min(100%,468px)}
.mock-app{height:642px}
.mock-screen{height:474px}
.phone-frame{border-color:rgba(133,169,176,.22);box-shadow:0 42px 100px rgba(0,0,0,.5),0 0 0 1px rgba(133,169,176,.04)}
.hero-proof i{width:18px;height:18px;display:grid;place-items:center}
.hero-proof i .ui-icon{width:15px;height:15px}
.hero-proof i.climb{width:auto;padding:0 3px;font-size:9px;letter-spacing:.08em;font-weight:900}

.mock-topbar{height:68px;background:rgba(8,12,15,.96)}
.mock-screen{padding-top:14px}
.mock-climb.compact,.mock-profile-card,.post-card{background:var(--surface);border-color:var(--border)}
.mock-supporting{background:var(--surface);border-color:var(--border)}
.mock-searchbox{background:#1b1b1d}
.support-row i{display:grid;place-items:center}
.support-row i .ui-icon{width:17px;height:17px}

.activity-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#315f6d,#6d8e98);color:#fff;font-weight:850;font-size:13px;border:1px solid rgba(160,210,215,.16);box-shadow:0 3px 10px rgba(0,0,0,.22)}
.activity-list article,.demo-activity-list article{min-height:54px}
.activity-list article small,.demo-activity-list article small{line-height:1.3}

/* Three product formats */
.formats-section{background:linear-gradient(180deg,rgba(15,22,27,.34),rgba(8,12,15,0));border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}
.formats-head{max-width:760px;margin-bottom:38px}
.format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.format-card{overflow:hidden;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:0 16px 46px rgba(0,0,0,.18)}
.format-media{height:280px;border-bottom:1px solid var(--border);background-position:center;display:flex;align-items:flex-start;justify-content:space-between;padding:18px}
.format-media::after{background:linear-gradient(180deg,rgba(4,9,12,.08) 24%,rgba(4,9,12,.25) 58%,rgba(4,9,12,.92) 100%)}
.format-chip{position:relative;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(8,12,15,.76);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(9px);color:#fff;font-size:10px;font-weight:900;letter-spacing:.12em}
.format-chip .ui-icon{width:14px;height:14px}
.format-overlay{position:absolute!important;left:18px;bottom:16px;color:#fff;font-size:12px;font-weight:780;letter-spacing:.01em;text-shadow:0 2px 14px rgba(0,0,0,.7)}
.format-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:20px;background:rgba(46,91,104,.88);border:1px solid rgba(160,210,215,.25);display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.32)}
.format-play .ui-icon{width:26px;height:26px;color:#fff}
.format-expiry{position:relative;z-index:2;margin-left:auto;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(8,12,15,.76);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:12px;font-weight:900}
.format-copy{padding:22px 22px 24px}
.format-copy h3{font-size:27px;line-height:1;margin:0 0 10px}
.format-copy p{color:#c1c9cc;margin:0 0 12px}
.format-copy small{display:block;color:var(--muted);font-size:12px}

/* More deliberate stock crop / fictional editorial feel */
.post-format .format-media{background-position:center 62%}
.scene-format .format-media{background-position:center 50%}
.moment-format .format-media{background-position:center 45%}
.stock-demo-grid>div,.stock-grid .tile{filter:saturate(.88) contrast(1.03)}

/* Refine section rhythm and desktop scale */
.section-pad{padding-block:104px}
.product-section,.identity-section,.activity-section{scroll-margin-top:118px}
.ladder-section,.formats-section,.principles-section,.beta-section{scroll-margin-top:118px}
.section-copy h2,.section-head h2,.principles-intro h2,.identity-copy h2{letter-spacing:-.045em}
.product-grid{gap:72px}
.principles-grid{gap:88px}
.beta-card{padding:42px 48px}
.beta-brand{min-width:250px}
.separated-brand{gap:18px}
.brand-separator{min-width:88px}
.footer-brand-separated{max-width:400px}
.footer-brand-line{min-width:88px}

/* Stronger wide-screen composition without creating giant empty fields. */
@media(min-width:1440px){
  :root{--max:1320px}
  .hero{min-height:735px}
  .hero-grid{gap:120px;padding-block:78px}
  .hero-copy h1{font-size:98px}
  .hero-lede{font-size:21px}
  .product-showcase{width:490px}
  .mock-app{height:654px}
  .mock-screen{height:486px}
  .section-pad{padding-block:112px}
}
@media(min-width:1800px){
  :root{--max:1380px}
  .hero-grid{gap:140px}
  .product-showcase{width:510px}
}

@media(max-width:1080px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:46px}
  .format-grid{grid-template-columns:1fr 1fr}
  .moment-format{grid-column:1/-1;display:grid;grid-template-columns:minmax(300px,.8fr) 1fr}
  .moment-format .format-media{height:100%;min-height:260px;border-bottom:0;border-right:1px solid var(--border)}
}
@media(max-width:920px){
  .hero{min-height:auto}
  .hero-grid{grid-template-columns:1fr;padding:58px 0 64px}
  .hero-copy{max-width:680px;margin-inline:auto;text-align:center}
  .hero-lede{margin-inline:auto}
  .hero-actions,.hero-proof{justify-content:center}
  .product-showcase{width:min(100%,470px)}
  .format-grid{grid-template-columns:1fr}
  .moment-format{grid-column:auto;display:block}
  .moment-format .format-media{height:280px;border-right:0;border-bottom:1px solid var(--border)}
}
@media(max-width:620px){
  .brand-row{min-height:66px}
  .hero-grid{padding-top:48px}
  .hero-copy h1{font-size:52px}
  .product-showcase{width:100%}
  .phone-frame{border-radius:30px;padding:6px}
  .mock-app{height:590px;border-radius:25px}
  .mock-screen{height:426px}
  .section-pad{padding-block:76px}
  .formats-head{margin-bottom:26px}
  .format-media{height:225px}
  .format-copy{padding:19px}
  .format-copy h3{font-size:24px}
  .product-grid{gap:42px}
  .beta-card{padding:28px 20px}
  .beta-brand{min-width:0}
  .brand-separator,.footer-brand-line{min-width:34px}
}


/* v3.4.1 — richer climb story + current wordmark treatment */
.wordmark-pill img{filter:brightness(0) invert(1)!important}
.mock-net span{display:block;margin-top:4px;color:var(--mint);font-size:7px;font-weight:850;line-height:1.15;white-space:nowrap}
.mock-baseline span{color:var(--mint)}
.climb-delta{color:var(--mint)!important;font-weight:800}
.activity-icon.down{background:rgba(244,125,112,.10)!important;color:var(--down)!important}
.activity-avatar.comment{background:linear-gradient(145deg,#365c74,#6a91b8)}
.activity-avatar.connection{background:linear-gradient(145deg,#315f6d,#6d8e98)}
.activity-avatar.mention{background:linear-gradient(145deg,#5d4d77,#9a76b6)}
.demo-activity-list .activity-avatar{width:42px;height:42px;border-radius:12px;font-size:14px}
.mock-net{width:112px}
.climb-card .mini-chart,.demo-climb-chart,.mock-chart-wrap,.mock-profile-chart{position:relative}
.climb-path,.climb-trail{filter:drop-shadow(0 0 5px rgba(67,226,182,.18))}
.climb-stats strong,.demo-three b,.mock-three-stats b{font-variant-numeric:tabular-nums}
@media(max-width:620px){.mock-net{width:100px}.mock-net span{font-size:6.5px}}

/* v3.5 — final visual cleanup + functional beta signup */
.beta-card{
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  grid-template-areas:"brand brand" "copy form";
  column-gap:64px;
  row-gap:34px;
  align-items:start;
}
.beta-brand-bar{
  grid-area:brand;
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  min-height:78px;
  padding-bottom:26px;
  border-bottom:1px solid rgba(137,171,179,.16);
}
.beta-brand-mark{
  justify-self:start;
  width:72px;
  height:72px;
  border-radius:18px;
  object-fit:cover;
  border:1px solid #4a6d78;
  box-shadow:0 10px 28px rgba(0,0,0,.28);
}
.beta-wordmark{justify-self:center;}
.beta-brand-spacer{justify-self:end;width:72px;height:1px;}
.beta-copy{grid-area:copy;align-self:center;}
.signup-form{grid-area:form;align-self:center;}
.signup-form input{width:100%;box-sizing:border-box;}
.signup-form .button{width:100%;justify-content:center;}
.signup-form .button[disabled]{opacity:.62;cursor:wait;transform:none;}
.signup-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;}
.form-note a{color:#bcd1d6;text-decoration:underline;text-underline-offset:2px;}
.form-note a:hover{color:var(--mint);}
.form-note.error{color:#ff8b7c;}
.form-note.success{color:var(--mint);}

/* Preserve the burst-like timing of the 7D step chart visually. */
.climb-svg{overflow:visible;}
.climb-trail{stroke-linejoin:round;stroke-linecap:round;}

@media(max-width:920px){
  .beta-card{
    grid-template-columns:1fr;
    grid-template-areas:"brand" "copy" "form";
    row-gap:28px;
  }
  .beta-brand-bar{min-height:66px;padding-bottom:22px;}
  .beta-brand-mark{width:60px;height:60px;border-radius:15px;}
  .beta-brand-spacer{width:60px;}
}
@media(max-width:620px){
  .beta-brand-bar{grid-template-columns:auto 1fr auto;}
  .beta-wordmark{justify-self:center;}
  .beta-brand-spacer{width:48px;}
  .beta-brand-mark{width:48px;height:48px;border-radius:12px;}
}