/* HTMLToolz unified editorial control-plane system — Option 1 */
:root{
  --bg:#ffffff;
  --bg2:#f6f8fb;
  --card:#ffffff;
  --card-top:#f6f8fb;
  --border:#dbe1e8;
  --border-strong:#aeb8c4;
  --text:#0a1020;
  --muted:#5f6b7a;
  --accent:#ff5a2f;
  --accent2:#ff6b3d;
  --green:#3fb783;
  --red:#d9473f;
  --yellow:#bb7a12;
  --ink:#0b111d;
  --ink-2:#111a29;
  --ink-border:#2b3545;
  --shadow:0 18px 50px -38px rgba(10,16,32,.28);
  --radius:8px;
  --font:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-display:"Bricolage Grotesque",var(--font);
  --mono:"Spline Sans Mono",ui-monospace,"Cascadia Code",Consolas,monospace;
  color-scheme:light;
}

html{background:#fff;scroll-padding-top:84px;scrollbar-color:#9aa5b3 #fff}
body{background:#fff!important;color:var(--text);font-family:var(--font);line-height:1.55}
body::before{display:none!important}
::selection{background:#ffd8cc;color:#0a1020}
::-webkit-scrollbar-track{background:#fff}
::-webkit-scrollbar-thumb{background:#9aa5b3;border-color:#fff}
a{color:#db3e17}
:focus-visible{outline:3px solid rgba(255,90,47,.42);outline-offset:3px}

h1,h2{font-family:var(--font-display);color:var(--text);letter-spacing:-.055em;line-height:.98}
h1{font-weight:800}
h2{font-weight:750}
h3,h4{color:var(--text)}
.container{max-width:1200px;padding-left:28px;padding-right:28px}
.muted{color:var(--muted)!important}

/* Shared shell */
.site-header{height:72px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(14px);box-shadow:none}
.site-header::after{display:none}
.nav-row{height:72px;max-width:1320px}
.logo{color:var(--text);font-size:1.24rem;gap:.6rem}
.logo-image{display:block;width:34px;height:34px;border-radius:6px;object-fit:cover;box-shadow:none}
.logo-accent{color:var(--accent)}
.main-nav{gap:1.65rem}
.main-nav a{color:var(--text);font-size:.92rem;font-weight:600;padding-bottom:0}
.main-nav a:not(.btn),.footer-grid a,.breadcrumb a{background:none}
.main-nav a:not(.btn){color:var(--text)}
.main-nav a:not(.btn):hover{color:var(--accent);text-decoration:none}
.nav-toggle{border-color:var(--border)!important;border-radius:6px;background:#fff!important}
.nav-toggle span{background:var(--text)!important}

.btn{min-height:42px;padding:.62rem 1.15rem;border-radius:6px;border:1px solid var(--border-strong);background:#fff;color:var(--text);font:650 .92rem/1.2 var(--font);box-shadow:none;transition:background .15s,border-color .15s,color .15s,transform .1s}
.btn:hover{background:#f8fafc;border-color:var(--text);color:var(--text);box-shadow:none;text-decoration:none}
.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:none}
.btn-primary:hover{background:#e94922;border-color:#e94922;color:#fff;box-shadow:none}
.btn-ghost{background:#fff}
.btn-lg{min-height:50px;padding:.82rem 1.5rem;font-size:1rem}
.btn-sm{min-height:34px;padding:.38rem .72rem;font-size:.82rem}

.card,.price-card,.workflow-upgrade-panel,.lead-magnet-band,.tool-workflow-bridge{
  background:#fff!important;border:1px solid var(--border)!important;border-radius:8px!important;box-shadow:none!important;color:var(--text)!important;
}
.card::before,.price-card::before{display:none!important}
.flash{border-radius:6px;box-shadow:none}
input,textarea,select,.admin-input,.tool-search,.auth-form input{
  background:#fff!important;color:var(--text)!important;border:1px solid var(--border-strong)!important;border-radius:6px!important;box-shadow:none!important;font-family:var(--font)!important;
}
input:focus,textarea:focus,select:focus,.admin-input:focus,.tool-search:focus,.auth-form input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(255,90,47,.13)!important}
::placeholder{color:#8994a3;opacity:1}

/* Accepted first viewport */
.ai-home-page{background:#fff}
.ai-home-hero{padding:68px 0 72px!important;border-bottom:1px solid var(--border)!important;background:#fff!important;min-height:675px;display:flex;align-items:center}
.ai-home-hero::before,.ai-home-hero::after{display:none!important}
.ai-home-hero-grid{max-width:1400px;min-height:0!important;padding-top:0!important;padding-bottom:0!important;grid-template-columns:minmax(430px,.78fr) minmax(620px,1.22fr)!important;gap:64px!important;align-items:center!important}
.ai-home-hero .ai-hero-copy{max-width:530px}
.ai-home-hero h1{max-width:520px!important;margin:0 0 24px!important;font-size:clamp(4.3rem,6.15vw,6rem)!important;line-height:.97!important;letter-spacing:-.075em!important;color:var(--text)!important}
.ai-home-hero .ai-hero-copy>p{max-width:510px!important;margin:0 0 32px!important;color:#4e5b6c!important;font-size:1.16rem!important;line-height:1.55!important}
.ai-hero-actions{gap:12px!important}

.control-plane{overflow:hidden;border:1px solid #1f2b3b!important;border-radius:8px!important;background:var(--ink)!important;color:#eaf0f7!important;box-shadow:0 30px 65px -45px rgba(6,12,24,.75)!important}
.control-plane-head{height:56px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink-border);font:600 .73rem/1 var(--mono);letter-spacing:.035em;text-transform:uppercase}
.control-plane-head>span{display:flex;align-items:center;gap:10px;color:#9eabba;text-transform:none;letter-spacing:0}
.control-plane-head i{width:8px;height:8px;border-radius:50%;background:var(--green)}
.control-plane-body{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:470px}
.control-plane-stages{list-style:none;margin:0;padding:0;border-right:1px solid var(--ink-border);background:#0e1623}
.control-plane-stages li{position:relative;min-height:117px;padding:19px 18px;border-bottom:1px solid var(--ink-border);display:grid;grid-template-columns:34px 1fr;align-content:start;gap:4px 2px}
.control-plane-stages li:last-child{border-bottom:0}
.control-plane-stages li.active::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent)}
.control-plane-stages b{grid-row:1/3;color:#9da8b6;font:500 .74rem var(--mono)}
.control-plane-stages strong{color:#dfe7f0;font:650 .79rem var(--mono);text-transform:uppercase;letter-spacing:.04em}
.control-plane-stages li.active strong{color:var(--accent)}
.control-plane-stages span{color:#9ca8b7;font-size:.78rem;line-height:1.4}
.control-plane-editor{min-width:0;display:grid;grid-template-rows:56px 1fr 52px}
.control-plane-editor-title{padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink-border);font-size:.8rem}
.control-plane-editor-title span{color:#7f8a98;font:500 .7rem var(--mono)}
.control-plane-editor pre{margin:0;padding:28px 34px;overflow:auto;background:#0b111d;color:#70d696;font:500 .79rem/1.75 var(--mono);white-space:pre-wrap}
.control-plane-status{display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-top:1px solid var(--ink-border);font:500 .7rem var(--mono)}
.control-plane-status span{color:#70d696}
.control-plane-status em{font-style:normal;color:#8793a2}

.ai-lifecycle-section{display:grid!important;grid-template-columns:290px minmax(0,1fr)!important;gap:76px!important;padding-top:86px!important;padding-bottom:92px!important;border-bottom:1px solid var(--border)}
.ai-lifecycle-section .ai-home-section-copy{display:block!important}
.section-index{display:block;width:76px;padding-bottom:18px;border-bottom:2px solid var(--accent);color:var(--accent);font:650 .78rem var(--mono)}
.ai-lifecycle-section h2{margin:26px 0 0!important;font-size:clamp(2.8rem,4vw,4.25rem)!important;line-height:.97!important}
.ai-lifecycle-content>p{max-width:650px;margin:0 0 46px;color:var(--muted);font-size:1.08rem}
.ai-lifecycle-section .ai-home-product-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border-top:1px solid var(--border)}
.ai-lifecycle-section .ai-home-product-list>a{display:block!important;min-width:0;padding:24px 22px 0 0!important;border:0!important;border-right:1px solid var(--border)!important;background:transparent!important;border-radius:0!important;color:var(--text)!important}
.ai-lifecycle-section .ai-home-product-list>a:not(:first-child){padding-left:22px!important}
.ai-lifecycle-section .ai-home-product-list>a:last-child{border-right:0!important}
.ai-lifecycle-section .ai-home-product-list>a>span{display:inline!important;color:var(--accent)!important;font:650 .74rem var(--mono)!important}
.ai-lifecycle-section .ai-home-product-list em{display:block!important;margin-top:10px;color:var(--text)!important;font:650 .76rem var(--mono)!important;text-transform:uppercase;letter-spacing:.04em}
.ai-lifecycle-section .ai-home-product-list h3{margin:8px 0 10px;font-size:1.08rem}
.ai-lifecycle-section .ai-home-product-list p{font-size:.88rem;line-height:1.5;color:var(--muted)!important}
.ai-lifecycle-section .ai-home-product-list>a>strong{display:block!important;margin-top:18px;color:var(--text)!important;font-size:.82rem}

/* Down-page rhythm */
.ai-home-lab,.ai-home-platform-band{background:var(--ink)!important;color:#eef3f9!important;border:0!important}
.ai-home-lab h2,.ai-home-platform-band h2{color:#fff!important}
.ai-home-lab p,.ai-home-platform-band p{color:#a9b3c0!important}
.ai-home-classic,.ai-home-reading{padding-top:92px!important;padding-bottom:92px!important}
.ai-home-tool-rail{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.ai-home-tool-rail a,.ai-reading-list a{border-color:var(--border)!important;background:#fff!important;border-radius:0!important;box-shadow:none!important}

/* Catalog, pricing and acquisition pages */
.ai-product-page,.commercial-pricing,.tools-index-page,.account-page,.auth-page,.legal-page,.contact-page{background:#fff!important;color:var(--text)}
.ai-catalog-hero{background:#fff!important}
.ai-catalog-hero::after{display:none!important}
.commercial-page,.api-docs,.tool-page,.blog-page,.post-page,.solutions-page{background:#fff!important;color:var(--text)!important}
.commercial-hero{padding-top:76px!important;padding-bottom:76px!important;background:#fff!important;border-bottom:1px solid var(--border)!important}
.commercial-hero::before,.commercial-hero::after{display:none!important}
.commercial-hero h1,.api-hero h1,.tool-page h1,.blog-page h1,.post-page h1{color:var(--text)!important;letter-spacing:-.055em!important}
.commercial-hero p,.api-intro,.tool-page p,.blog-page p,.post-page p{color:var(--muted)}
.hero-kicker,.blog-kicker,.seo-mini-label,.ads-section-label{display:block!important;width:max-content;margin-bottom:18px!important;padding:0 0 10px!important;border:0!important;border-bottom:2px solid var(--accent)!important;border-radius:0!important;background:transparent!important;color:var(--accent)!important;font:650 .72rem/1.2 var(--mono)!important;text-transform:uppercase;letter-spacing:.055em}
.commercial-panel,.api-tool,.api-workflow-callout,.suite-feature-card,.solution-playbook-item,.seo-panel,.post-side-card,.blog-card{background:#fff!important;border:1px solid var(--border)!important;border-radius:8px!important;box-shadow:none!important;color:var(--text)!important}
.api-table,.seo-table{border-collapse:collapse!important;background:#fff!important;color:var(--text)!important}
.api-table th,.seo-table th{background:#f5f7fa!important;color:#667384!important;border-color:var(--border)!important}
.api-table td,.seo-table td{border-color:#e7ebf0!important;color:#293446!important}
.blog-card-art{border-radius:7px 7px 0 0!important}
.blog-card-body{background:#fff!important;color:var(--text)!important}
.tool-root,.out-box,.diff-out{border-radius:8px!important;box-shadow:none!important}
.commercial-pricing,.tools-index-page,.account-page,.auth-page,.legal-page{padding-top:72px!important;padding-bottom:96px!important}
.commercial-pricing>h1,.tools-acquisition-hero h1,.auth-page>h1,.legal-page>h1{max-width:940px;font-size:clamp(3.6rem,6vw,6.2rem)!important;line-height:.95!important;letter-spacing:-.045em!important;color:var(--text)!important}
.commercial-pricing>h1{max-width:1100px}
.hero-sub{max-width:760px;color:var(--muted)!important;font-size:1.12rem!important}
.pricing-proof-strip{display:grid!important;grid-template-columns:repeat(3,1fr)!important;border-block:1px solid var(--border)!important;background:#fff!important}
.pricing-proof-strip span{padding:22px 20px!important;border-right:1px solid var(--border)!important;background:#fff!important;border-radius:0!important}
.pricing-proof-strip span:last-child{border-right:0!important}
.pricing-decision-band{border:1px solid var(--border)!important;background:#fff!important;border-radius:8px!important;box-shadow:none!important}
.decision-metrics{border-left:1px solid var(--border)}
.decision-metrics span{border-color:var(--border)!important}
.pricing-tabs{border-block:1px solid var(--border)!important;background:#fff!important;border-radius:0!important;box-shadow:none!important}
.pricing-tabs a{border:0!important;border-right:1px solid var(--border)!important;border-radius:0!important;background:#fff!important;color:var(--text)!important}
.pricing-grid{gap:0!important;border-top:1px solid var(--border);border-left:1px solid var(--border)}
.price-card{border-top:0!important;border-left:0!important;border-radius:0!important;padding:28px!important;display:flex;flex-direction:column}
.price-card-featured{background:#fff9f6!important;box-shadow:inset 0 3px 0 var(--accent)!important}
.badge-popular{display:inline-flex!important;width:max-content;margin-bottom:20px;border:0!important;border-radius:0!important;background:transparent!important;color:var(--accent)!important;padding:0!important;font:650 .72rem var(--mono)!important;text-transform:uppercase;letter-spacing:.05em}
.price{color:var(--text)!important}
.price-card li{color:var(--muted)!important}

.tools-acquisition-hero{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(320px,.5fr)!important;gap:60px!important;align-items:end!important}
.tools-page-upgrade{padding:26px!important;background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
.tools-page-upgrade h2{color:#fff!important}.tools-page-upgrade li{color:#aeb8c5!important}
.growth-product-icon{display:none!important}
.cat-tabs{border-block:1px solid var(--border);padding:0!important;gap:0!important;background:#fff!important}
.cat-tab{border:0!important;border-right:1px solid var(--border)!important;border-radius:0!important;background:#fff!important;color:var(--muted)!important;padding:.75rem 1rem!important}
.cat-tab.active{color:var(--text)!important;box-shadow:inset 0 -2px 0 var(--accent)!important}
.cat-count{background:transparent!important;color:inherit!important}
.acquisition-tool-grid{gap:0!important;border-top:1px solid var(--border);border-left:1px solid var(--border)}
.acquisition-tool-grid .tool-card{border-top:0!important;border-left:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.tool-card-badge{border-radius:0!important;background:transparent!important;padding:0!important;font:650 .7rem var(--mono)!important;text-transform:uppercase}

/* Auth and account */
.auth-page{min-height:calc(100vh - 72px);max-width:1200px!important}
.auth-page:not(.auth-checkout-page){max-width:560px!important}
.auth-form{background:#fff!important;border:1px solid var(--border)!important;border-radius:8px!important;box-shadow:none!important;padding:26px!important}
.auth-form label{color:var(--text)!important;font-weight:600}
.auth-checkout-main{gap:70px!important}
.auth-plan-summary{border:1px solid var(--border)!important;border-radius:8px!important;background:var(--bg2)!important;box-shadow:none!important}

.command-account-shell{border:1px solid var(--border)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;overflow:hidden}
.command-account-nav{background:var(--ink)!important;border:0!important;border-radius:0!important;color:#fff!important}
.command-account-nav .logo{color:#fff}
.command-account-nav>a{border-radius:4px!important;color:#aeb8c5!important}
.command-account-nav>a.active,.command-account-nav>a:hover{background:#172131!important;color:#fff!important}
.command-account-main{background:#fff!important}
.command-account-top{border-bottom:1px solid var(--border);padding-bottom:28px!important}
.command-account-top h1{font-size:clamp(2.7rem,4vw,4.6rem)!important;line-height:.95!important}
.account-command-grid{gap:0!important;border-top:1px solid var(--border);border-left:1px solid var(--border)}
.command-account-card{border-top:0!important;border-left:0!important;border-radius:0!important}
.account-product-list a,.account-usage-grid div,.activation-list a{border-radius:0!important;border-color:var(--border)!important;background:#fff!important}
.account-product-list a:hover,.activation-list a:hover{border-color:var(--accent)!important}

/* Generic content and tables */
.section-head{border-bottom:1px solid var(--border);padding-bottom:20px}
.breadcrumb{color:var(--muted)}
code,pre{font-family:var(--mono)}
table{font-variant-numeric:tabular-nums}
.admin-table{border:1px solid var(--border)!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
.admin-table th{background:#f5f7fa!important;color:#667384!important;border-color:var(--border)!important}
.admin-table td{color:#293446!important;border-color:#e7ebf0!important}
.badge-plan{border-radius:3px!important}

.site-footer{margin-top:0;background:var(--ink)!important;border-top:0!important;color:#fff}
.site-footer::before{display:none}
.site-footer .logo{color:#fff}.site-footer .muted,.site-footer a{color:#9ca8b7!important}
.footer-grid h4{color:#dfe5ed!important}

@media(max-width:1050px){
  .ai-home-hero{min-height:auto}
  .ai-home-hero-grid{grid-template-columns:1fr!important;gap:48px!important}
  .ai-home-hero .ai-hero-copy{max-width:760px}
  .ai-home-hero h1{max-width:760px!important;font-size:clamp(4rem,10vw,6rem)!important}
  .control-plane-body{grid-template-columns:180px minmax(0,1fr)}
  .ai-lifecycle-section{grid-template-columns:1fr!important;gap:40px!important}
  .tools-acquisition-hero{grid-template-columns:1fr!important}
}

@media(max-width:760px){
  .container{padding-left:20px;padding-right:20px}
  .site-header,.nav-row{height:64px}
  .main-nav{top:64px;background:#fff;border-color:var(--border);box-shadow:0 18px 30px -22px rgba(10,16,32,.35)}
  .main-nav a{color:var(--text);border-color:var(--border)}
  .ai-home-hero{padding:54px 0 58px!important}
  .ai-home-hero h1{font-size:clamp(3.4rem,17vw,5rem)!important;line-height:.94!important}
  .ai-home-hero .ai-hero-copy>p{font-size:1.05rem!important}
  .ai-hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .ai-hero-actions .btn{text-align:center}
  .control-plane-body{grid-template-columns:1fr}
  .control-plane-stages{display:grid;grid-template-columns:repeat(4,1fr);border-right:0;border-bottom:1px solid var(--ink-border)}
  .control-plane-stages li{min-height:auto;padding:14px 10px;border-bottom:0;border-right:1px solid var(--ink-border);display:block}
  .control-plane-stages li:last-child{border-right:0}
  .control-plane-stages b,.control-plane-stages strong{display:block}.control-plane-stages span{display:none}
  .control-plane-editor pre{padding:22px;font-size:.68rem}
  .ai-lifecycle-section{padding-top:64px!important;padding-bottom:64px!important}
  .ai-lifecycle-section .ai-home-product-list{grid-template-columns:1fr!important}
  .ai-lifecycle-section .ai-home-product-list>a{border-right:0!important;border-bottom:1px solid var(--border)!important;padding:22px 0!important}
  .ai-lifecycle-section .ai-home-product-list>a:not(:first-child){padding-left:0!important}
  .pricing-proof-strip{grid-template-columns:1fr!important}.pricing-proof-strip span{border-right:0!important;border-bottom:1px solid var(--border)}
  .decision-metrics{border-left:0;border-top:1px solid var(--border)}
  .commercial-pricing>h1,.tools-acquisition-hero h1,.auth-page>h1,.legal-page>h1{font-size:clamp(3rem,14vw,4.4rem)!important}
  .pricing-grid{grid-template-columns:1fr!important}
  .command-account-shell{display:block!important}.command-account-nav{position:static!important;width:auto!important}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}