:root{--sand:#FCF5E9;--sand-deep:#F4E7D0;--ink:#16363B;--ink-soft:#4a6166;--ocean:#0E7C86;--ocean-deep:#0a5a62;--coral:#F4623A;--coral-deep:#e0451f;--mango:#F5A623;--palm:#2E7D4F;--white:#ffffff;--shadow:0 18px 40px -18px rgba(16,54,59,.45);--shadow-lg:0 30px 70px -28px rgba(16,54,59,.55);--radius:22px;--maxw:1200px}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Outfit',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--sand);color:var(--ink);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Fraunces',Georgia,serif;line-height:1.1;font-weight:600}
a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.topbar{background:linear-gradient(90deg,var(--ocean-deep),var(--ocean));color:#eafaff;font-size:13px;text-align:center;padding:8px 16px;letter-spacing:.04em}.topbar b{color:var(--mango)}
header{position:sticky;top:0;z-index:1000;background:rgba(252,245,233,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(16,54,59,.08);transition:box-shadow .3s}
header.scrolled{box-shadow:0 10px 30px -20px rgba(16,54,59,.5)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;max-width:var(--maxw);margin:0 auto;gap:20px}
.logo img{height:54px;width:auto}
.nav-links{display:flex;align-items:center;gap:26px;font-weight:500;font-size:15px}
.nav-links a{position:relative;padding:4px 0;color:var(--ink);transition:color .2s}
.nav-links a:hover{color:var(--coral)}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--coral);transition:width .25s}
.nav-links a:hover::after{width:100%}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--coral);color:#fff;font-weight:600;font-family:'Outfit';padding:12px 22px;border-radius:50px;border:none;cursor:pointer;font-size:15px;box-shadow:0 10px 24px -10px var(--coral-deep);transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-2px);background:var(--coral-deep)}
.menu-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:8px}
.menu-toggle span{width:26px;height:2.5px;background:var(--ink);border-radius:2px}
.breadcrumb{padding:16px 0;font-size:13px;color:var(--ink-soft)}
.breadcrumb a{color:var(--ocean)}
.breadcrumb a:hover{color:var(--coral)}
.breadcrumb span{margin:0 6px;opacity:.5}
.article-hero{background:linear-gradient(135deg,var(--ocean-deep),var(--ocean));color:#fff;padding:64px 0 72px;position:relative;overflow:hidden}
.article-hero::after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(245,166,35,.15);bottom:-200px;right:-100px;pointer-events:none}
.article-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,255,255,.15);color:#fff;padding:6px 14px;border-radius:50px;margin-bottom:20px}
.article-hero h1{font-size:clamp(2rem,4.5vw,3.4rem);max-width:820px;line-height:1.05}
.article-hero .lead{font-size:1.1rem;color:#d6ecee;max-width:680px;margin-top:16px}
.article-body{padding:64px 0 80px}
.article-content{max-width:820px}
.article-content h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:40px 0 16px;color:var(--ink)}
.article-content h2:first-child{margin-top:0}
.article-content h3{font-size:1.3rem;margin:32px 0 12px;color:var(--ink)}
.article-content p{color:var(--ink-soft);margin-bottom:16px;font-size:1.02rem}
.article-content strong{color:var(--ink)}
.article-content ul,.article-content ol{padding-left:20px;margin-bottom:16px}
.article-content li{color:var(--ink-soft);margin-bottom:8px}
.article-content blockquote{background:var(--ocean);border-radius:14px;padding:18px 24px;margin:28px 0;color:#fff;font-weight:600}
.article-content blockquote a{color:var(--mango);text-decoration:underline}
.article-grid{display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:start}
.article-sidebar{position:sticky;top:100px}
.sidebar-card{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);border:1px solid rgba(16,54,59,.06);margin-bottom:20px}
.sidebar-card h4{font-size:1.1rem;margin-bottom:14px;color:var(--ink)}
.sidebar-card a{display:block;color:var(--ink-soft);padding:7px 0;border-bottom:1px solid rgba(16,54,59,.06);font-size:14px;transition:color .2s}
.sidebar-card a:last-child{border-bottom:none}
.sidebar-card a:hover{color:var(--coral)}
.sidebar-cta{background:linear-gradient(135deg,var(--coral),var(--coral-deep));border-radius:var(--radius);padding:28px;color:#fff;text-align:center;margin-bottom:20px}
.sidebar-cta h4{margin-bottom:10px;font-size:1.15rem}
.sidebar-cta p{font-size:13px;opacity:.88;margin-bottom:16px}
.faq-section{background:var(--ink);color:#fff;padding:72px 0}
.faq-section h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:32px;text-align:center}
.faq-item{border-bottom:1px solid rgba(255,255,255,.1);padding:20px 0}
.faq-item:last-child{border-bottom:none}
.faq-q{font-family:'Fraunces',Georgia,serif;font-size:1.12rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#fff}
.faq-a{font-size:.98rem;color:#a9c2c5;margin-top:12px;max-width:720px}
footer{background:#0c2528;color:#9fb9bc;padding:64px 0 28px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-bottom:44px}
footer h4{color:#fff;font-family:'Fraunces';font-size:1.15rem;margin-bottom:16px}
footer a{display:block;color:#9fb9bc;padding:5px 0;transition:color .2s}
footer a:hover{color:var(--mango)}
.socials{display:flex;gap:12px;margin-top:18px}
.socials a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;padding:0}
.socials a:hover{background:var(--coral)}
.socials svg{width:18px;height:18px;fill:#cfe0e2}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;text-align:center;font-size:13px}
.chat-fab{position:fixed;bottom:24px;right:24px;z-index:1500;background:var(--coral);color:#fff;border:none;cursor:pointer;padding:15px 24px;border-radius:50px;font-family:'Outfit';font-weight:600;font-size:15px;display:flex;align-items:center;gap:10px;box-shadow:0 14px 34px -10px var(--coral-deep);transition:transform .2s,background .2s}
.chat-fab:hover{transform:translateY(-3px);background:var(--coral-deep)}
.chat-fab svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2}
@media(max-width:960px){.article-grid{grid-template-columns:1fr}.article-sidebar{position:static}.foot-grid{grid-template-columns:1fr;gap:30px}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:80%;max-width:330px;background:var(--sand);flex-direction:column;align-items:flex-start;justify-content:center;padding:40px;gap:22px;box-shadow:-20px 0 60px -20px rgba(0,0,0,.4);transition:right .35s;z-index:1100}.nav-links.open{right:0}.nav-links .btn{width:100%;justify-content:center}.menu-toggle{display:flex}}