@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17243b;--muted:#68758b;--line:#e5eaf2;--soft:#f6f8fc;--brand:#5b5ce2;--brand-dark:#4445c6;--navy:#15294b;--mint:#d8f7e9;--shadow:0 18px 55px rgba(27,43,77,.08)}
*{box-sizing:border-box}body{color:var(--ink);line-height:1.65;font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#fff}h1,h2,h3,h4,.brand-wordmark{font-family:'Manrope','DM Sans',sans-serif;letter-spacing:-.035em}a{color:var(--brand);text-decoration-thickness:1px;text-underline-offset:3px}.site-header{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,232,242,.9);box-shadow:0 5px 20px rgba(21,41,75,.025)}.navbar-brand{text-decoration:none}.brand-mark{width:42px;height:42px}.brand-wordmark{font-size:1.08rem;line-height:1.05;font-weight:800;color:var(--navy);display:flex;flex-direction:column}.brand-wordmark>span{color:var(--brand);display:inline}.brand-wordmark small{font:500 .62rem 'DM Sans',sans-serif;color:var(--muted);letter-spacing:.015em;margin-top:5px}.navbar .nav-link{font-size:.92rem;font-weight:600;color:#42516a;padding:.65rem .8rem!important;border-radius:.65rem}.navbar .nav-link:hover,.navbar .nav-link:focus{background:#f3f4ff;color:var(--brand)}.btn-brand{--bs-btn-color:#fff;--bs-btn-bg:var(--brand);--bs-btn-border-color:var(--brand);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--brand-dark);--bs-btn-hover-border-color:var(--brand-dark);--bs-btn-focus-shadow-rgb:91,92,226;border-radius:.75rem;font-weight:700}.category-menu{border:1px solid var(--line);border-radius:1rem;padding:.55rem;box-shadow:var(--shadow);width:min(440px,calc(100vw - 2rem));max-height:78vh;overflow:auto}.category-menu-item{display:flex;align-items:center;gap:.75rem;padding:.7rem;border-radius:.7rem;white-space:normal}.category-menu-item:hover{background:#f5f6ff}.category-menu-item strong,.category-menu-item small{display:block}.category-menu-item strong{font-size:.88rem;color:var(--ink)}.category-menu-item small{font-size:.75rem;line-height:1.4;color:var(--muted);margin-top:.15rem}.menu-icon{width:36px;height:36px;flex:0 0 36px;border-radius:.7rem;background:#f0f0ff;color:var(--brand);display:grid;place-items:center;font-size:1.05rem}.skip-link{position:absolute;left:-10000px;top:auto}.skip-link:focus{left:1rem;top:1rem;z-index:1000;background:#fff;padding:.75rem}.home-main{max-width:1240px}.hero-shell{min-height:460px;border-radius:2rem;overflow:hidden;position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:clamp(1.5rem,4vw,4rem);background:radial-gradient(circle at 90% 20%,rgba(141,144,255,.22),transparent 30%),linear-gradient(125deg,#f7f8ff 0%,#f3f6ff 52%,#eafaf5 100%);border:1px solid #e6eaff}.hero-copy{position:relative;z-index:2;max-width:640px}.eyebrow,.section-kicker{font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--brand);margin-bottom:.8rem}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;background:#fff;border:1px solid #e8e9ff;border-radius:999px;padding:.5rem .8rem;box-shadow:0 6px 20px rgba(30,40,100,.04)}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#31c48d;box-shadow:0 0 0 4px #d9f8eb}.hero-shell h1{font-size:clamp(2.65rem,5.3vw,4.8rem);font-weight:800;line-height:1.06;margin:1rem 0 1.2rem;color:var(--navy)}.hero-shell h1 span{color:var(--brand)}.hero-lead{font-size:1.12rem;max-width:540px;color:#64728a;line-height:1.75;margin-bottom:1.6rem}.hero-search{display:flex;align-items:center;gap:.7rem;background:#fff;padding:.45rem;border:1px solid #e2e6f5;border-radius:1rem;box-shadow:0 12px 34px rgba(25,42,85,.1);max-width:600px}.hero-search>i{font-size:1.25rem;color:#9aa5b7;margin-left:.65rem}.hero-search input{min-width:0;flex:1;border:0;outline:0;padding:.65rem .2rem;color:var(--ink);background:transparent}.hero-search input::placeholder{color:#9aa5b7}.hero-search button{display:flex;align-items:center;gap:.6rem;border:0;border-radius:.75rem;padding:.85rem 1rem;background:var(--brand);color:#fff;font-weight:700;white-space:nowrap}.hero-search button:hover{background:var(--brand-dark)}.hero-trust{display:flex;gap:1.15rem;flex-wrap:wrap;margin-top:1.15rem;color:#69768b;font-size:.78rem;font-weight:600}.hero-trust span{display:flex;align-items:center;gap:.35rem}.hero-trust i{color:#2cab7b}.hero-art{min-height:350px;position:relative;display:grid;place-items:center}.art-glow{position:absolute;width:310px;height:310px;border-radius:50%;background:linear-gradient(145deg,#d6d5ff,#c6f5e8);filter:blur(2px);opacity:.8}.art-orbit{position:absolute;border:1px solid rgba(91,92,226,.18);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:390px;height:230px}.orbit-two{width:310px;height:360px;transform:rotate(38deg)}.art-main-card{position:relative;z-index:1;width:min(320px,88%);padding:1.15rem;border:1px solid rgba(255,255,255,.9);border-radius:1.4rem;background:rgba(255,255,255,.88);box-shadow:0 25px 65px rgba(44,53,116,.18);backdrop-filter:blur(10px);transform:rotate(-3deg)}.art-window-dots{display:flex;align-items:center;gap:5px;padding-bottom:1rem;border-bottom:1px solid #edf0f7}.art-window-dots b{width:7px;height:7px;border-radius:50%;background:#d2d7e6}.art-window-dots b:first-child{background:#ffb4a6}.art-window-dots b:nth-child(2){background:#ffd77e}.art-window-dots b:nth-child(3){background:#85d9b6}.art-window-dots span{font-size:.68rem;color:#929cb0;margin-left:auto}.art-visual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;padding:1.2rem 0}.visual-tile{height:82px;border-radius:1rem;display:grid;place-items:center;font-size:2rem}.tile-purple{background:#efedff;color:#5b5ce2}.tile-blue{background:#e4f0ff;color:#3982df}.tile-orange{background:#fff0e2;color:#ef9842}.tile-green{background:#e0f9ee;color:#1eaa7c}.art-line{height:8px;background:#eef0f7;border-radius:99px;margin:.55rem 0}.line-long{width:85%}.line-short{width:55%}.art-status{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;font-size:.7rem;color:#5c6981}.art-status span{display:flex;align-items:center;gap:.35rem}.art-status span i{color:#28ad7b}.art-status>i{color:var(--brand);font-size:1rem}.floating-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem;background:#fff;border:1px solid #edf0f7;border-radius:1rem;box-shadow:0 12px 30px rgba(31,45,90,.12);font-size:.78rem;font-weight:700;color:#4a5871}.floating-chip i{color:var(--brand);font-size:1rem}.chip-top{top:12%;right:0}.chip-bottom{bottom:12%;left:0}.section-block{scroll-margin-top:90px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.3rem}.section-heading h2{font-size:clamp(1.6rem,3vw,2.1rem);font-weight:800;margin:0;color:var(--navy)}.section-kicker{margin-bottom:.35rem}.text-link{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;text-decoration:none;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.category-card{display:flex;align-items:center;gap:.85rem;min-width:0;padding:1.05rem;border:1px solid var(--line);border-radius:1rem;text-decoration:none;color:inherit;background:#fff;transition:transform .18s,border-color .18s,box-shadow .18s}.category-card:hover,.tool-card:hover{transform:translateY(-3px);border-color:#c5c8ff;box-shadow:0 12px 30px rgba(31,45,90,.07);color:inherit}.category-icon,.tool-card-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:.9rem;font-size:1.35rem;background:#f0efff;color:#5b5ce2}.icon-time-tools{background:#e5f1ff;color:#347bd0}.icon-math-tools{background:#efedff;color:#5b5ce2}.icon-finance-tools{background:#e0f8ee;color:#16895e}.icon-date-tools{background:#fff0e2;color:#d78026}.icon-text-tools{background:#fce8f4;color:#bd438d}.icon-unit-converters{background:#e1f7fa;color:#198b9d}.icon-developer-tools{background:#e8edff;color:#425ac4}.icon-health-fitness-tools{background:#ffe9ec;color:#d44b66}.icon-business-tools{background:#e5f7e7;color:#30844a}.icon-education-tools{background:#fff2d9;color:#a87415}.category-copy{display:block;min-width:0;flex:1}.category-copy strong,.category-copy small{display:block}.category-copy strong{font-size:.94rem;line-height:1.35;color:var(--navy)}.category-copy small{font-size:.77rem;line-height:1.45;color:var(--muted);margin-top:.28rem}.category-arrow,.tool-arrow{color:#9aa4b8;align-self:center}.tool-card{padding:1.15rem;border:1px solid var(--line);border-radius:1rem;text-decoration:none;color:inherit;background:#fff;transition:transform .18s,border-color .18s,box-shadow .18s}.tool-card>span:nth-child(2){min-width:0;flex:1}.tool-card strong,.tool-card small{display:block}.tool-card strong{font-size:.96rem;line-height:1.4;color:var(--navy)}.tool-card small{font-size:.8rem;line-height:1.5;color:var(--muted);margin-top:.35rem}.tool-card-icon{width:42px;height:42px;flex-basis:42px;font-size:1.15rem}.why-strip{display:flex;align-items:center;gap:1.1rem;padding:1.5rem;border-radius:1.4rem;background:linear-gradient(100deg,#f3f3ff,#f0fbf7);border:1px solid #e7e8fa}.why-icon{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:1rem;background:#fff;color:var(--brand);font-size:1.5rem}.why-strip h2{font-size:1.1rem;font-weight:800;margin:0 0 .25rem}.why-strip p{margin:0;color:var(--muted);font-size:.88rem}.why-strip .btn{margin-left:auto;white-space:nowrap}.page-intro{padding:2.2rem 0 1.5rem}.page-intro h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;color:var(--navy);margin-bottom:.5rem}.page-intro>p:last-child{color:var(--muted);max-width:700px}.catalog-search{display:flex;align-items:center;gap:.7rem;max-width:780px;background:#fff;border:1px solid var(--line);border-radius:1rem;padding:.5rem;box-shadow:0 8px 25px rgba(25,42,85,.04)}.catalog-search>i{margin-left:.7rem;color:#9aa5b7;font-size:1.2rem}.catalog-search input{flex:1;min-width:0;border:0;outline:0;padding:.65rem .2rem}.catalog-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.1rem 0;color:var(--muted);font-size:.88rem}.catalog-meta p{margin:0}.catalog-meta strong{color:var(--ink)}.catalog-meta>span{display:flex;gap:.45rem;align-items:center}.catalog-card{height:100%;padding:1rem}.catalog-card .tool-category-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--brand);font-weight:800;margin:0 0 .25rem}.catalog-card .tool-arrow{flex:0 0 auto}.empty-state{text-align:center;border:1px dashed #d6ddec;border-radius:1.3rem;padding:3rem 1rem;color:var(--muted)}.empty-state>i{font-size:2rem;color:var(--brand)}.empty-state h2{font-size:1.35rem;color:var(--navy);margin-top:.7rem}.site-footer{border-top:1px solid var(--line);margin-top:4rem;padding:2rem 0;background:#fbfcff}.site-footer a{color:#617087;text-decoration:none;font-size:.9rem}.site-footer a:hover{color:var(--brand)}.calculator-panel{border:1px solid var(--line);border-radius:1.2rem;padding:1.5rem;background:#fff;box-shadow:0 12px 35px rgba(25,42,85,.04)}.result-panel{background:var(--soft);border:1px solid #edf0f7;border-radius:.85rem;padding:1rem}.form-label{font-weight:700}.form-control:focus,.btn:focus-visible,a:focus-visible{outline:3px solid #a6a7ff;outline-offset:2px;box-shadow:none}.muted-note{color:var(--muted);font-size:.92rem}.breadcrumb{font-size:.85rem}.breadcrumb a{text-decoration:none}.category-card:focus-visible,.tool-card:focus-visible{outline:3px solid #a6a7ff;outline-offset:3px}@media(min-width:992px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-menu{width:500px;display:grid;grid-template-columns:1fr 1fr;max-height:78vh}.category-menu li:has(.dropdown-divider){grid-column:1/-1}.category-menu li:last-child{grid-column:1/-1}}@media(max-width:991.98px){.hero-shell{grid-template-columns:1fr;padding:2rem}.hero-art{min-height:300px;margin-top:1rem}.hero-shell h1{font-size:clamp(2.7rem,8vw,4rem)}.navbar-collapse{padding:.8rem 0}.category-menu{border:0;box-shadow:none;padding:.2rem 0 .5rem}.category-menu-item{padding:.55rem}.why-strip{align-items:flex-start;flex-wrap:wrap}.why-strip>div:nth-child(2){flex:1;min-width:200px}.why-strip .btn{margin-left:calc(52px + 1.1rem)}}@media(max-width:575.98px){.hero-shell{border-radius:1.4rem;padding:1.35rem}.hero-search{flex-wrap:wrap}.hero-search input{width:calc(100% - 4rem);flex:1}.hero-search button{width:100%;justify-content:center}.hero-trust{gap:.65rem}.hero-art{min-height:260px}.art-glow{width:240px;height:240px}.orbit-one{width:280px;height:190px}.orbit-two{width:250px;height:300px}.chip-top{right:-.3rem;top:5%}.chip-bottom{left:-.3rem;bottom:4%}.category-grid{grid-template-columns:1fr}.category-card{padding:.9rem}.section-heading{align-items:flex-start}.section-heading .text-link{font-size:.8rem}.why-strip{padding:1.1rem}.why-strip .btn{margin-left:0;width:100%}.catalog-search{flex-wrap:wrap}.catalog-search input{width:calc(100% - 4rem)}.catalog-search .btn{flex:1}.catalog-meta{align-items:flex-start}.catalog-card .tool-card-icon{width:38px;height:38px;flex-basis:38px}}

/* Editorial guides and optional AdSense placements */
.tool-guide { max-width: 900px; line-height: 1.75; color: #29364b; }
.tool-guide h2 { margin-bottom: .85rem; font-weight: 750; letter-spacing: -.02em; }
.tool-guide h3 { margin-top: 1.25rem; font-weight: 700; color: #172a4a; }
.tool-guide .faq-item { padding: 1rem 0; border-bottom: 1px solid #e8edf4; }
.ad-slot { clear: both; display: block; margin: 1.5rem auto; padding: .35rem 0; width: 100%; max-width: 970px; text-align: center; }
.ad-label { display: block; margin-bottom: .25rem; color: #7a8495; font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }

/* Compact click-to-open category mega menu */
.nav-catalog-trigger{border:0;background:transparent;display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}
.nav-catalog-count{font-size:.65rem;font-weight:800;letter-spacing:.01em;padding:.15rem .38rem;border-radius:999px;background:#efedff;color:var(--brand)}
.category-menu{display:none;position:absolute;inset:auto 0 auto auto;margin-top:.7rem;width:min(960px,calc(100vw - 2rem));max-height:min(78vh,760px);overflow:auto;padding:1rem;border:1px solid var(--line);border-radius:1.1rem;background:#fff;box-shadow:0 24px 70px rgba(21,41,75,.18)}
.category-menu.show{display:block}
.category-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.2rem .2rem .85rem;margin-bottom:.8rem;border-bottom:1px solid var(--line);color:var(--navy)}
.category-menu-heading a,.category-menu-footer{font-size:.84rem;font-weight:750;text-decoration:none}
.category-mega-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.category-mega-section{min-width:0;border:1px solid #edf0f7;border-radius:.85rem;padding:.65rem}
.category-mega-title{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--navy);font-size:.84rem;font-weight:800;padding:.2rem .15rem .65rem}
.category-mega-title .menu-icon{width:32px;height:32px;flex-basis:32px;font-size:.95rem}
.category-mega-title small{display:block;color:var(--muted);font-size:.68rem;font-weight:500;margin-top:.08rem}
.category-subcategory-list{display:grid;grid-template-columns:1fr 1fr;gap:.15rem .45rem;border-top:1px solid #f0f2f8;padding-top:.55rem}
.category-subcategory-list a{display:flex;align-items:center;justify-content:space-between;gap:.35rem;padding:.34rem .4rem;border-radius:.45rem;text-decoration:none;color:#53627a;font-size:.73rem;line-height:1.3}
.category-subcategory-list a:hover,.category-subcategory-list a:focus{background:#f4f4ff;color:var(--brand)}
.category-subcategory-list a span{font-size:.63rem;color:#929bb0;flex-shrink:0}
.category-menu-footer{display:flex;align-items:center;margin-top:.85rem;padding:.8rem;border-radius:.7rem;background:#f5f6ff;color:var(--brand)}
@media(min-width:992px){.category-menu{display:none;grid-template-columns:1fr;width:min(960px,calc(100vw - 3rem))}.category-menu.show{display:block}.category-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.category-menu{width:calc(100vw - 1.5rem);left:0;right:auto;max-height:72vh;padding:.65rem}.category-mega-grid{grid-template-columns:1fr}.category-subcategory-list{grid-template-columns:1fr 1fr}.category-menu-heading{font-size:.9rem}}


/* Full-viewport category mega menu: click to open, same width on desktop, tablet, and mobile. */
.site-header{z-index:1040}
.nav-catalog{position:static}
.category-menu{position:fixed!important;left:0!important;right:0!important;top:var(--category-menu-top,72px)!important;bottom:auto!important;width:100vw!important;max-width:100vw!important;min-width:0!important;transform:none!important;margin:0!important;padding:clamp(.75rem,2vw,1.5rem)!important;border-radius:0 0 1.25rem 1.25rem!important;border-left:0!important;border-right:0!important;border-top:1px solid var(--line)!important;max-height:calc(100dvh - var(--category-menu-top,72px))!important;overflow-y:auto!important;overflow-x:hidden!important;box-shadow:0 24px 70px rgba(21,41,75,.2)!important;z-index:1039!important}
.category-menu.show{display:block!important}
.category-mega-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:.8rem!important;width:100%;max-width:none}
.category-mega-section{min-width:0;background:#fff;padding:.7rem!important}
.category-mega-title{font-size:.88rem;line-height:1.3}
.category-subcategory-list{grid-template-columns:1fr!important;gap:.12rem!important}
.category-subcategory-list a{font-size:.77rem;padding:.42rem .45rem;overflow-wrap:anywhere}
.category-menu-heading,.category-menu-footer{max-width:none}
@media(max-width:1199.98px){.category-mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:767.98px){.category-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.55rem!important}.category-menu{padding:.7rem!important;max-height:calc(100dvh - var(--category-menu-top,64px))!important}.category-mega-section{padding:.55rem!important}.category-mega-title{align-items:flex-start;font-size:.8rem}.category-mega-title .menu-icon{width:28px;height:28px;flex-basis:28px}.category-subcategory-list a{font-size:.73rem}}
@media(max-width:420px){.category-mega-grid{grid-template-columns:1fr!important}.category-menu-heading{align-items:flex-start;flex-direction:column}.category-menu-footer{font-size:.8rem}}
.worked-example{padding:1.1rem 1.2rem;border:1px solid #dfe5ff;border-radius:1rem;background:linear-gradient(135deg,#f7f7ff,#f2fbf7)}
.worked-example h3{color:var(--navy);font-weight:800}
.tool-taxonomy{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;font-size:.78rem;font-weight:750;color:var(--brand);margin-top:.8rem}
.tool-taxonomy span{padding:.22rem .55rem;border-radius:999px;background:#f0efff}
.tool-taxonomy i{color:#9aa4b8}