:root{--header-size:88px;--interface-scale:1}
.brand{letter-spacing:-.055em}.brand-light{color:#65caff;font-weight:500}.brand small{color:#91a8bb;font-size:.75rem;letter-spacing:.11em}
.button{background:#0284c7;border-color:#0284c7;color:#fff}.button:hover{background:#0369a1;border-color:#0369a1}.button-outline{background:transparent;border-color:#395267;color:#edf2f7}.button-outline:hover{background:#142a3d;border-color:#38bdf8}
.hero .eyebrow{color:#5dcafa}.bridge-node-logo .icon{width:33px;height:33px;margin:7px auto 0}.hardware-art img{filter:none}
.product-hero{overflow:clip;background:radial-gradient(ellipse at 87% 8%,#112840 0%,transparent 32%),#0b0f14;padding:50px 0 0}
.product-hero .hero-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:52px;align-items:start}
.product-hero .hero-copy{position:sticky;top:calc(var(--header-size) + 45px);padding:26px 0 0;align-self:start;z-index:5}
.product-hero h1{font-size:clamp(2.8rem,4.25vw,4.3rem);line-height:1.12}.product-hero .hero-description{font-size:1rem;line-height:1.75;margin-top:25px;max-width:465px}
.product-hero .hero-actions{gap:22px;margin-top:29px}.product-hero .hero-actions .button{padding:15px 19px;gap:13px;font-size:.875rem}.product-hero .hero-actions .text-link{font-size:.875rem}
.product-hero .hero-notes{gap:11px 20px;font-size:.875rem;margin-top:26px}.product-hero .hero-notes .icon{color:#38bdf8}
.interface-explainer{border-top:1px solid #27394b;margin-top:31px;padding-top:20px;max-width:415px}.interface-explainer .small-label{font-size:.75rem;letter-spacing:.1em;color:#6f94b2}.interface-explainer h2{font-size:1.15rem;letter-spacing:-.025em;margin-top:9px;line-height:1.4}.interface-explainer p{font-size:.875rem;color:#91a9bc;line-height:1.75;margin-top:8px;min-height:49px}
.software-tour{height:270svh;position:relative;min-width:0;scroll-margin-top:calc(var(--header-size) + 40px)}
.software-stage{position:sticky;top:calc(var(--header-size) + 36px);width:100%;max-width:calc((100svh - var(--header-size) - 168px)*1.24);margin-left:auto}
.software-stage-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:.75rem;letter-spacing:.085em;color:#90abc0;padding:0 0 22px 6px}.software-stage-heading b{font-weight:600;color:#66ccff}
.software-deck{position:relative;perspective:1800px;perspective-origin:45% 44%;aspect-ratio:1080/863;width:100%;isolation:isolate}
.software-deck:before{content:'';position:absolute;inset:10% -5% -12%;background:radial-gradient(ellipse at 50% 50%,#167abd22,transparent 70%);z-index:-1;pointer-events:none}
.software-card{position:absolute;inset:0;margin:0;transform-origin:50% 50%;transform:rotateY(-9deg) rotateX(3deg);backface-visibility:hidden;visibility:hidden;pointer-events:none}.software-card:first-child{visibility:visible}.software-card.is-current{pointer-events:auto}
.software-window{width:100%;background:#0b0f14;border:1px solid #426078;border-radius:12px;overflow:hidden;box-shadow:0 22px 60px #0009,0 0 0 4px #80b3d508;backface-visibility:hidden}
.window-chrome{height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;background:linear-gradient(110deg,#172532,#111b27);border-bottom:1px solid #2d4153;font-size:.75rem;color:#d1e5f2;line-height:1.3}
.window-indicators{display:flex;gap:5px;align-items:center}.window-indicators i{width:5px;height:5px;border-radius:50%;background:#4d677d}.window-section{color:#85a5bf;margin-left:5px}.window-view-label{font-size:.75rem;color:#698aa5;letter-spacing:.055em}
.screen-canvas{position:relative;width:100%;aspect-ratio:1080/820;background:#0b0f14;overflow:hidden}.screen-canvas iframe{position:absolute;left:0;top:0;width:1080px;height:820px;max-width:none;border:0;transform:scale(var(--interface-scale));transform-origin:top left;pointer-events:none;background:#0b0f14}
/* Native zoom renders iframe text at the displayed pixel density without changing its logical layout. */
@supports(zoom:1){.screen-canvas iframe{zoom:var(--interface-scale);transform:none}}
.interface-expand{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;gap:9px;background:none;border:0;padding:17px;color:#d6edff;cursor:zoom-in;border-radius:12px;font-size:.8125rem}.interface-expand span{padding:6px 11px;background:#11324eeb;border:1px solid #407599;border-radius:4px;box-shadow:0 3px 10px #0005;opacity:0;transition:opacity .2s}.interface-expand>.icon{width:31px;height:31px;padding:5px;background:#11324eeb;border:1px solid #407599;border-radius:4px}.interface-expand:hover span,.interface-expand:focus-visible span{opacity:1}.interface-expand:hover>.icon{background:#075985;color:white}
.interface-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px;position:relative;z-index:10}.interface-tabs button{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px 8px;position:relative;text-align:left;background:none;border:0;color:#7f9aaf;padding:11px 0 14px;border-bottom:1px solid #294055;font-size:.875rem;font-weight:500;min-height:49px;line-height:1.5}.interface-tabs button:hover{color:#c0e6ff}.interface-tabs button[aria-selected=true]{color:#bce7ff}.interface-tab-number{font-size:.75rem;color:#587b97}.interface-tabs button[aria-selected=true] .interface-tab-number{color:#38bdf8}.interface-tab-progress{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#38bdf8;transform:scaleX(0);transform-origin:left;transition:transform .2s}.interface-tabs button[aria-selected=true] .interface-tab-progress{transform:scaleX(1)}
.software-stage-footer{display:flex;justify-content:space-between;align-items:start;gap:18px;padding:18px 0 0;color:#708ea4;font-size:.75rem;line-height:1.6}.scroll-indicator{display:flex;gap:7px;align-items:center}.scroll-indicator .icon{width:16px;height:16px;transform:rotate(90deg);color:#52b8ec}
.product-hero .hero-facts{margin-top:0;border-top-color:#273140;padding-top:25px;padding-bottom:32px}.product-hero .hero-facts div{border-left-color:#273140}
.interface-modal{padding:0;width:min(1220px,94vw);max-width:94vw;height:min(1000px,92svh);max-height:92svh;border:1px solid #385e7a;border-radius:12px;color:#edf2f7;background:#0b0f14;box-shadow:0 30px 120px #000b;overflow:hidden}.interface-modal[open]{display:flex;flex-direction:column}.interface-modal::backdrop{background:#030a14e8;backdrop-filter:blur(9px)}.interface-modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid #273e53;background:#101c28;flex:0 0 auto}.interface-modal-header h2{font-size:1.2rem;letter-spacing:-.025em}.interface-modal-header p{font-size:.8125rem;color:#8dacbf;margin-top:4px}.interface-modal-header button{display:flex;align-items:center;justify-content:center;border:1px solid #39576e;background:#172b3d;border-radius:5px;color:#d2ebfc;width:42px;height:42px}.interface-modal-header button:hover{background:#244a69}.interface-modal-header button .icon{transform:rotate(45deg);width:23px;height:23px}.interface-modal>iframe{width:100%;height:100%;min-height:0;flex:1 1 auto;border:0;background:#0b0f14}body.interface-modal-open{overflow:hidden}
.section-light .tag-dark{background:#e6eef7;color:#36566e}.section-light .feature-main{background:#edf3f9}.section-light .operations-card{background:#f0f5f9}.reliability-section{background:#121d29}.contact-section{background:#111f2e}.site-footer{background:#0a121c}.workflow-section{background:#0e1722}.demo-shell{background:#131e2b}.feature-top>.icon{color:#0284c7}
@media(min-width:1500px){.product-hero .hero-grid{gap:66px;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr)}.product-hero h1{font-size:4.5rem}.product-hero .hero-copy{padding-top:44px}.software-tour{height:275svh}}
@media(max-width:1150px){.product-hero .hero-grid{gap:32px;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}.product-hero h1{font-size:3.15rem}.product-hero .hero-copy{top:calc(var(--header-size) + 25px)}.product-hero .hero-notes{font-size:.875rem;display:grid}.product-hero .hero-actions{gap:17px}.interface-explainer{margin-top:25px;padding-top:17px}.software-stage-heading{font-size:.75rem;letter-spacing:.03em;gap:10px}.window-view-label{display:none}.window-chrome{justify-content:flex-start;gap:16px;height:36px}.interface-tabs{gap:11px}.interface-tabs button{gap:4px;font-size:.875rem}.interface-tab-number{display:none}.software-stage-footer{display:block}.software-stage-footer>span:last-child{display:block;margin-top:6px}.software-stage{top:calc(var(--header-size) + 30px)}}
@media(max-width:900px){:root{--header-size:77px}.product-hero{padding-top:32px}.product-hero .hero-grid{display:block}.product-hero .hero-copy{position:static;padding:0 0 38px;max-width:650px}.product-hero h1{font-size:clamp(2.8rem,7.5vw,4.4rem)}.product-hero .hero-description{max-width:640px}.product-hero .hero-notes{display:flex;flex-wrap:wrap;gap:12px 22px}.interface-explainer{display:none}.software-tour{height:250svh}.software-stage{max-width:min(740px,calc((100svh - var(--header-size) - 165px)*1.24));margin:0 auto;top:calc(var(--header-size) + 20px)}.software-stage-heading{padding-bottom:19px;font-size:.75rem;letter-spacing:.055em}.interface-tabs{margin-top:25px;gap:17px}.interface-tabs button{font-size:.9375rem}.interface-tab-number{display:inline}.software-stage-footer{display:flex;font-size:.75rem}.software-stage-footer>span:last-child{margin-top:0}.product-hero .hero-facts{grid-template-columns:1fr 1fr;margin-top:0}.window-view-label{display:inline}.window-chrome{justify-content:space-between;height:40px}.interface-expand span{opacity:1}.interface-modal-header{padding:15px 19px}}
@media(max-width:650px){.product-hero{padding-top:31px}.product-hero .hero-copy{padding:0 0 35px}.product-hero h1{font-size:clamp(2.3rem,9.9vw,4.8rem)}.product-hero .eyebrow{font-size:.75rem;letter-spacing:.04em;margin-bottom:22px}.product-hero .hero-description{font-size:1rem;margin-top:21px}.product-hero .hero-actions{margin-top:25px;gap:18px}.product-hero .hero-actions .button{font-size:.875rem;padding:15px 17px}.product-hero .hero-notes{display:grid;gap:10px;margin-top:25px;font-size:.875rem}.software-tour{height:230svh}.software-stage{max-width:100%;top:calc(var(--header-size) + 22px)}.software-stage-heading{font-size:.75rem;letter-spacing:.03em;padding:0 0 18px}.software-window{border-radius:8px}.window-chrome{height:32px;padding:0 11px;gap:9px;font-size:.75rem}.window-view-label{display:none}.window-chrome{justify-content:flex-start}.window-indicators{gap:4px}.window-indicators i{width:4px;height:4px}.window-section{margin-left:3px}.software-deck{aspect-ratio:1080/885;perspective:1100px}.interface-expand{padding:11px}.interface-expand span{display:none}.interface-expand>.icon{width:29px;height:29px}.interface-tabs{gap:11px;margin-top:23px}.interface-tabs button{font-size:.875rem;padding:10px 0 12px;justify-content:center;min-height:48px;gap:0;white-space:nowrap}.interface-tab-number{display:none}.software-stage-footer{display:block;padding-top:15px;font-size:.75rem}.software-stage-footer>span:last-child{margin-top:6px;color:#61819a}.software-card{transform:rotateY(-5deg) rotateX(2deg)}.product-hero .hero-facts{padding-top:23px;padding-bottom:30px;gap:21px 0}.product-hero .hero-facts strong{font-size:.875rem}.product-hero .hero-facts span{font-size:.75rem}.interface-modal{width:96vw;max-width:96vw;height:92svh;border-radius:8px}.interface-modal-header{padding:14px;gap:12px}.interface-modal-header h2{font-size:1.05rem}.interface-modal-header p{font-size:.75rem;max-width:235px}.interface-modal-header button{width:38px;height:38px;flex-shrink:0}}
/* Keep the desktop introduction and rotating views inside the available browser height. */
@media(min-width:901px) and (max-height:1000px){
  .product-hero{padding-top:24px}
  .product-hero .hero-copy{top:calc(var(--header-size) + 24px);padding-top:10px}
  .product-hero .eyebrow{margin-bottom:20px}
  .product-hero h1{font-size:clamp(2.8rem,min(4.25vw,7.6svh),4rem)}
  .product-hero .hero-description{margin-top:18px}
  .product-hero .hero-actions{margin-top:22px}
  .product-hero .hero-notes{margin-top:18px}
  .interface-explainer{margin-top:22px;padding-top:14px}
  .software-stage{top:calc(var(--header-size) + 24px);max-width:calc((100svh - var(--header-size) - 210px)*1.2)}
  .software-stage-heading{padding-bottom:18px}
  .interface-tabs{margin-top:18px}
  .software-stage-footer{padding-top:12px}
}
@media(min-width:901px) and (max-height:760px){.product-hero .hero-copy{position:static;padding:0}.product-hero{padding-top:24px}.product-hero h1{font-size:3rem}.product-hero .hero-description{font-size:.9375rem}.interface-explainer{margin-top:22px}.software-stage{top:calc(var(--header-size) + 18px)}}
@media(max-width:900px) and (max-height:640px){.software-stage{max-width:calc((100svh - var(--header-size) - 160px)*1.24);top:calc(var(--header-size) + 10px)}.software-stage-heading{padding-bottom:13px}.interface-tabs{margin-top:15px}.software-stage-footer{padding-top:9px}.scroll-indicator{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.software-card{will-change:auto;transform:none!important}.interface-expand span,.interface-tab-progress{transition:none}}