@font-face{font-family:'Inter';src:url('../fonts/inter.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --navy:#0d1a2b;
  --navy-2:#152943;
  --navy-3:#1d3557;
  --blue:#0a5ad6;
  --blue-dark:#0846a8;
  --blue-soft:#e8f0fe;
  --gold:#f5b400;
  --gold-dark:#d99a00;
  --ink:#16202e;
  --body:#42536b;
  --muted:#607187;
  --line:#e4eaf2;
  --line-soft:#eef2f8;
  --bg:#fff;
  --bg-soft:#f5f8fc;
  --bg-tint:#f0f5fb;
  --green:#0f9d58;
  --radius:14px;
  --radius-sm:10px;
  --shadow-sm:0 1px 2px rgba(13,26,43,.06),0 2px 8px rgba(13,26,43,.05);
  --shadow:0 4px 12px rgba(13,26,43,.07),0 12px 32px rgba(13,26,43,.07);
  --shadow-lg:0 10px 24px rgba(13,26,43,.1),0 24px 60px rgba(13,26,43,.12);
  --wrap:1180px;
  --narrow:720px;
  --ff:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--ff);font-size:17px;line-height:1.65;color:var(--body);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--blue-dark)}
h1,h2,h3,h4{color:var(--ink);font-weight:800;line-height:1.2;margin:0 0 .5em;letter-spacing:-.02em}
h1{font-size:clamp(28px,5.2vw,44px)}
h2{font-size:clamp(23px,3.6vw,32px)}
h3{font-size:19px}
p{margin:0 0 1.1em}
ul,ol{margin:0 0 1.1em;padding-left:1.2em}
button{font:inherit;cursor:pointer}
input,select{font:inherit;color:var(--ink)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px;top:0;background:var(--navy);color:#fff;padding:10px 16px;z-index:200}
.skip:focus{left:8px;top:8px}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 20px}
.wrap.narrow{max-width:var(--narrow)}
.wrap.center{text-align:center}
.section{padding:clamp(44px,6vw,76px) 0}

