:root{--ink-0:#0a0a1a;--moss-500:#6fa37a;--moss-600:#3f6b54;--moss-700:#24453a;--moss-900:#0f1713;--amber-500:#cd8a4b;--bg:#fffdf9;--surface:#ffffffb3;--surface-alt:#ebe7df;--ink:var(--moss-900);--ink-muted:var(--moss-600);--ink-faint:var(--moss-500);--rule:#3f6b5438;--rule-strong:#3f6b5466;--accent:var(--moss-600);--accent-hover:var(--moss-700);--accent-ink:#fff;--accent-wash:#3f6b541a;--score-excellent:var(--moss-700);--score-good:var(--moss-600);--score-fair:var(--amber-500);--score-poor:#b5838d;--error:#d90429;--error-wash:#fff0f3;--error-border:#ffb3c1;--font-body:"Inter", system-ui, sans-serif;--font-heading:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;font:16px/1.5 var(--font-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}body:before{content:"";pointer-events:none;z-index:60;opacity:.6;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--ink);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700}p{text-wrap:pretty}a{color:var(--accent);text-decoration:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-header{background:0 0;width:100%;padding:20px 32px}.app-header__inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.dh-logo-group{align-items:center;gap:12px;display:flex}.dh-brand{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--ink);font-size:24px;font-weight:700}.dh-sep{color:var(--rule-strong);font-size:18px;font-weight:300}.dh-product{font-family:var(--font-body);color:var(--ink-muted);font-size:16px;font-weight:500}.app-header__nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #0000000d;border-radius:9999px;gap:28px;padding:10px 24px;font-size:15px;display:flex;box-shadow:0 4px 20px #00000005}.nav-link{color:var(--ink);align-items:center;gap:4px;font-weight:500;display:flex}.chevron{opacity:.6;font-size:12px}.btn{cursor:pointer;border:none;font-family:inherit;font-size:14px;font-weight:600;transition:transform .16s cubic-bezier(.23,1,.32,1),opacity .2s}.btn:active{transform:scale(.97)}.btn--pill{border-radius:9999px;padding:12px 24px}.btn--pill-right{border-radius:9999px;height:48px;margin:6px;padding:0 32px}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover)}.btn--text{color:var(--ink);background:0 0;padding:8px 4px}.btn--text:hover{text-decoration:underline}.app-main{flex-direction:column;flex:1;align-items:center;width:100%;max-width:1000px;margin:0 auto;padding:64px 24px 96px;display:flex}.hero{text-align:center;justify-content:center;align-items:center;width:100%;margin-bottom:48px;display:flex;position:relative}.hero__title{letter-spacing:-.03em;z-index:10;text-shadow:0 4px 24px #f4f1ebe6,0 0 10px #f4f1ebe6;font-size:clamp(4rem,8vw,7rem);font-weight:700;line-height:1;position:relative}.hero__orb{background:radial-gradient(circle at 25% 25%, #fffffff2 0%, #fff0 35%), radial-gradient(circle at 75% 75%, var(--moss-700) 0%, transparent 60%), linear-gradient(135deg, var(--amber-500) 0%, var(--moss-500) 40%, var(--moss-600) 80%, var(--moss-900) 100%);z-index:1;pointer-events:none;border-radius:50%;width:240px;height:240px;animation:10s ease-in-out infinite float-orb;position:absolute;top:50%;right:5%;transform:translateY(-50%)translate(0,0);box-shadow:inset -25px -25px 50px #0009,inset 15px 15px 35px #ffffffb3,inset 0 0 15px #ffffffe6,0 30px 60px #11322033,0 0 100px #388e3c4d}.hero__orb:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#388e3c33 0%,#0000 60%);border-radius:50%;animation:10s ease-in-out infinite pulse-glow;position:absolute;inset:-20%}@keyframes float-orb{0%,to{transform:translateY(-50%)translate(0,0)rotate(0)}50%{transform:translateY(-50%)translateY(-30px)rotate(6deg)}}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.hero__orb,.hero__orb:after{animation:none}}.interactive-panel{flex-direction:column;align-items:center;width:100%;max-width:800px;display:flex}.state-fade,.state-slide-up{width:100%;animation:.3s forwards fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.url-form{opacity:0;width:100%;margin-bottom:48px;animation:.6s cubic-bezier(.23,1,.32,1) forwards slide-up-fade}.url-form__row{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #0000000a;border-radius:9999px;align-items:center;height:60px;transition:border-color .2s,box-shadow .2s,transform .2s cubic-bezier(.23,1,.32,1);display:flex;box-shadow:0 8px 30px #00000008}.url-form__row:focus-within{border-color:var(--moss-500);transform:translateY(-2px);box-shadow:0 0 0 3px #6fa37a2e,0 12px 40px #0000000d}.url-form__input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:0 32px;font-size:16px}.url-form__input::placeholder{color:var(--ink-faint)}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;display:grid}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;cursor:default;background:#ffffffb3;border:1px solid #00000008;border-radius:20px;align-items:flex-start;gap:16px;padding:24px;transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s,border-color .2s;animation:.6s cubic-bezier(.23,1,.32,1) forwards slide-up-fade;display:flex;box-shadow:0 4px 15px #00000005}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.18s}.feature-card:nth-child(3){animation-delay:.26s}.feature-card:hover{border-color:#3f6b541f;transform:translateY(-4px);box-shadow:0 12px 30px #0000000d}.feature-card:active{transition:transform .1s ease-out;transform:translateY(0)scale(.97)}.feature-card__icon{width:44px;height:44px;color:var(--ink);background:#e8ebe9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-card__icon svg{width:20px;height:20px}.feature-card__content h3{margin-bottom:4px;font-size:16px}.feature-card__content p{color:var(--ink-muted);margin-bottom:12px;font-size:14px}.feature-card__content a{color:#388e3c;font-size:14px;font-weight:500}.score-guidelines-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#fff6;border:1px dashed #3f6b5440;border-radius:20px;align-items:flex-start;gap:16px;margin-top:20px;padding:20px 24px;animation:.6s cubic-bezier(.23,1,.32,1) .32s forwards slide-up-fade;display:flex}.score-guidelines-card__icon{background:var(--surface-alt);width:32px;height:32px;color:var(--ink-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.score-guidelines-card__icon svg{width:16px;height:16px}.score-guidelines-card__content h3{color:var(--ink);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:14px}.score-guidelines-card__content p{color:var(--ink-muted);margin:0;font-size:14px;line-height:1.5}.score-guidelines-card__content strong{color:var(--ink)}.error-alert{background:var(--error-wash);color:var(--error);border:1px solid var(--error-border);border-radius:6px;margin-top:16px;padding:12px 16px;font-size:14px}.unified-report-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #0000000d;border-radius:20px;flex-direction:column;width:100%;max-width:900px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000000a,inset 0 1px #fffc}.report-header{opacity:0;background:linear-gradient(135deg,#f0f5f3cc,#ffffff80);border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:16px;padding:24px 32px;animation:.6s cubic-bezier(.23,1,.32,1) 50ms forwards slide-up-fade;display:flex}.target-url-group{flex:1;min-width:0}.target-url{color:var(--accent);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:24px;font-weight:700;overflow:hidden}.header-actions{flex-shrink:0;align-items:center;gap:20px;display:flex}.score-pill{background:#fff;border:1px solid #0000000a;border-radius:99px;align-items:center;gap:8px;padding:8px 16px;display:flex;box-shadow:0 2px 10px #00000008}.score-pill-label{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.score-pill-val{color:var(--accent);font-size:20px;font-weight:700}.reset-btn-bracket{color:var(--accent);padding:10px 16px;font-size:14px;font-weight:600;transition:transform .15s ease-out,opacity .15s;position:relative}.reset-btn-bracket:before,.reset-btn-bracket:after{content:"";border:1.5px solid var(--accent);opacity:.5;width:8px;height:8px;transition:transform .2s;position:absolute}.reset-btn-bracket:before{border-bottom:none;border-right:none;border-top-left-radius:4px;top:0;left:0}.reset-btn-bracket:after{border-top:none;border-left:none;border-bottom-right-radius:4px;bottom:0;right:0}.reset-btn-bracket:hover:before{opacity:1;transform:translate(-2px,-2px)}.reset-btn-bracket:hover:after{opacity:1;transform:translate(2px,2px)}.reset-btn-bracket:active{transform:scale(.97)}.report-body{flex-direction:column;display:flex}.report-row{opacity:0;border-bottom:1px solid #0000000f;grid-template-columns:1fr 1fr;animation:.6s cubic-bezier(.23,1,.32,1) forwards slide-up-fade;display:grid}.report-row:first-child{animation-delay:.12s}.report-row:nth-child(2){animation-delay:.19s}.report-row:nth-child(3){animation-delay:.26s}.report-row:last-child{border-bottom:none}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.report-cell{flex-direction:column;padding:28px 32px;display:flex}.report-cell:first-child{border-right:1px solid #0000000f}.cell-label{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;font-size:11px;font-weight:700}.cell-value{color:var(--ink);font-size:15px;font-weight:500;line-height:1.5}.truncate-2-lines{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.status-pill{border-radius:99px;align-self:flex-start;align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:700;display:inline-flex}.status-pill--ok{color:#2e7d32;background:#388e3c26}.status-pill--error{color:#c62828;background:#d32f2f1a}.response-time-val{color:var(--ink);font-size:22px;font-weight:700}.response-bar-container{background:#0000000f;border-radius:99px;width:100%;height:6px;margin-top:12px;overflow:hidden}.response-bar{background:var(--accent);height:100%;width:var(--fill);transform-origin:0;border-radius:99px;animation:.8s cubic-bezier(.23,1,.32,1) .2s forwards grow-bar;transform:scaleX(0)}@keyframes grow-bar{to{transform:scaleX(1)}}.kv-row{border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.kv-row:last-child{border-bottom:none}.kv-key{color:var(--ink-muted);font-size:14px}.kv-val{color:var(--ink);font-size:15px;font-weight:700}.alert-box{background:#ff98001f;border:1px solid #ff98004d;border-radius:12px;flex-direction:column;gap:6px;padding:16px 20px;display:flex}.alert-box--success{background:#388e3c1a;border:1px solid #388e3c33}.alert-header{align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.alert-box--warning .alert-header{color:#e65100}.alert-box--success .alert-header{color:#2e7d32}.alert-desc{color:#e65100;margin-left:30px;font-family:monospace;font-size:14px}@media (width<=640px){.report-row{grid-template-columns:1fr}.report-cell:first-child{border-bottom:1px solid #0000000f;border-right:none}.report-header{flex-direction:column;align-items:flex-start}}.loading{text-align:center;padding:24px}.loading__rule{background:var(--rule);border-radius:999px;width:200px;height:4px;margin:0 auto;overflow:hidden}.loading__rule-fill{background:var(--accent);border-radius:999px;width:40%;height:100%;animation:1.1s cubic-bezier(.45,0,.55,1) infinite loading-sweep}@keyframes loading-sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}.loading__stage{color:var(--ink-muted);margin-top:16px;font-size:14px}.app-footer{border-top:1px solid #0000000d;width:100%;margin-top:auto}.app-footer__inner{text-align:center;max-width:1000px;margin:0 auto;padding:24px;font-size:14px}.app-footer__inner a{color:var(--ink-faint);text-decoration:none;transition:color .2s}.app-footer__inner a:hover{color:var(--accent)}