/* =========================================================
   ThaiDataWeb V4 — Conversion Studio / Semantic Theme System
   Rebuild: rich commercial homepage + full tokenized themes
   ========================================================= */
:root,
body[data-theme="daylight"]{
  color-scheme:light;
  --bg-canvas:#ffffff;--bg-surface:#ffffff;--bg-surface-alt:#f7f9fc;--bg-subtle:#f1f5f9;--bg-elevated:#ffffff;
  --bg-dark:#071426;--bg-dark-elevated:#0d1b31;--bg-brand-soft:#eaf2ff;
  --text-primary:#111827;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#f8fafc;--text-link:#0759d4;
  --border-subtle:#e8edf3;--border-default:#d7dee8;--border-strong:#aab7c8;
  --primary:#0866e8;--primary-hover:#0758c9;--primary-active:#0648a4;--primary-soft:#eaf2ff;--primary-contrast:#ffffff;
  --secondary:#334155;--accent:#4f46e5;--success:#047857;--warning:#b45309;--danger:#be123c;--info:#0369a1;
  --focus-ring:#2563eb;--input-bg:#ffffff;--input-border:#cbd5e1;--input-focus:#0866e8;
  --table-head:#eef3f8;--table-row-hover:#f8fafc;--footer-bg:#061120;--footer-elevated:#0c1a2b;
  --selection-bg:#dceafe;--selection-text:#102a56;--cat-onepage:#e11d48;--cat-business:#0759d4;--cat-corporate:#7c3aed;--cat-commerce:#059669;--cat-app:#ea580c;--cat-care:#334155;
  --shadow-xs:0 1px 2px rgba(15,23,42,.05);--shadow-sm:0 5px 18px rgba(15,23,42,.07);--shadow-md:0 12px 34px rgba(15,23,42,.10);--shadow-lg:0 26px 70px rgba(15,23,42,.16);
}
body[data-theme="midnight"]{
  color-scheme:dark;
  --bg-canvas:#080b14;--bg-surface:#101522;--bg-surface-alt:#151b2b;--bg-subtle:#111827;--bg-elevated:#182033;
  --bg-dark:#050710;--bg-dark-elevated:#101525;--bg-brand-soft:#1e1b4b;
  --text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-inverse:#f8fafc;--text-link:#a5b4fc;
  --border-subtle:#20283a;--border-default:#303a50;--border-strong:#475569;
  --primary:#5b5bd6;--primary-hover:#7476ef;--primary-active:#4f46e5;--primary-soft:#1e1b4b;--primary-contrast:#ffffff;
  --secondary:#94a3b8;--accent:#38bdf8;--success:#34d399;--warning:#fbbf24;--danger:#fb7185;--info:#38bdf8;
  --focus-ring:#818cf8;--input-bg:#111827;--input-border:#334155;--input-focus:#818cf8;
  --table-head:#161e2e;--table-row-hover:#182236;--footer-bg:#03050b;--footer-elevated:#0b1020;
  --selection-bg:#312e81;--selection-text:#ffffff;--cat-onepage:#fb7185;--cat-business:#60a5fa;--cat-corporate:#a78bfa;--cat-commerce:#34d399;--cat-app:#fb923c;--cat-care:#cbd5e1;
  --shadow-xs:0 1px 2px rgba(0,0,0,.28);--shadow-sm:0 8px 22px rgba(0,0,0,.28);--shadow-md:0 16px 40px rgba(0,0,0,.34);--shadow-lg:0 30px 80px rgba(0,0,0,.42);
}
body[data-theme="aurora"]{
  color-scheme:light;
  --bg-canvas:#fcfefd;--bg-surface:#ffffff;--bg-surface-alt:#f3f8f6;--bg-subtle:#eef6f2;--bg-elevated:#ffffff;
  --bg-dark:#06251e;--bg-dark-elevated:#0a342a;--bg-brand-soft:#ddf5ea;
  --text-primary:#10211c;--text-secondary:#405c52;--text-muted:#5f766d;--text-inverse:#f7fffb;--text-link:#047857;
  --border-subtle:#dfeae5;--border-default:#cadcd4;--border-strong:#9fb9ae;
  --primary:#047857;--primary-hover:#065f46;--primary-active:#064e3b;--primary-soft:#ddf5ea;--primary-contrast:#ffffff;
  --secondary:#365a4e;--accent:#0f766e;--success:#047857;--warning:#a16207;--danger:#b91c1c;--info:#0369a1;
  --focus-ring:#059669;--input-bg:#ffffff;--input-border:#bcd2c8;--input-focus:#047857;
  --table-head:#eaf4f0;--table-row-hover:#f5faf8;--footer-bg:#041b16;--footer-elevated:#0a2a22;
  --selection-bg:#cff1e4;--selection-text:#064e3b;--cat-onepage:#be185d;--cat-business:#047857;--cat-corporate:#0f766e;--cat-commerce:#15803d;--cat-app:#a16207;--cat-care:#365a4e;
  --shadow-xs:0 1px 2px rgba(6,78,59,.05);--shadow-sm:0 6px 20px rgba(6,78,59,.07);--shadow-md:0 14px 38px rgba(6,78,59,.10);--shadow-lg:0 28px 70px rgba(6,78,59,.15);
}
body[data-theme="gold"]{
  color-scheme:light;
  --bg-canvas:#fdfdfe;--bg-surface:#ffffff;--bg-surface-alt:#f5f7f9;--bg-subtle:#eef1f4;--bg-elevated:#ffffff;
  --bg-dark:#111827;--bg-dark-elevated:#1b2433;--bg-brand-soft:#e8edf2;
  --text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--text-inverse:#f9fafb;--text-link:#334155;
  --border-subtle:#e5e7eb;--border-default:#d1d5db;--border-strong:#9ca3af;
  --primary:#334155;--primary-hover:#1e293b;--primary-active:#0f172a;--primary-soft:#e8edf2;--primary-contrast:#ffffff;
  --secondary:#64748b;--accent:#2563eb;--success:#047857;--warning:#b45309;--danger:#b91c1c;--info:#0369a1;
  --focus-ring:#475569;--input-bg:#ffffff;--input-border:#c7cdd5;--input-focus:#334155;
  --table-head:#eef1f4;--table-row-hover:#f7f8fa;--footer-bg:#0d131d;--footer-elevated:#18202b;
  --selection-bg:#e2e8f0;--selection-text:#0f172a;--cat-onepage:#9f1239;--cat-business:#334155;--cat-corporate:#475569;--cat-commerce:#0f766e;--cat-app:#9a3412;--cat-care:#1e293b;
  --shadow-xs:0 1px 2px rgba(15,23,42,.05);--shadow-sm:0 6px 20px rgba(15,23,42,.07);--shadow-md:0 14px 38px rgba(15,23,42,.10);--shadow-lg:0 28px 70px rgba(15,23,42,.15);
}
body[data-theme="sunset"]{
  color-scheme:light;
  --bg-canvas:#fefdfc;--bg-surface:#ffffff;--bg-surface-alt:#f8f5f1;--bg-subtle:#f3efea;--bg-elevated:#ffffff;
  --bg-dark:#241c17;--bg-dark-elevated:#322720;--bg-brand-soft:#eee4da;
  --text-primary:#231f1b;--text-secondary:#5f554b;--text-muted:#796e64;--text-inverse:#fffdf9;--text-link:#6b4f32;
  --border-subtle:#e8e1da;--border-default:#d8cec4;--border-strong:#b8aa9b;
  --primary:#7c5c3b;--primary-hover:#6b4f32;--primary-active:#543d27;--primary-soft:#eee4da;--primary-contrast:#ffffff;
  --secondary:#57534e;--accent:#a16207;--success:#047857;--warning:#a16207;--danger:#b91c1c;--info:#0369a1;
  --focus-ring:#7c5c3b;--input-bg:#ffffff;--input-border:#d2c7bc;--input-focus:#7c5c3b;
  --table-head:#f1ece7;--table-row-hover:#faf7f4;--footer-bg:#1c1511;--footer-elevated:#2d221c;
  --selection-bg:#eadcce;--selection-text:#3f2d1f;--cat-onepage:#9f1239;--cat-business:#6b4f32;--cat-corporate:#7c3f58;--cat-commerce:#4d7c5d;--cat-app:#b45309;--cat-care:#57534e;
  --shadow-xs:0 1px 2px rgba(61,43,29,.05);--shadow-sm:0 6px 20px rgba(61,43,29,.07);--shadow-md:0 14px 38px rgba(61,43,29,.10);--shadow-lg:0 28px 70px rgba(61,43,29,.15);
}

