@charset "UTF-8";
:root { color-scheme:dark; --bg:#17191b; --surface:#202628; --surface-2:#26302d; --line:#37403e; --muted:#aebbb6; --ink:#edf0e9; --accent:#91dfc6; --gold:#e9bf74; --blue:#91dfc6; --blue-ink:#91dfc6; --blue-wash:#243c35; --ink-2:#b5c0c2; --ink-3:#8d9a9e; --mono:ui-monospace,SFMono-Regular,Consolas,monospace; --sans:system-ui,-apple-system,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
html { height:100%; }
body { margin:0; height:100dvh; padding:0 clamp(18px,2.4vw,48px); display:grid; grid-template-rows:76px minmax(0,1fr) 42px; color:var(--ink); background:var(--bg); font:14px/1.6 var(--sans); -webkit-font-smoothing:antialiased; }
[hidden] { display:none!important; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
h1,h2,p { margin:0; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
button { cursor:pointer; }
button,a,input,textarea { -webkit-tap-highlight-color:transparent; }
button:focus-visible,a:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.icon-defs { position:absolute; width:0; height:0; }
.icon { width:18px; height:18px; display:block; flex:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; fill:none; }
.header { display:flex; align-items:center; gap:28px; border-bottom:1px solid var(--line); }
.brand { display:flex; flex-direction:column; gap:3px; }
.wordmark { font-size:30px; line-height:1; letter-spacing:-1.5px; font-weight:720; }
.wordmark>span { color:var(--accent); }
.tagline { color:var(--muted); font-size:9px; }
.free-note { color:var(--accent); font-size:11px; margin-left:auto; }
.account-nav { display:flex; gap:24px; align-items:center; font-size:12px; }
.account-nav a { display:flex; align-items:center; gap:9px; }
.account-nav a:hover { color:var(--accent); }
.signin { color:var(--muted); }
.columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(16px,2vw,36px); min-height:0; padding-block:24px; }
.eyebrow { font:9px/1.5 var(--mono); color:var(--muted); letter-spacing:.08em; }
.preview-card,.interest-panel { min-width:0; min-height:0; padding:clamp(20px,2.1vw,34px); border:1px solid var(--line); border-radius:7px; }
.preview-card { display:flex; flex-direction:column; background:linear-gradient(155deg,#27352e55,#1a2020); }
.feature-card { background:linear-gradient(155deg,#38322755,#1c2021); --accent:var(--gold); }
.card-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; height:28px; flex:none; }
.rotation-toggle { display:flex; align-items:center; gap:3px; padding:4px 0 4px 4px; border:0; background:none; color:var(--accent); font:9px var(--mono); }
.rotation-toggle .icon { width:14px; height:14px; }
.rotation-toggle:hover { color:var(--ink); }
.domain { color:var(--accent); font:9px/1.5 var(--mono); margin-top:24px; }
.preview-card h2 { font-size:clamp(24px,2.5vw,42px); line-height:1.15; letter-spacing:-.035em; font-weight:550; margin-top:12px; min-height:2.3em; }
.card-summary { color:var(--muted); font-size:13px; line-height:1.8; margin-top:13px; min-height:5.4em; }
.preview-visual { min-height:0; flex:1; display:flex; align-items:center; justify-content:center; margin-block:16px; position:relative; background-image:radial-gradient(#839b8b32 .7px,transparent 1px); background-size:18px 18px; }
.preview-visual>svg { display:block; height:100%; width:100%; min-height:0; }
.preview-visual .logic-wave { color:var(--accent); }
.logic-wave path { fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.logic-wave text { fill:var(--muted); font:11px var(--mono); dominant-baseline:middle; }
.logic-wave .bus-value { fill:var(--accent); text-anchor:middle; }
.architecture text { fill:var(--ink); font:12px var(--sans); text-anchor:middle; dominant-baseline:middle; }
.architecture .diagram-caption { fill:var(--muted); font:10px var(--mono); }
.architecture .diagram-block { fill:#263b32; stroke:var(--accent); stroke-width:1.2; }
.architecture .diagram-wire { fill:none; stroke:var(--accent); stroke-width:1.5; stroke-linejoin:round; }
.chart-text { fill:var(--muted); font:10px var(--mono); }
.visual-note { color:var(--muted); font:9px/1.65 var(--mono); min-height:3.3em; }
.slider-controls { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:18px; padding-top:14px; border-top:1px solid var(--line); }
.slider-controls>span { font:10px/1 var(--mono); color:var(--muted); font-variant-numeric:tabular-nums; }
.slider-controls>div { display:flex; gap:8px; }
.slider-controls button { display:grid; place-items:center; width:36px; height:36px; border:1px solid #516156; color:var(--accent); background:transparent; border-radius:50%; }
.slider-controls button:hover { border-color:var(--accent); background:#ffffff08; }
.loading { color:var(--muted); font-size:11px; }
.interest-panel { display:flex; flex-direction:column; justify-content:center; background:#1b201e; }
h1 { font-size:clamp(32px,3.2vw,54px); line-height:1.06; letter-spacing:-.05em; font-weight:560; margin:23px 0 16px; }
h1 em { color:var(--accent); font-style:normal; }
.form-intro { color:var(--muted); font-size:12px; line-height:1.7; margin-bottom:9px; }
.registration-progress { margin-block:3px 4px; color:var(--accent); font:10px/1.6 var(--mono); }
.registration-progress progress { display:block; width:100%; height:4px; margin-top:5px; appearance:none; border:0; border-radius:2px; background:var(--line); color:var(--accent); overflow:hidden; }
.registration-progress progress::-webkit-progress-bar { background:var(--line); }
.registration-progress progress::-webkit-progress-value { background:var(--accent); }
.registration-progress progress::-moz-progress-bar { background:var(--accent); }
.binary-counter { margin-top:5px; padding:4px 6px; border:1px solid var(--line); border-radius:4px; }
.counter-flow,.binary-output { display:flex; align-items:center; gap:6px; min-width:0; }
.counter-flow { font-size:8px; color:var(--muted); line-height:1.5; }
#registration-pulse { min-width:83px; color:var(--accent); }
.counter-wire { color:var(--accent); }
.counter-adder,.counter-register { padding:0 4px; border:1px solid #516156; border-radius:2px; color:var(--accent); }
.counter-register { font-size:7px; letter-spacing:.08em; }
.binary-output { margin-top:3px; font-size:8px; line-height:1.5; }
.binary-bits { flex:1; min-width:0; font-size:11px; letter-spacing:.18em; overflow-wrap:anywhere; }
.counter-carry { flex:none; color:var(--muted); font-size:7px; }
#registration-carry { color:var(--accent); }
.counter-caption { margin-left:auto; color:var(--muted); font-size:7px; }
.interest-panel label { display:block; font-size:11px; margin-top:14px; }
.interest-panel label span { color:var(--muted); }
.contact-fields { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.contact-fields label { min-width:0; }
.field-hint { margin-top:4px; color:var(--muted); font-size:9px; line-height:1.5; }
.interest-panel input,.interest-panel textarea { display:block; width:100%; padding:9px 11px; margin-top:5px; border:1px solid #46534d; border-radius:4px; color:var(--ink); background:#171c19; font:12px/1.6 var(--sans); }
.interest-panel input { height:40px; }
.interest-panel textarea { height:66px; min-height:0; resize:none; }
.interest-options { border:0; padding:0; margin:16px 0 0; min-width:0; }
.interest-options legend { padding:0; margin-bottom:8px; font-size:11px; }
.interest-options legend span { color:var(--muted); font-size:9px; }
.interest-options>div { display:grid; grid-template-columns:1fr 1fr; gap:8px 10px; }
.interest-panel .interest-options label { display:flex; align-items:center; gap:7px; margin:0; font-size:10px; line-height:1.4; }
.interest-options input[type="checkbox"],.interest-options input[type="radio"] { display:block; width:14px; height:14px; flex:none; margin:0; padding:0; accent-color:var(--accent); }
.role-wide { grid-column:1 / -1; }
.role-options>div { display:flex; flex-wrap:wrap; gap:8px 14px; }
.interest-panel input::placeholder,.interest-panel textarea::placeholder { color:#91a098; opacity:1; }
.interest-panel input:focus,.interest-panel textarea:focus { outline:2px solid var(--accent); outline-offset:2px; }
.form-trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.button { display:flex; align-items:center; justify-content:space-between; gap:15px; width:100%; height:42px; padding:0 15px; margin-top:18px; color:#132b21; background:var(--accent); border:1px solid var(--accent); border-radius:4px; font-size:12px; font-weight:650; }
.button:hover { background:#b2efd9; }
.button:disabled { opacity:.6; cursor:wait; }
.privacy-note { margin-top:12px; color:var(--muted); font-size:9px; line-height:1.8; }
.privacy-note a { text-decoration:underline; text-underline-offset:2px; }
.footer { display:flex; align-items:center; justify-content:space-between; gap:15px; color:var(--muted); font-size:10px; border-top:1px solid var(--line); }
.footer nav { display:flex; gap:18px; }
.form-notice { position:fixed; z-index:5; right:24px; bottom:53px; width:min(400px,calc(100% - 48px)); padding:18px 42px 18px 18px; background:#26342d; border:1px solid #91dfc677; border-radius:6px; box-shadow:0 10px 40px #0006; font-size:12px; }
.form-notice p { line-height:1.7; }
.form-notice a { display:inline-block; margin-top:10px; color:var(--accent); text-decoration:underline; text-underline-offset:3px; }
.form-notice>button { position:absolute; right:8px; top:8px; display:grid; place-items:center; width:27px; height:27px; color:var(--muted); background:transparent; border:0; }
.form-notice .button { height:36px; margin-top:12px; }
.pane-nav { display:none; }
@media(max-height:780px) { body { grid-template-rows:64px minmax(0,1fr) 34px; } .columns { padding-block:16px; } .preview-card,.interest-panel { padding:20px; } .domain { margin-top:16px; } .preview-card h2 { font-size:28px; margin-top:9px; } .card-summary { font-size:12px; margin-top:10px; } h1 { font-size:36px; margin:16px 0 12px; } .form-intro { font-size:11px; margin-bottom:4px; } .interest-panel label { margin-top:11px; } .interest-panel input { height:36px; padding-block:6px; } .interest-panel textarea { height:53px; padding-block:6px; } .button { margin-top:14px; height:38px; } .privacy-note { margin-top:9px; } .slider-controls { margin-top:12px; padding-top:10px; } }
@media(min-width:621px) and (max-width:960px) { .columns { gap:12px; } .preview-card,.interest-panel { padding:14px; } .preview-card h2 { font-size:22px; } .card-summary,.form-intro { font-size:11px; } .eyebrow { font-size:8px; letter-spacing:0; } h1 { font-size:32px; } .interest-panel label { font-size:10px; } .privacy-note { font-size:8px; } .free-note { display:none; } .account-nav { margin-left:auto; } }
@media(max-width:620px) { body { grid-template-rows:66px 40px minmax(0,1fr) 34px; } .free-note { display:none; } .account-nav { margin-left:auto; } .pane-nav { display:flex; justify-content:center; align-items:end; gap:32px; } .pane-nav button { padding:7px 0; border:0; border-bottom:2px solid transparent; background:none; color:var(--muted); font-size:12px; } .pane-nav button[aria-pressed="true"] { color:var(--accent); border-color:var(--accent); } .columns { display:block; padding-block:16px; } .preview-card,.interest-panel { height:100%; width:100%; } .interest-panel { align-items:center; } .interest-panel>* { width:min(100%,430px); } body:not([data-screen="designs"]) .design-card,body:not([data-screen="features"]) .feature-card,body:not([data-screen="interest"]) .interest-panel { display:none; } .preview-card { padding:24px; } .preview-card h2 { min-height:0; font-size:32px; } .card-summary { min-height:0; max-width:58ch; } .domain { margin-top:12px; } .preview-visual { width:100%; max-width:530px; align-self:center; } .record-preview pre { font-size:12px; } }
@media(max-width:620px) { body { padding-inline:16px; grid-template-rows:60px 38px minmax(0,1fr) 30px; } .wordmark { font-size:27px; } .tagline { font-size:8px; } .account-nav { font-size:10px; } .signin { display:none!important; } .account-nav .icon { width:15px; height:15px; } .pane-nav { gap:26px; } .pane-nav button { font-size:11px; } .columns { padding-block:12px; } .preview-card,.interest-panel { padding:20px; } h1 { font-size:42px; margin-block:16px; } .preview-card h2 { font-size:28px; } .card-summary { font-size:12px; } .footer { font-size:9px; } }
@media(max-height:690px) { body { grid-template-rows:54px minmax(0,1fr) 28px; } .columns { padding-block:10px; } .preview-card,.interest-panel { padding:16px; } h1 { font-size:30px; margin:11px 0; } .interest-panel>.eyebrow { font-size:8px; } .form-intro { font-size:10px; margin-bottom:2px; } .interest-panel label { font-size:10px; margin-top:8px; } .interest-panel input { height:32px; padding-block:5px; } .interest-panel textarea { height:43px; padding-block:5px; } .button { height:33px; margin-top:10px; } .privacy-note { font-size:8px; margin-top:7px; } .domain { margin-top:8px; } .preview-card h2 { font-size:23px; } .card-summary { font-size:11px; min-height:0; } .visual-note { font-size:8px; } .slider-controls { margin-top:8px; padding-top:8px; } .preview-visual { margin-block:10px; } .slider-controls button { width:30px; height:30px; } }
@media(max-height:690px) and (max-width:620px) { body { grid-template-rows:52px 34px minmax(0,1fr) 28px; } }
@media(max-height:780px) { .interest-options { margin-top:12px; } .interest-options>div { gap:6px 8px; } }
@media(max-height:690px) { .interest-options { margin-top:10px; } .interest-options legend { font-size:10px; margin-bottom:6px; } .interest-options legend span { font-size:8px; } .interest-panel .interest-options label { margin:0; font-size:9px; } .interest-options>div { gap:5px 8px; } }
@media(max-height:690px) and (max-width:620px) { h1 { font-size:26px; } h1 br { display:none; } }
@media(max-height:690px) {
  .interest-panel h1 { margin-block:8px; }
  .interest-panel .form-intro { line-height:1.5; }
  .interest-panel label { margin-top:6px; }
  .interest-panel input:not([type="radio"]):not([type="checkbox"]) { height:30px; margin-top:4px; }
  .interest-options { margin-top:8px; }
  .interest-options legend { margin-bottom:5px; }
  .interest-options>div { gap:4px 8px; }
  .interest-panel .button { margin-top:8px; }
  .interest-panel .privacy-note { margin-top:6px; }
  .registration-progress { font-size:9px; margin-block:2px; }
}
@media(min-width:621px) and (max-width:960px) { .contact-fields { grid-template-columns:1fr; gap:0; } }
@media(max-height:780px) { .interest-panel h1 { font-size:28px; margin-block:12px; } .interest-panel h1 br { display:none; } }
@media(max-height:690px) { .interest-panel h1 { font-size:24px; margin-block:7px; } .role-options>div { gap:4px 10px; } .field-hint { font-size:8px; margin-top:3px; } }
@media(max-height:780px) {
  .interest-panel h1 { font-size:26px; margin-block:8px; }
  .interest-panel .form-intro { font-size:10px; line-height:1.5; margin-bottom:2px; }
  .interest-panel .interest-options { margin-top:10px; }
  .interest-panel .button { margin-top:10px; }
  .interest-panel .privacy-note { font-size:8px; line-height:1.5; margin-top:7px; }
}
@media(max-height:690px) {
  .interest-panel h1 { font-size:22px; margin-block:6px; }
  .interest-panel .interest-options,.interest-panel .button { margin-top:8px; }
  .interest-panel .privacy-note { margin-top:6px; }
}
@media(max-width:620px) {
  .interest-panel h1 { font-size:32px; margin-block:10px; }
  .interest-panel h1 br { display:none; }
}
@media(max-width:620px) and (max-height:780px) {
  .interest-panel h1 { font-size:26px; margin-block:8px; }
}
@media(max-width:620px) and (max-height:690px) {
  .interest-panel h1 { font-size:22px; margin-block:6px; }
}
/* The new footer marker keeps older in-flight HTML on its compact baseline. */
.interest-counter-bottom { justify-content:flex-start; overflow:auto; }
/* Keep content at its natural height; short or zoomed views can scroll the card. */
.interest-counter-bottom>* { flex:none; }
.interest-counter-bottom>form { padding-bottom:8px; }
.interest-counter-bottom h1 { font-size:32px; margin-block:8px; }
.interest-counter-bottom .form-intro { font-size:11px; line-height:1.45; margin-bottom:0; }
.interest-counter-bottom .contact-fields label { margin-top:10px; }
.interest-counter-bottom .interest-options { margin-top:12px; }
.interest-counter-bottom .button { margin-top:12px; }
.interest-counter-bottom .privacy-note { margin-top:8px; line-height:1.5; }
.registration-footer { flex:none; margin-top:auto; margin-bottom:0; padding-top:10px; border-top:1px solid var(--line); }
.registration-footer .binary-counter { margin-top:6px; padding:6px 8px; }
.registration-footer .counter-flow { font-size:9px; flex-wrap:wrap; }
.registration-footer .counter-register { font-size:9px; }
.registration-footer .binary-output { font-size:9px; margin-top:4px; flex-wrap:wrap; }
.registration-footer .binary-bits { font-size:18px; letter-spacing:.08em; flex:1 0 auto; white-space:nowrap; }
.registration-footer .counter-carry { font-size:10px; }
.registration-footer .counter-caption { font-size:8px; }
.registration-footer progress { margin-top:6px; }
@media(max-height:900px) {
  .interest-counter-bottom h1 { font-size:26px; margin-block:6px; }
  .interest-counter-bottom .form-intro { font-size:10px; }
  .interest-counter-bottom .contact-fields label { margin-top:8px; }
  .interest-counter-bottom input:not([type="radio"]):not([type="checkbox"]) { height:36px; padding-block:6px; }
  .interest-counter-bottom .interest-options,.interest-counter-bottom .button { margin-top:8px; }
  .interest-counter-bottom .button { height:38px; }
  .interest-counter-bottom .privacy-note { font-size:8px; margin-top:6px; }
  .registration-footer { padding-top:8px; }
}
@media(max-height:690px) {
  .interest-counter-bottom h1 { font-size:22px; }
  .interest-counter-bottom .contact-fields label { margin-top:5px; }
  .interest-counter-bottom .interest-options { margin-top:6px; }
  .interest-counter-bottom input:not([type="radio"]):not([type="checkbox"]) { height:30px; padding-block:5px; }
  .interest-counter-bottom .button { height:33px; margin-top:7px; }
  .registration-footer .binary-bits { font-size:17px; }
}
.interest-question-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:12px; }
.interest-question-columns .interest-options { margin:0; }
.interest-question-columns legend { width:100%; min-height:2.8em; font-size:11px; line-height:1.4; margin-bottom:4px; }
.interest-question-columns legend span { display:block; }
.interest-question-columns .interest-options>div { display:grid; grid-template-columns:1fr; gap:3px; }
.interest-panel .interest-question-columns .interest-options label { font-size:11px; line-height:1.4; align-items:flex-start; }
.interest-question-columns input[type="checkbox"],.interest-question-columns input[type="radio"] { margin-top:1px; }
@media(max-height:900px) {
  .interest-question-columns { margin-top:8px; gap:12px; }
  .interest-question-columns legend,.interest-panel .interest-question-columns .interest-options label { font-size:10px; }
}
@media(max-height:690px) {
  .interest-question-columns { margin-top:5px; }
}