@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url('assets/inter-latin-variable.woff2') format('woff2')}:root{--purple:#534AB7;--dark:#26215C;--light:#EEEDFE;--line:#AFA9EC;--coral:#D85A30;--ink:#292444;--muted:#625f75;--bg:#fff;--shadow:0 22px 60px rgba(38,33,92,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:400 16px/1.65 Inter,Arial,sans-serif;color:var(--ink);background:var(--bg)}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--dark);line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(2.7rem,5vw,4.4rem);max-width:720px;margin:18px 0 24px}h1 em{font-style:normal;color:var(--purple)}h2{font-size:clamp(2rem,3vw,2.75rem);margin:14px 0 18px}h3{font-size:1.2rem;margin-bottom:10px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(1160px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px;top:8px;background:white;padding:10px;z-index:30}.skip:focus{left:8px}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid #efedf7}.nav-wrap{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:1.55rem;font-weight:800;letter-spacing:-.07em;color:var(--dark);white-space:nowrap}.brand>span:last-child{color:var(--purple);margin-left:-8px}.brand-mark svg{width:36px;fill:var(--purple);overflow:visible}.brand-mark path{fill:none;stroke:var(--purple);stroke-width:2.5}.brand-mark circle:nth-last-child(-n+3){fill:var(--coral)}.nav{display:flex;align-items:center;gap:29px;font-size:.9rem;font-weight:600}.nav>a:not(.button):hover,.text-link:hover{color:var(--purple)}.button{border:0;border-radius:11px;background:var(--purple);color:white;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 22px;font-weight:700;line-height:1.3;transition:transform .2s,background .2s;box-shadow:0 10px 24px rgba(83,74,183,.18)}.button:hover{background:#4036a1;transform:translateY(-2px)}.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.button-small{padding:11px 16px;font-size:.87rem}.menu-toggle{display:none;background:none;border:0;color:var(--dark);font-size:1.6rem}.hero{padding:90px 0 100px;background:radial-gradient(circle at 80% 25%,#f2f0ff 0,transparent 34%),#fff}.hero-grid{display:grid;grid-template-columns:1.13fr .87fr;align-items:center;gap:50px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--purple);font-size:.76rem;font-weight:800}.lead{font-size:1.13rem;max-width:610px;color:var(--muted);line-height:1.8}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:34px}.text-link{font-weight:700;color:var(--dark)}.hero-note{color:var(--muted);font-size:.88rem;margin:27px 0 0}.hero-visual{background:linear-gradient(145deg,#f8f7ff,#eeedfe);border:1px solid #e4e1fa;border-radius:28px;min-height:435px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;padding:25px 28px}.visual-label{color:var(--dark);font-size:.88rem;font-weight:700}.hero-visual svg{width:100%;height:auto}.split-line{fill:none;stroke:var(--line);stroke-width:5;stroke-linecap:round}.source-halo{fill:#dad6ff}.source{fill:var(--purple)}.target{fill:var(--coral)}.visual-bottom{display:flex;justify-content:space-between;color:var(--dark);font-size:.75rem;font-weight:700}.section{padding:100px 0}.section-intro{max-width:720px;margin-bottom:42px}.section-intro p{color:var(--muted);font-size:1.06rem}.problem{background:#f8f8fc}.compare{display:grid;grid-template-columns:1fr 1fr;gap:22px}.compare-card{padding:36px;border:1px solid #e9e7f2;border-radius:22px;background:white}.compare-card.after{background:var(--dark);border-color:var(--dark);box-shadow:var(--shadow)}.card-kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--purple)}.compare-card.after .card-kicker{color:#cbc6ff}.compare-card.after h3,.compare-card.after li{color:white}.compare-card h3{font-size:1.35rem;margin:16px 0 23px}.compare-card ul,.audience-card ul{list-style:none;padding:0;margin:0}.compare-card li,.audience-card li{position:relative;padding:9px 0 9px 30px}.compare-card li:before,.audience-card li:before{content:"✓";position:absolute;left:0;color:var(--coral);font-weight:800}.before li:before{content:"×";color:#a5a0b9}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.step-grid article{border-top:2px solid var(--line);padding:25px 12px 0 0}.step-num{display:block;font-weight:800;color:var(--coral);margin-bottom:28px}.step-grid p,.audience-card p,.feature-grid p{color:var(--muted);margin:0}.audiences{background:var(--light)}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.audience-card{padding:27px 24px;background:white;border:1px solid #ddd9fa;border-radius:20px}.audience-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--light);color:var(--purple);font-size:.83rem;font-weight:800;margin-bottom:28px}.audience-card p{min-height:80px}.audience-card ul{font-size:.9rem;margin-top:20px}.audience-card li{line-height:1.45;padding:8px 0 8px 22px}.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.feature-grid>div{padding:22px;border:1px solid #eceaf5;border-radius:18px}.feature-grid span{display:grid;place-items:center;width:42px;height:42px;background:var(--light);color:var(--purple);border-radius:12px;font-weight:800;font-size:1.2rem;margin-bottom:26px}.feature-grid h3{font-size:1.05rem}.feature-grid p{font-size:.9rem}.pricing{background:#f8f8fc}.price-layout{display:grid;grid-template-columns:.65fr 1.35fr;align-items:start;gap:55px}.price-copy{position:sticky;top:120px}.price-copy p{color:var(--muted);font-size:1.05rem;margin-bottom:29px}.price-card{background:white;border:1px solid #eceaf5;border-radius:22px;padding:29px 34px;box-shadow:var(--shadow)}.price-card h3{margin-bottom:22px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.91rem}th{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:0 8px 14px}th:last-child,td:last-child{text-align:right;white-space:nowrap;font-weight:700;color:var(--dark)}td{border-top:1px solid #eeeef4;padding:12px 8px}td small{font-size:.78rem;font-weight:500;color:var(--muted)}.contact{background:var(--dark);color:white}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.contact .eyebrow{color:#c5bfff}.contact h2{color:white}.contact p{color:#d5d2ec}.account-link{display:inline-block;margin-top:20px;font-weight:700;color:#fff;border-bottom:1px solid var(--line);padding-bottom:5px}.contact-form{background:white;border-radius:22px;padding:32px;color:var(--dark)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{display:block;font-size:.86rem;font-weight:700;margin-bottom:16px}.contact-form input,.contact-form select{display:block;width:100%;height:48px;margin-top:7px;padding:10px 12px;border:1px solid #d9d6e9;border-radius:9px;background:#fff;color:var(--dark)}.contact-form .button{width:100%;margin-top:5px}.form-feedback{min-height:25px;margin:12px 0 0!important;color:var(--purple)!important;font-size:.83rem}.footer{background:#1e1a4c;color:#ccc8e7;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.brand-light{color:white}.brand-light span{color:#c4bdff!important}.footer p{max-width:320px;margin:19px 0}.footer h3{color:white;font-size:.9rem;letter-spacing:0;margin:5px 0 15px}.footer-grid>div:not(:first-child) a{display:block;margin:9px 0;font-size:.9rem}.footer a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #48436d;margin-top:50px;padding-top:22px;font-size:.82rem}@media(max-width:1000px){.nav{gap:16px}.hero-grid{gap:20px}.audience-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.container{width:min(100% - 32px,600px)}.nav-wrap{min-height:68px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:white;box-shadow:0 18px 30px rgba(38,33,92,.12);padding:18px 16px 24px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:11px 5px}.nav .button{margin-top:10px}.hero{padding:65px 0 70px}.hero-grid,.compare,.price-layout,.contact-grid{grid-template-columns:1fr}.hero-visual{min-height:auto;padding:20px;margin-top:25px}.hero-visual svg{max-height:285px}.section{padding:70px 0}.step-grid{grid-template-columns:repeat(2,1fr);gap:25px}.feature-grid{grid-template-columns:repeat(2,1fr)}.price-layout,.contact-grid{gap:35px}.price-copy{position:static}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:510px){h1{font-size:2.7rem}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.hero-note{font-size:.82rem}.audience-grid,.feature-grid,.step-grid,.field-row{grid-template-columns:1fr}.audience-card p{min-height:0}.price-card,.contact-form{padding:20px}.footer-bottom{gap:12px;flex-direction:column}}

.brand img{display:block;width:156px;height:auto}.brand-light img{width:178px}.hero-visual .split-mark{display:block;width:min(100%,370px);height:auto;aspect-ratio:1.35;object-fit:contain;align-self:center;margin:auto;max-height:290px}@media(max-width:760px){.hero-visual .split-mark{max-height:245px}}

/* Self-service account opening direction */
.hero-new{min-height:650px;padding:110px 0 64px;overflow:hidden;background:radial-gradient(circle at 92% 12%,rgba(175,169,236,.28),transparent 32%),radial-gradient(circle at 72% 105%,rgba(216,90,48,.13),transparent 28%),linear-gradient(135deg,#26215C 6%,#463ca1 75%,#534AB7 100%);color:#fff;position:relative}
.hero-new:after{content:"";position:absolute;width:510px;height:510px;right:-180px;top:130px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 100px rgba(255,255,255,.025),0 0 0 200px rgba(255,255,255,.018);pointer-events:none}
.hero-new-inner{position:relative;z-index:1}.hero-content{max-width:880px}.hero-badge{display:inline-block;padding:7px 12px;border:1px solid rgba(255,255,255,.36);border-radius:999px;color:#e4e1ff;font-size:.82rem;font-weight:700;letter-spacing:.02em}.hero-new h1{max-width:850px;color:white;font-size:clamp(3rem,6.2vw,5.7rem);line-height:1.04;letter-spacing:-.065em;margin:24px 0 25px}.hero-new h1 em{color:#d6d1ff}.hero-new .lead{color:#eeebff;max-width:740px;font-size:1.18rem;line-height:1.65}.hero-new .hero-actions{margin-top:34px}.button-white{background:#fff;color:var(--dark);box-shadow:0 14px 38px rgba(14,10,50,.18)}.button-white:hover{background:#f0edff;color:var(--dark)}.hero-secondary{color:#fff;font-weight:700;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:4px}.hero-assist{font-size:.88rem;color:#d9d5fb;margin:18px 0 0}.hero-flow{display:flex;align-items:center;gap:23px;margin-top:70px;padding-top:22px;border-top:1px solid rgba(255,255,255,.24);width:max-content;max-width:100%}.hero-flow>div{display:grid;grid-template-columns:auto auto;column-gap:12px;align-items:baseline}.flow-index{grid-row:1/3;color:#ecaa91;font-size:.72rem;font-weight:800}.hero-flow strong{font-size:.94rem;color:#fff}.hero-flow small{color:#d6d1f5;font-size:.76rem}.flow-arrow{color:#c6c0ee}.contact-new{padding:85px 0}.contact-new-inner{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:center}.contact-new h2{max-width:700px}.contact-new p{max-width:640px;margin-bottom:0}.contact-actions{display:flex;align-items:flex-start;flex-direction:column;gap:19px}.contact-actions .button{width:100%}.contact-actions>a:not(.button){color:#fff;font-weight:600;border-bottom:1px solid #aaa5df;font-size:.9rem}
@media(max-width:760px){.hero-new{min-height:auto;padding:70px 0 52px}.hero-new h1{font-size:clamp(2.7rem,10vw,4.1rem)}.hero-new .lead{font-size:1.05rem}.hero-flow{margin-top:58px;gap:12px}.hero-flow strong{font-size:.8rem}.hero-flow small{font-size:.68rem}.flow-index{font-size:.65rem}.contact-new-inner{grid-template-columns:1fr;gap:28px}.contact-actions .button{width:auto}}
@media(max-width:510px){.hero-new h1{font-size:2.75rem}.hero-new h1 br{display:none}.hero-new .hero-actions{align-items:flex-start}.hero-new .hero-actions .button{width:100%}.hero-flow{width:100%;justify-content:space-between;gap:5px}.hero-flow>div{display:block}.flow-index{display:block;margin-bottom:2px}.hero-flow small{display:block}.flow-arrow{font-size:.8rem}.contact-actions .button{width:100%}}

/* Account-opening action within the first screen */
.hero-new{min-height:590px;padding:72px 0;background:radial-gradient(circle at 80% 20%,rgba(175,169,236,.19),transparent 34%),linear-gradient(135deg,#26215C 12%,#443b98 100%)}
.hero-new-inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(350px,.75fr);align-items:center;gap:64px}
.hero-content{max-width:710px}.mobile-hero-actions{display:none}
.hero-new h1{font-size:clamp(3.2rem,5.3vw,5rem);margin:22px 0 24px}
.hero-new .lead{max-width:660px;margin-bottom:0}
.hero-conversion{background:#fff;color:var(--dark);border-radius:23px;padding:32px;box-shadow:0 30px 70px rgba(17,11,69,.25)}
.conversion-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--purple);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.conversion-dot{width:8px;height:8px;border-radius:50%;background:var(--coral)}
.hero-conversion h2{font-size:clamp(1.65rem,2.2vw,2.05rem);margin:18px 0 14px;line-height:1.18;letter-spacing:-.04em}
.hero-conversion p{color:var(--muted);font-size:.95rem;line-height:1.55;margin-bottom:22px}
.conversion-actions{display:grid;gap:10px}
.conversion-actions .button{width:100%;min-height:52px;justify-content:space-between}
.conversion-secondary{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:50px;padding:12px 20px;border:1px solid #d9d6ee;border-radius:11px;color:var(--purple);font-size:.93rem;font-weight:700}
.conversion-secondary:hover{background:var(--light)}
.conversion-benefits{display:grid;grid-template-columns:1fr;gap:5px;margin-top:20px;padding-top:18px;border-top:1px solid #e9e7f3;color:#55516e;font-size:.82rem;font-weight:600}
.conversion-benefits span::first-letter{color:var(--coral)}
.feature-grid .feature-icon svg{width:28px;height:28px;display:block}
.feature-grid .split-icon::before{content:"";display:block;width:28px;height:28px;background:var(--purple);-webkit-mask:url('assets/mark-color.svg') center/contain no-repeat;mask:url('assets/mark-color.svg') center/contain no-repeat}
@media(max-width:980px){.hero-new-inner{gap:30px;grid-template-columns:minmax(0,1fr) minmax(310px,.85fr)}.hero-new h1{font-size:clamp(2.9rem,5vw,4rem)}.hero-conversion{padding:26px}}
@media(max-width:760px){.hero-new{min-height:auto;padding:56px 0 65px}.hero-new-inner{grid-template-columns:1fr;gap:28px}.hero-new h1{font-size:clamp(2.7rem,9vw,4.1rem)}.hero-conversion{display:none}.hero-new .lead{font-size:1.02rem}.mobile-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:17px;margin-top:28px}.mobile-hero-actions>a:not(.button){font-size:.9rem;font-weight:700;color:#fff;border-bottom:1px solid #b4afe3;padding-bottom:3px}}
@media(max-width:510px){.hero-new h1{font-size:2.65rem}.mobile-hero-actions{align-items:stretch;flex-direction:column}.mobile-hero-actions .button{width:100%}.mobile-hero-actions>a:not(.button){align-self:flex-start}}

.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.faq-grid article{padding:27px 30px;border:1px solid #e8e5f5;border-radius:18px;background:#fcfbff}.faq-grid h3{font-size:1.12rem;letter-spacing:-.02em;margin-bottom:12px}.faq-grid p{color:var(--muted);margin:0;line-height:1.65}.faq-grid a{color:var(--purple);font-weight:700;text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.faq-grid{grid-template-columns:1fr}.faq-grid article{padding:24px}}

/* Two ways to use ZokiPay */
.integration{background:#fff}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.integration-grid article{padding:34px;border:1px solid #e5e2f3;border-radius:22px;background:#faf9ff}.integration-grid .integration-highlight{background:var(--dark);border-color:var(--dark);color:#e8e5fa}.integration-number{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--light);color:var(--purple);font-size:.8rem;font-weight:800;margin-bottom:27px}.integration-grid h3{font-size:1.45rem}.integration-grid p{color:var(--muted);margin-bottom:0}.integration-highlight h3{color:#fff}.integration-highlight p{color:#d6d2ec;margin-bottom:18px}.integration-highlight a{display:inline-block;color:#fff;font-weight:700;border-bottom:1px solid #8f88ca}.price-note{font-size:.8rem;color:var(--muted);margin:18px 8px 0;line-height:1.5}.privacy-main{background:#f8f8fc;padding:80px 0}.privacy-content{max-width:820px;background:#fff;border:1px solid #e8e5f3;border-radius:24px;padding:55px 64px;box-shadow:var(--shadow)}.privacy-content h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:18px}.privacy-content h2{font-size:1.45rem;margin-top:38px}.privacy-content p{color:var(--muted)}.privacy-content a{color:var(--purple);font-weight:700;text-decoration:underline;text-underline-offset:3px}.privacy-content .privacy-lead{font-size:1.12rem}.privacy-content .privacy-date{font-size:.85rem;margin-top:40px}.privacy-footer{padding-top:12px}.privacy-footer .footer-bottom{margin-top:0}
@media(max-width:760px){.integration-grid{grid-template-columns:1fr}.privacy-main{padding:36px 0}.privacy-content{padding:32px 24px}.privacy-content h1{font-size:2.4rem}}

/* Visual depth and interaction */
.hero-new{padding:44px 0;min-height:660px}.hero-new-inner{grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);gap:48px}.hero-new h1{font-size:clamp(3.1rem,4.8vw,4.75rem)}.hero-conversion{position:relative;padding:0;min-height:570px;overflow:hidden;border-radius:26px;background:#1c1943;isolation:isolate}.hero-conversion picture,.hero-conversion picture img{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-conversion picture img{object-fit:cover;object-position:center 42%;transition:transform .8s ease}.hero-conversion:hover picture img{transform:scale(1.025)}.hero-conversion:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(19,15,54,.58) 100%);z-index:1}.conversion-panel{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;padding:22px;border:1px solid rgba(255,255,255,.78);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 22px 55px rgba(20,15,64,.24);backdrop-filter:blur(12px)}.conversion-panel h2{font-size:1.35rem;margin:10px 0 15px}.conversion-panel .conversion-actions{grid-template-columns:1fr .82fr}.conversion-panel .conversion-actions .button,.conversion-panel .conversion-secondary{min-height:46px;padding:10px 15px;font-size:.86rem}.conversion-benefits{grid-template-columns:repeat(3,auto);justify-content:space-between;gap:10px;margin-top:14px;padding-top:13px}.conversion-benefits span{display:flex;align-items:center;gap:6px;font-size:.73rem}.conversion-benefits b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e6f5ef;color:#16735a;font-size:.68rem}.conversion-dot{background:#16735a}

.integration{background:linear-gradient(145deg,#201b51,#312a77);color:#fff;overflow:hidden;position:relative}.integration:before{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(175,169,236,.14);border-radius:50%;right:-180px;top:-210px;box-shadow:0 0 0 90px rgba(175,169,236,.035),0 0 0 180px rgba(175,169,236,.025)}.integration .container{position:relative;z-index:1}.integration-head{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-bottom:44px}.integration .eyebrow{color:#bbb5ff}.integration h2{color:#fff;max-width:720px;font-size:clamp(2.3rem,4vw,3.7rem);margin-bottom:0}.integration-head>p{color:#d7d3ee;margin:0 0 7px;font-size:1.03rem}.integration-grid{gap:22px}.integration-card{position:relative;padding:34px 36px 32px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(8,5,35,.18);transition:transform .3s ease,border-color .3s ease,background .3s ease}.integration-card:hover{transform:translateY(-7px);border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.12)}.integration-card.connected{background:#fff;color:var(--dark)}.integration-card.connected:hover{background:#fff}.integration-label{display:inline-block;margin:25px 0 12px;color:#c9c4ff;font-size:.77rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.connected .integration-label{color:var(--purple)}.integration-card h3{color:#fff;font-size:1.65rem;max-width:460px}.connected h3{color:var(--dark)}.integration-card ul{list-style:none;padding:0;margin:22px 0 26px}.integration-card li{position:relative;padding:7px 0 7px 27px;color:#e7e4f7}.connected li{color:var(--muted)}.integration-card li:before{content:"✓";position:absolute;left:0;color:#70d5b1;font-weight:800}.connected li:before{color:#16735a}.integration-cta{display:inline-flex;align-items:center;gap:14px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:4px}.connected .integration-cta{color:var(--purple);border-color:#afa9ec}.integration-visual{height:105px;border-radius:16px;background:rgba(255,255,255,.09);display:flex;align-items:center;justify-content:center;gap:24px;overflow:hidden}.connected .integration-visual{background:var(--light)}.integration-visual img{width:60px;height:60px}.visual-doc{width:56px;height:70px;border:2px solid #d7d2ff;border-radius:8px;position:relative;background:rgba(255,255,255,.06)}.visual-doc:before,.visual-doc:after,.visual-doc i{content:"";position:absolute;left:12px;right:12px;height:2px;background:#afa9ec}.visual-doc:before{top:17px}.visual-doc i{top:29px}.visual-doc:after{top:41px}.visual-arrow{font-size:1.5rem;color:#a9a3dc}.integration-visual.flow{gap:10px}.integration-visual.flow span{background:#fff;padding:9px 12px;border-radius:9px;color:var(--dark);font-size:.73rem;font-weight:800;box-shadow:0 7px 18px rgba(38,33,92,.08)}.integration-visual.flow i{width:25px;height:2px;background:#afa9ec;position:relative}.integration-visual.flow i:after{content:"";position:absolute;right:0;top:-3px;border-left:5px solid #afa9ec;border-top:4px solid transparent;border-bottom:4px solid transparent}.trust-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding:18px 24px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(6,4,30,.18);font-size:.8rem;color:#d6d2ee}.trust-strip strong{color:#fff;font-size:.86rem}.trust-strip span:before{content:"•";color:#70d5b1;margin-right:8px}

.steps{background:#f8f8fc}.steps .section-intro{max-width:780px}.step-grid{gap:17px}.step-grid article{padding:0;border:1px solid #e3e0ef;border-radius:21px;background:#fff;overflow:hidden;box-shadow:0 12px 35px rgba(38,33,92,.06);transition:transform .3s ease,box-shadow .3s ease}.step-grid article:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(38,33,92,.13)}.step-art{height:190px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#e9e7ff,#f7f6ff)}.step-art:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-75px;top:-80px;border:1px solid rgba(83,74,183,.18);box-shadow:0 0 0 35px rgba(83,74,183,.035)}.step-body{padding:25px 25px 29px}.step-num{margin-bottom:18px}.step-grid h3{font-size:1.27rem}.sheet{width:92px;height:116px;background:#fff;border-radius:11px;box-shadow:0 17px 35px rgba(38,33,92,.17);padding-top:28px;transform:rotate(-4deg)}.sheet i{display:block;width:55px;height:5px;margin:0 auto 11px;border-radius:5px;background:#d8d4f5}.sheet i:last-child{width:38px;margin-left:18px}.art-badge{position:absolute;left:53%;top:47%;display:grid;place-items:center;width:50px;height:50px;background:var(--purple);color:#fff;border:5px solid #eceaff;border-radius:50%;font-weight:800;box-shadow:0 10px 20px rgba(38,33,92,.2)}.phone{width:90px;height:132px;background:#fff;border:4px solid var(--dark);border-radius:18px;position:relative;box-shadow:0 17px 34px rgba(38,33,92,.15)}.phone i{position:absolute;left:18px;right:18px;top:36px;height:28px;background:var(--light);border-radius:7px}.phone b{position:absolute;left:27px;bottom:17px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e3f4ed;color:#16735a}.pulse{position:absolute;width:135px;height:135px;border-radius:50%;border:1px solid #afa9ec;box-shadow:0 0 0 22px rgba(175,169,236,.13)}.art-split img{width:130px;height:130px;z-index:1;filter:drop-shadow(0 16px 18px rgba(38,33,92,.2))}.split-glow{position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.56)}.mini-chart{width:145px;height:105px;border-radius:13px;background:#fff;display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:18px;box-shadow:0 17px 34px rgba(38,33,92,.15);position:relative}.mini-chart i{display:block;width:19px;border-radius:5px 5px 2px 2px;background:#afa9ec}.mini-chart i:nth-child(1){height:35px}.mini-chart i:nth-child(2){height:53px}.mini-chart i:nth-child(3){height:68px;background:var(--purple)}.mini-chart b{position:absolute;right:-13px;top:-13px;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#e1f4ec;color:#16735a;border:4px solid #f0efff}

.audiences{background:linear-gradient(180deg,#eeedfe 0,#f6f5ff 100%)}.audience-grid{gap:17px}.audience-card{padding:0 23px 27px;overflow:hidden;box-shadow:0 10px 30px rgba(38,33,92,.05);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.audience-card:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(38,33,92,.13);border-color:#bbb5eb}.audience-scene{height:145px;margin:0 -23px 22px;position:relative;overflow:hidden;background:linear-gradient(150deg,#332c79,#5d52c3)}.audience-icon{margin:-42px 0 21px;position:relative;z-index:2;background:#fff;box-shadow:0 8px 18px rgba(38,33,92,.13)}.audience-card p{min-height:78px}.audience-card li:before{color:#16735a}.building{position:absolute;bottom:0;width:46px;background:rgba(255,255,255,.85);border-radius:5px 5px 0 0}.building:after,.tower:after{content:"";position:absolute;inset:12px 9px;background:repeating-linear-gradient(180deg,#afa9ec 0 4px,transparent 4px 12px)}.building.b1{height:88px;left:48px}.building.b2{height:116px;left:104px}.building.b3{height:70px;left:160px}.audience-scene>i{position:absolute;left:0;right:0;bottom:0;height:28px;background:rgba(216,90,48,.58);clip-path:polygon(0 70%,100% 0,100% 100%,0 100%)}.tower{position:absolute;width:88px;height:124px;bottom:0;left:35px;background:#fff;border-radius:7px 7px 0 0;transform:skewY(-2deg)}.unit-card{position:absolute;right:27px;top:30px;padding:9px 12px;border-radius:8px;background:#fff;color:var(--dark);font-size:.75rem;font-weight:800;box-shadow:0 7px 18px rgba(0,0,0,.12)}.unit-card.second{top:77px;right:48px;background:#d8d4ff}.person{position:absolute;left:48px;bottom:21px;width:66px;height:66px;border-radius:50%;background:#d8d4ff;border:5px solid rgba(255,255,255,.3)}.person:after{content:"";position:absolute;width:94px;height:60px;border-radius:50% 50% 0 0;background:#fff;left:-18px;top:55px}.commission{position:absolute;right:24px;top:44px;padding:13px 14px;border-radius:10px;background:#fff;color:var(--dark);font-size:.72rem;font-weight:700;box-shadow:0 10px 25px rgba(0,0,0,.13)}.commission b{color:#16735a;margin-left:7px}.portfolio{position:absolute;width:98px;height:62px;border-radius:9px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.14)}.portfolio:before{content:"";position:absolute;left:10px;top:10px;width:34px;height:42px;background:linear-gradient(90deg,#e2dfff 45%,transparent 45%),linear-gradient(#afa9ec 45%,transparent 45%);background-size:13px 13px}.portfolio.p1{left:23px;top:24px}.portfolio.p2{left:67px;top:60px}.portfolio.p3{left:127px;top:29px}.agencies .audience-scene img{position:absolute;right:17px;bottom:13px;width:43px;height:43px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.2))}

@media(max-width:1050px){.hero-new-inner{grid-template-columns:1fr 1fr;gap:28px}.conversion-panel .conversion-actions{grid-template-columns:1fr}.conversion-benefits{grid-template-columns:1fr}.hero-conversion{min-height:610px}.trust-strip{flex-wrap:wrap;justify-content:flex-start}}
@media(max-width:760px){.hero-new{padding:48px 0}.hero-new-inner{grid-template-columns:1fr}.hero-conversion{display:block;min-height:560px;margin-top:6px}.mobile-hero-actions{display:none}.conversion-panel .conversion-actions{grid-template-columns:1fr}.conversion-benefits{grid-template-columns:1fr 1fr}.integration-head{grid-template-columns:1fr;gap:14px;margin-bottom:30px}.integration-card{padding:25px}.trust-strip{display:grid;grid-template-columns:1fr 1fr}.trust-strip strong{grid-column:1/-1}.step-grid{grid-template-columns:1fr 1fr}.audience-card p{min-height:0}}
@media(max-width:510px){.hero-conversion{min-height:525px}.conversion-panel{left:12px;right:12px;bottom:12px;padding:17px}.conversion-panel h2{font-size:1.18rem}.conversion-benefits{grid-template-columns:1fr}.conversion-benefits span:nth-child(3){display:none}.integration h2{font-size:2.25rem}.integration-visual.flow{gap:5px}.integration-visual.flow span{font-size:.62rem;padding:8px}.integration-visual.flow i{width:12px}.trust-strip{grid-template-columns:1fr}.trust-strip strong{grid-column:auto}.step-grid{grid-template-columns:1fr}.step-art{height:175px}.audience-scene{height:155px}}

.integration-grid article.integration-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}.integration-grid article.integration-card.connected{background:#fff;border-color:#fff}.integration-grid article.integration-card.connected:hover{background:#fff}

.conversion-panel .conversion-support{margin:-6px 0 15px;color:#625f75;font-size:.8rem;line-height:1.45}.conversion-panel .conversion-support strong{color:var(--dark)}