/* Home v2: contact chips, upload panel, bottom links, portfolio, back-to-top */
.priv li{font:700 .72rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.trylink{display:flex;flex-wrap:wrap;gap:.4rem .9rem;align-items:center;justify-content:center;margin:.6rem auto 0;font-size:.92rem;color:var(--muted)}
.trylink a.ic{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;color:var(--ink);padding:.35rem .7rem;border:1px solid rgba(16,19,24,.18);border-radius:99px;background:rgba(255,255,255,.55)}
.trylink a.ic:hover{border-color:var(--accent);color:var(--accent)}
.ic svg,.cchip svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* upload panel inside the cutting table */
.up2{display:grid;gap:.7rem;color:#e9ecf1}
.up2 .lab{font:700 .66rem/1 var(--mono);letter-spacing:.14em;color:#9aa3b2;text-transform:uppercase}
.cchips{display:flex;flex-wrap:wrap;gap:.5rem;padding:.4rem;border-radius:10px}
.cchips.glow{animation:eos-cglow 1.3s ease-in-out infinite}
@keyframes eos-cglow{0%,100%{box-shadow:0 0 0 0 rgba(229,50,45,0),inset 0 0 0 1px rgba(229,50,45,.45)}50%{box-shadow:0 0 18px 4px rgba(229,50,45,.75),inset 0 0 0 1px rgba(229,50,45,.95)}}
.cchip{display:inline-flex;align-items:center;gap:.45rem;font:700 .86rem var(--body);padding:.6rem .9rem;border-radius:8px;border:1px solid #394050;background:#1b2029;color:#fff;cursor:pointer}
.cchip[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}
.cchip:focus-visible{outline:3px solid #fff;outline-offset:2px}
.up2 input[type=text],.up2 input[type=email],.up2 input[type=tel]{font:inherit;padding:.65rem .75rem;border-radius:8px;border:1px solid #394050;background:#0f1217;color:#fff;width:100%;box-sizing:border-box}
.up2 input:focus-visible{outline:3px solid var(--accent);outline-offset:1px}
.up2 .tk{display:grid;grid-template-columns:1.2rem 1fr;gap:.55rem;font-size:.8rem;line-height:1.4;color:#c9ced6;align-items:start}
.up2 .tk input{width:1.1rem;height:1.1rem;accent-color:var(--accent);margin-top:.1rem}
.up2 .tk a{color:#fff}
.up2 .go{justify-self:start}
.up2 .go[disabled]{opacity:.45;cursor:not-allowed}
.up2 .er{color:#ff8a84;font-weight:600;font-size:.85rem;min-height:1em}
.up2 .bar2{height:.6rem;border-radius:99px;background:#2a3040;overflow:hidden}
.up2 .bar2 i{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}
.up2 .big2{font:400 1.5rem/1.1 var(--display);text-transform:uppercase;color:#fff}
/* portfolio: three reels; on wide screens the section pins and the reels slide sideways as you scroll */
.reels{position:relative;padding:clamp(2.5rem,6vw,4rem) 0;background:linear-gradient(180deg,rgba(236,236,234,0),rgba(236,236,234,.9) 12%)}
.reels-head{margin-bottom:1.2rem}
.pf-k{font:700 .7rem/1 var(--mono);letter-spacing:.16em;color:var(--accent);margin:0 0 .6rem}
.reels-head h2{font-size:clamp(2rem,5vw,3.4rem);margin:0}
.reels-sub{margin:.5rem 0 0;color:var(--muted);font-weight:500}
.reels-view{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.reels-view::-webkit-scrollbar{display:none}
.reels-track{list-style:none;margin:0;padding:.5rem max(1rem,calc((100vw - 70rem)/2 + 1rem)) 1rem;display:flex;gap:clamp(1rem,4vw,3rem);width:max-content}
.reel{scroll-snap-align:center;width:min(92vw,40rem);flex:none;transition:transform .5s ease,opacity .5s ease}
.ba{display:flex;align-items:flex-end;justify-content:center;gap:clamp(.7rem,2.5vw,1.6rem)}
.ba figure{margin:0;display:grid;gap:.5rem}
.ba-b{width:38%}.ba-a{width:58%}
.ba.solo .ba-a{width:62%}
.ba-v{position:relative;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#0f1217;box-shadow:0 30px 60px -28px rgba(16,19,24,.55)}
.ba-b .ba-v{filter:saturate(.75);opacity:.92}
.ba-v video{width:100%;height:100%;object-fit:cover;display:block}
.ba figcaption{font:400 1.15rem/1 var(--display);text-transform:uppercase;color:var(--ink)}
.ba-a figcaption{color:var(--accent)}
.ba figcaption span{font:600 .72rem var(--mono);letter-spacing:.12em;color:var(--muted);margin-left:.4rem}
.reel-soon{position:absolute;inset:0;display:grid;place-content:center;gap:.5rem;text-align:center;background:repeating-linear-gradient(135deg,#151922 0 14px,#1b2029 14px 28px);color:#fff}
.reel-soon b{font:400 1.5rem/1 var(--display);text-transform:uppercase}
.reel-soon span{font:700 .68rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#19B8FF}
.reel-t{margin:.8rem 0 0;display:grid;gap:.1rem}
.reel-t b{font:400 1.25rem/1.05 var(--display);text-transform:uppercase}
.reel-t span{color:var(--muted);font-size:.92rem;font-weight:500}
.reels-foot{margin-top:1rem}
.pf-cred{font-size:.78rem;color:var(--muted);line-height:1.5;max-width:46rem}
.pf-snd{position:absolute;left:50%;bottom:.9rem;transform:translateX(-50%);font:700 .72rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:.6rem .9rem;border-radius:99px;border:0;background:rgba(16,19,24,.78);color:#fff;cursor:pointer;backdrop-filter:blur(6px);white-space:nowrap}
.pf-snd:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
/* pinned mode (set by portfolio.js on wide screens with motion allowed) */
.reels.pinned{padding:0}
.reels.pinned .reels-pin{position:sticky;top:var(--hh,64px);height:calc(100vh - var(--hh,64px));display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.reels.pinned .reels-view{overflow:visible}
.reels.pinned .reels-track{will-change:transform;padding-top:0;padding-bottom:0}
.reels.pinned .reel{width:auto}
.reels.pinned .ba-a .ba-v{height:min(46vh,40rem);width:auto}
.reels.pinned .ba-b .ba-v{height:min(33vh,28rem);width:auto}
.reels.pinned .ba-b,.reels.pinned .ba-a{width:auto}
.reels.pinned .reels-head{margin-bottom:.6rem}.reels.pinned .reels-foot{margin-top:.4rem}.reels.pinned .reels-foot p{margin:.3rem 0}
.reels.pinned .reels-head h2{font-size:clamp(1.8rem,3.6vw,2.8rem)}
.reels.pinned .reel:not(.on){transform:scale(.86);opacity:.55}
.reels.pinned .reel.on{transform:none;opacity:1}
.totop{position:fixed;right:1rem;bottom:1.2rem;z-index:50;width:3rem;height:3rem;border-radius:50%;border:1px solid rgba(16,19,24,.2);background:#fff;color:var(--ink);box-shadow:0 8px 22px -10px rgba(16,19,24,.5);cursor:pointer;display:grid;place-items:center}
.totop[hidden]{display:none}
.totop svg{width:1.3rem;height:1.3rem;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.totop:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.totop:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.js [data-rv],.js .pf-vid[data-rv]{opacity:1;transform:none;transition:none}.cchips.glow{animation:none;box-shadow:0 0 0 2px var(--accent)}}

/* pricing */
.cur{display:inline-flex;margin-top:1.4rem;border:1px solid rgba(16,19,24,.22);border-radius:99px;padding:.25rem;background:rgba(255,255,255,.6)}
.cur button{font:700 .9rem var(--body);border:0;background:transparent;color:var(--ink);padding:.55rem 1.1rem;border-radius:99px;cursor:pointer}
.cur button[aria-pressed=true]{background:var(--ink);color:#fff}
.cur button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
html[data-cur=inr] .usd,html[data-cur=usd] .inr{display:none}
html:not([data-cur]) .amt span+span::before{content:" · "}
.plans{display:grid;gap:1rem}
@media (min-width:900px){.plans{grid-template-columns:repeat(3,1fr);align-items:stretch}}
.plan{display:flex;flex-direction:column;gap:.55rem;background:#fff;border:1px solid rgba(16,19,24,.14);border-radius:12px;padding:1.5rem 1.4rem}
.plan.hot{border:2px solid var(--accent);box-shadow:0 18px 40px -24px rgba(212,42,37,.55)}
.plan-k{margin:0;font:700 .68rem/1 var(--mono);letter-spacing:.16em;color:var(--accent)}
.plan h3{margin:0;font:400 1.7rem/1 var(--display);text-transform:uppercase}
.amt{margin:.2rem 0 0;color:var(--ink)}
.amt b{font:400 2.4rem/1 var(--display);letter-spacing:.01em}
.amt small{font-size:.9rem;color:var(--muted);font-weight:600}
.per{margin:0;font-size:.92rem;color:var(--ink);font-weight:600}
.plan ul{margin:.4rem 0 .6rem;padding-left:1.1rem;color:var(--ink)}
.plan ul li{margin:.25rem 0}
.plan .btn{margin-top:auto;align-self:flex-start}
.agency{margin:1.1rem 0 0;color:var(--ink);font-weight:600}
.limits li b{color:var(--ink)}
.reel-t i{font:700 .64rem/1 var(--mono);font-style:normal;letter-spacing:.16em;color:var(--accent);margin-bottom:.25rem}
@media (min-width:900px){.plans{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1180px){.plans{grid-template-columns:repeat(4,1fr)}}
.plan .amt b{white-space:nowrap}
.reels-after{padding:0 0 clamp(2rem,5vw,3.5rem)}
.reels-after .reels-foot{margin-top:0}
.amt .rs{display:inline-block;font:600 .95rem var(--body);color:var(--muted);margin-left:.2rem}
.plan .amt{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.35rem}
.plan .amt .rs{order:3;flex-basis:100%;margin:.15rem 0 0}
.trial-terms{margin:.9rem 0 0;font-size:.95rem;color:var(--ink)}
.demo-tag{position:absolute;left:.6rem;top:.6rem;z-index:2;font:700 .62rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:.35rem .5rem;border-radius:4px;background:rgba(255,255,255,.92);color:#101318}
.reel-t em{font:500 .78rem/1.4 var(--body);font-style:normal;color:var(--muted);margin-top:.25rem}
.price-note{margin:0 0 1rem;font:600 .85rem var(--mono);letter-spacing:.06em;color:var(--muted)}
/* portfolio area: its own background (dark studio) */
.reels{background:linear-gradient(180deg,#0f131a 0%,#161c26 100%);color:#e8ebf0}
.reels-head h2,.reel-t b,.ba figcaption{color:#fff}
.reels-sub,.reel-t span,.reel-t em,.ba figcaption span,.pf-cred{color:#b6bdc9}
.ba-a figcaption{color:#ff6b66}
.reel-t i{color:#ff6b66}
.pf-cred b{color:#fff}
.reels .btn.primary{box-shadow:0 8px 22px -10px rgba(229,50,45,.7)}
.reels.pinned .reel:not(.on){opacity:.5}
.reels.pinned .pf-cred{font-size:.72rem;line-height:1.4}.reels.pinned .pf-cred p{margin:.2rem 0}
/* docked editor panel at the bottom of the hero (decoration) */
main.home{position:relative;padding-bottom:calc(var(--edp,118px) + .6rem)}
.edpanel{position:absolute;left:0;right:0;bottom:0;height:var(--edp,118px);overflow:hidden;border-top:1px solid #000;pointer-events:none}
.edpanel canvas{display:block}
@media (max-width:699px){main.home{--edp:76px}}
.edpanel.tl-a{border-top:1px solid rgba(16,19,24,.18)}
/* portfolio area: black with a very subtle lift behind the reels (his pick: black, very subtle gradient) */
.reels{background:radial-gradient(120% 80% at 50% 38%,#141519 0%,#0b0b0d 55%,#070708 100%)}

/* country code + number */
.ccrow{display:flex;gap:.4rem}.ccrow .cc{flex:none;max-width:9.5rem;font:inherit;font-weight:400;padding:.6rem .4rem;border:1px solid rgba(16,19,24,.25);border-radius:8px;background:#fff;color:inherit}.ccrow input{flex:1;min-width:0}