@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800&family=Fraunces:opsz,wght@9..144,600;9..144,800&family=IBM+Plex+Mono:wght@500;600;700&family=Manrope:wght@500;700;800&display=swap');

:root{
  --sand:#e9d0a4; --sand-2:#f6e6c8; --dune:#b88d57; --ink:#21170f; --char:#392714;
  --brass:#b78336; --brass-2:#f0c878; --water:#48d8f0; --water-2:#166d8e; --glass:rgba(236,252,255,.56);
  --night:#0e191d; --heat:#e56025; --red:#a74323; --line:rgba(57,39,20,.22); --white:#fff9ed;
  --shadow:0 28px 80px rgba(35,22,10,.22); --radius:28px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);font-family:'Manrope',serif;background:var(--sand-2);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.95),transparent 22%),radial-gradient(circle at 82% 20%,rgba(72,216,240,.24),transparent 20%),linear-gradient(135deg,var(--sand-2),var(--sand) 48%,#c99d63)}
body:after{content:"";position:fixed;inset:-40px;z-index:-2;opacity:.22;pointer-events:none;background:repeating-radial-gradient(ellipse at 50% 30%, transparent 0 26px, rgba(57,39,20,.55) 27px 29px, transparent 30px 54px);filter:url(#heat)}
a{color:inherit;text-decoration:none} img{max-width:100%}.topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:rgba(246,230,200,.76);border-bottom:1px solid var(--line)}
.nav{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 22px}.brandmark{display:flex;gap:12px;align-items:center;font-family:'Cinzel';font-weight:800;letter-spacing:.08em}.brandmark img{width:38px;height:38px;border-radius:50%;box-shadow:0 0 0 2px rgba(33,23,15,.22)}.brandmark span{font-size:20px}.navlinks{display:flex;gap:8px;flex-wrap:wrap}.navlinks a{font:700 12px 'IBM Plex Mono';letter-spacing:.08em;text-transform:uppercase;padding:10px 12px;border:1px solid transparent;border-radius:999px}.navlinks a:hover,.navlinks a.active{border-color:rgba(33,23,15,.25);background:rgba(255,249,237,.55)}
main{max-width:1180px;margin:0 auto;padding:38px 22px 70px}.eyebrow{font:700 12px 'IBM Plex Mono';letter-spacing:.18em;text-transform:uppercase;color:var(--water-2)}h1,h2,h3{font-family:'Fraunces',serif;margin:0;color:var(--ink)}h1{font-size:clamp(54px,9vw,126px);line-height:.84;letter-spacing:-.07em}h2{font-size:clamp(36px,5vw,72px);line-height:.9;letter-spacing:-.055em}h3{font-size:28px;letter-spacing:-.035em}.lead{font-size:clamp(18px,2.1vw,26px);line-height:1.38;color:#46321c}.small{font:600 13px/1.55 'IBM Plex Mono';color:#604728}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:28px;align-items:stretch;min-height:660px}.hero-copy{padding:56px 0 22px}.hero-copy .lead{max-width:660px}.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:14px 18px;font:800 12px 'IBM Plex Mono';letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(33,23,15,.28);background:var(--ink);color:var(--white);box-shadow:0 14px 30px rgba(33,23,15,.22)}.btn.alt{background:rgba(255,249,237,.42);color:var(--ink)}
.map-stage{position:relative;border:1px solid rgba(33,23,15,.25);border-radius:38px;overflow:hidden;background:linear-gradient(145deg,#deb877,#f6deb0 55%,#c39056);min-height:630px;box-shadow:var(--shadow);isolation:isolate}.map-stage:before{content:"";position:absolute;inset:-60px;opacity:.62;background:repeating-radial-gradient(ellipse at 45% 50%, transparent 0 29px, rgba(67,43,20,.5) 31px 33px, transparent 35px 60px);animation:drift 18s linear infinite}.map-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 55% 45%,rgba(72,216,240,.62),rgba(72,216,240,.12) 12%,transparent 26%),radial-gradient(circle at 55% 45%,transparent 0 18%,rgba(229,96,37,.32) 19%,transparent 35%);mix-blend-mode:multiply}.sun{position:absolute;right:40px;top:38px;width:118px;height:118px;border-radius:50%;background:radial-gradient(circle,#fff9dc,#e9a447 65%,rgba(229,96,37,.18));box-shadow:0 0 80px rgba(229,96,37,.6);z-index:2}.oasis{position:absolute;left:45%;top:40%;z-index:4;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#83eeff 23%,#139dc2 58%,#07516f);box-shadow:0 0 0 18px rgba(72,216,240,.14),0 0 70px rgba(72,216,240,.8);animation:pulse 3.5s ease-in-out infinite}.crack{position:absolute;background:#6c351f;height:4px;border-radius:8px;z-index:3;transform-origin:left}.c1{width:220px;left:31%;top:45%;transform:rotate(22deg)}.c2{width:175px;left:55%;top:50%;transform:rotate(-33deg)}.c3{width:145px;left:48%;top:35%;transform:rotate(-78deg)}.instrument{position:absolute;left:34px;bottom:32px;right:34px;z-index:5;display:grid;grid-template-columns:1fr 1fr;gap:12px}.dial,.glass-card{border:1px solid rgba(255,255,255,.48);background:linear-gradient(135deg,rgba(255,249,237,.64),rgba(236,252,255,.36));backdrop-filter:blur(15px);border-radius:24px;padding:18px;box-shadow:0 12px 36px rgba(33,23,15,.16)}.dial b{display:block;font:700 13px 'IBM Plex Mono';letter-spacing:.12em;color:var(--char)}.meter{height:12px;border-radius:999px;background:rgba(33,23,15,.18);margin-top:12px;overflow:hidden}.meter span{display:block;height:100%;width:78%;background:linear-gradient(90deg,var(--brass),var(--heat),var(--water));border-radius:999px;animation:meter 5s ease-in-out infinite}.grid{display:grid;gap:18px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.section{margin-top:80px}.panel{border:1px solid rgba(33,23,15,.2);border-radius:var(--radius);padding:26px;background:rgba(255,249,237,.46);box-shadow:0 16px 50px rgba(33,23,15,.10)}.dark{background:linear-gradient(140deg,var(--night),#172b31);color:#eafaff}.dark h2,.dark h3{color:#fff}.dark .small,.dark .lead{color:#c1dadd}.route{position:relative;padding-left:28px}.route:before{content:"";position:absolute;left:8px;top:6px;bottom:6px;border-left:2px dashed rgba(33,23,15,.32)}.step{position:relative;margin:0 0 18px;padding:18px 18px 18px 22px;border-radius:22px;background:rgba(255,249,237,.44);border:1px solid rgba(33,23,15,.14)}.step:before{content:"";position:absolute;left:-26px;top:24px;width:15px;height:15px;border-radius:50%;background:var(--water);box-shadow:0 0 0 7px rgba(72,216,240,.18)}.canister{min-height:520px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 12%,rgba(72,216,240,.36),transparent 30%),linear-gradient(160deg,#13262b,#071013);border-radius:34px;padding:28px;color:#eafaff}.canister h3{color:#fff}.tube{width:158px;height:300px;margin:28px auto;border-radius:52px;background:linear-gradient(90deg,rgba(255,255,255,.8),rgba(72,216,240,.26) 24%,rgba(13,90,115,.7) 58%,rgba(255,255,255,.54));border:3px solid rgba(255,255,255,.62);box-shadow:inset 18px 0 28px rgba(255,255,255,.4),0 24px 60px rgba(72,216,240,.2);position:relative}.tube:before{content:"Q-0719";position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) rotate(90deg);font:800 28px 'IBM Plex Mono';letter-spacing:.15em;color:#dffcff}.cap{height:38px;width:110px;background:linear-gradient(90deg,var(--brass),var(--brass-2),var(--brass));border-radius:16px;margin:0 auto}.spec-list{display:grid;gap:10px}.spec-list div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:10px;font:600 13px 'IBM Plex Mono'}.brass{background:linear-gradient(135deg,rgba(183,131,54,.24),rgba(255,249,237,.55))}.stat{font:800 42px 'Fraunces';letter-spacing:-.05em}.map-console{min-height:580px;border-radius:34px;position:relative;overflow:hidden;background:#102024;color:#eafaff;border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow)}.map-console .topo{position:absolute;inset:-80px;background:repeating-radial-gradient(ellipse at 54% 46%,transparent 0 22px,rgba(72,216,240,.24) 24px 26px,transparent 28px 48px);animation:drift 26s linear infinite}.pin{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--water);box-shadow:0 0 0 12px rgba(72,216,240,.16),0 0 42px var(--water)}.p1{left:25%;top:34%}.p2{left:67%;top:52%;background:var(--heat)}.p3{left:48%;top:70%;background:var(--brass-2)}.console-card{position:absolute;left:28px;bottom:28px;right:28px;padding:22px;border-radius:24px;background:rgba(7,16,19,.76);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px)}.whitepaper{font-size:18px;line-height:1.7}.whitepaper h2{margin-top:36px}.footer{border-top:1px solid var(--line);padding:34px 22px 50px;color:#5d4526}.footer-inner{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}
@keyframes drift{to{transform:translate3d(40px,25px,0)}}@keyframes pulse{50%{transform:scale(1.07);box-shadow:0 0 0 28px rgba(72,216,240,.10),0 0 95px rgba(72,216,240,.9)}}@keyframes meter{0%,100%{width:68%}50%{width:91%}}
@media(max-width:860px){.hero,.two,.three{grid-template-columns:1fr}.hero{min-height:auto}.map-stage{min-height:520px}.nav{align-items:flex-start}.navlinks{justify-content:flex-end}.instrument{grid-template-columns:1fr}.stat{font-size:34px}}