/* DNS GROUP – Google Ads Landing Page – Styles */

:root{--violet:#6D28D9;--violet-dark:#5B21B6;--violet-light:#7C3AED;--violet-xl:#8B5CF6;--lime:#C8F000;--lime-dark:#A8CC00;--dark:#0D0D0D;--gray:#6B7280;--white:#FFFFFF;--off:#FAFAFF;--border:#E5E7EB;--r:20px;--rl:28px;--rxl:36px;--sh:0 4px 24px rgba(109,40,217,.10);--shl:0 8px 48px rgba(109,40,217,.18);}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Figtree',sans-serif;background:var(--white);color:var(--dark);font-size:16px;line-height:1.6;overflow-x:hidden;}

/* TOP BAR */
.top-bar{background:var(--violet-dark);color:rgba(255,255,255,.8);font-size:13px;font-weight:500;text-align:center;padding:10px 20px;letter-spacing:.02em;}
.top-bar span{color:var(--lime);font-weight:700;}

/* NAV */
nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:14px 40px;display:flex;align-items:center;justify-content:space-between;}
.logo{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:22px;color:var(--dark);letter-spacing:-.02em;}
.logo span{color:var(--violet);}
.nav-cta{background:var(--lime);color:var(--dark);font-weight:800;font-size:14px;padding:11px 24px;border-radius:50px;border:none;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;}
.nav-cta:hover{background:var(--lime-dark);transform:translateY(-1px);box-shadow:0 4px 16px rgba(200,240,0,.4);}

