*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#071321;color:#f4f7fb;font:15px/1.7 "DM Sans",sans-serif}a{color:inherit;text-decoration:none}.announcement{text-align:center;background:#0d2035;color:#b9c9d8;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:7px}.announcement i{display:inline-block;width:6px;height:6px;background:#62d7cb;border-radius:50%;margin-right:9px}.header{height:82px;padding:0 8%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18;position:sticky;top:0;background:#071321;z-index:9}.brand{display:flex;align-items:center;gap:10px}.brand img{width:46px;height:46px;object-fit:cover;border-radius:50%;background:white}.brand b{display:block;font:700 17px "Space Grotesk";letter-spacing:.13em}.brand small{display:block;color:#9baec1;font-size:8px;letter-spacing:.14em}.header nav{display:flex;gap:32px;align-items:center;font-size:12px;color:#c2cedb}.header nav a:hover{color:#68c8e9}.navbutton{border:1px solid #ffffff45;padding:9px 15px}.menu{display:none}.hero{min-height:680px;padding:75px 10% 90px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 76% 45%,#123b5a88,transparent 42%),#071321}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:.18em;color:#65c7ed;font-weight:700}.hero h1,h2{font:600 clamp(40px,5vw,68px)/1.1 "Space Grotesk";letter-spacing:-.05em;margin:24px 0}.hero h1 em,h2 em{font-style:normal;color:#68c8e9}.hero-copy>p,.contact>div>p{max-width:500px;color:#aebdca;line-height:1.9}.actions{display:flex;gap:25px;align-items:center;margin-top:30px}.button{display:inline-block;background:linear-gradient(110deg,#1688ba,#36b8c8);color:#041522;padding:13px 19px;font-size:12px;font-weight:700;border-radius:3px}.plain,.underlink{font-size:12px;color:#d7e1e9}.hero-note{margin-top:55px;color:#8299ab;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.hero-art{height:440px;display:grid;place-items:center;position:relative}.hero-art img{width:min(85%,390px);aspect-ratio:1;object-fit:cover;border-radius:50%;z-index:2;box-shadow:0 25px 90px #0008;border:1px solid #ffffff33}.halo{position:absolute;width:300px;height:300px;background:#167dbb55;filter:blur(85px);border-radius:50%}.orbit{position:absolute;border:1px solid #70d7e633;border-radius:50%}.one{width:430px;height:290px;transform:rotate(-22deg)}.two{width:480px;height:350px;transform:rotate(38deg)}.float{position:absolute;z-index:3;background:#102b40ed;border:1px solid #83cfe544;padding:10px 13px;font-size:11px;box-shadow:0 12px 35px #0005}.float small{color:#9fb5c5;font-size:9px}.f1{top:55px;right:-5px}.f2{bottom:50px;left:-5px}.hero-foot{position:absolute;bottom:25px;left:10%;right:10%;display:flex;justify-content:space-between;color:#71899d;font-size:9px;letter-spacing:.13em}.section{padding:110px 10%}.about{background:#0a1928}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center}.two-col h2{font-size:clamp(35px,4.3vw,54px)}.two-col p,.heading>p{color:#9eafbd;font-size:14px;line-height:1.9}.underlink{display:inline-block;border-bottom:1px solid #5ebfe0;padding-bottom:8px;margin-top:12px}.values{margin-top:65px;padding-top:25px;border-top:1px solid #ffffff25;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.values div{display:grid;gap:5px}.values b{font-size:10px;color:#62c7e9}.values strong{font:600 18px "Space Grotesk"}.values small{font-size:11px;color:#8298aa}.heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.heading h2{margin-bottom:0}.heading>p{max-width:330px}.cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff25;border-left:1px solid #ffffff25}.cards article{min-height:260px;padding:22px;border-right:1px solid #ffffff25;border-bottom:1px solid #ffffff25;transition:.2s}.cards article:hover{background:#10273a;transform:translateY(-3px)}.cards article>b{font-size:10px;color:#6e91a8}.cards article>div{font-size:34px;color:#63c8e9;margin-top:25px}.cards h3{font:600 16px "Space Grotesk"}.cards p,.fine{font-size:11px;color:#92a6b7;line-height:1.8}.fine{margin-top:17px}.product{padding-top:0}.product-panel{background:linear-gradient(120deg,#0e4a68,#0b2b49 65%,#13233c);padding:55px 7%;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:390px;overflow:hidden}.product-panel small{display:block;color:#a9c6d7;letter-spacing:.18em;margin-top:35px}.product-panel h2{font-size:60px;margin:8px 0}.product-panel h2 em{color:#e8c76d}.product-panel p{max-width:420px;color:#c2d2df;font-size:13px}.gold{background:#f1d27e;color:#17263a;margin-top:15px}.product-art{height:290px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#3ca6c655,transparent 60%)}.product-orb{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f0d17c,#a97932 45%,#0b789a 46%,#153f68);font-size:70px;box-shadow:0 0 75px #4ac8e477}.product-art span{position:absolute;top:22px;right:0;font-size:9px;letter-spacing:.15em;border:1px solid #ffffff45;padding:7px 10px}.vision{text-align:center;background:#0b1b2b}.vision h2{max-width:850px;margin:28px auto 20px}.vision>p{max-width:650px;margin:auto;color:#9fb0bf;font-size:14px}.contact{display:grid;grid-template-columns:1fr .85fr;gap:13%}.contact h2{font-size:clamp(44px,5vw,65px)}.details>div{padding:17px 0;border-bottom:1px solid #ffffff25;display:grid;gap:7px}.details small{font-size:9px;letter-spacing:.17em;color:#67c8e9}.details a,.details p{font-size:12px;color:#d8e2e9;margin:0}.social{display:flex;gap:18px;flex-wrap:wrap}footer{padding:35px 10% 20px;background:#050d17;border-top:1px solid #ffffff18}footer>b{font:700 22px "Space Grotesk";letter-spacing:.13em}footer>b span{font-size:9px;color:#65c7ed}footer p{font-size:11px;color:#8399aa}footer div{border-top:1px solid #ffffff20;padding-top:17px;margin-top:25px;display:flex;justify-content:space-between;color:#718699;font-size:10px}footer div a{color:#b6c8d6}
@media(max-width:850px){.section{padding-left:7%;padding-right:7%}.header{padding:0 7%}.hero{padding-left:7%;padding-right:7%}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.header{height:70px}.brand img{width:39px;height:39px}.brand b{font-size:14px}.menu{display:block;background:none;border:0;color:white;font-size:24px}.header nav{display:none;position:absolute;top:69px;left:0;right:0;background:#0a1a2a;padding:22px 7%;flex-direction:column;align-items:flex-start;gap:18px}.header nav.open{display:flex}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:60px;padding-bottom:85px}.hero h1{font-size:47px}.hero-copy>p{font-size:14px}.hero-art{height:320px;margin-top:20px}.hero-art img{width:250px}.one{width:300px;height:210px}.two{width:340px;height:250px}.f1{top:15px;right:0}.f2{bottom:15px;left:0}.hero-foot{font-size:7px;left:7%;right:7%}.section{padding-top:75px;padding-bottom:75px}.two-col,.contact{grid-template-columns:1fr;gap:20px}.two-col h2,.heading h2{font-size:40px}.values{grid-template-columns:repeat(2,1fr);row-gap:24px}.heading{display:block}.heading>p{margin-top:18px}.cards article{padding:16px;min-height:240px}.cards h3{font-size:14px}.cards p{font-size:10px}.product{padding-top:0}.product-panel{grid-template-columns:1fr;padding:40px 8% 20px}.product-panel h2{font-size:52px}.product-art{height:250px}.product-orb{width:145px;height:145px}.vision h2{font-size:39px}footer{padding-left:7%;padding-right:7%}footer div{flex-direction:column;gap:12px}.actions{flex-wrap:wrap}}


/* Homepage motion enhancements */
.hero:before { animation: gridDrift 24s linear infinite; }
.hero-art img {
  animation: logoFloat 6s ease-in-out infinite, logoReveal 1.1s cubic-bezier(.2,.8,.2,1) both;
  transform-origin: center;
}
.halo { animation: haloPulse 5s ease-in-out infinite alternate; }
.orbit.one { animation: orbitTurn 22s linear infinite; }
.orbit.two { animation: orbitTurnReverse 30s linear infinite; }
.float { animation: floatCard 5.5s ease-in-out infinite; }
.f2 { animation-delay: -2.7s; }
.hero-copy > * { animation: riseIn .8s both; }
.hero-copy .eyebrow { animation-delay: .08s; }
.hero-copy h1 { animation-delay: .2s; }
.hero-copy > p { animation-delay: .34s; }
.hero-copy .actions { animation-delay: .48s; }
.hero-copy .hero-note { animation-delay: .62s; }
.button { transition: transform .25s ease, box-shadow .25s ease, filter .25s ease; }
.button:hover { transform: translateY(-4px); box-shadow: 0 14px 32px #1b9fc455; filter: brightness(1.08); }
.cards article, .values div { animation: riseIn .7s both; }
.cards article:nth-child(2) { animation-delay: .08s; }
.cards article:nth-child(3) { animation-delay: .16s; }
.cards article:nth-child(4) { animation-delay: .24s; }
.product-orb { animation: orbBreathe 4s ease-in-out infinite; }
.product-art { overflow: hidden; }
.product-art:after { content:""; position:absolute; inset:-30%; background:linear-gradient(110deg,transparent 42%,#ffffff22 50%,transparent 58%); transform:translateX(-70%) rotate(12deg); animation: shimmer 6s ease-in-out infinite; pointer-events:none; }
@keyframes logoFloat { 0%,100% { transform:translateY(0) rotate(0deg); } 50% { transform:translateY(-12px) rotate(.6deg); } }
@keyframes logoReveal { from { opacity:0; scale:.82; filter:blur(8px); } to { opacity:1; scale:1; filter:blur(0); } }
@keyframes haloPulse { from { opacity:.55; transform:scale(.88); } to { opacity:1; transform:scale(1.12); } }
@keyframes orbitTurn { from { transform:rotate(-22deg); } to { transform:rotate(338deg); } }
@keyframes orbitTurnReverse { from { transform:rotate(38deg); } to { transform:rotate(-322deg); } }
@keyframes floatCard { 0%,100% { translate:0 0; } 50% { translate:0 -9px; } }
@keyframes gridDrift { from { background-position:0 0,0 0; } to { background-position:65px 65px,65px 65px; } }
@keyframes riseIn { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@keyframes orbBreathe { 0%,100% { transform:scale(1); box-shadow:0 0 55px #4ac8e455; } 50% { transform:scale(1.055); box-shadow:0 0 90px #4ac8e488; } }
@keyframes shimmer { 0%,55% { transform:translateX(-85%) rotate(12deg); } 85%,100% { transform:translateX(85%) rotate(12deg); } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
}