/* CADSmartPro V11 — progressive appearance layer over the original V10 CSS.
 * The base "cinematic" appearance is intentionally preserved from V10.
 * Engineering and Light change structure, spacing and presentation — not just color.
 */
:root {
  --appearance-surface: #0a1924;
  --appearance-outline: #31516a;
  --appearance-ink: #eff8ff;
  --appearance-subtle: #90acbf;
  --appearance-highlight: #5bc5ff;
}
html[data-effective-theme="engineering"] {
  --bg:#081725;--bg2:#0d2436;--panel:#132b3d;--text:#eef7ff;
  --muted:#a2bbca;--cyan:#30b6fa;--blue:#2469ce;--purple:#124879;
  --appearance-surface:#122b40;--appearance-outline:#335e7a;
  --appearance-ink:#eef7ff;--appearance-subtle:#a1bfce;--appearance-highlight:#5abfff;
}
html[data-effective-theme="light"] {
  color-scheme:light;
  --bg:#f5f8fc;--bg2:#ecf2f7;--panel:#fff;--panel2:#f2f6fc;
  --border:#d7e3ef;--text:#122d4d;--muted:#607b93;
  --cyan:#228fd3;--blue:#205aa4;--purple:#205a98;--accent:#1668b2;
  --appearance-surface:#fff;--appearance-outline:#c8d7e7;
  --appearance-ink:#163756;--appearance-subtle:#5e768b;--appearance-highlight:#125da2;
}

/* Preserve the original first-paint behavior and swap only text appropriate to each design. */
.hero-variant { display:none; }
html[data-effective-theme="cinematic"] .hero-variant-cinematic,
html[data-effective-theme="engineering"] .hero-variant-engineering,
html[data-effective-theme="light"] .hero-variant-light {display:block;}
.cinema-copy .hero-variant p {
  max-width:690px;margin:17px auto 0;color:#9cb0be;font-size:16px;line-height:1.6;
}

