:root{
  --void:#000;--hair:#292d30;--white:#fff;--bone:#f0f0f0;--ash:#a1a4a5;--smoke:#abafb4;
  --violet:#9281f7;--glow:#baa7ff;--green:#3ad389;
  --grad:linear-gradient(to right bottom,#9281f7,#9a54dc);
  --inter:'Inter',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --serif:'Playfair Display','Domaine','GT Sectra',Georgia,serif;
  --mono:'JetBrains Mono','Commit Mono',ui-monospace,Menlo,Consolas,monospace;
  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:border-box}
body{margin:0;background:var(--void);color:var(--bone);font:400 16px/1.5 var(--inter);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
section{padding:96px 0}
nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
.logo{font-weight:600;letter-spacing:.02em;color:var(--white)}
nav .links{display:flex;gap:28px;font-size:14px}
nav .links a{color:var(--bone)}nav .links a:hover{color:var(--white)}
.btn{display:inline-block;border:1px solid var(--hair);border-radius:6px;padding:12px 16px;color:var(--white);font-size:14px;font-weight:500;background:transparent;transition:border-color .15s ease-out}
.btn:hover,.btn:focus-visible{border-color:var(--white);outline:none}
.pill{display:inline-block;border:1px solid var(--hair);border-radius:9999px;padding:6px 12px;font-size:14px;color:var(--bone)}
.pill b{font-weight:400;color:var(--violet)}
h1,h2{font-weight:400;margin:0;color:var(--white)}
h1{font-family:var(--serif);font-size:clamp(48px,9vw,96px);line-height:1;letter-spacing:-.01em}
h2{font-size:clamp(36px,6vw,56px);line-height:1.2;letter-spacing:-.05em}
.hero{padding:72px 0 96px;display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.hero p.lead{font-size:18px;color:var(--ash);max-width:520px;margin:28px 0}
.tags{font-family:var(--mono);font-size:13px;color:var(--violet);margin:0 0 32px}
.logo-stage{justify-self:center;width:100%;max-width:400px;perspective:1000px}
.logo-stage img{display:block;width:100%;height:auto;mix-blend-mode:lighten;opacity:0;animation:reveal 1.2s cubic-bezier(.2,.7,.2,1) .1s forwards,sway 9s ease-in-out 1.3s infinite alternate}
@keyframes reveal{from{opacity:0;transform:scale(.9) rotateY(-40deg)}to{opacity:1;transform:none}}
@keyframes sway{from{transform:rotateY(-14deg)}to{transform:rotateY(14deg)}}
.nav-logo{display:flex;align-items:center;gap:10px}
.nav-logo img{width:36px;height:36px;display:block}
.cols{display:grid;grid-template-columns:1fr 1.2fr;gap:64px}
.cols p{color:var(--ash);margin:0 0 16px;max-width:560px}
.cols h3{font-size:24px;font-weight:500;color:var(--white);margin:0 0 16px}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:48px}
.card{border:1px solid var(--hair);border-radius:16px;padding:32px;background:#000}
.steps .card{padding:24px}
.steps .n{display:grid;place-items:center;width:32px;height:32px;border-radius:16px;background:var(--grad);color:#fff;font-family:var(--mono);font-size:13px;margin-bottom:20px}
.steps h4,.plan h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--white)}
.steps p{margin:0;font-size:14px;color:var(--ash);line-height:1.5}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.plan{display:flex;flex-direction:column}
.plan.pop{border-color:var(--violet)}
.plan h3{font-size:20px}
.price{font-size:56px;letter-spacing:-.05em;color:var(--white);line-height:1.2;margin:16px 0 4px}
.price small{font-family:var(--mono);font-size:14px;letter-spacing:0;color:var(--ash)}
.badge{font-family:var(--mono);font-size:12px;color:var(--violet);margin-left:8px}
.plan ul{list-style:none;padding:0;margin:24px 0 32px;display:grid;gap:12px;font-size:14px;flex:1}
.plan li{color:var(--bone);padding-left:22px;position:relative}
.plan li::before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--green)}
.plan li.base{color:var(--ash)}
.plan .btn{text-align:center}
.custom{margin-top:16px;display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap}
.custom h3{margin:0 0 4px;font-size:18px;font-weight:500;color:var(--white)}
.custom p{margin:0;color:var(--ash);font-size:14px}
.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:640px;margin:28px auto 0;text-align:left}
.contact-card{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--hair);border-radius:14px;background:rgba(255,255,255,.02);transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none}
.contact-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.05)}
.contact-card.whatsapp:hover{border-color:rgba(37,211,102,.5);box-shadow:0 8px 24px -6px rgba(37,211,102,.25)}
.contact-card.email:hover{border-color:rgba(66,133,244,.55);box-shadow:0 8px 24px -6px rgba(66,133,244,.25)}
.c-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;transition:transform .2s ease}
.contact-card:hover .c-icon{transform:scale(1.08)}
.wa-icon{background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.28);color:#25d366}
.mail-icon{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff}
.c-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.c-label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--ash);font-weight:600}
.c-val{font-size:15px;color:var(--white);font-family:var(--mono);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-arrow{color:var(--ash);font-size:20px;line-height:1;transition:transform .2s ease,color .2s ease}
.contact-card:hover .c-arrow{color:var(--white);transform:translateX(3px)}
@media(max-width:620px){.contact-cards{grid-template-columns:1fr}}
.cta-sec{text-align:center}
.cta-sec p{color:var(--ash);margin:20px auto 0;max-width:480px}
footer{border-top:1px solid var(--hair);padding:28px 0;font-size:14px;color:var(--ash);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
@media(max-width:900px){.hero,.cols{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.plans{grid-template-columns:1fr}.logo-stage{max-width:240px;order:-1}section{padding:64px 0}}
@media(max-width:520px){.steps{grid-template-columns:1fr}nav .links{display:none}}
@media(prefers-reduced-motion:reduce){.logo-stage img{animation:none;opacity:1}}

.logo-stage{position:relative;max-width:460px}
.ring{position:absolute;inset:-1%;border-radius:50%;border:1px solid var(--hair);animation:turn 16s linear infinite;pointer-events:none}
.ring::after{content:"";position:absolute;top:-4px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--violet)}
@keyframes turn{to{transform:rotate(360deg)}}
h1{max-width:11em;text-wrap:balance;font-size:clamp(36px,6.2vw,80px)}
.steps .card{position:relative}
.steps .n{position:relative;z-index:1}
.steps .card:not(:last-child)::after{content:"";position:absolute;left:56px;top:40px;width:calc(100% - 16px);height:1px;background:var(--hair)}
.js .plans.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease-out,transform .7s ease-out}
.js .plans.rv.in{opacity:1;transform:none}
.work{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px}
.work .frame{aspect-ratio:9/16;border:1px solid var(--hair);border-radius:16px;overflow:hidden;position:relative;background:#000;box-shadow:0 12px 32px -8px rgba(0,0,0,.6);transition:border-color .2s ease,transform .2s ease}
.work .frame:hover{border-color:rgba(255,255,255,.2);transform:translateY(-3px)}
.work video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border:0;background:#000}
.work video:fullscreen,.work video:-webkit-full-screen{object-fit:contain!important}
.work-note{color:var(--ash);margin:24px 0 0;font-size:14px;text-align:center}
.faq{margin-top:40px;display:grid;gap:12px;max-width:800px}
.faq details{border:1px solid var(--hair);border-radius:16px;padding:20px 24px}
.faq summary{cursor:pointer;font-weight:500;color:var(--white);list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--violet)}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:12px 0 0;color:var(--ash);font-size:15px}
.sticky{display:none}
@media(max-width:900px){.work{grid-template-columns:repeat(2,1fr)}.steps .card::after{display:none!important}
@media(max-width:520px){.work{grid-template-columns:1fr;max-width:320px;margin-left:auto;margin-right:auto}}
.sticky{display:block;position:fixed;left:0;right:0;bottom:0;z-index:20;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:rgba(0,0,0,.95);backdrop-filter:blur(25px);border-top:1px solid var(--hair)}
.sticky a{display:block;text-align:center}body{padding-bottom:76px}}
@media(prefers-reduced-motion:reduce){.ring{animation:none}.js .plans.rv{opacity:1;transform:none;transition:none}}
@media(max-width:900px){nav{gap:16px}nav .links{gap:18px;overflow-x:auto;white-space:nowrap;min-width:0;scrollbar-width:none}nav .links::-webkit-scrollbar{display:none}h1,h2,.price{overflow-wrap:break-word}}

