:root{
  color-scheme:light;
  --bg:#f6f8fb;--surface:#ffffff;--surface-2:#eef4f8;--text:#0b1f33;--muted:#607487;--line:#dbe5ee;
  --navy:#071a2e;--blue:#1769ff;--blue-2:#0d4fd3;--teal:#0c9f7c;--green:#087f5b;--amber:#b46800;--red:#b42318;
  --shadow:0 18px 50px rgba(16,34,53,.08);--radius:18px;--radius-sm:12px;--wrap:1180px;
}
html[data-theme="dark"]{color-scheme:dark;--bg:#07111f;--surface:#0c1a2b;--surface-2:#112338;--text:#edf5ff;--muted:#a5b4c5;--line:#24384d;--navy:#edf5ff;--blue:#6ea0ff;--blue-2:#8bb4ff;--teal:#43d0aa;--green:#51d2a7;--amber:#ffbf69;--red:#ff8d86;--shadow:0 20px 70px rgba(0,0,0,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(var(--wrap),calc(100% - 32px));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:0}.skip-link:focus{left:16px;top:16px;background:var(--surface);padding:10px 14px;border-radius:10px;z-index:999}
.site-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-row{display:flex;align-items:center;gap:20px;min-height:72px}.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;box-shadow:var(--shadow)}.primary-nav{display:flex;gap:16px;margin-left:auto;font-size:14px;color:var(--muted)}.primary-nav a:hover{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:8px}.icon-btn,.secondary-btn,.primary-btn,.kofi{border:1px solid var(--line);border-radius:11px;padding:10px 14px;background:var(--surface);color:var(--text);cursor:pointer;font-weight:700}.primary-btn{background:linear-gradient(135deg,var(--blue),var(--teal));border:0;color:#fff;padding:12px 18px}.primary-btn:hover{filter:brightness(.96)}.secondary-btn:hover,.icon-btn:hover{border-color:var(--blue)}.kofi{white-space:nowrap}
.hero{padding:58px 0 26px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:28px;align-items:end}.hero-copy h1,.page-head h1,.tool-head h1,.article-page h1,.not-found h1{font-size:clamp(38px,6vw,72px);line-height:.98;letter-spacing:-.05em;margin:12px 0 18px}.hero-copy p,.page-head p,.tool-head p,.lead{font-size:clamp(17px,2vw,21px);color:var(--muted);max-width:800px}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.11em;font-weight:800;font-size:12px;color:var(--teal)}.hero-pills,.trust-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.hero-pills span,.trust-row span{border:1px solid var(--line);background:var(--surface);padding:7px 10px;border-radius:999px;font-size:13px;font-weight:700}.protocol-note{background:linear-gradient(160deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.protocol-note p{margin-bottom:0;color:var(--muted)}
.flagship-section,.tool-shell{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow);margin-top:22px}.section-block{padding:54px 0}.section-heading{max-width:820px;margin-bottom:20px}.section-heading h2,.content-grid h2,.article-page h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.035em;line-height:1.08;margin:6px 0 12px}.section-heading p,.content-grid p,.article-page p{color:var(--muted)}.category-band{background:var(--surface-2);border-block:1px solid var(--line)}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card,.category-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tool-card:hover,.category-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--blue) 55%,var(--line));box-shadow:var(--shadow)}.tool-card h3,.category-card strong{font-size:19px;letter-spacing:-.02em}.tool-card p,.category-card p{color:var(--muted);font-size:14px}.card-kicker{font-size:12px;color:var(--teal);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.card-link,.category-card span{color:var(--blue);font-weight:750;font-size:14px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px}.mini-link{display:block;padding:10px 0;border-bottom:1px solid var(--line);color:var(--blue);font-weight:700}.text-link{color:var(--blue);font-weight:750}
.page-head,.tool-head{padding:42px 0 14px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px;margin-bottom:18px}.breadcrumbs a:hover{color:var(--blue)}.tool-head h1,.page-head h1{font-size:clamp(36px,5vw,58px);max-width:950px}.tool-head p{max-width:850px}
.tool-form{margin-top:10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field>span{font-weight:750;font-size:14px}.field em{font-style:normal;color:var(--muted);font-weight:500;font-size:12px}input,textarea,select{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:12px 13px;outline:none}textarea{resize:vertical;min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 14%,transparent)}.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.privacy-note{font-size:12px;color:var(--muted);margin-left:auto;max-width:500px}.alert{border-radius:12px;padding:12px 14px;margin:12px 0}.alert.error{background:color-mix(in srgb,var(--red) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--red) 35%,var(--line));color:var(--red)}
.result-panel{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.result-head h2{margin:5px 0 0;font-size:24px;line-height:1.2}.meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.meta-grid>div{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px}.meta-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}.meta-grid strong{display:block;margin-top:3px;word-break:break-word;font-size:13px}.checks{display:grid;gap:10px}.check{border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:var(--bg)}.check-pass{border-left:4px solid var(--green)}.check-warn{border-left:4px solid var(--amber)}.check-fail{border-left:4px solid var(--red)}.check-info{border-left:4px solid var(--blue)}.check-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.check p{margin:5px 0 0;color:var(--muted);font-size:14px}.status-pill{font-size:11px;font-weight:800;padding:4px 8px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}.output-box{margin-top:18px;background:var(--navy);color:#f4f8ff;border-radius:15px;padding:16px}.output-title{font-weight:800;margin-bottom:8px}.output-box pre{overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.55;margin:0 0 14px}.output-box .secondary-btn{background:#fff;color:#102038}
.content-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.6fr);gap:50px;padding:46px 0 70px}.content-grid aside{border-left:1px solid var(--line);padding-left:26px}.support-box{margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.support-box p{font-size:14px}.article-page{max-width:850px;padding:44px 0 80px}.article-page section{margin-top:34px}.article-cta{margin-top:36px;padding:22px;border-radius:16px;background:var(--surface-2);display:flex;align-items:center;justify-content:space-between;gap:16px}.not-found{padding:90px 0}.site-footer{border-top:1px solid var(--line);background:var(--surface);padding:34px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:34px}.footer-grid a{display:block;color:var(--muted);margin-top:7px;font-size:14px}.footer-grid p{color:var(--muted);margin:6px 0}.footer-bottom{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;color:var(--muted);font-size:13px}
@media(max-width:980px){.primary-nav{display:none}.hero-grid,.two-col,.content-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(2,1fr)}.meta-grid{grid-template-columns:repeat(2,1fr)}.content-grid aside{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:20px}}
@media(max-width:620px){.wrap{width:min(100% - 20px,var(--wrap))}.site-header{position:relative}.nav-row{min-height:64px}.brand span:last-child{display:none}.kofi{display:none}.hero{padding-top:34px}.hero-grid{gap:18px}.hero-copy h1{font-size:43px}.flagship-section,.tool-shell{padding:16px;border-radius:18px}.form-grid,.card-grid,.category-grid,.meta-grid,.footer-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.result-head,.article-cta{flex-direction:column;align-items:flex-start}.privacy-note{margin-left:0}.section-block{padding:38px 0}.content-grid{padding-top:30px}.tool-head,.page-head{padding-top:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* AGENTICOMMERCE_PHASE3_ACCESSIBILITY */
:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 70%,white);outline-offset:3px}
@media print{.site-header,.site-footer,.form-actions,.kofi,.icon-btn{display:none!important}.tool-shell,.result-panel{box-shadow:none;border:1px solid #bbb}body{background:#fff;color:#000}}