/* Bentheim IT Professional Theme Engine v5
   Controlled responsive renderer for software, web, backup and security themes. */

:root{
 --theme-primary:#58cce8;
 --theme-accent:#65d39b;
 --theme-background:#071725;
 --theme-surface:#0e2436;
 --theme-surface_alt:#102b3f;
 --theme-text:#f5f9fc;
 --theme-muted:#9eb2c1;
}

body{
 background:
   radial-gradient(circle at 78% 4%,color-mix(in srgb,var(--theme-primary) 8%,transparent),transparent 30%),
   var(--theme-background);
 color:var(--theme-text);
}

.topbar{
 background:color-mix(in srgb,var(--theme-background) 93%,transparent)!important;
 border-bottom:1px solid color-mix(in srgb,var(--theme-primary) 12%,transparent)!important;
 backdrop-filter:blur(18px);
}
.brand-mark{
 background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent))!important;
 color:#061522!important;
 box-shadow:0 9px 28px color-mix(in srgb,var(--theme-primary) 16%,transparent);
}
.topbar nav a{transition:color .18s,background .18s}
.topbar nav a:hover{
 color:var(--theme-text)!important;
 background:color-mix(in srgb,var(--theme-primary) 8%,transparent);
}
.btn.primary,.scan-card .go{
 border-color:transparent!important;
 background:linear-gradient(105deg,var(--theme-primary),color-mix(in srgb,var(--theme-primary) 74%,var(--theme-accent)))!important;
 color:#061522!important;
 box-shadow:0 14px 34px color-mix(in srgb,var(--theme-primary) 18%,transparent);
}
.btn.secondary{
 border-color:color-mix(in srgb,var(--theme-primary) 25%,transparent)!important;
 background:color-mix(in srgb,var(--theme-surface) 72%,transparent)!important;
 color:var(--theme-text)!important;
}
.eyebrow{color:var(--theme-primary)!important}

/* ---------------- Hero ---------------- */
.professional-theme-hero{
 position:relative;
 display:grid!important;
 grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr)!important;
 gap:clamp(42px,6vw,96px)!important;
 align-items:center!important;
 max-width:1500px!important;
 min-height:690px!important;
 padding-top:clamp(72px,8vw,126px)!important;
 padding-bottom:clamp(68px,7vw,110px)!important;
 isolation:isolate;
}
.professional-theme-hero::before{
 content:"";
 position:absolute;
 inset:4% -4% 6% 45%;
 z-index:-2;
 border-radius:50%;
 background:radial-gradient(circle,color-mix(in srgb,var(--theme-primary) 15%,transparent),transparent 67%);
 filter:blur(22px);
 pointer-events:none;
}
.professional-theme-hero .hero-copy{max-width:760px}
.professional-theme-hero .hero-copy>.eyebrow{
 display:inline-flex;
 align-items:center;
 gap:9px;
 margin-bottom:18px;
 font-size:11px!important;
 font-weight:900;
 letter-spacing:.11em;
}
.professional-theme-hero .hero-copy>.eyebrow::before{
 content:"";
 width:30px;height:1px;background:currentColor;
}
.professional-theme-hero h1{
 max-width:800px!important;
 margin:0!important;
 font-size:clamp(48px,5.25vw,82px)!important;
 line-height:.99!important;
 letter-spacing:-.058em!important;
 text-wrap:balance;
}
.professional-theme-hero .hero-copy>p{
 max-width:650px;
 margin-top:24px!important;
 color:var(--theme-muted)!important;
 font-size:clamp(16px,1.35vw,20px)!important;
 line-height:1.7!important;
}
.professional-theme-hero .actions{
 display:flex;
 flex-wrap:wrap;
 gap:12px!important;
 margin-top:30px!important;
}
.professional-theme-hero .actions .btn{
 min-height:52px;
 padding:13px 18px!important;
 border-radius:10px!important;
 font-size:13px!important;
 font-weight:850!important;
}
.professional-theme-hero .trust{
 display:flex!important;
 flex-wrap:wrap;
 gap:8px 16px!important;
 margin-top:27px!important;
 color:color-mix(in srgb,var(--theme-muted) 90%,white)!important;
 font-size:11px!important;
}
.professional-theme-hero .trust span{
 display:inline-flex;align-items:center;gap:4px;
}

