*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
--li-blue:#0A66C2;--li-dark:#004182;--li-deeper:#002D5C;--li-midnight:#001B36;
--li-light:#70B5F9;--li-pale:#D0E8FF;
--accent-green:#B8E94A;--white:#FFF;--off-white:#F0F6FC;
--text-dark:#0F1419;--text-muted:#536471;
--font-main:'Plus Jakarta Sans',sans-serif;--font-hand:'Caveat',cursive;
}
html{scroll-behavior:smooth;overflow-x:hidden;width:100%}
body{font-family:var(--font-main);color:var(--text-dark);background:var(--off-white);overflow-x:hidden;line-height:1.6}
/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(0,45,92,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(112,181,249,.15);transition:transform .3s}
.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem}
.nav-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--white);flex-shrink:0}
.nav-logo img{height:38px;filter:brightness(0) invert(1)}
.nav-logo-text{display:flex;flex-direction:column;gap:3px;line-height:1.15}
.nav-logo-text strong{font-weight:800;font-size:1.05rem;letter-spacing:-.02em}
.nav-logo-text small{font-size:.7rem;font-weight:500;color:var(--li-light)}
.nav-links{display:flex;gap:1.5rem;list-style:none}
.nav-links a{color:rgba(255,255,255,.8);text-decoration:none;font-size:.88rem;font-weight:500;transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--accent-green)}
.nav-links a.active{font-weight:700}
.nav-cta{background:var(--accent-green);color:var(--li-deeper);border:none;padding:.5rem 1.25rem;border-radius:50px;font-weight:700;font-size:.85rem;cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(184,233,74,.3)}
.hamburger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:4px}
.hamburger span{width:24px;height:2.5px;background:var(--white);border-radius:2px}
.mobile-menu{display:none;position:fixed;inset:0;z-index:99;background:rgba(0,27,54,.97);backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;gap:2rem}
.mobile-menu.open{display:flex}
.mobile-menu a{color:var(--white);text-decoration:none;font-size:1.3rem;font-weight:600}
.mobile-menu .close-btn{position:absolute;top:1.25rem;right:1.5rem;background:none;border:none;color:var(--white);font-size:2rem;cursor:pointer}
/* HERO */
.cp-hero{padding:7rem 1.5rem 2.5rem;background:linear-gradient(160deg,var(--li-midnight) 0%,var(--li-deeper) 35%,var(--li-dark) 70%,var(--li-blue) 100%);color:var(--white);position:relative;overflow:hidden}
.cp-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 800px 400px at 15% 80%,rgba(56,163,247,.18),transparent 60%),radial-gradient(ellipse 600px 500px at 85% 20%,rgba(184,233,74,.06),transparent 60%);pointer-events:none}
.cp-hero-inner{max-width:980px;margin:0 auto;position:relative;z-index:1}
.cp-back{display:inline-flex;align-items:center;gap:.4rem;color:var(--li-light);text-decoration:none;font-size:.85rem;font-weight:600;margin-bottom:1.25rem;opacity:.85;transition:all .2s}
.cp-back:hover{color:var(--accent-green);opacity:1}
.cp-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:rgba(184,233,74,.1);border:1px solid rgba(184,233,74,.25);padding:.35rem 1rem;border-radius:50px;font-size:.75rem;font-weight:800;color:var(--accent-green);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.2rem}
.cp-hero h1{font-size:clamp(1.75rem,3.8vw,2.75rem);font-weight:800;line-height:1.2;letter-spacing:-.025em;margin-bottom:1rem;max-width:820px}
.cp-hero h1 .sub-em{display:block;font-size:.58em;margin-top:.45rem;font-weight:600;letter-spacing:0;color:var(--accent-green)}
.cp-hero h1 em{font-style:normal;color:var(--accent-green)}
.cp-hero-lead{font-size:clamp(1rem,1.5vw,1.15rem);color:rgba(255,255,255,.8);line-height:1.7;max-width:730px}
.cp-hero-lead strong{color:var(--white);font-weight:700}
.cp-hero-hand{font-family:var(--font-hand);font-size:clamp(1.4rem,2.4vw,1.9rem);color:var(--accent-green);font-weight:700;margin-top:1rem}
.hero-handnote{font-family:var(--font-hand);font-size:clamp(1.6rem,3vw,2rem);color:var(--accent-green);font-weight:700;letter-spacing:.01em;line-height:1.1;margin:.5rem 0 0;display:inline-block;transform:rotate(-1.5deg);text-shadow:0 0 30px rgba(184,233,74,.25)}
.hero-handnote .arrow{display:inline-block;margin-right:.35rem;font-family:var(--font-main);font-weight:800;opacity:.85;vertical-align:.05em}
.cp-kicker{font-size:clamp(1rem,1.7vw,1.25rem);font-weight:800;color:#fff;margin-bottom:.45rem;letter-spacing:-.015em}
.cp-kicker .li{color:var(--li-light)}
.cp-kicker-sub{font-size:clamp(.95rem,1.4vw,1.1rem);font-weight:600;color:var(--accent-green);margin-bottom:1.1rem;line-height:1.55;max-width:780px}
.cp-kicker-sub strong{font-weight:800;color:var(--accent-green)}
.cp-hero-claim{font-size:clamp(1.05rem,1.9vw,1.4rem);font-weight:700;color:rgba(255,255,255,.92);margin:.1rem 0 1rem;letter-spacing:-.01em}
.cp-hero-claim em{font-style:normal;color:var(--accent-green)}
/* WARUM (Gründer-Notiz) */
.wm-why{max-width:1080px;margin:0 auto;padding:2rem 1.5rem .5rem}
.wm-why-card{background:#fff;border:1px solid rgba(10,102,194,.12);border-left:5px solid var(--accent-green);border-radius:16px;padding:1.5rem 1.7rem;box-shadow:0 12px 32px rgba(0,45,92,.07)}
.wm-why-card .lbl{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--li-blue);margin-bottom:.6rem}
.wm-why-card p{font-size:1.02rem;color:var(--text-dark);line-height:1.7}
.wm-why-card p strong{color:var(--li-deeper);font-weight:700}
.wm-why-card .sig{font-family:var(--font-hand);font-size:1.5rem;color:var(--li-blue);font-weight:700;margin-top:.6rem}
/* WERKMOMENTE PRICING */
.wm-wrap{max-width:1080px;margin:0 auto;padding:3rem 1.5rem 1rem}
.wm-label{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--li-blue);margin-bottom:1.5rem;display:flex;align-items:center;gap:.55rem}
.wm-label::before{content:'';width:26px;height:3px;background:var(--accent-green);border-radius:2px}
.wm-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem;align-items:start}
.wm-pkg{position:relative;background:#fff;border:1px solid rgba(10,102,194,.12);border-radius:20px;padding:1.7rem 1.4rem;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,45,92,.06)}
.wm-pkg.featured{border:2px solid var(--accent-green);background:linear-gradient(160deg,rgba(184,233,74,.12),rgba(184,233,74,.02));box-shadow:0 20px 50px rgba(184,233,74,.2)}
.wm-pkg.featured::before{content:'★ Empfohlen';position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--accent-green);color:var(--li-deeper);padding:.35rem 1rem;border-radius:50px;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;box-shadow:0 6px 16px rgba(184,233,74,.4)}
.wm-pkg h3{font-size:1.25rem;color:var(--li-deeper);font-weight:800}
.wm-pkg .who{color:var(--text-muted);font-size:.82rem;margin:.25rem 0 .85rem;min-height:2.4em}
.wm-price{font-size:2rem;font-weight:800;color:var(--text-dark);letter-spacing:-.02em}
.wm-price small{font-size:.85rem;font-weight:600;color:var(--text-muted)}
.wm-price .from{font-size:1rem;font-weight:700;color:var(--text-muted);margin-right:.25rem}
.wm-pkg ul{list-style:none;margin:1rem 0 0;padding:0}
.wm-pkg li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;font-size:.88rem;color:#283643;line-height:1.45}
.wm-pkg li::before{content:'✓';position:absolute;left:0;top:0;color:var(--accent-green);font-weight:800}
.wm-pkg li.plus{font-weight:800;color:var(--li-deeper);padding-left:0}
.wm-pkg li.plus::before{display:none}
.wm-row2{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem;margin-top:1.15rem}
.wm-mini{border:1px solid rgba(10,102,194,.12);border-radius:16px;padding:1.15rem 1.35rem;background:#fff}
.wm-mini h4{font-size:1rem;color:var(--li-deeper);display:flex;align-items:baseline;gap:.6rem;font-weight:800}
.wm-mini h4 .p{margin-left:auto;color:var(--li-blue)}
.wm-mini p{font-size:.85rem;color:var(--text-muted);margin-top:.4rem;line-height:1.55}
.wm-mini.pilot{background:rgba(184,233,74,.1);border-color:rgba(184,233,74,.35)}
.wm-anchor{margin-top:1.5rem;border-radius:18px;overflow:hidden}
.wm-anchor .head{background:var(--li-deeper);color:#fff;padding:.85rem 1.35rem;font-size:.95rem;font-weight:800}
.wm-anchor .head em{font-style:normal;color:var(--accent-green)}
.wm-anchor .body{display:grid;grid-template-columns:1fr 1fr 1fr auto;background:#fff;border:1px solid rgba(10,102,194,.12);border-top:none}
.wm-anchor .col{padding:.9rem 1.25rem;border-right:1px solid rgba(10,102,194,.1);font-size:.8rem}
.wm-anchor .col:last-child{border-right:none;background:rgba(184,233,74,.12)}
.wm-anchor .col .lbl{color:var(--text-muted)}
.wm-anchor .col .val{font-weight:800;color:var(--text-dark);font-size:.95rem;margin-top:.18rem}
.wm-anchor .col.result .val{color:var(--li-deeper)}
.wm-flex{margin-top:1.3rem;background:#fff;border:1px solid rgba(10,102,194,.12);border-left:4px solid var(--accent-green);border-radius:14px;padding:1.2rem 1.4rem;display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;justify-content:space-between}
.wm-flex .txt{flex:1;min-width:260px}
.wm-flex .txt strong{color:var(--li-deeper);font-weight:800;display:block;margin-bottom:.25rem;font-size:1.02rem}
.wm-flex .txt span{font-size:.9rem;color:var(--text-muted);line-height:1.55}
.wm-flex .btn{flex-shrink:0;display:inline-flex;align-items:center;gap:.4rem;background:var(--accent-green);color:var(--li-deeper);padding:.65rem 1.4rem;border-radius:50px;font-weight:800;font-size:.88rem;text-decoration:none}
/* UMBRELLA / 4 HEBEL */
.wm-umbrella-intro{max-width:780px;font-size:1.02rem;color:var(--text-dark);margin-bottom:1.4rem;line-height:1.6}
.wm-umbrella-intro strong{color:var(--li-deeper);font-weight:800}
.wm-pillars{display:grid;grid-template-columns:repeat(5,1fr);gap:.85rem}
.wm-pillar{background:#fff;border:1px solid rgba(10,102,194,.12);border-left:4px solid var(--accent-green);border-radius:14px;padding:1.05rem 1.1rem}
.wm-pillar h4{font-size:.92rem;color:var(--li-deeper);font-weight:800;margin-bottom:.35rem;letter-spacing:-.005em}
.wm-pillar p{font-size:.8rem;color:var(--text-muted);line-height:1.5}
@media(max-width:1024px){.wm-pillars{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.wm-pillars{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.wm-pillars{grid-template-columns:1fr}}
.wm-impact{margin-top:2rem;background:#fff;border:1px solid rgba(10,102,194,.12);border-left:5px solid var(--accent-green);border-radius:16px;padding:1.5rem 1.7rem;box-shadow:0 12px 32px rgba(0,45,92,.07)}
.wm-impact-label{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--li-blue);margin-bottom:.45rem}
.wm-impact-lead{font-family:var(--font-hand);font-size:clamp(1.45rem,2.4vw,1.8rem);color:var(--li-deeper);font-weight:700;line-height:1.2;margin-bottom:1.1rem}
.wm-impact-lead em{font-style:normal;color:var(--li-blue)}
.wm-impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 2.2rem}
.wm-impact-item{display:flex;align-items:flex-start;gap:.7rem;font-size:.92rem;color:var(--text-dark);line-height:1.55}
.wm-impact-item strong{color:var(--li-deeper);font-weight:800}
.wm-impact-dot{flex-shrink:0;width:11px;height:11px;border-radius:50%;margin-top:.38em;box-shadow:0 0 0 3px rgba(10,102,194,.06)}
.wm-impact-src{margin-top:1.05rem;padding-top:.75rem;border-top:1px dashed rgba(10,102,194,.15);font-size:.72rem;color:var(--text-muted)}
.wm-impact-src a{color:var(--li-blue);text-decoration:none;font-weight:700;white-space:nowrap}
.wm-impact-src a:hover{text-decoration:underline}
@media(max-width:680px){.wm-impact{padding:1.25rem 1.2rem}.wm-impact-grid{grid-template-columns:1fr;gap:.65rem}}
/* SO FUNKTIONIERT'S */
.wm-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.wm-step{background:#fff;border:1px solid rgba(10,102,194,.12);border-radius:16px;padding:1.3rem 1.15rem}
.wm-step .num{width:34px;height:34px;border-radius:50%;background:var(--accent-green);color:var(--li-deeper);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:.7rem}
.wm-step h4{font-size:1rem;color:var(--li-deeper);font-weight:800;margin-bottom:.35rem}
.wm-step p{font-size:.84rem;color:var(--text-muted);line-height:1.5}
.wm-step p strong{color:var(--li-deeper)}
@media(max-width:820px){.wm-steps{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.wm-steps{grid-template-columns:1fr}}
/* SCREENSHOTS */
.wm-shots{display:grid;grid-template-columns:repeat(2,1fr);gap:1.3rem;align-items:start}
.shot-frame{background:#0b1f38;border:1px solid rgba(112,181,249,.2);border-radius:14px;overflow:hidden;box-shadow:0 16px 40px rgba(0,45,92,.18)}
.shot-bar{display:flex;align-items:center;gap:.35rem;padding:.5rem .7rem;background:#08294a;border-bottom:1px solid rgba(112,181,249,.15)}
.shot-bar .dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.25)}
.shot-bar .url{margin-left:.45rem;font-size:.6rem;color:rgba(255,255,255,.5);background:rgba(255,255,255,.06);padding:.18rem .55rem;border-radius:6px;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.shot-frame img{display:block;width:100%;height:auto;background:#fff}
.shot-ph{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.45);font-size:.76rem;text-align:center;padding:1rem;line-height:1.5;background:repeating-linear-gradient(45deg,#0e2a47,#0e2a47 11px,#0c2440 11px,#0c2440 22px)}
.shot p{font-size:.82rem;color:var(--text-muted);margin-top:.6rem;text-align:center;line-height:1.45}
.shot p strong{color:var(--li-deeper)}
.shot.narrow .shot-frame{max-width:340px;margin:0 auto}
.wm-shots.equal .shot-frame img{width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;object-position:top center}
@media(max-width:820px){.wm-shots{grid-template-columns:1fr;max-width:480px;margin:0 auto}}
/* Slider */
.wm-slider{position:relative;margin:0 -.5rem}
.wm-track{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.3rem .5rem 1.1rem;scrollbar-width:none;-ms-overflow-style:none}
.wm-track::-webkit-scrollbar{display:none}
.wm-track .shot{flex:0 0 min(560px,86%);scroll-snap-align:center;margin:0}
.wm-slider .shot-frame img{height:440px;object-fit:contain;object-position:top center;background:#fff}
.wm-slider .wm-nav{position:absolute;top:230px;transform:translateY(-50%);z-index:3;width:46px;height:46px;border-radius:50%;border:none;background:rgba(0,45,92,.92);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 22px rgba(0,45,92,.32);transition:background .15s,transform .15s}
.wm-slider .wm-nav:hover{background:var(--li-blue);transform:translateY(-50%) scale(1.06)}
.wm-slider .wm-nav.prev{left:-4px}
.wm-slider .wm-nav.next{right:-4px}
.wm-dots{display:flex;justify-content:center;gap:.55rem;margin-top:.2rem}
.wm-dots button{width:9px;height:9px;border-radius:50%;border:none;background:rgba(112,181,249,.4);cursor:pointer;padding:0;transition:background .15s,transform .15s}
.wm-dots button.active{background:var(--accent-green);transform:scale(1.3)}
@media(max-width:820px){.wm-slider .shot-frame img{height:340px}.wm-track .shot{flex:0 0 86%}.wm-slider .wm-nav{top:180px;width:40px;height:40px;font-size:1.3rem}}
/* FEATURE-LISTE */
.wm-feats{margin-top:1.6rem;background:var(--li-deeper);border-radius:18px;padding:1.5rem 1.7rem;display:grid;grid-template-columns:1fr 1fr;gap:.9rem 1.6rem}
.wm-feats .feat{display:flex;gap:.7rem;align-items:flex-start;color:rgba(255,255,255,.92);font-size:.92rem;line-height:1.5}
.wm-feats .feat .ic{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--accent-green);color:var(--li-deeper);font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center;margin-top:.05rem}
.wm-feats .feat strong{color:var(--accent-green);font-weight:800}
@media(max-width:680px){.wm-feats{grid-template-columns:1fr}}
/* CLOSING */
.cp-closing{padding:3.5rem 1.5rem 4.5rem;background:var(--off-white);color:var(--text-dark)}
.cp-closing-inner{max-width:780px;margin:0 auto;text-align:center}
.cp-closing-handnote{font-family:var(--font-hand);font-size:clamp(1.6rem,3vw,2.1rem);color:var(--li-blue);font-weight:700;margin-bottom:1rem;line-height:1.3}
.cp-closing-body{font-size:1.05rem;line-height:1.75;color:var(--text-dark);margin-bottom:1rem}
.cp-closing-body strong{color:var(--li-deeper);font-weight:700}
.cp-closing-note{font-size:.82rem;color:var(--text-muted);line-height:1.65;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(10,102,194,.12);font-style:italic}
.cp-cta-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}
.cp-cta-primary{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent-green);color:var(--li-deeper);padding:1rem 2.25rem;border-radius:50px;font-weight:700;font-size:1rem;text-decoration:none;transition:all .2s}
.cp-cta-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(184,233,74,.4)}
.cp-cta-secondary{display:inline-flex;align-items:center;gap:.4rem;padding:1rem 2rem;border-radius:50px;border:2px solid var(--li-blue);color:var(--li-blue);background:transparent;font-weight:700;font-size:.95rem;text-decoration:none;transition:all .2s}
.cp-cta-secondary:hover{background:var(--li-blue);color:var(--white);transform:translateY(-1px)}
/* FOOTER */
.footer{background:var(--li-midnight);color:rgba(255,255,255,.6);padding:2.5rem 1.5rem;text-align:center;font-size:.85rem;border-top:1px solid rgba(112,181,249,.1)}
.footer a{color:var(--li-light);text-decoration:none}
.footer a:hover{color:var(--accent-green)}
.footer-links{margin-bottom:1rem;display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}
@media(max-width:900px){.nav-links,.nav-cta{display:none}.hamburger{display:flex}}
@media(max-width:820px){.wm-cards{grid-template-columns:1fr}.wm-row2{grid-template-columns:1fr}.wm-anchor .body{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.cp-hero{padding-top:6rem}}
@media(max-width:480px){.cp-cta-primary,.cp-cta-secondary{padding:.85rem 1.5rem;font-size:.92rem}}
/* LIVE USE CASE (Drei Österreich) */
.wm-usecase{max-width:1120px;margin:0 auto;padding:2.5rem 1.5rem 1rem;display:grid;grid-template-columns:1.35fr 1fr;gap:2.25rem;align-items:start}
.wm-usecase-visual{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(10,102,194,.12);box-shadow:0 20px 50px rgba(0,45,92,.14);background:#0b1f38}
.wm-usecase-visual .shot-bar{display:flex;align-items:center;gap:.35rem;padding:.5rem .7rem;background:#08294a;border-bottom:1px solid rgba(112,181,249,.15)}
.wm-usecase-visual .shot-bar .dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.25)}
.wm-usecase-visual .shot-bar .url{margin-left:.45rem;font-size:.6rem;color:rgba(255,255,255,.55);background:rgba(255,255,255,.06);padding:.18rem .55rem;border-radius:6px;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wm-usecase-visual img{display:block;width:100%;height:auto;background:#fff}
.wm-usecase-text{padding-top:.25rem}
.wm-usecase-eyebrow{display:inline-flex;align-items:center;gap:.55rem;background:rgba(184,233,74,.12);border:1.5px solid rgba(184,233,74,.45);padding:.4rem 1rem;border-radius:50px;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#5a7a14;margin-bottom:1rem;box-shadow:0 4px 14px rgba(184,233,74,.16)}
.wm-usecase-live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.22);animation:wmLivePulse 1.6s ease-in-out infinite}
@keyframes wmLivePulse{0%,100%{box-shadow:0 0 0 4px rgba(34,197,94,.22)}50%{box-shadow:0 0 0 8px rgba(34,197,94,.05)}}
.wm-usecase-headline{font-size:clamp(1.3rem,2.4vw,1.75rem);font-weight:800;line-height:1.22;letter-spacing:-.015em;color:var(--li-deeper);margin-bottom:1rem}
.wm-usecase-headline em{font-style:normal;color:var(--li-blue)}
.wm-usecase-body p{font-size:.94rem;line-height:1.65;color:var(--text-dark);margin-bottom:.75rem}
.wm-usecase-body p:last-child{margin-bottom:0}
.wm-usecase-body strong{color:var(--li-deeper);font-weight:700}
.wm-usecase-body .hand-emoji{display:inline-block;margin-right:.2rem}
.wm-usecase-body em{font-style:italic;color:var(--text-muted)}
@media(max-width:820px){
.wm-usecase{grid-template-columns:1fr;gap:1.5rem;padding:1.75rem 1.25rem .5rem}
.wm-usecase-text{padding-top:0}
}
/* BETA-TEST CTA */
.wm-beta-section{background:linear-gradient(160deg,var(--li-deeper) 0%,var(--li-midnight) 100%);color:#fff;padding:4.5rem 1.5rem 4rem;position:relative;overflow:hidden}
.wm-beta-glow{position:absolute;inset:0;background:radial-gradient(ellipse 700px 500px at 15% 20%,rgba(184,233,74,.10),transparent 60%),radial-gradient(ellipse 600px 500px at 85% 80%,rgba(56,163,247,.10),transparent 60%);pointer-events:none}
.wm-beta-inner{max-width:920px;margin:0 auto;position:relative;z-index:1}
.wm-beta-head{text-align:center;margin-bottom:2.25rem}
.wm-beta-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(184,233,74,.18);border:1.5px solid rgba(184,233,74,.5);padding:.4rem 1rem;border-radius:50px;font-size:.72rem;font-weight:800;color:var(--accent-green);letter-spacing:.14em;text-transform:uppercase;margin-bottom:1rem;box-shadow:0 6px 22px rgba(184,233,74,.22)}
.wm-beta-head h2{font-size:clamp(1.7rem,3.2vw,2.3rem);font-weight:800;line-height:1.18;letter-spacing:-.02em;margin-bottom:.85rem;color:#fff}
.wm-beta-head h2 em{font-style:normal;color:var(--accent-green)}
.wm-beta-head p{color:rgba(255,255,255,.78);max-width:660px;margin:0 auto;font-size:1.02rem;line-height:1.65}
.wm-beta-head p strong{color:#fff;font-weight:700}
.wm-beta-head p em{font-style:italic;color:var(--accent-green);font-weight:600}
.wm-beta-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem;margin-bottom:1.6rem}
.wm-beta-card{background:rgba(255,255,255,.04);border:1.5px solid rgba(184,233,74,.32);border-radius:18px;padding:1.6rem 1.5rem;transition:transform .2s,box-shadow .25s,border-color .25s}
.wm-beta-card.blue{border-color:rgba(112,181,249,.32)}
.wm-beta-card:hover{transform:translateY(-3px);border-color:rgba(184,233,74,.55);box-shadow:0 18px 40px rgba(184,233,74,.18)}
.wm-beta-card.blue:hover{border-color:rgba(112,181,249,.55);box-shadow:0 18px 40px rgba(112,181,249,.18)}
.wm-beta-card-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.75rem}
.wm-beta-icon{flex-shrink:0;width:38px;height:38px;border-radius:11px;background:rgba(184,233,74,.18);border:1px solid rgba(184,233,74,.35);display:flex;align-items:center;justify-content:center;color:var(--accent-green)}
.wm-beta-icon.blue{background:rgba(112,181,249,.18);border-color:rgba(112,181,249,.35);color:var(--li-light)}
.wm-beta-card h3{font-size:1.08rem;color:#fff;font-weight:800;margin:0;letter-spacing:-.01em}
.wm-beta-card p{font-size:.92rem;color:rgba(255,255,255,.72);line-height:1.6;margin-bottom:1.1rem}
.wm-beta-btn{display:inline-flex;align-items:center;gap:.45rem;background:var(--accent-green);color:var(--li-deeper);padding:.7rem 1.25rem;border-radius:50px;font-weight:800;font-size:.85rem;text-decoration:none;transition:transform .2s,box-shadow .25s,background .2s}
.wm-beta-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(184,233,74,.4)}
.wm-beta-btn.blue{background:var(--li-light);color:var(--li-deeper)}
.wm-beta-btn.blue:hover{background:#a5d4ff;box-shadow:0 8px 24px rgba(112,181,249,.4)}
.wm-beta-foot{text-align:center;font-size:.86rem;color:rgba(255,255,255,.55);line-height:1.6;padding-top:.5rem}
.wm-beta-foot a{color:var(--accent-green);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(184,233,74,.35);padding-bottom:1px;transition:border-color .2s}
.wm-beta-foot a:hover{border-bottom-color:var(--accent-green)}
.wm-beta-foot .sep{margin:0 .6rem;opacity:.4}
.wm-beta-existing{margin-top:1.75rem;padding-top:1.25rem;border-top:1px dashed rgba(255,255,255,.12);text-align:center;font-size:.82rem;color:rgba(255,255,255,.5)}
.wm-beta-existing a{display:inline-flex;align-items:center;gap:.3rem;color:var(--li-light);font-weight:700;text-decoration:none;margin-left:.4rem;padding:.15rem .55rem;border-radius:50px;border:1px solid rgba(112,181,249,.3);transition:background .2s,border-color .2s}
.wm-beta-existing a:hover{background:rgba(112,181,249,.12);border-color:rgba(112,181,249,.5)}
@media(max-width:680px){
.wm-beta-grid{grid-template-columns:1fr;gap:1rem}
.wm-beta-section{padding:3.5rem 1.25rem 3rem}
.wm-beta-btn{width:100%;justify-content:center}
.wm-beta-foot .sep{display:block;height:.5rem;margin:0}
}
/* Pricing-Notice + ausgegraute Kacheln (Preise temporär parked) */
.wm-pricing-notice{margin-bottom:1.5rem;padding:1.1rem 1.5rem;background:linear-gradient(135deg,rgba(184,233,74,.12),rgba(10,102,194,.05));border:1.5px solid rgba(184,233,74,.4);border-radius:14px;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.wm-pricing-notice .badge{flex-shrink:0;background:var(--accent-green);color:var(--li-deeper);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:.32rem .8rem;border-radius:50px;white-space:nowrap}
.wm-pricing-notice p{margin:0;font-size:.9rem;color:var(--text-muted);line-height:1.5;flex:1;min-width:240px}
.wm-pricing-notice p strong{color:var(--li-deeper);font-weight:700}
.wm-pricing-notice a{color:var(--li-blue);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.is-soon{filter:grayscale(.85) opacity(.5);pointer-events:none;user-select:none;transition:filter .25s,opacity .25s}
@media(max-width:560px){.wm-pricing-notice{padding:1rem 1.1rem;gap:.7rem}.wm-pricing-notice .badge{font-size:.62rem;padding:.28rem .7rem}}
/* LinkedIn Developer Program Trust Banner */
.li-cert{margin:1rem auto 1.5rem;max-width:880px;padding:1.5rem 1.75rem;background:linear-gradient(135deg,rgba(10,102,194,.06),rgba(184,233,74,.04));border:1.5px solid rgba(10,102,194,.18);border-radius:18px;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;justify-content:center;text-align:left}
.li-cert-icon{flex-shrink:0;width:54px;height:54px;border-radius:14px;background:var(--li-blue);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 18px rgba(10,102,194,.25)}
.li-cert-body{flex:1;min-width:240px}
.li-cert-label{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--li-blue);margin-bottom:.3rem;display:flex;align-items:center;gap:.4rem}
.li-cert-headline{font-size:1.08rem;font-weight:800;color:var(--li-deeper);line-height:1.3;margin-bottom:.25rem;letter-spacing:-.01em}
.li-cert-sub{font-size:.88rem;color:var(--text-muted);line-height:1.55}
.li-cert-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:.45rem;background:var(--li-blue);color:#fff;border:none;padding:.7rem 1.25rem;border-radius:50px;font-weight:700;font-size:.85rem;cursor:pointer;font-family:inherit;text-decoration:none;transition:transform .2s,box-shadow .25s,background .2s}
.li-cert-btn:hover{background:var(--li-dark);transform:translateY(-1px);box-shadow:0 8px 22px rgba(10,102,194,.3)}
@media(max-width:560px){
.li-cert{padding:1.25rem 1.25rem;gap:1rem}
.li-cert-btn{width:100%;justify-content:center}
}
/* Image Lightbox Modal */
.img-lightbox{position:fixed;inset:0;background:rgba(0,15,30,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:none;align-items:center;justify-content:center;padding:2rem;animation:lbFade .25s ease}
.img-lightbox.open{display:flex}
@keyframes lbFade{from{opacity:0}to{opacity:1}}
.img-lightbox-inner{position:relative;max-width:min(92vw,1100px);max-height:88vh;animation:lbZoom .3s cubic-bezier(.2,.9,.3,1.2)}
@keyframes lbZoom{from{transform:scale(.92);opacity:.4}to{transform:scale(1);opacity:1}}
.img-lightbox-inner img{display:block;max-width:100%;max-height:88vh;width:auto;height:auto;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.5);background:#fff}
.img-lightbox-close{position:absolute;top:-14px;right:-14px;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--li-deeper);border:none;cursor:pointer;font-size:1.3rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.3);transition:transform .2s}
.img-lightbox-close:hover{transform:scale(1.1) rotate(90deg)}
.img-lightbox-caption{margin-top:1rem;color:rgba(255,255,255,.85);text-align:center;font-size:.88rem;font-weight:500}
body.lb-open{overflow:hidden}
/* FÜR WEN / PERSONAS */
.wm-personas-intro{max-width:780px;font-size:1.02rem;color:var(--text-dark);margin-bottom:1.6rem;line-height:1.6}
.wm-personas-intro strong{color:var(--li-deeper);font-weight:800}
.wm-personas{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-bottom:1.8rem}
@media(max-width:980px){.wm-personas{grid-template-columns:repeat(2,1fr)}}
.wm-persona{background:#fff;border:1px solid rgba(10,102,194,.12);border-radius:16px;padding:1.5rem 1.5rem 1.35rem;position:relative;transition:transform .2s,box-shadow .2s}
.wm-persona:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,45,92,.08)}
.wm-persona .ic{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,var(--li-blue),var(--li-deeper));color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:.85rem}
.wm-persona h4{font-size:1.05rem;color:var(--li-deeper);font-weight:800;line-height:1.25;margin-bottom:.35rem}
.wm-persona .role{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--li-blue);font-weight:800;margin-bottom:.6rem}
.wm-persona .lead{font-size:.88rem;color:var(--text-dark);line-height:1.55;margin-bottom:.85rem}
.wm-persona .lead strong{color:var(--li-deeper);font-weight:700}
.wm-persona ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem}
.wm-persona ul li{font-size:.82rem;color:var(--text-muted);line-height:1.5;padding-left:1.15rem;position:relative}
.wm-persona ul li::before{content:'';position:absolute;left:0;top:.5rem;width:.42rem;height:.42rem;border-radius:50%;background:var(--accent-green)}
.wm-persona ul li strong{color:var(--li-deeper);font-weight:700}
/* Event Spotlight */
.wm-event-spot{background:linear-gradient(135deg,var(--li-midnight) 0%,var(--li-deeper) 60%,var(--li-blue) 100%);color:#fff;border-radius:18px;padding:2.2rem 2.2rem 2rem;position:relative;overflow:hidden}
.wm-event-spot::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 500px 300px at 90% 10%,rgba(184,233,74,.15),transparent 60%);pointer-events:none}
.wm-event-spot-inner{position:relative;display:grid;grid-template-columns:1fr 1.2fr;gap:2.2rem;align-items:center}
.wm-event-tag{display:inline-flex;align-items:center;gap:.4rem;background:rgba(184,233,74,.18);border:1px solid rgba(184,233,74,.4);color:var(--accent-green);padding:.32rem .85rem;border-radius:50px;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.85rem}
.wm-event-spot h3{font-size:1.55rem;font-weight:800;line-height:1.2;margin-bottom:.75rem;color:#fff}
.wm-event-spot h3 em{color:var(--accent-green);font-style:normal}
.wm-event-spot p{font-size:.94rem;line-height:1.55;color:rgba(255,255,255,.85);margin-bottom:.5rem}
.wm-event-spot p strong{color:#fff;font-weight:700}
.wm-event-checks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.7rem}
.wm-event-checks li{display:flex;gap:.7rem;align-items:flex-start;font-size:.88rem;color:rgba(255,255,255,.92);line-height:1.5}
.wm-event-checks li svg{flex-shrink:0;margin-top:.18rem;color:var(--accent-green)}
.wm-event-checks li strong{color:#fff;font-weight:700}
.wm-event-checks li em{color:var(--accent-green);font-style:normal;font-weight:600}
@media(max-width:820px){
.wm-personas{grid-template-columns:1fr}
.wm-event-spot-inner{grid-template-columns:1fr;gap:1.3rem}
.wm-event-spot{padding:1.75rem 1.5rem 1.5rem}
.wm-event-spot h3{font-size:1.3rem}
}
/* PERSONA-HOOK / "KENNST DU DAS?" */
.wm-recognize-wrap{max-width:880px;margin:0 auto;padding:2.5rem 1.5rem 0}
.wm-recognize{background:#fff;border:1px solid rgba(10,102,194,.12);border-left:5px solid var(--li-blue);border-radius:16px;padding:1.7rem 1.9rem 1.55rem;box-shadow:0 8px 28px rgba(0,45,92,.06)}
.wm-recognize-label{display:inline-flex;align-items:center;gap:.45rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--li-blue);font-weight:800;margin-bottom:.9rem;background:rgba(10,102,194,.06);padding:.32rem .85rem;border-radius:50px}
.wm-recognize p{font-size:1rem;color:var(--text-dark);line-height:1.65;margin-bottom:.75rem}
.wm-recognize p strong{color:var(--li-deeper);font-weight:700}
.wm-recognize-punch{margin-top:1rem !important;font-size:1.06rem !important;padding-top:1rem;border-top:1px dashed rgba(10,102,194,.18)}
.wm-recognize-punch em{color:var(--li-blue);font-style:normal;font-weight:700}
.wm-recognize-punch strong{color:var(--li-deeper);font-weight:800}
@media(max-width:520px){
.wm-recognize{padding:1.4rem 1.4rem 1.2rem}
.wm-recognize p{font-size:.95rem}
.wm-recognize-punch{font-size:1rem !important}
}
/* ZWEI-WEGE-WEICHE (typografisch, keine Cards) */
.wm-fork{max-width:1020px;margin:2.5rem auto 0;padding:0 1.5rem}
.wm-fork-title{font-family:var(--font-hand);font-size:clamp(1.7rem,3.2vw,2.4rem);color:var(--li-deeper);line-height:1.1;margin-bottom:1.5rem;text-align:center}
.wm-fork-title strong{color:var(--li-blue);font-weight:700}
.wm-fork-cols{display:grid;grid-template-columns:1fr 1px 1fr;gap:0;align-items:start}
.wm-fork-divider{background:linear-gradient(to bottom,transparent,rgba(10,102,194,.25) 20%,rgba(10,102,194,.25) 80%,transparent);width:1px}
.wm-fork-col{padding:0 2.2rem}
.wm-fork-col:first-of-type{padding-left:0}
.wm-fork-col:last-of-type{padding-right:0}
.wm-fork-q{font-size:1.06rem;font-weight:800;color:var(--li-deeper);margin-bottom:.55rem;line-height:1.3}
.wm-fork-col p{font-size:.93rem;line-height:1.6;color:var(--text-dark);margin-bottom:1.1rem}
.wm-fork-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--li-blue);text-decoration:none;font-weight:800;font-size:.92rem;padding-bottom:3px;border-bottom:2px solid var(--accent-green);transition:transform .15s,color .15s}
.wm-fork-link:hover{transform:translateX(3px);color:var(--li-deeper)}
@media(max-width:680px){.wm-fork-cols{grid-template-columns:1fr;gap:1.5rem}.wm-fork-divider{display:none}.wm-fork-col{padding:0}.wm-fork-col:not(:last-of-type){padding-bottom:1.5rem;border-bottom:1px solid rgba(10,102,194,.12)}}
/* 5x KEINS - typografisch dominant statt Bullet */
.wm-keins{margin:.7rem 0 .9rem;display:flex;flex-direction:column;gap:.32rem;padding-top:.4rem}
.wm-keins-line{font-size:clamp(1.05rem,1.7vw,1.2rem);font-weight:700;color:var(--li-deeper);line-height:1.3;font-family:var(--font-main);position:relative;padding-left:1.2rem}
.wm-keins-line::before{content:'–';position:absolute;left:0;color:var(--li-blue);font-weight:800}
.wm-keins-line span{color:var(--li-blue);font-weight:800;letter-spacing:-.005em}
.wm-keins-line.last{padding-left:1.2rem;font-style:italic;color:var(--text-dark);font-weight:600;margin-top:.15rem}
.wm-keins-line.last::before{content:'–';font-style:normal}
/* KONTRAST-BLOCK (Sprechblasen-Look, Vorher/Nachher) */
.wm-contrast{max-width:880px;margin:2.5rem auto 0;padding:0 1.5rem}
.wm-contrast-head{font-family:var(--font-hand);font-size:clamp(1.5rem,2.8vw,2rem);color:var(--li-deeper);line-height:1.15;margin-bottom:1.3rem;max-width:680px}
.wm-contrast-head em{color:var(--li-blue);font-style:normal;font-family:var(--font-main);font-weight:800;font-size:.78em;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.4rem}
.wm-bubbles{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.1rem}
.wm-bubble{position:relative;padding:1.1rem 1.3rem 1.1rem 3.2rem;border-radius:18px;font-size:1rem;line-height:1.5;max-width:640px}
.wm-bubble.bad{background:#fff2f0;color:#7d2a1f;border:1px solid rgba(220,80,60,.2);align-self:flex-start}
.wm-bubble.good{background:rgba(184,233,74,.12);color:var(--li-midnight);border:1px solid rgba(184,233,74,.4);align-self:flex-end;margin-left:auto}
.wm-bubble-mark{position:absolute;top:50%;transform:translateY(-50%);left:.9rem;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.05rem}
.wm-bubble.bad .wm-bubble-mark{background:rgba(220,80,60,.18);color:#b03222}
.wm-bubble.good .wm-bubble-mark{background:var(--accent-green);color:var(--li-midnight)}
.wm-contrast-note{font-size:.94rem;color:var(--text-muted);line-height:1.55;max-width:680px}
.wm-contrast-note strong{color:var(--li-deeper);font-weight:700}
@media(max-width:520px){
.wm-bubble{padding:1rem 1rem 1rem 2.9rem;font-size:.95rem}
.wm-bubble.good{margin-left:0}
}
/* MARKTLUECKE / VS-BLOCK */
.wm-vs{max-width:1020px;margin:0 auto;padding:.5rem 1.5rem 0}
.wm-vs-head{font-family:var(--font-hand);font-size:clamp(1.6rem,2.9vw,2.1rem);color:var(--li-deeper);line-height:1.15;margin-bottom:1.4rem;max-width:680px}
.wm-vs-cols{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:center;margin-bottom:1.4rem}
.wm-vs-col{padding:1.4rem 1.5rem}
.wm-vs-col.their{background:rgba(83,100,113,.06);border-radius:14px;border-left:3px solid rgba(83,100,113,.3)}
.wm-vs-col.ours{background:rgba(184,233,74,.08);border-radius:14px;border-left:3px solid var(--accent-green)}
.wm-vs-lbl{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;margin-bottom:.55rem}
.wm-vs-col.their .wm-vs-lbl{color:var(--text-muted)}
.wm-vs-col.ours .wm-vs-lbl{color:var(--li-blue)}
.wm-vs-claim{font-size:1.05rem;font-weight:800;color:var(--li-deeper);margin-bottom:.4rem;line-height:1.3}
.wm-vs-detail{font-size:.88rem;color:var(--text-muted);line-height:1.55}
.wm-vs-arrow{font-size:2rem;color:var(--li-blue);font-weight:300;line-height:1}
.wm-vs-q{font-size:clamp(1.3rem,2.6vw,1.7rem);font-weight:800;color:var(--li-deeper);line-height:1.25;margin:1.75rem 0 .5rem;letter-spacing:-.01em}
.wm-vs-a{font-size:.95rem;color:var(--text-dark);line-height:1.6;padding-left:.4rem}
.wm-vs-a strong{color:var(--li-blue);font-weight:800}
@media(max-width:680px){
.wm-vs-cols{grid-template-columns:1fr;gap:1rem}
.wm-vs-arrow{transform:rotate(90deg);justify-self:center}
}
/* AGENTUR-BLOCK (eigene Sektion, statt Persona-Card) */
.wm-agency-block{background:#fff;border:1px solid rgba(10,102,194,.12);border-radius:18px;overflow:hidden;margin:1.5rem auto 0;max-width:1100px;display:grid;grid-template-columns:.42fr .58fr;box-shadow:0 14px 38px rgba(0,45,92,.06)}
.wm-agency-side{padding:2.2rem 2.2rem 2rem}
.wm-agency-side.left{background:linear-gradient(160deg,var(--li-midnight) 0%,var(--li-deeper) 60%,var(--li-dark) 100%);color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:340px}
.wm-agency-lbl{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-green);font-weight:800;margin-bottom:.85rem}
.wm-agency-side.left h3{font-family:var(--font-main);font-size:1.5rem;font-weight:800;line-height:1.2;color:#fff;margin-bottom:.8rem}
.wm-agency-side.left h3 em{color:var(--accent-green);font-style:normal}
.wm-agency-side.left p.tag{font-family:var(--font-hand);font-size:1.5rem;color:var(--accent-green);line-height:1.05;margin-top:1rem}
.wm-agency-side.right h4{font-size:1.05rem;color:var(--li-deeper);font-weight:800;margin-bottom:.65rem}
.wm-agency-side.right p{font-size:.95rem;color:var(--text-dark);line-height:1.6;margin-bottom:1rem}
.wm-agency-side.right p strong{color:var(--li-deeper);font-weight:700}
.wm-agency-side.right p em{color:var(--li-blue);font-style:normal;font-weight:700}
.wm-agency-bullets{display:flex;flex-direction:column;gap:.55rem;margin-top:.8rem;padding-top:1rem;border-top:1px dashed rgba(10,102,194,.18)}
.wm-agency-bullets li{list-style:none;padding-left:1.3rem;position:relative;font-size:.88rem;color:var(--text-dark);line-height:1.5}
.wm-agency-bullets li::before{content:'→';position:absolute;left:0;color:var(--li-blue);font-weight:800}
@media(max-width:780px){
.wm-agency-block{grid-template-columns:1fr}
.wm-agency-side.left{min-height:auto}
}
/* Q&A AKKORDEON */
.wm-faq-wrap{max-width:880px;margin:0 auto;padding:0 1.5rem}
.wm-faq-intro{font-size:1.02rem;color:var(--text-dark);max-width:780px;line-height:1.65;margin:0 0 2rem}
.wm-faq-intro strong{color:var(--li-deeper);font-weight:700}
.wm-faq-group{margin-bottom:2.2rem}
.wm-faq-group-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--li-blue);font-weight:800;margin-bottom:.4rem;padding-bottom:.4rem;border-bottom:2px solid var(--accent-green);display:inline-block}
.wm-faq-item{border-bottom:1px solid rgba(10,102,194,.12)}
.wm-faq-item summary{padding:1.05rem 0;font-weight:700;font-size:1.02rem;color:var(--li-deeper);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;transition:color .15s}
.wm-faq-item summary::-webkit-details-marker{display:none}
.wm-faq-item summary::after{content:'+';font-size:1.7rem;font-weight:300;color:var(--li-blue);line-height:1;transition:transform .3s;flex-shrink:0}
.wm-faq-item[open] summary::after{transform:rotate(45deg)}
.wm-faq-item summary:hover{color:var(--li-blue)}
.wm-faq-item p{padding:0 0 1.2rem;font-size:.94rem;color:var(--text-dark);line-height:1.65;margin:0;max-width:780px}
/* PRICING: Agentur-Lizenz */
.wm-mini.agency-line{background:linear-gradient(135deg,rgba(10,102,194,.05),rgba(184,233,74,.05));border-left:3px solid var(--li-blue)}
.wm-mini.agency-line h4{color:var(--li-deeper)}
.wm-mini.agency-line h4 .p{color:var(--li-blue)}
/* HAND-WRITTEN TAG (Caveat statt UPPERCASE-Pill - Option A, sitewide) */
.wm-tag-hand{display:inline-block;font-family:var(--font-hand);font-size:1.32rem;line-height:1;color:var(--accent-green);margin-bottom:.7rem;position:relative;padding:0 .25rem .38rem;transform:rotate(-1.5deg);transform-origin:left center;letter-spacing:.005em}
.wm-tag-hand::before{content:'→ ';margin-right:.08rem;font-weight:700;display:inline-block}
.wm-tag-hand.no-arrow::before{content:none}
.wm-tag-hand::after{content:'';position:absolute;left:.3rem;right:.3rem;bottom:-1px;height:6px;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-size:100% 100%}
.wm-tag-hand.on-light{color:var(--li-blue)}
.wm-tag-hand.on-light::after{background-image:url("data:image/svg+xml;utf8,")}
.wm-tag-hand.muted{color:var(--text-muted);transform:rotate(-1deg)}
.wm-tag-hand.muted::after{background-image:url("data:image/svg+xml;utf8,")}
.wm-tag-hand.lg{font-size:1.95rem;font-weight:700;padding-bottom:.5rem;transform:rotate(-1.2deg)}
.wm-tag-hand.lg::after{height:9px;bottom:-2px;background-image:url("data:image/svg+xml;utf8,")}
.wm-tag-hand.lg.on-light::after{background-image:url("data:image/svg+xml;utf8,")}
@media(max-width:520px){.wm-tag-hand{font-size:1.15rem}.wm-tag-hand.lg{font-size:1.55rem}}
/* ============================================
werkmomente.com Slim-Page Styles (Home + Sub-Pages Nav/Footer)
============================================ */
/* override base body background for slim pages */
body{background:var(--white)}
/* (alte .wm-nav Regeln entfernt - aktive Hauptnav ist .nav; .wm-nav Klasse wird nur noch von Slider-Buttons benutzt, die ihre Styles aus .wm-slider .wm-nav weiter oben holen) */
/* HOME HERO (slim, 2-col with image) */
.hero{padding:8rem 1.5rem 3rem;background:linear-gradient(160deg,var(--li-midnight) 0%,var(--li-deeper) 40%,var(--li-dark) 75%,var(--li-blue) 100%);color:#fff;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 700px 500px at 15% 20%,rgba(184,233,74,.10),transparent 60%),radial-gradient(ellipse 600px 500px at 85% 80%,rgba(56,163,247,.14),transparent 60%);pointer-events:none}
.hero-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:.55rem;background:rgba(184,233,74,.16);border:1.5px solid rgba(184,233,74,.5);padding:.4rem 1rem;border-radius:50px;font-size:.7rem;font-weight:800;color:var(--accent-green);letter-spacing:.16em;text-transform:uppercase;margin-bottom:1rem;box-shadow:0 6px 22px rgba(184,233,74,.18)}
.hero-eyebrow .live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.22);animation:livePulse 1.6s ease-in-out infinite}
@keyframes livePulse{0%,100%{box-shadow:0 0 0 4px rgba(34,197,94,.22)}50%{box-shadow:0 0 0 8px rgba(34,197,94,.05)}}
.hero h1{font-size:clamp(2rem,4.2vw,3.2rem);font-weight:800;line-height:1.1;letter-spacing:-.025em;margin-bottom:1.1rem;color:#fff}
.hero h1 em{font-style:normal;color:var(--accent-green)}
.hero-lead{font-size:clamp(1.05rem,1.7vw,1.2rem);color:rgba(255,255,255,.8);line-height:1.65;margin-bottom:1.5rem;max-width:540px}
.hero-lead strong{color:#fff;font-weight:700}
.hero-cta-row{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}
.hero-cta{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent-green);color:var(--li-deeper);padding:.85rem 1.6rem;border-radius:50px;font-weight:800;font-size:.95rem;text-decoration:none;transition:transform .2s,box-shadow .25s}
.hero-cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(184,233,74,.4)}
.hero-cta-secondary{display:inline-flex;align-items:center;gap:.35rem;color:rgba(255,255,255,.85);font-weight:700;font-size:.88rem;text-decoration:none;padding:.55rem 1rem;border-radius:50px;border:1px solid rgba(255,255,255,.18);transition:border-color .2s,background .2s}
.hero-cta-secondary:hover{border-color:var(--accent-green);background:rgba(184,233,74,.08)}
.hero-trust{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:rgba(255,255,255,.6);margin-top:.5rem}
.hero-trust svg{color:var(--accent-green)}
.hero-visual{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 25px 60px rgba(0,0,0,.4),0 0 0 1px rgba(184,233,74,.08)}
.hero-visual .shot-bar{display:flex;align-items:center;gap:.35rem;padding:.55rem .8rem;background:#08294a;border-bottom:1px solid rgba(112,181,249,.15)}
.hero-visual .shot-bar .dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.25)}
.hero-visual .shot-bar .url{margin-left:.55rem;font-size:.62rem;color:rgba(255,255,255,.55);background:rgba(255,255,255,.06);padding:.2rem .6rem;border-radius:6px;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hero-visual img{display:block;width:100%;height:auto;background:#fff}
.hero-visual .live-label{position:absolute;top:48px;left:14px;display:inline-flex;align-items:center;gap:.4rem;background:rgba(0,15,30,.88);backdrop-filter:blur(8px);color:#fff;padding:.32rem .75rem;border-radius:50px;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.hero-visual .live-label .dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.22);animation:livePulse 1.6s ease-in-out infinite}
@media(max-width:900px){
.hero{padding-top:6.5rem}
.hero-inner{grid-template-columns:1fr;gap:2rem}
.hero-visual{order:-1}
}
/* TRUST: LinkedIn Cert (slim version) */
.trust-section{padding:3.5rem 1.5rem;background:var(--off-white)}
.trust{max-width:920px;margin:0 auto;padding:1.6rem 1.85rem;background:linear-gradient(135deg,rgba(10,102,194,.06),rgba(184,233,74,.04));border:1.5px solid rgba(10,102,194,.18);border-radius:18px;display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}
.trust-icon{flex-shrink:0;width:56px;height:56px;border-radius:14px;background:var(--li-blue);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 20px rgba(10,102,194,.28)}
.trust-body{flex:1;min-width:240px}
.trust-label{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--li-blue);margin-bottom:.3rem;display:flex;align-items:center;gap:.4rem}
.trust-headline{font-size:1.1rem;font-weight:800;color:var(--li-deeper);line-height:1.3;margin-bottom:.3rem;letter-spacing:-.01em}
.trust-sub{font-size:.9rem;color:var(--text-muted);line-height:1.55}
.trust-sub strong{color:var(--li-deeper);font-weight:700}
.trust-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:.45rem;background:var(--li-blue);color:#fff;border:none;padding:.7rem 1.25rem;border-radius:50px;font-weight:700;font-size:.85rem;cursor:pointer;font-family:inherit;text-decoration:none;transition:all .2s}
.trust-btn:hover{background:var(--li-dark);transform:translateY(-1px);box-shadow:0 8px 22px rgba(10,102,194,.3)}
/* HOW (slim, 4 Steps) */
.how{padding:4rem 1.5rem;max-width:1100px;margin:0 auto}
.how-label{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--li-blue);margin-bottom:.55rem;display:flex;align-items:center;gap:.55rem;justify-content:center}
.how-label::before,.how-label::after{content:'';width:24px;height:2px;background:var(--accent-green);border-radius:2px}
.how-title{font-size:clamp(1.5rem,2.8vw,2rem);font-weight:800;color:var(--li-deeper);text-align:center;letter-spacing:-.02em;margin-bottom:2.5rem;line-height:1.2}
.how-title em{font-style:normal;color:var(--li-blue)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.step{background:var(--off-white);border:1px solid rgba(10,102,194,.1);border-radius:16px;padding:1.4rem 1.2rem;transition:transform .2s,box-shadow .25s,border-color .25s}
.step:hover{transform:translateY(-3px);border-color:rgba(184,233,74,.35);box-shadow:0 12px 28px rgba(10,102,194,.08)}
.step-num{width:36px;height:36px;border-radius:50%;background:var(--accent-green);color:var(--li-deeper);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:.8rem}
.step h3{font-size:1.02rem;color:var(--li-deeper);font-weight:800;margin-bottom:.4rem;letter-spacing:-.01em}
.step p{font-size:.86rem;color:var(--text-muted);line-height:1.55}
.step p strong{color:var(--li-deeper);font-weight:700}
.how-more{text-align:center;margin-top:2rem}
.how-more a{color:var(--li-blue);text-decoration:none;font-weight:700;font-size:.92rem;border-bottom:2px solid rgba(10,102,194,.25);padding-bottom:2px;transition:border-color .2s}
.how-more a:hover{border-bottom-color:var(--li-blue)}
@media(max-width:860px){.steps{grid-template-columns:1fr 1fr;gap:.85rem}}
@media(max-width:520px){.steps{grid-template-columns:1fr}}
/* BETA CTA (slim, 2-Track) */
.beta{background:linear-gradient(160deg,var(--li-deeper) 0%,var(--li-midnight) 100%);color:#fff;padding:4.5rem 1.5rem;position:relative;overflow:hidden}
.beta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 700px 500px at 15% 20%,rgba(184,233,74,.10),transparent 60%),radial-gradient(ellipse 600px 500px at 85% 80%,rgba(56,163,247,.10),transparent 60%);pointer-events:none}
.beta-inner{max-width:920px;margin:0 auto;position:relative;z-index:1}
.beta-head{text-align:center;margin-bottom:2.25rem}
.beta-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(184,233,74,.18);border:1.5px solid rgba(184,233,74,.5);padding:.4rem 1rem;border-radius:50px;font-size:.72rem;font-weight:800;color:var(--accent-green);letter-spacing:.14em;text-transform:uppercase;margin-bottom:1rem;box-shadow:0 6px 22px rgba(184,233,74,.22)}
.beta-head h2{font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:800;line-height:1.18;letter-spacing:-.02em;margin-bottom:.85rem;color:#fff}
.beta-head h2 em{font-style:normal;color:var(--accent-green)}
.beta-head p{color:rgba(255,255,255,.78);max-width:660px;margin:0 auto;font-size:1.02rem;line-height:1.65}
.beta-head p strong{color:#fff;font-weight:700}
.beta-head p em{font-style:italic;color:var(--accent-green);font-weight:600}
.beta-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem;margin-bottom:1.6rem}
.beta-card{background:rgba(255,255,255,.04);border:1.5px solid rgba(184,233,74,.32);border-radius:18px;padding:1.6rem 1.5rem;transition:transform .2s,box-shadow .25s,border-color .25s}
.beta-card.blue{border-color:rgba(112,181,249,.32)}
.beta-card:hover{transform:translateY(-3px);border-color:rgba(184,233,74,.55);box-shadow:0 18px 40px rgba(184,233,74,.18)}
.beta-card.blue:hover{border-color:rgba(112,181,249,.55);box-shadow:0 18px 40px rgba(112,181,249,.18)}
.beta-card-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.75rem}
.beta-icon{flex-shrink:0;width:38px;height:38px;border-radius:11px;background:rgba(184,233,74,.18);border:1px solid rgba(184,233,74,.35);display:flex;align-items:center;justify-content:center;color:var(--accent-green)}
.beta-icon.blue{background:rgba(112,181,249,.18);border-color:rgba(112,181,249,.35);color:var(--li-light)}
.beta-card h3{font-size:1.08rem;color:#fff;font-weight:800;margin:0;letter-spacing:-.01em}
.beta-card p{font-size:.92rem;color:rgba(255,255,255,.72);line-height:1.6;margin-bottom:1.1rem}
.beta-btn{display:inline-flex;align-items:center;gap:.45rem;background:var(--accent-green);color:var(--li-deeper);padding:.7rem 1.25rem;border-radius:50px;font-weight:800;font-size:.85rem;text-decoration:none;transition:transform .2s,box-shadow .25s,background .2s}
.beta-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(184,233,74,.4)}
.beta-btn.blue{background:var(--li-light);color:var(--li-deeper)}
.beta-btn.blue:hover{background:#a5d4ff;box-shadow:0 8px 24px rgba(112,181,249,.4)}
.beta-foot{text-align:center;font-size:.86rem;color:rgba(255,255,255,.55);line-height:1.6;padding-top:.5rem}
.beta-foot a{color:var(--accent-green);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(184,233,74,.35);padding-bottom:1px;transition:border-color .2s}
.beta-foot a:hover{border-bottom-color:var(--accent-green)}
.beta-foot .sep{margin:0 .6rem;opacity:.4}
.beta-existing{margin-top:1.75rem;padding-top:1.25rem;border-top:1px dashed rgba(255,255,255,.12);text-align:center;font-size:.82rem;color:rgba(255,255,255,.5)}
.beta-existing a{display:inline-flex;align-items:center;gap:.3rem;color:var(--li-light);font-weight:700;text-decoration:none;margin-left:.4rem;padding:.15rem .6rem;border-radius:50px;border:1px solid rgba(112,181,249,.3);transition:background .2s,border-color .2s}
.beta-existing a:hover{background:rgba(112,181,249,.12);border-color:rgba(112,181,249,.5)}
@media(max-width:680px){
.beta-grid{grid-template-columns:1fr;gap:1rem}
.beta{padding:3.5rem 1.25rem 3rem}
.beta-btn{width:100%;justify-content:center}
.beta-foot .sep{display:block;height:.5rem;margin:0}
}
/* COMPACT FOOTER (werkmomente.com) */
.wm-foot{background:var(--li-midnight);color:rgba(255,255,255,.55);padding:2.5rem 1.5rem 2rem;font-size:.85rem;text-align:center;border-top:1px solid rgba(112,181,249,.08)}
.wm-foot-logo{margin-bottom:1rem}
.wm-foot-logo img{height:28px;width:auto;opacity:.85}
.wm-foot-credit{margin-bottom:.85rem;font-size:.84rem}
.wm-foot-credit a{color:var(--accent-green);text-decoration:none;font-weight:700;border-bottom:1px solid rgba(184,233,74,.25);padding-bottom:1px}
.wm-foot-credit a:hover{border-bottom-color:var(--accent-green)}
.wm-foot-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:.85rem;font-size:.8rem}
.wm-foot-links a{color:rgba(255,255,255,.6);text-decoration:none;transition:color .2s}
.wm-foot-links a:hover{color:var(--accent-green)}
.wm-foot-tiny{font-size:.72rem;opacity:.5;line-height:1.6}
/* IMAGE LIGHTBOX */
.img-lightbox{position:fixed;inset:0;background:rgba(0,15,30,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:none;align-items:center;justify-content:center;padding:2rem;animation:lbFade .25s ease}
.img-lightbox.open{display:flex}
@keyframes lbFade{from{opacity:0}to{opacity:1}}
.img-lightbox-inner{position:relative;max-width:min(92vw,1100px);max-height:88vh;animation:lbZoom .3s cubic-bezier(.2,.9,.3,1.2)}
@keyframes lbZoom{from{transform:scale(.92);opacity:.4}to{transform:scale(1);opacity:1}}
.img-lightbox-inner img{display:block;max-width:100%;max-height:88vh;width:auto;height:auto;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.5);background:#fff}
.img-lightbox-close{position:absolute;top:-14px;right:-14px;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--li-deeper);border:none;cursor:pointer;font-size:1.3rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.3);transition:transform .2s}
.img-lightbox-close:hover{transform:scale(1.1) rotate(90deg)}
.img-lightbox-caption{margin-top:1rem;color:rgba(255,255,255,.85);text-align:center;font-size:.88rem;font-weight:500}
body.lb-open{overflow:hidden}
/* SUB-PAGE Hero (compact, ohne 2-col grid) */
.subpage-hero{padding:7rem 1.5rem 2.5rem;background:linear-gradient(160deg,var(--li-midnight) 0%,var(--li-deeper) 50%,var(--li-dark) 100%);color:#fff;position:relative;overflow:hidden}
.subpage-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 600px 400px at 20% 20%,rgba(184,233,74,.08),transparent 60%),radial-gradient(ellipse 500px 400px at 80% 80%,rgba(56,163,247,.10),transparent 60%);pointer-events:none}
.subpage-hero-inner{max-width:960px;margin:0 auto;position:relative;z-index:1;text-align:center}
.subpage-hero h1{font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin-bottom:1rem;color:#fff}
.subpage-hero h1 em{font-style:normal;color:var(--accent-green)}
.subpage-hero p{font-size:clamp(1rem,1.6vw,1.15rem);color:rgba(255,255,255,.75);line-height:1.65;max-width:640px;margin:0 auto}
.subpage-hero .crumb{display:inline-flex;align-items:center;gap:.45rem;color:rgba(184,233,74,.85);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.2rem;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
.subpage-hero .crumb:hover{border-bottom-color:var(--accent-green)}
/* Hero-Logo: SVG ist 400x74 (Aspect 5.4:1) - bei height:90px laeuft es auf Mobile rechts raus. Sicherheits-Cap fuer alle Viewports + striktere Begrenzung auf kleinen Screens. */
.subpage-hero-inner img,.hero .hero-text img{max-width:100%;height:auto}
@media(max-width:680px){
.subpage-hero{padding:5.5rem 1.25rem 2rem}
.subpage-hero-inner img{max-width:min(280px,72vw)!important;height:auto!important;margin-bottom:1.1rem!important}
.hero .hero-text img{max-width:min(260px,68vw)!important;height:auto!important;margin-bottom:1.2rem!important}
}
@media(max-width:380px){
.subpage-hero-inner img{max-width:min(240px,70vw)!important}
.hero .hero-text img{max-width:min(220px,65vw)!important}
}
/* Mobile-Optimierung Home: weniger Padding, Cards kompakter */
@media(max-width:600px){
.trust-section{padding:2.5rem 1rem}
.trust{padding:1.3rem 1.25rem;gap:1.1rem}
.trust-icon{width:46px;height:46px}
.trust-icon svg{width:24px;height:24px}
.trust-headline{font-size:1rem}
.trust-sub{font-size:.85rem}
.trust-btn{width:100%;justify-content:center}
.how{padding:2.5rem 1rem}
.how-title{margin-bottom:1.75rem}
.step{padding:1.15rem 1rem}
.wm-contrast{padding:0 1rem;margin-top:1.5rem;max-width:100%;box-sizing:border-box}
.wm-contrast-head{font-size:1.4rem;margin-bottom:1rem;max-width:100%;overflow-wrap:break-word}
.wm-bubble{padding:.9rem 1rem .9rem 2.9rem;font-size:.92rem;width:100%;max-width:100%;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word}
.wm-bubble.bad,.wm-bubble.good{align-self:stretch;margin-left:0}
.wm-contrast-note{font-size:.88rem;max-width:100%;overflow-wrap:break-word}
.wm-wrap{padding:2rem 1rem 1.5rem}
.wm-pillar{padding:.95rem 1rem}
.wm-pillar h4{font-size:.92rem}
.wm-vs-q{font-size:1.05rem;padding:1rem 1.2rem}
.wm-vs-col{padding:1.1rem 1.2rem}
.beta{padding:3rem 1rem}
.beta-head h2{font-size:1.5rem}
.beta-card{padding:1.3rem 1.2rem}
.wm-foot{padding:2rem 1rem 1.5rem}
.wm-foot-links{gap:1rem .9rem}
}