:root{--navy:#07152d;--navy2:#0c2344;--cyan:#54e5e2;--violet:#a78bfa;--muted:#b7c7dc}
.lab-body{background:radial-gradient(900px 600px at 85% 5%,#123d62 0,transparent 60%),radial-gradient(700px 500px at 5% 40%,#27265d 0,transparent 60%),linear-gradient(140deg,#050d1d,#0b1b35 55%,#10152f);color:#eef7ff;padding:20px;font-family:Tahoma,"Segoe UI",sans-serif}
.lab-wrap{max-width:1120px;margin:auto}.lab-top{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0b1d36c9;border:1px solid #ffffff20;color:#fff}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand img{width:54px;height:54px;object-fit:contain;border-radius:16px;background:#fff}.brand small{display:block;color:#9fb5d0;margin-top:5px}.lab-top nav{display:flex;gap:22px;flex-wrap:wrap}.lab-top nav a,.lab-footer a{color:#b8e8f4;text-decoration:none;font-size:.9rem}
.lab-hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:30px;padding:65px 5% 55px;min-height:440px}.eyebrow{letter-spacing:2px;color:var(--cyan);font-size:.72rem;font-weight:bold}.lab-hero h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.5;margin:12px 0}.lab-hero h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 28px #54e5e244}.lab-hero p{color:#b9cbe0;line-height:2;max-width:570px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.primary,.secondary{border:0;border-radius:14px;padding:13px 19px;font:inherit;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:14px}.primary{background:linear-gradient(120deg,#19b9bd,#6e8df7);color:#04152b;font-weight:bold;box-shadow:0 10px 35px #31d7d733}.secondary{background:#ffffff0d;border:1px solid #ffffff35;color:#e8f7ff}.trust{display:flex;gap:18px;flex-wrap:wrap;color:#8faac5;font-size:.78rem}.hero-art{height:310px;display:grid;place-items:center;position:relative}.orb{position:absolute;border-radius:50%;filter:blur(2px);animation:float 7s ease-in-out infinite}.orb-a{width:240px;height:240px;background:radial-gradient(circle at 35% 30%,#4de5db88,#3446a244 65%,transparent 70%);box-shadow:0 0 80px #31d8dc22}.orb-b{width:160px;height:160px;border:1px solid #9c9bff77;transform:translate(90px,65px);animation-delay:-3s}.glass-panel{position:relative;width:230px;height:245px;border-radius:32px;border:1px solid #ffffff4a;background:linear-gradient(145deg,#ffffff24,#ffffff06);backdrop-filter:blur(18px);box-shadow:0 25px 80px #0008,inset 0 1px #fff6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden;transform:rotate(-5deg)}.lab-icon{font-size:4rem;filter:drop-shadow(0 0 20px #56e5e5)}.glass-panel b{letter-spacing:5px;color:#dff}.glass-panel small{font-size:.65rem;color:#a8bdd8;letter-spacing:2px}.scanline{position:absolute;left:0;right:0;height:1px;background:#65ffff;box-shadow:0 0 20px 5px #4ff8;animation:scan 4s linear infinite}
@keyframes float{50%{transform:translateY(-14px)}}@keyframes scan{0%{top:10%}100%{top:95%}}
.section-head{text-align:center;margin:15px 0 24px}.section-head h2,.faq-section h2{font-size:1.8rem}.section-head p{color:#9fb5d0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:35px}.service-card{padding:22px;border-radius:20px;background:linear-gradient(145deg,#ffffff13,#ffffff06);border:1px solid #ffffff20;color:#fff;text-decoration:none;transition:.25s;min-height:155px}.service-card:hover{transform:translateY(-5px);border-color:#54e5e277;box-shadow:0 18px 45px #0004}.service-card span{font-size:1.8rem;display:block;margin-bottom:12px}.service-card b,.service-card small{display:block}.service-card small{color:#9fb5d0;line-height:1.8;margin-top:7px}
.form-section{margin:22px 0;padding:26px;background:#0b1d36c9;border:1px solid #ffffff22;color:#eef7ff}.section-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}.section-title h2{margin:0 0 7px}.section-title p{margin:0;color:#9fb5d0;font-size:.9rem;line-height:1.8}.number{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#54e5e51c;color:var(--cyan);font-weight:bold;flex-shrink:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:flex;flex-direction:column;gap:8px;color:#c7d7e8;font-size:.9rem}.form-grid input,.form-grid select,.form-grid textarea,.inline-form input{width:100%;background:#061329;border:1px solid #ffffff25;color:#f4fbff;border-radius:12px;padding:12px;font:inherit}.form-grid input:focus,.form-grid textarea:focus,.inline-form input:focus{outline:1px solid var(--cyan);border-color:var(--cyan)}.span2{grid-column:span 2}.wide{width:100%}.consent{display:flex!important;flex-direction:row!important;align-items:center}.consent input{width:auto}.form-note{color:#9fb5d0;font-size:.82rem;line-height:1.9;margin:0}.inline-form{display:flex;gap:10px}.inline-form input{flex:1}.result-panel{margin-top:14px;color:#c3d7ea;line-height:1.9}.faq-section{padding:38px 0}.faq-section details{padding:16px 18px;border:1px solid #ffffff20;border-radius:14px;margin:10px 0;background:#ffffff09}.faq-section summary{cursor:pointer;font-weight:bold}.faq-section details p{color:#aabdd3;line-height:1.9}.lab-footer{text-align:center;padding:35px 10px;color:#9fb5d0;line-height:1.9}.lab-footer b{color:#fff}.lab-footer small{font-size:.75rem}.lab-entry{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:15px 0;padding:12px 16px;border-radius:16px;background:#ffffffaa;border:1px solid #fff}.lab-entry span{font-size:.85rem;color:#456}
@media(max-width:800px){.lab-hero{grid-template-columns:1fr;padding:40px 2%}.hero-art{height:250px}.service-grid{grid-template-columns:repeat(2,1fr)}.lab-top{align-items:flex-start;flex-direction:column}.lab-top nav{gap:14px}.lab-top nav a{font-size:.8rem}}
@media(max-width:520px){.lab-body{padding:10px}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.service-grid{grid-template-columns:1fr 1fr}.service-card{padding:16px;min-height:145px}.inline-form{flex-direction:column}.lab-hero h1{font-size:2.3rem}.trust{gap:8px}.form-section{padding:18px}}

/* NOOR LAB — cinematic glass interface */
.lab-body{position:relative;isolation:isolate;background:radial-gradient(800px 550px at 82% 4%,#164c72 0,transparent 62%),radial-gradient(650px 520px at 5% 35%,#302a70 0,transparent 66%),linear-gradient(140deg,#030b19,#091a32 55%,#11152f);background-attachment:fixed}
.lab-body .ambient-canvas{z-index:-1;opacity:.68}.lab-wrap{max-width:1200px}.lab-top{position:sticky;top:10px;z-index:30;border-radius:22px;padding:12px 18px;backdrop-filter:blur(24px);box-shadow:0 18px 55px #0004}.brand img{box-shadow:0 0 28px #50e5dc33}.lab-top nav a{transition:color .2s,text-shadow .2s}.lab-top nav a:hover{color:#fff;text-shadow:0 0 16px #54e5e2}
.lab-hero{min-height:500px;padding:70px 5%;position:relative;isolation:isolate}.lab-hero:before{content:"";position:absolute;inset:8% 0;z-index:-1;border:1px solid #ffffff12;border-radius:38px;background:linear-gradient(120deg,#ffffff0c,#ffffff02);box-shadow:inset 0 1px #ffffff12,0 30px 90px #0002;backdrop-filter:blur(6px)}.lab-hero h1{letter-spacing:-1px}.lab-hero h1 em{background:linear-gradient(90deg,#54e5e2,#9eacff 70%,#d3b5ff);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}.lab-hero p{line-height:2.1}.eyebrow{letter-spacing:2.5px}.hero-art{perspective:900px}.glass-panel{transform:rotateY(-12deg) rotateX(5deg);animation:panelFloat 8s ease-in-out infinite;box-shadow:0 35px 90px #0008,inset 0 1px #fff8,0 0 55px #42d7d522}.glass-panel:before{content:"";position:absolute;inset:10px;border:1px solid #ffffff24;border-radius:24px;pointer-events:none}.lab-icon{animation:molecule 7s ease-in-out infinite}.orb-a{background:radial-gradient(circle at 35% 30%,#4de5dbbb,#3446a255 62%,transparent 72%);box-shadow:0 0 100px #31d8dc35}.orb-b{box-shadow:0 0 45px #8c8cff22}
.service-card{position:relative;overflow:hidden;backdrop-filter:blur(15px);box-shadow:inset 0 1px #ffffff20,0 14px 38px #0002;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}.service-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#54e5e222,transparent 68%);top:-95px;left:-70px;transition:transform .5s}.service-card:hover{transform:translateY(-8px) scale(1.015);border-color:#54e5e2aa;box-shadow:0 24px 60px #0005,0 0 28px #54e5e211}.service-card:hover:after{transform:scale(1.7)}.service-card span{filter:drop-shadow(0 0 14px #54e5e244)}
.form-section{border-radius:26px;box-shadow:0 24px 70px #0003,inset 0 1px #ffffff18;backdrop-filter:blur(22px);transition:border-color .3s,transform .3s}.form-section:focus-within{border-color:#54e5e266}.form-grid input,.form-grid select,.form-grid textarea,.inline-form input{transition:border-color .2s,box-shadow .2s,background .2s}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.inline-form input:focus{box-shadow:0 0 0 4px #54e5e21c,0 0 22px #54e5e211}.primary{background:linear-gradient(110deg,#37d8cf,#83a5ff 60%,#b59aff);box-shadow:0 12px 32px #39d9d033;transition:transform .2s,box-shadow .2s,filter .2s}.primary:hover{transform:translateY(-2px);box-shadow:0 18px 42px #39d9d044;filter:brightness(1.06)}.secondary{transition:transform .2s,border-color .2s,background .2s}.secondary:hover{transform:translateY(-2px);border-color:#54e5e2aa;background:#ffffff16}
.faq-section details{transition:border-color .25s,background .25s}.faq-section details[open]{border-color:#54e5e277;background:#54e5e20b}.faq-section summary::marker{color:#54e5e2}.lab-footer{border-top:1px solid #ffffff17;margin-top:25px}
@keyframes panelFloat{0%,100%{transform:rotateY(-12deg) rotateX(5deg) translateY(0)}50%{transform:rotateY(-7deg) rotateX(2deg) translateY(-12px)}}@keyframes molecule{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}
@media(max-width:800px){.lab-top{top:5px}.lab-hero{padding:42px 3%;min-height:unset}.lab-hero:before{inset:0}.hero-art{height:270px}}
@media(prefers-reduced-motion:reduce){.glass-panel,.lab-icon,.service-card:after{animation:none!important}.service-card:hover,.primary:hover,.secondary:hover{transform:none}}
.lab-wrap{position:relative;z-index:1}.lab-body .ambient-canvas{z-index:0}
.motion-control{font-size:.76rem;padding:8px 12px;white-space:nowrap}