
@font-face{font-family:InterVar;font-style:normal;font-weight:100 900;font-display:swap;
  src:url("/assets/fonts/InterVariable.woff2") format("woff2")}
@font-face{font-family:InterVar;font-style:italic;font-weight:100 900;font-display:swap;
  src:url("/assets/fonts/InterVariable-Italic.woff2") format("woff2")}
:root{
  color-scheme: dark;
  --bg:#14152A;
  --field:#121326;
  --band:#181930;
  --surface:#1D1F3A;
  --surface-2:#222442;
  --chip:#252747;
  --ink:#E7E7F2;
  --mut:#9A9DC0;
  --slate:#8A8FC4;
  --amber:#F2A93B;
  --amber-soft:#F7BE63;
  --amber-tint:rgba(242,169,59,.16);
  --on-amber:#14152A;
  --on-ink:#14161C;
  --mint:#6FD6A8;
  --mint-tint:rgba(111,214,168,.14);
  --line:rgba(231,231,242,.10);
  --line-strong:rgba(231,231,242,.20);
  --ink-dim:rgba(231,231,242,.74);
  --ink-faint:rgba(231,231,242,.55);
  --hover:rgba(231,231,242,.05);
  --shadow-sm:0 1px 2px rgba(0,0,0,.28);
  --shadow:0 1px 2px rgba(0,0,0,.24), 0 .5rem 1.5rem rgba(0,0,0,.26);
  --shadow-lg:0 2px 6px rgba(0,0,0,.30), 0 1.5rem 3rem rgba(0,0,0,.40);
  --shadow-xl:0 4px 10px rgba(0,0,0,.34), 0 2.5rem 5rem rgba(0,0,0,.50);
  --blur-chrome:blur(1.5rem) saturate(180%);
  --radius-sm:.75rem;
  --radius:1.25rem;
  --radius-lg:1.75rem;
  --frame:#181930;
  --frame-2:#1A1B34;
  --frame-3:#1D1F3A;
  --font-ui:InterVar,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
  --font-feat:"cv11" 1,"ss03" 1;
}
body,button,input,select,textarea{
  font-family:var(--font-ui);
  font-feature-settings:var(--font-feat);
  font-optical-sizing:auto;
}
.u-display,h1{
  font-size:clamp(2.5rem,5.4vw,4.75rem);
  line-height:1.04;
  letter-spacing:-.022em;
  font-weight:500;
}
.u-title,h2,.price,.stat-figure{
  font-size:clamp(2rem,2.8vw,2.5rem);
  line-height:1.08;
  letter-spacing:-.022em;
  font-weight:500;
}
.u-heading,h3,h4,.tier-name,.pull,.faq summary{
  font-size:1.25rem;
  line-height:1.25;
  letter-spacing:-.011em;
  font-weight:450;
}
.u-body,body{
  font-size:1rem;
  line-height:1.55;
  letter-spacing:0;
  font-weight:400;
}
.u-caption,.hint,.form-fine,.stats-caption,.annual-note{
  font-size:.875rem;
  line-height:1.45;
  letter-spacing:.006em;
  font-weight:450;
}
.u-label,.eyebrow,.stat-label,.tier-flag,.notice-label,.mock-badge,.mock-panel h4,.creds dt{
  font-size:.8125rem;
  line-height:1.35;
  letter-spacing:.005em;
  font-weight:560;
}
h1,h2{margin:0 0 .45em;text-wrap:balance;color:var(--ink)}
h3,h4{margin:0 0 .5em;color:var(--ink)}
.num,.price,.stat-figure,.creds,.mock-slider,.processors,table{font-variant-numeric:tabular-nums}
h1:has(> .accent),h2:has(> .accent),h3:has(> .accent){color:var(--ink-dim)}
.accent{
  font-style:normal;
  font-weight:inherit;
  letter-spacing:inherit;
  color:var(--ink);
}
.brand{font-weight:450}
h1 .brand,h2 .brand,h3 .brand{font-weight:inherit;letter-spacing:inherit}
*,*::before,*::after{box-sizing:border-box}
html{
  scroll-behavior:smooth;
  background:var(--bg);
  -webkit-text-size-adjust:100%;
}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  position:relative;
  isolation:isolate;
}
.pr-ground{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-1;
  display:block;
  pointer-events:none;
}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
a{color:var(--amber);text-decoration-color:rgba(242,169,59,.5);text-underline-offset:.1875rem}
a:hover{color:var(--amber-soft)}
ul{margin:0;padding:0}
img,svg{max-width:100%;height:auto}
code{
  font-family:var(--mono);
  font-size:.9em;
  background:var(--chip);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  padding:.125rem .4375rem;
  color:var(--ink)
}
:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:.25rem}
.skip-link{
  position:absolute;
  left:.75rem;
  top:-6rem;
  z-index:100;
  background:var(--surface);
  color:var(--ink);
  border:1px solid var(--line-strong);
  padding:.625rem 1.125rem;
  border-radius:999px;
}
.skip-link:focus{top:.75rem}
.container{
  width:100%;
  max-width:96rem;
  margin-inline:auto;
  padding-inline:1.25rem;
}
.sheet{display:block}
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  padding:.875rem 0;
  color:var(--ink);
  --edge:1;
}
html.has-js .site-header{--edge:1}
.site-header::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:var(--edge,1);
  will-change:opacity;
  background:rgba(20,21,42,.94);
  -webkit-backdrop-filter:var(--blur-chrome);
  backdrop-filter:var(--blur-chrome);
}
.site-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  height:1.5rem;
  z-index:-1;
  pointer-events:none;
  opacity:var(--edge,0);
  will-change:opacity;
  background:linear-gradient(to bottom,rgba(20,21,42,.55),rgba(20,21,42,0));
}
.header-inner{
  display:flex;
  align-items:baseline;
  gap:1.75rem;
  position:relative;
}
.brand-lockup{
  display:inline-flex;
  align-items:baseline;
  gap:.625rem;
  color:var(--ink);
  text-decoration:none;
  font-size:1rem;
  line-height:1.55;
  letter-spacing:0;
  font-weight:450;
  flex:none;
}
.brand-lockup:hover{color:var(--ink)}
.brand-mark{flex:none;color:var(--slate);align-self:center;--logo-node:currentColor}
.site-menu{display:contents}
.site-nav a[href="index.html"]{display:none}
.site-nav{display:flex;align-items:baseline;gap:.25rem;flex-wrap:wrap;margin-inline:auto}
.site-nav a{
  color:var(--ink-dim);
  text-decoration:none;
  font-size:.875rem;
  line-height:1.45;
  letter-spacing:.006em;
  font-weight:400;
  padding:.4375rem .75rem;
  border-radius:999px;
  transform-origin:center;
}
.site-nav a:hover{color:var(--ink);background:var(--hover)}
.site-nav a[aria-current="page"]{color:var(--ink);background:var(--hover)}
.header-actions{display:flex;gap:.625rem;align-items:center;align-self:center;flex:none}
.nav-toggle{
  display:none;
  margin-left:auto;
  flex:none;
  align-items:center;
  justify-content:center;
  width:2.75rem;
  height:2.75rem;
  padding:0;
  border:1px solid var(--line-strong);
  border-radius:999px;
  background:var(--hover);
  color:var(--ink);
  cursor:pointer;
  transform-origin:center;
}
.nav-toggle-bars{display:block;width:1.0625rem;height:.625rem;position:relative}
.nav-toggle-bars i{
  position:absolute;
  left:0;
  right:0;
  height:1.5px;
  border-radius:999px;
  background:currentColor;
}
.nav-toggle-bars i:first-child{top:0}
.nav-toggle-bars i:last-child{bottom:0}
.nav-toggle[aria-expanded="true"]{border-color:var(--ink-faint);color:var(--ink)}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  border:1px solid transparent;
  border-radius:999px;
  padding:.5625rem 1.25rem;
  font-size:.875rem;
  line-height:1.2;
  letter-spacing:.006em;
  font-weight:450;
  text-decoration:none;
  cursor:pointer;
  white-space:nowrap;
  transform-origin:center;
  transition:background-color 140ms ease,color 140ms ease,border-color 140ms ease;
}
.btn-lg{padding:.875rem 1.75rem;font-size:1rem;letter-spacing:0}
.btn-amber{background:var(--amber);color:var(--on-amber)}
.btn-amber:hover{background:var(--amber-soft);color:var(--on-amber)}
.site-header .btn-amber{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.site-header .btn-amber:hover{background:var(--hover);color:var(--ink);border-color:var(--ink-faint)}
.site-header .header-actions .btn-ghost{
  border-color:transparent;
  background:transparent;
  color:var(--ink-dim);
  font-weight:400;
  padding-inline:.5rem;
}
.site-header .header-actions .btn{font-weight:400}
.site-header .header-actions .btn-ghost:hover{border-color:transparent;background:transparent;color:var(--ink)}
.btn-ghost{border-color:var(--line-strong);color:var(--ink);background:transparent}
.btn-ghost:hover{border-color:var(--ink-faint);background:var(--hover);color:var(--ink)}
.eyebrow{
  display:block;
  color:var(--mut);
  margin-bottom:1.5rem;
}
.hero{
  position:relative;
  padding:8.5rem 0;
}
.hero-inner{position:relative}
.hero h1{
  margin:0 0 .3em;
  max-width:11em;
  text-wrap:wrap;
}
.hero-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:2.5rem 5rem;
  align-items:baseline;
}
.hero-sub{
  font-size:1.25rem;
  line-height:1.5;
  letter-spacing:-.011em;
  color:var(--ink-faint);
  max-width:28rem;
  text-wrap:balance;
  hyphens:none;
  margin:0 0 2.25rem;
}
.hero-sub .nb{white-space:nowrap}
.hero-cta{display:flex;gap:.875rem;flex-wrap:wrap}
.hero-note{
  margin:0;
  color:var(--mut);
  white-space:nowrap;
  justify-self:end;
}
.hero-note-tag{
  font-size:.75rem;
  line-height:1.3;
  letter-spacing:.08em;
  font-weight:450;
    color:var(--ink-faint);
  margin-right:.5rem;
}
.app-frame{position:relative;margin:4rem 0 0}
.frame{
  border-radius:var(--radius-lg);
  overflow:hidden;
  border:1px solid var(--line-strong);
  background:transparent;
  box-shadow:var(--shadow-xl);
}
.frame-view{position:relative;aspect-ratio:5 / 3;background:var(--frame)}
.sketch{position:absolute;inset:0;display:grid;grid-template-columns:15rem 1fr}
.sk-side{
  background:var(--frame-2);
  padding:1.75rem 1.125rem;
  display:flex;
  flex-direction:column;
  gap:.125rem;
}
.sk-brand{
  color:var(--ink);
  font-weight:450;
  padding:0 .625rem;
  margin-bottom:1.5rem;
}
.sk-label{
  color:var(--mut);
  font-size:.75rem;
  line-height:1.3;
  letter-spacing:.08em;
  font-weight:450;
    padding:0 .625rem;
  margin:1.5rem 0 .5rem;
}
.sk-item{
  color:var(--mut);
  font-size:.875rem;
  line-height:1.45;
  letter-spacing:.006em;
  font-weight:450;
  padding:.5rem .625rem;
  border-radius:var(--radius-sm);
}
.sk-item.on{background:var(--hover);color:var(--ink)}
.sk-main{
  padding:1.75rem;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  grid-template-rows:auto auto 1fr;
  gap:1rem;
  min-height:0;
}
.sk-head{grid-column:1 / -1}
.sk-kpi{grid-column:span 2}
.sk-prov{grid-column:1 / -1}
.sk-map{grid-column:span 4;min-height:0}
.sk-actions{grid-column:span 2}
.sk-kpi{
  background:var(--frame-3);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  padding:1rem 1.125rem;
}
.sk-kpi-label{
  display:block;
  color:var(--mut);
  font-size:.875rem;
  line-height:1.45;
  letter-spacing:.006em;
  font-weight:450;
}
.sk-kpi-value{
  display:block;
  margin-top:.4375rem;
  color:var(--ink);
  font-size:1.25rem;
  line-height:1.25;
  letter-spacing:-.011em;
  font-weight:450;
}
.sk-kpi-meta{
  display:block;
  margin-top:.25rem;
  color:var(--mut);
  font-size:.75rem;
  line-height:1.3;
  letter-spacing:.006em;
  font-weight:450;
  text-transform:none;
}
.sk-prov{
  margin:-.25rem 0 0;
  color:var(--mut);
  font-size:.75rem;
  line-height:1.3;
  letter-spacing:.006em;
  font-weight:450;
  text-wrap:pretty;
}
.sk-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:1rem;
}
.sk-head-title{color:var(--ink);font-weight:450}
.sk-head-meta{
  color:var(--mut);
  font-size:.75rem;
  line-height:1.3;
  letter-spacing:.006em;
  font-weight:450;
}
.sk-map{
  position:relative;
  background:var(--frame-3);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  overflow:hidden;
  min-height:0;
  display:flex;
  flex-direction:column;
  padding:1.25rem;
  gap:.625rem;
}
.sk-map-head{display:flex;align-items:baseline;justify-content:space-between;gap:.25rem 1rem;flex-wrap:wrap}
.sk-map-title{white-space:nowrap}
.sk-map-title{
  color:var(--ink);
  font-size:.875rem;
  line-height:1.45;
  letter-spacing:.006em;
  font-weight:450;
}
.sk-map-scope,.sk-map-key{
  color:var(--mut);
  font-size:.75rem;
  line-height:1.3;
  letter-spacing:.006em;
  font-weight:450;
  text-transform:none;
}
.sk-map-key{
  margin:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.375rem 1.25rem;
}
.sk-key{display:inline-flex;align-items:center;gap:.4375rem;white-space:nowrap}
.sk-key svg{width:.6875rem;height:.6875rem;flex:none;overflow:visible}
.sk-map-def{flex-basis:100%}
.sk-plot{flex:1;min-height:0;width:100%;display:block}
.sk-plot text{
  font-size:.75rem;
  line-height:1.3;
  letter-spacing:.006em;
  font-weight:450;
  fill:var(--ink-dim);
}
.sk-plot-ring text{fill:var(--mut)}
.sk-plot-bub circle{fill:#8A8FC4;fill-opacity:.18;stroke:#8A8FC4;stroke-opacity:.46;stroke-width:1}
.sk-plot-bub .is-self{fill:var(--amber);fill-opacity:.22;stroke:var(--amber);stroke-opacity:.85;stroke-width:1.5}
.sk-plot-bub .is-pin{fill:var(--amber);fill-opacity:1;stroke:none}
.sk-plot-lead{fill:none;stroke:var(--mut);stroke-opacity:.4;stroke-width:1}
.sk-plot-lab.is-self{fill:var(--ink)}
.sk-plot-lab.is-min,.sk-plot-val{fill:var(--mut)}
.sk-map-top{display:none}
.sk-actions{
  background:var(--frame-3);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  padding:1.25rem 1.25rem 1.125rem;
  display:flex;
  flex-direction:column;
  gap:1.5rem;
  min-height:0;
}
.sk-actions-head{color:var(--mut)}
.sk-action{display:grid;grid-template-columns:auto 1fr;gap:.5rem .75rem;align-items:start}
.sk-action-index{
  color:var(--mut);
  font-size:.75rem;
  line-height:1.3;
  letter-spacing:.08em;
  font-weight:450;
  padding-top:.1875rem;
}
.sk-action p{
  margin:0;
  color:var(--ink-dim);
  font-size:.875rem;
  line-height:1.45;
  letter-spacing:.006em;
  font-weight:450;
  text-wrap:pretty;
}
.sk-action-ev{
  grid-column:2;
  margin:0;
  color:var(--mut);
  font-size:.75rem;
  line-height:1.3;
  letter-spacing:.006em;
  font-weight:450;
  text-wrap:pretty;
}
.sk-actions-note{
  margin-top:.125rem;
  color:var(--mut);
  font-size:.875rem;
  line-height:1.45;
  letter-spacing:.006em;
  font-weight:450;
}
.section{padding:8.5rem 0;scroll-margin-top:6rem}
.section-raised{background:var(--band);border-block:1px solid var(--line)}
.section-raised + .section-raised{border-top:none}
.section-head{max-width:50rem;margin-bottom:clamp(2.25rem,4vw,3.25rem)}
.lede{font-size:1.25rem;line-height:1.5;letter-spacing:-.011em;color:var(--ink-faint);max-width:44rem}
.page-head{padding-block:8.5rem clamp(.5rem,1.5vw,1rem)}
.page-head h1{max-width:48rem}
.page-head + .section{padding-top:clamp(2rem,4vw,3.5rem)}
.statstrip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.stat{padding:1.875rem 2rem 1.875rem 0}
.stat + .stat{border:0 solid var(--line);border-left-width:1px;padding-left:2.5rem}
.stat-figure{
  display:flex;
  align-items:baseline;
  gap:.625rem;
  color:var(--ink);
}
.stat-figure .dim{color:var(--mut)}
.stat-figure .arrow{color:var(--mint);align-self:center;flex:none}
.stat-label{margin-top:.5rem;color:var(--mut)}
.stat-detail{
  margin-top:.5rem;
  font-size:.875rem;
  line-height:1.45;
  letter-spacing:.006em;
  font-weight:450;
  color:var(--mut);
  max-width:19rem;
}
.stats-caption{margin-top:1.625rem;color:var(--mut);max-width:40rem}
.trio,.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1.125rem}
.trio-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:1.625rem 1.625rem 1.5rem;
  box-shadow:var(--shadow);
  transform-origin:center;
  transition:border-color 180ms ease;
}
.section-raised .trio-card{background:var(--surface-2)}
.trio-card:hover{border-color:var(--line-strong)}
.trio-card p{color:var(--mut);font-size:1rem;line-height:1.55;letter-spacing:0}
.step-index{
  display:block;
  font-size:.75rem;
  line-height:1.3;
  letter-spacing:.08em;
  font-weight:450;
  color:var(--mut);
  margin-bottom:.875rem;
}
.features{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:0 clamp(1.75rem,4vw,3.5rem);
  border-top:1px solid var(--line);
}
.feature{position:relative;border:0 solid var(--line);border-bottom-width:1px;padding:1.25rem 0 1.25rem 1.75rem}
.feature::before{
  content:"";
  position:absolute;
  left:.125rem;
  top:1.75rem;
  width:.5625rem;
  height:.5625rem;
  border-radius:999px;
  border:1.5px solid var(--mint);
}
.feature p{font-size:1rem;line-height:1.55;letter-spacing:0;color:var(--mut)}
.group-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.125rem}
.group-card{
  display:flex;
  flex-direction:column;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:1.5rem 1.5rem 1.375rem;
  box-shadow:var(--shadow);
  text-decoration:none;
  color:inherit;
  transform-origin:center;
  transition:border-color 180ms ease;
}
.section-raised .group-card{background:var(--surface-2)}
.group-card:hover{border-color:var(--line-strong);color:inherit}
.group-card h3{margin-bottom:.375rem}
.group-card p{color:var(--mut);font-size:1rem;line-height:1.55;letter-spacing:0}
.group-card .group-more{
  display:inline-block;
  margin-top:auto;
  padding-top:.875rem;
  font-size:.875rem;
  line-height:1.45;
  letter-spacing:.006em;
  font-weight:450;
  color:var(--amber);
}
.rhythm-note{
  margin-top:1.625rem;
  padding:1.25rem 1.5rem;
  background:var(--surface);
  border:1px solid var(--line);
  border-left:2px solid var(--mint);
  border-radius:var(--radius);
  font-size:1rem;
  line-height:1.55;
  letter-spacing:0;
  color:var(--mut);
  max-width:47.5rem;
}
.section-raised .rhythm-note{background:var(--surface-2)}
.rhythm-note strong{color:var(--ink);font-weight:450}
.cta-band{
  position:relative;
  background:var(--surface);
  border:1px solid var(--line-strong);
  border-radius:var(--radius-lg);
  padding:clamp(2.75rem,6vw,4.5rem) clamp(1.5rem,5vw,4.5rem);
  text-align:center;
  overflow:hidden;
  box-shadow:var(--shadow-lg);
}
.cta-band::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(40rem 20rem at 85% 0%,rgba(242,169,59,.12),transparent 65%),
    radial-gradient(34rem 18rem at 8% 100%,rgba(111,214,168,.09),transparent 65%);
}
.cta-band > *{position:relative}
.cta-band p{color:var(--mut);max-width:35rem;margin:0 auto 1.75rem}
.cta-band .hero-cta{justify-content:center}
.tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:1.125rem;align-items:stretch}
.tier-card{
  position:relative;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:1.875rem 1.625rem 1.625rem;
  box-shadow:var(--shadow);
  display:flex;
  flex-direction:column;
  transform-origin:center;
  transition:border-color 180ms ease;
}
.tier-card:hover{border-color:var(--line-strong)}
.tier-name{font-size:1.25rem;margin-bottom:.125rem}
.tier-tag{color:var(--mut);font-size:.875rem;line-height:1.45;letter-spacing:.006em;font-weight:450;margin-bottom:1.25rem}
.price{color:var(--ink)}
.price .per{
  font-size:.875rem;
  line-height:1.45;
  letter-spacing:.006em;
  font-weight:450;
  color:var(--mut);
}
.price-note{
  font-size:.875rem;
  line-height:1.45;
  letter-spacing:.006em;
  font-weight:450;
  color:var(--mut);
  margin:.375rem 0 1.25rem;
}
.ticks,.crosses{list-style:none}
.ticks li,.crosses li{
  position:relative;
  padding:.4375rem 0 .4375rem 1.75rem;
  font-size:1rem;
  line-height:1.5;
  letter-spacing:0;
  color:var(--ink-dim);
}
.ticks li::before{
  content:"";
  position:absolute;
  left:.125rem;
  top:.75rem;
  width:.8125rem;
  height:.4375rem;
  border-left:2px solid var(--mint);
  border-bottom:2px solid var(--mint);
  transform:rotate(-45deg);
}
.crosses li{color:var(--mut)}
.crosses li::before,.crosses li::after{
  content:"";
  position:absolute;
  left:.375rem;
  top:.9375rem;
  width:.8125rem;
  height:2px;
  background:rgba(154,157,192,.55);
  transform:rotate(45deg);
}
.crosses li::after{transform:rotate(-45deg)}
.feat-key{font-weight:450;color:var(--ink)}
.tier-cta{margin-top:auto;padding-top:1.375rem}
.tier-cta .btn{width:100%}
.tier-card.flagship{
  background:var(--surface-2);
  border-color:rgba(242,169,59,.45);
  box-shadow:var(--shadow-lg);
}
.tier-card.flagship .price,.tier-card.flagship .tier-name{color:var(--ink)}
.tier-flag{
  position:absolute;
  top:-.9375rem;
  left:1.25rem;
  background:var(--chip);
  color:var(--ink);
  border:1px solid rgba(242,169,59,.45);
  white-space:nowrap;
  border-radius:999px;
  padding:.375rem .8125rem;
}
.annual-note{margin-top:1.625rem;color:var(--mut)}
.faq{max-width:47.5rem;border-top:1px solid var(--line)}
.faq details{border:0 solid var(--line);border-bottom-width:1px}
.faq summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:1.125rem;
  padding:1.25rem .125rem;
  color:var(--ink);
  transform-origin:center;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";
  flex:none;
  align-self:center;
  width:.875rem;
  height:.875rem;
  background:
    linear-gradient(var(--amber),var(--amber)) center/100% 1.5px no-repeat,
    linear-gradient(var(--amber),var(--amber)) center/1.5px 100% no-repeat;
  transform:rotate(calc(var(--open,0) * 45deg));
  transform-origin:center;
}
.faq-panel{transform-origin:top center}
.faq-panel p{
  padding:0 2.5rem 1.25rem .125rem;
  color:var(--mut);
  font-size:1rem;
  line-height:1.55;
  letter-spacing:0;
  margin:0;
}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:1.125rem;align-items:stretch}
.compare-col{border-radius:var(--radius);padding:1.875rem 1.75rem}
.compare-old{background:var(--surface);border:1px solid var(--line)}
.compare-old h3{color:var(--mut)}
.section-raised .compare-old{background:var(--surface-2)}
.compare-new{
  background:var(--surface-2);
  border:1px solid rgba(242,169,59,.42);
  box-shadow:var(--shadow-lg);
}
.compare-sub{
  font-size:.875rem;
  line-height:1.45;
  letter-spacing:.006em;
  font-weight:450;
  color:var(--mut);
  margin-bottom:.875rem;
}
.map-fig{margin:0}
.map-mock{
  position:relative;
  border-radius:var(--radius-lg);
  border:1px solid var(--line);
  background:var(--surface);
  overflow:hidden;
  aspect-ratio:16 / 10;
  box-shadow:var(--shadow-lg);
}
.map-mock > svg{position:absolute;inset:0;width:100%;height:100%}
.mock-badge{
  position:absolute;
  top:.875rem;
  left:.875rem;
  background:var(--chip);
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--mut);
  padding:.3125rem .75rem;
}
.mock-panel{
  position:absolute;
  top:.875rem;
  right:.875rem;
  width:min(18.125rem,62%);
  background:rgba(34,36,66,.72);
  -webkit-backdrop-filter:blur(1rem) saturate(160%);
  backdrop-filter:blur(1rem) saturate(160%);
  border:1px solid var(--line-strong);
  border-radius:var(--radius-sm);
  box-shadow:var(--shadow);
  padding:.875rem 1rem;
}
.mock-panel h4{color:var(--mut);margin-bottom:.5rem}
.mock-panel ul{list-style:none}
.mock-panel li{
  font-size:.875rem;
  line-height:1.45;
  letter-spacing:.006em;
  font-weight:450;
  color:var(--mut);
  padding:.3125rem 0 .3125rem 1rem;
  position:relative;
}
.mock-panel li::before{
  content:"";
  position:absolute;
  left:.125rem;
  top:.6875rem;
  width:.375rem;
  height:.375rem;
  border-radius:999px;
  background:var(--line-strong);
}
.mock-panel li.you{color:var(--ink)}
.mock-panel li.you::before{background:var(--amber)}
.mock-panel li strong{color:var(--ink);font-weight:450}
.mock-slider{
  position:absolute;
  left:50%;
  bottom:.875rem;
  transform:translateX(-50%);
  display:inline-flex;
  background:rgba(34,36,66,.72);
  -webkit-backdrop-filter:blur(1rem) saturate(160%);
  backdrop-filter:blur(1rem) saturate(160%);
  border:1px solid var(--line-strong);
  border-radius:999px;
  padding:.25rem;
  box-shadow:var(--shadow);
}
.mock-slider span{
  font-size:.75rem;
  line-height:1.3;
  letter-spacing:.006em;
  font-weight:450;
  color:var(--mut);
  padding:.3125rem .75rem;
  border-radius:999px;
}
.mock-slider .current{background:var(--amber);color:var(--on-amber)}
.map-fig figcaption{
  margin-top:1rem;
  font-size:.875rem;
  line-height:1.45;
  letter-spacing:.006em;
  font-weight:450;
  color:var(--mut);
  max-width:45rem;
}
.demo-login{
  display:grid;
  grid-template-columns:1.3fr 1fr;
  gap:clamp(1.5rem,4vw,3.5rem);
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
  padding:clamp(1.75rem,4vw,3rem);
  align-items:center;
}
.section-raised .demo-login{background:var(--surface-2)}
.demo-login p{color:var(--mut);font-size:1rem;line-height:1.55;letter-spacing:0}
.creds{display:grid;grid-template-columns:auto 1fr;gap:.625rem 1.125rem;margin:1.125rem 0 0;align-items:center}
.creds dt{color:var(--mut)}
.creds dd{margin:0}
.login-side{text-align:center}
.login-side .btn{width:100%;margin-bottom:.75rem}
.login-side p{font-size:.875rem;line-height:1.45;letter-spacing:.006em;font-weight:450}
.prose{max-width:45rem}
.prose p{font-size:1rem;line-height:1.55;letter-spacing:0;margin-bottom:1.15em;color:var(--ink-dim)}
.pull{
  font-size:clamp(1.375rem,2.4vw,1.6875rem);
  color:var(--ink);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:1.625rem 0;
  margin:2.125rem 0;
}
.contact-grid{
  display:grid;
  grid-template-columns:minmax(0,33rem) minmax(0,1fr);
  gap:clamp(2.5rem,5vw,5rem);
  align-items:start;
}
.contact-aside{
  display:flex;
  flex-direction:column;
  align-self:stretch;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:clamp(1.5rem,3.4vw,2.125rem);
}
.contact-aside h2{margin-bottom:.55em}
.steps{list-style:none;counter-reset:step}
.steps li{
  counter-increment:step;
  position:relative;
  padding:1.375rem 0 1.375rem 3.25rem;
  border-top:1px solid var(--line);
}
.steps li:first-child{border-top:none;padding-top:.125rem}
.steps li:last-child{padding-bottom:.5rem}
.steps li::before{
  content:counter(step);
  position:absolute;
  left:0;
  top:1.4375rem;
  width:2rem;
  height:2rem;
  display:grid;
  place-items:center;
  border:1px solid var(--line-strong);
  border-radius:999px;
  background:var(--surface-2);
  color:var(--slate);
  font-size:.875rem;
  line-height:1;
  letter-spacing:.006em;
  font-weight:450;
  font-variant-numeric:tabular-nums;
}
.steps li:first-child::before{top:.1875rem}
.steps h3{margin-bottom:.3em}
.steps p{color:var(--mut);font-size:1rem;line-height:1.55;letter-spacing:0}
.steps p,.aside-routes p{max-width:36rem}
.aside-routes{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--line)}
.aside-routes p{color:var(--mut);font-size:1rem;line-height:1.55;letter-spacing:0}
.aside-routes p + p{margin-top:.875rem}
.field{margin-bottom:1.125rem}
.field label{
  display:block;
  font-size:.875rem;
  line-height:1.45;
  letter-spacing:.006em;
  font-weight:450;
  color:var(--ink);
  margin-bottom:.4375rem;
}
.field input,.field select,.field textarea{
  width:100%;
  font-family:var(--font-ui);
  font-size:1rem;
  line-height:1.4;
  letter-spacing:0;
  color:var(--ink);
  background:var(--field);
  border:1px solid var(--line-strong);
  border-radius:var(--radius-sm);
  padding:.6875rem .875rem;
  min-width:0;
}
.field input::placeholder{color:var(--mut);opacity:.7}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:2px solid var(--amber);
  outline-offset:0;
  border-color:var(--amber);
}
.field textarea{resize:vertical}
.hint{color:var(--mut);margin-top:.375rem}
.form-status{margin-top:.875rem;font-size:.875rem;line-height:1.45;letter-spacing:.006em;font-weight:450;color:var(--mut);min-height:1.4em}
.lead-form{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
  padding:clamp(1.5rem,3.4vw,2.125rem);
}
.contact-grid .lead-form{box-shadow:var(--shadow)}
.lead-form .btn{width:100%}
.form-fine{margin-top:.75rem;color:var(--mut)}
.form-done{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
  padding:clamp(1.75rem,4vw,2.5rem);
}
.contact-grid .form-done{box-shadow:var(--shadow)}
.form-done:focus{outline:none}
.form-done:focus-visible{outline:2px solid var(--amber);outline-offset:.1875rem}
.form-done .done-mark{color:var(--slate);margin-bottom:1rem;display:block}
.form-done h3{margin-bottom:.5em}
.form-done p{color:var(--mut);font-size:1rem;line-height:1.55;letter-spacing:0}
.lead-band{
  position:relative;
  background:var(--band);
  border:1px solid var(--line-strong);
  border-radius:var(--radius-lg);
  padding:clamp(2rem,5vw,3.5rem);
  overflow:hidden;
  box-shadow:var(--shadow-lg);
}
.lead-band::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(40rem 20rem at 88% 0%,rgba(242,169,59,.13),transparent 65%),
    radial-gradient(32rem 18rem at 4% 100%,rgba(138,143,196,.14),transparent 65%);
}
.lead-band-inner{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(1.75rem,4vw,3.5rem);
  align-items:center;
}
.lead-band-inner > *{min-width:0}
.lead-copy p{color:var(--mut)}
.lead-copy .ticks li{color:var(--ink-dim);font-size:1rem}
.lead-band .lead-form{background:var(--surface-2)}
.notice{
  background:var(--surface);
  border:1px solid var(--line);
  border-left:2px solid var(--amber);
  border-radius:var(--radius-sm);
  padding:1.25rem 1.5rem;
  max-width:47.5rem;
  margin-bottom:2.125rem;
}
.notice-label{display:block;color:var(--amber);margin-bottom:.5rem}
.notice p{font-size:1rem;line-height:1.55;letter-spacing:0;color:var(--mut)}
.legal{max-width:47.5rem}
.legal h2{font-size:1.75rem;letter-spacing:-.017em;margin-top:2em;margin-bottom:.5em;scroll-margin-top:6rem}
.legal h2:first-of-type{margin-top:0}
.legal h3{font-size:1.25rem;margin-top:1.6em;margin-bottom:.4em}
.legal p{font-size:1rem;line-height:1.55;letter-spacing:0;color:var(--ink-dim)}
.legal ul{list-style:none;margin:0 0 1.2em}
.legal ul li{
  position:relative;
  padding:.3125rem 0 .3125rem 1.375rem;
  font-size:1rem;
  line-height:1.55;
  letter-spacing:0;
  color:var(--ink-dim);
}
.legal ul li::before{
  content:"";
  position:absolute;
  left:.125rem;
  top:.875rem;
  width:.375rem;
  height:.375rem;
  border-radius:999px;
  background:var(--mint);
}
.legal ul li strong{color:var(--ink);font-weight:450}
.legal .legal-meta{
  font-size:.875rem;
  line-height:1.45;
  letter-spacing:.006em;
  font-weight:450;
  color:var(--mut);
  border-top:1px solid var(--line);
  padding-top:1.25rem;
  margin-top:2.4em;
}
.processors{border-top:1px solid var(--line);margin-bottom:1.4em}
.processors > div{
  display:grid;
  grid-template-columns:12.5rem 1fr;
  gap:.25rem 1.5rem;
  border:0 solid var(--line);
  border-bottom-width:1px;
  padding:.875rem 0;
}
.processors dt{font-weight:450;font-size:1rem;line-height:1.55;letter-spacing:0;color:var(--ink)}
.processors dd{margin:0;font-size:1rem;line-height:1.55;letter-spacing:0;color:var(--mut)}
.anchor-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.625rem}
.anchor-row a{
  color:var(--mut);
  text-decoration:none;
  font-size:.875rem;
  line-height:1.45;
  letter-spacing:.006em;
  font-weight:450;
  padding:.5rem 1rem;
  border:1px solid var(--line);
  border-radius:999px;
  transform-origin:center;
  transition:color 140ms ease,border-color 140ms ease;
}
.anchor-row a:hover{color:var(--ink);border-color:var(--line-strong)}
.site-footer{
  background:var(--band);
  border-top:1px solid var(--line);
  color:var(--mut);
  padding:clamp(3rem,6vw,4.75rem) 0 2.5rem;
}
.footer-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:clamp(1.75rem,5vw,4rem)}
.footer-lockup{display:inline-flex;align-items:center;gap:.75rem;color:var(--ink)}
.footer-brand .brand{
  font-size:1.25rem;
  line-height:1.25;
  letter-spacing:-.011em;
  font-weight:450;
  color:var(--ink);
}
.footer-brand p{
  margin-top:.75rem;
  font-size:.875rem;
  line-height:1.45;
  letter-spacing:.006em;
  font-weight:450;
  color:var(--mut);
  max-width:20rem;
}
.footer-nav{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}
.footer-nav a{
  color:var(--mut);
  text-decoration:none;
  font-size:.875rem;
  line-height:1.45;
  letter-spacing:.006em;
  font-weight:450;
  transition:color 140ms ease;
}
.footer-nav a:hover{color:var(--ink)}
.footer-legal{font-size:.875rem;line-height:1.45;letter-spacing:.006em;font-weight:450;color:var(--mut)}
.footer-legal a{color:var(--mut);text-decoration:none}
.footer-legal a:hover{color:var(--amber)}
.footer-legal p{margin-bottom:.6em}
.footer-legal-links{display:flex;flex-wrap:wrap;gap:.375rem 1.125rem;margin-bottom:.9em}
@media (max-width:1199px){
  .frame-view{aspect-ratio:16 / 10}
  .sk-plot-lab,.sk-plot-lead,.sk-plot-ring{display:none}
  .sk-plot{min-height:8.75rem}
  .sk-map-top li:nth-child(n+4){display:none}
  .sk-map-top{
    display:grid;
    gap:.3125rem;
    margin:.125rem 0 0;
    padding:0;
    list-style:none;
  }
  .sk-map-top li{
    display:grid;
    grid-template-columns:1.25rem minmax(0,1fr) auto;
    gap:.625rem;
    color:var(--mut);
    font-size:.75rem;
    line-height:1.3;
    letter-spacing:.006em;
    font-weight:450;
  }
  .sk-map-top li.is-self{color:var(--ink)}
  .sk-map-top .v{color:var(--ink-dim)}
  .sk-map-top li.is-self .v{color:var(--ink)}
}
@media (max-width:1099px){
  .group-grid{grid-template-columns:repeat(3,1fr)}
  .tiers{grid-template-columns:repeat(2,1fr)}
  .tier-card.flagship{order:-1}
}
@media (max-width:1023px){
  .footer-inner{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1 / -1}
  .contact-grid{grid-template-columns:minmax(0,38rem);gap:clamp(2.5rem,6vw,3.5rem)}
  .frame-view{aspect-ratio:auto}
  .sketch{position:static}
  .sk-main{grid-template-rows:auto auto auto auto}
  .sk-map{grid-column:1 / -1}
  .sk-actions{grid-column:1 / -1}
  .sk-plot{flex:none;aspect-ratio:16 / 9;min-height:0}
  .sk-map-top li:nth-child(n+4){display:grid}
}
@media (max-width:899px){
  .site-header{padding:.625rem 0}
  .header-inner{gap:1rem}
  html:not(.has-js) .header-inner{flex-wrap:wrap;row-gap:.625rem}
  html:not(.has-js) .site-nav{order:3;width:100%;margin-inline:0}
  html:not(.has-js) .header-actions{margin-left:auto}
  html.has-js .nav-toggle{display:inline-flex}
  html.has-js .site-menu{
    display:block;
    position:absolute;
    top:calc(100% + .875rem);
    right:0;
    z-index:60;
    width:min(20rem,calc(100vw - 3rem));
    padding:.625rem;
    background:var(--surface);
    border:1px solid var(--line-strong);
    border-radius:var(--radius);
    box-shadow:var(--shadow-xl);
    transform-origin:top right;
  }
  html.has-js .site-menu[data-collapsed]{display:none}
  html.has-js .site-menu .site-nav{
    flex-direction:column;
    gap:.125rem;
    margin:0;
    flex-wrap:nowrap;
  }
  html.has-js .site-menu .site-nav a{
    padding:.625rem .875rem;
    border-radius:var(--radius-sm);
    font-size:1rem;
  }
  html.has-js .site-menu .header-actions{
    flex-direction:column;
    align-items:stretch;
    gap:.5rem;
    margin:.625rem .25rem .25rem;
    padding-top:.75rem;
    border-top:1px solid var(--line);
  }
  html.has-js .site-menu .header-actions .btn{width:100%}
  html.has-js .site-menu .header-actions .btn-ghost{padding-inline:1.25rem}
  .hero{padding:6rem 0}
  .hero-row{grid-template-columns:1fr;gap:1.5rem;align-items:start}
  .hero-sub{max-width:none}
  .hero-note{justify-self:start;white-space:normal}
  .hero-note-tag{display:block;margin:0 0 .25rem}
  .app-frame{margin-top:3.5rem}
  .section{padding:5rem 0}
  .page-head{padding-block-start:5rem}
  .frame-view{aspect-ratio:auto}
  .sketch{position:static;grid-template-columns:1fr}
  .sk-side{display:none}
  .sk-main{padding:1.125rem;gap:.75rem;grid-template-rows:auto auto auto auto}
  .sk-map-top li:nth-child(n+4){display:grid}
  .sk-map{grid-column:1 / -1;aspect-ratio:auto;padding:1rem}
  .sk-plot{flex:none;aspect-ratio:16 / 10}
  .sk-actions{grid-column:1 / -1}
  .sk-kpi{padding:.75rem .8125rem}
  .trio,.principles{grid-template-columns:1fr}
  .compare{grid-template-columns:1fr}
  .demo-login{grid-template-columns:1fr}
  .login-side{text-align:left}
  .login-side .btn{width:auto}
  .statstrip{grid-template-columns:1fr;border-top:none}
  .stat{padding:1.375rem 0;border:0 solid var(--line);border-top-width:1px}
  .stat + .stat{border-left-width:0;padding-left:0}
  .features{grid-template-columns:1fr}
  .group-grid{grid-template-columns:repeat(2,1fr)}
  .lead-band-inner{grid-template-columns:1fr}
  .processors > div{grid-template-columns:1fr;gap:.125rem}
  .mock-panel{position:static;width:auto;margin:.75rem;margin-top:0}
  .map-mock{aspect-ratio:auto}
  .map-mock > svg{position:relative;display:block;aspect-ratio:16 / 10}
  .mock-slider{
    position:static;
    transform:none;
    margin:0 .75rem .75rem;
    display:flex;
    overflow-x:auto;
    justify-content:flex-start;
    width:calc(100% - 1.5rem);
  }
  .mock-badge{top:.75rem;left:.75rem}
}
@media (max-width:639px){
  .hero-proof{justify-content:center;width:100%;gap:1rem 2rem}
  .hero-proof li{align-items:center;text-align:center;min-width:0;max-width:none;flex:1 1 100%}
}
@media (max-width:639px){
  .tiers{grid-template-columns:1fr}
  .tier-card:nth-child(1){order:1}
  .tier-card:nth-child(2){order:2}
  .tier-card:nth-child(3){order:3}
  .tier-card:nth-child(4){order:4}
  .tier-card.flagship{order:2}
  .group-grid{grid-template-columns:1fr}
  .hero-cta .btn-lg{width:100%}
  .hero{padding:4.5rem 0}
  .hero h1{max-width:7.15em}
  .sk-main{gap:.5rem}
  .sk-kpi{grid-column:1 / -1}
  .sk-kpi{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    column-gap:1rem;
    padding:.75rem .875rem;
  }
  .sk-kpi-label{grid-area:1 / 1}
  .sk-kpi-meta{grid-area:2 / 1;margin-top:.0625rem}
  .sk-kpi-value{grid-area:1 / 2 / span 2 / auto;font-size:1rem;margin-top:0;text-align:right}
  .sk-head{flex-wrap:wrap;gap:.125rem .75rem}
  .sk-plot{flex:none;aspect-ratio:3 / 2}
  .sk-actions{padding:1rem}
  .creds{grid-template-columns:1fr;gap:.25rem 0}
  .creds dd{margin-bottom:.625rem}
  .lead-band{padding:1.5rem 1.125rem}
  .anchor-row a{padding:.4375rem .8125rem}
  .footer-lockup{gap:.625rem}
  .compare-col{padding:1.5rem 1.25rem}
  .cta-band{padding:2.25rem 1.25rem}
  html.has-js .site-menu{width:calc(100vw - 2rem)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  .pr-fade{transition:opacity 200ms ease !important;transform:none !important}
  .faq summary::after{transform:none}
  .mock-slider{transform:translateX(-50%)}
}
@media (prefers-reduced-motion:reduce) and (max-width:1023px){
  .mock-slider{transform:none}
}
@media (prefers-reduced-transparency:reduce){
  .pr-ground{display:none}
  .site-header::before{
    background:var(--bg);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    border-bottom:1px solid var(--line);
  }
  .site-header::after{display:none}
  .mock-panel,.mock-slider{
    background:var(--surface-2);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  .cta-band::before,.lead-band::before{display:none}
  .btn-ghost{background:var(--surface-2)}
  .nav-toggle{background:var(--surface-2)}
}
@media (prefers-contrast:more){
  :root{
    --bg:#0D0E1F;
    --field:#10101A;
    --band:#181929;
    --surface:#1D1E30;
    --surface-2:#26273F;
    --ink:#FFFFFF;
    --mut:#C6C8E4;
    --ink-dim:#F1F1FA;
    --ink-faint:#C6C8E4;
    --line:rgba(231,231,242,.34);
    --line-strong:rgba(231,231,242,.58);
    --amber:#FFC163;
    --mint:#8FE7BE;
  }
  .pr-ground{display:none}
  .site-header::before{
    background:var(--bg);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    border-bottom:1px solid var(--line-strong);
  }
  .mock-panel,.mock-slider{
    background:var(--surface-2);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  .cta-band::before,.lead-band::before{display:none}
  .trio-card,.group-card,.tier-card,.compare-col,.lead-form,
  .form-done,.rhythm-note,.notice,.cta-band,.lead-band,.demo-login,
  .map-mock,.frame,.sk-kpi,.sk-map,.mock-panel,.mock-slider,.mock-badge{
    border-color:var(--line-strong);
    box-shadow:none;
  }
  .sk-actions{border-color:var(--line-strong)}
  .sk-side{border-right:1px solid var(--line-strong)}
  .sk-actions-note{border-top:1px solid var(--line-strong);padding-top:1rem}
  .site-header::after{border-top:1px solid var(--line-strong)}
  .btn-ghost,.site-header .header-actions .btn-ghost{border-color:var(--ink)}
  .eyebrow,.subnav a,.anchor-row a,.field input,.field select,.field textarea{
    border-color:var(--line-strong);
  }
  .legal a,.prose a,.notice a,.rhythm-note a,.stats-caption a,.annual-note a,
  .lede a,.compare-sub a,.trio-card a,.cta-band a:not(.btn),.map-fig a,
  .app-frame a,.form-done a{text-decoration:underline}
}
.pr-pressed{opacity:.7}
@media print{
  *{opacity:1 !important;transform:none !important}
  .site-header,.site-header::before,.site-header::after,.pr-ground{display:none}
}
.trial-header{padding:1.375rem 0}
.trial-main{padding:clamp(3rem,9vh,6rem) 0 clamp(4.5rem,12vh,8rem)}
.trial-col{max-width:27.5rem;margin-inline:auto}
.trial-col-wide{max-width:34rem}
.trial-page h1{
  font-size:2rem;
  line-height:1.12;
  letter-spacing:-.022em;
  margin:0 0 1.75rem;
}
.trial-lede{color:var(--mut);margin:-.875rem 0 1.75rem;max-width:32rem}
.trial-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
  padding:clamp(1.5rem,3.4vw,2.125rem);
}
.trial-card form .btn{width:100%;margin-top:.375rem}
.trial-card p{color:var(--ink-dim)}
.trial-card p strong{color:var(--ink);font-weight:450}
.trial-error{
  background:var(--chip);
  border:1px solid var(--line-strong);
  border-radius:var(--radius-sm);
  padding:.6875rem .875rem;
  margin:0 0 1.125rem;
  color:var(--ink);
  font-size:.875rem;
  line-height:1.45;
  letter-spacing:.006em;
  font-weight:450;
}
.trial-card .form-fine a,.trial-quiet a{
  color:var(--ink-dim);
  text-decoration-color:rgba(231,231,242,.35);
}
.trial-card .form-fine a:hover,.trial-quiet a:hover{color:var(--ink)}
.trial-quiet{
  margin-top:1.5rem;
  text-align:center;
  color:var(--mut);
  font-size:.875rem;
  line-height:1.45;
  letter-spacing:.006em;
  font-weight:450;
}
.trial-alt{margin-top:1.5rem;color:var(--mut);font-size:.875rem;line-height:1.45;letter-spacing:.006em;font-weight:450}
.trial-watch{border-top:1px solid var(--line);margin-top:1.25rem;padding-top:1.25rem}
.trial-stages{list-style:none;margin:0;padding:0}
.trial-stages li{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  column-gap:.875rem;
  padding-block:.71875rem;
}
.trial-stages li + li{border-top:1px solid var(--line)}
.trial-stage-label{font-size:1rem;line-height:1.4;letter-spacing:0;color:var(--mut)}
.trial-stage-note{
  font-size:.875rem;line-height:1.45;letter-spacing:.006em;font-weight:450;
  color:var(--mut);
}
.trial-stage-ic{
  position:relative;
  width:1rem;height:1rem;
  border-radius:999px;
  border:1px solid var(--line-strong);
  flex:none;
}
li[data-status="running"] .trial-stage-ic{
  border-color:var(--ink-dim);
  animation:trial-breathe 1.3s ease-in-out infinite alternate;
}
li[data-status="running"] .trial-stage-label{color:var(--ink)}
li[data-status="done"] .trial-stage-ic{border-color:transparent;background:var(--mint-tint)}
li[data-status="done"] .trial-stage-ic::after{
  content:"";
  position:absolute;
  left:.25rem;top:.28125rem;
  width:.46875rem;height:.21875rem;
  border:0 solid var(--mint);
  border-left-width:1px;border-bottom-width:1px;
  transform:rotate(-45deg);
}
li[data-status="done"] .trial-stage-label{color:var(--ink-dim)}
li[data-status="skipped"] .trial-stage-ic{border-color:transparent}
li[data-status="skipped"] .trial-stage-ic::after{
  content:"";
  position:absolute;
  left:.21875rem;top:.46875rem;
  width:.5625rem;height:0;
  border-top:1px solid var(--mut);
}
li[data-status="failed"] .trial-stage-ic{border-color:var(--amber)}
li[data-status="failed"] .trial-stage-label{color:var(--ink)}
@keyframes trial-breathe{from{opacity:.35}to{opacity:1}}
.trial-done,.trial-fail{margin-top:1.375rem;padding-top:1.375rem;border-top:1px solid var(--line)}
.trial-done p,.trial-fail p{color:var(--ink-dim)}
.trial-done .btn,.trial-card > .btn{width:100%;margin-top:.25rem}
.trial-linkbtn{
  background:none;border:0;padding:0;cursor:pointer;
  font-family:var(--font-ui);
  font-size:.875rem;line-height:1.45;letter-spacing:.006em;font-weight:450;
  color:var(--mut);
  text-decoration:underline;
  text-decoration-color:rgba(231,231,242,.35);
  text-underline-offset:.1875rem;
}
.trial-linkbtn:hover{color:var(--ink)}
@media (max-width:639px){
  .trial-main{padding:2rem 0 4rem}
  .trial-page h1{font-size:1.75rem;letter-spacing:-.017em}
  .trial-card{padding:1.375rem 1.25rem}
}
.shot{
  margin:2.5rem auto 0;
  max-width:46rem;
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  background:var(--surface);
}
.shot img,.shot picture{display:block;width:100%;height:auto}
.shot figcaption{
  padding:.875rem 1.125rem;
  border-top:1px solid var(--line);
  color:var(--mut);
  font-size:.8125rem;
  line-height:1.5;
}
.filmframe{
  margin:2.25rem 0 0;
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  background:#0d0e1c;
}
.filmvid{display:block;width:100%;height:auto}
.filmposter{display:none;width:100%;height:auto}
@media (prefers-reduced-motion:reduce){
  .filmvid{display:none}
  .filmposter{display:block}
}
@media (max-width:639px){
  .filmvid{display:none}
  .filmposter{display:block}
  .shot{margin-top:1.75rem}
}
.shot-tier{max-width:52rem;margin-inline:auto}
.filmframe-wide,.shot-demo{max-width:58rem;margin-inline:auto}
.filmframe figcaption{padding:.875rem 1.125rem;border-top:1px solid var(--line);
  color:var(--mut);font-size:.8125rem;line-height:1.5;background:var(--surface)}
.filmframe:has(figcaption){aspect-ratio:auto}
.trial-assure{margin:0 0 1.25rem;padding:0;list-style:none;
  display:grid;gap:.5rem}
.trial-assure li{position:relative;padding-left:1.375rem;color:var(--mut);
  font-size:.9375rem;line-height:1.5}
.trial-assure li::before{content:"";position:absolute;left:0;top:.5rem;
  width:.4375rem;height:.4375rem;border-radius:50%;background:var(--mut)}
.shot-open{max-width:60rem;margin:2rem auto 0}
.stepshot{margin:1.125rem 0 0;border:1px solid var(--line);
  border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2);
  height:8.5rem}
.stepshot img{display:block;width:100%;height:100%;object-fit:cover;
  object-position:top left}
@media (max-width:639px){.stepshot{height:7rem}}
.proofline{font-size:.9375rem;color:var(--ink-soft,inherit);opacity:.85;max-width:44rem;margin:1.1rem 0 0}
.trial-card .proofline{margin:0 0 1.4rem;padding-top:.9rem;border-top:1px solid var(--line, rgba(127,127,127,.25))}
.proofline a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.assureline{font-size:.8125rem;opacity:.62;max-width:44rem;margin:.45rem 0 0}
.billtoggle{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin:0 0 1.6rem}
.billtoggle .bt-opt{font:inherit;font-size:.9375rem;padding:.5rem 1.1rem;border-radius:999px;
  border:1px solid var(--line, rgba(127,127,127,.35));background:transparent;color:inherit;cursor:pointer}
.billtoggle .bt-opt.is-on{background:var(--ink);color:var(--on-ink);border-color:transparent}
.billtoggle .bt-save{font-size:.75rem;opacity:.75;margin-left:.4rem}
.field-hint{font-size:.8125rem;color:var(--mut);margin:.4rem 0 0;line-height:1.45}
.ctarow{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1rem;margin:1.6rem 0 0}
.ctarow .small{color:var(--mut);font-size:.875rem;max-width:26rem}
.midcta{justify-content:flex-start}
.hero-fine{color:var(--ink-faint);font-size:.8125rem;margin:.7rem 0 0}
.avail{margin:.5rem 0 0;font-size:.8125rem;line-height:1.45;letter-spacing:.006em;font-weight:450;color:var(--mut);min-height:0}
.avail:empty{display:none}
.avail-chip{display:inline-block;border-radius:999px;padding:.1875rem .625rem;margin-right:.375rem;
  background:var(--chip);color:var(--ink);font-size:.8125rem;line-height:1.35;letter-spacing:.005em;font-weight:560}
.avail.is-open .avail-chip{background:var(--mint-tint);color:var(--mint)}
.avail a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.avail-form{margin-top:.875rem}
.avail-form label{display:block;font-size:.8125rem;line-height:1.45;letter-spacing:.006em;font-weight:450;color:var(--ink-dim);margin-bottom:.5rem}
.tier-card .tier-cta{margin:1.125rem 0 1.375rem;padding-top:0}
.tier-card .ticks{margin-top:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.avail-row{display:flex;gap:.5rem}
.avail-row input{
  flex:1 1 auto;min-width:0;width:100%;
  font:inherit;font-size:1rem;color:var(--ink);
  background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-sm);
  padding:.5625rem .75rem;min-height:2.75rem;
}
.avail-row input::placeholder{color:var(--mut);opacity:.7}
.avail-row input:focus{outline:2px solid var(--amber);outline-offset:1px;border-color:transparent}
.avail-row .btn,.tier-cta .avail-row .btn{flex:none;width:auto;min-height:2.75rem;padding:.5625rem 1rem;font-size:.875rem;letter-spacing:.006em}
.avail-next{display:inline-block;margin-top:.625rem;font-size:.875rem;line-height:1.45;padding:.5rem 0;color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.avail-next[hidden]{display:none}
.ctarow .btn{min-height:2.75rem}
.trial-note{font-size:.9375rem;line-height:1.55;color:var(--mut);margin-top:.875rem}
.trial-actions{display:grid;gap:.625rem;margin-top:1.375rem}
.trial-actions .btn{width:100%}
.trial-actions-quiet{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--line)}
.trial-actions-quiet p{margin:0 0 .875rem;font-size:.9375rem;line-height:1.55}
.trial-card .trial-assure li:last-child{color:var(--ink-dim)}
.pricing-headrow{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem 3rem;flex-wrap:wrap}
.pricing-headrow h1{max-width:none;margin-bottom:0}
.pricing-headrow .billtoggle{margin:0 0 .5rem;justify-content:flex-start}
.pricing-head{padding-bottom:0}
.pricing-cards.section{padding-top:1.5rem}
.tier-tag{min-height:0}
.tier-cta .btn{padding:.875rem 1.75rem;font-size:1rem;letter-spacing:0;min-height:3.0625rem}
main .btn-amber{padding:.875rem 1.75rem;font-size:1rem;letter-spacing:0;min-height:3.0625rem}
.trial-page .btn-amber{min-height:3.0625rem}
.hero-ctarow{margin-top:1.5rem}
.page-head .ctarow{margin-top:1.25rem}
.page-head .ctarow .btn{min-height:2.75rem}
.buildfilm{margin:0 0 1.5rem;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#0d0e1c}
.buildfilm video{display:block;width:100%;height:auto}
@media (prefers-reduced-motion:reduce){.buildfilm video{display:none}.buildfilm{aspect-ratio:16/9;background:#0d0e1c url(/static/film/hero-poster.jpg) center/cover no-repeat}}
article .cta-band{margin:2.5rem 0}
.cta-band .proofline{margin:0 auto 1.5rem}
.cta-band .assureline{margin:1rem auto 0}
:root{
  --radius-xs:.375rem;--radius-sm:.5rem;--radius:.75rem;--radius-lg:1rem;
  --bg:#0E0F1D;--field:#0B0C18;--band:#121325;--surface:#161729;--surface-2:#1A1B30;--chip:#212237;
  --line:rgba(231,231,242,.09);--line-strong:rgba(231,231,242,.17);
  --shadow-sm:0 1px 2px rgba(0,0,0,.3);
  --shadow:0 1px 2px rgba(0,0,0,.3);
  --shadow-lg:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.3);
  --shadow-xl:0 1px 2px rgba(0,0,0,.3),0 16px 48px rgba(0,0,0,.4);
  --frame:#121325;--frame-2:#0E0F1D;--frame-3:#161729;
  --accent-ink:#F2A93B;--ring:rgba(231,231,242,.16);
}
@media (prefers-color-scheme:light){
  :root{
    color-scheme:light;
    --bg:#F6F6F9;--field:#EFF0F5;--band:#EFF0F5;--surface:#FFFFFF;--surface-2:#FFFFFF;--chip:#E9EAF1;
    --ink:#14152A;--mut:#595D77;--ink-dim:rgba(20,21,42,.80);--ink-faint:rgba(20,21,42,.64);
    --line:rgba(20,21,42,.08);--line-strong:rgba(20,21,42,.15);
    --hover:rgba(20,21,42,.045);
    --shadow-sm:0 1px 2px rgba(20,21,42,.06);
    --shadow:0 1px 2px rgba(20,21,42,.06);
    --shadow-lg:0 1px 2px rgba(20,21,42,.06),0 8px 24px rgba(20,21,42,.07);
    --shadow-xl:0 1px 2px rgba(20,21,42,.06),0 16px 48px rgba(20,21,42,.10);
    --frame:#EFF0F5;--frame-2:#F6F6F9;--frame-3:#FFFFFF;
    --mint:#1A7550;--mint-tint:#E3F3EB;
    --accent-ink:#8A5B12;--ring:rgba(20,21,42,.12);
  }
}
canvas.pr-ground{display:none}
html,body{background:var(--bg)}
.accent,em.accent{color:var(--accent-ink)}
.site-header{padding:.75rem 0;border-bottom:1px solid var(--line)}
.site-header::before{background:var(--bg);opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none}
.site-header::after{display:none}
.site-nav a{border-radius:var(--radius-sm)}
.btn{border-radius:var(--radius-sm);padding:.5625rem 1rem;font-weight:560;box-shadow:var(--shadow-sm)}
.btn-lg{padding:.75rem 1.375rem;font-size:.9375rem}
.btn-ghost{background:var(--surface);border-color:var(--line-strong)}
.btn-ghost:hover{background:var(--hover)}
.site-header .btn-amber{background:var(--amber);color:var(--on-amber);border-color:transparent}
.site-header .btn-amber:hover{background:var(--amber-soft);color:var(--on-amber)}
.site-header .header-actions .btn{font-weight:560}
.site-header .header-actions .btn-ghost{box-shadow:none}
.eyebrow{margin-bottom:1rem}
.hero{padding:5.5rem 0 4rem}
.hero-inner{text-align:center;display:flex;flex-direction:column;align-items:center}
.hero h1{max-width:12.5em;font-size:clamp(2.5rem,5vw,4rem);font-weight:560;margin-bottom:.35em}
.hero-row{display:flex;flex-direction:column;align-items:center;gap:1.25rem}
.hero-lead{display:flex;flex-direction:column;align-items:center}
.hero-sub{max-width:36rem;font-size:1.125rem;margin-bottom:1.75rem}
.hero .hero-cta{justify-content:center}
.hero-note{white-space:normal;justify-self:auto;font-size:.875rem}
.app-frame{margin:3.5rem 0 0}
.frame{border-radius:var(--radius-lg);border:1px solid var(--line-strong);box-shadow:var(--shadow-xl);background:var(--surface)}
.frame-view{aspect-ratio:auto;background:var(--frame)}
.frame-view img{display:block;width:100%;height:auto}
.section{padding:6rem 0}
.section-raised{background:var(--band)}
.tier-card,.trio-card,.group-card,.rhythm-note,.compare-old,.demo-login,.buildfilm{
  border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.tier-card:hover,.trio-card:hover,.group-card:hover{box-shadow:var(--shadow-lg)}
.section-raised .trio-card,.section-raised .group-card,.section-raised .rhythm-note,
.section-raised .compare-old,.section-raised .demo-login{background:var(--surface)}
.shot,.shot img,.stepshot{border-radius:var(--radius)}
.statstrip .stat{padding-right:1.5rem}
.tiers{grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:start}
.tier-card{padding:1.625rem 1.5rem 1.5rem}
.tier-card.flagship{background:var(--surface);border:2px solid var(--ink);box-shadow:var(--shadow-lg)}
.tier-flag{top:-.875rem;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);
  border-color:var(--ink);font-weight:560;padding:.3125rem .75rem}
.tier-name{font-size:1.125rem;font-weight:560}
.price{font-size:clamp(2.25rem,3vw,3rem);font-weight:560;letter-spacing:-.025em}
.tier-cta .btn{width:100%;display:flex}
.tier-card.flagship .tier-cta .btn-amber{box-shadow:var(--shadow-sm)}
.ticks li,.crosses li{font-size:.9375rem;padding:.3125rem 0 .3125rem 1.625rem}
.tier-card.tier-wide{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr);
  gap:1rem 3rem;align-items:start;margin-top:.25rem}
.tier-card.tier-wide .ticks{columns:2;column-gap:2rem;margin:0}
.tier-card.tier-wide .ticks li{break-inside:avoid}
.tier-card.tier-wide .tier-cta .btn{width:auto;display:inline-flex}
.tier-card.tier-wide .price{margin-bottom:.25rem}
@media (max-width:1023px){
  .tiers{grid-template-columns:1fr;max-width:32rem;margin-inline:auto}
  .tier-card.tier-wide{grid-template-columns:1fr}
  .tier-card.tier-wide .ticks{columns:1}
}
.site-footer{background:var(--bg);border-top:1px solid var(--line)}
.cta-band::before,.lead-band::before{display:none}
.cta-band,.lead-band{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.shot-demo{max-width:none}
.page-head .hero-cta{justify-content:flex-start}
.site-header{border-top:1px solid var(--line)}
.site-nav a{font-weight:500;color:var(--ink-dim);padding:.4375rem .625rem}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--ink);background:var(--hover)}
.group-grid{grid-template-columns:repeat(4,1fr);gap:1rem}
.group-grid .group-card:nth-child(-n+2){grid-column:span 2}
.group-card{border-radius:var(--radius);padding:1.5rem 1.5rem 1.375rem;gap:.375rem}
.group-card h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}
.group-card p{font-size:.9375rem;line-height:1.5}
@media (max-width:899px){.group-grid{grid-template-columns:1fr 1fr}.group-grid .group-card:nth-child(-n+2){grid-column:span 1}}
@media (max-width:639px){.group-grid{grid-template-columns:1fr}}
.faq{max-width:47.5rem;border:1px solid var(--line);border-radius:var(--radius);border-top:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);padding:0 1.25rem}
.faq details{border-bottom:1px solid var(--line)}
.faq details:last-child{border-bottom:0}
.faq summary{padding:1rem 0;font-size:1rem;font-weight:560;align-items:center}
.faq summary::after{width:1.75rem;height:1.75rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);
  background:
    linear-gradient(var(--ink),var(--ink)) center/.75rem 1.5px no-repeat,
    linear-gradient(var(--ink),var(--ink)) center/1.5px .75rem no-repeat;
  transform:none}
