/* TechScales frontend architecture layer.
   Purpose: one responsive source of truth loaded after legacy CSS.
   It fixes root causes from competing historical cascades: duplicate header
   offsets, hero padding systems, card dimensions, grids, and z-index layering.
   Scope: frontend structure only. No content, routing, forms, data, or provider
   behavior is changed here. */

:root{
  --ts-header-desktop:82px;
  --ts-mobile-header:172px;
  --ts-page-gutter:clamp(16px,4vw,44px);
  --ts-container:1420px;
  --ts-container-narrow:920px;
  --ts-space-hero-mobile:clamp(50px,12vw,60px);
  --ts-space-hero-tablet:clamp(34px,5vw,52px);
  --ts-space-hero-desktop:clamp(112px,7vw,136px);
  --ts-section-mobile:clamp(42px,10vw,56px);
  --ts-section-tablet:clamp(56px,8vw,78px);
  --ts-section-desktop:clamp(72px,6vw,104px);
  --ts-card-pad-mobile:clamp(12px,3.4vw,16px);
  --ts-card-pad-desktop:clamp(18px,1.8vw,24px);
  --ts-card-radius:18px;
  --ts-card-border:1px solid rgba(101,211,227,.15);
  --ts-card-bg:linear-gradient(145deg,rgba(15,29,44,.86),rgba(7,15,26,.94));
  --ts-card-shadow:0 18px 44px rgba(0,0,0,.22);
  --ts-grid-gap:clamp(12px,1.8vw,20px);
  --ts-layer-background:0;
  --ts-layer-overlay:1;
  --ts-layer-visual:2;
  --ts-layer-content:3;
}