/* ---------------- Theme visual base ---------------- */
.professional-theme-stage{
 position:relative;
 min-height:500px!important;
 display:grid!important;
 place-items:center!important;
 padding:0!important;
 border:0!important;
 background:transparent!important;
 box-shadow:none!important;
 overflow:visible!important;
}
.professional-theme-stage::before{
 content:"";
 position:absolute;
 width:88%;
 aspect-ratio:1;
 border-radius:50%;
 background:radial-gradient(circle,color-mix(in srgb,var(--theme-primary) 13%,transparent),transparent 67%);
 filter:blur(18px);
}
.theme-visual{
 position:relative;
 z-index:2;
 width:min(100%,620px);
 min-height:440px;
}

/* Software visual */
.theme-visual-software{display:grid;place-items:center}
.dev-window{
 width:92%;
 border:1px solid color-mix(in srgb,var(--theme-primary) 26%,transparent);
 border-radius:20px;
 overflow:hidden;
 background:linear-gradient(145deg,color-mix(in srgb,var(--theme-surface) 94%,#000),color-mix(in srgb,var(--theme-background) 90%,#000));
 box-shadow:0 38px 90px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.04);
 transform:perspective(1200px) rotateY(-4deg) rotateX(2deg);
}
.dev-window-bar{
 height:52px;display:flex;align-items:center;gap:7px;padding:0 16px;
 border-bottom:1px solid color-mix(in srgb,var(--theme-primary) 14%,transparent);
 background:rgba(255,255,255,.018)
}
.dev-window-bar>span{width:8px;height:8px;border-radius:50%;background:#42596a}
.dev-window-bar>span:first-child{background:#ff7f87}
.dev-window-bar>span:nth-child(2){background:#ffc566}
.dev-window-bar>span:nth-child(3){background:#67d7a1}
.dev-window-bar b{margin-left:8px;color:#6f8899;font-size:9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:600}
.dev-shell{display:grid;grid-template-columns:58px 1fr;min-height:330px}
.dev-sidebar{
 display:flex;flex-direction:column;align-items:center;gap:17px;padding-top:24px;
 border-right:1px solid color-mix(in srgb,var(--theme-primary) 11%,transparent);
 background:rgba(3,15,24,.35)
}
.dev-sidebar i{width:18px;height:18px;border:1px solid #345064;border-radius:5px}
.dev-sidebar i.active{border-color:var(--theme-primary);background:color-mix(in srgb,var(--theme-primary) 18%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--theme-primary) 20%,transparent)}
.dev-main{display:grid;grid-template-rows:1fr auto;padding:26px}
.dev-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.dev-code small{display:block;margin-bottom:18px;color:#6e8898;font-size:9px}
.dev-code p{display:flex;gap:13px;margin:11px 0;color:#adc0cd;font-size:11px}
.dev-code em{width:20px;color:#405a6d;font-style:normal}
.dev-code .kw{color:var(--theme-primary)}
.dev-code .kw.accent{color:var(--theme-accent)}
.dev-code .sym{color:#657e90}
.dev-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dev-metrics article{
 position:relative;padding:11px;border:1px solid color-mix(in srgb,var(--theme-primary) 13%,transparent);border-radius:8px;background:rgba(255,255,255,.018);overflow:hidden
}
.dev-metrics span,.dev-metrics strong{display:block}
.dev-metrics span{color:#617a8b;font-size:7px;font-weight:900;letter-spacing:.08em}
.dev-metrics strong{margin-top:4px;color:#dceaf1;font-size:9px}
.dev-metrics i{position:absolute;left:0;bottom:0;width:80%;height:2px;background:linear-gradient(90deg,var(--theme-primary),transparent)}
.float-chip{
 position:absolute;display:grid;place-items:center;min-width:56px;height:34px;padding:0 10px;
 border:1px solid color-mix(in srgb,var(--theme-primary) 28%,transparent);border-radius:999px;
 background:color-mix(in srgb,var(--theme-surface) 88%,transparent);color:var(--theme-text);
 font-size:9px;font-weight:900;box-shadow:0 14px 30px rgba(0,0,0,.23);
 animation:themeFloat 5s ease-in-out infinite;
}
.chip-api{left:-1%;top:25%}
.chip-ai{right:-2%;top:18%;animation-delay:-1.8s}
.chip-cloud{right:2%;bottom:20%;animation-delay:-3.1s}
@keyframes themeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* Backup visual */
.theme-visual-backup{display:grid;place-items:center}
.backup-map{position:relative;width:90%;display:grid;gap:18px}
.backup-map article{
 position:relative;padding:17px 18px;border:1px solid color-mix(in srgb,var(--theme-primary) 22%,transparent);
 border-radius:13px;background:linear-gradient(145deg,var(--theme-surface),color-mix(in srgb,var(--theme-surface_alt) 75%,transparent));
 box-shadow:0 18px 40px rgba(0,0,0,.18)
}
.backup-map article span,.backup-map article strong{display:block}
.backup-map article span{color:var(--theme-muted);font-size:8px;font-weight:900;letter-spacing:.09em}
.backup-map article strong{margin-top:4px;font-size:17px}
.backup-map article b{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--theme-accent);font-size:9px}
.status-dot{position:absolute;right:17px;top:19px;width:8px;height:8px;border-radius:50%;background:var(--theme-accent);box-shadow:0 0 14px var(--theme-accent)}
.backup-flow{position:relative;height:25px;margin:-8px 0}
.backup-flow::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed color-mix(in srgb,var(--theme-primary) 45%,transparent)}
.backup-flow i{position:absolute;left:calc(50% - 3px);top:0;width:6px;height:6px;border-radius:50%;background:var(--theme-primary);animation:backupFlow 2.2s linear infinite}
.backup-flow i:nth-child(2){animation-delay:-.7s}.backup-flow i:nth-child(3){animation-delay:-1.4s}
@keyframes backupFlow{from{transform:translateY(0);opacity:0}15%{opacity:1}to{transform:translateY(25px);opacity:0}}
.backup-score{
 position:absolute;right:-2%;bottom:-16px;width:155px;padding:13px;border:1px solid color-mix(in srgb,var(--theme-accent) 26%,transparent);
 border-radius:12px;background:color-mix(in srgb,var(--theme-surface) 96%,transparent);box-shadow:0 20px 45px rgba(0,0,0,.32)
}
.backup-score small{display:block;color:var(--theme-muted);font-size:8px}.backup-score strong{font-size:30px}.backup-score span{color:var(--theme-muted);font-size:9px}.backup-score>i{display:block;height:4px;margin-top:8px;border-radius:4px;background:#243d4d;overflow:hidden}.backup-score>i>b{display:block;width:92%;height:100%;background:linear-gradient(90deg,var(--theme-primary),var(--theme-accent))}

/* Browser / web visual */
.theme-visual-browser{display:grid;place-items:center}
.browser-frame{
 width:88%;border:1px solid color-mix(in srgb,var(--theme-primary) 24%,transparent);border-radius:17px;overflow:hidden;
 background:var(--theme-surface);box-shadow:0 34px 80px rgba(0,0,0,.3);transform:rotate(-1deg)
}
.browser-bar{height:42px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid color-mix(in srgb,var(--theme-primary) 12%,transparent)}
.browser-bar i{width:7px;height:7px;border-radius:50%;background:#4e6677}.browser-bar span{margin-left:10px;color:#6f8695;font-size:8px}
.browser-page{min-height:305px;padding:35px;background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--theme-primary) 18%,transparent),transparent 35%),var(--theme-background)}
.browser-page small{color:var(--theme-primary);font-size:7px;font-weight:900}.browser-page>strong{display:block;max-width:340px;margin:8px 0;font-size:31px;line-height:1.02;letter-spacing:-.045em}.browser-btn{display:block;width:90px;height:26px;margin-top:15px;border-radius:6px;background:var(--theme-primary)}
.browser-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:35px}.browser-cards i{height:58px;border:1px solid color-mix(in srgb,var(--theme-primary) 15%,transparent);border-radius:8px;background:color-mix(in srgb,var(--theme-surface_alt) 75%,transparent)}
.phone-frame{
 position:absolute;right:0;bottom:10px;width:120px;height:235px;padding:25px 12px 12px;border:1px solid color-mix(in srgb,var(--theme-accent) 28%,transparent);
 border-radius:24px;background:linear-gradient(145deg,#081722,#10283a);box-shadow:0 28px 60px rgba(0,0,0,.36);transform:rotate(5deg)
}
.phone-notch{position:absolute;top:8px;left:50%;width:42px;height:7px;transform:translateX(-50%);border-radius:6px;background:#020b11}
.phone-frame span{display:block;width:65%;height:5px;background:var(--theme-primary);border-radius:4px}.phone-frame strong{display:block;width:90%;height:35px;margin-top:12px;background:#dfeaf0;border-radius:5px;opacity:.85}.phone-frame p{height:4px;margin:14px 0 6px;background:#496274;border-radius:3px}.phone-frame i{display:block;height:32px;margin-top:8px;border:1px solid #29485c;border-radius:5px}

/* Security visual */
.theme-visual-security{display:grid;place-items:center}
.security-grid{position:relative;width:88%;height:390px}
.shield-core{
 position:absolute;left:50%;top:50%;z-index:3;display:grid;place-items:center;width:150px;height:170px;transform:translate(-50%,-50%);
 clip-path:polygon(50% 0,92% 16%,87% 67%,50% 100%,13% 67%,8% 16%);
 background:linear-gradient(145deg,color-mix(in srgb,var(--theme-primary) 22%,var(--theme-surface)),var(--theme-surface));
 border:1px solid var(--theme-primary);box-shadow:0 0 60px color-mix(in srgb,var(--theme-primary) 17%,transparent)
}
.shield-core span,.shield-core strong,.shield-core small{display:block}.shield-core span{font-size:8px;color:var(--theme-muted)}.shield-core strong{font-size:38px;color:var(--theme-primary)}.shield-core small{font-size:9px}
.security-grid article{position:absolute;width:115px;padding:11px;border:1px solid #2a4a5e;border-radius:9px;background:var(--theme-surface)}
.security-grid article span,.security-grid article b{display:block}.security-grid article span{font-size:7px;color:var(--theme-muted)}.security-grid article b{margin-top:4px;font-size:12px}
.security-grid article:nth-of-type(1){left:4%;top:15%}.security-grid article:nth-of-type(2){right:3%;top:13%}.security-grid article:nth-of-type(3){left:2%;bottom:16%}.security-grid article:nth-of-type(4){right:2%;bottom:15%}

/* Generic orbit */
.theme-visual-orbit{display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid color-mix(in srgb,var(--theme-primary) 18%,transparent);border-radius:50%;animation:orbitSpin 22s linear infinite}.ring-a{width:300px;height:300px}.ring-b{width:420px;height:420px;animation-direction:reverse}.orbit-core{display:grid;place-items:center;width:115px;height:115px;border-radius:30px;background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent));color:#061522;font-size:24px;font-weight:950;box-shadow:0 0 70px color-mix(in srgb,var(--theme-primary) 22%,transparent)}.orbit-node{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--theme-primary);box-shadow:0 0 14px var(--theme-primary)}.node-1{left:15%;top:23%}.node-2{right:14%;top:34%}.node-3{right:26%;bottom:8%;background:var(--theme-accent)}.node-4{left:18%;bottom:24%}@keyframes orbitSpin{to{transform:rotate(360deg)}}

/* ---------------- New themed story ---------------- */
.professional-theme-story{
 position:relative;
 border-top:1px solid color-mix(in srgb,var(--theme-primary) 10%,transparent);
}
.theme-stats-band{
 padding:0 24px;
 background:linear-gradient(90deg,color-mix(in srgb,var(--theme-surface_alt) 85%,var(--theme-background)),var(--theme-surface));
 border-bottom:1px solid color-mix(in srgb,var(--theme-primary) 12%,transparent);
}
.theme-stats-band>div{
 width:min(1340px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr)
}
.theme-stats-band article{padding:22px 28px;border-right:1px solid color-mix(in srgb,var(--theme-primary) 10%,transparent)}
.theme-stats-band article:last-child{border-right:0}.theme-stats-band strong,.theme-stats-band span{display:block}.theme-stats-band strong{font-size:14px}.theme-stats-band span{margin-top:3px;color:var(--theme-muted);font-size:10px}
.theme-capabilities,.theme-process,.theme-final-cta{
 width:min(1340px,calc(100% - 48px))!important;
 margin:auto!important;
 padding-top:clamp(72px,8vw,112px)!important;
 padding-bottom:clamp(72px,8vw,112px)!important;
}
.theme-section-intro{max-width:820px;margin-bottom:35px}.theme-section-intro h2{max-width:850px;margin:7px 0 12px;font-size:clamp(36px,4.2vw,58px);line-height:1.03;letter-spacing:-.045em}.theme-section-intro p{max-width:700px;margin:0;color:var(--theme-muted);font-size:15px;line-height:1.7}
.theme-cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.theme-cap-card{
 position:relative;min-height:245px;padding:23px;border:1px solid color-mix(in srgb,var(--theme-primary) 13%,transparent);
 border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--theme-surface) 94%,transparent),color-mix(in srgb,var(--theme-surface_alt) 72%,transparent));
 overflow:hidden;transition:transform .18s,border-color .18s
}
.theme-cap-card::after{content:"";position:absolute;width:130px;height:130px;right:-50px;bottom:-65px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--theme-primary) 12%,transparent),transparent 70%)}
.theme-cap-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--theme-primary) 32%,transparent)}
.theme-cap-card>span{position:absolute;right:18px;top:16px;color:#506a7c;font-size:9px;font-weight:900}.theme-cap-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:34px;border:1px solid color-mix(in srgb,var(--theme-primary) 25%,transparent);border-radius:10px;background:color-mix(in srgb,var(--theme-primary) 8%,transparent);color:var(--theme-primary);font-size:17px}.theme-cap-card h3{margin:0 0 8px;font-size:18px}.theme-cap-card p{margin:0;color:var(--theme-muted);font-size:12px;line-height:1.65}
.theme-process{border-top:1px solid color-mix(in srgb,var(--theme-primary) 8%,transparent)}
.theme-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid color-mix(in srgb,var(--theme-primary) 13%,transparent)}
.theme-process-step{position:relative;display:grid;grid-template-columns:auto 1fr;gap:14px;padding:28px 23px;border-right:1px solid color-mix(in srgb,var(--theme-primary) 13%,transparent)}
.theme-process-step:last-child{border-right:0}.theme-process-step>span{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:color-mix(in srgb,var(--theme-primary) 9%,transparent);color:var(--theme-primary);font-size:10px;font-weight:900}.theme-process-step h3{margin:1px 0 6px;font-size:15px}.theme-process-step p{margin:0;color:var(--theme-muted);font-size:11px;line-height:1.6}
.theme-final-cta{
 display:flex;align-items:center;justify-content:space-between;gap:38px;
 margin-bottom:clamp(70px,8vw,110px)!important;
 padding:40px!important;border:1px solid color-mix(in srgb,var(--theme-primary) 22%,transparent);
 border-radius:18px;background:radial-gradient(circle at 88% 20%,color-mix(in srgb,var(--theme-primary) 18%,transparent),transparent 30%),linear-gradient(145deg,var(--theme-surface),var(--theme-surface_alt))
}
.theme-final-cta>div{max-width:760px}.theme-final-cta h2{margin:6px 0 10px;font-size:clamp(30px,3.6vw,48px);line-height:1.05;letter-spacing:-.04em}.theme-final-cta p{margin:0;color:var(--theme-muted);font-size:14px;line-height:1.65}.theme-final-cta>.btn{flex:0 0 auto;min-height:50px;padding:12px 18px}
.theme-generic-hidden{display:none!important}

/* Focused scan section should feel like part of the theme */
body[data-theme-variant="software"] #scans,
body[data-theme-variant="backup"] #scans,
body[data-theme-variant="webdev"] #scans,
body[data-theme-variant="security"] #scans{
 border-top:1px solid color-mix(in srgb,var(--theme-primary) 9%,transparent);
}
.scan-card{
 border-color:color-mix(in srgb,var(--theme-primary) 13%,transparent)!important;
 background:linear-gradient(145deg,color-mix(in srgb,var(--theme-surface) 92%,transparent),color-mix(in srgb,var(--theme-surface_alt) 68%,transparent))!important;
}

/* ---------------- Responsive/mobile ---------------- */
@media(max-width:1080px){
 .professional-theme-hero{
  grid-template-columns:1fr 430px!important;
  gap:38px!important;
 }
 .professional-theme-hero h1{font-size:clamp(46px,6vw,68px)!important}
 .theme-cap-grid{grid-template-columns:repeat(2,1fr)}
 .theme-process-grid{grid-template-columns:1fr 1fr}
 .theme-process-step:nth-child(2){border-right:0}
 .theme-process-step{border-bottom:1px solid color-mix(in srgb,var(--theme-primary) 13%,transparent)}
}

@media(max-width:820px){
 .professional-theme-hero{
  grid-template-columns:1fr!important;
  min-height:auto!important;
  padding-top:66px!important;
  padding-bottom:58px!important;
 }
 .professional-theme-hero .hero-copy{max-width:none}
 .professional-theme-stage{
  min-height:400px!important;
  margin-top:5px;
 }
 .theme-visual{min-height:370px}
 .theme-stats-band>div{grid-template-columns:1fr}
 .theme-stats-band article{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--theme-primary) 10%,transparent)}
 .theme-stats-band article:last-child{border-bottom:0}
 .theme-final-cta{align-items:flex-start;flex-direction:column}
 .theme-final-cta>.btn{width:100%}
}

