:root{--bg:#020303;--panel:#06090b;--panel2:#0b1013;--text:#f7f9fb;--muted:#9ba7ad;--line:rgba(255,255,255,.11);--gold:#f5bd16;--gold2:#ff7a00;--cyan:#19d9ff;--blue:#2877ff;--max:1400px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;z-index:99;width:360px;height:360px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,170,0,.09),transparent 65%);transform:translate(-50%,-50%);mix-blend-mode:screen}#particles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.65}.section{width:min(var(--max),calc(100% - 80px));margin:auto}.header{height:76px;position:absolute;z-index:50;top:0;left:50%;transform:translateX(-50%);width:min(var(--max),calc(100% - 80px));display:flex;align-items:center;gap:32px}.logo img{display:block;width:112px;height:auto}.header nav{display:flex;align-items:center;gap:30px;margin-left:auto}.header nav a{font-size:12px;font-weight:600;color:#d6dcdf;transition:.3s}.header nav a:hover{color:#fff;text-shadow:0 0 14px rgba(255,255,255,.6)}.demo-link{border:1px solid rgba(245,189,22,.55);background:rgba(5,8,9,.55);color:#fff;border-radius:7px;padding:11px 16px;font-size:11px;font-weight:700;box-shadow:0 0 25px rgba(245,189,22,.08);transition:.3s}.demo-link:hover{background:var(--gold);color:#000;box-shadow:0 0 35px rgba(245,189,22,.3)}.demo-link span{margin-left:10px}.hamb{display:none;margin-left:auto;background:none;border:0;width:40px}.hamb i{display:block;height:2px;background:#fff;margin:7px 0}.mobile-nav{display:none}.hero{min-height:930px;position:relative;overflow:hidden;background:radial-gradient(circle at 66% 40%,rgba(255,90,0,.16),transparent 22%),radial-gradient(circle at 75% 70%,rgba(0,130,255,.12),transparent 26%),#010202;padding-top:130px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.6) 75%,#020303)}.grid-floor{position:absolute;bottom:-120px;left:-10%;width:120%;height:470px;opacity:.18;background-image:linear-gradient(rgba(0,220,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(0,220,255,.18) 1px,transparent 1px);background-size:70px 70px;transform:perspective(420px) rotateX(62deg);mask-image:linear-gradient(to top,black,transparent 85%);animation:gridmove 8s linear infinite}.sun-glow{position:absolute;width:260px;height:260px;right:22%;top:310px;border-radius:50%;background:radial-gradient(circle,#fff 0 2%,#ffbe36 4%,rgba(255,75,0,.75) 18%,rgba(255,75,0,.12) 45%,transparent 72%);filter:blur(1px);animation:sunpulse 4s ease-in-out infinite}.horizon{position:absolute;right:-5%;top:430px;width:85%;height:3px;background:linear-gradient(90deg,transparent,#13d9ff 20%,#fff 48%,#ffae00 67%,transparent);filter:blur(2px);opacity:.8;transform:rotate(-2deg)}.hero-earth{position:absolute;right:-8%;top:280px;width:850px;height:850px;border-radius:50%;background:radial-gradient(circle at 48% 34%,rgba(40,130,170,.3),transparent 25%),radial-gradient(circle at 45% 50%,#07151a 0,#031017 43%,#000 69%);box-shadow:inset 40px 20px 100px rgba(0,0,0,.9),0 0 90px rgba(0,150,255,.08);overflow:hidden;transform:rotate(-14deg)}.hero-earth:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset -90px -30px 120px #000,0 0 30px rgba(20,195,255,.45);background:linear-gradient(130deg,transparent 45%,rgba(0,160,255,.24) 48%,transparent 52%)}.earth-grid{position:absolute;inset:-10%;background-image:linear-gradient(rgba(40,200,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(40,200,255,.16) 1px,transparent 1px);background-size:32px 32px;border-radius:50%;transform:rotate(20deg);mask-image:radial-gradient(circle,black 0 55%,transparent 75%);animation:earthspin 20s linear infinite}.earth-atmosphere{position:absolute;inset:-4%;border-radius:50%;box-shadow:inset 0 0 50px rgba(0,190,255,.3),0 0 30px rgba(0,190,255,.3);border:1px solid rgba(34,211,255,.5)}.orbital{position:absolute;border:1px solid rgba(255,190,20,.28);border-radius:50%;pointer-events:none}.orbital-a{width:850px;height:240px;right:-5%;top:510px;transform:rotate(-8deg);animation:orbit 8s linear infinite}.orbital-b{width:980px;height:300px;right:-9%;top:480px;transform:rotate(-8deg);border-color:rgba(20,190,255,.18);animation:orbit 12s linear reverse infinite}.hero-copy{position:relative;z-index:8;width:min(600px,46vw);margin-left:max(0px,calc((100vw - var(--max))/2));padding-left:0}.eyebrow{font-size:11px;letter-spacing:.11em;font-weight:800;color:#f7c52b;display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;background:var(--gold);border-radius:50%;box-shadow:0 0 15px var(--gold);animation:blink 1.2s infinite}.hero h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(48px,5vw,78px);line-height:.99;letter-spacing:-.055em;margin:22px 0 22px;font-weight:700}.hero h1 em,.section-head em,.platform-copy h2 em,.cta h2 em{font-style:normal;background:linear-gradient(90deg,#fff,#c7eaff 50%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:17px;font-weight:600;margin:0 0 18px}.desc{font-size:13px;line-height:1.8;color:#b9c1c6;max-width:540px}.actions{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:6px;padding:13px 17px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.01em;background:#0a0e10;transition:.3s}.btn span{margin-left:18px}.btn.primary{background:linear-gradient(135deg,#f6c51d,#ff8d00);color:#050505;box-shadow:0 0 30px rgba(255,166,0,.18)}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 40px rgba(255,166,0,.35)}.btn.video{border-color:#273136}.btn.video:hover{border-color:#f6c51d}.btn.video b{color:#f6c51d;margin-right:9px}.btn.outline{border-color:#273136}.btn.outline:hover{border-color:#20d7ff;color:#20d7ff}.nurse-stage{position:absolute;z-index:6;right:max(20px,calc((100vw - var(--max))/2 - 40px));top:145px;width:min(760px,55vw);height:600px}.nurse-image{position:absolute;right:25px;bottom:15px;width:430px;height:530px;overflow:hidden;filter:drop-shadow(0 30px 50px rgba(0,0,0,.8));animation:float 5s ease-in-out infinite}.nurse-image img{width:100%;height:100%;object-fit:cover;object-position:55% 50%;mix-blend-mode:screen}.energy-pillar{position:absolute;right:280px;top:120px;width:2px;height:350px;background:linear-gradient(transparent,#1de2ff,#fff,#ffb300,transparent);box-shadow:0 0 25px #ffac00;opacity:.65;animation:scan 3s ease-in-out infinite}.scan-ring{position:absolute;border:1px solid rgba(255,190,20,.55);border-radius:50%;right:70px;top:130px;width:510px;height:260px;transform:rotate(-9deg);box-shadow:0 0 30px rgba(255,174,0,.05)}.ring1{animation:ring 5s linear infinite}.ring2{width:570px;height:310px;right:35px;top:105px;border-color:rgba(15,220,255,.2);animation:ring 8s linear infinite reverse}.ring3{width:430px;height:210px;right:110px;top:160px;border-color:rgba(255,255,255,.18);animation:ring 4s linear infinite}.ai-card{position:absolute;right:0;bottom:65px;width:480px;padding:20px 22px;background:linear-gradient(120deg,rgba(5,10,12,.84),rgba(4,6,8,.45));backdrop-filter:blur(14px);border:1px solid rgba(245,189,22,.85);border-radius:15px;box-shadow:0 0 50px rgba(255,174,0,.12),inset 0 0 35px rgba(255,174,0,.03);animation:cardfloat 5s ease-in-out infinite}.ai-top{font-size:9px;letter-spacing:.12em;color:#ffd15a;display:flex;gap:8px;align-items:center}.status{width:6px;height:6px;border-radius:50%;background:#26f1a2;box-shadow:0 0 10px #26f1a2}.pulse{margin-left:auto;color:#26f1a2}.ai-card strong{display:block;font-family:"Space Grotesk";font-size:21px;margin:18px 0}.typing{font-size:10px;color:#d4dadd;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:11px 12px;background:rgba(0,0,0,.3)}.typing i{display:inline-block;width:3px;height:3px;background:#f5bd16;border-radius:50%;margin-left:4px;animation:typing 1.1s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}.ai-tags{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.ai-tags span{font-size:8px;border:1px solid rgba(255,255,255,.1);padding:5px 7px;border-radius:20px;color:#9ea9ae}.hud{position:absolute;padding:9px 11px;border-left:2px solid var(--cyan);background:rgba(2,8,10,.55);backdrop-filter:blur(8px);animation:float 4s ease-in-out infinite}.hud b{display:block;font-size:14px;color:#fff}.hud span{font-size:7px;letter-spacing:.12em;color:#7f9098}.hud-a{right:500px;top:140px}.hud-b{right:620px;top:390px;border-color:var(--gold);animation-delay:1s}.hud-c{right:85px;top:50px;border-color:#5effae;animation-delay:1.7s}.quick-actions{position:absolute;z-index:10;left:max(20px,calc((100vw - var(--max))/2));bottom:175px;width:490px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-actions article{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(2,6,8,.7);border:1px solid rgba(255,255,255,.08);border-radius:12px;backdrop-filter:blur(12px);transition:.3s}.quick-actions article:hover{transform:translateY(-5px);border-color:rgba(245,189,22,.6);box-shadow:0 12px 35px rgba(0,0,0,.3)}.qicon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#151c20,#030506);border:1px solid rgba(255,255,255,.1);font-size:18px}.quick-actions b{display:block;font-size:9px;color:#f5c322}.quick-actions small{display:block;font-size:8px;color:#a7b1b6;margin-top:4px}.quick-actions article>span{margin-left:auto;color:#475157;font-size:8px}.live-panel{position:absolute;z-index:12;bottom:45px;left:50%;transform:translateX(-50%);width:min(var(--max),calc(100% - 80px));background:rgba(2,6,8,.86);border:1px solid rgba(255,255,255,.08);border-radius:15px;backdrop-filter:blur(16px);box-shadow:0 -10px 50px rgba(0,0,0,.4)}.panel-title{display:flex;justify-content:space-between;padding:15px 18px 8px;font-size:10px;font-weight:800}.live-pill{color:#3dffab;font-size:8px}.metrics{display:grid;grid-template-columns:repeat(7,1fr);padding:14px 18px 18px;gap:12px}.metrics div{border-right:1px solid rgba(255,255,255,.07);padding-right:10px}.metrics div:last-child{border:0}.metrics strong{font-family:"Space Grotesk";font-size:22px;display:block}.metrics strong i{font-size:10px;font-style:normal;color:#9ba7ad}.metrics small{font-size:8px;color:#7f8a90;display:block;margin-top:5px}.bars{height:32px;display:flex;align-items:flex-end;gap:3px;margin-bottom:5px}.bars i{display:block;width:5px;background:linear-gradient(#25dfff,#236eff);height:30%;border-radius:4px;animation:bar 1.4s ease-in-out infinite alternate}.bars i:nth-child(2){height:55%;animation-delay:.1s}.bars i:nth-child(3){height:38%;animation-delay:.2s}.bars i:nth-child(4){height:78%;animation-delay:.3s}.bars i:nth-child(5){height:60%;animation-delay:.4s}.bars i:nth-child(6){height:92%;animation-delay:.5s}.bars i:nth-child(7){height:70%;animation-delay:.6s}.bars i:nth-child(8){height:85%;animation-delay:.7s}.bars i:nth-child(9){height:64%;animation-delay:.8s}.bars i:nth-child(10){height:96%;animation-delay:.9s}.trusted{padding:65px 0 90px;border-bottom:1px solid rgba(255,255,255,.05)}.trusted .eyebrow{justify-content:center}.marquee{overflow:hidden;margin-top:34px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;width:max-content;align-items:center;gap:38px;animation:marquee 28s linear infinite;color:#68747a}.marquee-track span{font-size:18px;font-family:"Space Grotesk";font-weight:700;letter-spacing:.04em}.marquee-track i{color:#f5bd16;font-style:normal}.section-head{max-width:850px}.section-head .eyebrow{margin-bottom:18px}.section-head h2{font-family:"Space Grotesk";font-size:clamp(36px,4vw,60px);line-height:1.02;letter-spacing:-.045em;margin:0 0 17px}.section-head p{color:#8f9ba1;font-size:14px;line-height:1.7}.journey{padding-top:120px;padding-bottom:140px}.journey-shell{margin-top:60px}.journey-steps{display:grid;grid-template-columns:repeat(7,1fr);position:relative}.journey-line{height:1px;background:linear-gradient(90deg,transparent,#f5bd16,#21d9ff,transparent);position:relative;top:31px}.step{border:0;background:none;color:#fff;text-align:left;padding:0 12px;position:relative}.step b{width:64px;height:64px;display:grid;place-items:center;border:1px solid #344047;border-radius:50%;background:#05090b;font-family:"Space Grotesk";font-size:12px;color:#87949a;transition:.4s}.step span{display:block;margin-top:17px;font-weight:700;font-size:12px}.step small{display:block;margin-top:7px;color:#66747a;font-size:9px;line-height:1.5}.step.active b,.step:hover b{border-color:#f5bd16;color:#f5bd16;box-shadow:0 0 35px rgba(245,189,22,.18),inset 0 0 20px rgba(245,189,22,.06);transform:scale(1.08)}.step.active span{color:#f5bd16}.journey-detail{margin-top:60px;display:grid;grid-template-columns:120px 1fr 180px;align-items:center;gap:35px;padding:40px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 70% 40%,rgba(0,180,255,.08),transparent 40%),#05090b;border-radius:18px;position:relative;overflow:hidden}.journey-detail:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.03),transparent);transform:translateX(-100%);animation:sweep 5s infinite}.detail-no{font-family:"Space Grotesk";font-size:72px;color:#1a2429}.journey-detail h3{font-family:"Space Grotesk";font-size:28px;margin:12px 0}.journey-detail p{max-width:680px;color:#89959a;font-size:13px;line-height:1.8}.signal{display:flex;justify-content:center;gap:7px}.signal span{width:8px;height:8px;border-radius:50%;background:#20d9ff;box-shadow:0 0 20px #20d9ff;animation:signal 1.4s infinite}.signal span:nth-child(2){animation-delay:.2s}.signal span:nth-child(3){animation-delay:.4s}.agents{padding:130px 0;background:linear-gradient(180deg,#030506,#050809 50%,#030405)}.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:60px}.agent{min-height:285px;position:relative;padding:28px;background:linear-gradient(145deg,#091014,#040708);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:.45s}.agent:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-80px;top:-80px;background:radial-gradient(circle,rgba(25,217,255,.16),transparent 65%);transition:.45s}.agent:hover{transform:translateY(-8px);border-color:rgba(25,217,255,.4);box-shadow:0 25px 70px rgba(0,0,0,.35)}.agent:hover:before{transform:scale(2)}.agent-no{position:absolute;right:20px;top:20px;color:#3d4a50;font-size:10px}.agent-icon{width:46px;height:46px;border:1px solid rgba(25,217,255,.3);border-radius:12px;display:grid;place-items:center;color:#20d9ff;font-size:21px;box-shadow:inset 0 0 20px rgba(25,217,255,.05)}.agent h3{font-family:"Space Grotesk";font-size:22px;margin:35px 0 10px}.agent p{font-size:12px;line-height:1.75;color:#7f8b91;max-width:350px}.agent a{font-size:10px;color:#f5bd16;position:absolute;bottom:26px}.platform{padding:150px 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.platform-visual{height:560px;position:relative;display:grid;place-items:center}.platform-orbit{position:absolute;border:1px solid rgba(30,217,255,.22);border-radius:50%;transform:rotateX(68deg) rotateZ(15deg)}.o1{width:430px;height:430px;animation:spin 13s linear infinite}.o2{width:330px;height:330px;animation:spin 9s linear reverse infinite;border-color:rgba(245,189,22,.32)}.o3{width:530px;height:230px;animation:spin 16s linear infinite}.platform-core{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#102f37,#050a0c 65%);border:1px solid #20d9ff;box-shadow:0 0 80px rgba(25,217,255,.2),inset 0 0 40px rgba(25,217,255,.12);z-index:2;animation:corepulse 3s infinite}.platform-core span{font-family:"Space Grotesk";font-size:58px;font-weight:700}.platform-core small{font-size:7px;letter-spacing:.2em;color:#6bdff3}.node{position:absolute;padding:8px 11px;font-size:8px;letter-spacing:.12em;background:#050a0c;border:1px solid rgba(255,255,255,.12);border-radius:6px;box-shadow:0 0 20px rgba(0,0,0,.4);animation:float 4s ease-in-out infinite}.p1{top:65px;left:50%;transform:translateX(-50%)}.p2{right:30px;top:170px;animation-delay:.5s}.p3{right:65px;bottom:100px;animation-delay:1s}.p4{bottom:45px;left:50%;transform:translateX(-50%);animation-delay:1.5s}.p5{left:55px;bottom:100px;animation-delay:2s}.p6{left:30px;top:170px;color:#f5bd16;border-color:rgba(245,189,22,.4);animation-delay:2.5s}.platform-copy h2{font-family:"Space Grotesk";font-size:clamp(40px,4vw,60px);line-height:1.02;letter-spacing:-.05em;margin:18px 0}.platform-copy>p{color:#8c989e;line-height:1.8;font-size:13px;max-width:580px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.checks span{font-size:10px;color:#bdc6ca;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.checks span::first-letter{color:#20d9ff}.capabilities{padding:60px 0 150px}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.08);margin-top:55px}.cap{background:#030607;padding:34px;min-height:190px;transition:.35s}.cap:hover{background:linear-gradient(135deg,#071216,#040607)}.cap span{color:#f5bd16;font-size:9px}.cap h3{font-family:"Space Grotesk";font-size:21px;margin:28px 0 10px}.cap p{font-size:11px;color:#7e8a90;line-height:1.7}.cta{min-height:600px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden;border-top:1px solid rgba(255,255,255,.06)}.cta-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(0,220,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(0,220,255,.15) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(circle at center,#000,transparent 72%);transform:perspective(500px) rotateX(60deg) scale(1.3);transform-origin:center bottom;animation:gridmove 10s linear infinite}.cta-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(245,189,22,.14),transparent 65%);filter:blur(25px)}.cta-inner{position:relative;z-index:2;max-width:850px}.cta h2{font-family:"Space Grotesk";font-size:clamp(42px,5vw,72px);line-height:1;letter-spacing:-.055em;margin:20px 0}.cta p{color:#89959a;max-width:600px;margin:0 auto 30px;font-size:13px;line-height:1.7}footer{border-top:1px solid rgba(255,255,255,.07);padding:28px 0}.footer-inner{display:flex;align-items:center;gap:30px}.footer-inner img{width:90px}.footer-inner p{font-size:9px;color:#69757a;margin:0 auto 0 0}.footer-inner a{font-size:9px;color:#89959a}.modal{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:20px}.modal.show{display:grid}.modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(12px)}.modal-box,.video-box{position:relative;z-index:2;width:min(500px,100%);padding:34px;background:#071013;border:1px solid rgba(245,189,22,.35);border-radius:18px;box-shadow:0 30px 100px #000}.modal-box h2{font-family:"Space Grotesk";font-size:38px;margin:15px 0 8px}.modal-box p{color:#89959a;font-size:12px}.close{position:absolute;right:16px;top:12px;border:0;background:none;color:#fff;font-size:26px}.modal form{display:grid;gap:10px;margin-top:24px}.modal input{background:#030708;border:1px solid rgba(255,255,255,.1);color:#fff;padding:13px;border-radius:7px;outline:none}.modal input:focus{border-color:#20d9ff}.success{display:none;color:#48efae;font-size:11px;margin-top:15px}.video-box{width:min(900px,100%);height:min(520px,80vh);display:grid;place-items:center}.video-core{width:90%;height:80%;border:1px solid rgba(25,217,255,.3);display:grid;place-items:center;align-content:center;background:radial-gradient(circle,rgba(25,217,255,.1),transparent 55%);position:relative;overflow:hidden}.video-core:before{content:"";position:absolute;width:220%;height:1px;background:#20d9ff;box-shadow:0 0 30px #20d9ff;animation:scanvideo 3s linear infinite}.video-play{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:1px solid #f5bd16;color:#f5bd16;box-shadow:0 0 40px rgba(245,189,22,.2);margin-bottom:20px}.video-core span{font-family:"Space Grotesk";font-size:22px}.video-core small{color:#69757a;font-size:8px;letter-spacing:.18em;margin-top:8px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes cardfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes sunpulse{50%{transform:scale(1.08);opacity:.8}}@keyframes earthspin{to{transform:rotate(380deg)}}@keyframes ring{to{transform:rotate(351deg)}}@keyframes orbit{to{transform:rotate(352deg)}}@keyframes gridmove{to{background-position:0 70px,70px 0}}@keyframes blink{50%{opacity:.2}}@keyframes typing{0%,100%{opacity:.25}50%{opacity:1}}@keyframes bar{to{transform:scaleY(.55)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes sweep{to{transform:translateX(100%)}}@keyframes signal{50%{transform:scale(1.7);opacity:.25}}@keyframes spin{to{transform:rotateX(68deg) rotateZ(375deg)}}@keyframes corepulse{50%{box-shadow:0 0 110px rgba(25,217,255,.32),inset 0 0 55px rgba(25,217,255,.18)}}@keyframes scan{50%{opacity:1;height:440px}}@keyframes scanvideo{from{transform:translateY(-300px)}to{transform:translateY(300px)}}
@media(max-width:1100px){.header,.section,.live-panel{width:calc(100% - 48px)}.header nav{gap:17px}.hero{min-height:1000px}.hero-copy{margin-left:24px;width:52vw}.hero-earth{right:-25%;width:760px;height:760px}.nurse-stage{right:10px;width:58vw}.nurse-image{width:370px}.ai-card{width:420px}.quick-actions{left:24px;bottom:170px;width:450px}.metrics{grid-template-columns:repeat(4,1fr)}.metrics div:nth-child(4){border:0}.metrics .spark{display:none}.platform{gap:35px}.agent-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cursor-glow{display:none}.header{width:calc(100% - 32px);height:68px}.header nav,.demo-link{display:none}.hamb{display:block}.mobile-nav{position:fixed;z-index:45;top:0;right:0;width:min(330px,88vw);height:100vh;padding:90px 28px;background:rgba(4,8,10,.97);backdrop-filter:blur(18px);transform:translateX(100%);transition:.35s;display:flex;flex-direction:column;gap:20px;border-left:1px solid rgba(255,255,255,.08)}.mobile-nav.open{transform:none}.mobile-nav a{font-family:"Space Grotesk";font-size:20px}.mobile-nav button{margin-top:15px;padding:14px;background:#f5bd16;border:0;border-radius:7px;font-weight:800}.hero{min-height:1120px;padding-top:115px}.hero-copy{width:auto;margin:0 20px}.hero h1{font-size:clamp(42px,12vw,62px);line-height:1.02}.lead{font-size:15px}.desc{font-size:12px}.actions .btn{flex:1;min-width:145px}.nurse-stage{top:440px;right:0;width:100%;height:490px}.hero-earth{top:500px;right:-36%;width:600px;height:600px}.sun-glow{top:620px;right:31%;width:170px;height:170px}.horizon{top:680px;right:-20%;width:130%}.nurse-image{width:290px;height:390px;right:14%;bottom:25px}.ai-card{right:5%;bottom:15px;width:90%;padding:15px}.ai-card strong{font-size:16px;margin:12px 0}.ai-tags{display:none}.hud-a{right:auto;left:4%;top:110px}.hud-b{right:auto;left:5%;top:300px}.hud-c{right:3%;top:35px}.scan-ring{right:3%;top:90px;width:390px;height:210px}.ring2{width:430px;height:240px}.ring3{width:350px;height:180px}.quick-actions{left:20px;bottom:175px;width:calc(100% - 40px);gap:7px}.quick-actions article{padding:10px}.qicon{width:30px;height:30px;font-size:14px}.quick-actions b{font-size:8px}.quick-actions small{font-size:7px}.live-panel{width:calc(100% - 32px);bottom:25px;overflow:hidden}.metrics{display:flex;overflow-x:auto;padding-bottom:18px}.metrics div{min-width:125px}.panel-title{padding:12px}.trusted{padding:55px 0 70px}.section{width:calc(100% - 32px)}.journey{padding-top:90px;padding-bottom:100px}.journey-steps{display:flex;overflow-x:auto;padding-bottom:18px;scrollbar-width:none}.journey-steps::-webkit-scrollbar{display:none}.journey-line{display:none}.step{min-width:145px}.step b{width:52px;height:52px}.journey-detail{grid-template-columns:65px 1fr;padding:25px;gap:18px}.detail-no{font-size:42px}.journey-detail h3{font-size:21px}.journey-detail p{font-size:11px}.signal{display:none}.agents{padding:95px 0}.agent-grid{grid-template-columns:1fr;margin-top:40px}.agent{min-height:245px}.platform{grid-template-columns:1fr;padding:100px 0;gap:30px}.platform-visual{height:400px;transform:scale(.78)}.platform-copy h2{font-size:40px}.checks{grid-template-columns:1fr}.capabilities{padding-bottom:100px}.cap-grid{grid-template-columns:1fr}.cap{min-height:170px}.cta{min-height:520px;padding:0 20px}.cta h2{font-size:44px}.footer-inner{flex-wrap:wrap}.footer-inner p{width:100%;order:3}.footer-inner a{margin-left:auto}}
@media(max-width:420px){.hero{min-height:1180px}.hero h1{font-size:42px}.actions{display:grid;grid-template-columns:1fr}.nurse-stage{top:455px}.nurse-image{right:5%;width:265px}.ai-card{bottom:5px}.quick-actions{bottom:185px}.quick-actions article{min-height:65px}.hud-b{display:none}.live-panel{bottom:22px}.hero-earth{right:-55%}.platform-visual{transform:scale(.68);margin:-30px 0}.cta h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}

/* =========================================================
   RESPONSIVE FIT PATCH — keeps the Figma composition visible
   without browser zoom and prevents hero component collisions.
   ========================================================= */
:root{--content:1400px;--gutter:clamp(18px,3vw,40px)}
html,body{width:100%;max-width:100%;overflow-x:hidden}
.section,.header,.live-panel{width:min(var(--content),calc(100% - (var(--gutter) * 2)))}

/* Desktop: compose the hero around the actual viewport rather than a fixed 930px canvas. */
.hero{
  min-height:clamp(760px,100svh,860px);
  height:clamp(760px,100svh,860px);
  padding-top:clamp(100px,9vh,128px);
}
.hero-copy{
  width:clamp(500px,43vw,600px);
  margin-left:max(var(--gutter),calc((100vw - var(--content))/2));
}
.hero h1{font-size:clamp(46px,4.65vw,72px);margin-top:18px;margin-bottom:18px}
.lead{font-size:clamp(14px,1.15vw,17px)}
.desc{font-size:clamp(11px,.9vw,13px);line-height:1.65}
.actions{margin-top:22px}
.nurse-stage{
  top:clamp(108px,12vh,135px);
  right:max(var(--gutter),calc((100vw - var(--content))/2 - 10px));
  width:min(720px,53vw);
  height:clamp(500px,58vh,570px);
}
.nurse-image{width:clamp(330px,29vw,420px);height:clamp(410px,55vh,515px);right:clamp(0px,2vw,28px)}
.ai-card{width:clamp(380px,32vw,470px);bottom:clamp(30px,7vh,60px);padding:16px 19px}
.ai-card strong{font-size:clamp(17px,1.45vw,21px);margin:13px 0}
.scan-ring{right:clamp(25px,4vw,65px);top:100px;width:clamp(420px,35vw,510px);height:clamp(215px,25vh,260px)}
.ring2{width:clamp(470px,39vw,570px);height:clamp(255px,29vh,310px);right:clamp(0px,2vw,35px);top:75px}
.ring3{width:clamp(370px,30vw,430px);height:clamp(185px,20vh,210px);right:clamp(55px,6vw,110px);top:125px}
.energy-pillar{right:clamp(205px,20vw,280px);top:105px;height:310px}
.hud-a{right:clamp(380px,35vw,500px);top:105px}
.hud-b{right:clamp(470px,42vw,620px);top:325px}
.hud-c{right:clamp(40px,6vw,85px);top:30px}
.hero-earth{width:clamp(690px,59vw,850px);height:clamp(690px,59vw,850px);right:clamp(-190px,-10vw,-70px);top:clamp(220px,30vh,280px)}
.sun-glow{width:clamp(180px,18vw,250px);height:clamp(180px,18vw,250px);right:clamp(19%,22vw,27%);top:clamp(275px,34vh,315px)}
.horizon{top:clamp(395px,47vh,430px)}
.orbital-a{width:clamp(700px,59vw,850px);right:clamp(-100px,-5vw,-20px);top:clamp(470px,57vh,515px)}
.orbital-b{width:clamp(800px,68vw,980px);right:clamp(-130px,-7vw,-35px);top:clamp(440px,53vh,485px)}
.quick-actions{left:max(var(--gutter),calc((100vw - var(--content))/2));bottom:clamp(125px,16vh,150px);width:min(470px,35vw);gap:8px}
.quick-actions article{padding:10px 12px;min-height:55px}
.quick-actions small{line-height:1.25}
.live-panel{bottom:clamp(18px,3vh,30px);width:min(var(--content),calc(100% - (var(--gutter) * 2)))}
.metrics{padding:12px 16px 15px;gap:10px}
.metrics strong{font-size:clamp(18px,1.55vw,22px)}

/* Wide monitors: do not allow the hero artwork to become disproportionately huge. */
@media(min-width:1600px){
  .hero-copy{width:570px}
  .nurse-stage{width:700px}
  .hero-earth{width:820px;height:820px;right:-70px}
}

/* 901–1180px: shrink and separate the two hero zones before they can overlap. */
@media(min-width:901px) and (max-width:1180px){
  .hero{min-height:820px;height:820px}
  .header{gap:16px}
  .header nav{gap:13px}
  .header nav a{font-size:10px}
  .hero-copy{width:46%;margin-left:24px}
  .hero h1{font-size:clamp(42px,5vw,58px)}
  .nurse-stage{right:18px;width:52%;top:110px}
  .nurse-image{width:300px;height:410px;right:15px}
  .ai-card{width:350px;bottom:35px}
  .hero-earth{width:650px;height:650px;right:-230px;top:245px}
  .quick-actions{left:24px;width:410px;bottom:120px}
  .live-panel{bottom:18px}
  .metrics{grid-template-columns:repeat(6,1fr)}
  .metrics .spark{display:none}
}

/* Tablet: switch to a controlled two-zone composition. */
@media(max-width:900px) and (min-width:761px){
  .hero{height:920px;min-height:920px;padding-top:105px}
  .hero-copy{width:calc(100% - 48px);margin:0 24px}
  .hero h1{font-size:clamp(48px,7vw,64px);max-width:620px}
  .desc{max-width:590px}
  .nurse-stage{top:390px;right:0;width:100%;height:450px}
  .hero-earth{width:650px;height:650px;right:-22%;top:430px}
  .sun-glow{top:535px;right:28%;width:180px;height:180px}
  .horizon{top:590px}
  .nurse-image{width:330px;height:430px;right:18%}
  .ai-card{width:430px;right:5%;bottom:8px}
  .quick-actions{left:24px;bottom:95px;width:440px}
  .live-panel{bottom:18px;width:calc(100% - 48px)}
  .metrics{grid-template-columns:repeat(4,1fr)}
  .metrics .spark{display:none}
}

/* Mobile: all hero elements become deliberately ordered rather than overlapping by accident. */
@media(max-width:760px){
  .section{width:calc(100% - 32px)}
  .hero{height:auto;min-height:1080px;padding-top:105px}
  .hero-copy{position:relative;width:auto;margin:0 16px}
  .hero h1{font-size:clamp(40px,11.5vw,58px);margin-top:16px}
  .actions{margin-top:20px}
  .nurse-stage{top:420px;height:480px}
  .hero-earth{top:485px;width:570px;height:570px;right:-42%}
  .sun-glow{top:600px;right:29%;width:160px;height:160px}
  .horizon{top:655px}
  .nurse-image{width:min(285px,68vw);height:380px;right:8%;bottom:45px}
  .ai-card{right:5%;width:90%;bottom:0}
  .quick-actions{left:16px;width:calc(100% - 32px);bottom:132px}
  .live-panel{left:50%;width:calc(100% - 32px);bottom:18px}
}

@media(max-width:420px){
  .hero{min-height:1120px}
  .hero h1{font-size:40px}
  .nurse-stage{top:430px;height:505px}
  .nurse-image{width:260px;height:365px;right:3%;bottom:55px}
  .ai-card{bottom:0;padding:13px 14px}
  .ai-card strong{font-size:15px}
  .quick-actions{bottom:145px}
  .quick-actions article{min-height:61px}
  .quick-actions small{display:none}
  .live-panel{bottom:15px}
}

/* =========================================================
   FINAL RESPONSIVE / FUTURISTIC HERO SYSTEM
   Keeps the original composition on desktop, then switches
   the hero into a clean document flow on tablet/mobile so
   nothing relies on browser zoom or fragile absolute offsets.
   ========================================================= */

:root{
  --page-pad: clamp(16px, 3vw, 48px);
  --content-width: 1400px;
  --hero-min: 780px;
}

html{font-size:16px;}
body{min-width:320px;}
.header,.section,.live-panel{width:min(var(--content-width),calc(100% - (var(--page-pad) * 2)));}
.header{gap:clamp(16px,2vw,34px);}
.logo img{width:clamp(92px,7vw,112px);}

/* ---------- DESKTOP 1200px+ ---------- */
@media (min-width:1200px){
  .hero{
    min-height:clamp(780px,100svh,920px);
    height:clamp(780px,100svh,920px);
    padding-top:clamp(105px,11vh,135px);
  }

  .hero-copy{
    width:min(600px,43vw);
    margin-left:max(var(--page-pad),calc((100vw - var(--content-width))/2));
  }

  .hero h1{font-size:clamp(48px,4.35vw,72px);}

  .nurse-stage{
    top:clamp(105px,13vh,145px);
    right:max(var(--page-pad),calc((100vw - var(--content-width))/2 - 20px));
    width:min(720px,54vw);
    height:min(590px,65vh);
  }

  .nurse-image{
    width:clamp(325px,28vw,430px);
    height:clamp(400px,58vh,530px);
    right:clamp(0px,2vw,28px);
    bottom:12px;
  }

  .ai-card{
    width:clamp(390px,31vw,480px);
    right:0;
    bottom:clamp(30px,6vh,62px);
  }

  .quick-actions{
    left:max(var(--page-pad),calc((100vw - var(--content-width))/2));
    bottom:clamp(112px,15vh,158px);
    width:min(490px,35vw);
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .quick-actions article{min-width:0;}
  .quick-actions b,.quick-actions small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

  .live-panel{bottom:clamp(16px,2.5vh,28px);}
}

/* ---------- LARGE LAPTOP / SMALL DESKTOP ---------- */
@media (min-width:901px) and (max-width:1199px){
  .header{width:calc(100% - 40px);}
  .header nav{gap:15px;}
  .header nav a{font-size:10px;}
  .demo-link{padding:9px 11px;font-size:10px;}

  .hero{
    height:860px;
    min-height:860px;
    padding-top:105px;
  }

  .hero-copy{
    width:46%;
    margin-left:20px;
  }
  .hero h1{font-size:clamp(42px,5.15vw,58px);}
  .lead{font-size:14px;}
  .desc{font-size:11px;max-width:470px;}
  .actions{gap:7px;}
  .btn{padding:11px 12px;font-size:10px;}

  .nurse-stage{
    top:112px;
    right:8px;
    width:53%;
    height:520px;
  }
  .nurse-image{width:300px;height:410px;right:5px;bottom:25px;}
  .ai-card{width:min(390px,88%);right:0;bottom:20px;padding:15px 16px;}
  .ai-card strong{font-size:17px;margin:12px 0;}
  .scan-ring{width:430px;height:220px;right:15px;top:105px;}
  .ring2{width:490px;height:265px;right:-15px;top:80px;}
  .ring3{width:370px;height:185px;right:55px;top:125px;}
  .energy-pillar{right:205px;top:105px;height:285px;}
  .hud-a{right:350px;top:105px;}
  .hud-b{right:405px;top:320px;}
  .hud-c{right:25px;top:28px;}

  .hero-earth{width:650px;height:650px;right:-220px;top:245px;}
  .sun-glow{width:190px;height:190px;right:24%;top:290px;}
  .horizon{top:410px;}

  .quick-actions{
    left:20px;
    bottom:115px;
    width:43%;
    gap:7px;
  }
  .quick-actions article{padding:9px 10px;gap:9px;}
  .quick-actions b{font-size:8px;}
  .quick-actions small{font-size:7px;}
  .qicon{width:30px;height:30px;}

  .live-panel{width:calc(100% - 40px);bottom:16px;}
  .metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;}
  .metrics .spark{display:none;}
}

/* ---------- TABLET: switch hero to normal flow ---------- */
@media (max-width:900px) and (min-width:601px){
  .header{width:calc(100% - 40px);height:72px;}
  .header nav{display:none;}
  .demo-link{display:none;}
  .hamb{display:block;}

  .hero{
    height:auto;
    min-height:0;
    padding:105px 0 24px;
    overflow:hidden;
  }

  .hero-copy{
    width:auto;
    margin:0 24px;
    position:relative;
  }
  .hero h1{font-size:clamp(48px,7vw,66px);max-width:650px;}
  .lead{font-size:15px;max-width:620px;}
  .desc{font-size:12px;max-width:600px;}
  .actions{max-width:620px;}

  .nurse-stage{
    position:relative;
    top:auto;
    right:auto;
    width:100%;
    height:480px;
    margin-top:30px;
    z-index:6;
  }
  .hero-earth{width:650px;height:650px;right:-22%;top:470px;}
  .sun-glow{width:190px;height:190px;right:28%;top:540px;}
  .horizon{top:600px;}

  .nurse-image{width:330px;height:430px;right:17%;bottom:20px;}
  .ai-card{width:min(430px,52%);right:4%;bottom:5px;}
  .scan-ring{width:430px;height:220px;right:9%;top:100px;}
  .ring2{width:500px;height:265px;right:2%;top:75px;}
  .ring3{width:370px;height:185px;right:16%;top:125px;}
  .energy-pillar{right:34%;top:100px;height:290px;}
  .hud-a{right:57%;top:95px;}
  .hud-b{right:auto;left:8%;top:305px;}
  .hud-c{right:6%;top:28px;}

  .quick-actions{
    position:relative;
    left:auto;
    bottom:auto;
    width:min(620px,calc(100% - 48px));
    margin:0 auto 18px;
    gap:9px;
    z-index:12;
  }
  .quick-actions article{padding:11px;}

  .live-panel{
    position:relative;
    left:auto;
    bottom:auto;
    transform:none;
    width:calc(100% - 48px);
    margin:0 auto;
  }
  .metrics{grid-template-columns:repeat(4,minmax(0,1fr));}
  .metrics .spark{display:none;}
}

/* ---------- MOBILE ---------- */
@media (max-width:600px){
  .header{width:calc(100% - 28px);height:64px;}
  .header nav,.demo-link{display:none;}
  .hamb{display:block;}
  .logo img{width:96px;}

  .mobile-nav{width:min(320px,90vw);}

  .hero{
    height:auto;
    min-height:0;
    padding:92px 0 16px;
    overflow:hidden;
  }

  .hero-copy{
    position:relative;
    width:auto;
    margin:0 16px;
    z-index:20;
  }
  .eyebrow{font-size:9px;letter-spacing:.09em;}
  .hero h1{
    font-size:clamp(38px,11vw,52px);
    line-height:1.01;
    letter-spacing:-.055em;
    margin:15px 0 17px;
  }
  .lead{font-size:14px;line-height:1.45;}
  .desc{font-size:11px;line-height:1.65;}

  .actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:18px;
  }
  .btn{
    width:100%;
    min-width:0;
    padding:12px 10px;
    font-size:9px;
    text-align:center;
  }
  .btn span{margin-left:6px;}

  /* Artwork is now its own flow section. */
  .nurse-stage{
    position:relative;
    top:auto;
    right:auto;
    width:100%;
    height:440px;
    margin-top:18px;
    z-index:6;
  }

  .hero-earth{
    width:540px;
    height:540px;
    right:-43%;
    top:510px;
  }
  .sun-glow{width:145px;height:145px;right:27%;top:610px;}
  .horizon{top:665px;right:-30%;width:155%;}

  .nurse-image{
    width:min(280px,70vw);
    height:365px;
    right:5%;
    bottom:36px;
  }

  .scan-ring{
    width:350px;
    height:180px;
    right:0;
    top:78px;
  }
  .ring2{width:410px;height:215px;right:-10px;top:58px;}
  .ring3{width:300px;height:155px;right:35px;top:98px;}
  .energy-pillar{right:28%;top:82px;height:245px;}

  .hud{padding:7px 8px;}
  .hud b{font-size:11px;}
  .hud span{font-size:6px;}
  .hud-a{left:5%;right:auto;top:70px;}
  .hud-b{left:5%;right:auto;top:260px;}
  .hud-c{right:3%;top:25px;}

  .ai-card{
    right:4%;
    bottom:0;
    width:92%;
    padding:12px 13px;
    border-radius:12px;
  }
  .ai-top{font-size:8px;}
  .ai-card strong{font-size:15px;margin:9px 0;}
  .typing{font-size:8px;padding:9px 10px;}
  .ai-tags{display:none;}

  .quick-actions{
    position:relative;
    left:auto;
    bottom:auto;
    width:calc(100% - 32px);
    margin:4px auto 14px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    z-index:15;
  }
  .quick-actions article{
    min-width:0;
    min-height:64px;
    padding:9px;
    gap:8px;
    border-radius:10px;
  }
  .qicon{width:30px;height:30px;flex:0 0 30px;font-size:13px;}
  .quick-actions b{font-size:8px;line-height:1.2;white-space:normal;}
  .quick-actions small{font-size:6.5px;line-height:1.2;white-space:normal;}
  .quick-actions article>span{display:none;}

  .live-panel{
    position:relative;
    left:auto;
    bottom:auto;
    transform:none;
    width:calc(100% - 32px);
    margin:0 auto;
    border-radius:12px;
    z-index:16;
  }
  .panel-title{padding:10px 12px;font-size:8px;}
  .metrics{
    display:flex;
    gap:4px;
    overflow-x:auto;
    padding:10px 10px 13px;
    scrollbar-width:none;
  }
  .metrics::-webkit-scrollbar{display:none;}
  .metrics div{min-width:108px;padding:6px 8px;}
  .metrics strong{font-size:17px;}
  .metrics small{font-size:7px;}

  .trusted{padding-top:45px;}
  .journey{padding-top:75px;}
  .journey-detail{grid-template-columns:50px 1fr;}
  .journey-detail h3{font-size:20px;}
  .journey-detail p{font-size:10px;}
  .agent-grid{grid-template-columns:1fr;}
  .platform{grid-template-columns:1fr;}
  .cap-grid{grid-template-columns:1fr;}
}

/* ---------- EXTRA SMALL PHONES ---------- */
@media (max-width:380px){
  .header{height:60px;}
  .hero{padding-top:84px;}
  .hero h1{font-size:37px;}
  .actions{grid-template-columns:1fr;}
  .nurse-stage{height:410px;}
  .nurse-image{width:245px;height:330px;right:0;bottom:38px;}
  .hero-earth{width:470px;height:470px;right:-48%;top:500px;}
  .scan-ring{width:310px;height:160px;}
  .ring2{width:350px;height:185px;}
  .ring3{width:270px;height:135px;}
  .hud-b{display:none;}
  .quick-actions{grid-template-columns:1fr;}
  .quick-actions article{min-height:58px;}
  .live-panel{width:calc(100% - 24px);}
  .metrics div{min-width:102px;}
}

/* ---------- HEIGHT-CONSTRAINED LAPTOPS ---------- */
@media (min-width:901px) and (max-height:760px){
  .hero{min-height:760px;height:760px;padding-top:92px;}
  .nurse-stage{top:92px;height:500px;}
  .nurse-image{height:390px;width:315px;}
  .ai-card{bottom:18px;padding:13px 15px;}
  .quick-actions{bottom:98px;}
  .quick-actions article{min-height:48px;padding:8px 10px;}
  .quick-actions small{font-size:7px;}
  .live-panel{bottom:12px;}
}

/* Avoid the JS parallax transform fighting responsive positioning. */
.nurse-stage{--px:0px;--py:0px;transform:translate3d(var(--px),var(--py),0);}
@media (max-width:900px){.nurse-stage{transform:none!important;}}

/* =========================================================
   V4 — VIEWPORT/ZOOM SAFE LAYOUT
   The hero keeps the desktop composition but reserves real
   vertical space for every layer. The insights panel never
   hangs outside the hero or gets clipped by the next section.
   ========================================================= */

*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:hidden}

/* Desktop hero: use a stable canvas instead of 100svh so browser
   zoom/short laptop viewports don't squeeze the bottom panel. */
@media (min-width:1200px){
  .hero{
    position:relative;
    height:clamp(820px, 92vh, 920px);
    min-height:820px;
    padding-top:clamp(104px, 11vh, 132px);
    overflow:hidden;
  }

  .hero-copy{z-index:20}
  .nurse-stage{z-index:10}
  .quick-actions{z-index:22}

  /* Keep the complete panel inside the hero bounds. */
  .live-panel{
    position:absolute;
    left:50%;
    right:auto;
    bottom:clamp(18px,2.5vh,28px);
    transform:translateX(-50%);
    width:min(var(--content-width,1400px),calc(100% - (var(--page-pad,48px) * 2)));
    max-width:1400px;
    margin:0;
    z-index:30;
  }

  .metrics{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    align-items:stretch;
    gap:clamp(5px,.55vw,10px);
  }
  .metrics>div{min-width:0}
  .metrics strong{white-space:nowrap}
  .metrics small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* 1200–1399: slightly more compact so the same composition survives
   browser zoom that effectively reduces the CSS viewport width. */
@media (min-width:1200px) and (max-width:1399px){
  .hero{height:840px;min-height:840px}
  .hero-copy{width:510px}
  .hero h1{font-size:clamp(46px,4vw,60px)}
  .nurse-stage{width:610px;height:520px;right:28px}
  .nurse-image{width:350px;height:430px;right:0;bottom:18px}
  .ai-card{width:405px;right:0;bottom:18px}
  .hero-earth{width:720px;height:720px;right:-145px;top:255px}
  .quick-actions{width:430px;bottom:118px}
  .quick-actions article{padding:9px 10px}
  .quick-actions b{font-size:8px}
  .quick-actions small{font-size:7px}
  .live-panel{width:calc(100% - 40px)}
  .metrics{padding:10px 12px 12px;gap:4px}
  .metrics strong{font-size:17px}
  .metrics small{font-size:7px}
}

/* Short desktop/laptop screens: preserve all layers by reducing the
   artwork, not by letting the insights panel escape the canvas. */
@media (min-width:901px) and (max-height:820px){
  .hero{height:820px;min-height:820px}
  .hero-copy{transform:scale(.94);transform-origin:left top}
  .nurse-stage{transform:scale(.90);transform-origin:right top}
  .quick-actions{transform:scale(.94);transform-origin:left bottom}
  .live-panel{bottom:16px}
}

/* Tablet: everything below the artwork is normal document flow. */
@media (max-width:1199px) and (min-width:601px){
  .hero{
    height:auto!important;
    min-height:0!important;
    padding-bottom:24px;
    overflow:hidden;
  }
  .nurse-stage{transform:none!important}
  .quick-actions,.live-panel{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
  }
  .quick-actions{margin-top:0;margin-bottom:18px}
  .live-panel{margin:0 auto}
  .metrics{min-width:0}
}

/* Tablet widths where 7 metrics become cramped: show four and let the
   remaining values scroll horizontally instead of clipping text. */
@media (max-width:900px) and (min-width:601px){
  .live-panel{width:calc(100% - 48px);max-width:100%}
  .metrics{
    display:flex;
    overflow-x:auto;
    scrollbar-width:none;
    gap:6px;
  }
  .metrics::-webkit-scrollbar{display:none}
  .metrics>div{min-width:145px;flex:0 0 145px}
  .metrics .spark{min-width:155px;display:block}
}

/* Phones: panel remains completely inside the page width. */
@media (max-width:600px){
  .hero{overflow:hidden!important;padding-bottom:18px}
  .quick-actions{margin-bottom:14px!important}
  .live-panel{
    width:calc(100% - 32px)!important;
    max-width:calc(100% - 32px)!important;
    overflow:hidden;
  }
  .panel-title{min-width:0}
  .panel-title>span:first-child{white-space:nowrap}
  .metrics{width:100%;max-width:100%;overflow-x:auto}
  .metrics>div{flex:0 0 108px;min-width:108px}
}

@media (max-width:380px){
  .live-panel{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important}
  .metrics>div{flex-basis:102px;min-width:102px}
}

/* Never allow text inside action cards to create a wider box at any zoom. */
.quick-actions article{min-width:0;max-width:100%}
.quick-actions article>div:nth-child(2){min-width:0}
.quick-actions b,.quick-actions small{max-width:100%;overflow-wrap:anywhere}

/* Prevent decorative artwork from becoming the page width when zoomed. */
.hero-earth,.orbital,.sun-glow,.horizon,.scan-ring,.energy-pillar{pointer-events:none}