:root{--bg:#0a0e17;--panel:#101828;--panel2:#131c2e;--border:#1e2a3d;--text:#e7edf5;--muted:#93a4bb;--accent:#4d8dff;--wa:#16a34a;--wa-text:#ffffff;--ray:#ffc400;--offer:#ea580c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:17px;line-height:1.6}a{color:var(--accent)}.container{max-width:1120px;margin:0 auto;padding:0 24px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#fff;color:#000;padding:8px 12px;z-index:99}.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:#0a0e17e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;gap:24px;height:68px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:700;font-size:18px}.brand img{border-radius:6px}.menu{display:flex;gap:22px;margin-left:auto}.menu a{color:var(--muted);text-decoration:none;font-size:15px}.menu a:hover{color:var(--text)}.btn{display:inline-block;background:var(--wa);color:var(--wa-text);text-decoration:none;font-weight:700;border-radius:10px;padding:12px 20px;border:0;cursor:pointer;font-size:16px}.btn:hover{transform:translateY(-2px)}.btn-lg{padding:15px 26px;font-size:17px}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.link{color:var(--accent);font-weight:600;text-decoration:none}.hero{position:relative;overflow:hidden;padding:150px 0 80px}.circuit{position:absolute;top:90px;left:0;width:100%;opacity:.28;pointer-events:none}.circuit path{stroke-dasharray:6 14;animation:flow 12s linear infinite}@keyframes flow{to{stroke-dashoffset:-400}}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;position:relative}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700;color:var(--muted);margin:0 0 16px}.tick{display:inline-block;width:22px;height:3px;background:var(--ray)}h1{font-size:56px;line-height:1.08;letter-spacing:-.02em;margin:0 0 20px}h2{font-size:38px;line-height:1.15;letter-spacing:-.015em;margin:0 0 14px}h3{font-size:21px;margin:0 0 8px}.lead,.sec-lead{color:var(--muted);font-size:18px;max-width:640px}.hero-cta{display:flex;align-items:center;gap:22px;margin:28px 0 16px;flex-wrap:wrap}.micro{color:var(--muted);font-size:14px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:22px}.panel-head{display:flex;align-items:center;gap:10px;margin-bottom:18px}.dot{width:10px;height:10px;border-radius:50%;background:#22c55e}.panel-tag{margin-left:auto;font-size:12px;color:var(--muted);border:1px solid var(--border);border-radius:20px;padding:3px 10px}.room{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid var(--border)}.switch{background:#1e293b;color:var(--muted);border:1px solid var(--border);border-radius:20px;padding:6px 14px;cursor:pointer;font-size:13px}.switch.on{background:#22c55e26;color:#4ade80;border-color:#22c55e66}.panel-foot{color:var(--muted);font-size:14px;margin:16px 0 0}.trust{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:40px 0}.trust-line{font-weight:700;margin:0 0 22px}.quotes{display:grid;grid-template-columns:1fr 1fr;gap:28px}blockquote{margin:0;font-size:18px;line-height:1.55}blockquote footer{color:var(--muted);font-size:14px;margin-top:10px}.section{padding:88px 0}.section.process{background:var(--panel)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;padding:0;margin:28px 0 0}.steps li{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:20px}.steps strong{display:block;font-size:18px;margin-bottom:6px}.steps span{color:var(--muted);font-size:15px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px}.card p{color:var(--muted)}.card:hover{transform:translateY(-2px)}.card-accent{border-color:var(--accent)}.price{font-size:34px;font-weight:800;color:var(--text)}.price span{font-size:16px;font-weight:400;color:var(--muted)}.card ul{padding-left:20px;color:var(--muted)}.card ul li{margin-bottom:6px}.note{color:var(--muted);font-size:14px;margin-top:18px}.offer-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;display:grid;grid-template-columns:300px 1fr;overflow:hidden}.offer-card img{width:100%;height:100%;object-fit:cover}.offer-card>div{padding:32px}.badge{display:inline-block;background:var(--offer);color:#000;font-weight:800;font-size:12px;letter-spacing:.12em;padding:5px 12px;border-radius:20px}.works img{width:100%;height:240px;object-fit:cover;border-radius:14px}.works figure{margin:0}.works figcaption{margin-top:12px}.works figcaption span{display:block;color:var(--muted);font-size:15px}.center{text-align:center;margin-top:28px}.narrow{max-width:720px}.quoter form{display:grid;gap:16px;margin-top:24px}.quoter label{font-weight:600}.quoter input,.quoter select,.quoter textarea{width:100%;margin-top:6px;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:13px;font-size:16px;font-family:inherit}.app{display:flex;gap:20px;align-items:flex-start}.app img{width:120px;height:120px;object-fit:cover;border-radius:14px;flex-shrink:0}details{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px 22px;margin-bottom:12px}details summary{font-weight:700;cursor:pointer}details p{color:var(--muted)}.final-cta{background:var(--panel);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}footer{padding:56px 0 24px}.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}.foot p{color:var(--muted)}.copy{text-align:center;color:var(--muted);font-size:14px;margin-top:36px}.reveal{opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease}.reveal.in{opacity:1;transform:none}@media (max-width:820px){.menu{display:none}h1{font-size:38px}h2{font-size:29px}.hero{padding-top:120px}.hero-grid,.grid-3,.grid-2,.quotes,.steps,.offer-card{grid-template-columns:1fr}.offer-card img{height:220px}.foot{grid-template-columns:1fr}.section{padding:56px 0}}@media (prefers-reduced-motion:reduce){.circuit path{animation:none}.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}@keyframes riseIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.stagger{animation:riseIn .7s cubic-bezier(.22,.61,.36,1) both}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.18s}.stagger-3{animation-delay:.32s}.stagger-4{animation-delay:.46s}.stagger-5{animation-delay:.58s}.btn-shimmer{position:relative;overflow:hidden;isolation:isolate}.btn-shimmer:after{content:"";position:absolute;top:0;bottom:0;width:60px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:translate(-140px) skew(-18deg);animation:shimmer 4.5s ease-in-out infinite;pointer-events:none}@keyframes shimmer{0%,55%{transform:translate(-140px) skew(-18deg)}85%,to{transform:translate(320px) skew(-18deg)}}.panel-wrap{position:relative}.float-card{position:absolute;z-index:2;background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600;box-shadow:0 12px 30px #00000059;animation:floaty 5s ease-in-out infinite}.float-card-1{top:-18px;right:-10px}.float-card-2{bottom:56px;left:-16px;animation-delay:2.5s}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:820px){.float-card-1{right:6px}.float-card-2{left:6px}}@media (prefers-reduced-motion:reduce){.stagger{animation:none}.btn-shimmer:after{animation:none}.float-card{animation:none}}.halloween{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.moon{position:fixed;top:84px;right:6%;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fffbe8,#f3e5b5 55%,#d9c07a);box-shadow:0 0 40px 12px #f3e5b559;opacity:.9}.ghost{position:fixed;width:52px;opacity:.85;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45));animation:drift 11s ease-in-out infinite}.ghost-1{top:22%;left:6%}.ghost-2{top:58%;left:88%;width:40px;animation-delay:3s;animation-duration:13s}.ghost-3{top:76%;left:14%;width:38px;animation-delay:6s;animation-duration:15s}@keyframes drift{0%,to{transform:translate(0) rotate(-3deg)}50%{transform:translate(18px,-22px) rotate(4deg)}}.bat{position:fixed;width:64px;opacity:.9;animation:fly 16s linear infinite}.bat-1{top:14%;animation-delay:0s}.bat-2{top:30%;width:46px;animation-delay:8s;animation-duration:21s}@keyframes fly{0%{left:-12%;transform:translateY(0) rotate(0)}25%{transform:translateY(-24px) rotate(-6deg)}50%{transform:translateY(10px) rotate(4deg)}75%{transform:translateY(-14px) rotate(-3deg)}to{left:112%;transform:translateY(0) rotate(0)}}.fog{position:fixed;left:-10%;width:120%;height:190px;bottom:-30px;background:radial-gradient(ellipse at center,rgba(180,190,220,.14),transparent 70%);filter:blur(28px);animation:fogDrift 26s ease-in-out infinite alternate}.fog-2{bottom:90px;animation-duration:34s;animation-delay:-12s;opacity:.7}@keyframes fogDrift{0%{transform:translate(-4%)}to{transform:translate(4%)}}.ember{position:fixed;top:-12px;border-radius:50%;background:radial-gradient(circle,#ffd27a,#ff7518 60%,transparent 75%);animation-name:emberFall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes emberFall{0%{transform:translateY(-12px);opacity:0}12%{opacity:1}to{transform:translate(-30px,105vh);opacity:0}}.pumpkin{position:absolute;right:42px;bottom:18px;width:96px;filter:drop-shadow(0 0 22px rgba(255,117,24,.65));animation:flicker 3.2s ease-in-out infinite}@keyframes flicker{0%,to{filter:drop-shadow(0 0 22px rgba(255,117,24,.65))}48%{filter:drop-shadow(0 0 30px rgba(255,117,24,.9))}52%{filter:drop-shadow(0 0 14px rgba(255,117,24,.45))}56%{filter:drop-shadow(0 0 26px rgba(255,117,24,.8))}}.hw-badge{display:inline-block;background:#ff751824;border:1px solid rgba(255,117,24,.5);color:#ffb066;font-weight:700;font-size:13px;letter-spacing:.06em;padding:6px 14px;border-radius:20px;margin:0 0 18px}.tech-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(77,141,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(77,141,255,.09) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 30%,transparent 75%);pointer-events:none}.rotator{color:var(--muted);font-size:18px;margin:0 0 4px}.rotator-words{position:relative;display:inline-block;min-width:248px;height:1.6em;vertical-align:bottom;color:var(--ray);font-weight:700}.rot-word{position:absolute;left:0;top:0;white-space:nowrap;opacity:0;animation:rotWord 15s ease-in-out infinite}.rot-word-1{animation-delay:0s}.rot-word-2{animation-delay:3s}.rot-word-3{animation-delay:6s}.rot-word-4{animation-delay:9s}.rot-word-5{animation-delay:12s}@keyframes rotWord{0%{opacity:0;transform:translateY(10px)}4%,16%{opacity:1;transform:translateY(0)}20%,to{opacity:0;transform:translateY(-10px)}}.panel{position:relative;overflow:hidden}.scanline{position:absolute;left:0;right:0;height:56px;background:linear-gradient(180deg,transparent,rgba(77,141,255,.12),transparent);animation:scan 5s ease-in-out infinite;pointer-events:none}@keyframes scan{0%,to{top:-60px}50%{top:100%}}.pulse-dot{box-shadow:0 0 #22c55e80;animation:pulseDot 2s ease-out infinite}@keyframes pulseDot{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 9px #22c55e00}to{box-shadow:0 0 #22c55e00}}.card:hover{box-shadow:0 0 0 1px #4d8dff59,0 14px 34px #00000059}@media (max-width:820px){.pumpkin{width:64px;right:12px;bottom:8px}.moon{width:48px;height:48px}.rotator-words{min-width:0;display:block;height:1.6em}}@media (prefers-reduced-motion:reduce){.ghost,.bat,.fog,.ember,.pumpkin,.scanline,.pulse-dot,.rot-word{animation:none}.rot-word-1{opacity:1}}.nav-inner{height:88px}.brand{font-size:20px}.hero{padding:172px 0 150px}.hero-grid{position:relative;z-index:1}.hw-title{font-size:46px;font-weight:800;letter-spacing:.02em;line-height:1.1;color:#ff7518;text-shadow:0 0 18px rgba(255,117,24,.55),0 2px 0 #7a2d00;margin:0 0 10px;animation:titleWobble 5s ease-in-out infinite}@keyframes titleWobble{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}.witch{position:fixed;top:15%;width:130px;opacity:.95;animation:witchFly 28s linear infinite;z-index:2}@keyframes witchFly{0%{left:-16%;transform:translateY(0)}25%{transform:translateY(-18px)}50%{transform:translateY(12px)}75%{transform:translateY(-10px)}to{left:112%;transform:translateY(0)}}.spider-wrap{position:fixed;top:0;right:9%;width:36px;z-index:3}.spider-thread{width:1px;margin:0 auto;background:#93a4bb99;animation:threadGrow 7s ease-in-out infinite}@keyframes threadGrow{0%,to{height:70px}50%{height:150px}}.spider-wrap svg{width:36px;display:block;margin-top:-2px}.candy-ghost{position:fixed;bottom:9%;left:0;display:flex;align-items:center;gap:3px;animation:candyCross 30s linear infinite;z-index:2}.candy-ghost svg{width:54px}.candy-dot{width:10px;height:10px;border-radius:50%}.candy-orange{background:#ff7518}.candy-purple{background:#a855f7}.candy-green{background:#22c55e}.candy-bag{font-size:22px;margin-left:2px}@keyframes candyCross{0%{transform:translate(-15vw)}to{transform:translate(115vw)}}.haunted-house{position:absolute;left:0;bottom:0;width:280px;z-index:0;opacity:.98}.hw-window{animation:winFlicker 4.5s ease-in-out infinite}@keyframes winFlicker{0%,to{opacity:1}50%{opacity:.55}92%{opacity:1}94%{opacity:.4}96%{opacity:1}}.lightning{position:absolute;top:0;right:0;bottom:0;left:0;background:#cfe0ff;opacity:0;pointer-events:none;animation:flash 11s infinite}@keyframes flash{0%,88%,to{opacity:0}90%{opacity:.18}92%{opacity:0}94%{opacity:.12}96%{opacity:0}}.pumpkin-patch{position:absolute;right:28px;bottom:12px;display:flex;align-items:flex-end;gap:8px;z-index:1}.pumpkin{position:static;width:auto}.pumpkin svg{display:block;width:100%;height:auto}.pumpkin-big{width:132px}.pumpkin-mini{width:62px;opacity:.95}@media (max-width:820px){.hero{padding-top:140px}.hw-title{font-size:34px}.haunted-house{display:none}.witch{width:90px}.pumpkin-big{width:88px}.pumpkin-mini{width:44px}.spider-wrap{right:4%}}@media (prefers-reduced-motion:reduce){.hw-title,.witch,.spider-thread,.candy-ghost,.hw-window,.lightning{animation:none}}.witch{width:auto}.witch-lottie{width:170px;height:113px}.candy-lottie{width:130px;height:130px}.hero-pumpkin{position:absolute;right:28px;bottom:12px;width:240px;height:240px;z-index:1}.hero-pumpkin-lottie{width:100%;height:100%}.haunted-band{position:relative;overflow:hidden;background:#05070d}.haunted-band-lottie{width:100%;height:420px}.final-cta{position:relative;overflow:hidden}.final-cta .container{position:relative;z-index:1}.muertos{position:absolute;right:24px;top:50%;transform:translateY(-50%);width:170px;height:170px;z-index:0;opacity:.95}.muertos-lottie{width:100%;height:100%}@media (max-width:820px){.hero-pumpkin{width:150px;height:150px;right:12px}.haunted-band-lottie{height:240px}.muertos{display:none}}.witch-bg{position:fixed;top:16%;z-index:-1;pointer-events:none;opacity:.5;animation:witchBg 48s linear infinite}.witch-bg-lottie{width:84px;height:56px}@keyframes witchBg{0%{left:-12%;transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(8px)}75%{transform:translateY(-6px)}to{left:112%;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.witch-bg{animation:none}}
