:root{
  --bg:#f3eee4;
  --surface:#fffaf1;
  --surface-2:#efe5d1;
  --ink:#162123;
  --muted:#68706f;
  --forest:#173b35;
  --teal:#2a7f72;
  --cyan:#8bdad1;
  --brass:#c6944d;
  --wine:#6f283b;
  --violet:#382450;
  --line:rgba(22,33,35,.14);
  --shadow:0 24px 80px rgba(23,59,53,.16);
  --shadow-soft:0 12px 40px rgba(22,33,35,.10);
  --radius-xl:34px;
  --radius-lg:24px;
  --radius-md:16px;
  --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:radial-gradient(circle at 12% 4%, rgba(198,148,77,.28), transparent 28%),radial-gradient(circle at 90% 16%, rgba(42,127,114,.24), transparent 30%),linear-gradient(180deg,#f8f2e8 0%,var(--bg) 46%,#e9ddc8 100%);line-height:1.7;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.section-shell{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(var(--max),calc(100% - 40px));margin:16px auto 0;padding:12px 14px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(255,250,241,.78);backdrop-filter:blur(18px);box-shadow:var(--shadow-soft)}
.brand-mark{display:flex;align-items:center;gap:10px}.brand-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--forest),var(--teal));color:#fff;font-weight:900}.brand-copy{display:grid;line-height:1.1}.brand-copy small{color:var(--muted);font-size:12px}.top-nav{display:flex;gap:8px;flex-wrap:wrap}.top-nav a{padding:9px 14px;border-radius:999px;color:var(--forest);font-weight:700;font-size:14px;transition:.2s}.top-nav a:hover,.top-nav a:focus{background:rgba(42,127,114,.12);outline:none}
.hero{padding:70px 0 38px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:38px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--wine);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:12px}.eyebrow:before{content:"";width:30px;height:2px;background:var(--brass);display:inline-block}.hero h1{font-size:clamp(42px,6vw,82px);line-height:.94;letter-spacing:-.06em;margin:18px 0 22px;max-width:800px}.lead{font-size:18px;color:#3d4a49;max-width:760px}.hero-actions,.trust-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 20px;font-weight:900;border:1px solid transparent;transition:.24s ease;box-shadow:none}.btn.primary{background:linear-gradient(135deg,var(--forest),var(--teal));color:white;box-shadow:0 14px 30px rgba(42,127,114,.22)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(42,127,114,.28)}.btn.secondary{background:rgba(255,255,255,.52);border-color:var(--line);color:var(--forest)}.btn.light{background:#fffaf1;color:var(--forest)}.trust-row span{padding:8px 12px;border-radius:999px;background:rgba(255,250,241,.66);border:1px solid var(--line);font-size:13px;font-weight:700;color:#46514f}.hero-media{position:relative;min-width:0}.image-frame{position:relative;border-radius:var(--radius-xl);padding:10px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(198,148,77,.18));box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.72);overflow:hidden}.image-frame:after{content:"";position:absolute;inset:auto -8% -28% 26%;height:44%;background:radial-gradient(circle,rgba(139,218,209,.34),transparent 68%);pointer-events:none}.image-frame img{border-radius:calc(var(--radius-xl) - 10px);width:100%;object-fit:contain}.hero-frame{transform:rotate(1.2deg)}.floating-score{position:absolute;left:-22px;bottom:26px;display:grid;gap:2px;max-width:250px;padding:16px 18px;border-radius:22px;background:rgba(23,59,53,.88);color:white;box-shadow:0 18px 50px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px)}.floating-score span{font-size:13px;color:#c9e8e4}
.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px 0 44px}.summary-card{padding:24px;border-radius:var(--radius-lg);background:rgba(255,250,241,.72);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-soft)}.summary-card.featured{background:linear-gradient(135deg,var(--forest),#24564c);color:white}.summary-card h2{font-size:22px;margin:8px 0}.summary-card p{margin:0;color:inherit;opacity:.78}.summary-number{color:var(--brass);font-weight:950}.featured .summary-number{color:#f2c879}
.content-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.side-panel{position:relative}.side-card{position:sticky;top:96px;padding:22px;border-radius:var(--radius-lg);background:rgba(255,250,241,.78);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-soft)}.side-card h2{font-size:18px;margin:0 0 12px}.toc-list{padding-left:20px;margin:0;display:grid;gap:8px}.toc-list a{color:#495452;font-weight:760}.toc-list a.active,.toc-list a:hover{color:var(--wine)}.side-cta{display:block;margin-top:18px;padding:13px;border-radius:16px;background:var(--surface-2);font-weight:900;text-align:center;color:var(--forest)}
.article-card{min-width:0;padding:10px 0 0}.text-section{margin-bottom:34px;padding:34px;border-radius:var(--radius-xl);background:rgba(255,250,241,.62);border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow-soft)}.text-section h2{font-size:clamp(28px,3.3vw,44px);line-height:1.05;letter-spacing:-.035em;margin:0 0 18px;color:#142827}.text-section h3{font-size:24px;line-height:1.18;margin:0 0 12px}.text-section p{margin:0 0 16px;color:#3b4846}.note-card{padding:22px 24px;margin-top:22px;border-radius:24px;background:linear-gradient(135deg,rgba(42,127,114,.12),rgba(139,218,209,.18));border:1px solid rgba(42,127,114,.2)}.note-card h3{font-size:20px;color:var(--forest)}.note-card.amber{background:linear-gradient(135deg,rgba(198,148,77,.22),rgba(255,250,241,.82));border-color:rgba(198,148,77,.34)}.split-callout,.two-column-text,.image-led{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:26px;align-items:center}.image-led.reverse{grid-template-columns:minmax(280px,.86fr) minmax(0,1fr)}.mini-panel{padding:26px;border-radius:28px;background:linear-gradient(160deg,var(--violet),var(--wine));color:white;box-shadow:0 20px 56px rgba(111,40,59,.22)}.mini-panel span{color:#f2c879;text-transform:uppercase;font-weight:900;font-size:12px;letter-spacing:.13em}.mini-panel strong{display:block;font-size:26px;line-height:1.05;margin:10px 0}.mini-panel p{color:#f3e8e9;margin:0}.soft-frame{box-shadow:none;background:linear-gradient(135deg,#fff,var(--surface-2));padding:8px}.soft-frame.tall img{max-height:520px;margin:auto}
.table-wrap{overflow:auto;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow-soft)}table{width:100%;border-collapse:collapse;background:rgba(255,250,241,.85);min-width:780px}th,td{padding:18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}th{background:#173b35;color:#fff;font-size:14px;letter-spacing:.03em}td:first-child{font-weight:900;color:var(--forest)}tr:last-child td{border-bottom:0}.numbered-steps{display:grid;gap:12px;list-style:none;padding:0;margin:22px 0 0}.numbered-steps li{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;padding:16px;border-radius:18px;background:rgba(239,229,209,.65);border:1px solid rgba(22,33,35,.08);font-weight:680}.numbered-steps span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--forest);color:#fff;font-weight:950}.check-card{padding:24px;border-radius:28px;background:#173b35;color:white}.check-card h3{color:#fff}.check-card ul,.pros-grid,.pill-list{padding-left:0;list-style:none;margin:16px 0 0;display:grid;gap:12px}.check-card li{padding-left:24px;position:relative;color:#d9e9e6}.check-card li:before{content:"✓";position:absolute;left:0;color:#8bdad1;font-weight:900}.pill-list{grid-template-columns:repeat(2,minmax(0,1fr))}.pill-list li{padding:12px 14px;border-radius:999px;background:rgba(42,127,114,.1);border:1px solid rgba(42,127,114,.16);font-weight:760}.mobile-cards-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.table-card{padding:20px;border-radius:22px;background:rgba(239,229,209,.62);border:1px solid rgba(22,33,35,.09)}.table-card strong{display:block;font-size:20px;color:var(--forest);margin-bottom:8px}.table-card p{font-size:14px;margin:8px 0}.pros-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pros-grid li{padding:20px;border-radius:22px;background:rgba(23,59,53,.08);border:1px solid rgba(23,59,53,.12)}
.cta-band{margin-top:28px;margin-bottom:52px;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:26px;border-radius:36px;background:linear-gradient(135deg,var(--wine),var(--violet) 48%,var(--forest));color:#fff;box-shadow:var(--shadow)}.cta-band h2{font-size:clamp(28px,4vw,52px);line-height:1.02;letter-spacing:-.04em;margin:10px 0}.cta-band p{max-width:760px;color:#f3e7e9;margin:0}.cta-band .eyebrow{color:#f2c879}
.faq-section{padding:10px 0 70px}.faq-heading{max-width:760px;margin-bottom:24px}.faq-heading h2{font-size:clamp(38px,5vw,64px);line-height:1;margin:10px 0 12px;letter-spacing:-.05em}.faq-heading p{color:#4d5958}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faq-item{border-radius:22px;background:rgba(255,250,241,.75);border:1px solid rgba(255,255,255,.78);box-shadow:var(--shadow-soft);overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;gap:18px;align-items:center;border:0;background:transparent;padding:20px 22px;text-align:left;font:inherit;font-weight:900;color:var(--ink);cursor:pointer}.faq-question:focus{outline:3px solid rgba(42,127,114,.35);outline-offset:-3px}.faq-toggle{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);transition:.2s}.faq-answer{max-height:0;overflow:hidden;transition:max-height .32s ease}.faq-answer p{padding:0 22px 20px;margin:0;color:#40504d}.faq-item.is-open .faq-toggle{transform:rotate(45deg);background:var(--teal);color:white}
.site-footer{background:#111d1b;color:white;padding:34px 0;margin-top:20px}.footer-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;align-items:start}.site-footer p{color:#c6d6d2;margin:.35rem 0 0}.disclaimer{padding:20px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
@media (max-width: 980px){.hero-grid,.content-layout,.split-callout,.two-column-text,.image-led,.image-led.reverse{grid-template-columns:1fr}.side-card{position:relative;top:auto}.summary-strip,.pros-grid{grid-template-columns:1fr}.floating-score{left:18px}.top-nav{display:none}.hero{padding-top:42px}.cta-band{display:grid}.faq-grid{grid-template-columns:1fr}}
@media (max-width: 720px){.section-shell{width:min(100% - 24px,var(--max))}.site-header{width:calc(100% - 20px);margin-top:10px;border-radius:22px}.hero h1{font-size:42px}.lead{font-size:16px}.text-section{padding:22px;border-radius:24px}.pill-list,.mobile-cards-table{grid-template-columns:1fr}.numbered-steps li{grid-template-columns:1fr}.table-wrap{overflow:visible;border:0;box-shadow:none}table,thead,tbody,tr,td{display:block;min-width:0}thead{display:none}tr{margin-bottom:12px;border-radius:18px;background:rgba(255,250,241,.9);border:1px solid var(--line);overflow:hidden}td{border-bottom:1px solid var(--line);padding:14px}td:before{content:attr(data-label);display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900;margin-bottom:4px}.footer-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Dark full-width image redesign update */
:root{
  --bg:#070914;
  --surface:#101522;
  --surface-2:#151d2e;
  --ink:#f5f7fb;
  --muted:#aab4c8;
  --forest:#0df0a1;
  --teal:#10c8ff;
  --cyan:#86fff0;
  --brass:#ffd166;
  --wine:#ff4d8d;
  --violet:#7c3cff;
  --line:rgba(255,255,255,.12);
  --shadow:0 30px 110px rgba(0,0,0,.48);
  --shadow-soft:0 18px 60px rgba(0,0,0,.34);
}
body{
  color:var(--ink);
  background:
    radial-gradient(circle at 12% 0%, rgba(124,60,255,.30), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(16,200,255,.22), transparent 30%),
    radial-gradient(circle at 50% 42%, rgba(13,240,161,.10), transparent 36%),
    linear-gradient(180deg,#040612 0%,#080b18 44%,#0b0f1f 100%);
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg,#000,transparent 78%);
}
.site-header{
  background:rgba(8,11,24,.76);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 16px 70px rgba(0,0,0,.42);
}
.brand-icon{background:linear-gradient(135deg,var(--violet),var(--teal));color:#fff;box-shadow:0 0 24px rgba(16,200,255,.35)}
.brand-copy small,.top-nav a,.lead,.summary-card p,.text-section p,.faq-heading p,.faq-answer p,.site-footer p{color:var(--muted)}
.top-nav a:hover,.top-nav a:focus{background:rgba(16,200,255,.12);color:#fff}
.hero{padding-top:76px}
.hero-grid{
  grid-template-columns:1fr;
  gap:30px;
}
.hero-copy{max-width:1040px;margin-inline:auto;text-align:center}
.hero h1{margin-inline:auto;max-width:1050px;color:#fff;text-shadow:0 0 50px rgba(124,60,255,.32)}
.lead{margin-inline:auto;font-size:19px;color:#c7d1e6}
.eyebrow{color:var(--cyan)}
.eyebrow:before{background:linear-gradient(90deg,var(--teal),var(--violet))}
.hero-actions,.trust-row{justify-content:center}
.btn.primary{background:linear-gradient(135deg,var(--violet),var(--teal));box-shadow:0 18px 44px rgba(16,200,255,.22)}
.btn.primary:hover{box-shadow:0 22px 54px rgba(124,60,255,.32)}
.btn.secondary{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}
.btn.light{background:#fff;color:#070914}
.trust-row span{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#d9e4ff}
.hero-media{width:100%;max-width:1280px;margin-inline:auto}
.image-frame{
  width:100%;
  padding:8px;
  border-radius:32px;
  background:linear-gradient(135deg,rgba(124,60,255,.55),rgba(16,200,255,.30),rgba(255,209,102,.24));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 32px 110px rgba(0,0,0,.52),0 0 80px rgba(16,200,255,.10);
}
.image-frame:after{background:radial-gradient(circle,rgba(16,200,255,.25),transparent 68%)}
.image-frame img{
  width:100%;
  max-width:none;
  border-radius:24px;
  object-fit:contain;
}
.hero-frame{transform:none}
.floating-score{
  left:24px;
  bottom:24px;
  background:rgba(7,9,20,.76);
  border-color:rgba(255,255,255,.18);
}
.floating-score span{color:#b8c7e7}
.summary-card,.side-card,.text-section,.faq-item{
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  border-color:rgba(255,255,255,.12);
  box-shadow:var(--shadow-soft);
}
.summary-card.featured{background:linear-gradient(135deg,rgba(124,60,255,.42),rgba(16,200,255,.20));border-color:rgba(16,200,255,.24)}
.summary-card h2,.text-section h2,.text-section h3,.faq-question,.faq-heading h2,.side-card h2,.table-card strong,.note-card h3{color:#fff}
.summary-number{color:var(--cyan)}
.featured .summary-number{color:var(--brass)}
.toc-list a{color:#c7d1e6}.toc-list a.active,.toc-list a:hover{color:var(--cyan)}
.side-cta{background:rgba(16,200,255,.10);color:#fff;border:1px solid rgba(16,200,255,.20)}
.note-card{background:linear-gradient(135deg,rgba(16,200,255,.12),rgba(124,60,255,.14));border-color:rgba(16,200,255,.18)}
.note-card.amber{background:linear-gradient(135deg,rgba(255,209,102,.12),rgba(255,77,141,.10));border-color:rgba(255,209,102,.22)}
.image-led,.image-led.reverse{
  grid-template-columns:1fr;
  gap:22px;
}
.image-led.reverse .image-frame{order:0}
.image-led.reverse > div:not(.image-frame){order:1}
.soft-frame{background:linear-gradient(135deg,rgba(124,60,255,.42),rgba(16,200,255,.24));}
.soft-frame.tall img{max-height:none;margin:0;width:100%}
.table-wrap{border-color:rgba(255,255,255,.14)}
table{background:#0d1324;color:#eaf0ff}th{background:linear-gradient(135deg,#171f36,#241950);color:#fff}td{border-bottom-color:rgba(255,255,255,.10)}td:first-child{color:#fff}
.numbered-steps li,.table-card,.pill-list li,.pros-grid li{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.12);color:#eaf0ff}
.numbered-steps span{background:linear-gradient(135deg,var(--violet),var(--teal));color:#fff}
.check-card{background:linear-gradient(135deg,#151a2f,#071526);border:1px solid rgba(16,200,255,.16)}
.check-card li{color:#d5dff7}.check-card li:before{color:var(--cyan)}
.cta-band{background:linear-gradient(135deg,#1a0f33,#0d2742 52%,#071c18);border:1px solid rgba(255,255,255,.13)}
.faq-toggle{background:rgba(255,255,255,.08);color:#fff}.faq-item.is-open .faq-toggle{background:linear-gradient(135deg,var(--violet),var(--teal))}
.site-footer{background:#050711;border-top:1px solid rgba(255,255,255,.10)}
.disclaimer{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.12)}
@media (max-width:720px){
  .hero-copy{text-align:left}
  .hero-actions,.trust-row{justify-content:flex-start}
  .hero h1{font-size:40px}
  .lead{font-size:16px}
  .image-frame{border-radius:24px;padding:5px}
  .image-frame img{border-radius:19px}
  .floating-score{position:relative;left:auto;bottom:auto;margin-top:14px;max-width:none}
  tr{background:#0d1324;border-color:rgba(255,255,255,.12)}
  td{border-bottom-color:rgba(255,255,255,.10)}
}