:root{--bg:#090c12;--panel:#141820;--panel2:#10141c;--line:#272e3b;--txt:#f5f6fa;--muted:#a3adc5;--blue:#4775fa;--violet:#9552f5;--max:1110px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font:15px/1.65 Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#a5b7ff}button{font:inherit}header{position:sticky;top:0;z-index:40;background:rgba(9,12,18,.94);backdrop-filter:blur(15px);border-bottom:1px solid #242a35}.nav{max-width:var(--max);margin:auto;min-height:62px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{font-weight:900;letter-spacing:-.8px;font-size:18px}.logo span,.accent{color:#7967ff}.navlinks{display:flex;align-items:center;gap:27px;font-size:12px;color:#c1c6d5}.navlinks a{white-space:nowrap}.lang{border:1px solid #293141;border-radius:25px;padding:3px 8px;font-size:11px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid #2b3446;border-radius:8px;padding:11px 22px;font-size:13px;font-weight:700;background:transparent;color:white;cursor:pointer}.btn.primary{background:#4774f4;border-color:#4774f4;box-shadow:0 5px 22px #4266ee35}.btn:hover{filter:brightness(1.15);color:white}.menu{position:relative}.menu>button{background:none;color:#c1c6d5;border:0;cursor:pointer;padding:8px 0}.dropdown{display:none;position:absolute;right:0;top:100%;width:230px;background:#11161f;border:1px solid #303847;border-radius:8px;padding:8px;box-shadow:0 18px 40px #0008}.menu:hover .dropdown,.menu:focus-within .dropdown,.menu.open .dropdown{display:block}.dropdown a{display:block;padding:7px 10px}.dropdown a:hover{background:#1c2534}.hamburger{display:none;background:transparent;border:1px solid #293141;border-radius:6px;color:white;padding:5px 10px;font-size:22px}.hero{height:min(650px,82vh);min-height:510px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 48% 3%,#06223b 0%,transparent 54%),#080b11}.smoke{position:absolute;inset:0;pointer-events:none}.smoke:before,.smoke:after{content:"";position:absolute;top:0;height:100%;width:56%;background-size:cover;background-repeat:no-repeat;opacity:.84}.smoke:before{left:0;background-image:linear-gradient(to right,transparent 65%,#090c12 100%),url('assets/smoke-left.webp');background-position:center}.smoke:after{right:0;background-image:linear-gradient(to left,transparent 65%,#090c12 100%),url('assets/smoke-right.webp');background-position:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090c12 0%,transparent 40%,transparent 70%,#090c1233 100%);pointer-events:none}.hero-inner{position:relative;z-index:2;padding:25px 16px;text-shadow:0 2px 15px #0009}.hero h1{font-size:clamp(34px,4.5vw,58px);line-height:1.12;letter-spacing:-2px;margin:0 0 22px}.gradient{background:linear-gradient(100deg,#3d86ff,#a342ee);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-actions{display:flex;justify-content:center;gap:12px}.more{position:absolute;z-index:3;bottom:26px;font-size:11px;color:#aab0c3}.more span{display:block;font-size:24px}section{padding:95px 24px;scroll-margin-top:65px}.wrap{max-width:var(--max);margin:auto}.section-dark{background:#0d1017}.eyebrow{color:#537aff;text-transform:uppercase;font-weight:800;letter-spacing:2px;font-size:11px}.section-head{text-align:center;max-width:790px;margin:0 auto 50px}.section-head h2,.split h2{font-size:clamp(27px,3.3vw,40px);line-height:1.22;letter-spacing:-1px;margin:8px 0 14px}.section-head p,.split p{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.split p{margin:12px 0}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--line);border-radius:12px;padding:26px;background:var(--panel);min-width:0}.card h3{font-size:16px;margin:12px 0 5px}.card p,.card li{color:var(--muted);font-size:13px}.card ul{padding-left:18px}.card li::marker{color:#537aff}.symbol{display:inline-flex;align-items:center;justify-content:center;background:#1b2440;color:#6389ff;border-radius:10px;width:45px;height:45px;font-size:23px}.smallcard{padding:20px}.smallcard h3{font-size:14px}.smallcard p{font-size:12px;margin:3px 0}.note{background:#10172a;border:1px solid #293b75;border-radius:12px;padding:24px;text-align:center;margin-top:28px}.note p{margin:0;color:#d2d9ee}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:11px;padding:4px 10px;border-radius:30px;background:#172447;color:#8db0ff}.big-number{color:#9d65f7;font-size:42px;font-weight:800;line-height:1.2}.feature-list{list-style:none;padding:0}.feature-list li{margin:8px 0;color:#b8c3df}.feature-list li:before{content:'↗';color:#5784ff;margin-right:10px}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:920px;margin:auto}.price{position:relative;display:flex;flex-direction:column}.price.featured{border-color:#557cff;box-shadow:0 0 0 1px #557cff}.price strong{font-size:31px}.price small{color:var(--muted)}.price ul{flex:1;list-style:none;padding:0}.price li{margin:10px 0}.price li:before{content:'✓';color:#527fff;margin-right:9px}.price .btn{width:100%}.ribbon{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#5077ef;border-radius:20px;padding:3px 14px;font-size:10px}.references{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.refbox{height:130px;border-radius:10px;background:linear-gradient(135deg,#1d2434,#0f131c);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;text-align:center;color:#e2e7f3;padding:12px}.contactbox{max-width:700px;margin:auto;background:linear-gradient(120deg,#182039,#201527);border-radius:18px;padding:60px 30px;text-align:center}.contactbox h2{font-size:34px;margin:12px 0}.contactbox p{color:#b7c2db}footer{border-top:1px solid #202633;padding:28px 24px;color:#8792a9;font-size:12px}footer .wrap{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}footer a{margin-left:20px}.legal{max-width:850px;margin:60px auto 100px;padding:0 24px}.legal h1{font-size:36px}.legal h2{margin-top:30px}.legal p{color:#b7c0d0}.legal a{color:#88a8ff}.center{text-align:center}.mt{margin-top:32px}.subtle{color:var(--muted)}@media(max-width:850px){.split{grid-template-columns:1fr;gap:30px}.cards.three,.cards.four{grid-template-columns:repeat(2,1fr)}.pricing{grid-template-columns:1fr;max-width:480px}.references{grid-template-columns:repeat(2,1fr)}.hamburger{display:block}.navlinks{display:none;position:absolute;top:62px;left:0;right:0;padding:20px 25px;background:#0c1017;flex-direction:column;align-items:stretch;gap:14px}.navlinks.open{display:flex}.dropdown{position:static;width:100%}.hero{min-height:470px}section{padding:70px 20px}}@media(max-width:540px){.cards,.cards.three,.cards.four{grid-template-columns:1fr}.hero h1{font-size:36px}.hero-actions{flex-direction:column;align-items:center}.references{grid-template-columns:1fr 1fr}.contactbox{padding:40px 20px}.card{padding:21px}}

/* Team und neue Agentur-Services */
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.team-card{overflow:hidden}.team-card img{width:100%;height:260px;object-fit:cover;object-position:center 25%;border-radius:12px;margin-bottom:18px}.team-card a{color:#8f83ff}.team-placeholder{height:260px;display:grid;place-items:center;background:#1d2540;color:#8e83ff;font-size:76px;font-weight:800;border-radius:12px;margin-bottom:18px}.note .btn{margin-top:14px}#multiartist a{color:#a7a0ff}@media(max-width:760px){.team-grid{grid-template-columns:1fr}.team-card img,.team-placeholder{height:240px}}

/* V5 refinements */
/* The smoke overlays fade smoothly before the hero ends; no hard vertical seam. */
.hero{isolation:isolate;background:radial-gradient(ellipse at 50% 10%,#09223b 0%,#090c12 76%);}
.smoke{inset:0;overflow:hidden;mask-image:linear-gradient(to bottom,#000 0%,#000 48%,transparent 96%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,transparent 96%)}
.smoke:before,.smoke:after{width:65%;opacity:.78;background-size:cover;filter:blur(1px)}
.smoke:before{background-image:linear-gradient(to right,transparent 52%,#090c12 99%),url('assets/smoke-left.webp')}
.smoke:after{background-image:linear-gradient(to left,transparent 52%,#090c12 99%),url('assets/smoke-right.webp')}
.hero:after{background:linear-gradient(to bottom,transparent 48%,#090c12 100%)}
/* Center the two shop offers, equal widths, with comfortable spacing. */
.pricing{grid-template-columns:repeat(2,minmax(0,360px));justify-content:center;align-items:stretch;max-width:800px;gap:28px}
.price strong{font-size:clamp(25px,2.7vw,31px);line-height:1.3;overflow-wrap:normal}
/* Keep wrapped list lines aligned with the actual text, not the arrow. */
#multiartist .feature-list li{position:relative;padding-left:22px;list-style:none}
#multiartist .feature-list li:before{position:absolute;left:0;top:0;margin-right:0}
@media(max-width:850px){.pricing{grid-template-columns:1fr;max-width:440px}}


/* V6: Seamless hero image, no overlapping half-image edges. */
.hero{background:#090c12;}
.smoke{inset:0;overflow:hidden;mask-image:none;-webkit-mask-image:none;background-image:linear-gradient(to bottom,transparent 45%,#090c12 100%),url('assets/smoke-seamless.webp');background-position:center top;background-size:cover;background-repeat:no-repeat;opacity:1}
.smoke::before,.smoke::after{content:none!important;display:none!important}
.hero::after{background:linear-gradient(to bottom,transparent 55%,#090c12 100%)}
/* Keep every wrapped line flush with the first line's text, not the checkmark. */
.price ul{list-style:none;padding-left:0}
.price li{position:relative;padding-left:24px;line-height:1.65}
.price li::before{content:'✓';position:absolute;left:0;top:0;margin:0;color:#527fff}

/* V7: Original MerchAgent logo, responsive and accessible */
.nav .logo{display:inline-flex;align-items:center;flex:0 0 auto;line-height:1;padding:4px 0}
.nav .logo img{display:block;width:132px;height:52px;object-fit:contain;object-position:left center}
@media(max-width:540px){.nav .logo img{width:112px;height:44px}}

/* V8: Accessible DE / EN language navigation */
.language-switch{display:inline-flex;gap:3px;border:1px solid #293141;border-radius:22px;padding:3px;align-items:center;white-space:nowrap}
.language-switch a{font-size:11px;padding:2px 7px;border-radius:16px;color:#aeb8cf;font-weight:700}
.language-switch a[aria-current="page"]{background:#4774f4;color:#fff}
.language-switch a:focus-visible{outline:2px solid #b3a0ff;outline-offset:2px}