:root { --header-height: 72px; }
body { min-height: 100vh; background: radial-gradient(circle at 65% -20%, rgba(242,138,46,.1), transparent 32%), var(--bg); }
.page-shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.product-header { width: min(1240px, calc(100% - 28px)); height: var(--header-height); margin: 12px auto 0; padding: 0 22px; display:flex; align-items:center; justify-content:space-between; gap:24px; position:sticky; top:12px; z-index:30; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:rgba(12,13,16,.88); backdrop-filter:blur(18px); box-shadow:0 12px 40px #0004; }
.wordmark { display:inline-flex; align-items:center; gap:10px; white-space:nowrap; font-size:1rem; font-weight:650; letter-spacing:-.02em; }.wordmark b { color:var(--text); font-weight:900; }.wordmark.small { font-size:.9rem; }
.wordmark-icon { width:35px; height:35px; display:grid; place-items:center; position:relative; overflow:hidden; border-radius:10px; color:transparent; background:url('../img/logo.png') center/cover no-repeat; box-shadow:inset 0 1px #fff2; }.wordmark-icon::after { display:none; }
.product-nav { display:flex; align-items:center; gap:24px; color:var(--muted); font-size:.9rem; }.product-nav a { padding:8px 0; }.product-nav a:hover,.product-nav a[aria-current="page"] { color:var(--text); }.product-nav a[aria-current="page"] { border-bottom:2px solid var(--accent); }
.header-actions { display:flex; align-items:center; gap:15px; }.text-action { padding:8px; border:0; color:var(--muted); background:none; cursor:pointer; font-weight:700; }.text-action:hover { color:var(--text); }.avatar-link { display:flex; align-items:center; gap:8px; }.avatar-dot { width:29px; height:29px; display:block; border:1px solid #71451f; border-radius:50%; background:radial-gradient(circle at 35% 30%,var(--accent-2),var(--accent) 35%,#6d3410 36%); }
.button { min-height:45px; padding:10px 18px; display:inline-flex; align-items:center; justify-content:center; border:1px solid transparent; border-radius:11px; cursor:pointer; color:var(--text); background:var(--surface-2); font-weight:800; transition:transform .18s,background .18s,border .18s; }.button:hover { transform:translateY(-2px); }.button.primary { color:#181009; background:linear-gradient(135deg,var(--accent-2),var(--accent)); box-shadow:0 10px 30px rgba(242,138,46,.16); }.button.secondary { border-color:var(--line); background:var(--surface); }.button.large { min-height:52px; padding-inline:24px; }.button.wide { width:100%; }.button:disabled,.button[aria-disabled="true"] { opacity:.5; pointer-events:none; }
.button-row { display:flex; gap:10px; flex-wrap:wrap; }.eyebrow { margin-bottom:11px; color:var(--accent); font-size:.72rem; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
.marketing-hero { min-height:720px; padding:115px 0 90px; display:grid; grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr); align-items:center; gap:70px; }.hero-copy h1 { max-width:760px; margin-bottom:24px; font-size:clamp(3rem,6.3vw,5.6rem); line-height:.98; letter-spacing:-.065em; }.hero-lead { max-width:720px; margin-bottom:30px; font-size:1.16rem; }.trust-line { margin-top:24px; display:flex; gap:18px; flex-wrap:wrap; font-size:.77rem; }.trust-line span::before { content:"✓"; margin-right:6px; color:var(--good); }
.product-preview { overflow:hidden; border:1px solid #30333b; border-radius:22px; background:linear-gradient(145deg,#1a1c21,#101115); box-shadow:0 45px 100px #0007,0 0 0 8px rgba(255,255,255,.015); }.preview-top,.preview-footer { padding:14px 18px; display:flex; align-items:center; gap:12px; color:var(--muted); border-bottom:1px solid var(--line); }.preview-footer { border:0; border-top:1px solid var(--line); font-size:.75rem; }.preview-lights { display:flex; gap:5px; }.preview-lights i { width:7px;height:7px;border-radius:50%;background:#454852; }.preview-lights i:first-child{background:var(--accent)}.preview-device{margin:18px;padding:19px;display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:15px;background:#0d0e11}.preview-device p{margin:3px 0 0;font-size:.78rem}.preview-device small{display:block;color:var(--muted)}.device-glyph{width:42px;height:61px;display:block;border:3px solid var(--accent);border-radius:10px;box-shadow:inset 0 -7px #1c1e23}.mini-flow{margin:0;padding:0 18px 18px;list-style:none;display:grid;gap:7px}.mini-flow li{padding:11px 13px;display:flex;align-items:center;gap:10px;border-radius:10px;color:#7f828a;background:#15171c}.mini-flow b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#252830;font-size:.7rem}.mini-flow .done{color:var(--text)}.mini-flow .done b{color:#082414;background:var(--good)}.mini-flow .active{color:var(--text);border:1px solid #62401f;background:#211910}.mini-flow .active b{color:#17100a;background:var(--accent)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 5px #55d68b18}
.proof-bar { padding:22px max(20px,calc((100% - 1180px)/2)); display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; border-block:1px solid var(--line); color:#858890; background:#101216; font-size:.8rem; text-transform:uppercase; letter-spacing:.08em; }
.marketing-section { padding-block:110px; }.marketing-heading { max-width:720px; margin-bottom:42px; }.marketing-heading h2,.platform-card h2,.library-promo h2 { font-size:clamp(2.2rem,4vw,3.5rem); line-height:1.05; letter-spacing:-.045em; }.feature-grid { display:grid; gap:14px; }.feature-grid.four { grid-template-columns:repeat(4,1fr); }.feature-card { min-height:230px; padding:24px; border:1px solid var(--line); border-radius:17px; background:linear-gradient(145deg,#17191e,#111216); }.feature-card>span { color:var(--accent); font-size:.75rem;font-weight:900}.feature-card h3{margin-top:42px}.platform-section{background:#0e1013;border-block:1px solid var(--line)}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.platform-card{min-height:440px;padding:42px;border:1px solid var(--line);border-radius:22px;background:#15171b}.platform-card.android{background:radial-gradient(circle at 100% 0,#1f382d55,transparent 40%),#15171b}.platform-card.apple{background:radial-gradient(circle at 100% 0,#49311d55,transparent 40%),#15171b}.platform-card ul{margin:30px 0 0;padding:0;list-style:none}.platform-card li{padding:11px 0;border-top:1px solid var(--line);color:#c8c9cd}.platform-card li::before{content:"→";margin-right:10px;color:var(--accent)}.library-promo{padding:45px;display:grid;grid-template-columns:1.5fr auto;align-items:center;gap:60px}.product-footer{padding:35px max(20px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--muted)}.product-footer p{margin:0}.product-footer>div{display:flex;gap:16px;font-size:.85rem}
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}[data-reveal].is-visible{opacity:1;transform:none}
.home-highlights{padding:28px;border:1px solid #30333b;border-radius:22px;background:linear-gradient(145deg,#1a1c21,#101115);box-shadow:0 45px 100px #0007,0 0 0 8px rgba(255,255,255,.015)}.home-highlights-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:12px}.home-highlights-list li{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#0d0e11}.home-highlights-list strong{display:block;margin-bottom:4px;color:var(--text)}.home-highlights-list span{display:block;color:#aeb3bd;font-size:.88rem;line-height:1.45}.home-highlights-note{margin:16px 0 0;color:#8f96a3;font-size:.78rem;line-height:1.5}.home-cta-row{align-items:center}.home-benefit-grid.three{grid-template-columns:repeat(3,1fr)}.home-cta-band{padding:42px;display:grid;grid-template-columns:1.4fr auto;align-items:center;gap:36px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#17191e,#111216)}.home-cta-band h2{margin:0 0 10px;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.08;letter-spacing:-.04em}.home-cta-band p{margin:0;color:#b4b9c3;max-width:640px}.home-cta-band-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
@media(max-width:900px){.product-nav{display:none}.marketing-hero{grid-template-columns:1fr;min-height:auto;padding-top:90px}.home-highlights{max-width:560px}.feature-grid.four,.home-benefit-grid.three{grid-template-columns:1fr 1fr}.platform-grid,.library-promo,.home-cta-band{grid-template-columns:1fr}.home-cta-band-actions{justify-content:flex-start}.product-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.page-shell{width:calc(100% - 24px)}.product-header{width:calc(100% - 16px);padding:0 14px}.hero-copy h1{font-size:3rem}.marketing-hero{padding:72px 0}.feature-grid.four,.home-benefit-grid.three{grid-template-columns:1fr}.platform-card,.library-promo,.home-cta-band{padding:27px}.product-footer>div{flex-direction:column}.header-actions [data-user-name]{display:none}}