:root{--bg-primary: #030712;--bg-secondary: #0b1220;--bg-card: rgba(15, 23, 42, .72);--bg-card-hover: rgba(15, 23, 42, .9);--text-primary: #e5eefc;--text-secondary: #9fb2cf;--border: rgba(56, 189, 248, .18);--cyan: #22d3ee;--blue: #3b82f6;--gradient: linear-gradient(135deg, #22d3ee 0%, #3b82f6 100%);--max-w: 1160px;--pad-x: clamp(20px, 5vw, 48px);--sec-py: clamp(72px, 8vw, 112px);--radius: 16px;--trans: .25s ease;--nav-h: 96px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 8px)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(900px 500px at 80% -10%,rgba(34,211,238,.1),transparent 55%),radial-gradient(700px 400px at -10% 20%,rgba(59,130,246,.12),transparent 55%),var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:min(var(--max-w),100%);margin:0 auto;padding:0 var(--pad-x)}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.bg-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(34,211,238,.08) 1px,transparent 1px);background-size:42px 42px;opacity:.3}.bg-orb{position:absolute;border-radius:999px;filter:blur(56px)}.bg-orb-1{width:280px;height:280px;background:#22d3ee29;top:5%;left:8%}.bg-orb-2{width:340px;height:340px;background:#3b82f624;top:30%;right:-80px}.bg-orb-3{width:240px;height:240px;background:#22d3ee1f;bottom:8%;left:40%}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-weight:600;transition:var(--trans);white-space:nowrap}.btn-primary{padding:12px 22px;background:var(--gradient);color:#fff;box-shadow:0 8px 24px #22d3ee40}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{padding:12px 22px;border:1px solid var(--border);color:var(--text-primary);background:#0f172a80}.btn-secondary:hover{border-color:#22d3ee80}.glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.section-label{display:inline-block;border:1px solid var(--border);color:var(--cyan);background:#22d3ee14;padding:6px 12px;border-radius:999px;font-size:.78rem;letter-spacing:.03em;text-transform:uppercase;margin-bottom:14px}.label-center{display:table;margin:0 auto 14px}.section-title{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.18;letter-spacing:-.02em;margin-bottom:14px}.section-subtitle{color:var(--text-secondary);max-width:760px}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.fade-in{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in.delay-1{transition-delay:.08s}.fade-in.delay-2{transition-delay:.16s}.fade-in.delay-3{transition-delay:.24s}.fade-in.delay-4{transition-delay:.32s}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:padding var(--trans),background var(--trans),border-color var(--trans)}.navbar.scrolled{padding:14px 0;background:#030712e6;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:clamp(18px,2vw,32px)}.navbar-logo{flex:0 1 clamp(180px,23vw,320px);min-width:0;display:flex;align-items:center}.navbar-logo img{height:clamp(56px,5.5vw,86px);max-width:100%;object-fit:contain}.navbar-links{list-style:none;display:flex;gap:clamp(18px,2.2vw,34px)}.navbar-links a{color:var(--text-secondary);font-size:.92rem}.navbar-links a:hover{color:var(--text-primary)}.navbar-cta{padding:10px 16px;border-radius:10px;background:var(--gradient);color:#fff;font-size:.84rem;font-weight:600}.navbar-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:0}.navbar-hamburger span{width:23px;height:2px;background:#fff;border-radius:2px;transition:var(--trans)}.navbar-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-hamburger.open span:nth-child(2){opacity:0}.navbar-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar-mobile-drawer{position:fixed;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#020617f2;transform:translate(100%);transition:transform .3s ease;z-index:999}.navbar-mobile-drawer.open{transform:translate(0)}.navbar-mobile-drawer a{font-size:1.2rem}.hero{position:relative;min-height:calc(100svh - var(--nav-h));display:grid;align-items:center;padding:calc(var(--nav-h) + 18px) 0 clamp(56px,7vw,92px);overflow:hidden}.hero .container{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);align-items:center;gap:clamp(20px,4vw,56px)}.hero-content{position:relative;max-width:660px;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);padding:8px 12px;border-radius:999px;color:var(--text-secondary);font-size:.82rem;margin-bottom:16px}.badge-dot{width:8px;height:8px;border-radius:999px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.hero-headline{font-size:clamp(2.2rem,5vw,4.1rem);line-height:1.03;margin-bottom:16px;letter-spacing:-.03em}.hero-headline .line-accent{display:block;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{color:var(--text-secondary);font-size:1.04rem;max-width:620px;margin-bottom:12px}.hero-supporting{color:#c6d6ee;max-width:640px;margin-bottom:26px}.hero-actions{display:flex;gap:12px}.hero-loon-watermark{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:clamp(300px,40vw,560px);opacity:.045;pointer-events:none}.hero-metric-card{position:relative;width:100%;padding:20px;z-index:2;justify-self:end}.metric-card-header{color:var(--text-primary);font-weight:700;margin-bottom:14px}.metric-row{display:flex;justify-content:space-between;color:var(--text-secondary);padding:8px 0;border-top:1px solid rgba(148,163,184,.18)}.metric-val{color:var(--cyan);font-weight:700}.services,.example-systems,.why-loonova,.process,.industries,.about,.cta-section,.systems-hero,.systems-list{padding:var(--sec-py) 0;position:relative}.services-header,.process-header,.industries-header{text-align:center}.services-header .section-subtitle,.process-header .section-subtitle,.industries-header .section-subtitle{margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.service-card{padding:24px;height:100%;display:flex;flex-direction:column}.service-card h3{margin-bottom:8px;font-size:1rem}.service-card p{color:var(--text-secondary);font-size:.9rem}.example-systems-header{text-align:center}.example-systems-header .section-subtitle{margin:0 auto}.example-systems-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.example-system-card{overflow:hidden}.example-system-thumb{display:block;width:100%;aspect-ratio:16 / 10;height:auto;object-fit:cover;object-position:center top;border-bottom:1px solid var(--border);background:#0f172abf}.example-system-body{padding:18px;display:grid;gap:10px}.example-system-body h3{font-size:1rem}.example-system-body p{color:var(--text-secondary);font-size:.9rem}.example-system-body .btn-secondary{width:fit-content;margin-top:4px}.why-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.why-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.stat-block{padding:14px;border:1px solid var(--border);border-radius:12px;background:#02061780}.stat-block strong{display:block;color:var(--cyan);font-size:1.4rem;margin-bottom:6px}.stat-block span{color:var(--text-secondary);font-size:.82rem}.why-right{display:grid;gap:14px}.why-feature{padding:18px;height:100%}.why-feature h4{margin-bottom:6px}.why-feature p{color:var(--text-secondary);font-size:.9rem}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.process-step{padding:20px;height:100%}.step-number{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;color:var(--cyan);border:1px solid var(--border);margin-bottom:10px;font-weight:700}.process-step p{color:var(--text-secondary);font-size:.9rem}.industries-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}.industry-card{padding:20px;height:100%}.industry-card h3{margin-bottom:8px}.industry-card p{color:var(--text-secondary);font-size:.9rem}.about-inner{display:grid;grid-template-columns:minmax(240px,300px) 1fr;gap:36px;align-items:center;padding:clamp(24px,5vw,50px)}.about-photo-wrap{position:relative}.about-photo-ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:24px;background:var(--gradient);filter:blur(20px);opacity:.2}.about-photo{position:relative;width:100%;border-radius:18px;border:1px solid var(--border)}.about-body{max-width:720px}.about-text{color:var(--text-secondary);margin-top:12px}.about-actions{margin-top:20px}.cta-inner{padding:clamp(30px,6vw,60px);border-radius:20px;border:1px solid var(--border);background:linear-gradient(135deg,#22d3ee14,#3b82f614);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,480px);gap:clamp(18px,3vw,34px);align-items:start}.contact-intro .section-subtitle{max-width:680px}.contact-form{border-radius:16px;border:1px solid rgba(148,163,184,.24);background:#0206179e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(16px,3vw,24px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:6px}.field span{font-size:.79rem;color:#c6d6ee;letter-spacing:.01em}.field input,.field textarea{width:100%;border-radius:10px;border:1px solid rgba(148,163,184,.24);background:#0f172abf;color:var(--text-primary);padding:11px 12px;outline:none;transition:border-color var(--trans),box-shadow var(--trans),background var(--trans)}.field input::placeholder,.field textarea::placeholder{color:#8ea4c6}.field input:focus,.field textarea:focus{border-color:#22d3eeb3;box-shadow:0 0 0 3px #22d3ee26;background:#0f172ae6}.field-message{grid-column:1 / -1}.field textarea{min-height:132px;resize:vertical}.contact-submit{grid-column:1 / -1;width:100%;margin-top:2px}.form-status{grid-column:1 / -1;font-size:.84rem}.form-status.is-error{color:#fda4af}.form-status.is-success{color:#86efac}.process-sub-extra{margin-top:10px}.systems-page{padding-top:var(--nav-h)}.systems-hero{padding-bottom:clamp(28px,4vw,42px)}.systems-hero-inner{max-width:880px}.systems-list{padding-top:0}.systems-list .container{display:grid;gap:18px}.system-card{padding:clamp(18px,3vw,24px);display:grid;gap:18px}.system-card-body h2{font-size:clamp(1.3rem,2.3vw,1.9rem);margin-bottom:10px}.system-card-body p{color:var(--text-secondary)}.system-why,.system-fit{margin-top:10px}.system-why strong,.system-fit strong{color:var(--text-primary)}.system-images{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.system-image-btn{display:block;border:0;padding:0;background:none;cursor:zoom-in}.system-images img{width:100%;aspect-ratio:16 / 10;height:auto;border-radius:12px;border:1px solid var(--border);object-fit:cover;object-position:center top;background:#0f172ab3}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617e6;display:grid;place-items:center;padding:clamp(14px,3vw,28px);z-index:1200}.lightbox-image{max-width:min(1200px,94vw);max-height:88vh;width:auto;height:auto;border-radius:12px;border:1px solid var(--border);background:#020617bf}.lightbox-close{position:absolute;top:clamp(14px,3vw,22px);right:clamp(14px,3vw,22px);border:1px solid var(--border);background:#0f172ae6;color:var(--text-primary);border-radius:10px;padding:10px 14px;cursor:pointer}.footer{padding:58px 0 26px;border-top:1px solid rgba(148,163,184,.15)}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}.footer-logo-text{font-size:1.3rem;font-weight:700;margin-bottom:10px}.footer-logo-text .accent{color:var(--cyan)}.footer-brand p{color:var(--text-secondary);max-width:460px}.footer-contact{margin-top:14px}.footer-contact-link{color:var(--text-primary)}.footer-links-col h4{margin-bottom:12px}.footer-links-col ul{list-style:none;display:grid;gap:8px}.footer-links-col a{color:var(--text-secondary);font-size:.92rem}.footer-links-col a:hover{color:var(--text-primary)}.footer-bottom{margin-top:24px;display:flex;justify-content:space-between;gap:14px;color:#91a4c2;font-size:.86rem;border-top:1px solid rgba(148,163,184,.15);padding-top:16px}@media (max-width: 1024px){.hero-metric-card{display:none}.hero-loon-watermark{opacity:.03}.hero .container{grid-template-columns:1fr}.hero-content{max-width:760px;margin:0 auto;text-align:center}.hero-badge,.hero-sub,.hero-supporting{margin-inline:auto}.hero-actions{justify-content:center}.services-grid,.example-systems-grid{grid-template-columns:repeat(2,1fr)}.why-inner,.process-grid,.cta-inner{grid-template-columns:1fr}}@media (max-width: 768px){:root{--sec-py: 62px}.navbar-links,.navbar-cta{display:none}.navbar-hamburger,.navbar-mobile-drawer{display:flex}.navbar-logo{flex-basis:clamp(160px,52vw,240px)}.navbar-logo img{height:clamp(46px,9vw,64px)}.hero{padding:calc(var(--nav-h) + 14px) 0 44px}.hero-loon-watermark{display:none}.hero-actions{flex-direction:column;align-items:stretch;max-width:360px;margin-inline:auto}.services-grid,.example-systems-grid,.industries-grid,.system-images{grid-template-columns:1fr}.about-inner{grid-template-columns:1fr;text-align:center}.about-body{margin:0 auto}.about-actions{display:flex;justify-content:center}.about-photo-wrap{max-width:280px;margin:0 auto}.why-stats{grid-template-columns:1fr}.why-left,.why-right{text-align:center}.footer-top{grid-template-columns:1fr}.footer-brand{text-align:center}.footer-brand p{margin:0 auto}.footer-contact{display:flex;justify-content:center}.footer-links-col{text-align:center}.footer-bottom{flex-direction:column;text-align:center}.contact-form{grid-template-columns:1fr}}@media (max-width: 480px){:root{--pad-x: 16px;--sec-py: 52px}.hero-headline{font-size:clamp(1.9rem,9vw,2.5rem)}.section-title{font-size:clamp(1.5rem,8vw,2rem)}.navbar-logo{flex-basis:clamp(140px,58vw,200px)}.navbar-logo img{height:clamp(40px,11vw,52px)}.service-card,.process-step,.industry-card,.why-feature{padding:18px}}