:root{
  --launch-bg:#f3efe7;
  --launch-paper:rgba(255,255,255,.82);
  --launch-paper-strong:#fffdf9;
  --launch-ink:#111318;
  --launch-muted:#5d616e;
  --launch-line:rgba(17,19,24,.1);
  --launch-line-strong:rgba(17,19,24,.18);
  --launch-accent:#1f7a73;
  --launch-accent-soft:#d7f4ef;
  --launch-warm:#f6d59b;
  --launch-display:"Instrument Serif", serif;
  --launch-body:"Plus Jakarta Sans", sans-serif;
  --launch-mono:"IBM Plex Mono", monospace;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 14% 18%, rgba(31,122,115,.1), transparent 24%),
    radial-gradient(circle at 86% 10%, rgba(246,213,155,.22), transparent 24%),
    linear-gradient(180deg, #f6f3ed 0%, var(--launch-bg) 100%);
  color:var(--launch-ink);
  font:400 16px/1.65 var(--launch-body);
}
a{color:inherit;text-decoration:none}
.launch-noise{
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:
    linear-gradient(rgba(17,19,24,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17,19,24,.04) 1px, transparent 1px);
  background-size:22px 22px;
  mask-image:radial-gradient(circle at center, black 40%, transparent 78%);
}
.launch-topbar,
.launch-shell{
  width:min(1180px, calc(100% - 32px));
  margin:0 auto;
}
.launch-topbar{
  position:sticky;
  top:16px;
  z-index:20;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-top:16px;
  padding:14px 18px;
  border:1px solid var(--launch-line);
  border-radius:999px;
  background:rgba(255,253,249,.84);
  backdrop-filter:blur(18px);
  box-shadow:0 20px 48px rgba(17,19,24,.07);
}
.launch-brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.launch-brand-mark{
  width:14px;
  height:14px;
  border-radius:999px;
  background:linear-gradient(135deg, var(--launch-accent), #58c9be);
  box-shadow:0 0 0 10px rgba(31,122,115,.08);
  flex:0 0 auto;
}
.launch-brand-copy{
  display:grid;
  gap:4px;
  min-width:0;
}
.launch-brand-copy strong{
  font:700 11px/1 var(--launch-mono);
  letter-spacing:.18em;
  text-transform:uppercase;
}
.launch-brand-copy small{
  color:var(--launch-muted);
  font-size:13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.launch-nav{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.launch-nav a{
  font:600 12px/1 var(--launch-mono);
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--launch-muted);
}
.launch-nav-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border-radius:999px;
  background:var(--launch-ink);
  color:#fbf8f2 !important;
}
.launch-shell{
  position:relative;
  z-index:1;
  padding:34px 0 92px;
}
.launch-hero{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(320px, .85fr);
  gap:18px;
  align-items:start;
}
.launch-hero-copy,
.launch-rail-card,
.launch-card,
.launch-flow-card,
.launch-final{
  border:1px solid var(--launch-line);
  border-radius:32px;
  background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.68));
  backdrop-filter:blur(14px);
  box-shadow:0 24px 72px rgba(17,19,24,.08);
}
.launch-hero-copy{
  padding:36px;
  display:grid;
  gap:18px;
}
.launch-eyebrow,
.launch-kicker{
  margin:0;
  font:600 11px/1 var(--launch-mono);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(17,19,24,.5);
}
.launch-hero-copy h1,
.launch-card h2,
.launch-flow-head h2,
.launch-final h2{
  margin:0;
  font:400 clamp(46px, 8vw, 88px)/.92 var(--launch-display);
  letter-spacing:-.05em;
  text-wrap:balance;
}
.launch-lede{
  margin:0;
  max-width:30rem;
  color:var(--launch-muted);
  font-size:clamp(18px, 2.2vw, 22px);
  line-height:1.48;
  text-wrap:balance;
}
.launch-hero-actions,
.launch-final-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}
.launch-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid var(--launch-line);
  font:700 12px/1 var(--launch-mono);
  letter-spacing:.12em;
  text-transform:uppercase;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.launch-button:hover,
