:root{
  --ink:#07121e;
  --ink-2:#0b1b2c;
  --blue:#1fb7ef;
  --cyan:#69d6ff;
  --paper:#f5f7f8;
  --white:#fff;
  --line:rgba(7,18,30,.14);
  --muted:#68788a;
  --green:#25d68a;
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:var(--paper);
  font-family:"DM Sans",system-ui,sans-serif;
  overflow-x:hidden;
}
.noise{
  position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.035;
  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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}
a{color:inherit;text-decoration:none}
button{font:inherit}
.topbar{
  height:72px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;
  position:sticky;top:0;z-index:50;background:rgba(245,247,248,.9);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--line)
}
.brand{display:flex;gap:13px;align-items:center;font:800 18px "Manrope",sans-serif;letter-spacing:-.02em}
.mark{width:38px;height:27px;position:relative;display:inline-block}
.mark i{position:absolute;top:1px;width:8px;height:25px;background:var(--blue);transform:skew(-20deg);border-radius:1px}
.mark i:nth-child(1){left:2px}.mark i:nth-child(2){left:14px;height:19px;top:7px}.mark i:nth-child(3){left:26px}
.nav{display:flex;gap:34px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.nav a{opacity:.72;transition:.2s}.nav a:hover{opacity:1;color:#078ac4}
.nav-cta,.btn{border:0;cursor:pointer;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.nav-cta{background:var(--ink);color:white;padding:12px 18px;border-radius:7px;font-size:11px}
.hero{
  min-height:760px;display:grid;grid-template-columns:44% 56%;background:var(--ink);color:white;
}
.hero-copy{padding:10vw 5vw 6vw 7vw;display:flex;flex-direction:column;justify-content:center}
.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}
.eyebrow{color:#71d9ff;display:flex;align-items:center;gap:9px}
.dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px rgba(37,214,138,.09)}
h1,h2,h3{font-family:"Manrope",sans-serif;margin:0}
h1{font-size:clamp(78px,9.5vw,166px);line-height:.78;letter-spacing:-.075em;margin:28px 0 34px}
.lead{max-width:650px;font-size:20px;line-height:1.55;color:#b9c6d3;margin:0}
.hero-actions{display:flex;gap:12px;margin:38px 0 48px;flex-wrap:wrap}
.btn{padding:16px 22px;border-radius:8px;font-size:11px}
.btn.primary{background:var(--blue);color:#04101a}
.btn.ghost{background:transparent;color:#eef8ff;border:1px solid rgba(255,255,255,.23)}
.btn span{margin-left:20px}
.micro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.13)}
.micro-grid>div{padding:18px;background:#091724}
.micro-grid small{display:block;color:#6f8295;font-size:10px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px}
.micro-grid strong{font-size:13px}
.hero-media{position:relative;min-height:760px;overflow:hidden;background:#0b1c2f}
.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,18,30,.28),transparent 35%,rgba(7,18,30,.15))}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.terminal{
  position:absolute;right:28px;top:30px;z-index:2;background:rgba(4,14,24,.82);
  backdrop-filter:blur(10px);width:230px;border:1px solid rgba(255,255,255,.15);padding:7px
}
.term-row{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid rgba(255,255,255,.08);font:700 11px "Manrope"}
.term-row:last-child{border:0}.term-row b{color:var(--green)}
.caption{position:absolute;right:30px;bottom:28px;z-index:2;text-align:right;font:700 12px/1.5 "Manrope";letter-spacing:.14em}
.ticker{height:48px;background:var(--blue);overflow:hidden;display:flex;align-items:center}
.ticker-track{white-space:nowrap;display:inline-flex;gap:54px;animation:marquee 24s linear infinite;font:800 11px "Manrope";letter-spacing:.1em}
.ticker-track b{color:#00663d}
@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:110px 7vw}
.section-kicker{color:#5a6c7d;margin-bottom:30px}
.section-kicker.light{color:#6dcff4}
.thesis-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end}
.thesis h2,.pool-copy h2,.roadmap h2,.closing h2{font-size:clamp(42px,5vw,76px);line-height:1.02;letter-spacing:-.055em}
.thesis h2 span{color:var(--blue)}
.thesis-copy{font-size:18px;line-height:1.65;max-width:620px}
.muted{color:var(--muted)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.metrics article{padding:44px 4vw;border-right:1px solid var(--line)}
.metrics article:last-child{border-right:0}
.metric-num{display:block;font:800 clamp(42px,5vw,76px) "Manrope";letter-spacing:-.06em}
.metrics p{margin:8px 0 0;color:var(--muted);font-size:13px}
.pool-section{padding:34px;background:#dce7ed}
.pool-card{
  min-height:670px;background:#071827;color:white;border-radius:var(--radius);overflow:hidden;
  display:grid;grid-template-columns:46% 54%;
}
.pool-copy{padding:7vw;display:flex;flex-direction:column;justify-content:center}
.pool-copy p{color:#9fb3c4;line-height:1.65;font-size:17px;max-width:560px}
.pool-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.pool-tags span{font-size:10px;font-weight:800;letter-spacing:.12em;border:1px solid rgba(255,255,255,.16);padding:9px 11px;border-radius:100px}
.pool-visual{
  position:relative;overflow:hidden;
  background:radial-gradient(circle at 55% 45%,#2fd6ff 0,#0ca5d8 34%,#04628b 70%,#07324b 100%);
}
.water-lines{position:absolute;inset:0;opacity:.22;transform:skewY(-8deg) scale(1.2)}
.water-lines i{display:block;height:13%;border-bottom:2px solid white}
.lane{position:absolute;left:-10%;right:-10%;height:14px;background:repeating-linear-gradient(90deg,#fff 0 34px,#0d79a8 34px 68px);border-radius:40px;box-shadow:0 6px 12px rgba(0,0,0,.15)}
.lane-a{top:25%;transform:rotate(-8deg)}.lane-b{top:50%;transform:rotate(-8deg)}.lane-c{top:75%;transform:rotate(-8deg)}
.duck-orbit{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:220px;height:220px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.6);box-shadow:0 0 0 28px rgba(255,255,255,.08),0 0 0 58px rgba(255,255,255,.045);
  font:800 29px "Manrope";letter-spacing:-.04em;background:rgba(4,68,100,.38);backdrop-filter:blur(5px)
}
.framework-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.framework article{padding:34px;border:1px solid var(--line);background:white;min-height:280px}
.framework article>span{font:800 11px "Manrope";color:var(--blue)}
.framework h3{font-size:30px;margin:60px 0 12px}
.framework p{color:var(--muted);line-height:1.6;margin:0}
.roadmap{background:var(--ink);color:white;padding:105px 7vw}
.roadmap-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:56px}
.roadmap-list{border-top:1px solid rgba(255,255,255,.16)}
.roadmap-list>div{display:grid;grid-template-columns:85px 1fr auto;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.roadmap-list b{font-size:12px;color:#67d5ff}.roadmap-list span{font:600 19px "Manrope"}.roadmap-list em{font-style:normal;font-size:10px;letter-spacing:.12em;color:#8497a9}
.closing{text-align:center;padding:130px 7vw 110px;background:white}
.closing h2{margin:18px 0 32px}
.btn.big{padding:18px 26px;font-size:12px}
.disclaimer{color:#80909f;font-size:11px;margin-top:30px}
footer{padding:28px 5vw;display:flex;justify-content:space-between;align-items:center;background:#eaf0f3;border-top:1px solid var(--line);font-size:11px;color:#637587}
footer .brand{color:var(--ink);font-size:15px}
.toast{
  position:fixed;left:50%;bottom:28px;z-index:100;transform:translate(-50%,120px);
  background:#081522;color:white;padding:13px 18px;border-radius:7px;font-size:12px;box-shadow:0 10px 40px rgba(0,0,0,.18);
  transition:.3s cubic-bezier(.2,.8,.2,1)
}
.toast.show{transform:translate(-50%,0)}
@media (max-width:980px){
  .nav{display:none}
  .hero{grid-template-columns:1fr}
  .hero-copy{padding:100px 7vw 70px}
  .hero-media{min-height:620px}
  .thesis-grid,.pool-card{grid-template-columns:1fr}
  .pool-visual{min-height:480px}
  .metrics{grid-template-columns:repeat(2,1fr)}
  .metrics article:nth-child(2){border-right:0}
  .metrics article:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .framework-grid{grid-template-columns:1fr}
}
@media (max-width:600px){
  .topbar{height:64px;padding:0 20px}
  .hero-copy{padding:76px 22px 48px}
  h1{font-size:76px}
  .lead{font-size:17px}
  .micro-grid{grid-template-columns:1fr}
  .hero-media{min-height:520px}
  .terminal{width:190px;right:15px;top:15px}
  .caption{right:15px;bottom:18px}
  .section{padding:82px 22px}
  .metrics{grid-template-columns:1fr}
  .metrics article{border-right:0;border-bottom:1px solid var(--line)!important;padding:30px 22px}
  .pool-section{padding:12px}
  .pool-copy{padding:70px 28px}
  .pool-visual{min-height:420px}
  .roadmap{padding:80px 22px}
  .roadmap-head{display:block}
  .roadmap-list>div{grid-template-columns:52px 1fr}.roadmap-list em{display:none}
  footer{gap:18px;flex-direction:column;text-align:center}
}

/* v2 refinements */
.brand-word{color:var(--ink)}
.brand-q{color:var(--blue)}
.hero .brand-word{color:#fff}
footer .brand-word{color:var(--ink)}
.pool-photo{position:relative;background:#087fae;min-height:100%}
.pool-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.pool-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,33,52,.12),transparent 35%,rgba(0,44,71,.04));pointer-events:none}
.pool-script{position:absolute;right:6%;bottom:7%;z-index:2;color:white;text-align:right;font:600 italic 24px/1.05 "DM Sans",sans-serif;transform:rotate(-5deg);text-shadow:0 2px 12px rgba(0,0,0,.35)}
.pool-script span{font-size:31px}
@media(max-width:980px){.pool-photo{min-height:520px}}
@media(max-width:600px){.pool-photo{min-height:390px}.pool-script{font-size:18px}.pool-script span{font-size:23px}}

/* v3 — minimalist duck identity */
.duck-logo{
  width:40px;
  height:32px;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
}
.duck-head{
  position:relative;
  width:31px;
  height:25px;
  background:var(--blue);
  border-radius:52% 52% 46% 46%;
  display:block;
}
.duck-head:before{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  left:2px;
  top:1px;
  background:var(--blue);
  border-radius:8px 8px 2px 8px;
  transform:rotate(-23deg);
}
.duck-eye{
  position:absolute;
  width:3.5px;
  height:3.5px;
  top:8px;
  background:#07121e;
  border-radius:50%;
  z-index:2;
}
.duck-eye-left{ left:8px; }
.duck-eye-right{ right:8px; }
.duck-beak{
  position:absolute;
  left:50%;
  bottom:4px;
  transform:translateX(-50%);
  width:12px;
  height:5px;
  background:#dff6ff;
  border-radius:60% 60% 50% 50%;
}
.duck-beak:after{
  content:"";
  position:absolute;
  left:2px;
  right:2px;
  top:2px;
  height:1px;
  background:rgba(7,18,30,.45);
  border-radius:10px;
}
.topbar .duck-head,
footer .duck-head{ box-shadow:0 0 0 1px rgba(7,18,30,.03); }

.nav-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

/* v4 — supplied duck logo */
.duck-logo{
  width:48px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.duck-logo img{
  display:block;
  width:46px;
  height:46px;
  object-fit:contain;
}
.duck-logo .duck-head{display:none!important}
@media(max-width:600px){
  .duck-logo{width:42px;height:34px}
  .duck-logo img{width:40px;height:40px}
}