/* Owner QA round: production visual and interaction stabilization */
.demo-agent-grid{align-items:stretch}
.demo-agent-card{display:flex;flex-direction:column;gap:14px}
.demo-visual{position:relative;min-height:170px;border:1px solid rgba(96,235,255,.22);border-radius:24px;background:radial-gradient(circle at 25% 20%,rgba(73,231,255,.2),transparent 28%),linear-gradient(145deg,rgba(5,23,34,.94),rgba(2,8,17,.98));overflow:hidden;isolation:isolate}
.demo-visual::before{content:"";position:absolute;inset:14px;border:1px solid rgba(117,244,255,.12);border-radius:18px}
.demo-pulse{position:absolute;width:9px;height:9px;border-radius:50%;background:#62f6ff;box-shadow:0 0 22px #62f6ff;animation:tsPulse 2.8s ease-in-out infinite}.demo-pulse.p1{left:20%;top:24%}.demo-pulse.p2{right:18%;bottom:22%;animation-delay:1.2s}
.demo-message,.demo-ai-core,.demo-call,.handoff,.voice-answer,.booking-state{position:absolute;border:1px solid rgba(122,237,255,.2);background:rgba(2,16,26,.72);backdrop-filter:blur(10px);border-radius:14px;color:#dffbff;font-size:12px;font-weight:700;padding:8px 10px}.demo-message{left:16px;top:20px;animation:tsSlideIn 4.2s ease-in-out infinite}.demo-ai-core{left:50%;top:48%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:18px;color:#06131b;background:#75f4ff;box-shadow:0 0 45px rgba(72,238,255,.42)}.demo-cards{position:absolute;right:14px;top:18px;display:grid;gap:7px}.demo-cards i,.lead-fields i{display:block;border-radius:10px;background:rgba(84,223,255,.12);border:1px solid rgba(91,226,255,.2);padding:6px 9px;font-style:normal;font-size:11px;color:#b8eef5;animation:tsFadeRise 3.8s ease-in-out infinite}.demo-cards i:nth-child(2){animation-delay:.35s}.demo-cards i:nth-child(3){animation-delay:.7s}.demo-call{right:18px;bottom:18px}
.chat-dot{position:absolute;left:20px;top:28px;width:36px;height:24px;border-radius:14px;background:#62f6ff;box-shadow:0 0 24px rgba(98,246,255,.45);animation:tsSlideIn 3.5s infinite}.chat-line{position:absolute;left:68px;height:10px;border-radius:999px;background:rgba(188,246,255,.5);animation:tsTyping 3.5s infinite}.chat-line.one{top:30px;width:48%}.chat-line.two{top:50px;width:34%;animation-delay:.2s}.lead-fields{position:absolute;left:18px;bottom:18px;display:flex;gap:6px;flex-wrap:wrap}.handoff{right:18px;bottom:18px}
.wave{position:absolute;left:18px;right:18px;top:36px;height:58px;display:flex;align-items:center;justify-content:center;gap:8px}.wave i{width:8px;border-radius:999px;background:linear-gradient(#78f6ff,#238dff);animation:tsWave 1.15s ease-in-out infinite}.wave i:nth-child(1){height:24px}.wave i:nth-child(2){height:48px;animation-delay:.1s}.wave i:nth-child(3){height:34px;animation-delay:.2s}.wave i:nth-child(4){height:56px;animation-delay:.3s}.wave i:nth-child(5){height:28px;animation-delay:.4s}.transcript-line{position:absolute;left:20px;right:20px;top:108px;height:12px;border-radius:999px;background:linear-gradient(90deg,rgba(115,244,255,.7),rgba(115,244,255,.08));animation:tsTyping 2.8s infinite}.voice-answer{left:18px;bottom:18px}.booking-state{right:18px;bottom:18px}
.demo-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto}.demo-actions .text-link{justify-content:flex-start;min-height:40px}
.partner-system-map{position:relative;margin:24px 0 22px;min-height:320px;border:1px solid rgba(92,232,255,.18);border-radius:30px;background:radial-gradient(circle at 50% 50%,rgba(80,235,255,.16),transparent 30%),linear-gradient(145deg,rgba(3,18,28,.94),rgba(2,7,15,.98));overflow:hidden}.partner-system-map svg{position:absolute;inset:0;width:100%;height:100%}.partner-path{fill:none;stroke:url(#partnerLine);stroke-width:1.4;stroke-dasharray:8 10;opacity:.55;animation:tsDash 8s linear infinite}.partner-map-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid rgba(114,246,255,.5);background:rgba(3,20,30,.82);box-shadow:0 0 70px rgba(67,226,255,.22)}.partner-map-core strong{font-size:20px}.partner-map-core span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#8eefff}
.partner-node{position:absolute;z-index:2;border:1px solid rgba(124,238,255,.24);background:rgba(7,26,38,.78);border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800;color:#dffbff;box-shadow:0 0 22px rgba(67,226,255,.1);animation:tsFloat 4.8s ease-in-out infinite}.node-1{left:8%;top:12%}.node-2{left:36%;top:8%;animation-delay:.2s}.node-3{right:14%;top:14%;animation-delay:.4s}.node-4{left:10%;top:46%;animation-delay:.6s}.node-5{right:8%;top:48%;animation-delay:.8s}.node-6{left:18%;bottom:13%;animation-delay:1s}.node-7{left:43%;bottom:9%;animation-delay:1.2s}.node-8{right:17%;bottom:15%;animation-delay:1.4s}.node-9{right:37%;top:29%;animation-delay:1.6s}
.partner-data-stream i{position:absolute;width:6px;height:6px;border-radius:50%;background:#62f6ff;box-shadow:0 0 18px #62f6ff;animation:tsOrbitDot 6s linear infinite}.partner-data-stream i:nth-child(1){left:18%;top:24%}.partner-data-stream i:nth-child(2){right:22%;top:36%;animation-delay:1s}.partner-data-stream i:nth-child(3){left:34%;bottom:18%;animation-delay:2s}.partner-data-stream i:nth-child(4){right:32%;bottom:26%;animation-delay:3s}
.delivery-flow-visual{position:relative;margin:20px 0 26px;padding:26px;border:1px solid rgba(100,230,255,.18);border-radius:28px;background:linear-gradient(145deg,rgba(6,23,35,.92),rgba(2,8,16,.96));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;overflow:hidden}.delivery-flow-line{position:absolute;left:40px;right:40px;top:50%;height:2px;background:rgba(114,238,255,.18)}.delivery-flow-line i{display:block;width:22%;height:100%;background:#63efff;box-shadow:0 0 20px #63efff;animation:tsFlowLine 5.5s ease-in-out infinite}.delivery-flow-stage{position:relative;z-index:1;min-height:130px;border:1px solid rgba(115,237,255,.18);border-radius:18px;background:rgba(4,18,29,.86);padding:16px;display:grid;align-content:center;gap:6px}.delivery-flow-stage span{color:#6ff4ff;font-weight:900}.delivery-flow-stage strong{font-size:16px}.delivery-flow-stage small{color:#a8bdc8}.delivery-flow-output{position:relative;z-index:1;grid-column:1/-1;justify-self:center;border-radius:999px;background:rgba(99,239,255,.14);border:1px solid rgba(99,239,255,.32);padding:10px 18px;color:#dffcff;font-weight:900}
.planner-structured-response{display:grid;gap:14px}.planner-structured-response h4{margin:0 0 5px;color:#7df6ff;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.planner-structured-response p{margin:0}.planner-structured-response ul{margin:0;padding-left:18px;display:grid;gap:6px}.planner-module-chips{display:flex;flex-wrap:wrap;gap:7px}.planner-module-chips span{border:1px solid rgba(117,239,255,.22);border-radius:999px;padding:6px 10px;background:rgba(94,226,255,.08);font-size:12px}.consultant-shell{width:min(100%,1120px);margin-inline:auto}.consultant-body{min-height:420px}.chat-stream{min-height:390px;max-height:58dvh;overflow-y:auto;overflow-x:hidden}.consultant-compose textarea{min-height:46px;max-height:120px}
.services-mega,.industries-mega,.ai-agents-mega,.workflows-mega{left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(1180px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;max-height:min(72vh,680px);overflow-y:auto;overflow-x:hidden;padding:18px!important;z-index:1005}.services-mega-grid,.ai-mega-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:14px!important}.menu-service,.ai-mega-card{min-width:0}.menu-subservice{word-break:normal;overflow-wrap:anywhere}
.language-suggestion-sheet{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:1400;width:min(520px,calc(100vw - 28px));border:1px solid rgba(110,239,255,.28);border-radius:20px;background:rgba(4,16,26,.96);box-shadow:0 24px 80px rgba(0,0,0,.45);padding:16px;color:#e8fbff}.language-suggestion-sheet p{margin:0 0 12px}.language-suggestion-sheet div{display:flex;gap:8px;flex-wrap:wrap}.language-suggestion-sheet button,.footer-language-select select{border:1px solid rgba(110,239,255,.24);background:rgba(90,226,255,.08);color:#e8fbff;border-radius:999px;padding:8px 12px}.footer-language-select{margin-top:12px;display:grid;gap:6px}
.voice-recommendations [data-voice-recommendations]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.voice-recommendations label{min-height:44px;border:1px solid rgba(119,239,255,.18);border-radius:14px;background:rgba(91,224,255,.07);padding:10px 12px;cursor:pointer;display:flex;align-items:center;gap:10px}.voice-recommendations input{flex:0 0 auto}.modal-card,.system-modal{max-width:min(1050px,calc(100vw - 28px));max-height:90dvh;overflow-y:auto;overflow-x:hidden}
@keyframes tsPulse{0%,100%{transform:scale(.8);opacity:.55}50%{transform:scale(1.25);opacity:1}}@keyframes tsSlideIn{0%,100%{transform:translateY(0);opacity:.75}50%{transform:translateY(8px);opacity:1}}@keyframes tsFadeRise{0%,100%{transform:translateY(8px);opacity:.45}45%,70%{transform:translateY(0);opacity:1}}@keyframes tsTyping{0%{transform:scaleX(.25);transform-origin:left;opacity:.45}45%,100%{transform:scaleX(1);transform-origin:left;opacity:1}}@keyframes tsWave{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}@keyframes tsDash{to{stroke-dashoffset:-120}}@keyframes tsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes tsOrbitDot{0%,100%{transform:translate(0,0);opacity:.45}50%{transform:translate(34px,-18px);opacity:1}}@keyframes tsFlowLine{0%{transform:translateX(0);width:12%}45%{width:55%}100%{transform:translateX(360%);width:12%}}
@media (max-width:700px){.demo-actions{grid-template-columns:1fr}.partner-system-map{min-height:430px}.partner-node{font-size:11px;padding:7px 10px}.node-1{left:5%;top:8%}.node-2{left:42%;top:5%}.node-3{right:5%;top:17%}.node-4{left:4%;top:38%}.node-5{right:4%;top:39%}.node-6{left:5%;bottom:20%}.node-7{left:36%;bottom:9%}.node-8{right:5%;bottom:18%}.node-9{right:25%;top:28%}.delivery-flow-visual{grid-template-columns:1fr;padding:16px}.delivery-flow-line{display:none}.delivery-flow-stage{min-height:auto}.consultant-body{min-height:65dvh}.chat-stream{min-height:48dvh;max-height:58dvh}.voice-recommendations [data-voice-recommendations]{grid-template-columns:1fr}.services-mega,.industries-mega,.ai-agents-mega,.workflows-mega{display:none!important}}
@media (prefers-reduced-motion:reduce){.demo-pulse,.demo-cards i,.chat-dot,.chat-line,.wave i,.transcript-line,.partner-path,.partner-node,.partner-data-stream i,.delivery-flow-line i{animation:none!important}}

/* Owner review: workflow/AI demo/forms/language refinements */
.language-select-label{
  display:inline-flex;
  align-items:center;
}
.language-select-label select{
  min-height:34px;
  border:1px solid rgba(101,211,227,.28);
  border-radius:12px;
  background:rgba(7,15,25,.72);
  color:var(--text,#eef7fb);
  padding:0 28px 0 10px;
  font:inherit;
  font-size:.82rem;
}
.nav-actions .language-select-label select{
  max-width:112px;
}
@media (min-width:1024px){
  #site-header .nav-wrap{
    width:min(calc(100% - 32px),1460px);
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:clamp(14px,1.8vw,28px);
  }
  #site-header .brand{
    width:clamp(128px,10vw,156px);
  }
  #site-header .desktop-nav{
    margin:0;
    justify-content:center;
    gap:clamp(10px,1.05vw,17px);
    min-width:0;
  }
  #site-header .desktop-nav a,
  #site-header .desktop-nav button,
  #site-header .desktop-nav .services-directory-link,
  #site-header .desktop-nav .industries-directory-link,
  #site-header .desktop-nav .ai-directory-link{
    white-space:nowrap;
    font-size:clamp(10px,.78vw,12px);
  }
  #site-header .nav-actions{
    justify-self:end;
    margin:0;
    gap:8px;
    flex-wrap:nowrap;
    min-width:max-content;
  }
  #site-header .nav-actions .btn,
  #site-header .nav-actions .nav-ai,
  #site-header .nav-actions .my-system-control{
    min-height:36px;
    padding:7px 10px;
    font-size:11px;
  }
  #site-header .nav-actions .language-select-label select{
    max-width:96px;
    min-height:34px;
  }
}

/* Owner QA final cascade guard */
.services-mega,.industries-mega,.ai-agents-mega,.workflows-mega{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:calc(var(--ts-header-desktop,82px) + 10px)!important;
  transform:translate(-50%,-8px)!important;
  width:min(1400px,calc(100vw - 48px))!important;
  max-width:calc(100vw - 48px)!important;
  max-height:calc(100dvh - var(--ts-header-desktop,82px) - 28px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  z-index:1005!important;
}
.services-menu-wrap.open>.services-mega,
.industries-menu-wrap.open>.industries-mega,
.ai-menu-wrap.open>.ai-agents-mega,
.workflows-menu-wrap.open>.workflows-mega{
  transform:translate(-50%,0)!important;
}
@media (max-width:700px){
  .services-mega,.industries-mega,.ai-agents-mega,.workflows-mega{display:none!important}
}
.mobile-secondary-nav .language-select-label{
  grid-column:1/-1;
}
.mobile-secondary-nav .language-select-label select{
  width:100%;
}
.workflows-mega .services-mega-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.workflows-mega .menu-subservice{
  line-height:1.25;
}
.homepage-live-demos .agent-card,
.ai-agent-demos .agent-card,
.workflow-grid .agent-card{
  min-height:auto;
}
.workflow-card-actions,
.form-end{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.workflow-card-actions button{
  border:1px solid rgba(101,211,227,.24);
  border-radius:999px;
  background:rgba(12,29,44,.72);
  color:var(--text,#eef7fb);
  padding:.62rem .85rem;
  cursor:pointer;
}
.workflow-card-actions button:hover,
.workflow-card-actions button:focus-visible{
  border-color:rgba(101,211,227,.64);
  box-shadow:0 0 0 3px rgba(101,211,227,.12);
}
.form-attachment-preview{
  margin:.45rem 0 .8rem;
}
.voice-reply-form{
  display:grid;
  gap:8px;
  margin:12px 0;
  padding:12px;
  border:1px solid rgba(101,211,227,.18);
  border-radius:14px;
  background:rgba(6,20,31,.74);
}
.voice-reply-form label{
  color:#b8cad6;
  font-size:.9rem;
  font-weight:700;
}
.voice-reply-form textarea{
  width:100%;
  min-height:82px;
  resize:vertical;
  border:1px solid rgba(101,211,227,.24);
  border-radius:10px;
  background:#071823;
  color:#eef8fb;
  padding:10px 12px;
}
.voice-reply-form>div{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.voice-reply-form button{
  min-height:40px;
  padding:8px 12px;
  border:1px solid #326c79;
  border-radius:9px;
  background:#0a202b;
  color:#c8f3f6;
  cursor:pointer;
}
.voice-recommendations label{
  justify-content:flex-start;
  text-align:left;
}
.voice-recommendations input{
  flex:0 0 auto;
}
.booking-intake .btn-secondary{
  margin-left:.35rem;
}
.ai-agent-request .request-layout,
.workflow-request .request-layout{
  align-items:start;
}
@media (max-width:760px){
  .workflows-mega .services-mega-grid{
    grid-template-columns:1fr;
  }
  .homepage-live-demos .agent-grid,
  .ai-agent-demos .agent-grid,
  .workflow-grid{
    gap:12px;
  }
  .workflow-card-actions button{
    width:100%;
    justify-content:center;
  }
  .booking-intake .btn-secondary{
    margin-left:0;
  }
}

/* Owner Review #4 production stabilization: dropdown parity, unique page motion,
   compact scale, contact/booking field clarity and Planner attachment chips. */
.services-menu-wrap,
.industries-menu-wrap,
.ai-menu-wrap{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  gap:4px;
}
.services-directory-link,
.industries-directory-link,
.ai-directory-link{
  display:inline-flex!important;
  align-items:center;
  min-height:38px;
  padding:0 2px;
  color:#b6c0cd;
  font-size:12px;
  font-weight:700;
}
.services-trigger,
.industries-trigger,
.ai-trigger{
  display:grid!important;
  place-items:center;
  width:28px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  border:1px solid rgba(101,211,227,.24)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.025)!important;
  color:#98edf4!important;
  cursor:pointer;
  transition:border-color .18s ease,background-color .18s ease,transform .18s ease!important;
}
.services-trigger span,
.industries-trigger span,
.ai-trigger span{
  font-size:10px!important;
  line-height:1!important;
  transform:translateY(-1px);
}
.services-menu-wrap.open .services-trigger,
.industries-menu-wrap.open .industries-trigger,
.ai-menu-wrap.open .ai-trigger,
.services-trigger:hover,
.industries-trigger:hover,
.ai-trigger:hover,
.services-trigger:focus-visible,
.industries-trigger:focus-visible,
.ai-trigger:focus-visible{
  border-color:rgba(101,211,227,.68)!important;
  background:rgba(46,196,214,.09)!important;
}
.services-menu-wrap.open .services-trigger span,
.industries-menu-wrap.open .industries-trigger span,
.ai-menu-wrap.open .ai-trigger span{
  transform:rotate(180deg);
}
.services-mega,
.industries-mega,
.ai-agents-mega{
  position:absolute;
  left:50%;
  top:calc(100% + 18px);
  z-index:80;
  width:min(1040px,calc(100vw - 40px));
  padding:16px;
  border:1px solid rgba(101,211,227,.22);
  border-radius:18px;
  background:rgba(7,15,25,.98);
  box-shadow:0 28px 80px rgba(0,0,0,.5);
  backdrop-filter:blur(22px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,-8px);
  transition:opacity .22s ease,visibility .22s ease,transform .22s ease!important;
}
.services-menu-wrap.open>.services-mega,
.industries-menu-wrap.open>.industries-mega,
.ai-menu-wrap.open>.ai-agents-mega{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate(-50%,0)!important;
}
.ai-mega-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.ai-menu-link{
  display:grid!important;
  gap:8px;
  min-height:86px;
  padding:14px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(22,38,56,.72),rgba(8,17,28,.88));
}
.ai-menu-link span{
  color:#60dbe7;
  font-family:var(--font-primary);
  font-size:10px;
}
.ai-menu-link strong{
  color:#e8f7fb;
  font-size:14px;
}
.ai-menu-link svg{
  width:14px;
}
.ai-mega-foot{
  display:flex;
  justify-content:space-between;
  gap:18px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.08);
}
.ai-mega-foot a,
.ai-mega-foot button{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  border:0;
  background:none;
  color:#9ee9ef;
  font-size:13px;
  cursor:pointer;
}
main .page-hero,
main .industry-directory-hero,
main .industry-detail-hero{
  min-height:auto!important;
  padding-top:clamp(128px,10vw,166px)!important;
  padding-bottom:clamp(56px,5.8vw,82px)!important;
}
main .hero{
  min-height:auto!important;
  padding-top:clamp(132px,10vw,160px)!important;
  padding-bottom:clamp(50px,5vw,72px)!important;
}
main .section{
  padding-top:clamp(46px,5vw,76px)!important;
  padding-bottom:clamp(46px,5vw,76px)!important;
}
main .page-hero+.section,
main .industry-directory-hero+.section,
main .industry-detail-hero+.section{
  padding-top:clamp(36px,4vw,58px)!important;
}
main .capability-panel,
main .service-feature,
main .services-hub-preview,
main .home-industry-card,
main .industry-card,
main .project-card,
main .agent-card,
main .hub-service-card,
main .system-library-card,
main .related-industry-card,
main .contact-form,
main .process-deliverables article{
  padding:clamp(16px,1.45vw,24px)!important;
}
main .service-feature{
  padding-block:clamp(34px,4vw,54px)!important;
}
main .capability-panels,
main .agent-grid,
main .project-grid,
main .featured-industry-grid,
main .hub-service-grid{
  gap:clamp(10px,1vw,16px)!important;
}
main .deliver-hero:before,
main .about-hero:before,
main .contact-hero:before,
main .industries-hero:before{
  content:"";
  position:absolute;
  right:clamp(32px,7vw,120px);
  top:clamp(112px,11vw,160px);
  width:clamp(220px,28vw,420px);
  height:clamp(190px,23vw,330px);
  border:1px solid rgba(93,220,232,.22);
  border-radius:28px;
  background:
    radial-gradient(circle at 26% 28%,rgba(82,229,235,.26),transparent 24%),
    linear-gradient(135deg,rgba(13,48,68,.72),rgba(4,13,24,.78));
  opacity:.92;
  pointer-events:none;
  animation:ownerHeroFloat 7s ease-in-out infinite;
}
main .deliver-hero:before{clip-path:polygon(10% 8%,90% 0,100% 74%,22% 100%,0 42%);animation-name:ownerHeroDrift}
main .about-hero:before{border-radius:34% 66% 46% 54%;animation-name:ownerHeroPulse}
main .contact-hero:before{border-radius:22px;background:linear-gradient(135deg,rgba(23,70,91,.82),rgba(7,20,33,.88)),radial-gradient(circle at 80% 20%,rgba(94,230,237,.34),transparent 32%)}
main .industries-hero:before{background:radial-gradient(circle at 50% 50%,rgba(69,213,224,.24),transparent 50%),linear-gradient(90deg,rgba(9,34,51,.9),rgba(4,12,23,.82))}
main .ai-agent-hero .ai-hero-fallback,
main .ai-agent-hero .ai-hero-video,
main .work-hero .work-hero-fallback{
  opacity:.9!important;
  transform:none!important;
  clip-path:none!important;
}
main .work-hero .work-display{
  animation:ownerWorkOrbit 6s ease-in-out infinite!important;
}
main .work-hero .work-display:nth-of-type(2){animation-delay:.35s!important}
main .work-hero .work-display:nth-of-type(3){animation-delay:.7s!important}
main .work-hero .work-display:nth-of-type(4){animation-delay:1.05s!important}
main .ai-agent-hero .flow-node{
  animation:ownerHeroPulse 3.4s ease-in-out infinite!important;
}
main .ai-agent-hero .voice-entry{
  animation:ownerHeroFloat 5s ease-in-out infinite!important;
}
main .ai-agent-hero .faq-list,
main .faq-list{
  max-width:min(100% - 32px,980px);
  margin-left:auto;
  margin-right:auto;
}
.contact-aside a span svg,
.contact-aside button span svg{
  width:18px;
  height:18px;
}
.contact-aside a,
.contact-aside button{
  min-width:0;
}
.contact-aside strong{
  overflow-wrap:anywhere;
}
.booking-intake{
  margin:14px 0 8px;
  padding:14px;
  border:1px solid rgba(91,213,226,.18);
  border-radius:14px;
  background:rgba(5,18,29,.6);
}
.booking-intake select,
.booking-intake input{
  width:100%;
  min-height:42px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:10px;
  background:#06121d;
  color:#fff;
}
.planner-attachment-preview{
  grid-column:1/-1;
  width:100%;
}
.planner-attachment-preview[hidden]{
  display:none!important;
}
.planner-attachment-chip-card,
.planner-message-attachment{
  display:flex;
  align-items:center;
  gap:10px;
  max-width:min(100%,420px);
  margin-top:8px;
  padding:9px 10px;
  border:1px solid rgba(94,221,231,.24);
  border-radius:13px;
  background:rgba(8,24,36,.92);
  color:#dff8fb;
}
.planner-attachment-thumb,
.planner-message-attachment>span{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  flex:0 0 40px;
  border:1px solid rgba(94,221,231,.22);
  border-radius:10px;
  background:rgba(46,196,214,.08);
  color:#91edf4;
  font-size:10px;
  font-weight:800;
}
.planner-attachment-chip-card div,
.planner-message-attachment div{
  min-width:0;
}
.planner-attachment-chip-card strong,
.planner-message-attachment strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.planner-attachment-chip-card small,
.planner-message-attachment small{
  color:#8fa7b5;
  font-size:11px;
}
.planner-attachment-chip-card button{
  width:28px;
  height:28px;
  margin-left:auto;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  background:rgba(255,255,255,.03);
  color:#dff8fb;
  cursor:pointer;
}
main .process-deliverables .eyebrow{
  white-space:nowrap;
  font-size:clamp(9px,1.8vw,11px)!important;
  letter-spacing:.08em!important;
}
@keyframes ownerHeroFloat{50%{transform:translate3d(0,-12px,0) scale(1.018)}}
@keyframes ownerHeroDrift{50%{transform:translate3d(-10px,8px,0) rotate(2deg)}}
@keyframes ownerHeroPulse{50%{transform:scale(1.045);filter:drop-shadow(0 0 18px rgba(76,221,231,.22))}}
@keyframes ownerWorkOrbit{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(8px,-10px,0) rotate(2deg)}}
@media(max-width:1180px){
  .desktop-nav{gap:14px!important}
  .services-mega,.industries-mega,.ai-agents-mega{width:min(940px,calc(100vw - 26px))}
  .ai-mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1023px){
  .services-mega,.industries-mega,.ai-agents-mega{display:none!important}
  main .services-hero:before,
  main .deliver-hero:before,
  main .about-hero:before,
  main .contact-hero:before,
  main .industries-hero:before{
    position:absolute;
    display:block;
    inset:auto clamp(16px,5vw,34px) clamp(22px,7vw,42px) auto;
    width:clamp(126px,38vw,220px);
    height:clamp(108px,31vw,190px);
    margin:0;
    z-index:0;
    opacity:.38;
  }
  main .services-hero>.container,
  main .deliver-hero>.container,
  main .about-hero>.container,
  main .contact-hero>.container,
  main .industries-hero>.container{position:relative;z-index:2}
}
@media(max-width:760px){
  main .hero{
    padding-top:calc(var(--mobile-direct-header-height,138px) + 18px)!important;
    padding-bottom:36px!important;
  }
  main .page-hero,
  main .industry-directory-hero,
  main .industry-detail-hero{
    padding-top:calc(var(--mobile-direct-header-height,138px) + 24px)!important;
    padding-bottom:36px!important;
  }
  main .hero .eyebrow,
  main .page-hero .eyebrow{
    margin-top:0!important;
  }
  main .section{
    padding-top:38px!important;
    padding-bottom:38px!important;
  }
  main .capability-panel,
  main .service-feature,
  main .services-hub-preview,
  main .home-industry-card,
  main .industry-card,
  main .project-card,
  main .agent-card,
  main .hub-service-card,
  main .system-library-card,
  main .related-industry-card,
  main .contact-form,
  main .process-deliverables article{
    padding:14px!important;
  }
  main .service-feature,
  main .services-hub-preview{
    gap:14px!important;
  }
  .mobile-primary-nav button[data-mobile-mega]{
    position:relative;
    z-index:3;
    pointer-events:auto!important;
  }
  .mobile-primary-nav button[data-mobile-mega]::after{
    content:" ▼";
    font-size:9px;
    color:#75dce6;
  }
  .mobile-primary-nav button[data-mobile-mega].active::after{
    content:" ▲";
  }
  .mobile-mega-panel{
    z-index:95!important;
  }
  .planner-attachment-chip-card{
    max-width:100%;
  }
  .contact-requirement-form .form-grid,
  .booking-intake .form-grid{
    grid-template-columns:1fr!important;
  }
  main .process-deliverables .eyebrow{
    white-space:nowrap!important;
    font-size:9px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  main .services-hero:before,
  main .deliver-hero:before,
  main .about-hero:before,
  main .contact-hero:before,
  main .industries-hero:before,
  main .work-hero .work-display,
  main .ai-agent-hero .flow-node,
  main .ai-agent-hero .voice-entry{
    animation:none!important;
  }
}

html{
  scroll-padding-top:calc(var(--ts-mobile-header) + 14px)!important;
}

html,
body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}

body{
  min-width:0!important;
}

main,
#app{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}

/* Containers: one width model across every route. */
main .container,
main .narrow,
main .hero-grid,
main .page-hero .container,
main .service-detail-hero .container,
main .industry-directory-hero .container,
main .industry-detail-hero .container,
main .system-detail-hero .container,
main .agent-detail-hero .container,
main .work-hero .container,
main .system-hero-grid,
main .request-layout,
main .contact-layout,
main .contact-grid{
  width:min(var(--ts-container),calc(100% - (var(--ts-page-gutter) * 2)))!important;
  max-width:var(--ts-container)!important;
  min-width:0!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}

main .narrow,
main .section-heading.centered,
main .section-heading:not(.split){
  max-width:min(var(--ts-container-narrow),calc(100% - (var(--ts-page-gutter) * 2)))!important;
}

/* Header: sticky mobile header participates in layout; heroes must not add it again. */
@media(max-width:1023px){
  #site-header{
    position:sticky!important;
    top:0!important;
    z-index:1000!important;
    width:100%!important;
    height:auto!important;
    min-height:calc(58px + env(safe-area-inset-top,0px))!important;
    max-height:none!important;
    overflow:visible!important;
    background:rgba(8,13,22,.97)!important;
    border-bottom:1px solid rgba(101,211,227,.16)!important;
    backdrop-filter:blur(18px)!important;
  }

  #site-header>.nav-wrap,
  .menu-toggle,
  .mobile-menu,
  .mobile-menu-backdrop{
    display:none!important;
  }

  .mobile-direct-header{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }

  .mobile-direct-top,
  .mobile-navigation-drawer{
    width:min(calc(100% - 24px),420px)!important;
    margin-inline:auto!important;
    padding-inline:0!important;
  }

  .mobile-direct-top{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    min-height:48px!important;
  }

  .mobile-direct-brand{
    width:clamp(72px,20vw,88px)!important;
    max-width:88px!important;
  }

  .mobile-direct-brand img{
    width:100%!important;
    height:auto!important;
    max-height:40px!important;
    object-fit:contain!important;
  }

  .mobile-direct-ai,
  .mobile-direct-system{
    min-width:0!important;
    min-height:36px!important;
    max-height:38px!important;
    padding:7px 8px!important;
    border-radius:10px!important;
    white-space:nowrap!important;
  }

  .mobile-direct-ai{
    width:44px!important;
    flex:0 0 44px!important;
    padding-inline:0!important;
    margin-left:auto!important;
  }

  .mobile-direct-system{
    width:100%!important;
    flex:0 0 min(118px,27vw)!important;
    max-width:118px!important;
    font-size:clamp(10.5px,2.7vw,12px)!important;
  }

  .mobile-direct-system b,
  .mobile-system-count,
  .mobile-direct-system-count{
    min-width:20px!important;
    height:20px!important;
    padding-inline:5px!important;
    flex:0 0 auto!important;
  }

  .mobile-nav-toggle{
    display:inline-grid!important;
    place-items:center!important;
    flex:0 0 38px!important;
    width:38px!important;
    height:38px!important;
    border:1px solid rgba(93,213,226,.28)!important;
    border-radius:10px!important;
    background:rgba(6,18,28,.72)!important;
    color:#e8fbff!important;
    cursor:pointer!important;
    gap:4px!important;
  }

  .mobile-nav-toggle span{
    display:block!important;
    width:16px!important;
    height:1.5px!important;
    border-radius:999px!important;
    background:currentColor!important;
  }

  .mobile-navigation-drawer{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:calc(var(--mobile-direct-header-height,58px) + env(safe-area-inset-top,0px) + 8px)!important;
    z-index:1250!important;
    display:none!important;
    max-height:calc(100dvh - var(--mobile-direct-header-height,58px) - env(safe-area-inset-top,0px) - 22px)!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    padding:12px!important;
    border:1px solid rgba(93,213,226,.22)!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(8,17,28,.98),rgba(5,12,21,.98))!important;
    box-shadow:0 24px 70px rgba(0,0,0,.48)!important;
    backdrop-filter:blur(18px)!important;
  }

  body.mobile-nav-open .mobile-navigation-drawer{
    display:block!important;
  }

  .mobile-primary-nav{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    align-items:stretch!important;
    width:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .mobile-primary-nav>a,
  .mobile-primary-nav>button{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:10px 12px!important;
    border-radius:12px!important;
    font-size:13px!important;
    line-height:1.2!important;
    white-space:normal!important;
    text-align:left!important;
    overflow:visible!important;
    border:1px solid rgba(255,255,255,.09)!important;
    background:rgba(255,255,255,.026)!important;
    color:#dcebf2!important;
  }

  .mobile-primary-nav::after{
    content:none!important;
    display:none!important;
  }

  .mobile-secondary-nav{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    align-items:center!important;
    width:100%!important;
    min-height:0!important;
    margin-top:10px!important;
    overflow:visible!important;
  }

  .mobile-secondary-nav a,
  .mobile-secondary-nav button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:42px!important;
    padding:10px 12px!important;
    border-radius:12px!important;
    font-size:13px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  .mobile-mega-overlay{
    display:none!important;
  }

  .mobile-mega-panel{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
    max-height:min(46dvh,430px)!important;
    margin-top:8px!important;
  }
}

@media(max-width:380px){
  :root{--ts-mobile-header:178px}

  .mobile-primary-nav{
    gap:6px!important;
  }

  .mobile-primary-nav>a,
  .mobile-primary-nav>button{
    min-height:40px!important;
    font-size:12px!important;
  }
}

@media(max-width:520px){
  .mobile-direct-top,
  .mobile-navigation-drawer{
    width:min(366px,calc(100% - 24px))!important;
    max-width:calc(100% - 24px)!important;
    margin-left:12px!important;
    margin-right:auto!important;
  }
}

@media(min-width:1024px){
  html{
    scroll-padding-top:calc(var(--ts-header-desktop) + 18px)!important;
  }

  #site-header{
    height:var(--ts-header-desktop)!important;
    min-height:var(--ts-header-desktop)!important;
    overflow:visible!important;
  }

  .mobile-direct-header,
  .mobile-mega-overlay,
  .mobile-mega-panel{
    display:none!important;
  }
}

/* Hero system: all page heroes use the same structure and no hidden reserved height. */
main .hero,
main .page-hero,
main .service-detail-hero,
main .industry-directory-hero,
main .industry-detail-hero,
main .system-detail-hero,
main .agent-detail-hero,
main .work-hero,
main .ai-agent-hero{
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  min-height:auto!important;
  overflow:hidden!important;
  border-bottom:1px solid rgba(101,211,227,.12)!important;
}

main .ai-agent-hero{
  display:block!important;
  align-items:initial!important;
  justify-content:initial!important;
}

main .ai-agent-hero>.container{
  margin-top:0!important;
  padding-top:0!important;
  transform:none!important;
}

main .ai-hero-video{
  position:absolute!important;
  inset:0!important;
  z-index:var(--ts-layer-background)!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:.45!important;
  pointer-events:none!important;
}

main .ai-hero-fallback{
  top:0!important;
  opacity:.38!important;
}

main .hero,
main .page-hero,
main .service-detail-hero,
main .industry-directory-hero,
main .industry-detail-hero,
main .system-detail-hero,
main .agent-detail-hero,
main .work-hero,
main .ai-agent-hero{
  padding-top:var(--ts-space-hero-mobile)!important;
  padding-bottom:clamp(34px,8vw,48px)!important;
}

main .hero>.container,
main .page-hero>.container,
main .service-detail-hero>.container,
main .industry-directory-hero>.container,
main .industry-detail-hero>.container,
main .system-detail-hero>.container,
main .agent-detail-hero>.container,
main .work-hero>.container,
main .hero-grid,
main .system-hero-grid,
main .industry-hero-grid{
  position:relative!important;
  z-index:var(--ts-layer-content)!important;
}

main .hero-atmosphere,
main .page-grid,
main .ai-hero-fallback,
main .work-hero-fallback,
main .hero-vignette,
main .perspective-grid,
main .cta-grid{
  position:absolute!important;
  inset:0!important;
  z-index:var(--ts-layer-background)!important;
  pointer-events:none!important;
  min-height:0!important;
}

main .hero:after,
main .page-hero:after,
main .service-detail-hero:after,
main .industry-directory-hero:after,
main .industry-detail-hero:after,
main .system-detail-hero:after,
main .agent-detail-hero:after,
main .work-hero:after,
main .ai-agent-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:var(--ts-layer-overlay);
  pointer-events:none;
  background:linear-gradient(180deg,rgba(4,10,18,.78),rgba(4,10,18,.38) 38%,rgba(4,10,18,.88));
}

main .hero-visual,
main .system-visual,
main .system-hero-visual,
main .work-hero-visual,
main .agent-glyph,
main .cap-panel-orbit{
  position:relative!important;
  z-index:var(--ts-layer-visual)!important;
}

main .hero-copy,
main .hero-copy>*,
main .page-hero .container>*,
main .service-detail-hero .container>*,
main .industry-directory-hero .container>*,
main .industry-detail-hero .container>*,
main .system-detail-hero .container>*,
main .agent-detail-hero .container>*,
main .work-hero .container>*{
  position:relative!important;
  z-index:var(--ts-layer-content)!important;
}

main .hero-grid,
main .system-hero-grid,
main .industry-hero-grid,
main .service-detail-grid,
main .request-layout,
main .contact-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:clamp(18px,4.5vw,28px)!important;
  align-items:start!important;
}

main .eyebrow,
main .ts-eyebrow,
main .section-eyebrow{
  margin:0!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
}

main .hero h1,
main .home-hero-title,
main .ts-hero-heading,
main .page-hero h1,
main .service-detail-hero h1,
main .industry-directory-hero h1,
main .industry-detail-hero h1,
main .system-detail-hero h1,
main .agent-detail-hero h1,
main .work-hero h1{
  max-width:100%!important;
  margin:clamp(12px,3.4vw,18px) 0!important;
  line-height:1.04!important;
  text-wrap:balance;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  white-space:normal!important;
}

main .hero-lead,
main .home-hero-description,
main .page-hero p,
main .service-detail-hero p,
main .industry-directory-hero p,
main .industry-detail-hero p,
main .system-detail-hero p,
main .agent-detail-hero p,
main .work-hero p{
  max-width:min(100%,48ch)!important;
  line-height:1.55!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  white-space:normal!important;
}

@media(max-width:520px){
  main .eyebrow,
  main .ts-eyebrow{
    display:flex!important;
    align-items:flex-start!important;
    flex-wrap:wrap!important;
    width:100%!important;
    max-width:calc(100vw - 40px)!important;
    height:auto!important;
    min-height:0!important;
    gap:8px!important;
    overflow:visible!important;
    white-space:normal!important;
    line-height:1.35!important;
    text-wrap:balance;
  }

  main .eyebrow>span,
  main .ts-eyebrow>span{
    flex:0 0 24px!important;
    margin-top:.62em!important;
  }

  main .hero h1,
  main .home-hero-title,
  main .ts-hero-heading,
  main .page-hero h1,
  main .service-detail-hero h1,
  main .industry-directory-hero h1,
  main .industry-detail-hero h1,
  main .system-detail-hero h1,
  main .agent-detail-hero h1,
  main .work-hero h1{
    max-inline-size:calc(100vw - 40px)!important;
    width:100%!important;
    font-size:clamp(36px,10.2vw,44px)!important;
    letter-spacing:-.045em!important;
    white-space:normal!important;
  }

  main .hero-lead,
  main .home-hero-description,
  main .page-hero p,
  main .service-detail-hero p,
  main .industry-directory-hero p,
  main .industry-detail-hero p,
  main .system-detail-hero p,
  main .agent-detail-hero p,
  main .work-hero p{
    max-inline-size:calc(100vw - 40px)!important;
    white-space:normal!important;
  }
}

main .hero-actions,
main .page-hero .hero-actions,
main .service-detail-hero .hero-actions,
main .industry-detail-hero .hero-actions,
main .system-detail-hero .hero-actions,
main .agent-detail-hero .hero-actions,
main .work-hero .hero-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  width:100%!important;
  margin-top:clamp(18px,4.4vw,24px)!important;
}

