/* hybridlabs.tech — generado por scripts/build-pages-v7.py desde styles.src.css (no editar aquí) */
@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/fonts/archivo-variable-latin-ext-wdth-wght.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/fonts/archivo-variable-latin-wdth-wght.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--paper:#F3F2F2;--white:#FFFFFF;--ink:#201E1D;--night:#191615;--red:#EC3013;--redd:#C4250B;--redh:#A81F08;--hi:#FF6A4D;--peach:#FFCFB9;--sky:#C1E0FF;--tx:#201E1D;--soft:#4A4542;--mut:#5C5753;--mutn:#B5AFAA;--line:rgba(32,30,29,.14);--linen:rgba(243,242,242,.14);--ease:cubic-bezier(.2,.7,.2,1);--halo:0 0 .015em #fff,0 0 .07em #FFC3B2,0 0 .18em #FF7F63,0 0 .4em rgba(236,48,19,.8),0 0 .85em rgba(236,48,19,.5),0 0 1.5em rgba(236,48,19,.28);--halon:0 0 .012em #ffe0d4,0 0 .05em #ff7a58,0 0 .14em #ff4a22,0 0 .34em #EC3013,0 0 .7em rgba(236,48,19,.9),0 0 1.3em rgba(236,48,19,.6)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--tx);font-family:Archivo,system-ui,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--tx);text-decoration:none}
a:hover{color:var(--redd)}
a:focus-visible,button:focus-visible{outline:2px solid var(--redd);outline-offset:3px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p{margin:0}
.v7{overflow:clip}
.shell{position:relative;max-width:1240px;margin:0 auto;padding:0 32px}
.lab{font-size:11.5px;font-stretch:118%;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--mut)}
.lab-red{color:var(--redd)}
.lab-hi{color:var(--hi)}
.hi{color:var(--redd)}
.nav{position:sticky;top:0;z-index:40;background:rgba(243,242,242,.76);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:66px}
.logo{width:158px}
.nav-links{display:flex;gap:30px;font-size:15px;font-weight:500}
.nav-right{display:flex;align-items:center;gap:18px}
.lang{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--mut)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 28px;border-radius:10px;border:0;font-family:inherit;font-weight:700;font-size:16.5px;white-space:nowrap;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s,background .2s,color .2s}
.btn-sm{height:42px;padding:0 18px;font-size:14.5px;border-radius:8px}
.btn-red{background:var(--redd);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 14px 34px -10px rgba(196,37,11,.8)}
.btn-red:hover{background:var(--redh);color:#fff;transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.36),0 22px 50px -10px rgba(196,37,11,.95)}
.btn-ghost{box-shadow:inset 0 0 0 1px rgba(243,242,242,.34);color:#F3F2F2}
.btn-ghost:hover{color:#fff;box-shadow:inset 0 0 0 1px var(--hi)}
.btn-ink{background:var(--ink);color:var(--paper)}
.btn-ink:hover{background:var(--redd);color:#fff}
.btn-full{width:100%}
.arrow{font-weight:700;border-bottom:1.5px solid rgba(32,30,29,.32);padding-bottom:3px}
.arrow:hover{border-bottom-color:var(--redd)}
.burger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:46px;height:46px;padding:0;border:0;border-radius:10px;background:var(--ink);cursor:pointer}
.burger-l{width:20px;height:2px;border-radius:2px;background:var(--paper);transition:transform .3s var(--ease)}
.menu{display:none}
.mesh{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(46% 62% at 80% 34%,var(--peach),rgba(255,207,185,0) 72%),radial-gradient(30% 44% at 98% 66%,var(--sky),rgba(193,224,255,0) 72%),radial-gradient(26% 36% at 64% 74%,rgba(255,106,77,.6),rgba(255,106,77,0) 72%)}
.mesh-c{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s ease}
.mesh-on .mesh-c{opacity:1}
.hero{position:relative;padding-top:34px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center;z-index:1}
.hero-copy{position:relative;z-index:3;padding:10px 0 60px}
.h1{font-size:clamp(40px,5vw,70px);line-height:.97;letter-spacing:-.038em;font-weight:800;margin:20px 0 24px;text-wrap:balance}
.lead{font-size:19.5px;line-height:1.48;color:var(--soft);max-width:31em;text-wrap:pretty}
.cta-row{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin-top:34px}
.stage{position:relative;height:680px;perspective:1800px;margin-right:-70px}
.stage-in{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(calc(var(--mx,0)*5deg)) rotateX(calc(var(--my,0)*-4deg));transition:transform .6s ease-out}
.glow{position:absolute;left:44%;top:52%;width:940px;height:940px;transform:translate(-50%,-50%) translateZ(-220px);background:radial-gradient(closest-side,rgba(255,106,77,.8),rgba(255,150,120,.42) 36%,rgba(255,190,170,0));filter:blur(10px)}
.browser{display:block;border-radius:12px;background:#fff;border:1px solid rgba(32,30,29,.1);overflow:hidden}
.bar{display:flex;align-items:center;gap:7px;height:34px;padding:0 14px;background:#FBFAFA;border-bottom:1px solid rgba(32,30,29,.08)}
.dot{width:9px;height:9px;border-radius:50%;background:#DAD6D3}
.bar-t{margin-left:10px;font-size:12px;color:#6B6561;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shot{width:100%}
.br-a{position:absolute;left:176px;top:52px;width:640px;transform:rotateY(-24deg) rotateX(6deg) rotateZ(1.5deg);transform-origin:left center;box-shadow:-3px 0 0 0 rgba(255,255,255,.95),-60px 20px 120px -20px rgba(236,48,19,.6),0 80px 110px -40px rgba(32,30,29,.5)}
.br-b{position:absolute;left:330px;top:356px;width:540px;transform:translateZ(-150px) rotateY(-24deg) rotateX(6deg) rotateZ(1.5deg);transform-origin:left center;box-shadow:-3px 0 0 0 rgba(255,255,255,.9),0 70px 100px -40px rgba(32,30,29,.45)}
.phone{display:block;padding:8px;border-radius:40px;background:var(--ink);border:1px solid rgba(255,255,255,.22)}
.phone-img{width:100%;border-radius:32px}
.ph-hero{position:absolute;left:14px;bottom:34px;width:250px;transform:translateZ(70px) rotateY(17deg) rotateX(3deg) rotateZ(-3deg);box-shadow:4px 0 0 0 rgba(255,255,255,.75),60px 10px 120px -20px rgba(236,48,19,.7),-30px 70px 90px -30px rgba(32,30,29,.6)}
.tag{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid var(--line);font-size:11px;font-stretch:115%;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transform:translateZ(90px);box-shadow:0 14px 30px -16px rgba(32,30,29,.4)}
.tag-dot{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 10px 2px rgba(236,48,19,.6)}
.tag-a{left:292px;bottom:46px}
.tag-b{right:120px;top:14px}
.conds{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:6px;border-radius:20px;background:rgba(255,255,255,.72);border:1px solid #fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 40px 70px -50px rgba(32,30,29,.4)}
.cond{padding:26px 26px 28px;border-left:1px solid var(--line)}
.cond:first-child{border-left:0}
.cond-n{display:block;font-size:12px;font-weight:700;color:var(--redd);margin-bottom:12px;font-stretch:118%;letter-spacing:.1em}
.cond-t{font-size:21px;font-weight:700;letter-spacing:-.022em;line-height:1.12;margin-bottom:6px}
.cond-d{font-size:15.5px;color:var(--mut)}
.sign-k{margin-bottom:64px}
.ex-br{position:absolute;left:48px;top:50px;width:640px;box-shadow:0 50px 80px -40px rgba(32,30,29,.6);transition:transform .6s var(--ease)}
.ex-ph{position:absolute;right:38px;bottom:-96px;width:196px;padding:7px;border-radius:34px;box-shadow:-30px 40px 70px -30px rgba(32,30,29,.7);transition:transform .6s var(--ease)}
.ex-ph .phone-img{border-radius:27px}
.fee-grid{display:grid;grid-template-columns:minmax(0,.66fr) minmax(0,1.34fr);gap:64px;align-items:start}
.ph-vk{width:250px;border-radius:44px;background:#090808;border-color:rgba(255,255,255,.22)}
.ph-vk .phone-img{border-radius:36px}
.ph-l{transform:rotateY(14deg);box-shadow:3px 0 0 0 rgba(255,176,150,.6),50px 0 110px -20px rgba(236,48,19,.85),-30px 60px 80px -30px #000}
.ph-r{transform:rotateY(-14deg);box-shadow:-3px 0 0 0 rgba(255,176,150,.6),-50px 0 110px -20px rgba(236,48,19,.85),30px 60px 80px -30px #000}
.ask-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:70px;align-items:center;z-index:1}
.foot-logo{width:176px;margin-bottom:18px}
.foot-h{margin-bottom:14px;color:var(--mutn)}
.rv-on [data-rv]{opacity:0;translate:0 26px;transition:opacity .9s var(--ease),translate .9s var(--ease)}
.rv-on [data-rv].in{opacity:1;translate:0 0}
@media (prefers-reduced-motion:no-preference){@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes lit{0%{opacity:0}10%{opacity:.9}16%{opacity:.35}26%{opacity:1}32%{opacity:.7}42%,100%{opacity:1}}
@keyframes floatA{from{translate:0 0}to{translate:0 -14px}}
@keyframes floatB{from{translate:0 0}to{translate:0 10px}}
@keyframes breathe{from{opacity:.82}to{opacity:1}}
@keyframes signcycle{0%{opacity:0}.5%{opacity:1}1.2%{opacity:.3}1.9%{opacity:1}2.6%{opacity:.65}3.3%,13.9%{opacity:1}14.28%,100%{opacity:0}}
.hero-copy{animation:rise .9s var(--ease) both}
.stage{animation:rise 1.1s .1s var(--ease) both}
.glow{animation:lit 1.4s linear both,breathe 4s 1.4s ease-in-out infinite alternate}
.ph-hero{animation:floatA 5.5s ease-in-out infinite alternate}
.br-b{animation:floatB 7s ease-in-out infinite alternate}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.btn,.ex-br,.ex-ph,.stage-in,.mesh-c{transition:none}}
@media (max-width:1020px){.nav-links,.lang{display:none}
.burger{display:inline-flex}
.menu-open .burger-l:first-child{transform:translateY(4px) rotate(45deg)}
.menu-open .burger-l:last-child{transform:translateY(-4px) rotate(-45deg)}
.menu{position:fixed;inset:66px 0 0 0;z-index:39;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:18px 32px 32px;overflow-y:auto;background:radial-gradient(90% 46% at 100% 100%,var(--peach),rgba(255,207,185,0) 70%),radial-gradient(60% 34% at 0 100%,var(--sky),rgba(193,224,255,0) 70%),var(--paper);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .4s var(--ease),visibility 0s .4s}
.menu-open .menu{opacity:1;visibility:visible;transform:none;transition:opacity .3s ease,transform .4s var(--ease),visibility 0s}
.menu-links{display:grid}
.menu-a{display:flex;align-items:baseline;gap:18px;min-height:76px;padding:16px 0;border-bottom:1px solid var(--line);font-size:42px;font-weight:800;letter-spacing:-.04em;line-height:1}
.menu-n{font-size:12px;font-weight:700;font-stretch:118%;letter-spacing:.1em;color:var(--redd)}
.menu-foot{display:grid;gap:16px}
.menu-meta{display:flex;justify-content:space-between;gap:16px;font-size:15px;color:var(--soft)}
.menu-en{font-weight:700;border-bottom:1.5px solid rgba(32,30,29,.32)}
.hero{padding-top:26px}
.hero-grid{grid-template-columns:minmax(0,1fr)}
.hero-copy{padding:8px 0 0}
.stage{height:600px;margin:14px -32px 0}
.glow{left:50%;top:54%;width:760px;height:760px}
.br-a{left:40%;top:36px;width:560px}
.br-b{display:none}
.ph-hero{left:8%;bottom:48px;width:244px}
.tag-a{left:auto;right:6%;bottom:30px}
.tag-b{right:6%;top:2px}
.conds{grid-template-columns:repeat(2,minmax(0,1fr))}
.cond{padding:22px 20px 24px;border-left:0;border-top:1px solid var(--line)}
.cond:nth-child(-n+2){border-top:0}
.cond:nth-child(even){border-left:1px solid var(--line)}
.sign-k{margin-bottom:46px}
.ex-br{left:32px;top:36px;width:600px}
.ex-ph{right:28px;bottom:-80px;width:172px}
.fee-grid{grid-template-columns:minmax(0,1fr);gap:104px}
.ph-vk{width:100%}
.ph-l,.ph-r{transform:none;box-shadow:0 0 0 1px rgba(255,130,100,.25),0 0 70px -10px rgba(236,48,19,.8),0 40px 60px -30px #000}
.ask-grid{grid-template-columns:minmax(0,1fr);gap:48px}}
@media (max-width:560px){body{font-size:16px}
.shell{padding:0 20px}
.logo{width:140px}
.nav-cta{display:none}
.menu{padding:10px 20px 24px}
.menu-a{font-size:38px;min-height:72px}
.lead{font-size:18px}
.btn-wide{width:100%}
.cta-row{gap:18px 26px;margin-top:28px}
.stage{height:540px;margin:8px -20px 0}
.glow{width:680px;height:680px}
.br-a{left:42%;top:30px;width:470px}
.ph-hero{left:5%;bottom:46px;width:222px}
.cond{padding:18px 16px 20px}
.cond-t{font-size:18.5px}
.cond-d{font-size:14.5px}
.ex-br{left:18px;top:22px;width:440px}
.ex-ph{right:14px;bottom:-70px;width:122px;padding:5px;border-radius:24px}
.ex-ph .phone-img{border-radius:19px}}
.phone{--w:250px;--sb:#15171A;--sbt:#FFFFFF;width:var(--w);padding:calc(var(--w)*.032);border:calc(var(--w)*.015) solid rgba(0,0,0,0);border-radius:calc(var(--w)*.178);background:linear-gradient(#050506,#050506) padding-box,linear-gradient(140deg,#D5D8DC 0%,#44474C 20%,#A9ADB3 44%,#26282B 66%,#C0C3C8 100%) border-box}
.phone::before{content:"";position:absolute;z-index:3;left:50%;top:calc(var(--w)*.067);width:calc(var(--w)*.29);height:calc(var(--w)*.084);transform:translateX(-50%);border-radius:999px;background:radial-gradient(circle at 77% 50%,#27304F 0 7%,#0B0C12 8% 15%,rgba(0,0,0,0) 16%),#000}
.ph-screen{position:relative;display:block;overflow:hidden;border-radius:calc(var(--w)*.132);background:var(--sb)}
.ph-screen::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.05) 17%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 72%,rgba(255,255,255,.06) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.ph-status{display:flex;align-items:center;justify-content:space-between;height:calc(var(--w)*.128);padding:0 calc(var(--w)*.085) 0 calc(var(--w)*.1);background:var(--sb);color:var(--sbt);font-size:calc(var(--w)*.044);font-weight:700;letter-spacing:-.01em;line-height:1}
.ph-batt{width:calc(var(--w)*.074);height:calc(var(--w)*.036);border-radius:calc(var(--w)*.011);box-shadow:inset 0 0 0 1px currentColor;background:linear-gradient(currentColor,currentColor) no-repeat 2px 2px/62% calc(100% - 4px)}
.phone .phone-img{display:block;width:100%;border-radius:0}
.ph-btn{position:absolute;z-index:-1;width:calc(var(--w)*.016);border-radius:2px;background:linear-gradient(90deg,#5B5E63,#B4B8BE 50%,#3A3C40)}
.ph-btn-l{left:calc(var(--w)*-.028);top:21%;height:8.5%;box-shadow:0 calc(var(--w)*.2) 0 0 #74777D}
.ph-btn-r{right:calc(var(--w)*-.028);top:27%;height:13%}
.ph-jar{--sb:#14261D}
.ph-res{--sb:#26130F}
.ph-gim{--sb:#15171A}
.ph-light{--sb:#F3F4F6;--sbt:#201E1D}
.ph-hero{--w:250px;box-shadow:0 0 0 1px rgba(0,0,0,.35),0 2px 3px rgba(0,0,0,.35),46px 14px 110px -24px rgba(236,48,19,.62),-18px 44px 60px -26px rgba(32,30,29,.55),-44px 90px 110px -50px rgba(32,30,29,.55)}
.ex-ph{--w:196px;box-shadow:0 0 0 1px rgba(0,0,0,.3),0 2px 3px rgba(0,0,0,.3),-16px 28px 44px -20px rgba(32,30,29,.55),-40px 60px 90px -44px rgba(32,30,29,.6)}
.ph-vk{--w:250px;position:relative}
.browser{border-radius:14px;border:1px solid rgba(32,30,29,.12)}
.bar{gap:8px;height:40px;padding:0 14px;background:linear-gradient(#FFFFFF,#F4F2F2);border-bottom:1px solid rgba(32,30,29,.09)}
.bar::after{content:"";flex:none;width:49px}
.dot{flex:none;width:11px;height:11px;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.12)}
.dot:nth-child(1){background:#F0685C}
.dot:nth-child(2){background:#F1BB48}
.dot:nth-child(3){background:#58C264}
.bar-t{flex:1;max-width:62%;margin:0 auto;padding:6px 12px;border-radius:8px;background:rgba(32,30,29,.06);text-align:center;font-size:11.5px;line-height:1.2;color:#5C5753}
@media (max-width:1020px){.ph-hero{--w:244px}
.ex-ph{--w:172px}
.ph-vk{--w:266px}}
@media (max-width:560px){.ph-hero{--w:222px}
.ex-ph{--w:122px}
.bar{height:34px;gap:6px;padding:0 11px}
.bar::after{width:39px}
.dot{width:9px;height:9px}
.bar-t{padding:4px 10px;font-size:10.5px}}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.skip{position:absolute;left:16px;top:-100px;z-index:60;padding:12px 16px;border-radius:6px;background:var(--ink);color:var(--paper);font-weight:700}
.skip:focus{top:12px;color:var(--paper)}
.logo,.foot-logo{aspect-ratio:300/34;object-fit:contain}
.ph-vk .phone-img{aspect-ratio:300/585;object-fit:cover}
.stage{--k:1.25}
@media (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5){.stage{--k:2}
@supports not (-webkit-touch-callout:none){.stage{--k:2.5}}}
@media (min-resolution:2.5dppx){@supports not (-webkit-touch-callout:none){.stage{--k:3.5}}}
.stage{--bra:640px;--brb:540px;--phw:250px;--bar-h:40px;--bar-g:8px;--bar-p:14px;--bar-a:49px;--dot:11px;--bt-py:6px;--bt-px:12px;--bt-f:11.5px}
@media (max-width:1020px){.stage{--bra:560px;--phw:244px}}
@media (max-width:560px){.stage{--bra:470px;--phw:222px;--bar-h:34px;--bar-g:6px;--bar-p:11px;--bar-a:39px;--dot:9px;--bt-py:4px;--bt-px:10px;--bt-f:10.5px}}
.stage .browser{border-width:calc(1px*var(--k));border-radius:calc(14px*var(--k));transform-origin:0 0}
.stage .bar{gap:calc(var(--bar-g)*var(--k));height:calc(var(--bar-h)*var(--k));padding:0 calc(var(--bar-p)*var(--k));border-bottom-width:calc(1px*var(--k))}
.stage .bar::after{width:calc(var(--bar-a)*var(--k))}
.stage .dot{width:calc(var(--dot)*var(--k));height:calc(var(--dot)*var(--k));box-shadow:inset 0 0 0 calc(.5px*var(--k)) rgba(0,0,0,.12)}
.stage .bar-t{padding:calc(var(--bt-py)*var(--k)) calc(var(--bt-px)*var(--k));border-radius:calc(8px*var(--k));font-size:calc(var(--bt-f)*var(--k))}
.br-a{width:calc(var(--bra)*var(--k));transform:translateY(calc(50%/var(--k))) rotateY(-24deg) rotateX(6deg) rotateZ(1.5deg) translateY(calc(-50%/var(--k))) scale(calc(1/var(--k)));box-shadow:calc(-3px*var(--k)) 0 0 0 rgba(255,255,255,.95),calc(-60px*var(--k)) calc(20px*var(--k)) calc(120px*var(--k)) calc(-20px*var(--k)) rgba(236,48,19,.6),0 calc(80px*var(--k)) calc(110px*var(--k)) calc(-40px*var(--k)) rgba(32,30,29,.5)}
.br-b{width:calc(var(--brb)*var(--k));transform:translateY(calc(50%/var(--k))) translateZ(-150px) rotateY(-24deg) rotateX(6deg) rotateZ(1.5deg) translateY(calc(-50%/var(--k))) scale(calc(1/var(--k)));box-shadow:calc(-3px*var(--k)) 0 0 0 rgba(255,255,255,.9),0 calc(70px*var(--k)) calc(100px*var(--k)) calc(-40px*var(--k)) rgba(32,30,29,.45)}
.stage .ph-hero{transform-origin:0 0}
.stage .ph-btn{border-radius:calc(2px*var(--k))}
.stage .ph-screen::after{box-shadow:inset 0 0 0 calc(1px*var(--k)) rgba(255,255,255,.07)}
.stage .ph-batt{box-shadow:inset 0 0 0 calc(1px*var(--k)) currentColor;background-position:calc(2px*var(--k)) calc(2px*var(--k));background-size:62% calc(100% - 4px*var(--k))}
.stage .ph-hero{--w:calc(var(--phw)*var(--k));transform:translate(calc(50%/var(--k)),calc(100% - 50%/var(--k))) translateZ(70px) rotateY(17deg) rotateX(3deg) rotateZ(-3deg) translate(calc(-50%/var(--k)),calc(-50%/var(--k))) scale(calc(1/var(--k)));box-shadow:0 0 0 calc(1px*var(--k)) rgba(0,0,0,.35),0 calc(2px*var(--k)) calc(3px*var(--k)) rgba(0,0,0,.35),calc(46px*var(--k)) calc(14px*var(--k)) calc(110px*var(--k)) calc(-24px*var(--k)) rgba(236,48,19,.62),calc(-18px*var(--k)) calc(44px*var(--k)) calc(60px*var(--k)) calc(-26px*var(--k)) rgba(32,30,29,.55),calc(-44px*var(--k)) calc(90px*var(--k)) calc(110px*var(--k)) calc(-50px*var(--k)) rgba(32,30,29,.55)}
.nav-links a,.lang,.arrow,.btn-sm,.menu-en{position:relative}
.nav-links a::after,.lang::after,.arrow::after,.btn-sm::after,.menu-en::after{content:"";position:absolute}
.nav-links a::after{inset:-11px -6px}
.lang::after{inset:-13px -12px}
.arrow::after{inset:-9px 0 -7px}
.btn-sm::after{inset:-1px 0}
.menu-en::after{inset:-11px -8px}
.burger-alt{display:none}
@media (max-width:1020px){.no-js .burger:not(.burger-alt){display:none}
.no-js .burger-alt-open{display:inline-flex}
.no-js .menu:target{opacity:1;visibility:visible;transform:none;transition:opacity .3s ease,transform .4s var(--ease),visibility 0s}
.no-js .v7:has(.menu:target) .burger-alt-open{display:none}
.no-js .v7:has(.menu:target) .burger-alt-close{display:inline-flex}
.burger-alt-close .burger-l:first-child{transform:translateY(4px) rotate(45deg)}
.burger-alt-close .burger-l:last-child{transform:translateY(-4px) rotate(-45deg)}}
.form-alt{display:none}
.no-js .form-alt{display:inline-flex}
.page{padding:84px 0 120px}
.doc{max-width:760px}
.doc h1{font-size:clamp(32px,4.1vw,58px);line-height:.98;letter-spacing:-.036em;font-weight:800;margin:16px 0 30px;text-wrap:balance}
.doc h2{font-size:23px;font-weight:700;letter-spacing:-.025em;line-height:1.15;margin:46px 0 0}
.doc p,.doc ul{margin-top:14px;color:var(--soft);text-wrap:pretty}
.doc ul{padding-left:20px}
.doc li{margin-top:6px}
.doc b{color:var(--tx)}
.doc a{text-decoration:underline}
.doc .mk{margin-top:0;font-size:11.5px;font-stretch:118%;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--redd)}
@media (max-width:1020px){.page{padding:60px 0 90px}}
.cam,.pl{position:absolute;inset:0;transform-style:preserve-3d}
.prog{position:absolute;left:0;right:0;bottom:-1px;z-index:1;height:2px;background:var(--red);transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
@keyframes prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@supports (animation-timeline:scroll()){.prog{animation:prog linear both;animation-timeline:scroll(root)}}
html.cine{scroll-behavior:auto}
html.lenis,html.lenis body{height:auto}
.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}
.lenis [data-lenis-prevent]{overscroll-behavior:contain}
.cine .ex-br{translate:0 var(--py,0px)}
.cine .ex-ph{translate:0 var(--pp,0px)}
picture{display:contents}
.nav{background:rgba(243,242,242,.94);backdrop-filter:none;-webkit-backdrop-filter:none}
.conds{background:rgba(255,255,255,.9);backdrop-filter:none;-webkit-backdrop-filter:none}
@media (prefers-reduced-motion:no-preference){.ph-hero,.br-b{animation:none}
.glow{animation:lit 1.4s linear both}}
.stage{container-type:inline-size;height:auto;aspect-ratio:680/610;perspective:2000px}
.glow{left:52%;top:50%;width:124cqw;height:124cqw;transform:translate(-50%,-50%) translateZ(-260px);filter:none;background:radial-gradient(closest-side,rgba(255,106,77,.5),rgba(255,140,110,.26) 42%,rgba(255,180,160,.08) 70%,rgba(255,190,170,0))}
.stage{--bra:86cqw;--phw:26.5cqw}
.br-a{left:3cqw;top:9cqw;transform:translateY(calc(50%/var(--k))) rotateY(-11deg) rotateX(4deg) rotateZ(.6deg) translateY(calc(-50%/var(--k))) scale(calc(1/var(--k)));box-shadow:calc(-2px*var(--k)) 0 0 0 rgba(255,255,255,.9),0 calc(50px*var(--k)) calc(80px*var(--k)) calc(-30px*var(--k)) rgba(32,30,29,.42),calc(-30px*var(--k)) calc(20px*var(--k)) calc(80px*var(--k)) calc(-30px*var(--k)) rgba(236,48,19,.35)}
.ph-hero{left:calc(97cqw - var(--phw));right:auto;bottom:3cqw}
.stage .ph-hero{transform:translate(calc(50%/var(--k)),calc(100% - 50%/var(--k))) translateZ(170px) rotateY(-9deg) rotateX(2deg) rotateZ(2deg) translate(calc(-50%/var(--k)),calc(-50%/var(--k))) scale(calc(1/var(--k)));box-shadow:0 0 0 calc(1px*var(--k)) rgba(0,0,0,.35),0 calc(2px*var(--k)) calc(3px*var(--k)) rgba(0,0,0,.3),calc(-24px*var(--k)) calc(40px*var(--k)) calc(60px*var(--k)) calc(-24px*var(--k)) rgba(32,30,29,.5),calc(-10px*var(--k)) calc(20px*var(--k)) calc(70px*var(--k)) calc(-20px*var(--k)) rgba(236,48,19,.3)}
.ph-hero .ph-btn-r{display:none}
.tag{transform:translateZ(120px);padding:9px 14px;background:rgba(255,255,255,.94);border-color:rgba(32,30,29,.08);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 12px 28px -14px rgba(32,30,29,.35)}
.tag-b{left:5cqw;right:auto;top:1.5cqw;bottom:auto}
.tag-a{left:7cqw;right:auto;top:auto;bottom:6cqw}
@media (max-width:1020px){.stage{--k:1;--bra:80cqw;--phw:31cqw;aspect-ratio:100/91;height:auto;width:100%;max-width:720px;margin:30px auto 0;perspective:none}
.stage-in,.cam,.pl{transform-style:flat}
.stage-in{transform:none;transition:none}
.glow{left:50%;top:52%;width:120cqw;height:120cqw;transform:translate(-50%,-50%)}
.br-a{left:4cqw;top:10.5cqw;transform:none;box-shadow:0 30px 50px -28px rgba(32,30,29,.5),0 0 0 1px rgba(32,30,29,.04)}
.stage .ph-hero{left:calc(96cqw - var(--phw));bottom:3cqw;transform:rotate(3deg);box-shadow:0 0 0 1px rgba(0,0,0,.35),-14px 26px 40px -18px rgba(32,30,29,.55)}
.tag{transform:none}
.tag-b{left:4cqw;top:2cqw}
.tag-a{left:4cqw;bottom:7cqw}}
@media (max-width:560px){.stage{width:auto;margin:26px -20px 0;max-width:none}
.tag{padding:7px 11px;font-size:10px;gap:7px;letter-spacing:.09em}}
@media (prefers-reduced-motion:no-preference){@keyframes riseT{from{transform:translateY(22px)}to{transform:none}}
.hero-copy{animation:none}
.hero-copy>*{animation:rise .9s var(--ease) backwards}
.hero-copy>.h1{animation-name:riseT}
.hero-copy>.lead{animation-delay:.12s}
.hero-copy>.cta-row{animation-delay:.22s}}
.h1{letter-spacing:-.045em;line-height:.95}
.h1 .hi{color:var(--redd);background:linear-gradient(100deg,#C4250B 10%,#E0401A 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lab{font-feature-settings:"case" 1}
.lead{font-feature-settings:"kern" 1,"liga" 1}
@media (prefers-reduced-motion:no-preference){@keyframes signfade{0%{opacity:0;transform:translateY(.05em)}2.2%{opacity:1;transform:none}12.6%{opacity:1;transform:none}14.28%{opacity:0;transform:translateY(-.03em)}100%{opacity:0}}}
@media (forced-colors:active){.h1 .hi{-webkit-text-fill-color:currentColor;background:none}}
.shot-long{width:100%}
.btn:active{transform:translateY(0) scale(.98);transition-duration:.08s}
.arrow,.nav-links a{background:linear-gradient(var(--redd),var(--redd)) 0 100%/0 1.5px no-repeat;transition:color .2s,background-size .45s var(--ease)}
.arrow{border-bottom-color:rgba(32,30,29,.22)}
.arrow:hover,.nav-links a:hover{background-size:100% 1.5px}
.arrow:hover{border-bottom-color:transparent}
.nav-links a{padding-bottom:3px}
html.cine{scroll-behavior:smooth}
.cine .shot-long{will-change:transform}
@media (min-width:1021px) and (max-width:1199px){.stage{margin-right:-24px}}
.nav-in>a:first-child{display:flex;align-items:center;min-height:44px}
.arrow::after{inset:auto 0;top:50%;height:44px;margin-top:-22px}
@media (max-width:760px){.lab{font-size:12.5px;letter-spacing:.12em}
.cond-n{font-size:13px}
.tag{font-size:10.5px}}
@media (max-width:420px){.tag{padding:6px 9px;gap:6px;letter-spacing:.06em}
.tag-a{left:1.5cqw;bottom:5cqw}}
@media (max-width:380px){.tag{padding:6px 8px;gap:5px;letter-spacing:.04em}
.tag-a{left:1cqw}}
@media (max-width:760px){.nav{background:#F3F2F2}}
.logo.logo-f{width:auto;height:38px;aspect-ratio:1387/330}
.foot-logo.logo-f{width:auto;height:48px;aspect-ratio:1387/330}
@media (max-width:720px){.logo.logo-f{height:32px}}
.h1{font-size:clamp(42px,5.4vw,78px)}
.hero-copy{padding-bottom:40px}
.lead{max-width:28em}
.sep{display:inline-block;width:5px;height:5px;margin:0 14px;border-radius:50%;background:var(--red);vertical-align:middle;translate:0 -1px}
.trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin:28px 0 0;padding:0;list-style:none;font-size:14.5px;font-weight:600;color:var(--soft)}
.trust li{display:flex;align-items:center;gap:9px}
.trust li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 1.5px var(--redd) inset}
.pk-terms{grid-column:6/13;grid-row:4}
.terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin:18px 0 0;padding:0;list-style:none}
.terms li{display:grid;gap:3px;padding-top:14px;border-top:1px solid var(--line)}
.term-t{font-size:17px;font-weight:700;letter-spacing:-.015em}
.term-d{font-size:14.5px;color:var(--mut)}
.flow-k{margin-bottom:26px}
.rv-on [data-rv]{transition-duration:.6s}
@media (prefers-reduced-motion:no-preference){@keyframes fadein{from{opacity:0}to{opacity:1}}
.hero-copy>*{animation-duration:.6s}
.hero-copy>.lead{animation-delay:.08s}
.hero-copy>.cta-row{animation-delay:.16s}
.hero-copy>.trust{animation-delay:.2s}
.stage{animation-duration:.6s}
.glow{animation:fadein .6s var(--ease) both}}
@media (max-width:1020px){.pk-terms{grid-column:1/-1;grid-row:auto}}
@media (max-width:560px){.sep{margin:0 10px}
.trust{gap:8px 16px;font-size:14px}
.terms{grid-template-columns:minmax(0,1fr)}}
.h1{font-size:clamp(42px,5vw,72px);text-wrap:pretty}
@media (min-width:1021px){.h1{max-width:9.4em}}
.bw{display:inline-block}
.h1 .hi .bw{background:linear-gradient(100deg,#C4250B 10%,#E0401A 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-right:.02em}
.hero-more{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:20px}
.hero-more .arrow{font-size:15.5px}
@media (prefers-reduced-motion:no-preference){@keyframes bwin{from{filter:blur(4px);transform:translateY(.22em)}to{filter:blur(0);transform:none}}
@keyframes riseB{from{opacity:0;filter:blur(6px);transform:translateY(14px)}to{opacity:1;filter:blur(0);transform:none}}
.bw{animation:bwin .6s var(--ease) backwards}
.bw2{animation-delay:.04s}
.bw3{animation-delay:.08s}
.bw4{animation-delay:.12s}
.bw5{animation-delay:.16s}
.bw6{animation-delay:.2s}
.bw7{animation-delay:.24s}
.bw8{animation-delay:.28s}
.bw9{animation-delay:.32s}
.bw10{animation-delay:.36s}
.bw11{animation-delay:.4s}
.bw12{animation-delay:.44s}
.bw13{animation-delay:.48s}
.bw14{animation-delay:.52s}
.hero-copy>*:not(.h1){animation-name:riseB}
.hero-copy>.hero-more{animation-delay:.2s}
.hero-copy>.trust{animation-delay:.26s}}
.conds{margin-top:0;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,255,255,.58));border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(255,255,255,.4),0 40px 70px -50px rgba(32,30,29,.45)}
@media (min-width:1021px){.conds{backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}}
.cond-n{display:flex;align-items:center;gap:10px}
.cond-n::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px rgba(236,48,19,.16)}
.sw{transition:opacity .35s var(--ease)}
.st-js .sw{opacity:.16}
.st-js .sw.on{opacity:1}
.mod-stage{position:sticky;top:66px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;height:calc(100vh - 66px);height:calc(100svh - 66px)}
.mod-after{height:110px}
.tier-go{margin-top:auto}
.mag,.tilt{will-change:auto}
.tilt{transform-style:preserve-3d}
@media (max-width:1020px){.mod-stage{position:relative;top:auto;height:auto;grid-template-columns:minmax(0,1fr);gap:32px;padding-bottom:84px}}
@media (max-width:560px){.tier-go{width:100%}
.hero-more{gap:10px 22px}}
@media (prefers-reduced-motion:reduce){.mod-stage{position:relative;top:auto;height:auto;padding-bottom:84px}}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){@keyframes trace{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes nodein{from{opacity:0;scale:.2}to{opacity:1;scale:1}}}}
.tag{background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.55));box-shadow:inset 0 1px 0 #fff,0 12px 28px -14px rgba(32,30,29,.35)}
@media (min-width:1021px){.tag{backdrop-filter:blur(12px) saturate(170%);-webkit-backdrop-filter:blur(12px) saturate(170%)}}
@media (prefers-reduced-motion:no-preference){@keyframes riseL{from{filter:blur(6px);transform:translateY(14px)}to{filter:blur(0);transform:none}}
.hero-copy>.lead{animation-name:riseL}}
html.cine.lenis,html.lenis.lenis-smooth{scroll-behavior:auto}
html.lenis.lenis-smooth iframe{pointer-events:none}
.mod-pin .mod-stage{position:relative;top:auto;height:100vh;height:100svh;padding-top:66px}
.l3 .ln-mask{padding-bottom:.08em;margin-bottom:-.08em}
.l3 .ln{will-change:transform}
.cine .ex-br{translate:calc(var(--hx,0px) * .45) calc(var(--py,0px) + var(--hy,0px) * .45)}
.cine .ex-ph{translate:var(--hx,0px) calc(var(--pp,0px) + var(--hy,0px))}
.l3 .sw{transition:none}
.mesh[data-mesh=rise]{display:none}