:root{--ink:#172b46;--blue:#3159cd;--muted:#5c6e83;--line:#dbe3ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:white;font:17px/1.65 'Segoe UI',Arial,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Bahnschrift','Segoe UI',sans-serif;letter-spacing:-.025em;line-height:1.2}h1{font-size:clamp(38px,5.7vw,72px);max-width:1000px}h2{font-size:clamp(28px,3vw,40px)}h3{font-size:20px}a{color:var(--blue);text-underline-offset:5px}button,input,textarea{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #7d9bed;outline-offset:4px}.landing-header{max-width:1240px;padding:26px 32px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.logo{font-weight:800;font-size:27px;text-decoration:none;color:var(--ink)}.logo span{display:block;font-weight:400;font-size:14px;color:var(--muted)}.landing-header>a:last-child{font-size:15px;font-weight:600}.test-strip{padding:9px 24px;background:#fff4dd;color:#805e28;text-align:center;font-size:14px}main{max-width:1240px;padding:0 32px;margin:auto}main>section{margin-bottom:68px}.hero{padding:80px 0 60px;border-bottom:1px solid var(--line)}.eyebrow{color:var(--blue);font-size:14px;font-weight:650;letter-spacing:.04em;margin-bottom:20px}.hero-description{font-size:23px;color:var(--muted);max-width:840px;margin:30px 0}.primary-link{display:inline-flex;justify-content:space-between;gap:36px;align-items:center;background:var(--blue);color:white;text-decoration:none;border:0;border-radius:9px;padding:16px 22px;font-size:17px;font-weight:600;cursor:pointer;min-height:52px}.primary-link:disabled{opacity:.55;cursor:default}.hero-note{font-size:14px;color:var(--muted);margin-top:18px}.context-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.large-copy{font-size:22px}.audience{color:var(--muted);margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.steps article{border:1px solid var(--line);border-radius:12px;padding:26px}.step-number{font-family:Consolas,monospace;color:var(--blue);font-size:33px;display:block;margin-bottom:18px}.steps p{color:var(--muted);margin-top:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px}.split ul,.split ol,.limits ul{padding-left:22px}.split li,.limits li{margin:13px 0}.difference{padding:40px;background:#edf2ff;border-radius:14px}.difference .large-copy{margin-top:22px;max-width:920px}.soft{background:#f5f7fa;border-radius:14px;padding:35px}.small-note{font-size:15px;color:var(--muted)}.limits{padding:30px 0;border-top:1px solid var(--line)}.contact{background:#f1f5fc;border-radius:16px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact>div>p:last-child{margin-top:24px;color:var(--muted)}.field{display:grid;gap:7px;margin-bottom:20px}.field label{font-size:15px;font-weight:600}.field input,.field textarea{font-size:17px;border:1px solid #a8b8cb;background:white;padding:12px 14px;border-radius:7px;max-width:100%;width:100%;color:var(--ink)}.field textarea{resize:vertical}.consent{display:flex;align-items:start;gap:9px;font-size:14px;margin:22px 0;cursor:pointer}.consent input{width:20px;height:20px;flex-shrink:0;margin-top:3px;accent-color:var(--blue)}.trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.form-result{font-size:15px;margin-top:18px}.landing-footer{max-width:1240px;margin:auto;padding:28px 32px 45px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:14px;color:var(--muted)}.preview-form-note{padding:25px;background:#fff4dd;border-radius:9px}@media(max-width:850px){.context-grid,.contact{grid-template-columns:1fr;gap:30px}.steps{grid-template-columns:1fr}.split{gap:24px}.hero{padding-top:50px}.contact{padding:28px}}@media(max-width:580px){body{font-size:16px}main{padding:0 18px}.landing-header{padding:18px}.landing-header>a:last-child{display:none}.hero-description,.large-copy{font-size:20px}.split{grid-template-columns:1fr}.soft,.difference,.contact{padding:24px}.landing-footer{padding:24px 18px;flex-direction:column}.primary-link{width:100%;font-size:16px}.hero{padding-bottom:38px}main>section{margin-bottom:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Extend Paramiko's existing studio identity. The process remains the focal element. */
:root {
  --ink: #f0f6fc;
  --blue: #b68afa;
  --muted: #a5b0bf;
  --line: #303846;
  color-scheme: dark;
}
body {
  background: #0e1117;
  font-family: Inter, 'Segoe UI', sans-serif;
}
h1,
h2,
h3 {
  font-family: 'Space Grotesk', 'Segoe UI', sans-serif;
}
h1 {
  font-weight: 650;
  max-width: 980px;
}
.landing-header {
  border-bottom: 1px solid var(--line);
}
.logo {
  letter-spacing: -0.045em;
}
.logo span {
  letter-spacing: 0;
}
.hero {
  padding: 72px 0 56px;
}
.eyebrow {
  color: #ff946f;
}
.primary-link {
  background: #a371f7;
  color: #100b19;
  border-radius: 8px;
  font-weight: 700;
}
.primary-link:hover {
  background: #bb99fa;
}
.steps {
  gap: 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.steps article {
  border: 0;
  border-radius: 0;
  padding: 26px;
  border-left: 1px solid var(--line);
}
.steps article:first-child {
  border-left: 0;
}
.step-number {
  font-family: 'JetBrains Mono', Consolas, monospace;
  color: #ff946f;
}
.difference,
.soft {
  background: #161b22;
  border-radius: 10px;
}
.difference {
  border-left: 4px solid #a371f7;
}
.contact {
  background: #161b22;
  border: 1px solid #303846;
}
.field input,
.field textarea {
  background: #0e1117;
  border-color: #607087;
}
.small-note,
.hero-note {
  font-size: 15px;
}
.form-result {
  color: #b6f7bd;
  overflow-wrap: anywhere;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline-color: #ffb454;
}
.steps {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
}
@media (max-width: 850px) {
  .steps {
    grid-template-columns: 1fr;
  }
  .steps article {
    border-left: 0;
    border-top: 1px solid var(--line);
  }
  .steps article:first-child {
    border-top: 0;
  }
}
@media (max-width: 580px) {
  .hero {
    padding-top: 42px;
  }
  .landing-header > a:last-child {
    display: block;
    font-size: 14px;
  }
  .logo span {
    display: none;
  }
  .hero-description {
    font-size: 20px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
.analytics-choice {
  max-width: 76rem;
  margin: 1rem auto;
  padding: 1.25rem;
  font-size: 0.875rem;
  color: #a9b2c3;
}
.analytics-choice p {
  margin: 0 0 0.75rem;
}
.analytics-choice button {
  padding: 0.5rem 0.8rem;
  border: 1px solid #657084;
  border-radius: 0.4rem;
  color: inherit;
  background: transparent;
  cursor: pointer;
}