main .hero-actions .btn,
main .hero-actions .text-btn,
main .page-hero .btn,
main .service-detail-hero .btn,
main .industry-detail-hero .btn,
main .system-detail-hero .btn,
main .agent-detail-hero .btn,
main .work-hero .btn{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}

main .trust-line{
  margin-top:clamp(18px,4vw,28px)!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  flex-wrap:nowrap!important;
  scrollbar-width:none!important;
}

main .trust-line::-webkit-scrollbar{
  display:none!important;
}

main .trust-line span{
  flex:0 0 auto!important;
}

main .system-visual{
  width:100%!important;
  max-width:100%!important;
  height:clamp(260px,72vw,340px)!important;
  max-height:340px!important;
}

@media(min-width:768px){
  main .hero,
  main .page-hero,
  main .service-detail-hero,
  main .industry-directory-hero,
  main .industry-detail-hero,
  main .system-detail-hero,
  main .agent-detail-hero,
  main .work-hero,
  main .ai-agent-hero{
    padding-top:var(--ts-space-hero-tablet)!important;
    padding-bottom:clamp(46px,6vw,64px)!important;
  }

  main .hero-grid,
  main .system-hero-grid,
  main .industry-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(300px,.82fr)!important;
    align-items:center!important;
  }

  main .hero-actions,
  main .page-hero .hero-actions,
  main .service-detail-hero .hero-actions,
  main .industry-detail-hero .hero-actions,
  main .system-detail-hero .hero-actions,
  main .agent-detail-hero .hero-actions,
  main .work-hero .hero-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    width:auto!important;
  }

  main .hero-actions .btn,
  main .hero-actions .text-btn,
  main .page-hero .btn,
  main .service-detail-hero .btn,
  main .industry-detail-hero .btn,
  main .system-detail-hero .btn,
  main .agent-detail-hero .btn,
  main .work-hero .btn{
    width:auto!important;
  }

  main .system-visual{
    height:clamp(320px,42vw,460px)!important;
    max-height:480px!important;
  }
}

