:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}main{min-height:100vh}.hero-band{color:#f8fafc;background-color:#0000;background-image:linear-gradient(135deg,#08172af0,#0b2c3be6),url(https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:660px;padding:24px clamp(20px,4vw,64px) 96px}.topbar{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;display:flex}.brand,.nav-actions a,.hero-actions a{color:inherit;text-decoration:none}.brand{align-items:center;gap:10px;font-size:20px;font-weight:800;display:inline-flex}.brand-mark{color:#052e2b;background:#2dd4bf;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.nav-actions{align-items:center;gap:10px;display:flex}.nav-actions a{color:#dbeafe;border:1px solid #ffffff2e;border-radius:8px;padding:8px 12px;font-size:14px}.hero-content{grid-template-columns:minmax(0,1.1fr) minmax(280px,420px);align-items:end;gap:40px;max-width:1180px;margin:120px auto 0;display:grid}.hero-copy h1{color:#fff;max-width:880px;margin:18px 0 24px;font-size:clamp(42px,6vw,76px);line-height:.98}.eyebrow{color:#0f766e;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:800;display:inline-flex}.hero-band .eyebrow{color:#99f6e4}.lead{color:#dbeafe;max-width:720px;font-size:20px;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.primary-action,.secondary-action{border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:800;display:inline-flex}.primary-action{color:#052e2b;background:#2dd4bf}.secondary-action{color:#eff6ff;border:1px solid #ffffff3d}.signal-panel{background:#0f172ac7;border:1px solid #e2e8f033;border-radius:8px;gap:1px;display:grid;overflow:hidden;box-shadow:0 24px 60px #0000003d}.signal-panel div{background:#ffffff0f;align-items:center;gap:14px;padding:22px;display:flex}.signal-panel svg{color:#5eead4;flex:none}.signal-panel span{color:#e2e8f0;font-weight:800}.trust-strip{background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(3,1fr);display:grid}.trust-strip div{border-right:1px solid #e2e8f0;padding:24px clamp(20px,4vw,44px)}.trust-strip div:last-child{border-right:0}.trust-strip strong,.trust-strip span{display:block}.trust-strip strong{color:#0f172a;margin-bottom:6px;font-size:15px}.trust-strip span{color:#475569;font-size:14px;line-height:1.45}.workspace-section,.pricing-section,.security-section{padding:72px clamp(20px,4vw,64px)}.section-heading{max-width:1180px;margin:0 auto 28px}.section-heading h2{color:#0f172a;margin:12px 0;font-size:clamp(30px,4vw,44px)}.section-heading p:not(.eyebrow){color:#475569;max-width:760px;font-size:17px;line-height:1.55}.generator-grid{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);align-items:stretch;gap:20px;max-width:1180px;margin:0 auto;display:grid}.input-panel,.output-panel{background:#fff;border:1px solid #dbe4ef;border-radius:8px;box-shadow:0 18px 50px #0f172a14}.input-panel{gap:18px;padding:22px;display:grid}label,legend{color:#172033;font-size:14px;font-weight:800}label{gap:8px;display:grid}fieldset{border:0;gap:10px;margin:0;padding:0;display:grid}input,textarea{color:#0f172a;font:inherit;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:12px}textarea{resize:vertical;min-height:250px;line-height:1.45}.field-note{color:#64748b;text-align:right;font-size:12px;font-weight:700}.field-note.warning{color:#b91c1c}input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #14b8a647}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.type-grid button,.segmented button,.toolbar-actions button{cursor:pointer;font:inherit;border:1px solid #cbd5e1;border-radius:8px}.type-grid button{color:#334155;text-align:left;background:#f8fafc;gap:5px;min-height:104px;padding:12px;display:grid}.type-grid span{color:#0f172a;font-weight:900}.type-grid small{color:#64748b;line-height:1.35}.type-grid button.selected,.segmented button.selected{color:#0f766e;background:#ccfbf1;border-color:#14b8a6}.segmented{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.segmented button{color:#334155;background:#fff;min-height:40px}.output-panel{flex-direction:column;min-width:0;display:flex;overflow:hidden}.output-toolbar{color:#e2e8f0;background:#0f172a;justify-content:space-between;align-items:center;min-height:58px;padding:0 16px;display:flex}.output-toolbar>div:first-child{align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.status-dot{background:#2dd4bf;border-radius:999px;width:9px;height:9px;display:inline-block}.toolbar-actions{gap:8px;display:flex}.toolbar-actions button{color:#f8fafc;background:#ffffff14;align-items:center;gap:6px;min-height:36px;padding:0 10px;display:inline-flex}.toolbar-actions button:disabled{cursor:wait;opacity:.62}.ai-status{color:#155e75;text-align:left;background:#ecfeff;border-bottom:1px solid #bae6fd;padding:10px 16px;font-size:13px;font-weight:800}pre{color:#1e293b;text-align:left;white-space:pre-wrap;flex:auto;min-height:680px;margin:0;padding:24px;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;overflow:auto}.pricing-section{background:#f8fafc;border-top:1px solid #e2e8f0}.pricing-grid,.security-grid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1180px;margin:0 auto;display:grid}.pricing-grid article,.security-grid article{background:#fff;border:1px solid #dbe4ef;border-radius:8px;padding:24px}.pricing-grid span{color:#0f766e;font-weight:900}.pricing-grid h3,.security-grid h3{color:#0f172a;margin:12px 0 8px;font-size:20px}.pricing-grid strong{color:#0f172a;margin:10px 0 14px;font-size:28px;line-height:1.1;display:block}.pricing-grid p,.security-grid p{color:#475569;margin:0;line-height:1.55}.pricing-grid ul{color:#334155;gap:8px;margin:18px 0 0;padding-left:18px;display:grid}.security-section{background:#fff;border-top:1px solid #e2e8f0}.security-grid svg{color:#0f766e}@media (width<=920px){.hero-band{min-height:auto;padding-bottom:64px}.topbar{align-items:flex-start;gap:16px}.hero-content,.generator-grid,.pricing-grid,.security-grid{grid-template-columns:1fr}.hero-content{margin-top:72px}.trust-strip{grid-template-columns:1fr}.trust-strip div{border-bottom:1px solid #e2e8f0;border-right:0}.type-grid{grid-template-columns:1fr}}@media (width<=620px){.topbar,.nav-actions,.hero-actions,.output-toolbar{flex-direction:column;align-items:stretch}.nav-actions{width:100%}.nav-actions a,.hero-actions a{text-align:center;justify-content:center}.segmented{grid-template-columns:repeat(2,1fr)}.toolbar-actions{width:100%}.toolbar-actions button{flex:1;justify-content:center}pre{min-height:460px}}