/* Global semantic reinforcement */
body{background:var(--bg-canvas)!important;color:var(--text-primary)!important}
::selection{background:var(--selection-bg);color:var(--selection-text)}
.site-header{background:color-mix(in srgb,var(--bg-surface) 94%,transparent)!important;border-color:var(--border-subtle)!important;color:var(--text-primary)!important}
.navlinks a,.lang-btn,.icon-btn{color:var(--text-secondary)!important}.navlinks a:hover,.navlinks a.active{background:var(--primary-soft)!important;color:var(--text-primary)!important}
.mobile-menu{background:var(--bg-elevated)!important;border-color:var(--border-default)!important}.mobile-menu a{color:var(--text-primary)!important;border-color:var(--border-subtle)!important}
.btn-primary{background:var(--primary)!important;border-color:var(--primary)!important;color:var(--primary-contrast)!important}.btn-primary:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important}
.btn-dark{background:var(--text-primary)!important;color:var(--bg-surface)!important;border-color:var(--text-primary)!important}
.btn-quiet{background:var(--bg-elevated)!important;color:var(--text-primary)!important;border-color:var(--border-default)!important}
.section-soft,.knowledge-section{background:var(--bg-subtle)!important}.page-hero{background:var(--bg-surface-alt)!important;color:var(--text-primary)!important;border-color:var(--border-subtle)!important}
.page-hero h1,.section-head h2,.precision-head h2{color:var(--text-primary)!important}.page-hero p,.section-head p,.precision-head p{color:var(--text-secondary)!important}
.input,input,select,textarea{background:var(--input-bg);color:var(--text-primary);border-color:var(--input-border)}.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--input-focus);outline-color:color-mix(in srgb,var(--focus-ring) 24%,transparent)}
.package-card,.portfolio-card,.article-card,.service-card,.content-card,.contact-box,.estimate-card{background:var(--bg-elevated)!important;color:var(--text-primary)!important;border-color:var(--border-default)!important}
.package-card h3,.portfolio-card h3,.article-card h3,.service-card h3,.content-card h1,.content-card h2,.content-card h3{color:var(--text-primary)!important}.package-card p,.portfolio-card p,.article-card p,.service-card p{color:var(--text-secondary)!important}
.footer{background:var(--footer-bg)!important}.footer-grid>div:not(:first-child){border-color:color-mix(in srgb,var(--text-inverse) 12%,transparent)!important}