.ic{display:inline-block;width:1em;height:1em;vertical-align:-.125em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;flex:none}
.ic-check{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ic-video{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='5' width='14' height='14' rx='3' fill='%23000'/%3E%3Cpath d='M22 8l-5 4 5 4z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='5' width='14' height='14' rx='3' fill='%23000'/%3E%3Cpath d='M22 8l-5 4 5 4z' fill='%23000'/%3E%3C/svg%3E")}
.ic-clock{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M12 7v5l3.5 2' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M12 7v5l3.5 2' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.ic-search{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='%23000' stroke-width='2.2'/%3E%3Cpath d='M20 20l-3.6-3.6' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='%23000' stroke-width='2.2'/%3E%3Cpath d='M20 20l-3.6-3.6' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
.ic-shield{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l8 3.5v6c0 5-3.4 9.3-8 10.5-4.6-1.2-8-5.5-8-10.5v-6z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l8 3.5v6c0 5-3.4 9.3-8 10.5-4.6-1.2-8-5.5-8-10.5v-6z' fill='%23000'/%3E%3C/svg%3E")}
.ic-list{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3.5 6h.01M3.5 12h.01M3.5 18h.01' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3.5 6h.01M3.5 12h.01M3.5 18h.01' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
.ic-scale{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v18M5 7h14M6 7l-3 7h6zM18 7l-3 7h6z' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v18M5 7h14M6 7l-3 7h6zM18 7l-3 7h6z' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ic-tag{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12l9-9h9v9l-9 9z' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.6' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12l9-9h9v9l-9 9z' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.6' fill='%23000'/%3E%3C/svg%3E")}
.ic-arrow{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ic-up{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19V6M6 12l6-6 6 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19V6M6 12l6-6 6 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ic-play{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4.5v15l13-7.5z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4.5v15l13-7.5z' fill='%23000'/%3E%3C/svg%3E")}

.topstrip{background:var(--navy);color:#c9d8ec;font-size:13px;letter-spacing:.01em}
.topstrip .wrap{display:flex;gap:26px;align-items:center;justify-content:center;height:38px;overflow:hidden}
.ts-item{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.ic-yt{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M23.5 6.5a3 3 0 0 0-2.1-2.1C19.5 3.8 12 3.8 12 3.8s-7.5 0-9.4.6A3 3 0 0 0 .5 6.5C0 8.4 0 12 0 12s0 3.6.5 5.5a3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1c.5-1.9.5-5.5.5-5.5s0-3.6-.5-5.5zM9.6 15.6V8.4l6.3 3.6z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M23.5 6.5a3 3 0 0 0-2.1-2.1C19.5 3.8 12 3.8 12 3.8s-7.5 0-9.4.6A3 3 0 0 0 .5 6.5C0 8.4 0 12 0 12s0 3.6.5 5.5a3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1c.5-1.9.5-5.5.5-5.5s0-3.6-.5-5.5zM9.6 15.6V8.4l6.3 3.6z' fill='%23000'/%3E%3C/svg%3E")}
.ic-fb{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.1 8.3V6.6c0-.8.2-1.3 1.4-1.3h1.6V2.2c-.3 0-1.3-.1-2.4-.1-2.5 0-4.2 1.5-4.2 4.3v1.9H8.8v3.4h2.7v8.6h3.6v-8.6h2.7l.4-3.4z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.1 8.3V6.6c0-.8.2-1.3 1.4-1.3h1.6V2.2c-.3 0-1.3-.1-2.4-.1-2.5 0-4.2 1.5-4.2 4.3v1.9H8.8v3.4h2.7v8.6h3.6v-8.6h2.7l.4-3.4z' fill='%23000'/%3E%3C/svg%3E")}
.social{display:flex;align-items:center;gap:9px}
.soc{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:#eef2f8;font-size:19px;transition:background .16s,color .16s,transform .16s}
.soc-yt{color:#ff0000}
.soc-fb{color:#1877f2}
.soc:hover{color:#fff;transform:translateY(-1px)}
.soc-yt:hover{background:#ff0000}
.soc-fb:hover{background:#1877f2}
.header-social{flex:none}
.foot-social{margin-top:16px}
.foot-social .soc{background:rgba(255,255,255,.09);color:#fff}
.foot-social .soc-yt:hover{background:#ff0000;color:#fff}
.foot-social .soc-fb:hover{background:#1877f2;color:#fff}
.ts-item .ic{color:var(--gold);font-size:14px}
@media(max-width:720px){.topstrip .wrap{justify-content:flex-start;gap:18px}.ts-item:nth-child(3){display:none}}
@media(max-width:460px){.ts-item:nth-child(2){display:none}.topstrip .wrap{justify-content:center}}

.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:12px}
.logo{display:block;flex:none}
.logo img{width:auto;height:52px}
.burger{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:11px 10px;flex-direction:column;justify-content:space-between}
.burger span{display:block;height:2px;background:var(--navy);border-radius:2px}

@media(min-width:961px){
  .header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:18px;padding-bottom:14px}
  .header-inner .burger{display:none}
  .logo{grid-column:2;justify-self:center}
  .logo img{height:80px}
  .header-social{grid-column:3;justify-self:end}
}
@media(max-width:960px){
  .header-inner{display:grid;grid-template-columns:42px 1fr 42px;align-items:center}
  .burger{display:flex;grid-column:1}
  .header-social{display:none}
  .logo{grid-column:2;justify-self:center}
  .logo img{height:46px}
}

.site-nav{border-top:1px solid var(--line-soft);background:linear-gradient(180deg,#fff,#fbfdff)}
.nav-inner{display:flex;gap:12px;align-items:center;justify-content:center;padding:12px 20px}
.field{position:relative;display:flex;align-items:center}
.field-select .cat-trigger{font-family:inherit;text-align:left;display:inline-flex;align-items:center;color:var(--ink);height:46px;min-width:230px;padding:0 40px 0 16px;border:1.5px solid var(--line);border-radius:11px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%230d1a2b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center/18px;font-weight:600;font-size:15px;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.field-select .cat-trigger:hover{border-color:#cbd7e6}
.field-select .cat-trigger:focus-visible{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,90,214,.12)}
.field-search{flex:1;max-width:420px}
.field-search>.ic{position:absolute;left:15px;color:var(--muted);font-size:18px;pointer-events:none}
.field-search input{width:100%;height:46px;padding:0 16px 0 44px;border:1.5px solid var(--line);border-radius:11px;background:#fff;font-size:15px;transition:border-color .15s,box-shadow .15s}
.field-search input::placeholder{color:#93a3b8}
.field-search input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,90,214,.12)}
.field-search.inline{max-width:320px}
@media(max-width:960px){.site-nav{display:none}}

.suggest{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;z-index:80;max-height:340px;overflow-y:auto}
.suggest a{display:flex;align-items:center;gap:10px;padding:11px 14px;color:var(--ink);font-size:15px;border-bottom:1px solid var(--line-soft)}
.suggest a:last-child{border-bottom:0}
.suggest a:hover,.suggest a.on{background:var(--blue-soft)}
.suggest .s-name{font-weight:650}
.suggest .s-cat{margin-left:auto;font-size:12.5px;color:var(--muted);white-space:nowrap}
.suggest .s-empty{padding:14px;color:var(--muted);font-size:14.5px}

.drawer{position:fixed;inset:0;z-index:120;background:rgba(13,26,43,.5)}
.drawer[hidden]{display:none}
.drawer-panel{position:absolute;top:0;left:0;bottom:0;width:min(88vw,340px);background:#fff;display:flex;flex-direction:column;animation:slideIn .22s ease}
@media(min-width:961px){.drawer-panel{width:min(88vw,392px)}.drawer-cats a{font-size:15.5px}}
@keyframes slideIn{from{transform:translateX(-100%)}to{transform:translateX(0)}}
.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}
.drawer-top img{height:38px;width:auto}
.drawer-close{width:38px;height:38px;border:0;background:transparent;font-size:30px;line-height:1;color:var(--navy)}
.drawer-body{padding:18px;overflow-y:auto}
.drawer-label{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.drawer-cats{list-style:none;margin:0 0 4px;padding:0}
.drawer-cats a{display:flex;justify-content:space-between;align-items:center;padding:11px 2px;color:var(--ink);font-weight:600;border-bottom:1px solid var(--line-soft)}
.drawer-cats a span{font-size:12.5px;color:var(--muted);font-weight:600}
.drawer-sep{height:1px;background:var(--line);margin:18px 0}
.drawer-links{list-style:none;margin:0;padding:0}
.drawer-links a{display:block;padding:8px 2px;color:var(--body);font-size:15px}

.hero{background:radial-gradient(1200px 420px at 50% -60px,#16304f 0%,var(--navy) 62%);color:#dce7f5;position:relative;overflow:hidden}

.hero-inner{position:relative;z-index:2;text-align:center;padding-top:clamp(44px,7vw,80px);padding-bottom:clamp(52px,7vw,86px)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:7px 16px;border-radius:999px;background:rgba(245,180,0,.13);border:1px solid rgba(245,180,0,.3);color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.hero h1{color:#fff;max-width:16ch;margin:0 auto .5em;font-size:clamp(32px,5.6vw,54px);letter-spacing:-.03em}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero .lede{max-width:60ch;margin:0 auto 30px;font-size:clamp(16px,2vw,18.5px);color:#b8c9de}
.hero-search{position:relative;display:flex;align-items:center;gap:8px;max-width:620px;margin:0 auto;background:#fff;border-radius:14px;padding:8px;box-shadow:var(--shadow-lg)}
.hero-search>.ic{position:absolute;left:24px;color:var(--muted);font-size:20px;pointer-events:none}
.hero-search input{flex:1;height:52px;border:0;padding:0 8px 0 44px;font-size:16.5px;background:transparent;min-width:0}
.hero-search input:focus{outline:none}
.hero-search button{height:52px;padding:0 26px;border:0;border-radius:10px;background:var(--blue);color:#fff;font-weight:750;font-size:15.5px;letter-spacing:.01em;transition:background .15s,transform .1s}
.hero-search button:hover{background:var(--blue-dark)}
.hero-search button:active{transform:scale(.985)}
.hero-search .suggest{top:calc(100% + 10px);text-align:left}
.hero-search.compact{box-shadow:var(--shadow);margin:20px auto 0}
.hero-trust{list-style:none;display:flex;flex-wrap:wrap;gap:10px 30px;justify-content:center;margin:26px 0 0;padding:0;font-size:14.5px;color:#a9bcd4}
.hero-trust li{display:inline-flex;align-items:center;gap:8px}
.hero-trust .ic{color:var(--gold);font-size:16px}
@media(max-width:560px){
  .hero-search{flex-wrap:wrap;padding:10px}
  .hero-search>.ic{top:26px}
  .hero-search input{width:100%;flex:1 1 100%;height:48px}
  .hero-search button{width:100%;margin-top:8px}
  .hero-trust{flex-direction:column;gap:9px;align-items:center}
}

.sec-head{margin-bottom:28px;max-width:70ch}
.sec-head h2{margin-bottom:.3em}
.sec-head p{margin:0;color:var(--muted);font-size:16.5px}
.sec-head.row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;max-width:none}
.sec-head.row>div{max-width:70ch}

.btn-ghost{flex:none;display:inline-flex;align-items:center;height:42px;padding:0 20px;border:1.5px solid var(--line);border-radius:999px;color:var(--ink);font-weight:700;font-size:14.5px;background:#fff;transition:border-color .15s,color .15s}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}
.btn-primary{border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 28px;border-radius:12px;background:var(--blue);color:#fff;font-weight:750;font-size:16px;box-shadow:0 6px 18px rgba(10,90,214,.28);transition:background .15s,transform .12s,box-shadow .15s}
.btn-primary:hover{background:var(--blue-dark);color:#fff;transform:translateY(-1px);box-shadow:0 10px 24px rgba(10,90,214,.32)}

.cats-section{background:var(--bg-soft);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.cat-card{display:flex;flex-direction:column;gap:3px;padding:22px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:transform .16s,box-shadow .16s,border-color .16s}
.cat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#cfdcec}
.cat-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--blue-soft);color:var(--blue);margin-bottom:12px}
.cat-ic svg{width:23px;height:23px}
.cat-card:hover .cat-ic{background:var(--blue);color:#fff}
.cat-name{color:var(--ink);font-weight:750;font-size:16px;letter-spacing:-.01em}
.cat-sub{color:var(--muted);font-size:13.5px}

.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
@media(max-width:1000px){.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.grid-4{grid-template-columns:1fr}}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(268px,1fr);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;margin:0 -20px;padding-left:20px;padding-right:20px;scrollbar-width:thin}
.rail>*{scroll-snap-align:start}

.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .16s,box-shadow .16s,border-color .16s}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#cfdcec}
.card-media{position:relative;display:block;aspect-ratio:16/9;background:var(--bg-tint);overflow:hidden}
.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.card:hover .card-media img{transform:scale(1.04)}
.card-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:rgba(13,26,43,.72);color:#fff;display:grid;place-items:center;font-size:19px;backdrop-filter:blur(2px)}
.card-body{display:flex;flex-direction:column;gap:9px;padding:16px 17px 18px}
.card-cat{align-self:flex-start;font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--blue);background:var(--blue-soft);padding:4px 9px;border-radius:6px}
.card h3{margin:0;font-size:17.5px;line-height:1.3}
.card h3 a{color:var(--ink)}
.card h3 a:hover{color:var(--blue)}
.card-rate{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted)}
.rate-num{font-weight:800;color:var(--ink)}
.card-ex{margin:0;font-size:14.8px;color:var(--body);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card-link{margin-top:auto;display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:14.5px;padding-top:4px}
.card-link .ic{font-size:16px;transition:transform .15s}
.card-link:hover .ic{transform:translateX(3px)}

.stars{display:inline-flex;gap:2px}
.stars i{width:14px;height:14px;background:#d6dee9;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.9-6.2-3.3-6.2 3.3 1.2-6.9-5-4.9 6.9-1z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.9-6.2-3.3-6.2 3.3 1.2-6.9-5-4.9 6.9-1z' fill='%23000'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.stars i.on{background:var(--gold)}
.stars i.half{background:linear-gradient(90deg,var(--gold) 50%,#d6dee9 50%)}

.how{background:var(--bg-soft);border-top:1px solid var(--line-soft)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:1000px){.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.steps{grid-template-columns:1fr}}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px}
.step-n{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--navy);color:var(--gold);font-weight:800;font-size:17px;margin-bottom:14px}
.step h3{font-size:17px;margin-bottom:.45em}
.step p{margin:0;font-size:15.2px;color:var(--body)}

.check-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:start}
@media(max-width:900px){.check-grid{grid-template-columns:1fr;gap:26px}}
.check-copy p{color:var(--muted);font-size:16.5px;margin-bottom:1.6em}
.check-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}
@media(max-width:640px){.check-list{grid-template-columns:1fr}}
.check-list li{display:flex;gap:12px}
.check-list .ic{flex:none;margin-top:4px;width:20px;height:20px;color:#fff;background:var(--green);border-radius:50%;padding:4px;-webkit-mask:none;mask:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:14px;background-position:center;background-repeat:no-repeat;background-color:var(--green)}
.check-list strong{display:block;color:var(--ink);font-size:16px}
.check-list span{display:block;color:var(--muted);font-size:14.6px;line-height:1.5}

.faq-section{background:var(--bg-soft);border-top:1px solid var(--line-soft)}
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:10px;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:17px 46px 17px 20px;font-weight:700;color:var(--ink);position:relative;font-size:16.5px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:20px;top:50%;width:11px;height:11px;border-right:2.4px solid var(--muted);border-bottom:2.4px solid var(--muted);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-20%) rotate(-135deg)}
.faq details p{margin:0;padding:0 20px 18px;color:var(--body);font-size:15.6px}

.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13.6px;color:var(--muted);margin:0 0 18px}
.crumbs a{color:var(--muted)}
.crumbs a:hover{color:var(--blue)}
.crumb-now{color:var(--ink);font-weight:600}

.cat-hero,.page-hero{background:linear-gradient(180deg,#f7fafd,#fff);border-bottom:1px solid var(--line-soft);padding:26px 0 30px}
.cat-hero h1,.page-hero h1{margin-bottom:.3em}
.cat-hero .lede,.page-hero .lede{color:var(--muted);font-size:17px;max-width:68ch;margin-bottom:0}
.cat-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;flex-wrap:wrap}
.cat-count{font-size:14px;font-weight:700;color:var(--muted);letter-spacing:.02em;text-transform:uppercase}

.empty{text-align:center;max-width:62ch;margin:0 auto;padding:26px 0 6px}
.empty h2{font-size:24px}
.empty p{color:var(--muted)}
.empty-cats{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:22px}
.empty-cats a{padding:8px 16px;border:1.5px solid var(--line);border-radius:999px;color:var(--ink);font-weight:650;font-size:14.5px;background:#fff}
.empty-cats a:hover{border-color:var(--blue);color:var(--blue)}

.pager{display:flex;gap:8px;justify-content:center;margin-top:34px}
.pager a{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1.5px solid var(--line);border-radius:10px;color:var(--ink);font-weight:700;background:#fff}
.pager a.on{background:var(--navy);border-color:var(--navy);color:#fff}
.pager a:hover:not(.on){border-color:var(--blue);color:var(--blue)}

.preview-bar{background:#fff7e0;border-bottom:1px solid #f0dda4;color:#7a5c00;font-size:14px;padding:10px 0}
.preview-bar strong{color:#5e4600}
.review{padding-top:26px}
.review-head{margin-bottom:24px}
.rating-block{display:flex;align-items:center;gap:9px}
.rating-num{font-size:27px;font-weight:850;color:var(--ink);line-height:1;letter-spacing:-.02em}
.verdict-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.verdict-top .verdict-head{margin-bottom:0}
.cta-score{display:flex;align-items:center;justify-content:center;gap:8px;margin:-2px 0 14px;font-size:14px;color:var(--muted)}
.cta-score strong{font-size:19px;color:var(--ink);font-weight:850;letter-spacing:-.01em}
.cta-score .stars i{width:16px;height:16px}
.rating-block .stars i{width:19px;height:19px}
.rating-count{font-size:14px;color:var(--muted);font-weight:600}
.review-head h1{margin-bottom:.35em;font-size:clamp(27px,4.4vw,40px)}
.review-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--muted)}
.review-meta span{display:inline-flex;align-items:center;gap:7px}
.review-meta .ic{font-size:15px}

.video-hero{margin:0 0 26px}
.yt{position:relative;aspect-ratio:16/9;background:#0d1a2b;border-radius:var(--radius);overflow:hidden;cursor:pointer}
.yt img{width:100%;height:100%;object-fit:cover;opacity:.92;transition:opacity .2s,transform .35s}
.yt:hover img{opacity:1;transform:scale(1.02)}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:52px;border:0;border-radius:12px;background:rgba(220,25,25,.92);color:#fff;display:grid;place-items:center;font-size:24px;transition:transform .18s,background .18s}
.yt:hover .yt-play{background:#e11;transform:translate(-50%,-50%) scale(1.06)}

.verdict{background:linear-gradient(180deg,#f7fbff,#f2f7fd);border:1px solid #d9e6f7;border-left:4px solid var(--blue);border-radius:var(--radius);padding:20px 22px;margin:0 0 28px}
.verdict-head{display:flex;align-items:center;gap:9px;font-weight:800;color:var(--navy);font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.verdict-head .ic{color:var(--gold);font-size:16px}
.verdict p{margin:0 0 16px;color:var(--ink);font-size:16.5px}
@media(max-width:620px){
  .verdict{padding:17px 16px}
  .verdict-top{display:block;margin-bottom:10px}
  .verdict-top .verdict-head{margin-bottom:9px}
  .verdict-top .rating-block{flex-wrap:wrap;gap:10px;padding-top:9px;border-top:1px solid #dde8f6}
  .verdict-top .rating-count{font-size:13px}
  .verdict p{font-size:15.5px}
  .verdict .btn-cta.small{width:100%;padding:0 14px;font-size:15.5px;min-height:52px}
}

.prose{font-size:17.4px;line-height:1.75;color:var(--body)}
.prose h2{margin-top:1.9em;font-size:clamp(22px,3vw,28px)}
.prose h3{margin-top:1.6em;font-size:20px}
.prose h2:first-child,.prose h3:first-child{margin-top:0}
.prose ul,.prose ol{padding-left:1.3em}
.prose li{margin-bottom:.5em}
.prose li::marker{color:var(--blue)}
.prose strong{color:var(--ink)}
.prose blockquote{margin:1.6em 0;padding:16px 22px;border-left:4px solid var(--gold);background:var(--bg-soft);border-radius:0 10px 10px 0;font-size:17px}
.prose blockquote p:last-child{margin-bottom:0}
.prose table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:16px}
.prose .tscroll{display:none}
.prose th,.prose td{border:1px solid var(--line);padding:11px 14px;text-align:left}
.prose th{background:var(--bg-soft);color:var(--ink);font-weight:750}
@media(max-width:620px){
.prose table.wide{display:block;width:100%;overflow-x:scroll;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:linear-gradient(to right,#fff 30%,rgba(255,255,255,0)) 0 0/34px 100% no-repeat,linear-gradient(to left,#fff 30%,rgba(255,255,255,0)) 100% 0/34px 100% no-repeat,radial-gradient(farthest-side at 0 50%,rgba(13,26,43,.16),transparent) 0 0/15px 100% no-repeat,radial-gradient(farthest-side at 100% 50%,rgba(13,26,43,.16),transparent) 100% 0/15px 100% no-repeat;background-attachment:local,local,scroll,scroll}
.prose table.wide td,.prose table.wide th{white-space:nowrap}
.prose table.wide::-webkit-scrollbar{display:none}
.prose .tscroll{display:block;height:7px;margin:-20px 0 24px;border-radius:7px;background:var(--line-soft);position:relative;touch-action:none}
.prose .tscroll-thumb{position:absolute;top:0;left:0;height:100%;min-width:34px;border-radius:7px;background:#93a0b2}
}

.prose img{border-radius:var(--radius);margin:1.6em 0}
.prose .pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:1.8em 0}
@media(max-width:640px){.prose .pros-cons{grid-template-columns:1fr}}
.prose .pros,.prose .cons{border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;background:#fff}
.prose .pros{border-top:3px solid var(--green)}
.prose .cons{border-top:3px solid #e2574c}
.prose .pros h3,.prose .cons h3{margin:0 0 .6em;font-size:16px;letter-spacing:.02em;text-transform:uppercase}
.prose .pros ul,.prose .cons ul{margin:0;padding-left:1.15em;font-size:16px}

.cta-block{text-align:center;margin:38px 0 26px;padding:30px 22px;background:linear-gradient(180deg,#fbfdff,#f3f8fd);border:1px solid var(--line);border-radius:18px}
.cta-kicker{margin:0 0 18px;font-weight:750;color:var(--ink);font-size:18px}
.cta-sub{margin:16px 0 0;font-size:13.6px;color:var(--muted)}
.btn-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:62px;padding:0 34px;border-radius:12px;background:linear-gradient(180deg,#ff9d2e,#ff6a00);color:#fff;font-weight:800;font-size:clamp(16px,3.2vw,22px);line-height:1.18;text-align:center;box-shadow:0 5px 16px rgba(0,0,0,.28);max-width:100%}
.btn-cta:hover{color:#fff;filter:brightness(1.06)}
.btn-cta .hand{font-size:1.15em;line-height:1}
.btn-cta.small{min-height:48px;font-size:16px;padding:0 22px;border-radius:11px;box-shadow:0 4px 12px rgba(0,0,0,.22)}
.btn-cta.pulse{animation:ctaPulse 1.5s ease-in-out infinite}
@keyframes ctaPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
@media(prefers-reduced-motion:reduce){.btn-cta.pulse{animation:none}}
@media(max-width:520px){.btn-cta{width:100%;padding:0 18px;min-height:58px}}

.back-link{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:9px 16px 9px 13px;border:1.5px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:650;font-size:14.5px;transition:border-color .15s,color .15s}
.back-link:hover{border-color:var(--blue);color:var(--blue)}
.back-link .ic{font-size:16px;transform:rotate(180deg)}

.med-note{font-size:13.4px;color:var(--muted);line-height:1.6;padding:16px 0 0;border-top:1px solid var(--line-soft)}

.more-videos{background:var(--bg-soft);border-top:1px solid var(--line-soft);margin-top:40px}
.videos-grid .vcard p{margin:10px 0 0;font-size:14.6px;color:var(--ink);font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.videos-grid .yt{border-radius:var(--radius-sm)}
.videos-grid .yt-play{width:56px;height:40px;font-size:18px}
.related{border-top:1px solid var(--line-soft)}

.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:90;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-top:1px solid var(--line);box-shadow:0 -4px 20px rgba(13,26,43,.1);transform:translateY(110%);transition:transform .25s ease}
.sticky-cta.on{transform:translateY(0)}
.sticky-inner .btn-cta.small{flex:0 0 calc(50% - 7px);justify-content:center}
.sticky-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:var(--wrap);margin:0 auto;padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}
.sticky-name{flex:0 0 calc(50% - 7px);min-width:0;text-align:center;font-weight:750;color:var(--ink);font-size:15.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:961px){.sticky-cta{display:none}}
@media(max-width:520px){.sticky-inner .btn-cta.small{width:auto;min-height:48px;padding:0 15px;font-size:14.5px}}
@media(max-width:340px){.sticky-name{display:none}}

.site-footer{background:var(--navy);color:#9db1c9;padding:56px 0 26px;margin-top:0;font-size:15.2px}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}
@media(max-width:820px){.foot-grid{grid-template-columns:1fr 1fr;gap:30px}.foot-brand{grid-column:1/-1}}
@media(max-width:520px){.foot-grid{grid-template-columns:1fr}.foot-social{margin-bottom:9px}}
.foot-brand img{height:56px;width:auto;margin-bottom:16px}
.foot-brand p{max-width:46ch;margin-bottom:14px}
.foot-mail{color:var(--gold);font-weight:650}
.foot-mail:hover{color:#ffc933}
.foot-col h3{color:#fff;font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.foot-col ul{list-style:none;margin:0;padding:0}
.foot-col li{margin-bottom:9px}
.foot-col a{color:#9db1c9}
.foot-col a:hover{color:#fff}
.foot-note{margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.11);font-size:13.2px;line-height:1.65;color:#7d92ac}
.foot-note strong{color:#b7c8dd}
.foot-note p{margin-bottom:.8em}
.foot-bottom{padding-top:14px;font-size:13.2px;color:#72859e}

.to-top{position:fixed;right:18px;bottom:18px;z-index:70;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);display:grid;place-items:center;font-size:19px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s,transform .2s}
.to-top.on{opacity:1;pointer-events:auto;transform:translateY(0)}
@media(max-width:960px){body.sticky-on .to-top{bottom:78px}}

@media(max-width:560px){.home-latest .card:nth-child(n+5){display:none}}