.faq details[open] summary::after{background:linear-gradient(var(--ink),var(--ink)) center/.75rem 1.5px no-repeat}
.faq-panel p{color:var(--mut);font-size:.9375rem}
.site-footer{padding:3.5rem 0 2rem}
.footer-inner{grid-template-columns:1.6fr 1fr 1fr;gap:2.5rem;align-items:start}
.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem}
.footer-nav a{font-size:.875rem;color:var(--mut);text-decoration:none;font-weight:450}
.footer-nav a:hover{color:var(--ink)}
.footer-brand p{font-size:.875rem;color:var(--mut);max-width:24rem}
.footer-legal{font-size:.8125rem}
.footer-legal-links{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}
.lead-band,.cta-band{border-radius:var(--radius);padding:clamp(2rem,5vw,3.5rem);text-align:center}
.lead-band-inner{grid-template-columns:1fr;justify-items:center}
.lead-copy{max-width:38rem;text-align:center;display:flex;flex-direction:column;align-items:center}
.lead-copy .eyebrow,.cta-band .eyebrow{display:inline-flex;align-items:center;background:var(--chip);color:var(--ink);
  border-radius:999px;padding:.25rem .75rem;font-size:.8125rem;font-weight:560;margin-bottom:1rem}
.lead-copy h2,.cta-band h2{text-wrap:balance}
.lead-copy .ticks{text-align:left;margin:0 auto 1rem;display:inline-block}
.lead-copy .ctarow,.cta-band .ctarow{justify-content:center}
.lead-copy p,.cta-band p{margin-left:auto;margin-right:auto}
.statstrip{border:0;gap:1rem;grid-template-columns:repeat(3,1fr)}
.statstrip .stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);
  padding:1.5rem 1.5rem 1.375rem;box-shadow:var(--shadow-sm)}
