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

:root{--ink:#061117;--ink2:#0b1c22;--paper:#eaf4f1;--mint:#64e4d5;--mist:#a6d6d1;--line:rgba(212,246,241,.16);--mono:"DM Mono",monospace;--sans:"Manrope",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font:400 16px/1.55 var(--sans);overflow-x:hidden}#space{position:fixed;z-index:-3;inset:0;width:100%;height:100%;background:radial-gradient(circle at 80% 15%,#133c3e 0%,transparent 28%),radial-gradient(circle at 10% 80%,#0b343c 0%,transparent 33%),#061117}.grain{position:fixed;z-index:10;pointer-events:none;inset:0;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");mix-blend-mode:screen}.nav{height:74px;padding:0 4.4vw;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:4;border-bottom:1px solid var(--line);font:12px var(--mono);letter-spacing:.04em}.nav-mark{font:700 18px/1 var(--sans);color:var(--mint);text-decoration:none}.nav p{margin:0;color:var(--mist)}.nav-action{color:var(--paper);text-decoration:none}.nav-action span{color:var(--mint);font-size:18px;margin-left:6px}.section,.hero{position:relative;min-height:100vh;padding:11vw 8.5vw}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:100svh;padding-top:74px}.hero-copy{z-index:2;max-width:570px}.eyebrow{margin:0 0 22px;font:11px var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--mint)}h1,h2,h3,p{margin-top:0}h1{display:flex;gap:.04em;margin:0;font-size:clamp(7rem,17vw,18rem);line-height:.75;letter-spacing:-.13em;font-weight:800}h1 span:last-child{color:var(--mint);text-shadow:0 0 35px #64e4d577}.hero-lead{max-width:350px;margin:53px 0 35px;font-size:clamp(1rem,1.35vw,1.25rem);color:#c2d9d5}.scroll-cue{display:inline-flex;gap:10px;align-items:center;color:var(--mist);font:11px var(--mono);text-decoration:none;letter-spacing:.08em}.scroll-cue i{width:28px;height:1px;background:var(--mint);position:relative}.scroll-cue i:after{content:"";position:absolute;width:6px;height:6px;border-right:1px solid var(--mint);border-bottom:1px solid var(--mint);right:0;top:-3px;transform:rotate(-45deg)}.hero-index,.section-number{font:11px var(--mono);color:var(--mist);letter-spacing:.1em}.hero-index{position:absolute;right:4.4vw;bottom:35px}.logo-stage{height:min(68vw,720px);position:relative;perspective:1100px;transform-style:preserve-3d;will-change:transform}.logo-plane{position:absolute;inset:17%;z-index:2;display:grid;place-items:center;transform:translateZ(55px);filter:drop-shadow(0 25px 40px #001b1db0)}.logo-plane img{width:100%;height:auto;animation:float 7s ease-in-out infinite}.orb{position:absolute;border-radius:50%;filter:blur(3px);mix-blend-mode:screen}.orb-one{inset:18% 12% 17% 20%;background:radial-gradient(circle at 38% 42%,#8effef 0%,#3bd3c7 18%,#144d58 46%,transparent 70%);opacity:.88;animation:breath 6s ease-in-out infinite}.orb-two{width:36%;aspect-ratio:1;right:1%;top:5%;background:radial-gradient(circle,#b5fffb 0%,#52cfc8 20%,transparent 68%);opacity:.55;animation:breath 8s -3s ease-in-out infinite}.rings{position:absolute;inset:9%;border:1px solid #7cf6e538;border-radius:50%;transform:rotateX(68deg) rotateZ(-21deg);animation:orbit 18s linear infinite}.rings i{position:absolute;border:1px solid #7cf6e52c;border-radius:50%;inset:12%}.rings i:nth-child(2){inset:25%;transform:rotateZ(36deg)}.rings i:nth-child(3){inset:38%;border-color:#72e9d955}.coordinate{position:absolute;right:2%;bottom:7%;font:10px/1.7 var(--mono);letter-spacing:.12em;color:var(--mist);z-index:3}.statement{display:grid;grid-template-columns:1fr 1.15fr .85fr;gap:6vw;align-items:center;background:linear-gradient(140deg,#07171c,#0a2528)}.statement-copy{grid-column:2}.section-number{position:absolute;top:7vw;left:4.5vw}.statement h2,.principles h2,.network h2,.closing h2{margin:0 0 30px;font-size:clamp(2.7rem,5.4vw,6rem);letter-spacing:-.075em;line-height:.96}.statement h2 em,.network h2 em,.closing h2 em{font-weight:400;color:var(--mint)}.statement-copy>p:last-child,.network-copy>p:last-child{max-width:480px;color:#b7d1cd;font-size:1.07rem}.statement strong,.network strong{color:#eafffc}.quote-card{position:relative;padding:48px 36px;background:linear-gradient(130deg,#163337cc,#0b1f25cc);border:1px solid #b4fff028;box-shadow:15px 28px 70px #0008;transform-style:preserve-3d}.quote-card p{position:relative;z-index:1;font-size:1.3rem;line-height:1.35}.quote-mark{position:absolute;top:-12px;left:18px;color:var(--mint);font:110px/1 Georgia,serif;opacity:.35}.card-line{display:block;width:50px;height:2px;background:var(--mint)}.principles{min-height:auto;padding-top:14vw;padding-bottom:14vw;background:#eaf4f1;color:#07242b}.principles-head{max-width:720px}.principles .eyebrow{color:#247d79}.principle-list{margin-top:90px;border-top:1px solid #315a5a50}.principle{display:grid;grid-template-columns:90px 1fr 1.35fr;gap:30px;align-items:baseline;padding:33px 0;border-bottom:1px solid #315a5a50}.principle span{font:11px var(--mono);color:#477977}.principle h3{margin:0;font-size:clamp(1.65rem,3vw,3rem);letter-spacing:-.07em}.principle p{margin:0;max-width:460px;color:#3e6869}.network{display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;background:#07171c}.network-copy{grid-column:2;z-index:1}.network .section-number{left:auto;right:4.5vw}.network-art{position:absolute;left:-20vw;top:0;bottom:0;width:72vw;transform:perspective(900px) rotateY(47deg) rotateX(8deg);transform-style:preserve-3d}.network-art:before,.network-art:after{content:"";position:absolute;inset:12%;border:1px solid #6af3e050;border-radius:50%;box-shadow:0 0 100px #44e5d229}.network-art:after{inset:28%;border-color:#d6fffa38}.network-art span{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--mint);box-shadow:0 0 24px #68eadd;animation:pulse 3s ease-in-out infinite}.network-art span:nth-child(1){top:24%;left:20%}.network-art span:nth-child(2){top:57%;left:57%;animation-delay:-1s}.network-art span:nth-child(3){top:40%;left:71%;animation-delay:-2s}.network-art span:nth-child(4){top:73%;left:34%;animation-delay:-.4s}.network-art span:nth-child(5){top:18%;left:59%;animation-delay:-1.6s}.closing{text-align:center;display:flex;min-height:88vh;flex-direction:column;justify-content:center;align-items:center;padding-bottom:7vw}.closing-logo{width:min(47vw,540px);margin:-12px 0 18px;filter:drop-shadow(0 28px 55px #001c1eb7)}.closing-logo img{width:100%;animation:float 8s ease-in-out infinite}.closing h2{margin-bottom:14px}.closing-note{font:11px var(--mono);color:var(--mist);letter-spacing:.1em}.closing .section-number{top:auto;bottom:7vw;left:4.5vw}footer{min-height:90px;border-top:1px solid var(--line);padding:0 4.4vw;display:flex;align-items:center;justify-content:space-between;color:var(--mist);font:10px var(--mono);letter-spacing:.08em}footer a{color:var(--paper);text-decoration:none}.reveal{opacity:0;transform:translateY(38px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes float{50%{transform:translateY(-16px) rotateZ(.8deg)}}@keyframes breath{50%{transform:scale(1.15);opacity:.72}}@keyframes orbit{to{transform:rotateX(68deg) rotateZ(339deg)}}@keyframes pulse{50%{transform:scale(1.9);opacity:.45}}@media(max-width:780px){.nav{padding:0 22px}.nav p{display:none}.hero{grid-template-columns:1fr;align-content:center;padding:105px 8vw 10vw}.logo-stage{height:65vw;position:absolute;right:-7vw;bottom:6vh;width:72vw;opacity:.82}.hero-copy{align-self:start}.hero-lead{margin-top:40px}.statement{grid-template-columns:1fr;padding:26vw 8vw 17vw}.statement-copy{grid-column:auto}.quote-card{max-width:400px}.principles{padding:20vw 8vw}.principle{grid-template-columns:42px 1fr;gap:10px 20px}.principle p{grid-column:2}.network{grid-template-columns:1fr;padding:25vw 8vw 20vw}.network-copy{grid-column:auto}.network-art{opacity:.5;width:120vw;left:-66vw}.closing{padding:24vw 8vw}.closing-logo{width:70vw}footer{padding:24px;gap:15px;align-items:flex-start;flex-direction:column}}