@media(min-width:1024px){
  main .hero,
  main .page-hero,
  main .service-detail-hero,
  main .industry-directory-hero,
  main .industry-detail-hero,
  main .system-detail-hero,
  main .agent-detail-hero,
  main .work-hero,
  main .ai-agent-hero{
    padding-top:var(--ts-space-hero-desktop)!important;
    padding-bottom:clamp(54px,5vw,78px)!important;
  }

  main .hero-grid,
  main .system-hero-grid,
  main .industry-hero-grid{
    grid-template-columns:minmax(0,.98fr) minmax(420px,1.02fr)!important;
    gap:clamp(34px,4vw,58px)!important;
  }

  main .system-visual{
    height:clamp(360px,30vw,500px)!important;
    max-height:520px!important;
  }
}

/* Sections and grids: one compact scale. */
main .section,
main .consultant-section,
main .capabilities,
main .journey,
main .work-preview,
main .founder-preview,
main .services-directory,
main .hub-support,
main .connected-detail,
main .service-faq,
main .service-request{
  padding-block:var(--ts-section-mobile)!important;
}

main .section-heading{
  margin-bottom:clamp(20px,5vw,30px)!important;
}

main .section-heading h2{
  margin:clamp(10px,2vw,16px) 0!important;
}

main .capability-panels,
main .featured-industry-grid,
main .industry-directory-grid,
main .project-grid,
main .portfolio-full,
main .values-grid,
main .control-grid,
main .agent-grid,
main .hub-service-grid,
main .system-library-grid,
main .connected-system-groups,
main .related-industry-grid,
main .scenario-grid,
main .use-case-grid,
main .system-connection-grid,
main .subsector-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;
  gap:var(--ts-grid-gap)!important;
  align-items:stretch!important;
}

main .capability-panel,
main .home-industry-card,
main .industry-card,
main .project-card,
main .agent-card,
main .hub-service-card,
main .system-library-card,
main .scenario-grid article,
main .related-industry-card,
main .service-detail-grid article,
main .use-case-grid article,
main .system-connection-grid article,
main .values-grid article,
main .control-grid article,
main .contact-aside>a,
main .contact-aside>button{
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  padding:var(--ts-card-pad-mobile)!important;
  border:var(--ts-card-border)!important;
  border-radius:var(--ts-card-radius)!important;
  background:var(--ts-card-bg)!important;
  box-shadow:none!important;
}

main .capability-panel,
main .agent-card,
main .hub-service-card,
main .system-library-card,
main .project-card{
  display:flex!important;
  flex-direction:column!important;
}

main .cap-panel-orbit,
main .agent-glyph{
  width:clamp(52px,14vw,68px)!important;
  height:clamp(52px,14vw,68px)!important;
  margin:clamp(8px,2.8vw,14px) 0!important;
}

main .capability-panel h3,
main .agent-card h3,
main .hub-service-card h3,
main .system-library-card h3,
main .project-copy h3,
main .industry-card h3,
main .home-industry-card h3{
  margin-block:clamp(7px,2vw,12px)!important;
  line-height:1.22!important;
}

main .capability-panel p,
main .agent-card p,
main .hub-service-card p,
main .system-library-card p,
main .project-copy p,
main .industry-card p,
main .home-industry-card p{
  margin-bottom:clamp(8px,2vw,12px)!important;
  line-height:1.43!important;
}

main .home-industry-card .industry-picture,
main .industry-card .industry-picture,
main .related-industry-picture,
main .process-media-card,
main .process-media-fallback,
main .project-art,
main .project-media{
  width:100%!important;
  height:auto!important;
  max-height:clamp(132px,34vw,190px)!important;
  aspect-ratio:16/10!important;
  overflow:hidden!important;
}

main .project-copy{
  padding:var(--ts-card-pad-mobile)!important;
}

@media(min-width:768px){
  main .section,
  main .consultant-section,
  main .capabilities,
  main .journey,
  main .work-preview,
  main .founder-preview,
  main .services-directory,
  main .hub-support,
  main .connected-detail,
  main .service-faq,
  main .service-request{
    padding-block:var(--ts-section-tablet)!important;
  }

  main .capability-panels,
  main .featured-industry-grid,
  main .industry-directory-grid,
  main .project-grid,
  main .portfolio-full,
  main .values-grid,
  main .control-grid,
  main .agent-grid,
  main .hub-service-grid,
  main .system-library-grid,
  main .connected-system-groups,
  main .related-industry-grid,
  main .scenario-grid,
  main .use-case-grid,
  main .system-connection-grid,
  main .subsector-grid{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important;
  }
}

