:root{--bg: #f6f8fb;--bg-accent: radial-gradient(circle at top left, rgba(49, 87, 213, .12), transparent 28%), radial-gradient(circle at top right, rgba(22, 134, 74, .12), transparent 24%), #f6f8fb;--surface: rgba(255, 255, 255, .92);--surface-strong: #ffffff;--text: #172033;--muted: #657085;--border: #d8dee9;--accent: #3157d5;--accent-soft: #e9eeff;--success: #16864a;--warning: #a16207;--danger: #b42318;--radius: 16px;--radius-sm: 12px;--shadow: 0 12px 30px rgba(15, 23, 42, .08);--shadow-soft: 0 8px 20px rgba(15, 23, 42, .05);--font-body: "IBM Plex Sans", "Segoe UI", sans-serif;--font-head: "Space Grotesk", "Avenir Next", sans-serif}*,*:before,*:after{box-sizing:border-box}html{font-size:16px}body{margin:0;min-width:320px;background:var(--bg-accent);color:var(--text);font-family:var(--font-body);line-height:1.5}button,textarea,a{font:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.hero{padding:3.5rem 1.25rem 1.5rem}.hero__inner,.app-shell,.footer{width:min(1200px,calc(100% - 2rem));margin:0 auto}.eyebrow,.section-kicker{margin:0 0 .5rem;color:var(--accent);font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero h1,.section-heading h2,.output-card h3,.note-card h3,.callout h3{font-family:var(--font-head)}.hero h1{margin:0;font-size:clamp(2.5rem,6vw,4.75rem);line-height:.95}.hero__subtitle{margin:.85rem 0 0;max-width:42rem;color:var(--text);font-size:clamp(1.05rem,2vw,1.35rem)}.hero__privacy{margin:1rem 0 0;display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border:1px solid rgba(49,87,213,.15);border-radius:999px;background:#ffffffb8;color:var(--muted)}.hero__trust{margin:1rem 0 0;max-width:48rem;color:var(--muted)}.app-shell{display:grid;gap:1.25rem;padding-bottom:2rem}.panel{border:1px solid rgba(216,222,233,.9);border-radius:calc(var(--radius) + 4px);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel--input,.panel--outputs,.panel--metrics,.panel--notes,.panel--faq,.panel--legal{padding:1.25rem}.section-heading{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1rem}.section-heading h2{margin:0;font-size:clamp(1.35rem,2.5vw,1.8rem)}.field-label{display:inline-block;margin-bottom:.5rem;font-weight:700}.error-box,.noscript-warning{margin-top:1rem;border:1px solid rgba(180,35,24,.2);border-radius:var(--radius-sm);background:#b4231814;color:var(--danger);padding:.85rem 1rem}.noscript-warning{width:min(1200px,calc(100% - 2rem));margin-left:auto;margin-right:auto}.sequence-input,.output-field{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--text);padding:.9rem 1rem;resize:vertical;box-shadow:inset 0 1px 2px #0f172a0a}.sequence-input{min-height:18rem}.output-field{min-height:7.5rem}.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0 1.2rem}.button{border:1px solid transparent;border-radius:999px;background:var(--accent);color:#fff;cursor:pointer;padding:.8rem 1rem;min-height:44px;font-weight:700;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease;box-shadow:var(--shadow-soft)}.button:hover{transform:translateY(-1px)}.button--ghost{border-color:var(--border);background:transparent;color:var(--text)}.button--copy{align-self:start;background:var(--accent-soft);color:var(--accent)}.callout,.note-card,.metric-card,.output-card{border:1px solid rgba(216,222,233,.95);border-radius:var(--radius);background:var(--surface-strong);box-shadow:var(--shadow-soft)}.callout{padding:1rem}.callout h3,.note-card h3,.output-card h3{margin:0 0 .35rem;font-size:1rem}.callout__body,.output-card p,.note-card p,.status-note{margin:0;color:var(--muted)}.output-grid,.notes-grid,.metrics-grid{display:grid;gap:1rem}.output-card{padding:1rem}.output-card__header,.output-card__footer{display:flex;justify-content:space-between;gap:.75rem}.output-card__header{align-items:start;margin-bottom:.85rem}.output-card__footer{align-items:center;margin-top:.65rem;min-height:1.5rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.metric-card{padding:.9rem 1rem}.metric-card span{display:block;color:var(--muted);font-size:.9rem}.metric-card strong{display:block;margin-top:.25rem;font-size:1.35rem}.notes-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.faq-list,.legal-grid{display:grid;gap:1rem}.note-card{padding:1rem}.note-card code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.status-note--warning{color:var(--warning)}.status-note--success{color:var(--success)}.footer{padding:0 0 2.5rem;color:var(--muted)}.site-footer{display:grid;gap:1rem}.footer-nav a,.noscript-links a{white-space:nowrap}.footer-nav,.noscript-links{display:flex;flex-wrap:wrap;gap:.9rem 1.25rem}.footer a,.support-line a,.noscript-warning a,.note-card a{color:var(--accent);font-weight:700;text-decoration-thickness:.08em;text-underline-offset:.18em}.support-line{margin:1rem 0 0;color:var(--muted)}.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}@media(min-width:900px){.app-shell{grid-template-columns:minmax(280px,.9fr) minmax(420px,1.4fr)}.panel--metrics,.panel--notes,.panel--faq,.panel--legal{grid-column:1 / -1}.output-grid,.faq-list{grid-template-columns:repeat(2,minmax(0,1fr))}.legal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:899px){.hero{padding-top:2.5rem}.hero__inner,.app-shell,.footer{width:min(100% - 1rem,1200px)}.button,.button--copy,.button--ghost{width:100%;justify-content:center}.section-heading,.output-card__header,.output-card__footer{flex-direction:column}}