:root{--bg:#0f2a1d;--bg2:#163a28;--gold:#f2b632;--lime:#9be564;--text:#eef5ee;--mut:#b7cbb9;--glass:rgba(255,255,255,.07);--line:rgba(255,255,255,.16)}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,Arial,sans-serif;background:linear-gradient(160deg,var(--bg),var(--bg2) 60%,#0b1f15);color:var(--text);line-height:1.7;overflow-x:hidden;animation:in .6s ease}
@keyframes in{from{opacity:0}to{opacity:1}}
h1,h2,h3,.logo{font-family:Fraunces,Georgia,serif;line-height:1.2}
a{color:var(--gold)}
.blob{position:fixed;border-radius:50%;filter:blur(90px);opacity:.35;z-index:-1;animation:float 14s ease-in-out infinite}
.b1{width:380px;height:380px;background:var(--gold);top:-80px;left:-80px}
.b2{width:420px;height:420px;background:#2fa36b;top:40%;right:-120px;animation-delay:-5s}
.b3{width:300px;height:300px;background:var(--lime);bottom:-80px;left:30%;animation-delay:-9s}
@keyframes float{50%{transform:translate(30px,-40px) scale(1.1)}}
.glass{background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:14px 5%;transition:.3s}
.nav.scrolled{background:rgba(15,42,29,.75);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.logo{color:var(--text);text-decoration:none;font-weight:800;display:flex;gap:10px;align-items:center}
.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--gold),var(--lime));color:#0f2a1d}
nav{display:flex;gap:22px;align-items:center}
nav a{color:var(--text);text-decoration:none;font-size:.95rem}
nav a:hover{color:var(--gold)}
.burger{display:none;background:none;border:0;cursor:pointer;padding:6px}
.burger span{display:block;width:24px;height:2px;background:var(--text);margin:5px 0}
.btn{display:inline-block;padding:14px 28px;border-radius:999px;background:linear-gradient(135deg,var(--gold),#ffd36b);color:#0f2a1d!important;font-weight:600;text-decoration:none;transition:.25s}
.btn:hover{transform:translateY(-3px)}
.btn-sm{padding:8px 18px}
.glow{box-shadow:0 0 0 0 rgba(242,182,50,.6);animation:pulse 2.4s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 16px rgba(242,182,50,0)}}
.ghost{background:transparent;border:1px solid var(--line);color:var(--text)!important}
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:120px 5% 60px;max-width:1100px;margin:auto;position:relative}
.badge{background:var(--glass);border:1px solid var(--line);padding:6px 16px;border-radius:999px;font-size:.85rem;margin-bottom:20px;color:var(--lime)}
.hero h1{font-size:clamp(2rem,5.5vw,4rem);font-weight:800;max-width:850px}
.lead{max-width:650px;margin:20px 0 28px;color:var(--mut);font-size:1.1rem}
.cta-row{display:flex;gap:14px;flex-wrap:wrap}
.trust{display:flex;gap:20px;flex-wrap:wrap;list-style:none;padding:0;margin-top:28px;color:var(--mut);font-size:.9rem}
.float-cards{position:absolute;right:3%;top:30%}
.fc{padding:12px 18px;margin-bottom:14px;animation:float 8s ease-in-out infinite}
.fc:nth-child(2){margin-left:40px;animation-delay:-3s}
.fc:nth-child(3){animation-delay:-6s}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;max-width:1100px;margin:0 auto 80px;padding:0 5%}
.stat{padding:26px;text-align:center;transition:.3s}
.stat:hover{transform:translateY(-6px)}
.stat b{display:block;font-family:Fraunces,serif;font-size:2.8rem;color:var(--gold)}
.stat span{color:var(--mut);font-size:.9rem}
.wrap{max-width:1100px;margin:0 auto 90px;padding:0 5%}
.sec{font-size:clamp(1.6rem,3.5vw,2.4rem);margin-bottom:30px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.card{padding:28px;transition:transform .2s,box-shadow .3s;transform-style:preserve-3d}
.card:hover{box-shadow:0 20px 50px rgba(242,182,50,.18)}
.ic{font-size:2rem;margin-bottom:10px}
.card h3{margin-bottom:8px}
.card p{color:var(--mut)}
.card ul{margin:12px 0 14px 18px;color:var(--mut);font-size:.92rem}
.timeline{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;counter-reset:s;position:relative}
.timeline li{padding:24px;counter-increment:s;transition:.3s;position:relative}
.timeline li:hover{transform:translateY(-6px);border-color:var(--gold)}
.timeline li:before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gold);color:#0f2a1d;font-weight:700;margin-bottom:10px}
.timeline li:after{content:"";position:absolute;top:40px;right:-18px;width:18px;height:2px;background:var(--gold);animation:pulse2 2s infinite}
.timeline li:last-child:after{display:none}
@keyframes pulse2{50%{opacity:.2}}
.shape{padding:36px 28px;border-radius:24px;min-height:170px;display:flex;flex-direction:column;justify-content:flex-end;transition:.3s;border:1px solid var(--line)}
.shape:hover{transform:translateY(-6px) rotate(-1deg)}
.shape span{font-family:Fraunces,serif;font-size:1.6rem}
.s1{background:radial-gradient(circle at 20% 20%,#9be564 0,transparent 55%),#1d4a33}
.s2{background:radial-gradient(circle at 80% 20%,#f2b632 0,transparent 55%),#1d4a33}
.s3{background:radial-gradient(circle at 50% 10%,#e0793a 0,transparent 55%),#1d4a33}
.article{max-width:820px}
.article h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:44px 0 14px}
.article h3{font-size:1.25rem;margin:26px 0 8px;color:var(--lime)}
.article p,.article li{color:#dbe8dc;margin-bottom:14px}
.article ul,.article ol{margin:0 0 16px 22px}
.callout,.warn,.tip{padding:18px 22px;border-radius:14px;margin:22px 0;border-left:4px solid var(--gold);background:var(--glass)}
.warn{border-color:#ff6b5e}.tip{border-color:var(--lime)}
table{width:100%;border-collapse:collapse;margin:18px 0;background:var(--glass);border-radius:14px;overflow:hidden;display:block;overflow-x:auto}
th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}
th{color:var(--gold)}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:18px 0}
.box{padding:20px;border-radius:16px;border:1px solid var(--line)}
.pro{background:rgba(155,229,100,.08)}.con{background:rgba(255,107,94,.08)}
.check{list-style:none;margin-left:0!important}
.check li:before{content:"\2713  ";color:var(--lime);font-weight:700}
details{background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:14px 20px;margin-bottom:12px}
summary{cursor:pointer;font-weight:600}
details p{margin:10px 0 0}
.cbox{padding:40px;max-width:700px;margin:auto}
.clist,.hours{list-style:none;padding:0;margin:0 0 22px}
.clist li{margin-bottom:8px}
.hours li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:6px 0;color:var(--mut)}
footer{text-align:center;padding:30px 5%;color:var(--mut);border-top:1px solid var(--line);font-size:.9rem}
.rv{opacity:0;transform:translateY(24px);transition:.8s}
.rv.on{opacity:1;transform:none}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:820px){
 .burger{display:block}
 nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;padding:20px;background:rgba(15,42,29,.95);backdrop-filter:blur(16px);display:none}
 nav.open{display:flex}
 .float-cards{display:none}
 .timeline li:after{display:none}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}