.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
body{--wp--preset--color--black:#000000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#ffffff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--color--accent:#cd2653;--wp--preset--color--primary:#000000;--wp--preset--color--secondary:#6d6d6d;--wp--preset--color--subtle-background:#dcd7ca;--wp--preset--color--background:#f5efe0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small:18px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:26.25px;--wp--preset--font-size--x-large:42px;--wp--preset--font-size--normal:21px;--wp--preset--font-size--larger:32px;--wp--preset--spacing--20:0.44rem;--wp--preset--spacing--30:0.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,0.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,0.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,0.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgba(255,255,255,1),6px 6px rgba(0,0,0,1);--wp--preset--shadow--crisp:6px 6px 0px rgba(0,0,0,1)}:where(.is-layout-flex){gap:0.5em}:where(.is-layout-grid){gap:0.5em}body .is-layout-flow > .alignleft{float:left;margin-inline-start:0;margin-inline-end:2em}body .is-layout-flow > .alignright{float:right;margin-inline-start:2em;margin-inline-end:0}body .is-layout-flow > .aligncenter{margin-left:auto !important;margin-right:auto !important}body .is-layout-constrained > .alignleft{float:left;margin-inline-start:0;margin-inline-end:2em}body .is-layout-constrained > .alignright{float:right;margin-inline-start:2em;margin-inline-end:0}body .is-layout-constrained > .aligncenter{margin-left:auto !important;margin-right:auto !important}body .is-layout-constrained >:where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:var(--wp--style--global--content-size);margin-left:auto !important;margin-right:auto !important}body .is-layout-constrained > .alignwide{max-width:var(--wp--style--global--wide-size)}body .is-layout-flex{display:flex}body .is-layout-flex{flex-wrap:wrap;align-items:center}body .is-layout-flex > *{margin:0}body .is-layout-grid{display:grid}body .is-layout-grid > *{margin:0}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}.has-black-color{color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-color{color:var(--wp--preset--color--white) !important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important}.has-black-background-color{background-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-background-color{background-color:var(--wp--preset--color--white) !important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important}.has-black-border-color{border-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-border-color{border-color:var(--wp--preset--color--white) !important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important}.wp-block-navigation a:where(:not(.wp-element-button)){color:inherit}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}.wp-block-pullquote{font-size:1.5em;line-height:1.6}
.new-home-page .design-home-banner.size-banner{background-size:cover}.new-home-page .swiper-container .swiper-slide span.page_heading{color:#ffffff !important}
html{background:#000}html,body{max-width:100vw;overflow-x:hidden;overflow-x:clip}html[dir=rtl] body,html[dir=rtl] main,html[dir=rtl] body>section,html[dir=rtl] main>section{direction:ltr}.navbar-light .navbar-nav .nav-link,.navbar-light .navbar-nav .nav-link span{color:#fff!important}.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover span,.navbar-light .navbar-nav .nav-link:focus span{color:#d1fe17!important}.pxz-skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:10000}.pxz-skip-link:focus{position:fixed;left:16px;top:16px;width:auto;height:auto;padding:12px 18px;background:#d1fe17;color:#000;font-weight:600;font-size:14px;border-radius:6px;text-decoration:none;box-shadow:0 4px 12px #0006;outline:2px solid #fff;outline-offset:2px}html[dir=rtl] [class^=pxz-fc],html[dir=rtl] [class*=" pxz-fc"],html[dir=rtl] [class^=pxz-create],html[dir=rtl] [class*=" pxz-create"],html[dir=rtl] [class^=pxz-v3],html[dir=rtl] [class*=" pxz-v3"],html[dir=rtl] [class^=pxz-tc],html[dir=rtl] [class*=" pxz-tc"],html[dir=rtl] [class^=pxz-vm],html[dir=rtl] [class*=" pxz-vm"],html[dir=rtl] [class^=pxz-mg],html[dir=rtl] [class*=" pxz-mg"]{direction:ltr}html[data-pxz-auth=in]:not([data-pxz-auth-ready]) .top-language-bar ul.nav.s-nav{visibility:hidden}
:root{--color-bg: #ffffff;--color-text: #0b0b0f;--color-muted: #6b7280;--color-accent: #2b6cff;--container: 1200px}.base-fallback{background:var(--color-bg);color:var(--color-text)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.container{max-width:var(--container);margin:0 auto;padding:0 1.25rem}.site-header,.site-footer{padding:1rem 0;border-bottom:1px solid #eef0f4}.site-footer{border-bottom:0;border-top:1px solid #eef0f4}.site-header .container,.site-footer .container{display:flex;justify-content:space-between;align-items:center;gap:2rem}.site-header nav,.site-footer nav{display:flex;gap:1.25rem}a{color:inherit;text-decoration:none}a:hover{color:var(--color-accent)}main{min-height:60vh;padding:2rem 0}
.final-cta .sec-sub{text-align:center;margin-left:auto;margin-right:auto}.breadcrumb-wrapper{margin:6px 0 8px;padding-left:clamp(20px,5.33vw,88px);padding-right:clamp(20px,5.33vw,88px)}.breadcrumb-wrapper .breadcrumb{display:inline-flex!important;width:fit-content!important;align-items:center;gap:9px;font:600 12.5px/1 -apple-system,system-ui,sans-serif;letter-spacing:.04em;padding:8px 15px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035)}.breadcrumb a{color:var(--muted-2,#9aa0a6);text-decoration:none;transition:color .15s ease}.breadcrumb a:hover{color:var(--accent,#d1fe17)}.breadcrumb .breadcrumb-sep{color:rgba(255,255,255,.28);font-size:12px;font-weight:400}.breadcrumb .breadcrumb-current{color:var(--ink,#eef1f4)}.hero-head{grid-column:1/-1;margin:0 0 2px}.hero-head .badge{display:inline-flex}.hero-head .headline{white-space:nowrap;font-size:clamp(30px,3.6vw,48px)!important;line-height:1.08!important;margin:12px 0 0}.hero-head .hdv-subhead{font-size:clamp(15px,1.35vw,17.5px);font-weight:400;color:var(--muted-2,#9aa0a6);margin:10px 0 0;max-width:720px;line-height:1.65}.hero-head .hdv-subhead strong{font-weight:600;color:var(--ink,#eef1f4)}.hero .left{display:flex;flex-direction:column}.hero .left>#uploadBox{order:-1}.hero .right .lede{margin:14px 0 0;color:var(--ink,#e9edf1);font-size:16px;line-height:1.6}.hero .right .lede strong{font-weight:700}.hero .left>.stats{order:1;margin-top:22px;max-width:560px}.hero .left>.trust{order:0;margin-top:18px;justify-content:center;max-width:560px}.hero .left>.stats{justify-content:center;text-align:center}.hero .left>.stats .stat{text-align:center}.hero{padding-top:28px!important;align-items:start!important}.hdv-specnote{color:var(--muted,#8a9098);font-size:13.5px;line-height:1.6;margin:16px 0 0;max-width:560px}@media(max-width:820px){.hero{padding-top:12px!important}.hero-head .headline{white-space:normal!important;font-size:clamp(26px,7vw,34px)!important;line-height:1.12!important}}
a.nav-link{margin:0 4px !important}.menu-item-47674:hover ul.feature-sub{columns:1;gap:0px;margin-left:0px}li.add_image.feature-menu.ai-suite:hover .feature-sub{columns:4;display:flex;flex-direction:row;margin-left:00px}li.add_image.feature-menu.ai-suite .feature-sub li{flex:1 1 auto}li.add_image.feature-menu.ai-suite .feature-sub li span.menuhead{font-weight:bold;color:#d1fe17 !important;display:block;border-bottom:1px solid #333;padding:0px 5px 5px 5px;margin:0 10px;text-transform:uppercase;font-size:13px}li.add_image.feature-menu.ai-suite .feature-sub li ul{padding:0;margin:0}li.add_image.feature-menu.ai-suite .feature-sub li span svg{width:16px;height:16px;margin:3px 10px 0 0;float:left;fill:#d1fe17}li.add_image.feature-menu.ai-suite .feature-sub li span svg path{fill:#d1fe17}li.add_image.feature-menu.ai-suite .feature-sub li p{padding:5px 0 0 0;margin:0px;color:#a0a0a0;font-size:12px;line-height:1.2}.new-home-page .feature-sub a.nav-link span{color:#fff;font-weight:bold;font-size:13px}li.add_image.feature-menu.ai-suite .feature-sub li a.nav-link:hover span{color:#fff !important}li.add_image.feature-menu.ai-suite .feature-sub li li:hover{background:#303030;border-radius:10px;transform:translateX(4px)}li.add_image.feature-menu.ai-suite .feature-sub li a.nav-link:hover{background:none}li.add_image.feature-menu.ai-suite .feature-sub li ul{max-width:250px}@media (max-width:991px){li.add_image.feature-menu.ai-suite .feature-sub li ul{max-width:100%}li.add_image.feature-menu.ai-suite:hover .feature-sub{columns:1;margin:0;flex-direction:column}li.add_image.feature-menu.ai-suite .feature-sub li li:hover{background:none;transform:translateX(2px)}li.add_image.feature-menu.ai-suite .feature-sub li ul p{display:none}li.add_image.feature-menu.ai-suite .feature-sub li span.menuhead{padding:5px;position:relative}li.add_image.feature-menu.ai-suite .feature-sub li span.menuhead:before{content:">";position:absolute;right:10px}li.add_image.feature-menu.ai-suite .feature-sub li.active span.menuhead:before{transform:rotate(90deg)}}
.breadcrumb-wrapper {
position: relative;
width: 100%;
background-color: #000 !important;
margin-top: 90px;
z-index: 1;
}
.breadcrumb-wrapper * {
background-color: transparent !important;
}
.breadcrumb {
max-width: 1200px;
margin: 0 auto;
padding: 16px 24px;
font-size: 14px;
display: flex;
align-items: center;
gap: 8px;
color: #bdbdbd;
}
.breadcrumb a {
color: #d1fe17;
text-decoration: none;
font-weight: 500;
}
.breadcrumb a:hover {
text-decoration: underline;
}
.breadcrumb-sep {
color: #666;
}
.breadcrumb-current {
color: #ffffff;
font-weight: 600;
white-space: nowrap;
}
@media(max-width:768px) {
.breadcrumb-wrapper {
margin-top: 80px;
}
}
/* ===== ROOT VARIABLES (shared with hero) ===== */
:root {
--bg: #000;
--bg-2: #0a0a0a;
--card: #0e0e0e;
--card-2: #141414;
--line: #1f1f1f;
--line-2: #2a2a2a;
--text: #ffffff;
--muted: #9a9a9a;
--muted-2: #bdbdbd;
--accent: #D1FE17;
--accent-soft: rgba(209, 254, 23, .12);
--pink: #ff3ea5;
--orange: #ff9a3c;
--radius: 18px;
--radius-lg: 22px;
}
* {
box-sizing: border-box
}
html,
body {
margin: 0;
padding: 0;
background: var(--bg);
color: var(--text);
font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
-webkit-font-smoothing: antialiased
}
/* ===== HERO SECTION (from designer) ===== */
.hero {
position: relative;
width: 100%;
min-height: 100vh;
padding: 64px 6vw;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
gap: 64px;
align-items: center;
overflow: hidden;
background:
radial-gradient(1200px 600px at 85% 50%, rgba(209, 254, 23, .05), transparent 60%),
radial-gradient(800px 500px at 10% 80%, rgba(255, 62, 165, .04), transparent 60%),
var(--bg);
}
.badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
border-radius: 999px;
background: var(--accent-soft);
border: 1px solid rgba(209, 254, 23, .35);
color: var(--accent);
font-weight: 600;
font-size: 12px;
letter-spacing: .14em;
text-transform: uppercase;
}
.badge .spark {
display: inline-block;
width: 14px;
height: 14px;
background: var(--accent);
-webkit-mask: url("data:image/svg+xml;utf8,") center/contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center/contain no-repeat;
}
.headline {
font-size: clamp(44px, 5.4vw, 84px);
line-height: 1.02;
font-weight: 800;
letter-spacing: -0.02em;
margin: 24px 0 18px;
}
.headline .accent {
background: linear-gradient(90deg, #e6ff5c, #D1FE17 60%, #a9d40a);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.lede {
color: var(--muted-2);
font-size: 16px;
line-height: 1.6;
max-width: 520px;
margin: 0 0 32px;
}
.stats {
display: grid;
grid-template-columns: repeat(3, max-content);
gap: 48px;
margin: 0 0 32px;
}
.stat .num {
font-size: 40px;
font-weight: 700;
line-height: 1;
color: var(--accent);
letter-spacing: -0.02em;
}
.stat .lbl {
margin-top: 8px;
color: var(--muted);
font-size: 13px;
font-weight: 500;
}
.upload {
position: relative;
border: 1.5px dashed rgba(209, 254, 23, .45);
border-radius: var(--radius-lg);
background: linear-gradient(180deg, rgba(255, 255, 255, .02), rgba(255, 255, 255, 0));
padding: 36px 28px;
max-width: 560px;
text-align: center;
transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.upload:hover {
border-color: var(--accent);
background: rgba(209, 254, 23, .03)
}
.upload .ic {
width: 64px;
height: 64px;
border-radius: 50%;
background: radial-gradient(circle at 30% 30%, #b6e30e, #6b8a05);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 14px;
box-shadow: 0 12px 30px rgba(209, 254, 23, .18);
}
.upload .ic svg {
width: 26px;
height: 26px;
color: #0a0a0a;
pointer-events: none
}
.upload .t1 {
font-weight: 600;
font-size: 18px
}
.upload .t2 {
color: var(--muted);
font-size: 13px;
margin-top: 4px
}
.cta {
margin-top: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 28px;
border-radius: 999px;
background: linear-gradient(90deg, #e6ff5c, #D1FE17);
color: #0a0a0a;
font-weight: 700;
font-size: 15px;
letter-spacing: .01em;
border: none;
cursor: pointer;
box-shadow: 0 14px 30px rgba(209, 254, 23, .22), inset 0 -2px 0 rgba(0, 0, 0, .08);
transition: transform .15s ease, box-shadow .15s ease;
}
.cta:hover {
transform: translateY(-1px);
box-shadow: 0 18px 36px rgba(209, 254, 23, .32)
}
.fmt {
margin-top: 12px;
color: #8b8b8b;
font-size: 12px
}
/* ===== UPLOAD WORKFLOW (file input + preview + loader + error) ===== */
.upload.is-dragging {
border-color: var(--accent);
background: rgba(209, 254, 23, .06);
}
.upload form {
margin: 0;
}
.upload .upload-cta-row {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
margin-top: 6px;
}
.upload .upload-helper {
color: var(--muted);
font-size: 13px;
margin-top: 4px;
}
.upload-preview {
position: relative;
margin: 6px auto 14px;
width: 100%;
max-width: 480px;
aspect-ratio: 16/9;
border-radius: 14px;
overflow: hidden;
background: #000;
border: 1px solid var(--line-2);
}
.upload-preview video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
background: #000;
}
.upload-preview .remove-btn {
position: absolute;
top: 8px;
right: 8px;
width: 28px;
height: 28px;
border-radius: 50%;
background: rgba(0, 0, 0, .72);
border: 1px solid rgba(255, 255, 255, .2);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
backdrop-filter: blur(4px);
transition: background .15s, border-color .15s;
}
.upload-preview .remove-btn:hover {
background: #ff3b3b;
border-color: #ff3b3b;
}
.upload-preview .remove-btn svg {
width: 14px;
height: 14px;
}
.upload-loader {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 14px;
padding: 22px 0 12px;
}
.pulse-row {
display: flex;
align-items: center;
gap: 8px;
}
.pulse-bubble {
width: 14px;
height: 14px;
border-radius: 50%;
background: var(--accent);
}
.pulse-bubble-1 {
animation: pulse .5s ease 0s infinite alternate;
}
.pulse-bubble-2 {
animation: pulse .5s ease .2s infinite alternate;
}
.pulse-bubble-3 {
animation: pulse .5s ease .4s infinite alternate;
}
@keyframes pulse {
from {
opacity: 1;
transform: scale(1);
}
to {
opacity: .25;
transform: scale(.7);
}
}
.upload-loader .lbl {
color: var(--muted-2);
font-size: 13px;
}
.upload-error {
display: none;
margin-top: 10px;
padding: 8px 12px;
border-radius: 10px;
background: rgba(255, 59, 59, .08);
border: 1px solid rgba(255, 59, 59, .35);
color: #ff7878;
font-size: 12.5px;
line-height: 1.4;
}
.cta[disabled],
.cta.is-disabled {
opacity: .55;
pointer-events: none;
box-shadow: none;
}
.cta.is-loading {
pointer-events: none;
opacity: .85;
}
.cta .spinner {
display: inline-block;
width: 14px;
height: 14px;
border-radius: 50%;
border: 2px solid rgba(0, 0, 0, .25);
border-top-color: #0a0a0a;
animation: spin .7s linear infinite;
margin-right: 8px;
vertical-align: -2px;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.trust {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 22px
}
.pill {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
border-radius: 999px;
background: #0e0e0e;
border: 1px solid var(--line-2);
color: #dcdcdc;
font-size: 13px;
font-weight: 500;
}
.pill .dot {
width: 18px;
height: 18px;
border-radius: 50%;
background: var(--accent);
display: inline-flex;
align-items: center;
justify-content: center;
}
.pill .dot svg {
width: 11px;
height: 11px;
color: #0a0a0a
}
.compare {
position: relative;
width: 100%;
aspect-ratio: 16/9;
border-radius: var(--radius-lg);
overflow: hidden;
border: 1px solid var(--line-2);
box-shadow: 0 30px 80px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .02) inset;
background: #111;
}
.compare::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, #D1FE17, #ff9a3c 50%, #ff3ea5);
height: 3px;
top: 0;
bottom: auto;
z-index: 5;
}
.compare video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.compare .after {
clip-path: inset(0 0 0 50%);
}
.compare .before-tag,
.compare .after-tag {
position: absolute;
top: 14px;
padding: 6px 12px;
border-radius: 8px;
background: rgba(20, 20, 20, .78);
backdrop-filter: blur(6px);
color: #fff;
font-size: 11px;
font-weight: 600;
letter-spacing: .18em;
z-index: 6;
border: 1px solid rgba(255, 255, 255, .08);
}
.compare .before-tag {
left: 14px
}
.compare .after-tag {
right: 14px
}
.compare .before-side {
filter: blur(2.5px) saturate(.85) brightness(.92)
}
.slider-line {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 2px;
background: linear-gradient(180deg, rgba(255, 255, 255, .85), rgba(255, 255, 255, .4));
z-index: 6;
}
.slider-handle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 46px;
height: 46px;
border-radius: 50%;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 10px 24px rgba(0, 0, 0, .45);
z-index: 7;
}
.slider-handle svg {
width: 20px;
height: 20px;
color: #111
}
.quality {
position: absolute;
left: 18px;
right: 18px;
bottom: 16px;
z-index: 7;
background: rgba(15, 15, 15, .72);
backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, .08);
border-radius: 14px;
padding: 12px 16px;
display: flex;
align-items: center;
gap: 14px;
justify-content: space-between;
}
.quality .lbl {
color: #dcdcdc;
font-size: 13px;
font-weight: 500
}
.quality .val {
color: var(--accent);
font-weight: 700;
font-size: 13px;
letter-spacing: .04em
}
.quality .bar {
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 3px;
border-radius: 0 0 14px 14px;
overflow: hidden;
}
.quality .bar::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, #D1FE17 0%, #ff9a3c 55%, #ff3ea5 100%);
}
.play-badge {
position: absolute;
top: 14px;
left: 50%;
transform: translateX(-50%);
z-index: 6;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
border-radius: 999px;
background: rgba(15, 15, 15, .78);
backdrop-filter: blur(6px);
border: 1px solid rgba(255, 255, 255, .08);
color: #dcdcdc;
font-size: 11px;
font-weight: 600;
letter-spacing: .16em;
text-transform: uppercase;
}
.play-badge .pdot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #ff3b3b;
box-shadow: 0 0 0 4px rgba(255, 59, 59, .18)
}
@media (max-width: 1080px) {
.hero {
grid-template-columns: 1fr;
padding: 56px 5vw;
gap: 40px
}
.compare {
aspect-ratio: 16/10
}
}
@media (max-width: 640px) {
.stats {
grid-template-columns: repeat(3, 1fr);
gap: 18px
}
.stat .num {
font-size: 28px
}
.upload {
padding: 28px 18px
}
.headline {
font-size: 44px
}
}
/* ==========================================================
SECTIONS BELOW HERO
========================================================== */
/* Shared section layout */
.sec {
position: relative;
padding: 100px 6vw;
overflow: hidden;
}
.sec--alt {
background: var(--bg-2)
}
.sec-badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 7px 15px;
border-radius: 999px;
background: var(--accent-soft);
border: 1px solid rgba(209, 254, 23, .28);
color: var(--accent);
font-weight: 600;
font-size: 11px;
letter-spacing: .14em;
text-transform: uppercase;
margin-bottom: 18px;
}
.sec-title {
font-size: clamp(32px, 3.8vw, 56px);
font-weight: 800;
line-height: 1.08;
letter-spacing: -0.02em;
margin: 0 0 14px;
}
.sec-title .accent {
background: linear-gradient(90deg, #e6ff5c, #D1FE17 60%, #a9d40a);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.sec-sub {
color: var(--muted-2);
font-size: 16px;
line-height: 1.6;
max-width: 620px;
margin: 0 0 48px;
}
.sec-center {
text-align: center
}
.sec-center .sec-sub {
margin-left: auto;
margin-right: auto
}
/* ── 1. HOW IT WORKS ── */
.steps-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
counter-reset: step;
}
.step-card {
position: relative;
background: var(--card);
border: 1px solid var(--line);
border-radius: var(--radius-lg);
padding: 40px 30px 36px;
counter-increment: step;
transition: border-color .2s, transform .2s;
}
.step-card:hover {
border-color: var(--accent);
transform: translateY(-4px)
}
.step-num {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 50%;
background: var(--accent);
color: #0a0a0a;
font-weight: 800;
font-size: 20px;
margin-bottom: 22px;
box-shadow: 0 8px 24px rgba(209, 254, 23, .18);
}
.step-card h3 {
font-size: 20px;
font-weight: 700;
margin: 0 0 10px
}
.step-card p {
color: var(--muted-2);
font-size: 14px;
line-height: 1.6;
margin: 0
}
.step-arrow {
display: none;
}
@media (min-width:1081px) {
.step-arrow {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: -28px;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 24px;
color: var(--muted);
z-index: 2;
}
}
@media (max-width:1080px) {
.steps-grid {
grid-template-columns: 1fr
}
}
/* ── 2. FEATURES ── */
.feat-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
.feat-card {
background: var(--card);
border: 1px solid var(--line);
border-radius: var(--radius-lg);
padding: 36px 28px 32px;
transition: border-color .2s, transform .2s;
}
.feat-card:hover {
border-color: rgba(209, 254, 23, .4);
transform: translateY(-3px)
}
.feat-icon {
width: 50px;
height: 50px;
border-radius: 14px;
background: var(--accent-soft);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.feat-icon svg {
width: 24px;
height: 24px;
color: var(--accent)
}
.feat-card h3 {
font-size: 18px;
font-weight: 700;
margin: 0 0 10px
}
.feat-card p {
color: var(--muted-2);
font-size: 14px;
line-height: 1.6;
margin: 0
}
@media (max-width:900px) {
.feat-grid {
grid-template-columns: 1fr 1fr
}
}
@media (max-width:600px) {
.feat-grid {
grid-template-columns: 1fr
}
}
/* ── 3. BEFORE / AFTER ── */
.ba-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
}
.ba-visual {
position: relative;
aspect-ratio: 16/9;
border-radius: var(--radius-lg);
overflow: hidden;
border: 1px solid var(--line-2);
box-shadow: 0 30px 80px rgba(0, 0, 0, .45);
background: #111;
}
.ba-visual::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #D1FE17, #ff9a3c 50%, #ff3ea5);
z-index: 5;
}
.ba-visual img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover
}
.ba-visual .ba-after {
clip-path: inset(0 0 0 50%)
}
.ba-visual .ba-before-img {
filter: blur(2.5px) saturate(.85) brightness(.92)
}
.ba-tag {
position: absolute;
top: 14px;
padding: 6px 12px;
border-radius: 8px;
background: rgba(20, 20, 20, .78);
backdrop-filter: blur(6px);
color: #fff;
font-size: 11px;
font-weight: 600;
letter-spacing: .18em;
z-index: 6;
border: 1px solid rgba(255, 255, 255, .08);
}
.ba-tag--l {
left: 14px
}
.ba-tag--r {
right: 14px
}
.ba-slider-line {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 2px;
background: linear-gradient(180deg, rgba(255, 255, 255, .85), rgba(255, 255, 255, .4));
z-index: 6;
}
.ba-slider-handle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 42px;
height: 42px;
border-radius: 50%;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 8px 20px rgba(0, 0, 0, .45);
z-index: 7;
}
.ba-slider-handle svg {
width: 18px;
height: 18px;
color: #111
}
.ba-content h3 {
font-size: clamp(24px, 2.6vw, 36px);
font-weight: 700;
margin: 0 0 16px;
line-height: 1.15
}
.ba-content p {
color: var(--muted-2);
font-size: 15px;
line-height: 1.65;
margin: 0 0 24px
}
.ba-stats {
display: flex;
gap: 32px;
flex-wrap: wrap
}
.ba-stat-item {
display: flex;
align-items: center;
gap: 10px
}
.ba-stat-dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--accent);
box-shadow: 0 0 0 4px var(--accent-soft);
}
.ba-stat-dot--pink {
background: var(--pink);
box-shadow: 0 0 0 4px rgba(255, 62, 165, .15)
}
.ba-stat-dot--orange {
background: var(--orange);
box-shadow: 0 0 0 4px rgba(255, 154, 60, .15)
}
.ba-stat-text {
color: var(--muted-2);
font-size: 14px;
font-weight: 500
}
.ba-stat-text strong {
color: var(--text)
}
@media (max-width:900px) {
.ba-wrap {
grid-template-columns: 1fr
}
}
/* ── 4. USE CASES ── */
.uc-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 24px;
}
.uc-card {
background: var(--card);
border: 1px solid var(--line);
border-radius: var(--radius-lg);
padding: 32px 26px 28px;
transition: border-color .2s, transform .2s;
}
.uc-card:hover {
border-color: rgba(209, 254, 23, .35);
transform: translateY(-3px)
}
.uc-emoji {
font-size: 36px;
margin-bottom: 16px;
display: block;
line-height: 1
}
.uc-card h3 {
font-size: 17px;
font-weight: 700;
margin: 0 0 8px
}
.uc-card p {
color: var(--muted-2);
font-size: 14px;
line-height: 1.6;
margin: 0
}
/* ── 5. FORMATS ── */
.fmt-table-wrap {
background: var(--card);
border: 1px solid var(--line);
border-radius: var(--radius-lg);
overflow: hidden;
}
.fmt-table {
width: 100%;
border-collapse: collapse;
}
.fmt-table th,
.fmt-table td {
text-align: left;
padding: 18px 24px;
font-size: 14px;
border-bottom: 1px solid var(--line);
}
.fmt-table th {
background: var(--card-2);
color: var(--accent);
font-weight: 600;
font-size: 12px;
letter-spacing: .1em;
text-transform: uppercase;
}
.fmt-table td {
color: var(--muted-2)
}
.fmt-table tr:last-child td {
border-bottom: none
}
.fmt-table .fmt-tag {
display: inline-block;
padding: 4px 10px;
border-radius: 6px;
background: var(--accent-soft);
color: var(--accent);
font-size: 12px;
font-weight: 600;
margin: 2px 4px 2px 0;
}
@media (max-width:600px) {
.fmt-table th,
.fmt-table td {
padding: 14px 16px;
font-size: 13px
}
}
/* ── 6. PRICING ── */
.price-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 28px;
max-width: 920px;
margin: 0 auto;
}
.price-card {
background: var(--card);
border: 1px solid var(--line);
border-radius: var(--radius-lg);
padding: 40px 32px;
position: relative;
transition: border-color .2s, transform .2s;
}
.price-card:hover {
transform: translateY(-3px)
}
.price-card--pro {
border-color: rgba(209, 254, 23, .4)
}
.price-card--pro::before {
content: "MOST POPULAR";
position: absolute;
top: -13px;
left: 50%;
transform: translateX(-50%);
padding: 5px 16px;
border-radius: 999px;
background: linear-gradient(90deg, #e6ff5c, #D1FE17);
color: #0a0a0a;
font-size: 11px;
font-weight: 700;
letter-spacing: .1em;
}
.price-name {
font-size: 20px;
font-weight: 700;
margin: 0 0 6px
}
.price-desc {
color: var(--muted);
font-size: 13px;
margin: 0 0 24px
}
.price-amount {
font-size: 48px;
font-weight: 800;
letter-spacing: -0.03em;
line-height: 1;
margin: 0 0 4px;
}
.price-amount .unit {
font-size: 16px;
font-weight: 500;
color: var(--muted)
}
.price-period {
color: var(--muted);
font-size: 13px;
margin: 0 0 28px
}
.price-list {
list-style: none;
padding: 0;
margin: 0 0 32px
}
.price-list li {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 0;
color: var(--muted-2);
font-size: 14px;
border-bottom: 1px solid var(--line);
}
.price-list li:last-child {
border-bottom: none
}
.price-check {
width: 18px;
height: 18px;
border-radius: 50%;
background: var(--accent);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.price-check svg {
width: 11px;
height: 11px;
color: #0a0a0a
}
.price-btn {
display: block;
width: 100%;
padding: 14px;
border-radius: 999px;
text-align: center;
font-weight: 700;
font-size: 15px;
border: none;
cursor: pointer;
transition: transform .15s, box-shadow .15s;
text-decoration: none;
}
.price-btn--outline {
background: transparent;
border: 1.5px solid var(--line-2);
color: var(--text);
}
.price-btn--outline:hover {
border-color: var(--accent);
color: var(--accent)
}
.price-btn--fill {
background: linear-gradient(90deg, #e6ff5c, #D1FE17);
color: #0a0a0a;
box-shadow: 0 12px 28px rgba(209, 254, 23, .2);
}
.price-btn--fill:hover {
transform: translateY(-1px);
box-shadow: 0 16px 34px rgba(209, 254, 23, .3)
}
/* ── 7. TESTIMONIALS ── */
.testi-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
.testi-card {
background: var(--card);
border: 1px solid var(--line);
border-radius: var(--radius-lg);
padding: 32px 28px;
}
.testi-stars {
display: flex;
gap: 4px;
margin-bottom: 16px
}
.testi-star {
width: 18px;
height: 18px;
color: var(--accent)
}
.testi-quote {
color: var(--muted-2);
font-size: 15px;
line-height: 1.6;
margin: 0 0 20px;
font-style: italic
}
.testi-author {
display: flex;
align-items: center;
gap: 12px
}
.testi-avatar {
width: 42px;
height: 42px;
border-radius: 50%;
background: linear-gradient(135deg, var(--accent), var(--orange));
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 16px;
color: #0a0a0a;
}
.testi-name {
font-size: 14px;
font-weight: 600
}
.testi-role {
font-size: 12px;
color: var(--muted)
}
@media (max-width:900px) {
.testi-grid {
grid-template-columns: 1fr
}
}
/* ── 8. FAQ ── */
.faq-list {
max-width: 800px;
margin: 0 auto;
}
.faq-item {
border: 1px solid var(--line);
border-radius: var(--radius);
margin-bottom: 12px;
overflow: hidden;
background: var(--card);
transition: border-color .2s;
}
.faq-item.active {
border-color: rgba(209, 254, 23, .3)
}
.faq-q {
display: flex;
align-items: center;
justify-content: space-between;
padding: 22px 26px;
cursor: pointer;
gap: 16px;
font-size: 16px;
font-weight: 600;
user-select: none;
-webkit-user-select: none;
}
.faq-q:hover {
color: var(--accent)
}
.faq-toggle {
width: 28px;
height: 28px;
border-radius: 50%;
border: 1.5px solid var(--line-2);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: transform .3s, border-color .3s;
}
.faq-item.active .faq-toggle {
transform: rotate(45deg);
border-color: var(--accent)
}
.faq-toggle svg {
width: 14px;
height: 14px;
color: var(--muted-2)
}
.faq-a {
max-height: 0;
overflow: hidden;
transition: max-height .35s ease, padding .35s ease;
}
.faq-item.active .faq-a {
max-height: 400px
}
.faq-a-inner {
padding: 0 26px 22px;
color: var(--muted-2);
font-size: 14px;
line-height: 1.7;
}
/* ── 9. FINAL CTA ── */
.final-cta {
text-align: center;
padding: 100px 6vw;
position: relative;
background:
radial-gradient(800px 400px at 50% 60%, rgba(209, 254, 23, .06), transparent 60%),
radial-gradient(600px 300px at 20% 40%, rgba(255, 62, 165, .04), transparent 60%),
var(--bg);
}
.final-cta .sec-title {
margin-bottom: 16px
}
.final-cta .sec-sub {
margin-bottom: 36px
}
.final-cta-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 18px 42px;
border-radius: 999px;
background: linear-gradient(90deg, #e6ff5c, #D1FE17);
color: #0a0a0a;
font-weight: 700;
font-size: 17px;
border: none;
cursor: pointer;
box-shadow: 0 16px 36px rgba(209, 254, 23, .25), inset 0 -2px 0 rgba(0, 0, 0, .08);
transition: transform .15s, box-shadow .15s;
text-decoration: none;
}
.final-cta-btn:hover {
transform: translateY(-2px);
box-shadow: 0 20px 44px rgba(209, 254, 23, .35)
}
.final-note {
color: var(--muted);
font-size: 13px;
margin-top: 16px
}
/* ── DISCLOSURE ── */
.disclosure {
text-align: center;
padding: 24px 6vw;
color: var(--muted);
font-size: 12px;
line-height: 1.6;
border-top: 1px solid var(--line);
}
.hdvc-ladder{padding:80px 24px;max-width:1240px;margin:0 auto;color:#fff}
.hdvc-ladder-head{text-align:center;max-width:760px;margin:0 auto 48px}
.hdvc-ladder-head .sec-badge{display:inline-block;font:600 11px/1 'JetBrains Mono','SF Mono',Menlo,monospace;letter-spacing:.18em;color:#d1fe17;text-transform:uppercase;margin-bottom:18px;padding:7px 14px;border:1px solid rgba(209,254,23,.35);border-radius:999px;background:rgba(209,254,23,.04)}
.hdvc-ladder-head h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;color:#fff;line-height:1.15;margin:0 0 16px;letter-spacing:-0.015em}
.hdvc-ladder-head h2 .accent{color:#d1fe17}
.hdvc-ladder-head p{font-size:16px;line-height:1.6;color:#bdbdbd;margin:0}
.hdvc-ladder-rail{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:24px;background:#0d0d0d;border:1px solid #1f1f1f;border-radius:18px}
.hdvc-ladder-rung{position:relative;background:linear-gradient(180deg,#161616,#0a0a0a);border:1px solid #232323;border-radius:14px;padding:18px 16px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;transition:border-color .15s,transform .15s}
.hdvc-ladder-rung:hover{border-color:#d1fe17;transform:translateY(-2px)}
.hdvc-ladder-rung[data-target="true"]{border-color:#d1fe17;background:linear-gradient(180deg,rgba(209,254,23,.08),#0a0a0a)}
.hdvc-ladder-name{font:700 18px/1 'Inter',system-ui,sans-serif;color:#fff;letter-spacing:-0.01em}
.hdvc-ladder-px{font:500 11px/1 'SF Mono',Menlo,monospace;color:#8a8a8a;letter-spacing:.06em;text-transform:uppercase}
.hdvc-ladder-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin:8px 0 6px;width:100%}
.hdvc-ladder-grid span{display:block;aspect-ratio:1/1;background:#1f1f1f;border-radius:1px}
.hdvc-ladder-rung[data-tier="1"] .hdvc-ladder-grid span:nth-child(n+5){opacity:0.18}
.hdvc-ladder-rung[data-tier="2"] .hdvc-ladder-grid span:nth-child(n+9){opacity:0.18}
.hdvc-ladder-rung[data-tier="3"] .hdvc-ladder-grid span:nth-child(n+15){opacity:0.18}
.hdvc-ladder-rung[data-tier="4"] .hdvc-ladder-grid span{background:#d1fe17}
.hdvc-ladder-rung[data-tier="5"] .hdvc-ladder-grid span{background:#d1fe17}
.hdvc-ladder-frames{font:500 12px/1.4 'Inter',system-ui,sans-serif;color:#9a9a9a;margin-top:4px}
.hdvc-ladder-frames b{color:#fff;font-weight:700}
.hdvc-ladder-meta{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:18px 24px;background:#0d0d0d;border:1px dashed #232323;border-radius:14px;font:500 13px/1.5 'Inter',sans-serif;color:#9a9a9a}
.hdvc-ladder-meta b{color:#d1fe17;font-weight:700}
@media (max-width:900px){
.hdvc-ladder-rail{grid-template-columns:repeat(2,1fr)}
.hdvc-ladder-meta{flex-direction:column;gap:10px;text-align:center}
}
.hdvc-limits{padding:80px 24px;max-width:1180px;margin:0 auto;color:#fff}
.hdvc-limits-head{text-align:center;max-width:760px;margin:0 auto 40px}
.hdvc-limits-head .sec-badge{display:inline-block;font:600 11px/1 'JetBrains Mono','SF Mono',Menlo,monospace;letter-spacing:.18em;color:#d1fe17;text-transform:uppercase;margin-bottom:18px;padding:7px 14px;border:1px solid rgba(209,254,23,.35);border-radius:999px;background:rgba(209,254,23,.04)}
.hdvc-limits-head h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;color:#fff;line-height:1.15;margin:0 0 14px;letter-spacing:-0.015em}
.hdvc-limits-head h2 .accent{color:#d1fe17}
.hdvc-limits-head p{font-size:16px;line-height:1.6;color:#bdbdbd;margin:0}
.hdvc-limits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.hdvc-limit{position:relative;padding:22px 22px 22px 56px;background:#0d0d0d;border:1px solid #1f1f1f;border-left:3px solid #d1fe17;border-radius:12px}
.hdvc-limit:before{content:"!";position:absolute;left:18px;top:22px;width:24px;height:24px;border-radius:50%;background:#d1fe17;color:#000;font:900 14px/24px 'Inter',sans-serif;text-align:center}
.hdvc-limit h3{margin:0 0 6px;font:700 16px/1.3 'Inter',sans-serif;color:#fff}
.hdvc-limit p{margin:0;font:400 14px/1.55 'Inter',sans-serif;color:#a0a0a0}
.hdvc-author{padding:80px 24px 24px;max-width:1080px;margin:0 auto;border-top:1px solid #1a1a1a}
.hdvc-author-inner{display:flex;gap:36px;align-items:flex-start;background:#0d0d0d;border:1px solid #1f1f1f;border-radius:18px;padding:32px 36px}
.hdvc-author-photo{flex-shrink:0;width:120px;height:120px;border-radius:50%;object-fit:cover;border:2px solid #d1fe17;background:#000}
.hdvc-author-body{flex:1;min-width:0}
.hdvc-author-eyebrow{display:inline-block;font:600 10px/1 'JetBrains Mono','SF Mono',Menlo,monospace;letter-spacing:.2em;color:#d1fe17;text-transform:uppercase;margin-bottom:10px;padding:5px 10px;border:1px solid rgba(209,254,23,.4);border-radius:999px}
.hdvc-author-name{font:800 24px/1.2 'Inter',sans-serif;color:#fff;margin:0 0 6px;letter-spacing:-0.01em}
.hdvc-author-title{font:400 14px/1 'Inter',sans-serif;color:#a0a0a0;margin:0 0 14px;letter-spacing:.02em}
.hdvc-author-bio{font:400 15px/1.65 'Inter',sans-serif;color:#cfcfcf;margin:0 0 16px}
.hdvc-author-links{list-style:none;padding:0;margin:0;display:flex;gap:18px;flex-wrap:wrap}
.hdvc-author-links li{margin:0}
.hdvc-author-links a{font:600 13px/1 'Inter',sans-serif;color:#d1fe17;text-decoration:none;letter-spacing:.02em;border-bottom:1px solid rgba(209,254,23,.3);padding-bottom:2px;transition:border-color .15s}
.hdvc-author-links a:hover{border-bottom-color:#d1fe17}
.hdvc-pagefoot{max-width:1080px;margin:0 auto;padding:24px;border-top:1px solid #1a1a1a;text-align:center}
.hdvc-pagefoot p{font:500 11px/1 'SF Mono',Menlo,monospace;color:#777;text-transform:uppercase;letter-spacing:.12em;margin:0}
.hdvc-pagefoot time{color:#a0a0a0}
@media (max-width:680px){
.hdvc-author-inner{flex-direction:column;gap:20px;padding:24px;align-items:center;text-align:center}
.hdvc-author-body{text-align:center}
.hdvc-author-links{justify-content:center}
}
.bottom-footer{background:#000 !important}.top-footer{background-color:#000 !important}.menu li a{color:#fff !important}.footer-nav-list .footer-nav-heading,.widget_nav_menu .widget-title{color:#fff !important}
@media (min-width:320px) and (max-width:767px){.header-effect.squeezelogo{padding:10px 10px !important}}.fab{font-size:19px!important}
.chota{font-size:10px;line-height:14px;margin:0 10px}
.seo h6{color:#fff}.seo p{color:#b2b4b6}.seo-slider{background:#ffffff21}.seo-slider .vidd{background:transparent !important}.seo-slider h2.headd{color:#fff}.seo-slide{background:transparent;box-shadow:none}.seo-dummy{background:transparent;border-radius:10px}footer{background:linear-gradient(90deg,rgba(35,46,74,1) 0%,rgba(28,30,39,1) 40%,rgba(41,28,68,1) 80%);color:#fff !important}.footer-menu .certi-par{box-shadow:none !important}.featureDropDown{float:left}footer h4{font-size:18px}.line{width:25%;border:0;height:2px;background-image:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0.75),rgba(255,255,255,0));margin:10px}.footer-cont{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.featuredropup ul{color:#333}.footer-botom-area{border-top:1px solid #3E4550}.footer-cont .submenu{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}@media (max-width:768px){.certi-footer{flex-wrap:wrap;flex-flow:column}.certi-footer *{margin:4% 0}.widget_nav_menu.active:before{content:'\2303';color:#fff;font-weight:bold;float:right;transform:rotate(360deg)}.widget_nav_menu:before{content:'\2303';color:#fff;font-weight:bold;float:right;transform:rotate(180deg)}.footer-menu ul{display:none}.widget_nav_menu.active ul{display:block}.breadcrumbs{justify-content:center;margin-bottom:10px}.social_icons-footer{border:none}.footer-cont{display:grid;justify-content:normal;white-space:normal;padding:0}.footer-menu h3{text-align:left;margin-top:10px}.footer-menu ul li{text-align:left}aside#nav_menu-2{margin-left:-30px}.line{width:50%}.footer-cont .submenu{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.trusted-area,footer{position:relative;z-index:1}.FooterNav .menu-item .FooterNavText{color:#ffffff}@media (max-width:600px){.footer-logo{display:none}.FooterNav .menu-item{margin:0px}ul.sitemapNavigation{margin:0;padding:0}ul.sitemapNavigation li{padding:8px}}
.hdv-sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:9990;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(10,12,14,.94);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.09);display:none}
.hdv-sticky-cta.is-visible{display:block}
.hdv-sticky-cta .hdv-sticky-btn{display:block;text-align:center;background:var(--accent,#d1fe17);color:#0a0c0e;font:800 15px/1 system-ui;padding:15px;border-radius:12px;text-decoration:none}
.price-note{margin:8px 0 0;font:500 12.5px/1.5 system-ui;color:var(--muted-2,#9aa0a6);text-align:center}
@media(min-width:768px){.hdv-sticky-cta{display:none!important}}