/* AlgoSurg "Scan + Workflow" theme — layered over styles.css.
   Identity: the site reads like AlgoSurg's own instrument — a scan viewer (mono overlay labels,
   viewport corner brackets, crosshairs) and a surgical workflow (numbered stages, progress rail). */

:root{
  --sans:'Inter Tight',Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --deep:#050d10;
  --scan-line:rgba(99,232,207,.55);
  --radius:12px;--radius-sm:8px;
}
body{font-family:var(--sans)}
h1,h2,h3,.section-head h2,.case-copy h2,.vision-main h2,.platform-preview-card h2{font-family:var(--sans);letter-spacing:-.028em}
.hero h1,.page-hero h1{letter-spacing:-.032em;font-weight:700}

/* ---------- mono "instrument" voice ---------- */
.eyebrow{font-family:var(--mono);font-weight:500;font-size:11.5px;letter-spacing:.12em}
.eyebrow:before{content:"// ";opacity:.55}
.stage-no{opacity:.7}
.status,.trust-chip,.breadcrumb,.metric span,.case-number span,.timeline-steps span,.plan-steps span,.intraop-steps span,.milestones span,.problem-stat span,.metric-proof span,.runtime-grid span,.workflow-card small,.feature .n,.sources,.timeline-note,.viewer3d-note,.media-caption strong,.workflow-step span{font-family:var(--mono);letter-spacing:.06em}
.status{border-radius:4px;font-weight:700;font-size:9.5px}
.btn{border-radius:8px;font-family:var(--sans);letter-spacing:-.01em}
.text-link{font-family:var(--mono);font-size:12px;letter-spacing:.02em}

/* ---------- header + status bar ---------- */
.site-header{background:rgba(255,255,255,.92)}
.main-nav>a:not(.btn){font-weight:500}
.statusbar{background:var(--deep);border-top:1px solid rgba(255,255,255,.06)}
.statusbar-inner{display:flex;gap:28px;height:30px;align-items:center;overflow:hidden;white-space:nowrap;font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7f979b}
.statusbar .live{color:#cfe7e3}
.statusbar .live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:8px;vertical-align:1px;animation:as-pulse 2.2s ease-in-out infinite}
@keyframes as-pulse{50%{opacity:.3}}

/* ---------- viewport frames: corner brackets on every product view ---------- */
.product-media,.media-panel,.case-media,.preview-media,.viewer3d-stage,.app-card-media,.screen-frame{position:relative}
.product-media:after,.media-panel:after,.case-media:after,.preview-media:after,.viewer3d-stage:after,.app-card-media:after{content:"";position:absolute;inset:10px;pointer-events:none;z-index:2;
  background:
   linear-gradient(var(--scan-line),var(--scan-line)) top left/16px 1.5px no-repeat,
   linear-gradient(var(--scan-line),var(--scan-line)) top left/1.5px 16px no-repeat,
   linear-gradient(var(--scan-line),var(--scan-line)) top right/16px 1.5px no-repeat,
   linear-gradient(var(--scan-line),var(--scan-line)) top right/1.5px 16px no-repeat,
   linear-gradient(var(--scan-line),var(--scan-line)) bottom left/16px 1.5px no-repeat,
   linear-gradient(var(--scan-line),var(--scan-line)) bottom left/1.5px 16px no-repeat,
   linear-gradient(var(--scan-line),var(--scan-line)) bottom right/16px 1.5px no-repeat,
   linear-gradient(var(--scan-line),var(--scan-line)) bottom right/1.5px 16px no-repeat}
.product-explorer,.case-copy,.case-media,.app-card,.engine-tier,.media-panel,.simulator-panel,.viewer3d,.platform-preview-card,.team-card,.metric-proof,.integration-card,.problem-stat,.workflow,.plan-steps,.intraop-steps,.runtime-grid{border-radius:var(--radius)}
.product-explorer{box-shadow:0 30px 80px rgba(0,15,20,.08)}

