/* Deliberately scoped: the existing header and interactive hero keep their CSS. */
.prototype-nav { display:flex; gap:18px; flex-wrap:wrap; align-items:center; }
.prototype-nav a[aria-current=page] { color:#67dda2; }
.redesign { --r-bg:#080f0c; --r-ink:#eaf1eb; --r-muted:#a5b4aa; --r-line:#293b31; --r-accent:#8be8b4; background:var(--r-bg); color:var(--r-ink); }
.r-wrap { width: min(1120px, calc(100% - 96px)); margin-inline:auto; }
.redesign .r-section { padding-block:104px; }
.redesign .r-kicker { font:500 11px/1.6 "IBM Plex Mono",monospace; text-transform:uppercase; letter-spacing:.12em; color:var(--r-accent); margin-bottom:22px; }
.redesign h2 { font-size:clamp(34px,4vw,56px); font-weight:400; line-height:1.08; letter-spacing:-.045em; max-width:18ch; text-wrap:balance; }
.redesign h3 { font-size:22px; font-weight:500; line-height:1.25; letter-spacing:-.025em; }
.redesign p { text-wrap:pretty; }
.redesign .r-copy { font-size:16px; line-height:1.8; color:var(--r-muted); max-width:48ch; margin-top:20px; }
.redesign .r-link { display:inline-flex; gap:24px; align-items:center; min-height:44px; color:var(--r-ink); text-decoration:none; font-size:14px; border-bottom:1px solid var(--r-line); margin-top:20px; }
.redesign .r-link:hover { color:var(--r-accent); border-color:currentColor; }
.redesign .r-button { display:inline-flex; justify-content:center; align-items:center; gap:28px; padding:14px 21px; min-height:48px; color:#0b2918; background:#8be8b4; border:1px solid transparent; border-radius:4px; text-decoration:none; font-size:14px; font-weight:500; }
.redesign .r-button:hover { background:#b0f1cc; }
.redesign :focus-visible { outline:2px solid var(--r-accent); outline-offset:5px; }
.r-split { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:start; }
.r-rule { border-top:1px solid var(--r-line); }
.r-note { display:flex; align-items:center; justify-content:space-between; gap:32px; padding-block:25px; border-block:1px solid var(--r-line); }
.r-note > p { font-size:13px; color:var(--r-muted); line-height:1.7; }
.r-note details { max-width:500px; }
.redesign summary { padding:12px 0; color:var(--r-ink); font-size:14px; line-height:1.6; }
.redesign summary::after { color:var(--r-accent); }
.r-note details p { font-size:13px; color:var(--r-muted); line-height:1.7; padding-block:8px; }
.r-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; margin-top:56px; }
.r-step { border-top:1px solid var(--r-line); padding-top:24px; }
.r-step > span { display:block; font:12px "IBM Plex Mono",monospace; color:var(--r-muted); margin-bottom:28px; }
.r-step p { color:var(--r-muted); line-height:1.75; font-size:15px; margin-top:14px; }
.r-faq { margin-top:44px; border-top:1px solid var(--r-line); }
.r-faq details { border-bottom:1px solid var(--r-line); }
.r-faq summary { padding:20px 0; font-size:16px; }
.r-faq details p { font-size:15px; line-height:1.8; color:var(--r-muted); padding:0 28px 22px 0; max-width:76ch; }
.r-fine { font-size:12px; color:var(--r-muted); line-height:1.8; }
.r-network { margin:42px 0 22px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.r-network > div { flex:1; display:grid; justify-items:center; gap:17px; text-align:center; font-size:13px; }
.r-network > span { width:34px; height:1px; background:var(--r-line); position:relative; }
.r-network > span::after { content:""; position:absolute; right:0; top:-3px; width:6px; height:6px; border-top:1px solid var(--r-line); border-right:1px solid var(--r-line); transform:rotate(45deg); }
.r-icon { width:48px; height:48px; stroke:currentColor; stroke-width:1.2; fill:none; color:var(--r-accent); }
.r-network .r-icon { width:64px; height:64px; }
.r-privacy-note { padding-top:24px; margin-top:32px; border-top:1px solid var(--r-line); }
.r-privacy-note a { color:var(--r-ink); }
.r-prices { display:grid; grid-template-columns:1fr 1fr; gap:0; }
.r-plan { padding:0 34px; border-left:1px solid var(--r-line); }
.r-plan:first-child { padding-left:0; border-left:0; }
.r-plan:last-child { padding-right:0; }
.r-plan .r-price { font-size:48px; letter-spacing:-.06em; line-height:1.1; margin:28px 0 6px; }
.r-price small { font-size:13px; letter-spacing:0; color:var(--r-muted); }
.r-plan ul { list-style:none; padding:0; margin:28px 0 20px; font-size:14px; line-height:1.7; color:var(--r-muted); }
.r-plan li { margin-bottom:12px; }
.r-plan li:first-child { color:var(--r-ink); }
.r-plan .r-link { margin-top:0; }
.r-close { display:flex; align-items:center; justify-content:space-between; gap:40px; padding-block:64px; border-top:1px solid var(--r-line); }
.r-close h2 { font-size:clamp(30px,3.3vw,44px); }
.r-close .r-copy { margin-top:12px; font-size:14px; }
.r-footer { padding-block:30px; border-top:1px solid var(--r-line); display:flex; justify-content:space-between; align-items:center; gap:24px; font-size:12px; color:var(--r-muted); }
.r-footer nav { display:flex; flex-wrap:wrap; gap:24px; }
.r-footer a { text-decoration:none; }
.r-footer a:hover { color:var(--r-accent); }
.r-footer strong { font-size:12px; font-weight:500; letter-spacing:.13em; color:var(--r-ink); }
/* 01 / Quiet editorial: long rules, short columns, a single inset diagram. */
.editorial .r-ownership { background:#101b15; border-block:1px solid var(--r-line); }
.editorial .r-ownership .r-wrap { align-items:center; }
.editorial .r-network { margin-top:0; }
.editorial .r-pricing-heading { max-width:340px; }
.editorial .r-pricing-grid { grid-template-columns:.85fr 1.4fr; gap:70px; }
/* 02 / Field notes: a warm paper canvas beneath the unchanged dark hero. */
.paper { --r-bg:#eeeee7; --r-ink:#203b30; --r-muted:#57695d; --r-line:#c6cfc3; --r-accent:#306d4a; color-scheme:light; }
.paper .r-wrap { width:min(1120px,calc(100% - 96px)); }
.paper .r-note { border-top:0; }
.paper .r-section { padding-block:92px; }
.paper .r-kicker { font-size:10px; }
.paper .r-button { background:#244c36; color:#f0f2e9; }
.paper .r-button:hover { background:#316448; }
.paper .paper-intro { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; }
.paper .paper-intro h2 { font-size:clamp(38px,4.7vw,64px); }
.paper .paper-steps { border-top:1px solid var(--r-line); }
.paper .paper-step { padding:28px 0; border-bottom:1px solid var(--r-line); display:grid; grid-template-columns:40px 1fr; gap:18px; }
.paper .paper-step > span { font:12px "IBM Plex Mono",monospace; padding-top:5px; color:var(--r-accent); }
.paper .paper-step .r-copy { margin-top:12px; font-size:15px; }
.paper .paper-step .r-link { margin-top:8px; }
.paper .paper-ownership { background:#dfe5d9; }
.paper .paper-ownership .r-split { align-items:center; }
.paper .r-network { margin:44px 0 28px; }
.paper .paper-diagram { padding:36px; border:1px solid #b7c5b3; }
.paper .paper-diagram > p { text-align:center; }
.paper .paper-price-head { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:48px; }
.paper .paper-price-head .r-copy { max-width:32ch; }
.paper .r-prices { border-top:1px solid var(--r-line); border-bottom:1px solid var(--r-line); }
.paper .r-plan { padding:36px 44px; }
.paper .r-plan:first-child { padding-left:0; }
.paper .r-plan:last-child { background:#e4e8dc; }
.paper .r-plan .r-price { font-size:60px; }
.paper .paper-plan-top { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.paper .paper-plan-top .r-fine { text-transform:uppercase; letter-spacing:.08em; font-size:10px; }
.paper .r-faq { margin-top:32px; }
.paper .r-close { border-top:0; }
.paper .paper-close { background:#dfe5d9; }
/* 03 / Product studio: generous centered headings and a focused visual story. */
.studio { --r-bg:#0b100f; --r-ink:#edf1ed; --r-muted:#9dab9f; --r-line:#2a3530; --r-accent:#b4e3bf; }
.studio .r-section { padding-block:100px; }
.studio .studio-title { text-align:center; margin-inline:auto; }
.studio .studio-title h2 { margin-inline:auto; max-width:20ch; }
.studio .studio-title .r-copy { margin-inline:auto; }
.studio .studio-tabs { display:flex; justify-content:center; gap:8px; margin:34px 0; }
.studio .studio-tabs button { border:1px solid var(--r-line); color:var(--r-muted); background:transparent; padding:11px 25px; border-radius:30px; cursor:pointer; font-size:13px; }
.studio .studio-tabs button[aria-pressed=true] { background:#d7eddb; border-color:#d7eddb; color:#203b30; }
.studio .studio-feature { display:grid; grid-template-columns:1.45fr 1fr; background:#141d18; border:1px solid var(--r-line); border-radius:8px; overflow:hidden; min-height:360px; }
.studio .studio-scene { position:relative; min-width:0; background:#111; }
.studio .studio-scene img { width:100%; height:100%; object-fit:cover; aspect-ratio:16/10; }
.studio .studio-scene-label { position:absolute; bottom:18px; left:18px; padding:6px 10px; border-radius:3px; background:#0b100fdd; color:#e8f1e9; font:10px/1.6 "IBM Plex Mono",monospace; }
.studio .studio-feature-copy { padding:48px; align-self:center; }
.studio .studio-feature-copy h3 { font-size:32px; font-weight:400; }
.studio .studio-feature-copy .r-copy { font-size:15px; }
.studio .studio-feature-copy .r-fine { margin-top:32px; }
.studio .studio-feature-caption { text-align:center; margin-top:14px; }
.studio .studio-setup { background:#121a15; border-block:1px solid var(--r-line); }
.studio .studio-setup .r-steps { gap:56px; }
.studio .studio-setup .r-step { border:0; padding:0; }
.studio .studio-setup .r-icon { margin-bottom:24px; }
.studio .studio-setup .r-step > span { display:inline; margin:0; font-family:inherit; }
.studio .studio-setup .r-faq { margin-top:48px; }
.studio .studio-privacy { align-items:center; }
.studio .studio-privacy h2 { max-width:12ch; }
.studio .studio-diagram { padding:44px 28px; background:#121a15; border:1px solid var(--r-line); border-radius:8px; }
.studio .studio-diagram .r-network { margin-top:12px; }
.studio .studio-diagram > p { text-align:center; }
.studio .studio-pricing { background:#d7eddb; --r-ink:#193926; --r-muted:#476851; --r-line:#a6c4ac; --r-accent:#255b39; color:var(--r-ink); color-scheme:light; }
.studio .studio-pricing .r-prices { width:min(780px,100%); margin:52px auto 0; gap:80px; }
.studio .studio-pricing .r-plan { border:0; padding:0; }
.studio .studio-pricing .r-plan .r-price { font-size:64px; margin-top:20px; }
.studio .studio-pricing .r-plan h3 { border-bottom:1px solid var(--r-line); padding-bottom:20px; }
.studio .studio-pricing .r-button { color:#edf5ee; background:#193926; width:100%; }
.studio .studio-pricing .r-button:hover { background:#2f5b3f; }
.studio .studio-pricing > .r-wrap > .r-fine { text-align:center; margin-top:32px; }
.studio .studio-guides { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; margin-top:44px; }
.studio .studio-guides a { padding:24px 0; border-top:1px solid var(--r-line); text-decoration:none; }
.studio .studio-guides span { float:right; }
.studio .studio-guides small { display:block; margin-top:12px; color:var(--r-muted); line-height:1.7; font-size:13px; }
@media(min-width:1800px) { .r-wrap,.paper .r-wrap { width:min(1280px,calc(100% - 160px)); } }
@media(max-width:1000px) { .r-split,.paper .paper-intro { gap:48px; } .editorial .r-pricing-grid { grid-template-columns:1fr; gap:44px; } .editorial .r-pricing-heading { max-width:none; } .studio .studio-feature-copy { padding:30px; } .r-steps { gap:28px; } }
@media(max-width:700px) {
  .preview-bar { flex-direction:column; gap:4px; } .prototype-nav { gap:14px; }
  .r-wrap,.paper .r-wrap { width:calc(100% - 40px); }
  .redesign .r-section,.paper .r-section,.studio .r-section { padding-block:64px; }
  .r-split,.paper .paper-intro { grid-template-columns:1fr; gap:36px; }
  .r-note { align-items:stretch; flex-direction:column; gap:6px; }
  .r-note details { max-width:none; }
  .r-steps { grid-template-columns:1fr; gap:30px; margin-top:36px; }
  .r-step > span { margin-bottom:14px; }
  .r-prices { gap:26px; }
  .r-plan { padding:0 0 0 20px; }
  .r-plan .r-price { font-size:40px; }
  .r-close { flex-direction:column; align-items:flex-start; gap:28px; padding-block:48px; }
  .r-footer { flex-wrap:wrap; } .r-footer nav { gap:20px; }
  .paper .paper-price-head { flex-direction:column; align-items:flex-start; gap:4px; }
  .paper .r-prices { grid-template-columns:1fr; gap:0; }
  .paper .r-plan,.paper .r-plan:first-child { padding:28px; border:0; }
  .paper .paper-diagram { padding:28px 16px; }
  .studio .studio-feature { grid-template-columns:1fr; }
  .studio .studio-scene img { aspect-ratio:16/9; }
  .studio .studio-feature-copy { padding:30px; }
  .studio .studio-setup .r-steps { gap:32px; }
  .studio .studio-setup .r-icon { width:36px; height:36px; margin-bottom:12px; }
  .studio .studio-diagram { padding:30px 16px; }
  .studio .studio-pricing .r-prices { grid-template-columns:1fr; gap:44px; }
  .studio .studio-guides { grid-template-columns:1fr; gap:0; margin-top:24px; }
  .studio .studio-tabs button { padding:11px 20px; }
  .r-network { gap:10px; } .r-network > span { width:18px; } .r-network .r-icon { width:48px; height:48px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media(max-width:500px) {
  .editorial .r-prices { grid-template-columns:1fr; gap:36px; }
  .editorial .r-plan { border-left:0; border-top:1px solid var(--r-line); padding:26px 0 0; }
}