/* Accessible global header control. Never inside the mobile nav, so it stays visible. */
.nav-wrap{position:relative;gap:clamp(10px,1.4vw,22px)}
.nav-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto;z-index:3}
.appearance-picker{position:relative;flex:0 0 auto;}
.appearance-trigger{
  position:relative;display:flex;align-items:center;gap:8px;
  list-style:none;white-space:nowrap;cursor:pointer;
  min-height:40px;padding:0 11px;
  border:1px solid var(--appearance-outline);border-radius:10px;
  background:var(--appearance-surface);color:var(--appearance-ink);
  font-size:12px;font-weight:700;user-select:none;transition:border-color .18s,background .18s;
}
.appearance-trigger::-webkit-details-marker{display:none}
.appearance-trigger::marker{content:""}
.appearance-trigger:hover,.appearance-picker[open] .appearance-trigger{border-color:var(--appearance-highlight)}
.appearance-trigger-icon{
  display:grid;place-items:center;width:24px;height:24px;border-radius:7px;
  background:linear-gradient(135deg,#183b62 50%,#d6e8f6 50%);color:#effaff;
  font-size:15px;line-height:1;
}
.appearance-chevron{font-size:16px;color:var(--appearance-subtle);line-height:1}
html[data-appearance="light"] .appearance-trigger-icon{background:#eaf5fc;color:#1765a6;border:1px solid #c6ddeb}
html[data-appearance="engineering"] .appearance-trigger-icon{background:#173e57;color:#73ceff;border:1px solid #4a8aaa}
html[data-appearance="cinematic"] .appearance-trigger-icon{background:linear-gradient(125deg,#082437,#155a82);color:#8ce8ff}

.appearance-panel{
  position:absolute;inset-inline-end:0;top:calc(100% + 12px);z-index:100;
  width:262px;max-width:calc(100vw - 28px);padding:10px;
  border:1px solid var(--appearance-outline);border-radius:15px;
  color:var(--appearance-ink);background:var(--appearance-surface);
  box-shadow:0 24px 64px rgba(2,9,20,.44);
  text-align:start;direction:inherit;
}
.appearance-panel-title{
  padding:8px 11px 10px;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;
  font-weight:900;color:var(--appearance-subtle);
}
.appearance-option{
  appearance:none;border:1px solid transparent;border-radius:10px;width:100%;
  background:transparent;color:inherit;padding:10px 9px;display:flex;align-items:center;
  gap:11px;text-align:start;cursor:pointer;transition:background .15s,border-color .15s;
}
.appearance-option:hover{background:rgba(98,168,211,.1)}
.appearance-option[aria-pressed="true"]{border-color:var(--appearance-outline);background:rgba(63,149,212,.13)}
.appearance-option>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;line-height:1.25}
.appearance-option b{font-size:12px;font-weight:800}
.appearance-option small{font-size:10px;margin-top:3px;color:var(--appearance-subtle)}
.appearance-swatch{
  width:40px;height:34px;flex:0 0 40px;display:grid;place-items:center;border-radius:8px;
  border:1px solid rgba(255,255,255,.13);font-size:16px;
}
.swatch-auto{background:linear-gradient(100deg,#0c1b32 50%,#eef5fa 50%);color:#47b8f2}
.swatch-cinematic{background:linear-gradient(145deg,#06121c,#0c3652 65%,#133a73);color:#62e3fe}
.swatch-engineering{background:repeating-linear-gradient(0deg,#0c253d 0 6px,#1b425e 6px 7px);color:#69c9f8}
.swatch-light{background:linear-gradient(145deg,#f8fbff,#dbe9f5);color:#246baf;border-color:#c7d8e7}
.appearance-check{opacity:0;color:var(--appearance-highlight);font-size:14px;font-weight:900}
.appearance-option[aria-pressed="true"] .appearance-check{opacity:1}
:focus-visible{outline:2px solid #3bbaf0;outline-offset:3px}
.skip-link{position:fixed;top:-120px;left:12px;z-index:900;background:#fff;color:#102741;padding:10px 14px;border-radius:8px;font-weight:750}
.skip-link:focus{top:8px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1131px){
  .main-nav{gap:clamp(8px,.9vw,17px);font-size:12px}
  .main-nav .nav-cta{padding:9px 12px}
  .brand-text small{letter-spacing:.45px}
}
@media(max-width:1130px){
  .nav-wrap>.main-nav{display:none;position:absolute;left:0;right:0;top:calc(100% - 1px);
    flex-direction:column;align-items:stretch;gap:1px;
    padding:12px;border:1px solid var(--appearance-outline);border-radius:0 0 14px 14px;
    background:var(--appearance-surface);box-shadow:0 20px 50px rgba(0,0,0,.3)}
  .nav-wrap>.main-nav.open{display:flex}
  .nav-wrap>.main-nav>a{display:block;padding:9px 11px}
  .nav-wrap>.main-nav>.nav-cta{text-align:center}
  .nav-actions>.menu-toggle{display:grid;place-items:center;border-color:var(--appearance-outline);color:var(--appearance-ink)}
}
@media(max-width:520px){
  .nav-wrap{gap:5px;min-height:70px}
  .nav-actions{gap:6px}
  .appearance-trigger{padding:0 8px;gap:3px}
  .appearance-trigger-label{display:none}
  .appearance-chevron{display:none}
  .appearance-picker .appearance-panel{width:250px}
  .cadsmart-brand .brand-text small{font-size:8px;letter-spacing:.15px}
}

/* Theme 2 — Engineering Pro: split product launch, explicit CAD grid, dense functional hierarchy. */
html[data-effective-theme="engineering"] .site-header{
  background:rgba(7,23,37,.94);border-bottom:1px solid #2b516a;
}
html[data-effective-theme="engineering"] .hero-cinematic{
  padding:86px 0 42px;
  background:radial-gradient(ellipse at 72% 45%,rgba(25,104,165,.21),transparent 46%),
    linear-gradient(130deg,#081929,#07131e 68%,#092b43);
}
html[data-effective-theme="engineering"] .hero-cinematic:before{
  background-image:linear-gradient(rgba(77,161,205,.085) 1px,transparent 1px),
    linear-gradient(90deg,rgba(77,161,205,.085) 1px,transparent 1px);
  background-size:36px 36px;mask-image:linear-gradient(to bottom,transparent,black 15%,black 83%,transparent);
}
html[data-effective-theme="engineering"] .cinema-glow{opacity:.1}
html[data-effective-theme="engineering"] .hero-cinema{
  display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);
  gap:46px 29px;align-items:center;
}
html[data-effective-theme="engineering"] .cinema-copy{width:100%;max-width:none;text-align:start;margin:0}
html[data-effective-theme="engineering"] .cinema-copy .hero-variant p{
  margin:18px 0 0;max-width:510px;color:#adc8d8;font-size:16px;
}
html[data-effective-theme="engineering"] .hero-cinematic .cinema-copy h1{
  font-size:clamp(39px,4.2vw,62px);line-height:1.04;letter-spacing:-2.7px;margin:15px 0 0;
}
html[data-effective-theme="engineering"] .hero-variant h1 em{
  background:linear-gradient(90deg,#37cafc,#5492f6);background-clip:text;-webkit-background-clip:text;color:transparent;
}
html[data-effective-theme="engineering"] .eyebrow{
  border-radius:5px;background:rgba(13,53,82,.72);letter-spacing:1.1px;
}
html[data-effective-theme="engineering"] .cinema-actions{justify-content:flex-start;margin-top:26px;gap:10px}
html[data-effective-theme="engineering"] .cinema-actions .btn{min-width:0;border-radius:6px}
html[data-effective-theme="engineering"] .btn-primary{background:#1979c8;box-shadow:0 8px 34px rgba(27,116,201,.22)}
html[data-effective-theme="engineering"] .cinema-product{width:100%;margin:0;padding:0}
html[data-effective-theme="engineering"] .demo-frame{
  border-radius:9px;border-color:#2f88bd;
  transform:perspective(1450px) rotateY(-3deg);
  box-shadow:0 27px 70px rgba(0,0,0,.48),0 0 0 7px rgba(55,121,171,.08);
}
html[data-effective-theme="engineering"] .cinema-callout{min-width:0;padding:9px 11px;border-radius:6px}
html[data-effective-theme="engineering"] .callout-smart{left:-17px;top:-27px}
html[data-effective-theme="engineering"] .callout-fittings{right:-14px;top:65%}
html[data-effective-theme="engineering"] .callout-calc{right:28px;bottom:-25px}
html[data-effective-theme="engineering"] .system-rail{
  grid-column:1/-1;grid-template-columns:1.32fr repeat(4,1fr);
  padding:12px;background:rgba(8,29,45,.85);border-radius:6px;gap:8px;
  border-color:#365770;margin:0;
}
html[data-effective-theme="engineering"] .system-chip{border-radius:4px;background:#0c2436}
html[data-effective-theme="engineering"] .solutions-section{
  background:linear-gradient(180deg,#0c2132,#0a1b2a);
}
html[data-effective-theme="engineering"] .section:not(.solutions-section):not(.section-dark):not(.activation-section):not(.download-section){background:#0d1e2d}
html[data-effective-theme="engineering"] .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
html[data-effective-theme="engineering"] .feature-card{
  padding:26px;border-radius:6px;background:linear-gradient(180deg,#142e42,#102336);
  border-color:#264a61;border-top:2px solid #2e91c7;
}
html[data-effective-theme="engineering"] .solution-card{
  border-radius:6px;background:#10283a;border-color:#29516d;
  border-top:3px solid #3a8cbb;
}
html[data-effective-theme="engineering"] .solution-card.solution-active{background:#13334a;border-top-color:#55d5ff}
html[data-effective-theme="engineering"] .activation-section{background:#0a1a29}
html[data-effective-theme="engineering"] .activation-card{border-radius:7px;background:#112b3d;border-color:#274b65}
html[data-effective-theme="engineering"] .about-copy,
html[data-effective-theme="engineering"] .download-card,
html[data-effective-theme="engineering"] .contact-card{border-radius:6px;background:linear-gradient(115deg,#11293b,#0d1f34)}
html[data-effective-theme="engineering"] .site-footer{background:#071522}

/* Theme 3 — Precision Light: editorial layout, clear contrast and white panels everywhere. */
html[data-effective-theme="light"] body{background:#f5f8fc;color:#142f4c}
html[data-effective-theme="light"] .site-header{
  background:rgba(255,255,255,.94);border-bottom:1px solid #dae5ef;
  box-shadow:0 5px 25px rgba(44,81,120,.04);
}
html[data-effective-theme="light"] .main-nav{color:#4b647d}
html[data-effective-theme="light"] .main-nav a:hover{color:#075da5}
html[data-effective-theme="light"] .brand-text strong{color:#102e4a}
html[data-effective-theme="light"] .brand-text strong span{color:#2177b5}
html[data-effective-theme="light"] .brand-text small{color:#647e94}
html[data-effective-theme="light"] .cadsmart-mark{background:linear-gradient(135deg,#1c5b9b,#2692c2);box-shadow:0 8px 20px rgba(33,96,160,.12)}
html[data-effective-theme="light"] .lang-switch{background:#fff;border-color:#d0dfeb;color:#1766a3!important}
html[data-effective-theme="light"] .nav-cta{background:#1b5c9c;color:white!important}
html[data-effective-theme="light"] .hero-cinematic{
  padding:88px 0 54px;
  background:radial-gradient(ellipse at 90% 40%,#e3f2fc 0%,transparent 49%),
    linear-gradient(155deg,#fff 0%,#f5f9fc 59%,#edf4fa 100%);
}
html[data-effective-theme="light"] .hero-cinematic:before{
  background-image:linear-gradient(rgba(64,116,161,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(64,116,161,.06) 1px,transparent 1px);
  background-size:50px 50px;mask-image:linear-gradient(to bottom,transparent,black 12%,black 75%,transparent);
}
html[data-effective-theme="light"] .cinema-glow{display:none}
html[data-effective-theme="light"] .hero-cinema{
  display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:38px 42px;align-items:center;
}
html[data-effective-theme="light"] .cinema-copy{max-width:none;width:100%;text-align:start;margin:0}
html[data-effective-theme="light"] .hero-cinematic .cinema-copy h1{
  font-size:clamp(40px,4.5vw,66px);line-height:1.09;letter-spacing:-2.8px;
  color:#112f4d;margin:17px 0 0;
}
html[data-effective-theme="light"] .hero-variant-light h1 em{
  background:linear-gradient(95deg,#175e9c,#2d84c0);background-clip:text;-webkit-background-clip:text;color:transparent;
}
html[data-effective-theme="light"] .cinema-copy .hero-variant p{
  margin:19px 0 0;max-width:460px;color:#607a90;font-size:16px;
}
html[data-effective-theme="light"] .eyebrow{
  border-radius:5px;background:#eaf4fb;border-color:#cce5f7;color:#206fa8;
  letter-spacing:.7px;
}
html[data-effective-theme="light"] .eyebrow span{background:#297cac;box-shadow:none}
html[data-effective-theme="light"] .cinema-actions{justify-content:flex-start;margin-top:29px}
html[data-effective-theme="light"] .cinema-actions .btn{min-width:0;border-radius:6px}
html[data-effective-theme="light"] .btn-primary{background:#1b629f;box-shadow:0 9px 22px rgba(24,82,134,.15);color:#fff}
html[data-effective-theme="light"] .btn-secondary{
  background:#fff;border-color:#bdcedd;color:#184c77;
}
html[data-effective-theme="light"] .cinema-product{width:100%;margin:0;padding:0}
html[data-effective-theme="light"] .demo-frame{
  transform:none;border:9px solid white;border-radius:13px;
  box-shadow:0 22px 65px rgba(32,75,113,.17),0 0 0 1px #cedeea;
}
html[data-effective-theme="light"] .cinema-callout{
  background:rgba(255,255,255,.97);border-color:#d4e2ec;
  box-shadow:0 9px 26px rgba(35,80,119,.12);
}
html[data-effective-theme="light"] .cinema-callout b{color:#184a71}
html[data-effective-theme="light"] .cinema-callout small{color:#637f96}
html[data-effective-theme="light"] .cinema-callout i{background:#e8f3fa;color:#246b9f}
html[data-effective-theme="light"] .callout-smart{left:7px;top:-30px}
html[data-effective-theme="light"] .callout-fittings{right:-18px;top:62%}
html[data-effective-theme="light"] .callout-calc{right:36px;bottom:-24px}
html[data-effective-theme="light"] .system-rail{
  grid-column:1/-1;grid-template-columns:1.35fr repeat(4,1fr);
  margin-top:4px;background:white;border-color:#d8e5ef;border-radius:8px;
  box-shadow:0 8px 28px rgba(37,83,120,.07);
}
html[data-effective-theme="light"] .rail-title{color:#214b71}
html[data-effective-theme="light"] .system-chip{border-color:#dfe9f2;background:#f7fafc;border-radius:5px}
html[data-effective-theme="light"] .system-chip b{color:#315e7e}
html[data-effective-theme="light"] .system-chip small{color:#748fa4}
html[data-effective-theme="light"] .system-chip.active{border-color:#8bc2e5;background:#eaf4fc}
html[data-effective-theme="light"] .system-chip.active b{color:#175d97}
html[data-effective-theme="light"] .system-chip.active small{color:#527f9f}
html[data-effective-theme="light"] .section,
html[data-effective-theme="light"] .section-dark,
html[data-effective-theme="light"] .solutions-section,
html[data-effective-theme="light"] .activation-section{background:#f5f8fc}
html[data-effective-theme="light"] .section:nth-of-type(even){background:#fff}
html[data-effective-theme="light"] .solutions-section:before,
html[data-effective-theme="light"] .activation-section:before{display:none}
html[data-effective-theme="light"] .section-heading h2,
html[data-effective-theme="light"] .download-card h2,
html[data-effective-theme="light"] .contact-card h2{color:#173650;letter-spacing:-1.25px}
html[data-effective-theme="light"] .section-heading>span,
html[data-effective-theme="light"] .mini-label{color:#176ea9}
html[data-effective-theme="light"] .section-heading p,
html[data-effective-theme="light"] .download-card p,
html[data-effective-theme="light"] .contact-card p,
html[data-effective-theme="light"] .about-copy{color:#607b91}
html[data-effective-theme="light"] .solutions-section .section-heading{text-align:start;max-width:760px;margin-inline-start:0}
html[data-effective-theme="light"] .solutions-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;
}
html[data-effective-theme="light"] .solution-card{
  min-height:236px;padding:28px 30px;border-radius:8px;
  background:#fff;border:1px solid #d6e3ee;box-shadow:0 10px 30px rgba(32,71,108,.05);
}
html[data-effective-theme="light"] .solution-card.solution-active{
  background:linear-gradient(135deg,#fff,#eaf5fc);border-color:#9dcde8;
  box-shadow:0 15px 36px rgba(32,93,137,.09);
}
html[data-effective-theme="light"] .solution-status{background:#eaf0f5;color:#5c7284}
html[data-effective-theme="light"] .solution-status.status-live{background:#e1f5ed;color:#0c805c}
html[data-effective-theme="light"] .solution-icon{background:#eaf4fc;color:#1f78af;margin-bottom:18px}
html[data-effective-theme="light"] .solution-card h3{font-size:20px;color:#123856}
html[data-effective-theme="light"] .solution-card>strong{color:#206d9c;font-size:12px}
html[data-effective-theme="light"] .solution-card p{color:#60798c;font-size:12px;max-width:420px}
html[data-effective-theme="light"] .solution-card>a{color:#136daa}
html[data-effective-theme="light"] .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html[data-effective-theme="light"] .feature-card{
  display:grid;grid-template-columns:54px minmax(0,1fr);gap:0 15px;
  align-content:start;padding:24px;background:#fff;border-color:#dbe6ef;border-radius:8px;
  box-shadow:0 7px 18px rgba(34,73,109,.045);
}
html[data-effective-theme="light"] .feature-card .icon{
  grid-row:1/3;margin:0;background:#eaf4fb;color:#1e76af;width:46px;height:46px;
}
html[data-effective-theme="light"] .feature-card h3{color:#173e5c;margin:1px 0 6px}
html[data-effective-theme="light"] .feature-card p{color:#668197}
html[data-effective-theme="light"] .video-card,
html[data-effective-theme="light"] .activation-card{
  background:#fff;border-color:#d8e4ee;box-shadow:0 9px 25px rgba(30,66,96,.055);
}
html[data-effective-theme="light"] .video-card h3,
html[data-effective-theme="light"] .activation-step span{color:#173c5b}
html[data-effective-theme="light"] .video-card p,
html[data-effective-theme="light"] .activation-card p{color:#647e90}
html[data-effective-theme="light"] .activation-card p strong{color:#234d72}
html[data-effective-theme="light"] .activation-card p a{color:#126bad}
html[data-effective-theme="light"] .activation-email-card{border-color:#9fc9df;background:#f6fbff}
html[data-effective-theme="light"] .activation-step b{background:#1e77b6}
html[data-effective-theme="light"] .activation-help{
  background:#fff;border-color:#d4e2ed;color:#536f86;
}
html[data-effective-theme="light"] .about-copy,
html[data-effective-theme="light"] .download-card,
html[data-effective-theme="light"] .contact-card{
  background:#fff;border:1px solid #d6e4ee;border-radius:8px;
  box-shadow:0 10px 36px rgba(34,80,112,.055);
}
html[data-effective-theme="light"] .about-copy:before{color:#1d6fa8}
html[data-effective-theme="light"] .workflow span{color:#294f6c}
html[data-effective-theme="light"] .download-meta span{border-color:#d9e6ef;color:#5e7e93;background:#f6faff}
html[data-effective-theme="light"] .social-panel{border-color:#d9e4ed}
html[data-effective-theme="light"] .social-panel-title{color:#55728a}
html[data-effective-theme="light"] .social-links-v2 a{
  color:#214968;background:#f6fafe;border-color:#dce7ef;
}
html[data-effective-theme="light"] .social-links-v2 a:hover{background:#eaf4fc}
html[data-effective-theme="light"] .social-links-v2 .social-icon{background:#e5f2fb;color:#2073aa}
html[data-effective-theme="light"] .site-footer{background:#eff4f8;border-color:#d7e3ed}
html[data-effective-theme="light"] .footer-wrap p{color:#6d8494}
html[data-effective-theme="light"] .video-note{color:#658095}
html[data-effective-theme="light"] .demo-modal-panel{background:#fff;border-color:#c9dae7;color:#173d59}
html[data-effective-theme="light"] .demo-modal-head span{color:#1d7ab6}
html[data-effective-theme="light"] .demo-close{background:#f0f6fa;border-color:#cedfea;color:#215478}

/* RTL: logical layouts, without mirroring CAD footage or the drawing coordinates. */
html[data-effective-theme="engineering"] .rtl-page .cinema-copy,
html[data-effective-theme="light"] .rtl-page .cinema-copy{text-align:right}
html[data-effective-theme="engineering"] .rtl-page .cinema-actions,
html[data-effective-theme="light"] .rtl-page .cinema-actions{justify-content:flex-start}
html[data-effective-theme="light"] .rtl-page .solutions-section .section-heading{text-align:right;margin-right:0}
html[data-effective-theme="light"] .rtl-page .feature-card .icon{margin:0}
html[data-effective-theme="engineering"] .rtl-page .demo-frame{transform:perspective(1450px) rotateY(3deg)}
html[data-effective-theme="light"] .rtl-page .cinema-product .cinema-callout{direction:rtl}
html[data-effective-theme="light"] .rtl-page .social-panel{border-color:#dce7ef}
html[data-effective-theme="light"] .rtl-page .solution-status{left:18px;right:auto}

/* Responsive changes — every theme remains a valid single-column experience. */
@media(max-width:1050px){
  html[data-effective-theme="engineering"] .hero-cinema,
  html[data-effective-theme="light"] .hero-cinema{grid-template-columns:1fr;gap:32px}
  html[data-effective-theme="engineering"] .hero-cinematic,
  html[data-effective-theme="light"] .hero-cinematic{padding:54px 0 35px}
  html[data-effective-theme="engineering"] .cinema-copy,
  html[data-effective-theme="light"] .cinema-copy{text-align:center}
  html[data-effective-theme="engineering"] .cinema-copy .hero-variant p,
  html[data-effective-theme="light"] .cinema-copy .hero-variant p{margin-inline:auto}
  html[data-effective-theme="engineering"] .cinema-actions,
  html[data-effective-theme="light"] .cinema-actions{justify-content:center}
  html[data-effective-theme="engineering"] .cinema-product,
  html[data-effective-theme="light"] .cinema-product{max-width:840px;width:100%;margin:0 auto;padding:14px 0 0}
  html[data-effective-theme="engineering"] .demo-frame{transform:none}
  html[data-effective-theme="engineering"] .system-rail,
  html[data-effective-theme="light"] .system-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  html[data-effective-theme="engineering"] .rail-title,
  html[data-effective-theme="light"] .rail-title{grid-column:1/-1}
  html[data-effective-theme="light"] .solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-effective-theme="light"] .rtl-page .cinema-copy{text-align:center}
  html[data-effective-theme="engineering"] .rtl-page .cinema-copy{text-align:center}
  html[data-effective-theme="engineering"] .rtl-page .cinema-actions,
  html[data-effective-theme="light"] .rtl-page .cinema-actions{justify-content:center}
}
@media(max-width:700px){
  .cinema-copy .hero-variant p{font-size:14px}
  html[data-effective-theme="engineering"] .hero-cinematic .cinema-copy h1,
  html[data-effective-theme="light"] .hero-cinematic .cinema-copy h1{
    font-size:clamp(37px,10vw,51px);letter-spacing:-1.7px;line-height:1.08}
  html[data-effective-theme="engineering"] .system-rail,
  html[data-effective-theme="light"] .system-rail{grid-template-columns:1fr}
  html[data-effective-theme="engineering"] .rail-title,
  html[data-effective-theme="light"] .rail-title{grid-column:auto}
  html[data-effective-theme="light"] .solutions-grid,
  html[data-effective-theme="light"] .feature-grid{grid-template-columns:1fr}
  html[data-effective-theme="light"] .feature-card{grid-template-columns:48px minmax(0,1fr);padding:20px}
  html[data-effective-theme="engineering"] .cinema-callout,
  html[data-effective-theme="light"] .cinema-callout{display:none}
  html[data-effective-theme="light"] .solution-card{padding:22px;min-height:215px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .appearance-trigger,.appearance-option,.social-links a{transition:none!important}
}

/* V11.1 — Approved CSP brand geometry + a unified vector appearance control.
   This layer intentionally leaves every original route, section and behavior intact. */
.cadsmart-brand { direction:ltr; gap:12px; flex:0 0 auto; }
.cadsmart-brand .cadsmart-mark {
  display:block; position:relative; width:90px; height:36px; flex:0 0 90px;
  background:none!important; border-radius:0; box-shadow:none!important;
  color:inherit; font-size:0; overflow:visible;
}
.cadsmart-brand .cadsmart-mark .csp-logo-img {
  display:block; width:100%; height:100%; object-fit:contain; border-radius:0;
  position:absolute; inset:0;
}
.cadsmart-brand .cadsmart-mark .csp-logo-light { display:none; }
html[data-effective-theme="light"] .cadsmart-brand .cadsmart-mark .csp-logo-dark { display:none; }
html[data-effective-theme="light"] .cadsmart-brand .cadsmart-mark .csp-logo-light { display:block; }
.cadsmart-brand .brand-text strong {
  font-size:19px; font-weight:800; letter-spacing:-.48px; white-space:nowrap;
}
.cadsmart-brand .brand-text strong span { color:#48A9FA; }
html[data-effective-theme="light"] .cadsmart-brand .brand-text strong span { color:#187AE5; }
.cadsmart-brand .brand-text small { max-width:none; white-space:nowrap; font-size:9px; letter-spacing:.68px; margin-top:5px; }
html[lang="ar"] .cadsmart-brand .brand-text small { letter-spacing:0; font-size:10px; }
.footer-brand.cadsmart-brand .cadsmart-mark { width:75px; flex-basis:75px; height:31px; }
.footer-brand.cadsmart-brand .brand-text strong { font-size:16px; }
.footer-brand.cadsmart-brand .brand-text small { font-size:8px; }

.appearance-trigger-icon svg, .appearance-swatch svg, .appearance-check svg {
  display:block; width:20px; height:20px; stroke:currentColor;
}
.appearance-trigger-icon { background:transparent; border:1px solid var(--appearance-outline); }
html[data-appearance="light"] .appearance-trigger-icon { background:#EBF6FF; color:#1E70BD; }
html[data-appearance="engineering"] .appearance-trigger-icon { background:#173E57; color:#81D5FF; }
html[data-appearance="cinematic"] .appearance-trigger-icon { background:#112C47; color:#65CFFF; }
.appearance-swatch { border-radius:10px; }
.appearance-swatch svg { width:21px; height:21px; }
.appearance-check { display:grid; place-items:center; }
.appearance-check svg { width:17px; height:17px; stroke-width:2.7px; }
.swatch-auto { background:linear-gradient(90deg,#10223A 48%,#E8F4FF 48%); color:#5CCAF8; }
.swatch-cinematic { background:linear-gradient(145deg,#07121D,#153C65); color:#69D6FF; }
.swatch-engineering { background:linear-gradient(135deg,#0A2237,#1C4768); color:#8CCCFF; }
.swatch-light { background:linear-gradient(145deg,#F7FBFF,#DFEEFA); color:#2D83C5; }
.appearance-option:focus-visible { outline:2px solid var(--appearance-highlight); outline-offset:1px; }

/* Keep the header balanced with the longer CSP mark across desktop and mobile. */
@media(min-width:1131px) {
  .nav-wrap { gap:clamp(9px,1.1vw,16px); }
  .main-nav { gap:clamp(7px,.65vw,13px); }
}
@media(max-width:520px) {
  .cadsmart-brand { gap:8px; }
  .cadsmart-brand .cadsmart-mark { width:67px; flex-basis:67px; height:30px; }
  .cadsmart-brand .brand-text strong { font-size:15px; }
  .cadsmart-brand .brand-text small { display:none; }
  .footer-brand.cadsmart-brand .cadsmart-mark { width:67px; flex-basis:67px; }
}
@media(max-width:365px) {
  .cadsmart-brand { gap:6px; }
  .cadsmart-brand .cadsmart-mark { width:48px; flex-basis:48px; height:23px; }
  .cadsmart-brand .brand-text strong { font-size:12px; letter-spacing:-.5px; }
  .appearance-trigger { min-height:36px; }
  .nav-actions>.menu-toggle { width:38px; height:38px; }
}