:root{--navy: #08143e;--slate: #39415f;--lav: #727eaa;--teal: #099b91;--blue: #1735a3;--grad-a: rgba(17, 160, 146, .42);--grad-b: rgba(23, 53, 163, .46)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body{background:var(--navy)}body{font-family:Manrope,system-ui,sans-serif;color:#fff;overflow-x:hidden}.caps{font-family:Chakra Petch,monospace,sans-serif;text-transform:uppercase;letter-spacing:.18em}#app{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}canvas{display:block}.shards{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.3}header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:22px clamp(20px,4vw,56px);background:linear-gradient(180deg,rgba(8,20,62,.6),rgba(8,20,62,.25) 65%,transparent)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.brand svg{display:block}.brand .mark{width:28px;height:30px}.brand .wordmark{width:115px;height:18px}nav{display:flex;align-items:center;gap:30px}nav a{color:#fff;text-decoration:none;font-size:12px;font-weight:600;opacity:.9;transition:opacity .2s}nav a:hover{opacity:1}nav a.pill{border:1.5px solid rgba(255,255,255,.85);border-radius:999px;padding:11px 22px;opacity:1;transition:background .2s,color .2s}nav a.pill:hover{background:#fff;color:var(--navy)}.nav-toggle-cb{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.nav-toggle{display:none}.nav-toggle-cb:focus-visible~.nav-toggle{outline:2px solid #2fd4c2;outline-offset:4px;border-radius:6px}main{position:relative;z-index:10;pointer-events:none}main a,.card,.band,.service{pointer-events:auto}section{padding:0 clamp(20px,6vw,96px)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:80px}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,rgba(8,20,62,.5) 0%,rgba(8,20,62,.22) 42%,transparent 68%)}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;opacity:.9;margin-bottom:26px}.eyebrow:before{content:"";width:3px;height:22px;background:#fff;opacity:.9}.hero h1{font-size:clamp(42px,6.4vw,86px);font-weight:800;line-height:1.04;letter-spacing:-.015em;max-width:15ch;text-shadow:0 2px 40px rgba(8,20,62,.45)}.hero p{margin-top:26px;max-width:46ch;font-size:clamp(15px,1.35vw,18px);line-height:1.6;opacity:.92}.hero .actions{margin-top:38px;display:flex;gap:18px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:14px;border-radius:999px;padding:15px 30px;transition:transform .2s,box-shadow .2s,background .2s,color .2s}.btn.primary{background:#fff;color:var(--navy);box-shadow:0 10px 34px #08143e59}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 44px #08143e73}.btn.ghost{border:1.5px solid rgba(255,255,255,.8);color:#fff}.btn.ghost:hover{background:#ffffff1f}.scroll-hint{position:absolute;bottom:26px;left:50%;transform:translate(-50%);font-size:11px;opacity:.75}.about{padding-top:12vh;padding-bottom:12vh;display:flex;justify-content:center}.card{background:#fffffff0;color:var(--navy);border-radius:22px;padding:clamp(30px,4.5vw,64px);max-width:880px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 24px 80px #08143e59}.card .caps{color:var(--teal);font-size:12px;margin-bottom:18px}.card h2{font-size:clamp(26px,3.2vw,42px);font-weight:800;line-height:1.15;letter-spacing:-.01em}.card p{margin-top:18px;font-size:clamp(15px,1.3vw,17px);line-height:1.65;color:var(--slate);max-width:62ch}.stats{padding-top:4vh;padding-bottom:4vh}.stats .band{background:var(--navy);border-radius:22px;margin:0 auto;max-width:1080px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:clamp(28px,4vw,56px);box-shadow:0 24px 80px #08143e66}.stat{text-align:center;padding:10px 14px}.band-head{grid-column:1 / -1;text-align:center;margin-bottom:26px}.band-head .caps{color:#2fd4c2;font-size:11px;margin-bottom:12px}.band-head h2{font-size:clamp(22px,2.6vw,34px);font-weight:800;letter-spacing:-.01em}.stat .ttl{font-size:clamp(20px,2.3vw,28px);font-weight:800;background:linear-gradient(100deg,#2fd4c2,#7fa8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.stat .label{margin-top:10px;font-size:13.5px;line-height:1.55;color:var(--lav);max-width:30ch;margin-left:auto;margin-right:auto}.services{padding-top:10vh;padding-bottom:10vh}.services .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;max-width:1080px;margin:0 auto}.service{background:#08143ec7;border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:clamp(26px,3.4vw,44px);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-decoration:none;display:block;transition:transform .2s,border-color .2s}.service:hover{transform:translateY(-4px);border-color:#2fd4c299}.service .caps{font-size:11px;color:#2fd4c2}.service h3{margin-top:14px;font-size:clamp(20px,2.2vw,28px);font-weight:800}.service p{margin-top:12px;font-size:15px;line-height:1.6;color:#ffffffc7}.service .more{margin-top:18px;display:inline-block;font-size:13px;font-weight:700;color:#2fd4c2}.cta{padding-top:8vh;padding-bottom:16vh;text-align:center}.cta h2{font-size:clamp(34px,5vw,64px);font-weight:800;letter-spacing:-.01em;text-shadow:0 2px 36px rgba(8,20,62,.5)}.cta .btn{margin-top:32px}footer{position:relative;z-index:10;background:var(--navy);padding:40px clamp(20px,6vw,96px);display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}footer .social{display:flex;gap:22px}footer a{color:var(--lav);text-decoration:none;font-size:13px;font-weight:600;transition:color .2s}footer a:hover{color:#fff}footer .copy{color:var(--lav);font-size:12px}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:linear-gradient(112deg,#14a89a,#1b46b4 60%,var(--navy));transition:opacity .8s ease}#loader.hidden{opacity:0;pointer-events:none}#loader .ring{width:42px;height:42px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero .eyebrow,.hero h1,.hero p,.hero .actions{animation:rise 1s cubic-bezier(.22,1,.36,1) both}.hero .eyebrow{animation-delay:.9s}.hero h1{animation-delay:1.15s}.hero p{animation-delay:1.5s}.hero .actions{animation-delay:1.85s}@keyframes rise{0%{opacity:0;transform:translateY(22px)}}@media (max-width: 720px){.stats .band{grid-template-columns:1fr}.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:10px;cursor:pointer;z-index:40}.nav-toggle span{display:block;width:100%;height:2px;background:#fff;border-radius:2px;transition:transform .3s ease,opacity .2s ease}nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;flex-direction:column;justify-content:center;align-items:center;gap:34px;background:#060e28f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translate(100%);pointer-events:none;transition:transform .32s cubic-bezier(.22,1,.36,1)}nav a{font-size:21px;opacity:1}.nav-toggle-cb:checked~nav{transform:translate(0);pointer-events:auto}.nav-toggle-cb:checked~.nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle-cb:checked~.nav-toggle span:nth-child(2){opacity:0}.nav-toggle-cb:checked~.nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}
