/* SAM1337 TOOLS — Clean White Design System v42
   Intentionally keeps the white/neutral + green accent palette. */
:root{
  --bg:#f7f9f8;--bg2:#ffffff;--panel:#ffffff;--panel2:#fbfcfc;
  --line:#e5e9e7;--line2:#d8e2dc;--muted:#7b8580;--muted2:#5f6964;
  --text:#111827;--text2:#34413b;--green:#35d67a;--green2:#20b963;--green3:#15934c;
  --green-dim:#effbf4;--green-glow:rgba(53,214,122,.16);--red:#dc4f5a;--amber:#c9861a;
  --shadow-lg:0 24px 70px rgba(20,35,28,.10);
}
html{background:var(--bg);scroll-behavior:smooth}
body{background:linear-gradient(180deg,#fff 0%,#f7f9f8 45%,#fff 100%)!important;color:var(--text)!important}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(25,42,34,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(25,42,34,.035) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.noise{opacity:.015!important;filter:invert(1)}
.site-header{background:rgba(255,255,255,.92)!important;border-bottom:1px solid #e5e9e7!important;box-shadow:0 8px 30px rgba(30,45,38,.07)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
.site-header::before{background:linear-gradient(90deg,transparent,rgba(53,214,122,.18),transparent)!important}
.site-header::after{background:linear-gradient(180deg,rgba(53,214,122,.025),transparent)!important}
.site-header .brand{color:#17211d!important}.site-header .brand em{color:#18ad5a!important}
.site-header .brand-mark{border-color:#e1e9e4!important;background:#f4faf6!important;box-shadow:0 4px 14px rgba(30,60,45,.08)!important}
.site-header nav{background:#f8faf9!important;border-color:#e5eae7!important;box-shadow:inset 0 1px #fff!important}
.site-header nav a{color:#6d7772!important}.site-header nav a:hover{color:#137b43!important;background:#eefaf3!important;border-color:#d7efe0!important}
.site-header nav a.active{color:#147842!important;background:#effaf4!important;border-color:#d4eddd!important;box-shadow:none!important}
.site-header select.language-switch{background-color:#fff!important;border-color:#dfe6e2!important;color:#65716b!important}

/* Homepage */
.home-hero{max-width:1180px!important;margin:0 auto!important;padding:88px 22px 80px!important}
.home-copy h1{color:#111827!important;text-shadow:none!important}
.home-copy>p{color:#68746e!important}
.eyebrow,.section-kicker{color:#1a9b55!important}
.hero-actions .primary-action{background:#18221e!important;color:#fff!important;box-shadow:0 12px 28px rgba(24,34,30,.16)!important}
.hero-actions .primary-action:hover{background:#101814!important;box-shadow:0 16px 34px rgba(24,34,30,.20)!important}
.hero-actions .secondary-action{background:#fff!important;color:#52605a!important;border-color:#dfe6e2!important}
.home-stats{background:rgba(255,255,255,.88)!important;border-color:#e2e8e4!important;box-shadow:0 18px 50px rgba(30,50,40,.07)!important}
.home-stats>div{border-bottom-color:#edf0ef!important}.home-stats>div:hover{background:#f5fbf7!important}
.home-stats small{color:#718079!important}.home-stats b{background:none!important;-webkit-text-fill-color:#27c76d!important;color:#27c76d!important;animation:none!important}.home-stats span{color:#77827d!important}
.tool-directory{border-top-color:#e6ebe8!important}
.tool-count{border-color:#e1e7e4!important;color:#6d7872!important;background:#fff!important}
.tool-search{background:#fff!important;color:#17211d!important;border-color:#dfe6e2!important;box-shadow:0 5px 18px rgba(25,45,35,.04)!important}
.tool-search::placeholder{color:#a2aaa6!important}.tool-search:focus{border-color:#8bdcae!important;box-shadow:0 0 0 4px rgba(53,214,122,.10)!important}
.filter-btn{background:#fff!important;color:#66726c!important;border-color:#dfe6e2!important}.filter-btn:hover{color:#16834a!important;background:#f2faf5!important;border-color:#cde9d7!important}.filter-btn.active{color:#117a42!important;background:#eaf9f0!important;border-color:#bde6ca!important;box-shadow:none!important}
.tool-card{background:#fff!important;border-color:#e2e8e4!important;box-shadow:0 8px 28px rgba(25,45,35,.055)!important}.tool-card:hover{background:#fff!important;border-color:#bfe4cd!important;box-shadow:0 16px 42px rgba(25,55,40,.10)!important}
.tool-card::before{background:radial-gradient(circle,rgba(53,214,122,.11),transparent 70%)!important}.mini-icon{background:#f1fbf5!important;border-color:#d6efdf!important;color:#27bb68!important}.tool-card-body p{color:#29a85f!important}.tool-card-body span{color:#707c76!important}.tool-card-footer{border-top-color:#edf0ef!important;color:#7a8580!important}.tool-card-footer a{color:#1eaa5e!important;border-color:#dfe7e2!important;background:#fff!important}
.category-chip{background:#fff!important;color:#637069!important;border-color:#dfe6e2!important}.category-chip b{color:#1ea85b!important}
.about-panel{background:#fff!important;border-color:#e1e8e4!important;box-shadow:0 12px 36px rgba(25,45,35,.045)!important}.about-copy p{color:#68746e!important}.about-copy li{color:#69756f!important;border-bottom-color:#edf0ef!important}
.directory-empty{border-color:#dfe6e2!important;color:#7a8580!important}

/* Generic tool pages */
.tool-shell{max-width:1120px!important;padding:70px 22px 100px!important}
.tool-kicker{background:#effaf4!important;border-color:#d5eddd!important;color:#179653!important}.tool-kicker::before{background:#35d67a!important;box-shadow:0 0 10px rgba(53,214,122,.35)!important}
.tool-hero h1{color:#111827!important}.tool-hero>p{color:#69756f!important}
.tool-card{background:#fff!important;border-color:#e0e7e3!important;box-shadow:0 18px 55px rgba(25,45,35,.08)!important}.tool-card::before{background:linear-gradient(90deg,transparent,rgba(53,214,122,.22),transparent)!important}.tool-card::after{background:radial-gradient(circle,rgba(53,214,122,.08),transparent 70%)!important}
.tool-input{background:#fbfcfc!important;border-color:#dce5e0!important;color:#17211d!important}.tool-input::placeholder{color:#9aa49f!important}.tool-input:focus{border-color:#83dba9!important;box-shadow:0 0 0 4px rgba(53,214,122,.09)!important}
.tool-btn{background:#18221e!important;color:#fff!important;box-shadow:0 8px 24px rgba(24,34,30,.15)!important}.tool-btn:hover{background:#101814!important;box-shadow:0 12px 30px rgba(24,34,30,.18)!important}.tool-btn.running{background:#53635b!important}
.tool-out{background:#f8faf9!important;border-color:#e1e8e4!important;color:#2c3933!important}.tool-out::before{background:#f0f7f3!important;border-bottom-color:#e1e8e4!important;color:#5c7567!important}
.output-actions button{background:#fff!important;color:#65716b!important;border-color:#dfe6e2!important}.output-actions button:hover{background:#f0faf4!important;color:#158449!important;border-color:#c7e7d2!important}
.tool-note{color:#738079!important}.tool-nav a{background:#fff!important;color:#16834a!important;border-color:#dfe6e2!important}.tool-nav a:hover{background:#f1faf5!important;border-color:#c5e6d1!important}

/* Subdomain Finder */
.workspace{background:transparent!important}.sidebar{background:rgba(255,255,255,.92)!important;border-right-color:#e4eae7!important;box-shadow:8px 0 30px rgba(25,45,35,.035)!important}.side-label{color:#7a8580!important}.side-link{color:#66726c!important}.side-link:hover,.side-link.active{color:#148149!important;background:#effaf4!important}.side-icon{color:#2ab86a!important}.side-bottom{background:#f7fbf8!important;border-color:#e1e8e4!important}.side-bottom small{color:#2aab62!important}.side-bottom p,.side-bottom span{color:#738079!important}
.workspace{color:#17211d!important}.dashboard-head h1,.scanner-top h2,.result-head h2,.section-title h2,.seo-section h2,.content-grid h2,.seo-topics h2,.faq-section h2{color:#111827!important}.dashboard-head>div>p,.section-kicker{color:#159653!important}.dashboard-head>div>span,.scanner-top p,.section-intro,.content-grid p,.seo-topics p{color:#6c7872!important}.api-pill,.scanner-shell,.results,.trust-row>div,.live-feed-shell,.seo-section,.content-grid article,.seo-topics,.faq-section{background:#fff!important;border-color:#e0e7e3!important;box-shadow:0 12px 38px rgba(25,45,35,.055)!important}.api-pill b{color:#159653!important}.api-pill i{background:#35d67a!important;box-shadow:0 0 10px rgba(53,214,122,.35)!important}.scanner-shell::before{background:linear-gradient(90deg,transparent,#35d67a,transparent)!important}.tool-icon,.field-icon,.safe-icon,.trust-icon{color:#22b766!important;background:#f0faf4!important;border-color:#d8eee0!important}.domain-input,.filter{background:#fbfcfc!important;border-color:#dce5e0!important}.domain-input input,.filter input{color:#17211d!important}.domain-input input::placeholder,.filter input::placeholder{color:#9aa49f!important}.scan-btn{background:#18221e!important;color:#fff!important;box-shadow:0 8px 24px rgba(24,34,30,.15)!important}.scan-btn:hover{background:#101814!important}.examples button,.actions button,.pager button{background:#fff!important;border-color:#dfe6e2!important;color:#5e6b64!important}.examples button:hover,.actions button:hover,.pager button:hover{background:#effaf4!important;border-color:#c8e8d2!important;color:#16834a!important}.safe{color:#6d7973!important}.alert{background:#fff6f6!important;border-color:#f0cccc!important;color:#b5414c!important}.result-row{background:#fff!important;border-color:#e7ece9!important}.result-row:hover{background:#f6fbf8!important;border-color:#d4eadc!important}.result-row code{color:#1b6f43!important}.result-row a{color:#1ea85b!important}.live-feed-head{border-bottom-color:#e7ece9!important}.live-history-row{background:#fff!important;border-color:#e8ecea!important}.live-history-domain{color:#1b6f43!important}.live-history-meta{color:#7a8580!important}.faq-grid details{background:#fff!important;border-color:#e0e7e3!important}.faq-grid summary{color:#24312b!important}.faq-grid p{color:#6c7872!important}
footer{color:#7c8781!important;border-top-color:#e4e9e7!important}

@media(max-width:900px){.home-hero{padding-top:56px!important}.tool-shell{padding-top:48px!important}.sidebar{background:#fff!important}.site-header nav{background:#fff!important;box-shadow:0 16px 40px rgba(20,40,30,.12)!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}

/* v43 unified tool system: one premium white language across every tool page */
:root{--sam-green:#20b866;--sam-green-soft:#effaf4;--sam-ink:#111827;--sam-muted:#69756f;--sam-border:#e2e8e4}
body{min-height:100vh!important}
.tool-shell,.workspace{animation:samPageIn .55s cubic-bezier(.2,.7,.2,1) both}
.tool-hero h1,.dashboard-head h1{letter-spacing:-.045em!important}
.tool-card,.scanner-shell,.results,.trust-row>div,.live-feed-shell,.seo-section,.content-grid article,.seo-topics,.faq-section{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.tool-card:hover,.trust-row>div:hover,.content-grid article:hover{transform:translateY(-3px)!important}
.tool-btn,.scan-btn,.hero-actions .primary-action{position:relative;overflow:hidden}
.tool-btn::after,.scan-btn::after,.hero-actions .primary-action::after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.22),transparent 70%);transition:transform .55s ease}
.tool-btn:hover::after,.scan-btn:hover::after,.hero-actions .primary-action:hover::after{transform:translateX(110%)}
.tool-input,.domain-input,.filter{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important}
.tool-input:focus,.domain-input:focus-within,.filter:focus-within{transform:translateY(-1px)!important}
@keyframes samPageIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.tool-shell{padding-left:16px!important;padding-right:16px!important}.workspace{padding-left:16px!important;padding-right:16px!important}.dashboard-head{gap:18px!important}.scanner-shell{border-radius:18px!important}.tool-card{border-radius:18px!important}}

/* ================================================================
   SAM1337 TOOLS v44 — NEW WHITE EDITORIAL UI
   One visual language for homepage + every tool page.
   ================================================================ */
:root{
  --s44-bg:#f4f7f5;
  --s44-paper:#ffffff;
  --s44-ink:#0f1713;
  --s44-soft:#f7faf8;
  --s44-muted:#6f7b75;
  --s44-line:#dfe7e2;
  --s44-green:#16b866;
  --s44-green-dark:#0c8c4d;
  --s44-shadow:0 20px 60px rgba(16,36,25,.08);
}
html,body{background:var(--s44-bg)!important;color:var(--s44-ink)!important}
body{background:
  radial-gradient(circle at 12% 4%,rgba(22,184,102,.09),transparent 27rem),
  radial-gradient(circle at 88% 14%,rgba(22,184,102,.055),transparent 25rem),
  linear-gradient(180deg,#fff 0%,#f4f7f5 42%,#fff 100%)!important}
body::before{display:none!important}
.noise{display:none!important}
.site-header{position:sticky!important;top:14px!important;z-index:1000!important;width:min(1180px,calc(100% - 28px))!important;margin:14px auto 0!important;height:64px!important;border:1px solid rgba(15,23,19,.09)!important;border-radius:20px!important;background:rgba(255,255,255,.88)!important;box-shadow:0 12px 35px rgba(20,40,29,.08)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
.site-header::before,.site-header::after{display:none!important}
.site-header .brand{font-weight:900!important;letter-spacing:-.02em!important;color:#101914!important}
.site-header .brand em{color:var(--s44-green-dark)!important;font-style:normal!important}
.site-header .brand-mark{width:38px!important;height:38px!important;border-radius:12px!important;background:#eef8f2!important;border:1px solid #d8e8df!important;box-shadow:none!important}
.site-header nav{border:0!important;background:#f4f7f5!important;border-radius:12px!important;box-shadow:none!important;padding:4px!important}
.site-header nav a{border-radius:9px!important;color:#66726c!important;font-weight:700!important}
.site-header nav a:hover,.site-header nav a.active{background:#fff!important;color:#0b7d43!important;box-shadow:0 3px 10px rgba(20,45,31,.07)!important}
.header-actions{color:#5f6d65!important}

/* Generic tool pages */
.tool-shell{width:min(1120px,calc(100% - 32px))!important;max-width:none!important;padding:76px 0 100px!important}
.tool-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 260px!important;gap:48px!important;align-items:end!important;margin-bottom:28px!important;padding:0 6px!important}
.tool-kicker{justify-self:start!important;margin:0 0 18px!important;padding:7px 11px!important;border:1px solid #d9ebe1!important;border-radius:999px!important;background:#eef9f2!important;color:#118b4c!important;letter-spacing:.14em!important}
.tool-kicker::before{background:var(--s44-green)!important;box-shadow:0 0 0 5px rgba(22,184,102,.09)!important}
.tool-hero h1{font-size:clamp(42px,6vw,76px)!important;line-height:.98!important;letter-spacing:-.065em!important;color:var(--s44-ink)!important;margin:0 0 18px!important}
.tool-hero>p{font-size:16px!important;line-height:1.75!important;color:var(--s44-muted)!important;max-width:760px!important}
.tool-hero::after{content:'SAM1337 / TOOLS';display:flex;align-items:flex-end;justify-content:flex-end;height:100%;padding-bottom:14px;color:#a1ada6;font:700 10px/1.4 ui-monospace,monospace;letter-spacing:.18em}
.tool-card{background:var(--s44-paper)!important;border:1px solid var(--s44-line)!important;border-radius:28px!important;padding:32px!important;box-shadow:var(--s44-shadow)!important}
.tool-card::before{height:3px!important;background:linear-gradient(90deg,var(--s44-green),#9be8bd,transparent)!important;animation:none!important}
.tool-card::after{background:radial-gradient(circle,rgba(22,184,102,.09),transparent 68%)!important}
.tool-form{gap:12px!important}
.tool-input{height:58px!important;border:1px solid #d8e3dd!important;border-radius:15px!important;background:#f8faf9!important;color:#132019!important;box-shadow:inset 0 1px 0 #fff!important;font-family:inherit!important}
.tool-input::placeholder{color:#9aa59f!important}
.tool-input:focus{border-color:#62ce92!important;box-shadow:0 0 0 4px rgba(22,184,102,.09)!important;background:#fff!important}
.tool-btn{height:58px!important;border-radius:15px!important;background:#102019!important;color:#fff!important;box-shadow:0 10px 24px rgba(16,32,25,.16)!important;padding:0 28px!important}
.tool-btn:hover{transform:translateY(-2px)!important;background:#0a1710!important;box-shadow:0 14px 32px rgba(16,32,25,.2)!important}
.tool-btn.running{background:#47715b!important}
.tool-out{background:#f7faf8!important;border:1px solid #dfe7e2!important;border-radius:17px!important;color:#24332b!important;box-shadow:inset 0 1px #fff!important}
.tool-out::before{background:#edf6f0!important;border-bottom-color:#dfe7e2!important;color:#648070!important}
.output-actions button,.tool-nav a{background:#fff!important;border:1px solid #dce5df!important;color:#526159!important;border-radius:11px!important}
.output-actions button:hover,.tool-nav a:hover{background:#eff9f3!important;border-color:#bfe5cf!important;color:#0d8448!important}
.tool-note{color:#7a8780!important}
.tool-nav{border-top:1px solid #edf1ef!important;padding-top:18px!important}

/* Home / directory */
.home-hero{width:min(1180px,calc(100% - 32px))!important;margin:0 auto!important;padding:100px 0 90px!important}
.home-copy h1{font-size:clamp(54px,8vw,112px)!important;letter-spacing:-.075em!important;line-height:.9!important;color:#0f1713!important}
.home-copy>p{font-size:17px!important;line-height:1.8!important;color:#68756e!important;max-width:720px!important}
.eyebrow,.section-kicker{color:#128c4c!important;letter-spacing:.16em!important}
.hero-actions .primary-action{background:#101d16!important;border-radius:14px!important;box-shadow:0 12px 28px rgba(16,29,22,.16)!important}
.hero-actions .secondary-action{border-radius:14px!important}
.home-stats{border-radius:24px!important;background:rgba(255,255,255,.8)!important;box-shadow:var(--s44-shadow)!important}
.tool-directory{width:min(1180px,calc(100% - 32px))!important;margin:auto!important}
.tool-search{border-radius:15px!important;background:#fff!important}
.filter-btn{border-radius:999px!important}
.tool-card{border-radius:20px!important}
.tool-card:hover{transform:translateY(-6px)!important;box-shadow:0 22px 50px rgba(18,42,28,.11)!important}

/* Subdomain Finder new layout */
.workspace{width:min(1180px,calc(100% - 32px))!important;margin:0 auto!important;padding:74px 0 100px!important;background:transparent!important}
.sidebar{display:none!important}
.dashboard-head{display:grid!important;grid-template-columns:minmax(0,1fr) 280px!important;gap:32px!important;align-items:end!important;margin-bottom:24px!important}
.dashboard-head>div>p{font-size:10px!important;letter-spacing:.18em!important;font-weight:900!important;color:#10894a!important}
.dashboard-head h1{font-size:clamp(44px,6vw,76px)!important;line-height:.95!important;letter-spacing:-.065em!important}
.dashboard-head>div>span{display:block!important;max-width:700px!important;font-size:16px!important;line-height:1.75!important;color:#6f7b75!important}
.api-pill{border-radius:20px!important;background:#fff!important;border:1px solid #dfe7e2!important;box-shadow:var(--s44-shadow)!important;padding:18px!important}
.api-pill b{color:#10894a!important}
.scanner-shell{border-radius:28px!important;background:#fff!important;border:1px solid #dfe7e2!important;box-shadow:var(--s44-shadow)!important;padding:30px!important}
.scanner-shell::before{background:linear-gradient(90deg,var(--s44-green),#a5ebc3,transparent)!important}
.scanner-top{border-bottom:1px solid #edf1ef!important;padding-bottom:22px!important;margin-bottom:24px!important}
.scanner-top h2{letter-spacing:-.04em!important}
.free-badge{background:#eef9f2!important;color:#0d8749!important;border-color:#d4eddd!important}
.scan-row{gap:12px!important}
.domain-input,.filter{height:58px!important;border-radius:15px!important;background:#f8faf9!important;border:1px solid #d8e3dd!important}
.domain-input:focus-within,.filter:focus-within{background:#fff!important;border-color:#62ce92!important;box-shadow:0 0 0 4px rgba(22,184,102,.09)!important}
.domain-input input,.filter input{font-family:inherit!important;color:#132019!important}
.scan-btn{height:58px!important;border-radius:15px!important;background:#101d16!important;box-shadow:0 10px 24px rgba(16,29,22,.16)!important}
.scan-btn:hover{background:#08130d!important;transform:translateY(-2px)!important}
.trust-row{gap:12px!important}
.trust-row>div{border:1px solid #dfe7e2!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 30px rgba(20,40,29,.045)!important}
.results{border-radius:28px!important;background:#fff!important;border:1px solid #dfe7e2!important;box-shadow:var(--s44-shadow)!important}
.result-row{border:1px solid #e4ebe7!important;border-radius:13px!important;background:#fbfcfb!important}
.result-row:hover{background:#f1faf5!important;border-color:#c9e7d4!important;transform:translateX(3px)!important}
.result-row code{color:#126e43!important}
.actions button,.examples button,.pager button{border-radius:10px!important}
.history-section,.seo-section,.content-grid article,.seo-topics,.faq-section{border-color:#dfe7e2!important}
.faq-grid details{border-radius:16px!important}
footer{width:min(1180px,calc(100% - 32px))!important;margin:0 auto!important}

@media(max-width:900px){
  .site-header{top:8px!important;margin-top:8px!important;width:calc(100% - 16px)!important}
  .tool-shell,.workspace,.home-hero,.tool-directory{width:calc(100% - 24px)!important}
  .tool-hero,.dashboard-head{grid-template-columns:1fr!important;gap:14px!important}
  .tool-hero::after{display:none!important}
  .workspace{padding-top:48px!important}
  .scanner-shell,.tool-card{padding:22px!important;border-radius:22px!important}
}
@media(max-width:640px){
  .site-header{border-radius:16px!important;height:58px!important}
  .tool-shell,.workspace,.home-hero,.tool-directory{width:calc(100% - 20px)!important}
  .tool-hero h1,.dashboard-head h1{font-size:clamp(38px,12vw,58px)!important}
  .scan-row,.tool-form{flex-direction:column!important}
  .domain-input,.scan-btn,.tool-input,.tool-btn{width:100%!important}
  .trust-row{grid-template-columns:1fr!important}
  .home-copy h1{font-size:clamp(48px,15vw,78px)!important}
}
