/* OGG AI Paginagenerator — front-end conversie-elementen */
.ogg-btnrow{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.ogg-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 28px;border-radius:9px;font-weight:700;font-size:16px;line-height:1;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;cursor:pointer}
.ogg-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.18)}
.ogg-btn-primary{background:var(--ogg-accent,#1f5fd6);color:var(--ogg-accent-text,#fff)}
.ogg-btn-phone{background:transparent;color:var(--ogg-accent,#1f5fd6);border:2px solid var(--ogg-accent,#1f5fd6)}
.ogg-btn-phone:before{content:"\260E";font-size:15px}

.ogg-usps{list-style:none;margin:26px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 26px}
.ogg-usps li{position:relative;padding-left:32px;font-weight:600;line-height:1.4}
.ogg-usps li:before{content:"";position:absolute;left:0;top:1px;width:21px;height:21px;border-radius:50%;background:var(--ogg-accent,#1f5fd6)}
.ogg-usps li:after{content:"";position:absolute;left:6px;top:6px;width:8px;height:4px;border-left:2.5px solid var(--ogg-accent-text,#fff);border-bottom:2.5px solid var(--ogg-accent-text,#fff);transform:rotate(-45deg)}

.ogg-band{margin:44px 0;border-radius:18px;background:var(--ogg-accent,#1f5fd6);overflow:hidden}
.ogg-band-inner{padding:38px 32px;text-align:center}
.ogg-band-inner h2{color:var(--ogg-accent-text,#fff)!important;margin:0 0 10px!important}
.ogg-band-inner p{color:var(--ogg-accent-text,#fff);opacity:.92;margin:0 auto 20px;max-width:580px}
.ogg-band .ogg-btnrow{justify-content:center;margin:0}
.ogg-band .ogg-btn-primary{background:var(--ogg-accent-text,#fff);color:var(--ogg-accent,#1f5fd6)}
.ogg-band .ogg-btn-phone{border-color:var(--ogg-accent-text,#fff);color:var(--ogg-accent-text,#fff)}

@media(max-width:600px){
  .ogg-btnrow .ogg-btn{flex:1 1 100%;justify-content:center}
  .ogg-band-inner{padding:30px 20px}
}

/* v1.2 — hero + social proof */
.ogg-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center;margin:6px 0 38px}
.ogg-hero--noimg{grid-template-columns:1fr}
.ogg-hero-lead{font-size:clamp(18px,2.4vw,23px);line-height:1.5;font-weight:600;margin:0 0 22px}
.ogg-hero-media img,.ogg-hero-img{width:100%;height:auto;border-radius:16px;display:block;box-shadow:0 18px 50px rgba(0,0,0,.14)}
.ogg-hero .ogg-btnrow{margin:0}
@media(max-width:780px){.ogg-hero{grid-template-columns:1fr;gap:22px}}

.ogg-proof{margin:42px 0;padding:30px 34px;border-radius:16px;background:rgba(0,0,0,.035);border-left:5px solid var(--ogg-accent,#1f5fd6)}
.ogg-proof-quote{margin:0;font-size:clamp(18px,2.2vw,22px);line-height:1.5;font-weight:600;font-style:italic}
.ogg-proof-quote:before{content:"\201C";color:var(--ogg-accent,#1f5fd6);font-size:1.7em;line-height:0;vertical-align:-.35em;margin-right:.08em}
.ogg-proof-author{display:block;margin-top:14px;font-style:normal;font-weight:600;opacity:.7;font-size:15px}

/* v1.3 — hero-headline (groot, strak, theme-onafhankelijk) + ondersteunende intro */
.ogg-hero .ogg-hero-headline{font-size:clamp(30px,4.4vw,50px)!important;line-height:1.08!important;font-weight:800!important;letter-spacing:-.01em!important;margin:0 0 16px!important}
.ogg-hero .ogg-hero-lead{font-size:clamp(16px,2vw,19px)!important;line-height:1.55!important;font-weight:400!important;opacity:.85!important;margin:0 0 24px!important}