/* AiVideoPad homepage — depth comes from real 3D transforms, thick "slab" edges and layered shadows */
:root{--ink:#0d1030;--ink2:#1b1f48;--paper:#eef0f6;--card:#ffffff;--line:#dde0ec;--mut:#5a6080;--acc:#5b3df5;--acc-d:#2d1c9e;--lime:#ff4f87;--lime-d:#c42a62;--hot:#ffc23d;
--f-d:"Space Grotesk","Segoe UI",system-ui,sans-serif;--f-b:"Figtree","Segoe UI",system-ui,sans-serif;--f-m:"JetBrains Mono",ui-monospace,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--f-b);overflow-x:hidden}
a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--f-d);margin:0;letter-spacing:-.025em;line-height:1.05}p{margin:0}
.wrap{width:min(1180px,100% - 40px);margin:0 auto}.wrap.narrow{width:min(780px,100% - 40px)}.mono{font-family:var(--f-m)}.muted{color:var(--mut)}

/* 3D primitives */
.btn3d{display:inline-flex;align-items:center;justify-content:center;font:700 15px var(--f-d);padding:11px 20px;border-radius:12px;background:var(--lime);color:#2a0a1a;
  box-shadow:0 5px 0 var(--lime-d),0 14px 22px -10px rgba(196,42,98,.75);transform:translateY(0);transition:transform .12s,box-shadow .12s;white-space:nowrap}
