/* Homepage only: real application screens, cinematic hardware imagery. */
.home-page{--bg:#070d11;--surface:#0c151c;--line:#20313d;--text:#eff4f8;--muted:#98afbf;--accent:#49d8f2;background:var(--bg)}
.home-page .wrap{width:min(1320px,calc(100% - 88px))}
.home-page .header{height:76px;border-bottom:1px solid #7dbad21c;background:#070d11eF;backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}
.home-page .header .wrap,.home-page .nav{height:100%}
.home-page .brand{font-size:22px;font-weight:750;letter-spacing:-.6px;gap:10px}
.home-page .nav-links{gap:30px}
.home-page .nav-link{font-size:12px;color:#c6d2da;white-space:nowrap}
.home-page .nav-link:hover{color:var(--accent)}
.home-page .nav-contact{background:var(--accent);color:#041119;border:1px solid #8deaff;border-radius:8px;padding:9px 21px;font-size:12px;font-weight:800}
.home-page .nav-contact .arrow{display:none}
.home-page .lang-trigger{font-size:12px}
.home-page .lang-menu{background:#0b151e;border:1px solid var(--line);z-index:35}
.home-page h2{font-size:clamp(29px,2.5vw,38px);font-weight:700;letter-spacing:-.045em;line-height:1.15;text-wrap:balance}
.home-page p{font-size:14px;line-height:1.65}
.home-page .home-eyebrow{display:flex;align-items:center;gap:10px;color:#68dff0;letter-spacing:.15em;font-size:10px;line-height:1.6;font-weight:800;margin-bottom:20px}
.home-eyebrow::before{content:"";height:10px;width:2px;background:#4bd8f2;border-radius:1px;flex:none}
.home-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #17303b;background:#060c10}
.hero-rack{position:absolute;inset:0 0 0 auto;height:100%;width:76%;max-width:none;object-fit:cover;object-position:70% 45%;opacity:1;z-index:-3}
.hero-layout::before{position:absolute;inset:0;content:"";z-index:-2;background:linear-gradient(90deg,#070d11 8%,#070d11ee 28%,#070d1170 50%,transparent 70%),linear-gradient(0deg,#070d11,transparent 38%)}
.hero-layout{position:relative;isolation:isolate;min-height:700px;display:flex;align-items:center}
.hero-copy{position:relative;z-index:3;width:44%;padding:55px 0 84px;pointer-events:none}
.hero-copy a{pointer-events:auto}
.hero-copy .home-eyebrow{margin-bottom:18px;font-size:10px;letter-spacing:.145em}
.hero-copy h1{font-size:clamp(40px,3.8vw,56px);font-weight:750;letter-spacing:-.053em;line-height:1.1;margin:0 0 26px}
.hero-copy h1 span{display:block;white-space:normal}
.hero-copy .cyan{color:var(--accent)}
.hero-description{max-width:420px;font-size:16px!important;line-height:1.65!important;color:#acbecc;margin-bottom:28px}
.home-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.home-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:13px 21px;background:linear-gradient(120deg,#66e6f6,#30ccea);color:#041820;font-size:12px;font-weight:800;border:1px solid #80ebfa;border-radius:7px;box-shadow:0 5px 24px #06b9e817;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.home-button .icon{width:17px;height:17px}
.home-button:hover{background:#8defff;box-shadow:0 6px 30px #23cfe72b;transform:translateY(-2px)}
.home-button.is-secondary{background:#091218b3;border-color:#335263;color:#e5f1f6;box-shadow:none}
.home-button.is-secondary:hover{border-color:var(--accent);background:#102b35}
.hero-points{display:flex;gap:29px;margin-top:54px;max-width:490px}
.hero-points>div{display:flex;align-items:center;gap:12px;flex:1;color:#b6c9d6;font-size:10px;font-weight:600;line-height:1.5}
.hero-points .icon{color:var(--accent);width:25px;height:25px;flex:none}
.hero-screens{position:absolute;right:104px;top:0;width:54%;height:100%;perspective:1500px;pointer-events:none}
.hero-screen{position:absolute;overflow:hidden;border:1px solid #3d6878;border-radius:9px;background:#0b1118;box-shadow:0 28px 60px #000b,0 0 40px #1b8aad18}
.hero-screen img{width:100%;height:auto;max-width:none}
.hero-screen-back{width:86%;left:1%;top:280px;transform:rotate(6deg) rotateY(-12deg)}
.hero-screen-front{width:75%;right:0;top:350px;transform:rotate(-4deg) rotateY(-9deg);box-shadow:-16px 5px 45px #000a,0 0 0 1px #4ec5e211}
.home-platform{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:30px 0 48px}
.platform-card{position:relative;isolation:isolate;border:1px solid #253c49;border-radius:12px;overflow:hidden;min-height:462px;padding:31px 30px;background:#0a1219;scroll-margin-top:100px}
.platform-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#081118 10%,#081118d9 43%,#0811182a 100%)}
.platform-copy{max-width:65%;position:relative;z-index:2}
.platform-copy .home-eyebrow{margin-bottom:14px}
.platform-copy h2{font-size:32px;max-width:360px}
.platform-description{margin:17px 0 22px;max-width:330px;font-size:13px!important;line-height:1.6!important}
.platform-copy .home-button{min-height:42px;font-size:11px;padding:10px 16px;gap:15px}
.platform-rack{position:absolute;z-index:-3;right:-18%;top:0;width:120%;height:100%;max-width:none;object-fit:cover;object-position:75% 50%}
.hardware-card .platform-rack{opacity:.9}
.platform-list{list-style:none;margin:27px 0 0;padding:0;display:grid;gap:13px}
.platform-list li{display:flex;align-items:center;gap:12px;color:#b4c8d7;font-size:11px}
.platform-list .icon{width:19px;height:19px;color:var(--accent)}
.software-card{background:radial-gradient(ellipse at right,#123341,#081118 70%)}
.software-screen{position:absolute;height:calc(100% - 36px);width:auto;aspect-ratio:2.6;right:-30%;top:36px;z-index:-2;border:1px solid #416675;border-radius:9px;overflow:hidden;box-shadow:0 22px 50px #000}
.software-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
.platform-card.software-card::after{background:linear-gradient(90deg,#081118 10%,#081118e8 48%,#08111822 100%)}
.home-modules{border-block:1px solid #182b35;background:linear-gradient(90deg,#081016,#070e12 80%);padding:38px 0}
.module-layout{display:grid;grid-template-columns:295px minmax(0,1fr);gap:38px;align-items:center}
.modules-copy .home-eyebrow{margin-bottom:12px}
.modules-copy h2{font-size:28px;margin-bottom:14px}
.modules-copy>p:not(.home-eyebrow){font-size:12px;max-width:270px}
.home-text-link{display:inline-flex;gap:12px;align-items:center;color:var(--accent);font-size:12px;font-weight:700;margin-top:17px}
.home-text-link .icon{width:16px;height:16px;transition:transform .2s}
.home-text-link:hover .icon{transform:translateX(4px)}
.module-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.home-module{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #254044;border-radius:9px;padding:21px 5px 18px;min-height:148px;background:linear-gradient(145deg,#13232566,#0c171a66);transition:transform .2s,border-color .2s,background .2s}
.home-module:hover{transform:translateY(-5px);border-color:#42cfe5;background:#10232b}
.home-module img{width:38px;height:38px;margin-bottom:14px;object-fit:contain}
.home-module strong{font-size:11px;font-weight:700;color:#e1edf2}
.module-availability{display:flex;align-items:center;justify-content:center;gap:5px;color:#7cb6a7;font-size:8px;margin-top:9px;white-space:nowrap}
.module-availability i{width:4px;height:4px;border-radius:50%;background:#3ee7a8;box-shadow:0 0 6px #39dca26b}
.home-module.is-upcoming{border-color:#1b2a33;background:#0b1318}
.home-module.is-upcoming img{opacity:.4;filter:saturate(.7)}
.home-module.is-upcoming strong{color:#7d919f}
.home-module.is-upcoming .module-availability{color:#617786}
.home-interface{padding-top:60px;padding-bottom:45px;scroll-margin-top:100px}
.interface-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:28px}
.interface-heading .home-eyebrow{margin-bottom:13px}
.interface-heading h2{font-size:36px;margin-bottom:14px}
.interface-heading p:not(.home-eyebrow){max-width:590px;font-size:13px}
.interface-heading>.home-text-link{flex-shrink:0;margin-top:36px}
.interface-controls{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:15px}
.interface-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#214454 transparent;min-width:0}
.interface-tabs button{white-space:nowrap;position:relative;padding:11px 21px;color:#a9bfce;background:#0c161e;border:1px solid #283b48;border-radius:6px;font-size:12px;font-weight:600;transition:color .2s,border-color .2s,background .2s;min-height:44px}
.interface-tabs button:hover{color:#effcff;border-color:#4697a8}
.interface-tabs button[aria-selected=true]{color:#7ae6f5;background:#12323b;border-color:#47b8cc;box-shadow:inset 0 -2px 0 #4dd8ee}
.zoom-button{display:grid;place-items:center;width:44px;height:44px;border-radius:6px;border:1px solid #2c4552;background:#0e1b24;color:#a8ceda;flex:none}
.zoom-button:hover{border-color:var(--accent);color:var(--accent)}
.interface-view{border:1px solid #31515e;border-radius:11px;overflow:hidden;background:#0b1014;box-shadow:0 24px 60px #0005}
.screen-zoom{padding:0;width:100%;display:block;aspect-ratio:32/15;background:#0b1014;position:relative;cursor:zoom-in}
.interface-image{width:100%;height:100%;object-fit:cover;object-position:top center}
.screen-zoom-hint{position:absolute;right:20px;bottom:18px;display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:7px;border:1px solid #3a6978;background:#0a161eeF;color:#d4edf4;font-size:11px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
.screen-zoom:hover .screen-zoom-hint,.screen-zoom:focus-visible .screen-zoom-hint{opacity:1;transform:none}
.interface-caption{display:flex;justify-content:space-between;gap:20px;margin-top:16px;align-items:center}
.interface-caption p{font-size:12px;color:#90abba}
.interface-caption>span{font-size:10px;color:#6c8596;text-align:right}
.home-workflows{border-top:1px solid #1a2c37;padding:48px 0 53px}
.workflows-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:44px;align-items:start}
.workflows-copy .home-eyebrow{margin-bottom:13px}
.workflows-copy h2{font-size:29px;margin-bottom:14px}
.workflows-copy>p:not(.home-eyebrow){font-size:12px;max-width:270px}
.workflow-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;padding-top:3px}
.workflow-item{display:flex;align-items:center;gap:14px;min-width:0}
.workflow-text{min-width:0}
.workflow-item>.icon{width:32px;height:32px;color:#48d7ed;flex:none;margin:0}
.workflow-item h3{font-size:13px;line-height:1.4;letter-spacing:-.02em;margin-bottom:10px;font-weight:750}
.workflow-item p{font-size:11px;line-height:1.65;color:#91a9ba}
.home-start{position:relative;isolation:isolate;overflow:hidden;min-height:330px;border:1px solid #2c5668;border-radius:11px;background:#08121a;padding:38px 42px;margin-bottom:50px}
.start-rack{position:absolute;z-index:-3;right:0;top:0;width:76%;height:100%;object-fit:cover;object-position:75% 37%;max-width:none}
.home-start::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#08121a 0%,#08121aed 35%,#08121a36 70%),linear-gradient(0deg,#08121a80,transparent)}
.start-copy{max-width:560px}
.start-copy .home-eyebrow{margin-bottom:14px}
.start-copy h2{font-size:39px;max-width:500px;line-height:1.12;margin-bottom:17px}
.start-copy>p:not(.home-eyebrow){max-width:405px;margin-bottom:24px;font-size:14px}
.home-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:26px;padding:14px 0 26px}
.home-footer .brand{font-size:20px}
.home-footer p{margin-top:10px;font-size:11px}
.footer-links{display:flex;gap:28px;color:#9bb1c0;font-size:12px}
.footer-links a:hover{color:var(--accent)}
.footer-bottom{width:100%;border-top:1px solid #192a34;padding-top:20px;display:flex;justify-content:space-between;color:#5d7789;font-size:10px}
.home-lightbox{width:calc(100vw - 48px);max-width:1800px;max-height:calc(100dvh - 40px);padding:0;border:1px solid #3a6476;background:#081017;color:var(--text);border-radius:12px;box-shadow:0 32px 100px #000b}
.home-lightbox::backdrop{background:#02070bed;backdrop-filter:blur(8px)}
.lightbox-toolbar{padding:10px 16px 10px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #203746}
.lightbox-toolbar strong{font-size:13px}
.lightbox-toolbar button{background:#10232e;border:1px solid #284757;border-radius:6px;padding:10px}
.lightbox-image-wrap{overflow:auto;max-height:calc(100dvh - 110px)}
.lightbox-image-wrap img{width:100%;height:auto;object-fit:contain;max-height:calc(100dvh - 110px)}
body.home-lightbox-open{overflow:hidden}

@media(max-width:1199px){.home-page .wrap{width:calc(100% - 56px)}.home-page .nav-links{gap:19px}.home-page .nav-link{font-size:11px}.hero-layout{min-height:600px}.hero-copy{width:44%}.hero-copy h1{font-size:clamp(36px,3.8vw,46px)}.hero-description{max-width:380px;font-size:14px!important}.home-button{font-size:11px;padding:12px 16px;gap:11px}.hero-screens{width:54%;right:70px}.hero-screen-back{top:280px}.hero-screen-front{top:360px}.hero-points{gap:15px;margin-top:43px}.platform-card{padding:26px 24px;min-height:475px}.platform-copy{max-width:76%}.platform-copy h2{font-size:29px}.platform-description{max-width:290px}.platform-card::after{background:linear-gradient(90deg,#081118 3%,#081118ed 41%,#08111856 90%)}.module-layout{grid-template-columns:1fr;gap:25px}.modules-copy{display:grid;grid-template-columns:1fr auto;column-gap:20px}.modules-copy .home-eyebrow,.modules-copy h2{grid-column:1}.modules-copy h2{margin-bottom:8px}.modules-copy>p:not(.home-eyebrow){max-width:none}.modules-copy .home-text-link{grid-column:2;grid-row:2/4;align-self:center;margin:0}.home-module{min-height:137px}.home-module strong{font-size:12px}.module-availability{font-size:9px}.workflows-layout{grid-template-columns:245px 1fr;gap:30px}.workflow-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.workflow-item h3{font-size:12px}.workflows-copy h2{font-size:27px}}
@media(max-width:900px){.home-page .nav-links{gap:13px}.home-page .nav-tools{gap:13px}.home-page .brand{font-size:20px}.hero-layout{display:block;min-height:0;padding-top:1px}.hero-copy{width:100%;padding:40px 0 24px}.hero-copy h1{font-size:clamp(40px,6vw,57px)}.hero-description{max-width:510px}.hero-rack{width:100%;height:calc((100vw - 56px) * .72 + 70px);top:auto;bottom:0;opacity:1}.hero-layout::before{background:linear-gradient(180deg,#070d11 27%,#070d1140 45%,transparent 65%,#070d11)}.hero-screens{position:relative;right:auto;top:auto;height:auto;aspect-ratio:1.25;width:90%;margin-left:auto;margin-right:8px;margin-bottom:40px}.hero-screen-back{top:28%;width:80%;left:0;transform:rotate(3deg)}.hero-screen-front{width:70%;top:48%;right:0;transform:rotate(-3deg)}.hero-points{max-width:410px;gap:20px}.hero-points>div{font-size:9px;gap:8px}.platform-copy{max-width:88%}.platform-copy h2{font-size:26px}.platform-description{font-size:12px!important}.platform-card{min-height:470px;padding:26px 23px}.hardware-card .platform-rack{opacity:.65}.workflow-list{grid-template-columns:repeat(2,1fr);gap:28px}.workflows-layout{grid-template-columns:230px 1fr}.home-start{padding:34px}.start-copy{max-width:65%}.start-copy h2{font-size:34px}}
@media(max-width:800px){.home-page .header{height:66px}.home-page .nav-links{top:65px;background:#0a151e;border-color:#29414e}.home-page .nav-links.open{gap:8px}.home-page .nav-link{font-size:14px;padding:10px}.home-page .nav-contact{padding:8px 14px}.home-page .nav-tools{margin-left:auto}.hero-description{max-width:460px}.hero-points{margin-top:30px;max-width:440px}.hero-points>div{font-size:10px}.home-platform{gap:18px}.platform-card{padding:24px 20px}.module-list{gap:8px}.home-module strong{font-size:11px}.home-module{padding:18px 3px;min-height:130px}.module-availability{font-size:8px}.home-interface{padding-top:44px}.interface-heading h2{font-size:30px}.interface-tabs{gap:6px}.interface-tabs button{padding:10px 14px;font-size:11px}.interface-caption{align-items:start}.interface-caption>span{max-width:180px}.workflows-layout{grid-template-columns:1fr;gap:32px}.workflows-copy>p:not(.home-eyebrow){max-width:none}.workflow-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.start-copy{max-width:75%}.footer-links{gap:18px}}
@media(max-width:600px){.home-page .wrap{width:calc(100% - 36px)}.home-page .brand{font-size:19px;gap:7px}.home-page .brand img{width:25px;height:25px}.home-page .nav-contact{display:none}.home-page .nav-tools{gap:10px}.hero-copy{padding-top:36px}.hero-rack{height:calc((100vw - 36px) * 1.021053 + 70px)}.hero-screens{width:97%;aspect-ratio:.95;margin-top:10px;margin-bottom:24px}.hero-screen-back{width:88%;top:30%;transform:rotate(0)}.hero-screen-front{width:78%;top:55%;transform:rotate(0)}.hero-copy .home-eyebrow{font-size:8px;letter-spacing:.1em;max-width:280px}.hero-copy h1{font-size:clamp(34px,8.45vw,48px);line-height:1.09;margin-bottom:20px}.hero-description{font-size:13px!important;max-width:350px;margin-bottom:22px}.hero-copy .home-actions{gap:8px}.hero-copy .home-button{padding:12px 13px;font-size:10px;gap:8px;min-height:44px}.hero-copy .home-button .icon{width:14px;height:14px}.hero-points{margin-top:30px;gap:15px}.hero-points>div{font-size:8px;gap:7px}.hero-points .icon{width:22px;height:22px}.home-platform{grid-template-columns:1fr;gap:16px;padding-top:20px;padding-bottom:28px}.platform-card{min-height:420px;padding:27px 23px}.platform-copy{max-width:80%}.platform-copy h2{font-size:29px;max-width:300px}.platform-description{font-size:12px!important;max-width:280px}.platform-card::after{background:linear-gradient(90deg,#081118 3%,#081118e8 41%,#08111822 95%)}.platform-rack{right:-30%;opacity:.8!important}.platform-list{gap:13px}.platform-list li{font-size:10px}.home-modules{padding:29px 0}.modules-copy{display:block}.modules-copy h2{font-size:27px}.modules-copy .home-text-link{margin-top:15px}.module-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.home-module{min-height:119px;padding:16px 3px}.home-module img{width:31px;height:31px;margin-bottom:11px}.home-module strong{font-size:10px}.module-availability{font-size:7px;gap:3px}.module-layout{gap:23px}.home-interface{padding-top:35px;padding-bottom:29px}.interface-heading{margin-bottom:22px;gap:15px}.interface-heading h2{font-size:28px}.interface-heading p:not(.home-eyebrow){font-size:12px}.interface-heading>.home-text-link{display:none}.interface-controls{gap:8px;margin-bottom:12px}.interface-tabs button{padding:11px 12px;font-size:10px}.interface-view{border-radius:7px}.zoom-button{width:39px;height:44px}.zoom-button .icon{width:17px;height:17px}.interface-caption{display:block;margin-top:12px}.interface-caption p{font-size:10px}.interface-caption>span{display:block;margin-top:7px;font-size:9px;text-align:left;max-width:none}.home-workflows{padding:29px 0 35px}.workflow-list{grid-template-columns:1fr;gap:24px}.workflow-item{gap:16px}.workflow-item h3{margin-bottom:6px}.workflow-item>.icon{width:29px;height:29px;margin:0}.workflow-item h3{font-size:12px}.workflow-item p{font-size:11px}.workflows-copy h2{font-size:28px}.home-start{min-height:415px;padding:27px 23px;margin-bottom:30px}.start-copy{max-width:100%}.start-copy h2{font-size:32px;max-width:280px}.start-copy>p:not(.home-eyebrow){max-width:265px;font-size:12px}.start-copy .home-actions{max-width:300px;gap:10px}.start-copy .home-button{font-size:10px;padding:11px 14px;min-height:42px;gap:10px}.start-rack{width:145%;right:-50%;opacity:.55}.home-start::before{background:linear-gradient(90deg,#08121a 1%,#08121ade 40%,#08121a22 100%)}.home-footer{gap:23px;padding-bottom:22px}.home-footer p{font-size:10px}.footer-links{font-size:10px;gap:19px;flex-wrap:wrap}.footer-bottom{font-size:9px;gap:15px;align-items:end}.footer-bottom>span:last-child{text-align:right;max-width:180px}.home-lightbox{width:calc(100vw - 16px);max-height:calc(100dvh - 24px)}.lightbox-toolbar{padding:8px 10px 8px 14px}.lightbox-toolbar strong{font-size:11px}.screen-zoom-hint{display:none}}
/* Keep the mobile artwork in the document flow, directly after the copy. */
@media (max-width:900px) {
  .hero-layout { display:grid; grid-template-areas:"copy" "visual"; padding-top:0; }
  .hero-layout::before { display:none; }
  .hero-copy { grid-area:copy; padding:32px 0 20px; }
  .hero-copy h1 { font-size:clamp(32px,5.5vw,46px); }
  .hero-rack {
    grid-area:visual; position:relative; inset:auto; align-self:start;
    width:100%; height:auto; aspect-ratio:1672/941; object-fit:cover;
    object-position:center; border-radius:9px; z-index:0;
  }
  .hero-screens {
    grid-area:visual; position:relative; inset:auto; width:100%;
    height:auto; aspect-ratio:1.35; margin:0 0 24px; z-index:1;
  }
  .hero-screen-back { width:86%; left:0; top:17%; transform:none; }
  .hero-screen-front { width:82%; right:0; top:38%; transform:none; }
  .hero-points { margin-top:22px; }
}
@media (max-width:600px) {
  .hero-copy { padding-top:26px; padding-bottom:18px; }
  .hero-copy h1 { font-size:clamp(28px,8vw,36px); line-height:1.12; margin-bottom:16px; }
  .hero-description { margin-bottom:18px; line-height:1.6!important; }
  .hero-points { margin-top:20px; }
  .hero-screen { border-radius:6px; }
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-page *, .home-page *::before,.home-page *::after{transition:none!important;animation:none!important}}
