:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182033;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--accent: #1e63e9;--accent-strong: #154fc2;--success: #15995c;--warning: #c56a09;--danger: #d92d20;--muted: #667085;--line: #dfe5ef;--panel: #ffffff;--soft: #f8fafc;--shadow: 0 18px 42px rgba(24, 32, 51, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{width:min(1280px,calc(100% - 40px));margin:0 auto;padding-bottom:40px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px}.brand{display:inline-flex;align-items:center;gap:14px;font-size:15px;font-weight:760;color:#344054}.brand-logo{width:clamp(123px,13.6vw,171px);height:auto;display:block}.nav-links{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:14px}.nav-links a{padding:8px 0}.nav-links a:hover,.nav-links a:focus-visible{color:var(--accent)}.hero{padding:28px 0 14px}.hero-copy{width:min(760px,100%);margin:0 auto 28px;text-align:center}.eyebrow{margin:0 0 10px;color:var(--accent);font-weight:720}.hero h1{margin:0;font-size:clamp(36px,5vw,64px);line-height:1.02;letter-spacing:0}.hero-copy>p:last-child{margin:18px auto 0;max-width:680px;color:var(--muted);font-size:18px;line-height:1.6}.scan-form,.score-panel,.checks-panel,.recommendations-panel,.method-section{border:1px solid var(--line);border-radius:8px;background:#ffffffeb;box-shadow:var(--shadow)}.scan-form{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:18px;padding:18px}.url-field{min-width:0}.url-field>span:first-child{display:block;margin:0 0 9px;color:#344054;font-size:14px;font-weight:700}.input-shell{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#98a2b3}.input-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #1e63e91f}.input-shell input{width:100%;min-width:0;border:0;outline:0;color:#182033;background:transparent}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-weight:740;transition:background .16s ease,transform .16s ease,border-color .16s ease,color .16s ease}.primary-button{min-width:188px;padding:0 20px;color:#fff;background:var(--accent)}.primary-button:hover:not(:disabled),.primary-button:focus-visible{background:var(--accent-strong)}.primary-button:disabled{cursor:wait;opacity:.72}.secondary-button{width:100%;padding:0 16px;color:#1d2939;background:#fff;border-color:var(--line)}.secondary-button:hover,.secondary-button:focus-visible{border-color:var(--accent);color:var(--accent)}.primary-button:hover:not(:disabled),.secondary-button:hover{transform:translateY(-1px)}.secondary-button:disabled{cursor:not-allowed;opacity:.7}.form-error{display:flex;align-items:center;gap:9px;width:fit-content;max-width:100%;margin:12px auto 0;padding:10px 14px;border:1px solid #fecdca;border-radius:8px;color:#b42318;background:#fffbfa}.results-layout{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(420px,1.5fr) minmax(300px,.9fr);gap:14px;margin-top:14px}.score-panel,.checks-panel,.recommendations-panel,.method-section{padding:18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;color:#1d2939;font-size:14px;font-weight:780}.panel-heading small{display:inline-flex;align-items:center;min-height:24px;padding:2px 8px;border-radius:999px;color:var(--accent);background:#eef4ff;font-size:12px;font-weight:760}.score-ring{--score: 0%;display:grid;place-items:center;align-content:center;width:min(184px,100%);aspect-ratio:1;margin:8px auto 20px;border-radius:50%;background:radial-gradient(circle at center,#ffffff 61%,transparent 62%),conic-gradient(var(--success) var(--score),#e9eef6 0)}.score-ring strong{font-size:54px;line-height:.95}.score-ring span{color:var(--muted);font-weight:720}.status-callout{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:8px}.status-callout strong{display:block;margin-bottom:4px}.status-callout p{margin:0;color:#475467;line-height:1.45}.status-callout.success{color:var(--success);background:#ecfdf3;border:1px solid #abefc6}.status-callout.warning{color:var(--warning);background:#fffaeb;border:1px solid #fedf89}.status-callout.danger{color:var(--danger);background:#fef3f2;border:1px solid #fecdca}.score-breakdown{display:grid;gap:8px;margin-top:14px}.score-breakdown-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:#475467;font-size:13px}.score-breakdown-row strong{flex:0 0 auto;color:#1d2939}.empty-state{display:grid;place-items:center;min-height:126px;color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:8px}.empty-state p{margin:8px 0 0}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.summary-cell{display:grid;gap:4px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.summary-cell strong{font-size:22px}.summary-cell span{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.summary-cell svg:nth-child(1){color:var(--accent)}.check-list,.check-group{display:grid;gap:8px}.check-group+.check-group{margin-top:8px}.check-group-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.check-group-heading strong{display:block;margin-bottom:3px}.check-group-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.check-group-heading span{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;padding:0 8px;border-radius:999px;color:var(--accent);background:#eef4ff;font-size:12px;font-weight:780}.check-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:66px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.check-row>svg{color:var(--accent)}.check-row strong{display:block;margin-bottom:3px}.check-row p{margin:0;color:var(--muted);line-height:1.45}.check-row small{display:block;margin-top:4px;overflow-wrap:anywhere;color:#98a2b3}.check-row .evidence-line{color:#667085}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:92px;min-height:28px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:780}.status-success{color:#067647;background:#dcfae6}.status-warning{color:#b54708;background:#fef0c7}.status-danger{color:#b42318;background:#fee4e2}.status-muted{color:#475467;background:#eef2f6}.recommendations-panel{display:flex;flex-direction:column;gap:14px}.recommendations-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.recommendations-list li{padding:12px 12px 12px 36px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#344054;line-height:1.45;position:relative}.recommendations-list li:before{content:"";position:absolute;left:14px;top:19px;width:8px;height:8px;border-radius:50%;background:var(--warning)}.developer-box{padding:14px;border:1px solid #c7d7fe;border-radius:8px;background:#f5f8ff}.developer-box strong{display:block;margin-bottom:8px}.developer-box ol{display:grid;gap:8px;margin:0;padding-left:20px;color:#344054}.action-stack{display:grid;gap:8px}.action-stack .primary-button,.lead-actions .primary-button{width:100%}.lead-box{display:grid;gap:10px;padding-top:14px;border-top:1px solid var(--line)}.lead-cta{display:grid;gap:4px}.lead-cta strong{color:#182033;font-size:15px;line-height:1.3}.lead-cta p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.lead-box-heading{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start}.lead-box-heading svg{color:var(--accent)}.lead-box-heading strong{display:block;margin-bottom:3px}.lead-box-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.lead-box label{display:grid;gap:6px;color:#344054;font-size:13px;font-weight:720}.lead-box input,.lead-box textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:#fff;color:#182033;outline:0}.lead-box input{min-height:42px;padding:0 12px}.lead-box textarea{min-height:96px;padding:10px 12px;resize:vertical}.lead-box input:focus,.lead-box textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #1e63e91f}.lead-actions{display:grid;gap:8px}.lead-feedback{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.muted-copy{margin:0;color:var(--muted);line-height:1.6}.method-section{margin-top:14px}.method-copy{max-width:780px;margin:-4px 0 14px;color:var(--muted);font-size:14px;line-height:1.55}.method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.method-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;min-height:116px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.method-item svg{color:var(--accent)}.method-item h2{margin:0 0 6px;font-size:14px}.method-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.method-note{margin:10px 0 0;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:#475467;font-size:13px;line-height:1.45}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 2px 0;color:var(--muted);font-size:14px}.site-footer a{color:var(--accent);font-weight:740}.site-footer a:hover,.site-footer a:focus-visible{color:var(--accent-strong)}.placeholder-lines{display:grid;gap:10px}.placeholder-lines span,.check-row.skeleton{min-height:58px;border-radius:8px;background:linear-gradient(90deg,#eef2f6,#f8fafc,#eef2f6 90%);background-size:220% 100%;animation:shimmer 1.3s ease-in-out infinite}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-220% 0}}@media(max-width:1120px){.scan-form,.results-layout{grid-template-columns:1fr}.method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.primary-button{width:100%}}@media(max-width:720px){.app-shell{width:min(100% - 24px,1280px);padding-bottom:28px}.topbar{min-height:62px;align-items:flex-start;flex-direction:column;gap:10px}.brand{align-items:flex-start;flex-direction:column;gap:6px}.brand-logo{width:min(176px,62vw)}.nav-links{display:none}.hero{padding-top:16px}.hero h1{font-size:clamp(34px,11vw,46px)}.hero-copy{text-align:left}.hero-copy>p:last-child{font-size:16px}.scan-form,.score-panel,.checks-panel,.recommendations-panel,.method-section{padding:14px}.summary-grid,.method-grid{grid-template-columns:1fr}.site-footer{align-items:flex-start;flex-direction:column}.check-row{grid-template-columns:24px minmax(0,1fr)}.status-pill{grid-column:2;width:fit-content}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.design-page{min-height:100vh;padding:0 0 148px;color:var(--design-ink, #151927);background:var(--design-bg, #f6f7fb)}.variant-header,.terminal-header,.swiss-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px;padding:18px clamp(20px,4vw,46px)}.variant-header{border-bottom:1px solid var(--design-line, #e1e5ef);background:var(--design-panel, #ffffff)}.variant-brand{display:inline-flex;align-items:center;min-width:0}.variant-brand img{display:block;width:clamp(142px,15vw,206px);height:auto}.variant-header>span{flex:1;color:var(--design-muted, #667085);font-size:12px;font-weight:760;text-transform:uppercase}.variant-header nav{display:flex;align-items:center;gap:20px;color:var(--design-muted, #667085);font-size:13px;font-weight:650}.variant-header nav a:hover,.variant-header nav a:focus-visible{color:var(--design-accent, #5b5df7)}.variant-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--design-accent, #5b5df7);font-size:13px;font-weight:760}.variant-scan-wrap{min-width:0}.variant-scan{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(300px,.9fr) auto;align-items:end;gap:12px;padding:14px;border:1px solid var(--design-line, #e1e5ef);border-radius:var(--design-radius, 10px);background:var(--design-panel, #ffffff);box-shadow:var(--design-shadow, 0 20px 46px rgba(31, 41, 55, .08))}.variant-scan--pill{grid-template-columns:minmax(220px,1fr) minmax(220px,auto) auto;align-items:center;border-radius:999px;padding:8px}.variant-scan--bare{border-radius:0;border-color:var(--design-ink, #111111);box-shadow:none}.variant-scan--chunky{border:2px solid var(--design-ink, #101010);border-radius:20px;box-shadow:8px 8px 0 var(--design-ink, #101010)}.variant-url-field{display:grid;min-width:0;gap:8px;color:var(--design-muted, #667085);font-size:12px;font-weight:760}.variant-url-field>span:last-child{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px solid var(--design-line, #e1e5ef);border-radius:calc(var(--design-radius, 10px) - 2px);background:var(--design-input, #ffffff);color:var(--design-muted, #667085)}.variant-url-field input{width:100%;min-width:0;border:0;outline:0;color:var(--design-ink, #151927);background:transparent}.variant-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:48px;overflow:hidden;border:1px solid var(--design-line, #e1e5ef);border-radius:calc(var(--design-radius, 10px) - 2px);background:var(--design-input, #ffffff)}.variant-mode-grid button{min-width:0;border:0;border-left:1px solid var(--design-line, #e1e5ef);color:var(--design-ink, #151927);background:transparent;cursor:pointer;font-size:12px;font-weight:760}.variant-mode-grid button:first-child{border-left:0}.variant-mode-grid button.active{color:var(--design-accent-ink, #ffffff);background:var(--design-accent, #5b5df7)}.variant-submit,.variant-actions button,.variant-lead button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:0;border-radius:calc(var(--design-radius, 10px) - 2px);color:var(--design-accent-ink, #ffffff);background:var(--design-accent, #5b5df7);cursor:pointer;font-weight:780}.variant-submit{min-width:148px;padding:0 18px}.variant-submit:disabled,.variant-actions button:disabled{cursor:wait;opacity:.68}.variant-error{display:flex;align-items:center;gap:9px;width:fit-content;max-width:100%;margin-top:10px;padding:10px 12px;border:1px solid #fecdca;border-radius:8px;color:#b42318;background:#fff7f5}.variant-empty{display:grid;place-items:center;gap:10px;width:min(1180px,calc(100% - 40px));min-height:190px;margin:24px auto 0;padding:28px;border:1px dashed var(--design-line, #d9deea);border-radius:var(--design-radius, 10px);color:var(--design-muted, #667085);background:color-mix(in srgb,var(--design-panel, #ffffff) 80%,transparent);text-align:center}.variant-empty p{max-width:520px;margin:0;line-height:1.55}.variant-panel-heading,.variant-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.variant-panel-heading span,.variant-section-heading strong{color:var(--design-ink, #151927);font-size:14px;font-weight:820}.variant-panel-heading small,.variant-section-heading span{display:inline-flex;align-items:center;min-height:24px;padding:2px 9px;border-radius:999px;color:var(--design-accent, #5b5df7);background:var(--design-accent-soft, #eef0ff);font-size:12px;font-weight:760;white-space:nowrap}.variant-section-heading p{margin:4px 0 0;color:var(--design-muted, #667085);font-size:13px;line-height:1.45}.variant-metric{display:grid;gap:6px;min-width:0;padding:14px;border:1px solid var(--design-line, #e1e5ef);border-radius:var(--design-radius, 10px);background:var(--design-panel, #ffffff)}.variant-metric span{overflow:hidden;color:var(--design-muted, #667085);font-size:11px;font-weight:760;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.variant-metric strong{color:var(--metric-color, var(--design-ink, #151927));font-size:26px;line-height:1}.tone-success{--metric-color: #11845b}.tone-warning{--metric-color: #b35c00}.tone-danger{--metric-color: #c52a2a}.tone-muted{--metric-color: #667085}.variant-score-panel,.variant-check-table,.variant-recs,.product-score-card,.surprise-score,.surprise-matrix-card{border:1px solid var(--design-line, #e1e5ef);border-radius:var(--design-radius, 10px);background:var(--design-panel, #ffffff);box-shadow:var(--design-shadow, 0 20px 46px rgba(31, 41, 55, .08))}.variant-score-panel,.variant-recs,.product-score-card,.surprise-score,.surprise-matrix-card{padding:20px}.variant-score-ring{--score: 0%;display:grid;place-items:center;align-content:center;width:min(184px,100%);aspect-ratio:1;margin:6px auto 18px;border-radius:50%;background:radial-gradient(circle at center,var(--design-panel, #ffffff) 60%,transparent 61%),conic-gradient(var(--design-accent, #5b5df7) var(--score),var(--design-line, #e1e5ef) 0)}.variant-score-ring strong{font-size:56px;line-height:.95}.variant-score-ring span{color:var(--design-muted, #667085);font-weight:760}.variant-status{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;padding:13px;border-radius:calc(var(--design-radius, 10px) - 2px);background:var(--status-bg, #eef2f6);color:var(--metric-color, #667085)}.variant-status p{margin:4px 0 0;color:var(--design-muted, #667085);line-height:1.45}.variant-status.tone-success{--status-bg: #e8f7ef}.variant-status.tone-warning{--status-bg: #fff4df}.variant-status.tone-danger{--status-bg: #fde9e9}.variant-breakdown{display:grid;gap:10px;margin-top:16px}.variant-breakdown>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;color:var(--design-muted, #667085);font-size:13px}.variant-breakdown i,.swiss-row i{--bar: 0%;grid-column:1 / -1;height:6px;overflow:hidden;border-radius:999px;background:var(--design-line, #e1e5ef)}.variant-breakdown i:before,.swiss-row i:before{display:block;width:var(--bar);height:100%;border-radius:inherit;background:var(--design-accent, #5b5df7);content:""}.variant-check-table{overflow:hidden}.variant-check-table .variant-panel-heading{margin:0;padding:18px;border-bottom:1px solid var(--design-line, #e1e5ef)}.variant-check-table header{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--design-line, #e1e5ef);color:var(--design-muted, #667085);background:var(--design-soft, #f7f8fc);font-size:13px}.variant-check-table header strong{color:var(--design-ink, #151927)}.variant-table-row{display:grid;grid-template-columns:minmax(210px,1.35fr) minmax(240px,1fr) 70px 112px;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--design-line, #e1e5ef);font-size:13px}.variant-table-row:last-child{border-bottom:0}.variant-table-row p,.variant-table-row small{margin:0;color:var(--design-muted, #667085);line-height:1.45}.variant-table-row small{display:block;margin-top:3px}.variant-status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:86px;min-height:28px;padding:4px 9px;border-radius:999px;color:var(--pill-color, #475467);background:var(--pill-bg, #eef2f6);font-size:12px;font-weight:800}.variant-status-pill.status-passed{--pill-color: #067647;--pill-bg: #dcfae6}.variant-status-pill.status-warning{--pill-color: #b54708;--pill-bg: #fef0c7}.variant-status-pill.status-failed{--pill-color: #b42318;--pill-bg: #fee4e2}.variant-recs{display:grid;gap:14px}.variant-recs ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.variant-recs li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid var(--design-line, #e1e5ef);line-height:1.5}.variant-recs li:first-child{border-top:0}.variant-recs li span{color:var(--design-accent, #5b5df7);font-size:12px;font-weight:820}.variant-actions{display:grid;gap:8px}.variant-actions button:nth-child(2){color:var(--design-ink, #151927);border:1px solid var(--design-line, #e1e5ef);background:var(--design-input, #ffffff)}.variant-lead{display:grid;gap:10px;padding-top:14px;border-top:1px solid var(--design-line, #e1e5ef)}.variant-lead>div{display:flex;align-items:center;gap:8px}.variant-lead label{display:grid;gap:6px;color:var(--design-muted, #667085);font-size:12px;font-weight:760}.variant-lead input,.variant-lead textarea{width:100%;min-width:0;border:1px solid var(--design-line, #e1e5ef);border-radius:calc(var(--design-radius, 10px) - 2px);color:var(--design-ink, #151927);background:var(--design-input, #ffffff);outline:0}.variant-lead input{min-height:40px;padding:0 12px}.variant-lead textarea{min-height:82px;padding:10px 12px;resize:vertical}.variant-lead p{margin:0;color:var(--design-muted, #667085);font-size:12px;line-height:1.45}.variant-check-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;padding:16px;border:1px solid var(--design-line, #e1e5ef);border-radius:var(--design-radius, 14px);background:var(--design-panel, #ffffff)}.variant-check-card>div:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--pill-color, #475467);background:var(--pill-bg, #eef2f6)}.variant-check-card p{margin:4px 0 0;color:var(--design-muted, #667085);line-height:1.45}.variant-check-card small{display:block;margin-top:4px;color:color-mix(in srgb,var(--design-muted, #667085) 75%,transparent)}.variant-check-card.status-passed{--pill-color: #067647;--pill-bg: #dcfae6}.variant-check-card.status-warning{--pill-color: #b54708;--pill-bg: #fef0c7}.variant-check-card.status-failed{--pill-color: #b42318;--pill-bg: #fee4e2}.corporate-hero{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(520px,1.15fr);align-items:end;gap:28px;width:min(1200px,calc(100% - 64px));margin:0 auto;padding:38px 0 22px}.corporate-hero h1{max-width:720px;margin:0;font-size:clamp(34px,4vw,54px);line-height:1.04;letter-spacing:0}.corporate-hero p:not(.variant-kicker){max-width:620px;margin:14px 0 0;color:var(--design-muted, #5a617a);font-size:16px;line-height:1.58}.design-corporate{--design-bg: #f4f5f9;--design-panel: #ffffff;--design-soft: #fafbfe;--design-ink: #101321;--design-muted: #5d657a;--design-line: #e0e4ee;--design-accent: #6466f1;--design-accent-soft: #ededff;--design-accent-ink: #ffffff;--design-radius: 10px}.corporate-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:min(1200px,calc(100% - 64px));margin:0 auto 16px}.corporate-report{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr) minmax(300px,360px);gap:14px;width:min(1200px,calc(100% - 64px));margin:0 auto}.design-product{--design-bg: #fbf9ff;--design-panel: #ffffff;--design-soft: #f7f2ff;--design-ink: #181230;--design-muted: #6f668a;--design-line: #eee7fb;--design-accent: #7b61ff;--design-accent-soft: #f0ebff;--design-accent-ink: #ffffff;--design-radius: 22px}.product-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;width:min(1180px,calc(100% - 64px));margin:26px auto 0;padding:clamp(28px,5vw,52px);border:1px solid var(--design-line);border-radius:28px;background:linear-gradient(135deg,#f1edff,#fff7fc)}.product-hero h1{max-width:820px;margin:0;font-size:clamp(40px,5.8vw,76px);line-height:1.02;letter-spacing:0}.product-hero h1 span{color:var(--design-accent)}.product-hero p:not(.variant-kicker){max-width:650px;margin:16px 0 28px;color:var(--design-muted);font-size:18px;line-height:1.55}.product-proof{align-self:end;display:grid;gap:12px;min-height:230px;padding:24px;border:1px solid var(--design-line);border-radius:24px;background:#ffffffb8}.product-proof strong{font-size:72px;line-height:.95}.product-proof span{color:var(--design-muted);font-weight:720}.product-proof__bars{display:grid;gap:8px;align-self:end}.product-proof__bars i{height:10px;border-radius:999px;background:#d9d0ff}.product-proof__bars i:nth-child(2){width:74%;background:#ffc6df}.product-proof__bars i:nth-child(3){width:52%;background:#bfe8d3}.product-report{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;width:min(1180px,calc(100% - 64px));margin:24px auto 0}.product-score-card{align-self:start;display:grid;gap:16px}.product-gauge{--score: 0%;display:grid;place-items:center;align-content:center;width:230px;max-width:100%;aspect-ratio:1;margin:0 auto;border-radius:50%;background:radial-gradient(circle at center,#ffffff 58%,transparent 59%),conic-gradient(from -90deg,var(--design-accent) var(--score),#f0eafd 0)}.product-gauge strong{font-size:58px;line-height:.95}.product-gauge span{color:var(--design-muted);font-weight:720}.product-checks{display:grid;gap:16px}.product-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.product-check-group,.product-check-cards{display:grid;gap:10px}.variant-recs--feature{color:#fff;border:0;background:linear-gradient(135deg,#1a1438,#3b2c85)}.variant-recs--feature .variant-panel-heading span,.variant-recs--feature .variant-panel-heading small,.variant-recs--feature li,.variant-recs--feature li span,.variant-recs--feature .variant-lead,.variant-recs--feature .variant-lead label,.variant-recs--feature .variant-lead p{color:inherit}.variant-recs--feature .variant-actions button:nth-child(2),.variant-recs--feature .variant-lead input,.variant-recs--feature .variant-lead textarea{color:#fff;border-color:#ffffff2e;background:#ffffff14}.variant-recs--feature .variant-lead button,.variant-recs--feature .variant-actions button:first-child{color:#1a1438;background:#fff}.design-terminal{--design-bg: #090b12;--design-panel: #10131f;--design-soft: #0c0f18;--design-input: #080a11;--design-ink: #edf0f7;--design-muted: #85899b;--design-line: #222637;--design-accent: #b5a7ff;--design-accent-soft: #242044;--design-accent-ink: #090b12;--design-radius: 8px;font-family:SFMono-Regular,Cascadia Code,JetBrains Mono,ui-monospace,monospace}.terminal-header{color:var(--design-ink);border-bottom:1px solid var(--design-line);background:#070910}.terminal-header div,.terminal-header span{display:inline-flex;align-items:center;gap:9px}.terminal-header span{color:var(--design-muted);font-size:12px}.terminal-console,.terminal-report{width:min(1220px,calc(100% - 56px));margin:0 auto}.terminal-console{padding:44px 0 22px}.terminal-path{margin:0 0 12px;color:var(--design-accent)}.terminal-console h1{max-width:900px;margin:0 0 24px;color:var(--design-ink);font-size:clamp(34px,4.6vw,62px);line-height:1.04;letter-spacing:0}.terminal-command{display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(260px,auto) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--design-line);border-radius:10px;background:var(--design-panel)}.terminal-command>span{color:var(--design-accent)}.terminal-command input{min-width:0;height:42px;border:1px solid var(--design-line);border-radius:6px;color:var(--design-ink);background:var(--design-input);outline:0;padding:0 12px}.terminal-command button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 14px;border:0;border-radius:6px;color:var(--design-accent-ink);background:var(--design-accent);cursor:pointer;font-weight:800}.terminal-report{display:grid;gap:18px}.terminal-score{display:grid;grid-template-columns:.9fr 1fr 1.25fr;gap:18px;padding:22px;border:1px solid var(--design-line);border-radius:10px;background:var(--design-panel)}.terminal-score>div{min-width:0;padding-right:18px;border-right:1px solid var(--design-line)}.terminal-score>div:last-child{border-right:0}.terminal-score span{display:block;margin-bottom:8px;color:var(--design-muted);font-size:11px}.terminal-score strong{display:block;color:var(--design-ink);font-size:72px;line-height:1}.terminal-score b{display:block;margin-bottom:8px;font-size:21px}.terminal-score p{margin:0;color:var(--design-muted);line-height:1.55}.terminal-breakdown{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:6px}.terminal-breakdown small{color:var(--design-muted)}.ascii-bar{overflow:hidden;color:var(--design-accent);white-space:nowrap}.terminal-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.terminal-log,.terminal-side{border:1px solid var(--design-line);border-radius:10px;background:var(--design-panel)}.terminal-panel-head{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;color:var(--design-muted);border-bottom:1px solid var(--design-line);font-size:11px}.terminal-log h2{margin:0;padding:10px 16px;color:var(--design-accent);border-bottom:1px solid var(--design-line);background:var(--design-soft);font-size:12px}.terminal-row{display:grid;grid-template-columns:52px minmax(180px,.8fr) minmax(0,1.2fr);gap:12px;padding:12px 16px;border-bottom:1px solid var(--design-line)}.terminal-row span{color:var(--metric-color, var(--design-muted))}.terminal-row p{margin:0;color:var(--design-muted)}.terminal-side{align-self:start;display:grid;gap:10px;padding:14px}.variant-recs--terminal{color:var(--design-ink);box-shadow:none}.variant-recs--terminal .variant-lead input,.variant-recs--terminal .variant-lead textarea{color:var(--design-ink)}.design-swiss{--design-bg: #fafaf7;--design-panel: #fafaf7;--design-input: #fafaf7;--design-ink: #111111;--design-muted: #555555;--design-line: #111111;--design-accent: #111111;--design-accent-soft: #eeeeea;--design-accent-ink: #fafaf7;--design-radius: 0;--design-shadow: none}.swiss-header{border-bottom:1px solid #111111}.swiss-header span{color:#555;font-size:13px}.swiss-intro,.swiss-score,.swiss-table,.swiss-recs{display:grid;grid-template-columns:80px minmax(0,1fr);width:min(1200px,calc(100% - 72px));margin:0 auto}.swiss-intro{padding:42px 0 34px}.swiss-index{padding-top:8px;color:#555;font-size:11px;font-weight:760;text-transform:uppercase}.swiss-intro h1{max-width:900px;margin:0 0 24px;font-size:clamp(46px,8vw,112px);line-height:.98;letter-spacing:0}.swiss-score{padding-top:28px;border-top:1px solid #111111}.swiss-score strong{display:block;font-size:clamp(130px,22vw,300px);line-height:.85}.swiss-score p{max-width:650px;margin:20px 0 8px;font-size:21px;line-height:1.35}.swiss-score small{color:#555}.swiss-table,.swiss-recs{margin-top:58px;padding-top:16px;border-top:1px solid #111111}.swiss-row{display:grid;grid-template-columns:56px minmax(180px,1.3fr) 112px minmax(160px,.8fr) minmax(220px,1fr);gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid #dddddd}.swiss-row>span,.swiss-row small{color:#555;font-size:13px}.swiss-row b{font-size:14px}.swiss-check-block{margin-top:34px}.swiss-check-block h2{margin:0 0 10px;font-size:24px;letter-spacing:0}.variant-recs--swiss{border:0;box-shadow:none;padding:0}.design-surprise{--design-bg: #f3efe5;--design-panel: #fffaf0;--design-input: #fffaf0;--design-ink: #101010;--design-muted: #4d4a43;--design-line: #101010;--design-accent: #d7ff4b;--design-accent-soft: #fff0b7;--design-accent-ink: #101010;--design-radius: 20px;--design-shadow: 8px 8px 0 #101010;overflow-x:hidden}.surprise-ribbon{display:flex;gap:26px;overflow:hidden;padding:10px 24px;color:#f3efe5;background:#101010;font-size:12px;font-weight:820;text-transform:uppercase;white-space:nowrap}.surprise-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,520px);gap:30px;align-items:end;width:min(1240px,calc(100% - 64px));margin:34px auto 0}.surprise-hero h1{max-width:760px;margin:28px 0 14px;font-size:clamp(48px,7.6vw,102px);line-height:.98;text-transform:uppercase;letter-spacing:0}.surprise-hero h1 span{display:inline-block;padding:0 12px;color:#101010;background:var(--design-accent)}.surprise-hero p{max-width:640px;margin:0;color:#3a382f;font-size:17px;line-height:1.55}.surprise-report{display:grid;grid-template-columns:300px minmax(280px,.85fr) minmax(340px,1.1fr);gap:18px;width:min(1240px,calc(100% - 64px));margin:30px auto 0}.surprise-score{display:grid;align-content:space-between;min-height:320px;border:2px solid #101010;box-shadow:8px 8px #101010}.surprise-score>span{width:fit-content;padding:6px 10px;border:2px solid #101010;border-radius:999px;background:var(--design-accent);font-weight:820}.surprise-score strong{font-size:132px;line-height:.85}.surprise-score p{margin:0;color:#4d4a43;font-weight:760}.surprise-matrix-card{border:2px solid #101010;box-shadow:8px 8px #101010}.surprise-matrix{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.surprise-matrix span{aspect-ratio:1;border:2px solid #101010;border-radius:8px;background:#e8e5dc}.surprise-matrix .status-passed{background:#111}.surprise-matrix .status-warning{background:#f1ba5c}.surprise-matrix .status-failed{background:#ff5f6d}.surprise-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;font-size:12px;font-weight:760}.surprise-details{width:min(1240px,calc(100% - 64px));margin:48px auto 0}.surprise-details h2{margin:0 0 18px;font-size:clamp(38px,5vw,68px);line-height:1;text-transform:uppercase}.surprise-details h2 span{display:inline-block;padding:0 12px;color:#f3efe5;background:#ff5f6d}.surprise-group{display:grid;gap:10px;margin-bottom:14px;border:2px solid #101010;border-radius:20px;overflow:hidden;background:#fffaf0}.surprise-group>div:first-child{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;color:#fffaf0;background:#101010;font-weight:820;text-transform:uppercase}.variant-check-card--loud{margin:0 12px 10px;border:2px solid #101010;box-shadow:none}.design-tweaks{position:fixed;right:18px;bottom:18px;z-index:60;width:min(340px,calc(100vw - 36px));max-height:calc(100vh - 36px);padding:12px;overflow:auto;border:1px solid rgba(255,255,255,.55);border-radius:14px;color:#f7f8fc;background:#10121ceb;box-shadow:0 24px 70px #0a0c1447;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.design-tweaks__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.design-tweaks__heading strong{font-size:13px}.design-tweaks__heading span{color:#f7f8fc9e;font-size:11px;font-weight:760}.design-tweaks__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.design-tweaks button{min-width:0;min-height:62px;padding:9px;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:#f7f8fcd6;background:#ffffff0f;cursor:pointer;text-align:left}.design-tweaks button.active{border-color:#9b94ff;color:#fff;background:#7b61ff47}.design-tweaks button span,.design-tweaks button small{display:block;overflow:hidden;text-overflow:ellipsis}.design-tweaks button span{font-size:12px;font-weight:800;white-space:nowrap}.design-tweaks button small{margin-top:4px;color:#f7f8fc94;font-size:11px;line-height:1.25}@media(max-width:1120px){.corporate-hero,.product-hero,.surprise-hero,.corporate-report,.product-report,.terminal-grid,.surprise-report{grid-template-columns:1fr}.corporate-kpis,.product-counts{grid-template-columns:repeat(3,minmax(0,1fr))}.terminal-score{grid-template-columns:1fr}.terminal-score>div{padding-right:0;padding-bottom:18px;border-right:0;border-bottom:1px solid var(--design-line)}.terminal-score>div:last-child{padding-bottom:0;border-bottom:0}.swiss-row{grid-template-columns:44px minmax(0,1fr) 90px}.swiss-row i,.swiss-row small{grid-column:2 / -1}}@media(max-width:780px){.design-page{padding-bottom:210px}.variant-header,.terminal-header,.swiss-header{align-items:flex-start;flex-direction:column;min-height:0}.variant-header nav{flex-wrap:wrap;gap:12px}.corporate-hero,.corporate-kpis,.corporate-report,.product-hero,.product-report,.terminal-console,.terminal-report,.surprise-hero,.surprise-report,.surprise-details{width:min(100% - 24px,1240px)}.variant-scan,.variant-scan--pill,.terminal-command{grid-template-columns:1fr;border-radius:var(--design-radius, 10px)}.variant-submit,.terminal-command button{width:100%}.variant-mode-grid,.corporate-kpis,.product-counts,.surprise-legend,.variant-table-row,.variant-check-card,.terminal-row{grid-template-columns:1fr}.variant-status-pill{width:fit-content}.product-proof{min-height:180px}.swiss-intro,.swiss-score,.swiss-table,.swiss-recs{grid-template-columns:1fr;width:min(100% - 24px,1200px)}.swiss-index{padding:0 0 10px}.surprise-matrix{grid-template-columns:repeat(5,minmax(0,1fr))}.design-tweaks{right:12px;bottom:12px;width:calc(100vw - 24px);max-height:136px}.design-tweaks__grid{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.design-tweaks button{flex:0 0 138px;min-height:58px}}@media(max-width:520px){.design-tweaks button span{white-space:normal}}