:root{--ink:#10201d;--navy:#061715;--muted:#61706b;--cream:#fbf7ef;--card:#fffdf8;--line:#dfe7e2;--teal:#0f766e;--blue:#2457d6;--amber:#d99b36;--mint:#e7f1ee;--shadow:0 26px 80px rgba(16,32,29,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--cream);color:var(--ink);line-height:1.5}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:20;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1180px)/2));background:rgba(251,247,239,.88);backdrop-filter:blur(22px);border-bottom:1px solid rgba(16,32,29,.1)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:52px;height:52px}.brand span{display:grid;line-height:.9}.brand strong{font-size:26px;font-weight:900;letter-spacing:-1.5px}.brand em{font-style:normal;text-transform:uppercase;letter-spacing:3.6px;font-size:11px;color:var(--teal);font-weight:900;margin-top:7px}.topbar nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:800}.pill{padding:11px 16px;border-radius:999px;background:var(--navy);color:white}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1fr .85fr;gap:56px;align-items:center;padding:86px max(22px,calc((100vw - 1180px)/2));background:radial-gradient(circle at 10% 10%,rgba(217,155,54,.25),transparent 25%),radial-gradient(circle at 90% 0%,rgba(36,87,214,.16),transparent 30%),linear-gradient(135deg,#fbf7ef,#edf6f2)}.eyebrow{margin:0 0 14px;color:var(--teal);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:900}.hero h1,.section h2,.panel h2{margin:0;font-size:clamp(46px,7vw,88px);line-height:.9;letter-spacing:-.075em;font-weight:900}.hero p,.muted{color:#465652;font-size:19px;max-width:680px}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;min-height:54px;padding:0 24px;font-weight:900;cursor:pointer;font-size:15px}.primary{background:linear-gradient(135deg,var(--teal),var(--blue));color:white;box-shadow:0 18px 44px rgba(36,87,214,.24)}.ghost{background:rgba(255,253,248,.8);border:1px solid rgba(16,32,29,.12)}.agent-card{border-radius:34px;background:rgba(255,253,248,.86);border:1px solid rgba(16,32,29,.12);box-shadow:var(--shadow);padding:26px}.card-head,.result-head{display:flex;align-items:center;justify-content:space-between;font-weight:900;color:#33433f}.dot,.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 7px rgba(34,197,94,.13);margin-right:8px}.message{padding:16px 18px;border-radius:20px;margin:18px 0;font-weight:650}.message.owner{background:#e8f0ff;margin-left:50px}.message.agent{background:#e7f1ee;margin-right:30px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.metrics div{padding:18px;border-radius:20px;background:#f6efe2}.metrics strong{display:block;font-size:32px;line-height:1;font-weight:900}.metrics span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900}.panel,.section{margin:0 max(22px,calc((100vw - 1180px)/2));padding:86px 0}.panel{border-top:1px solid rgba(16,32,29,.1)}.demo-grid,.stack-grid{display:grid;grid-template-columns:.82fr 1fr;gap:44px;align-items:start}.audit-form{display:grid;gap:14px;margin-top:26px;padding:22px;border-radius:28px;background:var(--card);border:1px solid rgba(16,32,29,.1);box-shadow:0 18px 48px rgba(16,32,29,.07)}label{font-weight:900;font-size:13px;color:#31403c}input,select{width:100%;margin-top:7px;border:1px solid #cfdbd5;border-radius:16px;background:#fff;padding:15px 16px;font:inherit;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(15,118,110,.12)}.results{min-height:620px;border-radius:32px;background:var(--navy);color:#e7f1ee;box-shadow:var(--shadow);padding:24px}.result-head{color:#e7f1ee;border-bottom:1px solid rgba(231,241,238,.12);padding-bottom:18px}#copyReport{border:1px solid rgba(231,241,238,.2);background:rgba(255,255,255,.06);color:white;border-radius:999px;padding:9px 14px;font-weight:900;cursor:pointer}#output{display:grid;gap:16px;margin-top:20px}.output-card{background:rgba(255,255,255,.07);border:1px solid rgba(231,241,238,.12);border-radius:22px;padding:18px}.output-card h3{margin:0 0 10px;color:white}.output-card p{margin:0 0 10px;color:#b9c8c2}.output-card ul{margin:10px 0 0;padding-left:20px;color:#dce6e1;display:grid;gap:8px}.output-card li{padding-left:2px}.task{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:13px 0;border-top:1px solid rgba(231,241,238,.1)}.task:first-child{border-top:0}.task b{color:white}.tag{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(217,155,54,.16);color:#ffd88e;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.routine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.routine-grid article{padding:26px;border-radius:28px;background:var(--card);border:1px solid rgba(16,32,29,.1);box-shadow:0 14px 34px rgba(16,32,29,.05)}.routine-grid span{color:var(--amber);font-weight:900}.routine-grid h3{font-size:23px;letter-spacing:-.04em;margin:14px 0 8px}.routine-grid p{color:var(--muted);margin:0}.stack-list{display:grid;gap:14px}.stack-list div{display:grid;grid-template-columns:170px 1fr;gap:18px;padding:20px;border-radius:22px;background:#fff;border:1px solid rgba(16,32,29,.1)}.stack-list strong{font-size:18px}.stack-list span{color:var(--muted)}footer{display:flex;gap:18px;flex-wrap:wrap;align-items:center;justify-content:center;padding:34px 22px;background:var(--navy);color:#dce6e1}footer a{color:#8fd1c7;font-weight:900}@media(max-width:900px){.topbar nav a:not(.pill){display:none}.hero,.demo-grid,.stack-grid{grid-template-columns:1fr}.hero{padding-top:54px}.routine-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.hero h1,.section h2,.panel h2{font-size:46px}.routine-grid,.metrics{grid-template-columns:1fr}.message.owner{margin-left:0}.message.agent{margin-right:0}.stack-list div{grid-template-columns:1fr}.btn{width:100%}}

/* Accessibility hardening */
.skip-link{position:absolute;left:16px;top:10px;z-index:999;transform:translateY(-140%);padding:10px 14px;border-radius:999px;background:var(--navy);color:#fff;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.skip-link:focus{transform:translateY(0);outline:3px solid var(--blue);outline-offset:3px}
.routine-grid article span{color:#7a4a00!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.btn:hover{transform:none!important}}

/* Upwell Agent audit output cards */
.results .output-card.product-card{
  border-left:6px solid var(--teal);
  background:linear-gradient(135deg,#fffdf8,#ecf7f4);
}
.results .output-card.creative-pack{
  border-left:6px solid var(--amber);
}
.results .output-card.campaign-desk{
  border-left:6px solid var(--blue);
  background:linear-gradient(135deg,#fffdf8,#eef3ff);
}
.mini-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:12px;
}
.mini-grid>div{
  padding:14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.68);
}
.mini-grid strong,
.campaign-desk h4{
  display:block;
  margin:0 0 8px;
  color:var(--navy);
  font-size:14px;
  letter-spacing:.02em;
}
.campaign-desk h4{margin-top:16px}
.results .output-card ul{padding-left:20px}
.results .output-card li{margin:6px 0;color:#2f403b}
@media(max-width:720px){.mini-grid{grid-template-columns:1fr}.topbar nav{gap:12px;font-size:12px}.topbar nav a:not(.pill){display:none}}

/* Form hints should behave like shadow text, never real pre-filled copy. */
.audit-form input::placeholder,
.audit-form textarea::placeholder{
  color:rgba(97,112,107,.58);
  opacity:1;
}
.audit-form select:required:invalid{
  color:rgba(97,112,107,.72);
}
.audit-form select option{
  color:var(--ink);
}
.audit-form select option[value=""]{
  color:rgba(97,112,107,.72);
}
.audit-form .form-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.audit-form .form-note{
  margin:0;
  padding:12px 14px;
  border:1px solid rgba(15,118,110,.2);
  border-radius:16px;
  background:#e7f1ee;
  color:#24453f;
  font-size:14px;
  font-weight:800;
}
@media(max-width:720px){.audit-form .form-row{grid-template-columns:1fr}}

/* High-contrast output panel: no dark-on-dark unreadable cards. */
.results{
  background:#f8f3e9 !important;
  color:#10201d !important;
  border:1px solid rgba(16,32,29,.14) !important;
}
.results .result-head,
.results .result-head div{
  color:#10201d !important;
}
.results .result-head{
  border-bottom-color:rgba(16,32,29,.14) !important;
}
.results .output-card,
.results .output-card.product-card,
.results .output-card.creative-pack,
.results .output-card.campaign-desk{
  background:#fffdf8 !important;
  color:#10201d !important;
  border-color:#cfd9d4 !important;
  box-shadow:0 14px 34px rgba(16,32,29,.08) !important;
}
.results .output-card h3,
.results .output-card h4,
.results .output-card strong,
.results .output-card p,
.results .output-card li,
.results .output-card span,
.results .output-card div{
  color:#10201d !important;
}
.results .output-card p,
.results .output-card li{
  color:#2a3834 !important;
}
.results .output-card li::marker{
  color:#0f766e !important;
}
#copyReport{
  background:#10201d !important;
  color:#fffdf8 !important;
  border-color:#10201d !important;
}

/* Customer-friendly audit report cards */
.results .output-card{
  font-size:16px !important;
  line-height:1.62 !important;
}
.results .output-card h3{
  font-size:22px !important;
  line-height:1.15 !important;
  letter-spacing:-.02em !important;
  margin-bottom:10px !important;
}
.results .output-card ul{
  padding-left:0 !important;
  list-style:none !important;
}
.results .output-card li{
  position:relative !important;
  margin:10px 0 !important;
  padding-left:30px !important;
}
.results .output-card li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#0f766e;
  font-weight:900;
}
.report-label{
  display:inline-flex;
  width:max-content;
  margin:0 0 10px !important;
  padding:6px 10px;
  border-radius:999px;
  background:#e7f1ee;
  color:#0f4f49 !important;
  font-size:12px !important;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.good-card{border-left:6px solid #0f766e !important}
.action-card{border-left:6px solid #d99b36 !important}
.next-card{border-left:6px solid #2457d6 !important}
.plain-card{background:#f8f3e9 !important}