:root{--maroon:#0e4d5c;--maroon-deep:#0a3a46;--brand:#7a0c1f;--ink:#17242a;--cream:#f5f1e8;--gold-pale:#e7efe4;--gold:#3e9c6b;--gold-soft:#8fc7a6;--surface:#fcfaf4;--line:#e3ded0;--muted:#5c6b70;--white:#fff;--star:#e0a83e;--radius:16px;--radius-sm:10px;--shadow:0 18px 50px -24px #0e2d3747;--shadow-sm:0 8px 24px -14px #0e2d3738;--maxw:900px;--ff-display:"Playfair Display",Georgia,serif;--ff-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--ff-body);color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;line-height:1.7}h1,h2,h3{font-family:var(--ff-display);letter-spacing:-.01em;font-weight:700;line-height:1.15}a{color:var(--maroon);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.btn{cursor:pointer;border:1.5px solid #0000;border-radius:100px;align-items:center;gap:9px;padding:15px 26px;font-size:.98rem;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.btn-primary{background:var(--maroon);color:#fff}.btn-primary:hover{background:var(--maroon-deep);text-decoration:none;transform:translateY(-2px)}.btn-wa{color:#053d1c;background:#25d366}.btn-wa:hover{text-decoration:none;transform:translateY(-2px)}header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#f5f1e8e6;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;max-width:1180px;height:74px;margin:0 auto;padding:0 24px;display:flex}.brand{font-family:var(--ff-display);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.brand .pro{color:var(--maroon)}.brand .cap{color:var(--ink)}.nav-back{color:var(--muted);font-size:.92rem;font-weight:500}.hero{background:radial-gradient(1000px 500px at 85% -20%,#3e9c6b1a,transparent 60%),linear-gradient(160deg,#fcfbf6,var(--cream) 60%,#eaf0e7);padding:56px 0 48px}.crumb{color:var(--muted);margin-bottom:18px;font-size:.85rem}.crumb a{color:var(--muted)}.hero h1{margin-bottom:16px;font-size:clamp(2rem,4.6vw,3.1rem)}.hero .lede{color:#3d4d52;max-width:660px;font-size:1.15rem}.hero .updated{color:var(--muted);margin-top:18px;font-size:.85rem}.hero .updated b{color:var(--gold);font-weight:600}article{padding:48px 0 20px}article h2{margin:44px 0 14px;padding-top:8px;font-size:clamp(1.5rem,3vw,2rem)}article h3{margin:28px 0 10px;font-size:1.2rem}article p{color:#2b3a3f;margin-bottom:16px}article ul,article ol{margin:0 0 18px 22px}article li{color:#2b3a3f;margin-bottom:9px}article strong{color:var(--ink)}.lead-para{font-size:1.1rem}.answer{background:var(--gold-pale);border-left:4px solid var(--gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:8px 0 22px;padding:18px 22px}.answer p{color:#22322c;margin:0;font-weight:500}.facts{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:28px 0;padding:26px 28px}.facts h3{margin:0 0 14px;font-size:1.15rem}.facts dl{grid-template-columns:1fr 1fr;gap:14px 28px;display:grid}.facts dt{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:2px;font-size:.8rem}.facts dd{font-family:var(--ff-display);color:var(--maroon);font-size:1.35rem;font-weight:700}.facts dd small{font-family:var(--ff-body);color:var(--muted);letter-spacing:0;font-size:.85rem;font-weight:400;display:block}.example{background:linear-gradient(135deg,var(--maroon),var(--maroon-deep));color:#fff;border-radius:var(--radius);margin:28px 0;padding:28px 30px}.example h3{color:#fff;margin:0 0 14px}.example .row{border-bottom:1px solid #ffffff24;justify-content:space-between;padding:9px 0;font-size:.98rem;display:flex}.example .row:last-child{border-bottom:0}.example .row b{color:var(--gold-soft)}.example .tot{font-size:1.05rem;font-weight:700}.steps{counter-reset:s;margin:22px 0}.steps .s{gap:16px;margin-bottom:18px;display:flex}.steps .s .n{counter-increment:s;background:var(--maroon);color:#fff;width:38px;height:38px;font-family:var(--ff-display);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.steps .s .n:before{content:counter(s)}.steps .s h3{margin:6px 0 4px}.steps .s p{margin:0}.faq-item{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--white);margin-bottom:12px}.faq-q{text-align:left;width:100%;font-size:1.02rem;font-weight:600;font-family:var(--ff-body);cursor:pointer;color:var(--ink);background:0 0;border:0;justify-content:space-between;gap:16px;padding:18px 22px;display:flex}.faq-q .ic{border:1.5px solid var(--maroon);width:26px;height:26px;color:var(--maroon);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.2rem;transition:transform .3s;display:flex}.faq-item.open .faq-q .ic{transform:rotate(45deg)}.faq-a{max-height:0;transition:max-height .35s;overflow:hidden}.faq-a p{color:var(--muted);padding:0 22px 18px}.cta{background:linear-gradient(135deg,var(--maroon),var(--maroon-deep));color:#fff;border-radius:var(--radius);text-align:center;margin:40px 0 10px;padding:36px 34px;position:relative;overflow:hidden}.cta:before{content:"";background:radial-gradient(circle,#8fc7a647,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-40%;right:-10%}.cta h2{color:#fff;margin:0 0 10px;position:relative}.cta p{color:#ffffffe0;max-width:520px;margin:0 auto 22px;position:relative}.cta .btns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex;position:relative}.related{border-top:1px solid var(--line);margin-top:36px;padding-top:26px}.related h3{margin-bottom:12px;font-size:1.1rem}.related a{margin:0 16px 8px 0;font-weight:500;display:inline-block}.disclaimer{color:var(--muted);border-top:1px solid var(--line);margin-top:30px;padding:20px 0 0;font-size:.8rem;line-height:1.6}footer{background:var(--ink);color:#f5f1e8b3;text-align:center;margin-top:40px;padding:40px 0;font-size:.9rem}footer a{color:var(--gold-soft)}@media (max-width:600px){.facts dl{grid-template-columns:1fr}.example .row{font-size:.92rem}.nav-back{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.devs{flex-wrap:wrap;gap:10px;margin:14px 0 8px;display:flex}.chip{background:var(--white);border:1px solid var(--line);color:#4a5a54;border-radius:100px;padding:9px 18px;font-size:.92rem;font-weight:600}