@media(max-width:620px){
 .professional-theme-hero{
  width:min(100% - 30px,1500px)!important;
  padding-top:45px!important;
  padding-bottom:45px!important;
 }
 .professional-theme-hero h1{
  font-size:clamp(38px,12vw,54px)!important;
  line-height:1.01!important;
 }
 .professional-theme-hero .hero-copy>p{font-size:15px!important}
 .professional-theme-hero .actions{display:grid!important;grid-template-columns:1fr}
 .professional-theme-hero .actions .btn{width:100%;text-align:center}
 .professional-theme-hero .trust{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
 .professional-theme-stage{min-height:325px!important}
 .theme-visual{min-height:300px}
 .dev-window{width:100%;transform:none;border-radius:14px}
 .dev-window-bar{height:42px}
 .dev-shell{grid-template-columns:42px 1fr;min-height:250px}
 .dev-main{padding:16px}
 .dev-code p{gap:7px;font-size:8px}
 .dev-metrics{grid-template-columns:1fr 1fr}.dev-metrics article:last-child{display:none}
 .float-chip{display:none}
 .browser-frame{width:100%}.browser-page{min-height:235px;padding:24px}.browser-page>strong{font-size:25px}
 .phone-frame{right:-2px;width:91px;height:180px}
 .backup-map{width:100%}.backup-score{right:0;width:130px}
 .theme-capabilities,.theme-process,.theme-final-cta{
  width:min(100% - 30px,1340px)!important;
  padding-top:62px!important;
  padding-bottom:62px!important;
 }
 .theme-section-intro h2{font-size:36px}
 .theme-cap-grid,.theme-process-grid{grid-template-columns:1fr}
 .theme-cap-card{min-height:auto}
 .theme-process-step{border-right:0}
 .theme-final-cta{padding:24px!important;margin-bottom:65px!important}
}

@media(prefers-reduced-motion:reduce){
 .float-chip,.backup-flow i,.orbit-ring{animation:none!important}
}


/* ============================================================
   v9 DESIGN ARCHETYPES — themes must differ in composition
   ============================================================ */

/* Copy right: visual left, text right */
body[data-theme-hero-layout="copy-right"] .professional-theme-hero .hero-copy{order:2}
body[data-theme-hero-layout="copy-right"] .professional-theme-hero .professional-theme-stage{order:1}

/* Centered hero */
body[data-theme-hero-layout="centered"] .professional-theme-hero{
 grid-template-columns:1fr!important;
 text-align:center;
}
body[data-theme-hero-layout="centered"] .professional-theme-hero .hero-copy{
 max-width:980px;margin-inline:auto;
}
body[data-theme-hero-layout="centered"] .professional-theme-hero .hero-copy>p{margin-inline:auto}
body[data-theme-hero-layout="centered"] .professional-theme-hero .actions,
body[data-theme-hero-layout="centered"] .professional-theme-hero .trust{justify-content:center}
body[data-theme-hero-layout="centered"] .professional-theme-stage{min-height:390px!important}
body[data-theme-hero-layout="centered"] .theme-visual{min-height:360px;max-width:760px}

/* Stacked product hero */
body[data-theme-hero-layout="stacked"] .professional-theme-hero{
 grid-template-columns:1fr!important;
}
body[data-theme-hero-layout="stacked"] .professional-theme-hero .hero-copy{max-width:950px}
body[data-theme-hero-layout="stacked"] .professional-theme-stage{min-height:420px!important}
body[data-theme-hero-layout="stacked"] .theme-visual{width:min(100%,980px)}

/* Split editorial */
body[data-theme-archetype="split-editorial"] .professional-theme-hero{
 border-bottom:1px solid color-mix(in srgb,var(--theme-primary) 14%,transparent);
}
body[data-theme-archetype="split-editorial"] .professional-theme-hero h1{
 font-family:Georgia,"Times New Roman",serif!important;font-weight:500;letter-spacing:-.045em!important;
}
body[data-theme-archetype="split-editorial"] .theme-cap-grid{grid-template-columns:1.2fr .8fr .8fr}
body[data-theme-archetype="split-editorial"] .theme-cap-card:first-child{grid-row:span 2;min-height:502px}
body[data-theme-archetype="split-editorial"] .theme-cap-card:first-child h3{font-size:28px}

/* Dashboard product */
body[data-theme-archetype="dashboard-product"]{
 background:linear-gradient(180deg,var(--theme-background),color-mix(in srgb,var(--theme-background) 92%,#071d32));
}
body[data-theme-archetype="dashboard-product"] .professional-theme-hero{
 grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr)!important;
}
body[data-theme-archetype="dashboard-product"] .professional-theme-stage{
 padding:18px!important;border:1px solid color-mix(in srgb,var(--theme-primary) 12%,transparent)!important;
 border-radius:26px;background:color-mix(in srgb,var(--theme-surface) 62%,transparent)!important;
}
body[data-theme-archetype="dashboard-product"] .theme-cap-card{border-radius:10px}

/* Asymmetric bento */
body[data-theme-archetype="asymmetric-bento"] .theme-cap-grid{
 grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto);
}
body[data-theme-archetype="asymmetric-bento"] .theme-cap-card:nth-child(1),
body[data-theme-archetype="asymmetric-bento"] .theme-cap-card:nth-child(6){grid-column:span 2}
body[data-theme-archetype="asymmetric-bento"] .theme-cap-card:nth-child(2){grid-row:span 2}
body[data-theme-archetype="asymmetric-bento"] .theme-cap-card{border-radius:22px}

/* Minimal luxe */
body[data-theme-archetype="minimal-luxe"] .professional-theme-hero::before{opacity:.25}
body[data-theme-archetype="minimal-luxe"] .professional-theme-hero h1{font-weight:580!important;letter-spacing:-.065em!important}
body[data-theme-archetype="minimal-luxe"] .theme-cap-grid{gap:0;border-top:1px solid color-mix(in srgb,var(--theme-primary) 15%,transparent)}
body[data-theme-archetype="minimal-luxe"] .theme-cap-card{
 border:0!important;border-right:1px solid color-mix(in srgb,var(--theme-primary) 12%,transparent)!important;
 border-bottom:1px solid color-mix(in srgb,var(--theme-primary) 12%,transparent)!important;
 border-radius:0!important;background:transparent!important;box-shadow:none!important;
}

/* Grid tech */
body[data-theme-archetype="grid-tech"]::before{
 content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background-image:linear-gradient(color-mix(in srgb,var(--theme-primary) 4%,transparent) 1px,transparent 1px),
 linear-gradient(90deg,color-mix(in srgb,var(--theme-primary) 4%,transparent) 1px,transparent 1px);
 background-size:46px 46px;
}
body[data-theme-archetype="grid-tech"] .theme-cap-card{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);border-radius:5px}

