:root{--bg:#050505;--surface:#0b0b0d;--text:#f5f5f3;--muted:#929296;--faint:#5d5d62;--line:rgba(255,255,255,.1);--line-soft:rgba(255,255,255,.055);--ice:#c8e4ee;--sans:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.5;overflow-x:hidden}
.shell{width:min(100% - 64px,1440px);margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:fixed;inset:0 0 auto;z-index:20;transition:background .4s,border-color .4s}
.site-header.scrolled{background:rgba(5,5,5,.66);border-bottom:1px solid var(--line-soft);backdrop-filter:blur(20px)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between}
.wordmark{font-size:18px;letter-spacing:-.06em;color:var(--text);text-decoration:none}
.brand-life{font-weight:640;color:var(--text)}
.brand-runtime{font-weight:300;color:var(--muted);opacity:.88}
.nav-links{display:flex;align-items:center;gap:32px}
.nav-links a,.footer a{color:rgba(245,245,243,.55);text-decoration:none;font-size:13px;letter-spacing:.01em;transition:color .2s,opacity .2s}
.nav-links a:hover,.footer a:hover{color:var(--text)}
.nav-acquire{border:1px solid rgba(255,255,255,.12);border-radius:99px;padding:8px 13px!important;color:rgba(245,245,243,.76)!important}
.nav-acquire:hover{background:rgba(255,255,255,.05)!important;color:var(--text)!important}
.menu-toggle{display:none}
.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding-top:78px;background:radial-gradient(circle at 77% 45%,rgba(110,130,140,.05),transparent 40%)}
.hero.shell{width:min(calc(100% - clamp(48px,10vw,160px)),1440px)}
.hero-copy{position:relative;z-index:2;width:min(680px,55%);transform:translateY(-3vh)}
.eyebrow,.section-marker{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.hero .eyebrow{letter-spacing:.18em;opacity:.45}
.hero .eyebrow span,.hero-availability,.field-label span,.domain-status div:nth-child(2) dd{color:var(--ice)}
.hero-title{font-size:clamp(4.5rem,8vw,8.5rem);line-height:.88;letter-spacing:-.075em;margin:30px 0 36px;white-space:nowrap;animation:intro .9s .08s both}
.hero-title .brand-runtime{color:#d2d2d3;opacity:.88}
.brand-mark{display:inline-block;vertical-align:top;margin:7px 0 0 13px;color:rgba(200,228,238,.38);font:11px var(--mono);letter-spacing:0}
.hero-statement{font-size:clamp(2.5rem,4vw,4rem);line-height:1.02;letter-spacing:-.045em;margin:0 0 22px;font-weight:440}
.hero-description{max-width:520px;color:rgba(245,245,243,.62);font-size:16px;line-height:1.7;margin:0}
.hero-availability{margin:13px 0 0;font:10px var(--mono);letter-spacing:.16em;opacity:.78}
.hero-actions{margin-top:32px;display:flex;align-items:center;gap:27px}
.text-link{color:var(--text);font-size:14px;text-decoration:none;border-bottom:1px solid var(--text);padding-bottom:4px}
.text-link span,.button span,.footer span{display:inline-block;margin-left:7px;transition:transform .25s}
.text-link:hover span,.button:hover span,.footer a:hover span{transform:translate(2px,-2px)}
.button{display:inline-block;background:transparent;color:rgba(245,245,243,.86);text-decoration:none;border:1px solid rgba(255,255,255,.18);border-radius:2px;padding:12px 15px;font-size:13px;font-weight:520;transition:background .25s,border-color .25s,color .25s}
.button:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.3);color:var(--text)}
.button-acquire{border-color:rgba(200,228,238,.27);color:var(--text)}
.runtime-field{--runtime-rx:0deg;--runtime-ry:0deg;position:absolute;right:-3%;top:47%;width:min(46vw,680px);height:min(46vw,680px);transform:translateY(-50%) perspective(900px) rotateX(var(--runtime-rx)) rotateY(var(--runtime-ry));border-radius:50%;isolation:isolate;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);will-change:transform}
.runtime-field:before{content:"";position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(225,232,234,.025);background:radial-gradient(circle,rgba(198,211,215,.025),transparent 56%)}
.runtime-halo{position:absolute;left:50%;top:50%;width:32%;height:32%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(226,233,235,.1) 0,rgba(164,178,183,.035) 28%,transparent 68%);filter:blur(18px);animation:core-breathe 7.4s ease-in-out infinite}
.runtime-core{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);border:1px solid rgba(232,238,240,.08);border-radius:50%;box-shadow:0 0 26px rgba(220,229,232,.045)}
.runtime-core:before,.runtime-core:after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}
.runtime-core:before{width:10px;height:10px;background:rgba(224,232,234,.12);filter:blur(3px)}
.runtime-core:after{width:3px;height:3px;background:#eef2f3;box-shadow:0 0 8px rgba(236,242,244,.55)}
.runtime-core i{position:absolute;inset:-10px;border:1px solid rgba(226,234,236,.035);border-radius:50%}
.runtime-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(218,226,228,.12);border-radius:50%;transform-origin:center;will-change:transform}
.ring-one{width:78%;height:30%;margin:-15% 0 0 -39%;animation:ring-one-turn 24s linear infinite}
.ring-two{width:65%;height:42%;margin:-21% 0 0 -32.5%;border-color:rgba(218,226,228,.095);animation:ring-two-turn 34s linear infinite reverse}
.ring-three{width:46%;height:84%;margin:-42% 0 0 -23%;border-color:rgba(218,226,228,.078);animation:ring-three-turn 29s linear infinite}
.ring-four{width:88%;height:53%;margin:-26.5% 0 0 -44%;border-color:rgba(218,226,228,.052);filter:blur(.15px);animation:ring-four-turn 21s linear infinite reverse}
.runtime-particle{position:absolute;width:3px;height:3px;left:50%;top:-2px;border-radius:50%;background:rgba(238,243,244,.86);box-shadow:0 0 8px rgba(227,235,237,.42)}
.ring-four .runtime-particle{width:2px;height:2px;left:18%;background:rgba(218,226,228,.62);box-shadow:none}
.field-label{position:absolute;z-index:2;font:9px var(--mono);letter-spacing:.14em;color:rgba(220,239,245,.35)}
.field-label-top{top:19%;left:12%}
.field-label-bottom{bottom:19%;right:10%}
.hero-index{position:absolute;bottom:39px;left:0;right:0;display:flex;align-items:center;gap:12px;font:10px var(--mono);letter-spacing:.14em;color:rgba(146,146,150,.25)}
.hero-index i{height:1px;width:60px;background:rgba(146,146,150,.25)}
.section{padding:150px 0}
.section-marker{display:flex;align-items:center;gap:10px}
.section-marker i{display:block;width:32px;height:1px;background:var(--faint)}
.concept{border-top:1px solid var(--line-soft)}
.concept-head{display:grid;grid-template-columns:1.7fr .55fr;gap:50px;align-items:end;margin:42px 0 90px}
.display{font-size:clamp(2.75rem,5.4vw,6.2rem);line-height:.95;letter-spacing:-.075em;font-weight:480;margin:0}
.display em{font-style:normal;color:var(--muted);font-weight:300}
.concept-copy,.split-heading>p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}
.micro-label{display:block;margin-bottom:10px;font:10px var(--mono);letter-spacing:.14em;color:var(--ice);opacity:.72}
.concept-copy p{margin:0 0 17px}
.possibilities{border-top:1px solid var(--line-soft);padding-bottom:85px;background:linear-gradient(180deg,#09090a 0%,var(--bg) 100%)}
.split-heading{display:grid;grid-template-columns:1.5fr .5fr;gap:40px;align-items:end;margin:42px 0 112px}
.possibility-list{border-top:1px solid var(--line)}
.possibility{display:grid;grid-template-columns:12% 45% 1fr;align-items:baseline;min-height:132px;padding:24px 0;border-bottom:1px solid var(--line);transition:padding .3s,border-color .3s}
.possibility:hover{padding-left:12px;border-color:rgba(200,228,238,.35)}
.possibility>span,.principle>span{font:10px var(--mono);color:var(--faint)}
.possibility h3{font-size:clamp(1.7rem,3vw,3.3rem);font-weight:410;letter-spacing:-.07em;line-height:.92;margin:0}
.possibility p{color:var(--muted);font-size:14px;line-height:1.55;max-width:330px;margin:0}
.architecture{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:radial-gradient(ellipse at 50% 52%,rgba(188,221,232,.055),transparent 34%)}
.architecture .shell{padding-block:145px}
.architecture-equation{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(24px,7vw,110px);align-items:center;margin-top:68px}
.architecture-equation>div{display:flex;flex-direction:column;gap:22px}.architecture-equation>div:last-child{text-align:right}
.architecture-equation strong{font-size:clamp(3rem,7vw,8rem);line-height:.78;letter-spacing:-.095em;font-weight:440}
.architecture-equation span{color:var(--muted);font-size:15px;line-height:1.7}
.architecture-equation>b{font:clamp(2rem,4vw,4rem) var(--sans);font-weight:240;color:var(--faint)}
.architecture-answer{margin:75px 0 0;text-align:center;font:11px var(--mono);letter-spacing:.16em;color:var(--ice)}
.architecture-answer span{color:var(--muted);margin-left:16px}
.horizon{padding-top:130px;padding-bottom:130px}
.horizon-axis{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(10px,2vw,28px);margin-top:58px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:clamp(11px,1.3vw,15px) var(--mono);letter-spacing:.09em;color:var(--text)}
.horizon-axis i{font-style:normal;color:var(--faint)}
.horizon>p{margin:25px 0 0;color:var(--muted);font-size:15px}
.statement{min-height:82svh;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;border-block:1px solid var(--line-soft)}
.statement-glow{position:absolute;width:min(80vw,1100px);height:300px;background:radial-gradient(ellipse,rgba(194,228,239,.12),transparent 65%);filter:blur(20px);animation:drift 18s ease-in-out infinite}
.statement-content{position:relative}
.statement h2{font-size:clamp(4rem,12vw,13rem);letter-spacing:-.11em;line-height:.78;font-weight:520;margin:35px 0}
.statement p:last-child{color:var(--muted);font-size:clamp(1.1rem,2vw,1.65rem);letter-spacing:-.03em}
.acquire{padding-bottom:180px}
.acquire-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;margin-top:48px}
.acquire-copy{padding-top:14px}
.acquire-copy p{color:var(--muted);font-size:16px;line-height:1.65;margin:0 0 21px}
.acquire-copy p:first-child{color:var(--text);font-size:18px}
.button-large{margin:20px 0 18px;padding:15px 18px}
.acquire-copy small{display:block;color:var(--faint);font-size:11px}
.domain-status{margin:56px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.domain-status div{display:grid;grid-template-columns:38% 1fr;padding:10px 0;border-bottom:1px solid var(--line-soft);font:10px var(--mono);letter-spacing:.09em}.domain-status div:last-child{border:0}
.domain-status dt{color:var(--faint)}.domain-status dd{margin:0;color:var(--muted)}
.footer{border-top:1px solid var(--line);padding:25px 0 31px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:center}
.footer p{margin:0;color:var(--muted);font-size:12px;text-align:center}
.footer>a{text-align:right}
.footer small{grid-column:1/-1;color:var(--faint);font:10px var(--mono);letter-spacing:.06em;margin-top:12px}
.reveal{opacity:0;transform:translateY(18px);filter:blur(8px);transition:opacity .8s cubic-bezier(.2,.65,.2,1),transform .8s cubic-bezier(.2,.65,.2,1),filter .8s ease}
.reveal.visible{opacity:1;transform:none;filter:none}
@keyframes intro{from{opacity:0;transform:translateY(24px);filter:blur(12px)}
to{opacity:1;transform:none;filter:none}
}
@keyframes core-breathe{0%,100%{opacity:.62;transform:translate(-50%,-50%) scale(1)}50%{opacity:.82;transform:translate(-50%,-50%) scale(1.045)}}
@keyframes ring-one-turn{from{transform:rotate(12deg)}to{transform:rotate(372deg)}}
@keyframes ring-two-turn{from{transform:rotate(-31deg)}to{transform:rotate(329deg)}}
@keyframes ring-three-turn{from{transform:rotate(18deg)}to{transform:rotate(378deg)}}
@keyframes ring-four-turn{from{transform:rotate(-12deg)}to{transform:rotate(348deg)}}
@keyframes drift{50%{transform:translate(-4%,8%) scale(1.08)}
}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
.reveal{opacity:1;transform:none;filter:none;transition:none}
}
@media(max-width:760px){.shell{width:min(100% - 36px,1440px)}
.nav{height:65px}
.nav-links{position:absolute;display:flex;flex-direction:column;align-items:stretch;gap:0;top:65px;left:18px;right:18px;padding:8px;background:rgba(12,12,13,.96);border:1px solid var(--line);border-radius:3px;backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s}
.nav-links.open{opacity:1;visibility:visible;transform:none}
.nav-links a{padding:12px;font-size:14px}
.nav-acquire{text-align:center;margin-top:4px}
.menu-toggle{width:39px;height:35px;padding:0;display:grid;place-content:center;gap:5px;background:none;border:0;cursor:pointer}
.menu-toggle span:not(.sr-only){display:block;width:20px;height:1px;background:var(--text);transition:.2s}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:nth-child(2){transform:translateY(-3px) rotate(-45deg)}
.hero{min-height:780px;padding-top:64px;align-items:flex-start}
.hero.shell{width:min(100% - 36px,1440px)}
.hero-copy{width:100%;padding-top:124px;transform:none}
.hero-title{font-size:clamp(3.15rem,13.5vw,3.6rem);margin-bottom:35px}
.hero-statement{font-size:clamp(1.8rem,8vw,2.45rem)}
.hero-description{max-width:340px;font-size:14px}
.hero-actions{gap:19px;align-items:flex-start;flex-direction:column}
.runtime-field{width:88vw;height:88vw;right:-19%;top:34%;transform:translateY(-50%);opacity:.42;will-change:auto}.ring-three,.ring-four{display:none}.ring-one{animation-duration:110s}.ring-two{animation-duration:140s}.runtime-particle{display:none}.runtime-halo{animation:none;opacity:.66}
.hero-index{bottom:28px}
.section{padding:95px 0}
.concept-head,.split-heading,.principles-layout,.acquire-grid{display:block;margin-top:34px}
.concept-copy,.split-heading>p{margin-top:25px;max-width:330px}
.concept-head,.split-heading{margin-bottom:62px}
.era-grid{display:block}
.era{padding:25px 0}
.era+.era{padding-left:0;border-left:0;border-top:1px solid var(--line)}
.era ol{margin:28px 0}
.possibilities{padding-bottom:50px}
.possibility{grid-template-columns:15% 1fr;gap:0;padding:23px 0}
.possibility h3{font-size:clamp(1.75rem,9vw,2.6rem)}
.possibility p{grid-column:2;margin-top:16px;font-size:13px}
.architecture .shell{padding-block:95px}.architecture-equation{gap:18px;margin-top:52px}.architecture-equation strong{font-size:clamp(2.65rem,13vw,4rem)}.architecture-equation span{font-size:13px}.architecture-answer{margin-top:52px;line-height:1.8}.architecture-answer span{display:block;margin:7px 0 0}.horizon{padding-top:95px;padding-bottom:95px}.horizon-axis{gap:10px;margin-top:38px;font-size:10px;line-height:1.8}.horizon>p{font-size:14px}
.statement{min-height:65svh}
.acquire{padding-bottom:110px}
.acquire-copy{padding-top:37px}
.domain-status{margin-top:42px}
.footer{display:flex;flex-wrap:wrap;padding-top:22px}
.footer p{width:100%;text-align:left;order:3}
.footer>a{margin-left:auto}
.footer small{width:100%;order:4}
.field-label{display:none}
}
@media(max-width:390px){
.button{font-size:12px}
.display{font-size:2.55rem}
}