/* Swope glass system — night palette from the production app. */
:root:not([data-theme="light"]){--night-bg:#202d36;--night-panel:rgba(111,143,164,.16);--night-border:rgba(185,216,234,.24);--night-text:#f2f6fa;--night-muted:#b4c2cd;--night-orange:#ffad76;color:var(--night-text);background:var(--night-bg);color-scheme:dark}
:root:not([data-theme="light"]) body{background:radial-gradient(ellipse at 84% 5%,#66879a17,transparent 42%),#202d36;color:#f2f6fa}
:root:not([data-theme="light"]) header,:root:not([data-theme="light"]) .section,:root:not([data-theme="light"]) footer,:root:not([data-theme="light"]) .faq-list,:root:not([data-theme="light"]) .faq-list details{border-color:#c0d9e51f}
:root:not([data-theme="light"]) .hero h1 span{background:none;color:#ffad76;-webkit-text-fill-color:currentColor}
:root:not([data-theme="light"]) .eyebrow,:root:not([data-theme="light"]) .num,:root:not([data-theme="light"]) .brand em,:root:not([data-theme="light"]) .faq-list summary:after{color:#ffad76}
:root:not([data-theme="light"]) .hero p,:root:not([data-theme="light"]) .sectiontop>p,:root:not([data-theme="light"]) .try p,:root:not([data-theme="light"]) .step p,:root:not([data-theme="light"]) .faq-list p,:root:not([data-theme="light"]) .final p,:root:not([data-theme="light"]) .info-panel p{color:#bac8d2}
:root:not([data-theme="light"]) .smallnote,:root:not([data-theme="light"]) .demoLabel,:root:not([data-theme="light"]) .interact-tip,:root:not([data-theme="light"]) .footmeta{color:#a7b8c5}
:root:not([data-theme="light"]) .step,:root:not([data-theme="light"]) .try,:root:not([data-theme="light"]) .info-panel,:root:not([data-theme="light"]) .choice,:root:not([data-theme="light"]) .privacy-card,:root:not([data-theme="light"]) .contact-form,:root:not([data-theme="light"]) .document-link,:root:not([data-theme="light"]) .policy-drawer,:root:not([data-theme="light"]) .policy-menu-toggle{background:linear-gradient(135deg,#a5c7dc26,#83aac112);border:1px solid #b9d8ea3d;box-shadow:inset 0 1px 0 #d7efff29,0 15px 35px #0b151c29;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
:root:not([data-theme="light"]) .choice{color:#f2f6fa}:root:not([data-theme="light"]) .choice small{color:#b7c6d1}:root:not([data-theme="light"]) .choice.active,:root:not([data-theme="light"]) .choice:hover{background:linear-gradient(135deg,#a5c7dc42,#83aac11f);border-color:#b5d8eb73}
:root:not([data-theme="light"]) .primary{background:#ffad76;color:#231c17;box-shadow:inset 0 1px 0 #ffe6d8b3,0 12px 30px #ffad7614;border:1px solid #ffcea64d}
:root:not([data-theme="light"]) .secondary,:root:not([data-theme="light"]) .theme-switch,:root:not([data-theme="light"]) .header-app-link{background:linear-gradient(135deg,#afccdd22,#88acc010);border:1px solid #b9d8ea40;color:#edf4fa;box-shadow:inset 0 1px 0 #d7efff1a,0 8px 20px #0a151c1f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
:root:not([data-theme="light"]) .brand img,:root:not([data-theme="light"]) .footerbrand img,:root:not([data-theme="light"]) .demo .demohead>img{filter:brightness(0) invert(1)}
:root:not([data-theme="light"]) .demo.mode-app{background:#202d36;border-color:#3d505c;box-shadow:0 0 0 1px #89a7b766,0 32px 80px #0a141d55}
:root:not([data-theme="light"]) .demo.mode-app .bubble.assistant{background:transparent;color:#e8f0f6}:root:not([data-theme="light"]) .demo.mode-app .bubble.user{color:#f4f7fa;background:linear-gradient(135deg,#7695a64d,#6b8fa02b);border:1px solid #bdd9e329;box-shadow:inset 0 1px 0 #e1f5ff12}
:root:not([data-theme="light"]) .demo.mode-app .fakeinput,:root:not([data-theme="light"]) .phone-examples button,:root:not([data-theme="light"]) .demo .listing-preview,:root:not([data-theme="light"]) .demo .opportunity,:root:not([data-theme="light"]) .demo .trade-card,:root:not([data-theme="light"]) .demo .trade-lines>div,:root:not([data-theme="light"]) .demo .explore-card,:root:not([data-theme="light"]) .demo .explore-detail,:root:not([data-theme="light"]) .demo .quick-access button{color:#edf4fa;background:linear-gradient(135deg,#a5c7dc26,#83aac112);border:1px solid #b9d8ea3d;box-shadow:inset 0 1px 0 #d7efff1a,0 8px 18px #0a151c1c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
:root:not([data-theme="light"]) .demo.mode-app .fakeinput{color:#aebfca}:root:not([data-theme="light"]) .demo.mode-app .send{color:white;background:linear-gradient(135deg,#e99557c9,#ad5a30ad);border:1px solid #ffd8b65c;box-shadow:inset 0 1px 0 #ffffff44,0 6px 18px #0b151c29}
:root:not([data-theme="light"]) .phone-examples button[aria-pressed=true]{color:#ffb27f;border-color:#a5c7dc66;background:#a5c7dc2b}:root:not([data-theme="light"]) .demo .conversation-label{color:#b6c7d2}
:root:not([data-theme="light"]) .demo-action{background:#ffad76;color:#211c18;box-shadow:inset 0 1px 0 #ffe6d8aa}:root:not([data-theme="light"]) .outline-action{color:#ffb783;border-color:#bacfda55}
:root:not([data-theme="light"]) .listing-price,:root:not([data-theme="light"]) .opportunity .price,:root:not([data-theme="light"]) .demo .explore-card strong{color:#f3f6fa}
:root:not([data-theme="light"]) .listing-copy p,:root:not([data-theme="light"]) .listing-copy small,:root:not([data-theme="light"]) .listing-date,:root:not([data-theme="light"]) .photo-credit,:root:not([data-theme="light"]) .trade-lines small,:root:not([data-theme="light"]) .explore-card small,:root:not([data-theme="light"]) .explore-card p,:root:not([data-theme="light"]) .explore-tagline,:root:not([data-theme="light"]) .explore-footnote{color:#b7c6d0}
:root:not([data-theme="light"]) .demo .explore-content h3 span,:root:not([data-theme="light"]) .explore-kicker{color:#ffad76}:root:not([data-theme="light"]) .explore-categories button,:root:not([data-theme="light"]) .explore-region,:root:not([data-theme="light"]) .explore-carousel-nav button{color:#c8d5df;background:#a5c7dc0c;border-color:#b9d8ea26}:root:not([data-theme="light"]) .explore-categories button[aria-pressed=true]{background:#becdd580;color:#14212b;border-color:#daeaf34d}
:root:not([data-theme="light"]) .photo-controls,:root:not([data-theme="light"]) .edit-form input,:root:not([data-theme="light"]) .edit-form textarea,:root:not([data-theme="light"]) .contact-field input,:root:not([data-theme="light"]) .contact-field textarea{background:#14232e66;color:#edf4fa;border-color:#b9d8ea33}
:root:not([data-theme="light"]) .policy-content p,:root:not([data-theme="light"]) .contact-consent,:root:not([data-theme="light"]) .contact-address{color:#bac8d2}:root:not([data-theme="light"]) .policy-content strong{color:#f2f6fa}:root:not([data-theme="light"]) .policy-sidebar a[aria-current=page],:root:not([data-theme="light"]) .policy-drawer nav a[aria-current=page]{background:#a5c7dc26;border-color:#b9d8ea4d;color:#ffb783}:root:not([data-theme="light"]) .policy-drawer{background:linear-gradient(135deg,#354a58f2,#243440f5)}
/* Invitations to the real web app; stores remain informative, not download links. */
.header-app-link{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:.82rem;font-weight:700;padding:11px 16px;border-radius:30px;border:1px solid #c8d1de;background:#ffffff80;color:#29374a}.app-entry{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;text-align:center;line-height:1.35;transition:transform .2s,box-shadow .2s}.app-entry:hover{transform:translateY(-2px)}.app-invitation{position:relative;border-radius:32px;border:1px solid #c8d1de66;background:linear-gradient(140deg,#ffffff55,#ffffff0b);padding:65px 36px;margin-bottom:65px;overflow:hidden}.app-invitation h2{max-width:850px;margin-inline:auto}.app-invitation h2 span{color:#c65c28}.app-invitation p{max-width:600px;margin:20px auto 30px}.web-availability{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;font-size:.8rem;color:#657283}.availability-dot{display:inline-block;width:6px;height:6px;background:#5b957d;border-radius:50%}.store-coming{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:34px}.store-preview{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #c8d1de88;background:#ffffff55;border-radius:18px;padding:17px 20px;min-width:220px;flex-wrap:wrap}.store-preview>span{display:grid;gap:3px}.store-preview small{font-size:.65rem;color:#657283}.store-preview strong{font-size:1rem;letter-spacing:-.02em}.store-preview em{font-size:.6rem;font-style:normal;display:block;flex-basis:100%;color:#657283;padding-top:4px}.store-preview svg{flex-shrink:0}
:root:not([data-theme="light"]) .app-invitation{background:radial-gradient(ellipse at top,#a5c7dc1c,transparent 65%),linear-gradient(135deg,#a5c7dc1f,#83aac10d);border-color:#b9d8ea3d;box-shadow:inset 0 1px 0 #d7efff29,0 15px 40px #0b151c29;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}:root:not([data-theme="light"]) .app-invitation h2 span{color:#ffad76}:root:not([data-theme="light"]) .web-availability{color:#b1c2ce}:root:not([data-theme="light"]) .store-preview{background:#a5c7dc0d;border-color:#b9d8ea2e;color:#edf4fa}:root:not([data-theme="light"]) .store-preview small,:root:not([data-theme="light"]) .store-preview em{color:#b1c2ce}
@media(max-width:700px){header nav{gap:12px}.header-app-link{font-size:.75rem;padding:10px 12px}.app-invitation{padding:45px 22px;border-radius:24px}.app-invitation h2{font-size:2.4rem}.store-coming{gap:10px}.store-preview{min-width:0;flex:1 1 180px;max-width:260px}.web-availability{font-size:.7rem}.app-invitation .primary{width:100%;max-width:330px}}
@media(max-width:600px){header .header-app-link{grid-column:1/-1;grid-row:3;justify-content:center;margin:1px 0 5px;padding:12px}header{padding-bottom:10px}.app-invitation h2{font-size:2.1rem;line-height:1.17}.store-preview{max-width:none}.app-invitation{margin-bottom:45px}.buttons .app-entry{max-width:100%}}
@media(prefers-reduced-motion:reduce){.app-entry{transition:none}.app-entry:hover{transform:none}}

/* Compact paired actions and store previews, including narrow mobile screens. */
.hero .buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:440px}.hero .buttons>a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:52px;white-space:nowrap;gap:6px;padding:14px 12px;text-align:center;line-height:1.3;font-size:.94rem}.store-coming{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:530px;margin-inline:auto}.store-coming .store-preview{min-width:0;max-width:none;width:100%;box-sizing:border-box;align-content:start}.store-preview>span{min-width:0}
@media(max-width:520px){.hero .buttons{gap:8px;max-width:100%}.hero .buttons>a{font-size:clamp(.72rem,3.35vw,.9rem);padding:13px 7px;min-height:48px}.store-coming{gap:9px}.store-coming .store-preview{padding:15px 11px;gap:8px;border-radius:16px}.store-preview svg{width:20px;height:20px}.store-preview small{font-size:.59rem}.store-preview strong{font-size:clamp(.7rem,3.35vw,.95rem);white-space:nowrap}.store-preview em{font-size:.54rem;line-height:1.5}}
@media(max-width:360px){.store-coming .store-preview{padding:13px 9px;gap:6px}.store-preview svg{width:17px;height:17px}.store-preview em{font-size:.5rem}}
