:root{--ink:#10233f;--muted:#66758a;--line:#dfe6ee;--soft:#f4f8fc;--accent:#0b63f6;--accent2:#00a67e;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.96);z-index:5}.brand{display:flex;gap:10px;align-items:center;font-size:21px;font-weight:850;text-decoration:none;color:var(--ink)}.brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--accent);color:#fff;font-size:14px}nav{display:flex;gap:25px}nav a{color:#40516a;text-decoration:none;font-weight:650;font-size:14px}.hero{padding:92px 24px 75px;text-align:center;background:radial-gradient(circle at 50% 0,#e9f2ff 0,#fff 58%)}.eyebrow,small{font-weight:850;letter-spacing:.12em;color:var(--accent);font-size:12px}.hero h1,.calc-intro h1{font-size:clamp(42px,6vw,76px);line-height:1.02;margin:16px auto;letter-spacing:-.045em;max-width:900px}.hero h1 em{font-style:normal;color:var(--accent)}.hero>p{max-width:690px;margin:0 auto 30px;color:var(--muted);font-size:19px;line-height:1.65}.search{max-width:720px;margin:auto;display:flex;padding:7px;border:1px solid #cfd9e5;border-radius:16px;background:#fff;box-shadow:0 14px 45px rgba(28,67,112,.1)}.search input{flex:1;border:0;padding:16px;font-size:16px;outline:0}.search button,.primary{border:0;border-radius:11px;background:var(--accent);color:#fff;padding:14px 22px;font-weight:800;cursor:pointer}.chips{margin-top:18px}.chips a{display:inline-block;margin:5px;padding:8px 12px;border-radius:99px;background:var(--soft);color:#42536b;text-decoration:none;font-size:13px}.section{max-width:1180px;margin:auto;padding:70px 24px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h2,.explain h2{font-size:36px;margin:7px 0 0;letter-spacing:-.03em}.section-head p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:25px;border:1px solid var(--line);border-radius:18px;text-decoration:none;color:inherit;min-height:240px;background:#fff}.card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(20,50,90,.08)}.card.featured{border:2px solid #b8d2ff}.icon{font-size:29px}.tag{float:right;background:#eaf2ff;color:var(--accent);font-size:10px;padding:5px 8px;border-radius:99px;font-weight:900}.card h3{font-size:19px;margin-top:22px}.card p,.catgrid p,.three p,.article p{color:var(--muted);line-height:1.6}.card b{font-size:13px;color:var(--accent)}.catgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.catgrid article{padding:23px;background:var(--soft);border-radius:16px}.catgrid b{font-size:18px}.explain{background:var(--ink);color:#fff;padding:75px max(5vw,24px);text-align:center}.explain small{color:#75aaff}.three{max-width:1000px;margin:45px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.three strong{font-size:35px;color:#75aaff}.three p{color:#b8c4d4}footer{padding:45px max(5vw,24px);background:#08182c;color:#dbe5f2}.fine{font-size:12px;color:#8494aa}.calc-page{max-width:1120px;margin:auto;padding:35px 24px 80px}.crumb{font-size:13px;color:var(--muted);margin-bottom:35px}.crumb a{color:var(--accent)}.calc-intro h1{font-size:48px;margin:8px 0 12px;max-width:800px}.calc-intro p{font-size:18px;color:var(--muted);max-width:760px}.calc-layout{display:grid;grid-template-columns:1.55fr .85fr;gap:22px;margin-top:35px}.panel,.result{border:1px solid var(--line);border-radius:18px;padding:27px;background:#fff;margin-top:22px}.calc-layout .panel,.calc-layout .result{margin-top:0}.panel h2{margin-top:0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.formgrid label{font-size:13px;font-weight:750;color:#42536b}.formgrid input,.formgrid select{width:100%;margin-top:7px;padding:13px;border:1px solid #ccd7e3;border-radius:10px;font-size:16px;color:var(--ink);background:#fff}.primary{width:100%;margin-top:20px;font-size:16px;padding:15px}.result{background:var(--ink);color:#fff}.result small{color:#8bb6ff}.big{font-size:49px;font-weight:900;margin-top:10px;letter-spacing:-.04em}.result>p{color:#b8c4d4}.resultrow{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #29405e;font-size:14px}.note{font-size:11px!important;line-height:1.5}.tutor{border-left:5px solid var(--accent2);background:#f2fbf8}.tutor small{color:#087c61}.tutor p{line-height:1.7;color:#40516a}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--muted)}tr.selected{background:#eef5ff}.article{max-width:820px}.article h3{margin-top:30px}details{border-top:1px solid var(--line);padding:15px 0}summary{font-weight:750;cursor:pointer}@media(max-width:850px){nav{display:none}.grid{grid-template-columns:1fr 1fr}.catgrid{grid-template-columns:1fr 1fr}.calc-layout{grid-template-columns:1fr}.three{grid-template-columns:1fr}.section-head{display:block}}@media(max-width:560px){.hero{padding-top:65px}.search{display:block}.search button{width:100%}.grid,.catgrid,.formgrid{grid-template-columns:1fr}.calc-intro h1{font-size:38px}.section{padding:50px 18px}.panel,.result{padding:20px}.big{font-size:42px}}
footer a{color:#dbe5f2;text-decoration:none}footer a:hover{text-decoration:underline}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}

.alt-section{background:#f8fbff;max-width:none;padding-left:max(calc((100vw - 1180px)/2 + 24px),24px);padding-right:max(calc((100vw - 1180px)/2 + 24px),24px)}input[type=text]{width:100%;margin-top:7px;padding:13px;border:1px solid #ccd7e3;border-radius:10px;font-size:16px;color:var(--ink);background:#fff}
.favorite-btn{float:right;border:1px solid #c9d7e8;background:#fff;border-radius:999px;padding:7px 12px;cursor:pointer;color:#10233f;font-weight:700}.personal-tools{display:flex;gap:10px;flex-wrap:wrap}.mini-tool{background:#fff;border:1px solid #dbe5ef;border-radius:999px;padding:10px 14px;text-decoration:none;color:#10233f;font-weight:700}.mini-tool:hover{border-color:#0b63f6}.personal-section{border-top:1px solid #edf1f5}
.ad-slot{margin:24px auto;max-width:900px;min-height:90px;border:1px dashed #cbd6e2;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#7b8794;font-size:12px;background:#fbfcfe}.lower-ad{margin-top:32px}.directory-search{width:100%;max-width:650px;padding:15px 18px;border:1px solid #ccd7e3;border-radius:12px;font-size:17px;margin-top:16px}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.filter{border:1px solid #ccd7e3;background:#fff;padding:9px 13px;border-radius:999px;cursor:pointer;font-weight:700}.filter.active{background:#10233f;color:#fff;border-color:#10233f}.directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:28px 0 50px}.directory-card{display:block;text-decoration:none;color:#10233f;background:#fff;border:1px solid #dfe7ef;border-radius:16px;padding:20px;box-shadow:0 8px 25px rgba(16,35,63,.05)}.directory-card h3{margin:7px 0 18px}.directory-card span{font-weight:800;color:#0b63f6}
.checkgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.checkgrid label{display:flex;align-items:center;gap:8px}.password-box{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:20px;word-break:break-all;background:#071a30;padding:18px;border-radius:12px;margin:12px 0}.copy-btn{border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:9px;padding:9px 13px;cursor:pointer}.tool-textarea{width:100%;box-sizing:border-box;margin-top:8px;padding:14px;border:1px solid #cbd5e1;border-radius:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.5;resize:vertical}.tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.secondary-btn{border:1px solid #cbd5e1;background:#fff;color:#10233f;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer}.tool-status{font-weight:700;color:#0b6b55}.related-tools{margin-top:24px}.related-grid{display:flex;gap:10px;flex-wrap:wrap}.related-grid a{padding:10px 13px;background:#eef5ff;border-radius:10px;font-weight:700;text-decoration:none;color:#0b4fbd}

/* ===== TutorCalc V13 category color system ===== */
:root{
 --tc-auto:#f97316;--tc-mobile:#8b5cf6;--tc-money:#059669;--tc-home:#0891b2;
 --tc-career:#2563eb;--tc-everyday:#d97706;--tc-tech:#4f46e5;--tc-dc:#06b6d4;
}
body[data-category="automotive"]{--cat:var(--tc-auto);--cat-soft:#fff7ed}
body[data-category="mobile"]{--cat:var(--tc-mobile);--cat-soft:#f5f3ff}
body[data-category="money"]{--cat:var(--tc-money);--cat-soft:#ecfdf5}
body[data-category="home"]{--cat:var(--tc-home);--cat-soft:#ecfeff}
body[data-category="career"]{--cat:var(--tc-career);--cat-soft:#eff6ff}
body[data-category="everyday"]{--cat:var(--tc-everyday);--cat-soft:#fffbeb}
body[data-category="technology"]{--cat:var(--tc-tech);--cat-soft:#eef2ff}
body[data-category="datacenter"]{--cat:var(--tc-dc);--cat-soft:#ecfeff}
body[data-category] .calc-intro small,body[data-category] .crumb a{color:var(--cat)}
body[data-category] .calc-intro{border-left:6px solid var(--cat);padding-left:22px}
body[data-category] .primary{background:var(--cat)}
body[data-category] .panel:focus-within{border-color:var(--cat)}
body[data-category] input:focus,body[data-category] select:focus,body[data-category] textarea:focus{outline:2px solid var(--cat);outline-offset:1px}
body[data-category] .tutor{background:var(--cat-soft);border-left:5px solid var(--cat)}
body[data-category] .tutor small{color:var(--cat)}
body[data-category] .result{border-top:5px solid var(--cat)}
body[data-category] .result .big{color:#fff}
body[data-category] .related-grid a{background:var(--cat-soft);color:var(--cat)}
.category-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 34px}
.category-chip{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:13px 15px;font-weight:800;color:#10233f;text-decoration:none;box-shadow:0 5px 18px rgba(15,35,63,.05)}
.category-chip i{width:13px;height:13px;border-radius:50%;display:inline-block}
.category-chip.auto i{background:var(--tc-auto)}.category-chip.mobile i{background:var(--tc-mobile)}
.category-chip.money i{background:var(--tc-money)}.category-chip.home i{background:var(--tc-home)}
.category-chip.career i{background:var(--tc-career)}.category-chip.everyday i{background:var(--tc-everyday)}
.category-chip.tech i{background:var(--tc-tech)}.category-chip.dc i{background:var(--tc-dc)}
.directory-card[data-cat="Automotive"]{border-top:4px solid var(--tc-auto)}
.directory-card[data-cat="Mobile Phones"]{border-top:4px solid var(--tc-mobile)}
.directory-card[data-cat="Money"]{border-top:4px solid var(--tc-money)}
.directory-card[data-cat="Home"]{border-top:4px solid var(--tc-home)}
.directory-card[data-cat="Career"]{border-top:4px solid var(--tc-career)}
.directory-card[data-cat="Everyday"]{border-top:4px solid var(--tc-everyday)}
.directory-card[data-cat="Technology"]{border-top:4px solid var(--tc-tech)}
.directory-card[data-cat="Automotive"] small{color:var(--tc-auto)}.directory-card[data-cat="Mobile Phones"] small{color:var(--tc-mobile)}
.directory-card[data-cat="Money"] small{color:var(--tc-money)}.directory-card[data-cat="Home"] small{color:var(--tc-home)}
.directory-card[data-cat="Career"] small{color:var(--tc-career)}.directory-card[data-cat="Everyday"] small{color:var(--tc-everyday)}
.directory-card[data-cat="Technology"] small{color:var(--tc-tech)}
.home-category-card{position:relative;overflow:hidden}.home-category-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--category-color,#0b63f6)}
.home-category-card.auto{--category-color:var(--tc-auto)}.home-category-card.mobile{--category-color:var(--tc-mobile)}
.home-category-card.money{--category-color:var(--tc-money)}.home-category-card.home{--category-color:var(--tc-home)}
.home-category-card.career{--category-color:var(--tc-career)}.home-category-card.everyday{--category-color:var(--tc-everyday)}
.home-category-card.tech{--category-color:var(--tc-tech)}.home-category-card.dc{--category-color:var(--tc-dc)}
@media(max-width:850px){.category-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.category-legend{grid-template-columns:1fr}}

/* V14 launch polish */
footer a{color:inherit;text-decoration:none}footer a:hover{text-decoration:underline}
.article h2{margin-top:28px}.article h3{margin:22px 0 7px}.article p{line-height:1.75}
@media(max-width:760px){
 header{align-items:flex-start;gap:12px;flex-wrap:wrap}
 header nav{width:100%;overflow-x:auto;display:flex;gap:14px;padding-bottom:5px;white-space:nowrap}
 .calc-page{padding-left:16px;padding-right:16px}
 .calc-intro h1{font-size:clamp(2rem,9vw,3rem)}
 .result{position:static}
}

.quick-links{display:flex;flex-wrap:wrap;gap:12px}.quick-links a{background:#fff;border:1px solid #dbe5f0;border-radius:999px;padding:12px 16px;text-decoration:none;color:#10233f;font-weight:800;box-shadow:0 4px 14px rgba(15,35,63,.05)}
.quick-links a:hover{transform:translateY(-1px)}

/* V17 Production & Standard Calculator */
.standard-calc{max-width:460px;margin:20px auto 44px;background:#10233f;border-radius:28px;padding:20px;box-shadow:0 22px 55px rgba(16,35,63,.2)}
.calc-history{min-height:24px;text-align:right;color:#9fb3cc;font-size:.95rem;padding:5px 8px}.calc-display{min-height:82px;display:flex;align-items:flex-end;justify-content:flex-end;color:white;font-size:clamp(2.5rem,8vw,4rem);font-weight:800;overflow:hidden;padding:8px}
.calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.key{border:0;border-radius:16px;padding:19px 8px;font-size:1.25rem;font-weight:800;background:#fff;color:#10233f;cursor:pointer}.key:hover{filter:brightness(.95)}.key:active{transform:scale(.97)}.key.operator,.key.equals{background:#0b63f6;color:#fff}.key.utility{background:#dfe8f3}
.standard-feature{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.primary-link{display:inline-block;background:#0b63f6;color:#fff;text-decoration:none;font-weight:800;padding:14px 20px;border-radius:12px}.mini-calc{background:#10233f;border-radius:22px;padding:18px}.mini-screen{background:#fff;color:#10233f;text-align:right;border-radius:10px;padding:18px;font-size:1.4rem;font-weight:800;margin-bottom:10px}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mini-grid span{background:#fff;border-radius:8px;padding:10px;text-align:center;font-weight:800}
.category-hub{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-hub a{background:#fff;border:1px solid #dfe6ee;border-radius:14px;padding:18px;text-decoration:none;color:#10233f;font-size:1.05rem}.category-hero{max-width:1180px;margin:auto;padding:64px 24px 24px}.category-hero h1{font-size:clamp(2.2rem,5vw,4rem);margin:8px 0}.category-hero p{max-width:760px;color:#66758a;font-size:1.12rem;line-height:1.7}
@media(max-width:760px){.standard-feature{grid-template-columns:1fr}.category-hub{grid-template-columns:repeat(2,1fr)}.standard-calc{border-radius:20px}.key{padding:17px 6px}}

/* V18 trust, learning and installability */
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.trust-strip>div{border:1px solid #dfe6ee;border-radius:14px;padding:18px;background:#fff}.trust-strip b,.trust-strip span{display:block}.trust-strip span{margin-top:6px;color:#66758a;font-size:.92rem}.trust-strip a{color:#0b63f6;text-decoration:none;font-weight:700}
.glossary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.glossary-grid article{border:1px solid #dfe6ee;border-radius:16px;padding:22px;background:#fff}.glossary-grid h2{margin-top:0}.glossary-grid p{color:#66758a;line-height:1.7}.trust-content{max-width:900px}.trust-content p{color:#52647a;line-height:1.8}
@media(max-width:800px){.trust-strip{grid-template-columns:1fr 1fr}.glossary-grid{grid-template-columns:1fr}}@media(max-width:480px){.trust-strip{grid-template-columns:1fr}}

/* V19 launch polish */
:focus-visible{outline:3px solid #0b63f6;outline-offset:3px}
.launch-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f4f8fc;border:1px solid #dfe6ee;border-radius:18px}
.launch-cta h2{margin:.35rem 0}.launch-cta p{color:#66758a;margin-bottom:0}
@media(max-width:700px){.launch-cta{display:block}.launch-cta .primary-link{margin-top:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{
 header,footer,.ad-slot,.primary-link,button,.calc-keys,.category-hub{display:none!important}
 body{background:#fff!important;color:#000!important}
 .panel,.result,.standard-calc{box-shadow:none!important;border:1px solid #bbb!important}
 a{color:#000!important;text-decoration:none!important}
}

/* =========================================================
   V20 — Premium Visual Experience
   ========================================================= */
.premium-home{background:#f7f9fc}
.premium-home header{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,35,63,.08);position:sticky;top:0;z-index:30}
.premium-home header .brand span{box-shadow:0 8px 24px rgba(11,99,246,.28)}
.premium-home header nav a{font-weight:750}
.premium-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#07172d 0%,#0b2852 52%,#0b63f6 145%);color:#fff;padding:76px 24px 0}
.premium-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent)}
.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.32}.orb-one{width:430px;height:430px;background:#0b63f6;right:-120px;top:-160px}.orb-two{width:260px;height:260px;background:#06b6d4;left:-100px;bottom:-120px}
.premium-hero-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.13fr .87fr;gap:68px;align-items:center;position:relative;z-index:2}
.eyebrow{display:inline-flex;gap:9px;align-items:center;padding:8px 13px;border:1px solid rgba(117,170,255,.28);background:rgba(11,99,246,.12);border-radius:999px;color:#bcd4ff;font-size:.77rem;font-weight:850;letter-spacing:.09em}
.eyebrow span{color:#4fd1ff}
.premium-copy h1{font-size:clamp(3rem,5.8vw,5.45rem);line-height:.98;letter-spacing:-.055em;margin:24px 0 22px;max-width:760px}.premium-copy h1 span{background:linear-gradient(90deg,#72b4ff,#66e1ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.premium-copy>p{font-size:1.12rem;line-height:1.75;color:#c4d3e7;max-width:690px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 22px}.hero-primary,.hero-secondary{padding:15px 20px;border-radius:13px;text-decoration:none;font-weight:850}.hero-primary{background:#fff;color:#0b2852;box-shadow:0 14px 35px rgba(0,0,0,.2)}.hero-primary b{color:#0b63f6;margin-left:8px}.hero-secondary{border:1px solid rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.06)}
.hero-proof{display:flex;gap:18px;flex-wrap:wrap;color:#9fb5d0;font-size:.85rem;font-weight:650}
.hero-calculator-card{background:linear-gradient(180deg,#fff,#edf3fb);border:1px solid rgba(255,255,255,.55);padding:16px;border-radius:27px;box-shadow:0 34px 75px rgba(0,0,0,.34),0 0 0 8px rgba(255,255,255,.035);transform:rotate(1.2deg);max-width:410px;justify-self:end}
.hc-top{display:flex;align-items:center;gap:8px;color:#687b94;font-size:.68rem;font-weight:850;letter-spacing:.08em;padding:3px 4px 12px}.hc-top b{margin-left:auto;color:#0b63f6;font-size:.9rem}.hc-dot{width:8px;height:8px;border-radius:50%;background:#00a67e}
.hc-screen{background:#10233f;border-radius:17px;padding:17px 18px;text-align:right;margin-bottom:10px}.hc-screen small{display:block;color:#7790af;font-size:.62rem;letter-spacing:.1em;font-weight:800}.hc-screen strong{display:block;font-size:2.45rem;color:#fff;margin-top:5px;letter-spacing:-.04em}
.hc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.hc-keys i{font-style:normal;background:#fff;color:#10233f;border:1px solid #dce5ef;border-radius:11px;padding:12px 4px;text-align:center;font-weight:850;box-shadow:0 2px 5px rgba(16,35,63,.04)}.hc-keys .op{background:#e9f2ff;color:#0b63f6}.hc-keys .eq{background:#0b63f6;color:#fff}.hc-caption{text-align:center;color:#73859b;font-size:.74rem;font-weight:750;padding:12px 0 2px}
.hero-category-ribbon{max-width:1180px;margin:68px auto 0;display:grid;grid-template-columns:repeat(7,1fr);position:relative;z-index:2;border:1px solid rgba(255,255,255,.12);border-bottom:0;border-radius:18px 18px 0 0;overflow:hidden;background:rgba(255,255,255,.06);backdrop-filter:blur(12px)}
.hero-category-ribbon a{color:#dce9f8;text-decoration:none;padding:17px 9px;text-align:center;font-size:.78rem;font-weight:750;border-right:1px solid rgba(255,255,255,.09)}.hero-category-ribbon a:last-child{border-right:0}.hero-category-ribbon a:hover{background:rgba(255,255,255,.08);color:#fff}.hero-category-ribbon em{display:block;font-style:normal;font-size:1.35rem;margin-bottom:5px}
.premium-popular{max-width:1180px;margin:0 auto;padding:78px 24px 58px}.premium-section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:27px}.section-kicker{color:#0b63f6;font-size:.72rem;font-weight:900;letter-spacing:.12em}.premium-section-head h2{font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.04em;margin:7px 0}.premium-section-head p{color:#66758a;margin:0}.premium-section-head>a{color:#0b63f6;text-decoration:none;font-weight:800;white-space:nowrap}
.premium-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ptool{position:relative;overflow:hidden;background:#fff;border:1px solid #e0e7ef;border-radius:20px;padding:24px;text-decoration:none;color:#10233f;min-height:245px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s}.ptool:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-50px;top:-55px;background:var(--tool-soft,#eaf2ff)}.ptool:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(16,35,63,.11);border-color:#c5d4e5}.pt-icon{position:relative;z-index:2;width:49px;height:49px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;background:var(--tool-soft,#eaf2ff);margin-bottom:24px}.ptool>span{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:var(--tool,#0b63f6)}.ptool h3{font-size:1.28rem;margin:7px 0}.ptool p{color:#66758a;line-height:1.55;font-size:.91rem}.ptool b{display:block;color:var(--tool,#0b63f6);font-size:.86rem;margin-top:18px}
.ptool.auto{--tool:#f97316;--tool-soft:#fff1e8}.ptool.money{--tool:#059669;--tool-soft:#e7f8f1}.ptool.home{--tool:#0891b2;--tool-soft:#e6f7fb}.ptool.mobile{--tool:#8b5cf6;--tool-soft:#f1ebff}.ptool.tech{--tool:#4f46e5;--tool-soft:#ececff}.ptool.dc{--tool:#089fc0;--tool-soft:#e4f9fd}
.premium-home main>.section,.premium-home main>.alt-section{max-width:1180px;margin-left:auto;margin-right:auto}
.premium-home .standard-feature{background:linear-gradient(135deg,#fff,#f1f6ff);border:1px solid #dbe7f5;border-radius:24px;padding:34px;box-shadow:0 15px 40px rgba(16,35,63,.055)}
.premium-home .category-hub a{transition:transform .18s,box-shadow .18s;border:1px solid #e1e7ef}.premium-home .category-hub a:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(16,35,63,.09)}
.premium-home .trust-strip>div{box-shadow:0 8px 25px rgba(16,35,63,.04)}
.premium-home .explain{margin-top:65px}
.premium-final{max-width:1180px;margin:55px auto 75px;background:linear-gradient(120deg,#10233f,#0b3d78);border-radius:26px;padding:44px;display:flex;justify-content:space-between;align-items:center;gap:30px;color:#fff;box-shadow:0 25px 55px rgba(16,35,63,.18)}.premium-final .section-kicker{color:#75aaff}.premium-final h2{font-size:clamp(2rem,4vw,3.2rem);margin:8px 0;letter-spacing:-.04em}.premium-final p{color:#bfd0e5;margin:0}.premium-final>a{background:#fff;color:#10233f;padding:15px 20px;border-radius:12px;text-decoration:none;font-weight:850;white-space:nowrap}
@media(max-width:920px){.premium-hero-inner{grid-template-columns:1fr;gap:42px}.hero-calculator-card{justify-self:center;width:min(100%,410px);transform:none}.hero-category-ribbon{grid-template-columns:repeat(4,1fr)}.premium-tool-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.premium-hero{padding-top:48px}.premium-copy h1{font-size:clamp(2.7rem,13vw,4.3rem)}.hero-category-ribbon{grid-template-columns:repeat(2,1fr);border-radius:18px 18px 0 0}.premium-section-head{display:block}.premium-section-head>a{display:inline-block;margin-top:15px}.premium-tool-grid{grid-template-columns:1fr}.premium-final{display:block;margin:35px 18px 55px;padding:30px}.premium-final>a{display:inline-block;margin-top:20px}.hero-proof{display:grid;gap:7px}}

/* V21 production homepage */
.production-goals{max-width:1180px;margin:0 auto;padding:28px 24px 70px}
.goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.goal-grid a{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:3px;align-items:start;padding:22px;border:1px solid #dfe6ee;border-radius:18px;background:#fff;color:#10233f;text-decoration:none;box-shadow:0 8px 24px rgba(16,35,63,.04);transition:.18s ease}
.goal-grid a:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(16,35,63,.09);border-color:#c8d8ec}
.goal-grid span{grid-row:1/3;font-size:1.65rem}.goal-grid strong{font-size:1rem}.goal-grid small{color:#66758a;line-height:1.45}
.production-home main{overflow:hidden}
@media(max-width:820px){.goal-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.goal-grid{grid-template-columns:1fr}}

/* V22 final homepage restoration */
.production-hero{margin:0}
.compact-popular{padding-top:64px;padding-bottom:42px}
@media(max-width:680px){
 .compact-popular{padding-top:46px}
}

/* V23 calculator directory */
.directory-upgrade{max-width:1180px;margin:0 auto;padding:20px 24px 36px}
.directory-search-wrap{padding:30px;border-radius:24px;background:linear-gradient(135deg,#0d2342,#123b72);color:#fff;box-shadow:0 20px 50px rgba(16,35,63,.15)}
.directory-search-copy h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:6px 0}.directory-search-copy p{color:#d8e6f8;max-width:720px}
.directory-search{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:0 16px;margin:22px 0 16px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.directory-search span{color:#66758a;font-size:1.5rem}.directory-search input{width:100%;border:0;outline:0;padding:16px 4px;font:inherit;font-size:1rem;color:#10233f;background:transparent}
.directory-filter-row{display:flex;gap:8px;flex-wrap:wrap}.dir-filter{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:9px 13px;cursor:pointer;font-weight:700}.dir-filter:hover,.dir-filter.active{background:#fff;color:#10233f}
.directory-count{margin-top:14px;color:#bcd3ee;font-size:.9rem}
.directory-featured{padding:38px 0 12px}.dir-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dir-feature-grid a{display:grid;grid-template-columns:auto 1fr;column-gap:12px;padding:18px;border:1px solid #dfe6ee;border-radius:16px;text-decoration:none;background:#fff;color:#10233f}.dir-feature-grid span{grid-row:1/3;font-size:1.45rem}.dir-feature-grid small{color:#66758a;margin-top:3px}
@media(max-width:760px){.dir-feature-grid{grid-template-columns:repeat(2,1fr)}.directory-search-wrap{padding:22px}}
@media(max-width:500px){.dir-feature-grid{grid-template-columns:1fr}.directory-upgrade{padding-left:16px;padding-right:16px}}


/* TutorCalc V24 clean calculator directory */
.tc-directory-page{max-width:1180px;margin:0 auto;padding:46px 24px 60px}
.tc-directory-hero{margin:0 0 34px}
.tc-directory-kicker{display:inline-block;font-size:.82rem;font-weight:900;letter-spacing:.14em;color:#0b63f6}
.tc-directory-hero>h1{font-size:clamp(2.7rem,6vw,4.2rem);line-height:1.02;margin:10px 0 12px;color:#10233f}
.tc-directory-lead{font-size:clamp(1.05rem,2vw,1.25rem);color:#66758a;max-width:780px;margin:0 0 28px}
.tc-search-panel{background:linear-gradient(135deg,#0d2342 0%,#123b72 100%);border-radius:24px;padding:30px;box-shadow:0 18px 50px rgba(16,35,63,.14)}
.tc-search-copy h2{color:#fff;font-size:clamp(1.75rem,3vw,2.35rem);margin:6px 0 8px}
.tc-search-copy p{color:#dbe8f8;margin:0 0 20px;max-width:790px}
.tc-kicker-light{color:#7cc2ff}
.tc-search-box{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid transparent;border-radius:15px;padding:0 16px;max-width:860px;box-shadow:0 10px 30px rgba(0,0,0,.16)}
.tc-search-box:focus-within{border-color:#68b7ff;box-shadow:0 0 0 4px rgba(104,183,255,.18)}
.tc-search-icon{font-size:1.45rem;color:#65768a;line-height:1}
.tc-search-box input{appearance:none;-webkit-appearance:none;width:100%;border:0!important;outline:0!important;background:transparent!important;color:#10233f!important;padding:16px 0!important;margin:0!important;max-width:none!important;border-radius:0!important;box-shadow:none!important;font:inherit;font-size:1.03rem}
.tc-filter-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.tc-filter{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer}
.tc-filter:hover,.tc-filter.active{background:#fff;color:#10233f;border-color:#fff}
.tc-result-count{margin-top:14px;color:#bfd7f0;font-size:.93rem;font-weight:700}
.tc-popular{margin:34px 0 44px}
.tc-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}
.tc-section-heading h2{font-size:clamp(1.8rem,3.5vw,2.6rem);line-height:1.08;margin:6px 0 0;color:#10233f}
.tc-section-heading p{margin:0;color:#6b7888}
.tc-popular-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tc-popular-grid a{display:flex;align-items:center;gap:14px;min-height:92px;padding:18px;border:1px solid #dce5ef;border-radius:17px;background:#fff;text-decoration:none;color:#10233f;box-shadow:0 7px 22px rgba(16,35,63,.05);transition:transform .15s ease,box-shadow .15s ease}
.tc-popular-grid a:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(16,35,63,.09)}
.tc-popular-grid strong{display:block;font-size:1.02rem}
.tc-popular-grid small{display:block;margin-top:4px;color:#6b7888}
.tc-pop-icon{font-size:1.55rem;flex:0 0 auto}
.tc-all-tools{margin-top:10px}
.tc-tools-heading{margin-bottom:6px}
.tc-directory-page .directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 48px}
.tc-directory-page .directory-card{display:block;text-decoration:none;color:#10233f;background:#fff;border:1px solid #dfe7ef;border-radius:16px;padding:20px;box-shadow:0 8px 25px rgba(16,35,63,.05)}
.tc-directory-page .directory-card[hidden]{display:none!important}
.tc-directory-page .directory-card small{font-weight:800;color:#66758a}
.tc-directory-page .directory-card h3{margin:8px 0 18px;font-size:1.12rem}
.tc-directory-page .directory-card span{font-weight:850;color:#0b63f6}
.tc-empty{padding:28px;border:1px dashed #b9c8d8;border-radius:16px;text-align:center;color:#66758a;background:#fbfdff}
.tc-empty strong,.tc-empty span{display:block}.tc-empty strong{color:#10233f;margin-bottom:5px}
@media(max-width:850px){
  .tc-popular-grid,.tc-directory-page .directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tc-section-heading{align-items:flex-start;flex-direction:column}
}
@media(max-width:560px){
  .tc-directory-page{padding:30px 16px 46px}
  .tc-search-panel{padding:21px 17px;border-radius:19px}
  .tc-popular-grid,.tc-directory-page .directory-grid{grid-template-columns:1fr}
  .tc-filter{padding:8px 11px}
}