
:root{--ot-black:#050706;--ot-dark:#121412;--ot-panel:#171c17;--ot-green:#0a9957;--ot-green2:#28bd66;--ot-mint:#98f4c6;--ot-orange:#eb7047;--ot-orange2:#f35f20;--ot-yellow:#f9b42e;--ink:#111713;--muted:#65716b;--line:#e4ece7;--soft:#f5fbf7;--card:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.top{position:sticky;top:12px;z-index:20;max-width:1200px;margin:12px auto 0;padding:11px 14px;background:rgba(5,7,6,.92);border:1px solid rgba(255,255,255,.12);border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 24px 70px rgba(0,0,0,.22);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:950;font-size:20px;text-decoration:none}.brand img{width:34px;height:34px;filter:drop-shadow(0 8px 14px rgba(40,189,102,.35))}nav{display:flex;gap:4px;overflow:auto}nav a{padding:10px 12px;font-size:14px;color:rgba(255,255,255,.78);text-decoration:none;font-weight:850;white-space:nowrap;border-radius:999px}nav a:hover{background:rgba(255,255,255,.08);color:#fff}.nav-cta,.btn{border-radius:999px;text-decoration:none;font-weight:950}.nav-cta{background:linear-gradient(135deg,var(--ot-green2),var(--ot-green));color:#fff;padding:13px 18px;box-shadow:0 14px 38px rgba(40,189,102,.25)}.hero{max-width:1200px;margin:-58px auto 0;padding:128px 22px 54px;display:grid;grid-template-columns:.98fr 1.02fr;gap:36px;align-items:center;border-radius:42px;background:radial-gradient(circle at 18% 12%,rgba(40,189,102,.32),transparent 28%),radial-gradient(circle at 75% 18%,rgba(235,112,71,.28),transparent 25%),linear-gradient(135deg,#050706 0%,#121412 60%,#171c17 100%);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -15% -45% 45%;height:360px;background:radial-gradient(circle,rgba(249,180,46,.18),transparent 65%);pointer-events:none}.hero>div{position:relative;z-index:1}.kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:950;color:var(--ot-green2);background:rgba(40,189,102,.10);border:1px solid rgba(40,189,102,.20);padding:8px 12px;border-radius:999px}.hero .kicker{color:var(--ot-mint);background:rgba(152,244,198,.10);border-color:rgba(152,244,198,.22)}h1{font-size:clamp(48px,7.6vw,88px);line-height:.92;letter-spacing:-.065em;margin:16px 0 18px;color:#fff}h2{font-size:clamp(31px,4vw,56px);line-height:1.02;letter-spacing:-.047em;margin:16px 0 18px;color:#101713}h3{margin:0 0 10px;color:#132119;font-size:22px}p,li{color:var(--muted);line-height:1.68}.lead{font-size:21px;color:rgba(255,255,255,.78);max-width:650px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 21px}.primary{background:linear-gradient(135deg,var(--ot-orange),var(--ot-orange2));color:#fff;box-shadow:0 20px 48px rgba(235,112,71,.28)}.primary:hover,.nav-cta:hover{transform:translateY(-1px)}.secondary{background:#fff;color:#121412;border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 30px rgba(0,0,0,.12)}.pill{display:inline-flex;padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.80);font-weight:800}.trust{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:24px}.trust span{padding:12px 10px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;font-weight:900;text-align:center}.hero-visual,.visual{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:34px;background:#0b0f0d;box-shadow:0 30px 90px rgba(0,0,0,.25)}.hero-visual{height:510px}.visual{height:360px}.hero-visual img,.visual img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.06) contrast(1.03)}.section{max-width:1200px;margin:30px auto;padding:36px;border:1px solid var(--line);border-radius:34px;background:#fff;box-shadow:0 22px 80px rgba(6,33,21,.07)}.split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.reverse>.visual{order:-1}.dark{background:radial-gradient(circle at top left,rgba(40,189,102,.26),transparent 32%),linear-gradient(135deg,#050706,#121412 58%,#171c17);border-color:#222922;color:#fff}.dark h2,.dark h3{color:#fff}.dark p,.dark li{color:rgba(255,255,255,.80)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.card{padding:22px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f7fbf8)}.card h3:before{content:"";display:block;width:38px;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--ot-green2),var(--ot-orange));margin-bottom:14px}.dark .card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}.dark .card h3:before{background:linear-gradient(90deg,var(--ot-mint),var(--ot-yellow))}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.fact{border-radius:24px;background:#f3fbf6;border:1px solid #d8efe2;padding:21px}.fact b{display:block;font-size:32px;color:var(--ot-green);letter-spacing:-.04em}.wide .visual{height:420px}.faq{max-width:1000px}details{border:1px solid var(--line);border-radius:20px;background:#fff;margin:10px 0;padding:18px;box-shadow:0 10px 32px rgba(6,33,21,.04)}summary{cursor:pointer;font-weight:950;color:#132119}.risk{max-width:1200px;margin:30px auto;padding:20px 22px;border-radius:26px;background:#fff7e8;border:1px solid #fed082;color:#604511}.risk p{margin:0;color:#604511;font-size:14px}.footer{max-width:1200px;margin:34px auto 28px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted)}@media(max-width:900px){.top{margin-left:12px;margin-right:12px}.nav-cta{display:none}nav{max-width:62vw}.hero{grid-template-columns:1fr;margin-top:-58px;padding-left:16px;padding-right:16px}.split{grid-template-columns:1fr}.section,.risk{margin-left:14px;margin-right:14px;padding:24px}.cards,.facts,.trust{grid-template-columns:1fr}.reverse>.visual{order:0}.hero-visual{height:330px}.visual,.wide .visual{height:270px}.footer{margin-left:14px;margin-right:14px;display:grid}}
