*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:#fefcf9;color:#1c1917;min-height:100vh;-webkit-font-smoothing:antialiased}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-40%;left:-20%;width:140%;height:140%;background:radial-gradient(ellipse at 50% 30%,rgba(240,208,0,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 60%,rgba(240,208,0,.04) 0%,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;max-width:680px;width:100%}.logo{font-size:24px;font-weight:800;letter-spacing:-.5px;margin-bottom:56px;display:flex;align-items:center;gap:10px}.logo-icon{width:36px;height:36px;background:#f0d000;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 2px 8px #f0d0004d}.logo .send{color:#1c1917}.logo .canary{color:#b8960a}h1{font-size:clamp(38px,6vw,56px);font-weight:800;line-height:1.1;text-align:center;margin-bottom:20px;letter-spacing:-1.5px}h1 em{color:#c49a00;font-style:normal;background:linear-gradient(135deg,#d4a800,#f0d000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sub{font-size:19px;color:#78716c;line-height:1.6;text-align:center;max-width:460px;margin-bottom:44px}.scan-form{display:flex;gap:8px;max-width:460px;width:100%}.scan-form input{flex:1;padding:16px 20px;border:2px solid #e7e5e4;border-radius:12px;font-size:16px;font-family:DM Sans,sans-serif;color:#1c1917;outline:none;transition:all .2s;background:#fff;box-shadow:0 1px 3px #0000000a}.scan-form input:focus{border-color:#f0d000;box-shadow:0 0 0 3px #f0d00026}.scan-form input::placeholder{color:#a8a29e}.scan-form button{padding:16px 28px;background:#1c1917;color:#fefcf9;border:none;border-radius:12px;font-size:15px;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;white-space:nowrap;transition:all .2s;box-shadow:0 2px 8px #1c191726}.scan-form button:hover{background:#292524;transform:translateY(-1px);box-shadow:0 4px 12px #1c191733}.scan-form button:disabled{opacity:.7;cursor:not-allowed;transform:none}.hint{font-size:13px;color:#a8a29e;margin-top:14px;text-align:center}.scan-results{max-width:520px;width:100%;margin-top:32px}.scan-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px}.scan-loading p{font-size:15px;color:#78716c}.scan-spinner{width:36px;height:36px;border:3px solid #f0ece6;border-top-color:#f0d000;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scan-error{text-align:center;padding:16px 28px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-weight:600;font-size:15px}.grade-section{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:1px solid #e7e5e4;border-radius:16px 16px 0 0;box-shadow:0 4px 16px #0000000a}.grade-badge{width:56px;height:56px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.grade-info{display:block;min-width:0;overflow:hidden}.grade-info strong{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:600;color:#1c1917;display:block;margin-bottom:2px;word-break:break-all}.grade-label{font-size:13px;color:#78716c;display:block}.records-list{background:#fff;border:1px solid #e7e5e4;border-top:none;border-radius:0 0 16px 16px;overflow:hidden;box-shadow:0 4px 16px #0000000a}.record-row{padding:16px 20px;border-top:1px solid #f5f5f4}.record-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.record-icon{width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.record-icon.status-pass{background:#f0fdf4;color:#16a34a}.record-icon.status-warn{background:#fefce8;color:#ca8a04}.record-icon.status-fail{background:#fef2f2;color:#dc2626}.record-type{font-size:14px;font-weight:700;color:#1c1917;flex-shrink:0}.record-status{font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;flex-shrink:0}.record-status.status-pass{background:#f0fdf4;color:#16a34a}.record-status.status-warn{background:#fefce8;color:#ca8a04}.record-status.status-fail{background:#fef2f2;color:#dc2626}.record-summary{display:block;color:#78716c;font-size:13px;line-height:1.5;margin-top:4px;padding-left:32px}.scan-cta{text-align:center;margin-top:24px;padding:20px}.scan-cta p{font-size:15px;color:#78716c;margin-bottom:12px}.cta-button{display:inline-block;padding:14px 32px;background:#f0d000;color:#1c1917;border-radius:10px;font-weight:700;font-size:15px;text-decoration:none;transition:all .2s;box-shadow:0 2px 8px #f0d00040}.cta-button:hover{background:#e0c400;transform:translateY(-1px);box-shadow:0 4px 12px #f0d00059}.how-section{padding:80px 24px;background:#fff;border-top:1px solid #f0ece6}.how-inner{max-width:800px;margin:0 auto}.how-title{font-size:28px;font-weight:800;text-align:center;margin-bottom:8px;letter-spacing:-.5px}.how-sub{font-size:15px;color:#78716c;text-align:center;margin-bottom:48px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.step{text-align:center;padding:32px 20px;position:relative}.step-number{width:48px;height:48px;border-radius:50%;background:#fef9e7;border:2px solid #fde68a;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:20px;font-weight:800;color:#92400e}.step h3{font-size:16px;font-weight:700;margin-bottom:8px}.step p{font-size:14px;color:#78716c;line-height:1.6}.features-section{padding:80px 24px;border-top:1px solid #f0ece6}.features-inner{max-width:800px;margin:0 auto}.features-title{font-size:28px;font-weight:800;text-align:center;margin-bottom:8px;letter-spacing:-.5px}.features-sub{font-size:15px;color:#78716c;text-align:center;margin-bottom:48px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{text-align:center;padding:32px 20px;border:1px solid #f0ece6;border-radius:14px;transition:all .2s}.feature-card:hover{border-color:#e7e5e4;box-shadow:0 4px 16px #0000000a}.feature-icon{width:52px;height:52px;border-radius:14px;background:#fef9e7;border:1px solid #fde68a;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:22px}.feature-card h3{font-size:16px;font-weight:700;margin-bottom:6px}.feature-card p{font-size:13px;color:#78716c;line-height:1.55}.pricing-section{padding:80px 24px;background:#fff;border-top:1px solid #f0ece6}.pricing-inner{max-width:440px;margin:0 auto}.pricing-title{font-size:28px;font-weight:800;text-align:center;margin-bottom:8px;letter-spacing:-.5px}.pricing-sub{font-size:15px;color:#78716c;text-align:center;margin-bottom:36px}.price-card{background:#fefcf9;border:2px solid #f0d000;border-radius:16px;padding:36px 32px;text-align:center;position:relative;box-shadow:0 4px 24px #f0d0001a}.price-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#f0d000;color:#1c1917;font-size:13px;font-weight:700;padding:4px 20px;border-radius:20px;letter-spacing:.3px}.price-amount{font-size:28px;font-weight:800;margin:16px 0 8px;letter-spacing:-.5px}.price-desc{font-size:15px;color:#78716c;margin-bottom:24px}.price-features{list-style:none;text-align:left;margin-bottom:28px}.price-features li{padding:8px 0;font-size:14px;color:#44403c;border-bottom:1px solid #f5f5f4;display:flex;align-items:center;gap:10px}.price-features li:before{content:"✓";color:#16a34a;font-weight:700;font-size:14px}.price-features li:last-child{border-bottom:none}.price-features li strong{color:#92400e}footer{border-top:1px solid #f0ece6;padding:32px 24px;display:flex;justify-content:center;align-items:center;gap:24px;font-size:13px;color:#a8a29e}footer a{color:#78716c;text-decoration:none;transition:color .2s}footer a:hover{color:#1c1917}.footer-divider{width:1px;height:16px;background:#e7e5e4}@media(max-width:640px){.scan-form{flex-direction:column}.steps{grid-template-columns:1fr;gap:24px}.features-grid{grid-template-columns:1fr;gap:16px}.record-row{flex-wrap:wrap;gap:8px}.record-summary{width:100%;padding-left:40px}}@media(prefers-reduced-motion:no-preference){.hero-content>*{animation:fadeUp .6s ease-out both}.hero-content>:nth-child(1){animation-delay:0s}.hero-content>:nth-child(2){animation-delay:.08s}.hero-content>:nth-child(3){animation-delay:.16s}.hero-content>:nth-child(4){animation-delay:.24s}.hero-content>:nth-child(5){animation-delay:.32s}.hero-content>:nth-child(6){animation-delay:.4s}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}