*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08131f;color:#effaff;font:16px/1.7 system-ui,Arial,sans-serif;overflow-wrap:anywhere}a{color:var(--a)}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}header{position:sticky;top:0;z-index:4;background:#08131ff0;border-bottom:1px solid #25445b}header .wrap{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:76px}.brand{display:block;width:min(300px,60vw)}.brand img{display:block;width:100%;height:auto}nav{display:flex;gap:14px;align-items:center}nav a{color:white;text-decoration:none;font-weight:700}.btn{display:inline-block;padding:11px 18px;border-radius:12px;background:linear-gradient(120deg,var(--a),var(--b));color:#08131f!important;font-weight:850;text-decoration:none;text-align:center}.hero{padding:52px 0 35px;background:radial-gradient(circle at 75% 10%,color-mix(in srgb,var(--a) 17%,transparent),transparent 46%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}h1{font-size:clamp(2rem,4.4vw,3.9rem);line-height:1.12;letter-spacing:-.035em;margin:10px 0 20px}h2{font-size:clamp(1.35rem,2.5vw,1.9rem);line-height:1.25;margin:0 0 15px}h3{font-size:1.06rem}.eyebrow{color:var(--a);font-weight:800;text-transform:uppercase;letter-spacing:.11em;font-size:.8rem}.lead{color:#c5d9e6;font-size:1.1rem}.hero img{width:100%;border-radius:18px;border:1px solid #33516b}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.outline{padding:10px 18px;border:1px solid #446077;border-radius:12px;text-decoration:none;color:white}.content{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:24px;padding:20px 0 65px}.box{padding:clamp(20px,3vw,30px);background:#112437;border:1px solid #28485f;border-radius:20px;margin:0 0 20px}.box p,.box li{color:#c7d9e6}.summary{background:linear-gradient(120deg,color-mix(in srgb,var(--a) 14%,#112437),#112437)}.summary strong,.tip strong{color:var(--a)}.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.step{padding:16px;background:#0a1a29;border:1px solid #33516b;border-radius:12px}.step b{color:var(--a)}.tip{border-left:4px solid var(--a);padding:15px;background:#0a1a29;margin:18px 0}.related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.related a{border:1px solid #37546c;border-radius:12px;padding:15px;color:white;text-decoration:none}.cta{background:linear-gradient(115deg,#133348,#14263d);border:1px solid var(--a)}aside{align-self:start;position:sticky;top:100px}aside a{display:block;margin:9px 0}details{border-top:1px solid #37546c;padding:12px 0}summary{cursor:pointer;font-weight:750}footer{border-top:1px solid #31516a;padding:25px 0;color:#a8c1d0}.layout-compare .hero-grid{grid-template-columns:.9fr 1.1fr}.layout-checklist .steps{grid-template-columns:1fr}.layout-faq .box.faq{border-color:var(--a)}.layout-fieldguide .hero{background:radial-gradient(circle at 25% 20%,color-mix(in srgb,var(--b) 21%,transparent),transparent 50%)}@media(max-width:850px){.content,.hero-grid,.layout-compare .hero-grid{grid-template-columns:1fr}aside{position:static}nav .optional{display:none}}@media(max-width:600px){.steps,.related{grid-template-columns:1fr}.hero{padding-top:28px}header .wrap{min-height:70px}.brand{width:min(220px,53vw)}.btn{font-size:.88rem;padding:10px 12px}h1{font-size:2.1rem}}