/* ---------- home hero: the scan ---------- */
.scan-hero{padding:0;background:var(--deep)}
.scan-hero:before{display:none}
.scan-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;min-height:calc(100vh - 104px);padding:56px max(20px,calc((100vw - 1180px)/2))}
.scan-copy{padding:0}
.scan-hero h1{font-size:clamp(44px,5vw,78px);line-height:1.02;margin:20px 0 24px;font-weight:700}
.scan-hero h1 em{font-style:normal;font-weight:500;color:#8fb0ad}
.scan{position:relative;align-self:center;aspect-ratio:952/620;width:100%;overflow:hidden;cursor:crosshair;user-select:none;touch-action:pan-y;background:#000;border:1px solid rgba(99,232,207,.28);border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.scan img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scan-after{clip-path:inset(0 0 0 var(--x,55%))}
.scan-fade{display:none}
.scan-wipe{position:absolute;top:0;bottom:0;left:var(--x,55%);width:1.5px;background:var(--mint);pointer-events:none}
.scan-wipe b{position:absolute;top:50%;left:-17px;width:34px;height:34px;margin-top:-17px;border-radius:50%;background:var(--mint);color:var(--ink);display:grid;place-items:center;font:700 11px var(--mono);box-shadow:0 0 0 6px rgba(99,232,207,.18)}
.scan-ov{position:absolute;font:500 11px/1.7 var(--mono);letter-spacing:.06em;color:#cfe7e3;text-shadow:0 1px 3px #000;z-index:3}
.scan-ov.tl{top:14px;left:16px}.scan-ov.tr{top:14px;right:14px;text-align:right}.scan-ov.bl{bottom:14px;left:16px}.scan-ov.br{bottom:14px;right:14px;text-align:right}
.scan-ov .mint{color:var(--mint)}
.scan-views{display:inline-flex;border:1px solid rgba(99,232,207,.4);border-radius:4px;overflow:hidden}
.scan-views button{font:700 10px var(--mono);letter-spacing:.06em;background:transparent;color:#a9c9c4;border:0;padding:4px 8px;cursor:pointer}
.scan-views button.on{background:var(--mint);color:var(--ink)}
.scan-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);font:500 11px var(--mono);letter-spacing:.08em;color:var(--ink);background:var(--mint);padding:6px 10px;border-radius:4px;transition:opacity .4s;z-index:3}
.scan.touched .scan-hint{opacity:0}
.scan-ch{position:absolute;left:var(--cx,-99px);top:var(--cy,-99px);pointer-events:none;z-index:3;opacity:0;transition:opacity .2s}
.scan.touched .scan-ch{opacity:1}
.scan-ch:before,.scan-ch:after{content:"";position:absolute;background:rgba(99,232,207,.75)}
.scan-ch:before{left:-16px;width:32px;height:1px}.scan-ch:after{top:-16px;height:32px;width:1px}
.scan-ch span{position:absolute;left:12px;top:8px;font:500 10px var(--mono);color:var(--mint);white-space:nowrap;text-shadow:0 1px 2px #000}

/* metrics as instrument readouts, continuing the dark hero */
.metrics{background:var(--deep);border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.metric{border-right-color:rgba(255,255,255,.08)!important;border-bottom-color:rgba(255,255,255,.08)!important}
.metric b{font-family:var(--sans);font-size:32px;letter-spacing:-.04em}
.metric span{color:#7f979b;text-transform:uppercase;font-size:10.5px}

/* ---------- inner pages: hero as a scan view ---------- */
.page-hero{background:var(--deep);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;width:min(46vw,640px);background:url('assets/scan/ax-after.jpg') center/cover;opacity:.55;-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%);pointer-events:none}
.page-hero .container{position:relative;z-index:1}
.page-hero h1{color:#fff;max-width:760px}
.page-hero .lead{color:#b8c7ca}
.page-hero .eyebrow{color:var(--mint)}
.page-hero .breadcrumb,.page-hero .breadcrumb a{color:#7f979b}
.page-hero .trust-chip{color:#b8c7ca;border-color:rgba(255,255,255,.18)}
.page-hero .container:after{content:"AX · AI SEGMENTATION · DE-IDENTIFIED CT";position:absolute;right:0;bottom:-40px;font:500 10.5px var(--mono);letter-spacing:.08em;color:#7f979b}

/* ---------- workflow rail ---------- */
.stage-rail{position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:30;font-family:var(--mono);display:none}
.stage-rail-head{font-size:9.5px;letter-spacing:.06em;color:#7d9599;margin:0 0 10px 18px;white-space:nowrap}
.stage-rail ol{list-style:none;margin:0;padding:0;position:relative}
.stage-rail li a{display:flex;align-items:center;gap:10px;padding:5px 0;text-decoration:none;color:#8aa0a4;font-size:10px;letter-spacing:.08em}
.stage-rail li a:before{content:"";width:7px;height:7px;border-radius:50%;border:1px solid #9bb3b6;background:transparent;flex:none;transition:.25s}
.stage-rail li b{font-weight:700;opacity:.8}
.stage-rail li span{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .35s ease,opacity .35s;opacity:0}
.stage-rail:hover li span,.stage-rail li.on span{max-width:140px;opacity:1}
.stage-rail li.done a:before{background:#9bb3b6}
.stage-rail li.on a{color:#177a69}
.stage-rail li.on a:before{background:var(--mint);border-color:var(--mint);box-shadow:0 0 0 4px rgba(99,232,207,.2)}
.stage-rail-bar{position:absolute;left:3px;top:24px;bottom:4px;width:1px;background:rgba(120,150,155,.25);z-index:-1}
.stage-rail-bar i{display:block;width:100%;background:var(--mint)}
.stage-rail.on-dark li a{color:#7f979b}.stage-rail.on-dark li.on a{color:var(--mint)}.stage-rail.on-dark .stage-rail-head{color:#6f878b}
@media(min-width:1440px){.stage-rail{display:block}}

/* ---------- sections ---------- */
.section.dark,.problem-section,.viewer-section{background:var(--deep)}
.cta-band{background:var(--deep);color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.cta-band h2{color:#fff}.cta-band p{color:#9fb2b6}.cta-band .eyebrow{color:var(--mint)}
.cta-band .btn-primary{background:var(--mint);color:var(--ink)}
.site-footer{background:#03090b}
.case-copy .case-number{font-family:var(--sans);letter-spacing:-.06em}

/* ---------- responsive ---------- */
@media(max-width:980px){
  .scan-hero-grid{grid-template-columns:1fr;min-height:0}
  .scan-hero-grid{gap:32px;padding:48px 20px}
  .page-hero:after{width:100%;opacity:.18;-webkit-mask-image:none;mask-image:none}
  .page-hero .container:after{display:none}
}
@media(max-width:760px){
  .statusbar-inner{gap:18px}
  .scan-ov{font-size:9.5px}.scan-ov.tl,.scan-ov.tr{top:12px}.scan-ov.tl,.scan-ov.bl{left:12px}.scan-ov.tr,.scan-ov.br{right:12px}.scan-ov.bl,.scan-ov.br{bottom:12px}
  .scan-hint{bottom:44px}
}
@media(prefers-reduced-motion:reduce){.statusbar .live i{animation:none}}
section[id],section[data-stage]{scroll-margin-top:104px}
@media(max-width:760px){.main-nav{top:112px}}

/* ---------- 3D layer: CT → AI → 3D ---------- */
.scan-3d{position:absolute;right:14px;top:62px;width:clamp(110px,22%,190px);aspect-ratio:900/946;margin:0;z-index:4;background:#000;border:1px solid rgba(99,232,207,.35);border-radius:8px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.55)}
.scan-3d video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scan-3d:after{content:"";position:absolute;inset:6px;pointer-events:none;background:
 linear-gradient(var(--mint),var(--mint)) top left/10px 1.5px no-repeat,linear-gradient(var(--mint),var(--mint)) top left/1.5px 10px no-repeat,
 linear-gradient(var(--mint),var(--mint)) bottom right/10px 1.5px no-repeat,linear-gradient(var(--mint),var(--mint)) bottom right/1.5px 10px no-repeat}
.scan-3d figcaption{position:absolute;left:0;right:0;bottom:0;padding:7px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:500 9.5px var(--mono);letter-spacing:.06em;color:#cfe7e3;background:linear-gradient(transparent,rgba(0,0,0,.85))}
.scan-3d .mint{color:var(--mint);font-weight:700}
.scan-steps{position:absolute;top:62px;left:16px;z-index:3;display:flex;align-items:center;gap:6px;font:700 10px var(--mono);letter-spacing:.08em;color:#cfe7e3}
.scan-steps span{border:1px solid rgba(99,232,207,.45);padding:3px 6px;border-radius:3px;background:rgba(0,0,0,.45)}
.scan-steps span:last-child{background:var(--mint);color:var(--ink);border-color:var(--mint)}
.scan-steps i{width:14px;height:1px;background:rgba(99,232,207,.6)}
.scan-ov .lv{font-weight:700}.lv.l1{color:#f2c94c}.lv.l2{color:#63e8cf}.lv.l3{color:#6fa8ff}.lv.l4{color:#b48cff}.lv.l5{color:#ff8a65}
.page-hero[style*="--hero-art"]:after{background:#000 var(--hero-art) center/contain no-repeat;opacity:.9}
.page-hero[data-art-label] .container:after{display:none}
.page-hero[data-art-label]:before{content:attr(data-art-label);position:absolute;right:24px;bottom:18px;z-index:1;font:500 10.5px var(--mono);letter-spacing:.08em;color:#7f979b}
@media(max-width:980px){.page-hero[data-art-label]:before{display:none}}
@media(max-width:760px){.scan-3d{width:30%;top:44px;right:10px}.scan-steps{top:46px;left:10px}.scan-steps i{width:8px}}
.viewer3d-stage{background:#000}
@media(max-width:980px){.page-hero[style*="--hero-art"]:after{opacity:.16;background-position:right center}}
@media(max-width:760px){
  .scan-steps,.scan-3d figcaption,.scan-ov.bl,.scan-ov.br{display:none}
  .scan-ov.tl{font-size:0}.scan-ov.tl .scan-views{font-size:10px}
  .scan-3d{width:26%;top:40px;right:10px}
  .scan-hint{white-space:nowrap;font-size:10px;bottom:10px;padding:5px 8px}
}

/* ======================================================================
   Dark product theme — the site matches AlgoSurg's dark software UI.
   ====================================================================== */
:root{
  --bg-0:#060f12;      /* page */
  --bg-1:#0a161b;      /* alternate band */
  --surface:#0e1c21;   /* cards */
  --surface-2:#12232a; /* raised / hover */
  --text:#e4eeed;
  --muted:#93a9ad;
  --line:rgba(255,255,255,.09);
  --paper:#0a161b;
  --mint-soft:rgba(99,232,207,.1);
}
html,body{background:var(--bg-0);color:var(--text)}
.section{background:var(--bg-0)}
.section.soft,.recognition-section,.home-platform-preview,.engine-section{background:var(--bg-1)}
.section.dark,.problem-section,.viewer-section,.scan-hero,.metrics,.cta-band,.page-hero{background:var(--deep)}
h1,h2,h3,h4,.section-head h2,.case-copy h2,.page-hero h1{color:#f1f7f6}
.lead,.section-head p,.case-copy p,.split-copy .lead{color:var(--muted)}
.eyebrow{color:var(--mint)}
.text-link{color:var(--mint)}
strong{color:#f1f7f6}

/* header */
.site-header{background:rgba(6,15,18,.88);border-bottom-color:rgba(255,255,255,.07)}
.brand,.brand-word{color:#f1f7f6}
.brand-mark,.brand-mark span{border-color:#f1f7f6}
.brand-mark span{border-left-color:transparent}
.main-nav>a:not(.btn){color:#a9bdc0}
.main-nav>a:not(.btn):hover,.main-nav>a.active{color:#fff}
.main-nav .btn-primary,.nav-cta{background:var(--mint);color:var(--ink)}
.menu-btn span{background:#f1f7f6}
@media(max-width:760px){.site-header{background:rgba(6,15,18,.97)}.main-nav{background:var(--surface);border-color:var(--line)}}

/* buttons */
.btn-primary{background:var(--mint);color:var(--ink)}
.btn-primary:hover{background:#82efd9}
.btn-ghost,.btn-secondary.dark{color:#e4eeed;border-color:rgba(255,255,255,.2);background:transparent}

/* surfaces: cards, panels, explorer */
.product-explorer,.app-card,.engine-tier,.integration-card.light,.metric-proof,.platform-preview-card,.team-card,.case-copy,.simulator-panel,.workflow,.plan-steps,.intraop-steps,.runtime-grid,.recognition-grid>div,.legal-page,.boundary-note,.prototype-note,.split .feature-list{background:var(--surface);border-color:var(--line);color:var(--text)}
.product-explorer{box-shadow:0 30px 80px rgba(0,0,0,.35)}
.product-tabs,.workflow-steps,.explorer-left{border-color:var(--line)}
.product-tab{color:#8ea4a8}
.product-tab.active{color:#fff;border-bottom-color:var(--mint)}
.workflow-step{background:transparent;color:#8ea4a8;border-color:var(--line)}
.workflow-step.active{color:#fff;background:var(--surface-2)}
.explorer-copy p,.media-caption span,.capabilities span{color:var(--muted)}
.capabilities span{background:var(--surface-2);border-color:var(--line)}
.media-caption{border-color:var(--line)}
.engine-card em,.engine-tier h3 small,.integration-card.light p,.metric-proof p,.runtime-grid span,.workflow-card p,.plan-steps p,.intraop-steps p,.timeline-note,.team-card p,.feature p,.milestones p,.app-card-body p{color:var(--muted)}
.integration-card.light .icon{background:rgba(99,232,207,.12);color:var(--mint)}
.plan-steps>div,.intraop-steps>div,.workflow-card,.runtime-grid>div,.metric,.feature{border-color:var(--line)!important}
.plan-steps span,.intraop-steps span,.timeline-steps span,.milestones span,.metric-proof span,.workflow-card small{color:var(--mint)}
.boundary-card,.vision-side{background:rgba(99,232,207,.07);border-color:rgba(99,232,207,.22)}
.boundary-card p,.vision-side span{color:#a9c9c4}
.vision-main{background:var(--surface);border-color:var(--line)}
.trust-chip{color:#b8c7ca;border-color:rgba(255,255,255,.16)}
.case-media,.app-card-media,.media-panel{background:#050c0f;border-color:var(--line)}
.status{background:rgba(99,232,207,.12);color:var(--mint)}
.status-testing{background:rgba(111,168,255,.14)!important;color:#9cc2ff!important}
.status-precommercial{background:rgba(180,140,255,.14)!important;color:#cdb4ff!important}
.status.prototype,.status-soon,.product-explorer .status.prototype{background:rgba(242,201,76,.14)!important;color:#f2c94c!important}
.team-photo{background-color:var(--surface-2)}
.milestones li:before{box-shadow:0 0 0 5px var(--bg-0)}
.milestones li.next:before{background:var(--bg-0)}
.milestones:before{background:linear-gradient(90deg,var(--mint),rgba(99,232,207,.15))}
.architecture .arch-block{background:var(--surface);border-color:var(--line)}
.legal-page p,.legal-page li{color:#b8c7ca}
.sources,.problem-stat p{color:#7f979b}
.stage-rail li a{color:#6f878b}.stage-rail li.on a{color:var(--mint)}.stage-rail li.done a:before{background:#4c6368}.stage-rail li a:before{border-color:#4c6368}.stage-rail-head{color:#5f777c}

/* contact modal + assistant */
.contact-dialog{background:var(--surface);color:var(--text);border:1px solid var(--line)}
.contact-dialog input,.contact-dialog textarea{background:#08141a;color:var(--text);border-color:var(--line)}
.contact-close span{background:#e4eeed}
.ask-panel{background:var(--surface);border-color:var(--line)}
.ask-panel header{background:#060f12}
.ask-msg.bot{background:var(--surface-2);color:var(--text)}
.ask-msg.user{background:var(--mint);color:var(--ink)}
.ask-chip{background:transparent;border-color:rgba(255,255,255,.16);color:#b8c7ca}
.ask-panel input{background:#08141a;color:var(--text);border-color:var(--line)}
.ask-panel form button{background:var(--mint);color:var(--ink)}
.ask-link{color:var(--mint)}
.motion-toggle{background:rgba(14,28,33,.92)}

/* footer */
.site-footer{background:#030809;border-top:1px solid rgba(255,255,255,.06)}
.workflow-steps{background:var(--surface)}
.skip-link{background:var(--mint);color:var(--ink)}
.contact-close{background:transparent;border:1px solid rgba(255,255,255,.2)}
.contact-close:hover{background:var(--surface-2)}
.contact-submit{background:var(--mint);color:var(--ink);border-color:var(--mint)}
.contact-submit:hover{background:#82efd9}
.contact-dialog label{color:#b8c7ca}
.page-hero.no-art:after,.page-hero.no-art .container:after{display:none}
.plan-steps h3,.intraop-steps h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plan-steps>div,.intraop-steps-five>div{min-height:0}

/* ======================================================================
   Product colours — like the software, each anatomy/product has its own hue.
   Knee mint · Hip blue · Bone tumour coral · TAVR rose · Spine yellow · CMF violet · IntraOp amber
   ====================================================================== */
:root{--c-mint:#63e8cf;--c-blue:#6fa8ff;--c-coral:#ff8a65;--c-rose:#ff6b8b;--c-yellow:#f2c94c;--c-violet:#b48cff;--c-amber:#e9b44c}
.scan-ov .lv.femur{color:#b48cff}.scan-ov .lv.tibia{color:#f2c94c}

/* metrics + bottleneck numbers */
.metric b{color:#f1f7f6}
.problem-stat{border-top:3px solid var(--acc,var(--c-mint))}
.problem-stat:nth-child(1){--acc:var(--c-coral)}.problem-stat:nth-child(2){--acc:var(--c-amber)}.problem-stat:nth-child(3){--acc:var(--c-violet)}
.problem-stat b,.problem-stat span{color:var(--acc)}

/* product accents: engine cards + application cards */
.app-card{border-top:3px solid var(--acc,var(--c-mint))}
.app-card:nth-child(1){--acc:var(--c-mint)}
.app-card:nth-child(2){--acc:var(--c-blue)}
.app-card:nth-child(3){--acc:var(--c-coral)}
.app-card:nth-child(4){--acc:var(--c-rose)}
.app-card:nth-child(5){--acc:var(--c-yellow)}
.app-card:nth-child(6){--acc:var(--c-violet)}
.app-card:nth-child(7){--acc:var(--c-amber)}
.app-card h3{color:#f1f7f6}
.app-card .eyebrow{color:var(--acc)}

/* explorer: active product colour (set by site.js as --prod) */
.product-explorer{--prod:var(--c-mint)}
.product-tab.active{border-bottom-color:var(--prod)!important;color:#fff}
.workflow-step.active span,.explorer-copy .eyebrow{color:var(--prod)}
.workflow-step.active{box-shadow:inset 0 2px 0 var(--prod)}

/* numbered steps + milestones cycle through the palette */
.plan-steps>div:nth-child(1) span,.intraop-steps>div:nth-child(1) span{color:var(--c-mint)}
.plan-steps>div:nth-child(2) span,.intraop-steps>div:nth-child(2) span{color:var(--c-blue)}
.plan-steps>div:nth-child(3) span,.intraop-steps>div:nth-child(3) span{color:var(--c-violet)}
.plan-steps>div:nth-child(4) span,.intraop-steps>div:nth-child(4) span{color:var(--c-amber)}
.plan-steps>div:nth-child(5) span,.intraop-steps>div:nth-child(5) span{color:var(--c-coral)}
.plan-steps>div,.intraop-steps>div{position:relative}
.milestones li:nth-child(1):before{background:var(--c-mint)}.milestones li:nth-child(2):before{background:var(--c-blue)}.milestones li:nth-child(3):before{background:var(--c-violet)}.milestones li:nth-child(4):before{background:var(--c-amber)}
.milestones li:nth-child(1) span{color:var(--c-mint)}.milestones li:nth-child(2) span{color:var(--c-blue)}.milestones li:nth-child(3) span{color:var(--c-violet)}.milestones li:nth-child(4) span{color:var(--c-amber)}.milestones li:nth-child(5) span{color:var(--c-coral)}
.milestones:before{background:linear-gradient(90deg,var(--c-mint),var(--c-blue),var(--c-violet),var(--c-amber),rgba(255,138,101,.35))}

/* Plan vs IntraOp cards */
.platform-preview-card.dark-preview{border-top:3px solid var(--c-amber)}
.platform-preview-card.dark-preview .eyebrow,.platform-preview-card.dark-preview .mint-link{color:var(--c-amber)!important}
.platform-preview-card:not(.dark-preview){border-top:3px solid var(--c-mint)}
.timeline-steps>div:nth-child(1) span{color:var(--c-mint)}

/* hero proof points on one line */
.scan-copy .proof-row{flex-wrap:nowrap;gap:16px;font-size:12px;white-space:nowrap}
.scan-copy .proof-row span{gap:7px}
@media(max-width:1150px){.scan-copy .proof-row{flex-wrap:wrap;white-space:normal}}
/* metric labels on one line */
.metric span{white-space:nowrap;letter-spacing:.03em}
@media(max-width:980px){.metric span{white-space:normal}}

/* bottleneck: one warning colour, reads as a problem */
.problem-section{--warn:#ff6b6b}
.problem-section .eyebrow{color:var(--warn)}
.problem-stat,.problem-stat:nth-child(1),.problem-stat:nth-child(2),.problem-stat:nth-child(3){--acc:var(--warn)}
.problem-stat{background:rgba(255,107,107,.045);border:1px solid rgba(255,107,107,.22);border-top:3px solid var(--warn)}
.problem-stat span{color:var(--warn)}
.problem-stat span:before{content:"⚠ ";font-family:var(--sans)}
.problem-stat b{color:#fff}
.problem-stat strong{color:#ffd9d6}

/* bottleneck → AlgoSurg answer */
.problem-stat{display:flex;flex-direction:column}
.problem-stat .answer{margin-top:auto;padding-top:16px;border-top:1px dashed rgba(255,255,255,.12);margin-bottom:0;font-size:13px;color:#cfe7e3;line-height:1.5}
.problem-stat p{margin-bottom:18px}
.problem-stat .answer em{display:block;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;font-style:normal;color:var(--mint);margin-bottom:6px}
.problem-stat .answer b{display:inline;font-size:18px;line-height:1.2;color:var(--mint);margin:0 6px 0 0;letter-spacing:-.02em}
.problem-stat .answer.warn em,.problem-stat .answer.warn b{color:var(--warn)}
.problem-stat .answer sup{color:#7f979b}
#how .text-link{display:inline-block;margin-top:6px}
.statusbar-slot{margin-left:auto;display:flex;align-items:center}
.motion-toggle.in-bar{position:static;background:transparent;border:1px solid rgba(255,255,255,.14);padding:4px 8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#9fb2b6;backdrop-filter:none}
.motion-toggle.in-bar:hover{color:var(--mint);border-color:var(--mint)}
@media(max-width:760px){.statusbar-inner>span:nth-child(2),.statusbar-inner>span:nth-child(3){display:none}}
.scan:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.team-photo-amit{background-image:url('assets/team/amit-maurya.jpg?v=2');background-size:cover;background-position:center 22%}
.footer-social{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px}
.footer-social a{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#9fb2b6;text-decoration:none;border:1px solid rgba(255,255,255,.12);padding:6px 10px;border-radius:6px}
.footer-social a:hover{color:var(--mint);border-color:var(--mint)}
.founders-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
.founders-grid .team-photo{height:320px}
@media(max-width:760px){.founders-grid{grid-template-columns:1fr}}

/* company hero: "at a glance" readout */
.company-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.glance{position:relative;border:1px solid rgba(99,232,207,.22);border-radius:12px;background:rgba(14,28,33,.7);padding:22px 24px 10px}
.glance:after{content:"";position:absolute;inset:8px;pointer-events:none;background:
 linear-gradient(var(--mint),var(--mint)) top left/14px 1.5px no-repeat,linear-gradient(var(--mint),var(--mint)) top left/1.5px 14px no-repeat,
 linear-gradient(var(--mint),var(--mint)) bottom right/14px 1.5px no-repeat,linear-gradient(var(--mint),var(--mint)) bottom right/1.5px 14px no-repeat}
.glance-head{display:flex;justify-content:space-between;font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#6f878b;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.glance-head .live{color:var(--mint)}
.glance-head .live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:7px;vertical-align:1px;animation:as-pulse 2.2s ease-in-out infinite}
.glance dl{margin:0}
.glance dl>div{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.glance dl>div:last-child{border-bottom:0}
.glance dt{font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mint);padding-top:2px}
.glance dd{margin:0;color:#dce8e7;font-size:14px;line-height:1.5}
.glance .pipe{display:flex;flex-wrap:wrap;gap:6px}
.glance .pipe span{font:500 11px var(--mono);letter-spacing:.04em;padding:3px 8px;border-radius:4px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);color:var(--c);background:color-mix(in srgb,var(--c) 10%,transparent)}
@media(max-width:980px){.company-hero{grid-template-columns:1fr;gap:36px}}
@media(max-width:560px){.glance dl>div{grid-template-columns:1fr;gap:4px}}
.company-hero{align-items:start}
.company-hero .glance{margin-top:52px}@media(max-width:980px){.company-hero .glance{margin-top:0}}
.founders-grid{margin-left:auto;margin-right:auto}


/* "What we provide": two offerings, one neutral style + mint accent */
.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.offer{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:30px 30px 26px}
.offer-tag{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mint)}
.offer h3{font-size:28px;line-height:1.1;margin:14px 0 10px;color:#f1f7f6}
.offer>p{color:var(--muted);font-size:15px;line-height:1.6;margin:0 0 22px;max-width:480px}
.offer-flow{list-style:none;margin:0 0 22px;padding:0;display:flex;align-items:center;gap:0}
.offer-flow li{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#cfe0de;border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:7px 10px}
.offer-flow li+li:before{content:"";display:inline-block;width:14px;height:1px;background:rgba(99,232,207,.6);vertical-align:middle;margin:0 0 0 -25px;position:relative;left:-6px}
.offer-flow li+li{margin-left:24px}
.offer-templates{list-style:none;margin:0 0 22px;padding:0;border-top:1px solid var(--line)}
.offer-templates li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.offer-templates b{font-size:16px;color:#f1f7f6;font-weight:600}
.offer-templates span{font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8ea4a8}
.offer-templates span.on{color:var(--mint)}
.offer-spec{margin:0 0 20px}
.offer-spec>div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:8px 0}
.offer-spec dt{font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7f979b;padding-top:2px}
.offer-spec dd{margin:0;color:#dce8e7;font-size:14px}
.offer .text-link{margin-top:auto}
@media(max-width:980px){.offer-grid{grid-template-columns:1fr}}
@media(max-width:560px){.offer-flow{flex-wrap:wrap;gap:8px}.offer-flow li+li{margin-left:0}.offer-flow li+li:before{display:none}}
/* restored after the engine-section clean-up */
.runtime-grid>div,.workflow-card{background:var(--surface-2);border-color:var(--line);color:var(--text)}
@media(max-width:980px){.problem-grid{grid-template-columns:1fr}.problem-stat b{font-size:46px}}
/* explorer: left column (video + steps) fills the same height as the copy panel */
@media(min-width:981px){.explorer-left{display:flex;flex-direction:column}.explorer-left .product-media{flex:1;min-height:0;position:relative}.explorer-left .product-media-asset{position:absolute;inset:22px;width:calc(100% - 44px);height:calc(100% - 44px)}}
/* inner-page hero headlines: always three balanced lines */
.page-hero h1.h1-3{font-size:clamp(34px,5.4vw,72px);line-height:1;max-width:none;white-space:nowrap}
.team-photo-vikas{background-position:center top}
.company-hero .trust-row{flex-wrap:nowrap}.company-hero .trust-chip{white-space:nowrap}@media(max-width:520px){.company-hero .trust-row{flex-wrap:wrap}}
/* licensing: integration-depth ladder */
.tier-scale{display:flex;align-items:center;gap:14px;margin:6px 0 18px;font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#7f979b}
.tier-scale i{flex:1;height:1px;background:linear-gradient(90deg,rgba(99,232,207,.15),rgba(99,232,207,.7));position:relative}
.tier-scale i:after{content:"";position:absolute;right:-1px;top:-3px;border:4px solid transparent;border-left:6px solid rgba(99,232,207,.7);border-right:0}
.tier-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tier{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:22px 22px 20px}
.tier-3{border-color:rgba(99,232,207,.35);box-shadow:0 0 0 1px rgba(99,232,207,.08) inset}
.tier-top{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:22px}
.tier-no{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mint)}
.tier-badge{font:500 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mint);border:1px solid rgba(99,232,207,.4);border-radius:999px;padding:3px 8px;white-space:nowrap}
.tier-badge.dim{color:#8ea4a8;border-color:rgba(255,255,255,.14)}
.tier-stack{list-style:none;margin:18px 0 20px;padding:0;display:grid;gap:5px}
.tier-stack li{border:1px dashed rgba(255,255,255,.14);border-radius:6px;padding:7px 10px;font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#5f777b}
.tier-stack li.ours{border:1px solid rgba(99,232,207,.45);background:rgba(99,232,207,.1);color:#cfeee8}
.tier h3{font-size:20px;line-height:1.2;margin:0 0 8px;color:#f1f7f6}
.tier>p{color:var(--muted);font-size:14px;line-height:1.55;margin:0 0 16px}
.tier-spec{margin:auto 0 0;border-top:1px solid var(--line)}
.tier-spec>div{padding:9px 0 0}
.tier-spec dt{font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#7f979b}
.tier-spec dd{margin:3px 0 0;color:#dce8e7;font-size:13.5px}
.tier-foot{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:22px;flex-wrap:wrap}
.tier-legend{display:flex;gap:22px;font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#7f979b}
.tier-legend span{display:flex;align-items:center;gap:8px}
.tier-legend i{width:18px;height:10px;border-radius:3px;border:1px dashed rgba(255,255,255,.25)}
.tier-legend i.ours{border:1px solid rgba(99,232,207,.5);background:rgba(99,232,207,.15)}
@media(max-width:1100px){.tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.tier-grid{grid-template-columns:1fr}.tier-scale{display:none}}
/* home: what we provide — engine diagram */
.eng{display:grid;grid-template-columns:minmax(0,.75fr) 44px minmax(0,1fr) 44px minmax(0,1.25fr);align-items:center}
.eng-label{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#7f979b;display:flex;align-items:center;gap:8px}
.eng-in,.eng-core,.eng-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.eng-in{padding:22px}
.eng-in ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.eng-in li{border:1px dashed rgba(255,255,255,.16);border-radius:6px;padding:9px 12px;color:#cfe0de;font-size:14px}
.eng-arrow{width:44px;height:100%;min-height:120px;overflow:visible}
.eng-arrow path{fill:none;stroke:rgba(99,232,207,.6);stroke-width:1.5;vector-effect:non-scaling-stroke}
.eng-core{padding:26px 24px;border-color:rgba(99,232,207,.4);background:linear-gradient(180deg,rgba(99,232,207,.08),rgba(99,232,207,.02)),var(--surface);box-shadow:0 0 40px rgba(99,232,207,.06)}
.eng-core .eng-label{color:var(--mint)}
.eng-core .eng-label i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}
.eng-core h3{font-size:24px;line-height:1.15;margin:14px 0 16px;color:#f1f7f6}
.eng-steps{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.eng-steps li{border:1px solid rgba(99,232,207,.35);background:rgba(99,232,207,.08);border-radius:6px;padding:8px 10px;font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#cfeee8}
.eng-core p{margin:0;color:var(--muted);font-size:14px}
.eng-out{display:grid;gap:14px}
.eng-card{padding:20px 22px}
.eng-card h3{font-size:19px;margin:10px 0 6px;color:#f1f7f6}
.eng-card p{color:var(--muted);font-size:14px;line-height:1.55;margin:0 0 12px}
.eng-planners{list-style:none;margin:4px 0 12px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}
.eng-planners li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}
.eng-planners b{font-size:14.5px;color:#f1f7f6;font-weight:600}
.eng-planners span{font:500 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8ea4a8;white-space:nowrap}
.eng-planners span.on{color:var(--mint)}
.eng-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
@media(max-width:980px){.eng{grid-template-columns:1fr}.eng-arrow{width:100%;height:32px;min-height:0;transform:none}.eng-arrow path{d:path("M20 0V100")}.eng-fork path{d:path("M20 0V100")}.eng-arrow{max-width:40px;margin:0 auto}}
@media(max-width:560px){.eng-planners{grid-template-columns:1fr}}
.lv.pv{color:#ff6b8b}.lv.fm{color:#e9b44c}
.scan-3d{top:84px}
/* Ask AlgoSurg: structured FAQ */
.faq-tabs{display:flex;gap:6px;padding:12px 14px 10px;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}
.faq-tabs button{flex:none;border:1px solid rgba(255,255,255,.14);background:transparent;color:#b8c7ca;border-radius:999px;padding:6px 11px;font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.faq-tabs button[aria-selected="true"]{border-color:rgba(99,232,207,.55);background:rgba(99,232,207,.12);color:var(--mint)}
.faq-list{flex:1;overflow-y:auto;padding:4px 16px 8px}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:12px 0;font-size:13.5px;font-weight:600;color:#e6f0ef;line-height:1.4}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"+";flex:none;font:500 15px var(--mono);color:var(--mint);line-height:1.2}
.faq-item[open] summary:after{content:"–"}
.faq-item summary:focus-visible{outline:2px solid var(--mint);outline-offset:2px;border-radius:4px}
.faq-a{padding:0 0 14px;font-size:13px;line-height:1.6;color:var(--muted)}
.faq-a p{margin:0}
.faq-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 16px;border-top:1px solid var(--line);font-size:12px;color:#8ea4a8}
.faq-foot .ask-link{margin:0}
.case-note{margin:10px 0 18px;font-size:13px;color:var(--muted)}
.boundary-note strong,.prototype-note strong{color:#f1f7f6}
.cta-inner .btn{white-space:nowrap;flex:none}
/* platform: integration diagram */
.io{display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,1.25fr) 110px minmax(0,1fr);align-items:center}
.io-label{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#7f979b;display:flex;align-items:center;gap:8px;margin-bottom:14px}
.io-col,.io-core{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:22px}
.io-col ul,.io-core ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.io-col li{border:1px dashed rgba(255,255,255,.16);border-radius:6px;padding:9px 12px;color:#cfe0de;font-size:14px}
.io-core{padding:26px 24px;border-color:rgba(99,232,207,.4);background:linear-gradient(180deg,rgba(99,232,207,.08),rgba(99,232,207,.02)),var(--surface);box-shadow:0 0 40px rgba(99,232,207,.06)}
.io-core .io-label{color:var(--mint)}
.io-core .io-label b{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}
.io-core li{border:1px solid rgba(99,232,207,.35);background:rgba(99,232,207,.08);border-radius:6px;padding:10px 12px;color:#e6f6f2;font-size:14.5px;font-weight:600}
.io-iface{display:flex;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.io-iface span{flex:1;text-align:center;font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mint);border:1px solid rgba(99,232,207,.4);border-radius:999px;padding:6px 4px}
.io-link{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 10px}
.io-link span{font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#7f979b;white-space:nowrap}
.io-link i{display:block;width:100%;height:1.5px;background:rgba(99,232,207,.6);position:relative}
.io-link i:after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left:7px solid rgba(99,232,207,.7);border-right:0}
@media(max-width:980px){.io{grid-template-columns:1fr}.io-link{flex-direction:row;justify-content:center;padding:12px 0}.io-link i{width:1.5px;height:28px}.io-link i:after{right:-4px;top:auto;bottom:-1px;border:5px solid transparent;border-top:7px solid rgba(99,232,207,.7);border-bottom:0}}
/* company: roadmap */
.road{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;position:relative}
.road:before{content:"";position:absolute;left:8px;right:0;top:8px;height:1.5px;background:linear-gradient(90deg,var(--mint) 0 33%,rgba(99,232,207,.45) 33% 66%,rgba(255,255,255,.14) 66%)}
.road li{position:relative;padding-top:0}
.road-mark{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.road-mark i{position:relative;z-index:1;width:17px;height:17px;border-radius:50%;background:var(--deep,#071217);border:1.5px solid rgba(255,255,255,.25)}
.road li.done .road-mark i{background:var(--mint);border-color:var(--mint);box-shadow:0 0 12px rgba(99,232,207,.6)}
.road li.next .road-mark i{border-color:var(--mint);box-shadow:inset 0 0 0 4px var(--deep,#071217),inset 0 0 0 10px rgba(99,232,207,.7)}
.road-mark span{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#7f979b;background:var(--deep,#071217);padding-right:10px;position:relative;z-index:1}
.road li.done .road-mark span,.road li.next .road-mark span{color:var(--mint)}
.road h3{font-size:24px;margin:0 0 10px;color:#f1f7f6}
.road p{margin:0;color:var(--muted);font-size:15px;line-height:1.6;max-width:330px}
@media(max-width:860px){.road{grid-template-columns:1fr;gap:28px}.road:before{left:8px;right:auto;top:8px;bottom:8px;width:1.5px;height:auto;background:linear-gradient(180deg,var(--mint) 0 33%,rgba(99,232,207,.45) 33% 66%,rgba(255,255,255,.14) 66%)}}
.founder-link{color:inherit;text-decoration:none}.founder-link span{font:500 11px var(--mono);color:var(--mint);border:1px solid rgba(99,232,207,.4);border-radius:4px;padding:2px 5px;margin-left:6px;vertical-align:3px}.founder-link:hover span{background:rgba(99,232,207,.12)}
/* home plan card: planner reel */
.plan-reel{position:relative}
.plan-reel .reel-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.reel-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:12px 0 16px}
.reel-tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;cursor:pointer;border:1px solid var(--line);background:transparent;border-radius:8px;padding:8px 10px;color:#cfe0de;font:inherit}
.reel-tabs button b{font-size:13.5px;font-weight:600;color:#e6f0ef}
.reel-tabs button em{font:500 9.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;font-style:normal;color:#8ea4a8;white-space:nowrap}
.reel-tabs button em.on{color:var(--mint)}
.reel-tabs button[aria-selected="true"]{border-color:rgba(99,232,207,.55);background:rgba(99,232,207,.1)}
@media(max-width:560px){.reel-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.brand-logo{width:32px;height:32px;border-radius:6px;display:block;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.plan-reel .reel-still[hidden]{display:none!important}
.plan-reel .reel-still{max-height:none}
.reel-tabs-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.dark-preview .reel-tabs button[aria-selected="true"]{border-color:rgba(233,180,76,.6);background:rgba(233,180,76,.1)}
.dark-preview .reel-tabs button[aria-selected="true"] em{color:#e9b44c}
/* commercial proof: planner on a blurred OR backdrop */
.or-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius);background:#0b1418;padding:0}
.or-stage .or-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-height:none}
.or-stage .or-screen{position:absolute;left:12.4%;top:26.5%;width:58%;height:auto;aspect-ratio:16/9;object-fit:cover;max-height:none;border-radius:4px;box-shadow:0 18px 40px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08)}
.or-tag{position:absolute;right:12px;bottom:12px;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#e6f6f2;background:rgba(5,13,16,.7);border:1px solid rgba(99,232,207,.35);border-radius:4px;padding:5px 8px}
.case-study .or-stage{width:100%!important;max-width:100%;min-width:0;margin:0!important;align-self:center;min-height:0;height:auto}
.brand-logo{width:24px;height:24px;border-radius:5px}
.plan-proof-panel p{color:var(--muted);font-size:14px}
.plan-proof-panel h3{color:#f1f7f6}
.or-stage .or-screen{left:16.56%;top:26.8%;width:49.45%;height:56.25%;aspect-ratio:auto;object-fit:contain;background:#000;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.6)}
.lv.sc{color:#7ed38f}
@media(min-width:981px){.milestones-section .section-head{grid-template-columns:auto minmax(0,1fr);align-items:end}.milestones-section .section-head h2{white-space:nowrap}}
.scan{aspect-ratio:4/3}
.runtime-note{margin:10px 0 0;font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7f979b}
/* OR stage v2: scene scaled 1.3x around the laptop screen; planner inside with a margin */
.or-stage .or-bg{transform:scale(1.3);transform-origin:41.28% 54.93%}
.or-stage .or-display{position:absolute;left:9.13%;top:18.37%;width:64.3%;height:73.1%;background:#05080a;border-radius:3px;overflow:hidden}
.or-stage .or-display .or-screen{position:absolute;left:4%;top:5%;width:92%;height:90%;object-fit:contain;background:transparent;box-shadow:none;border-radius:2px;aspect-ratio:auto}
/* hero: swap the 3D window and the CT */
.scan-3d{cursor:zoom-in;transition:top .4s ease,right .4s ease,width .4s ease,height .4s ease,border-radius .4s ease,transform .25s ease}
.scan:not(.swapped) .scan-3d:hover,.scan:not(.swapped) .scan-3d:focus-visible{transform:scale(1.06);border-color:rgba(99,232,207,.7)}
.scan.swapped .scan-3d{top:0;right:0;width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;cursor:default;transform:none}
.scan.swapped .scan-3d video{object-fit:contain}
.scan.swapped{cursor:default}
.scan.swapped .scan-wipe,.scan.swapped .scan-hint,.scan.swapped .scan-ov.tl,.scan.swapped .scan-ch{opacity:0;pointer-events:none}
.scan-mini{position:absolute;right:14px;top:84px;width:clamp(120px,24%,200px);aspect-ratio:952/620;padding:0;margin:0;z-index:6;cursor:zoom-in;background:#000;border:1px solid rgba(99,232,207,.45);border-radius:8px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.55);transition:transform .25s ease}
.scan-mini[hidden]{display:none}
.scan-mini:hover,.scan-mini:focus-visible{transform:scale(1.06)}
.scan-mini img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-height:none}
.scan-mini span{position:absolute;left:0;right:0;bottom:0;padding:5px 8px;text-align:left;font:500 9.5px var(--mono);letter-spacing:.06em;color:#cfe7e3;background:linear-gradient(transparent,rgba(0,0,0,.85))}
.scan-mini b{color:var(--mint)}
.scan.swapped .scan-ov.tr{z-index:6}
/* platform hero: interactive AI landmarks over the knee art (same box as .page-hero:after) */
.hero-lm{position:absolute;top:0;right:0;bottom:0;width:min(46vw,640px);z-index:3;pointer-events:none;container-type:size;display:flex;align-items:center;justify-content:center}
.hero-lm-in{position:relative;width:min(100cqw,calc(100cqh*900/946));aspect-ratio:900/946}
.lm{position:absolute;left:var(--x);top:var(--y);width:22px;height:22px;margin:-11px 0 0 -11px;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto}
.lm:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#63e8cf;box-shadow:0 0 0 2px rgba(5,13,16,.85),0 0 10px rgba(99,232,207,.9)}
.lm:after{content:"";position:absolute;inset:1px;border-radius:50%;border:1.5px solid rgba(99,232,207,.65);animation:lmPulse 2.8s ease-out infinite;animation-delay:calc(var(--y)*0.04s)}
@keyframes lmPulse{0%{transform:scale(.55);opacity:.9}70%{transform:scale(1.35);opacity:0}100%{opacity:0}}
.lm span{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%,4px);white-space:nowrap;font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#e6f6f2;background:rgba(5,13,16,.92);border:1px solid rgba(99,232,207,.5);border-radius:4px;padding:5px 8px;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.lm:hover span,.lm:focus-visible span{opacity:1;transform:translate(-50%,0)}
.lm:hover:before,.lm:focus-visible:before{background:#fff}
.lm:focus-visible{outline:none}
.lm-tibia span{bottom:auto;top:calc(100% + 6px);transform:translate(-50%,-4px)}
.lm-tibia:hover span,.lm-tibia:focus-visible span{transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){.lm:after{animation:none;opacity:0}}
@media(max-width:980px){.hero-lm{display:none}}
/* applications hero: hover a bone to identify it */
.hero-bones{position:absolute;top:0;right:0;bottom:0;width:min(46vw,640px);z-index:3}
.hero-bones svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hero-bones .bone{fill:transparent;stroke:transparent;stroke-width:2.5;cursor:crosshair;transition:fill .2s ease,stroke .2s ease,filter .2s ease;outline:none}
.hero-bones.active .bone{fill:rgba(5,13,16,.38)}
.hero-bones .bone:hover,.hero-bones .bone:focus-visible{fill:color-mix(in srgb,var(--c) 22%,transparent);stroke:var(--c);filter:drop-shadow(0 0 8px var(--c))}
.bone-tip{position:absolute;transform:translate(14px,-50%);pointer-events:none;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;background:rgba(5,13,16,.92);border:1px solid color-mix(in srgb,var(--c,#63e8cf) 60%,transparent);border-radius:6px;padding:7px 10px;box-shadow:0 10px 30px rgba(0,0,0,.5);white-space:nowrap;z-index:4}
.bone-tip[hidden]{display:none}
.bone-tip i{width:9px;height:9px;border-radius:50%;background:var(--c,#63e8cf);box-shadow:0 0 8px var(--c,#63e8cf);grid-row:span 2}
.bone-tip b{font:600 13px var(--sans,inherit);color:#f1f7f6}
.bone-tip small{font:500 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7f979b}
@media(max-width:980px){.hero-bones{display:none}}
.app-card:nth-child(-n+4){--acc:var(--c-mint)}.app-card:nth-child(5),.app-card:nth-child(6){--acc:var(--c-blue)}

/* contact form privacy note */
.form-note{font-size:12px;line-height:1.45;color:#5b6b70;margin:-6px 0 0}.form-note a{color:inherit;text-decoration:underline}
/* OR stage v3: planner on a MacBook, robotic OR blurred behind */
.or-stage .or-bg{transform:scale(1.12);transform-origin:50% 50%;filter:blur(6px) brightness(.68) saturate(.9)}
.or-stage .mac{position:absolute;left:15%;width:70%;top:10.5%}
.or-stage .mac-lid{position:relative;background:#0a0c0f;padding:2.4% 2% 2%;border-radius:2.2% / 3.6%;box-shadow:0 0 0 1.5px #3a3f45,inset 0 0 0 1px rgba(255,255,255,.06),0 24px 48px rgba(0,0,0,.6)}
.or-stage .mac-lid::before{content:"";position:absolute;left:50%;top:.85%;width:.7%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:#1d2329;box-shadow:inset 0 0 0 1px #2c343b}
.or-stage .mac-lid .or-screen{position:static;display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;max-height:none;border-radius:3px;background:#000;box-shadow:none;left:auto;top:auto}
.or-stage .mac-base{position:relative;margin:0 -7.5%;padding-top:2.4%;background:linear-gradient(#6b7178,#3a3f45 45%,#1e2226);border-radius:0 0 50% 50% / 0 0 90% 90%}
.or-stage .mac-base::before{content:"";position:absolute;left:50%;top:0;width:15%;height:42%;transform:translateX(-50%);background:linear-gradient(#2a2f34,#4a5057);border-radius:0 0 10px 10px}
/* OR stage v4: MacBook left, blurred robotic-knee scene right (baked grade/blur), plan -> robot strip */
.or-stage .or-bg{transform:none;filter:none;object-position:50% 50%}
.or-stage .mac{left:4%;width:58%;top:7%}
.or-flow{position:absolute;left:4%;right:4%;bottom:5%;display:flex;align-items:center;gap:8px;font:500 10px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#dceee9}
.or-flow .of-step{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:5px;background:rgba(5,13,16,.78);border:1px solid rgba(99,232,207,.3);white-space:nowrap;backdrop-filter:blur(4px)}
.or-flow .of-step b{font-weight:600}
.or-flow .of-step em{font-style:normal;color:#8fb3ad}
.or-flow .of-robot{border-color:rgba(99,232,207,.75);color:#63e8cf;box-shadow:0 0 18px rgba(99,232,207,.25)}
.or-flow .of-robot svg{width:15px;height:15px}
.or-flow .of-arrow{flex:1 1 18px;min-width:14px;height:1px;position:relative;background:repeating-linear-gradient(90deg,rgba(99,232,207,.85) 0 5px,transparent 5px 9px);background-size:18px 1px;animation:ofdash 1.1s linear infinite}
.or-flow .of-arrow::after{content:"";position:absolute;right:-1px;top:-3px;border:3.5px solid transparent;border-left:5px solid rgba(99,232,207,.9);border-right:0}
@keyframes ofdash{to{background-position:18px 0}}
@media (prefers-reduced-motion:reduce){.or-flow .of-arrow{animation:none}}
@media (max-width:640px){.or-flow{font-size:8.5px;gap:5px}.or-flow .of-step{padding:4px 6px}.or-flow .of-plan em{display:none}.or-stage .mac{width:62%;top:6%}}
/* strip scales with the stage width */
.or-stage{container-type:inline-size}
.or-flow{font-size:clamp(7px,1.75cqw,10.5px);gap:1.4cqw}
.or-flow .of-step{padding:.9cqw 1.4cqw;gap:.9cqw}
.or-flow .of-robot svg{width:2.6cqw;height:2.6cqw;min-width:11px;min-height:11px}
@container (max-width:640px){.or-flow .of-plan em{display:none}}
/* taller stage so more of the robotic scene shows */
.or-stage{aspect-ratio:16/11}
.or-stage .or-bg{object-position:72% 50%}
.or-stage .mac{top:12%}
/* plain-language subtitle next to procedure acronyms */
.app-card h3 small{font:500 .5em/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8fb3ad;margin-left:.5em;vertical-align:middle;white-space:nowrap}

/* metrics row: labels wrap instead of pushing the page wider */
.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.metric span{white-space:normal}
@media(max-width:760px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}