/* Glass console */
body[data-theme-archetype="glass-console"] .theme-cap-card,
body[data-theme-archetype="glass-console"] .theme-final-cta{
 backdrop-filter:blur(18px);background:color-mix(in srgb,var(--theme-surface) 68%,transparent)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.05),0 22px 50px rgba(0,0,0,.16);
}
body[data-theme-archetype="glass-console"] .professional-theme-stage{filter:drop-shadow(0 25px 70px color-mix(in srgb,var(--theme-primary) 16%,transparent))}

/* Modular enterprise */
body[data-theme-archetype="modular-enterprise"] .theme-cap-grid{grid-template-columns:repeat(2,1fr)}
body[data-theme-archetype="modular-enterprise"] .theme-cap-card{display:grid;grid-template-columns:62px 1fr;column-gap:16px;min-height:190px}
body[data-theme-archetype="modular-enterprise"] .theme-cap-card .theme-cap-icon{grid-row:1/4;margin:0}
body[data-theme-archetype="modular-enterprise"] .theme-cap-card h3,
body[data-theme-archetype="modular-enterprise"] .theme-cap-card p{grid-column:2}

/* Bold product */
body[data-theme-archetype="bold-product"] .professional-theme-hero h1{
 font-size:clamp(56px,6.6vw,104px)!important;line-height:.89!important;
}
body[data-theme-archetype="bold-product"] .professional-theme-hero .hero-copy>p{max-width:560px}
body[data-theme-archetype="bold-product"] .theme-cap-grid{grid-template-columns:repeat(2,1fr)}
body[data-theme-archetype="bold-product"] .theme-cap-card:nth-child(odd){transform:translateY(18px)}
body[data-theme-archetype="bold-product"] .theme-final-cta{border-radius:32px!important}

