:root { --ink:#080808; --panel:#10100f; --paper:#f4f0e8; --muted:#97938b; --line:rgba(244,240,232,.13); --line-strong:rgba(244,240,232,.27); --air:#82a9ff; --air-bright:#c5d7ff; --orange:#ff6633; --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace; --sans:"Helvetica Neue",Helvetica,Arial,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; overflow-x:hidden; background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),var(--ink); background-size:48px 48px; color:var(--paper); font-family:var(--sans); font-size:16px; line-height:1.5; -webkit-font-smoothing:antialiased; }
::selection { background:var(--air-bright); color:var(--ink); }
a { color:inherit; text-decoration:none; }
.skip-link { position:fixed; z-index:100; top:12px; left:12px; padding:10px 14px; transform:translateY(-160%); background:var(--paper); color:var(--ink); font:12px var(--mono); }
.skip-link:focus { transform:translateY(0); }
.ambient { position:fixed; z-index:-1; border-radius:50%; filter:blur(110px); opacity:.11; pointer-events:none; }
.ambient-one { top:5vh; right:-18vw; width:60vw; height:60vw; background:var(--air); }
.ambient-two { top:68vh; left:-24vw; width:52vw; height:52vw; background:var(--orange); opacity:.05; }
.site-header { position:relative; z-index:10; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; min-height:82px; padding:0 clamp(22px,4vw,68px); border-bottom:1px solid var(--line); background:rgba(8,8,8,.82); backdrop-filter:blur(18px); }
.wordmark { display:inline-flex; align-items:baseline; width:fit-content; font-weight:700; letter-spacing:-.02em; }
.wordmark-mark { display:inline-grid; place-items:center; width:34px; height:34px; margin-right:11px; border:1px solid var(--paper); border-radius:50%; font-size:11px; }
.wordmark-handle { color:var(--muted); font:400 11px var(--mono); letter-spacing:.08em; }
nav { display:flex; gap:clamp(24px,4vw,52px); font:10px var(--mono); letter-spacing:.13em; text-transform:uppercase; }
nav a,.language-switcher a,footer a { transition:color 180ms ease; }
nav a:hover,.language-switcher a:hover,footer a:hover { color:var(--air); }
.language-switcher { justify-self:end; display:flex; gap:8px; color:var(--muted); font:9px var(--mono); letter-spacing:.13em; }
.language-switcher .active { color:var(--paper); }
.language-switcher i { color:var(--line-strong); font-style:normal; }
.hero { display:grid; grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr); gap:clamp(50px,6vw,110px); align-items:center; min-height:calc(100svh - 82px); padding:clamp(70px,9vw,126px) clamp(22px,5vw,88px); overflow:hidden; }
.hero-copy { position:relative; z-index:2; }
.eyebrow,.section-number { margin:0 0 30px; color:var(--muted); font:10px var(--mono); letter-spacing:.16em; text-transform:uppercase; }
.signal-dot { display:inline-block; width:7px; height:7px; margin-right:10px; border-radius:50%; background:var(--air); box-shadow:0 0 16px var(--air); animation:pulse 2.4s ease-in-out infinite; }
@keyframes pulse { 50% { opacity:.35; box-shadow:0 0 4px var(--air); } }
h1,h2,h3,p { text-wrap:pretty; }
h1 { margin:0; font-size:clamp(80px,10vw,154px); font-weight:600; letter-spacing:-.075em; line-height:.8; }
h1 span { display:block; max-width:620px; margin-top:.25em; color:transparent; font-size:.39em; font-weight:400; letter-spacing:-.055em; line-height:1; -webkit-text-stroke:1px rgba(244,240,232,.65); }
.hero-intro { max-width:650px; margin:42px 0 0; color:#c7c2b9; font-size:clamp(18px,1.65vw,25px); font-weight:300; line-height:1.5; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:38px; }
.button { display:inline-flex; align-items:center; justify-content:space-between; min-width:230px; padding:16px 18px; border:1px solid var(--line-strong); font:10px var(--mono); letter-spacing:.07em; text-transform:uppercase; }
.button-primary { border-color:var(--paper); background:var(--paper); color:var(--ink); transition:background 180ms ease,border-color 180ms ease; }
.button-primary:hover { border-color:var(--air); background:var(--air); }
.button-secondary { color:var(--muted); transition:color 180ms ease,border-color 180ms ease,background 180ms ease; }
.button-secondary:hover { border-color:var(--air); background:rgba(130,169,255,.06); color:var(--paper); }
.requirements { display:flex; flex-wrap:wrap; gap:8px; margin:38px 0 0; padding:0; list-style:none; }
.requirements li { padding:7px 10px; border:1px solid var(--line); color:var(--muted); font:8px var(--mono); letter-spacing:.11em; text-transform:uppercase; }
.aliseo-visual { position:relative; min-height:clamp(420px,53vw,700px); overflow:hidden; border:1px solid var(--line); background:radial-gradient(ellipse at 53% 48%,rgba(130,169,255,.16),transparent 34%),linear-gradient(145deg,#070a11,#050607 70%); isolation:isolate; }
.visual-grid { position:absolute; inset:0; opacity:.25; background-image:linear-gradient(rgba(197,215,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(197,215,255,.12) 1px,transparent 1px); background-size:42px 42px; mask-image:radial-gradient(ellipse,black,transparent 76%); }
.terminal { position:absolute; z-index:4; top:50%; width:92px; height:154px; padding:17px 14px; border:1px solid rgba(197,215,255,.4); background:rgba(5,7,10,.72); box-shadow:0 0 34px rgba(130,169,255,.08); transform:translateY(-50%); }
.terminal-left { left:7%; border-radius:11px; }
.terminal-right { right:7%; }
.terminal span,.terminal b { display:block; font:8px var(--mono); letter-spacing:.12em; }
.terminal span { color:var(--muted); }
.terminal b { margin-top:4px; color:var(--air-bright); font-weight:400; }
.terminal i { display:block; height:1px; margin-top:25px; background:rgba(197,215,255,.32); }
.terminal i+i { width:72%; margin-top:13px; }.terminal i+i+i { width:48%; }
.wind-field { position:absolute; z-index:2; inset:22% 9%; transform:rotate(-5deg); }
.wind-field span { position:absolute; left:4%; width:92%; height:42%; border:1px solid transparent; border-top-color:rgba(154,187,255,.56); border-radius:50%; filter:drop-shadow(0 0 8px rgba(130,169,255,.28)); animation:wind 9s ease-in-out infinite alternate; }
.wind-field span:nth-child(1){top:2%;opacity:.28;animation-delay:-2s}.wind-field span:nth-child(2){top:14%;opacity:.4;animation-delay:-5s}.wind-field span:nth-child(3){top:27%;opacity:.62;animation-delay:-1s}.wind-field span:nth-child(4){top:40%;opacity:.82;animation-delay:-7s}.wind-field span:nth-child(5){top:53%;opacity:.57;animation-delay:-4s}.wind-field span:nth-child(6){top:66%;opacity:.38;animation-delay:-8s}.wind-field span:nth-child(7){top:79%;opacity:.22;animation-delay:-3s}
@keyframes wind { to { transform:translate3d(5%,-5%,0) scaleX(1.06) scaleY(.86); } }
.carried-grains { position:absolute; z-index:3; inset:0; }
.carried-grains i { --y:50%; position:absolute; top:var(--y); left:14%; width:4px; aspect-ratio:1; border-radius:50%; background:var(--air-bright); box-shadow:0 0 12px var(--air); opacity:0; animation:carry 7s linear infinite; }
.carried-grains i:nth-child(1){--y:30%;animation-delay:-1s}.carried-grains i:nth-child(2){--y:39%;width:7px;animation-delay:-5.2s}.carried-grains i:nth-child(3){--y:48%;animation-delay:-3.4s}.carried-grains i:nth-child(4){--y:58%;width:6px;animation-delay:-6.3s}.carried-grains i:nth-child(5){--y:68%;animation-delay:-2.1s}.carried-grains i:nth-child(6){--y:35%;animation-delay:-6.8s}.carried-grains i:nth-child(7){--y:44%;width:3px;animation-delay:-.2s}.carried-grains i:nth-child(8){--y:62%;width:3px;animation-delay:-4.4s}.carried-grains i:nth-child(9){--y:53%;width:8px;animation-delay:-2.8s}
@keyframes carry { 0%{left:14%;opacity:0;transform:translateY(0)} 12%{opacity:1} 50%{transform:translateY(-18px)} 88%{opacity:1} 100%{left:84%;opacity:0;transform:translateY(5px)} }
.waveform { position:absolute; z-index:3; top:50%; right:27%; left:27%; display:flex; gap:3px; align-items:center; height:100px; transform:translateY(-50%); }
.waveform i { flex:1; min-width:1px; height:12%; background:linear-gradient(var(--air-bright),var(--air)); box-shadow:0 0 8px rgba(130,169,255,.35); animation:wave 3.8s ease-in-out infinite alternate; }
.waveform i:nth-child(3n){height:72%;animation-delay:-1.3s}.waveform i:nth-child(4n){height:38%;animation-delay:-2.6s}.waveform i:nth-child(5n){height:92%;animation-delay:-.7s}.waveform i:nth-child(7n){height:56%;animation-delay:-3.2s}
@keyframes wave { to { transform:scaleY(.38); opacity:.45; } }
.capture { position:absolute; z-index:5; right:7%; bottom:7%; color:var(--muted); font:8px var(--mono); letter-spacing:.12em; }
.capture span { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:var(--orange); box-shadow:0 0 12px var(--orange); animation:pulse 1.8s infinite; }
.visual-caption { position:absolute; z-index:5; bottom:6%; left:7%; margin:0; color:var(--muted); font:8px var(--mono); letter-spacing:.13em; }
.workflow-section,.details-section,.beta-section { padding:clamp(100px,13vw,190px) clamp(22px,6vw,110px); border-top:1px solid var(--line); }
.section-heading { display:grid; grid-template-columns:.65fr 1.25fr .7fr; gap:40px; align-items:end; margin-bottom:74px; }
.section-heading .section-number { align-self:start; margin-top:10px; }
.section-heading h2,.details-copy h2,.beta-section h2 { margin:0; font-size:clamp(48px,6.7vw,104px); font-weight:500; letter-spacing:-.065em; line-height:.93; }
.section-heading>p:last-child { margin:0; color:var(--muted); font-size:15px; line-height:1.7; }
.workflow-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--line-strong); }
.workflow-grid article { min-height:390px; padding:28px clamp(20px,2.5vw,38px) 32px; border-right:1px solid var(--line); background:rgba(15,15,14,.55); }
.workflow-grid article:first-child { border-left:1px solid var(--line); }
.workflow-grid article>span { color:var(--air); font:9px var(--mono); letter-spacing:.14em; }
.workflow-grid h3 { margin:72px 0 20px; font-size:clamp(30px,3vw,47px); font-weight:400; letter-spacing:-.05em; }
.workflow-grid p { margin:0; color:var(--muted); font-size:14px; line-height:1.75; }
.workflow-grid small { display:block; margin-top:36px; color:#737a8b; font:8px var(--mono); letter-spacing:.12em; }
.workflow-grid .accent { background:linear-gradient(180deg,rgba(130,169,255,.12),rgba(15,15,14,.6)); box-shadow:inset 0 2px var(--air); }
.details-section { display:grid; grid-template-columns:.82fr 1.18fr; gap:clamp(60px,9vw,140px); align-items:center; background:#0b0b0a; }
.details-copy p:last-child { max-width:590px; margin:38px 0 0; color:var(--muted); font-size:clamp(17px,1.55vw,22px); font-weight:300; line-height:1.7; }
.meter-panel { position:relative; min-height:440px; overflow:hidden; border:1px solid var(--line-strong); background:radial-gradient(ellipse at 52% 60%,rgba(130,169,255,.14),transparent 48%),#07090d; }
.meter-top { display:flex; justify-content:space-between; padding:18px 20px; border-bottom:1px solid var(--line); color:var(--muted); font:8px var(--mono); letter-spacing:.12em; }
.spectral-lines { position:absolute; right:7%; bottom:17%; left:7%; display:flex; gap:5px; align-items:end; height:58%; opacity:.6; }
.spectral-lines i { flex:1; height:13%; background:linear-gradient(to top,rgba(130,169,255,.06),rgba(130,169,255,.76)); animation:spectrum 3.5s ease-in-out infinite alternate; transform-origin:bottom; }
.spectral-lines i:nth-child(3n){height:72%;animation-delay:-1.2s}.spectral-lines i:nth-child(4n){height:43%;animation-delay:-2.4s}.spectral-lines i:nth-child(5n){height:92%;animation-delay:-.6s}
@keyframes spectrum { to { transform:scaleY(.48); opacity:.35; } }
.meter-wave { position:absolute; top:51%; right:4%; left:4%; height:1px; background:linear-gradient(90deg,transparent,var(--air),var(--air-bright),var(--air),transparent); box-shadow:0 0 14px rgba(130,169,255,.65); transform:rotate(-3deg); }
.meter-readout { position:absolute; right:5%; bottom:5%; display:flex; gap:8px; align-items:baseline; font-family:var(--mono); }
.meter-readout b { font-size:28px; font-weight:400; }.meter-readout span,.meter-readout em { color:var(--muted); font-size:8px; font-style:normal; letter-spacing:.1em; }.meter-readout em { margin-left:22px; color:var(--orange); }
.beta-section { display:grid; grid-template-columns:.55fr 1.45fr; gap:clamp(50px,8vw,120px); }
.beta-section .section-number { margin-top:10px; }
.beta-section>div>p { max-width:760px; margin:38px 0 0; color:var(--muted); font-size:18px; line-height:1.75; }
.beta-note { display:grid; grid-template-columns:110px 1fr; gap:20px; align-items:center; max-width:760px; margin-top:44px; padding:24px 0; border-top:1px solid var(--line-strong); border-bottom:1px solid var(--line-strong); transition:color 180ms ease,border-color 180ms ease,padding-left 180ms ease; }
.beta-note:hover,.beta-note:focus-visible { padding-left:12px; border-color:var(--air); color:var(--air-bright); }
.beta-note span { color:var(--muted); font:8px var(--mono); letter-spacing:.13em; }.beta-note strong { display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:clamp(20px,2vw,29px); font-weight:400; }.beta-note strong i { color:var(--air); font:14px var(--mono); font-style:normal; }
.beta-section .disclaimer { max-width:680px; color:#6f6c66; font:9px/1.7 var(--mono); letter-spacing:.03em; }
footer { display:flex; align-items:end; justify-content:space-between; min-height:210px; padding:52px clamp(22px,4vw,68px); border-top:1px solid var(--line); font:9px var(--mono); letter-spacing:.08em; text-transform:uppercase; }
footer p { margin:7px 0 0; color:var(--muted); }.footer-name { color:var(--paper); font-family:var(--sans); font-size:24px; font-weight:500; letter-spacing:-.035em; text-transform:none; }.footer-name span { color:var(--muted); font:400 10px var(--mono); letter-spacing:.08em; }
@media(max-width:1050px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;}.aliseo-visual{min-height:560px}.section-heading{grid-template-columns:.5fr 1.5fr}.section-heading>p:last-child{grid-column:2}.workflow-grid{grid-template-columns:repeat(2,1fr)}.workflow-grid article:nth-child(2){border-right:1px solid var(--line)}.details-section{grid-template-columns:1fr;}}
@media(max-width:680px){.site-header{min-height:68px}.wordmark-handle{display:none}.hero{padding-top:76px;gap:54px}.hero h1{font-size:clamp(72px,23vw,108px)}.hero h1 span{max-width:90%;font-size:.42em}.hero-actions{flex-direction:column}.button{width:100%}.aliseo-visual{min-height:390px;margin:0 -10px}.terminal{top:51%;width:68px;height:118px;padding:12px 10px}.terminal-left{left:5%}.terminal-right{right:5%}.terminal i{margin-top:17px}.wind-field{inset:22% 3%}.waveform{right:24%;left:24%;gap:2px}.section-heading{display:block}.section-heading h2{font-size:clamp(48px,15vw,76px)}.section-heading>p:last-child{margin-top:28px}.workflow-grid{grid-template-columns:1fr}.workflow-grid article{min-height:310px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.workflow-grid h3{margin-top:48px}.meter-panel{min-height:340px}.beta-section{grid-template-columns:1fr}.beta-note{grid-template-columns:80px 1fr}footer{align-items:flex-start;flex-direction:column;gap:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}