:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #080a0f; color: #f8f6ed; font-synthesis: none; }
* { box-sizing: border-box; } html { scroll-behavior: smooth; } body { min-width: 320px; margin: 0; overflow-x: hidden; background: #080a0f; } body::before { position: fixed; z-index: -2; inset: 0; content: ""; background: radial-gradient(circle at 82% -8%, rgba(150,110,40,.25), transparent 32rem), radial-gradient(circle at 4% 38%, rgba(40,91,90,.18), transparent 28rem), #080a0f; } body::after { position: fixed; z-index: -1; inset: 0; content: ""; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 36px 36px; mask-image: linear-gradient(to bottom,#000,transparent 70%); } a { color: inherit; }
.site-header, main, footer { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }.site-header { display:flex; align-items:center; justify-content:space-between; min-height:88px; gap:24px; }.brand { display:inline-flex; align-items:center; gap:10px; color:#fffdf6; font-size:.92rem; font-weight:800; letter-spacing:-.045em; text-decoration:none; white-space:nowrap; }.brand > span:last-child > span { color:#f0ba56; }.brand-mark { display:grid; width:27px; height:27px; place-items:center; border:1px solid #f5c46c; border-radius:8px 8px 8px 2px; color:#11100c; background:linear-gradient(135deg,#ffe2a0,#d28d27); font-family:Georgia,serif; font-size:1.1rem; font-weight:900; transform:rotate(-5deg); } nav { display:flex; gap:clamp(16px,2.4vw,32px); margin-left:auto; } nav a { color:#a7a8a7; font-size:.85rem; font-weight:650; text-decoration:none; } nav a:hover { color:#fff4d7; }.header-action { display:inline-flex; gap:9px; align-items:center; padding:10px 13px; border:1px solid rgba(255,231,178,.25); border-radius:999px; color:#ffe2a0; font-size:.8rem; font-weight:750; text-decoration:none; }.header-action:hover { border-color:#f6c86f; background:rgba(238,183,75,.1); }
main { padding:clamp(28px,4vw,60px) 0 80px; }.hero { display:grid; grid-template-columns:minmax(0,1.01fr) minmax(420px,.99fr); align-items:center; gap:clamp(35px,6vw,92px); min-height:595px; padding:32px 0 64px; }.eyebrow,.feature-kicker { display:flex; gap:9px; align-items:center; margin:0 0 19px; color:#eec779; font-size:.7rem; font-weight:850; letter-spacing:.15em; line-height:1.4; text-transform:uppercase; }.live-dot { width:7px; height:7px; border-radius:100%; background:#8bd18b; box-shadow:0 0 0 4px rgba(139,209,139,.12); }h1,h2,h3,p { margin-top:0; }h1 { max-width:690px; margin-bottom:25px; color:#fffdf6; font-size:clamp(3.1rem,5.75vw,5.55rem); font-weight:780; letter-spacing:-.071em; line-height:.93; }h2 { margin-bottom:19px; color:#fffdf6; font-size:clamp(2rem,3.6vw,3.45rem); letter-spacing:-.06em; line-height:.98; }p { color:#aaaead; font-size:1.02rem; line-height:1.68; }.lead { max-width:620px; margin-bottom:31px; color:#c4c4be; font-size:clamp(1.04rem,1.5vw,1.18rem); }.hero-actions { display:flex; flex-wrap:wrap; gap:19px; align-items:center; }.primary-action,.secondary-action { display:inline-flex; gap:13px; align-items:center; justify-content:center; padding:15px 19px; border-radius:9px; color:#19130a; background:linear-gradient(135deg,#ffdda0,#e9a83d); box-shadow:0 10px 28px rgba(239,175,62,.16); font-size:.91rem; font-weight:850; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease; }.primary-action:hover,.secondary-action:hover { box-shadow:0 15px 36px rgba(239,175,62,.28); transform:translateY(-2px); }.quiet-action { color:#d1cfbf; font-size:.88rem; font-weight:700; text-decoration:none; }.quiet-action:hover { color:#ffe2a0; }.hero-points { display:flex; flex-wrap:wrap; gap:12px 21px; padding:0; margin:29px 0 0; color:#9d9f99; font-size:.77rem; font-weight:650; list-style:none; }.hero-points span { margin-right:4px; color:#e7ba64; }
.scanner-preview { position:relative; width:min(100%,540px); justify-self:end; overflow:hidden; border:1px solid rgba(244,213,148,.25); border-radius:16px; background:#11151c; box-shadow:-20px 32px 80px rgba(0,0,0,.5),0 0 0 8px rgba(255,255,255,.012); transform:perspective(1600px) rotateY(-5deg) rotateX(2deg); }.scanner-preview::before { position:absolute; z-index:3; inset:0; pointer-events:none; content:""; background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 22%,transparent 68%,rgba(244,181,64,.08)); }.preview-topbar { display:flex; align-items:center; justify-content:space-between; height:57px; padding:0 20px; border-bottom:1px solid #242a32; background:#151a22; }.preview-logo { display:flex; align-items:center; gap:8px; color:#e5e2d9; font-size:.67rem; font-weight:750; }.preview-logo i { display:block; width:13px; height:13px; border-radius:4px 4px 4px 1px; background:linear-gradient(135deg,#f9d98c,#be7822); }.preview-user { display:grid; width:23px; height:23px; place-items:center; border-radius:50%; color:#1a1306; background:#dca946; font-size:.57rem; font-weight:900; }.preview-body { display:grid; min-height:330px; grid-template-columns:118px 1fr; }.preview-nav { display:grid; align-content:start; gap:5px; padding:26px 11px; border-right:1px solid #242a32; background:#10151c; color:#717983; font-size:.61rem; font-weight:650; }.preview-nav span { padding:8px 9px; border-radius:5px; }.preview-nav .nav-active { color:#f5e5be; background:#2a2830; }.preview-content { padding:28px 25px 22px; }.preview-heading { display:grid; gap:4px; margin-bottom:22px; color:#898f96; font-size:.64rem; }.preview-heading strong { color:#f5f1e9; font-size:1.08rem; letter-spacing:-.035em; }.stat-row { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.stat-row > div { min-height:80px; padding:11px; border:1px solid #2a3039; border-radius:7px; background:#171d25; }.stat-row small,.mini-chart small,.market-card small,.report-top span,.phone-shell > small { display:block; margin-bottom:8px; color:#858b91; font-size:.45rem; font-weight:800; letter-spacing:.08em; }.stat-row b { display:block; margin-bottom:5px; color:#e8e6e1; font-size:.71rem; }.stat-row em { color:#a2a4a4; font-size:.52rem; font-style:normal; }.stat-row em.positive { color:#8ed084; }.preview-lower { display:grid; grid-template-columns:1.35fr 1fr; gap:9px; margin-top:10px; }.mini-chart,.mini-alert { padding:13px; border:1px solid #2a3039; border-radius:7px; background:#171d25; }.chart-lines,.trend-chart { display:flex; align-items:end; gap:4px; height:52px; }.chart-lines i { display:block; flex:1; border-radius:2px 2px 0 0; background:linear-gradient(#eeb95b,#af6d21); }.chart-lines i:nth-child(1) { height:31%; }.chart-lines i:nth-child(2) { height:45%; }.chart-lines i:nth-child(3) { height:37%; }.chart-lines i:nth-child(4) { height:63%; }.chart-lines i:nth-child(5) { height:57%; }.chart-lines i:nth-child(6) { height:81%; }.chart-lines i:nth-child(7) { height:100%; }.mini-alert { display:flex; gap:9px; align-items:center; }.mini-alert > span { display:grid; width:23px; height:23px; place-items:center; border-radius:50%; color:#0f1b11; background:#92d186; font-size:.8rem; }.mini-alert b { display:block; color:#e6e5dd; font-size:.57rem; }.preview-note { display:flex; gap:7px; align-items:center; padding:13px 18px; border-top:1px solid #242a32; color:#90948f; background:#141920; font-size:.59rem; }.pulse { width:6px; height:6px; border-radius:50%; background:#79cb80; box-shadow:0 0 0 3px rgba(121,203,128,.13); }
.intro { max-width:820px; padding:clamp(65px,10vw,130px) 0 44px; }.intro > p:not(.eyebrow) { max-width:680px; margin-bottom:43px; }.journey { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; padding:0; list-style:none; }.journey li { display:flex; gap:13px; padding-top:17px; border-top:1px solid #37362f; }.journey span { color:#e9bb60; font-family:Georgia,serif; font-size:1.1rem; font-weight:700; }.journey h3 { margin:0 0 6px; color:#e9e6da; font-size:.92rem; }.journey p { margin:0; color:#8f938f; font-size:.78rem; line-height:1.55; }
.feature-showcase { display:grid; gap:20px; }.feature { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr); gap:clamp(30px,6vw,100px); align-items:center; min-height:454px; padding:clamp(35px,5vw,68px); overflow:hidden; border:1px solid #2c302e; border-radius:18px; background:linear-gradient(130deg,#111419,#0d1015); }.feature:nth-child(even) { grid-template-columns:minmax(320px,.94fr) minmax(0,1.06fr); background:linear-gradient(130deg,#101619,#0e1217); }.feature:nth-child(even) .feature-copy { order:2; }.feature-copy { max-width:540px; }.feature-copy > p:not(.feature-kicker):not(.disclaimer) { margin-bottom:23px; }.feature-kicker { margin-bottom:17px; color:#9ac3b2; }.feature-kicker span { color:#5f887b; }.check-list { display:grid; gap:9px; padding:0; margin:0; color:#c3c4bb; font-size:.84rem; list-style:none; }.check-list li::before { margin-right:10px; color:#dbaa52; content:"✦"; }.feature-art { position:relative; min-height:285px; }.feature-art::before { position:absolute; z-index:0; top:5%; left:5%; width:90%; height:90%; border-radius:50%; content:""; filter:blur(1px); }.import-art::before { background:radial-gradient(circle,rgba(216,154,59,.19),transparent 67%); }.market-art::before { background:radial-gradient(circle,rgba(62,147,131,.17),transparent 65%); }.alert-art::before { background:radial-gradient(circle,rgba(108,151,218,.19),transparent 65%); }.tax-art::before { background:radial-gradient(circle,rgba(198,163,99,.16),transparent 65%); }
.import-window { position:absolute; z-index:1; top:14px; left:0; width:min(360px,86%); padding:14px; border:1px solid #4a4436; border-radius:11px; background:#1b1b1c; box-shadow:0 24px 50px rgba(0,0,0,.36); }.window-bar { display:flex; gap:4px; align-items:center; padding-bottom:13px; border-bottom:1px solid #34322d; color:#8f8d84; font-size:.56rem; }.window-bar i { width:5px; height:5px; border-radius:50%; background:#665c48; }.window-bar span { margin-left:5px; }.order-line { display:flex; justify-content:space-between; padding:13px 1px; border-bottom:1px solid #302f2d; color:#e8e5db; font-size:.65rem; }.order-line span { color:#92c983; }.order-line.muted { color:#979a94; }.order-line.muted span { color:#c4aa6a; }.import-flow { position:absolute; z-index:2; right:0; bottom:7px; display:flex; gap:11px; align-items:center; padding:14px 18px; border:1px solid #4d493b; border-radius:9px; color:#e8dfc4; background:#25231f; box-shadow:0 18px 40px rgba(0,0,0,.34); font-size:.65rem; line-height:1.35; }.import-flow span { color:#e0ae54; font-size:1.3rem; }
.market-card { position:absolute; z-index:1; inset:20px 0 10px 5%; padding:23px; border:1px solid #315448; border-radius:12px; background:#14211f; box-shadow:0 24px 50px rgba(0,0,0,.35); }.market-card-head { display:flex; justify-content:space-between; align-items:center; color:#79a998; font-size:.55rem; font-weight:800; letter-spacing:.09em; }.market-card-head b { color:#d8dad1; font-size:.62rem; letter-spacing:0; }.market-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:21px 0 12px; }.market-grid div { padding:14px; border:1px solid #315447; border-radius:7px; background:#182824; }.market-grid small { color:#789487; }.market-grid strong { color:#acd57d; font-size:1.6rem; }.market-grid p { margin:0; color:#b8bdb4; font-size:.58rem; }.trend-chart { height:75px; gap:7px; padding:0 5px; border-bottom:1px solid #496255; }.trend-chart i { display:block; flex:1; border-radius:7px 7px 0 0; background:linear-gradient(#9dcc78,#41715e); }.trend-chart i:nth-child(1) { height:25%; }.trend-chart i:nth-child(2) { height:36%; }.trend-chart i:nth-child(3) { height:31%; }.trend-chart i:nth-child(4) { height:55%; }.trend-chart i:nth-child(5) { height:46%; }.trend-chart i:nth-child(6) { height:72%; }.trend-chart i:nth-child(7) { height:68%; }.trend-chart i:nth-child(8) { height:100%; }
.phone-shell { position:absolute; z-index:1; top:0; left:50%; width:213px; min-height:307px; padding:30px 13px 14px; border:5px solid #343b45; border-radius:27px; color:#f1f1eb; background:linear-gradient(160deg,#242d38,#11181f); box-shadow:0 24px 50px rgba(0,0,0,.42); transform:translateX(-50%) rotate(5deg); }.phone-island { position:absolute; top:8px; left:50%; width:68px; height:12px; border-radius:8px; background:#090e12; transform:translateX(-50%); }.phone-shell > small { margin:7px 0 18px; text-align:center; font-size:.46rem; }.phone-notice { display:flex; gap:8px; padding:12px 9px; border:1px solid #5a7084; border-radius:9px; background:#304459; }.phone-notice > span { display:grid; width:24px; height:24px; flex:0 0 24px; place-items:center; border-radius:50%; color:#1a3139; background:#91d2bd; font-size:.9rem; }.phone-notice b { font-size:.6rem; }.phone-notice p { margin:3px 0 0; color:#d0d8dd; font-size:.5rem; line-height:1.3; }.phone-rule { display:flex; justify-content:space-between; align-items:center; margin-top:18px; padding:10px; border-radius:7px; color:#91a8b7; background:#1a2733; font-size:.45rem; font-weight:800; letter-spacing:.07em; }.phone-rule i { width:20px; height:11px; border-radius:9px; background:#7abda7; }.phone-rule i::after { display:block; width:7px; height:7px; margin:2px 2px 0 auto; border-radius:50%; background:#eaf5ec; content:""; }
.report-sheet { position:absolute; z-index:1; top:12px; left:7%; width:min(340px,86%); padding:23px; border:1px solid #676052; border-radius:4px 4px 18px 4px; color:#dad6c9; background:#23231f; box-shadow:0 24px 50px rgba(0,0,0,.38); transform:rotate(-2deg); }.report-top { display:grid; gap:5px; padding-bottom:17px; border-bottom:1px solid #625e53; }.report-top span { margin:0; color:#bba76a; }.report-top b { font-size:.92rem; }.report-item { display:grid; grid-template-columns:10px 1fr auto; gap:9px; align-items:center; padding:13px 0; border-bottom:1px solid #46453e; font-size:.63rem; }.report-item i { width:7px; height:7px; border-radius:50%; background:#8fbc7e; }.report-item em { color:#bcbaab; font-size:.52rem; font-style:normal; }.report-footer { margin-top:14px; color:#a39b84; font-size:.52rem; }.disclaimer { margin-top:19px; margin-bottom:0; padding:11px 13px; border-left:2px solid #bd9251; color:#a7a396; background:rgba(189,146,81,.06); font-size:.76rem; line-height:1.55; }
.promise { display:grid; grid-template-columns:.9fr 1fr; gap:80px; align-items:end; padding:clamp(70px,11vw,145px) clamp(5px,4vw,50px); }.promise h2 { margin:0; }.promise p:last-child { max-width:500px; margin:0; color:#c0c0b9; font-size:1.08rem; }.closing { padding:clamp(39px,6vw,77px); border:1px solid #765f37; border-radius:17px; background:radial-gradient(circle at 84% 10%,rgba(244,190,83,.24),transparent 27rem),linear-gradient(125deg,#2a2419,#171815); }.closing h2 { max-width:730px; }.closing p:not(.eyebrow) { max-width:600px; margin-bottom:27px; }.secondary-action { background:#fff5d9; } footer { display:flex; justify-content:space-between; padding:0 0 35px; color:#70736f; font-size:.67rem; } footer span:first-child { color:#b4af9e; font-weight:750; }
@media (max-width:820px) { .site-header { min-height:73px; }.site-header nav { display:none; }.header-action { margin-left:auto; }.hero { grid-template-columns:1fr; gap:40px; min-height:0; padding-top:25px; }.scanner-preview { width:min(100%,535px); justify-self:start; transform:none; }.feature,.feature:nth-child(even) { grid-template-columns:1fr; gap:27px; min-height:0; }.feature:nth-child(even) .feature-copy { order:0; }.feature-art { min-height:270px; }.promise { grid-template-columns:1fr; gap:23px; }.journey { gap:13px; } }
@media (max-width:540px) { .site-header,main,footer { width:min(100% - 28px,1180px); }.site-header { gap:10px; }.brand { font-size:.79rem; }.brand-mark { width:24px; height:24px; }.header-action { padding:9px 11px; font-size:.71rem; }.hero { padding-bottom:45px; }.eyebrow { font-size:.63rem; }.lead { font-size:1rem; }.hero-actions { display:grid; align-items:stretch; gap:16px; }.primary-action { width:100%; }.quiet-action { text-align:center; }.preview-body { grid-template-columns:81px 1fr; min-height:265px; }.preview-nav { padding:17px 7px; font-size:.49rem; }.preview-nav span { padding:7px 5px; }.preview-content { padding:19px 13px; }.preview-heading { margin-bottom:14px; }.preview-heading strong { font-size:.87rem; }.stat-row { gap:5px; }.stat-row > div { min-height:64px; padding:7px; }.stat-row b { font-size:.57rem; }.stat-row small { font-size:.38rem; }.stat-row em { font-size:.43rem; }.preview-lower { grid-template-columns:1.18fr 1fr; gap:5px; margin-top:6px; }.mini-chart,.mini-alert { padding:8px; }.mini-alert b { font-size:.47rem; }.mini-alert > span { width:18px; height:18px; font-size:.62rem; }.preview-note { padding:10px 13px; font-size:.5rem; }h2 { font-size:2.02rem; }.intro { padding-top:76px; }.intro > p:not(.eyebrow) { margin-bottom:31px; }.journey { grid-template-columns:1fr; gap:18px; }.feature { padding:31px 22px; border-radius:14px; }.feature h2 { font-size:2.12rem; }.feature-copy > p:not(.feature-kicker):not(.disclaimer) { font-size:.93rem; }.feature-art { min-height:250px; }.import-window { width:92%; }.market-card { left:0; }.phone-shell { transform:translateX(-50%) rotate(3deg) scale(.92); transform-origin:top center; }.report-sheet { left:1%; width:95%; }.promise { padding:77px 0; }.promise p:last-child { font-size:.98rem; }.closing { padding:35px 24px; }.closing h2 { font-size:2.15rem; }footer { padding-bottom:26px; } }