*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f3efe8;--bg-accent: #e7ddd0;--surface: rgba(255, 252, 247, .82);--surface-strong: #fffdf9;--surface-muted: #f5eee3;--border: rgba(82, 59, 40, .12);--border-strong: rgba(82, 59, 40, .18);--text: #171411;--text-soft: #5e554c;--text-muted: #7b6f63;--accent: #0f766e;--accent-deep: #115e59;--accent-soft: rgba(15, 118, 110, .12);--score-high: #198754;--score-high-soft: rgba(25, 135, 84, .14);--score-medium: #b7791f;--score-medium-soft: rgba(183, 121, 31, .16);--score-low: #c55a11;--score-low-soft: rgba(197, 90, 17, .15);--score-very-low: #b42318;--score-very-low-soft: rgba(180, 35, 24, .12);--shadow-lg: 0 24px 70px rgba(37, 27, 19, .12);--shadow-md: 0 16px 40px rgba(44, 32, 23, .08);--shadow-sm: 0 8px 20px rgba(44, 32, 23, .05);--radius-xl: 32px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px}html{scroll-behavior:smooth}body{font-family:Manrope,sans-serif;background:radial-gradient(circle at top left,rgba(15,118,110,.14),transparent 30%),radial-gradient(circle at top right,rgba(184,134,11,.1),transparent 28%),linear-gradient(180deg,#f7f2ea,#f3efe8 42%,#efe7dc);color:var(--text);font-size:15px;line-height:1.6;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(23,20,17,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(23,20,17,.02) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.32),transparent 70%);mask-image:linear-gradient(180deg,rgba(0,0,0,.32),transparent 70%)}.app{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:40px 0 88px}.hero-panel{position:relative;margin-bottom:34px;padding:34px;border:1px solid rgba(255,255,255,.45);border-radius:var(--radius-xl);background:linear-gradient(135deg,#ffffffd1,#fff9f1bd),linear-gradient(180deg,rgba(15,118,110,.04),transparent);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.hero-panel:after{content:"";position:absolute;width:280px;height:280px;top:-120px;right:-60px;border-radius:50%;background:radial-gradient(circle,rgba(15,118,110,.12),transparent 70%)}.header{position:relative;z-index:1;margin-bottom:28px}.header-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:8px 14px;border-radius:999px;background:#ffffffbf;border:1px solid rgba(15,118,110,.15);color:var(--accent-deep);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.header h1{max-width:820px;margin-bottom:14px;font-size:clamp(2.8rem,6vw,4.8rem);line-height:.94;letter-spacing:-.06em;font-weight:800}.header p{max-width:760px;color:var(--text-soft);font-size:clamp(1.04rem,1.7vw,1.32rem);line-height:1.55}.hero-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}.hero-highlight{padding:16px 18px;border-radius:var(--radius-md);background:#ffffff9e;border:1px solid rgba(82,59,40,.08);box-shadow:var(--shadow-sm)}.hero-highlight-label{display:block;margin-bottom:6px;color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-highlight strong{display:block;font-size:15px;font-weight:700;color:var(--text);line-height:1.45}.input-card{position:relative;z-index:1;display:grid;gap:18px;padding:24px;border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid rgba(82,59,40,.1);box-shadow:var(--shadow-md)}.input-copy{display:grid;gap:6px}.input-eyebrow{color:var(--accent-deep);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.input-copy p{color:var(--text-soft);font-size:15px}.input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.url-input{min-width:0;padding:17px 18px;border:1px solid var(--border);border-radius:14px;outline:none;background:#fffdfa;color:var(--text);font-size:16px;font-family:IBM Plex Mono,monospace;box-shadow:inset 0 1px #ffffffb3;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.url-input::placeholder{color:#998d80;font-family:Manrope,sans-serif}.url-input:focus{border-color:#0f766e6b;box-shadow:0 0 0 4px #0f766e1f;transform:translateY(-1px)}.analyze-btn{border:none;padding:0 24px;min-height:58px;border-radius:14px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);color:#f8fffe;font-size:15px;font-weight:800;letter-spacing:.01em;cursor:pointer;box-shadow:0 18px 28px #0f766e38;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.analyze-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 30px #0f766e47}.analyze-btn:disabled{opacity:.58;cursor:not-allowed;box-shadow:none}.input-meta{color:var(--text-muted);font-size:13px}.error-box{padding:14px 16px;border-radius:14px;border:1px solid rgba(180,35,24,.12);background:linear-gradient(180deg,#b4231814,#b423180a);color:var(--score-very-low);font-size:14px;font-weight:700}.loading{display:grid;justify-items:center;gap:14px;margin:14px 0 34px;padding:28px;border-radius:var(--radius-lg);background:#fffcf7b3;border:1px solid rgba(82,59,40,.08);color:var(--text-soft);box-shadow:var(--shadow-sm)}.spinner{width:42px;height:42px;border-radius:50%;border:3px solid rgba(15,118,110,.16);border-top-color:var(--accent);animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.results-shell{display:grid;gap:22px}.results-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:20px;align-items:end;padding:0 6px}.results-kicker{display:inline-block;margin-bottom:8px;color:var(--accent-deep);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.results-header h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.02;letter-spacing:-.05em;font-weight:800}.results-header p{color:var(--text-soft);font-size:14px;line-height:1.65}.results{display:grid;gap:18px}.card{padding:24px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#fffdf9f5,#fffbf5eb);border:1px solid rgba(82,59,40,.1);box-shadow:var(--shadow-md)}.card-label{margin-bottom:18px;color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.page-title-row{display:grid;gap:5px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(82,59,40,.1)}.page-title-text{font-size:18px;font-weight:800;letter-spacing:-.02em}.page-title-url{color:var(--text-muted);font-size:12px;font-family:IBM Plex Mono,monospace;word-break:break-all}.score-top{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;align-items:start}.score-number-wrap{display:grid;justify-items:center}.score-circle{width:124px;height:124px;margin-bottom:12px;display:grid;place-items:center;border-radius:50%;border:1px solid transparent;box-shadow:inset 0 0 0 10px #ffffffa8}.score-circle.high{border-color:#19875438;background:radial-gradient(circle at 35% 30%,#ffffff,var(--score-high-soft))}.score-circle.medium{border-color:#b7791f38;background:radial-gradient(circle at 35% 30%,#ffffff,var(--score-medium-soft))}.score-circle.low{border-color:#c55a1138;background:radial-gradient(circle at 35% 30%,#ffffff,var(--score-low-soft))}.score-circle.very-low{border-color:#b423182e;background:radial-gradient(circle at 35% 30%,#ffffff,var(--score-very-low-soft))}.score-digit{font-size:42px;font-weight:800;line-height:.92;letter-spacing:-.05em}.score-out-of{display:block;margin-top:3px;color:var(--text-muted);font-size:12px;font-family:IBM Plex Mono,monospace}.score-verdict{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.verdict-high{color:var(--score-high);background:var(--score-high-soft)}.verdict-medium{color:var(--score-medium);background:var(--score-medium-soft)}.verdict-low{color:var(--score-low);background:var(--score-low-soft)}.verdict-very-low{color:var(--score-very-low);background:var(--score-very-low-soft)}.score-right{min-width:0}.score-explanation{margin-bottom:18px;color:var(--text-soft);font-size:15px;line-height:1.65}.breakdown{display:grid;gap:12px}.breakdown-item{display:grid;grid-template-columns:148px minmax(0,1fr) 44px;gap:12px;align-items:center}.breakdown-label{color:var(--text);font-size:13px;font-weight:700}.bar-track{height:9px;border-radius:999px;background:#5e554c1f;overflow:hidden}.bar-fill{height:100%;border-radius:inherit;transition:width .45s ease}.bar-fill.high{background:linear-gradient(90deg,#1b955d,#24b36f)}.bar-fill.medium{background:linear-gradient(90deg,#cc8b20,#e6ab2d)}.bar-fill.low{background:linear-gradient(90deg,#c55a11,#e6752c)}.bar-fill.very-low{background:linear-gradient(90deg,#b42318,#d94841)}.breakdown-pts{color:var(--text-muted);font-size:12px;font-weight:800;text-align:right;font-family:IBM Plex Mono,monospace}.sim-query{margin-bottom:16px;padding:12px 14px;border-radius:14px;background:var(--surface-muted);color:var(--accent-deep);font-size:13px;font-family:IBM Plex Mono,monospace;font-weight:700;border:1px solid rgba(15,118,110,.08)}.sim-bullets,.reason-list,.fixes-list{display:grid;gap:12px;list-style:none}.sim-bullets{margin-bottom:16px}.sim-bullets li,.reason-list li{position:relative;padding-left:18px;color:var(--text);font-size:14px;line-height:1.65}.sim-bullets li:before{content:"";position:absolute;left:0;top:10px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #0f766e1f}.sim-note{padding:12px 14px;border-radius:14px;font-size:13px;font-weight:700}.sim-note.included{color:var(--score-high);background:var(--score-high-soft)}.sim-note.not-included{color:var(--score-very-low);background:var(--score-very-low-soft)}.reason-list li:before{content:"×";position:absolute;left:0;top:0;color:var(--score-very-low);font-size:16px;font-weight:800}.fix-item{padding:16px 18px;border-radius:16px;background:linear-gradient(180deg,#ffffffe0,#f5eee3ad);border:1px solid rgba(15,118,110,.1)}.fix-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:8px}.fix-action{font-size:15px;font-weight:800;line-height:1.5}.fix-impact{flex-shrink:0;padding:5px 10px;border-radius:999px;background:var(--score-high-soft);color:var(--score-high);font-size:12px;font-weight:800}.fix-reason{color:var(--text-soft);font-size:14px;line-height:1.65}.risk-row{display:grid;gap:14px}.risk-badge{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em}.risk-badge.HIGH{color:var(--score-very-low);background:var(--score-very-low-soft)}.risk-badge.MEDIUM{color:var(--score-medium);background:var(--score-medium-soft)}.risk-badge.LOW{color:var(--score-high);background:var(--score-high-soft)}.risk-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.risk-reasons{display:flex;flex-wrap:wrap;gap:8px}.risk-reason-tag{padding:7px 11px;border-radius:999px;border:1px solid var(--border);background:#ffffffb8;color:var(--text-soft);font-size:12px;font-weight:700}.footer{margin-top:56px;text-align:center;color:var(--text-muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase}@media (max-width: 980px){.hero-highlights,.results-header,.score-top{grid-template-columns:1fr}.score-number-wrap{justify-items:start}}@media (max-width: 720px){.app{width:min(100% - 24px,1120px);padding:20px 0 72px}.hero-panel,.card,.input-card{padding:20px;border-radius:22px}.input-row{grid-template-columns:1fr}.analyze-btn{width:100%}.breakdown-item{grid-template-columns:1fr;gap:8px}.breakdown-pts{text-align:left}.fix-header{flex-direction:column}}@media (max-width: 540px){.header h1{letter-spacing:-.05em}.hero-highlight strong,.header p,.input-copy p{font-size:14px}.page-title-text{font-size:16px}}