:root{
  --ink:#111827;--ink-2:#253047;--paper:#f6f4ef;--surface:#ffffff;--surface-2:#ece9e2;
  --accent:#b54708;--accent-2:#186a63;--accent-soft:#fff0e5;--line:#d9d6ce;--muted:#667085;
  --success:#166534;--warning:#92400e;--danger:#991b1b;--radius:18px;--shadow:0 14px 40px rgba(17,24,39,.08);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
img,svg{max-width:100%;height:auto}
a{color:var(--accent-2);text-underline-offset:3px}
a:hover{color:var(--accent)}
.skip-link{position:absolute;left:-999px;top:0;background:#fff;padding:.75rem 1rem;z-index:1000}
.skip-link:focus{left:1rem;top:1rem}
.site-header{position:sticky;top:0;z-index:50;background:rgba(246,244,239,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header-inner{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem}
.brand{display:flex;align-items:center;gap:.7rem;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:-.02em}
.brand-mark{width:38px;height:38px}
.brand small{display:block;font-size:.68rem;color:var(--muted);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.nav-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:.55rem .7rem;font-weight:700}
.primary-nav{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}
.primary-nav a{color:var(--ink-2);text-decoration:none;padding:.5rem .65rem;border-radius:9px;font-weight:700;font-size:.92rem}
.primary-nav a:hover,.primary-nav a[aria-current="page"]{background:#fff;color:var(--accent)}
.hero{background:linear-gradient(145deg,#121827 0%,#1c2638 60%,#173d39 100%);color:#fff}
.hero-inner{max-width:var(--max);margin:auto;padding:5.2rem 1rem 4.5rem;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.75fr);gap:2.5rem;align-items:center}
.eyebrow{font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#fed7aa}
.hero h1,.page-hero h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.03;margin:.35rem 0 1rem;letter-spacing:-.045em}
.hero p{font-size:1.18rem;max-width:760px;color:#e5e7eb}
.hero-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:1.3rem}
.hero-panel strong{display:block;font-size:1.1rem}
.hero-panel ul{padding-left:1.15rem;margin:.8rem 0 0}
.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.8rem 1rem;border-radius:11px;text-decoration:none;font-weight:800;border:1px solid transparent}
.button.primary{background:#fb923c;color:#1f2937}
.button.secondary{background:#fff;color:var(--ink);border-color:#fff}
.button.outline{background:transparent;border-color:var(--line);color:var(--ink)}
.button.aff{background:var(--accent);color:#fff}
main .container{max-width:var(--max);margin:auto;padding:2.4rem 1rem}
.page-hero{background:#fff;border-bottom:1px solid var(--line)}
.page-hero .container{padding-top:3.5rem;padding-bottom:3rem}
.page-hero h1{font-size:clamp(2rem,4vw,3.55rem);max-width:900px}
.page-hero p.lede{font-size:1.16rem;max-width:850px;color:var(--ink-2)}
.breadcrumbs{font-size:.86rem;color:var(--muted);margin-bottom:1rem}
.breadcrumbs a{color:var(--muted)}
.grid{display:grid;gap:1rem}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;box-shadow:0 3px 15px rgba(17,24,39,.03)}
.card h2,.card h3{margin-top:0;line-height:1.2}
.card p:last-child{margin-bottom:0}
.kicker{font-size:.78rem;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.stat{font-size:2rem;font-weight:850;letter-spacing:-.04em}
.section{padding:2rem 0}
.section h2{font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.15;letter-spacing:-.025em;margin-bottom:.8rem}
.section-intro{max-width:820px;color:var(--ink-2)}
.answer-box{border-left:5px solid var(--accent-2);background:#effaf8;padding:1.1rem 1.25rem;border-radius:0 14px 14px 0;margin:1.2rem 0}
.alert{border:1px solid #f59e0b;background:#fffbeb;padding:1rem 1.15rem;border-radius:14px}
.alert.danger{border-color:#fca5a5;background:#fff1f2}
.disclosure{font-size:.88rem;background:#fff7ed;border:1px solid #fed7aa;padding:.85rem 1rem;border-radius:12px}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
th,td{text-align:left;vertical-align:top;padding:.8rem .85rem;border-bottom:1px solid var(--line)}
th{background:#f0ede6;font-size:.9rem}
tr:last-child td{border-bottom:0}
.table-wrap{overflow-x:auto;border-radius:14px}
.checklist{list-style:none;padding:0}
.checklist li{padding:.4rem 0 .4rem 1.7rem;position:relative}
.checklist li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:900}
.tag{display:inline-block;padding:.25rem .5rem;border-radius:999px;background:#eceff3;font-size:.78rem;font-weight:800;margin:.1rem}
.retired{background:#fee2e2;color:#7f1d1d}
.current{background:#dcfce7;color:#14532d}
.source-list{font-size:.92rem}
.source-list li{margin:.4rem 0}
.article-meta{display:flex;gap:.7rem;flex-wrap:wrap;color:var(--muted);font-size:.88rem}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:2rem}
.article-body{min-width:0}
.article-body h2{margin-top:2.3rem}
.article-body h3{margin-top:1.6rem}
.sidebar{position:sticky;top:90px;align-self:start}
.sidebar .card{font-size:.9rem}
.toc ul{padding-left:1.15rem}
.toc a{text-decoration:none}
.product-card{display:flex;flex-direction:column;gap:.6rem}
.product-card .product-title{font-size:1.05rem;font-weight:800}
.product-meta{font-size:.86rem;color:var(--muted)}
.site-footer{background:#111827;color:#e5e7eb;margin-top:4rem}
.site-footer a{color:#d1fae5}
.footer-inner{max-width:var(--max);margin:auto;padding:3rem 1rem 1.5rem}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:1.5rem}
.footer-grid h2{font-size:.9rem;text-transform:uppercase;letter-spacing:.09em;color:#fed7aa}
.footer-grid ul{list-style:none;padding:0;margin:.5rem 0}
.footer-grid li{margin:.42rem 0}
.footer-note{border-top:1px solid #374151;margin-top:2rem;padding-top:1rem;font-size:.82rem;color:#9ca3af}
.logo-footer{display:flex;align-items:center;gap:.65rem;font-size:1.1rem;font-weight:800}
.logo-footer svg{width:34px}
code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f1f5f9;border-radius:5px;padding:.08rem .28rem}
pre{overflow:auto;background:#111827;color:#f8fafc;padding:1rem;border-radius:12px}
.inline-links{display:flex;gap:.5rem;flex-wrap:wrap}
.quote{border-left:4px solid var(--line);padding-left:1rem;color:var(--ink-2)}
@media(max-width:900px){
  .hero-inner,.article-layout{grid-template-columns:1fr}
  .sidebar{position:static}
  .grid.three{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .nav-toggle{display:block}
  .primary-nav{display:none;position:absolute;left:0;right:0;top:64px;background:var(--paper);padding:1rem;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}
  .primary-nav.open{display:flex}
}
@media(max-width:620px){
  .grid.two,.grid.three,.footer-grid{grid-template-columns:1fr}
  .hero-inner{padding-top:3.8rem}
  th,td{padding:.65rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Owner-approved legacy brand logo */
.brand-logo{display:block;width:185px;height:auto;max-height:58px;object-fit:contain;object-position:left center}
.brand{min-width:190px}
.logo-footer img{width:170px;height:auto;max-height:92px;object-fit:contain;object-position:left center}
.logo-footer{display:block}
/* Product presentation: Creators API image slots can replace these placeholders after secure server-side credentials are configured. */
.product-row{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:start;gap:1rem}
.product-image-placeholder{min-height:150px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#fff,#ece9e2);display:flex;align-items:center;justify-content:center;text-align:center;font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:.8rem}
.amazon-section-disclosure{font-size:.82rem;color:var(--muted);margin:.7rem 0 1.25rem}
.ml-embedded{margin:1rem 0 1.6rem;min-height:80px}
@media(max-width:760px){.product-row{grid-template-columns:96px minmax(0,1fr)}.product-image-placeholder{min-height:112px}.brand-logo{width:160px}.brand{min-width:165px}}
@media(max-width:520px){.product-row{grid-template-columns:1fr}.product-image-placeholder{min-height:120px}.brand-logo{width:150px}}

/* 2026-09-08 owner correction: footer logo optimized for dark surface without changing the approved mark geometry. */
.footer-brand-logo{filter:brightness(0) invert(1);opacity:.96}

/* Creators API product hydration */
.amazon-product-image{display:block;width:132px;height:160px;object-fit:contain;object-position:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:.5rem}
.product-image-placeholder span{max-width:105px}
.commercial-next-step{margin:2rem 0;border-color:#b8d8d3;background:#f2fbf9}
@media(max-width:760px){.amazon-product-image{width:96px;height:120px}}
@media(max-width:520px){.amazon-product-image{width:100%;max-width:220px;height:220px;margin:auto}}


/* 2026-09-08 owner correction round 2 */
.brand-logo{width:220px;max-height:68px;object-fit:contain;object-position:left center}
.brand{min-width:225px}
.logo-footer{display:inline-flex;background:#f6f4ef;border-radius:14px;padding:.55rem .75rem;margin-bottom:.8rem}
.logo-footer img.footer-brand-logo{width:220px;max-height:90px;filter:none!important;opacity:1!important;object-fit:contain}
.hero-start>strong{font-size:1.25rem;margin-bottom:.9rem}
.hero-start-links{display:grid;gap:.65rem}
.hero-start-links a{display:block;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);border-radius:12px;padding:.8rem .9rem}
.hero-start-links a:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}
.hero-start-links span{display:block;font-weight:850}
.hero-start-links small{display:block;color:#dbe5e3;margin-top:.15rem;line-height:1.35}
.resource-needs-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin:1.25rem 0 2rem}
.resource-need-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem;box-shadow:0 3px 15px rgba(17,24,39,.03)}
.resource-need-card h3{line-height:1.2;margin:.8rem 0 .5rem}.resource-need-card p{font-size:.92rem}.resource-need-card a{font-weight:800}
.resource-icon{width:48px;height:48px;border-radius:14px;background:#e7f4f1;color:var(--accent-2);display:flex;align-items:center;justify-content:center}
.resource-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.amazon-product-link{background:#053c31!important;color:#fff!important;border:1px solid #053c31!important;box-shadow:0 5px 14px rgba(5,60,49,.16);padding:.8rem 1rem}
.amazon-product-link:hover{background:#075447!important;border-color:#075447!important;color:#fff!important;transform:translateY(-1px)}
.product-card{overflow:hidden}.product-card .product-title{font-size:1.08rem;line-height:1.3}
.product-image-placeholder{background:#f7f5f0;color:#667085;position:relative}
.product-image-placeholder:before{content:"";width:44px;height:44px;border-radius:50%;border:3px solid #d8d5ce;border-top-color:#186a63;position:absolute;animation:lcspin 1.1s linear infinite}
.product-image-placeholder span{margin-top:68px;max-width:120px;font-size:.68rem}
@keyframes lcspin{to{transform:rotate(360deg)}}
.source-name{color:var(--ink-2)}.source-methodology-link{font-size:.88rem;margin-top:.75rem}
.amazon-required-disclosure{font-weight:400}
@media(max-width:1050px){.resource-needs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.resource-needs-grid{grid-template-columns:1fr 1fr}.brand-logo{width:185px}.brand{min-width:190px}}
@media(max-width:520px){.resource-needs-grid{grid-template-columns:1fr}.brand-logo{width:170px}.brand{min-width:175px}.logo-footer img.footer-brand-logo{width:190px}}

/* 2026-09-08 owner correction round 3: final visual and page-ending rules */
.header-inner{padding:.7rem 1rem;min-height:86px}
.brand-logo{width:300px!important;max-height:78px!important;height:auto!important}
.brand{min-width:305px!important}
.hero-start{background:#f8faf8!important;border:1px solid #c9ddd8!important;color:#111827!important;box-shadow:0 14px 32px rgba(0,0,0,.12)}
.hero-start>strong{color:#111827!important}
.hero-start-links a{color:#111827!important;background:#eef7f4!important;border:1px solid #c8ddd8!important}
.hero-start-links a:hover{background:#e2f1ed!important;border-color:#7eaaa2!important}
.hero-start-links span{color:#053c31!important}
.hero-start-links small{color:#3c4b49!important}
.logo-footer{display:block!important;background:transparent!important;padding:0!important;border-radius:0!important;margin-bottom:1rem!important}
.logo-footer img.footer-brand-logo{width:255px!important;max-height:108px!important;filter:brightness(0) invert(1)!important;opacity:1!important;object-fit:contain!important;object-position:left center!important}
.closing-cta{margin:3rem 0 .5rem;padding:1.7rem 1.8rem;border-radius:20px;background:linear-gradient(135deg,#073f35,#0b5a4c);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;box-shadow:0 12px 30px rgba(5,60,49,.14)}
.closing-cta h2{margin:0 0 .45rem!important;color:#fff;font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.15}
.closing-cta p{margin:0;color:#e5f4f0;max-width:720px}
.closing-cta-actions{display:flex;gap:.7rem;flex-wrap:wrap;flex-shrink:0}
.closing-cta .button{white-space:nowrap}
.closing-primary{background:#fff;color:#053c31!important;border-color:#fff!important}
.closing-primary:hover{background:#f0f7f5!important;color:#053c31!important}
.closing-secondary{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.55)!important}
.closing-secondary:hover{background:rgba(255,255,255,.12)!important;color:#fff!important}
@media(max-width:900px){.brand-logo{width:245px!important}.brand{min-width:250px!important}.closing-cta{align-items:flex-start;flex-direction:column}.primary-nav{top:86px}}
@media(max-width:520px){.brand-logo{width:215px!important}.brand{min-width:220px!important}.logo-footer img.footer-brand-logo{width:225px!important}.closing-cta{padding:1.35rem}}

/* R5: compact internal-page next step; the large closing CTA is homepage-only. */
.article-end-cta{margin:2.25rem 0 0;padding:1rem 1.1rem;border:1px solid #d7d2c8;border-left:4px solid #0b6b60;border-radius:12px;background:#fff;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;font-size:.96rem;line-height:1.45}.article-end-cta span{flex:1 1 260px}.article-end-primary{display:inline-flex;align-items:center;justify-content:center;background:#07594f;color:#fff!important;text-decoration:none!important;font-weight:750;padding:.7rem .9rem;border-radius:9px;white-space:normal}.article-end-primary:hover{background:#064b43}.article-end-secondary{font-weight:700;color:#0b6b60!important;white-space:nowrap}@media(max-width:720px){.article-end-cta{align-items:stretch}.article-end-primary{width:100%}.article-end-secondary{display:inline-block;padding:.35rem 0}}