:root{color-scheme:dark;--color-bg: #0b0f1a;--color-surface: #111827;--color-surface-alt: #161f32;--color-border: #25304a;--color-text: #e5e7eb;--color-text-muted: #9ca3af;--color-accent: #0076b6;--color-accent-soft: rgba(0, 118, 182, .25);--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--font-sans: "Inter", "SF Pro Text", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 8px 24px rgba(15, 23, 42, .4);--shadow-lg: 0 24px 48px rgba(15, 23, 42, .45);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(0,118,182,.25),transparent 45%),var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}a{color:inherit}h1,h2,h3,h4{margin:0;font-weight:600}p{margin:0}.app-shell{max-width:1200px;margin:0 auto;padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;gap:var(--space-7);min-height:100vh}.app-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);font-size:.85rem;text-align:center;margin-top:auto}.footer-logo{width:140px;height:auto}.footer-text{display:inline-flex;align-items:center;gap:var(--space-1)}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand-mark{width:56px;height:56px;border-radius:12px;display:grid;place-items:center;background:#0076b614;border:1px solid var(--color-border)}.brand-logo{width:44px;height:44px}.brand-title{font-size:1.1rem;font-weight:600}.brand-subtitle{color:var(--color-text-muted);font-size:.85rem}.top-actions{display:flex;gap:var(--space-2);align-items:center}.chip{padding:var(--space-1) var(--space-3);border-radius:999px;border:1px solid var(--color-border);background:#94a3b81a;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.chip--accent{border-color:#0076b680;background:#0076b633}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-6);align-items:center}.hero-copy h1{font-size:2.4rem;line-height:1.1}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--space-2)}.subheading{color:var(--color-text-muted);margin-top:var(--space-3);line-height:1.5}.hero-stats{display:grid;gap:var(--space-3)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.logo-variant-panel{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.logo-variant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.logo-variant-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-alt);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-accent)}.logo-variant-mark{width:96px;height:96px}.logo-variant-label{font-size:.85rem;color:var(--color-text-muted)}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.stat-value{font-size:1.1rem;font-weight:600}.layout-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:var(--space-6);flex:1}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-5)}.panel-results{min-height:640px}.panel-head{display:grid;gap:var(--space-2)}.panel-divider{height:1px;width:100%;background:var(--color-border)}.panel-spacer{flex:1}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.operation-grid{display:grid;gap:var(--space-3)}.operation-card{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);display:flex;justify-content:space-between;gap:var(--space-3)}.stack-sm{display:flex;flex-direction:column;gap:var(--space-2)}.stack-md{display:flex;flex-direction:column;gap:var(--space-3)}.stack-lg{display:flex;flex-direction:column;gap:var(--space-5)}.field-label{font-size:.85rem;color:var(--color-text-muted)}.field-input{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text);font-size:1rem}.field-input:focus-visible{outline:3px solid var(--color-accent-soft);border-color:var(--color-accent)}.file-input-wrapper{display:flex;width:100%;align-items:center}.file-input-label{display:flex;align-items:center}.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.file-input:focus-visible+.file-input-label{outline:3px solid var(--color-accent-soft);outline-offset:3px}.inline-field{display:flex;gap:var(--space-2);align-items:center}.helper-text{font-size:.85rem;color:var(--color-text-muted)}.error-text{font-size:.85rem;color:var(--color-danger)}.button{border:none;border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.button--full{width:100%;justify-content:center}.button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.button--primary{background:var(--color-accent);color:#fff;box-shadow:0 10px 20px #0076b64d}.button--secondary{background:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border)}.button--ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.button:hover:not(:disabled){transform:translateY(-1px)}.results{display:flex;flex-direction:column;gap:var(--space-5)}.results-header{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start}.status-stack{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.tab-list{display:flex;gap:var(--space-2);flex-wrap:wrap}.tab{border-radius:999px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);padding:var(--space-2) var(--space-4);font-size:.85rem;cursor:pointer}.tab--active{color:var(--color-text);border-color:var(--color-accent);background:#0076b633}.tab-panel{display:flex;flex-direction:column;gap:var(--space-5)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.card{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.card-header{display:flex;justify-content:space-between;align-items:center}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.summary-tile--wide{grid-column:1 / -1}.summary-tile{background:var(--color-surface-alt);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.summary-tile--clickable{cursor:pointer;background:var(--color-surface-alt);color:inherit;transition:border-color .15s ease,transform .15s ease}.summary-tile--clickable:hover{border-color:var(--color-accent);transform:translateY(-1px)}.summary-tile--clickable:focus-visible{outline:3px solid var(--color-accent-soft);outline-offset:2px}.summary-label{font-size:.8rem;color:var(--color-text-muted)}.summary-value{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;font-weight:600}.table{display:grid;gap:var(--space-2)}.table--compact{gap:var(--space-1)}.table-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-4);font-size:.9rem}.table-head{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.list{margin:0;padding-left:var(--space-5);display:grid;gap:var(--space-2)}.dmarc-row{padding:var(--space-2) 0;border-top:1px solid var(--color-border);display:grid;gap:var(--space-1)}.dmarc-row:first-child{border-top:none;padding-top:0}.badge{padding:var(--space-1) var(--space-2);border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid transparent}.badge--good{color:var(--color-success);border-color:#10b98166;background:#10b98126}.badge--warn{color:var(--color-warning);border-color:#f59e0b66;background:#f59e0b26}.badge--bad{color:var(--color-danger);border-color:#ef444466;background:#ef444426}.badge--neutral{color:var(--color-text-muted);border-color:#94a3b866;background:#94a3b81a}.pill{padding:var(--space-1) var(--space-3);border-radius:999px;border:1px solid var(--color-border);background:#0076b626;font-size:.8rem}.status-dot{width:10px;height:10px;border-radius:999px;border:1px solid transparent;display:inline-block}.status-dot--active{background:#0076b6cc;border-color:#0076b680;box-shadow:0 0 0 4px #0076b626}.status-dot--standby{background:#94a3b899;border-color:#94a3b866}.mono{font-family:var(--font-mono);word-break:break-all}.muted{color:var(--color-text-muted)}.empty-state{min-height:320px;display:flex;flex-direction:column;justify-content:center;gap:var(--space-2)}.loading-text{font-weight:600}.share-output{display:flex;flex-direction:column;gap:var(--space-1);font-size:.85rem}.label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.link{color:var(--color-text);text-decoration:none}.link:hover{text-decoration:underline}.content-block{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.content-header{display:grid;gap:var(--space-2)}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.content-card{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:grid;gap:var(--space-2)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4)}.faq-item{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:grid;gap:var(--space-2)}.glossary-grid{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.glossary-item{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:grid;gap:var(--space-2)}.glossary-item dt{font-weight:600}.glossary-item dd{margin:0}@media(max-width:960px){.layout-grid,.hero{grid-template-columns:1fr}.top-bar{flex-direction:column;align-items:flex-start}.status-stack{align-items:flex-start}}