:root{--ink:#10233f;--muted:#5f6f82;--blue:#155eef;--blue-dark:#0b3ca7;--mint:#35d0a0;--paper:#f7f9fc;--line:#dfe6ef;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.site-shell{max-width:1440px;min-height:100vh;margin:0 auto;background:var(--white)}.site-header{min-height:82px;padding:0 5vw;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:20px;text-decoration:none;letter-spacing:-.02em}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:white;background:var(--blue);border-radius:11px 4px 11px 4px;font-size:14px;letter-spacing:0}nav{display:flex;gap:28px;margin-left:auto}.footer-links a,nav a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:650}.admin-link,.footer-links a:hover,nav a:hover{color:var(--blue)}.admin-link{padding:10px 18px;text-decoration:none;border:1px solid #b7cdfb;border-radius:999px;font-size:14px;font-weight:750}.hero{padding:96px 8vw 84px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:8vw;align-items:center;background:radial-gradient(circle at 90% 15%,#d9fff2 0,transparent 30%),linear-gradient(135deg,#f5f9ff,#fff 58%)}.eyebrow{display:block;margin-bottom:16px;color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}h1{max-width:830px;margin:0;font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.055em}.hero>div>p{max-width:680px;margin:28px 0 32px;color:var(--muted);font-size:clamp(18px,2vw,22px);line-height:1.55}.primary-button{display:inline-block;padding:15px 22px;color:white;background:var(--blue);border-radius:10px;text-decoration:none;font-weight:750;box-shadow:0 12px 28px rgba(21,94,239,.22)}.primary-button:hover{background:var(--blue-dark)}.hero-card{padding:32px;background:var(--ink);color:white;border-radius:24px 8px 24px 8px;box-shadow:18px 18px 0 #c8f8e9}.hero-card>span{color:var(--mint);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:850}.hero-card strong{display:block;margin:20px 0 12px;font-size:25px;line-height:1.2}.hero-card p{margin:0;color:#cad6e4;line-height:1.65}.section{padding:80px 8vw}.section+.section{border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}.section-heading h2{margin:0;font-size:clamp(32px,4vw,48px);letter-spacing:-.04em}.section-heading>p{max-width:470px;margin:0;color:var(--muted);line-height:1.6}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden}.category-card{min-height:180px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;border-right:1px solid var(--line);background:white}.category-card:last-child{border-right:0}.category-card>span{color:var(--blue);font-size:13px;font-weight:800}.category-card strong{font-size:18px;line-height:1.3}.category-card:hover{background:#f2f7ff}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guide-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white}.guide-visual{position:relative;height:190px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#dce8ff,#e9fff7);text-decoration:none}.guide-title-link:focus-visible,.guide-visual:focus-visible{outline:3px solid var(--mint);outline-offset:-3px}.guide-visual img{transition:transform .22s ease}.guide-visual:hover img{transform:scale(1.035)}.guide-visual img{object-fit:contain;padding:16px;background:white}.guide-visual span{width:68px;height:68px;display:grid;place-items:center;border-radius:22px 7px 22px 7px;background:var(--blue);color:white;font-weight:900}.guide-content{padding:26px;display:flex;flex:1 1;flex-direction:column}.tag{color:var(--blue);font-size:12px;font-weight:850;text-transform:uppercase}.guide-card h3{margin:12px 0;font-size:22px;line-height:1.25;letter-spacing:-.02em}.guide-title-link{color:var(--ink);text-decoration:none}.guide-title-link:hover{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.guide-card p{color:var(--muted);line-height:1.6}.read-more{display:inline-block;margin-top:auto;padding-top:10px;color:var(--blue);font-weight:750}.section-action{margin-top:36px;text-align:center}.secondary-button{display:inline-block;padding:13px 20px;color:var(--blue);border:1px solid #b7cdfb;border-radius:10px;text-decoration:none;font-weight:750}.secondary-button:hover{color:white;background:var(--blue)}.topics-page{min-height:70vh;padding:72px 8vw 90px}.topics-intro{max-width:780px}.topics-intro h1{font-size:clamp(42px,6vw,68px)}.topics-intro p{max-width:680px;color:var(--muted);font-size:20px;line-height:1.6}.topics-filters{margin:44px 0 24px;padding:24px;display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(180px,1fr) minmax(160px,.8fr) auto;gap:16px;align-items:end;border:1px solid var(--line);border-radius:16px;background:#f8fbff}.topics-filters label{display:flex;flex-direction:column;gap:7px;color:var(--ink);font-size:13px;font-weight:750}.topics-filters input,.topics-filters select{min-width:0;height:46px;padding:0 13px;color:var(--ink);border:1px solid #c9d5e5;border-radius:8px;background:white;font:inherit;font-weight:500}.topics-filters input:focus,.topics-filters select:focus{border-color:var(--blue);outline:3px solid rgba(21,94,239,.14)}.topics-filters button{height:46px;padding:0 18px;color:white;border:0;border-radius:8px;background:var(--blue);font-weight:800;cursor:pointer}.topics-filters button:hover{background:var(--blue-dark)}.clear-filters{grid-column:1/-1;color:var(--blue);font-size:14px;font-weight:700}.topics-summary{margin:28px 0 22px;color:var(--muted)}.topics-summary strong{color:var(--ink)}.topics-grid h2{margin:12px 0;font-size:22px;line-height:1.25;letter-spacing:-.02em}.empty-results{padding:56px 24px;text-align:center;color:var(--muted);border:1px dashed #bdcadd;border-radius:16px}.empty-results strong{color:var(--ink);font-size:22px}.empty-results a{color:var(--blue);font-weight:750}.pagination{margin-top:42px;display:flex;justify-content:center;align-items:center;gap:22px}.pagination a{padding:10px 14px;color:var(--blue);border:1px solid #b7cdfb;border-radius:8px;text-decoration:none;font-weight:750}.pagination span{color:var(--muted);font-size:14px}.info-page main{max-width:860px;min-height:70vh;padding:80px 8vw}.info-page h1{font-size:clamp(40px,6vw,68px)}.info-content{margin-top:42px;color:var(--muted);font-size:18px;line-height:1.75}.info-content p{margin:0 0 22px}.article-page main{max-width:1000px;margin:0 auto;padding:80px 6vw}.article-page article>h1{font-size:clamp(42px,7vw,72px)}.article-lead{max-width:760px;color:var(--muted);font-size:22px;line-height:1.6}.article-body{max-width:760px;margin:54px 0;color:#243b59;font-size:18px;line-height:1.8}.article-body h2{margin-top:48px;color:var(--ink);font-size:32px}.product-card{margin:38px 0;padding:30px;display:grid;grid-template-columns:200px minmax(0,1fr) 240px;gap:28px;align-items:center;border:1px solid var(--line);border-radius:18px;background:#f8fbff}.product-media{position:relative;width:100%;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:white}.product-media img{object-fit:contain;padding:12px}.product-media span{width:58px;height:58px;display:grid;place-items:center;color:white;background:var(--blue);border-radius:18px 6px 18px 6px;font-weight:900}.product-copy{min-width:0}.product-card h2{margin:10px 0;font-size:27px}.product-card p{color:var(--muted);line-height:1.6}.offer-list{display:flex;flex-direction:column;justify-content:center;gap:10px}.offer-list a{padding:13px 16px;color:white;background:var(--blue);border-radius:9px;text-align:center;text-decoration:none;font-weight:750}.article-disclosure{margin-top:48px;padding:20px;color:var(--muted);background:#f1f5fa;border-radius:10px;font-size:14px;line-height:1.6}@media (max-width:850px){.product-card{grid-template-columns:160px 1fr}.offer-list{grid-column:1/-1}}@media (max-width:700px){.product-card{grid-template-columns:1fr}.product-media{max-width:280px;margin:0 auto}.offer-list{grid-column:auto}.article-page main{padding-top:55px}}.disclosure{margin:0 8vw 72px;padding:24px 28px;display:grid;grid-template-columns:160px 1fr;gap:24px;background:#f1f5fa;border-radius:12px}.disclosure p{margin:0;color:var(--muted);line-height:1.55;font-size:14px}footer{padding:42px 5vw;display:grid;grid-template-columns:1fr auto;gap:10px 32px;align-items:center;color:white;background:var(--ink)}footer p{grid-column:1;margin:0;color:#9fb0c4;font-size:14px}.footer-links{grid-row:1/3;grid-column:2;display:flex;gap:24px}.footer-links a{color:#cdd7e3}@media (max-width:900px){nav{display:none}.admin-link{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:68px}.hero-card{max-width:520px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card:nth-child(2){border-right:0}.category-card{border-bottom:1px solid var(--line)}.guide-grid{grid-template-columns:1fr}.guide-card{display:grid;grid-template-columns:220px 1fr}.guide-visual{height:100%;min-height:230px}}@media (max-width:1100px){.topics-filters{grid-template-columns:1fr 1fr}.topics-filters button{width:max-content}.clear-filters{grid-column:auto;align-self:center}}@media (max-width:620px){.site-header{padding:0 20px}.brand{font-size:17px}.admin-link{padding:8px 13px}.hero,.section{padding-left:24px;padding-right:24px}.hero{padding-top:52px}.section-heading{display:block}.section-heading>p{margin-top:18px}.category-grid{grid-template-columns:1fr}.category-card{min-height:140px;border-right:0}.guide-card{display:block}.guide-visual{height:170px;min-height:0}.topics-page{padding:52px 24px 70px}.topics-filters{grid-template-columns:1fr}.topics-filters button{width:100%}.clear-filters{grid-column:1}.pagination{flex-wrap:wrap}.disclosure{margin:0 24px 54px}.disclosure,footer{grid-template-columns:1fr}footer{padding:38px 24px}.footer-links,footer p{grid-column:1;grid-row:auto}.footer-links{margin-top:18px;flex-direction:column;gap:12px}}