:root { --ink:#101a0e; --paper:#f7f8f2; --cream:#eff1e9; --muted:#60695d; --line:#d9dfcf; --leaf:#80d20a; --deep:#0b150a; --deep-soft:#142212; --max:1120px; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"Segoe UI",Helvetica,sans-serif; line-height:1.5; }
a { color:inherit; text-underline-offset:3px; }.shell { width:min(calc(100% - 48px),var(--max)); margin:0 auto; }
.site-header { color:#fff; background:var(--deep); border-bottom:1px solid rgba(255,255,255,.12); }.nav { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.brand { display:inline-flex; align-items:center; gap:8px; font:800 27px/1 "Segoe UI",Helvetica,sans-serif; letter-spacing:-.07em; text-decoration:none; }.brand-mark { width:19px; height:27px; border-radius:100% 12% 100% 12%; background:var(--leaf); transform:rotate(42deg); }
.nav-links { display:flex; gap:25px; align-items:center; font-size:14px; font-weight:650; }.nav-links a { color:#e3e9dd; text-decoration:none; }.nav-links a:hover { color:var(--leaf); }
.hero { position:relative; overflow:hidden; color:#fff; background:radial-gradient(circle at 86% 26%,#203719 0,#0d180b 35%,var(--deep) 74%); }.hero::after { content:""; position:absolute; width:560px; height:560px; right:-190px; top:-170px; border:1px solid rgba(128,210,10,.22); border-radius:50%; box-shadow:0 0 0 74px rgba(128,210,10,.025),0 0 0 148px rgba(128,210,10,.02); }
.hero-grid { position:relative; z-index:1; min-height:560px; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(310px,.95fr); gap:52px; align-items:center; }.eyebrow { margin:0; color:var(--leaf); font-size:12px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.hero h1,.how h2,.trust h2 { margin:19px 0; font-weight:790; line-height:.98; letter-spacing:-.065em; }.hero h1 { max-width:690px; font-size:clamp(48px,6.5vw,80px); }.hero-lead { max-width:540px; margin:0; color:#d9e2d5; font-size:20px; line-height:1.45; }.hero-benefits { display:grid; gap:9px; margin:25px 0 0; padding:0; list-style:none; color:#eef5e9; font-size:15px; font-weight:650; }.hero-benefits li { display:flex; align-items:center; gap:10px; }.hero-benefits li::before { content:""; width:8px; height:8px; flex:0 0 auto; border-radius:50%; background:var(--leaf); box-shadow:0 0 0 4px rgba(128,210,10,.1); }.store-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }.store-button { display:inline-flex; align-items:center; min-width:172px; gap:10px; padding:9px 14px 9px 10px; border:1px solid rgba(255,255,255,.28); border-radius:10px; color:#fff; background:rgba(4,9,3,.53); font-size:19px; font-weight:800; line-height:1; text-decoration:none; }.store-button:hover { border-color:var(--leaf); background:rgba(128,210,10,.12); }.store-button small { display:block; margin-bottom:3px; color:#cad6c3; font-size:10px; font-weight:700; letter-spacing:.03em; }.store-icon { display:grid; width:29px; height:29px; place-items:center; border-radius:7px; color:#0b150a; background:var(--leaf); font:900 18px/1 "Segoe UI",sans-serif; }.coming { cursor:default; opacity:.68; }.coming .store-icon { color:#d9e2d5; background:#425140; }.hero-art { width:min(100%,430px); justify-self:end; }.hero-art img { display:block; width:100%; height:auto; filter:drop-shadow(0 28px 25px rgba(0,0,0,.42)); }
.proof { display:grid; grid-template-columns:repeat(3,1fr); padding:72px 0; }.proof article { min-height:190px; padding:4px 34px 4px 0; border-right:1px solid var(--line); }.proof article+article { padding-left:34px; }.proof article:last-child { border-right:0; }.proof span { color:var(--leaf); font-size:13px; font-weight:850; }.proof h2 { margin:42px 0 8px; font-size:26px; line-height:1.06; letter-spacing:-.045em; }.proof p { max-width:290px; margin:0; color:var(--muted); font-size:16px; }
.how { color:#fff; background:var(--deep-soft); }.how-grid { display:grid; grid-template-columns:.93fr 1.07fr; gap:78px; padding:92px 0; }.how h2 { font-size:clamp(39px,4.9vw,62px); }.steps { margin:0; padding:0; list-style:none; border-top:1px solid rgba(255,255,255,.16); }.steps li { display:grid; grid-template-columns:50px 1fr; gap:18px; padding:23px 0; border-bottom:1px solid rgba(255,255,255,.16); }.steps span { color:var(--leaf); font-weight:800; }.steps strong { font-size:21px; letter-spacing:-.025em; }.steps p { margin:7px 0 0; color:#c6d0c0; }
.trust { padding:94px 0 104px; }.trust h2 { max-width:620px; font-size:clamp(42px,5.4vw,68px); }.trust>p:not(.eyebrow) { max-width:690px; margin:0; color:var(--muted); font-size:19px; }.trust-links { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:44px; background:var(--line); border:1px solid var(--line); }.trust-links a { display:flex; justify-content:space-between; gap:10px; min-height:92px; padding:24px; color:var(--ink); background:var(--paper); font-size:17px; font-weight:750; text-decoration:none; }.trust-links a:hover { background:#eef6df; }.trust-links b { color:var(--leaf); font-size:21px; }
.legal-layout { display:grid; grid-template-columns:220px minmax(0,760px); gap:72px; padding:62px 0 100px; }.legal-aside { padding-top:12px; color:var(--muted); font:600 13px/1.4 "Segoe UI",Helvetica,sans-serif; }.legal-aside p { margin:0 0 10px; }.legal-aside a { color:var(--deep); }.legal-article { font-family:Georgia,"Times New Roman",serif; font-size:18px; }.legal-article h1 { margin:0 0 18px; font:800 clamp(42px,6vw,67px)/1 "Segoe UI",Helvetica,sans-serif; letter-spacing:-.06em; }.legal-article h2 { margin:58px 0 18px; font:780 34px/1.05 "Segoe UI",Helvetica,sans-serif; letter-spacing:-.05em; }.legal-article p,.legal-article li { max-width:760px; }.legal-article ul { padding-left:22px; }.legal-article li+li { margin-top:9px; }.notice { margin:30px 0; padding:20px 22px; color:#fff; background:var(--deep-soft); border-left:4px solid var(--leaf); font:500 15px/1.5 "Segoe UI",Helvetica,sans-serif; }.meta { color:var(--muted); font:600 13px/1.55 "Segoe UI",Helvetica,sans-serif; }.data-table { width:100%; border-collapse:collapse; margin:24px 0; font-size:16px; }.data-table th,.data-table td { padding:14px 0; text-align:left; vertical-align:top; border-bottom:1px solid var(--line); }.data-table th { width:38%; padding-right:24px; font-family:"Segoe UI",Helvetica,sans-serif; }
.download { color:#fff; background:linear-gradient(115deg,#0b150a,#1b3212); }.download-inner { display:flex; align-items:center; justify-content:space-between; gap:42px; padding:66px 0; }.download h2 { max-width:560px; margin:15px 0 0; font-size:clamp(34px,4.4vw,55px); line-height:1; letter-spacing:-.06em; }.download .store-actions { flex:0 0 auto; margin-top:0; }.site-footer { color:#cbd7c4; background:var(--deep); }.footer-inner { display:flex; justify-content:space-between; gap:24px; padding:30px 0; font-size:13px; font-weight:600; }.footer-inner p { margin:0; }
@media (max-width:720px) { .shell { width:min(calc(100% - 32px),var(--max)); }.nav { min-height:64px; }.nav-links { display:none; }.hero-grid { min-height:0; display:block; padding:56px 0 44px; }.hero h1 { font-size:clamp(46px,13.4vw,60px); line-height:1; }.hero-lead { font-size:18px; }.hero-benefits { gap:12px; font-size:15px; }.store-actions { display:grid; grid-template-columns:1fr; gap:9px; }.store-button { min-width:0; min-height:54px; justify-content:flex-start; }.hero-art { width:min(330px,100%); margin:30px auto 0; }.proof { display:block; padding:18px 0 36px; }.proof article,.proof article+article { min-height:0; padding:28px 0; border-right:0; border-bottom:1px solid var(--line); }.proof h2 { margin:22px 0 9px; font-size:27px; }.proof p { font-size:17px; }.how-grid { display:block; padding:58px 0; }.how h2 { margin:18px 0 40px; font-size:42px; }.how h2 br { display:none; }.steps li { grid-template-columns:36px 1fr; gap:12px; padding:23px 0; }.steps strong { font-size:20px; }.steps p { font-size:16px; }.trust { padding:62px 0; }.trust h2 { font-size:45px; }.trust>p:not(.eyebrow) { font-size:18px; }.trust-links { display:block; margin-top:32px; background:none; border:0; }.trust-links a { min-height:68px; margin-top:2px; padding:20px; background:var(--cream); font-size:16px; }.download-inner { display:block; padding:56px 0; }.download h2 { font-size:42px; }.download .store-actions { margin-top:32px; }.legal-layout { display:block; padding:40px 0 72px; }.legal-aside { margin-bottom:38px; }.legal-article { font-size:17px; }.footer-inner { display:block; }.footer-inner p+p { margin-top:8px; } }