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

:root{--bg:#07080a;--fg:#f3f2ef;--muted:#92939b;--line:rgba(255,255,255,.13);--accent:#a980ff;--glass:rgba(16,17,21,.62)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,Arial,sans-serif;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(7,8,10,.06),#07080a 96%);pointer-events:none;z-index:-1}button,a{color:inherit;font:inherit}a{text-decoration:none}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
#shader{position:fixed;inset:0;width:100%;height:100%;z-index:-3;opacity:.9}.noise{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' 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='.7'/%3E%3C/svg%3E")}
.nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em}.brand i{font-style:normal;color:var(--accent)}.brand svg{width:27px;fill:none;stroke:currentColor;stroke-width:1.4}.brand svg path:last-child{stroke:var(--accent)}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav>a:not(.pill){color:#bbbcc2;transition:.2s}nav>a:hover{color:white}.pill{border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:15px 21px;display:inline-flex;align-items:center;justify-content:center;gap:28px;background:rgba(255,255,255,.04);cursor:pointer;transition:.25s}.pill:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.55)}.pill.small{padding:10px 17px}.pill.primary{color:#0a0710;background:var(--fg);border-color:var(--fg);font-weight:600}.pill.primary b{font-size:18px}.hero{min-height:760px;height:calc(100vh - 20px);display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:55px}.eyebrow,.section-index{font-size:10px;letter-spacing:.24em;color:#aaaab2}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow span{width:28px;height:1px;background:var(--accent);box-shadow:0 0 12px var(--accent)}h1,h2,h3{font-family:Manrope,sans-serif;margin:0}h1{font-size:clamp(68px,9vw,132px);line-height:.86;letter-spacing:-.07em;font-weight:500;max-width:1050px;margin:36px 0 34px}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.66)}.lead{color:#b9b9bf;max-width:540px;font-size:18px;line-height:1.65;margin:0 0 34px}.actions{display:flex;gap:28px;align-items:center}.text-button{border:0;background:none;cursor:pointer;color:#b9bac1}.text-button span{color:var(--accent);margin-right:9px}.hero-meta{position:absolute;bottom:34px;display:flex;gap:15px;align-items:center;color:#777880;font-size:9px;letter-spacing:.2em}.hero-meta i{width:3px;height:3px;border-radius:50%;background:var(--accent)}
.statement{padding:190px 0 230px;display:grid;grid-template-columns:1fr 2.2fr 1fr;gap:40px;align-items:start}.statement h2{font-size:clamp(52px,7vw,94px);line-height:.92;letter-spacing:-.055em;font-weight:500}.statement h2 span{color:var(--accent)}.statement>p:last-child{color:var(--muted);line-height:1.7;font-size:14px;padding-top:16px}.section-index{margin:0 0 28px}.scenes,.features{padding:120px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-head h2,.launch h2{font-size:clamp(42px,5vw,68px);letter-spacing:-.05em;font-weight:500}.section-head>p{max-width:260px;color:var(--muted);font-size:13px;line-height:1.6}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scene{height:430px;border:1px solid var(--line);border-radius:2px;background:rgba(12,13,16,.56);backdrop-filter:blur(20px);padding:24px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;overflow:hidden;position:relative;transition:.3s}.scene:hover,.scene.active{border-color:rgba(255,255,255,.4);transform:translateY(-5px)}.scene-num{font-size:10px;color:#777;letter-spacing:.15em}.orb{width:260px;height:260px;border-radius:50%;align-self:center;margin:auto;filter:blur(2px);transition:.4s;box-shadow:0 0 80px currentColor}.scene:hover .orb{transform:scale(1.08)}.orb.violet{color:#7645ef;background:radial-gradient(circle at 35% 28%,#eee8ff,#8a5aff 24%,#35147f 58%,#090313 74%)}.orb.ember{color:#d7471c;background:radial-gradient(circle at 38% 27%,#fff2c9,#ff7539 24%,#7b1a16 57%,#120403 75%)}.orb.ice{color:#45a4ef;background:radial-gradient(circle at 36% 28%,#e7ffff,#51d4ec 24%,#153d8a 58%,#030916 75%)}.scene strong{font:600 19px Manrope,sans-serif;margin-bottom:8px}.scene small{font-size:12px;color:var(--muted)}
.features{border-top:1px solid var(--line)}.feature-row{display:grid;grid-template-columns:80px 1fr 1fr;gap:30px;padding:42px 0;border-bottom:1px solid var(--line);align-items:center}.feature-row>span{font-size:10px;color:var(--accent);letter-spacing:.2em}.feature-row h3{font-size:28px;font-weight:500}.feature-row p{color:var(--muted);line-height:1.6;font-size:14px;max-width:390px}.launch{padding:140px 0}.launch-card{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(120deg,rgba(20,17,29,.92),rgba(9,10,13,.72));padding:72px;min-height:470px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.launch-card>p:not(.section-index){color:var(--muted);max-width:480px;line-height:1.7;margin:22px 0 32px}.rings{position:absolute;right:-70px;top:50%;transform:translateY(-50%);width:520px;height:520px}.rings i{position:absolute;inset:0;border:1px solid rgba(177,135,255,.25);border-radius:50%;animation:spin 13s linear infinite}.rings i:nth-child(2){inset:75px;border-style:dashed;animation-direction:reverse}.rings i:nth-child(3){inset:150px;background:radial-gradient(circle,#ae82ff 0,#5d2dbb 20%,transparent 66%);border:0;filter:blur(3px)}@keyframes spin{to{transform:rotate(360deg)}}footer{height:120px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#707178;font-size:11px}footer>a:last-child{color:#bbb}
@media(max-width:800px){.wrap{width:min(100% - 28px,1180px)}nav>a:not(.pill){display:none}.nav{height:72px}.hero{min-height:720px;height:100svh}h1{font-size:17vw}.statement{grid-template-columns:1fr;padding:120px 0}.statement>p:last-child{max-width:440px}.scene-grid{grid-template-columns:1fr}.scene{height:350px}.orb{width:210px;height:210px}.section-head{display:block}.section-head>p{margin-top:20px}.feature-row{grid-template-columns:45px 1fr}.feature-row p{grid-column:2}.launch-card{padding:42px 28px;min-height:580px;justify-content:flex-start}.rings{width:420px;height:420px;top:auto;bottom:-230px;right:-100px;transform:none}footer p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rings i{animation:none}.scene,.pill{transition:none}}

/* Brand direction: deep navy shell with the supplied icy-blue Axiom mark. */
:root{--bg:#060b12;--fg:#edf4ff;--muted:#8291a4;--line:rgba(176,207,242,.14);--accent:#8fb3dd;--glass:rgba(11,20,31,.72)}
.brand svg{display:none}.brand img{width:29px;height:29px;object-fit:cover;border-radius:7px;filter:drop-shadow(0 0 10px rgba(143,179,221,.24))}
.hero-logo{position:absolute;right:-8%;top:48%;transform:translateY(-50%);width:min(47vw,620px);aspect-ratio:1;opacity:.62;mask-image:radial-gradient(circle,#000 45%,transparent 74%);-webkit-mask-image:radial-gradient(circle,#000 45%,transparent 74%);filter:drop-shadow(0 0 80px rgba(93,144,204,.28));z-index:-1}
.hero-logo img{width:100%;height:100%;object-fit:cover}.orb.violet{color:#739dce;background:radial-gradient(circle at 35% 28%,#f3f8ff,#b9d4f1 24%,#4e78aa 58%,#07101b 74%)}
.launch-card{background:linear-gradient(120deg,rgba(13,28,46,.94),rgba(6,11,18,.78))}.rings i{border-color:rgba(143,179,221,.25)}.rings i:nth-child(3){background:radial-gradient(circle,#bad8f7 0,#4e78aa 20%,transparent 66%)}
@media(max-width:800px){.hero-logo{width:82vw;right:-37%;top:33%;opacity:.42}}