/* HERO */
.hero{background:#fff;padding:80px 40px 60px;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;top:-120px;right:-120px;width:500px;height:500px;background:radial-gradient(circle,rgba(109,40,217,.12) 0%,transparent 70%);pointer-events:none;}
.hero::after{content:'';position:absolute;bottom:-80px;left:-80px;width:350px;height:350px;background:radial-gradient(circle,rgba(200,240,0,.10) 0%,transparent 70%);pointer-events:none;}
.hero-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--border);border-radius:50px;padding:7px 16px;font-size:13px;font-weight:700;color:var(--violet);margin-bottom:24px;box-shadow:0 2px 12px rgba(109,40,217,.08);}
.hero-badge::before{display:none;}
.hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:clamp(36px,5vw,56px);line-height:1.12;color:var(--dark);letter-spacing:-.025em;margin-bottom:20px;}
.hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--violet),var(--violet-xl));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-sub{font-size:18px;color:#374151;line-height:1.65;margin-bottom:32px;font-weight:500;}
.hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px;}
.chip{background:#fff;border:1.5px solid var(--border);border-radius:50px;padding:7px 16px;font-size:13px;font-weight:600;color:#374151;}
.chip.accent{background:var(--lime);border-color:var(--lime);color:var(--dark);}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px;}
.btn-primary{background:var(--lime);color:var(--dark);font-weight:800;font-size:16px;padding:16px 32px;border-radius:50px;border:none;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;box-shadow:0 4px 20px rgba(200,240,0,.35);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(200,240,0,.5);}
.btn-secondary{background:transparent;color:var(--dark);font-weight:700;font-size:16px;padding:16px 32px;border-radius:50px;border:2px solid var(--border);cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;}
.btn-secondary:hover{border-color:var(--violet);color:var(--violet);}
.hero-trust{display:flex;align-items:center;gap:12px;}
.avatars{display:flex;}
.avatar{width:36px;height:36px;border-radius:50%;border:2.5px solid #fff;margin-left:-10px;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;color:#fff;}
.avatar:first-child{margin-left:0;}
.av1{background:var(--violet);}.av2{background:#059669;}.av3{background:#DC2626;}.av4{background:#D97706;}.av5{background:#0284C7;}
.trust-text{font-size:14px;font-weight:600;color:#374151;}
.trust-text span{color:var(--violet);font-weight:800;}
.stars{color:#F59E0B;font-size:14px;}

/* ROAS WIDGET */
@keyframes widgetGlow{0%,100%{box-shadow:0 4px 24px rgba(0,0,0,.22)}50%{box-shadow:0 4px 32px rgba(0,0,0,.30),0 0 20px 4px rgba(200,240,0,.12)}}
@keyframes countUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes barGrow{from{height:0!important}to{}}
@keyframes numPulse{0%,100%{text-shadow:0 0 0 rgba(255,255,255,0)}50%{text-shadow:0 0 20px rgba(255,255,255,.15)}}
@keyframes activePulse{0%,100%{box-shadow:0 0 8px rgba(200,240,0,.4)}50%{box-shadow:0 0 18px rgba(200,240,0,.8)}}
.roas-widget{background:#111118;border-radius:18px;padding:18px 22px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;animation:widgetGlow 3s ease-in-out infinite;position:relative;overflow:hidden;}
.roas-widget::before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:18px;padding:1px;background:linear-gradient(135deg,rgba(200,240,0,.3),transparent 50%,rgba(109,40,217,.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
.rw-left{display:flex;flex-direction:column;gap:4px;}
.rw-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.5);}
.rw-num{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:38px;color:#fff;line-height:1;letter-spacing:-.03em;animation:countUp .8s ease .3s backwards,numPulse 4s ease-in-out 1s infinite;}
.rw-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(200,240,0,.15);color:var(--lime);font-size:12px;font-weight:700;padding:4px 10px;border-radius:50px;margin-top:4px;width:fit-content;animation:countUp .8s ease .6s backwards;}
.rw-chart{display:flex;align-items:flex-end;gap:5px;height:52px;}
.rw-bar{width:14px;border-radius:4px 4px 0 0;background:rgba(255,255,255,.18);animation:barGrow .6s ease backwards;}
.rw-bar:nth-child(1){animation-delay:.1s}.rw-bar:nth-child(2){animation-delay:.2s}.rw-bar:nth-child(3){animation-delay:.3s}.rw-bar:nth-child(4){animation-delay:.4s}.rw-bar:nth-child(5){animation-delay:.5s}.rw-bar:nth-child(6){animation-delay:.6s}
.rw-bar.active{background:var(--lime);animation:barGrow .6s ease .7s backwards,activePulse 2.5s ease-in-out 1.5s infinite;box-shadow:0 0 8px rgba(200,240,0,.5);}

/* FORM CARD */
.hero-form-card{background:#fff;border-radius:var(--rxl);box-shadow:0 8px 40px rgba(0,0,0,.10);overflow:hidden;border:1.5px solid var(--border);}
.form-header{background:linear-gradient(135deg,var(--violet-dark) 0%,var(--violet) 60%,var(--violet-xl) 100%);padding:22px 28px 24px;color:#fff;}
.form-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.form-tag{background:var(--lime);color:var(--dark);font-size:11px;font-weight:800;padding:5px 14px;border-radius:50px;text-transform:uppercase;letter-spacing:.08em;}
.form-header h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:22px;line-height:1.3;margin-bottom:6px;}
.form-header p{font-size:13px;opacity:.82;}
.resp-badge{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:rgba(255,255,255,.85);}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.resp-dot{width:8px;height:8px;background:var(--lime);border-radius:50%;animation:pulse 2s infinite;}
.form-body{padding:24px 28px 28px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-full{grid-column:1/-1;}
label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#374151;display:block;margin-bottom:6px;}
input,select,textarea{width:100%;background:var(--off);border:1.5px solid var(--border);border-radius:12px;padding:13px 16px;font-family:'Figtree',sans-serif;font-size:15px;font-weight:500;color:var(--dark);transition:border-color .2s;appearance:none;}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--violet);background:#fff;box-shadow:0 0 0 4px rgba(109,40,217,.08);}
input::placeholder,textarea::placeholder{color:#9CA3AF;}
.btn-form{width:100%;background:var(--lime);color:var(--dark);font-weight:900;font-size:17px;padding:18px;border-radius:14px;border:none;cursor:pointer;transition:all .2s;margin-top:4px;box-shadow:0 4px 20px rgba(200,240,0,.35);}
.btn-form:hover{background:var(--lime-dark);transform:translateY(-2px);box-shadow:0 8px 28px rgba(200,240,0,.5);}
.form-footer{display:flex;gap:16px;margin-top:14px;font-size:12px;font-weight:600;color:var(--gray);justify-content:center;flex-wrap:wrap;}

/* STATS BAR */
.stats-bar{background:#fff;padding:0 40px 56px;}
.stats-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.stat-item{background:var(--off);border:1.5px solid var(--border);border-radius:22px;padding:28px 24px;position:relative;overflow:hidden;transition:all .25s;}
.stat-item:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(109,40,217,.10);border-color:rgba(109,40,217,.25);}
.stat-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--violet),var(--violet-xl));border-radius:22px 22px 0 0;opacity:0;transition:opacity .25s;}
.stat-item:hover::before{opacity:1;}
.stat-num{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:38px;color:var(--violet);line-height:1;display:block;margin-bottom:8px;letter-spacing:-.02em;}
.stat-label{font-size:13px;font-weight:500;color:var(--gray);line-height:1.5;}

/* SECTIONS */
section{padding:80px 40px;}
.section-inner{max-width:1160px;margin:0 auto;}
.section-tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--violet);margin-bottom:16px;}
.section-tag::before{content:'—';color:var(--lime);}
h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:clamp(28px,4vw,44px);line-height:1.18;letter-spacing:-.025em;color:var(--dark);margin-bottom:16px;}
.section-sub{font-size:18px;color:var(--gray);line-height:1.65;max-width:560px;margin-bottom:48px;font-weight:500;}

/* PAIN */
.pain-section{background:#fff;position:relative;overflow:hidden;}
.pain-section::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(109,40,217,.05) 0%,transparent 65%);pointer-events:none;}
.pain-section::after{content:'';position:absolute;bottom:-150px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(200,240,0,.07) 0%,transparent 65%);pointer-events:none;}
.pain-intro{max-width:600px;margin-bottom:52px;}
.pain-intro .section-sub{margin-bottom:0;}
.pain-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.pain-card{background:var(--off);border-radius:24px;padding:36px 32px;position:relative;transition:all .3s cubic-bezier(.22,.68,0,1.2);cursor:default;border:1.5px solid var(--border);overflow:hidden;}
.pain-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(109,40,217,.1);border-color:rgba(109,40,217,.25);}
.pain-card-num{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:80px;line-height:.9;letter-spacing:-.04em;color:var(--border);position:absolute;top:24px;right:28px;pointer-events:none;transition:color .3s;}
.pain-card:hover .pain-card-num{color:rgba(109,40,217,.12);}
.pain-card-icon{width:52px;height:52px;border-radius:16px;background:#FEF2F2;border:1.5px solid #FECACA;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px;position:relative;z-index:1;}
.pain-card h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:18px;color:var(--dark);margin-bottom:10px;line-height:1.3;position:relative;z-index:1;}
.pain-card p{font-size:14px;color:var(--gray);line-height:1.68;margin-bottom:20px;position:relative;z-index:1;}
.pain-card-tag{display:inline-flex;align-items:center;gap:6px;background:#FEF2F2;border:1.5px solid #FECACA;color:#DC2626;font-size:11px;font-weight:700;padding:5px 12px;border-radius:50px;position:relative;z-index:1;}
.pain-bridge{margin-top:24px;background:linear-gradient(135deg,var(--violet-dark) 0%,var(--violet) 60%,var(--violet-xl) 100%);border-radius:24px;padding:36px 44px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;position:relative;overflow:hidden;}
.pain-bridge::before{content:'';position:absolute;right:-60px;top:-60px;width:240px;height:240px;background:radial-gradient(circle,rgba(200,240,0,.18) 0%,transparent 65%);pointer-events:none;}
.pain-bridge::after{content:'';position:absolute;left:-40px;bottom:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 65%);pointer-events:none;}
.pb-left h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:20px;color:#fff;margin-bottom:8px;line-height:1.35;}
.pb-left p{font-size:14px;color:rgba(255,255,255,.65);line-height:1.6;max-width:460px;}
.pb-stats{display:flex;gap:28px;align-items:center;flex-shrink:0;flex-wrap:wrap;position:relative;z-index:1;}
.pb-stat{text-align:center;}
.pb-stat-num{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:28px;color:var(--lime);letter-spacing:-.02em;line-height:1;}
.pb-stat-desc{font-size:11px;color:rgba(255,255,255,.5);margin-top:4px;line-height:1.3;}
.pb-divider{width:1px;height:40px;background:rgba(255,255,255,.15);}

