:root { --paper:#f7f7f9; --white:#fff; --ink:#191a1e; --muted:#777b86; --blue:#06f; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.65 Arial, Helvetica, sans-serif; }
a { color:inherit; text-underline-offset:3px; }
a:focus-visible { outline:3px solid var(--blue); outline-offset:5px; border-radius:3px; }
.page { max-width:1200px; min-height:100vh; margin:auto; padding:0 42px; display:flex; flex-direction:column; }
.site-header, footer { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.site-header { min-height:112px; border-bottom:1px solid #dedee3; }
.brand { font-size:20px; font-weight:800; letter-spacing:.075em; text-decoration:none; }
.brand-dot { color:var(--blue); }
nav { display:flex; gap:32px; font-size:14px; font-weight:700; }
nav a { text-decoration:none; }
nav a[aria-current], nav a:hover, footer a:hover { color:var(--blue); }
main { flex:1; }
.intro { padding:88px 0 80px; max-width:780px; }
.eyebrow { margin:0 0 18px; color:var(--blue); font-size:13px; font-weight:800; letter-spacing:.09em; }
h1 { margin:0; font-size:clamp(44px,6vw,74px); letter-spacing:-.045em; line-height:1.08; }
h2 { margin:0 0 18px; font-size:clamp(31px,3vw,43px); letter-spacing:-.035em; line-height:1.18; }
.lead { max-width:720px; margin:24px 0 0; color:#50545d; font-size:clamp(18px,2vw,21px); line-height:1.55; }
.product { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:36px; align-items:center; background:var(--white); border:1px solid #e7e7eb; border-radius:20px; padding:48px; }
.product-copy > p:not(.eyebrow), .support-note p { max-width:600px; color:#50545d; }
.facts { margin:28px 0; padding:0; list-style:none; }
.facts li { padding:12px 0; border-top:1px solid #e7e7eb; font-size:15px; }
.facts li::before { content:"↗"; color:var(--blue); font-weight:700; margin-right:15px; }
.product-copy .limit { font-size:13px; line-height:1.5; }
.action { display:inline-flex; gap:16px; align-items:center; margin-top:14px; padding:14px 18px; background:var(--blue); color:var(--white); border-radius:11px; font-weight:700; text-decoration:none; }
.action:hover { background:#004fd1; }
.product-image { display:block; width:100%; height:auto; border-radius:14px; }
.contact-main { max-width:830px; width:100%; padding:110px 0 80px; }
.contact-main .lead { margin-bottom:48px; }
.contact-card { display:flex; justify-content:space-between; gap:24px; align-items:center; padding:30px 34px; border:1px solid #e7e7eb; border-radius:18px; background:var(--white); }
.contact-card .eyebrow { margin-bottom:8px; }
.email { font-size:clamp(24px,4vw,38px); font-weight:700; letter-spacing:-.035em; overflow-wrap:anywhere; }
.arrow { color:var(--blue); font-size:38px; }
.support-note { padding:54px 0; }
.support-note h2 { font-size:24px; }
footer { padding:60px 0 28px; color:var(--muted); font-size:13px; }
@media (max-width:800px) { .product { grid-template-columns:1fr; } .product-image { max-width:460px; } }
@media (max-width:580px) { .page { padding:0 22px; } .site-header { min-height:90px; align-items:flex-start; flex-direction:column; justify-content:center; gap:5px; } nav { gap:22px; } .intro { padding:70px 0 58px; } .product { padding:28px; } .contact-main { padding:75px 0 48px; } .contact-card { padding:24px; } footer { padding:42px 0 24px; } }