/* VistaStay Med — 3D Glass Medical Experience */
:root{
  --3d-bg:#06131f; --3d-panel:rgba(10,31,48,.72); --3d-line:rgba(118,226,222,.18);
  --3d-cyan:#38e8dc; --3d-blue:#65a9ff; --3d-purple:#9b7cff; --3d-text:#eaf7ff;
}
body{background:radial-gradient(circle at 12% 0%,rgba(56,232,220,.10),transparent 30%),radial-gradient(circle at 88% 12%,rgba(101,169,255,.12),transparent 32%),linear-gradient(135deg,#f5fbff 0%,#eef6fa 48%,#eaf3f7 100%);}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(8,75,108,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(8,75,108,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 75%);z-index:-1}
.site-header{background:rgba(4,23,37,.82)!important;border-bottom:1px solid rgba(75,223,216,.22)!important;backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(0,0,0,.16);position:sticky;top:0;z-index:1000}
.site-header .container{min-height:76px}.brand img{filter:drop-shadow(0 0 12px rgba(56,232,220,.22))}.nav-links a{color:#dcecf4!important}.nav-links a:hover{color:var(--3d-cyan)!important}.nav-phone{color:#cde5ee!important}
.btn{box-shadow:0 10px 25px rgba(4,29,45,.10),inset 0 1px 0 rgba(255,255,255,.22);transform:translateZ(0)}
.btn:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 16px 35px rgba(4,29,45,.18)}
.btn-primary{background:linear-gradient(135deg,#3be8dc,#15bfc4)!important;color:#03233a!important;border:1px solid rgba(255,255,255,.3)!important}
.btn-outline{background:rgba(255,255,255,.5)!important;border-color:rgba(8,85,110,.25)!important;backdrop-filter:blur(8px)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 42%,rgba(56,232,220,.17),transparent 23%),linear-gradient(135deg,#061827 0%,#092d43 54%,#07384b 100%)!important;color:#fff!important;padding-top:90px!important;padding-bottom:90px!important}
.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-160px;top:-220px;border:1px solid rgba(56,232,220,.24);box-shadow:0 0 100px rgba(56,232,220,.12),inset 0 0 80px rgba(101,169,255,.08);animation:spin3d 18s linear infinite}.hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;left:-140px;bottom:-170px;border:1px solid rgba(155,124,255,.2);transform:rotateX(68deg);box-shadow:0 0 70px rgba(155,124,255,.08)}
.hero h1,.hero h2,.hero h3,.hero p,.hero .lead{color:#fff!important}.hero .eyebrow{background:rgba(56,232,220,.09);border-color:rgba(56,232,220,.25);color:#7af4ec}.hero-trust{border-color:rgba(255,255,255,.14)!important}.hero-trust strong{color:#fff!important}.hero-trust span{color:#a9c5d1!important}
.hero-3d-stage{position:relative;min-height:480px;border-radius:32px!important;border:1px solid rgba(121,236,229,.3)!important;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.025))!important;box-shadow:0 35px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.15)!important;transform:perspective(1200px) rotateY(-4deg) rotateX(2deg);transition:transform .45s ease;overflow:hidden}.hero-3d-stage:hover{transform:perspective(1200px) rotateY(0deg) rotateX(0deg) translateY(-5px)}
.hero-poster{height:100%!important;min-height:480px;object-fit:cover;filter:saturate(1.12) contrast(1.05);transform:scale(1.03)}.hero-poster-overlay{background:linear-gradient(180deg,transparent 35%,rgba(2,15,26,.82) 100%)!important}.hero-3d-caption{color:#9fd5df!important}.hero-3d-caption a{color:#61eee5!important}
.solution-card,.product-card,.related-card,.resource-card,.content-card,.cred-card,.value-card,.eco-card,.vr-spotlight-card{position:relative;background:rgba(255,255,255,.68)!important;border:1px solid rgba(18,85,110,.13)!important;border-radius:24px!important;box-shadow:0 18px 50px rgba(5,43,63,.10),0 2px 0 rgba(255,255,255,.9) inset!important;backdrop-filter:blur(12px);transform-style:preserve-3d;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.solution-card:hover,.product-card:hover,.related-card:hover,.resource-card:hover,.content-card:hover,.cred-card:hover,.value-card:hover,.eco-card:hover,.vr-spotlight-card:hover{box-shadow:0 28px 65px rgba(5,43,63,.18),0 1px 0 rgba(255,255,255,.9) inset!important;border-color:rgba(24,173,179,.35)!important}
.solution-card img,.product-card .thumb img,.related-card img,.resource-card img{transform:translateZ(20px) scale(1.01);transition:transform .5s ease}.solution-card:hover img,.product-card:hover .thumb img,.related-card:hover img,.resource-card:hover img{transform:translateZ(30px) scale(1.055)}
.solution-body,.product-card .body,.product-info,.content-inner{transform:translateZ(15px)}
.product-card .thumb,.related-card .thumb{background:linear-gradient(145deg,#eaf9fb,#dfeef4)!important;border-radius:18px!important}
.product-ref,.cat-tag,.pill-badge,.photo-label{background:rgba(8,88,111,.07)!important;border-color:rgba(8,88,111,.12)!important}
.page-hero{background:radial-gradient(circle at 75% 35%,rgba(56,232,220,.18),transparent 25%),linear-gradient(135deg,#061827,#0a3045)!important;color:#fff!important;border-bottom:1px solid rgba(56,232,220,.18)}.page-hero h1,.page-hero p{color:#fff!important}.breadcrumb{color:#a8cad5!important}
.section-head h2,.section-head h3{letter-spacing:-.035em}.section-head p{max-width:720px}
.cta-banner,.cta-section{border:1px solid rgba(56,232,220,.25)!important;border-radius:28px!important;background:linear-gradient(135deg,#062034,#0a3d50)!important;box-shadow:0 25px 65px rgba(3,31,48,.22)!important;color:#fff}.cta-banner h2,.cta-banner p,.cta-section h2,.cta-section p{color:#fff!important}
.site-footer{background:#041520!important;border-top:1px solid rgba(56,232,220,.16)!important}.site-footer h3,.site-footer p,.site-footer a,.footer-bottom{color:#c8e0e8!important}.site-footer a:hover{color:#58e9e0!important}
.mobile-action-bar{background:rgba(4,23,37,.92)!important;backdrop-filter:blur(16px);border-top:1px solid rgba(56,232,220,.22)!important}
/* floating 3D accents */
[data-3d-float]{animation:float3d 5s ease-in-out infinite}.three-d-badge{position:absolute;right:22px;top:22px;padding:8px 12px;border-radius:999px;background:rgba(4,24,38,.65);color:#8af5ed;border:1px solid rgba(56,232,220,.3);font:700 11px var(--font-mono);letter-spacing:.08em;backdrop-filter:blur(10px);z-index:3}
@keyframes float3d{0%,100%{transform:translateY(0) rotateX(0) rotateY(0)}50%{transform:translateY(-9px) rotateX(2deg) rotateY(-2deg)}}@keyframes spin3d{to{transform:rotate(360deg)}}
@media(max-width:900px){.hero{padding-top:62px!important}.hero-3d-stage{min-height:390px;transform:none}.hero-poster{min-height:390px}.solution-card,.product-card,.related-card,.resource-card,.content-card,.cred-card,.value-card{border-radius:20px!important}.site-header .container{min-height:68px}}
@media(max-width:640px){body:before{background-size:30px 30px}.hero{padding-top:42px!important;padding-bottom:50px!important}.hero-3d-stage{min-height:300px;border-radius:22px!important}.hero-poster{min-height:300px}.hero:before{width:300px;height:300px;right:-180px;top:-120px}.three-d-badge{right:12px;top:12px;font-size:9px}.btn{min-height:46px}.container{padding-left:16px!important;padding-right:16px!important}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.product-card{padding:10px!important;border-radius:16px!important}.product-card .body{padding:8px 4px!important}.product-card h3{font-size:14px!important}.product-card .thumb{border-radius:12px!important}.product-card .btn{width:100%;padding:10px 8px;font-size:12px}.section-head{margin-bottom:28px!important}}
@media(prefers-reduced-motion:reduce){.hero:before,[data-3d-float]{animation:none!important}.hero-3d-stage{transform:none!important}}

/* Homepage 3D spatial accents — fills intentional whitespace without affecting content */
.home-3d-section{position:relative;overflow:hidden}
.home-3d-orbit{position:absolute;width:260px;height:260px;right:3%;top:30px;pointer-events:none;opacity:.8;transform:perspective(900px) rotateX(58deg) rotateZ(-12deg);z-index:0}
.home-3d-orbit .orbit-ring{position:absolute;inset:0;border:1px solid rgba(21,191,196,.24);border-radius:50%;box-shadow:0 0 40px rgba(21,191,196,.08)}
.home-3d-orbit .ring-2{inset:32px;border-color:rgba(101,169,255,.25);transform:rotateY(62deg)}
.home-3d-orbit .orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(-58deg);width:66px;height:66px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#0b5268,#092a42);color:#6ff1e8;font:800 16px var(--font-mono);box-shadow:0 0 35px rgba(56,232,220,.24),inset 0 1px rgba(255,255,255,.22);border:1px solid rgba(56,232,220,.35)}
.home-3d-orbit .orbit-node{position:absolute;width:13px;height:13px;border-radius:50%;background:#55e8de;box-shadow:0 0 18px #55e8de}.node-1{left:14%;top:20%}.node-2{right:9%;bottom:19%;background:#77a9ff!important;box-shadow:0 0 18px #77a9ff!important}
.home-3d-anatomy{position:absolute;right:-25px;bottom:-85px;width:390px;height:390px;pointer-events:none;opacity:.22;z-index:0;transform:rotate(-7deg);filter:drop-shadow(0 20px 35px rgba(4,40,60,.2))}
.home-3d-anatomy img{position:absolute;width:270px;height:258px;object-fit:contain;left:55px;top:65px;animation:heartFloat 6s ease-in-out infinite}
.anatomy-grid{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(56,232,220,.16),transparent 48%),repeating-radial-gradient(circle,transparent 0 28px,rgba(20,120,145,.16) 29px 30px);border:1px solid rgba(25,150,170,.18);transform:perspective(600px) rotateX(64deg)}
.anatomy-label{position:absolute;font:700 9px var(--font-mono);letter-spacing:.13em;color:#127c8a;padding:6px 8px;border:1px solid rgba(18,124,138,.2);background:rgba(255,255,255,.6);border-radius:8px;backdrop-filter:blur(8px)}.label-top{right:0;top:65px}.label-bottom{left:0;bottom:60px}
.home-3d-wave{position:absolute;right:4%;top:20px;width:180px;height:110px;display:flex;gap:10px;align-items:flex-end;justify-content:center;opacity:.45;transform:perspective(500px) rotateY(-18deg)}
.home-3d-wave i{display:block;width:24px;border-radius:18px 18px 5px 5px;background:linear-gradient(180deg,#39dcd3,#3e86c7);box-shadow:0 12px 24px rgba(16,103,132,.16);animation:wave3d 2.8s ease-in-out infinite}.home-3d-wave i:nth-child(1){height:42px}.home-3d-wave i:nth-child(2){height:72px;animation-delay:.15s}.home-3d-wave i:nth-child(3){height:96px;animation-delay:.3s}.home-3d-wave i:nth-child(4){height:58px;animation-delay:.45s}
.ecosystem-section .ecosystem,.ecosystem-section .section-head{position:relative;z-index:1}
@keyframes heartFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes wave3d{0%,100%{transform:translateY(0) scaleY(.92)}50%{transform:translateY(-8px) scaleY(1.05)}}
@media(max-width:900px){.home-3d-orbit{right:-80px;top:10px;opacity:.35}.home-3d-anatomy{right:-130px;opacity:.13}.home-3d-wave{right:-15px;opacity:.25}}
@media(max-width:640px){.home-3d-orbit{width:170px;height:170px;right:-70px;top:8px}.home-3d-orbit .orbit-core{width:46px;height:46px;font-size:12px;border-radius:15px}.home-3d-anatomy{width:260px;height:260px;right:-125px;bottom:-45px}.home-3d-anatomy img{width:190px;height:180px;left:35px;top:45px}.anatomy-label{font-size:7px}.home-3d-wave{transform:scale(.7);right:-35px;top:5px}}
@media(prefers-reduced-motion:reduce){.home-3d-anatomy img,.home-3d-wave i{animation:none}}

/* =========================================================
   BIOLOGY × BLUEPRINT — Homepage hero direction
   ========================================================= */
.hero-blueprint{isolation:isolate;background:#030b13!important;min-height:760px;padding-top:110px!important;padding-bottom:105px!important;overflow:hidden}
.hero-blueprint:before{width:720px;height:720px;right:-270px;top:-260px;border-color:rgba(67,235,224,.16);box-shadow:0 0 140px rgba(52,222,216,.10),inset 0 0 100px rgba(79,142,255,.08);z-index:-1}
.hero-blueprint:after{width:460px;height:460px;left:-260px;bottom:-300px;border-color:rgba(78,151,255,.14);z-index:-1}
.blueprint-grid{position:absolute;inset:0;opacity:.24;pointer-events:none;background-image:linear-gradient(rgba(82,213,225,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(82,213,225,.10) 1px,transparent 1px),linear-gradient(rgba(82,213,225,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(82,213,225,.035) 1px,transparent 1px);background-size:80px 80px,80px 80px,20px 20px,20px 20px;mask-image:radial-gradient(circle at 70% 45%,#000 0 38%,transparent 76%)}
.blueprint-grid:after{content:"";position:absolute;inset:8% 5%;border:1px solid rgba(104,226,231,.08);transform:perspective(900px) rotateX(55deg) rotateZ(-7deg);box-shadow:0 0 0 18px rgba(255,255,255,.012),0 0 0 36px rgba(255,255,255,.008)}
.hero-blueprint .container{position:relative;z-index:3}
.hero-blueprint .hero-3d-visual{position:relative;z-index:4}
.hero-blueprint h1{font-size:clamp(46px,5.7vw,84px)!important;line-height:.98!important;letter-spacing:-.055em!important;max-width:780px;text-shadow:0 12px 45px rgba(0,0,0,.35)}
.hero-blueprint h1 em{color:#64eee5!important;font-style:normal;text-shadow:0 0 32px rgba(70,235,224,.20)}
.hero-blueprint .lead{max-width:680px;color:#b5cdd7!important}
.hero-blueprint .eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase}
.hero-specs{display:flex;align-items:center;gap:12px;margin:28px 0 2px;color:#7fece5;font:700 10px var(--font-mono);letter-spacing:.16em;opacity:.82}
.hero-specs i{width:4px;height:4px;border-radius:50%;background:#4de3da;box-shadow:0 0 12px #4de3da}
/* 3D double helix */
.dna-hero{position:absolute;right:6%;top:50%;width:360px;height:650px;transform:translateY(-48%) perspective(1000px) rotateY(-18deg) rotateX(4deg);transform-style:preserve-3d;pointer-events:none;z-index:2;filter:drop-shadow(0 30px 55px rgba(0,0,0,.32))}
.dna-axis{position:absolute;left:50%;top:3%;height:94%;width:1px;background:linear-gradient(180deg,transparent,rgba(105,230,226,.2),transparent);transform:translateX(-50%);box-shadow:0 0 18px rgba(65,220,214,.2)}
.dna-strand{position:absolute;inset:3% 22%;border:2px solid transparent;border-left-color:#5be7df;border-right-color:#5be7df;border-radius:50%;transform-style:preserve-3d;animation:dnaSpin 8s linear infinite}
.strand-a{transform:rotateY(0deg);box-shadow:0 0 18px rgba(68,230,220,.30),inset 0 0 15px rgba(68,230,220,.08)}
.strand-b{transform:rotateY(180deg);animation-delay:-4s;border-left-color:#6da6ff;border-right-color:#6da6ff;box-shadow:0 0 18px rgba(82,141,255,.22)}
.dna-rungs{position:absolute;inset:5% 17%;transform-style:preserve-3d;animation:dnaSpin 8s linear infinite}
.dna-rung{position:absolute;left:50%;top:var(--y);width:210px;height:1px;transform:translateX(-50%) rotateY(var(--rot));background:linear-gradient(90deg,rgba(92,233,224,.08),#72eee5 20%,#b3fbf6 50%,#76a9ff 80%,rgba(104,155,255,.06));box-shadow:0 0 10px rgba(84,224,220,.32)}
.dna-rung:before,.dna-rung:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-radius:50%;transform:translateY(-50%);background:#8ff5ef;box-shadow:0 0 14px #57e5dc}.dna-rung:before{left:0}.dna-rung:after{right:0;background:#7eaaff;box-shadow:0 0 14px #6b9fff}
.dna-glow{position:absolute;inset:12% 17%;border-radius:50%;background:radial-gradient(ellipse,rgba(59,228,218,.10),transparent 60%);filter:blur(20px);transform:translateZ(-50px)}
.dna-label{position:absolute;font:700 9px var(--font-mono);letter-spacing:.18em;color:rgba(133,239,233,.72);border-left:1px solid rgba(88,227,220,.45);padding-left:10px}.dna-label-top{right:0;top:2%}.dna-label-bottom{left:0;bottom:2%;color:rgba(127,168,255,.72);border-left-color:rgba(109,166,255,.45)}
@keyframes dnaSpin{0%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
.hero-blueprint .hero-3d-stage{background:rgba(4,17,28,.65)!important;border-color:rgba(90,231,224,.25)!important;box-shadow:0 40px 100px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.12)!important}
.hero-blueprint .hero-poster{opacity:.82;mix-blend-mode:screen}
.hero-blueprint .hero-poster-overlay{background:linear-gradient(180deg,rgba(2,9,15,.05),rgba(1,9,15,.90))!important}
.hero-blueprint .hero-trust{background:rgba(255,255,255,.025);backdrop-filter:blur(10px);border-color:rgba(112,222,226,.12)!important}
.hero-blueprint .hero-trust strong{font-family:var(--font-mono);letter-spacing:-.03em}
@media(max-width:1100px){.dna-hero{right:-2%;opacity:.55;transform:translateY(-48%) perspective(1000px) rotateY(-18deg) scale(.88)}.hero-blueprint h1{max-width:650px}.hero-blueprint .container{position:relative}}
@media(max-width:900px){.hero-blueprint{min-height:auto}.dna-hero{width:300px;height:520px;right:-90px;top:46%;opacity:.25;transform:translateY(-50%) scale(.85)}.hero-specs{flex-wrap:wrap}.hero-blueprint h1{font-size:clamp(42px,8vw,64px)!important;max-width:650px}}
@media(max-width:640px){.hero-blueprint{padding-top:48px!important;padding-bottom:54px!important}.blueprint-grid{opacity:.16}.dna-hero{width:250px;height:430px;right:-125px;top:34%;opacity:.16}.dna-rung{width:160px}.hero-specs{font-size:8px;gap:8px;margin-top:22px}.hero-blueprint h1{font-size:42px!important;line-height:1.02!important}.hero-blueprint .lead{font-size:16px!important}.hero-blueprint .hero-trust{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.dna-strand,.strand-b,.dna-rungs{animation:none}.dna-rungs{transform:rotateY(20deg)}}
.page-hero{position:relative;overflow:hidden;background-color:#030b13!important;background-image:linear-gradient(rgba(82,213,225,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(82,213,225,.055) 1px,transparent 1px),radial-gradient(circle at 80% 40%,rgba(61,225,216,.14),transparent 25%),linear-gradient(135deg,#030b13,#082538)!important;background-size:48px 48px,48px 48px,auto,auto}
.page-hero:after{content:"DNA // MEDICAL BLUEPRINT";position:absolute;right:5%;bottom:18px;color:rgba(110,228,224,.38);font:700 9px var(--font-mono);letter-spacing:.18em}
.solution-card:before,.product-card:before,.resource-card:before,.cred-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.32),transparent 35%);opacity:.5}