.front-hero{margin:0;padding:clamp(16px, 2.4vw, 28px) 0 0}.front-hero-inner{position:relative;overflow:hidden;padding:clamp(40px, 6vw, 84px) clamp(20px, 4vw, 56px);text-align:center;color:#fff;background:#2a38c8 url(/wp-content/themes/catalog-theme-v3-fixed-4/assets/img/hero-bg.webp) center / cover no-repeat;border-radius:28px;box-shadow:6px 6px 0 var(--shade)}.front-hero-title{margin:0;font:800 clamp(1.75rem, 4.2vw, 3.25rem)/1.12 var(--font);letter-spacing:-.04em;color:#fff;text-wrap:balance}.front-hero-lead{display:block}.front-hero-rest{display:block;color:#fff}.front-hero-desc{max-width:56ch;margin:22px auto 0;font-size:clamp(1rem, 1.4vw, 1.125rem);line-height:1.55;color:rgb(255 255 255 / .9);text-wrap:balance}.front-page{padding-block:0 8px;background:radial-gradient(60% 420px at 50% 0,rgb(74 93 245 / .1),transparent 72%)}.front-body{padding-top:clamp(32px, 4vw, 48px)}.front-section{margin-bottom:72px}.front-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.front-section-title{margin:0;font:800 clamp(1.5rem, 2.8vw, 2rem)/1.1 var(--font);letter-spacing:-.035em;color:var(--ink)}.front-section-desc{margin:8px 0 0;font-size:1rem;color:var(--c-text-2)}.front-section-link,.front-guide-item a{display:inline-flex;align-items:center;gap:10px;padding:9px 10px 9px 16px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:3px 3px 0 var(--shade);font:700 .9375rem/1.2 var(--font);text-decoration:none;white-space:nowrap;transition:border-color .15s,box-shadow .15s,transform .15s}.front-section-link .front-section-count{color:var(--c-text-3);font-weight:600}.front-section-link [aria-hidden],.front-guide-item a [aria-hidden]{display:inline-grid;place-items:center;width:26px;height:26px;background:var(--tint);color:var(--rating);border-radius:8px;font-size:.9375rem;transition:background .15s,color .15s}.front-section-link:hover,.front-guide-item a:hover{border-color:var(--rating);box-shadow:3px 3px 0 var(--rating);transform:translate(-1px,-1px);text-decoration:none}.front-section-link:hover [aria-hidden],.front-guide-item a:hover [aria-hidden]{background:var(--rating);color:#fff}.front-page .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.front-page .comparison-archive-grid{min-height:0;gap:24px}.front-page .blog-archive-grid{gap:24px}.front-guide{margin:0 0 72px}.front-guide-title{margin:0 0 24px;font:800 clamp(1.5rem, 2.8vw, 2rem)/1.1 var(--font);letter-spacing:-.035em;color:var(--ink)}.front-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.front-guide-item{display:flex;flex-direction:column;padding:clamp(22px, 2.6vw, 30px);background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:5px 5px 0 var(--shade)}.front-guide-item .front-guide-item-title{margin:0 0 10px;font:800 1.1875rem/1.25 var(--font);letter-spacing:-.02em;color:var(--ink)}.front-guide-item p{margin:0 0 20px;color:var(--c-text-2);font-size:1rem;line-height:1.65}.front-guide-item a{margin-top:auto;align-self:flex-start}@media (max-width:1100px){.front-page .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.front-guide-grid{grid-template-columns:1fr}}@media (max-width:760px){.front-hero{padding-top:24px}.front-section{margin-bottom:48px}.front-section-header{flex-direction:column;align-items:flex-start}.front-guide-grid{grid-template-columns:1fr;gap:20px}.front-page .catalog-grid,.front-page .comparison-archive-grid,.front-page .blog-archive-grid{grid-template-columns:1fr}}