:root {
  --ink: #132019;
  --paper: #edf6f0;
  --paper-2: #f7fbf8;
  --orange: #8adcae;
  --orange-deep: #64c996;
  --teal: #55bf98;
  --teal-deep: #2f8269;
  --line: rgba(16,17,15,.14);
  --radius: 26px;
  --shell: min(1320px, calc(100vw - 64px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: "DM Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
::selection { background: #c9f3d8; color: #164c36; }

.noise {
  position: fixed;
  inset: 0;
  z-index: 1000;
  pointer-events: none;
  opacity: .055;
  mix-blend-mode: soft-light;
  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='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}
.cursor-glow {
  position: fixed;
  left: 0;
  top: 0;
  width: 420px;
  height: 420px;
  margin: -210px 0 0 -210px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 2;
  background: radial-gradient(circle, rgba(255,255,255,.13), transparent 65%);
  transform: translate3d(-1000px,-1000px,0);
  transition: opacity .3s;
}

.site-header {
  position: fixed;
  z-index: 100;
  top: 18px;
  left: 50%;
  width: var(--shell);
  height: 64px;
  padding: 0 12px 0 18px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 999px;
  color: white;
  background: rgba(18,42,31,.14);
  backdrop-filter: blur(18px) saturate(130%);
  box-shadow: 0 12px 40px rgba(19,36,35,.08);
  transition: color .3s, background .3s, border-color .3s, transform .3s;
}
.site-header.is-dark {
  color: var(--ink);
  background: rgba(242,250,245,.78);
  border-color: rgba(16,17,15,.12);
}
.brand { display: inline-flex; align-items: center; gap: 8px; width: fit-content; font-family: Manrope, sans-serif; font-size: 25px; font-weight: 500; letter-spacing: -.06em; }
.brand-mark { width: 27px; height: 27px; }
.desktop-nav { display: flex; gap: 30px; font-size: 13px; font-weight: 500; }
.desktop-nav a, .text-link { opacity: .8; transition: opacity .2s; }
.desktop-nav a:hover, .text-link:hover { opacity: 1; }
.header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 18px; }
.text-link { font-size: 13px; }
.text-link span { font-size: 10px; }

.pill-button {
  border: 0;
  border-radius: 999px;
  padding: 12px 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  cursor: pointer;
  font-weight: 500;
  transition: transform .2s, background .2s, color .2s, box-shadow .2s;
}
.pill-button:hover { transform: translateY(-2px); }
.pill-button--light { color: #142019; background: rgba(255,255,255,.92); box-shadow: 0 8px 24px rgba(0,0,0,.08); }
.pill-button--light:hover { background: white; box-shadow: 0 12px 30px rgba(0,0,0,.12); }
.pill-button--glass { color: white; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.26); backdrop-filter: blur(14px); }
.pill-button--ink { color: white; background: var(--ink); }
.pill-button--large { min-height: 54px; padding: 14px 24px; }
.menu-button { display:none; background:transparent; border:0; width:42px; height:42px; padding:0; position:relative; }
.menu-button span { position:absolute; left:10px; width:22px; height:1.5px; background:currentColor; transition:.25s; }
.menu-button span:first-child { top:17px; }
.menu-button span:last-child { top:24px; }
.menu-button[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
.menu-button[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
.mobile-menu { display:none; }

.hero {
  min-height: 100svh;
  position: relative;
  overflow: hidden;
  padding: 150px max(32px, calc((100vw - 1320px)/2)) 46px;
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(540px, 1.05fr);
  grid-template-rows: 1fr auto;
  align-items: center;
  color: white;
  background:
    radial-gradient(circle at 17% 20%, rgba(210,255,225,.42), transparent 23%),
    radial-gradient(circle at 75% 83%, rgba(19,102,77,.32), transparent 32%),
    linear-gradient(153deg, #b8f0ca 3%, #98e3b8 34%, #76d4a5 48%, #4eb58d 78%, #2d7e67 100%);
}
.hero::before {
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(10,82,55,.06), transparent 55%), linear-gradient(0deg, rgba(7,66,48,.20), transparent 30%);
  pointer-events:none;
}
.hero-aurora { position:absolute; border-radius:50%; filter:blur(80px); opacity:.35; animation: drift 12s ease-in-out infinite alternate; }
.hero-aurora--one { width:520px;height:520px; background:#caf4d8; top:-160px; left:28%; }
.hero-aurora--two { width:500px;height:500px; background:#7de0ba; right:-150px; bottom:-170px; animation-delay:-4s; }
.hero-orb { position:absolute; border-radius:50%; border:1px solid rgba(255,255,255,.5); background: radial-gradient(circle at 30% 25%, rgba(255,255,255,.9), rgba(255,255,255,.17) 35%, rgba(151,245,238,.12) 62%, rgba(255,255,255,.36)); box-shadow: inset -12px -12px 30px rgba(0,88,91,.16), inset 10px 10px 18px rgba(255,255,255,.5), 0 16px 38px rgba(0,62,67,.16); backdrop-filter:blur(8px); }
.hero-orb--one { width:56px;height:56px; left:7%; top:18%; animation: float 7s ease-in-out infinite; }
.hero-orb--two { width:28px;height:28px; right:9%; top:34%; animation: float 6s ease-in-out infinite reverse; }
.hero-copy { position:relative; z-index:3; padding-top: 20px; max-width:700px; }
.eyebrow { margin:0 0 24px; display:flex; align-items:center; gap:9px; text-transform:uppercase; letter-spacing:.15em; font-size:11px; font-weight:600; }
.eyebrow--dark { color:rgba(255,255,255,.55); }
.eyebrow--ink { color:rgba(16,17,15,.52); }
.status-dot { width:7px;height:7px;border-radius:50%;background:#bdfaff;box-shadow:0 0 0 5px rgba(189,250,255,.12); }
.hero h1, .statement-title, .section-heading h2, .docs-content h2 {
  font-family: Manrope, sans-serif;
  font-weight: 400;
  letter-spacing: -.065em;
  margin: 0;
}
.hero h1 { font-size: clamp(64px, 7vw, 118px); line-height:.91; max-width: 820px; }
.hero-lead { margin:34px 0 0; max-width:640px; font-size:17px; line-height:1.55; color:rgba(255,255,255,.76); }
.hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:36px; }
.hero-visual { position:relative; z-index:2; min-height:720px; height:min(76vh,800px); }
.liquid-sculpture { position:absolute; width:min(680px, 52vw); height:auto; left:50%; top:50%; transform:translate(-48%,-49%); overflow:visible; filter:drop-shadow(0 30px 50px rgba(2,62,65,.18)); }
.tube--front { animation: tubeFloat 9s ease-in-out infinite; transform-origin:center; }
.tube--back { animation: tubeFloat 11s ease-in-out infinite reverse; transform-origin:center; }
.bubble { transform-box:fill-box; transform-origin:center; animation: bubble 6s ease-in-out infinite; }
.bubble--two { animation-delay:-2s; }.bubble--three { animation-delay:-4s; }
.glass-panel { background:linear-gradient(145deg,rgba(255,255,255,.23),rgba(255,255,255,.08)); border:1px solid rgba(255,255,255,.34); box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 30px 80px rgba(0,54,58,.18); backdrop-filter:blur(22px) saturate(140%); }
.routing-card { position:absolute; z-index:4; right:3%; bottom:7%; width:320px; border-radius:24px; padding:18px; transform:rotate(-2deg); animation: cardFloat 7s ease-in-out infinite; }
.routing-card__top { display:flex; justify-content:space-between; font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:rgba(255,255,255,.72); }
.live-indicator { display:flex;align-items:center;gap:6px; }.live-indicator i { width:6px;height:6px;border-radius:50%;background:#c3fff2;box-shadow:0 0 0 4px rgba(195,255,242,.12); }
.routing-asset { display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:11px; margin:18px 0 14px; padding:14px 0; border-top:1px solid rgba(255,255,255,.22); border-bottom:1px solid rgba(255,255,255,.22); }
.asset-icon { width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);font-weight:600; }
.routing-asset strong,.routing-asset small { display:block; }.routing-asset strong { font-size:14px; }.routing-asset small { margin-top:3px; font-size:10px; color:rgba(255,255,255,.55); }
.apy { text-align:right; }.apy strong { font-size:20px; letter-spacing:-.04em; }
.venue-row { display:flex;justify-content:space-between;align-items:center;padding:10px 12px;margin-top:7px;border-radius:12px;background:rgba(255,255,255,.10);font-size:12px; }
.venue-row strong { font-size:11px; border-radius:999px; background:rgba(197,255,244,.18);padding:4px 7px; }.venue-row--muted{opacity:.54;}
.routing-decision { display:flex;justify-content:space-between;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.22);font-size:11px;color:rgba(255,255,255,.58); }.routing-decision strong{color:white;font-family:monospace;font-weight:400;}
.hero-bottom { grid-column:1/-1; align-self:end; position:relative; z-index:3; display:flex;justify-content:space-between;align-items:end;margin-top:15px;font-size:12px;color:rgba(255,255,255,.58); }
.hero-bottom p { margin:0; }.hero-bottom a { width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.35);position:relative; }
.hero-bottom a span::before { content:""; position:absolute; left:50%; top:12px; width:1px; height:14px; background:white; opacity:.8; }
.hero-bottom a span::after { content:""; position:absolute; left:17px; top:21px; width:7px; height:7px; border-right:1px solid white; border-bottom:1px solid white; transform:rotate(45deg); }

.section-shell { width:var(--shell); margin:0 auto; }
.section-dark { background:#0f1d16; color:white; }
.statement { padding:160px 0 140px; }
.statement-title { font-size:clamp(72px,9vw,154px); line-height:.85; }
.statement-title span { color:#4d4f49; }
.statement-grid { margin-top:110px; display:grid; grid-template-columns:.7fr 1.3fr; gap:80px; align-items:end; }
.statement-copy { margin:0; font-size:20px; line-height:1.55; color:#a9aaa4; max-width:450px; }
.engine-console { border-radius:20px; overflow:hidden; border:1px solid rgba(255,255,255,.13); background:#13251c; box-shadow:0 40px 80px rgba(0,0,0,.25); }
.engine-console__bar { height:47px; display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.1); }
.engine-console__bar span { width:8px;height:8px;border-radius:50%;background:#444640; }.engine-console__bar span:first-child{background:#83d9ab}.engine-console__bar span:nth-child(2){background:#a9e6be}.engine-console__bar span:nth-child(3){background:#63b486}.engine-console__bar small{margin-left:auto;color:#62655e;font-family:monospace;}
.engine-console pre { margin:0;padding:32px;overflow:auto;color:#d6d8d1;font:14px/2.1 monospace; }.engine-console i { color:#575a53;font-style:normal;margin-right:28px; }

.section-paper { background:var(--paper); }
.feature-section { padding:150px 0 110px; }
.section-heading { display:grid; grid-template-columns:1fr 2fr; align-items:start; gap:40px; }
.section-heading h2 { font-size:clamp(55px,6.5vw,102px); line-height:.94; max-width:930px; }
.feature-grid { display:grid;grid-template-columns:repeat(3,1fr);margin-top:100px;border-top:1px solid var(--line);border-left:1px solid var(--line); }
.feature-card { min-height:420px;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:background .3s,transform .3s; }
.feature-card:hover { background:#f4faf6; }
.feature-number { position:absolute;right:28px;top:26px;margin:0;font:11px monospace;color:#939189; }
.feature-card h3 { margin:125px 0 14px;font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-.04em; }
.feature-card>p:last-child { margin:0;max-width:320px;color:#6b6a64;line-height:1.55;font-size:15px; }
.feature-icon { width:72px;height:72px;position:relative;display:grid;place-items:center; }
.icon-vault { border:1px solid #1f211e;border-radius:50%; }.icon-vault::before,.icon-vault::after{content:"";position:absolute;border:1px solid #1f211e;border-radius:50%;}.icon-vault::before{width:45px;height:45px}.icon-vault::after{width:20px;height:20px;background:#8adcae;border-color:#8adcae}.icon-vault span{width:1px;height:72px;background:#1f211e;transform:rotate(45deg)}
.icon-score{align-items:end;grid-template-columns:repeat(3,11px);gap:7px}.icon-score span{display:block;width:11px;border-radius:9px 9px 0 0;background:#171815}.icon-score span:first-child{height:33px}.icon-score span:nth-child(2){height:58px;background:#73d2a1}.icon-score span:last-child{height:44px}
.icon-orbit{border:1px solid #aaa89f;border-radius:50%}.icon-orbit::before{content:"";width:9px;height:9px;border-radius:50%;background:#8adcae;box-shadow:0 0 0 8px rgba(111,210,158,.14)}.icon-orbit::after{content:"";position:absolute;width:34px;height:34px;border:1px solid #1c1d1a;border-radius:50%;animation:spin 5s linear infinite;transform-origin:center}.icon-orbit span{position:absolute;width:6px;height:6px;border-radius:50%;background:#1b1c19;right:13px;top:17px}
.icon-code{font:25px monospace;border:1px solid #22231f;border-radius:15px;background:#f3faf5;box-shadow:9px 9px 0 #8adcae;color:#20211e}
.icon-adapter{gap:6px;grid-template-columns:repeat(3,14px)}.icon-adapter span{width:14px;height:52px;border:1px solid #20211e;border-radius:999px;position:relative}.icon-adapter span::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;background:#8adcae}.icon-adapter span:nth-child(1)::after{top:7px}.icon-adapter span:nth-child(2)::after{top:25px}.icon-adapter span:nth-child(3)::after{bottom:7px}
.icon-shield{border-radius:21px 21px 32px 32px;border:1px solid #20211e;height:76px;width:64px}.icon-shield::before{content:"";width:13px;height:13px;border-radius:50%;background:#8adcae}.icon-shield span{position:absolute;width:1px;height:76px;background:#20211e;transform:rotate(35deg)}
.metrics-section { padding:0 0 135px; }
.metrics-grid { display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line); }
.metric { padding:38px 28px 42px;border-right:1px solid var(--line); }.metric:last-child{border-right:0}.metric strong{display:block;font-family:Manrope,sans-serif;font-size:48px;font-weight:400;letter-spacing:-.06em}.metric span{display:block;margin-top:9px;color:#78766e;font-size:13px}

.cycle-section { position:relative;overflow:hidden;padding:145px 0 155px;color:white;background:linear-gradient(150deg,#b8f0ca 0%,#97e3b8 37%,#76d2a4 50%,#4eb58d 76%,#2d7e67 100%); }
.cycle-section::after { content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 78%,rgba(0,49,57,.35),transparent 32%);pointer-events:none; }
.cycle-glow{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(100px);background:rgba(111,239,229,.2);right:0;bottom:-180px}.cycle-section .section-shell{position:relative;z-index:2}.section-heading--light{color:white}.cycle-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;margin-top:95px;align-items:center}.cycle-steps{border-top:1px solid rgba(255,255,255,.24)}
.cycle-step{width:100%;padding:26px 0;display:grid;grid-template-columns:55px 1fr;gap:18px;text-align:left;color:white;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.24);cursor:pointer;opacity:.48;transition:opacity .25s,padding-left .25s}.cycle-step:hover,.cycle-step.is-active{opacity:1;padding-left:12px}.cycle-step>span{font:12px monospace}.cycle-step strong{font-family:Manrope,sans-serif;font-size:26px;font-weight:500;letter-spacing:-.04em}.cycle-step p{margin:7px 0 0;color:rgba(255,255,255,.67);line-height:1.45;font-size:14px}
.cycle-machine{position:relative;min-height:590px;border-radius:32px;padding:25px;overflow:hidden}.machine-head,.machine-foot{display:flex;justify-content:space-between;align-items:center;font:11px monospace;letter-spacing:.09em;color:rgba(255,255,255,.62)}.machine-head span:last-child{color:white}.machine-core{width:430px;height:430px;position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);display:grid;place-items:center}.machine-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.32)}.machine-ring--one{width:400px;height:400px;animation:spin 18s linear infinite}.machine-ring--one::before,.machine-ring--one::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:white;box-shadow:0 0 25px white}.machine-ring--one::before{top:25px;left:85px}.machine-ring--one::after{bottom:48px;right:58px}.machine-ring--two{width:294px;height:294px;border-style:dashed;animation:spin 13s linear infinite reverse}.machine-ring--three{width:188px;height:188px;border-color:rgba(255,255,255,.5);box-shadow:inset 0 0 60px rgba(255,255,255,.08)}.machine-center{width:105px;height:105px;border-radius:50%;display:grid;place-items:center;align-content:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.48);box-shadow:inset 0 0 35px rgba(255,255,255,.12),0 0 50px rgba(190,255,249,.12)}.machine-center span{font-family:Manrope,sans-serif;font-size:34px;letter-spacing:-.06em}.machine-center small{font:8px monospace;letter-spacing:.15em;opacity:.58}.particle{position:absolute;width:7px;height:7px;border-radius:50%;background:white;box-shadow:0 0 18px white}.particle--1{left:13%;top:42%;animation:float 4s ease-in-out infinite}.particle--2{right:15%;top:32%;animation:float 5s ease-in-out infinite reverse}.particle--3{left:28%;bottom:14%;animation:float 4.5s ease-in-out infinite reverse}.particle--4{right:27%;bottom:19%;animation:float 6s ease-in-out infinite}.machine-foot{position:absolute;left:25px;right:25px;bottom:25px;padding-top:18px;border-top:1px solid rgba(255,255,255,.24)}.machine-foot code{color:white}.machine-status{color:#cafff1;text-transform:uppercase}

.formula-section { padding:150px 0 130px; }
.formula-top{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end}.formula-top .section-heading{display:block}.formula-copy{margin:0 0 5px;color:#6a6962;font-size:17px;line-height:1.6;max-width:480px}.formula-board{margin-top:95px;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#f3faf5}.formula-header{display:flex;justify-content:space-between;padding:25px 28px;border-bottom:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.formula-header code{text-transform:none;letter-spacing:0;font-size:13px;color:#6b6a64}.score-row{position:relative;display:grid;grid-template-columns:1fr 70px;align-items:center;min-height:104px;padding:0 29px;border-bottom:1px solid var(--line);overflow:hidden}.score-row:last-child{border-bottom:0}.score-row div,.score-row>span{position:relative;z-index:2}.score-row strong,.score-row small{display:block}.score-row strong{font-family:Manrope,sans-serif;font-size:23px;font-weight:500;letter-spacing:-.035em}.score-row small{margin-top:6px;color:#77756d}.score-row>span{text-align:right;font:13px monospace}.score-row i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--score)*100%);background:linear-gradient(90deg,rgba(111,210,158,.30),rgba(111,210,158,.10));transform-origin:left;transform:scaleX(0);transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}.score-row.is-visible i{transform:scaleX(1)}
.profile-card{margin-top:25px;display:grid;grid-template-columns:180px 1fr auto;gap:40px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:20px}.profile-card span,.profile-card strong{display:block}.profile-card span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#8a887f}.profile-card strong{margin-top:7px;font-family:Manrope,sans-serif;font-size:24px;font-weight:500}.profile-card p{margin:0;color:#68675f;line-height:1.5}.profile-card a{font-size:13px;border-bottom:1px solid #222;padding-bottom:3px}

.docs-section { min-height:880px;position:relative;overflow:hidden;display:flex;align-items:center;color:white;background:linear-gradient(154deg,#b8f0ca 0%,#98e4b9 34%,#75d2a5 54%,#4fb68f 78%,#2f8069 100%); }
.docs-section::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 73% 68%,rgba(0,38,47,.26),transparent 35%)}.docs-content{position:relative;z-index:3}.docs-content h2{font-size:clamp(80px,10vw,165px);line-height:.84}.docs-content>p:not(.eyebrow){max-width:560px;margin:36px 0 0;color:rgba(255,255,255,.75);font-size:18px;line-height:1.55}.docs-art{position:absolute;z-index:1;right:-2%;top:50%;transform:translateY(-48%);width:min(650px,54vw);filter:drop-shadow(0 35px 60px rgba(0,59,63,.22));}.docs-art svg{width:100%;overflow:visible;animation:cardFloat 9s ease-in-out infinite}
.site-footer{padding:28px max(32px,calc((100vw - 1320px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#0d1a14;color:white}.brand--footer{font-size:21px}.footer-links{display:flex;gap:25px;font-size:12px;color:#888a83}.site-footer>p{justify-self:end;margin:0;font-size:11px;color:#65675f}

.demo-modal{width:min(520px,calc(100vw - 32px));border:0;border-radius:26px;padding:36px;background:#f3faf5;color:#171815;box-shadow:0 35px 120px rgba(0,0,0,.35)}.demo-modal::backdrop{background:rgba(5,18,19,.62);backdrop-filter:blur(10px)}.demo-modal h2{font-family:Manrope,sans-serif;font-size:45px;line-height:.95;letter-spacing:-.055em;font-weight:500;margin:0 0 18px}.demo-modal>p:not(.eyebrow){color:#65645d;line-height:1.55;margin-bottom:28px}.modal-close{position:absolute;right:18px;top:16px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:22px;cursor:pointer}.modal-icon{width:65px;height:65px;border-radius:50%;border:1px solid #222;margin-bottom:28px;display:grid;place-items:center}.modal-icon span{width:28px;height:28px;border-radius:50%;background:#8adcae;box-shadow:0 0 0 9px rgba(111,210,158,.14)}

.reveal { opacity:0; transform:translateY(34px); transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1); }
.reveal.is-visible { opacity:1; transform:none; }

@keyframes drift{to{transform:translate3d(45px,30px,0) scale(1.08)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@keyframes cardFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(-1deg)}}
@keyframes tubeFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(1deg)}}
@keyframes bubble{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.05)}}
@keyframes spin{to{transform:rotate(360deg)}}

@media (max-width: 1050px){
  :root{--shell:min(100% - 40px,900px)}
  .desktop-nav,.text-link{display:none}.site-header{grid-template-columns:1fr auto}.header-actions{grid-column:2}.menu-button{display:block}.mobile-menu{position:fixed;z-index:99;inset:0;display:flex;flex-direction:column;justify-content:center;padding:90px 30px 40px;background:rgba(12,38,27,.90);color:white;backdrop-filter:blur(30px);opacity:0;visibility:hidden;transition:.25s}.mobile-menu.is-open{opacity:1;visibility:visible}.mobile-menu a{padding:14px 0;font-family:Manrope,sans-serif;font-size:42px;letter-spacing:-.05em;border-bottom:1px solid rgba(255,255,255,.16)}
  .hero{padding-left:24px;padding-right:24px;grid-template-columns:1fr;align-items:start}.hero-copy{padding-top:25px;max-width:800px}.hero-visual{min-height:620px;height:620px;margin-top:-20px}.liquid-sculpture{width:min(700px,90vw);left:54%}.routing-card{right:6%;bottom:5%}.hero-bottom{margin-top:0}
  .statement-grid,.cycle-layout,.formula-top{grid-template-columns:1fr}.statement-grid{gap:50px}.feature-grid{grid-template-columns:repeat(2,1fr)}.section-heading{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.cycle-layout{gap:55px}.cycle-machine{min-height:560px}.formula-top{gap:35px}.docs-art{right:-25%;width:80vw;opacity:.72}.site-footer{grid-template-columns:1fr auto}.site-footer>p{display:none}
}

@media (max-width: 680px){
  :root{--shell:calc(100vw - 30px)}
  .cursor-glow{display:none}.site-header{top:10px;height:58px;width:calc(100vw - 20px);padding-left:14px}.brand{font-size:22px}.brand-mark{width:24px}.header-actions>.pill-button{display:none}
  .hero{padding:108px 16px 24px;min-height:100svh}.hero h1{font-size:clamp(52px,16vw,74px)}.hero-lead{font-size:15px;margin-top:24px}.eyebrow{margin-bottom:18px}.hero-actions{margin-top:28px}.pill-button--large{min-height:50px;padding:12px 18px;font-size:13px}.hero-visual{min-height:460px;height:460px;margin-top:10px}.liquid-sculpture{width:620px;left:56%;top:44%}.routing-card{width:270px;right:0;bottom:3%;padding:15px}.hero-bottom p{display:none}.hero-bottom{justify-content:flex-end}
  .statement,.feature-section,.cycle-section,.formula-section{padding:100px 0}.statement-title{font-size:64px}.statement-grid{margin-top:60px}.statement-copy{font-size:17px}.engine-console pre{padding:22px;font-size:12px}.engine-console i{margin-right:14px}
  .section-heading h2{font-size:54px}.feature-grid{grid-template-columns:1fr;margin-top:60px}.feature-card{min-height:345px}.feature-card h3{margin-top:95px}.metrics-section{padding-bottom:90px}.metric{padding:27px 18px}.metric strong{font-size:34px}.metric span{font-size:11px}
  .cycle-layout{margin-top:55px}.cycle-step{grid-template-columns:38px 1fr}.cycle-step strong{font-size:22px}.cycle-machine{min-height:440px;padding:18px}.machine-core{width:320px;height:320px}.machine-ring--one{width:300px;height:300px}.machine-ring--two{width:220px;height:220px}.machine-ring--three{width:145px;height:145px}.machine-foot{left:18px;right:18px;bottom:18px}.machine-foot span:first-child{display:none}
  .formula-board{margin-top:55px;border-radius:18px}.formula-header{display:block;padding:20px}.formula-header code{display:block;margin-top:10px;overflow:auto}.score-row{padding:0 18px;min-height:94px}.score-row strong{font-size:20px}.profile-card{grid-template-columns:1fr;gap:17px}.profile-card a{width:fit-content}.docs-section{min-height:750px}.docs-content h2{font-size:77px}.docs-content>p:not(.eyebrow){font-size:16px;max-width:90%}.docs-art{width:105vw;right:-58%;opacity:.6}.site-footer{grid-template-columns:1fr;padding:26px 16px;gap:20px}.footer-links{flex-wrap:wrap}.demo-modal{padding:28px}.demo-modal h2{font-size:38px}
}

@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}}

/* Light-green palette refinements */
.hero::after,
.cycle-section::before,
.docs-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(13, 71, 49, .22) 0%,
    rgba(13, 71, 49, .08) 42%,
    rgba(13, 71, 49, .02) 68%
  );
}
.hero-copy,
.hero-visual,
.hero-bottom,
.cycle-section .section-shell,
.docs-content {
  position: relative;
  z-index: 3;
}
.pill-button--light {
  background: rgba(245, 255, 249, .94);
}
.pill-button--light:hover {
  background: #ffffff;
}
.status-dot {
  background: #d8ffe7;
  box-shadow: 0 0 0 5px rgba(216, 255, 231, .16);
}
.site-header.is-dark {
  background: rgba(241, 250, 245, .82);
}