/* Section layouts */
body[data-theme-section-layout="bento"] .theme-cap-grid{grid-template-columns:repeat(4,1fr)}
body[data-theme-section-layout="bento"] .theme-cap-card:nth-child(1),
body[data-theme-section-layout="bento"] .theme-cap-card:nth-child(4){grid-column:span 2}
body[data-theme-section-layout="alternating"] .theme-cap-grid{display:flex;flex-direction:column}
body[data-theme-section-layout="alternating"] .theme-cap-card{width:72%;min-height:180px}
body[data-theme-section-layout="alternating"] .theme-cap-card:nth-child(even){align-self:flex-end}
body[data-theme-section-layout="editorial"] .theme-cap-grid{grid-template-columns:1fr 1fr}
body[data-theme-section-layout="editorial"] .theme-cap-card{min-height:210px;border-left:3px solid var(--theme-primary)}

@media(max-width:900px){
 body[data-theme-archetype] .professional-theme-hero{grid-template-columns:1fr!important}
 body[data-theme-archetype="asymmetric-bento"] .theme-cap-grid,
 body[data-theme-section-layout="bento"] .theme-cap-grid{grid-template-columns:1fr 1fr}
 body[data-theme-archetype="split-editorial"] .theme-cap-grid{grid-template-columns:1fr 1fr}
 body[data-theme-archetype="split-editorial"] .theme-cap-card:first-child{grid-row:auto;min-height:245px}
}
@media(max-width:620px){
 body[data-theme-archetype="asymmetric-bento"] .theme-cap-grid,
 body[data-theme-section-layout="bento"] .theme-cap-grid,
 body[data-theme-archetype="split-editorial"] .theme-cap-grid,
 body[data-theme-archetype="modular-enterprise"] .theme-cap-grid,
 body[data-theme-archetype="bold-product"] .theme-cap-grid,
 body[data-theme-section-layout="editorial"] .theme-cap-grid{grid-template-columns:1fr}
 body[data-theme-archetype="asymmetric-bento"] .theme-cap-card{grid-column:auto!important;grid-row:auto!important}
 body[data-theme-section-layout="alternating"] .theme-cap-card{width:100%;align-self:auto!important}
 body[data-theme-archetype="bold-product"] .theme-cap-card:nth-child(odd){transform:none}
 body[data-theme-archetype="modular-enterprise"] .theme-cap-card{display:block}
 body[data-theme-archetype="modular-enterprise"] .theme-cap-card .theme-cap-icon{margin-bottom:22px}
}