@media(min-width:1024px){
  main .section,
  main .consultant-section,
  main .capabilities,
  main .journey,
  main .work-preview,
  main .founder-preview,
  main .services-directory,
  main .hub-support,
  main .connected-detail,
  main .service-faq,
  main .service-request{
    padding-block:var(--ts-section-desktop)!important;
  }

  main .capability-panel,
  main .home-industry-card,
  main .industry-card,
  main .project-card,
  main .agent-card,
  main .hub-service-card,
  main .system-library-card,
  main .scenario-grid article,
  main .related-industry-card,
  main .service-detail-grid article,
  main .use-case-grid article,
  main .system-connection-grid article,
  main .values-grid article,
  main .control-grid article{
    padding:var(--ts-card-pad-desktop)!important;
  }

  main .capability-panels{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }

  main .agent-grid,
  main .hub-service-grid,
  main .project-grid,
  main .portfolio-full,
  main .scenario-grid,
  main .use-case-grid,
  main .system-connection-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  main .featured-industry-grid,
  main .industry-directory-grid,
  main .system-library-grid,
  main .connected-system-groups{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  main .home-industry-card .industry-picture,
  main .industry-card .industry-picture,
  main .related-industry-picture,
  main .process-media-card,
  main .process-media-fallback{
    max-height:210px!important;
  }

  main .project-art,
  main .project-media{
    max-height:220px!important;
  }
}

@media(min-width:1024px) and (max-width:1279px){
  main .capability-panels,
  main .featured-industry-grid,
  main .industry-directory-grid,
  main .system-library-grid,
  main .connected-system-groups,
  main .agent-grid,
  main .hub-service-grid,
  main .project-grid,
  main .portfolio-full{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Planner architecture: composer never clips, disabled upload is customer-facing. */
main .consultant-shell{
  display:flex!important;
  flex-direction:column!important;
  min-height:420px!important;
  max-height:min(76dvh,680px)!important;
  overflow:hidden!important;
}

main .consultant-body{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:auto!important;
}

main .chat-stream{
  min-height:0!important;
  height:100%!important;
  overflow-y:auto!important;
  padding-bottom:clamp(90px,14vw,126px)!important;
}

main .consultant-compose{
  position:sticky!important;
  bottom:0!important;
  z-index:5!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto auto!important;
  align-items:end!important;
  gap:8px!important;
  flex:0 0 auto!important;
  background:linear-gradient(180deg,rgba(8,17,27,.94),rgba(4,10,17,.99))!important;
}

main .consultant-compose textarea{
  min-width:0!important;
  width:100%!important;
  max-height:128px!important;
  resize:vertical!important;
}

main .planner-file-input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

main .planner-upload-button{
  pointer-events:auto!important;
  cursor:pointer!important;
}

main .planner-upload-status{
  grid-column:1/-1!important;
  min-height:18px!important;
  color:#9edfe7!important;
  font-size:11px!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}

main .compose-tool.is-disabled,
main .tool-btn.is-disabled{
  opacity:.66!important;
  cursor:not-allowed!important;
}

@media(max-width:520px){
  main .consultant-shell{
    max-height:calc(100dvh - var(--ts-mobile-header) - 22px)!important;
  }

  main .consultant-compose{
    grid-template-columns:minmax(0,1fr) 40px 40px 44px!important;
    padding:10px!important;
  }

  main .compose-tool,
  main .send-btn{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
  }
}

/* Booking fallback: visitor-facing only; technical details stay server/admin side. */
.booking-fallback-copy,
.booking-choices{
  position:relative!important;
  z-index:1!important;
}

.booking-choices a{
  min-width:0!important;
}

/* Motion contract: animation layers can transform, but never reserve layout height. */
@media(prefers-reduced-motion:no-preference){
  .glow,
  .system-visual .visual-grid,
  .orbit-a,
  .orbit-b,
  .node i,
  .status-dot,
  .visual-caption i,
  .journey-step i,
  .process-step i:after,
  .service-diagram i:nth-child(3),
  .agent-glyph b,
  .data-line,
  .project-signal,
  .work-display,
  .office-screen{
    will-change:transform,opacity;
  }
}

@media(prefers-reduced-motion:reduce){
  .reveal,
  .project-card,
  .industry-card,
  .home-industry-card,
  .related-industry-card,
  .hub-service-card,
  .agent-card,
  .capability-panel,
  .system-library-card,
  .services-mega,
  .industries-mega,
  .mobile-mega-panel{
    transition:none!important;
  }

  .reveal{
    opacity:1!important;
    transform:none!important;
  }
}

/* Owner final targeted fixes: inner hero visuals must be separate from text. */
:root{
  --ts-space-hero-mobile:clamp(24px,7vw,38px);
}

main .page-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:clamp(18px,5vw,28px)!important;
  padding-top:var(--ts-space-hero-mobile)!important;
  padding-inline:var(--ts-page-gutter)!important;
}

main .page-hero>.container{
  order:1!important;
  width:100%!important;
  max-width:780px!important;
  margin-inline:0!important;
  padding:clamp(20px,5vw,34px)!important;
  border:1px solid rgba(101,211,227,.14)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(6,14,24,.96),rgba(8,18,30,.9))!important;
  box-shadow:0 22px 60px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(16px)!important;
}

main .page-hero .page-grid,
main .page-hero .ai-hero-fallback,
main .page-hero .work-hero-fallback,
main .page-hero .ai-hero-video{
  order:2!important;
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  min-height:clamp(190px,52vw,300px)!important;
  height:clamp(190px,52vw,300px)!important;
  margin:0!important;
  border:1px solid rgba(101,211,227,.13)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  opacity:.72!important;
  mask-image:none!important;
}

main .page-hero .ai-hero-video{
  object-fit:cover!important;
  opacity:.34!important;
}

main .ai-agent-hero .page-grid,
main .ai-agent-hero .ai-hero-video,
main .work-hero .page-grid{
  display:none!important;
}

main .page-hero:after{
  background:linear-gradient(180deg,rgba(4,10,18,.3),rgba(4,10,18,.7))!important;
}

main .page-hero .flow-node,
main .page-hero .voice-entry,
main .page-hero .work-display{
  transform:scale(.72)!important;
}

main .planner-attachment-chip{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:8px!important;
  padding:6px 9px!important;
  border:1px solid rgba(101,211,227,.22)!important;
  border-radius:999px!important;
  background:rgba(46,196,214,.08)!important;
  color:#a8eef5!important;
  overflow-wrap:anywhere!important;
}

main .consent-banner{
  left:auto!important;
  right:clamp(10px,3vw,18px)!important;
  bottom:calc(10px + env(safe-area-inset-bottom))!important;
  width:min(360px,calc(100vw - 24px))!important;
  max-width:360px!important;
  padding:12px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  border-radius:16px!important;
  background:rgba(7,16,27,.94)!important;
  box-shadow:0 14px 40px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(14px)!important;
}

main .consent-banner p{
  grid-column:1/-1!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1.35!important;
}

main .consent-banner button{
  min-height:34px!important;
  padding:8px 10px!important;
  font-size:11px!important;
}

@media(max-width:520px){
  main .page-hero{
    gap:18px!important;
    padding-top:clamp(24px,7vw,36px)!important;
  }

  main .page-hero>.container{
    padding:20px 16px!important;
    border-radius:20px!important;
  }

  main .page-hero .page-grid,
  main .page-hero .ai-hero-fallback,
  main .page-hero .work-hero-fallback,
  main .page-hero .ai-hero-video{
    min-height:220px!important;
    height:220px!important;
  }
}

@media(min-width:1024px){
  main .page-hero{
    grid-template-columns:minmax(0,820px) minmax(380px,560px)!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(34px,4vw,58px)!important;
    padding-top:var(--ts-space-hero-desktop)!important;
    padding-inline:var(--ts-page-gutter)!important;
  }

  main .page-hero>.container{
    width:100%!important;
    max-width:820px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }

  main .page-hero .page-grid,
  main .page-hero .ai-hero-fallback,
  main .page-hero .work-hero-fallback,
  main .page-hero .ai-hero-video{
    min-height:clamp(320px,28vw,430px)!important;
    height:clamp(320px,28vw,430px)!important;
    max-width:560px!important;
    justify-self:stretch!important;
  }
}

/* Owner partial approval fixes: mobile header tap reliability, brighter separated
   hero visuals, compact cards/spacing and no empty post-hero gaps. */
:root{
  --ts-space-hero-mobile:clamp(28px,7vw,38px);
  --ts-space-hero-tablet:clamp(28px,4vw,44px);
  --ts-space-hero-desktop:clamp(82px,5.6vw,108px);
  --ts-section-mobile:clamp(30px,7.6vw,44px);
  --ts-section-tablet:clamp(42px,6vw,60px);
  --ts-section-desktop:clamp(56px,4.8vw,82px);
  --ts-card-pad-mobile:clamp(10px,2.8vw,14px);
  --ts-card-pad-desktop:clamp(14px,1.35vw,20px);
  --ts-grid-gap:clamp(10px,1.35vw,16px);
}

@media(max-width:1023px){
  main{
    --ts-main-hero-pad:clamp(48px,6vw,70px);
  }

  #site-header,
  .mobile-direct-header{
    position:sticky!important;
    z-index:1200!important;
    pointer-events:auto!important;
  }

  .mobile-primary-nav,
  .mobile-primary-nav>a,
  .mobile-primary-nav>button{
    position:relative!important;
    z-index:1210!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }

  body.mobile-mega-open #site-header{
    overflow:visible!important;
  }

  .mobile-mega-overlay{
    z-index:1090!important;
    top:var(--ts-mobile-header)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .mobile-mega-panel{
    z-index:1100!important;
  }

  body.mobile-mega-open .mobile-mega-overlay{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  #site-header{
    min-height:calc(var(--mobile-direct-header-height,206px) + env(safe-area-inset-top,0px))!important;
    overflow:visible!important;
  }

  .mobile-direct-header{
    display:grid!important;
    grid-template-rows:auto auto auto!important;
    gap:7px!important;
    padding:calc(env(safe-area-inset-top,0px) + 8px) 12px 10px!important;
    overflow:visible!important;
  }

  .mobile-direct-top{
    display:grid!important;
    grid-template-columns:minmax(90px,1fr) auto auto!important;
    align-items:center!important;
    gap:8px!important;
    min-height:46px!important;
    padding:0!important;
  }

  .mobile-direct-brand img{
    width:90px!important;
    max-width:28vw!important;
    height:auto!important;
  }

  .mobile-primary-nav{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    white-space:normal!important;
  }

  .mobile-primary-nav>a,
  .mobile-primary-nav>button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:40px!important;
    padding:7px 6px!important;
    border-radius:10px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-align:center!important;
    font-size:clamp(10px,2.9vw,12.5px)!important;
    line-height:1.08!important;
  }

  .mobile-primary-nav>a:nth-child(-n+5),
  .mobile-primary-nav>button:nth-child(-n+5){
    flex:0 0 calc((100% - 28px) / 5)!important;
    max-width:calc((100% - 28px) / 5)!important;
  }

  .mobile-primary-nav>a:nth-child(n+6),
  .mobile-primary-nav>button:nth-child(n+6){
    flex:0 0 calc((100% - 21px) / 4)!important;
    max-width:calc((100% - 21px) / 4)!important;
  }

  .mobile-secondary-nav{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)!important;
    gap:9px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  .mobile-secondary-nav>a,
  .mobile-secondary-nav>button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:40px!important;
    padding:8px 10px!important;
    text-align:center!important;
    font-size:clamp(11px,3vw,13px)!important;
    line-height:1.1!important;
  }

  .mobile-nav-toggle,
  .mobile-navigation-drawer{
    display:none!important;
  }

  .mobile-mega-panel{
    top:calc(var(--mobile-direct-header-height,206px) + env(safe-area-inset-top,0px) + 8px)!important;
    left:12px!important;
    right:12px!important;
    display:none!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100dvh - var(--mobile-direct-header-height,206px) - env(safe-area-inset-top,0px) - 22px)!important;
    overflow:auto!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .mobile-mega-panel.open{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  main .services-hub-preview:not(.expanded) .services-link-list .system-link-row:nth-of-type(n+10){
    display:none!important;
  }
}

main .hero,
main .page-hero,
main .service-detail-hero,
main .industry-directory-hero,
main .industry-detail-hero,
main .system-detail-hero,
main .agent-detail-hero,
main .work-hero,
main .ai-agent-hero{
  min-height:auto!important;
  padding-bottom:clamp(24px,5vw,52px)!important;
}

main .hero{
  padding-top:var(--ts-space-hero-mobile)!important;
}

main .hero .eyebrow,
main .hero-copy,
main .page-hero>.container,
main .service-detail-hero>.container,
main .industry-directory-hero>.container,
main .industry-detail-hero>.container,
main .agent-detail-hero>.container,
main .work-hero>.container{
  position:relative!important;
  z-index:4!important;
}

main .hero-atmosphere,
main .hero-vignette,
main .page-grid,
main .ai-hero-fallback,
main .work-hero-fallback,
main .system-visual,
main .hero-visual{
  opacity:.96!important;
  filter:saturate(1.12) contrast(1.08) brightness(1.08)!important;
}

main .page-hero:after,
main .service-detail-hero:after,
main .industry-directory-hero:after,
main .industry-detail-hero:after,
main .agent-detail-hero:after,
main .work-hero:after{
  background:linear-gradient(180deg,rgba(4,10,18,.18),rgba(4,10,18,.48))!important;
}

main .page-hero .page-grid,
main .page-hero .ai-hero-fallback,
main .page-hero .work-hero-fallback,
main .page-hero .ai-hero-video{
  min-height:clamp(160px,42vw,230px)!important;
  height:clamp(160px,42vw,230px)!important;
  opacity:.94!important;
}

main .page-hero .page-grid{
  background:
    radial-gradient(circle at 72% 34%,rgba(76,225,240,.22),transparent 24%),
    radial-gradient(circle at 28% 72%,rgba(76,225,240,.16),transparent 28%),
    linear-gradient(rgba(84,218,236,.14) 1px,transparent 1px),
    linear-gradient(90deg,rgba(84,218,236,.14) 1px,transparent 1px),
    linear-gradient(145deg,rgba(6,18,30,.96),rgba(4,11,20,.9))!important;
  background-size:auto,auto,42px 42px,42px 42px,auto!important;
}

main .page-hero .page-grid:before{
  content:""!important;
  position:absolute!important;
  inset:18% 18% 16% 18%!important;
  border:1px solid rgba(105,230,240,.34)!important;
  border-radius:999px!important;
  box-shadow:0 0 42px rgba(70,214,228,.16),inset 0 0 34px rgba(70,214,228,.08)!important;
  animation:spin 28s linear infinite!important;
}

main .page-hero .page-grid:after{
  content:""!important;
  position:absolute!important;
  left:18%!important;
  top:54%!important;
  width:64%!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(93,230,241,.86),transparent)!important;
  box-shadow:0 0 22px rgba(93,230,241,.42)!important;
  animation:pulse 2.8s ease-in-out infinite!important;
}

main .page-hero .ai-hero-video{
  opacity:.72!important;
}

main .section{
  padding-block:var(--ts-section-mobile)!important;
}

main .page-hero + .section,
main .service-detail-hero + .section,
main .industry-directory-hero + .section,
main .industry-detail-hero + .section,
main .agent-detail-hero + .section,
main .work-hero + .section{
  padding-top:clamp(20px,5.4vw,34px)!important;
}

main .industry-directory-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}

main .industry-directory-hero>.container{
  position:relative!important;
  z-index:3!important;
}

main .industry-directory-hero:before{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  pointer-events:none!important;
  border:1px solid rgba(101,211,227,.16)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 70% 34%,rgba(76,225,240,.24),transparent 24%),
    radial-gradient(circle at 30% 70%,rgba(76,225,240,.14),transparent 30%),
    linear-gradient(rgba(84,218,236,.13) 1px,transparent 1px),
    linear-gradient(90deg,rgba(84,218,236,.13) 1px,transparent 1px),
    linear-gradient(145deg,rgba(6,18,30,.9),rgba(4,11,20,.86))!important;
  background-size:auto,auto,42px 42px,42px 42px,auto!important;
  box-shadow:inset 0 0 46px rgba(70,214,228,.08),0 22px 60px rgba(0,0,0,.26)!important;
  opacity:.94!important;
  animation:tsGridDrift 18s linear infinite alternate!important;
}

main .capability-panels,
main .project-grid,
main .featured-industry-grid,
main .industry-directory-grid,
main .service-stack,
main .services-link-list,
main .contact-grid{
  gap:var(--ts-grid-gap)!important;
}

main .capability-panel,
main .service-feature,
main .services-hub-preview,
main .home-industry-card,
main .industry-card,
main .project-card,
main .agent-card,
main .hub-service-card,
main .system-library-card,
main .related-industry-card{
  min-height:auto!important;
  padding:var(--ts-card-pad-mobile)!important;
}

main .capability-panel p,
main .service-feature p,
main .services-hub-preview p,
main .home-industry-card p,
main .industry-card p,
main .project-card p,
main .agent-card p,
main .hub-service-card p,
main .system-library-card p{
  margin-bottom:clamp(8px,2vw,12px)!important;
}

main .service-feature,
main .services-hub-preview{
  grid-template-columns:minmax(0,1fr)!important;
  gap:clamp(12px,2.8vw,18px)!important;
}

main .service-diagram{
  min-height:clamp(150px,28vw,220px)!important;
}

@media(max-width:520px){
  main .hero{
    padding-top:clamp(26px,7vw,36px)!important;
    padding-bottom:28px!important;
  }

  main .hero-grid{
    gap:14px!important;
  }

  main .hero-visual,
  main .system-visual{
    min-height:250px!important;
    height:250px!important;
    max-height:250px!important;
  }

  main .page-hero{
    gap:14px!important;
    padding-top:clamp(24px,6.5vw,34px)!important;
    padding-bottom:26px!important;
  }

  main .page-hero>.container{
    padding:16px 14px!important;
  }

  main .page-hero .page-grid,
  main .page-hero .ai-hero-fallback,
  main .page-hero .work-hero-fallback,
  main .page-hero .ai-hero-video{
    min-height:170px!important;
    height:170px!important;
  }

  main .industry-directory-hero{
    padding-bottom:210px!important;
  }

  main .industry-directory-hero:before{
    left:var(--ts-page-gutter)!important;
    right:var(--ts-page-gutter)!important;
    bottom:26px!important;
    height:170px!important;
  }

  main .capability-panels,
  main .project-grid,
  main .featured-industry-grid,
  main .industry-directory-grid{
    grid-template-columns:1fr!important;
  }

  main .service-feature,
  main .services-hub-preview,
  main .capability-panel,
  main .home-industry-card,
  main .industry-card,
  main .project-card{
    padding:12px!important;
  }
}