/* BENTO */
.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.bento-card{background:#fff;border-radius:var(--rl);padding:32px;border:1.5px solid var(--border);transition:all .25s;position:relative;overflow:hidden;}
.bento-card:hover{transform:translateY(-4px);box-shadow:var(--shl);}
.bento-card.wide{grid-column:span 2;}
.bento-card.violet{background:linear-gradient(135deg,var(--violet-dark),var(--violet));border-color:transparent;color:#fff;}
.bento-card.lime{background:var(--lime);border-color:transparent;}
.bento-card.dark-card{background:var(--dark);border-color:transparent;color:#fff;}
.bento-big-num{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:52px;line-height:1;color:var(--lime);display:block;margin-bottom:8px;}
.bento-card.lime .bento-big-num{color:var(--dark);}
.bento-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px;}
.vi-bg{background:linear-gradient(135deg,var(--violet),var(--violet-xl));}
.li-bg{background:var(--lime);}
.gl-bg{background:rgba(109,40,217,.12);}
.dk-bg{background:rgba(255,255,255,.1);}
.bento-card h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:19px;margin-bottom:10px;line-height:1.3;}
.bento-card p{font-size:14px;line-height:1.65;color:var(--gray);}
.bento-card.violet p,.bento-card.dark-card p{color:rgba(255,255,255,.75);}
.bento-card.lime p{color:rgba(13,13,13,.7);}
.mini-chart{display:flex;align-items:flex-end;gap:6px;margin-top:20px;height:56px;}
.bar{border-radius:6px 6px 0 0;background:rgba(255,255,255,.22);min-width:16px;}
.bar.active{background:var(--lime);}
.roas-rows{display:flex;flex-direction:column;gap:10px;margin-top:18px;}
.roas-row{display:flex;align-items:center;gap:10px;}
.roas-row-lbl{font-size:12px;font-weight:600;color:rgba(255,255,255,.6);min-width:90px;}
.roas-row-track{flex:1;height:6px;background:rgba(255,255,255,.12);border-radius:100px;overflow:hidden;}
.roas-row-fill{height:100%;background:var(--lime);border-radius:100px;}
.roas-row-val{font-size:12px;font-weight:800;color:var(--lime);min-width:44px;text-align:right;}

/* PROCESS */
.process-section{background:#fff;position:relative;overflow:hidden;}
.process-section::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--violet),var(--violet-xl) 50%,var(--lime));}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch;}
.step-card{background:var(--off);border-radius:24px;padding:0;border:1.5px solid transparent;position:relative;z-index:1;transition:all .3s cubic-bezier(.22,.68,0,1.2);display:flex;flex-direction:column;overflow:hidden;cursor:default;}
.step-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(109,40,217,.13);border-color:rgba(109,40,217,.2);}
.step-stripe{height:5px;width:100%;flex-shrink:0;}
.step-body{padding:24px;display:flex;flex-direction:column;flex:1;}
.step-icon-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.step-num{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:18px;color:#fff;flex-shrink:0;transition:transform .3s;}
.step-card:hover .step-num{transform:scale(1.08) rotate(-4deg);}
.step-emoji{font-size:28px;line-height:1;transition:transform .3s;}
.step-card:hover .step-emoji{transform:scale(1.15);}
.step-card h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:16px;margin-bottom:10px;color:var(--dark);line-height:1.35;}
.step-card p{font-size:13px;color:var(--gray);line-height:1.68;flex:1;}
.step-time{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;padding:5px 12px;border-radius:50px;margin-top:18px;width:fit-content;}
.process-reassure{margin-top:32px;background:var(--off);border:1.5px solid var(--border);border-radius:var(--rl);padding:22px 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;}
.pr-left{display:flex;align-items:center;gap:16px;}
.pr-icon{width:42px;height:42px;background:var(--lime);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.pr-left strong{color:var(--dark);font-size:15px;font-weight:700;display:block;margin-bottom:2px;}
.pr-left span{color:var(--gray);font-size:13px;}
.pr-chips{display:flex;gap:8px;flex-wrap:wrap;}
.pr-chip{background:#fff;border:1.5px solid var(--border);border-radius:50px;padding:6px 14px;font-size:12px;font-weight:700;color:var(--dark);display:flex;align-items:center;gap:5px;}
.pr-chip .dot{width:7px;height:7px;background:var(--lime);border-radius:50%;}

/* FAQ */
.faq-section{background:var(--off);}
.faq-grid{max-width:780px;margin:0 auto;}
.faq-item{background:#fff;border-radius:var(--r);border:1.5px solid var(--border);margin-bottom:12px;overflow:hidden;transition:all .2s;}
.faq-item:hover{border-color:var(--violet);}
.faq-q{padding:22px 24px;font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;font-family:'Plus Jakarta Sans',sans-serif;}
.faq-q::-webkit-details-marker{display:none;}
details[open] .faq-q{color:var(--violet);}
details[open]{border-color:var(--violet);box-shadow:0 0 0 4px rgba(109,40,217,.06);}
.faq-toggle{width:28px;height:28px;min-width:28px;background:var(--off);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:300;transition:all .2s;color:var(--gray);}
details[open] .faq-toggle{background:var(--lime);color:var(--dark);transform:rotate(45deg);}
.faq-a{padding:0 24px 22px;font-size:15px;color:#374151;line-height:1.7;}

/* FINAL CTA */
.final-cta{background:linear-gradient(135deg,var(--violet-dark) 0%,var(--violet) 60%,var(--violet-xl) 100%);padding:100px 40px;text-align:center;position:relative;overflow:hidden;}
.final-cta::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(200,240,0,.15) 0%,transparent 70%);pointer-events:none;}
.final-cta h2{color:#fff;margin-bottom:16px;position:relative;}
.final-cta h2 em{font-style:normal;color:var(--lime);}
.final-cta>div>p{color:rgba(255,255,255,.8);font-size:18px;margin-bottom:40px;position:relative;}
.final-form{max-width:560px;margin:0 auto;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:var(--rxl);padding:36px;backdrop-filter:blur(8px);text-align:left;position:relative;}
.final-form label{color:rgba(255,255,255,.7);}
.final-form input,.final-form select{background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);color:#fff;border-radius:12px;}
.final-form input::placeholder{color:rgba(255,255,255,.4);}
.final-form input:focus,.final-form select:focus{border-color:var(--lime);box-shadow:0 0 0 4px rgba(200,240,0,.15);}
.final-form select option{background:var(--violet-dark);color:#fff;}
.final-trust{display:flex;justify-content:center;gap:28px;margin-top:28px;font-size:13px;color:rgba(255,255,255,.65);font-weight:600;position:relative;flex-wrap:wrap;}
.final-trust span::before{content:'';}

/* FOOTER */
footer{background:var(--dark);padding:40px;color:rgba(255,255,255,.45);font-size:13px;font-weight:500;text-align:center;}
.footer-logo{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:22px;color:#fff;letter-spacing:-.02em;margin-bottom:8px;}
.footer-logo span{color:var(--lime);}

/* RESPONSIVE */

/* ─── RESULTS WIDGETS ─── */
.results-widgets{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;overflow:hidden;}
.rw-card{background:#fff;border-radius:var(--rl);padding:28px;border:1.5px solid var(--border);transition:all .25s;display:flex;flex-direction:column;gap:0;overflow:hidden;}
.rw-card:hover{transform:translateY(-4px);box-shadow:var(--shl);}
.rw-card-featured{background:linear-gradient(145deg,#3b0f9e,var(--violet-dark),var(--violet));border-color:transparent;box-shadow:0 8px 48px rgba(109,40,217,.4);position:relative;overflow:hidden;}
.rw-card-featured::before{content:"";position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);width:280px;height:280px;background:radial-gradient(circle,rgba(109,40,217,.5) 0%,transparent 70%);pointer-events:none;z-index:0;}
.rw-card-featured>*{position:relative;z-index:1;}
.rw-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px;}
.rw-card-label{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:14px;color:var(--dark);margin-bottom:3px;}
.rw-card-sub{font-size:12px;color:var(--gray);}
.rw-metrics{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
.rw-metric{display:flex;flex-direction:column;gap:2px;}
.rw-metric-val{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:17px;color:var(--dark);letter-spacing:-.02em;line-height:1;}
.rw-metric-lbl{font-size:11px;color:var(--gray);font-weight:500;}
.rw-metric-delta{font-size:11px;font-weight:700;padding:2px 7px;border-radius:50px;width:fit-content;margin-top:2px;}
.rw-metric-delta.up{background:rgba(16,185,129,.1);color:#059669;}
.rw-metric-delta.down{background:rgba(109,40,217,.08);color:var(--violet);}
.rw-sparkline{margin-bottom:16px;overflow:hidden;}
.rw-card-big{margin-top:auto;padding-top:16px;border-top:1.5px solid var(--border);}
.rw-card-featured .rw-card-big{border-color:rgba(255,255,255,.2);}
.rw-card-featured .rw-card-big span{color:var(--lime);text-shadow:0 0 20px rgba(200,240,0,.4);}
.rw-card-featured .rw-card-big p{color:rgba(255,255,255,.9);font-weight:600;}
.rw-card-big span{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:36px;color:var(--violet);letter-spacing:-.03em;display:block;line-height:1;margin-bottom:4px;}
.rw-card-big p{font-size:13px;color:var(--gray);font-weight:500;}

/* ─── RESULTS BENTO ROW ─── */
.results-bento{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:16px;}
.rb-tile{background:#fff;border-radius:var(--r);padding:24px;border:1.5px solid var(--border);transition:all .25s;display:flex;flex-direction:column;gap:10px;overflow:hidden;}
.rb-tile:hover{transform:translateY(-3px);box-shadow:var(--sh);}
.rb-dark{background:var(--dark);border-color:transparent;}
.rb-dark h3,.rb-dark p{color:rgba(255,255,255,.9) !important;}
.rb-dark p{color:rgba(255,255,255,.55) !important;}
.rb-tile-icon{width:40px;height:40px;border-radius:11px;background:rgba(109,40,217,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.rb-icon-violet{background:rgba(109,40,217,.12);}
.rb-icon-lime{background:rgba(200,240,0,.2);}
.rb-dark .rb-tile-icon{background:rgba(255,255,255,.1);}
.rb-tile h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:14px;line-height:1.3;color:var(--dark);margin:0;}
.rb-tile p{font-size:12.5px;color:var(--gray);line-height:1.6;margin:0;flex:1;}
.rb-tile .roas-rows{margin-top:8px;}
.rb-tile .roas-row-lbl{min-width:100px;}
.rb-tile .mini-chart{height:44px;margin-top:8px;}


/* FOR WHOM */
.forwho-section{background:var(--off);}
.forwho-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;}
.forwho-card{background:#fff;border:1.5px solid var(--border);border-radius:24px;padding:28px;transition:all .25s;position:relative;overflow:hidden;}
.forwho-card:hover{transform:translateY(-4px);box-shadow:var(--shl);border-color:rgba(109,40,217,.25);}
.forwho-card.featured{background:linear-gradient(135deg,var(--violet-dark),var(--violet));border-color:transparent;color:#fff;}
.forwho-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px;}
.forwho-card:not(.featured) .forwho-icon{background:var(--off);border:1.5px solid var(--border);}
.forwho-card.featured .forwho-icon{background:rgba(255,255,255,.15);}
.forwho-card h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:17px;margin-bottom:10px;line-height:1.3;}
.forwho-card.featured h3{color:#fff;}
.forwho-card:not(.featured) h3{color:var(--dark);}
.forwho-card p{font-size:13px;line-height:1.65;}
.forwho-card:not(.featured) p{color:var(--gray);}
.forwho-card.featured p{color:rgba(255,255,255,.75);}
.forwho-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 12px;border-radius:50px;margin-top:14px;}
.forwho-card:not(.featured) .forwho-tag{background:var(--off);border:1.5px solid var(--border);color:var(--gray);}
.forwho-card.featured .forwho-tag{background:rgba(200,240,0,.2);color:var(--lime);border:1px solid rgba(200,240,0,.3);}
@media(max-width:960px){
  .results-widgets{grid-template-columns:1fr;}
  .results-bento{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .results-bento{grid-template-columns:1fr;}
}
@media(max-width:960px){
  .hero-inner{grid-template-columns:1fr;}
  .hero{padding:60px 24px 40px;}
  .pain-cards{grid-template-columns:1fr;}
  .pb-stats{flex-direction:column;align-items:flex-start;}
  .pb-divider{display:none;}
  .bento-grid{grid-template-columns:1fr 1fr;}
  .bento-card.wide{grid-column:span 1;}
  .process-steps{grid-template-columns:1fr 1fr;}
  .stats-inner{grid-template-columns:1fr 1fr;}
  section{padding:60px 24px;}
  nav{padding:14px 24px;}
  .stats-bar{padding:0 24px 40px;}
}
@media(max-width:600px){
  .bento-grid{grid-template-columns:1fr;}
  .process-steps{grid-template-columns:1fr;}
  .form-grid{grid-template-columns:1fr;}
  .form-full{grid-column:1;}
  .hero-btns{flex-direction:column;}
  .final-form{padding:24px;}
  .final-cta .section-inner > div[style*="grid"]{grid-template-columns:1fr !important;}
  .process-reassure{flex-direction:column;align-items:flex-start;}
}

/* ── Auto-generated utility classes ── */
.u-flex-inline-center-gap5{display:inline-flex;align-items:center;gap:5px}
.u-flex-inline-gap1{display:inline-flex;gap:1px}
.u-flex-col-gap6-mt8{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.u-flex-center-gap8-fs13-fw6-white80{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:rgba(255,255,255,.8)}
.u-flex-shrink0-ta-center-pl20-bl{flex-shrink:0;text-align:center;padding-left:20px;border-left:1px solid rgba(255,255,255,.1)}
.u-klienci-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(200,240,0,.15);color:var(--lime);font-size:12px;font-weight:700;padding:5px 12px;border-radius:50px;white-space:nowrap}
.form-progress-bar{background:linear-gradient(135deg,var(--violet-dark),var(--violet));padding:14px 24px;display:flex;align-items:center;justify-content:space-between}
.form-progress-items{display:flex;align-items:center;gap:20px}
.form-progress-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:rgba(255,255,255,.8)}
.form-step-indicator{display:flex;align-items:center;gap:6px;flex-shrink:0}
.step-dot-active{width:24px;height:24px;border-radius:50%;background:var(--lime);color:var(--dark);font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}
.step-dot-line{width:28px;height:1.5px;background:rgba(255,255,255,.25)}
.step-dot-inactive{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.2);color:rgba(255,255,255,.5);font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}
.form-step-body{padding:28px 28px 24px}
.form-step-hidden{padding:28px 28px 24px;display:none}
.form-step-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:17px;color:var(--dark);margin-bottom:4px}
.form-step-sub{font-size:13px;color:var(--gray);margin-bottom:22px}
.form-step-fields-col{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.form-step-fields-col2{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.form-step-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form-btn-step{width:100%;background:var(--lime);color:var(--dark);font-family:'Plus Jakarta Sans',sans-serif;font-weight:900;font-size:16px;padding:16px;border-radius:14px;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px rgba(200,240,0,.35)}
.form-privacy-note{text-align:center;margin-top:10px;font-size:11px;color:#9CA3AF;display:flex;align-items:center;justify-content:center;gap:5px}
.form-back-wrap{text-align:center;margin-top:10px}
.form-back-btn{background:none;border:none;font-size:12px;color:var(--gray);cursor:pointer;text-decoration:underline}
.pain-right-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:24px}
.pain-violet-card{background:linear-gradient(135deg,var(--violet-dark),var(--violet));border-radius:24px;padding:32px;color:#fff;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
.pain-violet-card__glow{position:absolute;right:-30px;top:-30px;width:160px;height:160px;background:radial-gradient(circle,rgba(200,240,0,.2) 0%,transparent 70%);pointer-events:none}
.pain-violet-card__label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--lime);margin-bottom:4px}
.pain-metric-row{display:flex;align-items:flex-start;gap:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px 18px}
.pain-metric-icon{width:36px;height:36px;background:rgba(200,240,0,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pain-metric-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:14px;color:#fff;margin-bottom:3px}
.pain-metric-desc{font-size:12px;color:rgba(255,255,255,.6);line-height:1.5}
.pain-violet-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--lime);color:var(--dark);font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:15px;padding:14px 24px;border-radius:50px;text-decoration:none;margin-top:4px;transition:all .2s;position:relative;z-index:1}
.bento-off-bg{background:var(--off)}
.svg-muted{color:var(--gray);opacity:.4}
.sparkline-wrap{width:100%;height:52px}
.roas-row-lbl-col{color:rgba(255,255,255,.6)}
.roas-row-lbl-dark{color:rgba(255,255,255,.4)}
.roas-card-lbl-white{color:rgba(255,255,255,.3)}
.metric-white{color:#fff}
.metric-muted-white{color:rgba(255,255,255,.5)}
.metric-lime{color:var(--lime)}
.metric-muted-lime{color:rgba(255,255,255,.9);font-weight:600}
.metric-green{color:#10B981}
.roas-fill-90{width:90%}
.roas-fill-78{width:78%}
.roas-fill-52{width:52%}
.bar-h22{height:22%}
.bar-h35{height:35%}
.bar-h28{height:28%}
.bar-h48{height:48%}
.bar-h42{height:42%}
.bar-h65{height:65%}
.bar-h100{height:100%}
.phone-cta-strip{background:var(--lime);padding:40px}
.phone-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.phone-cta-left{display:flex;align-items:center;gap:20px}
.phone-cta-icon-wrap{width:56px;height:56px;background:rgba(0,0,0,.1);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.phone-cta-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:20px;color:var(--dark);line-height:1.2}
.phone-cta-sub{font-size:14px;color:rgba(0,0,0,.6);margin-top:4px;font-weight:500}
.phone-cta-right{display:flex;align-items:center;gap:12px;flex-shrink:0;flex-wrap:wrap}
.phone-cta-number{display:inline-flex;align-items:center;gap:10px;background:var(--dark);color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:18px;padding:14px 28px;border-radius:50px;text-decoration:none;transition:all .2s;letter-spacing:-.02em}
.phone-cta-hours{font-size:12px;font-weight:600;color:rgba(0,0,0,.5)}
.step-stripe-violet{background:var(--violet)}
.step-num-violet{background:var(--violet)}
.step-time-violet{background:rgba(109,40,217,.1);color:var(--violet)}
.step-time-lime{background:rgba(200,240,0,.2);color:#4a5800}
.step-stripe-violet2{background:#7C3AED}
.step-num-violet2{background:#7C3AED}
.step-stripe-xl{background:var(--violet-xl)}
.step-num-xl{background:var(--violet-xl)}
.step-stripe-lime{background:var(--lime)}
.step-num-purple{background:#8B5CF6}
.pr-info-box{margin-top:20px;background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:18px 24px;display:flex;align-items:flex-start;gap:16px}
.pr-info-icon{font-size:20px;flex-shrink:0}
.pr-info-text-wrap{flex:1;min-width:240px}
.pr-info-title{font-size:14px;font-weight:700;color:var(--dark);margin-bottom:3px}
.pr-info-desc{font-size:13px;color:var(--gray);line-height:1.55}
.final-inner{max-width:1160px;margin:0 auto}
.final-tag-centered{color:var(--lime);justify-content:center;margin-bottom:20px}
.final-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:860px;margin:0 auto;position:relative}
.final-form-wrap{max-width:100%;margin:0}
.final-form-header{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:15px;color:#fff;margin-bottom:20px;display:flex;align-items:center;gap:8px}
.final-form-icon{background:var(--lime);color:var(--dark);border-radius:50%;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;flex-shrink:0}
.final-form-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.final-privacy{text-align:center;margin-top:10px;font-size:11px;color:rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;gap:5px}
.final-right-col{display:flex;flex-direction:column;gap:16px;justify-content:center}
.final-phone-card{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.15);border-radius:24px;padding:28px;text-align:center}
.final-phone-icon{margin-bottom:12px;display:flex;justify-content:center}
.final-phone-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:16px;color:#fff;margin-bottom:6px}
.final-phone-sub{font-size:13px;color:rgba(255,255,255,.5);margin-bottom:18px;line-height:1.5}
.final-phone-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--lime);color:var(--dark);font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:17px;padding:14px 24px;border-radius:50px;text-decoration:none;width:100%;transition:all .2s}
.final-phone-hours{font-size:12px;color:rgba(255,255,255,.3);margin-top:10px}
.final-trust-list{display:flex;flex-direction:column;gap:9px}
.final-trust-item{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,.65);font-weight:600}
.final-trust-icon{background:rgba(200,240,0,.2);color:var(--lime);border-radius:50%;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;font-weight:900}


/* ── Component classes ── */

.u-mt8{margin-top:8px}
.form-btn-step{width:100%;background:var(--lime);color:var(--dark);font-family:'Plus Jakarta Sans',sans-serif;font-weight:900;font-size:16px;padding:16px;border-radius:14px;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px rgba(200,240,0,.35)}
.form-btn-step:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(200,240,0,.5)}
.step-dot-active{width:24px;height:24px;border-radius:50%;background:var(--lime);color:var(--dark);font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}
.step-dot-inactive{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.2);color:rgba(255,255,255,.5);font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}
.step-dot-line{width:28px;height:1.5px;background:rgba(255,255,255,.25)}
.step-stripe-violet{background:var(--violet)}
.step-stripe-violet2{background:#7C3AED}
.step-stripe-xl{background:var(--violet-xl)}
.step-stripe-lime{background:var(--lime)}
.step-num-violet{background:var(--violet)}
.step-num-violet2{background:#7C3AED}
.step-num-xl{background:var(--violet-xl)}
.step-num-purple{background:#8B5CF6}
.step-time-violet{background:rgba(109,40,217,.1);color:var(--violet)}
.step-time-lime{background:rgba(200,240,0,.2);color:#4a5800}
.phone-cta-strip{background:var(--lime);padding:40px}
.phone-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.phone-cta-left{display:flex;align-items:center;gap:20px}
.phone-cta-icon-wrap{width:56px;height:56px;background:rgba(0,0,0,.1);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.phone-cta-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:20px;color:var(--dark);line-height:1.2}
.phone-cta-sub{font-size:14px;color:rgba(0,0,0,.6);margin-top:4px;font-weight:500}
.phone-cta-right{display:flex;align-items:center;gap:12px;flex-shrink:0;flex-wrap:wrap}
.phone-cta-number{display:inline-flex;align-items:center;gap:10px;background:var(--dark);color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:18px;padding:14px 28px;border-radius:50px;text-decoration:none;transition:all .2s;letter-spacing:-.02em}
.phone-cta-number:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.25)}
.phone-cta-hours{font-size:12px;font-weight:600;color:rgba(0,0,0,.5)}
.pain-violet-cta:hover{background:var(--lime-dark)}
.final-phone-link:hover{background:var(--lime-dark)}
.final-inner{max-width:1160px;margin:0 auto}
.final-tag-centered{color:var(--lime);justify-content:center;margin-bottom:20px}
.final-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:860px;margin:0 auto;position:relative}
.final-form-wrap{max-width:100%;margin:0}
.final-form-header{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:15px;color:#fff;margin-bottom:20px;display:flex;align-items:center;gap:8px}
.final-form-icon{background:var(--lime);color:var(--dark);border-radius:50%;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;flex-shrink:0}
.final-form-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.final-privacy{text-align:center;margin-top:10px;font-size:11px;color:rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;gap:5px}
.final-right-col{display:flex;flex-direction:column;gap:16px;justify-content:center}
.final-phone-card{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.15);border-radius:24px;padding:28px;text-align:center}
.final-phone-icon{margin-bottom:12px;display:flex;justify-content:center}
.final-phone-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:16px;color:#fff;margin-bottom:6px}
.final-phone-sub{font-size:13px;color:rgba(255,255,255,.5);margin-bottom:18px;line-height:1.5}
.final-phone-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--lime);color:var(--dark);font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:17px;padding:14px 24px;border-radius:50px;text-decoration:none;width:100%;transition:all .2s}
.final-phone-hours{font-size:12px;color:rgba(255,255,255,.3);margin-top:10px}
.final-trust-list{display:flex;flex-direction:column;gap:9px}
.final-trust-item{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,.65);font-weight:600}
.final-trust-icon{background:rgba(200,240,0,.2);color:var(--lime);border-radius:50%;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;font-weight:900}
.pain-right-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:24px}
.pain-violet-card{background:linear-gradient(135deg,var(--violet-dark),var(--violet));border-radius:24px;padding:32px;color:#fff;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
.pain-violet-card__glow{position:absolute;right:-30px;top:-30px;width:160px;height:160px;background:radial-gradient(circle,rgba(200,240,0,.2) 0%,transparent 70%);pointer-events:none}
.pain-violet-card__label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--lime);margin-bottom:4px}
.pain-metric-row{display:flex;align-items:flex-start;gap:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px 18px}
.pain-metric-icon{width:36px;height:36px;background:rgba(200,240,0,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pain-metric-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:14px;color:#fff;margin-bottom:3px}
.pain-metric-desc{font-size:12px;color:rgba(255,255,255,.6);line-height:1.5}
.pain-violet-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--lime);color:var(--dark);font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:15px;padding:14px 24px;border-radius:50px;text-decoration:none;margin-top:4px;transition:all .2s;position:relative;z-index:1}
.form-progress-bar{background:linear-gradient(135deg,var(--violet-dark),var(--violet));padding:14px 24px;display:flex;align-items:center;justify-content:space-between}
.form-progress-items{display:flex;align-items:center;gap:20px}
.form-progress-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:rgba(255,255,255,.8)}
.form-step-indicator{display:flex;align-items:center;gap:6px;flex-shrink:0}
.form-step-body{padding:28px 28px 24px}
.form-step-hidden{padding:28px 28px 24px;display:none}
.form-step-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:17px;color:var(--dark);margin-bottom:4px}
.form-step-sub{font-size:13px;color:var(--gray);margin-bottom:22px}
.form-step-fields-col{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.form-step-fields-col2{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.form-step-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form-privacy-note{text-align:center;margin-top:10px;font-size:11px;color:#9CA3AF;display:flex;align-items:center;justify-content:center;gap:5px}
.form-back-wrap{text-align:center;margin-top:10px}
.form-back-btn{background:none;border:none;font-size:12px;color:var(--gray);cursor:pointer;text-decoration:underline}
.u-flex-col-gap6-mt8{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.u-flex-center-gap8-fs13-fw6-white80{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:rgba(255,255,255,.8)}
.u-flex-shrink0-ta-center-pl20-bl{flex-shrink:0;text-align:center;padding-left:20px;border-left:1px solid rgba(255,255,255,.1)}
.u-klienci-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(200,240,0,.15);color:var(--lime);font-size:12px;font-weight:700;padding:5px 12px;border-radius:50px;white-space:nowrap}
.pr-info-box{margin-top:20px;background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:18px 24px;display:flex;align-items:flex-start;gap:16px}
.pr-info-icon{font-size:20px;flex-shrink:0}
.pr-info-text-wrap{flex:1;min-width:240px}
.pr-info-title{font-size:14px;font-weight:700;color:var(--dark);margin-bottom:3px}
.pr-info-desc{font-size:13px;color:var(--gray);line-height:1.55}
.sparkline-wrap{width:100%;height:52px}
.svg-muted{color:var(--gray);opacity:.4}
.roas-row-lbl-col{color:rgba(255,255,255,.6)}
.roas-row-lbl-dark{color:rgba(255,255,255,.4)}
.roas-card-lbl-white{color:rgba(255,255,255,.3)}
.metric-white{color:#fff}
.metric-muted-white{color:rgba(255,255,255,.5)}
.metric-lime{color:var(--lime)}
.metric-muted-lime{color:rgba(255,255,255,.9);font-weight:600}
.metric-green{color:#10B981}
.roas-fill-90{width:90%}
.roas-fill-78{width:78%}
.roas-fill-52{width:52%}
.bar-h22{height:22%}
.bar-h35{height:35%}
.bar-h28{height:28%}
.bar-h48{height:48%}
.bar-h42{height:42%}
.bar-h65{height:65%}
.bar-h100{height:100%}
@media(max-width:960px){.pain-right-grid{grid-template-columns:1fr;gap:32px}.final-grid{grid-template-columns:1fr}.phone-cta-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.form-step-2col{grid-template-columns:1fr}.form-step-body,.form-step-hidden{padding:20px}}

.pr-info-box--alt{margin-top:20px;flex-wrap:wrap;align-items:center;border-radius:18px;padding:20px 28px}

/* ── Footer ── */
footer{background:var(--dark);padding:48px 40px;color:rgba(255,255,255,.45);font-size:13px;font-weight:500;text-align:center;}
.footer-logo-wrap{margin-bottom:24px;}
.footer-logo-svg{height:48px;width:auto;}
.footer-contact-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:24px;}
.footer-contact-link{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.6);text-decoration:none;font-size:14px;font-weight:600;transition:color .2s;}
.footer-contact-link:hover{color:var(--lime);}
.footer-divider{color:rgba(255,255,255,.2);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.footer-copy{font-size:12px;color:rgba(255,255,255,.3);}
.footer-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.footer-link{font-size:12px;color:rgba(255,255,255,.3);text-decoration:none;transition:color .2s;}
.footer-link:hover{color:rgba(255,255,255,.7);}
@media(max-width:600px){.footer-bottom{flex-direction:column;align-items:center;text-align:center;}}

.logo-link{display:flex;align-items:center;text-decoration:none;}
.logo-link svg text{font-family:"Plus Jakarta Sans",sans-serif;}


/* ══════════════════════════════════════════
   RESPONSIVE — KOMPLETNE POPRAWKI MOBILE
   ══════════════════════════════════════════ */

/* Tablet (max 960px) */
@media (max-width: 960px) {

  /* Hero */
  .hero { padding: 48px 20px 40px; }
  .hero-inner { grid-template-columns: 1fr; gap: 32px; }
  .hero h1 { font-size: clamp(32px, 7vw, 48px); }
  .hero-sub { font-size: 16px; }
  .hero-btns { flex-direction: column; gap: 12px; }
  .btn-primary, .btn-secondary { width: 100%; text-align: center; justify-content: center; }

  /* Nav */
  nav { padding: 12px 20px; }

  /* Stats */
  .stats-inner { grid-template-columns: 1fr 1fr; gap: 12px; }
  .stats-bar { padding: 0 20px 32px; }
  .stat-num { font-size: 28px; }

  /* Pain section */
  .pain-right-grid { grid-template-columns: 1fr; gap: 24px; }
  .pain-cards { grid-template-columns: 1fr; }

  /* Bento */
  .bento-grid { grid-template-columns: 1fr; }
  .bento-card.wide { grid-column: span 1; }

  /* Results */
  .results-widgets { grid-template-columns: 1fr; }
  .results-bento { grid-template-columns: 1fr 1fr; }
  .rw-metrics { flex-wrap: wrap; gap: 8px; }

  /* Process steps */
  .process-steps { grid-template-columns: 1fr 1fr; gap: 12px; }
  .process-reassure { flex-direction: column; align-items: flex-start; gap: 16px; }
  .reassure-chips { flex-wrap: wrap; }

  /* For who */
  .forwho-grid { grid-template-columns: 1fr; }

  /* FAQ */
  .faq-grid { max-width: 100%; }

  /* Final CTA */
  .final-grid { grid-template-columns: 1fr; }
  .final-cta { padding: 60px 20px; }
  .final-form { padding: 24px; }

  /* Phone CTA */
  .phone-cta-inner { flex-direction: column; align-items: flex-start; gap: 16px; }
  .phone-cta-strip { padding: 28px 20px; }
  .phone-cta-number { font-size: 20px; }

  /* Pain intro grid */
  .pain-intro { max-width: 100%; }

  /* Footer */
  .footer-bottom { flex-direction: column; align-items: center; text-align: center; gap: 12px; }
  .footer-contact-row { flex-direction: column; gap: 10px; }

  /* Sections */
  section { padding: 48px 20px; }
  .section-inner { padding: 0; }
  h2 { font-size: clamp(24px, 5vw, 36px); }
  .section-sub { font-size: 16px; }
}

/* Mobile (max 600px) */
@media (max-width: 600px) {

  /* Hero */
  .hero { padding: 40px 16px 32px; }
  .hero h1 { font-size: clamp(28px, 8vw, 40px); letter-spacing: -0.5px; }
  .hero-sub { font-size: 15px; }
  .hero-chips { gap: 8px; }
  .chip { font-size: 12px; padding: 6px 12px; }
  .hero-trust { flex-wrap: wrap; gap: 8px; }

  /* Nav */
  nav { padding: 10px 16px; }
  .logo-link svg { height: 28px; }

  /* Stats */
  .stats-inner { grid-template-columns: 1fr 1fr; gap: 10px; }
  .stat-item { padding: 20px 16px; }
  .stat-num { font-size: 26px; }
  .stat-label { font-size: 12px; }

  /* Form */
  .form-grid { grid-template-columns: 1fr; }
  .form-full { grid-column: 1; }
  .form-step-body, .form-step-hidden { padding: 20px 16px; }
  .form-step-2col { grid-template-columns: 1fr; }
  .hero-form-card { border-radius: 20px; }
  .form-progress-items { gap: 10px; flex-wrap: wrap; }
  .form-progress-item { font-size: 11px; }

  /* Pain */
  .pain-card { padding: 24px 20px; }
  .pain-card h3 { font-size: 16px; }
  .pain-card-num { font-size: 60px; }

  /* Process */
  .process-steps { grid-template-columns: 1fr; gap: 12px; }
  .step-body { padding: 20px; }

  /* Results */
  .results-bento { grid-template-columns: 1fr; }
  .rw-card { padding: 20px; }
  .rw-card-big span { font-size: 28px; }

  /* Bento */
  .bento-card { padding: 24px; }
  .bento-big-num { font-size: 40px; }

  /* FAQ */
  .faq-q { font-size: 14px; padding: 18px 16px; }
  .faq-a { padding: 0 16px 18px; font-size: 14px; }

  /* Final CTA */
  .final-cta { padding: 48px 16px; }
  .final-form { padding: 20px; border-radius: 20px; }
  .final-right-col { gap: 12px; }
  .final-phone-card { padding: 20px; }
  .final-phone-link { font-size: 15px; }

  /* Phone CTA */
  .phone-cta-strip { padding: 24px 16px; }
  .phone-cta-title { font-size: 17px; }
  .phone-cta-number { font-size: 18px; padding: 12px 20px; }

  /* Pain bridge */
  .pain-bridge { padding: 24px 20px; flex-direction: column; }
  .pb-stats { flex-direction: column; gap: 12px; }
  .pb-divider { display: none; }
  .pb-stat-num { font-size: 24px; }
  .pain-violet-cta { width: 100%; justify-content: center; }

  /* Footer */
  footer { padding: 32px 16px; }
  .footer-logo-svg { height: 36px; }
  .footer-contact-row { flex-direction: column; gap: 10px; align-items: center; }
  .footer-links { justify-content: center; }

  /* Sections */
  section { padding: 40px 16px; }
  h2 { font-size: clamp(22px, 6vw, 32px); }

  /* Top bar */
  .top-bar { font-size: 11px; padding: 8px 16px; }

  /* Reassure bar */
  .process-reassure { padding: 20px 16px; }
  .pr-chips { flex-direction: column; gap: 8px; }
  .pr-chip { font-size: 12px; }
}