/* VidioPay Sales Website · Brand refresh · 2026 · FRANKHOST */
:root{color-scheme:dark;--bg:#030914;--bg2:#081529;--surface:#0b1930;--surface2:#0d1f37;--line:rgba(135,187,230,.17);--text:#f2f9ff;--muted:#99acc4;--blue:#08a7fa;--deep:#0c58d2;--teal:#09c8b7;--glass:rgba(7,20,40,.84);--max:1192px;--r:18px;--shadow:0 25px 100px rgba(0,3,17,.55)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.7 'Raleway',system-ui,-apple-system,'Segoe UI',sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::before{content:'';position:absolute;z-index:-1;left:-300px;top:180px;width:900px;height:1000px;background:var(--panel);pointer-events:none}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}p{margin:0 0 18px}h1,h2,h3,h4{font-weight:800;line-height:1.16;letter-spacing:-.045em;margin:0}h1{font-size:clamp(2.8rem,5.1vw,5.15rem)}h2{font-size:clamp(2.05rem,3.5vw,3.65rem)}h3{font-size:1.21rem;letter-spacing:-.025em}strong{font-weight:800}::selection{color:#021526;background:#3ed7d6}
.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip{position:absolute;top:-60px;left:20px;z-index:200;background:#fff;color:#06152c;padding:10px 17px;border-radius:8px}.skip:focus{top:10px}
.eyebrow{display:flex;align-items:center;gap:10px;color:#66dbed;letter-spacing:.20em;font-size:.73rem;font-weight:800;text-transform:uppercase;margin-bottom:18px}.eyebrow::before{content:'';height:18px;width:3px;border-radius:3px;background:var(--panel)}.muted{color:var(--muted)}.gradient-text{background:var(--panel);color:var(--accent)}.section{padding:105px 0;position:relative}.section-intro{max-width:760px;margin-bottom:34px}.section-intro p{color:var(--muted);font-size:1.075rem;margin:16px 0 0;max-width:650px}.section-header{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:36px}.section-header h2{max-width:770px}.section-header p{max-width:320px;color:var(--muted);margin:0}.divider{border:0;border-top:1px solid var(--line);margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:51px;border:1px solid transparent;border-radius:11px;padding:12px 23px;font-size:.89rem;font-weight:800;letter-spacing:-.01em;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;text-align:center}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,.nav-link:focus-visible,.mobile-toggle:focus-visible,.billing-toggle button:focus-visible{outline:3px solid #74e8f5;outline-offset:3px}.btn-primary{color:#00152b;background:var(--panel);box-shadow:0 11px 33px rgba(10,176,216,.2)}.btn-primary:hover{box-shadow:0 12px 45px rgba(22,197,214,.34)}.btn-quiet{color:#f7fbff;background:rgba(255,255,255,.07);border-color:rgba(180,215,248,.2)}.btn-quiet:hover{background:rgba(255,255,255,.12)}.btn-line{color:#8fe9f1;border-color:rgba(65,210,232,.38);background:rgba(0,190,190,.055)}.btn-small{min-height:42px;padding:9px 18px}.btn-block{display:flex;width:100%}.text-link{color:#6fdded;font-weight:750;display:inline-flex;gap:7px;align-items:center}.text-link:hover{color:#fff}.symbol{width:19px;height:19px;display:inline-block;flex:none;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.site-header{height:83px;position:sticky;top:0;z-index:100;background:rgba(3,10,23,.82);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(131,207,234,.13)}.header-inner{height:100%;display:flex;align-items:center;gap:40px;justify-content:space-between}.logo-link{display:inline-flex;align-items:center;flex:none;position:relative;width:196px;height:66px;margin-left:-11px}.logo-link img{width:196px;height:auto;filter:drop-shadow(0 8px 16px rgba(0,174,215,.10))}.desktop-nav{display:flex;align-items:center;gap:22px}.nav-link{font-weight:700;font-size:.81rem;color:#bdcfe2;white-space:nowrap;transition:color .2s}.nav-link:hover,.nav-link.active{color:#56dfe3}.header-cta{display:flex;gap:13px;align-items:center;flex:none}.header-product{font-size:.63rem;line-height:1.45;text-align:right;letter-spacing:.07em;color:#8eaac2}.header-product strong{font-size:.79rem;letter-spacing:.04em;display:block;color:#eaf7ff}.mobile-toggle{border:1px solid var(--line);color:#fff;background:rgba(255,255,255,.06);height:44px;width:44px;border-radius:9px;display:none;align-items:center;justify-content:center}.mobile-menu{display:none}
.hero{position:relative;overflow:hidden;padding:92px 0 72px;min-height:692px;background:var(--panel)}.hero::after{content:'';position:absolute;pointer-events:none;right:-290px;top:-270px;border-radius:50%;width:720px;height:720px;border:1px solid rgba(35,182,214,.07);box-shadow:0 0 0 75px rgba(28,157,215,.025),0 0 0 160px rgba(28,157,215,.018)}.hero-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:54px;align-items:center;position:relative;z-index:2}.hero-copy{padding-bottom:35px}.hero-title{max-width:580px}.hero-copy .lead{color:#b9c9dc;font-size:1.12rem;line-height:1.83;margin:25px 0 30px;max-width:554px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-cred{display:flex;flex-wrap:wrap;gap:15px 25px;margin-top:29px}.hero-cred span{font-size:.72rem;color:#9ab5cb;display:inline-flex;align-items:center;gap:7px}.hero-cred span::before{content:'✓';font-weight:900;color:#12d5cb}.hero-meta{color:#66c7d9;font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px}
.product-visual{position:relative;isolation:isolate;perspective:900px}.product-visual::before{content:'';position:absolute;z-index:-1;inset:-9% -10% -20%;background:var(--panel);filter:blur(12px)}.screen-frame{position:relative;background:#02080f;border:1px solid #326a8a;padding:8px;border-radius:17px;box-shadow:0 37px 85px rgba(0,0,0,.7),0 0 62px rgba(8,155,218,.12);transform:rotateY(-5deg) rotateX(1deg);overflow:hidden}.screen-content{border-radius:10px;overflow:hidden;background:#050e1c;position:relative;min-height:335px}.screen-content>img{width:100%;min-height:330px;aspect-ratio:964 / 576;object-fit:cover;filter:saturate(.82) none}.screen-tint{position:absolute;inset:0;background:var(--panel);pointer-events:none}.screen-brand{position:absolute;top:7%;left:4%;padding:4px 10px;background:rgba(2,11,28,.9);border:1px solid rgba(136,218,232,.17);border-radius:9px;box-shadow:0 8px 25px #0009}.screen-brand img{width:110px;height:42px;object-fit:contain}.mock-caption{position:absolute;right:17px;bottom:15px;color:#d7ebf5;font-size:.63rem;letter-spacing:.08em;padding:5px 9px;border-radius:6px;background:rgba(0,12,25,.73);border:1px solid #ffffff22}.screen-stand{width:34%;height:29px;margin:auto;background:var(--panel);clip-path:polygon(40% 0,60% 0,72% 93%,28% 93%);filter:drop-shadow(0 6px 4px #000)}.screen-foot{height:7px;width:43%;margin:-4px auto 0;border-radius:100%;background:var(--panel);box-shadow:0 6px 8px #0008}.float-chip{position:absolute;display:flex;align-items:center;gap:10px;z-index:3;background:rgba(12,30,50,.94);border:1px solid rgba(94,217,237,.3);padding:12px 16px;border-radius:13px;box-shadow:var(--shadow);backdrop-filter:blur(8px)}.float-chip small{display:block;color:#a9c9d7;font-size:.64rem}.float-chip strong{display:block;font-size:.79rem}.chip-a{left:-38px;bottom:40px}.chip-b{right:-14px;top:-35px}.chip-icon{display:grid;place-items:center;border-radius:10px;background:#073d52;color:#30e5df;width:37px;height:37px}.chip-icon.blue{background:#0c2e63;color:#58b9ff}
.trust-strip{border-block:1px solid var(--line);background:var(--panel)}.trust-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;padding:19px 0}.trust-inner span{font-weight:750;font-size:.77rem;color:#b7d4e5;display:flex;align-items:center;gap:10px}.trust-inner svg{color:#42d8df}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit{padding:31px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel);position:relative;overflow:hidden;transition:transform .25s,border-color .25s}.benefit:hover{transform:translateY(-5px);border-color:rgba(70,211,234,.55)}.benefit::after{content:'';position:absolute;top:-75px;right:-65px;border-radius:50%;width:190px;height:190px;border:1px solid rgba(85,209,246,.065)}.benefit .icon-box{width:54px;height:54px;margin-bottom:24px}.icon-box{display:grid;place-items:center;width:48px;height:48px;background:var(--panel);border:1px solid rgba(89,217,235,.21);border-radius:14px;color:#69e4ec}.benefit h3{margin-bottom:11px}.benefit p{color:var(--muted);font-size:.91rem;line-height:1.75;min-height:77px}.benefit .text-link{font-size:.78rem}
.showcase{background:var(--panel);border-block:1px solid rgba(69,185,227,.085)}.showcase-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:65px}.showcase-text p{font-size:1.02rem;color:var(--muted);max-width:530px;margin:22px 0}.feature-points{display:grid;grid-template-columns:1fr 1fr;gap:12px 15px;margin:25px 0 30px}.feature-points span{font-size:.83rem;color:#c4d9e8;display:flex;align-items:center;gap:8px}.feature-points span::before{content:'✓';font-weight:900;color:#26d7d2}.showcase-panel{padding:12px;border:1px solid rgba(96,202,228,.23);border-radius:20px;background:var(--panel);box-shadow:var(--shadow);position:relative}.showcase-panel img{width:100%;aspect-ratio:964/576;object-fit:cover;border-radius:11px;filter:none saturate(.85)}.showcase-pill{position:absolute;bottom:-20px;right:25px;border:1px solid rgba(45,228,219,.4);background:#07243a;box-shadow:0 18px 55px #0008;color:#c9f9f5;font-weight:800;font-size:.82rem;padding:12px 18px;border-radius:12px}
.pricing{background:var(--panel)}.pricing-top{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:30px}.pricing-top .section-intro{margin:0}.pricing-note{font-size:.77rem;color:#91a9bc;margin-top:21px}.billing-toggle{display:flex;align-items:center;border:1px solid var(--line);padding:5px;border-radius:11px;background:rgba(255,255,255,.04);gap:3px}.billing-toggle button{color:#9fb7d2;border:0;border-radius:8px;background:transparent;font-size:.82rem;font-weight:800;padding:9px 16px;min-height:38px}.billing-toggle button[aria-pressed="true"]{color:#001d32;background:var(--panel);box-shadow:0 4px 15px rgba(0,193,204,.2)}.billing-toggle .save{display:inline-block;font-size:.6rem;letter-spacing:.03em;color:#77f6e4;margin-left:4px}.billing-toggle button[aria-pressed="true"] .save{color:#004052}.price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.price-card{border:1px solid var(--line);border-radius:17px;background:var(--panel);padding:27px 22px 22px;display:flex;flex-direction:column;position:relative;min-height:495px}.price-card.featured{background:var(--panel);border-color:#29cae0;box-shadow:0 0 0 1px #0c5e84,0 20px 68px rgba(0,125,208,.15);transform:translateY(-7px)}.price-card .label{font-size:.67rem;text-transform:uppercase;letter-spacing:.14em;color:#6edbe7;font-weight:900}.price-card h3{font-size:1.63rem;margin:10px 0 6px}.price-card .tagline{color:#a8bbce;font-size:.77rem;min-height:42px;line-height:1.5}.price-value{font-size:2.55rem;font-weight:900;letter-spacing:-.07em;line-height:1;margin:27px 0 23px}.price-value small{font-size:.73rem;letter-spacing:0;color:#a1c1d6;font-weight:600}.price-card .features{list-style:none;padding:17px 0 0;margin:0;border-top:1px solid var(--line);flex:1}.price-card .features li{display:flex;gap:8px;font-size:.78rem;line-height:1.56;color:#d8e5f1;margin:0 0 13px}.price-card .features li::before{content:'✓';font-weight:900;color:#31e5d5}.price-card .btn{margin-top:13px;font-size:.78rem}.pop-tag{position:absolute;right:15px;top:15px;border-radius:6px;padding:3px 8px;background:rgba(5,175,190,.17);border:1px solid rgba(57,223,222,.29);font-size:.55rem;text-transform:uppercase;font-weight:850;letter-spacing:.08em;color:#70f6e8}.price-card.featured h3{margin-top:15px}
.delivery{background:#061324}.delivery-grid{display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:65px}.delivery p{color:var(--muted);margin:18px 0 24px}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.tech{min-height:137px;border-radius:14px;padding:23px 13px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(10,33,57,.8);border:1px solid var(--line);transition:background .2s,transform .2s}.tech:hover{transform:translateY(-3px);background:#103150}.tech svg{height:31px;width:31px;color:#59d9e7;margin-bottom:13px}.tech strong{font-size:.81rem;line-height:1.4}.tech span{font-size:.67rem;color:#8baac1;line-height:1.55;margin-top:5px}
.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.use-card{overflow:hidden;position:relative;border:1px solid var(--line);border-radius:17px;background:#0c1e31;transition:transform .2s,border-color .2s}.use-card:hover{transform:translateY(-5px);border-color:#36bbdb}.use-card img{width:100%;height:160px;object-fit:cover;object-position:center;filter:saturate(.9)}.use-card-body{padding:21px}.use-card h3{font-size:1rem;margin-bottom:8px}.use-card p{font-size:.82rem;color:var(--muted);margin:0;line-height:1.66}
.faq-section{background:var(--panel)}.faq-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:75px}.faq-grid .section-intro{margin:0}.faq-list details{border-bottom:1px solid var(--line);padding:17px 0}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{font-weight:750;font-size:.95rem;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';font-size:1.5rem;color:#46d9e5;font-weight:400}.faq-list details[open] summary::after{content:'−'}.faq-list details p{color:var(--muted);font-size:.89rem;line-height:1.8;margin:13px 0 3px}
.release-banner{padding:33px 0;border-block:1px solid rgba(79,207,228,.25);background:var(--panel);position:relative;overflow:hidden}.release-banner::after{content:'';position:absolute;right:-100px;top:-220px;width:500px;height:500px;border-radius:50%;border:55px solid rgba(19,216,221,.06);pointer-events:none}.release-grid{display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:1}.release-details{display:flex;align-items:center;gap:18px}.release-check{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:50%;background:rgba(33,232,187,.17);border:1px solid rgba(58,234,202,.35);color:#65ffe0;font-size:1.5rem;font-weight:900}.release-details .sub{color:#77dfe5;letter-spacing:.13em;text-transform:uppercase;font-size:.65rem;font-weight:850}.release-details strong{font-size:1.42rem;letter-spacing:-.04em;display:block}.release-grid .release-blurb{max-width:400px;color:#bad6e7;font-size:.79rem;line-height:1.65;margin:0}.release-actions{display:flex;gap:10px;flex-wrap:wrap}
.final-cta{text-align:center;padding:112px 0 120px;background:var(--panel)}.final-cta h2{max-width:800px;margin:auto}.final-cta p{color:var(--muted);max-width:590px;margin:20px auto 30px;font-size:1.06rem}.final-cta .btn{margin:3px 6px}
.site-footer{border-top:1px solid var(--line);background:#030a15}.footer-top{padding:45px 0;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:43px}.footer-brand{margin-top:-14px}.footer-brand img{width:210px}.footer-brand p{color:#91a9bf;font-size:.78rem;max-width:280px;line-height:1.85}.footer-col h4{font-size:.76rem;letter-spacing:.10em;text-transform:uppercase;margin-bottom:17px;color:#c7e6ed}.footer-col a{display:block;font-size:.79rem;color:#96adc4;margin-bottom:11px}.footer-col a:hover{color:#69e0ee}.footer-bottom{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:20px 0;font-size:.74rem;color:#88a0b7}.footer-bottom a{color:#c9dce9}.footer-bottom a:hover{color:#7df3e4}
/* Interior pages */
.page-hero{padding:84px 0 73px;position:relative;overflow:hidden;background:var(--panel)}.page-hero::after{content:'';position:absolute;right:5%;top:5%;width:430px;height:430px;border:1px solid rgba(34,208,216,.09);border-radius:50%;box-shadow:0 0 0 80px rgba(7,109,155,.035)}.page-hero .container{position:relative;z-index:2}.page-hero h1{font-size:clamp(2.45rem,4.5vw,4.4rem);max-width:870px}.page-hero p{color:#b8ccdb;font-size:1.09rem;max-width:750px;margin:22px 0 0}.page-hero .hero-actions{margin-top:25px}.subpage-body{min-height:460px}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.editorial-card{padding:26px;border-radius:16px;border:1px solid var(--line);background:var(--panel)}.editorial-card .icon-box{margin-bottom:20px}.editorial-card h3{margin-bottom:11px}.editorial-card p{color:var(--muted);font-size:.88rem;margin:0}.notice{padding:22px 25px;border-radius:13px;background:rgba(0,179,191,.08);border:1px solid rgba(28,212,211,.24);color:#cde8eb;font-size:.88rem}.notice strong{color:#8ef2ee}.comparison-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px}.comparison{width:100%;border-collapse:collapse;min-width:690px;background:#08172a}.comparison th,.comparison td{padding:14px 18px;border-bottom:1px solid var(--line);text-align:center;font-size:.84rem}.comparison th:first-child,.comparison td:first-child{text-align:left}.comparison th{background:#102b45;color:#c8f7f5}.comparison td{color:#b8cadd}.comparison .yes{color:#3fdfc9;font-weight:900}.comparison .no{color:#596d85}.comparison tr:last-child td{border-bottom:0}.content-narrow{max-width:850px}.content-narrow h2{font-size:2.1rem;margin:37px 0 15px}.content-narrow h3{margin:24px 0 10px}.content-narrow p,.content-narrow li{color:#aabed2;line-height:1.85}.content-narrow ul,.content-narrow ol{padding-left:25px}.content-narrow code{background:#102d47;color:#a4fff2;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}.code-line{white-space:normal;word-break:break-all;color:#82e2db;background:#0b2238;border:1px solid var(--line);padding:15px 18px;border-radius:10px;font-size:.78rem;display:block}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.step-card{border:1px solid var(--line);border-radius:15px;background:#0b1b30;padding:25px}.step-num{font-size:1.7rem;font-weight:900;color:#46e2e2;margin-bottom:17px}.step-card h3{margin-bottom:11px}.step-card p{color:var(--muted);font-size:.88rem;margin:0}
@media(min-width:1300px){.hero{padding-top:106px;padding-bottom:97px}.hero-grid{gap:66px}}
@media(max-width:1130px){.header-inner{gap:18px}.desktop-nav{gap:12px}.nav-link{font-size:.74rem}.header-product{display:none}.logo-link,.logo-link img{width:168px}.hero-grid{gap:32px}.float-chip{display:none}.price-card{padding:22px 17px}.price-grid{gap:11px}.price-card .features li{font-size:.72rem}}
@media(max-width:900px){.site-header{height:76px}.desktop-nav,.header-cta .btn{display:none}.mobile-toggle{display:flex}.header-product{display:block}.mobile-menu{position:absolute;left:0;right:0;top:76px;background:#07152a;border-bottom:1px solid var(--line);padding:15px 25px 23px;box-shadow:0 28px 40px #000b}.mobile-menu.open{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mobile-menu a{padding:10px 13px;border:1px solid rgba(150,204,229,.13);border-radius:8px;font-size:.85rem}.mobile-menu a:last-child{grid-column:1/-1;background:#0b7ea4;color:#fff;font-weight:850;text-align:center}.hero{padding:65px 0 60px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:0}.hero-title{max-width:720px}.hero-copy .lead{max-width:740px}.product-visual{max-width:690px;width:90%;margin:40px auto 0}.price-grid{grid-template-columns:repeat(2,1fr);gap:18px}.price-card{padding:26px}.price-card.featured{transform:none}.price-card .features li{font-size:.84rem}.price-card{min-height:470px}.showcase-grid,.delivery-grid,.faq-grid{grid-template-columns:1fr;gap:32px}.section{padding:76px 0}.use-grid,.editorial-grid,.step-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}.release-grid{flex-wrap:wrap}}
@media(max-width:600px){.container{width:calc(100% - 36px)}h1{font-size:clamp(2.65rem,10vw,3.7rem)}h2{font-size:clamp(1.95rem,7vw,2.55rem)}.header-inner{gap:4px}.logo-link{margin-left:-13px;width:162px}.logo-link img{width:162px}.header-product{display:none}.hero{padding:50px 0}.hero-cred{gap:8px 16px}.hero-cred span{font-size:.67rem}.hero-actions .btn{flex:1}.product-visual{width:100%;margin-top:30px}.screen-frame{transform:none;padding:5px;border-radius:11px}.screen-content{min-height:auto}.screen-content>img{min-height:0}.screen-brand img{width:75px;height:25px}.screen-brand{padding:1px 5px}.mock-caption{font-size:.48rem;right:7px;bottom:7px}.screen-stand{height:15px}.screen-foot{height:5px}.trust-inner{display:grid;grid-template-columns:1fr 1fr;gap:15px}.trust-inner span{font-size:.68rem}.section{padding:65px 0}.section-header{display:block}.section-header p{margin-top:14px}.benefit-grid,.price-grid,.use-grid,.editorial-grid,.step-grid{grid-template-columns:1fr}.benefit{padding:25px}.benefit p{min-height:0}.price-card{min-height:auto}.pricing-top{display:block}.billing-toggle{width:max-content;margin-top:23px}.feature-points{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{gap:20px}.release-details strong{font-size:1.12rem}.release-actions{width:100%}.release-actions .btn{flex:1}.final-cta{padding:80px 0}.footer-top{gap:28px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}.page-hero{padding:59px 0}.page-hero p{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}


/* VIDIOPAY V2 — Flat editorial system. No gradient backgrounds or generated photographs. */
:root {
 color-scheme: dark;
 --bg:#071322; --bg2:#091827; --surface:#101f30; --surface2:#13263a;
 --panel:#101f30; --panel-alt:#122438; --line:#2a4053;
 --text:#f2f8fa; --muted:#b6c9d3; --accent:#08c4b6; --deep:#1268bd;
 --blue:#1aa7ed; --teal:#08c4b6; --glass:#101f30;
 --button-bg:#0dbeb4; --button-text:#061a25; --button-sub:#142b3e;
 --nav-bg:#081727; --foot-bg:#071522; --price-bg:#101e30;
 --minor:#c0d3de; --max:1192px; --r:13px;
 --shadow:0 12px 30px rgba(0,0,0,.15);
}
html[data-theme='light'] {
 color-scheme:light;
 --bg:#f8fafb; --bg2:#f0f5f8; --surface:#ffffff; --surface2:#ecf4f7;
 --panel:#ffffff; --panel-alt:#edf4f7; --line:#d4e1e8;
 --text:#12283a; --muted:#506878; --accent:#087c81; --deep:#1465a4;
 --blue:#0b78c0; --teal:#07877f; --glass:#ffffff;
 --button-bg:#117fc0; --button-text:#ffffff; --button-sub:#edf5f8;
 --nav-bg:#ffffff; --foot-bg:#edf4f7; --price-bg:#ffffff; --minor:#516779;
 --shadow:0 12px 32px rgba(18,44,66,.07);
}
html,body{font-family:'Raleway',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:300}
body{background:var(--bg);color:var(--text);font-weight:300;line-height:1.72}
h1,h2,h3,h4,h5,h6{font-family:'Raleway',sans-serif;font-weight:400;letter-spacing:-.026em;line-height:1.18}
h1{letter-spacing:-.035em}
strong,b, .price-value, .step-num, .release-details strong{font-weight:400}
button,input,select,textarea{font-family:'Raleway',sans-serif}
button,.btn{font-weight:400;letter-spacing:.02em}
.nav-link,.header-product strong,.eyebrow,.hero-meta,.hero-cred span,.trust-inner span,.text-link,
.benefit .text-link,.billing-toggle button,.price-card .label,.pop-tag,.price-card .features li,
.faq-list summary,.footer-col a,.footer-col h4,.release-details .sub,.notice strong,
.comparison th,.step-num{font-weight:400}
body::before,.hero::after,.product-visual::before,.benefit::after,.page-hero::after,.release-banner::after{display:none!important}
.gradient-text{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:var(--accent)!important}
.eyebrow,.hero-meta{color:var(--accent)}.eyebrow::before{background:var(--accent)}
.btn-primary{background:var(--button-bg);color:var(--button-text);box-shadow:none;border-color:var(--button-bg)}
.btn-primary:hover{box-shadow:none;background:var(--deep);color:#fff}
.btn-quiet,.btn-line{background:var(--button-sub);color:var(--text);border:1px solid var(--line)}
.btn-quiet:hover,.btn-line:hover{background:var(--surface2);color:var(--text)}
.btn{border-radius:8px}.text-link{color:var(--accent)}.text-link:hover{color:var(--deep)}
.site-header{background:var(--nav-bg);border-color:var(--line);backdrop-filter:none;-webkit-backdrop-filter:none}
.logo-link{width:182px;height:62px;margin-left:0;display:flex;align-items:center}
.logo-link img{display:block;width:182px!important;height:auto!important;max-height:55px;object-fit:contain;filter:none}
.nav-link{color:var(--minor)}.nav-link:hover,.nav-link.active{color:var(--accent)}
.header-product{color:var(--muted)}.header-product strong{color:var(--text)}
.mobile-toggle{color:var(--text);background:var(--surface);border-color:var(--line)}
.mobile-menu{background:var(--nav-bg);box-shadow:var(--shadow)}
.mobile-menu a{color:var(--text);border-color:var(--line)}
.mobile-menu a:last-child{background:var(--button-bg);color:var(--button-text)}
.hero{background:var(--bg)}.hero-copy .lead,.page-hero p{color:var(--muted)}
.hero-cred span,.trust-inner span{color:var(--minor)}.hero-cred span::before{color:var(--accent)}
.screen-frame{transform:none;background:#0b1827;border:1px solid var(--line);padding:7px;border-radius:12px;box-shadow:var(--shadow)}
.screen-content{background:#0c1723}.screen-content>img{filter:none;object-fit:cover;height:360px}
.screen-tint{background:rgba(1,10,23,.13)}.screen-brand{background:#081b2a;border-color:#254154;box-shadow:none}
.screen-brand img{width:106px!important;height:auto!important;max-height:43px;object-fit:contain}
.screen-stand{background:#2a3d50}.screen-foot{background:#2a3d50;box-shadow:none}
.float-chip{background:var(--panel);border-color:var(--line);box-shadow:var(--shadow)}
.float-chip small{color:var(--muted)}.float-chip strong{color:var(--text)}
.chip-icon,.chip-icon.blue,.icon-box{background:var(--panel-alt);color:var(--accent);border-color:var(--line)}
.trust-strip,.showcase,.faq-section,.pricing,.delivery{background:var(--bg2);border-color:var(--line)}
.benefit,.editorial-card,.step-card,.tech,.use-card,.price-card,.showcase-panel{background:var(--panel);border-color:var(--line);box-shadow:none}
.benefit:hover,.use-card:hover,.tech:hover{background:var(--panel-alt);border-color:var(--accent)}
.benefit p,.section-intro p,.section-header p,.showcase-text p,.delivery p,.use-card p,
.faq-list details p,.pricing-note,.price-card .tagline,.footer-brand p,.footer-col a,
.content-narrow p,.content-narrow li,.step-card p,.editorial-card p{color:var(--muted)}
.feature-points span,.price-card .features li,.price-value,.price-card h3,.tech strong,
.faq-list summary,.release-details strong{color:var(--text)}
.feature-points span::before,.price-card .features li::before,.comparison .yes{color:var(--accent)}
.pricing{background:var(--bg)}.price-card.featured{border:1px solid var(--accent);background:var(--panel);box-shadow:none}
.price-card.featured h3{color:var(--text)}
.billing-toggle{background:var(--surface2);border-color:var(--line)}
.billing-toggle button{color:var(--muted)}.billing-toggle button[aria-pressed='true']{background:var(--button-bg);color:var(--button-text)}
.billing-toggle .save{color:var(--accent)}.billing-toggle button[aria-pressed='true'] .save{color:var(--button-text)}
.pop-tag{background:var(--button-bg);color:var(--button-text)}
.tech span{color:var(--muted)}.tech svg{color:var(--accent)}
.use-card img{filter:none}.faq-list details{border-color:var(--line)}.faq-list summary::after{color:var(--accent)}
.release-banner{background:var(--surface2);border-color:var(--line)}.release-check{background:var(--panel);border-color:var(--accent);color:var(--accent)}
.release-details .sub,.release-grid .release-blurb{color:var(--muted)}
.final-cta{background:var(--bg)}
.site-footer{background:var(--foot-bg);border-color:var(--line)}
.footer-brand{margin-top:0}
.footer-brand img{display:block!important;width:min(100%,194px)!important;height:auto!important;aspect-ratio:auto!important;max-height:none!important;object-fit:contain!important;object-position:left center!important;}
.footer-col h4,.footer-bottom a{color:var(--text)}.footer-col a:hover{color:var(--accent)}
.footer-bottom{border-color:var(--line);color:var(--muted)}
.page-hero{background:var(--bg2)}
.editorial-card{background:var(--panel)}
.notice{background:var(--panel-alt);color:var(--text);border-color:var(--line)}.notice strong{color:var(--accent)}
.comparison{background:var(--panel)}.comparison th{background:var(--panel-alt);color:var(--text)}
.comparison td{color:var(--muted)}.comparison .no{color:var(--muted)}
.content-narrow code,.code-line{background:var(--panel-alt);color:var(--text);border-color:var(--line)}
.step-num{color:var(--accent)}
/* Intentional high-contrast photo overlay; it is a solid color, not a gradient. */
.mock-caption{background:#081521;color:#f7fbff;border-color:#294459}
.showcase-pill{background:#071929;color:#e5f9ff;border-color:#24495f}
.screen-photo-label{position:absolute;left:18px;bottom:18px;background:#0a2331;color:#eefcff;font-size:.67rem;font-weight:400;letter-spacing:.055em;padding:7px 12px;border:1px solid #2c5061;border-radius:5px}
/* Theme comparison control remains accessible on every page */
.theme-toggle{background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:8px;min-width:106px;padding:7px 11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:.78rem;font-weight:400;line-height:1.2;min-height:38px;white-space:nowrap}
.theme-toggle svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle:hover{border-color:var(--accent)}
.theme-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.theme-toggle[data-mode='light'] .theme-moon,.theme-toggle[data-mode='dark'] .theme-sun{display:none}
.header-tools{display:flex;gap:12px;align-items:center;margin-left:auto}
.header-cta{margin-left:0}
.photo-credits-link{font-size:.76rem;color:var(--muted)}
/* Ensure brand logo image is never distorted across themes and breakpoints */
img[alt='VidioPay']{object-fit:contain}
@media(max-width:1130px){.logo-link,.logo-link img{width:155px!important}.header-inner{gap:12px}.desktop-nav{gap:10px}}
@media(max-width:900px){.theme-toggle{min-width:98px}.header-tools{margin-left:auto}.mobile-toggle{display:flex}}
@media(max-width:600px){.logo-link,.logo-link img{width:150px!important}.theme-toggle{min-width:42px;width:42px;padding:5px}.theme-toggle .theme-label{display:none}.site-header{height:76px}.screen-content>img{height:auto;aspect-ratio:16/10}}


/* VIDIOPAY_V2_POLISH_20261030: preview-only product website refinements */
:root { --r: 6px; --radius: 6px; --radius-lg: 6px; --card-radius: 6px; }
/* Cards, image surfaces, and image frames have consistently restrained corners. */
:where([class*="card"], [class*="tile"], [class*="frame"], [class*="photo"],
       [class*="image"], [class*="poster"], [class*="mockup"], [class*="visual"],
       [class*="screenshot"], [class*="preview"], figure, picture, main img) {
  border-radius: 6px !important;
}
.logo-link img, .site-header img, .site-footer img { border-radius: 0 !important; }
.vp-demo-nav { color: var(--teal, #008f83) !important; font-weight: 700; }
.vp-demo-mobile { color: var(--teal, #008f83) !important; font-weight: 700; }
.vp-demo-hero-action {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 12px 20px; margin: 8px 10px 8px 0;
  border: 1px solid var(--blue, #0078bd); border-radius: 6px;
  color: var(--text); background: var(--surface); text-decoration: none;
  font-weight: 700; transition: border-color .15s ease, background .15s ease;
}
.vp-demo-hero-action:hover { border-color: var(--teal, #009c8a); }
.vp-demo-hero-bar { padding: 12px 0 4px; }
.vp-demo-edition-cta { margin: 12px 0 18px; color: var(--muted); font-size: .98rem; }
.vp-demo-inline-link { display: inline-block; color: var(--blue, #0078bd); font-weight: 700; text-underline-offset: 3px; margin-left: 4px; }
.vp-v2-footer-links { padding: 14px 0 22px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; font-size: .85rem; }
.vp-v2-footer-links a { color: var(--muted); text-decoration: none; }
.vp-v2-footer-links a:hover { color: var(--teal, #009c8a); text-decoration: underline; }
.vp-legal-page { padding-bottom: 84px; }
.vp-legal-banner { border-bottom: 1px solid var(--line); padding: 52px 0 24px; background: var(--surface2); }
.vp-legal-banner .eyebrow { color: var(--teal, #009c8a); }
.vp-legal-banner p { color: var(--muted); margin: 8px 0 0; }
.vp-legal-layout { display: grid; grid-template-columns: minmax(0, 1fr) 235px; align-items: start; gap: 52px; padding-top: 42px; }
.vp-legal-copy { min-width: 0; max-width: 790px; color: var(--text); }
.vp-legal-copy :where(section, article, .container, .shell) { max-width: none; width: auto; padding-left: 0; padding-right: 0; }
.vp-legal-copy h1 { font-size: clamp(2rem, 4vw, 3.3rem); font-weight: 500; line-height: 1.15; letter-spacing: -.035em; margin: 0 0 18px; }
.vp-legal-copy h2 { font-size: clamp(1.17rem, 2.5vw, 1.5rem); font-weight: 600; line-height: 1.3; margin: 34px 0 10px; letter-spacing: -.012em; }
.vp-legal-copy :where(h3, h4) { margin: 22px 0 8px; }
.vp-legal-copy p, .vp-legal-copy li { color: var(--muted); line-height: 1.85; margin-bottom: 12px; }
.vp-legal-copy ul, .vp-legal-copy ol { padding-left: 25px; margin: 12px 0 24px; }
.vp-legal-copy a { color: var(--blue, #0078bd); text-underline-offset: 3px; }
.vp-legal-copy :where(.card, .panel, .policy-card, .legal-card) { box-shadow: none; border-radius: 6px !important; }
.vp-legal-side { position: sticky; top: 106px; }
.vp-legal-side-inner { border: 1px solid var(--line); background: var(--surface); border-radius: 6px; padding: 23px 20px; }
.vp-legal-side h2 { font-size: .9rem; font-weight: 700; margin: 0 0 16px; }
.vp-legal-side a { display: block; padding: 9px 0; text-decoration: none; font-size: .88rem; color: var(--muted); }
.vp-legal-side a:hover, .vp-legal-side a[aria-current="page"] { color: var(--blue, #0078bd); font-weight: 700; }
.vp-legal-demo-note { border-top: 1px solid var(--line); margin-top: 16px; padding-top: 16px; color: var(--muted); font-size: .84rem; }
.vp-legal-demo-note .vp-demo-inline-link { margin: 8px 0 0; }
@media (max-width: 780px) {
  .vp-legal-layout { grid-template-columns: 1fr; gap: 22px; padding-top: 26px; }
  .vp-legal-side { position: static; }
  .vp-legal-side-inner { display: block; }
  .vp-legal-banner { padding-top: 26px; }
}
/* End VIDIOPAY_V2_POLISH_20261030 */