@media(min-width:1024px){
  main .hero{
    padding-top:var(--ts-space-hero-desktop)!important;
    padding-bottom:clamp(44px,4vw,68px)!important;
  }

  main .page-hero,
  main .service-detail-hero,
  main .industry-directory-hero,
  main .industry-detail-hero,
  main .agent-detail-hero,
  main .work-hero{
    padding-top:var(--ts-space-hero-desktop)!important;
    padding-bottom:clamp(42px,4vw,64px)!important;
  }

  main .section{
    padding-block:var(--ts-section-desktop)!important;
  }

  main .page-hero{
    grid-template-columns:minmax(0,clamp(720px,58vw,860px)) minmax(300px,clamp(360px,30vw,520px))!important;
  }

  main .page-hero .page-grid,
  main .page-hero .ai-hero-fallback,
  main .page-hero .work-hero-fallback,
  main .page-hero .ai-hero-video{
    min-height:clamp(280px,23vw,360px)!important;
    height:clamp(280px,23vw,360px)!important;
  }

  main .industry-directory-hero>.container{
    max-width:760px!important;
    margin-left:var(--ts-page-gutter)!important;
    margin-right:auto!important;
  }

  main .industry-directory-hero:before{
    top:clamp(122px,9vw,150px)!important;
    right:var(--ts-page-gutter)!important;
    width:min(500px,36vw)!important;
    height:clamp(280px,23vw,360px)!important;
  }

  main .capability-panels{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }

  main .service-feature,
  main .services-hub-preview{
    grid-template-columns:minmax(0,1.05fr) minmax(220px,.95fr)!important;
  }

  main .capability-panel,
  main .service-feature,
  main .services-hub-preview,
  main .home-industry-card,
  main .industry-card,
  main .project-card,
  main .agent-card,
  main .hub-service-card,
  main .system-library-card,
  main .related-industry-card{
    padding:var(--ts-card-pad-desktop)!important;
  }
}

/* Owner QA bottom guard: these must win after all density layers. */
main .consultant-shell{width:min(100%,1120px)!important;margin-inline:auto!important}
main .consultant-body{min-height:420px!important}
main .chat-stream{min-height:390px!important;max-height:58dvh!important;overflow-y:auto!important;overflow-x:hidden!important}
main .planner-structured-response{display:grid!important;gap:14px!important}
.services-mega,.industries-mega,.ai-agents-mega,.workflows-mega{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:calc(var(--ts-header-desktop,82px) + 10px)!important;
  transform:translate(-50%,-8px)!important;
  width:min(1180px,calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  max-height:calc(100dvh - var(--ts-header-desktop,82px) - 28px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  z-index:1005!important;
}
.services-menu-wrap.open>.services-mega,
.industries-menu-wrap.open>.industries-mega,
.ai-menu-wrap.open>.ai-agents-mega,
.workflows-menu-wrap.open>.workflows-mega{
  transform:translate(-50%,0)!important;
}
@media (max-width:700px){
  main .consultant-body{min-height:65dvh!important}
  main .chat-stream{min-height:48dvh!important;max-height:58dvh!important}
  .services-mega,.industries-mega,.ai-agents-mega,.workflows-mega{display:none!important}
}
.system-modal .voice-recommendations,
.system-modal .voice-recommendations *{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.system-modal .voice-recommendations [data-voice-recommendations]{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}
.system-modal .voice-recommendations label{white-space:normal!important;overflow-wrap:anywhere!important}
.system-modal .voice-recommendations input[type="checkbox"]{width:18px!important;max-width:18px!important;height:18px!important;flex:0 0 18px!important}

/* Final construction: compact corrected sections without changing approved content. */
.services-mega-grid,.industries-mega-grid,.ai-mega-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}
.workflows-mega .services-mega-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.services-mega .menu-service,.industries-mega .menu-service,.workflows-mega .menu-service{min-width:0!important;padding:14px!important;overflow-wrap:anywhere!important}
.services-mega .menu-service strong,.industries-mega .menu-service strong,.workflows-mega .menu-service strong{font-size:clamp(14px,1vw,16px)!important;line-height:1.28!important}
.services-mega .menu-subservice,.industries-mega .menu-subservice,.workflows-mega .menu-subservice{font-size:clamp(12px,.9vw,14px)!important;line-height:1.35!important;white-space:normal!important}
.homepage-live-demos{padding-block:clamp(54px,6vw,82px)!important}
.homepage-live-demos .demo-agent-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.homepage-live-demos .demo-agent-card{min-height:0!important;padding:clamp(18px,1.5vw,22px)!important;gap:12px!important}
.homepage-live-demos .demo-visual{min-height:clamp(145px,13vw,178px)!important}
.partner-system-map{min-height:clamp(300px,28vw,390px)!important}
.capability-panel{min-height:0!important}
.service-feature{padding-block:clamp(34px,4vw,54px)!important}
.service-diagram{width:clamp(150px,16vw,210px)!important;height:clamp(150px,16vw,210px)!important}
.agent-card{min-height:0!important}
.ai-agent-request+.dark-band .agent-card,.ai-agent-demos .agent-card,.workflow-grid .agent-card{padding:clamp(18px,1.6vw,22px)!important}
.workflow-recommendation-form textarea{min-height:110px}
.workflow-recommendation-output{display:grid;gap:18px;margin-top:22px}
.workflow-summary{padding:18px;border:1px solid rgba(91,226,255,.2);border-radius:18px;background:rgba(5,18,30,.72)}
.workflow-summary p{margin:8px 0;color:#aec2cf}
.workflow-recommendation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.workflow-recommendation-card{display:grid;gap:10px;padding:18px;border:1px solid rgba(91,226,255,.18);border-radius:18px;background:linear-gradient(145deg,rgba(10,25,38,.88),rgba(5,12,22,.94))}
.workflow-recommendation-card>span{color:#65d8e6;font-family:var(--font-primary);font-size:10px}
.workflow-recommendation-card h3{margin:0;font-size:clamp(18px,1.5vw,22px)}
.workflow-recommendation-card p,.workflow-recommendation-card li{margin:0;color:#a5b8c6;font-size:13px;line-height:1.5}
.workflow-recommendation-card ul{margin:0;padding-left:18px}
.workflow-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}
.workflow-card-actions .text-link{justify-content:flex-start;min-height:38px}
@media(max-width:700px){
  .homepage-live-demos .demo-agent-grid{grid-template-columns:1fr!important}
  .homepage-live-demos .demo-agent-card{padding:18px!important}
  .homepage-live-demos .demo-visual{min-height:165px!important}
  .partner-system-map{min-height:340px!important}
  .workflow-card-actions{grid-template-columns:1fr}
}

/* Final master lock: shared desktop mega-menu, planner and compact card corrections. */
@media (min-width:1024px){
  .services-mega,
  .industries-mega,
  .ai-agents-mega,
  .workflows-mega{
    width:min(1480px,calc(100vw - 40px))!important;
    max-width:calc(100vw - 40px)!important;
    padding:18px!important;
    overflow-x:clip!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
  }
  .services-mega *,
  .industries-mega *,
  .ai-agents-mega *,
  .workflows-mega *{
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .services-mega-grid,
  .industries-mega-grid,
  .ai-mega-grid,
  .workflows-mega .services-mega-grid{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
    width:100%!important;
  }
  .services-mega .menu-service,
  .industries-mega .menu-service,
  .industries-mega .industry-menu-card,
  .workflows-mega .menu-service,
  .ai-agents-mega .ai-mega-card{
    height:100%!important;
    padding:14px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    overflow:visible!important;
  }
  .services-mega .menu-service>a:first-child,
  .industries-mega .menu-service>a:first-child,
  .industries-mega .industry-menu-heading,
  .workflows-mega .menu-service>a:first-child,
  .ai-agents-mega .ai-mega-card>a:first-child{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:8px!important;
    align-items:start!important;
  }
  .services-mega strong,
  .industries-mega strong,
  .ai-agents-mega strong,
  .workflows-mega strong{
    display:block!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    line-height:1.25!important;
    max-width:100%!important;
  }
  .services-mega .menu-subservice,
  .industries-mega .menu-subservice,
  .industries-mega .industry-menu-link,
  .workflows-mega .menu-subservice,
  .ai-agents-mega .menu-subservice{
    display:block!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    max-width:100%!important;
    line-height:1.28!important;
  }
  .services-mega .menu-subservice svg,
  .industries-mega .menu-subservice svg,
  .industries-mega .industry-menu-link svg,
  .workflows-mega .menu-subservice svg,
  .ai-agents-mega .menu-subservice svg{
    display:none!important;
  }
  .services-mega-foot{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px 24px!important;
    overflow:visible!important;
    width:100%!important;
  }
  .services-mega-foot a,
  .services-mega-foot button{
    flex:0 1 auto!important;
    white-space:normal!important;
  }
}
main .consultant-shell{
  max-height:none!important;
  overflow:visible!important;
}
main .consultant-body{
  min-height:min(500px,62dvh)!important;
  max-height:70dvh!important;
  overflow:hidden!important;
}
main .chat-stream{
  min-height:min(500px,62dvh)!important;
  max-height:70dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
main .message,
main .planner-structured-response,
main .planner-structured-response *{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
main .consultant-compose textarea{
  min-height:120px!important;
  max-height:320px!important;
  resize:none!important;
  overflow-y:auto!important;
}
.homepage-live-demos .demo-agent-card{
  justify-content:space-between!important;
}
.homepage-live-demos .demo-actions{
  margin-top:auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.homepage-live-demos .demo-actions .text-link{
  min-height:36px!important;
  justify-content:flex-start!important;
}
.partner-system-map{
  min-height:clamp(260px,23vw,340px)!important;
}
.partner-map-core{
  width:clamp(104px,10vw,132px)!important;
  height:clamp(104px,10vw,132px)!important;
  padding:12px!important;
}
.partner-map-core strong{
  font-size:clamp(15px,1.2vw,18px)!important;
  line-height:1.05!important;
}
.partner-map-core span{
  display:block!important;
  max-width:82px!important;
  margin:auto!important;
  line-height:1.25!important;
  overflow-wrap:break-word!important;
}
.workflow-recommendation-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important;
}
.workflow-recommendation-card{
  height:100%!important;
  padding:14px!important;
  gap:8px!important;
}
.workflow-recommendation-card ul{
  display:grid!important;
  gap:4px!important;
}
.workflow-card-actions{
  margin-top:auto!important;
}
@media (max-width:1023px) and (min-width:701px){
  .workflow-recommendation-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}

  main .premium-founder .premium-founder-grid{
    display:flex!important;
    flex-direction:column!important;
  }

  main .premium-founder .founder-media-approved{
    order:1!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
  }

  main .premium-founder .founder-media-approved figcaption{
    order:-1!important;
    position:static!important;
    margin:0!important;
  }

  main .premium-founder .founder-interactive{
    order:2!important;
  }
}
@media(max-width:700px){
  main .consultant-body,
  main .chat-stream{
    min-height:360px!important;
    max-height:62dvh!important;
  }
  main .consultant-compose textarea{
    min-height:104px!important;
    max-height:240px!important;
  }
  .homepage-live-demos .demo-actions,
  .workflow-card-actions,
  .workflow-recommendation-grid{
    grid-template-columns:1fr!important;
  }
  .partner-system-map{min-height:300px!important}
}

/* Final memory/security release: scoped main-content density refinement.
   Header, footer, fixed controls and modals are intentionally excluded. */
main{
  --ts-main-max:1054px;
  --ts-main-wide:1156px;
  --ts-main-gutter:40px;
  --ts-main-section:clamp(48px,4.1vw,70px);
  --ts-main-hero-pad:clamp(72px,5vw,92px);
  --ts-main-card-pad:clamp(13px,1.15vw,18px);
  --ts-main-grid-gap:clamp(10px,1.1vw,15px);
}
main .container,
main .narrow{
  width:min(calc(100% - var(--ts-main-gutter)),var(--ts-main-max))!important;
}
main .hero>.container,
main .page-hero>.container,
main .service-detail-hero>.container,
main .industry-directory-hero>.container,
main .industry-detail-hero>.container,
main .agent-detail-hero>.container,
main .work-hero>.container,
main .section-heading.split,
main .consultant-shell{
  width:min(calc(100% - var(--ts-main-gutter)),var(--ts-main-wide))!important;
  max-width:var(--ts-main-wide)!important;
}
main .section,
main .consultant-section,
main .capabilities,
main .journey,
main .work-preview,
main .founder-preview,
main .services-directory,
main .hub-support,
main .connected-detail,
main .service-faq,
main .service-request{
  padding-block:var(--ts-main-section)!important;
}
main .hero,
main .page-hero,
main .service-detail-hero,
main .industry-directory-hero,
main .industry-detail-hero,
main .system-detail-hero,
main .agent-detail-hero,
main .work-hero,
main .ai-agent-hero{
  padding-top:var(--ts-main-hero-pad)!important;
  padding-bottom:clamp(36px,3.5vw,58px)!important;
}
main .hero{
  min-height:min(760px,calc(100dvh - 20px))!important;
}
main h1{
  font-size:clamp(44px,5.25vw,78px)!important;
}
main h2{
  font-size:clamp(32px,3.55vw,54px)!important;
}
main h3{
  font-size:clamp(19px,1.7vw,22px)!important;
}
main .hero-lead,
main .lead,
main .section-heading>p,
main .section-heading.split p{
  font-size:clamp(16px,1.25vw,18px)!important;
  line-height:1.58!important;
}
main .hero-grid,
main .service-detail-grid,
main .founder-grid,
main .why-grid,
main .contact-grid{
  gap:clamp(28px,4vw,52px)!important;
}
main .capability-panels,
main .project-grid,
main .featured-industry-grid,
main .industry-directory-grid,
main .service-stack,
main .services-link-list,
main .contact-grid,
main .agent-grid,
main .hub-service-grid,
main .system-library-grid,
main .connected-system-groups,
main .related-industry-grid,
main .scenario-grid,
main .use-case-grid,
main .system-connection-grid,
main .subsector-grid{
  gap:var(--ts-main-grid-gap)!important;
}
main .business-card,
main .capability-panel,
main .service-feature,
main .services-hub-preview,
main .home-industry-card,
main .industry-card,
main .project-card,
main .agent-card,
main .hub-service-card,
main .system-library-card,
main .related-industry-card,
main .service-detail-grid article,
main .scenario-grid article,
main .use-case-grid article,
main .system-connection-grid article,
main .values-grid article,
main .control-grid article{
  padding:var(--ts-main-card-pad)!important;
}
main .system-visual,
main .hero-visual{
  max-height:clamp(320px,34vw,435px)!important;
}
main .system-visual{
  height:clamp(320px,34vw,435px)!important;
}
main .project-art,
main .project-media,
main .industry-picture,
main .related-industry-picture,
main .process-media-card,
main .process-media-fallback{
  min-height:clamp(140px,15vw,230px)!important;
  height:auto!important;
}
main .trust-line{
  margin-top:clamp(26px,3vw,40px)!important;
}
main .hero-actions{
  margin-top:clamp(22px,2.4vw,28px)!important;
}

@media(min-width:1024px){
  main .industry-directory-hero{
    padding-top:clamp(18px,1.8vw,28px)!important;
  }

  main .industry-directory .container,
  main .section>.container:has(.portfolio-full),
  main .portfolio-full{
    width:min(1540px,calc(100% - 48px))!important;
    max-width:1540px!important;
    margin-inline:auto!important;
  }

  main .industry-directory-grid{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important;
    align-items:stretch!important;
  }

  main .portfolio-full{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:clamp(12px,1.2vw,16px)!important;
  }

  main .portfolio-full .project-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
  }

  main .portfolio-full .project-copy{
    padding:clamp(14px,1.2vw,18px)!important;
  }

  main .portfolio-full .project-media,
  main .portfolio-full .project-art{
    min-height:clamp(138px,12vw,190px)!important;
    max-height:210px!important;
    aspect-ratio:16/10!important;
  }

  main .services-directory .container{
    width:min(1460px,calc(100% - 56px))!important;
    max-width:1460px!important;
  }

  main .services-hub-preview{
    grid-template-columns:1fr!important;
    gap:clamp(12px,1.1vw,16px)!important;
    padding:clamp(16px,1.25vw,20px)!important;
    align-items:center!important;
    justify-items:center!important;
    text-align:center!important;
  }

  main .services-hub-copy,
  main .services-hub-copy h2,
  main .services-hub-copy h2 a,
  main .services-hub-copy p{
    text-align:center!important;
    margin-inline:auto!important;
  }

  main .services-hub-copy .eyebrow,
  main .services-hub-actions{
    justify-content:center!important;
  }

  main .services-hub-preview .services-link-list,
  main .services-hub-preview .system-link-row,
  main .services-hub-preview .system-link-row>a,
  main .services-hub-preview .system-link-row>button{
    text-align:center!important;
    justify-content:center!important;
    align-items:center!important;
  }

  main .services-hub-preview .services-link-list{
    width:min(100%,920px)!important;
    margin-inline:auto!important;
  }

  main .services-hub-preview .service-diagram{
    width:clamp(132px,12vw,174px)!important;
    height:clamp(132px,12vw,174px)!important;
    min-height:clamp(132px,12vw,174px)!important;
    margin-inline:auto!important;
  }

  main .services-link-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  main .services-link-list .system-link-row{
    min-width:0!important;
  }

  main .services-hub-preview:not(.expanded) .services-link-list .system-link-row:nth-of-type(n+14){
    display:none!important;
  }

  main .services-hub-preview>.add-system-action{
    display:none!important;
  }

  main .services-link-list a{
    min-height:42px!important;
    padding:9px 11px!important;
  }

  main .ai-agent-hero + .section .container{
    width:min(1460px,calc(100% - 48px))!important;
    max-width:1460px!important;
  }

  main .ai-agent-hero + .section .hub-service-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:stretch!important;
  }

  main .ai-agent-hero + .section .hub-service-card{
    width:100%!important;
    min-width:0!important;
  }

  main .workflow-discovery .container,
  main .capabilities .container,
  main .work-preview .container,
  main .home-industries .container{
    width:min(1460px,calc(100% - 48px))!important;
    max-width:1460px!important;
  }

  main .workflow-discovery .system-library-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:stretch!important;
  }

  main .workflow-discovery .workflow-card{
    width:100%!important;
    min-width:0!important;
    padding:clamp(16px,1.35vw,20px)!important;
  }

  main .workflow-discovery .workflow-card img{
    min-height:clamp(150px,14vw,210px)!important;
    height:clamp(150px,14vw,210px)!important;
    object-fit:cover!important;
  }

  main #techscales-planner-ai[data-planner-section] .consultant-shell{
    width:min(100%,920px)!important;
  }

  main #techscales-planner-ai[data-planner-section] .consultant-body,
  main #techscales-planner-ai[data-planner-section] .chat-stream{
    min-height:min(380px,52dvh)!important;
    max-height:56dvh!important;
  }

  main .homepage-live-demos .demo-agent-card{
    padding:clamp(12px,1vw,15px)!important;
    gap:8px!important;
  }

  main .homepage-live-demos .demo-visual,
  main .homepage-live-demos .demo-agent-card>[role="img"]{
    min-height:clamp(96px,8vw,126px)!important;
    height:clamp(96px,8vw,126px)!important;
  }

  main .capabilities .partner-system-map{
    min-height:clamp(210px,17vw,270px)!important;
    height:clamp(210px,17vw,270px)!important;
  }

  main .capabilities .capability-panels{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:stretch!important;
  }

  main .capabilities .capability-panel{
    grid-column:auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:clamp(12px,1vw,16px)!important;
    gap:clamp(7px,.8vw,10px)!important;
  }

  main .capabilities .capability-panel:nth-child(4),
  main .capabilities .capability-panel:last-child{
    grid-column:auto!important;
  }

  main .capabilities .cap-panel-orbit{
    width:clamp(50px,4.2vw,62px)!important;
    height:clamp(50px,4.2vw,62px)!important;
    margin:0!important;
  }

  main .capabilities .cap-direct-links{
    gap:6px!important;
  }

  main .capabilities .capability-option-row{
    min-height:38px!important;
  }

  main .capabilities .capability-option-row>a{
    min-height:34px!important;
    padding-block:5px!important;
  }

  main .capabilities .cap-panel-top{
    min-height:0!important;
  }

  main .home-industries .featured-industry-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:stretch!important;
  }

  main .work-preview .project-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:stretch!important;
  }

  main .work-preview .project-card{
    min-height:0!important;
  }

  main .work-preview .project-media,
  main .work-preview .project-art{
    min-height:clamp(118px,9vw,152px)!important;
    max-height:168px!important;
  }
}

