
:root{--ink:#232321;--orange:#db5a2b;--warm:#f8e7db;--cream:#faf8f4;--muted:#706e68;--line:#e8e2d9;--serif:Georgia,serif;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button{font:inherit}h1,h2,h3,p{margin-top:0}
.wrap{max-width:1190px;margin:auto;padding:0 26px}
header{position:sticky;top:0;background:#faf8f4ee;backdrop-filter:blur(14px);z-index:20;border-bottom:1px solid #ebe6de}header .wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;font-size:26px;letter-spacing:-1.3px}.logo-mark{width:37px;height:37px;display:grid;place-items:center;background:var(--orange);border-radius:13px 13px 13px 3px;color:white;font-size:23px;transform:rotate(-7deg)}.logo-mark span{transform:rotate(7deg)}.logo b{color:var(--orange)}.logo small{display:block;font-size:8px;letter-spacing:2.1px;color:#77716a;font-weight:800}
nav{display:flex;gap:30px;align-items:center}nav a{text-decoration:none;color:#3d3a36;font-size:14px;font-weight:650}nav a:hover{color:var(--orange)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:14px;padding:15px 22px;text-decoration:none;font-weight:780;transition:transform .2s,box-shadow .2s;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #9a4f342b}.btn-primary{background:var(--orange);color:#fff}.btn-outline{border-color:#ded2c7;background:#fff}
.eyebrow{font-weight:850;letter-spacing:2.2px;color:#a84524;font-size:12px;text-transform:uppercase}
.hero{overflow:hidden;background:radial-gradient(circle at 88% 40%,#ffdfce 0,transparent 36%),linear-gradient(130deg,#faf8f4,#fffaf6);padding:85px 0 102px}.hero-grid{display:grid;grid-template-columns: .9fr 1.1fr;align-items:center;gap:38px}.hero h1{font-size:clamp(55px,6.5vw,91px);line-height:1.04;letter-spacing:-5.2px;margin:18px 0 24px;max-width:590px}.hero h1 em{color:var(--orange);font-style:normal}.lede{font-size:19px;line-height:1.65;color:#625e58;max-width:520px}.action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.hero-note{margin-top:22px;color:#8a8177;font-size:13px}
section.block{padding:95px 0}.section-head{margin:0 auto 43px;max-width:720px;text-align:center}.section-head h2,.story h2,.prelaunch h2{font-size:clamp(34px,4.2vw,54px);line-height:1.12;letter-spacing:-2.3px;margin:12px 0 14px}.section-head p{font-size:17px;line-height:1.6;color:var(--muted)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{background:#fff;border:1px solid #eee5df;border-radius:27px;overflow:hidden;box-shadow:0 8px 18px #57432d08}.feature-photo{height:205px;background-size:cover;background-position:center}.feature-body{padding:26px}.feature h3{font-size:23px;letter-spacing:-.8px;margin:8px 0}.feature p{line-height:1.65;color:var(--muted);margin:0;font-size:15px}.tag{display:inline-block;color:#ac4f2e;background:#fbe9df;border-radius:30px;padding:7px 10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}
.story-bg{background:#fae9df}.story{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.story h2 em{font-style:normal;color:var(--orange)}.story p{font-size:17px;line-height:1.7;color:#5f5954}.signals{display:grid;gap:15px}.signal{display:flex;align-items:center;gap:16px;padding:19px;background:#fffaf6;border:1px solid #f0dacc;border-radius:19px}.symbol{font-size:26px;background:white;border-radius:50%;min-width:54px;height:54px;display:grid;place-items:center}.signal strong{display:block;margin-bottom:5px}.signal span:last-child{font-size:14px;color:#746d66;line-height:1.45}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step{padding:27px;border:1px solid var(--line);border-radius:24px;background:#fff;min-height:235px}.num{display:grid;place-items:center;width:40px;height:40px;background:#fbe2d5;color:var(--orange);font-size:22px;font-weight:850;border-radius:50%;margin-bottom:22px}.step h3{font-size:22px;margin:0 0 10px}.step p{color:var(--muted);line-height:1.65}
.showcase{background:#fff}.showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:27px;align-items:center}.showcase-photo{height:390px;border-radius:30px;background-size:cover;background-position:center}.showcase-copy{padding:25px 15px}.showcase-copy h2{font-size:clamp(32px,3.6vw,49px);letter-spacing:-2px;line-height:1.15;margin:17px 0}.showcase-copy p{line-height:1.7;color:#69645d;font-size:17px}.mini-demo{max-width:390px;background:#f9eee8;border:1px solid #eddbce;border-radius:23px;padding:23px;margin-top:25px}.mini-demo strong{display:block;font-size:15px;margin-bottom:10px}.mini-demo p{font-size:13px;margin:0 0 10px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{border:1px solid #e8cfc2;padding:7px 11px;border-radius:20px;background:#fff;font-size:12px;font-weight:700}
.plus{background:#fbf4ee}.plus-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.plus h2{font-size:clamp(35px,4vw,50px);letter-spacing:-2px;margin:12px 0}.plus p{color:var(--muted);font-size:17px;line-height:1.6}.tier{background:#fff;border-radius:26px;border:1px solid #e9cdbd;padding:28px;box-shadow:0 12px 25px #673f2610}.tier strong{font-size:22px}.tier div{padding:13px 0;border-bottom:1px solid #f0e7df;font-size:15px}.tier div:last-child{border:0}.tier span{color:var(--orange);font-weight:900;margin-right:10px}
.prelaunch{background:linear-gradient(90deg,#231b16db,#38211775),url("https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1800&q=85") center/cover;color:#fff;padding:96px 0}.prelaunch h2{max-width:690px}.prelaunch p{font-size:18px;color:#fffddd;max-width:640px;line-height:1.6}.prelaunch .btn-outline{color:#fff;background:#ffffff12;border-color:#ffffff88}
footer{padding:34px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footer-row nav{gap:20px}.footer-row small{color:#736e67}
.demo-disclosure{display:block;color:#858078;font-size:12px;margin-top:12px}
@media(max-width:980px){nav{gap:15px}.hero-grid{grid-template-columns:1fr}.hero{text-align:center;padding:60px 0 55px}.hero h1,.lede{margin-left:auto;margin-right:auto}.action-row{justify-content:center}.story{gap:35px}}
@media(max-width:680px){header .wrap{height:69px}header nav{display:none}.logo{font-size:21px}.header-cta{font-size:12px;padding:11px}.hero h1{font-size:56px;letter-spacing:-3px}.lede{font-size:17px}section.block{padding:67px 0}.feature-grid,.steps,.story,.showcase-grid,.plus-grid{grid-template-columns:1fr}.feature-photo{height:220px}.story{gap:35px}.story h2,.section-head h2{font-size:39px}.showcase-photo{height:280px}.showcase-copy{padding:8px}.plus-grid{gap:12px}.footer-row nav{flex-wrap:wrap}.wrap{padding:0 20px}}
@media(max-width:380px){}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Refresh using the app's v2 palette and authentic mark. */
:root{--ink:#24211E;--orange:#B64624;--brand:#D95D30;--cream:#FAF9F6;--muted:#69625B;--line:#E9E2DC}
header{background:#FAF9F6f2}.logo-image{width:43px;height:46px;object-fit:contain;flex-shrink:0}.logo{letter-spacing:-1px}.logo small{font-size:8px}
a:focus-visible,summary:focus-visible{outline:3px solid #B64624;outline-offset:5px}
.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:#fff;padding:12px 20px;border:2px solid #B64624;border-radius:12px}.skip-link:focus{top:12px}
[id]{scroll-margin-top:100px}
.hero{padding:76px 0 84px;background:radial-gradient(ellipse at 92% 38%,#f8dbc9 0,transparent 52%),#FAF9F6}
.hero-grid{grid-template-columns:1.08fr .92fr;gap:55px}
.hero h1{font-size:clamp(56px,6.7vw,88px);letter-spacing:-4.8px;line-height:1.05}
.hero-note{color:#69625B;line-height:1.7;max-width:510px}
.beta-label{display:inline-flex;align-items:center;gap:9px;letter-spacing:1.2px;font-size:11px;font-weight:800;text-transform:uppercase;border:1px solid #eacdbb;padding:9px 13px;border-radius:999px;background:#fff8f1;color:#904024}
.beta-label:before{content:"";width:7px;height:7px;border-radius:50%;background:#B64624}
.screenshot-placeholder{min-height:455px;background:linear-gradient(145deg,#fffaf5,#f7e6d9);border:1px solid #e8cebc;border-radius:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px 32px;box-shadow:0 24px 60px #633c1912;position:relative}
.placeholder-mark{width:105px;height:115px;object-fit:contain;margin-bottom:24px}
.screenshot-placeholder .eyebrow{font-size:10px;letter-spacing:2px}
.screenshot-placeholder h2{font-size:31px;line-height:1.2;letter-spacing:-1.1px;max-width:260px;margin:15px 0}
.screenshot-placeholder p{max-width:290px;font-size:14px;color:#69625B;line-height:1.65;margin:0}
.placeholder-caption{font-size:11px;color:#786d64;text-align:center;margin:16px 0 0;line-height:1.6}
.beta-strip{border-block:1px solid #E9E2DC;background:#fff}
.beta-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:23px}
.beta-strip p{margin:0;font-size:14px;line-height:1.7;color:#69625B}.beta-strip strong{color:#24211E}.beta-strip a{color:#B64624;font-size:14px;font-weight:750;white-space:nowrap}
.plan-note{font-size:13px!important;line-height:1.65!important}
.membership-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:35px}
.membership-grid .tier{padding:32px;box-shadow:none;border-color:#E9E2DC}
.tier-plus{background:#24211E;color:#fff;border-color:#24211E!important}
.tier-plus p,.tier-plus .demo-disclosure{color:#E6DCD3}
.tier-plus .tag{background:#ffffff16;color:#ffcfb6}
.tier-plus div{border-color:#ffffff20}
.tier-plus span{color:#FFB48F}
.tier-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}
.tier-title strong{font-size:26px}
.tier p{font-size:14px;line-height:1.65;margin:0 0 16px}
.tier div.benefit{padding:13px 0;font-size:15px;line-height:1.6}
.beta-fine{font-size:13px;line-height:1.8;color:#69625B;margin-top:22px!important;max-width:850px}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px}
.faq-heading h2{font-size:43px;letter-spacing:-1.8px;line-height:1.12;margin:15px 0}.faq-heading p{color:#69625B;line-height:1.7}
details{border-bottom:1px solid #E9E2DC;padding:21px 0}
summary{font-size:17px;line-height:1.6;font-weight:700;cursor:pointer;list-style:none;display:flex;gap:20px;justify-content:space-between}
summary::-webkit-details-marker{display:none}summary:after{content:"+";color:#B64624;font-size:23px;font-weight:500}
details[open] summary:after{content:"−"}details p{color:#69625B;font-size:15px;line-height:1.8;margin:13px 30px 0 0}
.prelaunch{background:linear-gradient(90deg,#241c17ef,#382117b0),url("https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1800&q=85") center/cover}
.prelaunch .eyebrow{color:#ffd1b6}.prelaunch .fine{font-size:13px;line-height:1.7;color:#eadcd3}
footer nav{flex-wrap:wrap}.footer-row{align-items:flex-start}.footer-row nav a{font-size:13px}.footer-bottom{border-top:1px solid #E9E2DC;padding-top:22px;margin-top:28px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:12px;color:#69625B}
.legal{max-width:850px;margin:auto;padding:70px 26px 85px}.legal h1{font-size:clamp(36px,5vw,58px);letter-spacing:-2px;line-height:1.12;margin:18px 0}.legal h2{font-size:23px;letter-spacing:-.5px;margin:35px 0 12px}.legal p,.legal li{font-size:16px;line-height:1.85;color:#625B54}.legal a{color:#A63F20;text-underline-offset:3px}.legal .notice{background:#FBE9DF;border:1px solid #ebccbb;border-radius:18px;padding:20px;margin:28px 0}.legal .notice p{margin:0}.legal ul{padding-left:23px}.legal .contact-card{background:#fff;border:1px solid #E9E2DC;border-radius:22px;padding:27px;margin-top:28px}.legal .contact-card h2{margin-top:0}.legal .btn-primary{color:#fff}.legal .btn-outline{color:#24211E}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:35px}.hero-note{margin-inline:auto}.screenshot-placeholder{min-height:320px;max-width:620px;width:100%;margin:auto}.placeholder-mark{width:74px;height:80px;margin-bottom:18px}.screenshot-placeholder h2{max-width:none}.faq-grid{gap:35px}}
@media(max-width:680px){.hero{padding:45px 0 48px}.hero h1{font-size:clamp(46px,12vw,61px);letter-spacing:-2.7px}.hero-grid{gap:25px}.hero .action-row .btn{width:100%}.screenshot-placeholder{min-height:300px;padding:30px 24px;border-radius:24px}.beta-strip .wrap{display:block}.beta-strip a{display:inline-block;margin-top:10px}.membership-grid,.faq-grid{grid-template-columns:1fr}.faq-grid{gap:16px}.faq-heading h2{font-size:36px}.tier-title strong{font-size:24px}.membership-grid .tier{padding:25px}.logo-image{width:33px;height:36px}.legal{padding:45px 20px 65px}.legal .contact-card{padding:23px}.footer-row{gap:25px}.hero-note{font-size:13px}.legal-header nav{display:flex}.legal-header .header-cta{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.btn:hover{transform:none}}

@media(max-width:680px){header .wrap{gap:12px}.header-cta{white-space:nowrap}.logo small{font-size:6.5px;letter-spacing:1.1px}.logo{gap:7px}.beta-label{font-size:10px;letter-spacing:.7px;max-width:100%;line-height:1.5}}

.header-cta{white-space:nowrap}
@media(max-width:900px){header nav{display:none}.legal-header nav{display:flex}}
