/* AgentReady — Bright Retail Storefront identity (see DESIGN.md) */
:root{--indigo:#2B2A8F;--indigo-d:#1D1C66;--coral:#FF5A4E;--cream:#FFF8F1;--white:#fff;--ink:#23223A;--green:#0E7C5B;--amber:#9A6A00;--line:#E6E2D8}
*{box-sizing:border-box} body{margin:0;font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.55}
.awning{height:18px;background:repeating-linear-gradient(90deg,var(--coral) 0 48px,var(--white) 48px 96px,var(--indigo) 96px 144px,var(--white) 144px 192px);border-bottom:3px solid var(--indigo)}
header.site{background:var(--white);border-bottom:1px solid var(--line)} .wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.nav{display:flex;align-items:center;gap:22px;padding:14px 0;flex-wrap:wrap} .brand{font-family:"Arial Rounded MT Bold",Verdana,sans-serif;font-size:26px;color:var(--indigo);text-decoration:none;letter-spacing:-.5px} .brand b{color:var(--coral)}
.nav a{color:var(--indigo);text-decoration:none;font-weight:600} .nav .sp{flex:1} .plan-chip{background:var(--indigo);color:#fff;border-radius:999px;padding:3px 12px;font-size:13px;text-transform:uppercase;letter-spacing:.5px}
.hero{background:var(--white);padding:44px 0 30px;border-bottom:1px solid var(--line)} h1{font-family:"Arial Rounded MT Bold",Verdana,sans-serif;color:var(--indigo-d);font-size:40px;line-height:1.12;margin:0 0 12px;letter-spacing:-.5px} h2{font-family:"Arial Rounded MT Bold",Verdana,sans-serif;color:var(--indigo)}
.lede{font-size:19px;max-width:720px} .scanbox{display:flex;gap:10px;max-width:720px;margin:22px 0;flex-wrap:wrap}
.scanbox input{flex:1;min-width:260px;padding:15px 16px;font-size:17px;border:2px solid var(--indigo);border-radius:12px}
.btn{background:var(--coral);color:#fff;border:none;padding:15px 26px;font-size:17px;font-weight:700;border-radius:12px;cursor:pointer;text-decoration:none;display:inline-block} .btn.indigo{background:var(--indigo)} .btn.small{padding:9px 16px;font-size:14px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--indigo);outline-offset:2px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:26px 0}
.card{background:var(--white);border:1px solid var(--line);border-top:6px solid var(--indigo);border-radius:14px;padding:18px} .card.fail{border-top-color:var(--coral)} .card.warn{border-top-color:#E8A33D} .card.pass{border-top-color:var(--green)}
.card h3{margin:0 0 6px;font-size:17px;color:var(--indigo-d)} .tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;border-radius:6px;padding:2px 8px;background:#EEEFFA;color:var(--indigo)} .tag.fail{background:#FFE3E0;color:#8F1D14} .tag.pass{background:#DFF5EC;color:var(--green)} .tag.warn{background:#FFF0D6;color:var(--amber)}
.evidence{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;background:var(--cream);border:1px dashed var(--line);border-radius:8px;padding:8px 10px;word-break:break-word;white-space:pre-wrap}
.score-hero{display:flex;gap:26px;align-items:center;flex-wrap:wrap;padding:28px 0 6px} .price-tag{background:var(--coral);color:#fff;font-family:"Arial Rounded MT Bold",Verdana,sans-serif;font-size:52px;border-radius:16px;padding:10px 26px;transform:rotate(-2deg);box-shadow:0 4px 0 var(--indigo-d)}
table{width:100%;border-collapse:collapse;background:#fff} th,td{border:1px solid var(--line);padding:10px;text-align:left} th{background:#EEEFFA;color:var(--indigo-d)}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;padding:24px 0} .price-card{background:#fff;border:2px solid var(--line);border-radius:16px;padding:24px} .price-card.hot{border-color:var(--coral)} .amount{font-size:42px;font-family:"Arial Rounded MT Bold",Verdana,sans-serif;color:var(--indigo)}
.error{background:#FFE3E0;border:1px solid var(--coral);border-radius:10px;padding:12px 16px;margin:14px 0} .note{background:#EEEFFA;border-radius:10px;padding:12px 16px;margin:14px 0}
footer{background:var(--indigo-d);color:#D9D8FF;padding:26px 0;margin-top:30px} footer a{color:#fff}
label{font-weight:600;display:block;margin:10px 0 4px} input[type=text],input[type=email],input[type=password],select{padding:11px 12px;border:1.5px solid var(--indigo);border-radius:10px;font-size:16px;width:100%;max-width:520px}
form.inline{display:inline} .muted{color:#5A5872;font-size:14px}
@media(max-width:720px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{white-space:nowrap}td:nth-child(5),td:last-child{white-space:normal;min-width:170px}}
@media(max-width:480px){h1{font-size:31px}.price-tag{font-size:40px}.scanbox .btn{width:100%}}