@media(max-width:700px){
  main{
    --ts-main-gutter:28px;
    --ts-main-section:clamp(30px,7vw,42px);
    --ts-main-hero-pad:clamp(78px,20vw,96px);
    --ts-main-card-pad:clamp(11px,3vw,14px);
  }
  main h1{font-size:clamp(38px,11vw,54px)!important}
  main h2{font-size:clamp(28px,8.5vw,42px)!important}
  main .hero,
  main .page-hero,
  main .service-detail-hero,
  main .industry-directory-hero,
  main .industry-detail-hero,
  main .system-detail-hero,
  main .agent-detail-hero,
  main .work-hero,
  main .ai-agent-hero{
    min-height:0!important;
    padding-bottom:clamp(24px,7vw,38px)!important;
  }
  main .system-visual,
  main .hero-visual{
    height:clamp(260px,74vw,330px)!important;
    max-height:330px!important;
  }
  main .project-art,
  main .project-media,
  main .industry-picture,
  main .related-industry-picture{
    min-height:clamp(130px,42vw,190px)!important;
  }

  #site-header{
    min-height:calc(var(--mobile-direct-header-height,206px) + env(safe-area-inset-top,0px))!important;
    overflow:visible!important;
  }

  .mobile-direct-header{
    display:grid!important;
    grid-template-rows:auto auto auto!important;
    gap:7px!important;
    min-height:0!important;
    padding:calc(env(safe-area-inset-top,0px) + 8px) 12px 10px!important;
    overflow:visible!important;
  }

  .mobile-direct-top{
    display:grid!important;
    grid-template-columns:minmax(90px,1fr) auto auto!important;
    align-items:center!important;
    gap:8px!important;
    min-height:46px!important;
    padding:0!important;
  }

  .mobile-direct-brand img{
    width:90px!important;
    max-width:28vw!important;
    height:auto!important;
  }

  .mobile-direct-ai,
  .mobile-direct-system{
    min-height:40px!important;
    padding:8px 11px!important;
    font-size:13px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }

  .mobile-primary-nav{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    white-space:normal!important;
  }

  .mobile-primary-nav>a,
  .mobile-primary-nav>button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:40px!important;
    padding:7px 6px!important;
    border-radius:10px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-align:center!important;
    font-size:clamp(10px,2.9vw,12.5px)!important;
    line-height:1.08!important;
    letter-spacing:-.01em!important;
  }

  .mobile-primary-nav>a:nth-child(-n+5),
  .mobile-primary-nav>button:nth-child(-n+5){
    flex:0 0 calc((100% - 28px) / 5)!important;
    max-width:calc((100% - 28px) / 5)!important;
  }

  .mobile-primary-nav>a:nth-child(n+6),
  .mobile-primary-nav>button:nth-child(n+6){
    flex:0 0 calc((100% - 21px) / 4)!important;
    max-width:calc((100% - 21px) / 4)!important;
  }

  .mobile-secondary-nav{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)!important;
    gap:9px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .mobile-secondary-nav>a,
  .mobile-secondary-nav>button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:40px!important;
    padding:8px 10px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-align:center!important;
    font-size:clamp(11px,3vw,13px)!important;
    line-height:1.1!important;
  }

  .mobile-nav-toggle,
  .mobile-navigation-drawer{
    display:none!important;
  }

  .mobile-mega-panel{
    position:fixed!important;
    top:calc(var(--mobile-direct-header-height,206px) + env(safe-area-inset-top,0px) + 8px)!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100dvh - var(--mobile-direct-header-height,206px) - env(safe-area-inset-top,0px) - 22px)!important;
    overflow:auto!important;
  }

  .mobile-mega-overlay{
    display:block!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  body.mobile-mega-open .mobile-mega-overlay{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  main .services-hub-preview{
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
    padding:14px!important;
  }

  main .services-hub-preview>.add-system-action{
    display:none!important;
  }

  main .services-hub-copy,
  main .services-hub-copy h2,
  main .services-hub-copy h2 a,
  main .services-hub-copy p,
  main .services-link-list a{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }

  main .services-link-list{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }

  main .services-link-list .system-link-row{
    min-height:44px!important;
  }

  main .services-hub-preview:not(.expanded) .services-link-list .system-link-row:nth-of-type(n+9){
    display:none!important;
  }

  main .services-link-list .system-link-row>a,
  main .services-link-list .system-link-row>.add-system-action{
    min-height:40px!important;
    padding-block:7px!important;
  }

  main .services-hub-preview:not(.expanded) .services-link-list .system-link-row:nth-of-type(n+10){
    display:none!important;
  }

  main .homepage-live-demos .demo-agent-card{
    padding:14px!important;
    gap:9px!important;
    min-height:0!important;
  }

  main .homepage-live-demos .demo-visual,
  main .homepage-live-demos .demo-agent-card>[role="img"]{
    min-height:132px!important;
    height:132px!important;
  }

  main .capabilities .partner-system-map{
    min-height:300px!important;
    height:300px!important;
    margin-block:12px 16px!important;
  }

  main .homepage-live-demos .demo-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }

  main .homepage-live-demos .demo-actions .text-link{
    min-height:34px!important;
    padding:7px 8px!important;
  }

  main .premium-founder .premium-founder-grid{
    display:flex!important;
    flex-direction:column!important;
  }

  main .premium-founder .founder-media-approved{
    order:1!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
  }

  main .premium-founder .founder-media-approved figcaption{
    order:-1!important;
    position:static!important;
    margin:0!important;
  }

  main .premium-founder .founder-interactive{
    order:2!important;
  }

  main .industry-directory-hero{
    padding-top:clamp(24px,6.5vw,34px)!important;
    padding-bottom:clamp(28px,7vw,42px)!important;
  }

  main .industry-directory-hero>.container{
    padding:16px 14px!important;
  }

  main .industry-directory-hero:before{
    height:clamp(132px,36vw,160px)!important;
    bottom:clamp(18px,5vw,24px)!important;
    opacity:.34!important;
  }
}

/* Final UI corrective pass: scoped hero-card, nav containment and home section sizing only. */
@media (min-width:1024px){
  main #techscales-planner-ai[data-planner-section] .consultant-shell{
    width:min(100%,860px)!important;
    max-height:min(62dvh,520px)!important;
  }

  main #techscales-planner-ai[data-planner-section] .consultant-top{
    height:60px!important;
    padding-inline:18px!important;
  }

  main #techscales-planner-ai[data-planner-section] .consultant-body,
  main #techscales-planner-ai[data-planner-section] .chat-stream{
    min-height:min(275px,38dvh)!important;
    max-height:42dvh!important;
  }

  main #techscales-planner-ai[data-planner-section] .chat-stream{
    padding:18px!important;
  }

  main #techscales-planner-ai[data-planner-section] .consultant-compose textarea{
    min-height:54px!important;
    max-height:94px!important;
  }

  main .homepage-live-demos{
    padding-block:clamp(40px,4vw,58px)!important;
  }

  main .homepage-live-demos .demo-agent-card{
    min-height:clamp(330px,34vw,390px)!important;
    padding:clamp(12px,1vw,15px)!important;
    gap:8px!important;
  }

  main .homepage-live-demos .demo-agent-card>[role="img"]{
    min-height:clamp(88px,7vw,112px)!important;
    height:clamp(88px,7vw,112px)!important;
  }
}

