@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{color-scheme:dark;font-family:'DM Sans',Arial,sans-serif;background:#07131c;color:#f6f8f7}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{overflow-x:hidden}
.page-shell{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100vh;min-height:100svh;max-width:1920px;margin:auto;padding:clamp(24px,4vw,60px) clamp(24px,6.4vw,116px) 28px;overflow:hidden;background:radial-gradient(circle at 78% 50%,rgba(21,83,84,.22),transparent 31%),linear-gradient(120deg,#07131c 2%,#0a1a22 62%,#08151b)}
.page-shell:before{position:absolute;z-index:-1;inset:0;content:"";opacity:.38;background-image:linear-gradient(rgba(113,167,164,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(113,167,164,.08) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent 20%,black 100%)}
.page-shell:after{position:absolute;z-index:-1;left:0;right:0;bottom:-1px;height:32%;content:"";background:linear-gradient(transparent,#07131c 78%)}
.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:22px}
.site-header{position:relative;z-index:2}
.brand{display:flex;align-items:center;gap:14px}
.brand-symbol{position:relative;display:grid;grid-template-columns:repeat(3,6px);align-items:end;gap:4px;width:34px;height:31px;transform:skew(-12deg)}
.brand-symbol span{display:block;width:6px;background:#78e1c9;border-radius:2px}
.brand-symbol span:nth-child(1){height:14px}.brand-symbol span:nth-child(2){height:23px}.brand-symbol span:nth-child(3){height:31px}
.brand-name{display:flex;flex-direction:column;font-family:'Space Grotesk',Arial,sans-serif;font-size:18px;font-weight:700;line-height:.98;letter-spacing:.18em}
.brand-name span{margin-top:4px;color:#77e2c8;font-size:10px;letter-spacing:.34em}
.header-note{display:flex;align-items:center;gap:10px;color:#9cadac;font-size:12px;letter-spacing:.055em}
.status-dot{width:7px;height:7px;border-radius:50%;background:#81e7c7;box-shadow:0 0 0 5px rgba(129,231,199,.08),0 0 16px rgba(129,231,199,.65)}
.hero{position:relative;display:flex;align-items:center;flex:1;min-height:540px}
.hero-copy{position:relative;z-index:1;max-width:800px;padding:40px 0 50px}
.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 25px;color:#80d9c5;font-family:'Space Grotesk',Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.32em}
.eyebrow-line{display:block;width:33px;height:1px;background:currentColor}
h1{margin:0;color:#f6f8f7;font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(55px,6.15vw,110px);font-weight:600;line-height:1.04;letter-spacing:-.07em}
h1 span{color:#88e4c9}
.description{margin:34px 0 0;color:#aabbb9;font-size:clamp(16px,1.5vw,19px);line-height:1.75;letter-spacing:.015em}
.progress{display:flex;align-items:center;gap:20px;margin-top:60px}
.progress-track{display:block;width:112px;height:2px;background:#2a4548}
.progress-fill{display:block;width:42%;height:100%;background:#8ce7cf;box-shadow:0 0 12px rgba(140,231,207,.65)}
.progress-text{color:#7c9997;font-family:'Space Grotesk',Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:.23em}
.hero-art{position:absolute;right:-2%;top:50%;width:min(49vw,700px);aspect-ratio:1;transform:translateY(-50%);pointer-events:none}
.art-halo{position:absolute;inset:9%;border-radius:50%;background:radial-gradient(circle,rgba(57,151,144,.15) 0,rgba(43,111,113,.06) 37%,transparent 68%);filter:blur(4px)}
.art-ring{position:absolute;border:1px solid rgba(119,216,196,.12);border-radius:50%}
.art-ring-outer{inset:0;border-style:dashed;border-color:rgba(119,216,196,.16)}
.art-ring-middle{inset:13%;border-color:rgba(119,216,196,.23)}
.art-ring-inner{inset:26%;border-color:rgba(119,216,196,.16)}
.art-core{position:absolute;inset:35%;display:grid;place-items:center;border:1px solid rgba(136,228,201,.38);border-radius:50%;background:radial-gradient(circle at 35% 30%,#225b59,#102a32 58%,#0a1c27);box-shadow:0 0 0 25px rgba(90,177,157,.025),0 25px 80px rgba(0,0,0,.28),inset 0 0 26px rgba(133,232,205,.07)}
.art-core>span{color:#a9f1d8;font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(55px,7vw,100px);font-weight:600;letter-spacing:-.15em;transform:translateX(-5%)}
.core-dot{color:#e5b77d}
.orbit-point{position:absolute;top:12%;left:67%;width:12px;height:12px;border-radius:50%;background:#94ecd0;box-shadow:0 0 0 8px rgba(148,236,208,.07),0 0 25px rgba(148,236,208,.5)}
.art-cross{position:absolute;color:#638d8a;font-family:'Space Grotesk',Arial,sans-serif;font-size:18px;font-weight:300}.art-cross-one{top:18%;left:14%}.art-cross-two{right:8%;bottom:18%}
.site-footer{position:relative;z-index:2;border-top:1px solid rgba(151,190,183,.14);padding-top:24px;color:#718b8c;font-size:12px;letter-spacing:.05em}
.footer-arrow{margin-left:7px;color:#83ccb7;font-size:15px}
@media(max-width:980px){.hero-art{right:-23%;width:72vw;opacity:.68}.hero-copy{max-width:700px}h1{font-size:clamp(58px,8vw,84px)}}
@media(max-width:640px){.page-shell{padding:28px 25px 25px}.site-header{align-items:flex-start}.header-note{max-width:125px;text-align:right;font-size:10px;line-height:1.5}.status-dot{flex:none;margin-top:4px}.hero{min-height:600px;align-items:flex-start}.hero-copy{padding:90px 0 65px}.eyebrow{font-size:9px;letter-spacing:.25em}h1{font-size:clamp(47px,10.7vw,68px);letter-spacing:-.065em}.description{margin-top:27px;font-size:16px}.desktop-break{display:none}.progress{margin-top:42px}.hero-art{top:auto;right:-40%;bottom:-6%;width:95vw;transform:none;opacity:.38}.site-footer{font-size:10px}}
@media(max-width:390px){.brand-name{font-size:15px}.brand-name span{font-size:8px}.brand{gap:9px}.header-note{max-width:105px}.hero-copy{padding-top:78px}h1{font-size:46px}}