:root{--accent:#2267ff;--ink:#101828;--muted:#5f6f7d;--line:#dfe8ee;--paper:#fff;--soft:#f5fbff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fbfdff;line-height:1.55}a{color:inherit}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.navwrap{width:min(1180px,calc(100% - 32px));margin:auto;min-height:72px;display:flex;align-items:center;gap:22px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:950;font-size:24px;color:var(--accent)}.logo img{width:34px;height:34px;border-radius:9px}.topnav{margin-left:auto;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.topnav a{text-decoration:none;font-weight:850;color:#24323d}.topnav a:hover{color:var(--accent)}.signup{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border-radius:999px;background:var(--accent);color:#fff!important;text-decoration:none;font-weight:950;box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 25%,transparent)}
.hero{width:min(1180px,calc(100% - 32px));margin:28px auto 44px}.eyebrow{color:var(--accent);font-size:13px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.02;margin:0 0 18px;letter-spacing:-.025em}.hero p{font-size:18px;color:var(--muted);max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:13px;border:1px solid var(--line);background:#fff;text-decoration:none;font-weight:950}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.section{width:min(1120px,calc(100% - 32px));margin:46px auto}.section h2{font-size:clamp(30px,4vw,48px);line-height:1.08;margin:0 0 12px}.section>p{color:var(--muted);max-width:760px}.center{text-align:center}.center>p{margin-left:auto;margin-right:auto}.cards,.guidegrid,.productgrid{display:grid;gap:14px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.guidegrid{grid-template-columns:repeat(3,minmax(0,1fr))}.productgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.guide,.product{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px;text-decoration:none;box-shadow:0 12px 30px rgba(22,36,52,.05)}.card b,.guide b,.product b{display:block;color:var(--accent);font-size:18px}.card span,.guide span,.product span{display:block;color:var(--muted);margin-top:6px}.article{width:min(960px,calc(100% - 32px));margin:36px auto}.crumb{font-size:14px;color:var(--muted);margin-bottom:18px}.crumb a{color:var(--accent);font-weight:850;text-decoration:none}.article h1{font-size:clamp(36px,5vw,62px);line-height:1.05;margin:0 0 14px}.lead{font-size:18px;color:var(--muted)}.brief,.checkpanel,.faqbox{border:1px solid var(--line);border-radius:18px;background:#fff;padding:24px;margin:26px 0}.brief p,.checkpanel p,.faqbox p{color:var(--muted)}.checkgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.checkgrid article{border:1px solid var(--line);border-radius:14px;background:var(--soft);padding:16px}.checkgrid h3{margin:0 0 6px;color:var(--accent)}.faqbox details{border-bottom:1px solid var(--line);padding:14px 0}.faqbox details:last-child{border-bottom:0}.faqbox summary{cursor:pointer;font-weight:950}.site-footer{margin-top:60px;background:#f2f5f8;border-top:1px solid var(--line)}.footgrid{width:min(1120px,calc(100% - 32px));margin:auto;padding:34px 0;display:grid;grid-template-columns:1.2fr repeat(3,.8fr);gap:28px}.site-footer h2,.site-footer h3{margin:0 0 12px}.site-footer p{color:var(--muted);margin:0}.site-footer a{display:block;text-decoration:none;color:#25313c;font-weight:850;margin:0 0 9px}.foot-logo{margin-bottom:12px}.foot-sign{display:inline-flex!important;margin-top:16px}.disclaimer{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;font-size:13px}
.tpl-desk{background:linear-gradient(90deg,#f7fbff,#fff)}.tpl-desk .hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;padding:46px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#fff,#eef6ff)}.desk-board{display:grid;gap:12px}.desk-board div{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px 16px}.desk-board b{color:var(--accent)}
.tpl-starter{background:#fbfff8}.tpl-starter .navwrap{justify-content:center}.tpl-starter .hero{padding:42px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center}.starter-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.starter-steps div{border-radius:18px;background:#fff;border:1px solid var(--line);padding:18px}.starter-steps b{color:var(--accent)}
.tpl-compare{background:#fbf9ff}.tpl-compare .site-header{border-bottom:0}.tpl-compare .navwrap{min-height:82px}.tpl-compare .hero{display:grid;grid-template-columns:1fr;gap:18px;text-align:center;padding:50px 28px;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%),#fff;border:1px solid var(--line);border-radius:26px}.score-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.score-row div{border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px}.score-row b{color:var(--accent)}
.tpl-route{background:#f7fdff}.tpl-route .hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px;align-items:stretch}.route-map{min-height:360px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(135deg,#fff 0%,#ecfbff 62%,color-mix(in srgb,var(--accent) 18%,#fff));padding:32px;position:relative;overflow:hidden}.route-map:before{content:"";position:absolute;inset:50px;border:3px dashed color-mix(in srgb,var(--accent) 45%,transparent);border-radius:50%;transform:rotate(-13deg)}.route-map div{position:relative;border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px;margin:0 0 14px}.route-map b{color:var(--accent)}
.tpl-supply{background:#fff8f1}.tpl-supply .site-header{background:#fff7ef}.tpl-supply .hero{display:grid;grid-template-columns:1fr .85fr;gap:26px;padding:42px;border:1px solid #f0d8c8;border-radius:24px;background:linear-gradient(135deg,#fffaf5,#fff)}.supply-list{border:1px solid #f0d8c8;background:#fff;border-radius:20px;padding:20px}.supply-list div{padding:13px 0;border-bottom:1px solid #f4e2d7}.supply-list div:last-child{border-bottom:0}.supply-list b{color:var(--accent)}
@media(max-width:900px){.tpl-desk .hero,.tpl-starter .hero,.tpl-route .hero,.tpl-supply .hero{grid-template-columns:1fr}.cards,.productgrid{grid-template-columns:repeat(2,1fr)}.guidegrid,.footgrid{grid-template-columns:1fr}.topnav{display:none}.checkgrid,.score-row,.starter-steps{grid-template-columns:1fr}.hero h1{font-size:clamp(38px,10vw,56px)}}@media(max-width:560px){.navwrap,.hero,.section,.article,.footgrid{width:min(100% - 24px,1180px)}.cards,.productgrid{grid-template-columns:1fr}.hero{margin-top:16px}.tpl-desk .hero,.tpl-supply .hero{padding:24px}.hero p{font-size:16px}.logo span{font-size:20px}}