@media (max-width:700px){
  .mobile-direct-top{
    grid-template-columns:minmax(78px,88px) minmax(92px,1fr) minmax(122px,132px)!important;
    gap:7px!important;
  }

  .mobile-direct-ai,
  .mobile-direct-system{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    width:auto!important;
    flex:initial!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-align:center!important;
  }

  .mobile-direct-ai{
    padding-inline:8px!important;
    font-size:12px!important;
  }

  .mobile-direct-system{
    padding-inline:8px!important;
    font-size:12px!important;
  }

  .mobile-direct-ai .status-dot{
    flex:0 0 7px!important;
  }

  main .hero,
  main .industry-directory-hero{
    padding-top:clamp(18px,5vw,28px)!important;
    padding-bottom:clamp(24px,6vw,36px)!important;
  }

  main .hero>.container,
  main .industry-directory-hero>.container{
    position:relative!important;
    z-index:1!important;
    width:min(calc(100% - 24px),690px)!important;
    max-width:690px!important;
    margin-inline:auto!important;
    padding:clamp(22px,6vw,30px) clamp(16px,5vw,24px)!important;
    border:1px solid rgba(84,178,200,.22)!important;
    border-radius:22px!important;
    background:linear-gradient(145deg,rgba(8,23,36,.88),rgba(5,12,21,.94))!important;
    box-shadow:0 18px 70px rgba(0,0,0,.26),inset 0 0 70px rgba(46,196,214,.045)!important;
    overflow:hidden!important;
  }

  main .hero>.container::before,
  main .industry-directory-hero>.container::before{
    content:""!important;
    position:absolute!important;
    inset:auto -18% -18% 18%!important;
    height:clamp(120px,34vw,170px)!important;
    border:1px solid rgba(84,218,232,.14)!important;
    border-radius:42% 58% 45% 55%!important;
    background:radial-gradient(circle at 35% 35%,rgba(65,225,238,.16),transparent 62%)!important;
    transform:rotate(9deg)!important;
    pointer-events:none!important;
  }

  main .hero>.container>*,
  main .industry-directory-hero>.container>*{
    position:relative!important;
    z-index:1!important;
  }

  main .hero .hero-actions,
  main .industry-directory-hero .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }

  main .hero .hero-actions .btn,
  main .hero .hero-actions button,
  main .industry-directory-hero .hero-actions .btn,
  main .industry-directory-hero .hero-actions button{
    width:100%!important;
    justify-content:center!important;
  }

  main .hero .hero-visual{
    width:100%!important;
    margin-top:clamp(22px,7vw,32px)!important;
  }

  main .hero .system-visual{
    width:100%!important;
    height:clamp(240px,64vw,300px)!important;
    max-height:300px!important;
  }

  main .hero .hero-input{
    margin-top:clamp(18px,5vw,24px)!important;
  }

  main .industry-directory-hero:before{
    display:none!important;
  }

  main .industry-directory-hero>.container::after{
    content:""!important;
    display:block!important;
    position:relative!important;
    z-index:1!important;
    min-height:clamp(118px,30vw,150px)!important;
    margin-top:clamp(18px,5vw,24px)!important;
    border:1px solid rgba(84,178,200,.16)!important;
    border-radius:18px!important;
    background:
      linear-gradient(rgba(82,210,228,.08) 1px,transparent 1px),
      linear-gradient(90deg,rgba(82,210,228,.08) 1px,transparent 1px),
      radial-gradient(circle at 30% 35%,rgba(82,226,236,.16),transparent 34%),
      rgba(5,16,27,.62)!important;
    background-size:28px 28px,28px 28px,auto,auto!important;
    transform:rotate(3deg)!important;
    pointer-events:none!important;
  }

  main .capabilities .partner-system-map{
    width:100%!important;
    min-height:clamp(260px,68vw,315px)!important;
    height:clamp(260px,68vw,315px)!important;
    margin-inline:auto!important;
    overflow:visible!important;
  }

  main .capabilities .partner-system-map svg{
    inset:9% 9%!important;
    width:82%!important;
    height:82%!important;
  }

  main .capabilities .partner-node{
    font-size:clamp(9px,2.6vw,11px)!important;
    padding:6px 9px!important;
    max-width:88px!important;
    text-align:center!important;
    white-space:normal!important;
    line-height:1.15!important;
  }

  main .capabilities .node-1{left:7%!important;top:13%!important}
  main .capabilities .node-2{left:35%!important;top:6%!important}
  main .capabilities .node-3{right:4%!important;top:18%!important}
  main .capabilities .node-4{left:7%!important;top:43%!important}
  main .capabilities .node-5{right:4%!important;top:44%!important}
  main .capabilities .node-6{left:5%!important;bottom:18%!important}
  main .capabilities .node-7{left:34%!important;bottom:10%!important}
  main .capabilities .node-8{right:5%!important;bottom:18%!important}
  main .capabilities .node-9{right:31%!important;top:30%!important}
}

@media (max-width:374px){
  .mobile-direct-top{
    grid-template-columns:minmax(72px,80px) minmax(88px,1fr) minmax(116px,126px)!important;
    gap:6px!important;
  }

  .mobile-direct-brand img{
    width:80px!important;
    max-width:23vw!important;
  }

  .mobile-direct-ai,
  .mobile-direct-system{
    font-size:11.5px!important;
    padding-inline:7px!important;
  }
}

/* Final UI fixes + multilingual Planner: scoped to mobile Home hero, desktop live-demo cards and Planner language UI. */
.planner-language-select {
  align-items: center;
  border: 1px solid rgba(101, 226, 238, 0.22);
  border-radius: 999px;
  color: rgba(224, 246, 255, 0.78);
  display: inline-flex;
  font-size: 0.74rem;
  gap: 8px;
  line-height: 1;
  padding: 6px 8px 6px 12px;
}

.planner-language-select select {
  appearance: none;
  background: rgba(4, 18, 29, 0.88);
  border: 1px solid rgba(101, 226, 238, 0.2);
  border-radius: 999px;
  color: rgba(238, 253, 255, 0.94);
  font: inherit;
  min-height: 28px;
  padding: 4px 24px 4px 10px;
}

.message[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

.message[dir="rtl"] .bubble {
  text-align: right;
}

.message[dir="rtl"] ul,
.message[dir="rtl"] ol {
  padding-left: 0;
  padding-right: 1.1rem;
}

@media (min-width: 1024px) {
  main .homepage-live-demos .demo-agent-card {
    gap: 7px !important;
    min-height: clamp(300px, 28vw, 350px) !important;
    padding: clamp(10px, 0.85vw, 13px) !important;
  }

  main .homepage-live-demos .demo-agent-card > [role="img"] {
    height: clamp(76px, 6vw, 96px) !important;
    min-height: clamp(76px, 6vw, 96px) !important;
  }

  main .homepage-live-demos .demo-agent-card .demo-actions {
    gap: 8px !important;
    margin-top: auto !important;
  }
}

@media (max-width: 700px) {
  main .hero > .container.hero-grid {
    gap: clamp(12px, 3.6vw, 18px) !important;
    min-height: 0 !important;
    padding-block: clamp(18px, 5vw, 24px) !important;
  }

  main .hero .hero-copy {
    display: grid !important;
    gap: clamp(12px, 3.2vw, 16px) !important;
  }

  main .hero .hero-copy,
  main .hero .hero-copy *,
  main .hero .hero-visual,
  main .hero .hero-visual *,
  main .hero .hero-actions,
  main .hero .trust-line,
  main .hero .visual-caption {
    filter: none !important;
    opacity: 1 !important;
  }

  main .hero .hero-actions,
  main .hero .trust-line {
    margin-top: 0 !important;
  }

  main .hero .hero-visual {
    margin-top: clamp(8px, 2.5vw, 12px) !important;
  }

  main .hero .system-visual {
    height: clamp(170px, 48vw, 218px) !important;
    max-height: 218px !important;
    min-height: 170px !important;
  }

  main .hero .visual-caption {
    margin-top: 6px !important;
  }

  main .hero .hero-input {
    display: none !important;
  }

  .planner-language-select {
    font-size: 0.7rem;
    padding: 5px 7px 5px 10px;
  }

  .planner-language-select select {
    min-height: 26px;
    padding-block: 3px;
  }
}

/* Tools hub + Free QR Code Generator V1 */
.tools-hero .hero-card,
.qr-hero .hero-card {
  position: relative;
  overflow: hidden;
}

.tools-breadcrumbs {
  align-items: center;
  color: rgba(207, 232, 240, 0.72);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.9rem;
  gap: 8px;
  margin-bottom: clamp(18px, 3vw, 30px);
}

.tools-breadcrumbs a {
  color: #83e9f2;
  text-decoration: none;
}

.tools-grid,
.qr-layout {
  display: grid;
  gap: clamp(18px, 2.4vw, 28px);
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
}

.tool-card,
.tools-coming,
.qr-generator-card,
.qr-preview-card,
.plan-card,
.qr-guide-grid article {
  background: linear-gradient(145deg, rgba(10, 25, 41, 0.94), rgba(5, 17, 29, 0.86));
  border: 1px solid rgba(92, 221, 238, 0.18);
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.22);
  padding: clamp(18px, 2vw, 28px);
}

.tool-badge {
  background: rgba(88, 232, 242, 0.12);
  border: 1px solid rgba(88, 232, 242, 0.28);
  border-radius: 999px;
  color: #93f4fb;
  display: inline-flex;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  margin-bottom: 14px;
  padding: 7px 10px;
  text-transform: uppercase;
}

.tool-card ul,
.plan-card ul {
  color: rgba(219, 236, 244, 0.82);
  display: grid;
  gap: 8px;
  margin: 18px 0;
  padding-left: 18px;
}

.coming-tool-list {
  display: grid;
  gap: 10px;
  margin: 20px 0;
}

.coming-tool-list span {
  align-items: center;
  border: 1px solid rgba(92, 221, 238, 0.16);
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  padding: 12px 14px;
}

.coming-tool-list small {
  color: #83e9f2;
}

.tools-ad-slot[hidden] {
  display: none !important;
}

.qr-generator-card,
.qr-preview-card {
  align-self: start;
}

.qr-step {
  display: grid;
  gap: 14px;
  margin-bottom: 22px;
}

.qr-step > span {
  color: #65e2ee;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.qr-type-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.qr-type-grid label {
  cursor: pointer;
}

.qr-type-grid input {
  position: absolute;
  opacity: 0;
}

.qr-type-grid span {
  border: 1px solid rgba(101, 226, 238, 0.2);
  border-radius: 999px;
  color: rgba(225, 242, 248, 0.82);
  display: inline-flex;
  min-height: 42px;
  padding: 10px 14px;
}

.qr-type-grid input:checked + span,
.qr-type-grid span:focus-within {
  background: rgba(70, 213, 232, 0.16);
  border-color: rgba(101, 226, 238, 0.58);
  color: #efffff;
}

.qr-fields,
.qr-control-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.qr-fields label,
.qr-control-grid label {
  color: rgba(224, 240, 247, 0.84);
  display: grid;
  font-weight: 700;
  gap: 8px;
}

.qr-fields input,
.qr-fields textarea,
.qr-fields select,
.qr-control-grid input,
.qr-control-grid textarea,
.qr-control-grid select {
  background: rgba(5, 17, 29, 0.9);
  border: 1px solid rgba(101, 226, 238, 0.18);
  border-radius: 14px;
  color: #f2fbff;
  font: inherit;
  min-height: 46px;
  padding: 11px 12px;
  width: 100%;
}

.qr-fields textarea,
.qr-control-grid textarea {
  resize: vertical;
}

.qr-check {
  align-content: center;
  grid-template-columns: auto 1fr;
}

.qr-check input {
  min-height: auto;
  width: auto;
}

.qr-actions,
.qr-downloads {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.qr-status {
  color: #9eeef6;
  min-height: 1.4em;
}

.qr-preview-box {
  align-items: center;
  background:
    radial-gradient(circle at 50% 42%, rgba(79, 225, 238, 0.18), transparent 42%),
    rgba(4, 15, 26, 0.86);
  border: 1px solid rgba(101, 226, 238, 0.2);
  border-radius: 22px;
  display: flex;
  justify-content: center;
  margin: 18px 0;
  min-height: clamp(240px, 28vw, 360px);
  overflow: hidden;
  padding: clamp(14px, 2vw, 24px);
}

.qr-preview-box img {
  background: white;
  border-radius: 16px;
  display: block;
  height: auto;
  max-height: min(340px, 72vw);
  max-width: 100%;
}

.qr-encoded {
  color: rgba(211, 231, 238, 0.7);
  font-size: 0.86rem;
  overflow-wrap: anywhere;
}

.qr-privacy-note {
  border-top: 1px solid rgba(101, 226, 238, 0.16);
  color: rgba(220, 237, 244, 0.78);
  margin-top: 18px;
  padding-top: 16px;
}

.qr-guide-grid,
.plan-grid {
  display: grid;
  gap: clamp(14px, 2vw, 22px);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.qr-guide-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.plan-card {
  display: flex;
  flex-direction: column;
}

.plan-card .btn {
  margin-top: auto;
}

@media (max-width: 1100px) {
  .tools-grid,
  .qr-layout,
  .qr-guide-grid,
  .plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .tools-hero-card {
    padding: clamp(22px, 6vw, 30px) !important;
  }

  .tools-grid,
  .qr-layout,
  .qr-fields,
  .qr-control-grid,
  .qr-guide-grid,
  .plan-grid {
    grid-template-columns: 1fr;
  }

  .qr-generator-card,
  .qr-preview-card,
  .tool-card,
  .tools-coming,
  .plan-card,
  .qr-guide-grid article {
    border-radius: 20px;
    padding: 18px;
  }

  .qr-type-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .qr-type-grid span,
  .qr-actions .btn,
  .qr-downloads .btn {
    justify-content: center;
    text-align: center;
    width: 100%;
  }

  .qr-preview-box {
    min-height: 230px;
    padding: 14px;
  }

  .qr-actions,
  .qr-downloads {
    display: grid;
  }
}