:root{
  --bg:#fbfbf8;
  --surface:rgba(255,255,255,.72);
  --surface-solid:#ffffff;
  --text:#101217;
  --muted:#636973;
  --line:rgba(15,18,23,.10);
  --peach:#ffb38a;
  --peach-strong:#f28b57;
  --green:#2c8b57;
  --blue:#4d73ff;
  --shadow:0 24px 80px rgba(27,31,39,.12);
  --radius:24px;
}
html[data-theme="dark"]{
  --bg:#0d1014;
  --surface:rgba(20,24,30,.72);
  --surface-solid:#15191f;
  --text:#f4f5f7;
  --muted:#9da4ae;
  --line:rgba(255,255,255,.10);
  --peach:#ffb38a;
  --peach-strong:#ffb38a;
  --green:#52c07a;
  --blue:#86a1ff;
  --shadow:0 26px 90px rgba(0,0,0,.36);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
*{scrollbar-color:var(--peach) color-mix(in srgb,var(--surface-solid) 70%,#111720);scrollbar-width:thin}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:color-mix(in srgb,var(--surface-solid) 70%,#111720)}
*::-webkit-scrollbar-thumb{background:var(--peach);border:2px solid color-mix(in srgb,var(--surface-solid) 70%,#111720);border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:var(--peach-strong)}
body{
  margin:0;
  color:var(--text);
  background:
    radial-gradient(circle at 10% -10%, rgba(255,211,56,.19), transparent 30rem),
    radial-gradient(circle at 90% 4%, rgba(77,115,255,.11), transparent 28rem),
    var(--bg);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.55;
}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.nav{
  position:sticky;top:0;z-index:50;
  backdrop-filter:blur(18px);
  background:color-mix(in srgb,var(--bg) 80%,transparent);
  border-bottom:1px solid var(--line)
}
.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:-.04em;font-size:1.25rem}
.brand span{font-weight:900}
.logo{width:42px;height:42px;display:block}
.nav-links{display:flex;align-items:center;gap:8px}
.nav-links a,.theme-toggle{
  padding:9px 12px;border-radius:12px;color:var(--muted);font-weight:650;border:0;background:transparent;cursor:pointer
}
.nav-links a:hover,.nav-links a.active,.theme-toggle:hover{color:var(--text);background:var(--surface)}
.nav-links a.nav-cta{
  color:#18140a;background:var(--peach);border:1px solid color-mix(in srgb,var(--peach-strong) 62%,transparent);
  box-shadow:0 8px 24px rgba(242,139,87,.22)
}
.nav-links a.nav-cta:hover,.nav-links a.nav-cta.active{
  color:#18140a;background:color-mix(in srgb,var(--peach) 88%,white);transform:translateY(-1px)
}
.mobile-menu{display:none;padding:9px 12px;border-radius:12px;color:var(--text);font-weight:800;border:1px solid var(--line);background:var(--surface);cursor:pointer}
.preview-ribbon{position:fixed;z-index:70;top:22px;right:-58px;width:240px;transform:rotate(38deg);pointer-events:none;text-align:center;background:var(--peach);color:#18140a;border:1px solid color-mix(in srgb,var(--peach-strong) 70%,#18140a);box-shadow:0 10px 30px rgba(0,0,0,.18);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:6px 0}
.hero{padding:86px 0 58px}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:64px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:.86rem;font-weight:750;color:var(--muted)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px color-mix(in srgb,var(--green) 15%,transparent)}
h1{font-size:clamp(3.2rem,8vw,7.4rem);line-height:.9;letter-spacing:-.075em;margin:28px 0 26px;max-width:760px}
h1 .peach{color:var(--peach-strong);text-shadow:0 2px 0 rgba(0,0,0,.08)}
.hero-copy{font-size:clamp(1.06rem,2vw,1.28rem);color:var(--muted);max-width:700px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.button{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  border-radius:14px;padding:13px 18px;font-weight:800;border:1px solid var(--line);
  background:var(--surface-solid);box-shadow:0 8px 30px rgba(0,0,0,.05)
}
.button.primary{background:var(--text);color:var(--bg);border-color:transparent}
.button.peach-button{background:var(--peach);color:#18140a;border-color:#e98b5f}
.button:hover{transform:translateY(-2px)}
.note{font-size:.88rem;color:var(--muted);margin-top:13px}
.hero-card{
  position:relative;border:1px solid var(--line);border-radius:32px;padding:24px;background:var(--surface);
  box-shadow:var(--shadow);backdrop-filter:blur(20px);overflow:hidden
}
.hero-card:before{
  content:"";position:absolute;inset:-40% auto auto -20%;width:300px;height:300px;border-radius:50%;
  background:rgba(255,211,56,.22);filter:blur(22px)
}
.terminal{position:relative;background:#0c0f13;color:#d9e0e7;border-radius:20px;padding:18px;min-height:280px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.terminal-head{display:flex;align-items:center;gap:7px;margin-bottom:22px}
.terminal-head i{width:10px;height:10px;border-radius:50%;background:#3a414a}
.terminal-head i:nth-child(1){background:#ff6b5f}.terminal-head i:nth-child(2){background:#ffc84a}.terminal-head i:nth-child(3){background:#55c77a}
.terminal pre{margin:0;font:500 .98rem/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.prompt{color:#ffb38a}.result{color:#8ed49f}.sql{color:#8fa8ff}
.duck-mark{position:absolute;right:18px;bottom:10px;font-size:5.2rem;filter:drop-shadow(0 12px 18px rgba(0,0,0,.25))}
.section{padding:74px 0}
.section h2{font-size:clamp(2.1rem,4vw,4rem);letter-spacing:-.055em;line-height:1;margin:0 0 18px}
.section-intro{font-size:1.1rem;color:var(--muted);max-width:720px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:26px;box-shadow:0 14px 50px rgba(0,0,0,.04)}
.card-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--peach) 32%,var(--surface-solid));font-size:1.35rem}
.card-icon img{width:42px;height:42px;display:block}
.card h3{font-size:1.2rem;margin:19px 0 8px}.card p{color:var(--muted);margin:0}
.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}
.chart-wrap{border:1px solid var(--line);border-radius:28px;background:var(--surface);padding:24px;box-shadow:var(--shadow)}
.chart-meta{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px}
.chart-meta strong{font-size:1.1rem}.chart-meta span{color:var(--green);font-weight:800}
#compatChart{width:100%;height:auto;display:block}
.signup{border-radius:32px;padding:42px;background:linear-gradient(135deg,#171a20,#262c35);color:white;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;overflow:hidden;position:relative}
.signup:after{content:"🍑";position:absolute;right:8%;font-size:8rem;opacity:.08;transform:rotate(-9deg)}
.signup h2{margin:0 0 10px;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.05em}.signup p{color:#b9c1cb;margin:0}.signup small{display:block;color:#8f98a5;margin-top:9px}
.signup-form{display:flex;gap:8px;position:relative;z-index:2}
.signup input{min-width:260px;padding:13px 14px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.08);color:white;outline:none}
.signup button{border:0;border-radius:12px;padding:13px 16px;background:var(--peach);font-weight:850;cursor:pointer}
.help-build{border:1px solid var(--line);border-radius:32px;background:linear-gradient(135deg,color-mix(in srgb,var(--peach) 22%,var(--surface-solid)),var(--surface));padding:38px;box-shadow:var(--shadow)}
.help-build h2{max-width:760px}.help-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin-top:28px}
.help-list p{margin:0;border-top:1px solid var(--line);padding-top:12px;color:var(--muted)}
.help-list strong{display:block;color:var(--text);margin-bottom:3px}
.page-hero{padding:76px 0 34px}.page-hero h1{font-size:clamp(3rem,7vw,6rem);margin:0 0 20px}.page-hero p{max-width:760px;color:var(--muted);font-size:1.2rem}
.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.download-card{position:relative;overflow:hidden}.download-card .os{font-size:2rem}.download-card h3{font-size:1.55rem;margin:16px 0 8px}.download-card .small{color:var(--muted);font-size:.92rem}
.download-card.recommended{border-color:color-mix(in srgb,var(--peach-strong) 60%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--peach) 22%,var(--surface-solid)),var(--surface));box-shadow:0 22px 70px color-mix(in srgb,var(--peach-strong) 18%,transparent)}
.download-card-secondary{opacity:.78}.download-card-secondary:hover{opacity:1}
.release-meta{margin-top:18px;color:var(--muted);font-weight:750}.release-meta strong{color:var(--text)}
.file-name{margin:14px 0 4px;color:var(--muted);font:800 .78rem ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-meta{margin:0 0 4px;color:color-mix(in srgb,var(--muted) 86%,var(--text));font:750 .72rem ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.download-cli{margin-top:28px;border:1px solid var(--line);background:var(--surface);padding:22px;box-shadow:var(--shadow)}
.platform-instructions[hidden]{display:none}
.platform-instructions h2{font-size:clamp(1.6rem,3vw,2.4rem);margin:0 0 14px}
.platform-instructions pre{margin:0;background:#0a0d11;color:#dce3ea;padding:18px;border-radius:12px;overflow:auto}
.platform-instructions code{font:750 .92rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}
.tag{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:.75rem;font-weight:800;color:var(--muted)}
.changelog{margin-top:34px}.change{display:grid;grid-template-columns:120px 1fr;gap:22px;padding:22px 0;border-top:1px solid var(--line)}.change time{font-weight:800;color:var(--muted)}.change code{font:800 .92em ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--peach-strong)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.quote{font-size:1.35rem;line-height:1.45;letter-spacing:-.02em}
.thanks-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start}
.thanks-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.thanks-card h3{margin:0 0 10px;font-size:1.12rem}
.thanks-card p{color:var(--muted)}
.thanks-card-wide{grid-column:1/-1}
.roadmap-page{padding-top:34px}
.roadmap-score{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;align-items:center;margin-bottom:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--peach) 30%,var(--surface-solid)),var(--surface))}
.roadmap-score h2{margin:10px 0 0}
.roadmap-score p{font-size:1.08rem;color:color-mix(in srgb,var(--muted) 78%,var(--text));margin:0}
.roadmap-status{margin-bottom:24px;background:color-mix(in srgb,var(--surface-solid) 78%,var(--surface));border-color:color-mix(in srgb,var(--peach-strong) 26%,var(--line))}
.roadmap-status h2{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.05em;margin:10px 0 12px}
.roadmap-status p{color:var(--muted);max-width:900px}.roadmap-status p+p{margin-top:12px}
.roadmap-status a{color:var(--peach-strong);font-weight:850}
.roadmap-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:stretch}
.roadmap-card{position:relative;overflow:hidden}
.roadmap-card.active{grid-row:span 2}
.roadmap-card.active:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--peach)}
.roadmap-version{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--peach-strong);font-weight:900;font-size:.82rem}
.roadmap-card h2{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.05em;margin:16px 0 12px}
.roadmap-card p{color:var(--muted)}
.roadmap-card ul{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.roadmap-card li{border-top:1px solid var(--line);padding-top:10px;color:var(--muted)}
.roadmap-card code,.page-hero code{font:800 .92em ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--peach-strong)}
.roadmap-scope{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}
.roadmap-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px}
.roadmap-footer p{color:var(--muted);margin:0;max-width:680px}
.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:stretch}
.contact-card h2{font-size:clamp(1.7rem,3vw,2.7rem);letter-spacing:-.045em;margin:10px 0 12px}
.contact-card p{color:var(--muted)}
.primary-contact{background:linear-gradient(135deg,color-mix(in srgb,var(--peach) 28%,var(--surface-solid)),var(--surface))}
.primary-contact p{font-size:1.06rem;color:color-mix(in srgb,var(--muted) 76%,var(--text))}
.contact-form{padding:24px;max-height:1200px;opacity:1;overflow:hidden;transition:max-height .28s ease,opacity .2s ease,padding .28s ease,margin .28s ease,transform .28s ease}
.contact-form.is-sent{max-height:0;opacity:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;transform:translateY(-8px);pointer-events:none}
.contact-sent{margin-top:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--green) 18%,var(--surface-solid)),var(--surface))}
.contact-sent[hidden]{display:none!important}.contact-sent h2{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.05em;margin:10px 0}.contact-sent p{color:var(--muted);margin:0}
.contact-form-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}
.contact-form-head h2{font-size:clamp(1.9rem,4vw,3.2rem);letter-spacing:-.055em;margin:10px 0 10px}
.contact-form-head p{color:var(--muted);max-width:680px}
.template-toggle{display:inline-flex;border:1px solid var(--line);border-radius:12px;padding:4px;background:var(--surface)}
.template-toggle button{border:0;background:transparent;color:var(--muted);font-size:.88rem;font-weight:850;padding:8px 12px;cursor:pointer;border-radius:8px;white-space:nowrap}
.template-toggle button[aria-pressed="true"]{background:var(--text);color:var(--bg)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grid label{display:grid;gap:7px;color:var(--muted);font-weight:800;font-size:.86rem}
.form-grid input,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface-solid);color:var(--text);padding:12px 13px;outline:none}
.form-grid textarea{min-height:260px;resize:vertical;font:600 .92rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}
.form-grid input:focus,.form-grid textarea:focus{border-color:var(--peach-strong)}
.message-field{grid-column:1/-1}
.contact-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}
.contact-form-actions span,.form-status{color:var(--muted);font-size:.9rem}
.form-status{margin-top:12px;font-weight:800}
.form-status.success{color:var(--green)}.form-status.error{color:#c94b4b}
.honeypot{position:absolute;left:-9999px;top:-9999px}
.repl-shell{display:grid;grid-template-columns:1fr 300px;gap:20px;height:min(620px,calc(100vh - 210px));min-height:420px}
.repl-panel{position:relative;min-height:0;background:#0a0d11;color:#dce3ea;border-radius:24px;border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.repl-panel.expanded{position:fixed;z-index:90;inset:18px;width:auto;height:auto;min-height:0;border-radius:18px}
.repl-panel.expanded .repl-output{font-size:1rem}
.repl-panel.expanded .repl-workspace{grid-template-columns:minmax(320px,.95fr) minmax(360px,1.05fr)}
.repl-panel.expanded .repl-editor-pane{display:flex}
.repl-panel.expanded .repl-toolbar{padding-right:58px}
.repl-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.08);color:#8d98a5;font-size:.85rem}
.repl-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.repl-actions button{border:1px solid rgba(255,255,255,.10);border-radius:9px;background:rgba(255,255,255,.06);color:#dce3ea;font-size:.78rem;font-weight:800;padding:6px 8px;cursor:pointer;white-space:nowrap}
.repl-actions button:hover,.repl-actions button:focus{border-color:#ffb38a;color:#ffb38a;outline:none}
.repl-actions button.repl-icon-button,.repl-editor-head button.repl-icon-button{display:inline-grid;place-items:center;width:32px;min-width:32px;height:32px;padding:0;font-size:1rem;line-height:1}
.repl-full-theme{display:none!important}
.repl-panel.expanded .repl-full-theme{display:inline-grid!important}
.repl-menu{position:relative;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.repl-menu>button span{color:#ffb38a;font-size:.72rem;margin-left:2px}
.repl-menu>button{display:flex!important;align-items:center;justify-content:space-between!important;width:100%!important;font-family:inherit!important}
.repl-menu-panel{position:absolute;top:calc(100% + 8px);left:0;right:auto;z-index:4;width:min(310px,calc(100vw - 30px));max-height:min(520px,calc(100vh - 120px));overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#111720;color:#dce3ea;padding:10px;box-shadow:0 24px 70px rgba(0,0,0,.36)}
.repl-menu-panel strong{display:block;color:#8d98a5;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;margin:8px 7px 5px}
.repl-menu-panel strong:first-child{margin-top:0}
.repl-menu-panel button{display:block;width:100%;text-align:left;margin:3px 0;border-radius:8px;background:transparent;color:#dce3ea;white-space:normal}
.repl-menu-panel button:hover,.repl-menu-panel button:focus{background:rgba(255,179,138,.10)}
.repl-expand-button{border-color:#ffb38a!important;background:rgba(255,179,138,.16)!important;color:#ffb38a!important;box-shadow:0 0 0 1px rgba(255,179,138,.14),0 8px 24px rgba(242,139,87,.14)}
.repl-expand-button:hover,.repl-expand-button:focus{background:rgba(255,179,138,.24)!important}
.repl-expand-button[aria-expanded="true"]{background:#ffb38a!important;color:#18140a!important}
.repl-close-button{display:none;position:absolute;top:9px;right:10px;z-index:5;width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.07);color:#dce3ea;font-size:1.35rem;line-height:1;cursor:pointer}
.repl-panel.expanded .repl-close-button{display:grid;place-items:center}
.repl-close-button:hover,.repl-close-button:focus{border-color:#ffb38a;color:#ffb38a;outline:none}
.repl-toast{position:absolute;top:48px;right:16px;z-index:2;max-width:min(280px,calc(100% - 32px));border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#111720;color:#ffb38a;padding:8px 10px;box-shadow:0 18px 50px rgba(0,0,0,.28);font-size:.8rem;font-weight:850;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}
.repl-toast.show{opacity:1;transform:translateY(0)}
.repl-workspace{display:grid;grid-template-columns:1fr;min-height:0;flex:1}
.repl-terminal-pane{display:flex;flex-direction:column;min-width:0;min-height:0;background:#090d12;box-shadow:inset 4px 0 0 rgba(142,212,159,.18)}
.repl-editor-pane{display:none;flex-direction:column;min-width:0;min-height:0;border-right:1px solid rgba(255,179,138,.18);background:#0d1218;box-shadow:inset 4px 0 0 rgba(255,179,138,.30)}
.repl-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid rgba(255,179,138,.16);background:linear-gradient(90deg,rgba(255,179,138,.10),rgba(255,255,255,.02));color:#ffb38a;font-size:.78rem;font-weight:850}
.repl-editor-head div{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.repl-editor-head button{border:1px solid rgba(255,255,255,.10);border-radius:8px;background:rgba(255,255,255,.06);color:#dce3ea;font-size:.76rem;font-weight:800;padding:5px 8px;cursor:pointer}
.repl-editor-head button:hover,.repl-editor-head button:focus{border-color:#ffb38a;color:#ffb38a;outline:none}
.repl-editor-menu>button{background:rgba(255,179,138,.10)!important;border-color:rgba(255,179,138,.22)!important}
.repl-editor-menu{position:relative}
.repl-editor-menu>button span{color:#ffb38a;font-size:.7rem;margin-left:2px}
.repl-editor-menu-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:6;width:220px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#111720;color:#dce3ea;padding:9px;box-shadow:0 24px 70px rgba(0,0,0,.36)}
.repl-editor-menu-panel[hidden],.repl-menu-panel[hidden]{display:none!important}
.repl-editor-menu-panel strong{display:block;color:#8d98a5;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;margin:2px 7px 6px}
.repl-editor-menu-panel button{display:block;width:100%;text-align:left;margin:3px 0;border-radius:8px;background:transparent;color:#dce3ea;white-space:normal}
.repl-editor-menu-panel button:hover,.repl-editor-menu-panel button:focus{background:rgba(255,179,138,.10)}
.repl-console-head{display:none;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(142,212,159,.14);background:linear-gradient(90deg,rgba(142,212,159,.08),rgba(255,255,255,.015));color:#8ed49f;font-size:.78rem;font-weight:850}
.repl-panel.expanded .repl-console-head{display:flex}
.repl-console-head span+span{color:#7d8b98;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.repl-tabs{display:flex;align-items:flex-end;gap:3px;min-height:38px;padding:7px 10px 0;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#101721,#0d1218);overflow-x:auto;overflow-y:hidden}
.repl-tab{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:220px;border:1px solid rgba(255,255,255,.09);border-bottom:0;border-radius:9px 9px 0 0;background:#121922;color:#9ca8b5;padding:7px 9px 8px;font:800 .76rem ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer}
.repl-tab[aria-selected="true"]{background:#0d1218;color:#f4f5f7;border-color:rgba(255,179,138,.38);box-shadow:inset 0 2px 0 #ffb38a}
.repl-tab-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.repl-tab-dirty{width:6px;height:6px;border-radius:50%;background:#ffb38a;box-shadow:0 0 0 3px rgba(255,179,138,.12)}
.repl-tab-close{display:grid;place-items:center;width:18px;height:18px;border:0;border-radius:5px;background:transparent;color:#7f8a96;font-size:1rem;line-height:1;cursor:pointer}
.repl-tab:hover .repl-tab-close,.repl-tab-close:focus{background:rgba(255,255,255,.08);color:#ffb38a;outline:none}
.repl-tab-add{justify-content:center;min-width:34px;max-width:34px;font-size:1rem;color:#ffb38a}
.repl-editor-wrap{position:relative;flex:1;min-height:0;overflow:hidden}
.repl-highlight,.repl-editor-wrap textarea{position:absolute;inset:0;margin:0;padding:16px;font:500 .95rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre;overflow:auto}
.repl-highlight{pointer-events:none;color:#dce3ea;background:#0d1218;overflow:hidden}
.repl-editor-wrap textarea{z-index:1;width:100%;height:100%;border:0;outline:0;resize:none;background:transparent;color:transparent;caret-color:#f4f5f7}
.repl-editor-wrap textarea::selection{background:rgba(255,179,138,.26);color:transparent}
.repl-editor-wrap.cm-active .repl-highlight,.repl-editor-wrap.cm-active textarea{display:none}
.repl-editor-wrap.cm-active .cm-editor{height:100%;background:#0d1218}
.repl-editor-wrap.cm-active .cm-scroller{display:flex!important;align-items:stretch;overflow:auto}
.repl-editor-wrap.cm-active .cm-gutters{display:flex!important;flex-shrink:0;min-width:48px!important;background:#151d27!important;color:#ffb38a!important;border-right:1px solid rgba(255,179,138,.32)!important}
.repl-editor-wrap.cm-active .cm-lineNumbers{display:block!important;min-width:48px!important}
.repl-editor-wrap.cm-active .cm-lineNumbers .cm-gutterElement{display:block!important;min-width:48px!important;padding:0 10px 0 6px!important;text-align:right!important;color:#ffb38a!important}
.repl-editor-wrap.cm-active .cm-content{min-width:0}
.repl-editor-wrap.cm-active .cm-cursor{border-left-color:#ffb38a!important;border-left-width:2px!important}
.repl-editor-wrap.cm-active .cm-selectionBackground{background:rgba(255,179,138,.30)!important}
.repl-editor-wrap.cm-active .cm-matchingBracket{background:rgba(255,179,138,.22)!important;color:#fff!important;outline:1px solid rgba(255,179,138,.72)}
.repl-editor-wrap.cm-active .cm-nonmatchingBracket{background:rgba(255,143,143,.20)!important;color:#ff8f8f!important;outline:1px solid rgba(255,143,143,.65)}
.repl-editor-wrap.cm-active .cm-q-comment,.repl-editor-wrap.cm-active .cm-q-comment *{color:#7e8b99!important;font-style:italic}
.repl-editor-wrap.cm-active .cm-focused{outline:none!important}
html[data-theme="light"] .repl-editor-pane{background:#fff8f3;box-shadow:inset 4px 0 0 rgba(242,139,87,.28)}
html[data-theme="light"] .repl-editor-head{background:linear-gradient(90deg,rgba(255,179,138,.22),rgba(255,255,255,.72));border-bottom-color:rgba(197,95,42,.20)}
html[data-theme="light"] .repl-tabs{background:linear-gradient(180deg,#fff4ec,#f7eee7);border-bottom-color:rgba(197,95,42,.16)}
html[data-theme="light"] .repl-tab{background:#f5e8df;color:#6d5d54;border-color:rgba(197,95,42,.16)}
html[data-theme="light"] .repl-tab[aria-selected="true"]{background:#fffaf6;color:#271d17;border-color:rgba(197,95,42,.38)}
html[data-theme="light"] .repl-editor-wrap.cm-active .cm-editor,html[data-theme="light"] .repl-editor-wrap.cm-active .cm-scroller,html[data-theme="light"] .repl-editor-wrap.cm-active .cm-content{background:#fffaf6!important;color:#241b16!important}
html[data-theme="light"] .repl-editor-wrap.cm-active .cm-gutters{background:#f2e5dc!important;color:#b55f32!important;border-right-color:rgba(197,95,42,.25)!important}
html[data-theme="light"] .repl-editor-wrap.cm-active .cm-lineNumbers .cm-gutterElement{color:#b55f32!important}
html[data-theme="light"] .repl-editor-wrap.cm-active .cm-activeLine{background:rgba(255,179,138,.18)!important}
html[data-theme="light"] .repl-editor-wrap.cm-active .cm-activeLineGutter{background:rgba(255,179,138,.20)!important}
html[data-theme="light"] .repl-editor-wrap.cm-active .cm-cursor{border-left-color:#a84f25!important}
html[data-theme="light"] .repl-editor-wrap.cm-active .cm-selectionBackground{background:rgba(242,139,87,.28)!important}
html[data-theme="light"] .repl-editor-wrap.cm-active .cm-matchingBracket{background:rgba(242,139,87,.24)!important;color:#221711!important;outline-color:rgba(168,79,37,.62)}
html[data-theme="light"] .repl-editor-wrap.cm-active .cm-q-comment,html[data-theme="light"] .repl-editor-wrap.cm-active .cm-q-comment *{color:#7b716a!important}
html[data-theme="light"] .repl-editor-wrap.cm-active .ͼb,html[data-theme="light"] .repl-editor-wrap.cm-active .ͼc{color:#7e3c81!important}
html[data-theme="light"] .repl-editor-wrap.cm-active .ͼd{color:#1f6f6c!important}
html[data-theme="light"] .repl-editor-wrap.cm-active .ͼe{color:#3d7a39!important}
html[data-theme="light"] .repl-editor-wrap.cm-active .ͼf{color:#a84f25!important}
html[data-theme="light"] .repl-editor-wrap.cm-active .ͼg{color:#ac3438!important}
html[data-theme="light"] .repl-editor-wrap.cm-active .ͼh,html[data-theme="light"] .repl-editor-wrap.cm-active .ͼi{color:#9b5a16!important}
html[data-theme="light"] .repl-editor-wrap.cm-active .ͼj{color:#256999!important}
.q-comment{color:#6f7d8d}.q-string{color:#8ed49f}.q-symbol{color:#ffb38a}.q-number{color:#86a1ff}.q-keyword{color:#f7d774;font-weight:800}.q-verb{color:#caa8ff}
.repl-output{flex:1;min-height:0;padding:18px;overflow:auto;font:500 .96rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}
.repl-output{scrollbar-color:#ffb38a #111720;scrollbar-width:thin}
.repl-output::-webkit-scrollbar{width:10px;height:10px}
.repl-output::-webkit-scrollbar-track{background:#111720}
.repl-output::-webkit-scrollbar-thumb{background:#ffb38a;border:2px solid #111720;border-radius:999px}
.repl-output::-webkit-scrollbar-thumb:hover{background:#ffc3a3}
.repl-line{display:flex;border-top:1px solid rgba(255,255,255,.08);padding:12px 16px;gap:9px;align-items:center}
.repl-line span{color:#ffb38a;font:700 1rem ui-monospace,monospace}.repl-line input{width:100%;border:0;outline:0;background:transparent;color:white;font:500 1rem ui-monospace,monospace}
.repl-line input:disabled{color:#7d8792;cursor:wait}
.repl-output{color:#eef1f4}
.repl-output .prompt{color:#8d98a5}.repl-output .result{color:#eef1f4}.repl-output .error{color:#ff8f8f}.repl-output .sys{color:#8d98a5}
html[data-theme="light"] .repl-terminal-pane{background:#fffaf6;box-shadow:inset 4px 0 0 rgba(82,145,96,.20)}
html[data-theme="light"] .repl-console-head{background:linear-gradient(90deg,rgba(82,145,96,.10),rgba(255,255,255,.65));border-bottom-color:rgba(82,145,96,.18);color:#3b7c49}
html[data-theme="light"] .repl-output{color:#241b16}
html[data-theme="light"] .repl-output .prompt{color:#7b716a}
html[data-theme="light"] .repl-output .result{color:#241b16}
html[data-theme="light"] .repl-output .sys{color:#7b716a}
html[data-theme="light"] .repl-line{border-top-color:rgba(36,27,22,.12)}
html[data-theme="light"] .repl-line input{color:#241b16}
.repl-status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ffc84a;box-shadow:0 0 0 4px rgba(255,200,74,.12);flex:0 0 auto}
.repl-status-dot.ready{background:#8ed49f;box-shadow:0 0 0 4px rgba(142,212,159,.14)}
.repl-status-dot.error{background:#ff8f8f;box-shadow:0 0 0 4px rgba(255,143,143,.14)}
.examples button{display:block;width:100%;text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:11px 12px;margin:8px 0;cursor:pointer;font-family:ui-monospace,monospace}
.examples button:hover{border-color:var(--peach-strong)}
.examples button:disabled{cursor:not-allowed;opacity:.48}
.repl-help{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}
.repl-help a{color:var(--peach-strong);font-weight:850;font-size:.92rem}
.repl-bug-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted)!important;padding:8px 10px;font-size:.86rem;box-shadow:none}
.repl-bug-button:hover,.repl-bug-button:focus{color:var(--peach-strong)!important;border-color:var(--peach-strong);outline:none}
.small{font-size:.9rem;color:var(--muted)}
.compat-page{padding-top:36px}
.compat-kpis{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:12px;margin-bottom:18px}
.compat-kpi{border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface-solid) 82%,transparent));padding:16px 18px;box-shadow:0 12px 38px rgba(0,0,0,.035)}
.compat-kpi.hero{background:linear-gradient(135deg,color-mix(in srgb,var(--peach) 42%,var(--surface-solid)),color-mix(in srgb,var(--green) 16%,var(--surface-solid)))}
.compat-kpi span{display:block;color:color-mix(in srgb,var(--muted) 86%,var(--text));font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
html[data-theme="dark"] .compat-kpi.hero,html[data-theme="dark"] .compat-kpi.hero span,html[data-theme="dark"] .compat-kpi.hero em{color:#f4f5f7}
.compat-kpi strong{display:block;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1;margin:10px 0 7px;letter-spacing:-.055em}
.compat-kpi em{display:block;color:var(--muted);font-style:normal;font-size:.92rem}
.compat-chart{border:1px solid var(--line);background:var(--surface);padding:20px 22px;margin-bottom:34px;box-shadow:0 14px 50px rgba(0,0,0,.04)}
.compat-chart svg{width:100%;height:auto;display:block;overflow:visible}
.compat-grid{stroke:currentColor;opacity:.1}
.compat-axis{fill:currentColor;opacity:.55;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}
.compat-line{fill:none;stroke:var(--peach-strong);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.compat-dot{fill:var(--peach);stroke:var(--surface-solid);stroke-width:2}
.compat-last{fill:var(--green);font:800 13px ui-monospace,SFMono-Regular,Consolas,monospace}
.compat-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:8px 0 16px}
.compat-toolbar h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.055em;line-height:1;margin:0 0 12px}
.compat-tools{display:grid;gap:10px;justify-items:end}
.compat-toggle{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface-solid)}
.compat-toggle button{border:0;background:transparent;color:var(--muted);font-size:.88rem;font-weight:850;padding:8px 12px;cursor:pointer}
.compat-toggle button[aria-pressed="true"]{background:var(--text);color:var(--bg)}
.compat-toolbar input{width:min(360px,100%);border:1px solid var(--line);border-radius:8px;background:var(--surface-solid);color:var(--text);padding:11px 13px;outline:none}
.compat-toolbar input:focus{border-color:var(--peach-strong)}
.compat-heat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.compat-group{border:1px solid var(--line);background:var(--surface);padding:10px;box-shadow:0 12px 38px rgba(0,0,0,.035)}
.compat-group-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.compat-group-head h3{margin:0 auto 0 0;font-size:.9rem;letter-spacing:-.015em}
.compat-group-head span{border:1px solid rgba(0,0,0,.10);border-radius:5px;color:#17140b;font:900 .72rem ui-monospace,SFMono-Regular,Consolas,monospace;padding:2px 5px}
.compat-group-head em{color:var(--muted);font-style:normal;font-size:.78rem}
.compat-cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(22px,1fr));gap:3px}
.compat-cell{aspect-ratio:1;min-height:18px;border:1px solid rgba(0,0,0,.10);border-radius:3px;color:#17140b;padding:0;text-align:left;display:block;cursor:default;box-shadow:inset 0 1px 0 rgba(255,255,255,.42)}
.compat-cell:hover,.compat-mini-cells span:hover{outline:2px solid color-mix(in srgb,var(--text) 28%,transparent);outline-offset:1px}
.compat-table-wrap{border:1px solid var(--line);background:var(--surface);margin-top:22px;overflow:auto;padding:0}
.hidden{display:none!important}
.compat-table{width:100%;border-collapse:collapse;font-size:.92rem}
.compat-table th,.compat-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.compat-table th{color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.compat-table td small{display:block;color:var(--muted);font:700 .76rem ui-monospace,SFMono-Regular,Consolas,monospace;margin-top:2px}
.compat-bar{display:inline-block;width:86px;height:8px;border-radius:999px;background:color-mix(in srgb,var(--muted) 15%,transparent);overflow:hidden;margin-right:10px;vertical-align:middle}
.compat-bar i{display:block;height:100%;border-radius:999px;background:var(--peach-strong)}
.compat-status{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:2px 8px;color:var(--muted);font-size:.78rem;font-weight:800}
.compat-qmatrix{border:1px solid var(--line);background:var(--surface);margin-top:22px;padding:12px;box-shadow:0 12px 38px rgba(0,0,0,.035)}
.compat-mini-cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(22px,1fr));gap:3px}
.compat-mini-cells span{aspect-ratio:1;min-height:18px;border:1px solid rgba(0,0,0,.10);border-radius:3px;color:#17140b;padding:0;display:block;overflow:hidden}
.compat-tip{position:fixed;z-index:80;max-width:min(360px,calc(100vw - 28px));pointer-events:none;transform:translate(-50%,-100%);opacity:0;transition:opacity .12s ease,transform .12s ease;border:1px solid rgba(255,255,255,.14);background:#101217;color:#f4f5f7;padding:11px 12px;box-shadow:0 18px 60px rgba(0,0,0,.28);font-size:.85rem}
.compat-tip.show{opacity:1;transform:translate(-50%,calc(-100% - 8px))}
.compat-tip strong,.compat-tip span,.compat-tip code,.compat-tip em{display:block}
.compat-tip strong{font-size:.9rem;margin-bottom:2px}
.compat-tip span{color:#b9c1cb}
.compat-tip code{margin:7px 0 5px;color:#ffb38a;font:800 .78rem ui-monospace,SFMono-Regular,Consolas,monospace;white-space:normal;word-break:break-word}
.compat-tip em{color:#8ed49f;font-style:normal;font-size:.78rem;text-transform:lowercase}
.footer{padding:42px 0 56px;color:var(--muted);font-size:.92rem}.footer-inner{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px}
@media(max-width:900px){
  .hero-grid,.split,.about-grid,.contact-grid,.repl-shell,.roadmap-score,.roadmap-grid,.roadmap-scope,.thanks-section{grid-template-columns:1fr}
  .thanks-grid{grid-template-columns:1fr}
  .roadmap-card.active{grid-row:auto}.roadmap-footer{display:block}.roadmap-footer .actions{margin-top:16px}
  .contact-form-head{display:block}.template-toggle{margin-top:16px}.form-grid{grid-template-columns:1fr}
  .grid-3,.download-grid,.compat-kpis{grid-template-columns:1fr 1fr}
  .compat-heat{grid-template-columns:1fr}
  .signup{grid-template-columns:1fr}.help-list{grid-template-columns:1fr}
  .repl-shell{height:min(640px,calc(100vh - 180px));min-height:460px}.repl-panel{min-height:0}
  .compat-toolbar{display:block}.compat-tools{justify-items:start;margin-top:16px}.compat-toolbar input{margin-top:0}
}
@media(max-width:660px){
  .container{width:min(100% - 24px,1180px)}
  .nav-inner{height:auto;min-height:72px;flex-wrap:wrap;align-content:center}
  .mobile-menu{display:inline-flex}
  .nav-links{display:none;flex-basis:100%;width:100%;flex-direction:column;align-items:stretch;padding:0 0 12px}
  .nav[data-open="true"] .nav-links{display:flex}
  .nav-links a,.theme-toggle{display:block;width:100%;text-align:left}
  .preview-ribbon{display:none}
  .hero{padding-top:54px}.hero-grid{gap:34px}.hero-card{padding:12px}
  .repl-page .page-hero{padding:28px 0 12px}.repl-page .page-hero h1{font-size:clamp(2.4rem,14vw,3.4rem);margin-bottom:12px}.repl-page .page-hero p{font-size:1rem}
  .repl-page .section{padding-top:18px}
  .repl-shell{height:auto;min-height:0;gap:14px}
  .repl-panel{height:min(68vh,620px);min-height:430px;border-radius:18px}
  .repl-panel.expanded{inset:8px;border-radius:14px}
  .repl-panel.expanded .repl-workspace{grid-template-columns:1fr;grid-template-rows:minmax(180px,42%) minmax(220px,58%)}
  .repl-panel.expanded .repl-editor-pane{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .repl-toolbar{align-items:flex-start;padding:11px 13px}
  .repl-panel.expanded .repl-toolbar{padding-right:52px}
  .repl-actions{flex-wrap:wrap}
  .repl-actions button{font-size:.74rem;padding:5px 7px}
  .repl-menu-panel{left:0;right:auto}
  .repl-output{padding:14px;font-size:.9rem;line-height:1.55}
  .repl-line{padding:11px 13px}.repl-line input{font-size:.94rem}
  .examples{padding:18px}.examples button{display:inline-block;width:auto;margin:4px 4px 4px 0}
  .grid-3,.download-grid,.compat-kpis{grid-template-columns:1fr}
  .signup{padding:28px}.signup-form{flex-direction:column}.signup input{min-width:0;width:100%}.help-build{padding:26px}
  .change{grid-template-columns:1fr;gap:4px}
  .footer-inner{flex-direction:column}
}