*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;background:#111214;color:#fff;line-height:1.5;overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
.wrap{max-width:80rem;margin:0 auto;padding:0 1.25rem}
.page-glow{position:fixed;inset:-20vmax;z-index:-1;pointer-events:none;background:radial-gradient(40vmax 40vmax at 15% 20%,#f9731629,#0000 60%),radial-gradient(35vmax 35vmax at 85% 30%,#25d36621,#0000 60%),radial-gradient(45vmax 45vmax at 50% 95%,#f973161a,#0000 60%);animation:page-glow 14s ease-in-out infinite alternate}

/* Header */
.site-header{position:sticky;top:0;z-index:30;background:#111214d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;opacity:.85;background:linear-gradient(90deg,#0000,#f97316 25%,#25d366 50%,#f97316 75%,#0000);box-shadow:0 0 14px #f97316b3}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.75rem;padding-bottom:.75rem}
.brand{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.25rem;letter-spacing:-.01em;min-width:0}
.logo{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:.6rem;background:#f97316;color:#000;font-size:1.3rem;box-shadow:0 0 18px #f9731699;animation:logo-glow 2.8s ease-in-out infinite}

/* WhatsApp button — big + blinking */
.wa-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;border-radius:9999px;font-weight:900;color:#fff;text-shadow:0 1px 2px #00000040;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border:3px solid #ffffffb3;box-shadow:0 10px 30px -8px #25d366a6,inset 0 1px #ffffff40;transition:transform .2s;animation:wa-blink 1s ease-in-out infinite,wa-glow 1s ease-in-out infinite}
.wa-btn:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;pointer-events:none;transform:skew(-20deg);background:linear-gradient(100deg,#0000 0%,#ffffffa0 50%,#0000 100%);animation:wa-shine 2s ease-in-out infinite}
.wa-btn:hover{transform:scale(1.05)}
.wa-btn:focus-visible{outline:4px solid #25d366;outline-offset:4px}
.wa-btn svg{width:2.25rem;height:2.25rem;flex-shrink:0;position:relative}
.wa-btn span{position:relative}
.wa-sm{font-size:1.15rem;padding:.85rem 1.4rem}
.wa-sm svg{width:1.9rem;height:1.9rem}
.wa-md{font-size:1.4rem;padding:1.15rem 2rem}
.wa-md svg{width:2.4rem;height:2.4rem}
.wa-lg{font-size:1.75rem;padding:1.6rem 2.6rem}
.wa-lg svg{width:3rem;height:3rem}
.wa-xl{font-size:2rem;padding:1.9rem 3rem;width:100%;max-width:42rem}
.wa-xl svg{width:3.5rem;height:3.5rem}
.wa-full{width:100%}
@media(min-width:640px){.wa-lg{font-size:2.25rem;padding:1.9rem 3.4rem}.wa-lg svg{width:3.5rem;height:3.5rem}.wa-xl{font-size:2.6rem;padding:2.2rem 3.6rem}.wa-xl svg{width:4rem;height:4rem}}

/* Hero */
.hero{position:relative;overflow:hidden}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.hero-fade{position:absolute;inset:0;background:linear-gradient(to top,#111214,#111214b3,#0000)}
.hero .wrap{position:relative;padding-top:4.5rem;padding-bottom:5rem}
.pill{display:inline-block;border-radius:9999px;background:#f9731626;border:1px solid #f9731666;color:#fdba74;font-size:.875rem;font-weight:600;padding:.25rem 1rem;margin-bottom:1.5rem}
h1{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;max-width:48rem;line-height:1.05;margin-bottom:1.5rem}
.shine-text{color:#0000;background:linear-gradient(90deg,#fb923c 0%,#fde68a 25%,#f97316 50%,#fde68a 75%,#fb923c 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 18px #f9731673);animation:shine-text 4s linear infinite}
.lead{font-size:1.2rem;color:#ffffffcc;max-width:42rem;margin-bottom:.75rem}
.lead-hi{font-size:1.15rem;color:#ffffff99;max-width:42rem;margin-bottom:2.5rem}
.note{margin-top:1rem;font-size:.95rem;color:#ffffff99}
@media(min-width:640px){h1{font-size:3.75rem}.hero .wrap{padding-top:7rem;padding-bottom:8rem}.lead{font-size:1.3rem}}

/* Sections */
section.block{padding:4rem 0}
h2{font-size:2rem;font-weight:800;line-height:1.15}
@media(min-width:640px){h2{font-size:2.4rem}}
.sub{color:#ffffff99;margin-top:.5rem;margin-bottom:2.5rem}
.grid{display:grid;gap:1.5rem}
@media(min-width:640px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3s{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.grid-2{grid-template-columns:repeat(3,1fr)}}
.card{border-radius:1rem;overflow:hidden;background:#ffffff0a;border:1px solid #ffffff1a;display:flex;flex-direction:column;transition:border-color .3s,box-shadow .3s,transform .3s}
.card:hover{border-color:#f973168c;transform:translateY(-4px);box-shadow:0 0 0 1px #f9731640,0 18px 50px -12px #f9731673}
.card .ph{aspect-ratio:4/3;overflow:hidden}
.card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card:hover .ph img{transform:scale(1.05)}
.card .body{padding:1.5rem;display:flex;flex-direction:column;flex:1}
.card h3{font-size:1.25rem;font-weight:700}
.card h3 small{color:#ffffff80;font-weight:500;font-size:1rem}
.card ul{margin:.75rem 0 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:.25rem .75rem;font-size:.9rem;color:#ffffffb3}
.card .wa-btn{margin-top:auto}
.how{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;background:#ffffff08}
.step{border-radius:1rem;border:1px solid #ffffff1a;background:#ffffff05;padding:1.5rem}
.step .num{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:9999px;background:#f97316;color:#000;font-weight:800;margin-bottom:1rem;box-shadow:0 0 18px #f9731699;animation:logo-glow 2.8s ease-in-out infinite}
.step h3{font-weight:700;font-size:1.1rem;margin-bottom:.25rem}
.step p{color:#ffffffa6}
.cta{position:relative;isolation:isolate;max-width:64rem;margin:0 auto;padding:5rem 1.25rem;text-align:center}
.cta:before{content:"";position:absolute;inset:10% 15%;z-index:-1;filter:blur(20px);border-radius:9999px;background:radial-gradient(closest-side,#25d36638,#0000)}
.cta h2{font-size:2.2rem;margin-bottom:1rem}
@media(min-width:640px){.cta h2{font-size:3rem}}
.cta p{font-size:1.15rem;color:#ffffffb3;margin-bottom:2.5rem}
footer{border-top:1px solid #ffffff1a;padding:2rem 1.25rem 10rem;text-align:center;font-size:.9rem;color:#ffffff80}

/* Sticky bottom bar */
.wa-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#111214eb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -10px 30px -10px #25d36673}
.wa-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0000,#25d366 25%,#f97316 50%,#25d366 75%,#0000);box-shadow:0 0 14px #25d366b3}
.wa-bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem}
.wa-bar .txt{display:none;line-height:1.25}
.wa-bar .txt b{font-size:1.15rem;font-weight:800;display:block}
.wa-bar .txt span{color:#ffffffb3;font-size:.9rem}
.wa-bar .wa-btn{width:100%}
@media(min-width:640px){.wa-bar .txt{display:block}.wa-bar .wa-btn{width:auto}.wa-bar .wrap{padding:.75rem 1.25rem}}
.only-mobile{display:inline-flex}.only-desktop{display:none}
@media(min-width:640px){.only-mobile{display:none}.only-desktop{display:inline-flex}}

@keyframes wa-blink{0%,100%{opacity:1;filter:brightness(1)}50%{opacity:.55;filter:brightness(1.35)}}
@keyframes wa-glow{0%,100%{box-shadow:0 10px 30px -8px #25d36699,0 0 0 0 #25d36600,inset 0 1px #ffffff40}50%{box-shadow:0 14px 44px -6px #25d366,0 0 36px 8px #25d366a0,inset 0 1px #ffffff4d}}
@keyframes wa-shine{0%,40%{left:-75%}100%{left:130%}}
@keyframes page-glow{to{transform:translate(3vmax,-2vmax) scale(1.08)}}
@keyframes shine-text{to{background-position:200%}}
@keyframes logo-glow{50%{box-shadow:0 0 28px 4px #f97316bf}}