/* v11 visual designer variables */
:root{
 --theme-container-width:1340px;
 --theme-hero-height:690px;
 --theme-radius:14px;
 --theme-shadow-strength:.18;
 --theme-button-radius:10px;
 --theme-font-scale:1;
 --theme-section-spacing:100px;
 --theme-logo-height:42px;
}
html{font-size:calc(16px * var(--theme-font-scale))}
.section{width:min(var(--theme-container-width),calc(100% - 48px))!important}
.professional-theme-hero{max-width:var(--theme-container-width)!important;min-height:var(--theme-hero-height)!important}
.theme-capabilities,.theme-process,.theme-final-cta{width:min(var(--theme-container-width),calc(100% - 48px))!important;padding-top:var(--theme-section-spacing)!important;padding-bottom:var(--theme-section-spacing)!important}
.theme-cap-card,.scan-card,.theme-final-cta{border-radius:var(--theme-radius)!important}
.btn,.scan-card .go{border-radius:var(--theme-button-radius)!important}
.theme-cap-card,.theme-final-cta,.professional-theme-stage{box-shadow:0 22px 60px rgba(0,0,0,var(--theme-shadow-strength))}
.brand img.theme-brand-logo{display:block;width:auto;max-width:220px;height:var(--theme-logo-height);object-fit:contain}
.brand.has-theme-logo .brand-mark,.brand.has-theme-logo b{display:none!important}

