:root{--navy:#0F1B3D;--navy-l:#2E4A8A;--teal:#14B8A6;--teal-d:#0F766E;--tint:#E6F7F5;--amber:#F59E0B;--teal-dk:#2DD4BF;--g9:#1E293B;--g6:#475569;--g3:#CBD5E1;--g1:#F1F5F9;--ink:var(--navy);--muted:var(--g6);--line:var(--g3);--bg:#fff;--soft:var(--g1)}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 Inter,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--teal-d)}a:hover{color:var(--navy-l)}h1,h2,h3{color:var(--navy);letter-spacing:-.01em}
header,main,footer>*{max-width:1040px;margin-left:auto;margin-right:auto}header,main{padding:0 20px}
header{display:flex;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px;border-bottom:3px solid var(--teal)}
header .logo{display:flex}header .logo img{height:56px;width:auto}header nav a{margin-left:18px;color:var(--navy);text-decoration:none;font-weight:500}header nav a:hover{color:var(--teal-d)}
.hero{padding:56px 0 28px}.hero h1{font-size:44px;line-height:1.15;margin:0 0 16px;max-width:820px}.hero p{font-size:20px;color:var(--muted);max-width:720px}
.btn{display:inline-block;background:var(--amber);color:var(--navy);padding:10px 18px;border-radius:8px;text-decoration:none;font-weight:700;margin:4px 6px 4px 0;border:1px solid var(--amber)}.btn:hover{background:#FBBF24;color:var(--navy)}
.btn.ghost{background:#fff;color:var(--navy);border:1px solid var(--teal)}.btn.ghost:hover{background:var(--tint)}
a:focus-visible,.btn:focus-visible,summary:focus-visible{outline:3px solid var(--teal-d);outline-offset:2px}
section{padding:40px 0;border-top:1px solid var(--line)}h2{font-size:30px;margin:0 0 14px}
#how,#why,#faq{background:var(--tint);border-top:0;margin:0 -20px;padding:40px 20px;border-radius:16px;margin-bottom:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:#fff;border-radius:12px;padding:18px;border-top:3px solid var(--teal);box-shadow:0 1px 2px rgba(15,27,61,.08)}.card h3{margin:0 0 6px;font-size:18px}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.plan{border:1px solid var(--line);border-radius:12px;padding:20px;background:#fff}.plan.featured{border:2px solid var(--teal);box-shadow:0 4px 14px rgba(20,184,166,.18)}
.plan h3{margin:0}.price{font-size:34px;font-weight:800;margin:8px 0 0;color:var(--navy)}.price small{font-size:15px;font-weight:400;color:var(--muted)}.plan ul{padding-left:18px}
.muted{color:var(--muted)}.note{background:#FFF8E6;border:1px solid #F0D58A;border-left:4px solid var(--amber);border-radius:8px;padding:10px 14px;color:var(--navy)}
table{border-collapse:collapse;width:100%}th{background:var(--g1)}td,th{border-bottom:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}
details{border-bottom:1px solid var(--line);padding:10px 0}summary{cursor:pointer;font-weight:600;color:var(--navy)}
footer{background:var(--navy);color:#CBD5E1;font-size:14px;margin-top:40px;padding:34px 20px 50px;border-top:4px solid var(--teal)}footer p{padding:0}footer a{color:var(--teal-dk);margin-right:14px}footer a:hover{color:#fff}.flogo img{height:35px;width:auto}
.doc{max-width:780px}.doc h1{font-size:34px}
@media(max-width:640px){.hero h1{font-size:32px}header{flex-wrap:wrap}header nav a{margin-left:10px;font-size:15px}#how,#why,#faq{margin:0}}

.grid.grid4{grid-template-columns:repeat(4,1fr)}@media(max-width:960px){.grid.grid4{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid.grid4{grid-template-columns:1fr}}