:root{--bg:#f5f7fb;--surface:#fff;--surface-alt:#fbfcff;--surface-soft:#f2f6ff;--line:#e5ebf3;--text:#111827;--text-muted:#5b667a;--blue:#2f7cf7;--blue-soft:#e8f1ff;--shadow:0 10px 30px rgba(31,53,94,.08);--radius-xl:28px;--radius-lg:22px;--radius-md:18px;--radius-sm:14px;--page-width:1440px}*{box-sizing:border-box}html{background:radial-gradient(circle at top,#f9fbff 0,var(--bg) 45%,#f7f9fc 100%);color:var(--text);font-family:Inter,SF Pro Display,Segoe UI,sans-serif}body{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.page-shell{min-height:100vh}.page-width{margin:0 auto;width:min(calc(100% - 32px),var(--page-width))}.site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid rgba(229,235,243,.9);position:sticky;top:0;z-index:20}.site-header__inner{align-items:center;display:grid;gap:24px;grid-template-columns:auto 1fr auto;min-height:78px}.brand{align-items:center;display:inline-flex;gap:12px}.brand__logo{height:42px;width:42px}.brand__name{display:block;font-size:1.1rem;font-weight:700}.brand__meta{color:var(--text-muted);display:block;font-size:.82rem;margin-top:3px}.nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.nav-link{align-items:center;border-radius:999px;color:#1e293b;display:inline-flex;font-size:.94rem;font-weight:500;gap:5px;padding:10px 12px}.nav-link__caret{color:#64748b;font-size:.74rem;margin-top:1px}.header-action:hover,.nav-link:hover,.tag-link:hover{background:var(--surface-soft)}.header-actions{align-items:center;display:flex;gap:10px}.header-action{align-items:center;border-radius:999px;display:inline-flex;font-size:.94rem;gap:8px;padding:9px 12px}.header-action img,.header-icon-button img{height:18px;width:18px}.header-action img{height:22px;width:22px}.header-icon-button{background:transparent;border:0;border-radius:999px;cursor:pointer;display:grid;height:40px;place-items:center;width:40px}.hero{align-items:stretch;display:grid;gap:22px;grid-template-columns:minmax(0,1.2fr) 420px;margin-top:26px}.category-card,.category-strip,.faq-item,.hero-copy,.page-banner,.section-card,.site-footer,.stats-card,.tool-card{background:#ffffffe6;border:1px solid var(--line);box-shadow:var(--shadow)}.hero-copy,.stats-card{border-radius:var(--radius-xl)}.hero-copy{background:radial-gradient(circle at top left,rgba(47,124,247,.09),transparent 38%),radial-gradient(circle at bottom right,rgba(168,199,255,.16),transparent 40%),#ffffffeb;padding:42px 40px 30px}.hero h1,.page-title{font-size:clamp(2.35rem,4.8vw,3.65rem);letter-spacing:-.04em;line-height:1.06;margin:0}.accent-text{color:var(--blue)}.lead,.page-copy,.section-copy{color:var(--text-muted);line-height:1.7}.lead{font-size:1.08rem;line-height:1.65;margin:14px 0 20px;max-width:720px}.search-panel{margin-top:18px}.search-panel__label{color:#243245;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:8px}.search-box{align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;display:grid;gap:12px;grid-template-columns:28px 1fr auto;min-height:60px;padding:0 10px 0 18px}.search-box__icon{align-items:center;color:var(--text-muted);display:inline-flex;font-size:1.55rem;justify-content:center;line-height:1;width:24px}.search-box input{background:transparent;border:0;outline:0}.button-open,.button-primary,.button-secondary,.search-box button,.section-action{border:0;border-radius:14px}.button-primary,.search-box button{background:linear-gradient(180deg,#3a8afc,#246ef0);color:#fff;font-weight:700;min-height:42px;min-width:118px}.search-tags{align-items:center;display:flex;flex-wrap:wrap;font-size:.88rem;gap:8px;margin-top:12px}.search-tags>span:first-child{color:var(--text);font-weight:600}.pill-count,.search-tag,.stat-chip{align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;color:#41506a;display:inline-flex;font-size:.88rem;justify-content:center;min-height:32px;padding:0 12px}.search-tag{cursor:pointer}.stats-card{display:grid;gap:0;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.stats-card__item{align-items:flex-start;display:flex;gap:14px;min-height:114px;padding:16px}.stats-card__item:first-child,.stats-card__item:nth-child(2){border-bottom:1px solid var(--line)}.stats-card__item:first-child,.stats-card__item:nth-child(3){border-right:1px solid var(--line)}.stats-card__item strong{display:block;font-size:1.32rem;margin-bottom:4px}.stats-card__item small,.stats-card__item span{display:block}.stats-card__item small{color:var(--text-muted);margin-top:6px}.icon-shell{display:grid;height:64px;place-items:center;width:64px}.icon-shell img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.icon-shell--small{height:38px;width:38px}.icon-shell--tool{margin:6px auto 16px}.category-strip{border-radius:var(--radius-xl);display:grid;gap:10px;grid-template-columns:repeat(9,minmax(0,1fr));margin-top:22px;padding:18px 20px}.category-strip__item{color:#253348;display:grid;font-size:.86rem;font-weight:500;gap:10px;justify-items:center;text-align:center}.category-strip__item .icon-shell{height:46px;width:46px}.page-section{margin-top:28px}.page-section--faq{margin-bottom:32px}.section-head{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:14px}.section-title{font-size:1.5rem;letter-spacing:-.03em;margin:0}.button-secondary,.section-action{align-items:center;background:#fff;border:1px solid var(--line);color:#22314c;display:inline-flex;font-weight:600;justify-content:center;min-height:42px;padding:0 16px}.grid{display:grid;gap:18px}.grid--featured{grid-template-columns:repeat(5,minmax(0,1fr))}.grid--categories-large{grid-template-columns:repeat(4,minmax(0,1fr))}.category-card,.page-banner,.section-card,.tool-card{border-radius:var(--radius-lg)}.category-card,.tool-card{padding:18px 18px 16px;position:relative}.tool-card{align-items:center;display:flex;flex-direction:column;min-height:316px;text-align:center}.category-card h3,.tool-card h3{font-size:1.5rem;letter-spacing:-.02em;line-height:1.2;margin:0 0 10px}.tool-card .icon-shell{height:72px;width:72px}.tool-card h3{font-size:1.12rem}.tool-card__badge{background:#2cc15a;border-radius:999px;color:#fff;font-size:.72rem;font-weight:800;left:14px;padding:6px 10px;position:absolute;top:14px}.favorite-toggle{background:#fffffff5;border:1px solid var(--line);border-radius:999px;box-shadow:0 6px 18px #1f355e0f;color:#8c98ac;cursor:pointer;display:grid;height:34px;place-items:center;position:absolute;right:12px;top:12px;width:34px}.favorite-toggle--active{background:#fff4f8;border-color:#ee4b863d;color:#ee4b86}.favorite-toggle--compact{font-size:.94rem;height:30px;width:30px}.category-card__footer,.tool-card__footer{display:flex;gap:14px;margin-top:auto}.button-open,.category-card__footer,.tool-card__footer{align-items:center;justify-content:space-between;width:100%}.button-open{background:#fff;border:1px solid var(--line);display:inline-flex;font-weight:700;min-height:40px;padding:0 16px}.button-open span:last-child{font-size:1.15rem}.tool-card--compact{min-height:auto;padding:18px}.tool-card--compact .icon-shell--tool{margin-bottom:14px}.tool-card--compact h3{font-size:1rem}.category-card{min-height:246px;text-align:center}.category-card .icon-shell{height:72px;margin:2px auto 0;width:72px}.category-card--mint{background:linear-gradient(180deg,#f2fbf5,#fff)}.category-card--peach{background:linear-gradient(180deg,#fff7ef,#fff)}.category-card--lavender{background:linear-gradient(180deg,#f7f2ff,#fff)}.category-card--ice{background:linear-gradient(180deg,#eef6ff,#fff)}.category-card--sky{background:linear-gradient(180deg,#f2f8ff,#fff)}.category-card--amber{background:linear-gradient(180deg,#fff8ef,#fff)}.popular-row{display:grid;gap:12px;grid-template-columns:repeat(8,minmax(0,1fr))}.popular-pill{align-items:center;background:#ffffffeb;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);display:flex;font-size:.83rem;font-weight:600;gap:8px;justify-content:center;min-height:58px;padding:10px;text-align:center}.popular-pill img{height:18px;width:18px}.faq-layout{align-items:end;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 260px}.faq-list{display:grid;gap:12px}.faq-item{border-radius:18px;overflow:hidden}.faq-item summary{align-items:center;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;list-style:none;padding:16px 20px}.faq-item p{line-height:1.7;margin:0;padding:0 20px 16px}.faq-item p,.faq-item__plus{color:var(--text-muted)}.faq-illustration{min-height:220px;opacity:.9;position:relative}.faq-illustration:before{background:radial-gradient(circle,#ffffffbf 0,#fff0 72%);border-radius:50%;bottom:18px;content:"";height:154px;position:absolute;right:18px;width:154px}.faq-illustration img{position:absolute}.faq-illustration img:nth-child(3){left:118px;top:34px;width:40px}.faq-illustration img:nth-child(4){bottom:14px;left:86px;width:74px}.faq-illustration img:nth-child(5){bottom:8px;right:18px;width:114px}.faq-illustration__mark{color:#7391d673;font-size:4.25rem;font-weight:700;position:absolute}.faq-illustration__mark--left{left:86px;top:10px}.faq-illustration__mark--right{right:12px;top:6px}.page-banner,.section-card{padding:28px}.page-banner{margin-top:28px}.page-banner,.section-card{background:#ffffffeb;border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.eyebrow{color:var(--blue);font-size:.82rem;font-weight:700;letter-spacing:.1em;margin:0 0 12px;text-transform:uppercase}.tag-row{gap:10px;margin-top:20px}.breadcrumb-row,.tag-row{display:flex;flex-wrap:wrap}.breadcrumb-row{color:var(--text-muted);font-size:.9rem;gap:8px;margin-bottom:14px}.breadcrumb-row a{font-weight:600}.tag-link{align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;display:inline-flex;justify-content:center;padding:10px 14px}.toolbar{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}.toolbar--search{align-items:end}.form-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.input-shell{display:grid;gap:8px}.input-shell span{color:#243245;font-size:.9rem;font-weight:600}.input-control,.input-shell input,.input-shell textarea{background:#fff;border:1px solid var(--line);border-radius:16px;color:var(--text);outline:0;padding:14px 16px;width:100%}.input-shell textarea{min-height:120px;resize:vertical}.input-shell--full{grid-column:1/-1}.search-box--tools{display:block;min-height:60px;padding:0;position:relative;width:min(100%,680px)}.search-box--tools .search-box__icon{left:18px;position:absolute;top:50%;transform:translateY(-50%)}.search-box--tools input{min-height:58px;padding:0 142px 0 48px;width:100%}.search-box--tools button{bottom:7px;min-width:110px;position:absolute;right:8px;top:7px}.button-secondary--ghost{margin-top:10px;min-height:42px;padding:0 14px}.input-shell__actions{align-items:center;display:flex;gap:12px}.two-column{grid-template-columns:minmax(0,1.5fr) 320px}.sidebar-stack,.two-column{display:grid;gap:22px}.sidebar-link,.sidebar-links{display:grid;gap:12px}.sidebar-link{align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;grid-template-columns:42px minmax(0,1fr);padding:12px}.sidebar-link img{height:42px;width:42px}.sidebar-link span{display:grid;gap:3px}.feature-panel h3,.sidebar-link strong{font-size:1rem}.sidebar-link small{color:var(--text-muted)}.placeholder-box{background:linear-gradient(180deg,#fafcff,#f4f7fd);border:1px dashed #c8d4e6;border-radius:20px;display:grid;min-height:290px;padding:26px;place-items:center;text-align:center}.placeholder-box__icon{height:58px;margin:0 auto 18px;width:58px}.calculator-layout{display:grid;gap:20px}.calculator-form,.calculator-results{display:grid;gap:16px}.calculator-note,.formula-line{color:var(--text-muted);line-height:1.7;margin:0}.result-summary-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.result-summary-grid--single{grid-template-columns:1fr}.result-detail-card,.result-summary-card{background:linear-gradient(180deg,#fcfdff,#f7faff);border:1px solid var(--line);border-radius:20px}.result-summary-card{align-content:start;display:grid;gap:8px;min-height:116px;padding:20px}.result-summary-card span{color:var(--text-muted);font-size:.9rem;font-weight:600}.result-summary-card strong{font-size:1.5rem;letter-spacing:-.02em;line-height:1.35;overflow-wrap:anywhere}.result-detail-card{padding:20px}.result-detail-card h3{font-size:1.02rem;margin:0 0 14px}.result-detail-card--warning{background:linear-gradient(180deg,#fffdf8,#fff8eb)}.result-table{display:grid;gap:10px}.result-table__head,.result-table__row{display:grid;gap:12px;grid-template-columns:72px repeat(3,minmax(0,1fr))}.result-table__head{border-bottom:1px solid var(--line);color:var(--text-muted);font-size:.88rem;font-weight:700;padding-bottom:10px}.result-table__row{border-bottom:1px solid #edf2f8;font-size:.93rem;padding:12px 0}.result-table__row:last-child{border-bottom:0;padding-bottom:0}.button-primary--inline{align-items:center;display:inline-flex;justify-content:center;margin-top:12px;padding:0 18px;text-decoration:none}.feature-grid,.grid--tools{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid{display:grid;gap:18px}.feature-grid--wide{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-panel{background:linear-gradient(180deg,#fcfdff,#f7faff);border:1px solid var(--line);border-radius:22px;padding:20px}.feature-panel--link{color:inherit;display:block;text-decoration:none}.panel-media{background:#fff;border:1px solid var(--line);border-radius:16px;display:grid;height:48px;margin-bottom:14px;place-items:center;width:48px}.panel-media img{height:28px;width:28px}.feature-panel--large{min-height:100%}.feature-panel h3{margin:0 0 10px}.tool-link-grid{display:flex;flex-wrap:wrap;gap:10px}.tool-link-chip{align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;display:inline-flex;font-size:.92rem;min-height:38px;padding:0 14px}.legal-copy h2{font-size:1.1rem;margin:0 0 10px}.legal-copy p{color:var(--text-muted);line-height:1.72;margin:0 0 22px}.legal-copy p:last-child{margin-bottom:0}.meta-line,.text-link{color:var(--text-muted);font-size:.92rem}.text-link{font-weight:600}.footer-list,.simple-list{list-style:none;margin:0;padding:0}.simple-list li{border-top:1px solid var(--line);padding:12px 0}.simple-list li:first-child{border-top:0;padding-top:0}.simple-list--compact li{display:flex;gap:20px;justify-content:space-between}.simple-list--compact strong{font-size:.94rem}.simple-list--compact span{color:var(--text-muted);text-align:right}.site-footer{border-bottom:0;border-radius:34px 34px 0 0;margin-top:38px;padding:24px 0 16px}.site-footer__content{display:grid;gap:22px;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr}.site-footer__brand{padding-right:18px}.social-row{display:flex;gap:10px;margin-top:18px}.social-dot{background:#fff;border:1px solid var(--line);border-radius:999px;display:grid;font-size:.86rem;font-weight:700;height:34px;place-items:center;width:34px}.footer-column h3{font-size:.96rem;margin:0 0 14px}.footer-list{color:var(--text-muted);display:grid;font-size:.94rem;gap:8px}.site-footer__bottom{border-top:1px solid var(--line);color:var(--text-muted);font-size:.92rem;margin-top:22px;padding-top:16px;text-align:center}@media(max-width:1280px){.hero{grid-template-columns:1fr}.category-strip,.grid--featured{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid,.feature-grid--wide,.grid--tools,.result-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.popular-row{grid-template-columns:repeat(4,minmax(0,1fr))}.site-footer__content{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.site-header__inner{grid-template-columns:1fr;padding:16px 0}.header-actions,.nav-links{justify-content:flex-start}.faq-layout,.feature-grid,.feature-grid--wide,.grid--categories-large,.grid--featured,.grid--tools,.popular-row,.result-summary-grid,.site-footer__content,.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.result-table__head,.result-table__row{grid-template-columns:58px repeat(3,minmax(0,1fr))}}@media(max-width:640px){.page-width{width:min(calc(100% - 20px),var(--page-width))}.category-strip,.hero-copy,.page-banner,.section-card,.site-footer,.stats-card{border-radius:20px}.hero-copy,.page-banner,.section-card{padding:22px}.category-strip,.faq-layout,.feature-grid,.feature-grid--wide,.form-grid,.grid--categories-large,.grid--featured,.grid--tools,.popular-row,.result-summary-grid,.site-footer__content,.stats-card,.two-column{grid-template-columns:1fr}.result-table__head,.result-table__row,.simple-list--compact li{display:grid;grid-template-columns:1fr}.simple-list--compact span{text-align:left}.stats-card__item:first-child,.stats-card__item:nth-child(2),.stats-card__item:nth-child(3){border-bottom:1px solid var(--line);border-right:0}}