.btn3d:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--lime-d),0 20px 26px -12px rgba(196,42,98,.8)}
.btn3d:active{transform:translateY(4px);box-shadow:0 1px 0 var(--lime-d),0 4px 8px -4px rgba(196,42,98,.7)}
.btn3d.big{font-size:17px;padding:15px 26px;border-radius:14px}
.btn3d.dark{background:var(--ink);color:#fff;box-shadow:0 5px 0 #000,0 14px 22px -10px rgba(0,0,0,.6)}.btn3d.dark:hover{box-shadow:0 7px 0 #000,0 20px 26px -12px rgba(0,0,0,.6)}.btn3d.dark:active{box-shadow:0 1px 0 #000}
.btn3d.ghost{background:#262b55;color:#fff;box-shadow:0 5px 0 #070920,0 14px 22px -10px rgba(0,0,0,.7)}.btn3d.ghost:hover{box-shadow:0 7px 0 #070920,0 20px 26px -12px rgba(0,0,0,.7)}.btn3d.ghost:active{box-shadow:0 1px 0 #070920}
.cube{--s:54px;display:inline-block;width:var(--s);height:var(--s);position:relative;transform-style:preserve-3d;transform:rotateX(-26deg) rotateY(-38deg);flex:none}
.cube i{position:absolute;inset:0;display:grid;place-items:center;font:800 calc(var(--s)*.5)/1 var(--f-d);font-style:normal;color:#2a0a1a;border-radius:calc(var(--s)*.12)}
.cube i:nth-child(1){background:var(--lime);transform:translateZ(calc(var(--s)/2))}
.cube i:nth-child(2){background:var(--lime-d);transform:rotateY(90deg) translateZ(calc(var(--s)/2))}
.cube i:nth-child(3){background:#ffd6e4;transform:rotateX(90deg) translateZ(calc(var(--s)/2))}
.cube.sm{--s:17px;margin:0 12px 0 4px}
.kicker{font:500 12px var(--f-m);text-transform:uppercase;letter-spacing:.16em;color:var(--acc)}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
.tilt{transition:transform .18s ease-out;will-change:transform}

/* nav */
.nav{position:sticky;top:0;z-index:30;background:rgba(14,16,20,.86);backdrop-filter:blur(10px);border-bottom:1px solid #232856}
.nav .wrap{display:flex;align-items:center;gap:28px;height:68px}
.logo{display:flex;align-items:center;font:800 20px var(--f-d);color:#fff;letter-spacing:-.02em}
.nav nav{display:flex;gap:26px;margin-left:auto}.nav nav a{color:#a9aecb;font-weight:500;font-size:15px}.nav nav a:hover{color:#fff}
.navcta{display:flex;align-items:center;gap:18px}.navcta .link{color:#fff;font-weight:500;font-size:15px}.navcta .btn3d{padding:9px 16px;font-size:14px}

/* hero */
.hero{position:relative;background:radial-gradient(900px 520px at 78% 18%,rgba(255,79,135,.2),transparent 62%),radial-gradient(700px 500px at 0% 100%,rgba(91,61,245,.42),transparent 60%),var(--ink);color:#c9cde3;overflow:hidden;padding:74px 0 120px}
.floor{position:absolute;left:-30%;right:-30%;bottom:-34%;height:78%;transform:perspective(560px) rotateX(66deg);transform-origin:50% 0;
  background-image:linear-gradient(rgba(255,79,135,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,79,135,.2) 1px,transparent 1px);background-size:64px 64px;
  -webkit-mask-image:linear-gradient(transparent,#000 35%,transparent 96%);mask-image:linear-gradient(transparent,#000 35%,transparent 96%);animation:drift 14s linear infinite}
@keyframes drift{to{background-position:0 64px,0 0}}
.herogrid{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:30px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:500 12.5px var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);background:rgba(255,79,135,.08);border:1px solid rgba(255,79,135,.25);padding:7px 14px;border-radius:99px}
.eyebrow b{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(255,79,135,.2)}
.hero h1{font-size:clamp(40px,4.5vw,60px);font-weight:800;color:#fff;margin:22px 0 20px}
.hero h1 em{font-style:normal;color:var(--lime);text-shadow:0 14px 26px rgba(255,79,135,.35)}
.lead{font-size:19px;max-width:520px;color:#b9bed6}
.herobtns{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0 22px}
.ticks{list-style:none;padding:0;margin:0;display:flex;gap:22px;flex-wrap:wrap;font-size:14px;color:#9aa0c0}
.ticks li:before{content:"";display:inline-block;width:14px;height:8px;border-left:2.5px solid var(--lime);border-bottom:2.5px solid var(--lime);transform:rotate(-45deg) translateY(-3px);margin-right:9px}

/* hero 3D scene */
.scene{perspective:1500px;height:560px;display:grid;place-items:center;padding-left:60px}
.stage{--rx:0deg;--ry:0deg;position:relative;width:440px;height:400px;transform-style:preserve-3d;transform:rotateX(calc(15deg + var(--rx))) rotateY(calc(-24deg + var(--ry))) rotateZ(3deg);transition:transform .25s ease-out}
.stage>*{position:absolute;transform-style:preserve-3d}
.sheet{inset:0;border-radius:20px;background:#27303a;border:1px solid #414c5a}.sheet.s2{transform:translateZ(-50px) translate(26px,22px);opacity:.75}.sheet.s3{transform:translateZ(-100px) translate(52px,44px);opacity:.42}
.panel3d{inset:0;border-radius:20px;background:linear-gradient(160deg,#ffffff,#eceef5);color:var(--ink);padding:20px 22px;
  box-shadow:1px 1px 0 #cdd1e1,2px 2px 0 #cdd1e1,3px 3px 0 #cdd1e1,4px 4px 0 #cdd1e1,5px 5px 0 #c3c8db,6px 6px 0 #c3c8db,7px 7px 0 #b7bdd3,8px 8px 0 #b7bdd3,34px 50px 70px rgba(0,0,0,.6)}
.ptop{display:flex;align-items:center;gap:10px;margin-bottom:14px}.dots{display:flex;gap:5px;margin-right:auto}.dots i{width:9px;height:9px;border-radius:50%;background:#cdd1e1}
.pid{font:500 11px var(--f-m);letter-spacing:.08em;background:var(--ink);color:var(--lime);border-radius:6px;padding:3px 8px}
.run{font:500 10.5px var(--f-m);text-transform:uppercase;letter-spacing:.08em;background:#e4ecf8;color:#2b5fa8;border-radius:99px;padding:3px 10px}
.pname{font:700 18px var(--f-d)}.pcount{display:flex;align-items:baseline;gap:8px;margin:6px 0 10px}.pcount b{font:500 56px/1 var(--f-m);letter-spacing:-.05em}.pcount span{font:500 22px var(--f-m);color:var(--mut)}.pcount em{font-style:normal;color:var(--mut);font-size:13px;margin-left:4px}
.pbar{height:12px;border-radius:99px;background:#e2e5ef;overflow:hidden;margin-bottom:14px}.pbar i{display:block;height:100%;width:65%;border-radius:99px;background:linear-gradient(90deg,var(--acc),#17a673);animation:grow 3.5s ease-out both}
@keyframes grow{from{width:8%}}
.prow{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;padding:9px 0;border-top:1px solid #e6e8f2}.prow small{margin-left:auto;font:400 11.5px var(--f-m);color:var(--mut)}
.ok{width:16px;height:16px;border-radius:50%;background:var(--acc);position:relative;flex:none}.ok:after{content:"";position:absolute;left:4.5px;top:4.5px;width:6px;height:3px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.spin{width:14px;height:14px;border-radius:50%;border:2.5px solid #cfd8ea;border-top-color:#2b5fa8;animation:sp 1s linear infinite;flex:none}@keyframes sp{to{transform:rotate(360deg)}}.prow.now{color:#2b5fa8}
.float{background:var(--card);color:var(--ink);border-radius:14px;padding:12px 15px;font-size:13px;line-height:1.35;display:flex;flex-direction:column;gap:3px;
  box-shadow:1px 1px 0 #cdd1e1,2px 2px 0 #cdd1e1,3px 3px 0 #c3c8db,4px 4px 0 #c3c8db,20px 30px 40px rgba(0,0,0,.5);animation:bob 6s ease-in-out infinite}
.float small{font:400 11px var(--f-m);color:var(--mut)}.float strong{font:700 14px var(--f-d)}
.badge{align-self:flex-start;font:500 10px var(--f-m);text-transform:uppercase;letter-spacing:.08em;background:#ece8ff;color:var(--acc-d);border-radius:99px;padding:2px 9px}
.f1{left:-175px;top:-78px;width:235px;--z:120px}.f2{right:-70px;top:-46px;width:150px;--z:90px;animation-delay:-2s}.f3{right:-96px;bottom:54px;--z:150px;animation-delay:-3.5s;background:var(--ink);color:#fff;box-shadow:1px 1px 0 #000,2px 2px 0 #000,3px 3px 0 #000,4px 4px 0 #000,20px 30px 40px rgba(0,0,0,.6)}
.f3 strong{font:500 24px var(--f-m);color:var(--lime)}.f3 small{color:#9096bb}
.f4 div{display:flex;flex-direction:column;gap:2px}.f4{left:-90px;bottom:-52px;--z:70px;animation-delay:-1s;flex-direction:row;align-items:center;gap:11px}.mail{width:34px;height:26px;border-radius:6px;background:var(--lime);position:relative;flex:none}.mail:after{content:"";position:absolute;left:6px;right:6px;top:6px;height:9px;border-left:2px solid #2a0a1a;border-bottom:2px solid #2a0a1a;transform:rotate(-45deg) scale(.8)}
.img{height:86px;border-radius:9px;background:radial-gradient(circle at 70% 30%,#ffd9a0 0 14%,transparent 15%),linear-gradient(160deg,#ff9b6a,#c84d6b 55%,#3b2a5c)}
@keyframes bob{0%,100%{transform:translateZ(var(--z)) translateY(0)}50%{transform:translateZ(calc(var(--z) + 26px)) translateY(-9px)}}
.stage .cube{animation:turn 16s linear infinite}.c1{--s:48px;right:-30px;bottom:-56px}.c2{--s:30px;left:-150px;top:210px;animation-duration:22s!important}
@keyframes turn{from{transform:translateZ(60px) rotateX(-26deg) rotateY(0)}to{transform:translateZ(60px) rotateX(-26deg) rotateY(360deg)}}

/* strip */
.strip{background:var(--lime);border-bottom:6px solid var(--lime-d)}
.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:22px 0}.strip b{display:block;font:800 22px var(--f-d);letter-spacing:-.02em}.strip span{font-size:14px;color:#4a1230}

/* sections */
.sec{padding:104px 0}.sec h2{font-size:clamp(32px,4vw,52px);font-weight:800;margin:10px 0 0;max-width:780px}.sec .sub{margin-top:14px;font-size:18px;color:var(--mut)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:70px}
.step{position:relative;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:54px 28px 30px;box-shadow:0 10px 0 #cdd1e1,0 34px 44px -22px rgba(20,24,51,.3)}
.step .num{--s:64px;position:absolute;left:30px;top:-34px}.step h3{font-size:23px;font-weight:700;margin-bottom:10px}.step p{color:var(--mut)}
.step:nth-child(2){margin-top:34px}.step:nth-child(3){margin-top:68px}
.sec.dark{background:radial-gradient(800px 400px at 12% 0,rgba(91,61,245,.4),transparent 60%),var(--ink);color:#b9bed6}.sec.dark h2{color:#fff}.sec.dark .kicker{color:var(--lime)}
.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px}
.feat{background:linear-gradient(160deg,#1f2452,#171b40);border:1px solid #2c3266;border-radius:20px;padding:26px 22px 28px;box-shadow:0 8px 0 #070920,0 30px 40px -20px rgba(0,0,0,.8);transform-style:preserve-3d}
.feat .ico{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:var(--lime);color:#2a0a1a;box-shadow:0 5px 0 var(--lime-d),0 14px 18px -8px rgba(255,79,135,.5);margin-bottom:22px;transform:translateZ(34px)}
.feat h3{font-size:19px;font-weight:700;color:#fff;margin-bottom:9px;line-height:1.2;transform:translateZ(20px)}.feat p{font-size:14.5px;line-height:1.55}

/* pricing */
.plans3d{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:26px;margin-top:64px;align-items:end}
.plan3d{position:relative;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:32px 28px 30px;box-shadow:0 12px 0 #cdd1e1,0 40px 50px -24px rgba(20,24,51,.35);display:flex;flex-direction:column}
.plan3d h3{font:500 15px var(--f-m);text-transform:uppercase;letter-spacing:.14em;color:var(--mut)}
.price{font:800 76px/1 var(--f-d);letter-spacing:-.05em;margin:14px 0 4px}.price sup{font-size:30px;vertical-align:top;position:relative;top:10px;margin-right:3px;letter-spacing:0}
.tok{font:500 17px var(--f-m);color:var(--acc)}.plan3d ul{list-style:none;padding:0;margin:22px 0 26px;display:flex;flex-direction:column;gap:9px;font-size:15px;flex:1}
.plan3d li:before{content:"";display:inline-block;width:12px;height:7px;border-left:2.5px solid var(--acc);border-bottom:2.5px solid var(--acc);transform:rotate(-45deg) translateY(-3px);margin-right:10px}
.plan3d.feat{background:linear-gradient(165deg,#1b1f48,#0d1030);border-color:#0d1030;color:#c9cde3;padding-top:46px;padding-bottom:44px;box-shadow:0 12px 0 var(--lime-d),0 50px 60px -24px rgba(91,61,245,.7)}
.plan3d.feat h3{color:#9096bb}.plan3d.feat .price{color:#fff}.plan3d.feat .tok{color:var(--lime)}.plan3d.feat li:before{border-color:var(--lime)}
.tag{position:absolute;top:-15px;left:28px;font:700 12px var(--f-d);background:var(--hot);color:#fff;border-radius:99px;padding:6px 14px;box-shadow:0 4px 0 #c2501f}
.plan3d .btn3d{width:100%}
.ratebox{display:grid;grid-template-columns:1.25fr 1fr;gap:26px;margin-top:70px;align-items:stretch}
.receipt{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px 30px;box-shadow:0 10px 0 #cdd1e1,0 34px 44px -22px rgba(20,24,51,.28)}
.receipt h3{font-size:22px;font-weight:700;margin-bottom:14px}.receipt div{display:flex;align-items:baseline;gap:10px;padding:7px 0;font-size:15px}.receipt i{flex:1;border-bottom:2px dotted #cdd1e1;transform:translateY(-4px)}.receipt b{font:500 16px var(--f-m)}.receipt small{display:block;margin-top:10px;color:var(--mut);font:400 12px var(--f-m)}
.example{background:var(--lime);border-radius:22px;padding:30px;box-shadow:0 10px 0 var(--lime-d),0 34px 44px -22px rgba(196,42,98,.7);display:flex;flex-direction:column;justify-content:center}
.example .kicker{color:#4a1230}.example p{font-size:18px;margin-top:8px}.example .big{font:500 64px/1 var(--f-m);letter-spacing:-.05em;margin:14px 0}.example .big small{font-size:18px;letter-spacing:0;margin-left:10px}.example .muted{font-size:14.5px;color:#4a1230}

/* faq, final, footer */
.q{background:var(--card);border:1px solid var(--line);border-radius:16px;margin-top:14px;box-shadow:0 6px 0 #cdd1e1}.q:first-of-type{margin-top:44px}
.q summary{cursor:pointer;list-style:none;padding:19px 24px;font:700 19px var(--f-d);display:flex;justify-content:space-between;align-items:center}.q summary::-webkit-details-marker{display:none}
.q summary:after{content:"+";font:500 26px/1 var(--f-m);color:var(--acc)}.q[open] summary:after{content:"–"}.q p{padding:0 24px 22px;color:var(--mut)}
.final{padding:20px 0 110px}.finalbox{position:relative;border-radius:30px;padding:74px 40px;text-align:center;color:#fff;overflow:hidden;
  background:radial-gradient(600px 300px at 80% 0,rgba(255,79,135,.28),transparent 65%),linear-gradient(140deg,#0d1030,#2a1f6b);box-shadow:0 14px 0 var(--acc-d),0 50px 70px -30px rgba(91,61,245,.8)}
.finalbox h2{font-size:clamp(30px,4vw,50px);font-weight:800;max-width:720px;margin:0 auto 34px}.c3{--s:70px;position:absolute;left:7%;top:24%;animation:turn 18s linear infinite}
.foot{background:var(--ink);color:#9096bb;padding:34px 0;font-size:14.5px}.foot .wrap{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.foot nav{display:flex;gap:22px;margin:0 auto;flex-wrap:wrap}.foot a:hover{color:#fff}.foot .logo{font-size:18px}

@media(max-width:1020px){.herogrid{grid-template-columns:minmax(0,1fr)}.scene{height:500px;margin-top:20px;padding-left:0}.feats{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr;gap:56px}.step:nth-child(n){margin-top:0}.ratebox{grid-template-columns:1fr}.nav nav{display:none}.navcta{margin-left:auto}}
@media(max-width:620px){.hero{padding:40px 0 60px}.hero h1{font-size:33px}.lead{font-size:17px}.eyebrow{font-size:10.5px;letter-spacing:.06em;padding:6px 11px}.herobtns .btn3d{flex:1 1 100%}.ticks{gap:8px 18px}.scene{height:330px;margin-top:34px}.wrap{width:calc(100% - 32px)}.plans3d{gap:34px}.ratebox{margin-top:50px}.example .big{font-size:50px}.stage{transform:scale(.62) rotateX(15deg) rotateY(-22deg) rotateZ(3deg)}.feats{grid-template-columns:1fr}.strip .wrap{grid-template-columns:1fr 1fr}.sec{padding:70px 0}.navcta .link{display:none}.price{font-size:60px}.finalbox{padding:54px 22px}.c3{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.float{transform:translateZ(var(--z))}.stage .cube{transform:translateZ(60px) rotateX(-26deg) rotateY(-38deg)}}

/* ===== shared public header: menu, phone drawer, skip link ===== */
.skip{position:absolute;left:-999px;top:8px;background:var(--lime);color:#2a0a1a;padding:10px 16px;border-radius:10px;font-weight:700;z-index:99}.skip:focus{left:12px}
.menu{display:flex;align-items:center;gap:28px;margin-left:auto}.nav nav{margin-left:0}.nav nav a.on{color:#fff}
.burger{display:none;margin-left:auto;width:44px;height:44px;border:1px solid #2e3462;border-radius:12px;background:#1b1f48;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger i{display:block;width:20px;height:2px;border-radius:2px;background:#fff;transition:transform .2s,opacity .2s}
.menuopen .burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}.menuopen .burger i:nth-child(2){opacity:0}.menuopen .burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:3px;border-radius:6px}
.center{text-align:center}.sec.tight{padding:64px 0 90px}.sec.alt{background:#e6e8f2}
.more{margin-top:40px;text-align:center}

/* ===== blog ===== */
.bloghead{background:radial-gradient(700px 300px at 85% 0,rgba(255,79,135,.2),transparent 65%),var(--ink);color:#b9bed6;padding:70px 0 64px}
.bloghead .kicker{color:var(--lime)}.bloghead h1{color:#fff;font-size:clamp(34px,5vw,58px);font-weight:800;margin:10px 0 12px}.bloghead p{font-size:18px;max-width:620px}
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:44px}.sec.tight .pgrid:first-child{margin-top:0}
.pcard{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 0 #cdd1e1,0 30px 40px -22px rgba(20,24,51,.3);transition:transform .18s,box-shadow .18s}
.pcard:hover{transform:translateY(-5px);box-shadow:0 13px 0 #cdd1e1,0 40px 46px -22px rgba(20,24,51,.35)}
.pimg{display:block;aspect-ratio:16/9;background:#161a36;overflow:hidden}.pimg img{width:100%;height:100%;object-fit:cover;display:block}
.nocover{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(circle at 70% 20%,rgba(255,79,135,.35),transparent 55%),linear-gradient(140deg,#0d1030,#2a1f6b)}
.pbody{padding:20px 22px 24px;display:flex;flex-direction:column;gap:9px}.pmeta{font:400 12.5px var(--f-m);color:var(--mut)}
.pcard h3{font-size:21px;font-weight:700;line-height:1.2}.pcard h3 a:hover{color:var(--acc)}.pcard p{color:var(--mut);font-size:15px}
.pager{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:54px}.pager a,.pager b{min-width:44px;height:44px;display:grid;place-items:center;padding:0 14px;border-radius:12px;font:600 15px var(--f-b);background:var(--card);border:1px solid var(--line);box-shadow:0 4px 0 #cdd1e1}
.pager b{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 4px 0 #000}.pager a:hover{border-color:var(--acc)}
.posthead{background:radial-gradient(700px 300px at 85% 0,rgba(255,79,135,.18),transparent 65%),var(--ink);color:#a9aecb;padding:54px 0 120px}
.crumbs{display:flex;gap:9px;font:400 13px var(--f-m);margin-bottom:22px}.crumbs a{color:var(--lime)}.crumbs a:hover{text-decoration:underline}
.posthead h1,.ptitle{font-size:clamp(32px,4.6vw,54px);font-weight:800;color:#fff;line-height:1.08}.ptitle{color:var(--ink);margin-top:10px}.posthead .pmeta{color:#9096bb;margin-top:18px;font-size:13.5px}
.draftnote{display:inline-block;background:var(--hot);color:#fff;font-weight:600;font-size:13.5px;padding:5px 12px;border-radius:8px;margin-bottom:14px}
.post .cover{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:22px;margin-top:-80px;display:block;box-shadow:0 12px 0 #cdd1e1,0 40px 60px -26px rgba(20,24,51,.5);background:#161a36}
.post .cover+.prose{margin-top:50px}.post .wrap>.prose:first-child{margin-top:-64px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:36px 40px;box-shadow:0 12px 0 #cdd1e1}
.prose{font-size:18.5px;line-height:1.75;color:#23262d;overflow-wrap:break-word}.prose>*:first-child{margin-top:0}
.prose p{margin:0 0 22px}.prose h2{font-size:31px;font-weight:800;margin:46px 0 14px;line-height:1.15}.prose h3{font-size:24px;font-weight:700;margin:36px 0 10px}.prose h4{font:700 19px var(--f-d);margin:28px 0 8px}
.prose a{color:var(--acc);text-decoration:underline;text-underline-offset:3px}.prose ul,.prose ol{margin:0 0 22px;padding-left:26px}.prose li{margin-bottom:8px}
.prose img{max-width:100%;height:auto;border-radius:14px;display:block;margin:30px auto}.prose blockquote{margin:30px 0;padding:6px 24px;border-left:5px solid var(--lime-d);font-size:21px;color:var(--ink)}
.prose pre{background:var(--ink);color:#e6e8eb;border-radius:12px;padding:16px 18px;overflow:auto;font:14px/1.6 var(--f-m)}.prose code{font-family:var(--f-m);font-size:.9em;background:#e6e8f2;border-radius:5px;padding:1px 6px}.prose pre code{background:none;padding:0}
.prose table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:16px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);padding:9px 12px;text-align:left}.prose th{background:#e6e8f2}.prose hr{border:0;border-top:2px dashed var(--line);margin:40px 0}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:34px 0 0}.tags span{font:500 12.5px var(--f-m);background:#ece8ff;color:var(--acc-d);border-radius:99px;padding:5px 13px}
.ctabox{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;margin:56px 0 80px;padding:34px 36px;border-radius:24px;color:#c9cde3;background:radial-gradient(400px 220px at 90% 0,rgba(255,79,135,.25),transparent 65%),linear-gradient(140deg,#0d1030,#2a1f6b);box-shadow:0 12px 0 var(--acc-d)}
.ctabox h2{color:#fff;font-size:28px;font-weight:800;margin-bottom:8px}.ctabox div{flex:1 1 320px}

@media(max-width:1020px){
  .burger{display:flex}.nav{backdrop-filter:none;background:var(--ink)}
  .menu{display:none;position:absolute;left:0;right:0;top:68px;margin:0;padding:10px 20px 22px;background:var(--ink);border-bottom:1px solid #232856;flex-direction:column;align-items:stretch;gap:14px;box-shadow:0 30px 40px rgba(0,0,0,.5);max-height:calc(100vh - 68px);overflow:auto}
  .menuopen .menu{display:flex}.nav nav{display:flex;flex-direction:column;gap:0}.nav nav a{padding:14px 4px;font-size:17px;border-bottom:1px solid #232856;color:#fff}
  .navcta{margin:6px 0 0;flex-direction:column;align-items:stretch;gap:12px}.navcta .link{display:block;text-align:center;padding:13px;border:1px solid #2e3462;border-radius:12px}.navcta .btn3d{padding:14px;font-size:16px}
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .navcta .link{display:block}.pgrid{grid-template-columns:minmax(0,1fr);gap:24px}.prose{font-size:17px}.prose h2{font-size:25px}.prose h3{font-size:21px}
  .posthead{padding:38px 0 96px}.post .cover{border-radius:16px;margin-top:-64px}.post .wrap>.prose:first-child{padding:24px 20px}.ctabox{padding:26px 22px;margin-bottom:56px}.ctabox .btn3d{width:100%}.bloghead{padding:46px 0 42px}
  .strip b{font-size:19px}.receipt{padding:22px 20px}.receipt div{font-size:14px}.example{padding:24px}.q summary{font-size:17px;padding:16px 18px}.q p{padding:0 18px 18px}.foot .wrap{flex-direction:column;align-items:flex-start;gap:16px}.foot nav{margin:0}
}
/* v4.13 — currency chooser: segmented control in the pricing section and a floating one in the corner */
.curswitch{display:inline-flex;gap:3px;padding:4px;border-radius:14px;background:#e4e6f0;box-shadow:inset 0 1px 2px rgba(17,20,24,.1)}
.curswitch a,.curswitch b{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:11px;font-weight:700;font-size:14px;color:#5b6290;white-space:nowrap;transition:background .15s,color .15s}
.curswitch a:hover{color:#0f1230;background:rgba(255,255,255,.6)}
.curswitch b{background:#0f1230;color:#fff;box-shadow:0 3px 0 #000,0 10px 18px -8px rgba(17,20,24,.5)}
.curswitch .sym{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#d1d5e4;color:#0f1230;font:700 13px/1 system-ui,"Noto Sans Bengali","Nirmala UI",sans-serif}
.curswitch b .sym{background:#ff4f87;color:#0f1230}
.curbar{margin-top:26px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:15px;font-weight:600;color:#5b6290}
.curfloat{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;border-radius:18px;background:rgba(17,20,24,.92);backdrop-filter:blur(10px);box-shadow:0 4px 0 #000,0 22px 40px -14px rgba(17,20,24,.6);border:1px solid #2a3038}
.curfloat .curlabel{color:#a9aecb;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.curfloat .curswitch{background:#22272e;box-shadow:none;padding:3px}.curfloat .curswitch a{color:#a9aecb;padding:7px 13px;font-size:13px}.curfloat .curswitch a:hover{color:#fff;background:#2c323a}
.curfloat .curswitch b{background:#ff4f87;color:#0f1230;box-shadow:none;padding:7px 13px;font-size:13px}.curfloat .curswitch .sym{background:#3a414b;color:#fff;width:19px;height:19px;font-size:12px}.curfloat .curswitch b .sym{background:#0f1230;color:#ff4f87}
@media(max-width:620px){.curfloat{right:12px;bottom:12px;padding:6px}.curfloat .curlabel{display:none}}
.curfloat{transition:opacity .25s,transform .25s}.curfloat.away{opacity:0;transform:translateY(16px);pointer-events:none}
.logo .brandlogo{height:38px;width:auto;max-width:210px;object-fit:contain}.logo .brandicon{width:28px;height:28px;border-radius:7px;margin-right:11px;object-fit:cover}
/* v5.3 — light header (logo with dark lettering reads on it); menu colours follow */
.nav{background:rgba(255,254,250,.92);border-bottom:1px solid #dde0ec;box-shadow:0 1px 0 rgba(17,20,24,.03),0 10px 24px -18px rgba(17,20,24,.25)}
.nav .logo{color:#0f1230}
.nav nav a{color:#4a515c}.nav nav a:hover{color:#0f1230}.nav nav a.on{color:#0f1230;box-shadow:inset 0 -2px 0 #5b3df5}
.navcta .link{color:#0f1230}
.nav .btn3d{background:#0f1230;color:#fff;box-shadow:0 4px 0 #000,0 12px 20px -10px rgba(0,0,0,.5)}.nav .btn3d:hover{box-shadow:0 6px 0 #000,0 16px 24px -12px rgba(0,0,0,.5)}
.burger{border-color:#cdd1e1;background:#fff}.burger i{background:#0f1230}
@media(max-width:1020px){.nav{background:#ffffff;backdrop-filter:none}.nav .menu{background:#ffffff}.nav nav a{color:#0f1230;border-bottom-color:#e6e8f2}.nav nav a.on{box-shadow:none}.navcta .link{border-color:#cdd1e1;color:#0f1230}}
.foot .logo .brandlogo{background:#fff;padding:6px 12px;border-radius:10px;height:44px}
/* v5.4 — ten feature cards: five per row on wide screens */
@media(min-width:1021px){.feats{grid-template-columns:repeat(3,1fr)}}

/* ===== AiVideoPad: hero with a render timeline, formats, steps ===== */
.vhero{position:relative;background:radial-gradient(900px 520px at 85% 10%,rgba(255,79,135,.18),transparent 60%),radial-gradient(800px 560px at 0% 100%,rgba(91,61,245,.45),transparent 62%),var(--ink);color:#c9cde3;overflow:hidden;padding:84px 0 104px}
.vgridh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}
.vhero h1{font-size:clamp(38px,4.4vw,60px);font-weight:700;color:#fff;margin:0 0 22px;letter-spacing:-.035em;line-height:1.02;max-width:12ch}
.vhero .lead{max-width:56ch}
.monitor{--lab:84px;display:flex;flex-direction:column;gap:16px}
.screens{display:flex;gap:16px;align-items:flex-end}
.scr{position:relative;border-radius:10px;overflow:hidden;background:
  radial-gradient(120% 90% at 70% 30%,#ffb36b 0,#e2557a 32%,#5b3df5 70%,#1b1f48 100%);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 50px -24px rgba(0,0,0,.8)}
.scr.wide{flex:1;aspect-ratio:16/9}.scr.tall{width:24%;aspect-ratio:9/16;background:radial-gradient(120% 80% at 40% 20%,#7cf0d2 0,#2fb3a0 30%,#2a1f6b 75%,#141833 100%)}
.scr .safe{position:absolute;inset:9%;border:1px dashed rgba(255,255,255,.28);border-radius:4px}
.scr .cap{position:absolute;left:8%;right:8%;bottom:10%;text-align:center;font:700 clamp(10px,1.1vw,15px)/1.25 var(--f-b);color:#ffe066;text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000}
.scr.tall .cap{bottom:32%;font-size:clamp(9px,.85vw,12px)}
.scr .rec{position:absolute;top:8%;right:6%;font:600 11px var(--f-m);color:#fff;display:flex;align-items:center;gap:6px}
.scr .rec:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px rgba(255,79,135,.3)}
.tl{--k:0;position:relative;background:#0b0e2a;border:1px solid #262b55;border-radius:12px;padding:12px 14px 10px}
.tlhead,.tlfoot{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:#9096bb}
.tlhead{margin-bottom:8px}.tlhead b{color:#fff;font:600 13px var(--f-d)}.tc{font:500 15px var(--f-m);color:#ffe066;font-variant-numeric:tabular-nums}
.tlfoot{margin-top:8px;font-size:12px}
.track{display:flex;align-items:center;height:22px;margin:4px 0;position:relative}
.track span{width:var(--lab);flex:none;font-size:11.5px;color:#8187ad}
.track .clip{position:absolute;top:3px;bottom:3px;border-radius:4px;left:var(--lab);right:0}
.clip.c1{background:#8f7bff;right:0}.clip.c2{background:#ff7aa6}.clip.c4{background:#ffe066;opacity:.85}.clip.c5{background:#3fd7b5;opacity:.75}
.clip.wave{background:repeating-linear-gradient(90deg,#ff7aa6 0 2px,transparent 2px 4px),linear-gradient(#ff7aa633,#ff7aa633)}
.clip.c3{background:#5b8cff}
.clip.s1{left:var(--lab);right:auto;width:calc((100% - var(--lab))*.24)}.clip.s2{left:calc(var(--lab) + (100% - var(--lab))*.255);right:auto;width:calc((100% - var(--lab))*.22)}
.clip.s3{left:calc(var(--lab) + (100% - var(--lab))*.49);right:auto;width:calc((100% - var(--lab))*.27)}.clip.s4{left:calc(var(--lab) + (100% - var(--lab))*.775);right:0;width:auto}
.playhead{position:absolute;z-index:2;top:34px;bottom:30px;left:calc(14px + var(--lab));width:2px;background:var(--lime);box-shadow:0 0 12px rgba(255,79,135,.8)}
.playhead:before{content:"";position:absolute;top:-6px;left:-5px;border:6px solid transparent;border-top-color:var(--lime)}
.vsteps{list-style:none;counter-reset:s;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.vsteps li{counter-increment:s;border-top:3px solid var(--ink);padding-top:22px}
.vsteps li:before{content:counter(s);display:block;font:700 46px/1 var(--f-d);color:var(--acc);margin-bottom:14px}
.vsteps h3{font-size:22px;margin-bottom:10px}.vsteps p{color:var(--mut)}
.formats{background:#fff;padding:90px 0}
.fmts{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;margin-top:48px}
.fmt{display:flex;gap:26px;align-items:center;background:var(--paper);border-radius:18px;padding:28px}
.fmt h3{font-size:24px;margin-bottom:8px}.fmt p{color:var(--mut);margin-bottom:12px}.fmt b{font:600 14px var(--f-b);color:var(--acc)}
.frame{flex:none;border:3px solid var(--ink);border-radius:10px;position:relative;background:linear-gradient(135deg,#ece8ff,#ffe1ec)}
.frame:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-40%,-50%);border:12px solid transparent;border-left:18px solid var(--ink);border-right:0}
.f169{width:160px;height:90px}.f916{width:62px;height:110px}
@media(max-width:1020px){.vgridh{grid-template-columns:minmax(0,1fr)}.fmts{grid-template-columns:1fr}.vsteps{grid-template-columns:1fr}}
@media(max-width:620px){.vhero{padding:44px 0 60px}.vhero h1{font-size:34px}.monitor{--lab:66px}.fmt{flex-direction:column;align-items:flex-start}.formats{padding:64px 0}}
.tl:after{content:"";position:absolute;top:34px;bottom:30px;right:14px;left:calc(14px + var(--lab) + (100% - 28px - var(--lab)) * var(--k));background:rgba(11,14,42,.72);pointer-events:none}