.statstrip .stat + .stat{border-left-width:1px;padding-left:1.5rem}
.stat-label{font-weight:560;color:var(--ink)}
.stat-detail{max-width:none}
@media (max-width:899px){.statstrip{grid-template-columns:1fr}}
.compare{gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm)}
.compare-col{border-radius:0;padding:1.5rem 1.625rem 1.625rem}
.compare-old{border:0}
.compare-new{border:0;border-left:1px solid var(--line);background:var(--surface);box-shadow:none}
.compare-col h3{padding-bottom:.75rem;border-bottom:1px solid var(--line);margin-bottom:.75rem}
.compare-new h3{color:var(--ink)}
.compare-col ul li{padding:.5rem 0 .5rem 1.625rem;border-bottom:1px solid var(--line)}
.compare-col ul li:last-child{border-bottom:0}
@media (max-width:899px){.compare-new{border-left:0;border-top:1px solid var(--line)}}
.lead-form{border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5rem}
.field{margin-bottom:1rem}
.field label{font-size:.8125rem;font-weight:560;margin-bottom:.375rem;color:var(--ink)}
.field input,.field textarea,.field select{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);
  padding:.5rem .75rem;font-size:.9375rem;box-shadow:var(--shadow-sm)}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px var(--ring)}
.billtoggle{display:inline-flex;background:var(--chip);border-radius:var(--radius-sm);padding:.1875rem;gap:.125rem;justify-content:flex-start}
.billtoggle .bt-opt{border:0;border-radius:var(--radius-xs);padding:.375rem .875rem;font-size:.875rem;font-weight:500;color:var(--mut);background:transparent}
.billtoggle .bt-opt.is-on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);border-color:transparent}
.billtoggle .bt-save{opacity:1;color:var(--mut);font-weight:450}
.billtoggle .bt-opt.is-on .bt-save{color:var(--mut)}
.tier-tag{min-height:2.9em}
.page-head.hero-centred{text-align:center;display:flex;flex-direction:column;align-items:center}
.page-head.hero-centred .lede{margin-left:auto;margin-right:auto}
.page-head.hero-centred .hero-cta{justify-content:center}
.page-head.hero-centred h1{text-wrap:balance}
.frame-view{overflow:hidden}
.trial-stages li{position:relative;padding-left:0}
.trial-stages li + li{border-top:0}
.trial-stages li::after{content:"";position:absolute;left:.4375rem;top:1.75rem;bottom:-.25rem;width:2px;background:var(--line)}
.trial-stages li:last-child::after{display:none}
.trial-stage-ic{width:1.125rem;height:1.125rem;z-index:1;background:var(--surface)}
.trial-stages li[data-status="done"] .trial-stage-ic{background:var(--mint);border-color:var(--mint)}
.trial-stages li[data-status="done"] .trial-stage-ic::after{border-color:var(--on-amber)}
.trial-stage-label{font-size:.9375rem;font-weight:500;color:var(--ink)}
.trial-stages li[data-status="waiting"] .trial-stage-label{color:var(--mut)}
.trial-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.75rem}
.trial-card .field input{border-radius:var(--radius-sm)}
.trial-card form .btn{border-radius:var(--radius-sm)}
.trial-plain .trial-col{text-align:center;margin-inline:auto}
.trial-plain h1{text-wrap:balance}
.trial-plain .trial-card{max-width:32rem;margin-inline:auto;text-align:left}
@media (max-width:1023px){.footer-inner{grid-template-columns:1fr 1fr;gap:2rem}}
@media (max-width:639px){.footer-inner{grid-template-columns:1fr;gap:1.5rem}}
@media (prefers-color-scheme:light){
  a{color:var(--accent-ink)}
  .btn,.btn-amber,.site-nav a,.footer-nav a,.brand-lockup,.skip-link{color:inherit}
  .btn-amber{color:#14152A}
  .group-more,.notice-label{color:var(--accent-ink)}
}
.cmp-wrap{margin-top:3.5rem;scroll-margin-top:5rem}
.cmp-head{margin-bottom:1.125rem}
.cmp-head h3{margin-bottom:0;font-size:1.5rem;line-height:1.25;letter-spacing:-.011em;font-weight:560}
.cmp-head .eyebrow{margin-bottom:.5rem;display:block;color:var(--mut)}
.cmp-scroll{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.cmp-scroll:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:var(--radius)}
.cmp{
  --cmp-top:3.9375rem;
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
  font-variant-numeric:tabular-nums;
}
.cmp-col-feat{width:32%}
.cmp colgroup col:not(.cmp-col-feat){width:17%}
.cmp th,.cmp td{
  padding:.625rem .875rem;
  border-bottom:1px solid var(--line);
  vertical-align:middle;
  text-align:center;
}
.cmp tbody th[scope="row"]{
  text-align:left;
  font-size:.9375rem;
  line-height:1.45;
  letter-spacing:0;
  font-weight:400;
  color:var(--ink-dim);
}
.cmp thead th{
  position:sticky;
  top:var(--cmp-top);
  z-index:3;
  background:var(--surface);
  vertical-align:bottom;
  padding:1rem .875rem .9375rem;
  border-bottom:1px solid var(--line-strong);
}
.cmp thead th.cmp-corner{text-align:left}
.cmp thead th:first-child{border-top-left-radius:var(--radius)}
.cmp thead th:last-child{border-top-right-radius:var(--radius)}
.cmp-corner-label{font-size:.8125rem;line-height:1.35;letter-spacing:.005em;font-weight:560;color:var(--mut)}
.cmp-plan{display:block;font-size:.9375rem;line-height:1.35;font-weight:560;color:var(--ink)}
.cmp-price{display:block;font-size:1.25rem;line-height:1.25;letter-spacing:-.011em;font-weight:560;color:var(--ink);margin-top:.125rem}
.cmp-per{display:block;font-size:.8125rem;line-height:1.35;letter-spacing:.005em;font-weight:450;color:var(--mut)}
.cmp-note{display:block;max-width:11rem;margin:.4375rem auto 0;font-size:.8125rem;line-height:1.3;letter-spacing:.005em;font-weight:450;color:var(--ink-dim)}
.cmp-group th{
  text-align:left;
  background:var(--band);
  font-size:.8125rem;
  line-height:1.35;
  letter-spacing:.005em;
  font-weight:560;
  color:var(--ink);
  padding:.5625rem .875rem;
}
.cmp-group th span{display:inline-block}
.cmp-yes{
  display:inline-block;
  width:.8125rem;
  height:.4375rem;
  border-left:2px solid var(--mint);
  border-bottom:2px solid var(--mint);
  transform:rotate(-45deg);
  margin-bottom:.1875rem;
}
.cmp-no{display:inline-block;width:.75rem;height:2px;border-radius:1px;background:var(--ink-faint);vertical-align:middle;opacity:.7}
.cmp-val{display:inline-block;font-size:.875rem;line-height:1.35;letter-spacing:.006em;font-weight:450;color:var(--ink-dim)}
.cmp-flag .cmp-val{color:var(--ink)}
.cmp .cmp-flag{background:var(--chip)}
.cmp tbody tr:not(.cmp-group):not(.cmp-foot):hover > th,
.cmp tbody tr:not(.cmp-group):not(.cmp-foot):hover > td{background:var(--hover)}
.cmp tbody tr:not(.cmp-group):not(.cmp-foot):hover > th[scope="row"]{color:var(--ink)}
.cmp tbody tr:not(.cmp-group):not(.cmp-foot):hover > .cmp-flag{background:var(--chip)}
.cmp-foot th,.cmp-foot td{border-bottom:0;padding:1.125rem .875rem 1.25rem;vertical-align:top}
.cmp-foot .btn{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:2.5rem;
  font-size:.8125rem;
  padding:.5rem .625rem;
  box-shadow:none;
}
.cmp tbody tr:last-child > th:first-child{border-bottom-left-radius:var(--radius)}
.cmp tbody tr:last-child > td:last-child{border-bottom-right-radius:var(--radius)}
.cmp-hint{display:none;margin-top:.75rem;font-size:.8125rem;line-height:1.35;letter-spacing:.005em;font-weight:450;color:var(--mut)}
@media (max-width:899px){
  .cmp-scroll{overflow-x:auto;overscroll-behavior-x:contain;contain:paint}
  .cmp{min-width:46rem}
  .cmp-col-feat{width:13.5rem}
  .cmp thead th{position:static}
  .cmp thead th.cmp-corner,
  .cmp tbody th[scope="row"],
  .cmp-foot th{position:sticky;left:0;z-index:4;background:var(--surface);border-right:1px solid var(--line)}
  .cmp-group th span{position:sticky;left:.875rem}
  .cmp tbody tr:not(.cmp-group):not(.cmp-foot):hover > th[scope="row"]{background:var(--surface)}
  .cmp-hint{display:block}
}
@media (max-width:639px){
  .cmp{--cmp-top:3.5625rem}
  .cmp-head h3{font-size:1.25rem}
}
.spy-sentinel{height:1px;margin-top:1.625rem}
.spybar{
  position:sticky;
  top:var(--spy-top,3.9375rem);
  z-index:40;
  padding-block:.625rem;
  background:transparent;
  border-bottom:1px solid transparent;
  transition:background-color 160ms ease,border-color 160ms ease;
}
.spybar.is-stuck{background:var(--bg);border-bottom-color:var(--line)}
.spybar .anchor-row{
  margin-top:0;
  flex-wrap:nowrap;
  overflow-x:auto;
  scrollbar-width:none;
  -ms-overflow-style:none;
  scroll-padding-inline:1rem;
}
.spybar .anchor-row::-webkit-scrollbar{display:none}
.spybar .anchor-row a{flex:0 0 auto;min-height:2.5rem;display:inline-flex;align-items:center}
.anchor-row a[aria-current="location"]{
  background:var(--ink);
  border-color:var(--ink);
  color:var(--bg);
}
.anchor-row a[aria-current="location"]:hover{color:var(--bg);border-color:var(--ink)}
.spybar-after + .section{padding-top:clamp(2rem,4vw,3.5rem)}
.spybar ~ .section[id]{scroll-margin-top:7.5rem}
.spybar ~ .section[id]:focus{outline:none}
@media (max-width:639px){
  .spybar{top:var(--spy-top,4.375rem)}
  .spybar ~ .section[id]{scroll-margin-top:7.5rem}
}
@media (prefers-reduced-motion:reduce){
  .spybar,.spybar .anchor-row{transition:none;scroll-behavior:auto}
}
.promo{background:var(--chip);border-bottom:1px solid var(--line)}
.promo-inner{
  display:flex;
  align-items:center;
  gap:1rem;
  min-height:2.75rem;
  padding-block:.25rem;
}
.promo-line{
  flex:1 1 auto;
  margin:0;
  font-size:.8125rem;
  line-height:1.45;
  letter-spacing:.005em;
  font-weight:450;
  color:var(--ink-dim);
}
.promo-lead{font-weight:560;color:var(--ink)}
.promo-line a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:.15em;white-space:nowrap}
.promo-line a:hover{text-decoration-thickness:2px}
.promo-x{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  margin-right:-.625rem;
  border:0;
  border-radius:var(--radius-sm);
  background:transparent;
  color:var(--mut);
  cursor:pointer;
  transition:background-color 140ms ease,color 140ms ease;
}
.promo-x:hover{background:var(--hover);color:var(--ink)}
html.promo-off .promo{display:none}
@media (max-width:639px){
  .promo-inner{gap:.5rem;align-items:flex-start;padding-block:.5rem}
  .promo-x{margin-top:-.4375rem}
}
@media (prefers-reduced-motion:reduce){.promo-x{transition:none}}
.bl-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.25rem;
  max-width:72rem;
  margin-inline:auto;
}
.bl-card{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  padding:1.25rem 1.25rem 1.125rem;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow-sm);
  text-decoration:none;
  color:inherit;
  transition:box-shadow 160ms ease,border-color 160ms ease;
}
.bl-card:hover{box-shadow:var(--shadow-lg);border-color:var(--line-strong)}
.bl-card-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.5rem;
  margin:0;
  font-size:.8125rem;
  line-height:1.35;
  letter-spacing:.005em;
  font-weight:450;
  color:var(--mut);
}
.bl-card-read{position:relative;padding-left:.875rem}
.bl-card-read::before{
  content:"";
  position:absolute;
  left:0;
  top:.4375rem;
  width:.25rem;
  height:.25rem;
  border-radius:50%;
  background:var(--line-strong);
}
.bl-card-title{
  margin:0;
  font-size:1.125rem;
  line-height:1.3;
  letter-spacing:-.011em;
  font-weight:560;
  color:var(--ink);
  text-wrap:balance;
}
.bl-card:hover .bl-card-title{text-decoration:underline;text-underline-offset:3px}
.bl-card-sum{
  margin:0;
  font-size:.9375rem;
  line-height:1.55;
  color:var(--ink-dim);
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.bl-card-more{
  margin-top:auto;
  padding-top:.75rem;
  display:inline-flex;
  align-items:center;
  gap:.375rem;
  font-size:.8125rem;
  line-height:1.35;
  letter-spacing:.005em;
  font-weight:560;
  color:var(--ink);
}
.bl-card-more svg{flex:0 0 auto}
@media (max-width:1023px){.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){.bl-grid{grid-template-columns:1fr;gap:1rem}}
@media (prefers-reduced-motion:reduce){.bl-card{transition:none}}
.bl-withtoc{display:block}
.bl-toc-wrap{max-width:36rem;margin:1.5rem auto 0}
.bl-toc{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
.bl-toc-sum{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  min-height:2.75rem;
  padding:.5rem .875rem;
  cursor:pointer;
  list-style:none;
  font-size:.8125rem;
  line-height:1.35;
  letter-spacing:.005em;
  font-weight:560;
  color:var(--ink);
  border-radius:var(--radius);
}
.bl-toc-sum::-webkit-details-marker{display:none}
.bl-toc-sum:hover{background:var(--hover)}
.bl-toc-label{display:inline-flex;align-items:center;gap:.5rem;color:var(--mut)}
.bl-toc-label svg{flex:0 0 auto}
.bl-toc-chev{display:inline-flex;color:var(--mut)}
.bl-toc[open] .bl-toc-chev{transform:rotate(180deg)}
.bl-toc-list{
  list-style:none;
  margin:0;
  padding:.125rem 0 .625rem;
  border-left:1px solid var(--line);
  margin-left:1.0625rem;
}
.bl-toc-list li{margin:0}
.bl-toc-list a{
  display:block;
  margin-left:-1px;
  padding:.3125rem .875rem;
  border-left:2px solid transparent;
  font-size:.8125rem;
  line-height:1.4;
  letter-spacing:.005em;
  font-weight:450;
  color:var(--mut);
  text-decoration:none;
  transition:color 140ms ease,border-color 140ms ease;
}
.bl-toc-list a:hover{color:var(--ink);border-left-color:var(--line-strong)}
.bl-toc-list a[aria-current="location"]{color:var(--ink);border-left-color:var(--ink);font-weight:560}
.bl-body h2[id]{scroll-margin-top:5.5rem}
@media (min-width:1120px){
  .bl-withtoc{
    display:grid;
    grid-template-columns:minmax(0,36rem) 15rem;
    column-gap:3.5rem;
    justify-content:center;
    align-items:start;
  }
  .bl-withtoc > .bl-head{grid-column:1;grid-row:1}
  .bl-withtoc > .bl-rest{grid-column:1;grid-row:2}
  .bl-withtoc > .bl-head,.bl-withtoc > .bl-rest{margin-inline:0}
  .bl-toc-wrap{
    grid-column:2;
    grid-row:1 / span 2;
    position:sticky;
    top:5.25rem;
    max-width:none;
    margin:.25rem 0 0;
  }
  .bl-toc{border:0;background:transparent;box-shadow:none}
  .bl-toc-sum{display:none}
  .bl-toc-wrap::before{
    content:"On this page";
    display:block;
    margin:0 0 .625rem .875rem;
    font-size:.8125rem;
    line-height:1.35;
    letter-spacing:.005em;
    font-weight:560;
    color:var(--mut);
  }
  .bl-toc-list{
    padding:0;
    margin-left:0;
    max-height:calc(100vh - 11rem);
    overflow-y:auto;
    scrollbar-width:thin;
  }
  .bl-toc-list a{padding-block:.375rem}
}
@media (prefers-reduced-motion:reduce){
  .bl-toc-list a{transition:none}
  .bl-toc-list{scroll-behavior:auto}
}
.changelog{padding-top:clamp(2rem,4vw,3rem)}
.cl-entry{
  display:grid;
  grid-template-columns:14rem minmax(0,1fr);
  column-gap:4rem;
  max-width:60rem;
  margin-inline:auto;
}
.cl-entry + .cl-entry{margin-top:4rem;padding-top:4rem;border-top:1px solid var(--line)}
.cl-rail{
  position:sticky;
  top:var(--cl-top,5.25rem);
  align-self:start;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.5rem;
}
.cl-ver{
  display:inline-block;
  padding:.25rem .625rem;
  border-radius:999px;
  background:var(--chip);
  border:1px solid var(--line);
  font-size:.8125rem;
  line-height:1.35;
  letter-spacing:.005em;
  font-weight:560;
  color:var(--ink);
}
.cl-date{
  font-size:.8125rem;
  line-height:1.45;
  letter-spacing:.006em;
  font-weight:450;
  color:var(--mut);
  font-variant-numeric:tabular-nums;
}
.cl-body h2{
  font-size:1.5rem;
  line-height:1.25;
  letter-spacing:-.011em;
  font-weight:560;
  margin:0 0 .625rem;
  text-wrap:balance;
}
.cl-body > p{margin:0;color:var(--ink-dim);max-width:36rem}
.cl-list{list-style:none;margin:1.25rem 0 0;padding:0;max-width:40rem}
.cl-list li{
  position:relative;
  padding:.375rem 0 .375rem 1.125rem;
  font-size:.9375rem;
  line-height:1.55;
  color:var(--ink-dim);
}
.cl-list li::before{
  content:"";
  position:absolute;
  left:.0625rem;
  top:1rem;
  width:.3125rem;
  height:.3125rem;
  border-radius:50%;
  background:var(--line-strong);
}
@media (max-width:899px){
  .cl-entry{grid-template-columns:1fr;row-gap:1rem}
  .cl-rail{
    position:static;
    flex-direction:row;
    align-items:baseline;
    flex-wrap:wrap;
    gap:.5rem .75rem;
  }
  .cl-entry + .cl-entry{margin-top:2.5rem;padding-top:2.5rem}
  .cl-body h2{font-size:1.25rem}
}
.page-head.changelog-head{max-width:62.5rem}
#connector .connector-ticks{max-width:44rem;margin:1.75rem 0 0}
#connector .ctarow{margin-top:1.5rem}
#connector .connector-still{display:none}
@media (max-width:639px){#connector .connector-film{display:none}#connector .connector-still{display:block;max-width:22rem}}
.group-grid-does{grid-template-columns:repeat(3,1fr);margin-bottom:1.125rem}
.group-does{border-color:var(--line-strong)}
.group-tag{display:inline-block;font-size:.8125rem;font-weight:600;color:var(--mut);margin-bottom:.35rem}
@media (max-width:899px){.group-grid-does{grid-template-columns:1fr}}
.group-grid.group-grid-does .group-card:nth-child(-n+3){grid-column:auto}
.hero-proof{display:flex;flex-wrap:wrap;gap:.75rem 2rem;margin:1.25rem 0 0;padding:0;list-style:none}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:639px){.field-row{grid-template-columns:1fr}}
.callcard{align-self:start}
.callcard .btn{margin-top:.75rem}
.steps-plain{list-style:none;margin:1.5rem auto;padding:0;display:grid;gap:1rem;max-width:44rem}
.steps-plain li{display:flex;gap:1rem;align-items:flex-start;counter-increment:step}
.steps-plain li::before{content:counter(step);flex:none;width:2rem;height:2rem;border-radius:8px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;font-weight:600;font-size:.9rem}
.steps-plain h3{margin:0 0 .25rem}
.steps-plain p{margin:0}
@media (max-width:639px){.steps-plain li{flex-direction:column;gap:.4rem}}
.prose h2 .small{font-weight:400;color:var(--mut);margin-left:.5rem}
#does .trio{align-items:start}
.execshot{overflow:hidden;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);margin:1rem 0 0}
.execshot img{width:100%;height:auto;display:block}
.callform{display:grid;gap:1rem;max-width:45rem;margin:0 auto}
.callform label{display:grid;gap:.4rem;font-weight:600;font-size:.9375rem}
.callform input,.callform textarea{width:100%;box-sizing:border-box;padding:.65rem .8rem;border:1px solid var(--line);border-radius:.6rem;font:inherit;font-weight:400;background:var(--bg);color:inherit}
.callform textarea{min-height:6rem;resize:vertical}
.callform .btn{width:auto}
.callform .hint{display:block;font-weight:400;font-size:.8125rem;line-height:1.4;color:var(--mut)}
.btn-ink{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.btn-ink:hover{background:var(--ink);color:var(--bg);opacity:.9}
.callform .ctarow{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.hero-proof li{display:flex;flex-direction:column;gap:.1rem;min-width:9rem;max-width:13rem}
.hero-proof .num{font-size:1.5rem;font-weight:660;letter-spacing:-.017em;line-height:1.1;font-variant-numeric:tabular-nums}
.hero-proof .num .dim{color:var(--mut);font-weight:500}
.hero-proof small{color:var(--mut);font-size:.8125rem;line-height:1.35}