.order{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start}
.order .intro p{color:var(--ash);max-width:420px;margin:20px 0 0}
.order form{display:grid;gap:20px}
.f label.l,.f legend{display:block;font-size:14px;font-weight:500;color:var(--white);margin:0 0 8px;padding:0}
.f fieldset{border:0;margin:0;padding:0;min-width:0}
.f input[type=text],.f input[type=number],.f input[type=url],.f textarea{width:100%;background:#000;color:var(--white);border:1px solid var(--hair);border-radius:6px;padding:12px 14px;font:400 16px var(--inter);transition:border-color .15s ease-out}
.f textarea{min-height:96px;resize:vertical}
.f input:focus,.f textarea:focus{outline:none;border-color:var(--white)}
.f ::placeholder{color:#6e727a}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield;appearance:textfield}
.stepper{display:flex;align-items:stretch;border:1px solid var(--hair);border-radius:6px;background:#000;transition:border-color .15s ease-out;overflow:hidden;height:46px}
.stepper:focus-within{border-color:var(--white)}
.stepper.bad{border-color:#ff9592}
.stepper input[type=number]{border:0!important;border-radius:0!important;text-align:center;font-family:var(--mono);font-size:16px;font-weight:500;padding:0;background:transparent!important;color:var(--white);width:100%;height:100%}
.step-btn{background:transparent;border:0;color:var(--ash);width:44px;font-size:20px;font-family:var(--mono);cursor:pointer;display:grid;place-items:center;user-select:none;-webkit-user-select:none;transition:background .15s ease-out,color .15s ease-out;padding:0}
.step-btn:hover{background:rgba(255,255,255,.08);color:var(--white)}
.step-btn:active{background:rgba(255,255,255,.16);color:var(--white)}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.opts label{cursor:pointer;position:relative}
.opts input{position:absolute;opacity:0;pointer-events:none}
.opts span{display:block;border:1px solid var(--hair);border-radius:6px;padding:12px 14px;font-size:14px;color:var(--bone);transition:border-color .15s ease-out}
.opts span small{display:block;font-family:var(--mono);font-size:12px;color:var(--ash);margin-top:2px}
.opts input:checked+span{border-color:var(--violet);color:var(--white)}
.opts input:focus-visible+span{border-color:var(--white)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.est{font-family:var(--mono);font-size:14px;color:var(--ash);border:1px solid var(--hair);border-radius:6px;padding:12px 14px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.est b{font-weight:400;color:var(--violet)}
.err{color:#ff9592;font-size:14px;margin:0;min-height:0}
button.btn{cursor:pointer;font-family:var(--inter);width:100%}
.hint{font-size:13px;color:var(--ash);margin:0;text-align:center}
.order-perks{margin-top:36px;display:grid;gap:14px}
.perk{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border:1px solid var(--hair);border-radius:12px;background:rgba(255,255,255,.02);transition:border-color .2s ease,background .2s ease}
.perk:hover{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.04)}
.perk-i{width:34px;height:34px;border-radius:8px;background:rgba(146,129,247,.12);border:1px solid rgba(146,129,247,.28);color:var(--violet);display:grid;place-items:center;font-size:15px;flex-shrink:0}
.perk h4{margin:0 0 3px;font-size:14px;font-weight:600;color:var(--white)}
.perk p{margin:0!important;font-size:13px!important;color:var(--ash)!important;line-height:1.45!important}
@media(max-width:900px){.order{grid-template-columns:1fr;gap:32px}.order-perks{margin-top:24px}}
@media(max-width:520px){.row2{grid-template-columns:1fr}}

html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 76px)}
*{-webkit-tap-highlight-color:transparent}
nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:25;background:rgba(0,0,0,.88);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}
.menu{display:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;border:1px solid var(--hair);border-radius:6px;background:transparent;cursor:pointer;padding:0}
.menu span{display:block;width:18px;height:1.5px;background:var(--white);transition:transform .2s ease-out}
.menu[aria-expanded=true] span:nth-child(1){transform:translateY(3.75px) rotate(45deg)}
.menu[aria-expanded=true] span:nth-child(2){transform:translateY(-3.75px) rotate(-45deg)}
.mpanel{position:absolute;top:calc(100% - 4px);left:0;right:0;display:grid;padding:8px;background:rgba(0,0,0,.97);border:1px solid var(--hair);border-radius:16px}
.mpanel[hidden]{display:none}
.mpanel a{padding:14px 16px;border-radius:6px;color:var(--bone);font-size:16px}
.mpanel a:active{background:rgba(255,255,255,.08);color:var(--white)}
@media(max-width:900px){nav .links{display:none}.menu{display:flex}}
.btn:active{transform:scale(.98);border-color:var(--white);background:rgba(255,255,255,.07)}
.opts label:active span{border-color:var(--white)}
.faq summary:active{opacity:.7}
nav .links a:active{color:var(--white)}
.hero{padding-bottom:64px}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:28px 0;border-block:1px solid var(--hair)}
.trust-card{display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid var(--hair);border-radius:14px;background:rgba(255,255,255,.015);transition:all .2s cubic-bezier(.16,1,.3,1)}
.trust-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.2);box-shadow:0 10px 28px -6px rgba(0,0,0,.7)}
.t-icon{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--white);display:grid;place-items:center;flex-shrink:0;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.trust-card:hover .t-icon{transform:scale(1.08);background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.25)}
.t-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.t-text h4{margin:0;font-size:15px;font-weight:600;color:var(--white);letter-spacing:.01em}
.t-text p{margin:0;font-size:13px;color:var(--ash);line-height:1.4}
@media(max-width:900px){.trust{grid-template-columns:1fr;gap:12px}}
.about-h{font-size:24px;letter-spacing:0;font-weight:500;color:var(--ash)}
.statement{font-family:var(--serif);font-size:clamp(28px,4.6vw,52px);line-height:1.15;letter-spacing:-.01em;color:var(--white);max-width:22em;margin:24px 0 56px;text-wrap:balance;font-weight:400}
.about-cols{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.about-cols p{margin:0;color:var(--ash);max-width:480px}
@media(max-width:900px){.about-cols{grid-template-columns:1fr;gap:20px}.statement{margin-bottom:32px}}
.ferr{color:#ff9592;font-size:13px;margin:6px 0 0}
.ferr:empty{display:none}
.help{font-size:13px;color:var(--ash);margin:6px 0 0}
.f input.bad,.f textarea.bad{border-color:#ff9592}
.ft{align-items:center}
.ft-brand{display:flex;align-items:center;gap:12px}
.ft-brand img{width:40px;height:40px;display:block;flex-shrink:0}
.ft-brand b{display:block;color:var(--white);font-weight:600;letter-spacing:.02em}
.ft-brand span{font-size:14px;color:var(--ash)}
.ft-links{display:flex;gap:24px;flex-wrap:wrap}
.ft-links a{color:var(--ash)}.ft-links a:hover,.ft-links a:active{color:var(--white)}
.ft-copy{flex-basis:100%;font-size:13px;color:#6e727a;border-top:1px solid var(--hair);padding-top:20px;margin-top:8px}

nav .links a{position:relative;padding:6px 0;transition:color .15s ease-out}
nav .links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--white);transform:scaleX(0);transform-origin:left;transition:transform .25s ease-out}
nav .links a.active{color:var(--white)}
nav .links a.active::after{transform:scaleX(1)}
.mpanel a.active{color:var(--white);background:rgba(255,255,255,.07)}
@media(prefers-reduced-motion:reduce){nav .links a::after{transition:none}}

.status{margin:0;text-align:center;font-size:14px;color:var(--ash)}
.status:empty{display:none}
.status a{color:var(--white);text-decoration:underline;text-underline-offset:3px}
.btn:disabled{opacity:.6;cursor:default}
.sticky{transition:transform .25s ease-out}
.sticky.off{transform:translateY(110%);pointer-events:none}
@media(prefers-reduced-motion:reduce){.sticky{transition:none}}

@media(max-width:900px){
.sticky{left:auto;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));padding:0;background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform .25s ease-out,opacity .25s ease-out}
.sticky a{display:inline-block;width:auto;background:#000;border-color:#6e727a;padding:12px 18px}
.sticky.off{opacity:0;transform:translateY(calc(100% + 80px))}
body{padding-bottom:72px}}