:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#e5eefc;background:radial-gradient(circle at top,rgba(56,189,248,.22),transparent 32%),linear-gradient(180deg,#07111f,#0b1628 48%,#0f1d33);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.page-shell{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:4rem 0 5rem}.hero-card,.example-card{border:1px solid rgba(148,163,184,.18);background:#0a1223c7;box-shadow:0 32px 80px #070d1873,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card{border-radius:28px;padding:clamp(1.75rem,3vw,3rem)}.eyebrow,.section-kicker,.demo-label,.example-label{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700}.eyebrow,.section-kicker,.demo-label{color:#7dd3fc}h1,h2,p{margin:0}h1{margin-top:.85rem;max-width:12ch;font-size:clamp(2.6rem,6vw,4.75rem);line-height:1.03;letter-spacing:-.04em;color:#f8fbff}.hero-text{margin-top:1.1rem;max-width:62ch;font-size:1.08rem;color:#bfd0eb}.generator-form{margin-top:2rem}.input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.85rem}.formula-input{width:100%;min-height:3.75rem;padding:0 1.1rem;border:1px solid rgba(125,211,252,.22);border-radius:18px;background:#0f172af2;color:#f8fbff;outline:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.formula-input::placeholder{color:#7790b7}.formula-input:focus{border-color:#38bdf8e6;box-shadow:0 0 0 4px #38bdf826;transform:translateY(-1px)}.generate-button{min-height:3.75rem;padding:0 1.4rem;border:none;border-radius:18px;background:linear-gradient(135deg,#38bdf8,#2563eb);color:#f8fbff;font-weight:800;cursor:pointer;box-shadow:0 20px 40px #2563eb59;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.generate-button:hover,.generate-button:focus-visible{transform:translateY(-2px);box-shadow:0 24px 44px #2563eb6b;filter:brightness(1.02)}.helper-text{min-height:1.5rem;margin-top:.8rem;color:#9eb2d3}.helper-text[data-state=warning]{color:#fbbf24}.helper-text[data-state=success]{color:#7dd3fc}.demo-panel{margin-top:1.2rem;padding:1.25rem;border:1px solid rgba(56,189,248,.22);border-radius:22px;background:linear-gradient(180deg,#0e1c34f2,#091325f2)}.demo-panel h2{margin-top:.45rem;font-size:1.35rem;color:#f8fbff}.demo-panel p:last-child{margin-top:.55rem;color:#bfd0eb}.demo-panel-pulse{animation:pulse-highlight .42s ease}.examples-section{margin-top:2rem}.section-heading h2{margin-top:.5rem;max-width:18ch;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1;color:#f8fbff}.examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.4rem}.example-card{border-radius:24px;padding:1.35rem}.example-label{color:#7c93ba}.example-input{margin:.45rem 0 1rem;font-size:1.08rem;color:#f8fbff}.example-output{display:inline-block;margin-top:.45rem;padding:.65rem .8rem;border-radius:14px;background:#0f172af2;color:#86efac;font-size:.98rem;overflow-wrap:anywhere}.examples-emphasis .example-card{border-color:#38bdf84d;box-shadow:0 28px 60px #070d186b,0 0 0 1px #38bdf814}.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}@keyframes pulse-highlight{0%{transform:scale(.99);box-shadow:0 0 #38bdf833}to{transform:scale(1);box-shadow:0 0 0 12px #38bdf800}}@media(max-width:860px){.page-shell{width:min(100% - 1.25rem,1120px);padding-top:1.5rem}h1,.section-heading h2{max-width:none}.examples-grid{grid-template-columns:1fr}}@media(max-width:640px){.hero-card{border-radius:24px;padding:1.3rem}.input-row{grid-template-columns:1fr}.generate-button{width:100%}}