:root{--ink:#141821;--muted:#5c6573;--paper:#fff;--line:#e1e6ef;--wash:#f5f7fb;--accent:#2556d9;--dark:#11151f;--green:#087965;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fbfcfe;color:var(--ink);line-height:1.5}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.nav{position:sticky;top:0;z-index:5;background:rgba(251,252,254,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.navin{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#151821,#3352b8);display:grid;place-items:center;color:#fff}.navlinks{display:flex;align-items:center;gap:18px;font-size:14px;color:var(--muted);font-weight:750}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 15px;border-radius:8px;border:1px solid var(--line);background:#fff;font-weight:850}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.dark{background:var(--dark);border-color:var(--dark);color:#fff}.btn:hover{transform:translateY(-1px)}
.hero{padding:62px 0 42px;background:linear-gradient(180deg,#fff 0%,#eef3fb 100%)}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:30px;align-items:center}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:950;color:var(--accent)}h1{font-size:clamp(40px,6vw,72px);line-height:.96;letter-spacing:-.055em;margin:10px 0}.lead{font-size:20px;color:var(--muted);max-width:680px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.hero-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 20px 50px rgba(20,24,33,.08);display:grid;grid-template-columns:132px 1fr;gap:16px;align-items:center}.hero-card img{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--wash)}.hero-card h2{font-size:24px;line-height:1.05;letter-spacing:-.025em;margin:0}.hero-card p{color:var(--muted);margin:8px 0 12px}
.strip{padding:32px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{padding:18px;background:var(--wash);border-radius:8px}.stat strong{display:block}.stat span{display:block;color:var(--muted);font-size:14px;margin-top:4px}
.section{padding:58px 0}.head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.head h2{font-size:clamp(30px,4vw,46px);line-height:1;letter-spacing:-.045em;margin:0}.head p{margin:0;color:var(--muted);max-width:450px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.product.featured{border-color:#9fb2ff;box-shadow:0 22px 52px rgba(36,89,216,.13)}.cover{aspect-ratio:1.55;background:#eef3fb;border-bottom:1px solid var(--line);display:grid;place-items:center;padding:16px}.cover img{max-width:100%;max-height:100%;border-radius:8px}.body{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}.tag{width:max-content;background:#eef3ff;color:#244fc4;border-radius:999px;padding:6px 9px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.tag.green{background:#e7f7f3;color:var(--green)}.tag.orange{background:#fff0ea;color:#ac421e}.product h3{font-size:22px;line-height:1.1;letter-spacing:-.025em;margin:0}.product p{margin:0;color:var(--muted)}.list{margin:0;padding:0;list-style:none;display:grid;gap:8px;color:#3f4754;font-size:14px}.list li{display:flex;gap:8px}.list li:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--green);flex:0 0 auto;margin-top:8px}.price{margin-top:auto;font-size:26px;font-weight:950;letter-spacing:-.035em}.small{font-size:13px;color:var(--muted)}.cta{display:flex;gap:9px;flex-wrap:wrap}
.band{background:#11151f;color:#fff;border-radius:12px;padding:28px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.band p{margin:8px 0 0;color:rgba(255,255,255,.75);max-width:720px}.band h2,.band h3{margin:0;font-size:28px;line-height:1.05;letter-spacing:-.03em}
.product-hero{padding:54px 0;background:linear-gradient(180deg,#fff 0%,#eef3fb 100%)}.product-hero-grid{display:grid;grid-template-columns:1fr 340px;gap:34px;align-items:center}.product-hero img{width:100%;border-radius:12px;border:1px solid var(--line);background:#fff;box-shadow:0 20px 48px rgba(20,24,33,.08)}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}.panel h2,.panel h3{margin-top:0;letter-spacing:-.025em}.quote{font-size:19px;color:#3f4754}
footer{padding:32px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media(max-width:920px){.hero-grid,.product-hero-grid,.grid,.strip-grid,.two,.band{grid-template-columns:1fr}.navlinks a:not(.btn){display:none}.head{display:grid}.wrap{padding:0 18px}.hero-card{grid-template-columns:96px 1fr}}