/* Editorial redesign: restrained, typographic and product-led. */
:root { --navy:#101a35; --ink:#111a31; --lime:#c9ff72; --cream:#f7f7f2; --line:#cfd4d8; }
body { background:var(--cream); }
.shell { width:min(1260px,calc(100% - 80px)); }
.site-header { background:rgba(247,247,242,.94); border-bottom:1px solid var(--ink); backdrop-filter:blur(14px); position:sticky; top:0; }
.header-inner { min-height:76px; }
.logo { border-radius:7px; transform:none; width:32px; height:29px; }
.site-header nav { text-transform:uppercase; letter-spacing:.08em; font-size:11px; }
.header-cta { background:transparent; border:1px solid var(--ink); border-radius:0; padding:12px 16px; text-transform:uppercase; letter-spacing:.07em; font-size:11px; }
.header-cta:hover { background:var(--ink); color:#fff; transform:none; }
.hero { grid-template-columns:1.08fr .92fr; min-height:760px; padding-top:80px; padding-bottom:95px; gap:70px; }
.hero-copy { border-left:1px solid var(--ink); padding-left:34px; }
.eyebrow { color:#4c6538; font-size:11px; letter-spacing:.22em; }
.hero h1 { font-size:clamp(58px,6.4vw,96px); letter-spacing:-.075em; line-height:.96; margin:32px 0 34px; }
.hero h1 em,.story h2 em,.final-cta h2 em { font-family:Georgia,"Times New Roman",serif; font-weight:400; font-style:italic; letter-spacing:-.045em; }
.lead { max-width:610px; font-size:18px; line-height:1.65; }
.button,.header-cta { box-shadow:none; }
.button { border-radius:0; min-height:52px; padding:15px 20px; text-transform:uppercase; letter-spacing:.07em; font-size:11px; }
.button:hover { transform:none; }
.button-dark { box-shadow:none; }
.text-link,.story-link { text-transform:uppercase; letter-spacing:.07em; font-size:11px; }
.forever { text-transform:uppercase; letter-spacing:.06em; font-size:10px; }
.hero-visual { min-height:570px; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.ambient { display:none; }
.board { transform:rotate(-1deg); width:min(92%,500px); border:1px solid var(--ink); border-radius:4px; padding:18px; box-shadow:14px 14px 0 var(--lime); }
.message { border:1px solid var(--line); border-radius:2px; }
.message span,.message b { border-radius:2px; }
.tiles { gap:7px; }
.tile { border-radius:2px; height:112px; border:1px solid rgba(16,26,53,.16); }
.visual-note { display:none; }
.promise { border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.promise-inner { min-height:84px; }
.promise-inner p { font-size:16px; }
.promise-end { color:#314123; }
.how { padding:140px 0; }
.section-heading { max-width:790px; }
.section-heading h2,.community h2,.faq h2 { letter-spacing:-.065em; }
.features { grid-template-columns:repeat(3,1fr); gap:0; margin-top:70px; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.feature { border:0; border-right:1px solid var(--ink); border-radius:0; background:transparent; box-shadow:none; min-height:360px; padding:30px 30px 40px 0; }
.feature + .feature { padding-left:30px; }
.feature:last-child { border-right:0; }
.feature-icon { width:48px; height:48px; border-radius:0; margin:55px 0 40px; font-size:24px; border:1px solid var(--ink); background:transparent!important; }
.feature-number { color:#4b566d; }
.story { border-top:1px solid #fff; border-bottom:1px solid #fff; }
.story-inner { grid-template-columns:.7fr 1.3fr; padding:145px 0; gap:90px; }
.story-mark { width:290px; height:360px; border:1px solid var(--lime); border-radius:0; transform:none; background:transparent; box-shadow:18px 18px 0 rgba(201,255,114,.12); }
.story-mark span { transform:translateY(60px); }
.story h2 { letter-spacing:-.065em; }
.install { padding-top:140px; padding-bottom:145px; border-bottom:1px solid var(--ink); }
.install-heading { max-width:860px; }
.install h2 { letter-spacing:-.065em; }
.install-grid { gap:0; border:1px solid var(--ink); margin-top:65px; }
.install-card { border:0; border-radius:0; box-shadow:none; padding:40px; }
.install-card + .install-card { border-left:1px solid var(--ink); }
.install-card.ios { background:#edf3fa; }
.install-card.android { background:#eef5e5; }
.install-card.ios::after { display:none; }
.native-pill { border-radius:0; letter-spacing:.18em; }
.platform-icon { border-radius:0; }
.qr-frame { width:220px; height:220px; border-radius:0; border:1px solid var(--ink); box-shadow:none; }
.app-facts span { border-radius:0; background:transparent; border-color:rgba(16,26,53,.28); }
.app-store-button { border-radius:0; box-shadow:none; }
.community { padding-top:140px; padding-bottom:140px; border-bottom:1px solid var(--ink); }
.community-art { border-radius:0; background:var(--lime); border:1px solid var(--ink); }
.community-card { border:1px solid var(--ink); border-radius:0; box-shadow:5px 5px 0 var(--ink); }
.support { background:#e8eddc; border-bottom:1px solid var(--ink); }
.support-inner { padding:125px 0; }
.support-icon { border-radius:0; transform:none; box-shadow:12px 12px 0 var(--ink); }
.donation-pending { border-radius:0; }
.faq { padding-top:130px; padding-bottom:140px; }
.faq details { padding:24px 0; }
.final-inner { padding:135px 0; }
.final-cta h2 { letter-spacing:-.065em; }
.seo-paths { border-top:1px solid var(--ink); }
.seo-path-grid { gap:0; border-top:1px solid var(--ink); border-left:1px solid var(--ink); }
.seo-path-grid a { border:0; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); border-radius:0; padding:28px; background:transparent; min-height:120px; }
.seo-path-grid a:hover { transform:none; background:#fff; border-color:var(--ink); }
.footer-inner { border-top:0; }
@media(max-width:900px){.shell{width:min(100% - 42px,680px)}.hero{grid-template-columns:1fr;gap:40px}.hero-copy{padding-left:22px}.hero-visual{min-height:500px}.story-inner{grid-template-columns:1fr}.features{grid-template-columns:1fr}.feature,.feature + .feature{border-right:0;border-bottom:1px solid var(--ink);padding:30px 0}.feature:last-child{border-bottom:0}.install-grid{grid-template-columns:1fr}.install-card + .install-card{border-left:0;border-top:1px solid var(--ink)}.seo-path-grid{grid-template-columns:1fr}}
@media(max-width:520px){.shell{width:calc(100% - 30px)}.hero{padding-top:55px}.hero h1{font-size:48px}.hero-copy{padding-left:16px}.board{width:96%;box-shadow:8px 8px 0 var(--lime)}.install-card{padding:24px}.qr-frame{width:202px;height:202px}.story-mark{width:180px;height:220px}.story-mark span{font-size:180px;transform:translateY(36px)}}