:root{--bg:#071123;--bg2:#0c1a33;--card:#101f3d;--line:#1d3156;--text:#eef3fb;--mute:#9db0cf;--accent:#ffb020;--accent-ink:#1a1200;--wa:#25d366;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding-bottom:72px}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--line);position:sticky;top:env(safe-area-inset-top,0px);background:rgba(7,17,35,.94);backdrop-filter:blur(8px);z-index:20}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;max-width:1040px;margin:0 auto}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1rem;letter-spacing:.2px}
.mark{width:42px;height:42px;border-radius:50%;background:#fff;padding:2px;flex:none}.bn{display:flex;flex-direction:column;line-height:1.15}.bn small{font-weight:500;font-size:.72rem;color:var(--accent);letter-spacing:.3px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:700;border:2px solid transparent;cursor:pointer;font-size:1rem}
.btn.wa{background:var(--wa);color:#04210f}
.btn.call{border-color:var(--accent);color:var(--accent)}
.btn.sm{padding:8px 16px;font-size:.9rem}
.hero{padding:56px 20px 40px;display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center}.hlogo{background:#fff;border-radius:28px;padding:16px;box-shadow:0 24px 64px rgba(0,0,0,.5);justify-self:center;width:100%;max-width:340px}.hlogo img{display:block;width:100%;height:auto}.trust{grid-column:1/-1}@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:32px}.hlogo{order:-1;max-width:230px}}@media(max-width:480px){.brand{font-size:.8rem}.mark{width:36px;height:36px}.bn small{font-size:.62rem}}
h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.1;margin:0 0 16px;max-width:16ch}
.hero p{color:var(--mute);font-size:1.1rem;max-width:52ch;margin:0 0 24px}
.cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.num{font-weight:700;color:var(--text)}
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:36px}
.trust div{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-weight:600}
section{padding:48px 0}
h2{font-size:clamp(1.5rem,4vw,2.1rem);margin:0 0 8px}
.sub{color:var(--mute);margin:0 0 28px;max-width:60ch}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.card{display:block;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;transition:border-color .2s,transform .2s}
.card:hover{border-color:var(--accent);transform:translateY(-2px)}
.card .ic{font-size:1.8rem}
.card h3{margin:8px 0 4px;font-size:1.1rem}
.card p{margin:0 0 10px;color:var(--mute);font-size:.95rem}
.card b{color:var(--accent);font-size:.9rem}
.note{color:var(--mute);font-size:.9rem;margin-top:16px}
.photo{background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.photo h3{margin:0 0 4px}
.photo p{margin:0;color:var(--mute)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.step{border-left:3px solid var(--accent);padding:4px 0 4px 16px}
.step h3{margin:0 0 4px}
.step p{margin:0;color:var(--mute)}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
ul.ticks{list-style:none;padding:0;margin:0}
ul.ticks li{padding:8px 0 8px 28px;position:relative;border-bottom:1px solid var(--line)}
ul.ticks li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800}
.areas{display:flex;flex-wrap:wrap;gap:10px}
.areas span{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:8px 16px}
details{border-bottom:1px solid var(--line);padding:14px 0}
summary{cursor:pointer;font-weight:700}
details p{color:var(--mute);margin:8px 0 0}
.final{text-align:center;background:var(--bg2);border-top:1px solid var(--line)}
.final .cta{justify-content:center}
footer{padding:28px 0;color:var(--mute);font-size:.9rem;text-align:center}
.herobg,.final{position:relative;overflow:hidden}.bg{position:absolute;inset:0;width:100%;height:100%;opacity:.6}.herobg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 25%,rgba(7,17,35,.55) 70%,rgba(7,17,35,.2))}.herobg .wrap,.final .wrap{position:relative;z-index:2}.final .bg{opacity:.3}@media(max-width:640px){.herobg::after{background:rgba(7,17,35,.72)}}
.sticky{display:none}
@media(max-width:640px){
 .sticky{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(7,17,35,.96);border-top:1px solid var(--line);z-index:30}
 .sticky .btn{padding:12px 8px}
 header .btn.call{display:none}
}
@keyframes up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes pop{from{opacity:0;transform:scale(.8) rotate(-4deg)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes glow{50%{opacity:.55}}@keyframes drip{0%{transform:translateY(-6px);opacity:0}30%{opacity:1}100%{transform:translateY(18px);opacity:0}}@keyframes drift{to{transform:scale(1.07) translateX(-14px)}}@keyframes tick{to{transform:translateX(-50%)}}@keyframes wob{30%{transform:rotate(-14deg) scale(1.15)}60%{transform:rotate(10deg)}100%{transform:none}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.65)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.htxt h1{animation:up .8s both}.htxt p{animation:up .8s .15s both}.htxt .cta{animation:up .8s .3s both}.hlogo{animation:pop 1s .25s cubic-bezier(.2,.8,.2,1) both,float 6s 1.3s ease-in-out infinite}.trust div{animation:up .6s both}.trust div:nth-child(1){animation-delay:.5s}.trust div:nth-child(2){animation-delay:.62s}.trust div:nth-child(3){animation-delay:.74s}.trust div:nth-child(4){animation-delay:.86s}.trust div:nth-child(5){animation-delay:.98s}
.herobg .bg{animation:drift 20s ease-in-out infinite alternate}.glow{animation:glow 2.4s ease-in-out infinite}.drip{animation:drip 1.8s ease-in infinite}
.js .rv{opacity:0;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.js .rv.l{transform:translateX(-80px)}.js .rv.r{transform:translateX(80px)}.js .rv.u{transform:translateY(34px)}.js .rv.in{opacity:1;transform:none}
.ticker{overflow:hidden;border-block:1px solid var(--line);background:var(--bg2)}.track{display:flex;gap:44px;width:max-content;padding:14px 0;animation:tick 30s linear infinite}.track span{white-space:nowrap;font-weight:700;color:var(--mute)}.ticker:hover .track{animation-play-state:paused}
.card .ic{display:inline-block}.card:hover{box-shadow:0 12px 32px rgba(255,176,32,.14)}.card:hover .ic{animation:wob .6s}.btn{transition:transform .15s}.btn:hover{transform:translateY(-2px)}.areas span{transition:border-color .2s,transform .2s}.areas span:hover{border-color:var(--accent);transform:translateY(-3px)}details[open] p{animation:up .35s both}
.prog{position:absolute;left:0;bottom:-1px;height:3px;width:0;background:var(--accent)}.fab{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:40;animation:pulse 2.4s infinite}@media(max-width:640px){.fab{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}