@font-face{font-family:Sora;src:url(/assets/sora.v1.woff2) format("woff2");font-weight:300 800;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url(/assets/nunito.v1.woff2) format("woff2");font-weight:300 900;font-display:swap}
:root{--navy:#172554;--ink:#0B1530;--tx:#1E2742;--mut:#5B6480;--ln:#E3E7F2;--bg:#FFFFFF;--soft:#F5F7FC;--lime:#A3E635;--lime2:#84CC16;--lilac:#C4B5FD;--lilac-s:#EEE9FF;--peach:#FFD7BA;--peach-s:#FFF1E6;--sky:#BAE6FD;--sky-s:#E8F6FE;--lime-s:#F0FADC;--link:#3B49DF;--r:16px;--sh:0 1px 2px rgba(11,21,48,.06),0 8px 24px rgba(11,21,48,.07);--hf:Sora,"Segoe UI",system-ui,sans-serif;--bf:"Nunito Sans","Segoe UI",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--tx);font:400 17px/1.7 var(--bf);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
h1,h2,h3,h4,h5{font-family:var(--hf);color:var(--ink);line-height:1.22;letter-spacing:-.015em;margin:1.6em 0 .55em}
h1{font-size:clamp(30px,4.4vw,48px);font-weight:700;margin:.2em 0 .35em;letter-spacing:-.025em}
h2{font-size:clamp(23px,2.6vw,30px);font-weight:700}
h3{font-size:clamp(19px,2vw,22px);font-weight:650}
h4{font-size:18px;font-weight:650}
p,ul,ol{margin:0 0 1.05em}
.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 20px}
.wrap--n{max-width:800px}
/* header */
.hd{position:sticky;top:0;z-index:30;background:var(--navy);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.06)}
.hd-r{display:flex;align-items:center;gap:24px;min-height:68px}
.hd-l{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;flex:none}
.hd-l svg{flex:none}
.hd-w{font:700 19px/1 var(--hf);letter-spacing:-.02em;color:#fff;white-space:nowrap}
.hd-w b{color:var(--lime);font-weight:800}
.hd-n{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
.hd-n a{color:#DCE3F7;text-decoration:none;font:600 14.5px/1 var(--bf);padding:10px 12px;border-radius:999px;white-space:nowrap}
.hd-n a:hover{background:rgba(255,255,255,.09);color:#fff}
.hd-n a:last-child{background:var(--lime);color:var(--ink)}
.hd-b{display:none;margin-left:auto;background:none;border:0;width:44px;height:44px;padding:11px 9px;cursor:pointer}
.hd-b i{display:block;height:2px;background:#fff;border-radius:2px;margin:5px 0}
@media (max-width:1000px){.hd-b{display:block}.hd-n{display:none;position:absolute;left:0;right:0;top:100%;background:var(--navy);flex-direction:column;align-items:stretch;padding:8px 16px 18px;gap:2px}.hd-n.is-o{display:flex}.hd-n a{padding:13px 14px;border-radius:10px;font-size:16px}.hd-n a:last-child{text-align:center;margin-top:6px}}
/* breadcrumbs */
.cr ol{list-style:none;margin:0 0 14px;padding:0;display:flex;gap:6px;font-size:14px;color:var(--mut);flex-wrap:wrap}
.cr li+li::before{content:"/";margin-right:6px;opacity:.6}
.cr a{color:inherit;text-decoration:none}
.cr a:hover{color:var(--link)}
@media (max-width:640px){.cr ol{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.cr ol::-webkit-scrollbar{display:none}}
/* page heads */
.bd{padding:34px 0 30px;background:var(--soft);border-bottom:1px solid var(--ln)}
.bd .lede,.lede{font-size:19px;line-height:1.6;color:#2E3756;max-width:760px;margin:0}
.bd--rv{background:linear-gradient(135deg,var(--lilac-s) 0%,#F7F5FF 55%,var(--lime-s) 100%)}
.bd--vs{background:linear-gradient(135deg,var(--peach-s),#fff 60%,var(--lilac-s))}
.bd--best{background:linear-gradient(135deg,var(--lime-s),#fff 60%,var(--sky-s))}
.bd--guide{background:linear-gradient(135deg,var(--sky-s),#fff 70%)}
.bd--data{background:linear-gradient(135deg,var(--sky-s),var(--lilac-s))}
.bd--tech{background:var(--soft)}
.bd--hub h1{margin-bottom:.25em}
.hb-c{display:inline-block;margin:14px 0 0;font:700 13px/1 var(--hf);text-transform:uppercase;letter-spacing:.06em;color:var(--navy);background:#fff;border:1px solid var(--ln);padding:8px 12px;border-radius:999px}
.bd-g{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px 40px;align-items:start}
.bd-g .cr{grid-column:1/-1}
@media (max-width:900px){.bd-g{grid-template-columns:minmax(0,1fr)}}
.bd-g>*{min-width:0}
/* review score card */
.sc{background:#fff;border-radius:20px;box-shadow:var(--sh);overflow:hidden;border:1px solid var(--ln)}
.sc-f img{width:100%;aspect-ratio:16/10;object-fit:cover}
.sc-b{padding:18px 20px 20px}
.sc-n{font:700 18px/1.3 var(--hf);color:var(--ink);margin:0 0 10px}
.sc-s{display:flex;align-items:baseline;gap:8px;margin:0 0 12px}
.sc-s b{font:800 34px/1 var(--hf);color:var(--navy);background:var(--lime);padding:8px 12px;border-radius:12px}
.sc-s span{font-size:14px;color:var(--mut)}
.sc dl{margin:0 0 16px;display:grid;gap:0}
.sc dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--ln);font-size:15px}
.sc dt{color:var(--mut)}.sc dd{margin:0;font-weight:700;color:var(--ink);text-align:right}
.sc .btn{width:100%}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--lime2);color:var(--ink);font:700 16px/1.2 var(--hf);text-decoration:none;padding:13px 22px;border-radius:12px;min-height:46px;text-align:center;transition:background .15s,transform .15s}
.btn:hover{background:var(--lime);transform:translateY(-1px);text-decoration:none}
.btn::after{content:"\2197";font-size:.9em}
.btn--s{padding:9px 14px;min-height:40px;font-size:14px;border-radius:10px}
.btn--l{padding:15px 24px;font-size:17px}
.btn--w{background:var(--lime)}
.bt{margin:1.2em 0}
/* article layout */
.art{display:block;padding-top:28px;padding-bottom:40px}
.art--r{display:grid;grid-template-columns:240px minmax(0,760px);gap:48px;justify-content:center}
.col{min-width:0}
.rail{position:sticky;top:92px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;padding:4px 0}
.rail p{font:700 12px/1 var(--hf);text-transform:uppercase;letter-spacing:.08em;color:var(--mut);margin:0 0 12px}
.rail ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--ln)}
.rail a{display:block;padding:7px 0 7px 14px;margin-left:-2px;border-left:2px solid transparent;color:var(--tx);font-size:14.5px;line-height:1.35;text-decoration:none}
.rail a:hover{border-color:var(--lime2);color:var(--navy)}
.toc{display:none;background:var(--soft);border-radius:var(--r);padding:14px 18px;margin:0 0 20px;border:1px solid var(--ln)}
.toc summary{font:700 16px/1.3 var(--hf);color:var(--ink);cursor:pointer}
.toc ol{margin:12px 0 0;padding-left:20px}
.toc li{margin:6px 0}
@media (max-width:1000px){.art--r{display:block}.rail{display:none}.toc{display:block}}
.disc{font-size:14px;color:var(--mut);background:var(--soft);border-left:3px solid var(--lilac);padding:10px 14px;border-radius:0 10px 10px 0;margin:0 0 22px}
.prose>:first-child{margin-top:0}
.prose h2{padding-top:.2em}
.prose h2::before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:var(--lime2);margin-bottom:14px}
.prose li{margin:.35em 0}
.prose ul li::marker{color:var(--lime2)}
.prose figure{margin:1.6em 0}
.prose figure img{border-radius:14px}
.prose figcaption{font-size:14px;color:var(--mut);margin-top:8px}
.prose blockquote,.q{margin:1.6em 0;padding:18px 22px;background:var(--lilac-s);border-radius:var(--r);font-size:18px;color:var(--ink)}
.q cite{display:block;margin-top:8px;font-size:14px;color:var(--mut);font-style:normal}
.prose hr{border:0;border-top:1px solid var(--ln);margin:2em 0}
.vid{position:relative;aspect-ratio:16/9;margin:1.6em 0;border-radius:14px;overflow:hidden;background:var(--ink)}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:1.6em 0}
.gal figure{margin:0}
.gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin:1.6em 0}
.split figure{margin:0}
.cols{display:grid;gap:18px;margin:1.6em 0}
.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}
.cols .col{background:var(--soft);border-radius:var(--r);padding:16px 18px;border:1px solid var(--ln)}
.cols .col>:last-child{margin-bottom:0}
.cols .col h3{margin-top:0}
@media (max-width:760px){.split,.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}}
.chk{list-style:none;padding:0}
.chk li{position:relative;padding-left:30px}
.chk li::before{content:"";position:absolute;left:0;top:.42em;width:18px;height:18px;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%230B1530' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
/* score meters, pros/cons */
.sx{background:var(--soft);border:1px solid var(--ln);border-radius:20px;padding:20px 22px;margin:1.6em 0}
.ms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:1.2em 0}
.sx .ms{margin:0}
.m{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center}
.m-l{font-size:15px;color:var(--tx)}
.m-v{font:700 14px/1 var(--hf);color:var(--navy)}
.m-b{grid-column:1/-1;height:8px;background:#E2E6F3;border-radius:8px;overflow:hidden}
.m-b i{display:block;height:100%;background:linear-gradient(90deg,var(--lilac),var(--lime2));border-radius:8px}
.pcn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.pcn>div{background:#fff;border-radius:14px;padding:14px 16px}
.pcn p{font:700 15px/1 var(--hf);margin:0 0 10px}
.pcn-p p{color:#3F6212}.pcn-c p{color:#9A3412}
.pcn ul{margin:0;padding-left:18px;font-size:15.5px}
@media (max-width:640px){.ms,.pcn{grid-template-columns:1fr}}
.sts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:1.6em 0}
.st{background:var(--lime-s);border-radius:14px;padding:16px}
.st b{display:block;font:800 28px/1.1 var(--hf);color:var(--navy)}
.st span{font-size:14px;color:var(--mut)}
.sr{display:inline-flex;align-items:baseline;gap:4px;background:var(--lime-s);border-radius:999px;padding:6px 14px;font-size:15px}
.sr b{font:800 18px/1 var(--hf);color:var(--navy)}
/* product boxes */
.pcs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:1.6em 0}
.pc{background:#fff;border:1px solid var(--ln);border-radius:20px;overflow:hidden;box-shadow:var(--sh);display:flex;flex-direction:column;margin:1.6em 0}
.pcs .pc{margin:0}
.pc-h{margin:0;padding:16px 18px 8px;font-size:19px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.pc-k{font:700 12px/1 var(--hf);text-transform:uppercase;letter-spacing:.06em;background:var(--lilac);color:var(--ink);padding:6px 10px;border-radius:999px}
.pc-f{padding:0 18px}
.pc-f img{width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--soft);border-radius:12px}
.pc-b{padding:12px 18px 18px;display:flex;flex-direction:column;flex:1;font-size:16px}
.pc-b p:last-of-type{margin-bottom:12px}
.pc-a{margin-top:auto}
.pc-a .btn{width:100%}
.picks{list-style:none;padding:0;margin:1.6em 0;display:grid;gap:12px;counter-reset:pk}
.pk{display:grid;grid-template-columns:auto 96px minmax(0,1fr) auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--ln);border-radius:18px;padding:14px 16px;box-shadow:var(--sh)}
.pk-n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--lime);font:800 15px/1 var(--hf)}
.pk-f img{width:96px;height:72px;object-fit:contain;background:var(--soft);border-radius:10px}
.pk-t b{display:block;font:700 17px/1.3 var(--hf);color:var(--ink)}
.pk-t p{margin:4px 0 0;font-size:15px;color:var(--mut);line-height:1.5}
.pk-b{display:inline-block;font:700 11.5px/1 var(--hf);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);background:var(--peach);padding:5px 9px;border-radius:999px;margin-bottom:6px}
@media (max-width:640px){.pk{grid-template-columns:auto minmax(0,1fr);gap:10px 12px}.pk-f{grid-column:2}.pk-t{grid-column:1/-1}.pk-a{grid-column:1/-1}.pk-a .btn{width:100%}}
.cb{display:flex;gap:18px;align-items:center;justify-content:space-between;background:var(--navy);color:#E6EAF8;border-radius:20px;padding:20px 24px;margin:1.8em 0}
.cb-t p{margin:0}.cb-t p:first-child{font:700 19px/1.3 var(--hf);color:#fff}
@media (max-width:640px){.cb{flex-direction:column;align-items:stretch}}
.ibs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:1.6em 0}
.ib{display:flex;flex-direction:column;gap:10px;background:var(--soft);border:1px solid var(--ln);border-radius:16px;padding:14px;text-decoration:none;color:var(--tx)}
.ib-i{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.ib b{display:block;font:700 16px/1.3 var(--hf);color:var(--ink)}
.ib span{font-size:15px;color:var(--mut)}
a.ib:hover{border-color:var(--lilac)}
.acs{margin:1.6em 0;display:grid;gap:10px}
.ac{background:var(--soft);border:1px solid var(--ln);border-radius:14px;padding:4px 18px 6px}
.ac h3{font-size:18px;margin:14px 0 8px}
/* tables */
.tbl{overflow-x:auto;margin:1.6em 0;border:1px solid var(--ln);border-radius:16px;-webkit-overflow-scrolling:touch}
.tbl table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.5}
.tbl th,.tbl td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--ln)}
.tbl thead th{background:var(--navy);color:#fff;font:700 14px/1.3 var(--hf)}
.tbl tbody tr:nth-child(even){background:var(--soft)}
.tbl tr:last-child td{border-bottom:0}
.tbl .tr-a td{background:var(--lime-s)}
.tbl img{max-width:120px}
.nt{font-size:13.5px;color:var(--mut);margin-top:-.8em}
@media (max-width:640px){.tbl--c{border:0;overflow:visible}.tbl--c thead{display:none}.tbl--c table,.tbl--c tbody,.tbl--c tr,.tbl--c td,.tbl--c th{display:block;width:100%}.tbl--c tr{border:1px solid var(--ln);border-radius:14px;margin:0 0 12px;padding:6px 0;background:#fff!important}.tbl--c td,.tbl--c th{border:0;padding:6px 14px}.tbl--c td[data-l]::before{content:attr(data-l);display:block;font:700 12px/1.3 var(--hf);text-transform:uppercase;letter-spacing:.05em;color:var(--mut);margin-bottom:2px}.tbl--c td:empty{display:none}}
/* end card, versus */
.endc{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--navy);border-radius:20px;padding:22px 24px;margin:2.2em 0 0;color:#DCE3F7}
.endc b{display:block;font:700 20px/1.3 var(--hf);color:#fff}
.endc span{font-size:15px}
@media (max-width:640px){.endc{flex-direction:column;align-items:stretch}}
.cm{margin:2.6em 0 0;padding-top:1.6em;border-top:1px solid var(--ln)}
.cm h2{font:700 24px/1.25 var(--hf);color:var(--ink);margin:0 0 16px;display:flex;align-items:center;gap:10px}
.cm h2 span{font:700 13px/1 var(--bf);background:var(--lilac-s);color:var(--navy);border-radius:999px;padding:6px 10px}
.cm-l{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.cm-l--r{margin:12px 0 0 18px;padding-left:16px;border-left:3px solid var(--sky)}
.cm-i{background:var(--soft);border-radius:var(--r);padding:14px 18px}
.cm-l--r .cm-i{background:#fff;border:1px solid var(--ln)}
.cm-l .cm-i--ed{background:var(--lime-s);border-color:transparent}
.cm-i--ed .cm-h b::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime2);margin-left:8px;vertical-align:middle}
.cm-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 6px}
.cm-h b{font:700 15px/1.3 var(--hf);color:var(--navy);overflow-wrap:anywhere}
.cm-h time{font-size:13px;color:var(--mut)}
.cm-t p{margin:0 0 .6em;font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.cm-t p:last-child{margin:0}
@media (max-width:640px){.cm-l--r{margin-left:4px;padding-left:10px}.cm-i{padding:12px 14px}}
.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch;margin-top:22px;max-width:760px}
.vs-c{background:#fff;border:1px solid var(--ln);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--sh)}
.vs-c b{font:700 19px/1.3 var(--hf);color:var(--ink)}
.vs-x{align-self:center;width:46px;height:46px;border-radius:50%;background:var(--navy);color:var(--lime);display:grid;place-items:center;font:800 15px/1 var(--hf);text-transform:uppercase}
.vs-r{font-size:15px}
@media (max-width:560px){.vs{grid-template-columns:1fr}.vs-x{justify-self:center}}
/* cards */
.cds{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.cds-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cds-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.cds-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.cds-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.cds,.cds-3,.cds-4{grid-template-columns:1fr}}
.cd{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--ln);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--tx);transition:box-shadow .15s,transform .15s}
.cd:hover{box-shadow:var(--sh);transform:translateY(-2px)}
.cd-f{display:block;aspect-ratio:16/10;background:var(--soft);overflow:hidden}
.cd-f img{width:100%;height:100%;object-fit:cover}
.cd-f--lime{background:linear-gradient(135deg,var(--lime),#D9F99D)}.cd-f--lilac{background:linear-gradient(135deg,var(--lilac),#E4DCFF)}.cd-f--peach{background:linear-gradient(135deg,var(--peach),#FFEBDD)}.cd-f--sky{background:linear-gradient(135deg,var(--sky),#E0F2FE)}
.cd-f i{display:flex;height:100%;align-items:flex-end;padding:16px;font:800 26px/1 var(--hf);font-style:normal;color:var(--navy);opacity:.85}
.cd-b{display:flex;flex-direction:column;gap:6px;padding:14px 16px 18px}
.cd-b small{font:700 11.5px/1 var(--hf);text-transform:uppercase;letter-spacing:.07em;color:#6D28D9}
.cd-b b{font:700 17px/1.35 var(--hf);color:var(--ink)}
.cd-b span{font-size:15px;color:var(--mut);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cd-s{position:absolute;top:12px;right:12px;font:800 15px/1 var(--hf);font-style:normal;background:var(--lime);color:var(--ink);padding:8px 10px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.more{background:var(--soft);padding:40px 0 48px;border-top:1px solid var(--ln)}
.more h2{margin:0 0 20px}
/* hubs */
.hb{padding-top:32px;padding-bottom:40px}
.hb-lh{font:800 22px/1.25 var(--hf);color:var(--navy);margin:40px 0 14px}
.hb-l{list-style:none;margin:0;padding:0;columns:2 320px;column-gap:32px}
.hb-l li{break-inside:avoid;padding:9px 0;border-bottom:1px solid var(--ln)}
.hb-l a{color:var(--ink);font-weight:700;text-decoration:none}
.hb-l a:hover{color:var(--link);text-decoration:underline}
.hb-p{padding-bottom:40px}
.hb-n{background:var(--soft);border-top:1px solid var(--ln);padding:28px 0 34px}
.hb-h{font:700 13px/1 var(--hf);text-transform:uppercase;letter-spacing:.08em;color:var(--mut);margin:0 0 14px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a{display:inline-block;padding:9px 15px;border-radius:999px;background:#fff;border:1px solid var(--ln);color:var(--ink);font:600 15px/1.2 var(--bf);text-decoration:none}
.chips a:hover{border-color:var(--lime2);background:var(--lime-s)}
.pg{display:flex;gap:8px;justify-content:center;margin:32px 0 0;flex-wrap:wrap}
.pg a{min-width:44px;height:44px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--ln);text-decoration:none;color:var(--ink);font-weight:700}
.pg a[aria-current]{background:var(--navy);color:#fff;border-color:var(--navy)}
/* home */
.hr{background:radial-gradient(1200px 500px at 85% -10%,#2B3F8F 0%,transparent 60%),var(--navy);color:#DCE3F7;padding:56px 0 64px;overflow:hidden}
.hr-g{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center}
.hr h1{color:#fff;font-size:clamp(32px,4.6vw,54px)}
.hr-t>p{font-size:18.5px;max-width:560px}
.hr-k{display:inline-block;font:700 13px/1 var(--hf);text-transform:uppercase;letter-spacing:.1em;color:var(--lime);margin:0 0 14px}
.hr-q{font:700 15px/1 var(--hf);color:#fff;margin:26px 0 12px}
.chips--h a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}
.chips--h a:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.hms{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;gap:14px;height:420px}
.hm{display:block;border-radius:20px;overflow:hidden;background:#24356F}
.hm img{width:100%;height:100%;object-fit:cover}
.hm0{grid-row:1/3}
.hm1{border:4px solid var(--lime)}.hm2{border:4px solid var(--lilac)}
@media (max-width:900px){.hr-g{grid-template-columns:1fr}.hms{height:300px}}
@media (max-width:520px){.hr{padding:36px 0 40px}.hms{height:220px;gap:10px}}
.ln{padding:56px 0}
.ln h2{margin:0}
.ln-h{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:0 0 22px;flex-wrap:wrap}
.ln-tx{max-width:760px;margin:0 0 22px;color:#2E3756}
.ln-tx>:last-child{margin-bottom:0}
.more-l{font:700 15px/1.2 var(--hf);color:var(--link);text-decoration:none;white-space:nowrap}
.more-l::after{content:" \2192"}
.ln-rv{background:var(--soft)}
.pcs--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.pcs--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.pcs--4{grid-template-columns:1fr}}
.tys{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:8px}
.ty{display:flex;flex-direction:column;gap:8px;border-radius:20px;background:var(--lime);padding:24px 22px;text-decoration:none;color:var(--ink);min-height:170px;transition:transform .15s}
.ty:hover{transform:translateY(-3px)}
.ty b{font:800 22px/1.2 var(--hf)}
.ty span{font-size:15.5px;color:#2E3756}
.ty em{margin-top:auto;font:700 14px/1 var(--hf);font-style:normal}
.ty em::after{content:" \2192"}
.ty--lilac{background:var(--lilac)}.ty--peach{background:var(--peach)}.ty--sky{background:var(--sky)}
.ln-vs{background:var(--navy);color:#DCE3F7}
.ln-vs h2{color:#fff;margin-bottom:12px}
.ln-vsg{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center}
.vsls{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vsl{display:block;padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none}
.vsl:hover{background:rgba(255,255,255,.13)}
.vsl b{font:700 16.5px/1.35 var(--hf)}
.vsl i{font-style:normal;color:var(--lime);padding:0 4px}
@media (max-width:900px){.ln-vsg{grid-template-columns:1fr}}
@media (max-width:520px){.vsls{grid-template-columns:1fr}}
.ln-pt{background:var(--lime-s)}.ln-pt--lilac{background:var(--lilac-s)}.ln-pt--peach{background:var(--peach-s)}.ln-pt--sky{background:var(--sky-s)}
.ln-ptg{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:40px;align-items:start}
.ln-ptg h2{margin-bottom:14px}
.pts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pt{background:#fff;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--sh)}
.pt-f img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:12px;background:var(--soft)}
.pt b{font:700 16px/1.3 var(--hf);color:var(--ink)}
.pt>span{font-size:14.5px;color:var(--mut);line-height:1.5}
.pt .btn{margin-top:auto}
@media (max-width:900px){.ln-ptg{grid-template-columns:1fr}}
@media (max-width:640px){.pts{grid-template-columns:1fr}}
.gg{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px}
.gb{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--sky-s);text-decoration:none;color:var(--tx)}
.gb .cd-f{aspect-ratio:16/9}
.gb .cd-b{padding:20px 22px 24px}
.gb .cd-b b{font-size:22px}
.gls{display:grid;gap:4px}
.gl{display:block;padding:14px 4px;border-bottom:1px solid var(--ln);text-decoration:none;color:var(--tx)}
.gl b{display:block;font:700 17px/1.35 var(--hf);color:var(--ink)}
.gl span{display:block;font-size:15px;color:var(--mut);margin-top:4px}
.gl:hover b{color:var(--link)}
@media (max-width:900px){.gg{grid-template-columns:1fr}}
.ln-sl{background:linear-gradient(135deg,var(--peach-s),var(--lilac-s))}
.sls{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;counter-reset:s}
.sls li{counter-increment:s}
.sls a{display:flex;gap:14px;align-items:center;background:#fff;border-radius:14px;padding:14px 16px;text-decoration:none;color:var(--ink);font:600 16px/1.35 var(--bf)}
.sls a::before{content:counter(s,decimal-leading-zero);font:800 15px/1 var(--hf);color:#9A3412;background:var(--peach);border-radius:10px;padding:9px 8px;flex:none}
@media (max-width:640px){.sls{grid-template-columns:1fr}}
.ln-wh{padding:48px 0}
/* footer */
.ft{background:var(--ink);color:#AEB8D6;padding:48px 0 24px;font-size:15px}
.ft-g{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.ft a{color:#DCE3F7;text-decoration:none}
.ft a:hover{color:var(--lime)}
.ft nav{display:flex;flex-direction:column;gap:9px}
.ft-h{font:700 13px/1 var(--hf);text-transform:uppercase;letter-spacing:.08em;color:#fff;margin:0 0 6px}
.ft-a p{margin:12px 0 0;max-width:340px}
.ft-z{border-top:1px solid rgba(255,255,255,.1);margin-top:32px;padding-top:18px;font-size:13.5px}
@media (max-width:760px){.ft-g{grid-template-columns:1fr 1fr}.ft-a{grid-column:1/-1}}
/* cookie */
.ck{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:560px;margin:0 auto;background:var(--navy);color:#DCE3F7;border-radius:16px;padding:14px 16px;display:flex;gap:14px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:14.5px;line-height:1.5}
.ck[hidden]{display:none}
.ck p{margin:0}.ck a{color:var(--lime)}
.ck button{flex:none;background:var(--lime);color:var(--ink);border:0;border-radius:10px;padding:10px 18px;font:700 15px/1 var(--hf);cursor:pointer;min-height:44px}
@media (max-width:640px){body{font-size:16.5px}.wrap{padding:0 16px}.bd{padding:22px 0 24px}.bd .lede,.lede{font-size:17.5px}.ln{padding:40px 0}}