:root{
  --bg:#03050b;--panel:#070b13;--panel2:#0a0f19;--text:#f7f8fc;--muted:#a4adbc;
  --orange:#ff6a14;--amber:#ffc01a;--green:#31db67;--pink:#f439dc;--purple:#8b31ff;
  --blue:#28a7ff;--line:rgba(255,255,255,.12);--radius:20px;--container:1360px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 50% -10%,#0a0d18 0,#03050b 42%,#010207 100%);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;overflow-x:hidden;line-height:1.45}body.intro-open{overflow:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}.container{width:min(var(--container),calc(100% - 44px));margin:auto;position:relative}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.particles,.energy-svg,.bg-grid,.bg-noise,.mouse-glow{position:fixed;inset:0;pointer-events:none;max-width:100vw;overflow:hidden}.particles{z-index:0}.energy-svg{z-index:0;width:100%;height:100vh;opacity:.92;mix-blend-mode:screen}.flow path{stroke-width:1.75;stroke-linecap:round;stroke-dasharray:13 24;opacity:.78;animation:dash 10s linear infinite}.flow path:nth-child(2){animation-duration:13s;animation-direction:reverse;opacity:.55}.flow path:nth-child(3){animation-duration:8s;opacity:.9}.flow path:nth-child(4){animation-duration:15s;animation-direction:reverse;opacity:.42}.flow path:nth-child(5){animation-duration:11s}.flow path:nth-child(6){animation-duration:18s;animation-direction:reverse}.flow path:nth-child(7){animation-duration:9s}.flow-left{animation:floatLeft 12s ease-in-out infinite}.flow-right{animation:floatRight 13s ease-in-out infinite}@keyframes dash{to{stroke-dashoffset:-250}}@keyframes floatLeft{50%{transform:translate(14px,18px) scale(1.02)}}@keyframes floatRight{50%{transform:translate(-18px,12px) scale(1.018)}}.bg-grid{z-index:0;opacity:.22;background-image:linear-gradient(rgba(89,104,138,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(89,104,138,.08) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 78%);animation:gridMove 28s linear infinite}@keyframes gridMove{to{background-position:58px 58px}}.bg-noise{z-index:1;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.mouse-glow{z-index:0;background:radial-gradient(500px circle at var(--mx,50%) var(--my,15%),rgba(255,255,255,.045),transparent 65%)}main,.header,.footer{position:relative;z-index:2}

/* INTRO */
.intro{position:fixed;inset:0;z-index:9999;background:#020309;display:grid;place-items:center;transition:opacity .8s ease,visibility .8s ease}.intro.hide{opacity:0;visibility:hidden}.intro canvas,.intro-noise{position:absolute;inset:0;width:100%;height:100%}.intro-noise{background:radial-gradient(circle at 20% 50%,rgba(255,93,15,.13),transparent 28%),radial-gradient(circle at 80% 50%,rgba(243,44,221,.15),transparent 28%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:auto,auto,60px 60px,60px 60px;animation:introGrid 16s linear infinite}@keyframes introGrid{to{background-position:0 0,0 0,60px 60px,60px 60px}}.intro-inner{position:relative;width:min(900px,calc(100% - 36px));text-align:center}.intro-status{font-size:11px;letter-spacing:.35em;color:#c5ccda;display:flex;justify-content:center;align-items:center;gap:18px}.intro-status span{width:100px;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent)}.intro-duel{display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;margin:38px auto 24px;max-width:750px}.intro-logo{display:flex;flex-direction:column;align-items:center}.intro-logo img{width:230px;height:190px;object-fit:contain;filter:drop-shadow(0 0 30px rgba(255,255,255,.08))}.intro-logo b{font-size:10px;letter-spacing:.2em;border:1px solid;padding:7px 14px;border-radius:30px}.intro-logo.local b{color:#9dff68;border-color:rgba(116,255,72,.45);box-shadow:0 0 18px rgba(50,255,90,.14)}.intro-logo.bots b{color:#ff65ec;border-color:rgba(255,68,229,.5);box-shadow:0 0 18px rgba(244,54,222,.18)}.intro-vs{width:106px;height:106px;border-radius:50%;margin:auto;display:grid;place-items:center;position:relative;background:conic-gradient(var(--orange),var(--pink),var(--purple),var(--orange));padding:2px;box-shadow:0 0 35px rgba(245,70,206,.36),0 0 35px rgba(255,105,20,.34)}.intro-vs:before{content:"";position:absolute;inset:-18px;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:spin 7s linear infinite}.intro-vs strong{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:#060912;font-size:32px}.intro-vs i,.intro-vs em{position:absolute;top:50%;width:130px;height:2px;filter:blur(.5px)}.intro-vs i{right:100%;background:linear-gradient(90deg,transparent,var(--orange))}.intro-vs em{left:100%;background:linear-gradient(90deg,var(--pink),transparent)}@keyframes spin{to{transform:rotate(360deg)}}.intro-inner>p{margin:0;color:#bac3d2;font-size:10px;letter-spacing:.35em}.intro-inner h2{font-size:54px;line-height:1.04;margin:12px 0 24px}.intro-inner h2 span{display:block;background:linear-gradient(90deg,#bfff38,#ff7c18 40%,#f73bd9 72%,#9a4dff);-webkit-background-clip:text;color:transparent}.intro-progress{height:3px;background:rgba(255,255,255,.1);max-width:500px;margin:auto;border-radius:10px;overflow:hidden}.intro-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--orange),var(--amber),var(--pink),var(--purple));box-shadow:0 0 16px #f24bdc}.intro-meta{max-width:500px;margin:10px auto;display:flex;justify-content:space-between;color:#8e98aa;font-size:10px;letter-spacing:.15em}.intro-meta b{color:#fff}.intro button{margin-top:22px;border:0;background:transparent;color:#9ba5b7;font-size:11px;cursor:pointer;letter-spacing:.08em}.intro button:hover{color:#fff}

/* HEADER */
.header{height:76px;border-bottom:1px solid rgba(255,255,255,.055);background:rgba(3,5,11,.72);backdrop-filter:blur(16px);position:sticky;top:0;z-index:90}.nav{height:100%;display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:28px}.nav-logo img{width:74px;height:64px;object-fit:contain}.nav-links{display:flex;justify-content:center;gap:36px}.nav-links a{font-size:13px;color:#d8dce5;transition:.2s}.nav-links a:hover{color:#fff;text-shadow:0 0 15px rgba(255,255,255,.4)}.nav-links small{font-size:11px;color:#858d9d}.nav-cta{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 20px;border-radius:7px;font-weight:650;font-size:13px;border:1px solid transparent;transition:transform .2s,box-shadow .2s,border-color .2s;background:#10141d}.button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.button:hover{transform:translateY(-2px)}.button-ghost{background:rgba(10,13,21,.75);border-color:rgba(255,255,255,.28);color:#fff}.button-green{background:linear-gradient(135deg,#0aa84a,#087b38);box-shadow:0 8px 25px rgba(11,176,77,.22)}.nav-toggle{display:none}

/* HERO */
.hero{min-height:370px;padding:26px 0 22px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 45%,rgba(39,221,95,.11),transparent 27%),radial-gradient(circle at 83% 46%,rgba(243,52,222,.13),transparent 28%),radial-gradient(circle at 50% 0,rgba(64,78,130,.12),transparent 35%)}.hero-layout{display:grid;grid-template-columns:245px 1fr 245px;align-items:center;gap:24px;min-height:320px}.hero-brand{text-align:center;position:relative}.hero-brand img{width:225px;height:186px;object-fit:contain;margin:auto;position:relative;z-index:2;filter:drop-shadow(0 0 24px rgba(255,255,255,.08))}.hero-bots img{width:230px}.hero-brand span{display:inline-block;font-size:11px;letter-spacing:.1em;border:1px solid;padding:8px 18px;border-radius:5px;background:rgba(4,7,12,.7);position:relative;z-index:2}.hero-local span{color:#bdff62;border-color:rgba(116,234,70,.65);box-shadow:0 0 18px rgba(59,235,96,.12)}.hero-bots span{color:#ff74ed;border-color:rgba(240,56,220,.65);box-shadow:0 0 20px rgba(240,56,220,.15)}.brand-aura{position:absolute;inset:5% -20%;filter:blur(35px);opacity:.55}.hero-local .brand-aura{background:radial-gradient(circle,#33dc62 0,rgba(255,118,20,.45) 26%,transparent 62%)}.hero-bots .brand-aura{background:radial-gradient(circle,#f43bdc 0,rgba(124,48,255,.45) 26%,transparent 62%)}.hero-copy{text-align:center;max-width:660px;margin:auto}.boot-pill{height:31px;border:1px solid rgba(243,62,219,.52);border-left-color:rgba(129,227,60,.55);border-radius:30px;display:inline-flex;align-items:center;gap:10px;padding:0 14px;background:rgba(8,10,17,.72);box-shadow:0 0 22px rgba(239,56,218,.13);color:#bec5d3;font-size:9px;letter-spacing:.1em}.boot-pill i{width:6px;height:6px;background:#9fff38;border-radius:50%;box-shadow:0 0 10px #9fff38;animation:pulse 1.6s infinite}.boot-pill b{font-weight:700;color:#c9ff50}.boot-pill em{width:70px;height:14px;background:repeating-linear-gradient(90deg,transparent 0 3px,#ff47e2 3px 4px);mask-image:linear-gradient(90deg,transparent,black,transparent);animation:waveShift 1s linear infinite}@keyframes waveShift{to{background-position:12px 0}}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}.hero h1{font-size:57px;line-height:1.04;margin:12px 0 13px;letter-spacing:-.045em}.hero h1 span{display:block;font-size:53px;background:linear-gradient(90deg,#b8f13e 0,#f7b518 27%,#ff6f21 44%,#ee36dc 72%,#9e49ff 100%);-webkit-background-clip:text;color:transparent}.hero-copy>p{max-width:620px;margin:0 auto 18px;color:#c0c6d1;font-size:14px}.hero-buttons{display:flex;justify-content:center;gap:14px}.button-orange{background:linear-gradient(100deg,#ff8d1d,#f05013);box-shadow:0 10px 35px rgba(255,98,18,.28);min-width:170px}.button-dark{border-color:rgba(255,255,255,.26);background:rgba(5,8,14,.76);min-width:165px}.button-purple{background:linear-gradient(100deg,#7c24c9,#b21bd9);box-shadow:0 10px 35px rgba(194,41,219,.25);min-width:190px}

/* DUEL */
.duel-section{padding:0 0 28px;position:relative}.duel-section:before{content:"";position:absolute;inset:-120px 0 -80px;pointer-events:none;background:radial-gradient(ellipse at -2% 25%,rgba(255,102,15,.14),transparent 34%),radial-gradient(ellipse at 101% 25%,rgba(240,54,221,.16),transparent 34%),radial-gradient(circle at 50% 40%,rgba(110,45,180,.055),transparent 22%);filter:blur(4px)}.duel{display:grid;grid-template-columns:1fr 94px 1fr;align-items:stretch;gap:0}.product{position:relative;border-radius:17px;padding:22px 22px 19px;background:linear-gradient(145deg,rgba(8,12,20,.96),rgba(3,6,12,.985));border:1px solid;overflow:hidden;box-shadow:0 28px 85px rgba(0,0,0,.5);transition:transform .18s ease-out}.product:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(500px circle at var(--cx,50%) var(--cy,0%),rgba(255,255,255,.08),transparent 55%)}.product:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 50px rgba(255,255,255,.015)}.product-local{border-color:rgba(255,123,20,.7);box-shadow:0 0 0 1px rgba(255,104,14,.12),0 0 38px rgba(255,106,15,.11),0 35px 90px rgba(0,0,0,.56)}.product-bots{border-color:rgba(241,55,222,.68);box-shadow:0 0 0 1px rgba(238,50,222,.12),0 0 38px rgba(241,56,220,.11),0 35px 90px rgba(0,0,0,.56)}.product-head{min-height:95px}.product-head b{font-size:26px;color:#ff791b;letter-spacing:.02em}.product-head h2{font-size:27px;margin:0;color:#38de68;line-height:1.04}.product-head p{color:#c3c9d5;font-size:12px;margin:8px 0 0}.product-head-right{text-align:right}.product-head-right b{color:#f43cdf}.product-head-right h2{color:#f7f7ff}.preview{position:relative;border-radius:12px;overflow:hidden;border:1px solid;background:#04060b;aspect-ratio:16/8.7;box-shadow:0 24px 52px rgba(0,0,0,.55)}.preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 14%,transparent 88%,rgba(0,0,0,.18));pointer-events:none}.preview img{width:100%;height:100%;object-fit:cover}.preview-local{border-color:rgba(255,126,22,.6);box-shadow:0 0 30px rgba(255,108,15,.11),0 22px 50px rgba(0,0,0,.55)}.preview-bots{border-color:rgba(241,54,222,.5);box-shadow:0 0 30px rgba(241,54,222,.12),0 22px 50px rgba(0,0,0,.55)}.features{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.feature{min-height:54px;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;background:linear-gradient(120deg,rgba(255,255,255,.035),rgba(255,255,255,.014));border:1px solid rgba(255,255,255,.085);position:relative;overflow:hidden}.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.08),transparent 75%);transform:translateX(-110%);transition:.5s}.feature:hover:after{transform:translateX(110%)}.feature svg{width:21px;height:21px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.feature span{display:flex;flex-direction:column;line-height:1.2}.feature b{font-size:10.5px}.feature small{font-size:8.5px;color:#9ca5b4;margin-top:3px}.product-local .feature{color:#ffae12;border-color:rgba(255,141,24,.18);background:linear-gradient(120deg,rgba(29,88,38,.18),rgba(37,21,3,.25))}.product-bots .feature{color:#f14bdf;border-color:rgba(239,54,221,.2);background:linear-gradient(120deg,rgba(68,16,85,.25),rgba(22,10,42,.2))}.feature-cta small{color:#ffad18}.product-bots .feature-cta small{color:#ff64e9}.vs{position:relative;display:flex;align-items:center;justify-content:center;z-index:4}.vs i,.vs em{position:absolute;width:2px;height:39%;left:50%;transform:translateX(-50%);filter:drop-shadow(0 0 8px currentColor)}.vs i{top:0;color:#ff851c;background:linear-gradient(transparent,#ff851c,#ffdd35,transparent)}.vs em{bottom:0;color:#e93ddb;background:linear-gradient(transparent,#f23ddb,#9134ff,transparent)}.vs div{width:86px;height:86px;border-radius:50%;padding:2px;background:conic-gradient(var(--orange),var(--pink),var(--purple),var(--orange));box-shadow:0 0 28px rgba(255,111,17,.45),0 0 48px rgba(239,55,220,.32);position:relative}.vs div:before,.vs div:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.18)}.vs div:before{inset:-14px;animation:spin 7s linear infinite}.vs div:after{inset:-27px;border-style:dashed;opacity:.55;animation:spin 13s linear infinite reverse}.vs span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 50% 35%,#151a28,#05070c 70%);font-size:29px;font-weight:800;text-shadow:0 0 18px #fff}

/* BENEFITS */
.benefits{padding:3px 0 26px;position:relative}.benefits:before{content:"";position:absolute;inset:-60px 0;pointer-events:none;background:radial-gradient(circle at 8% 65%,rgba(41,225,99,.07),transparent 22%),radial-gradient(circle at 92% 60%,rgba(39,168,255,.07),transparent 22%)}.benefits h2,.section-title h2,.contact-head h2{text-align:center;font-size:28px;margin:0 0 12px}.benefit-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(6,9,16,.75);box-shadow:0 25px 65px rgba(0,0,0,.28)}.benefit{min-height:152px;border:1px solid rgba(255,255,255,.12);border-radius:13px;text-align:center;padding:19px 13px 12px;display:flex;align-items:center;flex-direction:column;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01));transition:.25s}.benefit:hover{transform:translateY(-5px)}.benefit svg{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:1.6;margin-bottom:13px;filter:drop-shadow(0 0 10px currentColor)}.benefit b{font-size:12px}.benefit p{color:#a9b1bf;font-size:9.5px;margin:8px 0 0}.benefit.green{color:#39e96d;border-color:rgba(45,229,100,.35);box-shadow:inset 0 0 26px rgba(45,229,100,.045)}.benefit.orange{color:#ff8e1b;border-color:rgba(255,139,25,.34)}.benefit.pink{color:#f849df;border-color:rgba(248,73,223,.35)}.benefit.blue{color:#2ea7ff;border-color:rgba(46,167,255,.35)}.benefit.yellow{color:#ffc021;border-color:rgba(255,192,33,.34)}

/* LICENSES */
.licenses{padding:0 0 25px;position:relative}.licenses:before{content:"";position:absolute;inset:-60px 0;pointer-events:none;background:radial-gradient(circle at 12% 45%,rgba(255,110,17,.07),transparent 28%),radial-gradient(circle at 88% 45%,rgba(241,54,221,.08),transparent 28%)}.license-shell{padding:13px 17px 15px;border-radius:17px;border:1px solid rgba(255,255,255,.08);background:rgba(6,9,16,.76)}.section-title h2{margin-bottom:2px}.section-title p{text-align:center;color:#9fa8b7;font-size:11px;margin:0 0 12px}.license-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.license-card{min-height:220px;display:grid;grid-template-columns:1fr 190px;gap:14px;padding:18px;border-radius:13px;border:1px solid;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(10,14,22,.9),rgba(4,7,12,.98))}.license-card:before{content:"";position:absolute;inset:0;opacity:.12}.license-local{border-color:rgba(255,126,20,.55)}.license-local:before{background:radial-gradient(circle at 80% 45%,#f7d615,transparent 35%),linear-gradient(90deg,transparent,#ff7a10)}.license-bots{border-color:rgba(240,54,221,.5)}.license-bots:before{background:radial-gradient(circle at 82% 46%,#f33bdf,transparent 35%),linear-gradient(90deg,transparent,#8b2dff)}.license-copy,.license-emblem{position:relative;z-index:1}.license-copy h3{font-size:21px;margin:0 0 5px;color:#39df68}.license-copy h3 span{color:#ff7a19}.license-bots h3{color:#f448dd}.license-copy>p{font-size:10px;color:#c1c7d2;margin:0 0 10px}.license-copy ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.license-copy li{font-size:10px;color:#c7cdd7}.license-copy li:before{content:"✓";display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;margin-right:7px;background:#17a84f;color:#fff;font-size:9px}.license-bots li:before{background:#b91aa9}.license-emblem{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.license-emblem small{font-size:8px;letter-spacing:.08em;padding:5px 11px;border-radius:18px;border:1px solid}.license-local small{color:#9dff4d;border-color:rgba(126,255,55,.32);background:rgba(50,120,15,.15)}.license-bots small{color:#ff71ed;border-color:rgba(248,70,224,.35);background:rgba(95,11,88,.22)}.shield-emblem,.coin-emblem{width:94px;height:94px;border-radius:50%;display:grid;place-items:center;margin:8px 0 2px;position:relative}.shield-emblem{border:1px solid rgba(255,215,21,.35);box-shadow:0 0 30px rgba(255,205,16,.18),inset 0 0 24px rgba(255,204,16,.08)}.coin-emblem{border:1px solid rgba(247,61,224,.35);box-shadow:0 0 30px rgba(247,61,224,.2),inset 0 0 24px rgba(247,61,224,.08)}.license-emblem svg{width:50px;height:50px;fill:none;stroke:currentColor;stroke-width:1.4;filter:drop-shadow(0 0 10px currentColor)}.license-local .license-emblem{color:#ffd51a}.license-bots .license-emblem{color:#f647df}.license-emblem>b{font-size:9px;line-height:1.05}.combo{max-width:780px;min-height:56px;margin:12px auto 0;border:1px solid rgba(255,126,20,.38);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(90deg,rgba(255,109,14,.05),rgba(255,255,255,.02),rgba(240,54,221,.05))}.combo span{font-size:29px;color:#ff7e1b}.combo p{margin:0;text-align:center;font-size:12px;color:#c7cdd8}.combo b{display:block;color:#ff9a1b}

/* CONTACT */
.contact{padding:0 0 16px}.contact-shell{border:1px solid rgba(255,255,255,.09);border-radius:17px;padding:14px 20px 19px;background:linear-gradient(120deg,rgba(255,108,18,.035),rgba(7,10,17,.88) 45%,rgba(240,50,221,.045));box-shadow:0 24px 70px rgba(0,0,0,.34)}.contact-head h2{margin-bottom:1px}.contact-head p{text-align:center;margin:0 0 12px;color:#9fa8b7;font-size:11px}.contact-layout{display:grid;grid-template-columns:235px 1fr 150px;gap:20px;align-items:center}.contact-promises{display:grid;gap:14px}.contact-promises>div{display:flex;align-items:center;gap:11px}.contact-promises span{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;border:1px solid #ff7a17;color:#ff841c;box-shadow:0 0 18px rgba(255,115,15,.12)}.contact-promises svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.contact-promises p{margin:0;color:#aeb6c3;font-size:10px}.contact-promises b{display:block;color:#fff;font-size:11px}.contact-form{padding:13px;border-radius:12px;border:1px solid rgba(240,52,221,.5);background:rgba(6,9,15,.93);box-shadow:0 0 35px rgba(238,55,221,.1),0 20px 55px rgba(0,0,0,.45)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form-grid label{display:flex;flex-direction:column;gap:4px}.form-grid label span{font-size:8px;color:#9da6b5}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;background:#080d16;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:6px;padding:9px 10px;font-size:10px;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#d62ad1;box-shadow:0 0 0 3px rgba(214,42,209,.08)}.form-grid textarea{height:56px;resize:vertical}.privacy{display:flex;align-items:center;gap:7px;color:#8e98a8;font-size:8px;margin:7px 0}.submit{width:100%;height:34px;border:0;border-radius:5px;color:#fff;background:linear-gradient(90deg,#ff6d18,#e33770,#7b25db);font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 8px 24px rgba(211,40,172,.23)}.submit svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}.form-message{font-size:9px;margin-top:6px;min-height:12px;text-align:center}.honeypot{position:absolute!important;left:-9999px!important}.mail-art{color:#f63ddd;opacity:.92;display:grid;place-items:center}.mail-art svg{width:115px;height:115px;fill:none;stroke:currentColor;stroke-width:1;filter:drop-shadow(0 0 18px #e637d4)}

/* FOOTER */
.footer{padding:18px 0 28px;border-top:1px solid rgba(255,255,255,.055);background:rgba(2,4,9,.72)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:48px}.footer-brand{display:grid;grid-template-columns:78px 1fr;column-gap:13px}.footer-brand img{width:74px;height:72px;object-fit:contain}.footer-brand p{font-size:9px;color:#a9b1bf;align-self:center;margin:0}.footer h3{font-size:11px;margin:4px 0 12px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column}.footer a{font-size:9px;color:#9ca5b4;margin-bottom:8px}.footer a:hover{color:#fff}.social{grid-column:1/-1;display:flex;gap:9px}.social a{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;color:#fff;margin:0;font-size:12px}.social a:nth-child(1){background:#10a94e}.social a:nth-child(2){background:linear-gradient(135deg,#ffb72a,#f2178d)}.social a:nth-child(3){background:#f51c23}.social a:nth-child(4){background:#2085eb}.social a:nth-child(5){background:#111;border:1px solid #fff}.copyright{text-align:center;color:#7f8998;font-size:9px;margin-top:18px}.floating-wa{position:fixed;right:24px;bottom:24px;z-index:70;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#0eb44e;color:#fff;box-shadow:0 12px 35px rgba(14,180,78,.36);animation:waPulse 2.5s ease-in-out infinite}.floating-wa svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8}@keyframes waPulse{50%{box-shadow:0 12px 35px rgba(14,180,78,.5),0 0 0 9px rgba(14,180,78,.07)}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:1120px){:root{--container:1040px}.nav-links{gap:22px}.hero-layout{grid-template-columns:190px 1fr 190px}.hero-brand img{width:185px}.hero-bots img{width:190px}.hero h1{font-size:50px}.hero h1 span{font-size:47px}.duel{grid-template-columns:1fr 72px 1fr}.product{padding:18px 16px}.product-head b{font-size:22px}.product-head h2{font-size:23px}.feature b{font-size:9px}.feature small{font-size:7.5px}.contact-layout{grid-template-columns:210px 1fr 115px}}
@media(max-width:860px){.header{height:66px}.nav{grid-template-columns:80px 1fr auto}.nav-logo img{width:60px;height:55px}.nav-links{position:fixed;top:66px;right:0;width:min(340px,84vw);height:calc(100vh - 66px);background:rgba(3,5,11,.98);display:none;flex-direction:column;justify-content:flex-start;padding:35px;gap:24px;border-left:1px solid var(--line);box-shadow:-25px 0 70px rgba(0,0,0,.45)}.nav-links.open{display:flex}.nav-cta .button-ghost{display:none}.nav-toggle{display:flex;width:38px;height:34px;background:none;border:0;flex-direction:column;justify-content:center;gap:5px;margin-left:auto}.nav-toggle span{height:2px;background:#fff;border-radius:4px;width:24px}.hero{padding-top:20px}.hero-layout{grid-template-columns:1fr 1fr}.hero-copy{grid-column:1/-1;grid-row:1}.hero-brand{grid-row:2}.hero h1{font-size:46px}.hero h1 span{font-size:43px}.hero-brand img{height:130px;width:150px}.duel{grid-template-columns:1fr;gap:18px}.vs{height:86px}.vs i,.vs em{width:38%;height:2px;top:50%;bottom:auto}.vs i{left:0;transform:none;background:linear-gradient(90deg,transparent,#ff851c)}.vs em{right:0;left:auto;transform:none;background:linear-gradient(90deg,#f23ddb,transparent)}.benefit-grid{grid-template-columns:repeat(3,1fr)}.license-grid{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr}.contact-promises{grid-template-columns:repeat(3,1fr)}.mail-art{display:none}.footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}.intro-duel{grid-template-columns:1fr 80px 1fr}.intro-logo img{width:160px;height:140px}.intro-vs{width:74px;height:74px}.intro-vs i,.intro-vs em{width:65px}.intro-inner h2{font-size:43px}}
@media(max-width:600px){.container{width:min(100% - 24px,560px)}.nav-cta .button-green{padding:0;width:42px}.nav-cta .button-green{font-size:0}.hero-layout{gap:5px}.hero-copy{max-width:100%}.boot-pill{font-size:7px;padding:0 9px;gap:6px}.boot-pill b{display:none}.boot-pill em{width:45px}.hero h1{font-size:36px}.hero h1 span{font-size:33px}.hero-copy>p{font-size:11px}.hero-buttons{flex-wrap:wrap}.button{min-height:40px;font-size:11px;padding:0 14px;min-width:0}.hero-brand img{width:118px;height:105px}.hero-brand span{font-size:8px;padding:6px 9px}.product{padding:15px 11px}.product-head{min-height:82px}.product-head b{font-size:20px}.product-head h2{font-size:21px}.product-head p{font-size:10px}.features{gap:6px}.feature{min-height:53px;padding:7px}.feature svg{width:18px;height:18px}.feature b{font-size:8.3px}.feature small{font-size:6.9px}.benefits h2,.section-title h2,.contact-head h2{font-size:22px}.benefit-grid{grid-template-columns:repeat(2,1fr);padding:10px}.benefit{min-height:135px}.license-card{grid-template-columns:1fr 125px;padding:13px}.license-copy h3{font-size:16px}.license-copy li{font-size:8px}.shield-emblem,.coin-emblem{width:74px;height:74px}.contact-promises{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1}.intro-status span{width:35px}.intro-duel{grid-template-columns:1fr 55px 1fr}.intro-logo img{width:105px;height:95px}.intro-logo b{font-size:6px;padding:4px 6px}.intro-vs{width:52px;height:52px}.intro-vs strong{font-size:17px}.intro-vs i,.intro-vs em{width:35px}.intro-inner h2{font-size:31px}.intro-inner>p{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.intro{display:none}.product{transform:none!important}}

/* ==========================================================
   V5 — HERO REAL PRO: reconstrucción visual del mockup
   ========================================================== */
:root{--hero-max:1680px}
.energy-svg{opacity:.14}
.hero{
  min-height:650px;
  padding:36px 0 54px;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(ellipse at 50% 42%,rgba(22,19,49,.56),rgba(2,4,11,.78) 45%,#010207 78%),
    #010207;
  border-bottom:1px solid rgba(255,255,255,.055)
}
.hero:before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.05),transparent 21%,transparent 79%,rgba(0,0,0,.05)),
    radial-gradient(ellipse at 50% 26%,rgba(61,78,144,.14),transparent 38%);
}
.hero:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:36%;z-index:2;pointer-events:none;
  background:linear-gradient(to bottom,transparent,rgba(1,2,7,.14) 35%,rgba(1,2,7,.86) 100%)
}
.hero-fx{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.hero-depth{position:absolute;z-index:1;pointer-events:none;border-radius:50%;filter:blur(44px);mix-blend-mode:screen;opacity:.62;animation:heroAura 7s ease-in-out infinite alternate}
.hero-depth-left{width:620px;height:510px;left:-125px;top:48px;background:radial-gradient(circle at 58% 48%,rgba(46,255,89,.34),rgba(255,116,14,.22) 34%,transparent 70%)}
.hero-depth-right{width:640px;height:520px;right:-135px;top:35px;background:radial-gradient(circle at 42% 48%,rgba(249,54,225,.38),rgba(112,42,255,.26) 39%,transparent 72%);animation-delay:-2.6s}
@keyframes heroAura{to{transform:scale(1.08) translateY(-9px);opacity:.82}}
.hero-center-flare{position:absolute;z-index:1;left:16%;right:16%;bottom:50px;height:3px;background:linear-gradient(90deg,transparent,#ff9c22 18%,#42ff79 34%,#7f5bff 65%,#f03de0 83%,transparent);box-shadow:0 0 13px #b14cff,0 0 42px rgba(135,66,255,.7);opacity:.62;animation:flareBreath 3.7s ease-in-out infinite}
.hero-center-flare:before{content:"";position:absolute;left:50%;top:50%;width:190px;height:90px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(178,64,255,.3),transparent 68%);filter:blur(8px)}
@keyframes flareBreath{50%{opacity:1;filter:brightness(1.2)}}
.hero-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 160px 45px rgba(0,0,0,.58);background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 24%,transparent 70%,rgba(0,0,0,.28))}
.hero-layout{
  width:min(var(--hero-max),calc(100% - 44px));
  max-width:none;
  min-height:555px;
  grid-template-columns:minmax(250px,320px) minmax(600px,1fr) minmax(250px,320px);
  gap:42px;
  z-index:3;
}
.hero-brand{transform:translateZ(0)}
.hero-brand:before{content:"";position:absolute;inset:7% -7% 12%;border-radius:50%;opacity:.35;filter:blur(25px);animation:brandPulse 4.8s ease-in-out infinite}
.hero-local:before{background:conic-gradient(from 160deg,transparent,#ff6c12,#43ff6e,transparent 72%)}
.hero-bots:before{background:conic-gradient(from 330deg,transparent,#a338ff,#ff3edc,transparent 72%);animation-delay:-2.2s}
@keyframes brandPulse{50%{opacity:.68;transform:scale(1.06) rotate(2deg)}}
.hero-brand img{width:286px;height:235px;filter:drop-shadow(0 0 10px rgba(255,255,255,.42)) drop-shadow(0 0 35px rgba(255,255,255,.11));transition:transform .35s ease}
.hero-brand:hover img{transform:translateY(-5px) scale(1.025)}
.hero-bots img{width:294px}
.hero-brand span{font-size:12px;font-weight:800;letter-spacing:.11em;padding:9px 22px;background:linear-gradient(180deg,rgba(4,7,14,.9),rgba(2,4,9,.78));backdrop-filter:blur(12px)}
.hero-local span{box-shadow:0 0 0 1px rgba(51,255,99,.08),0 0 26px rgba(47,255,91,.24),inset 0 0 22px rgba(29,186,73,.08)}
.hero-bots span{box-shadow:0 0 0 1px rgba(249,60,224,.08),0 0 28px rgba(242,55,221,.28),inset 0 0 22px rgba(189,46,255,.09)}
.hero-copy{max-width:860px;position:relative}
.hero-copy:before{content:"";position:absolute;inset:-58px -82px -42px;z-index:-1;background:radial-gradient(ellipse at center,rgba(3,6,14,.88) 0,rgba(3,6,14,.7) 35%,transparent 72%);filter:blur(2px)}
.hero-kickers{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.boot-pill{height:38px;padding:0 18px;font-size:9px;border-color:rgba(78,196,255,.38);border-left-color:rgba(120,247,66,.62);box-shadow:0 0 15px rgba(45,183,255,.18),0 0 28px rgba(236,55,219,.13),inset 0 0 18px rgba(45,165,255,.035)}
.boot-pill em{width:98px;height:18px}
.power-pill{height:38px;display:inline-flex;align-items:center;padding:0 18px;border-radius:30px;border:1px solid rgba(245,61,219,.62);background:rgba(7,8,16,.78);box-shadow:0 0 22px rgba(240,55,219,.15),inset 0 0 15px rgba(242,54,222,.035);font-size:10px;font-weight:850;letter-spacing:.16em;color:#fff}
.hero h1{font-size:76px;line-height:.99;margin:22px 0 18px;letter-spacing:-.052em;text-shadow:0 8px 34px rgba(0,0,0,.56),0 0 35px rgba(255,255,255,.08)}
.hero h1 span{font-size:70px;line-height:1.02;background:linear-gradient(90deg,#7ce82c 0,#cbdc28 13%,#ffd51a 29%,#ff801c 47%,#f345cc 72%,#b64cff 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 18px rgba(238,70,198,.18))}
.hero-copy>p{max-width:770px;margin:0 auto 27px;font-size:15px;line-height:1.55;color:#d1d6e0;text-shadow:0 2px 12px #000}
.hero-buttons{gap:18px}
.hero-buttons .button{min-height:54px;border-radius:9px;font-size:14px;font-weight:800;padding:0 28px;position:relative;overflow:hidden}
.hero-buttons .button:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.25),transparent 46%);transform:translateX(-140%);transition:transform .55s ease}
.hero-buttons .button:hover:before{transform:translateX(140%)}
.button-orange{min-width:205px;background:linear-gradient(105deg,#ff8a18,#f04417);box-shadow:0 12px 38px rgba(255,95,19,.36),0 0 24px rgba(255,111,21,.18)}
.button-dark{min-width:205px;background:linear-gradient(180deg,rgba(11,14,24,.94),rgba(5,7,13,.96));box-shadow:0 14px 40px rgba(0,0,0,.5),inset 0 0 18px rgba(255,255,255,.025)}
.button-purple{min-width:242px;background:linear-gradient(105deg,#7f25cc,#d421d6);box-shadow:0 12px 38px rgba(194,38,220,.34),0 0 25px rgba(229,48,222,.18)}

@media(max-width:1280px){
  .hero{min-height:600px}
  .hero-layout{grid-template-columns:235px 1fr 235px;gap:22px;min-height:520px}
  .hero-brand img{width:225px;height:200px}.hero-bots img{width:232px}
  .hero h1{font-size:63px}.hero h1 span{font-size:59px}
  .hero-copy>p{font-size:13px}
}
@media(max-width:980px){
  .hero{min-height:760px;padding-top:28px}
  .hero-layout{grid-template-columns:1fr 1fr;min-height:680px;gap:10px 22px}
  .hero-copy{grid-column:1/-1;grid-row:1;max-width:780px}
  .hero-brand{grid-row:2}.hero-brand img{width:205px;height:165px}.hero-bots img{width:210px}
  .hero h1{font-size:58px}.hero h1 span{font-size:54px}
  .hero-center-flare{bottom:36px}
}
@media(max-width:600px){
  .hero{min-height:690px;padding:22px 0 38px}
  .hero-layout{width:min(100% - 20px,560px);grid-template-columns:1fr 1fr;min-height:625px;gap:4px 8px}
  .hero-copy:before{inset:-35px -10px -20px}
  .hero-kickers{gap:6px}.power-pill{height:29px;padding:0 9px;font-size:6.5px;letter-spacing:.11em}.boot-pill{height:29px;padding:0 9px;font-size:6.5px}.boot-pill em{width:45px}
  .hero h1{font-size:39px;margin:14px 0 11px}.hero h1 span{font-size:36px}
  .hero-copy>p{font-size:10.5px;line-height:1.45;margin-bottom:16px}
  .hero-buttons{gap:7px;flex-wrap:wrap}.hero-buttons .button{min-height:41px;font-size:10px;padding:0 13px;min-width:auto}.button-purple{min-width:170px!important}
  .hero-brand img{width:135px;height:112px}.hero-bots img{width:140px}.hero-brand span{font-size:7px;padding:6px 9px}
  .hero-depth{filter:blur(58px);opacity:.45}.hero-center-flare{left:4%;right:4%;bottom:18px}
}

/* V5.1 — potencia extra visible del hero */
.hero-depth:before,.hero-depth:after{content:"";position:absolute;border-radius:50%;pointer-events:none;mix-blend-mode:screen}
.hero-depth-left:before{width:560px;height:560px;left:-180px;top:-20px;border:2px solid rgba(255,111,18,.45);box-shadow:0 0 18px rgba(255,103,12,.6),inset 0 0 38px rgba(255,95,10,.12);animation:orbitSpin 13s linear infinite}
.hero-depth-left:after{width:430px;height:430px;left:-80px;top:72px;border:2px solid rgba(60,255,107,.35);box-shadow:0 0 22px rgba(52,255,105,.55);animation:orbitSpin 10s linear infinite reverse}
.hero-depth-right:before{width:570px;height:570px;right:-190px;top:-28px;border:2px solid rgba(247,53,224,.5);box-shadow:0 0 22px rgba(247,53,224,.65),inset 0 0 42px rgba(140,45,255,.14);animation:orbitSpin 14s linear infinite reverse}
.hero-depth-right:after{width:430px;height:430px;right:-75px;top:78px;border:2px solid rgba(130,57,255,.4);box-shadow:0 0 24px rgba(133,57,255,.58);animation:orbitSpin 11s linear infinite}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
.hero-layout:before{content:"";position:absolute;left:2%;right:2%;bottom:45px;height:2px;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,106,13,.9) 11%,rgba(56,255,106,.9) 30%,rgba(255,255,255,.55) 50%,rgba(153,70,255,.9) 70%,rgba(242,52,221,.9) 89%,transparent);box-shadow:0 0 16px rgba(159,69,255,.85),0 0 42px rgba(83,255,122,.24);animation:horizonPulse 2.8s ease-in-out infinite}
@keyframes horizonPulse{50%{opacity:.55;filter:brightness(1.35)}}
.hero-vector{position:absolute;top:0;bottom:0;width:61%;z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;mix-blend-mode:screen;opacity:.92;filter:saturate(1.18) contrast(1.06);will-change:transform,filter}
.hero-vector-left{left:-3%;background-image:url('hero-left.svg');background-position:left center;animation:vectorFloatLeft 8s ease-in-out infinite alternate}
.hero-vector-right{right:-3%;background-image:url('hero-right.svg');background-position:right center;animation:vectorFloatRight 9s ease-in-out infinite alternate}
@keyframes vectorFloatLeft{to{transform:translate3d(18px,-8px,0) scale(1.035);filter:saturate(1.3) brightness(1.12)}}
@keyframes vectorFloatRight{to{transform:translate3d(-18px,7px,0) scale(1.04);filter:saturate(1.3) brightness(1.13)}}
@media(max-width:980px){.hero-vector{width:88%;opacity:.72}.hero-vector-left{left:-25%}.hero-vector-right{right:-25%}}
@media(max-width:600px){.hero-vector{width:110%;opacity:.55}.hero-vector-left{left:-50%}.hero-vector-right{right:-50%}}

/* V5.2 — espacios Vimeo dentro de cada plataforma */
.product-video{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  margin-top:15px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(8,12,20,.98),rgba(3,5,10,.99));
  box-shadow:0 18px 45px rgba(0,0,0,.38);
  isolation:isolate;
}
.product-video:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 18% 15%,rgba(255,255,255,.07),transparent 24%),
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:auto,34px 34px,34px 34px;
  mask-image:linear-gradient(to bottom,black,rgba(0,0,0,.5));
}
.product-video:after{
  content:"";
  position:absolute;
  left:8%;right:8%;bottom:0;height:1px;
  opacity:.9;
  pointer-events:none;
}
.product-video-local{
  border-color:rgba(255,133,28,.38);
  box-shadow:0 0 25px rgba(255,107,18,.09),0 18px 45px rgba(0,0,0,.4),inset 0 0 30px rgba(40,221,91,.025);
}
.product-video-local:before{
  background:
    radial-gradient(circle at 22% 42%,rgba(46,222,94,.13),transparent 34%),
    radial-gradient(circle at 82% 78%,rgba(255,112,17,.1),transparent 32%),
    linear-gradient(rgba(255,139,28,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,219,103,.028) 1px,transparent 1px);
  background-size:auto,auto,34px 34px,34px 34px;
}
.product-video-local:after{background:linear-gradient(90deg,transparent,#ff861c,#35e56b,transparent);box-shadow:0 0 13px rgba(64,234,112,.55)}
.product-video-bots{
  border-color:rgba(241,65,222,.36);
  box-shadow:0 0 25px rgba(242,55,221,.1),0 18px 45px rgba(0,0,0,.4),inset 0 0 30px rgba(133,49,255,.035);
}
.product-video-bots:before{
  background:
    radial-gradient(circle at 22% 42%,rgba(141,50,255,.13),transparent 34%),
    radial-gradient(circle at 82% 78%,rgba(243,57,221,.12),transparent 32%),
    linear-gradient(rgba(243,57,221,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(137,53,255,.03) 1px,transparent 1px);
  background-size:auto,auto,34px 34px,34px 34px;
}
.product-video-bots:after{background:linear-gradient(90deg,transparent,#8e34ff,#f13cdd,transparent);box-shadow:0 0 13px rgba(240,57,221,.58)}
.product-video-placeholder{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:28px;
  text-align:left;
  color:#eef2f9;
}
.product-video-placeholder>div{display:flex;flex-direction:column;min-width:0}
.product-video-placeholder small{font-size:9px;line-height:1.2;letter-spacing:.2em;color:#929caf;margin-bottom:6px}
.product-video-placeholder strong{font-size:20px;line-height:1.15}
.product-video-placeholder p{margin:6px 0 0;color:#9ea7b6;font-size:11px}
.product-video-play{
  width:58px;height:58px;flex:0 0 58px;border-radius:50%;position:relative;
  display:grid;place-items:center;background:rgba(4,7,13,.7);border:1px solid currentColor;
  box-shadow:0 0 24px currentColor,inset 0 0 18px rgba(255,255,255,.025);
}
.product-video-play:before{
  content:"";width:0;height:0;margin-left:4px;
  border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid currentColor;
  filter:drop-shadow(0 0 7px currentColor);
}
.product-video-local .product-video-play{color:#54ed73}
.product-video-local .product-video-placeholder strong{color:#fff;text-shadow:0 0 18px rgba(63,235,107,.2)}
.product-video-bots .product-video-play{color:#f34dde}
.product-video-bots .product-video-placeholder strong{color:#fff;text-shadow:0 0 18px rgba(242,63,222,.22)}
.product-video.has-video{background:#000}
.product-video.has-video:before,.product-video.has-video:after{display:none}
.product-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
@media(max-width:720px){
  .product-video{margin-top:12px;border-radius:10px}
  .product-video-placeholder{gap:13px;padding:18px}
  .product-video-play{width:48px;height:48px;flex-basis:48px}
  .product-video-placeholder strong{font-size:16px}
  .product-video-placeholder p{font-size:9px}
  .product-video-placeholder small{font-size:7px}
}