@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('assets/ibm-plex-mono.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:light;--ink:#0a1f3d;--blue:#1e6bff;--ice:#e6f3ff;--muted:#3a5a86;--ease:cubic-bezier(.22,1,.36,1);font-family:Manrope,'Helvetica Neue',Arial,sans-serif;color:var(--ink);background:var(--ice)}
*{box-sizing:border-box}
body{margin:0;min-width:280px}
button{font:inherit}
.page{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 82% 30%,#bef0ff80,transparent 56%),radial-gradient(ellipse at 0% 44%,#ffffffdc,transparent 68%),linear-gradient(120deg,#e9f4ff 5%,#d3ecff 100%)}
/* Layers: atmosphere -2; decorative words 0; content 2. */
.atmosphere{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.sky-light{position:absolute;border-radius:50%;opacity:.6}
.sky-light--one{width:105%;height:65%;left:-20%;top:-20%;background:radial-gradient(ellipse,#fff 4%,#ffffff00 70%);transform:rotate(-28deg)}
.sky-light--two{width:80%;height:85%;right:-35%;top:-20%;background:radial-gradient(ellipse,#6bd7ff66,transparent 68%)}
.grid{position:absolute;inset:0;background-image:linear-gradient(#3267a10a 1px,transparent 1px),linear-gradient(90deg,#3267a10a 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(transparent,#0008 18%,#000a 70%,transparent)}
.horizon{position:absolute;width:170%;height:52%;left:-34%;bottom:-33%;border:1.5px solid #fff9;border-radius:50%;background:linear-gradient(170deg,#ffffff9c 0%,#ffffff14 25%,#65bfff19 80%);box-shadow:0 -10px 70px #ffffff7a,inset 0 18px 28px #ffffff61;transform:rotate(-8deg)}
.horizon--second{width:155%;height:50%;left:-5%;bottom:-39%;transform:rotate(10deg);background:linear-gradient(160deg,#ffffff55,transparent 60%);opacity:.65}
.header,.footer{position:relative;z-index:2;width:calc(100% - 112px);max-width:1488px;margin-inline:auto}
.header{display:flex;align-items:center;justify-content:space-between;padding-block:34px}
.brand{width:236px;height:auto;display:block}
.header-note{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;width:calc(100% - 192px);max-width:1350px;margin:auto;min-height:0;flex:1;padding-block:32px 40px}
.hero-copy{position:relative;z-index:2;padding-bottom:8px}
.eyebrow{display:flex;align-items:center;gap:17px;margin:0 0 26px;color:var(--blue);font:400 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.16em;text-transform:uppercase}
.eyebrow>span{width:30px;height:1px;background:var(--blue);flex-shrink:0}
h1{font-size:clamp(64px,6.55vw,108px);font-weight:800;line-height:1.055;letter-spacing:-.068em;margin:0 0 28px}
.line{display:block;white-space:nowrap;padding:0 .06em .07em 0;margin-bottom:-.07em}
.line>span{display:block}
.line--blue{color:var(--blue)}
.description{font-size:clamp(16px,1.43vw,22px);line-height:1.65;letter-spacing:-.026em;color:#264b7c;margin:0 0 30px}
.launch{display:flex;align-items:flex-start;flex-direction:column;gap:15px}
.launch-status{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:13px;padding:17px 30px;border:1px solid #ffffff50;border-radius:50px;color:#fff;background:linear-gradient(120deg,#1e6bff,#145eea);box-shadow:0 10px 32px -12px #1e6bff80,inset 0 1px 0 #ffffff38;font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0}
.status-dot{width:7px;height:7px;background:white;border-radius:50%;box-shadow:0 0 0 4px #ffffff15;flex-shrink:0}
.status-sheen{position:absolute;inset:-30% -60%;background:linear-gradient(110deg,transparent 40%,#ffffff26 50%,transparent 60%);transform:translateX(-70%);pointer-events:none}
.launch-note{font:400 10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.015em;color:var(--muted);padding-left:2px}
.sculpture-stage{position:relative;align-self:stretch;display:grid;place-items:center;min-width:0;margin-left:3%;pointer-events:none}
.sculpture-entrance{position:relative;width:min(100%,57svh);max-width:550px;aspect-ratio:1/1.15}
.sculpture-parallax{position:absolute;inset:0;transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translate3d(var(--move-x,0px),var(--move-y,0px),0);transition:transform 1.3s var(--ease)}
.sculpture-float{position:absolute;inset:0;display:grid;place-items:center}
.sculpture{position:relative;width:72%;height:auto;display:block;filter:drop-shadow(8px 24px 20px #316bc31c);transform:rotate(-5deg)}
.sculpture-halo{position:absolute;inset:5% -12%;border-radius:50%;background:radial-gradient(ellipse,#fff9 0%,#d3f4ff55 45%,transparent 70%)}
.sculpture-shadow{position:absolute;width:58%;height:5%;left:22%;bottom:-5%;border-radius:50%;background:radial-gradient(ellipse,#3278c85e,transparent 68%);filter:blur(9px);transform:rotate(-4deg)}
.orbital{position:absolute;left:-6%;top:42%;width:112%;height:27%;border:1px solid #ffffffc9;border-radius:50%;transform:rotate(-32deg);box-shadow:0 -2px 3px #96bfe838,inset 0 2px 3px #fff8}
.orbital--back{opacity:.7;border-width:2px;transform:rotate(-32deg) translateY(-4px)}
.orbital--front{clip-path:polygon(0 49%,100% 49%,100% 100%,0 100%);border-bottom:2px solid #fff}
.orbit-light{position:absolute;width:10px;height:10px;bottom:4%;left:70%;border-radius:50%;background:white;box-shadow:0 0 12px 4px #fff,0 0 25px 8px #a9dfff}
.glint{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 13px 3px #fff;opacity:.75}
.glint--one{right:20%;top:15%}
.glint--two{left:22%;bottom:29%;width:3px;height:3px}
.word-field{position:absolute;inset:0 -16px;z-index:1;pointer-events:none;user-select:none}
.ghost-word{position:absolute;font:400 clamp(11px,1.05vw,15px)/1.7 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.12em;color:#1a4a92;opacity:0;white-space:nowrap;--duration:12s;--start:0s;--peak:.9}
.word--prop{left:10%;top:0;--start:-3s}
.word--risk{right:0;top:10%;--start:-6s}
.word--one{left:0;top:30%;--start:-9s}
.word--two{right:0;top:40%;--start:-1s}
.word--evaluation{right:-2%;bottom:24%;--start:-4.5s}
.word--challenges{left:0;bottom:20%;--start:-7.5s}
.word--psychology{left:14%;bottom:0;--start:-10.5s}
.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0 27px;border-top:1px solid #4977ab2a;font:400 10px/1.6 'IBM Plex Mono',monospace;letter-spacing:.025em;color:var(--muted)}
.footer p{margin:0}
.motion-control{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;border-radius:6px;color:var(--muted);padding:10px 12px;margin:-10px 0;cursor:pointer;font:inherit;transition:background .2s,color .2s}
.motion-control[hidden]{display:none}
.motion-control:hover{color:var(--ink);background:#ffffff80}
.motion-control:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.motion-icon{width:9px;height:10px;border-left:2px solid currentColor;border-right:2px solid currentColor}
.motion-control[aria-pressed=true] .motion-icon{width:0;height:0;border:5px solid transparent;border-left:8px solid currentColor;border-right:0}
@media(prefers-reduced-motion:no-preference){
  .enter{animation:enter 1.25s var(--ease) var(--delay,0ms) both}
  .sculpture-entrance{animation:sculpture-enter 1.9s var(--ease) .18s both}
  .sculpture-float{animation:float 8s ease-in-out infinite}
  .sculpture-shadow{animation:shadow 8s ease-in-out infinite}
  .ghost-word{animation:word-drift var(--duration) ease-in-out var(--start) infinite}
  .status-dot{animation:breathe 3s ease-in-out infinite}
  .status-sheen{animation:sheen 9s ease-in-out 2s infinite}
  .glint{animation:glimmer 6s ease-in-out infinite}
  .glint--two{animation-delay:-3s}
  .orbit-light{animation:glimmer 7s ease-in-out -4s infinite}
  .sky-light--two{animation:sky 18s ease-in-out infinite alternate}
}
@keyframes enter{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes sculpture-enter{from{opacity:0;transform:translate3d(0,30px,0) rotate(5deg) scale(.96)}to{opacity:1;transform:translate3d(0,0,0) rotate(0deg) scale(1)}}
@keyframes float{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(0,-15px,0) rotate(1deg)}}
@keyframes shadow{0%,100%{transform:scaleX(1);opacity:.8}50%{transform:scaleX(.85);opacity:.55}}
@keyframes word-drift{0%,8%,94%,100%{opacity:0;transform:translate3d(0,8px,0)}28%,62%{opacity:var(--peak);transform:translate3d(0,0,0)}88%{opacity:0;transform:translate3d(0,-8px,0)}}
@keyframes breathe{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes sheen{0%,65%,100%{transform:translateX(-70%);opacity:0}70%{opacity:1}88%{transform:translateX(70%);opacity:0}}
@keyframes glimmer{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:.9;transform:scale(1)}}
@keyframes sky{to{transform:translate3d(-7%,12%,0);opacity:.8}}
html[data-motion=paused] *,html[data-motion=paused] *::before,html[data-motion=paused] *::after{animation-play-state:paused!important}
html[data-motion=paused] .enter,html[data-motion=paused] .sculpture-entrance{animation:none;opacity:1;transform:none}
html[data-motion=paused] .sculpture-parallax{transform:none;transition:none}
@media(min-width:1700px){.sculpture-entrance{max-width:570px}h1{font-size:108px}}
@media(max-width:1100px){.header,.footer{width:calc(100% - 72px)}.hero{width:calc(100% - 104px);grid-template-columns:1.15fr 1fr}.brand{width:214px}h1{font-size:clamp(58px,6.65vw,75px)}.eyebrow{font-size:9px;gap:12px;letter-spacing:.12em}.description{font-size:16px}.word-field{inset:0 -12px}.sculpture-stage{margin-left:0}.ghost-word{font-size:10px;letter-spacing:.08em}}
@media(max-width:760px){
  .page{min-height:100svh}.header,.footer{width:calc(100% - 44px)}.header{padding:25px 0}.brand{width:204px}.header-note{display:none}
  .hero{width:calc(100% - 48px);grid-template-columns:1fr;min-height:auto;padding:48px 0 28px;text-align:center}
  .hero-copy{padding:0}.eyebrow{justify-content:center;font-size:9px;letter-spacing:.11em;gap:11px;margin-bottom:24px}.eyebrow>span{width:22px}
  h1{font-size:clamp(47px,9.8vw,74px);letter-spacing:-.06em;line-height:1.06;margin-bottom:22px}.description{font-size:15px;line-height:1.7;margin-bottom:24px}.launch{align-items:center;gap:13px}.launch-status{padding:15px 28px;font-size:14px}.launch-note{font-size:9px}
  .sculpture-stage{margin:38px auto 8px;width:min(100%,390px);min-height:360px}.sculpture-entrance{width:77%;aspect-ratio:1/1.1}.sculpture{width:68%}.sculpture-shadow{bottom:-3%}.orbital{left:-6%;width:112%;height:27%}
  .word-field{inset:0}.ghost-word{font-size:10px;letter-spacing:.08em}.word--prop{left:7%;top:0}.word--risk{right:0;top:13%}.word--one{left:0;top:32%}.word--two{right:0;top:43%}.word--evaluation{right:0;bottom:23%}.word--challenges{left:0;bottom:19%}.word--psychology{left:12%;bottom:0}
  .footer{flex-wrap:wrap;gap:17px 12px;padding:20px 0 24px;font-size:9px}.signature{width:100%;text-align:center}.copyright{order:2}.motion-control{order:1;margin:-6px 0;padding:8px 0;font-size:9px}.horizon{height:42%;bottom:-20%;width:250%;left:-70%;transform:rotate(-12deg)}.horizon--second{bottom:-31%;left:-50%}
}
@media(max-width:370px){.hero{width:calc(100% - 32px)}h1{font-size:clamp(36px,12.5vw,44px)}.eyebrow{font-size:8px}.brand{width:185px}.description{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.ghost-word{opacity:.72}.sculpture-parallax{transform:none!important}}
@media(prefers-reduced-transparency:reduce){.page{background:#e6f3ff}.grid,.sky-light{display:none}}