:root{--ink:#171a20;--muted:#59636d;--dark:#101722;--dark2:#080d14;--steel:#365668;--cyan:#62bccb;--copper:#c87941;--copper2:#955128;--ice:#eef4f6;--mint:#edf7f3;--paper:#fbfaf7;--white:#fff;--line:#d7dfe4;--warn:#fff4da;--green:#2f7551;--shadow:0 18px 48px rgba(16,23,34,.12)}
*{box-sizing:border-box}html{font-size:19px;scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7}
a{color:#22566e;text-decoration:underline;text-underline-offset:3px}a:hover{color:#173c4d}a:focus-visible,summary:focus-visible{outline:4px solid #e6a366;outline-offset:4px}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:14px;z-index:1000;background:#fff;color:#111;padding:12px 16px;border:2px solid #111}
img{max-width:100%;height:auto;display:block}.container{width:min(1180px,92%);margin:auto}.top{background:var(--dark2);color:#f5f7fa;text-align:center;padding:10px 14px;font-size:.9rem;font-weight:700}
header{background:#fff;border-bottom:2px solid var(--line);position:sticky;top:0;z-index:50}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font-size:1.42rem;font-weight:900;color:var(--dark);text-decoration:none}.brand span{color:var(--copper2)}.links{display:flex;gap:17px;flex-wrap:wrap}.links a{color:#232a33;font-size:.97rem;font-weight:800;text-decoration:none}.links a:hover{text-decoration:underline}
.hero{padding:76px 0 62px;background:radial-gradient(circle at 83% 17%,rgba(98,188,203,.19),transparent 26%),linear-gradient(120deg,#fff 0 56%,#edf3f5 56% 100%);position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 55px,rgba(16,23,34,.022) 55px 56px)}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center;position:relative;z-index:1}.tag{display:inline-block;background:#eef3f4;border:1px solid #d6e0e4;color:#40515c;padding:8px 13px;border-radius:7px;font-size:.84rem;font-weight:900;letter-spacing:.65px}
h1{color:var(--dark2);font-size:clamp(2.45rem,5vw,4.35rem);line-height:1.04;letter-spacing:-1.2px;margin:18px 0}h2{color:#293742;font-size:clamp(1.65rem,3vw,2.28rem);line-height:1.2;margin:0 0 18px}h3{font-size:1.24rem;color:#334b59;margin:0 0 8px}
p{margin:0 0 14px}.lead{font-size:1.14rem;color:#47535e}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:15px 26px;border:2px solid var(--dark);border-radius:9px;font-weight:900;text-decoration:none}.primary{background:var(--dark);color:#fff}.primary:hover{background:#050910;color:#fff;text-decoration:none}.secondary{background:#fff;color:var(--dark)}.micro{font-size:.89rem;color:var(--muted);margin-top:12px}
.product{background:linear-gradient(180deg,#fff,#f4f7f8);border:2px solid #d4dde1;border-radius:24px;padding:28px;box-shadow:var(--shadow)}.product img{margin:auto;width:min(540px,100%)}
.metrics{background:var(--dark);color:#fff}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric{padding:19px 12px;text-align:center;border-right:1px solid rgba(255,255,255,.15)}.metric:last-child{border:0}.metric strong{display:block;font-size:1.02rem}.metric span{font-size:.85rem;color:#ced6dd}
.section{padding:52px 0}.white{background:#fff}.ice{background:var(--ice)}.mint{background:var(--mint)}.compact{padding:38px 0}.path{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:start}.node{background:linear-gradient(180deg,#182332,#2d4a5a);color:#fff;border-radius:20px;padding:24px 18px;text-align:center}.node b{display:block;font-size:3.6rem;line-height:.9}.node small{display:block;margin-top:9px;font-size:.76rem;letter-spacing:1.15px;font-weight:900}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:2px solid var(--line);border-radius:19px;padding:22px;box-shadow:0 8px 26px rgba(16,23,34,.04)}.card p{color:var(--muted)}
.table-wrap{overflow:auto;background:#fff;border:2px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:15px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#edf1f4;color:#30424e;font-weight:900}tr:last-child td{border-bottom:0}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:10px}.checks li{position:relative;padding-left:31px}.checks li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.pricebox{background:linear-gradient(135deg,#111a26,#30515f);color:#fff;border-radius:23px;padding:31px;box-shadow:var(--shadow)}.pricebox h2,.pricebox p{color:#fff}.price-img{background:#fff;border-radius:14px;padding:16px;margin-top:18px}.price-img img{margin:auto}
.info{background:#edf8f2;border:2px solid #cce5d7;border-radius:13px;padding:16px 18px}.warn{background:var(--warn);border:2px solid #e4cd91;border-radius:13px;padding:16px 18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.faq{display:grid;gap:11px}details{background:#fff;border:2px solid var(--line);border-radius:13px;padding:16px 18px}summary{cursor:pointer;font-weight:900;color:#304754}details p{margin:11px 0 0;color:var(--muted)}
.legal{max-width:960px}.legal h1{font-size:clamp(2.1rem,4vw,3.05rem)}.legal h2{font-size:1.55rem;margin-top:29px}.crumbs{font-size:.9rem;color:var(--muted);margin-bottom:17px}.source{background:#f7f8f8;border:2px solid var(--line);border-radius:13px;padding:16px 18px}
footer{background:var(--dark2);color:#e9edf1;padding:38px 0 24px;margin-top:28px}.foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.foot-links{display:flex;gap:13px;flex-wrap:wrap}footer a{color:#fff}.fine{font-size:.88rem;color:#c2cbd2}.copy{margin-top:22px;border-top:1px solid rgba(255,255,255,.16);padding-top:17px;font-size:.84rem;color:#aeb7bf}
@media(max-width:920px){header{position:static}.nav{flex-direction:column;align-items:flex-start;padding:16px 0}.hero{background:linear-gradient(180deg,#fff,#edf3f5)}.hero-grid,.path,.cards,.split,.foot-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:2.7rem}.node{text-align:left}}
@media(max-width:540px){html{font-size:18px}.section{padding:40px 0}.buttons .btn{width:100%}.pricebox{padding:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}