html{background:#211711}
body.unified-site{--paper:#211711;--surface:#2e2119;--soft:#38291e;--ink:#fff2df;--secondary:#d1bba4;--muted:#b79d84;--line:#e3b78b29;--accent:#e9b27b;--header:transparent;background:#211711;isolation:isolate}
[data-theme="dark"] body.unified-site{--paper:#17120e;--surface:#241b15;--soft:#302218;--ink:#fff2df;--secondary:#cfb89f;--muted:#ad9176;--line:#e3b78b24;background:#17120e}
.page-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--paper)}
.page-backdrop:before{content:'';position:absolute;inset:-25%;background:radial-gradient(ellipse at 72% 42%,#e2985352 0,transparent 43%),radial-gradient(ellipse at 22% 8%,#8a45203f 0,transparent 37%),radial-gradient(ellipse at 90% 82%,#37776a50 0,transparent 32%);animation:ambient-shift 17s ease-in-out infinite alternate;filter:blur(15px)}
.page-backdrop:after{content:'';position:absolute;inset:0;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.75' filter='url(%23n)'/%3E%3C/svg%3E")}
.unified-site .site-header{height:86px;background:#21171138;border-color:#e3b78b1c;backdrop-filter:blur(18px)}
.unified-site .site-header.has-scrolled{background:#211711bf;box-shadow:0 8px 24px #00000010}
.unified-site .header-inner{gap:38px}.unified-site .brand{width:142px}
.unified-site .page-navigation{gap:4px;display:flex;padding:4px;border:1px solid #e3b78b22;background:#e3b78b06;border-radius:30px}
.page-navigation a{padding:9px 15px;display:flex;align-items:center;gap:7px;border-radius:24px;color:#c8ae92;font-size:11px;white-space:nowrap;transition:background .25s,color .25s}
.page-navigation svg{width:14px;height:14px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6}
.page-navigation a[aria-current="page"]{background:#e3b78b15;color:#f0c696;box-shadow:0 0 0 1px #e3b78b1c}
.unified-site .page-navigation a:hover{background:#e3b78b12;color:#fff2df}
.unified-site .theme-button,.notification-button{border:1px solid #e3b78b25;background:#ffffff04;color:#e3c8aa}
.notification-button{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;position:relative}
.notification-button:after{content:'';width:3px;height:3px;position:absolute;right:7px;top:8px;border-radius:50%;background:#e5a568}
.unified-site .header-actions{gap:17px}.unified-site .header-login{color:#f1d6b8}
.unified-site .header-join{background:linear-gradient(115deg,#d68748,#efb579);color:#281a10;border-color:#f6c88d44}
.unified-site .hero-stage{margin:0;border-radius:0;background:transparent;box-shadow:none}
.unified-site .hero-stage:before,.unified-site .hero-stage:after{display:none}
.unified-site .hero{padding-top:55px;padding-bottom:58px;min-height:940px;max-width:1240px;grid-template-columns:1.13fr 1fr;gap:46px}
.unified-site .hero h1{font-size:clamp(46px,4.25vw,61px);line-height:1.065;margin-top:22px;margin-bottom:24px;letter-spacing:-.038em}
.hero-line:nth-child(3)>span{animation-delay:.26s}.hero-line:nth-child(4)>span{animation-delay:.39s}
.unified-site .hero-description{font-size:13px;line-height:1.8;max-width:570px}
.journey-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:23px}
.journey-card{display:flex;gap:11px;align-items:flex-start;padding:13px 13px 12px;background:#e3b78b06;border:1px solid #e3b78b26;border-radius:11px;text-align:left;color:#e9d3bc;transition:background .25s,border-color .25s,transform .25s;min-height:83px}
.journey-card:hover{transform:translateY(-3px);background:#e3b78b10;border-color:#e3b78b66}.journey-card.selected{background:#e3b78b12;border-color:#e3b78b77}
.journey-number{width:23px;height:23px;flex:none;display:grid;place-items:center;border-radius:50%;background:#e3b78b16;color:#e9b27b;font-size:10px;margin-top:1px}
.journey-card.selected .journey-number{background:#d88e4f;color:#281a10}.journey-card strong{display:block;font-size:11px;font-weight:600;margin-bottom:5px}
.journey-card small{display:block;font-size:9.5px;line-height:1.65;color:#bca186}
.unified-site .hero-actions{margin-top:20px;gap:11px;flex-wrap:wrap}.store-button{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 15px;background:#e3b78b07;border:1px solid #e3b78b32;border-radius:10px;color:#f9dfc2;min-height:52px;transition:transform .2s,border-color .2s}
.store-button:hover{transform:translateY(-3px);border-color:#e3b78b77}.store-button svg{width:23px;height:23px;flex:none;color:#e9b27b}.badge-store-texts{display:flex;flex-direction:column;gap:3px}.badge-store-sub{font-size:7px;letter-spacing:.11em;color:#b99978}.badge-store-main{font-size:11px;font-weight:600}.badge-pill-soon{font-size:8px;color:#e9b27b;background:#e3b78b10;border-radius:20px;padding:4px 7px;margin-left:5px}
.hero-trust{display:flex;flex-wrap:wrap;align-items:center;gap:11px 18px;margin-top:19px;color:#bca186;font-size:8px}.hero-trust span{display:flex;align-items:center;gap:5px}.hero-trust svg{width:11px;height:11px;fill:none;stroke:#e9b27b;stroke-width:1.5}.hero-trust a{color:#e9b27b}
.unified-site .hero .hero-visual{min-height:675px}.unified-site .hero .device{width:289px}.unified-site .hero .floating-note{bottom:81px;left:-12px}.unified-site .hero .floating-book{top:56px;right:-14px}.unified-site .hero .visual-caption{right:32px}.unified-site .hero .screen-selector{gap:16px;margin-top:26px;width:100%;max-width:none}.unified-site .hero .screen-selector button{font-size:9px;gap:4px}.unified-site .hero .screen-selector button span{font-size:8px}
.unified-site .journey-section{background:transparent;border-top:1px solid #e3b78b1c}.unified-site .closing-section{background:#2117115c;border:1px solid #e3b78b25;box-shadow:none}
.unified-site .site-footer{color:#bca186}.unified-site .preview-dock{background:#2c211bf0;color:#eed0b0;border-color:#e3b78b32;box-shadow:0 5px 24px #0003;backdrop-filter:blur(14px)}.unified-site .preview-dock>span{color:#bb9d7f}
.unified-site .auth-dialog{background:#2a1f18;border-color:#79523555;color:#fff2df}.unified-site .auth-tabs button.selected{background:#503824;color:#fbe3c6}.unified-site .auth-submit{background:#bd7d45;color:#fff7e9}.unified-site .web-field input{background:#35261c;border-color:#e3b78b25}.unified-site #toast{background:#4a3222;color:#ffe6c6;border:1px solid #e3b78b33}
.preview-info-dialog{width:min(420px,calc(100% - 32px));background:#2b2018;color:#f4ddc2;border:1px solid #e3b78b33;border-radius:19px;padding:35px 28px}.preview-info-dialog::backdrop{background:#150e08a0;backdrop-filter:blur(5px)}.preview-info-dialog h2{font-size:30px}.preview-info-dialog p{font-size:13px;line-height:1.8;color:#c6a98c;margin-top:18px}.preview-info-dialog .button{margin-top:23px;background:#d68c4b;color:#281a10;width:100%}.preview-info-dialog .preview-form-note{font-size:9px;margin-top:15px}
@media(max-width:1100px){.unified-site .header-inner{gap:22px}.unified-site .header-actions{gap:12px}.unified-site .hero{gap:25px;grid-template-columns:1.13fr 1fr}.unified-site .hero h1{font-size:48px}.unified-site .hero .device{width:244px}.unified-site .hero .floating-note{left:0;bottom:100px}.unified-site .hero .floating-book{right:0}.unified-site .hero .screen-selector{gap:11px}.unified-site .hero .screen-selector button{font-size:8px}}
@media(max-width:760px){.unified-site .site-header{height:112px}.unified-site .header-inner{display:grid;grid-template-columns:1fr auto;grid-template-rows:60px 39px;gap:0 10px}.unified-site .brand{width:113px}.unified-site .page-navigation{grid-column:1/-1;grid-row:2;justify-self:start;margin-top:1px;padding:3px}.page-navigation a{font-size:10px;padding:7px 13px}.unified-site .header-actions{grid-column:2;grid-row:1;gap:10px;margin-left:0}.unified-site .header-join{font-size:10px;padding:0 12px;gap:8px;min-height:35px}.notification-button{display:none}.unified-site .hero{padding-top:35px;padding-bottom:42px;min-height:0;grid-template-columns:1fr;gap:32px}.unified-site .hero h1{font-size:clamp(39px,7.6vw,53px);line-height:1.07}.unified-site .hero-description{font-size:12px;line-height:1.8}.journey-mini{gap:8px;margin-top:20px}.journey-card{padding:11px 10px;gap:8px;min-height:99px}.journey-card strong{font-size:10px}.journey-card small{font-size:9px;line-height:1.6}.journey-number{width:21px;height:21px;font-size:9px}.store-button{padding:10px 13px;gap:8px}.badge-store-main{font-size:10px}.badge-pill-soon{font-size:7px;padding:3px 5px}.hero-trust{font-size:7px;gap:10px 14px}.unified-site .hero .screen-selector{justify-content:space-between;gap:7px;margin-top:23px}.unified-site .hero .screen-selector button{font-size:8px;gap:3px}.unified-site .hero .screen-selector button span{display:none}.unified-site .hero .hero-visual{min-height:563px}.unified-site .hero .device{width:237px}.unified-site .hero .floating-note{bottom:44px;left:0}.unified-site .hero .floating-book{top:38px;right:0}.unified-site .hero .visual-caption{right:21px}.unified-site .hero-stage{margin:0;border-radius:0}.unified-site .journey-section{padding-top:49px}}
@media(max-width:390px){.unified-site .header-actions{gap:9px}.unified-site .hero h1{font-size:38px}.unified-site .hero .hero-visual{min-height:516px}.unified-site .hero .device{width:218px}.journey-mini{gap:7px}.journey-card{gap:6px;padding:10px 8px}.journey-number{width:18px;height:18px;font-size:8px}.journey-card strong{font-size:9px}.journey-card small{font-size:8px}.store-button{padding:10px 12px}.badge-pill-soon{margin-left:0}.unified-site .hero .floating-note{bottom:34px}.unified-site .hero .screen-selector button{font-size:7px}}
@media(prefers-reduced-motion:reduce){.page-backdrop:before{animation:none}}
.table-card-preview[hidden]{display:none}
@media(max-width:760px){.journey-card strong{font-size:11px}.journey-card small{font-size:10px;line-height:1.65}.journey-card{min-height:112px}.hero-trust{font-size:9px;line-height:1.6}.unified-site .hero .screen-selector button{font-size:9px}}
@media(max-width:390px){.unified-site .header-login{display:block;font-size:10px;padding:0}.unified-site .brand{width:100px}.unified-site .header-actions{gap:8px}.unified-site .header-join{padding-inline:10px;gap:6px}.unified-site .header-join span{display:none}.journey-card{padding:11px 10px;gap:8px}.journey-number{width:21px;height:21px;font-size:10px}.unified-site .hero .screen-selector button{font-size:8px}}

/* Store choices: warm monochrome buttons, with unavailable channels clearly inactive. */
.download-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:760px}
.download-choices .store-button{min-width:0;width:100%;padding:10px 11px;gap:8px}
.download-choices .badge-store-icon{width:22px;height:22px;flex:none}
.download-choices .badge-store-texts{min-width:0}
.download-choices .badge-store-sub{font-size:7px}
.download-choices .badge-store-main{font-size:10px;white-space:nowrap}
.download-choices .badge-pill-soon{margin-left:auto;white-space:nowrap}
.download-choices .store-button:disabled{cursor:not-allowed;opacity:.72;transform:none;border-color:#e3b78b28}
.download-choices .store-button-apk{background:#e3b78b0d;border-color:#e3b78b48}
@media(max-width:760px){.download-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.download-choices .store-button{padding:10px 9px;gap:7px}.download-choices .store-button-apk{grid-column:1/-1}.download-choices .badge-store-main{font-size:10px}.download-choices .badge-pill-soon{font-size:7px}}
@media(max-width:390px){.download-choices{gap:7px}.download-choices .store-button{padding:9px 7px}.download-choices .badge-store-icon{width:19px;height:19px}.download-choices .badge-store-main{font-size:9px}.download-choices .badge-store-sub{font-size:6px}.download-choices .badge-pill-soon{padding:3px 5px}}

/* Store placeholders stay typographic until the real listings are live. */
.download-choices .store-button{min-height:58px;border-radius:12px;padding:10px 13px;gap:10px}
.download-choices .store-button-soon{background:linear-gradient(135deg,#e3b78b0c,#e3b78b04);border-color:#e3b78b35}
.download-choices .store-button-soon .badge-store-texts{gap:4px}
.download-choices .store-button-soon .badge-store-sub{font-size:8px;letter-spacing:.13em}
.download-choices .store-button-soon .badge-store-main{font-family:inherit;font-size:12px;letter-spacing:.005em;color:#f4dfc7}
.download-choices .store-button:disabled{opacity:.86}
.download-choices .store-button:disabled:hover{transform:none;border-color:#e3b78b35}
.download-choices .store-button-apk{background:linear-gradient(135deg,#e3b78b16,#e3b78b08);border-color:#e3b78b55}
.download-choices .store-button-apk .android-mark{width:23px;height:23px;color:#e9b27b;fill:currentColor}
.download-choices .store-button-apk .badge-store-main{font-size:11px}
@media(max-width:760px){.download-choices .store-button{padding:10px 11px;gap:8px}.download-choices .store-button-soon .badge-store-main{font-size:11px}.download-choices .badge-pill-soon{font-size:8px;padding:4px 7px}}
@media(max-width:390px){.download-choices .store-button{padding:9px 9px;gap:7px}.download-choices .store-button-soon .badge-store-sub{font-size:7px}.download-choices .store-button-soon .badge-store-main{font-size:10px}.download-choices .badge-pill-soon{font-size:7px;padding:3px 6px}.download-choices .store-button-apk .badge-store-main{font-size:11px}}
/* Keep all three download choices equal in width; center APK beneath the store cards. */
.download-choices{grid-template-columns:repeat(4,minmax(0,1fr))}
.download-choices .store-button-soon:first-of-type{grid-column:1/3}
.download-choices .store-button-soon:nth-of-type(2){grid-column:3/5}
.download-choices .store-button-apk{grid-column:2/4}
@media(max-width:760px){.download-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.download-choices .store-button-apk{grid-column:2/4}}