@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--clint-purple-25: #F1EFFF;--clint-purple-50: #FAF8FF;--clint-purple-100: #F4F1FF;--clint-purple-200: #E8E1FF;--clint-purple-300: #D1BBFF;--clint-purple-400: #B794FF;--clint-purple-500: #9C6DFF;--clint-purple-600: #6C19DE;--clint-purple-700: #5B16BC;--clint-purple-800: #4A13A1;--clint-purple-900: #380F7A;--clint-purple-950: #260A52;--clint-blue-25: #F0F3FF;--clint-blue-50: #EFF6FF;--clint-blue-100: #E3EBFF;--clint-blue-150: #F8FAFF;--clint-blue-200: #C7D2FE;--clint-blue-300: #A5B4FC;--clint-blue-400: #818CF8;--clint-blue-450: #D2D6FF;--clint-blue-500: #597EFF;--clint-blue-600: #4F46E5;--clint-blue-700: #4338CA;--clint-blue-800: #3730A3;--clint-blue-900: #312E81;--clint-blue-950: #2F2C5D;--clint-gray-50: #F9FAFB;--clint-gray-100: #F3F4F6;--clint-gray-200: #E5E7EB;--clint-gray-300: #D1D5DB;--clint-gray-400: #9CA3AF;--clint-gray-500: #686D86;--clint-gray-600: #4B5563;--clint-gray-700: #374151;--clint-gray-800: #1F2937;--clint-gray-900: #111827;--clint-gray-950: #030712;--clint-red-50: #FEF2F2;--clint-red-500: #EF4444;--clint-red-600: #DC2626;--clint-green-50: #F0FDF4;--clint-green-500:#22C55E;--clint-green-600:#16A34A;--clint-amber-50: #FFFBEB;--clint-amber-500:#F59E0B;--clint-amber-600:#D97706;--clint-blue-bg: #EFF6FF;--clint-input-bg: #F8FAFF;--clint-input-bg-figma: #F6F9FF;--clint-checkbox-bg: #DFE2FD;--clint-header-dark: #100F1C;--clint-footer-light: #FAFBFF;--clint-otp-bg: #f2edff;--clint-otp-fg: #2f2c5d;--clint-navy-500: #47457F;--clint-checklist-purple-badge: #817AED;--clint-checklist-purple-checkbox: #7C3AED;--clint-checklist-blue-action: #5B8DEF;--clint-checklist-bg-page: #FCFDFF;--clint-ai-border: #0059FF;--bg: #FFFFFF;--bg-subtle: var(--clint-gray-50);--bg-muted: var(--clint-gray-100);--bg-emphasized:var(--clint-gray-200);--bg-panel: #FFFFFF;--bg-inverted: #09090B;--fg: var(--clint-blue-950);--fg-muted: var(--clint-gray-600);--fg-subtle: var(--clint-gray-400);--fg-inverted: var(--clint-gray-50);--border: var(--clint-gray-200);--border-muted: var(--clint-gray-100);--border-emphasized: var(--clint-gray-300);--primary: var(--clint-purple-600);--primary-hover: var(--clint-purple-700);--primary-fg: #FFFFFF;--primary-subtle: var(--clint-purple-100);--primary-muted: var(--clint-purple-200);--accent: var(--clint-blue-500);--accent-hover: #4A6EE6;--error: var(--clint-red-600);--warning: var(--clint-amber-600);--success: var(--clint-green-600);--info: var(--clint-blue-600);--font-heading: "Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-body: "Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--fs-2xs: .625rem;--fs-xs11: .6875rem;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--fs-4xl: 2.25rem;--fs-5xl: 3rem;--fs-6xl: 3.75rem;--fw-light: 300;--fw-normal: 400;--fw-medium: 400;--fw-semibold: 500;--fw-bold: 600;--fw-extrabold:700;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--r-btn: var(--radius-xl);--r-input: var(--radius-sm);--r-card: var(--radius-lg);--r-modal: var(--radius-xl);--sp-0_5: .125rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-24: 6rem;--shadow-xs: 0 1px 2px rgba(17,24,39,.1), 0 0 1px rgba(17,24,39,.2);--shadow-sm: 0 2px 4px rgba(17,24,39,.1), 0 0 1px rgba(17,24,39,.3);--shadow-md: 0 4px 8px rgba(17,24,39,.1), 0 0 1px rgba(17,24,39,.3);--shadow-lg: 0 8px 16px rgba(17,24,39,.1), 0 0 1px rgba(17,24,39,.3);--shadow-xl: 0 16px 24px rgba(17,24,39,.1), 0 0 1px rgba(17,24,39,.3);--shadow-card: var(--shadow-sm);--shadow-modal: var(--shadow-xl);--shadow-dropdown:var(--shadow-lg);--shadow-purple-15: 0 8px 24px rgba(91,22,188,.15);--shadow-purple-10: 0 4px 12px rgba(91,22,188,.1);--shadow-focus-purple: 0 0 0 3px rgba(108,25,222,.18);--shadow-focus-blue: 0 0 0 3px rgba(79,70,229,.1);--shadow-focus-error: 0 0 0 3px rgba(239,68,68,.1);--dur-fast: .12s;--dur-moderate: .2s;--dur-slow: .32s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}html,body{font-family:var(--font-body);color:var(--fg);background:var(--bg);font-size:14px;line-height:1.5;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin:0;font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--fg)}h1{font-size:var(--fs-4xl);letter-spacing:-.025em}h2{font-size:var(--fs-3xl);letter-spacing:-.025em}h3{font-size:var(--fs-2xl)}h4{font-size:var(--fs-xl)}h5{font-size:var(--fs-lg);font-weight:600}h6{font-size:var(--fs-md);font-weight:600}p{margin:0;font-size:var(--fs-sm);line-height:1.5}small{font-size:var(--fs-xs);color:var(--fg-muted)}.eyebrow{font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--clint-purple-700)}.label{font-size:var(--fs-sm);font-weight:500}.muted{color:var(--fg-muted)}.subtle{color:var(--fg-subtle)}code,kbd{font-family:var(--font-mono);font-size:.9em}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}.display-1{font-size:var(--fs-6xl);font-weight:600;letter-spacing:-.03em;line-height:1.05}.display-2{font-size:var(--fs-5xl);font-weight:600;letter-spacing:-.03em;line-height:1.08}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--font-body);font-weight:500;border-radius:var(--r-btn);border:1px solid transparent;cursor:pointer;user-select:none;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);white-space:nowrap}.btn:focus-visible{box-shadow:var(--shadow-focus-purple);outline:none}.btn-sm{height:34px;padding:0 14px;font-size:11px}.btn-md{height:44px;padding:0 16px;font-size:12px}.btn-lg{height:58px;padding:0 20px;font-size:16px}.btn-solid{background:var(--primary);color:var(--primary-fg)}.btn-solid:hover{background:var(--primary-hover)}.btn-subtle{background:var(--accent);color:#fff}.btn-subtle:hover{background:var(--accent-hover)}.btn-outline{background:transparent;color:var(--fg);border-color:var(--clint-gray-300)}.btn-outline:hover{background:var(--bg-subtle)}.btn-ghost{background:transparent;color:var(--clint-gray-900)}.btn-ghost:hover{background:transparent;border-color:var(--clint-gray-200);color:var(--clint-blue-600)}.btn-text{background:transparent;color:var(--clint-purple-600)}.btn-text:hover{text-decoration:underline;opacity:.85}.input{width:100%;height:40px;padding:0 10px;font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--fg);background:var(--clint-input-bg);border:1px solid transparent;border-radius:var(--r-input);outline:none;transition:background var(--dur-fast),box-shadow var(--dur-fast),border-color var(--dur-fast)}.input::placeholder{color:var(--clint-gray-500);font-weight:400}.input:hover{background:var(--clint-input-bg-figma)}.input:focus{border-color:var(--clint-purple-600);box-shadow:var(--shadow-focus-purple)}.input.invalid{border-color:var(--error);box-shadow:var(--shadow-focus-error)}.input-outline{background:transparent;border-color:var(--border)}.input-outline:focus{border-color:var(--accent);box-shadow:var(--shadow-focus-blue)}.card{background:#fff;border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:var(--sp-4);border:1px solid transparent}.card-outline{box-shadow:none;border-color:var(--clint-gray-200)}.card-kanban{border-color:var(--clint-gray-200);border-radius:var(--radius-lg);padding:var(--sp-4);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.card-kanban:hover{border-color:var(--clint-purple-200);box-shadow:var(--shadow-purple-10)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);font-weight:500;line-height:1;padding:2px 8px;border-radius:var(--radius-sm);background:var(--clint-purple-100);color:var(--clint-purple-700)}.badge-pill{border-radius:var(--radius-full);padding:4px 12px}.badge-success{background:var(--clint-green-50);color:var(--clint-green-600)}.badge-error{background:var(--clint-red-50);color:var(--clint-red-600)}.badge-warning{background:var(--clint-amber-50);color:var(--clint-amber-600)}.badge-info{background:var(--clint-blue-50);color:var(--clint-blue-600)}.badge-solid{background:var(--primary);color:#fff}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:#fcfdff;color:var(--fg);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;font-feature-settings:"ss01","cv11","tnum" 0}button{font-family:inherit}.num,.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.page{min-height:100vh;display:flex;flex-direction:column}.shell{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.topbar{padding:22px 0 0;position:relative;z-index:4}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-logo{display:inline-flex;align-items:center;gap:10px;color:#fff}.topbar-logo img{height:26px;display:block}.topbar-actions{display:flex;align-items:center;gap:8px;font-size:13px;color:#ffffffc7}.topbar-actions .pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#ffffff1a;color:#fff;font-weight:500;font-size:12px;letter-spacing:.01em;border:1px solid rgba(255,255,255,.14)}.topbar-actions .pill .dot{width:7px;height:7px;border-radius:999px;background:#b5f2c7;box-shadow:0 0 0 4px #22c55e2e}.hero{position:relative;color:#fff;background:radial-gradient(120% 80% at 100% 0%,#9c6dff8c,#5b16bc00 55%),radial-gradient(80% 70% at 0% 100%,#4f46e573,#5b16bc00 55%),linear-gradient(140deg,#5b16bc,#6c19de 45%,#7c2be8);overflow:hidden;padding-bottom:48px}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.08) 1px,transparent 0);background-size:28px 28px;pointer-events:none;mask-image:linear-gradient(180deg,#000 0%,transparent 70%)}.hero:after{content:"";position:absolute;right:-120px;top:-120px;width:480px;height:480px;border-radius:999px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px #ffffff0a,0 0 200px #9c6dff47;pointer-events:none}.hero-inner{position:relative;z-index:2;padding:40px 0 0;display:flex;flex-direction:column;gap:36px;max-width:880px}.hero-text{max-width:720px}.hero-meter{position:relative;padding:22px 28px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);width:100%;display:grid;grid-template-columns:auto 1fr;column-gap:28px;row-gap:16px;align-items:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#ffffffc7;padding:6px 12px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);margin-bottom:24px;white-space:nowrap}.hero h1{font-size:clamp(32px,4.2vw,48px);font-weight:600;line-height:1.08;letter-spacing:-.025em;color:#fff;margin:0;text-wrap:balance}.hero h1 em{font-style:normal;color:#d1bbff;font-weight:600}.hero-sub{font-size:17px;line-height:1.55;color:#ffffffc7;margin-top:18px;max-width:520px;text-wrap:pretty}.hero-meter-dial{grid-row:1 / span 2;align-self:center}.hero-meter-summary{min-width:0;grid-column:2;align-self:center}.hero-meter-progress{grid-column:2;min-width:0}.hero-progress{display:flex;flex-direction:column;gap:6px}.hero-progress-label{display:flex;justify-content:space-between;font-size:12px;color:#ffffffb8;font-weight:500}.hero-progress-track{height:6px;border-radius:999px;background:#ffffff1f;overflow:hidden}.hero-progress-fill{height:100%;background:linear-gradient(90deg,#b794ff,#fff);border-radius:999px;transition:width var(--dur-moderate) var(--ease-out);box-shadow:0 0 12px #fff6}.mos-dial{--mos-color: #B5F2C7;--mos-pct: 0;width:140px;height:140px;position:relative;flex-shrink:0}.mos-dial-svg{width:100%;height:100%;transform:rotate(-90deg)}.mos-dial-track{stroke:#ffffff24}.mos-dial-fill{stroke:var(--mos-color);stroke-linecap:round;transition:stroke-dashoffset .6s var(--ease-out),stroke .2s;filter:drop-shadow(0 0 6px rgba(181,242,199,.5))}.mos-dial-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.mos-dial-value{font-size:38px;font-weight:700;letter-spacing:-.025em;font-variant-numeric:tabular-nums;color:#fff;line-height:1}.mos-dial-value .of{font-size:14px;font-weight:500;color:#ffffff8c;margin-left:2px}.mos-dial-label{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#fff9;margin-top:4px}.hero-meter-summary .verdict-kicker{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c}.hero-meter-summary .verdict-title{font-size:22px;font-weight:600;margin-top:4px;letter-spacing:-.015em;color:#fff;line-height:1.2}.hero-meter-summary .verdict-sub{font-size:14px;color:#ffffffb8;margin-top:6px;line-height:1.5}.content{position:relative;z-index:3;margin-top:0;padding-bottom:80px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:32px 0 14px;gap:16px}.section-head:first-child{margin-top:28px}.section-head .eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--clint-purple-700)}.section-head h2{font-size:20px;font-weight:600;letter-spacing:-.015em;color:var(--fg);margin-top:4px}.section-head .meta{font-size:13px;color:var(--fg-muted);font-weight:500}.test-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tc{position:relative;background:#fff;border:1px solid var(--clint-gray-200);border-radius:12px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:14px;transition:border-color var(--dur-moderate) var(--ease-out),box-shadow var(--dur-moderate) var(--ease-out),background var(--dur-moderate) var(--ease-out),transform var(--dur-moderate) var(--ease-out);cursor:pointer;text-align:left;font-family:inherit;width:100%}.tc:hover{border-color:var(--clint-purple-200);box-shadow:var(--shadow-purple-10)}.tc:focus-visible{outline:none;box-shadow:var(--shadow-focus-purple);border-color:var(--clint-purple-600)}.tc-head{display:flex;align-items:center;gap:12px}.tc-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:var(--clint-purple-50);color:var(--clint-purple-700);transition:background var(--dur-moderate),color var(--dur-moderate)}.tc-title{flex:1;min-width:0}.tc-title-row{font-size:15px;font-weight:600;color:var(--fg);letter-spacing:-.005em;display:flex;align-items:center;gap:8px}.tc-title-sub{font-size:12px;color:var(--fg-muted);font-weight:500;margin-top:2px;line-height:1.4}.tc-status-glyph{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;flex-shrink:0}.tc-value{display:flex;align-items:baseline;gap:6px;flex-wrap:nowrap;white-space:nowrap}.tc-value .v{font-size:32px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1;color:var(--fg)}.tc-value .unit{font-size:13px;font-weight:500;color:var(--fg-muted)}.tc-value-empty{font-size:13px;color:var(--fg-subtle);font-weight:500;padding:4px 0}.tc-bar{height:4px;border-radius:999px;background:var(--clint-gray-100);overflow:hidden;position:relative}.tc-bar-fill{height:100%;border-radius:999px;background:var(--clint-purple-500);transition:width var(--dur-slow) var(--ease-out),background var(--dur-moderate)}.tc-bar.indeterminate .tc-bar-fill{width:35%;background:linear-gradient(90deg,transparent,var(--clint-purple-500),transparent);animation:tc-indet 1.4s linear infinite}@keyframes tc-indet{0%{transform:translate(-100%)}to{transform:translate(285%)}}.tc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--fg-muted);font-weight:500}.tc-foot .hint{display:inline-flex;align-items:center;gap:6px;text-wrap:pretty}.tc-foot .chev{color:var(--fg-subtle);opacity:0;transition:opacity var(--dur-fast),transform var(--dur-fast)}.tc:hover .chev{opacity:1;transform:translate(2px)}.tc[data-state=pending]{background:#fff}.tc[data-state=pending] .tc-icon{background:var(--clint-gray-100);color:var(--clint-gray-400)}.tc[data-state=pending] .tc-title-row{color:var(--clint-gray-500)}.tc[data-state=running]{border-color:var(--clint-purple-300);box-shadow:var(--shadow-purple-10)}.tc[data-state=running] .tc-icon{background:var(--clint-purple-100);color:var(--clint-purple-700);animation:tc-pulse 1.6s var(--ease-in-out) infinite}@keyframes tc-pulse{0%,to{box-shadow:0 0 #6c19de52}50%{box-shadow:0 0 0 8px #6c19de00}}.tc[data-state=success] .tc-icon{background:var(--clint-green-50);color:var(--clint-green-600)}.tc[data-state=success] .tc-status-glyph{background:var(--clint-green-500);color:#fff}.tc[data-state=success] .tc-bar-fill{background:var(--clint-green-500)}.tc[data-state=warning]{border-color:#fcd34d}.tc[data-state=warning] .tc-icon{background:var(--clint-amber-50);color:var(--clint-amber-600)}.tc[data-state=warning] .tc-status-glyph{background:var(--clint-amber-500);color:#fff}.tc[data-state=warning] .tc-bar-fill{background:var(--clint-amber-500)}.tc[data-state=error]{border-color:#fca5a5;background:#fffbfb}.tc[data-state=error] .tc-icon{background:var(--clint-red-50);color:var(--clint-red-600)}.tc[data-state=error] .tc-status-glyph{background:var(--clint-red-500);color:#fff}.tc[data-state=error] .tc-bar-fill{background:var(--clint-red-500)}.tc-warn-strip{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.4;color:var(--clint-amber-600);background:var(--clint-amber-50);padding:8px 10px;border-radius:8px}.tc-err-strip{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.4;color:var(--clint-red-600);background:var(--clint-red-50);padding:8px 10px;border-radius:8px}.tc-warn-strip svg,.tc-err-strip svg{flex-shrink:0;margin-top:1px}.spinner{width:16px;height:16px;border-radius:999px;border:2px solid var(--clint-purple-200);border-top-color:var(--clint-purple-600);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result{margin-top:24px;border-radius:16px;background:#fff;border:1px solid var(--clint-gray-200);box-shadow:var(--shadow-purple-10);overflow:hidden;display:grid;grid-template-columns:1fr}.result-head{padding:28px 28px 20px;display:flex;gap:24px;align-items:center;position:relative;border-bottom:1px solid var(--clint-gray-200)}.result-head[data-tone=success]{background:linear-gradient(180deg,#f0fdf4,#fff)}.result-head[data-tone=warning]{background:linear-gradient(180deg,#fffbeb,#fff)}.result-head[data-tone=error]{background:linear-gradient(180deg,#fef2f2,#fff)}.result-head .small-mos{width:84px;height:84px;flex-shrink:0;position:relative}.result-head .small-mos-val{position:absolute;inset:0;display:grid;place-items:center;font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--fg);letter-spacing:-.02em}.result-head .copy{flex:1}.result-head .kicker{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}.result-head .kicker[data-tone=success]{color:var(--clint-green-600)}.result-head .kicker[data-tone=warning]{color:var(--clint-amber-600)}.result-head .kicker[data-tone=error]{color:var(--clint-red-600)}.result-head h3{font-size:24px;font-weight:600;letter-spacing:-.02em;margin-top:6px;text-wrap:balance}.result-head p{font-size:15px;color:var(--fg-muted);margin-top:8px;max-width:560px}.result-actions{display:flex;flex-wrap:wrap;gap:10px;padding:20px 28px}.result-actions .btn-solid{box-shadow:var(--shadow-purple-15)}.result-actions .btn-md{height:46px;padding:0 20px;font-size:14px}.result-fixes{padding:4px 28px 24px}.result-fixes h4{font-size:14px;font-weight:600;margin:8px 0 12px;color:var(--fg);letter-spacing:-.005em}.fix-list{display:flex;flex-direction:column;gap:10px}.fix-item{display:grid;grid-template-columns:28px 1fr auto;gap:12px;padding:14px;border:1px solid var(--clint-gray-200);border-radius:10px;align-items:flex-start;background:#fff}.fix-num{width:26px;height:26px;border-radius:999px;background:var(--clint-purple-100);color:var(--clint-purple-700);display:grid;place-items:center;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.fix-body .fix-title{font-size:14px;font-weight:600;line-height:1.4}.fix-body .fix-desc{font-size:13px;color:var(--fg-muted);margin-top:4px;line-height:1.5}.fix-tag{font-size:11px;font-weight:500;padding:4px 8px;border-radius:999px;background:var(--clint-gray-100);color:var(--clint-gray-700);letter-spacing:.02em;white-space:nowrap}.drawer-bg{position:fixed;inset:0;background:#0f0e1c8c;backdrop-filter:blur(4px);z-index:50;opacity:0;pointer-events:none;transition:opacity .24s var(--ease-out)}.drawer-bg[data-open=true]{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;width:min(440px,100vw);height:100vh;background:#fff;z-index:51;display:flex;flex-direction:column;transform:translate(110%);transition:transform .32s var(--ease-out);box-shadow:-16px 0 40px #0f0e1c2e}.drawer[data-open=true]{transform:translate(0)}.drawer-head{padding:20px 24px 16px;border-bottom:1px solid var(--clint-gray-200);display:flex;align-items:flex-start;gap:16px}.drawer-head .tc-icon{width:44px;height:44px;border-radius:12px}.drawer-head h3{font-size:18px;font-weight:600;letter-spacing:-.015em}.drawer-head .sub{font-size:13px;color:var(--fg-muted);margin-top:2px}.drawer-close{border:1px solid var(--clint-gray-200);background:#fff;color:var(--fg-muted);border-radius:8px;width:32px;height:32px;display:grid;place-items:center;cursor:pointer}.drawer-close:hover{background:var(--clint-gray-50);color:var(--fg)}.drawer-body{padding:20px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:24px}.drawer-stat{display:flex;align-items:baseline;gap:8px}.drawer-stat .v{font-size:44px;font-weight:700;letter-spacing:-.025em;font-variant-numeric:tabular-nums;line-height:1}.drawer-stat .unit{font-size:16px;color:var(--fg-muted);font-weight:500}.drawer-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:999px;margin-top:8px}.drawer-status[data-tone=success]{background:var(--clint-green-50);color:var(--clint-green-600)}.drawer-status[data-tone=warning]{background:var(--clint-amber-50);color:var(--clint-amber-600)}.drawer-status[data-tone=error]{background:var(--clint-red-50);color:var(--clint-red-600)}.drawer-section h4{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:10px}.drawer-section p{font-size:14px;line-height:1.55}.drawer-chart{height:110px;width:100%}.drawer-chart-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--fg-subtle);font-variant-numeric:tabular-nums;margin-top:4px}.drawer-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px}.drawer-meta .row{padding:12px;border:1px solid var(--clint-gray-200);border-radius:10px;background:var(--clint-input-bg)}.drawer-meta .row .lbl{font-size:11px;color:var(--fg-muted);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.drawer-meta .row .val{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:2px;letter-spacing:-.01em}.drawer-thresholds{display:flex;flex-direction:column;gap:8px}.thr{display:grid;grid-template-columns:16px 1fr auto;gap:10px;align-items:center;font-size:13px;padding:8px 10px;border-radius:8px}.thr[data-tone=success]{background:var(--clint-green-50)}.thr[data-tone=warning]{background:var(--clint-amber-50)}.thr[data-tone=error]{background:var(--clint-red-50)}.thr .dot{width:10px;height:10px;border-radius:999px}.thr[data-tone=success] .dot{background:var(--clint-green-500)}.thr[data-tone=warning] .dot{background:var(--clint-amber-500)}.thr[data-tone=error] .dot{background:var(--clint-red-500)}.thr .lbl{font-weight:500}.thr .range{color:var(--fg-muted);font-variant-numeric:tabular-nums;font-size:12px}.thr.active{box-shadow:inset 0 0 0 1.5px currentColor}.thr.active[data-tone=success]{color:var(--clint-green-600)}.thr.active[data-tone=warning]{color:var(--clint-amber-600)}.thr.active[data-tone=error]{color:var(--clint-red-600)}.footer{margin-top:64px;border-top:1px solid var(--clint-gray-200);background:#fafbff;padding:32px 0}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--fg-muted);font-weight:500;flex-wrap:wrap}.footer-brand img{height:22px}.footer-brand .sep{width:1px;height:16px;background:var(--clint-gray-300)}.footer-links{display:flex;gap:20px;font-size:13px}.footer-status-link{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--clint-gray-200);color:var(--fg);font-weight:500;font-size:13px;transition:border-color var(--dur-fast),box-shadow var(--dur-fast),color var(--dur-fast),background var(--dur-fast)}.footer-status-link:hover{border-color:var(--clint-purple-200);color:var(--clint-purple-700);box-shadow:var(--shadow-purple-10);text-decoration:none;background:#fff}.footer-status-link:visited,.footer-status-link:active,.footer-status-link:focus{text-decoration:none}.footer-status-dot{width:8px;height:8px;border-radius:999px;background:var(--clint-green-500);box-shadow:0 0 0 4px #22c55e2e;flex-shrink:0}.footer-privacy{font-size:12px;color:var(--fg-subtle);flex-basis:100%;display:flex;align-items:center;gap:6px}.footer-privacy-inline{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--fg-subtle);font-weight:500}.btn.btn-on-hero{background:#ffffff24;border:1px solid rgba(255,255,255,.22);color:#fff;height:38px;padding:0 14px;font-size:13px}.btn.btn-on-hero:hover{background:#ffffff38}a.btn,a.btn:hover,a.btn:visited,a.btn:active,a.btn:focus{text-decoration:none}a.btn-solid,a.btn-solid:hover,a.btn-solid:visited,a.btn-solid:active,a.btn-solid:focus{color:var(--primary-fg)}a.btn-on-hero,a.btn-on-hero:hover,a.btn-on-hero:visited,a.btn-on-hero:active,a.btn-on-hero:focus{color:#fff}a.btn-outline,a.btn-outline:hover,a.btn-outline:visited,a.btn-outline:active,a.btn-outline:focus{color:var(--fg)}a.btn-subtle,a.btn-subtle:hover,a.btn-subtle:visited,a.btn-subtle:active,a.btn-subtle:focus{color:#fff}.fab-rerun{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--clint-gray-200);box-shadow:var(--shadow-purple-15);border-radius:999px;padding:10px 18px 10px 14px;font-size:13px;font-weight:500;color:var(--fg);cursor:pointer;z-index:30;transition:transform var(--dur-fast),box-shadow var(--dur-fast)}.fab-rerun:hover{transform:translate(-50%) translateY(-1px)}@media (max-width: 880px){.hero-inner{padding-top:32px;gap:28px}.hero{padding-bottom:32px}.content{margin-top:0}.hero h1{font-size:clamp(28px,5.5vw,36px)}.test-grid{grid-template-columns:1fr}.result-head{flex-direction:column;align-items:flex-start;padding:22px}.result-head .small-mos{width:72px;height:72px}.result-actions{padding:18px 22px}.result-fixes{padding:4px 22px 22px}.shell{padding:0 18px}.topbar{padding-top:16px}}@media (max-width: 480px){.hero-eyebrow{font-size:11px}.hero-meter{padding:16px;column-gap:14px}.mos-dial{width:110px;height:110px}.mos-dial-value{font-size:28px}.hero-meter-summary .verdict-title{font-size:17px}.tc{padding:14px}.tc-value .v{font-size:26px}.drawer{width:100vw}.footer-links{flex-basis:100%}}