:root{--navy:#071a33;--navy2:#0a2b59;--blue:#0c6fe8;--cyan:#20c7ff;--orange:#ff8a00;--ink:#10243d;--muted:#6c7f94;--soft:#f5f8fc;--line:#e1e8f0;--white:#fff;--shadow:0 18px 55px rgba(12,45,88,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:auto}
.site-header{position:sticky;top:38px;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(225,232,240,.9)}.header-inner{height:105px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{display:block;width:258px;height:auto}.nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:750;color:#38516d}.nav a:hover{color:var(--blue)}.header-cta{background:var(--navy2);color:#fff;padding:11px 17px;border-radius:12px}.mobile-nav{display:none}.mobile-menu{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 79% 20%,rgba(32,199,255,.16),transparent 28%),radial-gradient(circle at 8% 90%,rgba(255,138,0,.12),transparent 30%),linear-gradient(135deg,#06152c 0%,#0b2b55 66%,#08396b 100%);color:#fff;padding:82px 0 72px}.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:70px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);padding:8px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;color:#d7e7fa}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#39e2a0;box-shadow:0 0 0 5px rgba(57,226,160,.1)}
.hero h1{font-size:66px;line-height:.98;letter-spacing:-.055em;margin:22px 0 18px}.hero h1 span{background:linear-gradient(90deg,#25c8ff,#ff9b19 75%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:18px;line-height:1.65;color:#c6d7eb;max-width:690px}
.searchbox{margin-top:28px;position:relative}.searchbar{height:64px;background:#fff;border-radius:17px;display:flex;align-items:center;gap:11px;padding:0 17px;box-shadow:0 22px 50px rgba(0,0,0,.2);transition:box-shadow .2s;border:2px solid transparent}.searchbar:focus-within{border-color:#25c8ff;box-shadow:0 25px 60px rgba(37,200,255,.15)}.searchbar input{border:0;outline:0;flex:1;font-size:16px;color:#153552}.searchbar input::placeholder{color:#aab7c6}.searchbar b{color:#71849b}.search-icon-right{font-size:25px;line-height:1;flex:0 0 auto}.search-clear{border:0;background:transparent;color:#71849b;font-size:24px;line-height:1;padding:2px 4px;cursor:pointer;flex:0 0 auto}.search-clear:hover{color:var(--blue)}.search-results{position:absolute;z-index:10;left:0;right:0;top:76px;background:#fff;border-radius:12px;box-shadow:0 16px 35px rgba(0,0,0,.2);overflow:hidden}.search-results a{display:block;padding:14px 16px;color:#153552;text-decoration:none;font-size:14px;border-bottom:1px solid #f5f8fc}.search-results a:last-child{border-bottom:0}.search-results a:hover{background:#eef5fb;color:var(--blue)}.quick-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px;font-size:12px;color:#9fb6d2}.quick-links span{color:#fff}.hero-stats{display:flex;gap:34px;margin-top:32px}.stat{border-left:1px solid rgba(255,255,255,.15);padding-left:15px}.stat strong{display:block;font-size:24px}.stat small{color:#9db2ca;text-transform:uppercase;letter-spacing:.1em}
.calc-demo{background:linear-gradient(145deg,#102e55,#071831);border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:24px;box-shadow:0 35px 95px rgba(0,0,0,.38);transform:rotate(1.6deg)}.screen{background:linear-gradient(145deg,#e7f1df,#f5faef);color:#153552;border-radius:17px;padding:18px 20px;text-align:right}.screen small{display:block;color:#62798f}.screen strong{font-size:44px}.keys{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.keys span{height:51px;border-radius:12px;background:#15375f;display:grid;place-items:center;font-weight:850}.keys .op{background:#0c4f8f}.keys .eq{background:linear-gradient(#ffa31a,#ff7100)}
.ad-wrap{padding-top:26px}.ad-slot{min-height:104px;border:1px dashed #becddd;background:#f8fafc;border-radius:15px;display:grid;place-items:center;text-align:center;color:#8290a1}.ad-slot strong{display:block;color:#51667e;font-size:14px}.ad-slot small{font-size:11px}
.section{padding:80px 0}.soft{background:var(--soft)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.kicker{font-size:11px;font-weight:900;letter-spacing:.15em;color:var(--blue)}.section h2{font-size:38px;line-height:1.1;letter-spacing:-.04em;margin:7px 0 8px}.section-head p{color:var(--muted);margin:0}.text-link{color:var(--blue);font-weight:800;font-size:13px}
.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.category-card{border:1px solid #dbe6f3;border-left:3px solid #ff9a17;border-radius:20px;padding:22px;background:linear-gradient(to right,#fbfdff,#ffffff);display:grid;grid-template-columns:56px 1fr;gap:16px;transition:.3s cubic-bezier(0.165, 0.84, 0.44, 1);box-shadow:0 4px 16px rgba(17,45,78,.03)}.category-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(17,45,78,.08);border-color:#b4cbe4;border-left-color:#f39c12}.icon{width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#eaf5ff,#fff3e2);display:grid;place-items:center;font-size:24px}.category-card h3{margin:1px 0 6px;font-size:17px}.category-card p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.5}.card-foot{grid-column:2;border-top:1px solid #edf1f5;padding-top:12px;display:flex;justify-content:space-between;color:#7c8da0;font-size:11px;font-weight:800}
.popular-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tool-card{border:1px solid var(--line);border-radius:19px;padding:20px;background:#fff;min-height:218px;display:flex;flex-direction:column;transition:.2s}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.tool-card h3{font-size:17px;margin:10px 0 7px}.tool-card p{font-size:12px;color:var(--muted);line-height:1.5;margin:0}.tool-meta{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8494a5;font-weight:900}.use-tool{margin-top:auto;color:var(--blue);font-weight:850;font-size:12px;padding-top:15px}
.filterbar{display:flex;gap:8px;overflow:auto;padding-bottom:10px}.pill{white-space:nowrap;border:1px solid #dce4ed;background:#fff;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:800;cursor:pointer}.pill.active{background:var(--navy2);color:#fff;border-color:var(--navy2)}.directory{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:20px}.dir-card{border:1px solid var(--line);border-radius:19px;padding:20px}.dir-head{display:flex;gap:12px;align-items:center;padding-bottom:13px;border-bottom:1px solid #edf1f5}.dir-head h3{margin:0;font-size:16px}.dir-head small{color:#8998aa}.dir-links{display:grid;grid-template-columns:repeat(2,1fr);gap:0 13px;padding-top:7px}.dir-links a{display:flex;justify-content:space-between;padding:10px 12px;margin-bottom:4px;border:1px solid transparent;border-radius:10px;background:transparent;color:#40546c;font-size:11.5px;transition:.2s}.dir-links a:hover{color:var(--blue);background:#eff6fc;border-color:#d4e6f6;transform:translateX(2px)}
.trust{background:linear-gradient(135deg,#061831,#0b315f);color:#fff;padding:90px 0}.trust-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center}.trust h2{font-size:38px;margin:12px 0 16px;line-height:1.2;letter-spacing:-0.02em}.trust-left p{color:#9eb6cf;font-size:16px;line-height:1.6}.trust-points{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.trust-point{padding:26px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);border-radius:20px;display:flex;gap:18px;align-items:flex-start}.trust-icon{background:rgba(255,154,23,.12);color:#ff9a17;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:900;flex-shrink:0;font-size:15px;line-height:1}.trust-text b{display:block;margin-bottom:8px;font-size:16px;color:#fff;letter-spacing:-0.01em}.trust-text p{color:#9eb6cf;font-size:13px;line-height:1.5;margin:0}
.footer{background:#041225;color:#a9bad0;padding:40px 0 20px}.footer-grid{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr;gap:40px}.footer img{width:240px;filter:brightness(1.15)}.footer h4{color:#fff}.footer a{display:block;font-size:12px;margin:9px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:30px;padding-top:16px;display:flex;justify-content:space-between;font-size:10px}
@media(max-width:980px){.nav{display:none}.mobile-menu{display:block}.hero-grid{grid-template-columns:1fr}.calc-demo{display:none}.category-grid,.directory{grid-template-columns:1fr}.popular-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:1fr}.brand img{width:220px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}}
@media(max-width:640px){.header-inner{height:68px}.brand img{width:190px}.hero{padding:56px 0}.hero h1{font-size:47px}.hero-stats{gap:16px}.section{padding:58px 0}.section-head{align-items:start;flex-direction:column}.section h2,.trust h2{font-size:31px}.popular-grid{grid-template-columns:1fr}.category-card{grid-template-columns:48px 1fr;padding:18px}.dir-links{grid-template-columns:1fr}.trust-points{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-bottom{flex-direction:column;gap:5px}}


.tool-hero{padding:35px 0;background:linear-gradient(180deg,#fff,#f7fbff)}.tool-crumb{font-size:11px;color:#8494a7;margin-bottom:18px}.tool-crumb a{color:var(--blue)}.tool-tag{display:inline-flex;padding:8px 11px;border-radius:999px;background:#edf6ff;color:var(--blue);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.tool-hero h1{font-size:48px;letter-spacing:-.045em;margin:14px 0 10px}.tool-hero p{color:#6d7f94}.tool-main{padding:30px 0 75px}.tool-layout{display:grid;grid-template-columns:minmax(0,760px) 310px;gap:28px;align-items:start} .tool-top-ad{grid-column:1/-1;width:100%;}.calculator-panel{border:1px solid #e1e8f0;border-radius:24px;box-shadow:0 20px 60px rgba(15,48,86,.11);overflow:hidden}.calculator-title{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:3px solid #f39c12;background:linear-gradient(135deg,#061831,#0b3260)}.calculator-title h2{margin:0;font-size:20px;color:#ffffff}.calculator-title span{font-size:10px;color:#9cb2cc}.calculator-form{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.calc-field>span{display:block;font-size:11px;font-weight:850;margin-bottom:7px}.calc-field>div{display:flex;align-items:center;border:1px solid #d9e3ed;border-radius:13px;background:#fbfdff;overflow:hidden}.calc-field input,.calc-field select{width:100%;border:0;background:transparent;outline:0;padding:13px;font:inherit}.calc-field em{font-style:normal;font-size:10px;color:#8a9aac;padding-right:12px}.calc-actions{grid-column:1/-1;display:flex;gap:10px}.calc-actions button{border-radius:12px;padding:13px 20px;font-weight:850;border:1px solid #e1e8f0;background:white}.calc-actions button:first-child{border:0;color:white;background:linear-gradient(135deg,var(--blue),var(--accent))}.calculator-result{margin:0 24px 24px;border-radius:19px;background:linear-gradient(135deg,#061831,#0b3260);color:#fff;padding:24px}.calculator-result small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#9eb6cf}.calculator-result h3{font-size:36px;margin:8px 0 18px}.calculator-result #resultList{display:grid;grid-template-columns:1fr 1fr;gap:8px}.calculator-result #resultList div{background:rgba(255,255,255,.07);padding:11px;border-radius:11px;display:flex;justify-content:space-between;font-size:11px}.tool-sidebar{display:grid;gap:16px}.tool-sidebar section{border:1px solid #e1e8f0;border-radius:18px;padding:18px}.tool-sidebar h3{font-size:14px;margin:0 0 12px}.side-ad{display:none}.tool-content{border:1px solid #e1e8f0;border-radius:19px;padding:24px;margin-top:20px}.tool-content p{font-size:13px;color:#63758a;line-height:1.7}.tool-content details{border-top:1px solid #e1e8f0;padding:13px 0}.ad-slot{margin-top:25px;min-height:0}.ad-slot strong{display:none}.ad-slot span{display:none}
@media(max-width:920px){.tool-layout{grid-template-columns:1fr}.tool-sidebar{grid-template-columns:1fr 1fr}}@media(max-width:640px){.tool-hero h1{font-size:37px}.calculator-form{grid-template-columns:1fr}.calculator-result #resultList,.tool-sidebar{grid-template-columns:1fr}}

.ticker{position:sticky;top:0;z-index:60;background:#041a35;color:#dbe9f7;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}.ticker-inner{display:flex;align-items:center;gap:18px;min-height:38px}.ticker-label{font-size:9px;font-weight:900;letter-spacing:.15em;color:#ff9a17}.ticker-track{overflow:hidden;white-space:nowrap;flex:1}.ticker-run{display:flex;width:max-content;animation:tickerMove var(--ticker-speed,36s) linear infinite;will-change:transform}.ticker-group{display:flex;flex:0 0 max-content;align-items:center;padding-right:52px}.ticker-run span{display:inline-flex;flex:0 0 auto;margin-right:52px}.ticker-gradient{background:linear-gradient(90deg,var(--ticker-color,#52d2ff),#ff9a17);-webkit-background-clip:text;background-clip:text;color:transparent!important}.ticker-gradient a{color:inherit!important}.ticker-run:hover{animation-play-state:paused}.mobile-nav.open{display:flex;flex-direction:column;gap:14px;padding:16px;background:#fff;border-bottom:1px solid var(--line)}.ticker-run span{font-size:11px}.ticker-run a{color:#52d2ff;font-weight:800;margin-left:7px}@keyframes tickerMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.top-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.top-card{border:1px solid #d4e2f1;border-top:3px solid #f39c12;border-radius:18px;padding:17px;background:#fcfdff;min-height:155px;display:flex;flex-direction:column;transition:.3s cubic-bezier(0.165, 0.84, 0.44, 1);box-shadow:0 4px 14px rgba(17,45,78,.03)}.top-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(17,45,78,.08);border-color:#b4cbe4;border-top-color:#ff9a17}.top-card-head{display:flex;align-items:center;justify-content:space-between;min-height:34px}.top-card-icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#e4f1ff,#fff9ef);display:grid;place-items:center;font-size:18px;font-weight:900;color:var(--blue);line-height:1;border:1px solid rgba(12,111,232,0.1)}.top-card .rank{font-size:9px;color:#8494a5;font-weight:900}.top-card h3{font-size:15px;margin:12px 0 5px}.top-card small{color:var(--muted);font-size:10px}.top-card b{margin-top:auto;color:var(--blue);font-size:11px}
.ad-render{margin:24px auto;text-align:center}.ad-render.adsense{min-height:90px}.banner-rotator{min-height:90px;border-radius:15px;overflow:hidden;background:#f6f9fc;display:grid;place-items:center}.banner-rotator img{display:block;width:100%;max-height:180px;object-fit:contain}.side-banner img{max-height:320px}
.calc-actions button[type=reset],.ghost-reset{background:linear-gradient(135deg,#fff7ea,#ffe2b8)!important;border:1px solid #ffc46a!important;color:#9b5700!important;box-shadow:0 6px 16px rgba(255,138,0,.10);transition:.2s}.calc-actions button[type=reset]:hover,.ghost-reset:hover{background:linear-gradient(135deg,#fff0d7,#ffd08a)!important;transform:translateY(-1px)}
.calc-actions button[type=submit]{background:var(--blue)!important;border:1px solid var(--blue)!important;color:#fff!important;box-shadow:0 6px 16px rgba(12,111,232,.18);transition:.2s}.calc-actions button[type=submit]:hover{background:#095bbd!important;border-color:#095bbd!important;transform:translateY(-1px)}
@media(max-width:1050px){.top-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.top-grid{grid-template-columns:repeat(2,1fr)}.ticker-label{display:none}}

/* Keep search suggestions above following sections without changing the bar itself. */
.hero{overflow:visible}
.hero-copy,.searchbox{position:relative;z-index:100}
.search-results{z-index:1000;max-height:min(60vh,520px);overflow-y:auto;overflow-x:hidden}
.ticker-icon{width:20px;height:20px;object-fit:contain;flex:0 0 20px;vertical-align:middle;margin-right:7px}

/* All-tools directory presentation. */
#all-tools .filter-pills{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 24px}
#all-tools .filter-pills button{border:1px solid #dce4ed;background:#fff;color:#40546c;border-radius:999px;padding:10px 15px;font-size:11px;font-weight:800;cursor:pointer;transition:.2s}
#all-tools .filter-pills button:hover{border-color:#9fc4e8;color:var(--blue);transform:translateY(-1px)}
#all-tools .filter-pills button.active{background:var(--navy2);border-color:var(--navy2);color:#fff}
#all-tools .directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:0}
#all-tools .directory-category{border:1px solid #dae5f2;border-radius:18px;background:#fdfdff;padding:20px;box-shadow:0 6px 20px rgba(17,45,78,.03);transition:.3s cubic-bezier(0.165, 0.84, 0.44, 1)}
#all-tools .directory-category:hover{border-color:#a8c4e4;box-shadow:0 15px 35px rgba(17,45,78,.08);transform:translateY(-2px)}
#all-tools .directory-title{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #edf1f5}
#all-tools .directory-title>span{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#e4f1ff,#fcf5ea);display:grid;place-items:center;font-size:20px;flex:0 0 auto;border:1px solid rgba(12,111,232,0.1)}
#all-tools .directory-title h3{margin:0 0 4px;font-size:15px;line-height:1.25}
#all-tools .directory-title p{margin:0;color:#8998aa;font-size:11px}
#all-tools .directory-links{display:flex;flex-wrap:wrap;gap:8px;padding-top:15px}
#all-tools .directory-links a{display:inline-flex;align-items:center;gap:6px;border:1px solid #d4e6f6;border-radius:999px;background:#f6fbff;color:#394d63;padding:9px 12px;font-size:11.5px;line-height:1.15;transition:.3s;box-shadow:0 2px 5px rgba(17,45,78,.02)}
#all-tools .directory-links a:hover{border-color:#a8cbf0;background:#eff7ff;color:var(--blue);transform:translateY(-2px);box-shadow:0 6px 14px rgba(12,111,232,.08), 0 -2px 0 #f39c12 inset}
#all-tools .directory-links a b{font-size:13px;color:#8da2b8;transition:.2s}#all-tools .directory-links a:hover b{color:#ff9a17;transform:translateX(2px)}
@media(max-width:1050px){#all-tools .directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#all-tools .filter-pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}#all-tools .filter-pills button{flex:0 0 auto}#all-tools .directory{grid-template-columns:1fr}#all-tools .directory-category{padding:16px}}

/* Reserve the full fixed header stack so public content cannot slide underneath it. */
body{padding-top:0}.public-content{padding-top:var(--public-header-offset,122px)}
.ticker{position:fixed;top:0;left:0;right:0;width:100%;z-index:1100}
.site-header{position:fixed;top:var(--ticker-height,39px);left:0;right:0;width:100%;z-index:1000}
@media(max-width:640px){body{padding-top:0}.public-content{padding-top:var(--public-header-offset,108px)}}

/* Keep the hero in normal flow beneath the fixed public header stack. */
.public-content > .hero{top:0;margin-top:0;transform:none}

/* Keep ticker spacing uniform and isolate text styling from media. */
.ticker-group{padding-right:0}
.ticker-run span{margin-right:0;font-size:inherit}
.ticker-message{display:inline-flex;align-items:center;flex:0 0 auto;margin-right:52px;font-size:11px}
.ticker-text{display:inline-block;flex:0 0 auto}
.ticker-message .ticker-icon{color:initial;background:none;-webkit-text-fill-color:initial}
.ticker-run .ticker-message{font-size:12px;margin-right:56px;position:relative}

.ticker-message .ticker-icon{font-size:initial}
.ticker-emoji{color:initial!important;background:none!important;-webkit-text-fill-color:initial!important;filter:none!important;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}

.faq-item{border:1px solid #e1e8f0;border-radius:12px;margin-bottom:12px;background:#fff;overflow:hidden;}
.faq-item summary{padding:16px;font-weight:750;cursor:pointer;list-style:none;position:relative;color:#2c3e50;font-size:14px;display:flex;justify-content:space-between;align-items:center}
.faq-item summary::-webkit-details-marker{display:none}


.faq-item .faq-ans{padding:0 16px 16px;color:#63758a;font-size:13px;line-height:1.6}
.tool-content h2, .tool-content h3{color:#1a2b3c;margin-top:24px;margin-bottom:12px}
.tool-content p{margin-bottom:16px}
.tool-content ul{padding-left:20px;margin-bottom:16px}
.tool-content li{margin-bottom:8px;font-size:13px;color:#63758a}



.header-ad { flex: 1; display: flex; justify-content: center; align-items: center; max-height: 95px; overflow: hidden; padding: 0 40px; } .header-ad:empty, .header-ad .ad-slot:empty { display: none; } .header-ad .ad-slot { margin: 0; min-height: 0; width: 100%; display: flex; justify-content: center; } .header-ad .ad-render { margin: 0; width: 100%; display: flex; justify-content: center; } .header-ad img, .header-ad iframe { max-height: 90px; max-width: 100%; object-fit: contain; width: auto; border-radius: 8px; } @media(max-width: 1050px) { .header-ad { display: none !important; } }

.share-comp { position: relative; display: inline-block; }
.share-btn { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #ffb732, #ff9214); border: none; padding: 10px 16px; border-radius: 10px; font-weight: 800; font-size: 13px; color: #041a35; cursor: pointer; transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: 0 4px 10px rgba(255, 146, 20, 0.25); margin-top: 10px; }
.share-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(255, 146, 20, 0.35); color: #041a35; } .share-btn:active { transform: translateY(1px); box-shadow: 0 2px 5px rgba(255, 146, 20, 0.2); }
.share-overlay { display: none; position: fixed; inset: 0; z-index: 99; } @media(max-width:640px) { .share-overlay { background: rgba(0,0,0,0.5); backdrop-filter: blur(2px); } }
.share-comp.open .share-overlay { display: block; }
.share-menu { display: none; position: absolute; right: 0; top: calc(100% + 8px); width: 300px; background: #fff; border-radius: 16px; box-shadow: 0 10px 40px rgba(11,43,85,0.15); border: 1px solid #e1e8f0; z-index: 100; transform-origin: top right; }
.share-comp.open .share-menu { display: block; animation: sharePop 0.2s cubic-bezier(0.16, 1, 0.3, 1); }
@keyframes sharePop { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }
.share-header { display: flex; justify-content: space-between; align-items: center; padding: 16px; border-bottom: 1px solid #f1f5f9; }
.share-header strong { font-size: 13px; color: #1e293b; }
.share-close { background: transparent; border: 0; font-size: 20px; color: #94a3b8; cursor: pointer; line-height: 1; padding: 0 4px; }
.share-close:hover { color: #ef4444; }
.share-grid { padding: 8px; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
.share-item { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 10px; font-size: 12px; font-weight: 700; color: #475569; text-decoration: none; border: 0; background: transparent; cursor: pointer; width: 100%; font-family: inherit; }
.share-item:hover { background: #f8fafc; color: var(--blue); }
.share-wa svg { color: #25D366; }
.share-fb svg { color: #1877F2; }
.share-x svg { color: #000000; }
.share-in svg { color: #0A66C2; }
.share-mail svg { color: #f97316; }
.share-copy svg { color: #64748b; }
@media(max-width:640px) {
    .share-menu { position: fixed; bottom: 0; left: 0; right: 0; top: auto; width: 100%; border-radius: 20px 20px 0 0; transform-origin: bottom center; }
    @keyframes sharePop { from { opacity: 0; transform: translateY(100%); } to { opacity: 1; transform: translateY(0); } }
    .share-grid { grid-template-columns: 1fr; }
}

/* Back to Top */
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, #061831, #0b3260);
    color: #fff;
    border: none;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 90;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 12px rgba(6, 24, 49, 0.15);
}
.back-to-top svg {
    width: 20px;
    height: 20px;
}
.back-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.back-to-top:hover {
    background: linear-gradient(135deg, #ff9c19, #ff7400);
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(255, 116, 0, 0.25);
    color: #fff;
}
@media(max-width: 640px) {
    .back-to-top {
        bottom: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }
}
.tool-top-ad { grid-column: 1 / -1; width: 100%; margin-bottom: 0; }
.tool-top-ad .ad-render {
    margin: 0;
    width: 100%;
}
.tool-top-ad .banner-rotator {
    width: 100%;
    display: block;
}
.tool-top-ad .banner-rotator img {
    width: 100%;
    height: auto;
    max-height: none;
    display: block;
}
.shell.home-ad-wrapper {
    max-width: 1020px;
    margin-left: auto !important; margin-right: auto !important; margin-top: 50px;
    margin-bottom: -30px;
}
.home-ad-wrapper .ad-render {
    width: 100%;
    margin: 0;
}
.home-ad-wrapper .banner-rotator {
    width: 100%;
    display: block;
}
.home-ad-wrapper .banner-rotator img {
    width: 100%;
    height: auto;
    max-height: none;
    display: block;
}
@media (max-width: 768px) {
    .shell.home-ad-wrapper {
        margin-top: 30px;
        margin-bottom: -20px;
    }
}





.tool-sidebar a.related-calc-link{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;margin:0 -12px;border-bottom:1px solid #edf1f5;font-size:12px;font-weight:600;color:#475a6f;text-decoration:none;border-radius:8px;transition:all 0.2s ease}
.related-calc-link:hover{background:#f8fafc;color:var(--blue);border-bottom-color:transparent}
.related-calc-link .related-icon{color:#8ca1b8;transition:transform 0.2s ease, color 0.2s ease;flex-shrink:0}
.related-calc-link:hover .related-icon{transform:translateX(3px);color:var(--blue)}



/* Premium FAQ Accordion Styles */
.faq-item summary {
    outline: none;
    gap: 16px;
}
.faq-item summary:focus-visible {
    box-shadow: inset 0 0 0 2px var(--blue);
    border-radius: 12px;
}
.faq-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #edf6ff;
    color: var(--blue);
    border: 1px solid #d4e6f6;
    transition: all 0.2s ease;
    position: relative;
}
.faq-item summary:hover .faq-icon {
    background: #e1effe;
    border-color: #c1dcf6;
}
.faq-icon svg {
    position: absolute;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.icon-plus {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}
.icon-minus {
    opacity: 0;
    transform: rotate(-90deg) scale(0.5);
}
.faq-item[open] .faq-icon {
    background: var(--blue);
    border-color: var(--blue);
    color: #fff;
}
.faq-item[open] .icon-plus {
    opacity: 0;
    transform: rotate(90deg) scale(0.5);
}
.faq-item[open] .icon-minus {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}
/* FAQ Animation */
.faq-item[open] .faq-ans {
    animation: faqExpand 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes faqExpand {
    0% { opacity: 0; transform: translateY(-8px); }
    100% { opacity: 1; transform: translateY(0); }
}