:root{--o:#c2410c;--o2:#ea580c;--ink:#0f172a;--mut:#475569;--bg:#fffaf5;--line:#ece4da;--g:#15803d;--r:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
a{color:var(--o)}img{max-width:100%;height:auto;display:block}h1,h2,h3{letter-spacing:-.02em;line-height:1.15}h2{font-size:clamp(1.7rem,4vw,2.6rem);margin:.3rem 0 .6rem}
.w{max-width:1180px;margin:auto;padding:0 1.25rem}.narrow{max-width:780px}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem 1rem;z-index:99}
:focus-visible{outline:3px solid var(--o2);outline-offset:3px;border-radius:6px}
.hdr{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.82);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid #0000000d}
.hd{display:flex;align-items:center;gap:1rem;justify-content:space-between;padding-top:.55rem;padding-bottom:.55rem;flex-wrap:wrap}.brand svg{display:block;height:auto}
nav{display:flex;gap:.2rem;order:3;width:100%;overflow-x:auto}nav a{padding:.35rem .75rem;border-radius:99px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem;white-space:nowrap}nav a:hover,nav a[aria-current]{background:#fff1e6;color:var(--o)}
.hb{display:flex;gap:.4rem}@media(min-width:860px){nav{order:0;width:auto}}
.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.85rem 1.4rem;border-radius:99px;font-weight:700;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--o2),var(--o));border:0;cursor:pointer;font-size:1rem;box-shadow:0 8px 20px -8px #c2410caa;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px -10px #c2410ccc}.btn.wa{background:var(--g);box-shadow:0 8px 20px -8px #15803daa}.btn.ghost{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.btn.light{background:#fff;color:var(--o)}.btn.sm{padding:.5rem .95rem;font-size:.9rem}
.row{display:flex;gap:.7rem;flex-wrap:wrap}.eyebrow{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--o)}
.hero{position:relative;overflow:hidden;background:radial-gradient(1200px 500px at 85% -10%,#ffedd5,transparent 60%),var(--bg);padding:3.5rem 0 0}
.blob{position:absolute;width:520px;height:520px;left:-200px;top:40%;background:radial-gradient(circle,#fed7aa88,transparent 65%);filter:blur(10px);animation:float 12s ease-in-out infinite}
.hgrid{display:grid;gap:2.5rem;align-items:center;position:relative}h1{font-size:clamp(2.3rem,6.5vw,4.3rem);margin:.5rem 0 1rem;font-weight:850}h1 em{font-style:normal;background:linear-gradient(120deg,var(--o2),#9a3412);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:1.15rem;color:var(--mut);max-width:38ch}.chips{display:flex;gap:.5rem;flex-wrap:wrap;list-style:none;padding:0;margin:1.4rem 0 0}.chips li{background:#fff;border:1px solid var(--line);padding:.3rem .8rem;border-radius:99px;font-size:.85rem;font-weight:600}
.hart{position:relative;aspect-ratio:1;max-width:520px;width:100%;margin:auto}.roll{position:absolute;inset:0;width:100%;height:100%}.spin{transform-origin:190px 190px;animation:spin 18s linear infinite}.strip{animation:pull 4s ease-in-out infinite alternate}
.hart .photo{position:absolute;width:52%;right:0;bottom:4%;border-radius:var(--r);overflow:hidden;border:6px solid #fff;box-shadow:0 30px 60px -20px #7c2d1288;animation:float 7s ease-in-out infinite}
.marq{margin-top:3rem;background:var(--ink);color:#fff;overflow:hidden;white-space:nowrap;padding:.9rem 0;font-weight:700;letter-spacing:.04em}.marq div{display:inline-block;animation:mq 40s linear infinite}
section{padding:4.5rem 0}.alt{background:var(--bg)}.sh{max-width:640px;margin-bottom:2rem}.sh p{color:var(--mut)}
.grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{position:relative;display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.6rem;color:inherit;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden}
.card:before{content:"";position:absolute;inset:auto -40% -60% auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(#ffedd5,transparent 70%);transition:transform .5s}.card:hover{transform:translateY(-6px);box-shadow:0 24px 50px -24px #7c2d1266;border-color:#fdba74}.card:hover:before{transform:scale(1.6)}
.card>*{position:relative}.ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#fff1e6;font-size:1.5rem}.card h3{margin:1rem 0 .4rem;font-size:1.25rem}.card ul{margin:0;padding-left:1.1rem;color:var(--mut)}.more{display:inline-block;margin-top:.9rem;font-weight:700;color:var(--o)}
.ugrid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.use{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.4rem;border-top:4px solid var(--o2)}.use h3{margin:.1rem 0 .4rem;font-size:1.1rem}.use p{margin:0;color:var(--mut)}
.wgrid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.why{padding:1.6rem;border-radius:var(--r);background:linear-gradient(160deg,#0f172a,#1e293b);color:#fff}.why .n{font-weight:900;font-size:2.2rem;color:#fb923c}.why h3{margin:.3rem 0 0}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));counter-reset:s}.steps li{background:#fff;border-radius:var(--r);padding:1.5rem;border:1px solid var(--line)}.steps b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ink);color:#fff}.steps h3{margin:.8rem 0 .3rem}.steps p{margin:0;color:var(--mut)}
.band{padding:0}.bandin{background:linear-gradient(120deg,#9a3412,var(--o2));color:#fff;border-radius:28px;padding:2.6rem;display:flex;gap:1.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap;position:relative;overflow:hidden;margin-top:1rem;margin-bottom:1rem}
.bandin:after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;border:40px solid #ffffff1f}.bandin h2{margin:0 0 .3rem}.bandin p{margin:0;opacity:.9}
.qgrid{display:grid;gap:2rem}.panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:1.6rem;box-shadow:0 30px 60px -40px #7c2d1266}.ticks{list-style:none;padding:0}.ticks li{padding-left:1.8rem;position:relative;margin:.45rem 0}.ticks li:before{content:"✓";position:absolute;left:0;top:0;width:1.3rem;height:1.3rem;border-radius:50%;background:#ffedd5;color:var(--o);display:grid;place-items:center;font-size:.8rem;font-weight:900}.ticks.big li{font-size:1.1rem}
.fg{display:grid;gap:.9rem;grid-template-columns:1fr}.fg label span{display:block;font-weight:600;font-size:.88rem;margin-bottom:.25rem}.fg input,.fg select,.fg textarea{width:100%;font:inherit;padding:.75rem .9rem;border:1.5px solid #d6cfc6;border-radius:12px;background:#fff;transition:border-color .2s,box-shadow .2s}.fg :is(input,select,textarea):focus{outline:0;border-color:var(--o2);box-shadow:0 0 0 4px #fed7aa}
.fg [aria-invalid=true]{border-color:#b91c1c}.hp{position:absolute;left:-9999px}.fa{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.err{color:#b91c1c;font-weight:600}.thanks{text-align:center;padding:2rem 1rem;animation:pop .5s}.thanks h3{font-size:1.8rem;margin:0;color:var(--g)}
@media(min-width:640px){.fg{grid-template-columns:1fr 1fr}.fg .full{grid-column:1/-1}}@media(min-width:860px){.hgrid,.qgrid,.pd{grid-template-columns:1.1fr 1fr}.c3{grid-template-columns:repeat(3,1fr)}}
.phead{background:radial-gradient(900px 400px at 90% 0,#ffedd5,transparent 60%),var(--bg)}.pd{display:grid;gap:2.5rem;align-items:center}.pd .photo{border-radius:28px;overflow:hidden;box-shadow:0 30px 60px -30px #7c2d1288}.back{display:block;margin-bottom:1rem;font-weight:600;text-decoration:none}
.ftr{background:var(--ink);color:#cbd5e1;padding:3.5rem 0 6.5rem;margin-top:4rem}.fgrid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.ftr .fh{font-size:1rem;color:#fff;margin:.2rem 0 .8rem}.ftr a{display:block;color:#e2e8f0;text-decoration:none;margin:.3rem 0}.ftr a:hover{color:#fdba74}.copy{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1.2rem;font-size:.88rem}
.fab{position:fixed;bottom:18px;z-index:50;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 24px -6px #0007}.fab svg{width:28px;height:28px;fill:#fff;position:relative}.fab:before{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:pulse 2.2s ease-out infinite;z-index:-1}
.call{left:18px;background:var(--o)}.wab{right:18px;background:var(--g)}.wab:before{animation-delay:1.1s}
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform .7s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}.rv.in,.nojs .rv{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-14px)}}@keyframes pull{to{transform:translate(-14px,-10px)}}@keyframes mq{to{transform:translateX(-50%)}}@keyframes pulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.9);opacity:0}}@keyframes pop{from{transform:scale(.9);opacity:0}}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
.use .uh{margin:.1rem 0 .4rem;font-size:1.1rem}
.cimg{margin:-1.6rem -1.6rem 1rem;aspect-ratio:4/3;overflow:hidden;background:#fff7ed}.cimg img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.card:hover .cimg img{transform:scale(1.06)}
.card .ic{margin-top:-2.6rem;position:relative;border:3px solid #fff;background:#fff1e6}
.hart .photo img{aspect-ratio:4/5;object-fit:cover;width:100%}.pd .photo img{width:100%;aspect-ratio:4/3;object-fit:cover}
.ushow{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.2rem}.ufig{margin:0;position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3}.ufig img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.ufig:hover img{transform:scale(1.05)}
.ufig figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.5rem 1.1rem .9rem;color:#fff;font-weight:800;font-size:1.15rem;background:linear-gradient(transparent,#0f172acc)}
.copy .il{display:inline;color:#fdba74;text-decoration:underline}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}