:root{--bg:#fafafa;--bg-paper:#f3efe6;--surface:#ffffff;--surface-2:#f4f6fa;--line:#e7e8ec;--line-soft:#f0f1f4;--ink:#14171e;--ink-2:#3a4256;--ink-3:#6b7385;--primary:#2c5fbf;--primary-dark:#1e4391;--primary-soft:#eaf0fb;--accent:#d04a2a;--accent-soft:#fdebe6;--ok:#10b981;--ok-soft:#ecfdf5;--warn:#f59e0b;--danger:#dc2626;--shadow-sm:0 2px 8px rgba(20,23,30,0.04);--shadow-md:0 4px 16px -2px rgba(20,23,30,0.06);--focus:0 0 0 3px rgba(44,95,191,0.35);--fs-h1:clamp(2rem,1.4rem+2.4vw,3rem);--fs-h2:clamp(1.5rem,1.2rem+1.4vw,2rem);--fs-h3:clamp(1.125rem,1rem+0.6vw,1.375rem);}*{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;}body{font-family:'Outfit',sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;font-size:15px;-webkit-font-smoothing:antialiased;}a{color:inherit;text-decoration:none;}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:6px;}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;scroll-behavior:auto !important;}section[id]:target{animation:none !important;}}.container{max-width:1180px;margin:0 auto;padding:0 24px;}.mono{font-family:'JetBrains Mono',monospace;}.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;}.section-muted{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}.section-h-md{font-size:22px;font-weight:600;letter-spacing:-0.01em;line-height:1.2;}section[id]{scroll-margin-top:130px;}@media (min-width:981px){section[id]:target{animation:target-pulse 1.4s ease-out;}}@keyframes target-pulse{0%{box-shadow:0 0 0 0 rgba(44,95,191,0);}25%{box-shadow:0 0 0 6px rgba(44,95,191,0.12);}100%{box-shadow:0 0 0 0 rgba(44,95,191,0);}}.topbar{background:var(--ink);color:#c8ccd4;font-size:13px;border-bottom:1px solid #20242c;}.topbar-inner{display:flex;justify-content:space-between;align-items:center;height:36px;}.topbar-left,.topbar-right{display:flex;gap:18px;align-items:center;}.topbar a{color:#c8ccd4;transition:color 0.15s;}.topbar a:hover{color:#fff;}.topbar .flag{display:inline-flex;align-items:center;gap:6px;}.topbar select{background:transparent;color:#c8ccd4;border:0;font:inherit;cursor:pointer;outline:none;}header{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;}.header-inner{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;height:76px;}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;letter-spacing:-0.01em;}.logo-mark{width:38px;height:38px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:10px;display:grid;place-items:center;color:#fff;box-shadow:0 2px 6px rgba(44,95,191,0.3);}.logo-mark svg{width:22px;height:22px;}.logo small{display:block;font-size:11px;font-weight:500;color:var(--ink-3);letter-spacing:0.04em;text-transform:uppercase;}.search{position:relative;max-width:540px;}.search input{width:100%;height:44px;border:1px solid var(--line);border-radius:10px;padding:0 16px 0 44px;font:inherit;background:var(--bg);outline:none;transition:border-color 0.15s,background 0.15s;}.search input:focus{border-color:var(--primary);background:#fff;}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none;}.header-actions{display:flex;align-items:center;gap:8px;}.icon-btn{width:44px;height:44px;border-radius:10px;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-2);cursor:pointer;transition:all 0.15s;position:relative;}.icon-btn:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);}.icon-btn[aria-disabled="true"]{cursor:not-allowed;opacity:0.55;}.icon-btn[aria-disabled="true"]:hover{background:var(--bg);border-color:var(--line);color:var(--ink-2);}.icon-btn .badge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;font-size:10px;font-weight:600;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:grid;place-items:center;}.mainnav{background:var(--surface);border-bottom:1px solid var(--line);}.mainnav-inner{display:flex;gap:4px;height:50px;align-items:center;overflow-x:auto;}.mainnav a{padding:8px 14px;border-radius:8px;font-size:14px;font-weight:500;color:var(--ink-2);white-space:nowrap;transition:all 0.15s;}.mainnav a:hover{background:var(--bg);color:var(--ink);}.hero{background:linear-gradient(180deg,#f4f7fd 0%,var(--bg) 100%);padding:56px 0 64px;}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--primary-soft);color:var(--primary-dark);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:18px;}.hero-eyebrow .dot{width:6px;height:6px;background:var(--ok);border-radius:50%;}.hero h1{font-size:var(--fs-h1);font-weight:700;line-height:1.1;letter-spacing:-0.025em;margin-bottom:18px;}.hero h1 .accent{color:var(--primary);}.hero p.lead{font-size:17px;color:var(--ink-2);margin-bottom:28px;max-width:540px;}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px;}.btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:10px;font:inherit;font-weight:600;font-size:15px;cursor:pointer;border:0;transition:all 0.18s;}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px rgba(44,95,191,0.25);}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 16px rgba(44,95,191,0.35);}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line);}.btn-ghost:hover{background:var(--surface);border-color:var(--ink-3);}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:28px;border-top:1px solid var(--line);max-width:520px;}.stat .num{font-size:28px;font-weight:700;color:var(--ink);letter-spacing:-0.02em;}.stat .num small{font-size:14px;color:var(--ink-3);font-weight:500;margin-left:2px;}.stat .lbl{font-size:13px;color:var(--ink-3);margin-top:4px;}.hero-visual{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow-md);}.hv-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:16px;}.hv-title{font-size:14px;font-weight:600;}.hv-pill{background:var(--ok-soft);color:#047857;font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;letter-spacing:0.04em;}.hv-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line-soft);}.hv-row:last-child{border-bottom:0;}.hv-icon{width:36px;height:36px;background:var(--primary-soft);color:var(--primary);border-radius:8px;display:grid;place-items:center;flex-shrink:0;}.hv-row .info{flex:1;}.hv-row .name{font-size:14px;font-weight:600;}.hv-row .meta{font-size:12px;color:var(--ink-3);}.hv-row .price{font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;color:var(--ink);}section{padding:64px 0;}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;gap:20px;flex-wrap:wrap;}.section-head h2{font-size:var(--fs-h2);font-weight:700;letter-spacing:-0.02em;line-height:1.15;margin-bottom:6px;}.section-head p{color:var(--ink-3);font-size:15px;}.eyebrow{font-size:12px;font-weight:600;color:var(--primary);letter-spacing:0.06em;text-transform:uppercase;margin-bottom:8px;}.link-arrow{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:600;font-size:14px;transition:gap 0.15s;}.link-arrow:hover{gap:10px;}.filters{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap;}.chip{padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:13px;font-weight:500;color:var(--ink-2);cursor:pointer;transition:all 0.15s;}.chip:hover{border-color:var(--ink-3);}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink);}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}.product-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;transition:all 0.2s;display:flex;flex-direction:column;}.product-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md);}.pc-tag{display:inline-block;font-size:11px;font-weight:600;color:var(--primary);background:var(--primary-soft);padding:3px 8px;border-radius:6px;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:14px;align-self:flex-start;}.pc-tag.hot{color:#b45309;background:#fef3c7;}.pc-tag.new{color:#047857;background:var(--ok-soft);}.pc-thumb{aspect-ratio:1.1 / 1;background:linear-gradient(135deg,#eef2fb 0%,#dde6f7 100%);border-radius:10px;display:grid;place-items:center;color:var(--primary);margin-bottom:16px;position:relative;overflow:hidden;}.pc-thumb.dark{background:linear-gradient(135deg,#1e2530 0%,#2c3543 100%);color:#c8d2e3;}.pc-thumb.amber{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e;}.pc-thumb svg{width:64px;height:64px;}.pc-thumb .badge-online{position:absolute;top:10px;right:10px;background:rgba(255,255,255,0.95);color:var(--ink-2);font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px;}.pc-title{font-size:15px;font-weight:600;margin-bottom:6px;line-height:1.35;}.pc-desc{font-size:13px;color:var(--ink-3);margin-bottom:16px;flex:1;}.pc-foot{display:flex;justify-content:space-between;align-items:flex-end;padding-top:14px;border-top:1px solid var(--line-soft);}.pc-price{font-family:'JetBrains Mono',monospace;font-size:18px;font-weight:700;color:var(--ink);letter-spacing:-0.02em;}.pc-price small{font-size:12px;color:var(--ink-3);font-weight:500;}.pc-buy{width:38px;height:38px;border-radius:8px;background:var(--ink);color:#fff;display:grid;place-items:center;border:0;cursor:pointer;transition:background 0.15s;}.pc-buy:hover{background:var(--primary);}.why-section{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}.why-item{padding:8px 24px;border-right:1px solid var(--line);}.why-item:last-child{border-right:0;}.why-icon{width:44px;height:44px;background:var(--primary-soft);color:var(--primary);border-radius:10px;display:grid;place-items:center;margin-bottom:16px;}.why-item h3{font-size:16px;font-weight:600;margin-bottom:8px;}.why-item p{font-size:13.5px;color:var(--ink-3);line-height:1.55;}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}.cat-grid--lg{margin-bottom:36px;}.cat-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;transition:all 0.2s;cursor:pointer;}.cat-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md);}.cat-card .ic{width:48px;height:48px;background:var(--primary-soft);color:var(--primary);border-radius:12px;display:grid;place-items:center;margin-bottom:16px;}.cat-card h3{font-size:17px;font-weight:600;margin-bottom:6px;}.cat-card p{font-size:13.5px;color:var(--ink-3);margin-bottom:14px;}.cat-card .count{font-size:12px;font-weight:600;color:var(--primary);padding-top:12px;border-top:1px solid var(--line-soft);}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.faq{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 20px;transition:border-color 0.15s;}.faq:hover{border-color:var(--primary);}.faq h4{font-size:15px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:10px;}.faq h4 .q{color:var(--primary);font-family:'JetBrains Mono',monospace;font-size:13px;flex-shrink:0;}.faq p{font-size:14px;color:var(--ink-2);line-height:1.55;}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start;}.about-text p{font-size:15px;color:var(--ink-2);line-height:1.7;margin-bottom:14px;}.about-text p:last-child{margin-bottom:0;}.timeline{position:relative;padding-left:36px;}.timeline::before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--primary),var(--ok));}.tl-item{position:relative;padding-bottom:22px;}.tl-item:last-child{padding-bottom:0;}.tl-dot{position:absolute;left:-36px;top:2px;width:24px;height:24px;background:var(--surface);border:2px solid var(--primary);border-radius:50%;display:grid;place-items:center;color:var(--primary);}.tl-dot svg{width:12px;height:12px;}.tl-year{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:600;color:var(--primary);letter-spacing:0.04em;margin-bottom:4px;}.tl-item h4{font-size:15px;font-weight:600;margin-bottom:4px;}.tl-item p{font-size:13.5px;color:var(--ink-3);}.pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px;}.pay-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;text-align:center;transition:all 0.18s;}.pay-card:hover{border-color:var(--primary);transform:translateY(-2px);}.pay-card .pi{width:40px;height:40px;margin:0 auto 10px;background:var(--primary-soft);color:var(--primary);border-radius:10px;display:grid;place-items:center;}.pay-card h4{font-size:14px;font-weight:600;margin-bottom:4px;}.pay-card p{font-size:12.5px;color:var(--ink-3);line-height:1.4;}.support-section{background:linear-gradient(135deg,#f0f4fc 0%,#e7eef9 100%);}.support-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;}.support-grid h2{margin-bottom:14px;}.support-h{font-size:var(--fs-h2);font-weight:700;letter-spacing:-0.02em;line-height:1.15;margin-bottom:14px;}.support-lead{font-size:15px;color:var(--ink-2);max-width:480px;}.support-list{list-style:none;margin-top:24px;}.support-list li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line);}.support-list li:last-child{border-bottom:0;}.support-list .tick{width:24px;height:24px;background:var(--primary);color:#fff;border-radius:50%;display:grid;place-items:center;flex-shrink:0;}.support-list .tick svg{width:14px;height:14px;}.support-list strong{display:block;font-size:14.5px;margin-bottom:2px;}.support-list span{font-size:13px;color:var(--ink-3);}.contact-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow-md);}.contact-card h3{font-size:18px;margin-bottom:20px;}.kv-row{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:12px 0;border-bottom:1px dashed var(--line);font-size:14px;}.kv-row:last-child{border-bottom:0;}.kv-row .k{color:var(--ink-3);font-weight:500;}.kv-row .v{color:var(--ink);font-weight:600;}.kv-row .v.mono{font-family:'JetBrains Mono',monospace;font-size:13px;}.kv-row .v a{color:var(--primary);}.kv-row .v a:hover{text-decoration:underline;}footer{background:var(--ink);color:#a8b0bf;padding:56px 0 0;}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:48px;padding-bottom:40px;}.footer-brand .logo{color:#fff;margin-bottom:16px;}.footer-brand .logo small{color:#6b7385;}.footer-brand p{font-size:13.5px;line-height:1.6;max-width:320px;}.footer-col h4{color:#fff;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:16px;}.footer-col ul{list-style:none;}.footer-col li{margin-bottom:10px;}.footer-col a{color:#a8b0bf;font-size:14px;transition:color 0.15s;}.footer-col a:hover{color:#fff;}.footer-bottom{border-top:1px solid #20242c;padding:22px 0;display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:16px;flex-wrap:wrap;}.footer-bottom .payments{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}.pay-note{color:#6b7385;margin-right:6px;font-size:13px;}.pay-chip{background:#20242c;color:#c8ccd4;font-size:11px;font-weight:600;padding:6px 10px;border-radius:6px;letter-spacing:0.04em;}.to-top{display:inline-block;margin:24px 0 28px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;color:#a8b0bf;border:1px solid #20242c;transition:color 0.15s,border-color 0.15s;}.to-top:hover{color:#fff;border-color:#6b7385;}@media (max-width:980px){.hero-grid,.support-grid,.about-grid{grid-template-columns:1fr;gap:32px;}.pay-grid{grid-template-columns:1fr 1fr;}.hero h1{font-size:34px;}.product-grid,.cat-grid{grid-template-columns:repeat(2,1fr);}.why-grid{grid-template-columns:repeat(2,1fr);}.why-item{border-right:0;border-bottom:1px solid var(--line);padding:24px 0;}.footer-grid{grid-template-columns:1fr 1fr;}.faq-grid{grid-template-columns:1fr;}}@media (max-width:640px){.hero h1{font-size:28px;}.product-grid,.cat-grid{grid-template-columns:1fr;}.why-grid,.footer-grid{grid-template-columns:1fr;}.pay-grid{grid-template-columns:1fr;}.hero-stats{grid-template-columns:1fr 1fr;gap:16px;}.topbar-inner{font-size:12px;}.topbar-left,.topbar-right{gap:12px;}.header-inner{gap:12px;height:64px;}.logo{font-size:16px;}.logo small{display:none;}.icon-btn{width:40px;height:40px;}.section-head h2{font-size:24px;}}.consent-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:1000;max-width:480px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px rgba(15,23,42,0.18);padding:18px 20px;}.consent-banner[hidden]{display:none;}.consent-banner__inner{display:flex;flex-direction:column;gap:14px;}.consent-banner__text{font-size:14px;line-height:1.55;color:var(--ink-2);margin:0;}.consent-banner__text a{color:var(--primary);}.consent-banner__actions{display:flex;gap:10px;flex-wrap:wrap;}.consent-banner__actions .btn{padding:8px 18px;font-size:14px;border-radius:8px;cursor:pointer;}@media (min-width:641px){.consent-banner{left:24px;right:auto;bottom:24px;}}