.launch-nav-button:hover,
.auth-provider-button:hover{
  transform:translateY(-1px);
}
.launch-button-primary{
  background:var(--launch-ink);
  color:#fffaf3;
  border-color:transparent;
  box-shadow:0 18px 48px rgba(17,19,24,.16);
}
.launch-button-secondary{
  background:rgba(255,255,255,.72);
  color:var(--launch-ink);
}
.launch-button-link{
  border-color:transparent;
  background:transparent;
  color:var(--launch-muted);
}
.launch-hero-note{
  margin:0;
  color:var(--launch-muted);
  font-size:14px;
}
.launch-auth-stack{
  display:grid;
  gap:10px;
  padding-top:8px;
  border-top:1px solid var(--launch-line);
}
.launch-auth-stack p{
  margin:0;
  color:var(--launch-muted);
}
.launch-auth-row{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}
.launch-auth-row .auth-provider-button{
  min-height:58px;
  padding:12px 14px;
  border-radius:18px;
  border-color:var(--launch-line);
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.8));
  box-shadow:none;
  color:var(--launch-ink);
}
.launch-auth-row .auth-provider-copy strong{color:var(--launch-ink)}
.launch-auth-row .auth-provider-copy small{display:none}
.launch-auth-row .auth-provider-mark{
  background:rgba(17,19,24,.04);
  border-color:rgba(17,19,24,.06);
}
.launch-auth-row .auth-provider-mark-google-ring::after{
  background:#fffdfa;
  box-shadow:inset 8px 0 0 #fffdfa;
}
.launch-rail{
  display:grid;
  gap:12px;
}
.launch-rail-card{
  padding:24px;
}
.launch-rail-card-emphasis{
  background:linear-gradient(180deg, rgba(18,27,29,.96), rgba(18,27,29,.88));
  color:#eef8f6;
  border-color:rgba(255,255,255,.08);
}
.launch-rail-card-emphasis .launch-kicker{color:rgba(255,255,255,.54)}
.launch-steps,
.launch-bullets{
  display:grid;
  gap:12px;
  margin:16px 0 0;
  padding:0;
  list-style:none;
}
.launch-steps li,
.launch-bullets li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
  align-items:start;
}
.launch-steps strong{
  font:700 12px/1 var(--launch-mono);
  letter-spacing:.12em;
  color:var(--launch-warm);
}
.launch-bullets strong{
  font:700 12px/1.2 var(--launch-mono);
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--launch-ink);
}
.launch-bullets span{
  color:var(--launch-muted);
}
.launch-grid,
.launch-flow-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-top:18px;
}
.clawdio-segment-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:16px;
  margin-top:18px;
}
.clawdio-segment-card{
  display:grid;
  gap:10px;
  padding:22px;
  border:1px solid var(--launch-line);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.68));
  backdrop-filter:blur(14px);
  box-shadow:0 24px 72px rgba(17,19,24,.08);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.clawdio-segment-card:hover{
  transform:translateY(-2px);
  border-color:var(--launch-line-strong);
}
.clawdio-segment-kicker{
  margin:0;
  font:600 11px/1 var(--launch-mono);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(17,19,24,.5);
}
.clawdio-segment-card h3{
  margin:0;
  font:700 26px/1.04 var(--launch-body);
  letter-spacing:-.03em;
}
.clawdio-segment-card p{
  margin:0;
  color:var(--launch-muted);
}
.clawdio-segment-link{
  display:grid;
  gap:4px;
  margin-top:6px;
  font:700 11px/1.2 var(--launch-mono);
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--launch-accent);
}
.clawdio-segment-link small{
  font:500 10px/1.4 var(--launch-mono);
  letter-spacing:.02em;
  text-transform:none;
  color:rgba(17,19,24,.48);
}
.launch-card,
.launch-flow-card{
  padding:24px;
}
.launch-card h2{
  font-size:clamp(30px, 4vw, 42px);
  margin:8px 0 12px;
}
.launch-card p,
.launch-flow-card p,
.launch-final p{
  margin:0;
  color:var(--launch-muted);
}
.launch-flow{
  margin-top:18px;
  padding:10px 0 0;
}
.launch-flow-head{
  display:grid;
  gap:10px;
  max-width:44rem;
  margin-bottom:18px;
}
.launch-flow-head h2{
  font-size:clamp(34px, 5vw, 52px);
}
.launch-flow-card span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  min-height:42px;
  border-radius:14px;
  background:var(--launch-accent-soft);
  color:var(--launch-accent);
  font:700 11px/1 var(--launch-mono);
  letter-spacing:.14em;
}
.launch-flow-card h3{
  margin:16px 0 10px;
  font:700 24px/1.05 var(--launch-body);
  letter-spacing:-.03em;
}
.launch-proof-row{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.launch-proof-pill{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid var(--launch-line);
  background:rgba(255,255,255,.04);
  color:var(--launch-ink);
  font:600 9px/1 var(--launch-mono);
  letter-spacing:.06em;
  text-transform:uppercase;
}
.launch-advantage-grid,
.launch-plan-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}
.launch-advantage-card,
.launch-plan-card{
  border:1px solid var(--launch-line);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(10,14,20,.96), rgba(10,14,20,.88));
  box-shadow:0 24px 72px rgba(0,0,0,.28);
  padding:24px;
}
.launch-advantage-card h3,
.launch-plan-card h3{
  margin:8px 0 10px;
  font:700 26px/1.02 var(--launch-display);
  letter-spacing:-.03em;
  color:var(--launch-ink);
}
.launch-advantage-card p,
.launch-plan-card p,
.launch-plan-card li{
  color:var(--launch-muted);
}
.launch-plan-card{
  display:grid;
  gap:12px;
  align-content:start;
}
.launch-plan-card-recommended{
  border-color:rgba(141,245,108,.28);
  box-shadow:0 24px 72px rgba(103,217,78,.12);
}
.launch-plan-price{
  margin:0;
  font:700 clamp(34px, 4vw, 46px)/.95 var(--launch-display);
  color:var(--launch-ink);
  letter-spacing:-.04em;
}
.launch-plan-price small{
  margin-left:6px;
  font:600 13px/1 var(--launch-mono);
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--launch-muted);
}
.launch-plan-copy,
.launch-plan-best-fit{
  margin:0;
}
.launch-plan-inline{
  margin:0;
  color:var(--launch-muted);
  font-size:14px;
}
.launch-pricing-rule{
  margin:0;
  color:var(--launch-muted);
  font-size:15px;
}
.launch-pricing-rule strong{
  color:var(--launch-ink);
}
.launch-plan-meta{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
.launch-plan-meta li{
  padding-top:10px;
  border-top:1px solid var(--launch-line);
  font-size:14px;
}
.launch-plan-best-fit{
  font-size:13px;
}
.launch-final{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:20px;
  align-items:end;
  margin-top:18px;
  padding:28px;
}
[data-pretext-balance]{
  text-wrap:balance;
}
[data-pretext-balanced="true"]{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  max-width:100%;
  gap:.04em;
}
[data-pretext-balanced="true"] .pretext-line{
  display:block;
}

@media (max-width: 980px){
  .launch-hero,
  .launch-grid,
  .launch-flow-grid,
  .launch-advantage-grid,
  .launch-plan-grid,
  .launch-final{
    grid-template-columns:1fr;
  }
  .launch-auth-row{
    grid-template-columns:1fr;
  }
  .launch-rail{
    display:none;
  }
  .launch-topbar{
    border-radius:28px;
    align-items:flex-start;
  }
}

@media (max-width: 720px){
  .launch-topbar,
  .launch-shell{
    width:min(100% - 20px, 1180px);
  }
  .launch-topbar{
    position:static;
    margin-top:10px;
    padding:14px;
  }
  .launch-brand-copy small{
    display:none;
  }
  .launch-nav{
    width:100%;
    justify-content:flex-start;
  }
  .launch-nav a:not(.launch-nav-button):not([href="/pricing"]){
    display:none;
  }
  .launch-hero-copy,
  .launch-card,
  .launch-flow-card,
  .launch-advantage-card,
  .launch-plan-card,
  .launch-rail-card,
  .launch-final{
    padding:22px;
    border-radius:26px;
  }
  .launch-hero-copy h1{
    font-size:clamp(34px, 12vw, 52px);
  }
  .launch-card h2,
  .launch-flow-head h2,
  .launch-final h2{
    font-size:clamp(28px, 9vw, 42px);
  }
  .launch-auth-row{
    grid-template-columns:1fr;
  }
}

/* OpenClaw product-family theme */
:root{
  --launch-bg:#07090d;
  --launch-paper:rgba(10,14,20,.88);
  --launch-paper-strong:rgba(12,17,24,.96);
  --launch-ink:#eef2f7;
  --launch-muted:#a7b0be;
  --launch-line:rgba(148,163,184,.18);
  --launch-line-strong:rgba(148,163,184,.28);
  --launch-accent:#8df56c;
  --launch-accent-soft:rgba(141,245,108,.14);
  --launch-warm:#62c5ff;
  --launch-display:"IBM Plex Sans", sans-serif;
  --launch-body:"IBM Plex Sans", sans-serif;
}

body{
  background:
    radial-gradient(circle at 14% 18%, rgba(141,245,108,.08), transparent 24%),
    radial-gradient(circle at 86% 10%, rgba(98,197,255,.08), transparent 24%),
    linear-gradient(180deg, #05070a 0%, var(--launch-bg) 100%);
  color:var(--launch-ink);
}

.launch-noise{
  opacity:.28;
  background-image:
    linear-gradient(rgba(148,163,184,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,163,184,.06) 1px, transparent 1px);
}

.launch-topbar,
.launch-hero-copy,
.launch-rail-card,
.launch-card,
.launch-flow-card,
.launch-final{
  background:linear-gradient(180deg, rgba(10,14,20,.96), rgba(10,14,20,.88));
  border-color:var(--launch-line);
  box-shadow:0 24px 72px rgba(0,0,0,.28);
}

.launch-brand-mark{
  width:16px;
  height:16px;
  border-radius:4px;
  background:linear-gradient(135deg, var(--launch-accent), #67d94e);
  box-shadow:0 0 0 8px rgba(141,245,108,.08);
}

.launch-brand-copy strong,
.launch-card h2,
.launch-flow-head h2,
.launch-final h2,
.launch-hero-copy h1{
  font-family:var(--launch-display);
  color:var(--launch-ink);
}

.launch-brand-copy small,
.launch-nav a,
.launch-kicker,
.launch-eyebrow,
.launch-lede,
.launch-auth-stack p,
.launch-hero-note,
.launch-card p,
.launch-bullets li,
.launch-steps li,
.launch-final p{
  color:var(--launch-muted);
}

.launch-nav-button,
.launch-button-primary{
  background:linear-gradient(135deg, var(--launch-accent), #67d94e);
  color:#081109 !important;
  border-color:transparent;
  box-shadow:0 18px 48px rgba(141,245,108,.2);
}

.launch-button-secondary{
  background:rgba(14,19,26,.92);
  color:var(--launch-ink);
}

.launch-button-link{
  color:var(--launch-muted);
}

.launch-auth-row .auth-provider-button{
  background:linear-gradient(180deg, rgba(12,17,24,.98), rgba(12,17,24,.9));
  border-color:var(--launch-line);
  color:var(--launch-ink);
}

.launch-auth-row .auth-provider-copy strong{
  color:var(--launch-ink);
}

.launch-auth-row .auth-provider-copy small{
  color:var(--launch-muted);
}

.launch-auth-row .auth-provider-mark{
  background:rgba(141,245,108,.08);
  border-color:var(--launch-line);
}

.launch-auth-row .auth-provider-mark-google-ring::after{
  background:#0b0f14;
  box-shadow:inset 8px 0 0 #0b0f14;
}

.launch-rail-card-emphasis{
  background:linear-gradient(180deg, rgba(12,17,24,.98), rgba(12,17,24,.92));
  border-color:rgba(141,245,108,.2);
}

.launch-rail-card-emphasis .launch-kicker{
  color:rgba(167,176,190,.82);
}
.clawdio-segment-card{
  background:linear-gradient(180deg, rgba(10,14,20,.96), rgba(10,14,20,.88));
  border-color:var(--launch-line);
  box-shadow:0 24px 72px rgba(0,0,0,.28);
}
.clawdio-segment-kicker,
.clawdio-segment-card p{
  color:var(--launch-muted);
}
.clawdio-segment-card h3{
  color:var(--launch-ink);
  font-family:var(--launch-display);
}
.clawdio-segment-link{
  color:var(--launch-accent);
}
.clawdio-segment-link small{
  color:rgba(167,176,190,.62);
}

.launch-pill{
  background:var(--launch-accent-soft);
  color:var(--launch-accent);
}