/* Ported verbatim from site/styles.css, scoped to .port sections (online, start here, numbers, say, reels) */
.port{font:400 16px/1.6 var(--sans);color:#fff}
.port{--bk:#1B1B1B;--bk2:#121212;--bk3:#242424;--red:#FF0000;--red2:#CC0000;--w:#fff;--g:#a9a9a9;--line:rgba(255,255,255,.1);--disp:'Anton',Impact,'Arial Narrow Bold',sans-serif;--sans:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--ease:cubic-bezier(.2,.8,.2,1);--r:18px}
.port *, .port *::before, .port *::after{box-sizing:border-box}
.port img{max-width:100%;display:block}
.port a{color:inherit}
.port h2, .port h3{margin:0;font-weight:400}
.port p{margin:0 0 1em}
.port .wrap{width:min(1240px,100% - 40px);margin-inline:auto}
.port .red{color:var(--red)}
.port .muted{color:var(--g);max-width:60ch}
.port .tiny{font-size:.8rem;color:#8a8a8a}
.port .kicker{font:700 .78rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:18px;display:flex;align-items:center;gap:12px}
.port .kicker::before{content:"";width:28px;height:2px;background:var(--red)}
.port .h2{font:400 clamp(2.4rem,6.5vw,5rem)/.95 var(--disp);text-transform:uppercase;letter-spacing:.005em;margin-bottom:22px}
.port .ph{background:repeating-linear-gradient(-45deg,rgba(255,0,0,.18) 0 6px,rgba(255,0,0,.08) 6px 12px);color:#ffb3b3;border:1px dashed rgba(255,0,0,.6);padding:1px 8px;border-radius:6px;font-weight:700;white-space:nowrap}
.port .btn{--bg:var(--red);display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--bg);color:#fff;border:2px solid var(--bg);padding:13px 24px;border-radius:999px;font:700 .82rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .35s var(--ease),background .25s,box-shadow .35s,border-color .25s;position:relative;overflow:hidden;isolation:isolate}
.port .btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s var(--ease);z-index:-1}
.port .btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px -10px rgba(255,0,0,.7);background:var(--red2);border-color:var(--red2)}
.port .btn:hover::after{transform:translateX(120%)}
.port .btn:hover svg{transform:translateX(4px)}
.port .btn svg{transition:transform .3s var(--ease)}
.port .btn--ghost{background:transparent;border-color:rgba(255,255,255,.28)}
.port .btn--ghost:hover{background:#fff;color:var(--bk);border-color:#fff;box-shadow:none}
.port .sec, .port.sec{padding:clamp(80px,12vw,150px) 0;position:relative}
.port .head{margin-bottom:clamp(36px,6vw,64px)}
.port .ticks{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.port .ticks li{display:flex;gap:12px;align-items:center;font-weight:600}
.port .ticks li::before{content:"";width:22px;height:22px;border-radius:50%;flex:none;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12l4 4 8-8' fill='none' stroke='white' stroke-width='3'/%3E%3C/svg%3E") center/14px no-repeat}
.port .sp{padding:30px 6px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;column-gap:22px;transition:background .4s,padding .4s var(--ease);position:relative}
.port .sp:hover{background:linear-gradient(90deg,rgba(255,0,0,.12),transparent);padding-left:18px}
.port .sp__n{font:400 1rem/1 var(--disp);color:var(--red);grid-row:span 2;padding-top:8px}
.port .sp h3{font:400 clamp(1.7rem,3.4vw,2.4rem)/1.05 var(--disp);text-transform:uppercase}
.port .sp p{margin:6px 0 0;color:var(--g);font-size:.93rem}
.port .bk{background:rgba(30,30,30,.75);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,4vw,40px);box-shadow:0 40px 80px -40px #000}
.port .bk fieldset{border:0;padding:0;margin:0;min-width:0;animation:fade .5s var(--ease)}
.port .bk legend{font:400 1.7rem/1 var(--disp);text-transform:uppercase;margin-bottom:22px;padding:0}
.port .opts{display:grid;gap:10px}
.port .opt{cursor:pointer}
.port .opt input{position:absolute;opacity:0;pointer-events:none}
.port .opt>span{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 18px;border:1px solid rgba(255,255,255,.14);border-radius:14px;transition:.3s var(--ease)}
.port .opt small{color:var(--g)}
.port .opt:hover>span{border-color:rgba(255,255,255,.35)}
.port .opt input:checked+span{border-color:var(--red);background:rgba(255,0,0,.12);box-shadow:inset 0 0 0 1px var(--red)}
.port .opt input:focus-visible+span{outline:2px solid var(--red);outline-offset:2px}
.port .fields{display:grid;gap:14px}
.port .fields label{display:grid;gap:6px;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#bbb}
.port .fields input, .port .fields select, .port .fields textarea{font:400 1rem var(--sans);color:#fff;background:#151515;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:13px 14px;text-transform:none;letter-spacing:0;transition:border-color .25s,box-shadow .25s;width:100%}
.port .fields input:focus, .port .fields select:focus, .port .fields textarea:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 4px rgba(255,0,0,.2)}
.port .fields .bad{border-color:#ff6b6d}
@media(min-width:600px){.port .fields{grid-template-columns:1fr 1fr}.port .fields .full{grid-column:1/-1}}
.port .bk__nav{display:flex;justify-content:space-between;gap:10px;margin-top:24px}
.port .check{width:76px;height:76px;margin:0 auto 20px;border-radius:50%;background:var(--red);display:grid;place-items:center;font-size:2.2rem;animation:pop .6s var(--ease)}
@keyframes pop{from{transform:scale(0)}60%{transform:scale(1.15)}to{transform:none}}
.js .port .reveal{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:var(--d,0s)}
.js .port .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.port *, .port *::before, .port *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js .port .reveal{opacity:1;transform:none}}
.port{--bk2:#0e0e0e}
.port .lv{width:100%;height:100%;object-fit:cover;display:block;background:#111}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(255,0,0,0)}100%{box-shadow:0 0 0 0 rgba(255,0,0,0)}}
@keyframes up{to{transform:none}}
@keyframes fade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes panel{from{opacity:0;clip-path:inset(12% 0 12% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
@keyframes cue{to{top:100%}}
.port .nums, .port.nums{position:relative;background:var(--bk2);padding:clamp(50px,8vw,90px) 0 0;overflow:hidden}
.port .nums__grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.port .num{background:var(--bk2);padding:clamp(22px,4vw,44px) clamp(18px,3vw,36px)}
.port .num p{margin:0}
.port .num__v{font:400 clamp(3.4rem,9vw,7.2rem)/.9 var(--disp);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.port .num__v b{font-weight:400;color:var(--red)}
.port .num__l{margin-top:12px!important;font:700 .72rem/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--g)}
@media(min-width:900px){.port .nums__grid{grid-template-columns:repeat(4,1fr)}}
@keyframes mq{to{transform:translate3d(-50%,0,0)}}
@media(max-width:599px){.port .nums, .port.nums{padding-bottom:8px}}
.port .say, .port.say{padding:clamp(110px,16vw,220px) 0;background:var(--bk2)}
.port .say__t{font:400 clamp(2.1rem,5.6vw,5.2rem)/1.02 var(--disp);text-transform:uppercase;margin:0;max-width:20ch}
.port .say__t em{font-style:normal;color:var(--red)}
.js .port .say__t .w{opacity:.14;transition:opacity .35s}
.js .port .say__t .w.is-lit{opacity:1}
.port .reels, .port.reels{position:relative;background:#0a0a0a;border-top:1px solid var(--line)}
.port .reels__pin{padding:clamp(70px,10vw,110px) 0 40px;overflow:hidden}
.port .reels__head{display:grid;gap:10px;margin-bottom:34px;align-items:end}
.port .reels__head .h2{margin:0}
@media(min-width:900px){.port .reels__head{grid-template-columns:1.3fr 1fr;gap:60px}}
.port .reels__vp{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 20px;-webkit-overflow-scrolling:touch}
.port .reels__vp::-webkit-scrollbar{display:none}
.port .reels__track{display:flex;gap:14px;width:max-content;padding-right:20px}
.port .reel{position:relative;flex:none;width:min(62vw,300px);aspect-ratio:9/16;border-radius:20px;overflow:hidden;scroll-snap-align:center;text-decoration:none;color:#fff;background:#151515;box-shadow:0 30px 60px -30px #000;transition:transform .6s var(--ease)}
.port .reel::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 25%,transparent 55%,rgba(0,0,0,.85));pointer-events:none}
.port .reel::after{content:"";position:absolute;inset:0;z-index:2;border:1px solid rgba(255,255,255,.12);border-radius:inherit;pointer-events:none;transition:border-color .4s}
.port .reel:hover::after{border-color:var(--red)}
.port .reel .lv{transition:transform 1.2s var(--ease)}
.port .reel:hover .lv{transform:scale(1.05)}
.port .reel__v{position:absolute;z-index:2;top:14px;left:14px;font:700 .72rem/1 var(--sans);letter-spacing:.08em;background:rgba(0,0,0,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:7px 10px 7px 26px;border-radius:999px}
.port .reel__v::before{content:"";position:absolute;left:11px;top:50%;margin-top:-4.5px;border:4.5px solid transparent;border-left:7px solid #fff;border-right:0}
.port .reel__c{position:absolute;z-index:2;left:16px;right:16px;bottom:16px;display:grid;gap:8px}
.port .reel__c b{font:400 1.5rem/1.02 var(--disp);text-transform:uppercase}
.port .reel__c small{font:700 .64rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#ffb3b3;opacity:0;transform:translateY(6px);transition:.4s var(--ease)}
.port .reel:hover .reel__c small, .port .reel:focus-visible .reel__c small{opacity:1;transform:none}
.port .reel--end{background:linear-gradient(160deg,#CC0000,#660000);display:grid;place-items:center}
.port .reel--end::before{display:none}
.port .reel__end{display:grid;justify-items:center;gap:14px;text-align:center;padding:20px}
.port .reel__end b{font:400 2rem/1 var(--disp);text-transform:uppercase}
.port .reel__end small{font:700 .7rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;border:1px solid rgba(255,255,255,.5);padding:10px 16px;border-radius:999px}
.port .reels__foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}
.port .reels__foot .tiny{margin:0}
.port .reels__bar{flex:0 1 260px;height:2px;background:rgba(255,255,255,.12);border-radius:2px;overflow:hidden}
.port .reels__bar i{display:block;height:100%;background:var(--red);transform-origin:0 50%;transform:scaleX(var(--rp,0))}
.port .reels.pin .reels__pin, .port.reels.pin .reels__pin{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;padding:70px 0 30px}
.port .reels.pin .reels__vp, .port.reels.pin .reels__vp{overflow:visible;padding:0;scroll-snap-type:none}
.port .reels.pin .reels__track, .port.reels.pin .reels__track{padding-left:max(20px,(100vw - 1240px)/2);will-change:transform;transform:translate3d(var(--rx,0),0,0)}
.port .reels.pin .reel, .port.reels.pin .reel{width:auto;height:min(60vh,560px)}
.port .reels.pin .reel:nth-child(even), .port.reels.pin .reel:nth-child(even){transform:translateY(28px)}
@media(prefers-reduced-motion:reduce){.js .port .say__t .w{opacity:1}}
.port .reels.pin .reels__pin, .port.reels.pin .reels__pin{padding-top:96px}
.port .reels.pin .reel, .port.reels.pin .reel{height:min(56vh,540px)}
.port .sec.on, .port.sec.on{background:linear-gradient(180deg,var(--bk2),#150c0c 55%,var(--bk2));overflow:hidden}
.port .sec.on::before, .port.sec.on::before{content:"";position:absolute;width:820px;height:820px;right:-260px;top:4%;background:radial-gradient(circle,rgba(255,0,0,.2),transparent 65%);pointer-events:none}
.port .on__top{position:relative;display:grid;gap:64px;align-items:center}
.port .inc{display:grid;border-top:1px solid var(--line)}
.port .inc .sp{padding:24px 6px}
.port .inc .sp h3{font-size:clamp(1.5rem,2.6vw,2rem)}
@media(min-width:1000px){.port .on__top{grid-template-columns:1.1fr .9fr;gap:80px}}
.port .app{position:relative;margin:0 auto;width:min(320px,80vw);display:grid;gap:22px;justify-items:center}
.port .app__phone{position:relative;width:100%;border-radius:42px;background:linear-gradient(180deg,#1b1b1b,#0f0f0f);border:1px solid rgba(255,255,255,.14);box-shadow:0 60px 100px -40px #000,0 0 0 9px #161616,0 0 0 10px rgba(255,255,255,.08),0 0 120px -20px rgba(255,0,0,.35);padding:16px 14px 18px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.port .app__phone::before{content:"";position:absolute;top:10px;left:50%;width:84px;height:22px;margin-left:-42px;border-radius:20px;background:#000}
@keyframes scan{50%{top:calc(100% - 2px)}}
@keyframes float{50%{transform:translateY(-10px)}}
.port .app figcaption{background:rgba(255,0,0,.08)}
.port .su{position:relative;display:grid;gap:22px;margin-top:clamp(70px,10vw,120px)}
.port .su__plan{background:linear-gradient(180deg,#2a0a0a,#1a1212);border:1px solid rgba(255,0,0,.6);border-radius:24px;padding:clamp(24px,4vw,40px);box-shadow:0 40px 80px -40px #000}
.port .su__t{font:400 clamp(2rem,4vw,2.9rem)/.95 var(--disp);text-transform:uppercase;margin-bottom:20px}
.port .su__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:0 0 26px;color:var(--g);font-weight:600}
.port .su__price .ph{font-size:1.6rem}
.port .su__plan .ticks{margin-bottom:26px}
.port .su__pay{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font:700 .68rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--g);border-top:1px solid var(--line);padding-top:20px;margin-bottom:18px}
.port .su__pay>span:first-child{margin-right:4px}
.port .chip{font:600 .76rem/1 var(--sans);letter-spacing:0;text-transform:none;color:#ddd;padding:9px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04)}
.port .su__plan .tiny{margin:0}
.port .su__h{font:400 1.7rem/1 var(--disp);text-transform:uppercase;margin-bottom:22px}
.port .bk .su__fs{margin-bottom:20px}
.port .su__fs legend{font:600 .78rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#bbb;margin-bottom:10px}
.port .opts--2, .port .opts--3{grid-template-columns:1fr 1fr}
.port .su .opt>span{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;height:100%;padding:14px 16px}
.port .su .opt small{font-size:.78rem}
.port .su__fields{margin-bottom:20px}
.port .su__nav{align-items:center;flex-wrap:wrap}
.port .su__nav .tiny{margin:0}
.port .su__done{text-align:center;padding:30px 0;animation:fade .6s var(--ease)}
.port .su__done h3{font:400 2rem/1 var(--disp);text-transform:uppercase;margin-bottom:12px}
.port .su__done p{color:var(--g)}
@media(min-width:600px){.port .opts--3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.port .su{grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}.port .su__plan{position:sticky;top:110px}}
.port .start, .port.start{background:var(--bk)}
.port .path{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.port .path li{position:relative;padding:28px 24px 30px;border-radius:var(--r);background:#1c1c1c;border:1px solid var(--line);transition:border-color .4s,background .4s}
.port .path li:hover{border-color:rgba(255,0,0,.5);background:linear-gradient(180deg,#221010,#1c1c1c)}
.port .path__n{display:block;font:400 3.6rem/1 var(--disp);color:transparent;-webkit-text-stroke:1.5px var(--red);margin-bottom:18px}
.port .path h3{font:400 1.7rem/1 var(--disp);text-transform:uppercase;margin-bottom:10px}
.port .path p{color:var(--g);font-size:.93rem;margin:0}
@media(min-width:700px){.port .path{grid-template-columns:1fr 1fr;gap:18px}}
@media(min-width:1100px){.port .path{grid-template-columns:repeat(4,1fr)}.port .path li:not(:last-child)::after{content:"";position:absolute;top:56px;right:-19px;width:20px;height:2px;background:var(--red)}}
.port .goals{display:grid;gap:18px;margin-top:clamp(40px,6vw,64px)}
.port .goal{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:12px;min-height:clamp(240px,30vw,340px);padding:clamp(22px,3vw,34px);border-radius:24px;overflow:hidden;text-decoration:none;color:#fff;isolation:isolate;background:#111}
.port .goal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;z-index:-2;filter:grayscale(.5) contrast(1.1) brightness(.55);transition:transform 1.2s var(--ease),filter .6s}
.port .goal::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.1) 10%,rgba(0,0,0,.85)),linear-gradient(90deg,rgba(204,0,0,.35),transparent 60%)}
.port .goal::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);border-radius:inherit;pointer-events:none;transition:border-color .4s}
.port .goal:hover::after, .port .goal:focus-visible::after{border-color:var(--red)}
.port .goal:hover img{transform:scale(1.06);filter:grayscale(0) contrast(1.1) brightness(.65)}
.port .goal__k{font:700 .7rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--red)}
.port .goal b{font:400 clamp(2.2rem,4.6vw,3.6rem)/.92 var(--disp);text-transform:uppercase;max-width:12ch}
.port .goal__cta{display:inline-flex;align-items:center;gap:10px;font:700 .76rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;border-bottom:2px solid var(--red);padding-bottom:6px}
.port .goal__cta svg{transition:transform .3s var(--ease)}
.port .goal:hover .goal__cta svg{transform:translateX(5px)}
@media(min-width:800px){.port .goals{grid-template-columns:1fr 1fr}}
.port .start__local{margin:30px 0 0;color:var(--g)}
.port .start__local a{color:#fff;font-weight:700;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:4px}
.port .app--real{width:min(320px,80vw)}
.port .app__phone--real{padding:40px 10px 14px;gap:0}
.port .app__phone--real::before{z-index:2;top:12px;width:72px;height:18px;margin-left:-36px}
.port .app__phone--real img{display:block;width:100%;height:auto;border-radius:22px;background:#0b0b0b}
.port .app--real figcaption{font:600 .7rem/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--g);text-align:center;background:none}