/* card style */
body[data-theme-card-style="outline"] .theme-cap-card{background:transparent!important;box-shadow:none!important}
body[data-theme-card-style="glass"] .theme-cap-card{background:color-mix(in srgb,var(--theme-surface) 65%,transparent)!important;backdrop-filter:blur(18px)}
/* density */
body[data-theme-density="compact"] .theme-cap-card{padding:17px;min-height:190px}
body[data-theme-density="spacious"] .theme-cap-card{padding:30px;min-height:285px}


/* v11.2 — stronger designer differentiation */
body[data-theme-hero-layout="copy-left"] .professional-theme-hero{
 grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)!important;
}
body[data-theme-hero-layout="copy-right"] .professional-theme-hero{
 grid-template-columns:minmax(420px,.95fr) minmax(0,1.05fr)!important;
}
body[data-theme-archetype="minimal-luxe"] .professional-theme-stage{
 border:0!important;background:transparent!important;box-shadow:none!important;
}
body[data-theme-archetype="grid-tech"] .professional-theme-hero{
 border:1px solid color-mix(in srgb,var(--theme-primary) 13%,transparent);
 border-radius:6px;padding-inline:clamp(24px,4vw,70px)!important;
}
body[data-theme-archetype="glass-console"] .professional-theme-hero{
 border:1px solid color-mix(in srgb,var(--theme-primary) 16%,transparent);
 border-radius:28px;background:color-mix(in srgb,var(--theme-surface) 48%,transparent);
 backdrop-filter:blur(22px);
 padding-inline:clamp(24px,4vw,60px)!important;
}
body[data-theme-archetype="bold-product"] .professional-theme-hero{
 min-height:max(var(--theme-hero-height),760px)!important;
}
body[data-theme-section-layout="alternating"] .theme-cap-grid{
 display:flex!important;flex-direction:column!important;
}
body[data-theme-section-layout="alternating"] .theme-cap-card:nth-child(odd){
 align-self:flex-start!important;
}
body[data-theme-section-layout="alternating"] .theme-cap-card:nth-child(even){
 align-self:flex-end!important;
}