:root{--o:#f97316;--o2:#ea580c;--g:#65a30d;--bg:#fff;--bg2:#fff7ed;--tx:#1f2937;--mu:#6b7280;--bd:#fed7aa;--card:#fff;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#141210;--bg2:#1c1815;--tx:#f5f0ea;--mu:#b5a99c;--bd:#4a3320;--card:#221d19}}
:root[data-theme="dark"]{--bg:#141210;--bg2:#1c1815;--tx:#f5f0ea;--mu:#b5a99c;--bd:#4a3320;--card:#221d19}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font-family:Poppins,system-ui,Arial,sans-serif;line-height:1.65;overflow-x:hidden}
a{color:inherit;text-decoration:none}h1,h2,h3{line-height:1.2;margin:0 0 12px}p{margin:0 0 12px;color:var(--mu)}
.w{max-width:1120px;margin:auto;padding:0 20px}section{padding:72px 0}.alt{background:var(--bg2)}
#pb{position:fixed;top:0;left:0;height:4px;width:0;background:linear-gradient(90deg,var(--o),var(--g));z-index:99}
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd)}
.nav .w{display:flex;align-items:center;justify-content:space-between;height:68px}.nav img{height:48px;display:block}
.nl{display:flex;gap:6px;align-items:center}.nl a{padding:8px 12px;border-radius:10px;font-weight:500;font-size:15px}.nl a:hover,.nl a.on{color:var(--o2);background:var(--bg2)}
.dd{position:relative}.sub{display:none;position:absolute;top:100%;left:0;min-width:230px;background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:8px;box-shadow:0 14px 30px rgba(0,0,0,.12)}.dd:hover .sub,.dd:focus-within .sub{display:block}.sub a{display:block}
.mb{display:none;background:none;border:0;font-size:28px;color:var(--tx);cursor:pointer}
.btn{display:inline-block;background:linear-gradient(135deg,var(--o),var(--o2));color:#fff!important;padding:13px 26px;border-radius:999px;font-weight:600;border:0;cursor:pointer;font:600 15px Poppins,sans-serif;box-shadow:0 8px 20px rgba(249,115,22,.35);transition:.3s}.btn:hover{transform:translateY(-3px)}
.btn.o{background:transparent;color:var(--o2)!important;border:2px solid var(--o);box-shadow:none}
@media(max-width:900px){.mb{display:block}.nl{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--bg);padding:12px 20px;border-bottom:1px solid var(--bd);max-height:75vh;overflow:auto}.nav.open .nl{display:flex}.sub{display:block;position:static;box-shadow:none;border:0;padding:0 0 0 14px}}
.hero{padding:70px 0 60px;background:radial-gradient(circle at 85% 10%,#ffedd5,transparent 55%),var(--bg);position:relative;overflow:hidden}
.hero .w{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}@media(max-width:860px){.hero .w{grid-template-columns:1fr}}
.hero h1{font-size:clamp(32px,5vw,56px);font-weight:800}.g{background:linear-gradient(90deg,var(--o),var(--g));-webkit-background-clip:text;background-clip:text;color:transparent}
.tag{display:inline-block;background:var(--bg2);border:1px solid var(--bd);color:var(--o2);padding:5px 14px;border-radius:999px;font-size:13px;font-weight:600;margin-bottom:16px}
.vis{position:relative;background:var(--card);border:1px solid var(--bd);border-radius:28px;padding:30px;box-shadow:0 20px 50px rgba(249,115,22,.2);animation:fl 5s ease-in-out infinite}.vis img{width:100%;display:block;border-radius:14px}
.bdg{position:absolute;background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:8px 14px;font-size:13px;font-weight:600;box-shadow:0 8px 20px rgba(0,0,0,.12);animation:fl 4s ease-in-out infinite}
.bl{position:absolute;border-radius:50%;background:var(--o);opacity:.12;animation:fl 7s ease-in-out infinite}
@keyframes fl{50%{transform:translateY(-14px)}}@keyframes mq{to{transform:translateX(-50%)}}@keyframes pu{50%{box-shadow:0 0 0 12px rgba(249,115,22,.15)}}
.mq{background:linear-gradient(90deg,var(--o),var(--o2));color:#fff;overflow:hidden;white-space:nowrap;padding:14px 0}.mq div{display:inline-block;animation:mq 25s linear infinite;font-weight:600}.mq span{margin:0 26px}
.st4{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:30px}.st4 div{text-align:center}.st4 b{font-size:36px;color:var(--o2);display:block}
.hd{text-align:center;max-width:680px;margin:0 auto 40px}.k{color:var(--o2);font-weight:700;letter-spacing:2px;font-size:13px;text-transform:uppercase}.hd h2{font-size:clamp(26px,4vw,38px);font-weight:700}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:var(--card);border:1px solid var(--bd);border-radius:20px;padding:26px;transition:.3s;display:block}.card:hover{transform:translateY(-8px);box-shadow:0 16px 34px rgba(249,115,22,.2);border-color:var(--o)}
.ic{width:56px;height:56px;border-radius:16px;background:var(--bg2);display:grid;place-items:center;font-size:28px;margin-bottom:14px}
.rv{opacity:0;transform:translateY(34px);transition:opacity .7s,transform .7s}.rv.in{opacity:1;transform:none}.grid>.rv:nth-child(2){transition-delay:.1s}.grid>.rv:nth-child(3){transition-delay:.2s}.grid>.rv:nth-child(4){transition-delay:.3s}
.jr{position:relative;max-width:820px;margin:auto}.jr:before{content:'';position:absolute;left:28px;top:0;bottom:0;width:3px;background:linear-gradient(var(--o),var(--g))}
.js{position:relative;padding-left:82px;margin-bottom:26px}.js b{position:absolute;left:0;top:0;width:58px;height:58px;border-radius:50%;background:var(--o);color:#fff;display:grid;place-items:center;font-size:24px;animation:pu 2.5s infinite}
.js .card{padding:20px}.js h3{font-size:19px}.js small{color:var(--o2);font-weight:700}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:700px){.ba{grid-template-columns:1fr}}.ba .card:first-child{border-color:#fca5a5}.ba .card:last-child{border-color:#86efac}
.ph{padding:70px 0;text-align:center;background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#1f2937}.ph h1{font-size:clamp(30px,5vw,48px);font-weight:800}.ph p{color:#6b7280;max-width:680px;margin:0 auto 18px}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .ph{background:linear-gradient(135deg,#231a12,#2b1d10);color:#f5f0ea}}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}@media(max-width:800px){.two{grid-template-columns:1fr}}
ul.ck{list-style:none;padding:0;margin:0}ul.ck li{padding:6px 0 6px 30px;position:relative}ul.ck li:before{content:'✔';position:absolute;left:0;color:var(--g);font-weight:700}
details{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:14px 20px;margin-bottom:12px}summary{cursor:pointer;font-weight:600}details p{margin:10px 0 0}
.cta{background:linear-gradient(135deg,var(--o),var(--o2));color:#fff;text-align:center;border-radius:28px;padding:54px 24px}.cta p{color:#ffedd5}.cta .btn{background:#fff;color:var(--o2)!important}
.tg{display:inline-block;background:var(--bg2);color:var(--o2);font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;margin-right:6px}
form input,form select,form textarea{width:100%;padding:13px 16px;border:1px solid var(--bd);border-radius:12px;background:var(--bg);color:var(--tx);font:15px Poppins,sans-serif;margin-bottom:14px}form input:focus,form textarea:focus,form select:focus{outline:2px solid var(--o)}
footer{background:#1f1611;color:#e5e7eb;padding:56px 0 20px}footer p,footer a{color:#cbd5e1;font-size:14px}footer a{display:block;padding:3px 0}footer a:hover{color:var(--o)}footer h4{color:#fff;margin:0 0 10px}
.fg{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.fg img{height:56px;background:#fff;border-radius:10px;padding:4px;margin-bottom:10px}
.wa{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));background:#22c55e;color:#fff;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:26px;z-index:60;box-shadow:0 8px 20px rgba(0,0,0,.25);animation:pu 2.5s infinite}