*{box-sizing:border-box}:root{--bg:#0a0f17;--card:#141d2b;--text:#eef4fb;--muted:#94a3b8;--line:rgba(255,255,255,.1);--accent:#35d0ba;--accent2:#4aa7ff;--paper:#f6f8fb;--ink:#142033;--max:1180px}
html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--paper);color:var(--ink)}a{text-decoration:none;color:inherit}.container{max-width:var(--max);margin:auto;padding:0 24px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(10,15,23,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:74px;display:flex;align-items:center;gap:26px;color:white}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand-mark{color:var(--accent);font-size:21px}.nav-links{display:flex;gap:25px;margin-left:auto}.nav-links a{font-size:13px;font-weight:700;color:#c1cbda}.menu-btn{display:none;background:none;border:0;color:white;font-size:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 19px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07131a;font-weight:800;border:0;cursor:pointer}.btn-small{padding:11px 15px;font-size:13px}.btn-ghost{background:transparent;color:white;border:1px solid rgba(255,255,255,.18)}
.hero{background:radial-gradient(circle at 95% 10%,rgba(53,208,186,.15),transparent 30%),var(--bg);color:white;padding:92px 0 52px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:#34c7b5}.hero-copy h1{font-size:54px;line-height:1.06;letter-spacing:-.045em;margin:17px 0 22px}.hero-copy h1 span{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:17px;line-height:1.75;color:#aab8cb}
.search-box{display:flex;background:white;border-radius:14px;padding:6px;margin-top:30px;box-shadow:0 20px 55px rgba(0,0,0,.25)}.search-box input{flex:1;border:0;outline:0;font:inherit;padding:12px 14px;min-width:0}.search-box button{border:0;border-radius:10px;padding:0 22px;background:#162332;color:white;font-weight:800;cursor:pointer}.search-help{color:#7f90a6;font-size:12px;margin:9px 3px 0}.quick-actions{display:flex;gap:10px;margin-top:24px}
.hero-card{background:linear-gradient(180deg,#152131,#0e1622);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:24px;box-shadow:0 35px 80px rgba(0,0,0,.3)}.card-kicker{font-size:10px;letter-spacing:.18em;color:#71839a;margin-bottom:8px}.flow-item{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.08)}.flow-item>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(53,208,186,.11);color:var(--accent);font-weight:800;font-size:12px}.flow-item div{display:flex;flex-direction:column;gap:6px}.flow-item strong{font-size:14px}.flow-item small{color:#8ea0b7;line-height:1.5}.hero-card-footer{font-size:10px;color:#66788f;padding-top:19px;letter-spacing:.14em}
.search-result{margin-top:38px;background:#111b28;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;color:white}.result-title{font-weight:800;margin-bottom:7px}.result-text{color:#9cadc2;line-height:1.6}.result-actions{display:flex;gap:10px;margin-top:15px}.result-list{display:grid;gap:10px;margin-top:14px}.result-item{display:flex;justify-content:space-between;gap:20px;border:1px solid rgba(255,255,255,.08);padding:14px;border-radius:12px;background:rgba(255,255,255,.03)}.result-item small{color:#8fa0b6}
.section{padding:92px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:36px}.section-head h2,.quote-section h2,.contact-section h2{font-size:39px;line-height:1.18;letter-spacing:-.035em;margin:13px 0}.section-head p{max-width:430px;color:#657286;line-height:1.7}.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.brand-chip{border:1px solid #dfe6ee;background:white;border-radius:13px;padding:18px 14px;text-align:center;font-weight:800;font-size:13px;box-shadow:0 8px 25px rgba(20,32,51,.04)}
.section-dark{background:#0d141e;color:white}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category{border:1px solid rgba(255,255,255,.08);background:#121c29;border-radius:15px;padding:22px;display:flex;flex-direction:column;gap:9px}.category span{color:#8fa0b5;font-size:13px;line-height:1.55}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{background:white;border:1px solid #e0e6ee;border-radius:16px;padding:25px}.step>span{width:38px;height:38px;border-radius:10px;background:#e8faf6;color:#189e8d;display:grid;place-items:center;font-weight:800}.step p{color:#68768a;line-height:1.65;font-size:14px}
.quote-section{background:#edf3f7}.quote-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}.quote-grid>div>p{color:#667486;line-height:1.75}.quote-note{margin-top:26px;padding:18px;border-left:3px solid var(--accent);background:rgba(255,255,255,.65);display:grid;gap:7px}.quote-note span{font-size:13px;color:#667486;line-height:1.55}.quote-form{background:white;border-radius:20px;padding:27px;box-shadow:0 20px 60px rgba(22,36,56,.08);display:grid;gap:15px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.quote-form label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#4f5d70}.quote-form input,.quote-form textarea{width:100%;border:1px solid #dce3ec;border-radius:10px;padding:13px 14px;font:inherit}.form-status{font-size:13px;color:#5f6e82;min-height:18px}
.contact-section{background:white}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-list{display:grid}.contact-list a{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #e3e8ef}.contact-list span{color:#768397;font-size:13px}.contact-list strong{font-size:14px}footer{background:#080d14;color:#9aa9bc;padding:28px 0}.footer-row{display:flex;justify-content:space-between;align-items:center}.footer-row p{font-size:12px}
@media(max-width:920px){.nav-links,.nav-cta{display:none}.menu-btn{display:block;margin-left:auto}.nav-links.open{display:flex;position:absolute;left:0;right:0;top:74px;flex-direction:column;background:#0d141e;padding:20px 24px}.hero-grid,.quote-grid,.contact-row{grid-template-columns:1fr}.hero-copy h1{font-size:45px}.brand-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{padding:0 18px}.hero{padding-top:62px}.hero-copy h1{font-size:37px}.search-box{display:grid;background:transparent;padding:0;gap:8px;box-shadow:none}.search-box input{background:white;border-radius:11px;padding:15px}.search-box button{padding:14px}.quick-actions{flex-direction:column}.brand-grid{grid-template-columns:repeat(2,1fr)}.category-grid,.steps,.field-row{grid-template-columns:1fr}.section{padding:70px 0}.section-head{align-items:start;flex-direction:column;gap:8px}.section-head h2,.quote-section h2,.contact-section h2{font-size:31px}.footer-row{flex-direction:column;align-items:start;gap:10px}.result-item{flex-direction:column}}

/* Generated product detail pages */
.product-page{min-height:70vh;background:#f6f8fb;padding:70px 0}
.product-breadcrumb{font-size:12px;color:#718096;margin-bottom:22px}
.product-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:start}
.product-main,.product-side{background:white;border:1px solid #e0e6ee;border-radius:18px;padding:28px;box-shadow:0 12px 35px rgba(20,32,51,.05)}
.product-code{display:inline-flex;padding:7px 10px;border-radius:8px;background:#e9faf7;color:#148c7e;font-size:12px;font-weight:800;letter-spacing:.04em}
.product-title{font-size:38px;letter-spacing:-.035em;line-height:1.15;margin:18px 0 14px}
.product-description{color:#647287;line-height:1.8}
.product-specs{display:grid;margin-top:26px;border-top:1px solid #e6ebf1}
.product-spec{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid #e6ebf1;font-size:14px}
.product-spec span{color:#7b8798}.product-spec strong{overflow-wrap:anywhere}
.product-side h2{font-size:24px;margin-top:0}.product-side p{color:#68768a;line-height:1.65;font-size:14px}
.product-side .btn{width:100%;margin-top:10px}.product-image{width:100%;border-radius:12px;margin-bottom:18px;border:1px solid #e3e8ef}
@media(max-width:760px){.product-layout{grid-template-columns:1fr}.product-title{font-size:30px}.product-spec{grid-template-columns:1fr;gap:5px}}

/* Quote form V4 */
.file-field input[type="file"]{padding:10px;background:#f8fafc}
.file-field small{font-weight:500;color:#7a8798;line-height:1.45}
.consent-field{grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important;font-weight:500!important;line-height:1.5}
.consent-field input{width:auto!important;margin-top:3px}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}
.form-status{padding:0;min-height:20px;line-height:1.5}
.form-status-success{padding:12px 14px;border-radius:10px;background:#e9f9f4;color:#146c5c}
.form-status-error{padding:12px 14px;border-radius:10px;background:#fff0f0;color:#a33232}
.form-status-info{padding:12px 14px;border-radius:10px;background:#eef5fb;color:#315c7d}