/* Header / promo refinement */
.promo{font-size:12px!important;letter-spacing:.015em;background:var(--bg-dark)!important;color:var(--text-inverse)!important;padding:7px 16px!important}
.site-header{box-shadow:0 1px 0 var(--border-subtle)}
.site-header .container{max-width:1450px}.brand img{height:42px!important;width:auto!important}.navlinks{gap:2px}.navlinks a{font-size:14px!important;font-weight:680!important;padding:10px 11px!important;border-radius:9px!important}
.nav-actions{gap:8px}.nav-actions>.btn{padding:11px 16px!important;border-radius:10px!important;font-size:14px!important}
.theme-menu,.lang-menu{background:var(--bg-elevated)!important;border-color:var(--border-default)!important;box-shadow:var(--shadow-md)!important}.theme-menu button,.lang-menu a{color:var(--text-primary)!important}.theme-menu button:hover,.lang-menu a:hover{background:var(--bg-subtle)!important}

/* V4 layout foundation */
.tdw-sales-hero{background:var(--bg-surface-alt);padding:18px 0 16px;border-bottom:1px solid var(--border-subtle)}
.tdw-sales-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.tdw-sales-shell--hero{align-items:stretch}
.tdw-sales-main{min-width:0}.tdw-sales-aside{min-width:0}.tdw-home-commercial{padding:18px 0 52px;background:var(--bg-canvas)}
.tdw-hero-panel{min-height:420px;border:1px solid var(--border-default);border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(102deg,var(--bg-dark) 0%,var(--bg-dark) 44%,color-mix(in srgb,var(--bg-dark-elevated) 84%,var(--primary) 16%) 100%);box-shadow:var(--shadow-md);display:grid;grid-template-columns:.95fr 1.05fr}
.tdw-hero-copy{padding:40px 36px 34px;position:relative;z-index:3;color:var(--text-inverse)}
.tdw-studio-pill{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--text-inverse) 28%,transparent);border-radius:999px;padding:6px 11px;font-size:11px;letter-spacing:.14em;font-weight:850;color:color-mix(in srgb,var(--text-inverse) 86%,var(--primary) 14%);margin-bottom:16px}
.tdw-hero-copy h1{font-size:clamp(36px,3.6vw,57px)!important;line-height:1.05!important;letter-spacing:-.04em!important;color:#fff!important;margin:0 0 15px!important;max-width:720px}.tdw-hero-copy p{font-size:16px;line-height:1.75;color:#c7d2e3;max-width:650px;margin:0 0 16px}
.tdw-hero-checks{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0 0 20px}.tdw-hero-checks span{display:flex;align-items:center;gap:6px;font-size:12px;color:#e8eef8;font-weight:680}.tdw-hero-checks svg{width:16px;height:16px;stroke:#63e6a9;stroke-width:2.5;fill:none}
.tdw-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.tdw-btn-lg{min-height:46px;padding:0 17px!important;display:inline-flex!important;align-items:center!important;gap:8px!important}.tdw-btn-lg svg,.tdw-full-btn svg,.tdw-service-action svg,.tdw-section-title>a svg,.tdw-showcase-body a svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9}
.tdw-btn-outline{background:var(--bg-elevated)!important;color:var(--text-primary)!important;border:1px solid var(--border-default)!important;border-radius:10px!important}.tdw-btn-outline:hover{border-color:var(--primary)!important;color:var(--primary)!important;background:var(--primary-soft)!important}
.tdw-domain-search{height:46px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;max-width:540px;background:#fff;border-radius:12px;padding:5px 5px 5px 13px;box-shadow:0 8px 30px rgba(0,0,0,.16)}.tdw-domain-search svg{width:18px;height:18px;stroke:#64748b;fill:none}.tdw-domain-search input{border:0!important;outline:0!important;background:transparent!important;color:#111827!important;min-width:0;font-size:13px}.tdw-domain-search button{height:36px;padding:0 16px;border:0;border-radius:9px;background:var(--primary);color:#fff;font-weight:800;cursor:pointer}

/* Actual component montage — no flattened reference image */
.tdw-device-stage{position:relative;min-height:420px;overflow:hidden;background:radial-gradient(circle at 72% 28%,color-mix(in srgb,var(--primary) 26%,transparent),transparent 33%),linear-gradient(145deg,color-mix(in srgb,var(--bg-dark-elevated) 88%,#fff 12%),var(--bg-dark));isolation:isolate}
.tdw-device-stage:after{content:"";position:absolute;inset:auto -60px -120px 20px;height:260px;background:radial-gradient(ellipse,color-mix(in srgb,var(--primary) 26%,transparent),transparent 67%);filter:blur(10px);z-index:-1}
.tdw-device{position:absolute;background:#0a0d13;border:1px solid rgba(255,255,255,.20);box-shadow:0 28px 65px rgba(0,0,0,.38);overflow:hidden}.tdw-device img{width:100%;height:100%;display:block;object-fit:cover;object-position:top}
.tdw-laptop{width:min(78%,540px);height:305px;left:7%;top:68px;border-radius:14px 14px 8px 8px;padding:16px 10px 11px}.tdw-laptop:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-12px;height:13px;border-radius:0 0 14px 14px;background:#252b35;box-shadow:0 6px 12px rgba(0,0,0,.35)}.tdw-device-bar{position:absolute;left:10px;right:10px;top:0;height:16px;display:flex;gap:4px;align-items:center;padding-left:6px;background:#121722}.tdw-device-bar i{width:4px;height:4px;border-radius:50%;background:#5b6675}.tdw-laptop img{height:100%;border-radius:5px}
.tdw-tablet{width:42%;max-width:250px;height:240px;right:3%;bottom:24px;border-radius:16px;padding:9px;transform:rotate(1.5deg)}.tdw-tablet img{border-radius:9px}.tdw-phone{width:92px;height:194px;left:2%;bottom:18px;border-radius:17px;padding:7px;transform:rotate(-4deg);z-index:5}.tdw-phone img{border-radius:11px}.tdw-price-orb{position:absolute;right:4%;top:21px;z-index:7;width:112px;height:112px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#ffe28c,#eebd43);color:#18202c;box-shadow:0 16px 32px rgba(0,0,0,.24);border:4px solid rgba(255,255,255,.32)}.tdw-price-orb small{font-size:11px;font-weight:800}.tdw-price-orb strong{font-size:28px;line-height:1;margin:3px 0}.tdw-price-orb span{font-size:11px;font-weight:800}

/* Consultation sidebar */
.tdw-hero-aside{display:flex}.tdw-consult-card{width:100%;border:1px solid var(--border-default);border-radius:20px;background:var(--bg-elevated);box-shadow:var(--shadow-md);padding:20px;display:flex;flex-direction:column;gap:12px}.tdw-consult-head{display:flex;align-items:center;gap:10px}.tdw-advisor-badge{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,var(--primary),var(--accent));color:#fff;font-size:15px;font-weight:900;display:grid;place-items:center;box-shadow:var(--shadow-sm)}.tdw-consult-head span{display:block;font-size:20px;font-weight:900;color:var(--text-primary);line-height:1.15}.tdw-consult-head strong{display:block;font-size:12px;color:var(--text-secondary);margin-top:4px}.tdw-consult-card>p{font-size:13px;line-height:1.65;color:var(--text-secondary);margin:0;padding-bottom:4px;border-bottom:1px solid var(--border-subtle)}
.tdw-contact-row{display:flex;align-items:center;gap:10px;border:1px solid var(--border-default);border-radius:12px;padding:10px 11px;text-decoration:none;background:var(--bg-surface-alt);color:var(--text-primary);transition:.18s ease}.tdw-contact-row:hover{border-color:var(--primary);transform:translateY(-1px)}.tdw-contact-row>svg{width:20px;height:20px;fill:none;stroke:var(--primary);stroke-width:1.9}.tdw-contact-row small{display:block;color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.tdw-contact-row strong{font-size:14px}.tdw-line-row>svg{stroke:var(--success)}.tdw-full-btn{width:100%;display:inline-flex!important;justify-content:center!important;align-items:center!important;gap:7px!important}

/* Capability row */
.tdw-capability-strip{background:var(--bg-canvas);padding:10px 0;border-bottom:1px solid var(--border-subtle)}.tdw-capability-row{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.tdw-capability-card{min-width:0;text-decoration:none;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:12px;padding:10px 9px;display:flex;gap:8px;align-items:center;transition:.18s ease}.tdw-capability-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.tdw-capability-card>span{width:31px;height:31px;flex:0 0 31px;border-radius:9px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.tdw-capability-card svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9}.tdw-capability-card strong{display:block;font-size:11px;line-height:1.25}.tdw-capability-card small{display:block;font-size:9px;color:var(--text-muted);margin-top:2px;line-height:1.25}

/* Main commercial blocks */
.tdw-block{padding:18px 0 22px;border-bottom:1px solid var(--border-subtle)}.tdw-block:first-child{padding-top:0}.tdw-section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:12px}.tdw-section-title h2{font-size:clamp(23px,2.15vw,32px)!important;line-height:1.15!important;color:var(--text-primary)!important;margin:3px 0 0!important;letter-spacing:-.025em!important}.tdw-section-title p{font-size:12px;color:var(--text-secondary);margin:5px 0 0;max-width:690px}.tdw-kicker{font-size:9px;letter-spacing:.16em;color:var(--primary);font-weight:900}.tdw-section-title>a{font-size:12px;font-weight:780;text-decoration:none;color:var(--text-link);display:flex;align-items:center;gap:5px;white-space:nowrap}

.tdw-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tdw-service-card{--svc:var(--cat-business);border:1px solid color-mix(in srgb,var(--svc) 24%,var(--border-default));background:color-mix(in srgb,var(--svc) 7%,var(--bg-elevated));border-radius:14px;padding:11px;overflow:hidden;position:relative}.tdw-service-card.is-rose{--svc:var(--cat-onepage)}.tdw-service-card.is-blue{--svc:var(--cat-business)}.tdw-service-card.is-violet{--svc:var(--cat-corporate)}.tdw-service-card.is-green{--svc:var(--cat-commerce)}.tdw-service-card.is-orange{--svc:var(--cat-app)}.tdw-service-card.is-navy{--svc:var(--cat-care)}.tdw-service-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.tdw-service-card-head span{font-size:12px;font-weight:900;color:var(--text-primary)}.tdw-service-card-head b{font-size:11px;color:var(--svc);white-space:nowrap}.tdw-service-thumb{display:block;aspect-ratio:16/8.4;border-radius:9px;overflow:hidden;border:1px solid color-mix(in srgb,var(--svc) 17%,var(--border-subtle));background:#fff}.tdw-service-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .25s ease}.tdw-service-card:hover .tdw-service-thumb img{transform:scale(1.015)}.tdw-service-card p{font-size:10.5px;color:var(--text-secondary);line-height:1.45;margin:8px 0}.tdw-service-action{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--svc);font-weight:820;font-size:11px}

.tdw-filter-row{display:flex;gap:7px;overflow:auto;padding:0 0 10px;scrollbar-width:none}.tdw-filter-row::-webkit-scrollbar{display:none}.tdw-filter-row .chip{white-space:nowrap;border-radius:999px!important;padding:7px 13px!important;font-size:10.5px!important;background:var(--bg-subtle)!important;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important}.tdw-filter-row .chip.active{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}
.tdw-showcase-track{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tdw-showcase-card{border:1px solid var(--border-default)!important;border-radius:13px!important;overflow:hidden;background:var(--bg-elevated)!important;box-shadow:none!important;min-width:0}.tdw-showcase-image{display:block;aspect-ratio:16/9.8;overflow:hidden;background:var(--bg-subtle)}.tdw-showcase-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:top;transition:transform .24s ease}.tdw-showcase-card:hover img{transform:scale(1.015)}.tdw-showcase-body{padding:9px 10px 10px}.tdw-showcase-body span{font-size:8px;letter-spacing:.1em;color:var(--primary);font-weight:900}.tdw-showcase-body h3{font-size:12px!important;line-height:1.35!important;margin:3px 0 6px!important;color:var(--text-primary)!important}.tdw-showcase-body a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--text-link);font-size:10px;font-weight:800}

.tdw-package-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.tdw-price-card{border:1px solid var(--border-default);border-radius:14px;background:var(--bg-elevated);padding:13px;display:flex;flex-direction:column;min-height:310px;box-shadow:var(--shadow-xs);position:relative}.tdw-price-card.is-lead{border:2px solid var(--primary);box-shadow:0 12px 30px color-mix(in srgb,var(--primary) 15%,transparent)}.tdw-price-card-top{min-height:22px;display:flex;justify-content:space-between;gap:5px;align-items:center}.tdw-price-card-top span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);font-weight:900}.tdw-price-card-top b{font-size:8px;background:var(--primary);color:#fff;padding:4px 6px;border-radius:999px}.tdw-price-card h3{font-size:15px!important;margin:8px 0 4px!important;color:var(--text-primary)!important}.tdw-price-card>p{font-size:9.5px;line-height:1.45;color:var(--text-secondary);min-height:42px;margin:0 0 8px}.tdw-package-price{padding:8px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin-bottom:8px}.tdw-package-price small{display:block;color:var(--text-muted);font-size:8px;font-weight:700}.tdw-package-price strong{display:block;color:var(--danger);font-size:23px;line-height:1.1;letter-spacing:-.035em}.tdw-price-card ul{padding:0;margin:0 0 12px;list-style:none;display:grid;gap:5px;flex:1}.tdw-price-card li{display:flex;align-items:flex-start;gap:5px;font-size:8.8px;line-height:1.35;color:var(--text-secondary)}.tdw-price-card li svg{width:13px;height:13px;flex:0 0 13px;fill:none;stroke:var(--success);stroke-width:2.2}

/* Homepage quote configurator */
.tdw-sticky-aside{position:relative}.tdw-quote-panel{position:sticky;top:92px;border:1px solid var(--border-default);border-radius:18px;background:var(--bg-elevated);box-shadow:var(--shadow-md);overflow:hidden}.tdw-quote-head{padding:16px 16px 13px;background:linear-gradient(130deg,var(--bg-brand-soft),var(--bg-surface));border-bottom:1px solid var(--border-default)}.tdw-quote-head span{display:block;font-size:15px;font-weight:900;color:var(--text-primary)}.tdw-quote-head strong{display:block;font-size:10px;font-weight:600;color:var(--text-secondary);margin-top:3px;line-height:1.45}.tdw-quote-step{padding:14px 14px 0;display:grid;grid-template-columns:24px 1fr;gap:8px}.tdw-step-dot{width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.tdw-quote-step b{font-size:11px;color:var(--text-primary)}.tdw-type-choice{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.tdw-type-choice label{cursor:pointer}.tdw-type-choice input{position:absolute;opacity:0;pointer-events:none}.tdw-type-choice label>span{display:flex;flex-direction:column;gap:2px;border:1px solid var(--border-default);border-radius:10px;background:var(--bg-surface-alt);padding:8px;min-height:82px;transition:.15s ease}.tdw-type-choice input:checked+span{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 12%,transparent)}.tdw-type-choice i{width:24px;height:24px;border-radius:7px;background:var(--bg-elevated);display:grid;place-items:center;color:var(--primary)}.tdw-type-choice i svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9}.tdw-type-choice small{font-size:8px;line-height:1.2;color:var(--text-secondary)}.tdw-type-choice b{font-size:9px;color:var(--primary);margin-top:auto}.tdw-feature-list{display:grid;margin-top:7px;border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden}.tdw-feature-list label{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:6px;padding:7px 8px;border-bottom:1px solid var(--border-subtle);font-size:9px;color:var(--text-secondary);cursor:pointer}.tdw-feature-list label:last-child{border-bottom:0}.tdw-feature-list input{width:13px;height:13px;accent-color:var(--primary)}.tdw-feature-list small{font-size:8px;color:var(--text-muted)}.tdw-estimate-box{margin:13px 14px 10px;padding:12px;border-radius:12px;background:var(--bg-subtle);border:1px solid var(--border-default)}.tdw-estimate-box>span{font-size:9px;color:var(--text-secondary);display:block}.tdw-estimate-box strong{font-size:27px;color:var(--primary);display:block;line-height:1.15;margin:3px 0}.tdw-estimate-box small{display:block;font-size:8px;color:var(--text-muted);line-height:1.4}.tdw-quote-panel>.tdw-full-btn{margin:0 14px;width:calc(100% - 28px)}.tdw-included-mini{padding:12px 14px 15px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.tdw-included-mini b{grid-column:1/-1;font-size:9px;color:var(--text-primary);margin-bottom:1px}.tdw-included-mini span{display:flex;align-items:center;gap:4px;font-size:8px;color:var(--text-secondary)}.tdw-included-mini svg{width:11px;height:11px;stroke:var(--success);fill:none;stroke-width:2.3}

/* Existing lower sections harmonized with semantic themes */
.tdw-value-section{background:var(--bg-subtle)!important}.engineering-panel.seo-architecture{background:var(--bg-elevated)!important;border-color:var(--border-default)!important}.engineering-panel.seo-architecture h2{color:var(--text-primary)!important}.seo-matrix>div{border-color:var(--border-subtle)!important;color:var(--text-secondary)!important}.seo-matrix svg{stroke:var(--success)!important}.process-section{background:var(--bg-canvas)!important}.process-grid article{background:var(--bg-elevated)!important;border-color:var(--border-default)!important}.process-grid article strong{color:var(--text-primary)!important}.process-grid article p{color:var(--text-secondary)!important}.section-market{background:var(--bg-dark)!important}.section-market .precision-head h2{color:var(--text-inverse)!important}.section-market .precision-head p{color:color-mix(in srgb,var(--text-inverse) 74%,transparent)!important}.section-market .kicker{color:#8fb6ff!important}.section-market .text-link{color:#b9d0ff!important}.v3-asset{background:var(--bg-dark-elevated)!important;border-color:color-mix(in srgb,var(--text-inverse) 14%,transparent)!important}.v3-asset-body h3,.v3-asset-body h2{color:var(--text-inverse)!important}.v3-asset-body p{color:color-mix(in srgb,var(--text-inverse) 68%,transparent)!important}.tdw-included-section{background:var(--bg-surface-alt)!important}.included-panel{background:var(--bg-elevated)!important;border-color:var(--border-default)!important}.included-panel h2{color:var(--text-primary)!important}.included-panel p,.included-grid span{color:var(--text-secondary)!important}.included-grid span{border-color:var(--border-subtle)!important}.premium-articles .article-card{box-shadow:var(--shadow-xs)!important}

/* Floating actions: compact and non-obstructive */
.float-actions{right:14px!important;bottom:86px!important;gap:7px!important}.float-actions a,.float-actions button{width:42px!important;height:42px!important;border-radius:12px!important;background:var(--bg-elevated)!important;border:1px solid var(--border-default)!important;box-shadow:var(--shadow-sm)!important;color:var(--primary)!important}

/* Theme-specific service surfaces stay readable */
body[data-theme="midnight"] .tdw-service-card{background:var(--bg-elevated);border-color:var(--border-default)}
body[data-theme="midnight"] .tdw-service-card-head b,body[data-theme="midnight"] .tdw-service-action{color:#a5b4fc}
body[data-theme="midnight"] .tdw-domain-search{background:#fff}
body[data-theme="midnight"] .tdw-price-card.is-lead{box-shadow:0 12px 36px rgba(99,102,241,.18)}

/* Responsive */
@media(max-width:1180px){
  .tdw-sales-shell{grid-template-columns:minmax(0,1fr) 280px}.tdw-hero-panel{grid-template-columns:1fr 1fr}.tdw-hero-copy{padding:32px 26px}.tdw-capability-row{grid-template-columns:repeat(4,1fr)}.tdw-package-rail{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:980px){
  .tdw-sales-shell{grid-template-columns:1fr}.tdw-sales-aside{width:100%}.tdw-hero-aside{display:none}.tdw-sticky-aside{order:-1}.tdw-quote-panel{position:relative;top:auto}.tdw-type-choice{grid-template-columns:repeat(3,1fr)}.tdw-feature-list{grid-template-columns:1fr 1fr}.tdw-feature-list label{border-right:1px solid var(--border-subtle)}.tdw-service-grid{grid-template-columns:repeat(3,1fr)}.tdw-showcase-track{grid-template-columns:repeat(3,1fr)}.tdw-package-rail{grid-template-columns:repeat(4,minmax(170px,1fr));overflow:auto;padding-bottom:8px}.tdw-price-card{min-width:170px}.tdw-capability-row{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:760px){
  .tdw-sales-hero{padding-top:8px}.tdw-hero-panel{grid-template-columns:1fr;min-height:0}.tdw-hero-copy{padding:27px 20px 24px}.tdw-hero-copy h1{font-size:clamp(34px,10vw,45px)!important}.tdw-device-stage{min-height:330px}.tdw-laptop{width:78%;height:235px;left:12%;top:48px}.tdw-tablet{width:40%;height:170px;right:2%;bottom:20px}.tdw-phone{width:72px;height:148px;bottom:17px}.tdw-price-orb{width:88px;height:88px;top:13px;right:4%}.tdw-price-orb strong{font-size:22px}.tdw-capability-row{display:flex;overflow:auto;scroll-snap-type:x proximity;padding-bottom:3px}.tdw-capability-card{min-width:155px;scroll-snap-align:start}.tdw-home-commercial{padding-top:10px}.tdw-section-title{align-items:start}.tdw-section-title>a{font-size:10px}.tdw-service-grid{grid-template-columns:1fr 1fr}.tdw-showcase-track{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:7px}.tdw-showcase-card{min-width:76vw;scroll-snap-align:start}.tdw-package-rail{display:flex;overflow:auto;scroll-snap-type:x mandatory}.tdw-price-card{min-width:72vw;scroll-snap-align:start}.tdw-type-choice{grid-template-columns:1fr 1fr}.tdw-feature-list{grid-template-columns:1fr}.tdw-feature-list label{border-right:0}.tdw-included-mini{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .tdw-hero-copy{padding:24px 17px 22px}.tdw-studio-pill{font-size:9px}.tdw-hero-copy h1{font-size:35px!important}.tdw-hero-copy p{font-size:14px}.tdw-hero-checks{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tdw-hero-checks span{font-size:10px}.tdw-hero-actions{display:grid;grid-template-columns:1fr}.tdw-hero-actions .btn{width:100%;justify-content:center}.tdw-domain-search{grid-template-columns:18px 1fr auto;height:44px;padding-left:10px}.tdw-domain-search button{padding:0 11px}.tdw-device-stage{min-height:278px}.tdw-laptop{width:82%;height:195px;left:11%;top:43px}.tdw-tablet{width:39%;height:134px;bottom:15px}.tdw-phone{width:60px;height:122px;left:3%;bottom:13px}.tdw-price-orb{width:76px;height:76px;right:2%;top:10px}.tdw-price-orb strong{font-size:18px}.tdw-price-orb small,.tdw-price-orb span{font-size:8px}.tdw-service-grid{grid-template-columns:1fr}.tdw-service-card{padding:10px}.tdw-showcase-card{min-width:84vw}.tdw-price-card{min-width:82vw}.tdw-section-title h2{font-size:23px!important}.tdw-section-title p{font-size:11px}.tdw-included-mini{grid-template-columns:1fr}.tdw-type-choice{grid-template-columns:1fr 1fr}.tdw-capability-card{min-width:145px}.float-actions{right:10px!important;bottom:76px!important}
}
@media(prefers-reduced-motion:reduce){.tdw-capability-card,.tdw-service-thumb img,.tdw-showcase-image img,.tdw-contact-row{transition:none!important}.tdw-capability-card:hover,.tdw-contact-row:hover{transform:none!important}}

/* Theme-safe brand treatment: preserve original logo colors on dark surfaces. */
body[data-theme="midnight"] .site-header .brand,
body[data-theme="midnight"] .footer .brand{
  display:inline-flex;
  align-items:center;
  background:#fff;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  padding:4px 7px;
}
body[data-theme="midnight"] .site-header .brand img,
body[data-theme="midnight"] .footer .brand img{display:block}