:root{
  --blue:#2563eb; --blue-dark:#1d4ed8; --blue-soft:#eff6ff;
  --navy:#0b1220; --ink:#111827; --text:#475569; --muted:#64748b;
  --line:#e2e8f0; --surface:#f7f8fa; --white:#fff;
  --radius-sm:12px; --radius:18px; --radius-lg:28px;
  --shadow:0 18px 55px rgba(15,23,42,.10);
  --shadow-soft:0 12px 36px rgba(15,23,42,.08);
  --container:1200px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}.section{padding:104px 0}.section-sm{padding:78px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-weight:750;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:2px;background:var(--blue);border-radius:99px}.section-head{max-width:760px;margin:0 auto 52px;text-align:center}.section-head.left{margin-left:0;text-align:left}.section-head h2,.page-hero h1{margin:.3rem 0 1rem;line-height:1.13;letter-spacing:-.035em}.section-head h2{font-size:clamp(2rem,4vw,2.75rem)}.section-head p{margin:0;color:var(--text);font-size:1.08rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:10px;padding:13px 20px;font-weight:750;line-height:1.2;cursor:pointer;transition:.22s ease}.btn svg{width:18px;height:18px}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover,.btn-primary:focus-visible{background:var(--blue-dark);border-color:var(--blue-dark);transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--ink);border-color:rgba(255,255,255,.35)}.btn-secondary:hover{background:var(--blue-soft);color:var(--blue)}.btn-outline{border-color:var(--line);background:#fff;color:var(--ink)}.btn-outline:hover{border-color:#bfdbfe;color:var(--blue);background:var(--blue-soft)}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:750}.text-link:hover{gap:12px}.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:#fff;padding:12px 16px;border-radius:8px}.skip-link:focus{top:16px}
/* Header */
.site-header{position:absolute;inset:0 0 auto;z-index:50;color:#fff;border-bottom:1px solid rgba(255,255,255,.13)}.site-header.is-solid{position:relative;background:var(--navy)}.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;font-size:1.12rem;letter-spacing:-.02em}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#60a5fa,var(--blue));box-shadow:0 10px 28px rgba(37,99,235,.35)}.brand-mark svg{width:24px;height:24px}.nav-links{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0;font-size:.95rem;font-weight:650}.nav-links a{opacity:.88;position:relative}.nav-links a:hover,.nav-links a[aria-current="page"]{opacity:1}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:#60a5fa;transition:.2s}.nav-links a:hover:after,.nav-links a[aria-current="page"]:after{right:0}.nav-actions{display:flex;align-items:center;gap:12px}.nav-toggle{display:none;border:0;background:transparent;color:#fff;padding:8px}.nav-toggle svg{width:28px;height:28px}
/* Hero */
.hero{min-height:820px;position:relative;display:flex;align-items:center;color:#fff;background:url('../img/hero-night-wwbs.png') center/cover no-repeat;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,18,.88) 0%,rgba(5,13,30,.76) 42%,rgba(5,13,30,.16) 79%,rgba(5,13,30,.50) 100%)}.hero:after{content:"";position:absolute;width:700px;height:700px;border-radius:50%;right:-250px;top:-300px;background:rgba(37,99,235,.22);filter:blur(40px)}
.hero .container:after{content:"";position:absolute;right:0;bottom:72px;width:220px;height:220px;border-radius:28px;border:1px solid rgba(147,197,253,.18);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));backdrop-filter:blur(8px);box-shadow:0 30px 80px rgba(0,0,0,.28)}.hero-content{position:relative;z-index:2;max-width:760px;padding-top:76px}.hero .eyebrow{color:#93c5fd}.hero .eyebrow:before{background:#60a5fa}.hero h1{font-size:clamp(3.1rem,7vw,5.7rem);line-height:.98;letter-spacing:-.055em;margin:20px 0 24px}.hero h1 span{display:block;color:#93c5fd}.hero p{max-width:660px;font-size:clamp(1.06rem,2vw,1.25rem);color:#dbeafe;margin:0 0 34px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-proof{margin-top:58px;display:flex;gap:34px;flex-wrap:wrap;color:#dbeafe;font-size:.92rem}.hero-proof span{display:flex;align-items:center;gap:9px}.hero-proof svg{width:19px;color:#60a5fa}
/* Why */
.why{background:#fff}.why-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:76px;align-items:center}.why-copy h2{font-size:clamp(2.25rem,4vw,3.35rem);line-height:1.1;letter-spacing:-.04em;margin:12px 0 20px}.why-copy>p{color:var(--text);font-size:1.08rem;margin-bottom:30px}.check-list{display:grid;gap:16px;margin:0 0 34px;padding:0;list-style:none}.check-list li{display:flex;align-items:flex-start;gap:13px;font-weight:650}.check-icon{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);margin-top:1px}.check-icon svg{width:15px}.why-panel{position:relative;min-height:510px;border-radius:var(--radius-lg);background:linear-gradient(145deg,#0f172a,#163e7a);box-shadow:var(--shadow);overflow:hidden;padding:42px;display:flex;align-items:flex-end}.why-panel:before,.why-panel:after{content:"";position:absolute;border-radius:50%}.why-panel:before{width:400px;height:400px;background:rgba(37,99,235,.55);right:-120px;top:-150px}.why-panel:after{width:230px;height:230px;border:1px solid rgba(147,197,253,.35);left:50px;top:56px}.why-stat{position:relative;z-index:2;color:#fff;background:rgba(255,255,255,.1);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:24px;max-width:340px}.why-stat strong{display:block;font-size:1.35rem;margin-bottom:8px}.why-stat p{margin:0;color:#dbeafe}
/* Impact */
.impact{position:relative;color:#fff;background:url('../img/server-room-wwbs.png') center/cover no-repeat;overflow:hidden}.impact:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,20,.92),rgba(5,20,50,.74),rgba(2,8,20,.88))}.impact .container{position:relative;z-index:2}.impact .section-head p{color:#cbd5e1}.impact .eyebrow{color:#93c5fd}.impact .eyebrow:before{background:#60a5fa}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.benefit-card{background:rgba(255,255,255,.92);color:var(--ink);border-radius:18px;padding:30px;border:1px solid rgba(255,255,255,.5);box-shadow:0 22px 60px rgba(0,0,0,.22)}.icon-box{width:50px;height:50px;border-radius:13px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;margin-bottom:22px}.icon-box svg{width:25px;height:25px}.benefit-card h3{font-size:1.25rem;line-height:1.3;margin:0 0 10px}.benefit-card p{margin:0;color:var(--text)}
/* Process */
.process{background:#fff}.process-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.process-track:before{content:"";position:absolute;left:9%;right:9%;top:37px;height:2px;background:linear-gradient(90deg,#bfdbfe,var(--blue),#bfdbfe)}.process-step{position:relative;text-align:center;padding:0 12px}.step-number{position:relative;z-index:2;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;margin:0 auto 24px;background:#fff;border:2px solid #bfdbfe;color:var(--blue);font-weight:850;font-size:1.25rem;box-shadow:0 10px 26px rgba(37,99,235,.12)}.process-step h3{font-size:1.2rem;margin:0 0 10px}.process-step p{margin:0;color:var(--text);font-size:.97rem}
/* Services */
.services{background:var(--surface)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{display:flex;flex-direction:column;justify-content:space-between;min-height:410px;padding:30px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#bfdbfe}.service-content{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.service-card .icon-box{margin:0}.service-card h3{font-size:1.35rem;line-height:1.28;margin:0}.service-card p{margin:0;color:var(--text)}.service-card .btn{align-self:flex-start;margin-top:28px}
/* Projects */
.projects{background:#fff}.project-list{display:grid;gap:74px}.project{display:grid;grid-template-columns:1.08fr .92fr;gap:62px;align-items:center}.project:nth-child(even) .project-visual{order:2}.project-visual{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#e2e8f0}.project-copy .label{display:inline-block;padding:6px 11px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.project-copy h3{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.035em;margin:14px 0 16px}.project-copy p{color:var(--text);margin:0 0 20px}.project-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0}.project-meta div{border-top:1px solid var(--line);padding-top:12px}.project-meta strong{display:block;font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.project-meta span{font-weight:700}
/* FAQ */
.faq{background:var(--surface)}.faq-wrap{max-width:900px;margin:auto}.faq-item{border-bottom:1px solid var(--line);background:#fff}.faq-item:first-child{border-radius:18px 18px 0 0}.faq-item:last-child{border-radius:0 0 18px 18px;border-bottom:0}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;border:0;background:none;text-align:left;color:var(--ink);font-weight:750;cursor:pointer}.faq-question svg{width:20px;transition:.2s}.faq-answer{display:grid;grid-template-rows:0fr;transition:.25s ease}.faq-answer>div{overflow:hidden}.faq-answer p{margin:0;padding:0 70px 24px 26px;color:var(--text)}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-question svg{transform:rotate(45deg)}
/* CTA */
.cta-band{padding:88px 0;background:linear-gradient(120deg,#0b1220 0%,#173f82 66%,#2563eb 140%);color:#fff;position:relative;overflow:hidden}.cta-band:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-110px;top:-230px}.cta-inner{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:40px}.cta-copy{max-width:720px}.cta-copy h2{font-size:clamp(2.1rem,4vw,3.25rem);line-height:1.1;margin:0 0 14px;letter-spacing:-.04em}.cta-copy p{margin:0;color:#dbeafe;font-size:1.08rem}
/* Contact */
.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:start}.contact-copy h2{font-size:clamp(2.2rem,4vw,3.25rem);line-height:1.1;letter-spacing:-.04em;margin:12px 0 18px}.contact-copy>p{color:var(--text)}.contact-points{display:grid;gap:18px;margin-top:32px}.contact-point{display:flex;gap:14px}.contact-point .icon-box{width:42px;height:42px;margin:0;flex:0 0 42px;border-radius:11px}.contact-point strong{display:block}.contact-point span{color:var(--text);font-size:.94rem}.contact-form{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:34px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:.92rem}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:13px 14px;color:var(--ink);outline:none}.field textarea{min-height:145px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.consent{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:var(--text)}.form-note{font-size:.83rem;color:var(--muted);margin:14px 0 0}.form-status{display:none;margin-top:16px;border-radius:10px;padding:12px 14px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.form-status.show{display:block}
/* Footer */
.site-footer{background:#08111f;color:#cbd5e1;padding:70px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:46px}.footer-brand p{max-width:380px;color:#94a3b8}.footer-col h3{color:#fff;font-size:1rem;margin:0 0 18px}.footer-col ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.footer-col a:hover{color:#93c5fd}.footer-bottom{margin-top:52px;padding-top:22px;border-top:1px solid rgba(148,163,184,.2);display:flex;justify-content:space-between;gap:24px;font-size:.88rem;color:#94a3b8}.legal-alert{padding:14px 16px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:.9rem;margin-top:18px}
/* Page hero / content */
.page-hero{padding:168px 0 92px;color:#fff;background:linear-gradient(120deg,#08111f,#173f82);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:rgba(37,99,235,.32);right:-160px;top:-280px;filter:blur(15px)}.page-hero .container{position:relative;z-index:2}.page-hero h1{font-size:clamp(2.8rem,6vw,4.8rem);max-width:920px}.page-hero p{max-width:760px;color:#dbeafe;font-size:1.14rem}.bread{font-size:.9rem;color:#bfdbfe;margin-bottom:20px}.bread a:hover{color:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}.split h2{font-size:clamp(2rem,4vw,3rem);line-height:1.15;letter-spacing:-.035em}.split p{color:var(--text)}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.feature-box{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff}.feature-box h3{font-size:1.02rem;margin:0 0 7px}.feature-box p{font-size:.94rem;margin:0}.info-panel{border-radius:28px;padding:38px;background:linear-gradient(145deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe}.info-panel h3{font-size:1.45rem;margin:0 0 12px}.info-panel p{margin:0;color:var(--text)}.number-list{display:grid;gap:18px;margin-top:26px}.number-row{display:flex;gap:15px}.number-row b{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--blue);color:#fff;flex:0 0 34px}.number-row strong{display:block}.number-row span{color:var(--text);font-size:.94rem}.subservices{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.subservice{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff}.subservice h3{margin:0 0 10px;font-size:1.2rem}.subservice p{color:var(--text);margin:0}.notice{border-left:4px solid var(--blue);background:var(--blue-soft);padding:18px 20px;border-radius:0 12px 12px 0;color:#1e3a8a}.legal-page{max-width:850px}.legal-page h2{margin-top:2.1em}.legal-page p,.legal-page li{color:var(--text)}
/* Responsive */
@media (max-width:1024px){.section{padding:82px 0}.nav-links{gap:18px;font-size:.9rem}.why-grid,.contact-grid{gap:44px}.benefit-grid{gap:18px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:390px}.process-track{grid-template-columns:repeat(2,1fr);gap:42px 24px}.process-track:before{display:none}.project{grid-template-columns:1fr;gap:32px}.project:nth-child(even) .project-visual{order:0}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid .footer-col:last-child{grid-column:2/-1}.subservices{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){.container{width:min(var(--container),calc(100% - 36px))}.site-header{background:rgba(8,17,31,.92);backdrop-filter:blur(12px)}.nav-toggle{display:block}.nav-links{position:absolute;left:18px;right:18px;top:76px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px;background:#0f1c31;border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.nav-links.open{display:flex}.nav-links li a{display:block;padding:12px}.nav-links a:after{display:none}.nav-actions .btn{display:none}.hero{min-height:730px}.hero-content{padding-top:92px}.why-grid,.contact-grid,.split{grid-template-columns:1fr}.why-panel{min-height:400px}.benefit-grid{grid-template-columns:1fr}.cta-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid .footer-col:last-child{grid-column:auto}.feature-list{grid-template-columns:1fr}}
@media (max-width:620px){.container{width:calc(100% - 32px)}.section{padding:64px 0}.section-sm{padding:56px 0}.nav-wrap{min-height:72px}.brand-mark{width:35px;height:35px}.hero{min-height:690px}.hero h1{font-size:clamp(2.7rem,13vw,4rem)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-proof{gap:13px;flex-direction:column;margin-top:38px}.why-panel{padding:24px;min-height:340px}.benefit-card{padding:25px}.process-track{grid-template-columns:1fr}.process-step{display:grid;grid-template-columns:62px 1fr;text-align:left;column-gap:18px;padding:0}.step-number{width:58px;height:58px;margin:0;grid-row:1/3}.service-grid,.subservices{grid-template-columns:1fr}.service-card{min-height:0;padding:24px}.service-card .btn{align-self:stretch}.project-list{gap:58px}.project-meta{grid-template-columns:1fr}.faq-question{padding:21px 20px}.faq-answer p{padding:0 46px 22px 20px}.cta-band{padding:66px 0}.contact-form{padding:23px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr;gap:34px}.footer-bottom{flex-direction:column}.page-hero{padding:132px 0 70px}.page-hero h1{font-size:2.65rem}.feature-list{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}


/* =========================================================
   WWBS Digital Premium Layer v3
   ========================================================= */
:root{
  --blue-50:#eff6ff;--blue-100:#dbeafe;--blue-300:#93c5fd;--blue-500:#3b82f6;
  --blue:#2563eb;--blue-dark:#1d4ed8;--navy:#07101f;--navy-2:#0b1830;
  --ink:#101828;--text:#475467;--muted:#667085;--line:#e4e7ec;--surface:#f5f7fb;
  --shadow-xs:0 1px 2px rgba(16,24,40,.05);--shadow-sm:0 8px 24px rgba(16,24,40,.07);
  --shadow-md:0 20px 50px rgba(16,24,40,.10);--shadow-lg:0 34px 80px rgba(7,16,31,.16);
  --radius:20px;--radius-lg:30px;--container:1240px;
}
body.wwbs-v3{background:#fff;color:var(--ink);font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
.wwbs-v3 ::selection{background:#bfdbfe;color:#07101f}
.wwbs-v3 :where(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px}
.wwbs-v3 .container{width:min(var(--container),calc(100% - 64px))}
.wwbs-v3 .section{padding:120px 0}
.wwbs-v3 .section-head{max-width:820px;margin-bottom:60px}
.wwbs-v3 .section-head h2{font-size:clamp(2.3rem,4.1vw,3.25rem);letter-spacing:-.045em}
.wwbs-v3 .section-head p{font-size:clamp(1.02rem,1.5vw,1.16rem);line-height:1.75}
.wwbs-v3 .eyebrow{font-size:.76rem;letter-spacing:.145em;font-weight:800}
.wwbs-v3 .btn{min-height:50px;padding:13px 21px;border-radius:12px;font-weight:750;box-shadow:var(--shadow-xs);transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease,color .22s ease}
.wwbs-v3 .btn-primary{box-shadow:0 10px 24px rgba(37,99,235,.20)}
.wwbs-v3 .btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(37,99,235,.28)}

/* Header: transparent on hero, refined solid state */
.wwbs-v3 .site-header{position:fixed;top:0;left:0;right:0;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,backdrop-filter .25s ease}
.wwbs-v3 .site-header.scrolled,.wwbs-v3 .site-header.is-solid{background:rgba(7,16,31,.94);backdrop-filter:blur(18px) saturate(135%);border-bottom-color:rgba(255,255,255,.09);box-shadow:0 10px 35px rgba(0,0,0,.16)}
.wwbs-v3 .site-header.is-solid{position:sticky}
.wwbs-v3 .nav-wrap{min-height:86px}
.wwbs-v3 .brand{font-size:1.1rem;letter-spacing:-.025em}
.wwbs-v3 .brand-mark{border-radius:12px;background:linear-gradient(145deg,#6ea8ff,#2563eb 62%,#1d4ed8);border:1px solid rgba(255,255,255,.22)}
.wwbs-v3 .nav-links{gap:26px;font-size:.925rem}
.wwbs-v3 .nav-links a{opacity:.82}

/* Hero: controlled scale and stronger premium composition */
.wwbs-v3 .hero{min-height:880px;background-position:center;isolation:isolate}
.wwbs-v3 .hero:before{background:linear-gradient(90deg,rgba(3,9,20,.96) 0%,rgba(5,16,39,.87) 43%,rgba(7,23,53,.32) 78%,rgba(3,10,24,.62) 100%)}
.wwbs-v3 .hero:after{width:820px;height:820px;right:-280px;top:-390px;background:rgba(37,99,235,.26);filter:blur(54px);z-index:-1}
.wwbs-v3 .hero-content{max-width:820px;padding-top:104px}
.wwbs-v3 .hero h1{font-size:clamp(3.45rem,6vw,5.35rem);line-height:.98;letter-spacing:-.061em;margin:23px 0 28px;max-width:790px}
.wwbs-v3 .hero h1 span{color:#8fc2ff;text-shadow:0 12px 45px rgba(37,99,235,.20)}
.wwbs-v3 .hero p{font-size:clamp(1.08rem,1.7vw,1.3rem);line-height:1.68;max-width:690px;color:#d7e4f6}
.wwbs-v3 .hero-actions{gap:14px}
.wwbs-v3 .hero .btn-secondary{background:rgba(255,255,255,.94);border-color:rgba(255,255,255,.72)}
.wwbs-v3 .hero-proof{margin-top:56px;padding-top:25px;border-top:1px solid rgba(255,255,255,.14);gap:30px;max-width:760px}
.wwbs-v3 .hero-proof span{font-size:.91rem;color:#c6d5eb}

/* Why: custom strategic system visual */
.wwbs-v3 .why{position:relative;overflow:hidden}
.wwbs-v3 .why:before{content:"";position:absolute;right:-180px;top:70px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.08),transparent 70%);pointer-events:none}
.wwbs-v3 .why-grid{grid-template-columns:1fr 1fr;gap:92px}
.wwbs-v3 .why-copy h2{font-size:clamp(2.45rem,4.6vw,3.65rem);letter-spacing:-.052em}
.wwbs-v3 .check-list{gap:14px}
.wwbs-v3 .check-list li{padding:7px 0;font-weight:680;color:#182230}
.wwbs-v3 .why-panel{min-height:570px;padding:28px;align-items:stretch;background:linear-gradient(145deg,#07101f,#102a58);border:1px solid rgba(147,197,253,.18);box-shadow:var(--shadow-lg)}
.wwbs-v3 .why-panel:before{width:430px;height:430px;right:-115px;top:-170px;background:rgba(37,99,235,.55)}
.wwbs-v3 .why-panel:after{width:260px;height:260px;left:42px;top:78px;border-color:rgba(147,197,253,.22)}
.wwbs-v3 .why-system{position:relative;z-index:2;display:flex;flex-direction:column;width:100%;min-height:100%;padding:8px}
.wwbs-v3 .system-top{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#dbeafe;font-size:.78rem;font-weight:780;letter-spacing:.08em;text-transform:uppercase}
.wwbs-v3 .system-status{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.07);letter-spacing:0;text-transform:none;font-weight:650}
.wwbs-v3 .system-status i{width:7px;height:7px;border-radius:50%;background:#60a5fa;box-shadow:0 0 0 5px rgba(96,165,250,.12)}
.wwbs-v3 .system-flow{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;align-items:center;gap:6px;margin:auto 0;padding:30px 0}
.wwbs-v3 .system-node{min-height:128px;padding:18px 15px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center}
.wwbs-v3 .system-node>span{color:#8fc2ff;font-size:.72rem;font-weight:800;letter-spacing:.12em}
.wwbs-v3 .system-node strong{color:#fff;font-size:1.06rem;margin:5px 0 3px}
.wwbs-v3 .system-node small{color:#b9cbe3;font-size:.78rem;line-height:1.4}
.wwbs-v3 .system-line{height:1px;background:linear-gradient(90deg,rgba(147,197,253,.2),#60a5fa,rgba(147,197,253,.2));position:relative}
.wwbs-v3 .system-line:after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-top:1px solid #93c5fd;border-right:1px solid #93c5fd;transform:rotate(45deg)}
.wwbs-v3 .why-stat{max-width:none;padding:22px 24px;background:rgba(255,255,255,.105);border-color:rgba(255,255,255,.16)}
.wwbs-v3 .why-stat strong{font-size:1.22rem}

/* Impact: translucent cards on image */
.wwbs-v3 .impact{padding:132px 0;background-attachment:fixed}
.wwbs-v3 .impact:before{background:linear-gradient(90deg,rgba(2,8,20,.97),rgba(7,27,61,.84),rgba(2,8,20,.94))}
.wwbs-v3 .benefit-grid{gap:22px}
.wwbs-v3 .benefit-card{padding:32px;background:rgba(255,255,255,.91);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.72);box-shadow:0 24px 60px rgba(0,0,0,.26);transition:transform .25s ease,background .25s ease}
.wwbs-v3 .benefit-card:hover{transform:translateY(-5px);background:#fff}
.wwbs-v3 .benefit-card h3{font-size:1.28rem;letter-spacing:-.018em}

/* Process: calmer editorial timeline */
.wwbs-v3 .process{background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)}
.wwbs-v3 .process-track{gap:34px}
.wwbs-v3 .process-track:before{left:7%;right:7%;top:39px;background:linear-gradient(90deg,#dbeafe,#2563eb 50%,#dbeafe)}
.wwbs-v3 .process-step{padding:0 14px}
.wwbs-v3 .step-number{width:78px;height:78px;border:1px solid #bfdbfe;background:linear-gradient(145deg,#fff,#f5f9ff);box-shadow:0 14px 32px rgba(37,99,235,.12)}
.wwbs-v3 .process-step h3{font-size:1.18rem;letter-spacing:-.015em}
.wwbs-v3 .process-step p{line-height:1.72}

/* Services: richer hierarchy without changing 3x2 structure */
.wwbs-v3 .services{background:linear-gradient(180deg,#f7f9fc,#f3f6fb)}
.wwbs-v3 .service-grid{gap:26px}
.wwbs-v3 .service-card{position:relative;overflow:hidden;min-height:430px;padding:31px;border-color:#e1e7ef;border-radius:20px;box-shadow:0 12px 36px rgba(16,24,40,.065);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.wwbs-v3 .service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563eb,#60a5fa);opacity:.62}
.wwbs-v3 .service-card:after{content:"0" counter(service);counter-increment:service;position:absolute;right:25px;top:20px;color:#e7effd;font-size:3.2rem;font-weight:850;line-height:1;letter-spacing:-.08em}
.wwbs-v3 .service-grid{counter-reset:service}
.wwbs-v3 .service-card:hover{transform:translateY(-6px);border-color:#c8d8f3;box-shadow:0 24px 52px rgba(16,24,40,.12)}
.wwbs-v3 .service-card .icon-box{position:relative;z-index:1;width:52px;height:52px}
.wwbs-v3 .service-card h3{font-size:1.33rem;letter-spacing:-.024em;max-width:88%}
.wwbs-v3 .service-card p{line-height:1.72}
.wwbs-v3 .service-card .btn{align-self:flex-start;min-height:46px;padding:11px 17px;font-size:.94rem}

/* Projects: stronger showcase treatment */
.wwbs-v3 .projects{position:relative;overflow:hidden}
.wwbs-v3 .projects:before{content:"";position:absolute;left:-230px;top:280px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.07),transparent 68%)}
.wwbs-v3 .project-list{gap:112px}
.wwbs-v3 .project{gap:66px}
.wwbs-v3 .project-visual{border-radius:28px;box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease}
.wwbs-v3 .project:hover .project-visual{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.wwbs-v3 .project-copy h3{font-size:clamp(2rem,3vw,2.75rem);letter-spacing:-.045em}
.wwbs-v3 .project-meta{gap:20px}
.wwbs-v3 .project-meta>div{padding-top:13px}

/* FAQ / CTA / Contact */
.wwbs-v3 .faq{background:#f6f8fc}
.wwbs-v3 .faq-wrap{max-width:940px;border:1px solid #e5eaf1;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-sm)}
.wwbs-v3 .faq-item{background:#fff}
.wwbs-v3 .faq-question{padding:25px 28px;font-size:1.01rem}
.wwbs-v3 .faq-item.open{background:#fbfdff}
.wwbs-v3 .cta-band{position:relative;overflow:hidden;background:linear-gradient(115deg,#0a1b3b 0%,#17408b 55%,#2563eb 100%)}
.wwbs-v3 .cta-band:after{content:"";position:absolute;right:-120px;top:-260px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.025)}
.wwbs-v3 .cta-inner{position:relative;z-index:1}
.wwbs-v3 .cta-copy h2{letter-spacing:-.04em}
.wwbs-v3 .contact{background:#fff}
.wwbs-v3 .contact-grid{gap:82px}
.wwbs-v3 .contact-copy h2{font-size:clamp(2.35rem,4vw,3.25rem);letter-spacing:-.045em}
.wwbs-v3 .contact-form{border:1px solid #e2e8f0;border-radius:24px;box-shadow:var(--shadow-md);padding:34px}
.wwbs-v3 .field input,.wwbs-v3 .field select,.wwbs-v3 .field textarea{border-radius:11px;border-color:#d8dee8;background:#fbfcfe;transition:border-color .2s,box-shadow .2s,background .2s}
.wwbs-v3 .field input:focus,.wwbs-v3 .field select:focus,.wwbs-v3 .field textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(37,99,235,.10);background:#fff;outline:0}
.wwbs-v3 .site-footer{background:#06101f}

/* Inner pages */
.wwbs-v3 .page-hero{padding-top:178px;background:linear-gradient(135deg,#07101f,#102b5f)}
.wwbs-v3 .page-hero h1{font-size:clamp(3rem,5.2vw,4.7rem);letter-spacing:-.055em}
.wwbs-v3 .subservice,.wwbs-v3 .info-panel{border-radius:20px;box-shadow:var(--shadow-sm)}

@media (max-width:1100px){
  .wwbs-v3 .container{width:min(var(--container),calc(100% - 48px))}
  .wwbs-v3 .section{padding:96px 0}
  .wwbs-v3 .why-grid{gap:55px}
  .wwbs-v3 .system-flow{grid-template-columns:1fr;gap:10px;margin:25px 0}
  .wwbs-v3 .system-line{width:1px;height:18px;margin:auto;background:#60a5fa}
  .wwbs-v3 .system-line:after{display:none}
  .wwbs-v3 .system-node{min-height:auto}
  .wwbs-v3 .project{gap:42px}
}
@media (max-width:820px){
  .wwbs-v3 .container{width:calc(100% - 36px)}
  .wwbs-v3 .site-header{background:rgba(7,16,31,.94);backdrop-filter:blur(16px)}
  .wwbs-v3 .nav-links{top:78px;border-radius:16px;background:#0a1930}
  .wwbs-v3 .hero{min-height:800px;background-position:62% center}
  .wwbs-v3 .hero-content{padding-top:116px}
  .wwbs-v3 .hero h1{font-size:clamp(3.15rem,10vw,4.7rem)}
  .wwbs-v3 .why-grid{grid-template-columns:1fr;gap:48px}
  .wwbs-v3 .why-panel{min-height:500px}
  .wwbs-v3 .impact{background-attachment:scroll}
  .wwbs-v3 .service-card{min-height:405px}
  .wwbs-v3 .project-list{gap:76px}
}
@media (max-width:620px){
  .wwbs-v3 .container{width:calc(100% - 30px)}
  .wwbs-v3 .section{padding:76px 0}
  .wwbs-v3 .section-head{margin-bottom:40px}
  .wwbs-v3 .section-head h2{font-size:clamp(2.05rem,10vw,2.65rem)}
  .wwbs-v3 .nav-wrap{min-height:72px}
  .wwbs-v3 .hero{min-height:760px;background-position:70% center}
  .wwbs-v3 .hero-content{padding-top:105px}
  .wwbs-v3 .hero h1{font-size:clamp(2.85rem,13.5vw,3.8rem);line-height:1.01}
  .wwbs-v3 .hero p{font-size:1.04rem}
  .wwbs-v3 .hero-proof{gap:12px;margin-top:34px;padding-top:22px}
  .wwbs-v3 .why-panel{min-height:0;padding:20px}
  .wwbs-v3 .system-top{align-items:flex-start;flex-direction:column}
  .wwbs-v3 .system-flow{padding:12px 0}
  .wwbs-v3 .why-stat{padding:19px}
  .wwbs-v3 .impact{padding:82px 0}
  .wwbs-v3 .benefit-card{padding:25px}
  .wwbs-v3 .process-step{grid-template-columns:58px 1fr;column-gap:16px}
  .wwbs-v3 .service-card{min-height:0;padding:25px}
  .wwbs-v3 .service-card:after{font-size:2.6rem}
  .wwbs-v3 .project-copy h3{font-size:2.05rem}
  .wwbs-v3 .faq-question{padding:22px 20px}
  .wwbs-v3 .contact-form{padding:23px 19px}
}
@media (hover:none){.wwbs-v3 .service-card:hover,.wwbs-v3 .benefit-card:hover,.wwbs-v3 .project:hover .project-visual{transform:none}}


/* =========================================================
   WWBS Digital Launch Kit v4 integration layer
   ========================================================= */
html{margin:0!important}body.wwbs-launch-shell{margin:0!important;overflow-x:hidden;background:#fff}.wwbs-launch-shell #wpadminbar{position:fixed}.wwbs-launch-shell.admin-bar .site-header{top:32px}.wwbs-launch-shell.admin-bar .nav-links{top:calc(100% + 1px)}
.hero{background-image:var(--wwbs-hero-image,url('../img/hero-night-wwbs.webp'))}.impact{background-image:var(--wwbs-server-image,url('../img/server-room-wwbs.webp'))}
.brand-logo{display:block;width:auto;height:46px;max-width:190px;object-fit:contain}.site-footer .brand-logo{height:52px;max-width:220px}.footer-social{display:flex;gap:15px;flex-wrap:wrap;margin-top:22px}.footer-social a{color:#93c5fd;font-weight:700;font-size:.9rem}.footer-col li span{color:#cbd5e1}.consent a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}.wwbs-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status.show{display:block;margin:0 0 18px;padding:14px 16px;border-radius:12px;font-weight:650}.form-status.success{background:#ecfdf3;border:1px solid #abefc6;color:#067647}.form-status.error{background:#fef3f2;border:1px solid #fecdca;color:#b42318}.back-to-top{position:fixed;right:22px;bottom:22px;z-index:45;width:46px;height:46px;border:0;border-radius:13px;display:grid;place-items:center;background:#2563eb;color:#fff;box-shadow:0 14px 35px rgba(37,99,235,.3);opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;cursor:pointer}.back-to-top.visible{opacity:1;visibility:visible;transform:none}.back-to-top svg{width:22px}.legal-page{max-width:880px}.legal-page h2,.legal-page h3{margin-top:2rem}.legal-page a{color:#2563eb;text-decoration:underline}.wwbs-form-embed{background:#fff}.wwbs-form-embed form{margin:0}.site-header nav{margin-left:auto}.site-header .nav-actions{margin-left:0}
@media (max-width:782px){.wwbs-launch-shell.admin-bar .site-header{top:46px}}
@media (max-width:820px){.site-header nav{margin-left:0}.nav-links{top:100%}.brand-logo{height:38px;max-width:145px}}
@media (max-width:620px){.back-to-top{right:15px;bottom:15px;width:43px;height:43px}.brand>span:last-child{font-size:1rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.service-card,.benefit-card,.project-visual,.back-to-top{transition:none!important}.impact{background-attachment:scroll!important}}

/* v4.0.1 QA fixes */
.consent input[type="checkbox"]{width:auto!important;min-width:16px;height:16px;padding:0!important;margin:3px 0 0!important;flex:0 0 16px;box-shadow:none!important}.brand-custom-logo{gap:0}.brand-custom-logo .brand-logo{max-width:210px}
@media(max-width:820px){.nav-toggle{margin-left:auto}.site-header nav{position:absolute;left:0;right:0;top:100%;margin:0}.site-header .nav-actions{display:none}.nav-links{top:0!important}.brand-custom-logo .brand-logo{max-width:170px}}

.error-hero{min-height:680px;display:flex;align-items:center}.error-hero .container{max-width:820px}.error-hero .eyebrow{color:#93c5fd}.error-hero .eyebrow:before{background:#60a5fa}.error-hero .hero-actions{margin-top:30px}

/* v5 integrated brand assets */
.hero-network{position:absolute;inset:0;pointer-events:none;opacity:.22}


/* =========================================================
   WWBS Digital Launch Kit v6 — production visual layer
   ========================================================= */
:root{
  --gold:#d6ad3b;
  --gold-soft:#fff7d6;
  --deep:#050b16;
  --deep-2:#071426;
  --blue-glow:rgba(37,99,235,.34);
  --container:1240px;
}
.wwbs-v6{
  font-family:"Segoe UI Variable Text","Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  text-rendering:optimizeLegibility;
  background:#fff;
}
.wwbs-v6 ::selection{background:#bfdbfe;color:#07101f}
.wwbs-v6 :where(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(96,165,250,.75);outline-offset:3px}
.wwbs-v6 .container{width:min(var(--container),calc(100% - 64px))}
.wwbs-v6 .section{position:relative}

/* Brand and navigation */
.wwbs-v6 .site-header{background:linear-gradient(180deg,rgba(3,8,18,.74),rgba(3,8,18,.06));border-bottom-color:rgba(255,255,255,.10)}
.wwbs-v6 .site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.55),rgba(214,173,59,.35),transparent);opacity:.72}
.wwbs-v6 .site-header.scrolled,.wwbs-v6 .site-header.is-solid{background:rgba(4,11,24,.94);box-shadow:0 16px 42px rgba(0,0,0,.22)}
.wwbs-v6 .nav-wrap{min-height:88px}
.wwbs-v6 .brand-custom-logo{display:flex;align-items:center;min-width:210px}
.wwbs-v6 .brand-logo{height:50px;max-width:238px;object-fit:contain;object-position:left center;filter:drop-shadow(0 7px 18px rgba(0,0,0,.26))}
.wwbs-v6 .site-footer .brand-logo{height:58px;max-width:270px}
.wwbs-v6 .nav-links{gap:25px}
.wwbs-v6 .nav-links a{font-weight:690;letter-spacing:-.01em}
.wwbs-v6 .nav-actions .btn{min-height:44px;padding:11px 17px}

/* Hero: original image with controlled editorial overlay */
.wwbs-v6 .hero{
  min-height:900px;
  background-position:50% 50%;
  background-color:#030812;
}
.wwbs-v6 .hero:before{
  background:
    linear-gradient(90deg,rgba(2,7,16,.96) 0%,rgba(3,10,24,.91) 34%,rgba(5,17,40,.68) 56%,rgba(3,10,23,.19) 79%,rgba(2,7,16,.43) 100%),
    linear-gradient(180deg,rgba(2,7,16,.18),rgba(2,7,16,.26));
}
.wwbs-v6 .hero:after{width:760px;height:760px;right:-230px;top:-330px;background:radial-gradient(circle,rgba(37,99,235,.34),rgba(37,99,235,0) 68%);filter:none;z-index:0}
.wwbs-v6 .hero .container{position:relative;z-index:2}
.wwbs-v6 .hero .container:before{content:"";position:absolute;right:1.5%;bottom:76px;width:280px;height:280px;border-radius:50%;border:1px solid rgba(147,197,253,.15);box-shadow:0 0 0 42px rgba(96,165,250,.035),0 0 0 84px rgba(96,165,250,.018);pointer-events:none}
.wwbs-v6 .hero .container:after{width:8px;height:8px;right:calc(1.5% + 136px);bottom:212px;border:0;border-radius:50%;background:#60a5fa;box-shadow:0 0 0 9px rgba(96,165,250,.12),0 0 30px rgba(96,165,250,.9);backdrop-filter:none}
.wwbs-v6 .hero-content{max-width:780px;padding-top:112px}
.wwbs-v6 .hero .eyebrow{padding:9px 13px;border-radius:999px;border:1px solid rgba(147,197,253,.22);background:rgba(5,16,39,.52);backdrop-filter:blur(12px);letter-spacing:.13em}
.wwbs-v6 .hero .eyebrow:before{width:18px}
.wwbs-v6 .hero h1{font-size:clamp(3.55rem,6.35vw,5.75rem);max-width:820px;text-wrap:balance}
.wwbs-v6 .hero h1 span{background:linear-gradient(90deg,#dbeafe,#7db5ff 60%,#f4d66a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.wwbs-v6 .hero p{max-width:670px;color:#d9e6f7}
.wwbs-v6 .hero-proof{gap:12px;border-top:0;padding-top:0}
.wwbs-v6 .hero-proof span{padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(6,17,37,.52);backdrop-filter:blur(10px);color:#dbeafe}
.wwbs-v6 .hero-proof svg{color:#7db5ff}

/* Section rhythm and technical background language */
.wwbs-v6 .why{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.wwbs-v6 .why:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(37,99,235,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,black 45%,black 100%);opacity:.65}
.wwbs-v6 .why-grid{position:relative;z-index:1}
.wwbs-v6 .why-panel{background:
  radial-gradient(circle at 82% 14%,rgba(56,132,255,.40),transparent 34%),
  linear-gradient(rgba(147,197,253,.055) 1px,transparent 1px),
  linear-gradient(90deg,rgba(147,197,253,.055) 1px,transparent 1px),
  linear-gradient(145deg,#06101f,#102d61);
  background-size:auto,34px 34px,34px 34px,auto;
}
.wwbs-v6 .why-panel:before{background:radial-gradient(circle,rgba(37,99,235,.58),transparent 68%)}
.wwbs-v6 .why-panel:after{border-color:rgba(214,173,59,.22);box-shadow:0 0 0 42px rgba(96,165,250,.035)}
.wwbs-v6 .system-status i{background:#f2cf5b;box-shadow:0 0 0 5px rgba(242,207,91,.12),0 0 18px rgba(242,207,91,.55)}
.wwbs-v6 .system-node{position:relative;overflow:hidden}
.wwbs-v6 .system-node:after{content:"";position:absolute;inset:auto -45% -70% 20%;height:110px;background:radial-gradient(ellipse,rgba(37,99,235,.28),transparent 70%)}

/* Server benefit section */
.wwbs-v6 .impact{background-position:center center;background-color:#030b18}
.wwbs-v6 .impact:before{background:linear-gradient(90deg,rgba(1,7,17,.96),rgba(4,20,47,.76) 52%,rgba(1,8,20,.92))}
.wwbs-v6 .impact:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(96,165,250,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.045) 1px,transparent 1px);background-size:64px 64px;opacity:.25;pointer-events:none}
.wwbs-v6 .benefit-card{position:relative;overflow:hidden;background:rgba(255,255,255,.93)}
.wwbs-v6 .benefit-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#60a5fa,#2563eb,#d6ad3b)}
.wwbs-v6 .benefit-card .icon-box{box-shadow:inset 0 0 0 1px #dbeafe}

/* Process */
.wwbs-v6 .process{overflow:hidden;background:linear-gradient(180deg,#fff,#f9fbff)}
.wwbs-v6 .process:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-340px;top:-160px;background:radial-gradient(circle,rgba(37,99,235,.07),transparent 69%)}
.wwbs-v6 .step-number{font-variant-numeric:tabular-nums}
.wwbs-v6 .step-number:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;right:5px;top:5px;background:#d6ad3b;box-shadow:0 0 0 5px rgba(214,173,59,.10)}

/* Services: differentiated premium cards */
.wwbs-v6 .services{overflow:hidden;background:
  radial-gradient(circle at 12% 12%,rgba(37,99,235,.08),transparent 31%),
  linear-gradient(rgba(37,99,235,.026) 1px,transparent 1px),
  linear-gradient(90deg,rgba(37,99,235,.026) 1px,transparent 1px),
  linear-gradient(180deg,#f8fafd,#f3f6fb);
  background-size:auto,48px 48px,48px 48px,auto;
}
.wwbs-v6 .service-card{isolation:isolate;background:rgba(255,255,255,.94);backdrop-filter:blur(8px)}
.wwbs-v6 .service-card:before{height:4px;background:linear-gradient(90deg,#2563eb 0%,#60a5fa 70%,#d6ad3b 100%)}
.wwbs-v6 .service-card:after{z-index:-1;color:#e8effb}
.wwbs-v6 .service-card .icon-box{background:linear-gradient(145deg,#eff6ff,#e3edff);box-shadow:inset 0 0 0 1px #d7e5ff,0 10px 24px rgba(37,99,235,.08)}
.wwbs-v6 .service-card .btn{box-shadow:none}

/* Project showcase */
.wwbs-v6 .projects{background:linear-gradient(180deg,#fff,#fbfdff)}
.wwbs-v6 .project-visual{position:relative;border:1px solid #dbe4f0;background:#07101f}
.wwbs-v6 .project-visual:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.32);pointer-events:none}
.wwbs-v6 .project-visual img{width:100%;height:auto}
.wwbs-v6 .project-copy .label{border:1px solid #dbeafe;background:#f5f9ff}
.wwbs-v6 .project-copy .label:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.10)}

/* FAQ, CTA, contact, footer */
.wwbs-v6 .faq{background:linear-gradient(180deg,#f5f8fc,#f8fafc)}
.wwbs-v6 .faq-wrap{background:#fff}
.wwbs-v6 .faq-question svg{color:#2563eb}
.wwbs-v6 .cta-band{background:
  linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
  linear-gradient(112deg,#07152e,#123d84 58%,#2563eb);
  background-size:42px 42px,42px 42px,auto;
}
.wwbs-v6 .cta-band:before{content:"";position:absolute;left:-100px;bottom:-270px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(214,173,59,.18),transparent 68%)}
.wwbs-v6 .contact{overflow:hidden;background:
  radial-gradient(circle at 92% 10%,rgba(37,99,235,.075),transparent 30%),
  #fff;
}
.wwbs-v6 .contact:before{content:"";position:absolute;right:0;top:0;width:430px;height:430px;background-image:radial-gradient(#60a5fa 1.1px,transparent 1.1px);background-size:20px 20px;opacity:.12;mask-image:linear-gradient(135deg,black,transparent 72%);pointer-events:none}
.wwbs-v6 .contact-grid{position:relative;z-index:1}
.wwbs-v6 .contact-form{background:rgba(249,251,255,.94);box-shadow:0 26px 70px rgba(15,23,42,.12)}
.wwbs-v6 .contact-point .icon-box{background:linear-gradient(145deg,#eff6ff,#e3edff)}
.wwbs-v6 .site-footer{position:relative;overflow:hidden;background:#040b16}
.wwbs-v6 .site-footer:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(96,165,250,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.03) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(180deg,black,transparent 80%);pointer-events:none}
.wwbs-v6 .site-footer .container{position:relative;z-index:1}
.wwbs-v6 .footer-bottom{border-top-color:rgba(147,197,253,.16)}

/* Inner pages */
.wwbs-v6 .page-hero{background:
  radial-gradient(circle at 82% 10%,rgba(37,99,235,.42),transparent 36%),
  linear-gradient(rgba(147,197,253,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(147,197,253,.045) 1px,transparent 1px),
  linear-gradient(135deg,#050c18,#0e2c60);
  background-size:auto,48px 48px,48px 48px,auto;
}
.wwbs-v6 .page-hero:after{background:radial-gradient(circle,rgba(37,99,235,.32),transparent 68%)}
.wwbs-v6 .info-panel{background:linear-gradient(145deg,#f4f8ff,#e6efff);border-color:#d4e3fb}
.wwbs-v6 .subservice,.wwbs-v6 .feature-box{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.wwbs-v6 .subservice:hover,.wwbs-v6 .feature-box:hover{transform:translateY(-3px);border-color:#c7d9f6;box-shadow:0 18px 42px rgba(15,23,42,.08)}

/* Progressive reveal; content remains visible if JavaScript is unavailable */
.wwbs-v6.js .wwbs-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.wwbs-v6.js .wwbs-reveal.is-visible{opacity:1;transform:none}
.wwbs-v6.js .wwbs-reveal-delay-1{transition-delay:.08s}
.wwbs-v6.js .wwbs-reveal-delay-2{transition-delay:.16s}
.wwbs-v6.js .wwbs-reveal-delay-3{transition-delay:.24s}

@media (min-width:1600px){
  .wwbs-v6 .hero{min-height:940px}
  .wwbs-v6 .hero-content{padding-top:120px}
}
@media (max-width:1100px){
  .wwbs-v6 .container{width:min(var(--container),calc(100% - 48px))}
  .wwbs-v6 .brand-logo{max-width:205px;height:46px}
  .wwbs-v6 .nav-links{gap:18px;font-size:.88rem}
  .wwbs-v6 .hero .container:before,.wwbs-v6 .hero .container:after{display:none}
}
@media (max-width:820px){
  .wwbs-v6 .container{width:calc(100% - 36px)}
  .wwbs-v6 .nav-wrap{min-height:76px}
  .wwbs-v6 .brand-custom-logo{min-width:0}
  .wwbs-v6 .brand-logo{height:38px;max-width:166px}
  .wwbs-v6 .hero{min-height:820px;background-position:60% center}
  .wwbs-v6 .hero:before{background:linear-gradient(90deg,rgba(2,7,16,.96),rgba(3,11,26,.84) 62%,rgba(2,7,16,.35))}
  .wwbs-v6 .hero-content{padding-top:116px}
  .wwbs-v6 .hero h1{font-size:clamp(3.1rem,10.5vw,4.8rem)}
  .wwbs-v6 .hero-proof span{background:rgba(3,12,28,.68)}
  .wwbs-v6 .impact{background-position:center center}
}
@media (max-width:620px){
  .wwbs-v6 .container{width:calc(100% - 30px)}
  .wwbs-v6 .site-header{background:rgba(3,10,23,.94)}
  .wwbs-v6 .brand-logo{height:34px;max-width:146px}
  .wwbs-v6 .hero{min-height:790px;background-position:64% center}
  .wwbs-v6 .hero:before{background:linear-gradient(90deg,rgba(2,7,16,.97),rgba(3,11,27,.89) 72%,rgba(2,7,16,.52))}
  .wwbs-v6 .hero-content{padding-top:104px}
  .wwbs-v6 .hero .eyebrow{font-size:.66rem;padding:8px 10px;letter-spacing:.105em}
  .wwbs-v6 .hero h1{font-size:clamp(2.72rem,13.2vw,3.75rem);line-height:1.01}
  .wwbs-v6 .hero p{font-size:1.02rem;line-height:1.62}
  .wwbs-v6 .hero-proof{display:grid;gap:9px}
  .wwbs-v6 .hero-proof span{width:max-content;max-width:100%}
  .wwbs-v6 .why:after{display:none}
  .wwbs-v6 .why-panel{border-radius:22px}
  .wwbs-v6 .service-card{backdrop-filter:none}
  .wwbs-v6 .project-visual{border-radius:20px}
  .wwbs-v6 .contact:before{width:260px;height:260px}
}
@media (prefers-reduced-motion:reduce){
  .wwbs-v6.js .wwbs-reveal{opacity:1!important;transform:none!important;transition:none!important}
}


/* WWBS v9: social presence and site-wide quick contact */
.wwbs-v9 .footer-social{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.wwbs-v9 .footer-social a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 13px;border:1px solid rgba(147,197,253,.22);border-radius:999px;background:rgba(37,99,235,.08);color:#dbeafe;font-weight:700;font-size:.88rem;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.wwbs-v9 .footer-social a:hover{transform:translateY(-2px);background:rgba(37,99,235,.16);border-color:rgba(147,197,253,.45);color:#fff}
.wwbs-v9 .footer-social svg{width:18px;height:18px;flex:0 0 auto}
.quick-contact-trigger{position:fixed;right:22px;bottom:82px;z-index:58;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 17px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font:inherit;font-weight:800;box-shadow:0 18px 44px rgba(29,78,216,.35);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.quick-contact-trigger:hover{transform:translateY(-2px);box-shadow:0 22px 52px rgba(29,78,216,.42)}
.quick-contact-trigger svg{width:21px;height:21px}
.quick-contact-overlay[hidden]{display:none}
.quick-contact-overlay{position:fixed;inset:0;z-index:1000;display:flex;justify-content:flex-end;background:rgba(2,8,23,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.quick-contact-drawer{position:relative;width:min(500px,100%);height:100%;overflow:auto;padding:52px 42px 36px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:-30px 0 80px rgba(2,8,23,.28);animation:wwbs-drawer-in .24s ease both}
@keyframes wwbs-drawer-in{from{transform:translateX(30px);opacity:.65}to{transform:none;opacity:1}}
.quick-contact-drawer h2{margin:.55rem 0 .7rem;color:#0f172a;font-size:clamp(1.8rem,4vw,2.45rem);line-height:1.08;letter-spacing:-.035em}
.quick-contact-drawer>p{margin:0 0 24px;color:#475569;line-height:1.65}
.quick-contact-close{position:absolute;right:18px;top:18px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #dbe3ef;border-radius:12px;background:#fff;color:#0f172a;cursor:pointer}
.quick-contact-close:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
.quick-contact-close svg{width:21px;height:21px}
.quick-contact-form{display:grid;gap:15px}
.quick-contact-form label{display:grid;gap:7px}
.quick-contact-form label>span{font-weight:750;color:#172033;font-size:.92rem}
.quick-contact-form input,.quick-contact-form select,.quick-contact-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#0f172a;padding:12px 13px;font:inherit;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.quick-contact-form textarea{min-height:135px;resize:vertical}
.quick-contact-form input:focus,.quick-contact-form select:focus,.quick-contact-form textarea:focus{outline:3px solid rgba(37,99,235,.15);border-color:#2563eb}
.quick-contact-form .btn{width:100%;justify-content:center;margin-top:2px}
.quick-contact-privacy{margin:0;color:#64748b;font-size:.82rem;line-height:1.55}
.quick-contact-privacy a,.quick-contact-full{color:#1d4ed8;text-decoration:underline;text-underline-offset:3px}
.quick-contact-full{justify-self:center;font-weight:750;font-size:.9rem}
.quick-contact-status{margin:0 0 18px;padding:13px 15px;border-radius:12px;font-weight:700;font-size:.9rem}
.quick-contact-status.success{background:#ecfdf3;border:1px solid #abefc6;color:#067647}
.quick-contact-status.error{background:#fef3f2;border:1px solid #fecdca;color:#b42318}
body.wwbs-contact-open{overflow:hidden}
@media (max-width:620px){
  .quick-contact-trigger{right:16px;bottom:76px;min-height:46px;padding:0 14px;border-radius:14px}
  .quick-contact-trigger span{font-size:.9rem}
  .quick-contact-drawer{padding:50px 20px 28px}
  .quick-contact-close{right:14px;top:14px}
}
@media (prefers-reduced-motion:reduce){
  .quick-contact-drawer{animation:none}
  .quick-contact-trigger,.wwbs-v9 .footer-social a{transition:none}
}


/* v10: service architecture, dropdown navigation, reputation and package modules */
.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.module-card{position:relative;min-height:300px;padding:34px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-soft);overflow:hidden}.module-card h3{margin:36px 0 12px;font-size:1.42rem;letter-spacing:-.025em}.module-card p{margin:0 0 18px;color:var(--text)}.module-number{position:absolute;right:25px;top:20px;font-size:3.4rem;line-height:1;font-weight:850;letter-spacing:-.08em;color:#e8effb}.module-card-dark{color:#fff;background:linear-gradient(145deg,#07111f,#123a78);border-color:#1d4f92}.module-card-dark p,.module-card-dark .offer-list{color:#cbd5e1}.module-card-dark .module-number{color:rgba(255,255,255,.10)}.module-card-dark .text-link{color:#93c5fd}
.offer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.offer-card{display:flex;flex-direction:column;min-height:470px;padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-soft)}.offer-card.featured{color:#fff;background:linear-gradient(150deg,#07111f,#174f9b);border-color:#235fae;transform:translateY(-8px);box-shadow:0 26px 64px rgba(10,39,84,.22)}.offer-card.featured p,.offer-card.featured .offer-list{color:#d7e5f8}.offer-card h3{font-size:1.35rem;line-height:1.25;margin:12px 0}.offer-card p{color:var(--text);margin:0 0 20px}.offer-kicker{font-size:.74rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}.offer-card.featured .offer-kicker{color:#93c5fd}.offer-list{display:grid;gap:9px;margin:0 0 26px;padding:0;list-style:none;color:var(--text)}.offer-list li{position:relative;padding-left:22px}.offer-list li:before{content:"";position:absolute;left:0;top:.65em;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(37,99,235,.1)}.offer-card .btn{margin-top:auto;align-self:stretch}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.metric-card{padding:27px;border-top:3px solid var(--blue);border-radius:16px;background:#f8fafc}.metric-card>strong{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--blue)}.metric-card h3{font-size:1.18rem;margin:10px 0}.metric-card p{margin:0;color:var(--text)}
.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.policy-card{padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbff)}.policy-card>strong{display:inline-flex;padding:6px 11px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.policy-card h3{margin:18px 0 10px}.policy-card p{margin:0;color:var(--text)}
.testimonials{background:linear-gradient(180deg,#f7f9fc,#eef4fb)}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-card{display:flex;flex-direction:column;min-height:280px;margin:0;padding:30px;border:1px solid #dfe7f2;border-radius:20px;background:#fff;box-shadow:var(--shadow-soft)}.testimonial-stars{color:#d6ad3b;letter-spacing:.12em;margin-bottom:18px}.testimonial-card blockquote{margin:0 0 24px;font-size:1.06rem;line-height:1.72;color:#25334a}.testimonial-person{margin-top:auto;border-top:1px solid var(--line);padding-top:18px}.testimonial-person strong,.testimonial-person span{display:block}.testimonial-person span{color:var(--muted);font-size:.92rem}.wwbs-testimonial-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.wwbs-testimonial-admin{padding:16px;border:1px solid #dcdcde;border-radius:8px}.wwbs-testimonial-admin label{display:block;margin:10px 0}.wwbs-testimonial-admin input,.wwbs-testimonial-admin textarea{width:100%}
@media (max-width:1100px){.offer-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}.offer-card.featured{transform:none}.testimonial-grid{grid-template-columns:1fr 1fr}}
@media (max-width:820px){.module-grid,.policy-grid{grid-template-columns:1fr}.wwbs-testimonial-admin-grid{grid-template-columns:1fr}.testimonial-grid{grid-template-columns:1fr}}
@media (max-width:620px){.offer-grid,.metric-grid{grid-template-columns:1fr}.module-card{min-height:0;padding:26px}.offer-card{min-height:0}.module-card h3{margin-top:30px}}


/* =========================================================
   WWBS Digital Launch Kit v10 — service expansion
   ========================================================= */
.wwbs-v10 .nav-wrap{position:relative}
.nav-has-submenu{position:relative}
.nav-submenu-toggle{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:690;cursor:pointer;opacity:.88}
.nav-submenu-toggle svg{width:16px;height:16px;transition:transform .2s ease}
.nav-has-submenu:hover .nav-submenu-toggle,.nav-has-submenu.is-active .nav-submenu-toggle,.nav-has-submenu.open .nav-submenu-toggle{opacity:1}
.nav-has-submenu.is-active .nav-submenu-toggle:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:#60a5fa}
.nav-submenu{position:absolute;left:50%;top:calc(100% + 22px);width:410px;padding:12px;border:1px solid rgba(147,197,253,.18);border-radius:18px;background:rgba(5,13,28,.98);box-shadow:0 28px 70px rgba(0,0,0,.36);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translate(-50%,10px);transition:.2s ease;display:grid;grid-template-columns:1fr 1fr;gap:5px}
.nav-has-submenu:hover .nav-submenu,.nav-has-submenu:focus-within .nav-submenu,.nav-has-submenu.open .nav-submenu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav-submenu a{display:block;padding:12px 13px;border-radius:12px!important;opacity:1!important}
.nav-submenu a:after{display:none!important}
.nav-submenu a:hover,.nav-submenu a[aria-current="page"]{background:rgba(37,99,235,.16)}
.nav-submenu strong{display:block;color:#fff;font-size:.9rem;line-height:1.2;margin-bottom:4px}
.nav-submenu span{display:block;color:#9fb5d4;font-size:.75rem;line-height:1.35;font-weight:500}

.inline-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:30px}
.local-growth{overflow:hidden;background:#06101f;color:#fff}
.local-growth:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(96,165,250,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.045) 1px,transparent 1px),radial-gradient(circle at 80% 30%,rgba(37,99,235,.3),transparent 34%);background-size:44px 44px,44px 44px,auto}
.local-growth-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}
.local-growth-copy h2{font-size:clamp(2.25rem,4vw,3.45rem);line-height:1.08;letter-spacing:-.045em;margin:14px 0 22px}.local-growth-copy>p{color:#cbd5e1;font-size:1.07rem}
.local-growth .eyebrow{color:#93c5fd}.local-growth .eyebrow:before{background:#60a5fa}
.local-growth-links{display:grid;gap:10px;margin-top:30px}.local-growth-links a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:15px 16px;border:1px solid rgba(147,197,253,.16);border-radius:15px;background:rgba(255,255,255,.045);transition:.2s ease}.local-growth-links a:hover{background:rgba(37,99,235,.13);border-color:rgba(147,197,253,.35);transform:translateX(4px)}.local-growth-links a>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(37,99,235,.22);color:#93c5fd;font-weight:800}.local-growth-links strong{display:block}.local-growth-links small{display:block;color:#9fb5d4;line-height:1.35;margin-top:3px}.local-growth-links b{color:#93c5fd;font-size:1.2rem}
.growth-visual{position:relative;min-height:520px}.growth-map{position:absolute;inset:0;border:1px solid rgba(147,197,253,.2);border-radius:50%;overflow:hidden;background:radial-gradient(circle at center,rgba(37,99,235,.19),rgba(7,20,38,.35) 45%,rgba(3,9,20,.85));box-shadow:0 35px 80px rgba(0,0,0,.3)}.g-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(96,165,250,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.07) 1px,transparent 1px);background-size:36px 36px;transform:rotate(12deg) scale(1.2)}.g-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(147,197,253,.22);border-radius:50%;transform:translate(-50%,-50%)}.g-orbit-one{width:270px;height:270px}.g-orbit-two{width:410px;height:410px}.g-pin{position:absolute;left:50%;top:46%;width:68px;height:68px;border-radius:50% 50% 50% 8px;background:#2563eb;transform:translate(-50%,-50%) rotate(-45deg);box-shadow:0 0 0 14px rgba(37,99,235,.13),0 0 55px rgba(37,99,235,.65)}.g-pin b{position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;left:23px;top:23px}.g-node{position:absolute;width:14px;height:14px;border-radius:50%;background:#60a5fa;box-shadow:0 0 0 8px rgba(96,165,250,.1),0 0 28px rgba(96,165,250,.8)}.g-node.n1{left:20%;top:32%}.g-node.n2{right:20%;top:26%}.g-node.n3{right:25%;bottom:23%}.growth-card{position:absolute;left:5%;right:5%;bottom:3%;padding:22px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(5,16,34,.78);backdrop-filter:blur(16px);box-shadow:0 24px 60px rgba(0,0,0,.32)}.growth-card>div{display:flex;justify-content:space-between;gap:15px;margin-bottom:16px}.growth-card>div span{color:#93c5fd}.growth-card ul{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;margin:0;padding:0}.growth-card li{padding:10px;border-radius:10px;background:rgba(255,255,255,.06);color:#cbd5e1;font-size:.84rem}.growth-card b{display:block;color:#fff;margin-top:4px}

.local-profile-intro{background:linear-gradient(180deg,#fff,#f8fbff)}.local-profile-grid{align-items:center}.local-dashboard{position:relative;min-height:520px;border-radius:28px;overflow:hidden;background:linear-gradient(145deg,#06101f,#123d84);box-shadow:var(--shadow)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(96,165,250,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.08) 1px,transparent 1px);background-size:38px 38px}.map-ring{position:absolute;border:1px solid rgba(147,197,253,.28);border-radius:50%;left:50%;top:45%;transform:translate(-50%,-50%)}.ring-one{width:240px;height:240px}.ring-two{width:390px;height:390px}.map-pin{position:absolute;width:18px;height:18px;border-radius:50%;background:#60a5fa;box-shadow:0 0 0 9px rgba(96,165,250,.12),0 0 28px rgba(96,165,250,.8)}.pin-main{left:50%;top:42%;width:30px;height:30px;background:#d6ad3b;box-shadow:0 0 0 12px rgba(214,173,59,.13),0 0 34px rgba(214,173,59,.8)}.pin-two{left:24%;top:28%}.pin-three{right:22%;top:31%}.profile-card{position:absolute;left:28px;right:28px;bottom:28px;padding:23px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(4,14,31,.84);backdrop-filter:blur(16px);color:#fff}.profile-card-head{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center}.profile-logo{width:44px;height:44px;border-radius:13px;background:#2563eb;display:grid;place-items:center;font-weight:850}.profile-card-head small{display:block;color:#9fb5d4}.status-dot{font-size:.74rem;color:#bbf7d0;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.28);padding:5px 8px;border-radius:99px}.profile-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.profile-metrics div{padding:10px;border-radius:10px;background:rgba(255,255,255,.06)}.profile-metrics strong,.profile-metrics span{display:block}.profile-metrics span{color:#9fb5d4;font-size:.76rem}.profile-progress{height:8px;background:rgba(255,255,255,.09);border-radius:99px;overflow:hidden}.profile-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#60a5fa,#d6ad3b)}
.service-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.detail-card{position:relative;padding:29px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-soft)}.detail-card>span{display:inline-flex;color:var(--blue);font-size:.78rem;font-weight:850;letter-spacing:.08em;margin-bottom:18px}.detail-card h3{margin:0 0 10px;font-size:1.22rem}.detail-card p{color:var(--text)}.detail-card ul{margin:18px 0 0;padding:16px 0 0 18px;border-top:1px solid var(--line);color:var(--text);font-size:.92rem}.detail-card li+li{margin-top:6px}.local-factors{background:#07101f;color:#fff}.local-factors .section-head p{color:#cbd5e1}.local-factors .eyebrow{color:#93c5fd}.local-factors .eyebrow:before{background:#60a5fa}.factor-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:36px 0}.factor-row article{padding:25px;border:1px solid rgba(147,197,253,.16);border-radius:16px;background:rgba(255,255,255,.045)}.factor-row strong,.factor-row span{display:block}.factor-row strong{font-size:1.2rem;margin-bottom:7px}.factor-row span{color:#aebed3}.trademark-note{padding:20px 0;background:#f8fafc;border-top:1px solid var(--line)}.trademark-note p{margin:0;color:#64748b;font-size:.78rem;text-align:center}

.reputation-intro{align-items:center}.reputation-console{padding:30px;border-radius:26px;background:linear-gradient(145deg,#07101f,#123d84);color:#fff;box-shadow:var(--shadow)}.rep-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:18px}.rep-header i{font-style:normal;font-size:.75rem;color:#bbf7d0;border:1px solid rgba(34,197,94,.25);background:rgba(34,197,94,.1);padding:5px 8px;border-radius:99px}.rep-flow{padding:24px 0}.rep-step{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid rgba(147,197,253,.16);border-radius:14px;background:rgba(255,255,255,.045)}.rep-step b{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#2563eb}.rep-step strong,.rep-step span{display:block}.rep-step span{color:#9fb5d4;font-size:.82rem}.rep-line{width:2px;height:22px;background:linear-gradient(#60a5fa,rgba(96,165,250,.15));margin-left:31px}.rep-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rep-summary div{padding:11px;border-radius:10px;background:rgba(255,255,255,.06);font-size:.75rem;color:#cbd5e1}.rep-summary strong{display:block;color:#86efac;font-size:1rem;margin-top:4px}.ethics-section{background:#fff8e2}.ethics-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.ethics-list{display:grid;gap:12px}.ethics-list div{padding:20px;border:1px solid #f0d98b;border-radius:15px;background:#fff}.ethics-list strong,.ethics-list span{display:block}.ethics-list span{color:var(--text);margin-top:5px}

.maintenance-board{padding:32px;border-radius:28px;background:linear-gradient(145deg,#06101f,#123d84);color:#fff;box-shadow:var(--shadow)}.maint-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.14)}.maint-top strong{font-size:.8rem;color:#bbf7d0}.maint-top i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12);margin-right:7px}.maint-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.maint-metrics div{padding:18px;border:1px solid rgba(147,197,253,.15);border-radius:14px;background:rgba(255,255,255,.045)}.maint-metrics span,.maint-metrics b{display:block}.maint-metrics span{color:#9fb5d4;font-size:.8rem}.maint-metrics b{margin-top:5px}.maint-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.maint-timeline span{height:8px;border-radius:99px;background:#2563eb}.maint-timeline span:nth-child(2),.maint-timeline span:nth-child(4){background:#60a5fa}.maint-timeline span:last-child{background:#d6ad3b}.model-list{display:grid;gap:12px}.model-list div{padding:20px;border-left:3px solid #2563eb;background:#f8fafc;border-radius:0 14px 14px 0}.model-list strong,.model-list span{display:block}.model-list span{color:var(--text);margin-top:5px}

.local-specialists{background:#07101f;color:#fff}.local-specialists .section-head p{color:#cbd5e1}.local-specialists .eyebrow{color:#93c5fd}.local-specialists .eyebrow:before{background:#60a5fa}.specialist-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.specialist-row.two{grid-template-columns:repeat(2,1fr);max-width:940px;margin-inline:auto}.specialist-card{display:flex;flex-direction:column;min-height:270px;padding:26px;border:1px solid rgba(147,197,253,.16);border-radius:18px;background:rgba(255,255,255,.045);transition:.22s ease}.specialist-card:hover{transform:translateY(-4px);border-color:rgba(147,197,253,.4);background:rgba(37,99,235,.12)}.specialist-index{color:#93c5fd;font-size:.78rem;font-weight:850}.specialist-card h3{font-size:1.25rem;margin:18px 0 8px}.specialist-card p{color:#b8c7db}.specialist-card b{margin-top:auto;color:#93c5fd;font-size:.9rem}.goal-solutions{background:#f7f8fa}.goal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.goal-grid article{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff}.goal-grid article>span{color:#2563eb;font-weight:850;font-size:.78rem}.goal-grid h3{margin:12px 0 8px}.goal-grid p{color:var(--text)}.collaboration-models{background:#fff}

.human-ai{background:linear-gradient(180deg,#fff,#f6f9ff)}.approval-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center}.approval-node{min-height:150px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center}.approval-node span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;margin:0 auto 10px;background:#eff6ff;color:#2563eb;font-weight:850}.approval-node strong,.approval-node small{display:block}.approval-node small{color:var(--text);margin-top:5px}.approval-node.human{border-color:#e8cd6a;background:#fff9de}.approval-node.human span{background:#fceca8;color:#785b00}.approval-arrow{color:#94a3b8;font-size:1.3rem}

.faq-page{background:#f7f8fa}.faq-category+.faq-category{margin-top:70px}.faq-category-head{display:grid;grid-template-columns:62px 1fr;gap:18px;align-items:start;max-width:900px;margin:0 auto 24px}.faq-category-head>span{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#0f2d62;color:#fff;font-weight:850}.faq-category-head h2{margin:0;font-size:clamp(1.65rem,3vw,2.2rem)}.faq-category-head p{margin:4px 0 0;color:var(--text)}.faq-more{text-align:center;margin:26px 0 0}

@media (max-width:1100px){
  .nav-submenu{left:auto;right:-80px;transform:translateY(10px)}.nav-has-submenu:hover .nav-submenu,.nav-has-submenu:focus-within .nav-submenu,.nav-has-submenu.open .nav-submenu{transform:none}
  .local-growth-grid{gap:48px}.service-detail-grid{grid-template-columns:repeat(2,1fr)}.approval-flow{grid-template-columns:1fr 1fr}.approval-arrow{display:none}
}
@media (max-width:820px){
  .nav-has-submenu{width:100%}.nav-submenu-toggle{width:100%;justify-content:space-between;padding:12px 0;color:#fff;font-size:1.02rem}.nav-has-submenu.is-active .nav-submenu-toggle:after{display:none}.nav-submenu{position:static;width:100%;padding:0 0 8px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;opacity:1;visibility:visible;transform:none;display:none;grid-template-columns:1fr}.nav-has-submenu.open .nav-submenu{display:grid}.nav-submenu a{padding:10px 12px!important;background:rgba(255,255,255,.035)}.nav-submenu span{font-size:.73rem}.nav-submenu-toggle svg{transition:.2s}.nav-has-submenu.open .nav-submenu-toggle svg{transform:rotate(180deg)}
  .local-growth-grid,.ethics-grid{grid-template-columns:1fr}.growth-visual{min-height:470px}.service-detail-grid,.specialist-row,.specialist-row.two,.factor-row{grid-template-columns:1fr 1fr}.rep-summary{grid-template-columns:1fr}.approval-flow{grid-template-columns:1fr 1fr}.goal-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .local-growth-grid{gap:44px}.local-growth-links a{grid-template-columns:38px 1fr auto;padding:13px}.local-growth-links small{font-size:.77rem}.growth-visual{min-height:390px}.growth-card{left:12px;right:12px;bottom:12px;padding:16px}.growth-card>div{display:block}.growth-card ul{grid-template-columns:1fr 1fr 1fr}.growth-card li{font-size:.68rem;padding:8px}.growth-map{border-radius:28px}
  .local-dashboard{min-height:430px}.profile-card{left:15px;right:15px;bottom:15px;padding:17px}.profile-card-head{grid-template-columns:auto 1fr}.status-dot{grid-column:1/-1;width:max-content}.profile-metrics{grid-template-columns:1fr}.service-detail-grid,.specialist-row,.specialist-row.two,.factor-row,.goal-grid{grid-template-columns:1fr}.detail-card{padding:24px}.ethics-grid{gap:35px}.maint-metrics{grid-template-columns:1fr}.approval-flow{grid-template-columns:1fr}.approval-node{min-height:120px}.faq-category-head{grid-template-columns:48px 1fr}.faq-category-head>span{width:44px;height:44px;border-radius:13px}.inline-actions{align-items:flex-start;flex-direction:column}
}

.page-hero h1{overflow-wrap:anywhere;hyphens:auto}

/* v10.0.1: lange deutsche Überschriften auf schmalen Displays sicher umbrechen */
@media (max-width:620px){
  .section-head h2,.cta-copy h2,.split h2,.ethics-grid h2,.faq-category-head h2{overflow-wrap:anywhere;hyphens:auto}
}


/* =========================================================
   WWBS Digital Launch Kit v11 — responsive clarity & content depth
   ========================================================= */
.wwbs-v11{font-synthesis:none}.wwbs-v11 img{image-rendering:auto}.wwbs-v11 .hero{
  background-image:var(--wwbs-hero-image,image-set(url('../img/hero-night-wwbs-wide.webp') type('image/webp'),url('../img/hero-night-wwbs-wide.jpg') type('image/jpeg')));
  background-position:center center;
}
.wwbs-v11 .impact{
  background-image:var(--wwbs-server-image,image-set(url('../img/server-room-wwbs-wide.webp') type('image/webp'),url('../img/server-room-wwbs-wide.jpg') type('image/jpeg')));
  background-position:center center;
}
.wwbs-v11 .page-hero .container{max-width:1240px}.wwbs-v11 .page-hero p{max-width:780px}.wwbs-v11 .section-head p{max-width:760px;margin-inline:auto}.wwbs-v11 .section-head.left p{margin-inline:0}

/* Compact audience signal below the hero */
.audience-band{background:#07101f;color:#cbd5e1;border-top:1px solid rgba(147,197,253,.12);border-bottom:1px solid rgba(147,197,253,.12)}
.audience-row{min-height:84px;display:flex;align-items:center;gap:34px}.audience-row>strong{color:#93c5fd;text-transform:uppercase;letter-spacing:.11em;font-size:.76rem;white-space:nowrap}.audience-row ul{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;list-style:none;margin:0;padding:0}.audience-row li{position:relative;font-weight:650}.audience-row li+li:before{content:"";position:absolute;left:-16px;top:50%;width:4px;height:4px;border-radius:50%;background:#d6ad3b}

/* Reusable deeper content systems */
.outcome-section,.metric-section,.case-standard,.principles-section,.fit-section,.next-steps-section{background:#fff}.outcome-grid,.metric-grid,.case-grid,.principle-grid,.next-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.metric-grid,.case-grid,.principle-grid{grid-template-columns:repeat(4,1fr)}
.outcome-card,.metric-grid article,.case-grid article,.principle-grid article,.next-step-grid article{position:relative;padding:29px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-soft);overflow:hidden}.outcome-card>span,.metric-grid article>span,.case-grid article>span,.principle-grid article>span,.next-step-grid article>span{display:inline-flex;margin-bottom:20px;color:#2563eb;font-size:.78rem;font-weight:850;letter-spacing:.1em}.outcome-card h3,.metric-grid h3,.case-grid h3,.principle-grid h3,.next-step-grid h3{margin:0 0 9px;font-size:1.22rem}.outcome-card p,.metric-grid p,.case-grid p,.principle-grid p,.next-step-grid p{margin:0;color:var(--text)}
.outcome-card:after,.metric-grid article:after,.case-grid article:after,.principle-grid article:after,.next-step-grid article:after{content:"";position:absolute;right:-55px;bottom:-70px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.09),transparent 70%)}

.quality-section,.reliability-section{background:#07101f;color:#fff}.quality-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:start}.quality-layout>div:first-child{position:sticky;top:120px}.quality-layout h2{font-size:clamp(2.15rem,4vw,3.2rem);line-height:1.1;letter-spacing:-.04em;margin:12px 0 18px}.quality-layout>div:first-child p{color:#b8c7db}.quality-section .eyebrow,.reliability-section .eyebrow{color:#93c5fd}.quality-section .eyebrow:before,.reliability-section .eyebrow:before{background:#60a5fa}.quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.quality-item{padding:22px;border:1px solid rgba(147,197,253,.16);border-radius:16px;background:rgba(255,255,255,.045)}.quality-item b,.quality-item span{display:block}.quality-item b{color:#fff;margin-bottom:6px}.quality-item span{color:#b8c7db;font-size:.93rem;line-height:1.65}
.reliability-section .quality-grid{grid-template-columns:repeat(3,1fr)}

.related-services{background:#f7f8fa}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.related-card{display:flex;flex-direction:column;min-height:245px;padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-soft);transition:.24s ease}.related-card:hover{transform:translateY(-4px);border-color:#bfdbfe;box-shadow:var(--shadow)}.related-card>span{color:#2563eb;font-size:.76rem;font-weight:850;letter-spacing:.1em}.related-card strong{font-size:1.25rem;margin:20px 0 8px}.related-card small{color:var(--text);font-size:.94rem;line-height:1.65}.related-card b{margin-top:auto;padding-top:20px;color:#2563eb;font-size:.92rem}

.evidence-section,.promise-section,.preparation-section{background:#f7f8fa}.dual-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.dual-panel h2{font-size:clamp(2.15rem,4vw,3.1rem);line-height:1.12;letter-spacing:-.04em;margin:12px 0 18px}.dual-panel p{color:var(--text)}.evidence-list{display:grid;gap:12px}.evidence-list>div{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:center;padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:#fff}.evidence-list b{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eff6ff;color:#2563eb}.evidence-list span{font-weight:650}

.promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.promise-panel{padding:32px;border-radius:22px;border:1px solid var(--line);background:#fff}.promise-panel.positive{border-top:4px solid #2563eb}.promise-panel.neutral{border-top:4px solid #d6ad3b}.promise-panel h3{margin:0 0 20px;font-size:1.35rem}.promise-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:13px}.promise-panel li{position:relative;padding-left:27px;color:var(--text)}.promise-panel li:before{content:"✓";position:absolute;left:0;color:#2563eb;font-weight:850}.promise-panel.neutral li:before{content:"—";color:#9a7414}
.fit-grid,.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.fit-grid article,.model-grid article{padding:29px;border-radius:20px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-soft)}.fit-grid h3,.model-grid h3{margin:0 0 10px;font-size:1.23rem}.fit-grid p,.model-grid p{margin:0;color:var(--text)}
.care-models{background:#fff}.model-grid article>span{display:inline-flex;color:#2563eb;font-size:.78rem;font-weight:850;letter-spacing:.1em;margin-bottom:18px}

/* Large displays: wider composition without stretching text */
@media (min-width:1600px){
  .wwbs-v11{--container:1320px}.wwbs-v11 .section{padding:118px 0}.wwbs-v11 .hero{min-height:900px}.wwbs-v11 .hero-content{max-width:820px}.wwbs-v11 .hero h1{font-size:6rem}.wwbs-v11 .project{gap:82px}.wwbs-v11 .service-grid{gap:28px}.wwbs-v11 .section-head{margin-bottom:58px}
}
@media (min-width:2100px){.wwbs-v11{--container:1400px}.wwbs-v11 .hero{min-height:940px}.wwbs-v11 .hero-content{max-width:880px}}

@media (max-width:1100px){
  .metric-grid,.case-grid,.principle-grid{grid-template-columns:repeat(2,1fr)}.quality-layout{grid-template-columns:1fr;gap:42px}.quality-layout>div:first-child{position:static;max-width:760px}.reliability-section .quality-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:820px){
  .outcome-grid,.next-step-grid,.related-grid,.fit-grid,.model-grid{grid-template-columns:1fr 1fr}.dual-panel{grid-template-columns:1fr;gap:38px}.audience-row{align-items:flex-start;flex-direction:column;gap:13px;padding:22px 0}.audience-row ul{gap:9px 24px}.wwbs-v11 .hero{background-image:var(--wwbs-hero-mobile-image,image-set(url('../img/hero-night-wwbs-mobile.webp') type('image/webp'),url('../img/hero-night-wwbs-mobile.jpg') type('image/jpeg')));background-position:center center}.wwbs-v11 .impact{background-image:var(--wwbs-server-mobile-image,image-set(url('../img/server-room-wwbs-mobile.webp') type('image/webp'),url('../img/server-room-wwbs-mobile.jpg') type('image/jpeg')))}
}
@media (max-width:620px){
  .outcome-grid,.metric-grid,.case-grid,.principle-grid,.next-step-grid,.related-grid,.fit-grid,.model-grid,.promise-grid,.quality-grid,.reliability-section .quality-grid{grid-template-columns:1fr}.outcome-card,.metric-grid article,.case-grid article,.principle-grid article,.next-step-grid article,.related-card,.fit-grid article,.model-grid article{padding:24px}.related-card{min-height:220px}.quality-layout{gap:32px}.quality-item{padding:19px}.dual-panel{gap:30px}.evidence-list>div{grid-template-columns:34px 1fr;padding:15px}.audience-row li+li:before{display:none}.audience-row ul{display:grid;grid-template-columns:1fr;gap:7px}.audience-row{min-height:auto}.wwbs-v11 .page-hero{padding-top:132px}.wwbs-v11 .page-hero h1{font-size:clamp(2.45rem,12vw,3.25rem)}
}


/* =========================================================
   WWBS Digital Launch Kit v12 — interactive proof & motion system
   ========================================================= */
.wwbs-v12{--gold:#d6ad3b;--navy-deep:#040a14}.scroll-progress{position:fixed;z-index:120;inset:0 0 auto;height:3px;pointer-events:none;background:transparent}.scroll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#2563eb,#60a5fa,#d6ad3b);box-shadow:0 0 18px rgba(96,165,250,.55)}
.wwbs-v12 .nav-submenu-insights{width:min(620px,calc(100vw - 32px));grid-template-columns:repeat(2,1fr)}.wwbs-v12 .nav-insights .nav-submenu{left:50%;transform:translateX(-50%) translateY(10px)}.wwbs-v12 .nav-insights.open .nav-submenu,.wwbs-v12 .nav-insights:hover .nav-submenu,.wwbs-v12 .nav-insights:focus-within .nav-submenu{transform:translateX(-50%) translateY(0)}
.wwbs-v12 .footer-grid-v12{grid-template-columns:1.35fr repeat(4,.9fr)}

/* Hero ambient system graphic */
.wwbs-v12 .hero .container{position:relative}.hero-signal{position:absolute;z-index:2;right:0;bottom:65px;width:300px;height:300px;pointer-events:none}.signal-ring{position:absolute;border:1px solid rgba(147,197,253,.18);border-radius:50%;inset:20px}.signal-ring.ring-two{inset:60px;border-color:rgba(214,173,59,.22)}.signal-path{position:absolute;height:1px;transform-origin:left center;background:linear-gradient(90deg,rgba(96,165,250,0),#60a5fa,rgba(96,165,250,0))}.path-one{width:215px;left:35px;top:108px;transform:rotate(24deg)}.path-two{width:180px;left:70px;top:205px;transform:rotate(-33deg)}.signal-node{position:absolute;width:9px;height:9px;border-radius:50%;background:#93c5fd;box-shadow:0 0 0 7px rgba(96,165,250,.12),0 0 22px #60a5fa}.node-one{left:48px;top:78px}.node-two{right:55px;top:125px}.node-three{left:110px;bottom:42px;background:#d6ad3b;box-shadow:0 0 0 7px rgba(214,173,59,.12),0 0 22px rgba(214,173,59,.8)}.signal-card{position:absolute;right:0;bottom:0;width:235px;padding:18px 19px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(4,10,20,.62);backdrop-filter:blur(16px);box-shadow:0 24px 65px rgba(0,0,0,.32);color:#fff}.signal-card small,.signal-card strong,.signal-card>span{display:block}.signal-card small{color:#93c5fd;text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:.66rem}.signal-card strong{margin:7px 0 9px;font-size:.94rem}.signal-card>span{font-size:.76rem;color:#cbd5e1}.signal-card>span i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#34d399;box-shadow:0 0 12px #34d399}

/* Home demo showcase */
.interactive-showcase{position:relative;overflow:hidden;background:#07101f;color:#fff}.interactive-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 42%,rgba(37,99,235,.24),transparent 34%),linear-gradient(120deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,34px 34px}.showcase-layout{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:78px;align-items:center}.showcase-copy h2{font-size:clamp(2.25rem,4.6vw,3.65rem);line-height:1.08;letter-spacing:-.045em;margin:12px 0 20px}.showcase-copy>p{color:#b8c7db;font-size:1.05rem}.interactive-showcase .eyebrow{color:#93c5fd}.interactive-showcase .eyebrow:before{background:#60a5fa}.showcase-points{display:grid;gap:12px;margin:30px 0}.showcase-points>div{display:grid;grid-template-columns:36px 1fr;gap:13px;align-items:center;color:#dbeafe}.showcase-points b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(96,165,250,.12);color:#93c5fd;font-size:.74rem}.showcase-window{display:block;border:1px solid rgba(147,197,253,.22);border-radius:24px;background:#08162a;box-shadow:0 42px 100px rgba(0,0,0,.38);overflow:hidden;transform:perspective(1200px) rotateY(-4deg) rotateX(1deg);transition:.35s ease}.showcase-window:hover{transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-5px)}.showcase-window-bar{height:52px;display:flex;align-items:center;gap:8px;padding:0 17px;border-bottom:1px solid rgba(147,197,253,.12);background:#0b1b34}.showcase-window-bar i{width:9px;height:9px;border-radius:50%;background:#60a5fa}.showcase-window-bar i:nth-child(2){background:#d6ad3b}.showcase-window-bar i:nth-child(3){background:#34d399}.showcase-window-bar span{margin-left:10px;color:#93c5fd;font-size:.75rem;font-weight:750}.showcase-visual{position:relative;min-height:480px;padding:32px;overflow:hidden;background:linear-gradient(145deg,#06101f,#0d2d61)}.showcase-map{position:absolute;left:24px;top:28px;width:62%;height:68%;border-radius:20px;background:linear-gradient(115deg,rgba(37,99,235,.16),rgba(255,255,255,.025));border:1px solid rgba(96,165,250,.18);overflow:hidden}.showcase-map:before,.showcase-map:after{content:"";position:absolute;inset:-30% 15%;border:1px solid rgba(96,165,250,.22);transform:rotate(34deg)}.showcase-map:after{inset:10% -20%;transform:rotate(-22deg)}.showcase-map i{position:absolute;width:7px;height:7px;border-radius:50%;background:#60a5fa;box-shadow:0 0 18px #60a5fa}.showcase-map i:nth-of-type(1){left:18%;top:68%}.showcase-map i:nth-of-type(2){left:58%;top:31%}.showcase-map i:nth-of-type(3){right:13%;bottom:17%}.mini-pin{position:absolute;z-index:2;left:47%;top:38%;width:38px;height:38px;border-radius:50% 50% 50% 0;background:#2563eb;transform:rotate(-45deg);box-shadow:0 0 0 12px rgba(37,99,235,.13)}.mini-pin:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}.showcase-panel{position:absolute;z-index:3;right:25px;top:92px;width:43%;padding:24px;border-radius:18px;background:rgba(255,255,255,.95);color:#0f172a;box-shadow:0 26px 60px rgba(0,0,0,.3)}.showcase-panel>span,.showcase-panel>strong,.showcase-panel>small{display:block}.showcase-panel>span{color:#2563eb;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.showcase-panel>strong{font-size:1.2rem;margin:7px 0 15px}.showcase-panel>div{height:8px;border-radius:99px;background:#dbeafe;overflow:hidden}.showcase-panel>div i{display:block;width:var(--w);height:100%;background:linear-gradient(90deg,#2563eb,#60a5fa)}.showcase-panel>small{margin-top:11px;color:#64748b}.showcase-flow{position:absolute;left:32px;right:32px;bottom:32px;display:flex;align-items:center;justify-content:center;gap:13px;padding:17px;border:1px solid rgba(147,197,253,.17);border-radius:14px;background:rgba(4,10,20,.55);color:#93c5fd;font-size:.7rem;letter-spacing:.07em}.showcase-flow span{color:#d6ad3b}

/* Demo page */
.demo-disclosure{background:#fff7db;border-bottom:1px solid #f3df9b}.disclosure-row{display:grid;grid-template-columns:190px 1fr;gap:25px;align-items:center;padding:22px 0}.disclosure-row strong{color:#7c5b06}.disclosure-row p{margin:0;color:#67561d}.demo-stage{background:#f7f8fa}.demo-shell{border:1px solid #d9e2ef;border-radius:26px;background:#07101f;box-shadow:0 32px 85px rgba(15,23,42,.17);overflow:hidden}.demo-toolbar{height:62px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#cbd5e1;border-bottom:1px solid rgba(147,197,253,.14);background:#0a1a31}.demo-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.demo-dot.red{background:#fb7185}.demo-dot.amber{background:#fbbf24}.demo-dot.green{background:#34d399}.demo-switch{display:flex;padding:4px;border-radius:12px;background:#06101f}.demo-switch button{border:0;border-radius:9px;padding:8px 16px;background:transparent;color:#93a4bb;font-weight:750;cursor:pointer}.demo-switch button.is-active{background:#2563eb;color:#fff}.demo-label{text-transform:uppercase;letter-spacing:.09em;font-size:.68rem;font-weight:800;color:#93c5fd}.profile-comparison{position:relative;min-height:650px;padding:48px;display:grid;place-items:center;overflow:hidden}.map-surface{position:absolute;inset:0;background:linear-gradient(135deg,#071426,#0c2c5b)}.map-surface:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(96,165,250,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.07) 1px,transparent 1px);background-size:54px 54px}.map-road{position:absolute;height:2px;background:rgba(147,197,253,.22);transform-origin:left center}.map-road.r1{width:85%;left:5%;top:30%;transform:rotate(19deg)}.map-road.r2{width:95%;left:1%;top:66%;transform:rotate(-13deg)}.map-road.r3{width:70%;left:24%;top:45%;transform:rotate(68deg)}.map-pin{position:absolute;left:26%;top:45%;width:52px;height:52px;border-radius:50% 50% 50% 0;background:#2563eb;transform:rotate(-45deg);box-shadow:0 0 0 18px rgba(37,99,235,.13)}.map-pin i{position:absolute;inset:15px;border-radius:50%;background:#fff}.map-pulse{position:absolute;left:calc(26% - 45px);top:calc(45% - 45px);width:142px;height:142px;border:1px solid rgba(96,165,250,.35);border-radius:50%}.profile-card{position:relative;z-index:2;width:min(560px,100%);margin-left:auto;border-radius:24px;background:#fff;box-shadow:0 35px 90px rgba(0,0,0,.38);overflow:hidden;color:#0f172a;transition:.3s ease}.profile-cover{height:96px;background:linear-gradient(115deg,#94a3b8,#cbd5e1)}.profile-card.is-after .profile-cover{background:linear-gradient(115deg,#0f3d87,#2563eb 55%,#60a5fa)}.profile-head{display:grid;grid-template-columns:72px 1fr;gap:17px;align-items:center;padding:0 26px;margin-top:-31px}.profile-logo{width:70px;height:70px;display:grid;place-items:center;border:5px solid #fff;border-radius:18px;background:#0f172a;color:#fff;font-size:1.8rem;font-weight:900}.profile-card.is-after .profile-logo{background:linear-gradient(145deg,#2563eb,#1d4ed8)}.profile-kicker{font-size:.68rem;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.profile-head h3{margin:4px 0 0;font-size:1.35rem}.profile-category{margin:0;color:#64748b}.profile-rating{display:flex;align-items:center;gap:12px;padding:20px 26px 4px}.profile-rating strong{font-size:1.3rem;color:#94a3b8}.profile-card.is-after .profile-rating strong{color:#eab308}.profile-progress{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center;padding:18px 26px}.profile-progress>span{font-size:.8rem;color:#64748b;font-weight:700}.profile-progress>div{grid-column:1/2;height:9px;border-radius:99px;background:#e2e8f0;overflow:hidden}.profile-progress>div i{display:block;width:38%;height:100%;background:#94a3b8;transition:.35s}.profile-progress b{grid-row:1/3;grid-column:2;font-size:1.25rem}.profile-checks{list-style:none;padding:0 26px;margin:0;display:grid;gap:0}.profile-checks li{position:relative;padding:13px 0 13px 27px;border-top:1px solid #eef2f7;color:#64748b}.profile-checks li:before{content:"!";position:absolute;left:0;top:13px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#f1f5f9;color:#64748b;font-size:.68rem;font-weight:900}.profile-card.is-after .profile-checks li{color:#334155}.profile-card.is-after .profile-checks li:before{content:"✓";background:#dcfce7;color:#15803d}.profile-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:21px 26px 26px}.profile-actions button{border:1px solid #dbe3ef;border-radius:10px;padding:10px;background:#fff;color:#2563eb;font-weight:750}.profile-card.is-after .profile-progress>div i{width:92%;background:linear-gradient(90deg,#2563eb,#60a5fa)}

/* Before after website demo */
.website-demo-section{background:#fff}.before-after{position:relative;max-width:1120px;height:650px;margin:auto;border:1px solid #dbe3ee;border-radius:26px;overflow:hidden;background:#0b1220;box-shadow:0 34px 90px rgba(15,23,42,.17)}.compare-frame{position:absolute;inset:0}.compare-before{width:var(--split);overflow:hidden;z-index:2;border-right:3px solid #fff}.mini-browser{position:absolute;inset:35px;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.32)}.mini-bar{height:46px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#e8eef5;color:#64748b;font-size:.72rem}.mini-bar i{width:8px;height:8px;border-radius:50%;background:#94a3b8}.mini-bar span{margin-left:10px}.modern-site{height:calc(100% - 46px);background:linear-gradient(135deg,#07101f,#123f88);color:#fff}.modern-nav{height:68px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;font-size:.8rem}.modern-nav b{font-size:1.3rem;color:#60a5fa}.modern-nav em{font-style:normal;padding:8px 13px;border-radius:8px;background:#2563eb}.modern-hero{padding:72px 55px}.modern-hero small{color:#93c5fd;text-transform:uppercase;letter-spacing:.11em;font-weight:800}.modern-hero h3{font-size:3rem;line-height:1;margin:16px 0}.modern-hero h3 span{color:#93c5fd}.modern-hero p{max-width:480px;color:#dbeafe}.modern-hero button{border:0;border-radius:9px;padding:12px 18px;background:#2563eb;color:#fff;font-weight:750}.modern-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:-5px 45px 0}.modern-cards i{height:90px;border-radius:13px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}.legacy-site{height:calc(100% - 46px);padding:25px;background:#f4f0d8;color:#000;font-family:"Times New Roman",serif}.legacy-site h3{text-align:center;color:#b91c1c;font-size:2.2rem}.legacy-site marquee{padding:7px;background:#1d4ed8;color:#fff}.legacy-cols{display:grid;grid-template-columns:150px 1fr;gap:20px;margin-top:25px}.legacy-cols nav{padding:15px;background:#c7d2fe;line-height:2}.legacy-cols h4{font-size:1.5rem;margin:0}.legacy-box{height:180px;margin-top:18px;border:5px ridge #94a3b8;background:linear-gradient(45deg,#d1d5db,#fff)}.compare-caption{position:absolute;z-index:5;top:18px;padding:7px 12px;border-radius:999px;color:#fff;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.compare-caption.before{left:20px;background:#b45309}.compare-caption.after{right:20px;background:#2563eb}.compare-range{position:absolute;z-index:8;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.compare-handle{position:absolute;z-index:7;left:var(--split);top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#2563eb;box-shadow:0 8px 30px rgba(0,0,0,.3);pointer-events:none}.compare-handle:before,.compare-handle:after{content:"";position:absolute;left:50%;width:3px;height:300px;background:#fff;transform:translateX(-50%)}.compare-handle:before{bottom:100%}.compare-handle:after{top:100%}.compare-handle span{font-size:1.2rem;font-weight:900}

/* Automation demo */
.automation-demo-section{background:#07101f;color:#fff}.automation-demo-section .eyebrow{color:#93c5fd}.automation-demo-section .eyebrow:before{background:#60a5fa}.automation-demo-section .section-head p{color:#b8c7db;margin-inline:0}.automation-lab{display:grid;grid-template-columns:310px 1fr;border:1px solid rgba(147,197,253,.18);border-radius:26px;overflow:hidden;background:#08162a;box-shadow:0 35px 90px rgba(0,0,0,.35)}.automation-controls{padding:32px;border-right:1px solid rgba(147,197,253,.14);background:#0a1b34}.lab-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(96,165,250,.12);color:#93c5fd;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.automation-controls h3{font-size:1.45rem;margin:19px 0 9px}.automation-controls p{color:#9fb0c6}.automation-step-list{display:grid;gap:9px;margin-top:25px}.automation-step-list button{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;text-align:left;padding:13px;border:1px solid rgba(147,197,253,.11);border-radius:12px;background:rgba(255,255,255,.025);color:#cbd5e1;cursor:pointer}.automation-step-list button span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#06101f;color:#93c5fd;font-size:.68rem;font-weight:850}.automation-step-list button.is-active{background:rgba(37,99,235,.18);border-color:rgba(96,165,250,.42);color:#fff}.automation-canvas{padding:32px;min-width:0}.flow-top{display:flex;justify-content:space-between;gap:20px;color:#93a4bb;font-size:.78rem}.flow-top b{color:#93c5fd}.workflow-nodes{display:grid;grid-template-columns:1fr 45px 1fr 45px 1fr 45px 1fr;align-items:center;margin:55px 0}.workflow-node{min-width:0;padding:19px;border:1px solid rgba(147,197,253,.13);border-radius:15px;background:rgba(255,255,255,.03);opacity:.55;transition:.25s}.workflow-node i{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#06101f;color:#93c5fd;font-size:.68rem;font-style:normal;font-weight:850}.workflow-node strong,.workflow-node small{display:block}.workflow-node strong{margin:13px 0 5px}.workflow-node small{color:#9fb0c6}.workflow-node.is-current,.workflow-node.is-done{opacity:1;border-color:rgba(96,165,250,.45);background:rgba(37,99,235,.12)}.workflow-node.is-done i{background:#059669;color:#fff}.workflow-line{height:2px;background:linear-gradient(90deg,rgba(96,165,250,.18),rgba(96,165,250,.7),rgba(96,165,250,.18))}.workflow-output{border:1px solid rgba(147,197,253,.16);border-radius:17px;background:#06101f;overflow:hidden}.output-head{padding:15px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(147,197,253,.11);color:#dbeafe}.output-head i{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 12px #34d399}.output-body{padding:21px;color:#b8c7db}.output-body p{margin:7px 0}.output-body b{color:#fff}

/* Knowledge */
.knowledge-intro{background:#f7f8fa}.checklist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.checklist-card{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-soft)}.checklist-card>span{color:#2563eb;font-size:.75rem;font-weight:850;letter-spacing:.1em}.checklist-card h3{font-size:1.28rem;margin:17px 0 8px}.checklist-card p{color:var(--text)}.checklist-card button{border:0;padding:0;background:none;cursor:pointer}.checklist-panel{margin-top:28px;border:1px solid #dbe3ee;border-radius:24px;background:#07101f;color:#fff;overflow:hidden;box-shadow:0 28px 70px rgba(15,23,42,.15)}.checklist-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px;border-bottom:1px solid rgba(147,197,253,.14)}.checklist-panel-head h3{margin:8px 0 0;font-size:1.5rem}.checklist-counter{padding:9px 13px;border-radius:999px;background:rgba(96,165,250,.1);color:#93c5fd;font-weight:750}.checklist-items{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(147,197,253,.12)}.checklist-item{display:flex;gap:13px;align-items:flex-start;padding:20px 24px;background:#09182d;cursor:pointer}.checklist-item input{margin-top:4px;accent-color:#2563eb;width:18px;height:18px}.checklist-item span{color:#dbeafe}.checklist-result{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 30px;background:#0a1b34}.checklist-result strong{font-size:1.05rem}.checklist-result p{margin:3px 0 0;color:#9fb0c6}.guide-section{background:#fff}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.guide-card{display:flex;flex-direction:column;padding:29px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-soft)}.guide-card>span{align-self:flex-start;padding:5px 9px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.guide-card h3{font-size:1.25rem;margin:18px 0 9px}.guide-card p{color:var(--text)}.guide-card ul{padding-left:20px;color:#475569}.guide-card a{margin-top:auto;padding-top:15px;color:#2563eb;font-weight:750}.glossary-section{background:#f7f8fa}

/* Solution finder */
.solution-finder-section{background:#07101f;color:#fff}.solution-finder-section .eyebrow{color:#93c5fd}.solution-finder-section .eyebrow:before{background:#60a5fa}.solution-finder-section .section-head p{color:#b8c7db}.solution-finder{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid rgba(147,197,253,.16);border-radius:26px;background:#08162a;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.28)}.finder-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(147,197,253,.12)}.finder-options button{min-height:170px;padding:25px;text-align:left;border:0;background:#09182d;color:#cbd5e1;cursor:pointer}.finder-options button span,.finder-options button strong,.finder-options button small{display:block}.finder-options button span{color:#60a5fa;font-size:.72rem;font-weight:850;letter-spacing:.1em}.finder-options button strong{margin:17px 0 7px;font-size:1.1rem;color:#fff}.finder-options button small{color:#93a4bb}.finder-options button.is-active{background:linear-gradient(145deg,rgba(37,99,235,.24),rgba(96,165,250,.08));box-shadow:inset 0 0 0 1px rgba(96,165,250,.35)}.finder-result{padding:42px;display:flex;flex-direction:column;justify-content:center}.finder-kicker{color:#93c5fd;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.finder-result h3{font-size:2rem;line-height:1.15;margin:13px 0}.finder-result p{color:#b8c7db}.finder-stack{display:flex;flex-wrap:wrap;gap:8px;margin:19px 0 28px}.finder-stack span{padding:7px 11px;border-radius:999px;background:rgba(96,165,250,.1);color:#dbeafe;font-size:.78rem}.finder-result .btn{align-self:flex-start}

@media (prefers-reduced-motion:no-preference) and (min-width:821px){
  .signal-ring.ring-one{animation:wwbsSpin 22s linear infinite}.signal-ring.ring-two{animation:wwbsSpin 16s linear reverse infinite}.signal-node{animation:wwbsPulse 2.8s ease-in-out infinite}.node-two{animation-delay:.8s}.node-three{animation-delay:1.5s}.map-pulse{animation:wwbsPulseRing 3s ease-out infinite}.showcase-panel>div i{animation:wwbsLoad 2.2s ease-in-out infinite alternate}.showcase-map i{animation:wwbsPulse 2.6s ease-in-out infinite}.showcase-map i:nth-of-type(2){animation-delay:.7s}.showcase-map i:nth-of-type(3){animation-delay:1.2s}
}
@keyframes wwbsSpin{to{transform:rotate(360deg)}}@keyframes wwbsPulse{50%{transform:scale(1.25);opacity:.75}}@keyframes wwbsPulseRing{0%{transform:scale(.7);opacity:.8}100%{transform:scale(1.25);opacity:0}}@keyframes wwbsLoad{from{filter:brightness(.85)}to{filter:brightness(1.25)}}

@media (max-width:1200px){.wwbs-v12 .footer-grid-v12{grid-template-columns:1.3fr repeat(2,1fr)}.footer-grid-v12 .footer-col:nth-last-child(-n+2){margin-top:12px}.showcase-layout{gap:50px}.hero-signal{right:10px}.workflow-nodes{grid-template-columns:1fr;gap:10px;margin:35px 0}.workflow-line{width:2px;height:24px;margin:auto}.automation-lab{grid-template-columns:280px 1fr}}
@media (max-width:900px){.wwbs-v12 .nav-insights .nav-submenu{transform:none}.wwbs-v12 .nav-insights.open .nav-submenu{transform:none}.showcase-layout{grid-template-columns:1fr}.showcase-window{transform:none}.hero-signal{display:none}.profile-comparison{padding:28px}.profile-card{margin:0}.automation-lab{grid-template-columns:1fr}.automation-controls{border-right:0;border-bottom:1px solid rgba(147,197,253,.14)}.automation-step-list{grid-template-columns:repeat(2,1fr)}.solution-finder{grid-template-columns:1fr}.checklist-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}.before-after{height:560px}.modern-hero{padding:55px 40px}.modern-hero h3{font-size:2.5rem}}
@media (max-width:820px){.wwbs-v12 .nav-submenu-insights{width:auto;grid-template-columns:1fr}.wwbs-v12 .footer-grid-v12{grid-template-columns:1fr 1fr}.showcase-visual{min-height:430px}.disclosure-row{grid-template-columns:1fr;gap:6px}.demo-toolbar{height:auto;padding:15px;flex-wrap:wrap}.profile-comparison{min-height:620px}.map-pin{left:17%}.checklist-items{grid-template-columns:1fr}.finder-options{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.wwbs-v12 .footer-grid-v12{grid-template-columns:1fr}.footer-grid-v12 .footer-col{margin-top:0}.showcase-visual{min-height:390px;padding:20px}.showcase-map{left:14px;top:18px;width:78%;height:60%}.showcase-panel{right:15px;top:112px;width:72%;padding:20px}.showcase-flow{left:17px;right:17px;bottom:20px;gap:7px;font-size:.58rem}.profile-comparison{min-height:650px;padding:18px}.profile-head{grid-template-columns:58px 1fr;padding:0 18px}.profile-logo{width:58px;height:58px}.profile-head h3{font-size:1.08rem}.profile-progress,.profile-checks,.profile-actions,.profile-rating{padding-left:18px;padding-right:18px}.profile-actions{grid-template-columns:1fr}.before-after{height:510px;border-radius:18px}.mini-browser{inset:16px}.modern-nav{padding:0 16px}.modern-nav span{display:none}.modern-hero{padding:38px 22px}.modern-hero h3{font-size:2rem}.modern-cards{margin:0 20px}.legacy-site{padding:14px}.legacy-site h3{font-size:1.5rem}.legacy-cols{grid-template-columns:90px 1fr;gap:10px;font-size:.75rem}.compare-handle{width:44px;height:44px}.automation-controls,.automation-canvas{padding:23px}.automation-step-list{grid-template-columns:1fr}.flow-top{flex-direction:column}.checklist-grid,.guide-grid{grid-template-columns:1fr}.checklist-panel-head,.checklist-result{align-items:flex-start;flex-direction:column}.checklist-panel-head,.checklist-result{padding:22px}.checklist-item{padding:18px}.finder-options{grid-template-columns:1fr}.finder-options button{min-height:130px}.finder-result{padding:28px}.finder-result h3{font-size:1.6rem}}
@media (prefers-reduced-motion:reduce){.signal-ring,.signal-node,.map-pulse,.showcase-map i,.showcase-panel>div i{animation:none!important}.showcase-window,.workflow-node,.profile-card,.profile-progress>div i{transition:none!important}}

/* =========================================================
   WWBS Digital v12.2 — Performance-first hero and rendering
   ========================================================= */
.wwbs-v12 .hero{
  min-height:860px;
  background-color:#030914;
  background-image:
    radial-gradient(circle at 78% 24%,rgba(37,99,235,.28),transparent 24%),
    radial-gradient(circle at 64% 74%,rgba(96,165,250,.12),transparent 22%),
    linear-gradient(rgba(96,165,250,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(96,165,250,.055) 1px,transparent 1px),
    linear-gradient(118deg,#020712 0%,#061329 54%,#071c3a 100%),
    var(--wwbs-hero-image,none);
  background-size:auto,auto,56px 56px,56px 56px,auto,cover;
  background-position:center,center,center,center,center,center;
  background-repeat:no-repeat,no-repeat,repeat,repeat,no-repeat,no-repeat;
}
.wwbs-v12 .hero:before{
  background:
    linear-gradient(90deg,rgba(2,7,17,.93) 0%,rgba(3,11,25,.78) 45%,rgba(3,12,29,.26) 76%,rgba(2,7,17,.42) 100%),
    linear-gradient(180deg,rgba(2,7,17,.06),rgba(2,7,17,.24));
}
.wwbs-v12 .hero:after{
  width:520px;height:520px;right:-140px;top:-160px;
  background:radial-gradient(circle,rgba(37,99,235,.18),transparent 68%);
  filter:none;
}
.wwbs-v12 .hero .container:before{
  width:250px;height:250px;right:3%;bottom:95px;
  box-shadow:0 0 0 36px rgba(96,165,250,.026),0 0 0 72px rgba(96,165,250,.012);
}
.wwbs-v12 .hero .eyebrow,
.wwbs-v12 .hero-proof span,
.wwbs-v12 .site-header,
.wwbs-v12 .site-header.scrolled,
.wwbs-v12 .site-header.is-solid,
.wwbs-v12 .nav-submenu,
.wwbs-v12 .why-stat,
.wwbs-v12 .system-node,
.wwbs-v12 .benefit-card,
.wwbs-v12 .growth-card,
.wwbs-v12 .profile-card,
.wwbs-v12 .signal-card,
.wwbs-v12 .quick-contact-overlay,
.wwbs-v12 .quick-contact-drawer{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.wwbs-v12 .site-header.scrolled,.wwbs-v12 .site-header.is-solid{background:rgba(5,13,27,.985)}
.wwbs-v12 .hero .eyebrow,.wwbs-v12 .hero-proof span{background:rgba(5,16,39,.88)}
.wwbs-v12 .benefit-card{background:#f8fbff}
.wwbs-v12 .signal-card{background:rgba(4,10,20,.92)}
.wwbs-v12 .nav-submenu{background:#050d1c}
.wwbs-v12 .why-stat{background:rgba(17,40,76,.96)}
.wwbs-v12 .system-node{background:rgba(19,44,82,.94)}
.wwbs-v12 .growth-card,.wwbs-v12 .profile-card{background:rgba(5,16,34,.97)}

/* Avoid continuous GPU work on normal pages. Interactions remain animated. */
.wwbs-v12 .signal-ring,
.wwbs-v12 .signal-node,
.wwbs-v12 .map-pulse,
.wwbs-v12 .showcase-map i,
.wwbs-v12 .showcase-panel>div i{animation:none!important}
.wwbs-v12 .hero-signal{opacity:.92}

/* Transform-based progress bar avoids layout recalculation while scrolling. */
.scroll-progress span{width:100%;transform:scaleX(0);transform-origin:left center;will-change:transform;box-shadow:none}

/* Simpler reveal: major blocks only, no long stagger chain. */
.wwbs-reveal{opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}
.wwbs-reveal.is-visible{opacity:1;transform:none}
.wwbs-reveal-delay-1,.wwbs-reveal-delay-2,.wwbs-reveal-delay-3{transition-delay:0s!important}

/* Lazy background state for the server-room section. */
.wwbs-v12 .impact{background-image:none!important;background-color:#030b18}
.wwbs-v12 .impact.wwbs-bg-ready{background-image:var(--wwbs-server-image,url('../img/server-room-wwbs.webp'))!important}

/* Reduce paint-heavy shadows while preserving depth. */
.wwbs-v12 .service-card,.wwbs-v12 .project-visual,.wwbs-v12 .checklist-card,.wwbs-v12 .guide-card{box-shadow:0 14px 34px rgba(15,23,42,.09)}
.wwbs-v12 .service-card:hover{box-shadow:0 18px 42px rgba(15,23,42,.13)}

@media (max-width:900px){
  .wwbs-v12 .hero{min-height:760px;background-size:auto,auto,44px 44px,44px 44px,auto,cover}
}
@media (max-width:620px){
  .wwbs-v12 .hero{min-height:700px;background-image:radial-gradient(circle at 82% 18%,rgba(37,99,235,.25),transparent 30%),linear-gradient(rgba(96,165,250,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.045) 1px,transparent 1px),linear-gradient(150deg,#020712,#06162f 58%,#071f42),var(--wwbs-hero-mobile-image,var(--wwbs-hero-image,none));background-size:auto,42px 42px,42px 42px,auto,cover}
  .wwbs-reveal{opacity:1;transform:none;transition:none}
}
@media (prefers-reduced-motion:reduce){
  .wwbs-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .scroll-progress span{will-change:auto}
}


/* WWBS v12.3: direct contact navigation and visible Instagram presence */
.wwbs-v12 .nav-mobile-social{display:none}
.wwbs-v12 .nav-social-link{width:42px;height:42px;display:inline-grid;place-items:center;flex:0 0 42px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.055);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
.wwbs-v12 .nav-social-link svg{width:20px;height:20px}
.wwbs-v12 .nav-social-link:hover,.wwbs-v12 .nav-social-link:focus-visible{transform:translateY(-1px);border-color:rgba(96,165,250,.7);background:rgba(37,99,235,.2);color:#bfdbfe}
@media (min-width:821px) and (max-width:1180px){
  .wwbs-v12 .nav-wrap{gap:14px}
  .wwbs-v12 .nav-links{gap:17px;font-size:.9rem}
  .wwbs-v12 .brand-logo{height:40px;max-width:155px}
  .wwbs-v12 .nav-actions{gap:8px}
  .wwbs-v12 .nav-actions .btn{padding-left:14px;padding-right:14px}
}
@media (max-width:820px){
  .wwbs-v12 .nav-mobile-social{display:block}
  .wwbs-v12 .nav-mobile-social a{display:flex!important;align-items:center;gap:10px;color:#dbeafe}
  .wwbs-v12 .nav-mobile-social svg{width:20px;height:20px;flex:0 0 auto}
}
@media (prefers-reduced-motion:reduce){.wwbs-v12 .nav-social-link{transition:none}}

/* WWBS v12.3: avoid duplicate desktop CTAs. The sticky header owns the primary conversion action; the floating quick enquiry remains a compact tablet/mobile shortcut. */
@media (min-width:1025px){
  .wwbs-v12 .quick-contact-trigger{display:none!important}
}

/* =====================================================================
   WWBS Digital v12.4 — Navigation hierarchy and premium colour rhythm
   ===================================================================== */
.wwbs-v124{
  --wwbs-page-bg:#eef3f8;
  --wwbs-cool:#eef5ff;
  --wwbs-cool-2:#e7f0ff;
  --wwbs-night:#040b17;
  --wwbs-night-2:#071a35;
  --wwbs-night-line:rgba(147,197,253,.16);
  --wwbs-night-text:#b9c9dc;
}
.wwbs-v124{background:var(--wwbs-page-bg)}
.wwbs-v124 main{background:var(--wwbs-page-bg)}

/* Brighter pages are softened with blue-tinted surfaces instead of pure white. */
.wwbs-v124 :is(.services,.faq,.related-services,.outcome-section,.promise-section,.fit-section,.care-models,.preparation-section,.prerequisite-section,.evidence-section,.guide-section,.demo-principles,.knowledge-intro,.goal-solutions){
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 14%,rgba(37,99,235,.075),transparent 25%),
    radial-gradient(circle at 91% 82%,rgba(96,165,250,.07),transparent 24%),
    linear-gradient(180deg,var(--wwbs-cool) 0%,#f7faff 54%,var(--wwbs-cool-2) 100%);
  border-top:1px solid rgba(148,163,184,.12);
  border-bottom:1px solid rgba(148,163,184,.12);
}
.wwbs-v124 :is(.services,.faq,.related-services,.outcome-section,.promise-section,.fit-section,.care-models,.preparation-section,.prerequisite-section,.evidence-section,.guide-section,.demo-principles,.knowledge-intro,.goal-solutions)::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.44;
  background-image:linear-gradient(rgba(37,99,235,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.025) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent);
}
.wwbs-v124 :is(.services,.faq,.related-services,.outcome-section,.promise-section,.fit-section,.care-models,.preparation-section,.prerequisite-section,.evidence-section,.guide-section,.demo-principles,.knowledge-intro,.goal-solutions)>.container{
  position:relative;
  z-index:1;
}

/* One focused dark signature band on pages that otherwise remain very light. */
.wwbs-v124 :is(.human-ai,.metric-section,.ethics-section,.principles-section,.case-standard,.next-steps-section,.glossary-section){
  position:relative;
  overflow:hidden;
  color:#f8fbff;
  background:
    radial-gradient(circle at 12% 22%,rgba(37,99,235,.23),transparent 28%),
    radial-gradient(circle at 89% 76%,rgba(96,165,250,.12),transparent 25%),
    linear-gradient(rgba(96,165,250,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(96,165,250,.045) 1px,transparent 1px),
    linear-gradient(128deg,var(--wwbs-night) 0%,#06142a 55%,var(--wwbs-night-2) 100%);
  background-size:auto,auto,58px 58px,58px 58px,auto;
  border-top:1px solid rgba(147,197,253,.12);
  border-bottom:1px solid rgba(147,197,253,.12);
}
.wwbs-v124 :is(.human-ai,.metric-section,.ethics-section,.principles-section,.case-standard,.next-steps-section,.glossary-section)>.container{
  position:relative;
  z-index:1;
}
.wwbs-v124 :is(.human-ai,.metric-section,.ethics-section,.principles-section,.case-standard,.next-steps-section,.glossary-section) :is(h2,h3,strong){color:#fff}
.wwbs-v124 :is(.human-ai,.metric-section,.ethics-section,.principles-section,.case-standard,.next-steps-section,.glossary-section) :is(p,small){color:var(--wwbs-night-text)}
.wwbs-v124 :is(.human-ai,.metric-section,.ethics-section,.principles-section,.case-standard,.next-steps-section,.glossary-section) .eyebrow{color:#93c5fd}
.wwbs-v124 :is(.human-ai,.metric-section,.ethics-section,.principles-section,.case-standard,.next-steps-section,.glossary-section) .eyebrow::before{background:#60a5fa}
.wwbs-v124 :is(.human-ai,.metric-section,.ethics-section,.principles-section,.case-standard,.next-steps-section,.glossary-section) .text-link{color:#bfdbfe}

/* Dark-band card treatment. */
.wwbs-v124 :is(.metric-section,.principles-section,.case-standard,.next-steps-section) :is(.metric-grid article,.principle-grid article,.case-grid article,.next-step-grid article),
.wwbs-v124 .human-ai .approval-node,
.wwbs-v124 .ethics-section .ethics-list>div{
  color:#f8fbff;
  background:rgba(255,255,255,.055);
  border-color:var(--wwbs-night-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.wwbs-v124 :is(.metric-section,.principles-section,.case-standard,.next-steps-section) :is(.metric-grid article,.principle-grid article,.case-grid article,.next-step-grid article)>span{
  color:#93c5fd;
}
.wwbs-v124 :is(.metric-section,.principles-section,.case-standard,.next-steps-section) :is(.metric-grid article,.principle-grid article,.case-grid article,.next-step-grid article)::after{
  background:radial-gradient(circle,rgba(96,165,250,.12),transparent 70%);
}
.wwbs-v124 .human-ai .approval-node span{background:rgba(37,99,235,.24);color:#bfdbfe}
.wwbs-v124 .human-ai .approval-node small{color:#aebfd3}
.wwbs-v124 .human-ai .approval-node.human{background:rgba(234,179,8,.11);border-color:rgba(250,204,21,.34)}
.wwbs-v124 .human-ai .approval-node.human span{background:rgba(250,204,21,.17);color:#fde68a}
.wwbs-v124 .human-ai .approval-arrow{color:#7ea7d6}
.wwbs-v124 .ethics-section .ethics-list span{color:#b9c9dc}
.wwbs-v124 .ethics-section .ethics-list>div{border-color:rgba(147,197,253,.16)}

/* FAQ glossary follows the dark theme without sacrificing readability. */
.wwbs-v124 .glossary-section .faq-item{background:rgba(255,255,255,.055);border-color:rgba(147,197,253,.16)}
.wwbs-v124 .glossary-section .faq-question{color:#f8fbff}
.wwbs-v124 .glossary-section .faq-answer p{color:#b9c9dc}
.wwbs-v124 .glossary-section .faq-item.open{background:rgba(37,99,235,.12)}

/* Slightly stronger blue accents on the light cards. */
.wwbs-v124 :is(.service-card,.subservice,.related-card,.outcome-card,.goal-grid article,.guide-card,.checklist-card,.feature-box,.info-panel){
  border-color:#d8e4f4;
}
.wwbs-v124 :is(.service-card,.subservice,.related-card,.outcome-card,.goal-grid article,.guide-card,.checklist-card,.feature-box){
  box-shadow:0 15px 36px rgba(30,64,175,.075);
}
.wwbs-v124 :is(.service-card,.subservice,.related-card,.outcome-card,.goal-grid article,.guide-card,.checklist-card,.feature-box):hover{
  border-color:#a9c7f5;
}

/* Header conversion hierarchy: neutral contact link + one primary CTA. */
.wwbs-v124 .nav-links>li>a[aria-current="page"]{color:#fff}
.wwbs-v124 .nav-actions .btn{white-space:nowrap}

/* The quick enquiry is a mobile/tablet convenience, not a second desktop CTA. */
.wwbs-v124 .quick-contact-trigger{
  opacity:0;
  pointer-events:none;
  transform:translateY(12px);
  transition:opacity .22s ease,transform .22s ease,background .18s ease;
}
.wwbs-v124 .quick-contact-trigger.is-visible{opacity:1;pointer-events:auto;transform:none}
.wwbs-v124.wwbs-page-contact .quick-contact-trigger{display:none!important}
@media (min-width:1025px){.wwbs-v124 .quick-contact-trigger{display:none!important}}
@media (prefers-reduced-motion:reduce){.wwbs-v124 .quick-contact-trigger{transition:none}}

/* Reduce perceived brightness further on very large displays without turning pages into a dark theme. */
@media (min-width:1600px){
  .wwbs-v124 .section{padding-top:112px;padding-bottom:112px}
  .wwbs-v124 :is(.services,.faq,.related-services,.outcome-section,.promise-section,.fit-section,.care-models,.preparation-section,.prerequisite-section,.evidence-section,.guide-section,.demo-principles,.knowledge-intro,.goal-solutions){
    background-color:#edf4ff;
  }
}


/* =====================================================================
   WWBS Digital v13 — final content/readability polish
   ===================================================================== */
.wwbs-v13 .section-head p,.wwbs-v13 .page-hero p,.wwbs-v13 .hero p{max-width:72ch}
.wwbs-v13 :is(.service-card,.detail-card,.subservice,.related-card,.outcome-card) p{hyphens:auto}
.wwbs-v13 .legal-page p{max-width:84ch}
@media (max-width:620px){
  .wwbs-v13 :is(.section-head p,.page-hero p,.hero p){max-width:none}
  .wwbs-v13 :is(.service-card,.detail-card,.subservice,.related-card,.outcome-card) p{hyphens:manual}
}


/* =====================================================================
   WWBS Digital v14 — visual balance, selective imagery and low-power mode
   ===================================================================== */
.wwbs-v14{
  --wwbs-page-bg:#f7f9fc;
  --wwbs-neutral-section:#f2f5f9;
  --wwbs-neutral-line:#dde5ef;
}
.wwbs-v14,.wwbs-v14 main{background:var(--wwbs-page-bg)}

.wwbs-v14 :is(.services,.faq,.related-services,.outcome-section,.promise-section,.fit-section,.care-models,.preparation-section,.prerequisite-section,.evidence-section,.guide-section,.demo-principles,.knowledge-intro,.goal-solutions){
  background:var(--wwbs-neutral-section);
  border-color:rgba(148,163,184,.13);
}
.wwbs-v14 :is(.services,.faq,.related-services,.outcome-section,.promise-section,.fit-section,.care-models,.preparation-section,.prerequisite-section,.evidence-section,.guide-section,.demo-principles,.knowledge-intro,.goal-solutions)::before{display:none}

.wwbs-v14 :is(.ethics-section,.principles-section,.next-steps-section){
  color:var(--ink);
  background:#fff;
  border-color:rgba(148,163,184,.13);
}
.wwbs-v14 :is(.ethics-section,.principles-section,.next-steps-section) :is(h2,h3,strong){color:var(--ink)}
.wwbs-v14 :is(.ethics-section,.principles-section,.next-steps-section) :is(p,small){color:var(--text)}
.wwbs-v14 :is(.ethics-section,.principles-section,.next-steps-section) .eyebrow{color:var(--blue)}
.wwbs-v14 :is(.ethics-section,.principles-section,.next-steps-section) .eyebrow::before{background:var(--blue)}
.wwbs-v14 :is(.principles-section,.next-steps-section) :is(.principle-grid article,.next-step-grid article),
.wwbs-v14 .ethics-section .ethics-list>div{
  color:var(--ink);
  background:#fff;
  border-color:var(--wwbs-neutral-line);
  box-shadow:0 12px 28px rgba(15,23,42,.055);
}
.wwbs-v14 :is(.principles-section,.next-steps-section) :is(.principle-grid article,.next-step-grid article)>span{color:var(--blue)}
.wwbs-v14 .ethics-section .ethics-list span{color:var(--text)}

.wwbs-v14 .visual-band{
  position:relative;
  min-height:520px;
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  color:#fff;
  background:#06101f;
}
.wwbs-v14 .visual-band-media,
.wwbs-v14 .visual-band-media img{position:absolute;inset:0;width:100%;height:100%}
.wwbs-v14 .visual-band-media img{object-fit:cover;object-position:center}
.wwbs-v14 .visual-band-network .visual-band-media img{object-position:center 52%}
.wwbs-v14 .visual-band-server .visual-band-media img{object-position:center}
.wwbs-v14 .visual-band-shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(2,7,17,.95) 0%,rgba(3,11,25,.86) 44%,rgba(3,11,25,.47) 72%,rgba(2,7,17,.66) 100%);
}
.wwbs-v14 .visual-band-content{position:relative;z-index:2;padding-block:104px}
.wwbs-v14 .visual-band-content>*{max-width:720px}
.wwbs-v14 .visual-band-content .eyebrow{color:#bfdbfe}
.wwbs-v14 .visual-band-content .eyebrow::before{background:#60a5fa}
.wwbs-v14 .visual-band-content h2{margin:14px 0 20px;font-size:clamp(2.35rem,4.6vw,4rem);line-height:1.06;letter-spacing:-.045em;text-wrap:balance}
.wwbs-v14 .visual-band-content p{margin:0 0 30px;color:#d7e3f3;font-size:1.08rem;max-width:64ch}
.wwbs-v14 .visual-band-content .btn-secondary{border-color:rgba(255,255,255,.36)}

.wwbs-v14 :is(.service-card,.subservice,.related-card,.outcome-card,.goal-grid article,.guide-card,.checklist-card,.feature-box,.info-panel){border-color:var(--wwbs-neutral-line)}
.wwbs-v14 :is(.service-card,.subservice,.related-card,.outcome-card,.goal-grid article,.guide-card,.checklist-card,.feature-box){box-shadow:0 12px 30px rgba(15,23,42,.06)}
.wwbs-v14 :is(.service-card,.subservice,.related-card,.outcome-card,.goal-grid article,.guide-card,.checklist-card,.feature-box):hover{border-color:#c5d4e6;box-shadow:0 16px 36px rgba(15,23,42,.09)}

@media (min-width:1600px){.wwbs-v14{--wwbs-page-bg:#f4f6f9;--wwbs-neutral-section:#eef2f6}}

.wwbs-low-power .scroll-progress{display:none}
.wwbs-low-power .wwbs-reveal{opacity:1!important;transform:none!important;transition:none!important}
.wwbs-low-power :is(.service-card,.project-visual,.showcase-window,.nav-social-link,.btn){transition:none!important}
.wwbs-low-power .showcase-window{transform:none!important}
.wwbs-low-power .site-header,.wwbs-low-power .nav-submenu{box-shadow:none}

@media (max-width:900px){
  .wwbs-v14 .visual-band{min-height:470px}
  .wwbs-v14 .visual-band-content{padding-block:82px}
  .wwbs-v14 .visual-band-shade{background:linear-gradient(90deg,rgba(2,7,17,.94),rgba(3,11,25,.76),rgba(3,11,25,.55))}
}
@media (max-width:620px){
  .wwbs-v14 .visual-band{min-height:500px}
  .wwbs-v14 .visual-band-content{padding-block:70px}
  .wwbs-v14 .visual-band-content h2{font-size:clamp(2.2rem,11vw,3.15rem)}
  .wwbs-v14 .visual-band-content p{font-size:1rem}
  .wwbs-v14 .visual-band-network .visual-band-media img{object-position:62% center}
  .wwbs-v14 .visual-band-shade{background:linear-gradient(180deg,rgba(2,7,17,.72),rgba(2,7,17,.94) 62%,rgba(2,7,17,.98))}
}
@media (prefers-reduced-motion:reduce){.wwbs-v14 .visual-band-media img{transform:none!important}}


/* WWBS Digital v15 — conversion system and header mark refinement */
.wwbs-v15 .brand-custom-logo{overflow:visible;padding:3px 0 5px;line-height:0}
.wwbs-v15 .brand-logo{height:48px;max-width:228px;object-fit:contain;object-position:left center;overflow:visible}
.wwbs-v15 .nav-wrap{min-height:92px}
.wwbs-v15 .site-footer .brand-custom-logo{padding-bottom:8px}
.wwbs-v15 .site-footer .brand-logo{height:56px;max-width:262px}
.wwbs-v15 .digital-check-cta{background:linear-gradient(115deg,#06101f,#103d83);color:#fff;overflow:hidden}
.wwbs-v15 .digital-check-cta:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(147,197,253,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(147,197,253,.055) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,black,transparent 80%)}
.wwbs-v15 .digital-check-cta-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}
.wwbs-v15 .digital-check-cta h2{margin:.45rem 0 1rem;font-size:clamp(2.1rem,4vw,3.2rem);line-height:1.1;letter-spacing:-.04em}
.wwbs-v15 .digital-check-cta p{max-width:720px;margin:0;color:#dbeafe;font-size:1.08rem}
.wwbs-v15 .digital-check-cta .eyebrow{color:#93c5fd}.wwbs-v15 .digital-check-cta .eyebrow:before{background:#60a5fa}
.wwbs-v15 .digital-check-cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.wwbs-v15 .digital-check-cta-actions span{color:#bfdbfe;font-size:.88rem}
.wwbs-v15 .digital-check-hero{background:radial-gradient(circle at 78% 18%,rgba(37,99,235,.42),transparent 32%),linear-gradient(rgba(147,197,253,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(147,197,253,.045) 1px,transparent 1px),linear-gradient(135deg,#050c18,#10386f);background-size:auto,48px 48px,48px 48px,auto}
.wwbs-v15 .digital-check-intro{background:#fff}.wwbs-v15 .digital-check-scope{background:#f7f9fc}
.wwbs-v15 .digital-check-panel{background:linear-gradient(145deg,#f3f7ff,#e4edff)}
.wwbs-v15 .digital-check-points{display:grid;gap:13px;margin:22px 0}.wwbs-v15 .digital-check-points div{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid #d8e4f6;border-radius:14px;background:rgba(255,255,255,.72)}.wwbs-v15 .digital-check-points strong{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#2563eb;color:#fff}.wwbs-v15 .digital-check-points span{font-weight:700;color:#1f2937}
.wwbs-v15 .digital-check-contact{background:linear-gradient(180deg,#fff,#f5f8fc)}
@media(max-width:1180px){.wwbs-v15 .brand-logo{height:42px;max-width:190px}.wwbs-v15 .nav-wrap{min-height:84px}}
@media(max-width:820px){.wwbs-v15 .brand-logo{height:36px;max-width:154px}.wwbs-v15 .nav-wrap{min-height:76px}.wwbs-v15 .digital-check-cta-grid{grid-template-columns:1fr;gap:30px}}
@media(max-width:620px){.wwbs-v15 .brand-custom-logo{padding:2px 0 4px}.wwbs-v15 .brand-logo{height:34px;max-width:145px}.wwbs-v15 .digital-check-cta-actions .btn{width:100%}}
.wwbs-v15 .split-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:68px;align-items:center}
.wwbs-v15 .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wwbs-v15 .feature-number{display:inline-grid;place-items:center;width:40px;height:40px;margin-bottom:18px;border-radius:11px;background:#eff6ff;color:#2563eb;font-weight:850;font-variant-numeric:tabular-nums}
.wwbs-v15 .feature-grid .feature-box{padding:28px;box-shadow:0 12px 32px rgba(15,23,42,.06)}
.wwbs-v15 .feature-grid .feature-box h3{font-size:1.18rem}
@media(max-width:900px){.wwbs-v15 .split-grid{grid-template-columns:1fr;gap:36px}.wwbs-v15 .feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wwbs-v15 .feature-grid{grid-template-columns:1fr}}


/* =====================================================================
   WWBS Digital v16 — Hero balance, calmer surfaces and pilot-ready polish
   ===================================================================== */
.wwbs-v16{
  --wwbs-v16-bg:#f3f6fa;
  --wwbs-v16-white:#fbfcfe;
  --wwbs-v16-blue:#edf4ff;
  --wwbs-v16-line:#dbe5f1;
}
.wwbs-v16 main{background:var(--wwbs-v16-bg)}

/* The hero information box was removed. The right side is now a pure,
   branded visual field that never competes with the headline. */
.wwbs-v16 .hero .container{position:relative;isolation:isolate}
.wwbs-v16 .hero-content{max-width:720px;padding-right:0}
.wwbs-v16 .hero-signal{
  position:absolute;
  z-index:1;
  top:170px;
  right:8px;
  bottom:auto;
  width:420px;
  height:420px;
  opacity:.86;
}
.wwbs-v16 .hero-signal::before{
  content:"";
  position:absolute;
  inset:108px;
  background:url('../img/logo-wwbs-transparent.webp') center/contain no-repeat;
  opacity:.14;
  filter:saturate(1.15);
}
.wwbs-v16 .hero-signal::after{
  content:"";
  position:absolute;
  inset:44px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(37,99,235,.15),transparent 68%);
}
.wwbs-v16 .hero-signal .signal-ring{inset:18px;border-color:rgba(147,197,253,.19)}
.wwbs-v16 .hero-signal .ring-two{inset:78px;border-color:rgba(96,165,250,.18)}
.wwbs-v16 .hero-signal .ring-three{position:absolute;inset:138px;border:1px solid rgba(214,173,59,.19);border-radius:50%}
.wwbs-v16 .hero-signal .path-one{width:280px;left:52px;top:144px;transform:rotate(23deg)}
.wwbs-v16 .hero-signal .path-two{width:238px;left:98px;top:282px;transform:rotate(-31deg)}
.wwbs-v16 .hero-signal .node-one{left:70px;top:107px}
.wwbs-v16 .hero-signal .node-two{right:74px;top:173px}
.wwbs-v16 .hero-signal .node-three{left:152px;bottom:58px}
.wwbs-v16 .signal-card{display:none!important}
.wwbs-v16 .hero h1{max-width:690px;text-wrap:balance}
.wwbs-v16 .hero p{max-width:640px}

/* Calmer, more deliberate page rhythm: fewer stark white-grey jumps, but
   no heavy colour wash. Dark signature sections and photo bands keep their
   existing treatment. */
.wwbs-v16 main>.section:not(.impact):not(.local-growth):not(.interactive-showcase):not(.solution-finder-section):not(.human-ai):not(.metric-section):not(.ethics-section):not(.principles-section):not(.case-standard):not(.next-steps-section):not(.glossary-section):not(.digital-check-cta):not(.local-specialists):not(.automation-demo-section):not(.quality-section):not(.reliability-section){
  background:
    radial-gradient(circle at 8% 10%,rgba(37,99,235,.035),transparent 25%),
    linear-gradient(180deg,var(--wwbs-v16-white),var(--wwbs-v16-bg));
  border-top:1px solid rgba(148,163,184,.09);
}
.wwbs-v16 main>.section:nth-of-type(even):not(.impact):not(.local-growth):not(.interactive-showcase):not(.solution-finder-section):not(.human-ai):not(.metric-section):not(.ethics-section):not(.principles-section):not(.case-standard):not(.next-steps-section):not(.glossary-section):not(.digital-check-cta):not(.local-specialists):not(.automation-demo-section):not(.quality-section):not(.reliability-section){
  background:
    radial-gradient(circle at 92% 16%,rgba(96,165,250,.055),transparent 26%),
    linear-gradient(180deg,#eef5ff,#f8fbff 72%,#f3f7fc);
}
.wwbs-v16 .why{background:linear-gradient(180deg,#fbfdff,#f2f7fd)!important}
.wwbs-v16 .process{background:linear-gradient(180deg,#f7faff,#edf4fb)!important}
.wwbs-v16 .services{background:linear-gradient(180deg,#edf4ff,#f7faff)!important}
.wwbs-v16 .projects{background:linear-gradient(180deg,#f8fafc,#eef3f8)!important}
.wwbs-v16 .contact{background:linear-gradient(180deg,#eef5ff,#f8fbff)!important}
.wwbs-v16 :is(.service-card,.subservice,.feature-box,.related-card,.outcome-card,.guide-card,.checklist-card,.contact-form,.faq-item){
  border-color:var(--wwbs-v16-line);
}
.wwbs-v16 :is(.service-card,.subservice,.feature-box,.related-card,.outcome-card,.guide-card,.checklist-card){
  box-shadow:0 13px 32px rgba(15,23,42,.075);
}
.wwbs-v16 .section-head{margin-bottom:48px}
.wwbs-v16 .section-head p{color:#526277}

/* Existing image bands are intentionally retained as the two strong photo
   moments. Extra repeated background photography was avoided for clarity,
   originality and performance. */
.wwbs-v16 .visual-band{border-top:1px solid rgba(147,197,253,.14);border-bottom:1px solid rgba(147,197,253,.14)}

@media (max-width:1180px){
  .wwbs-v16 .hero-signal{width:340px;height:340px;right:-24px;top:205px;opacity:.72}
  .wwbs-v16 .hero-signal::before{inset:92px}
  .wwbs-v16 .hero-signal .ring-three{inset:112px}
  .wwbs-v16 .hero-signal .path-one{width:220px;left:44px;top:118px}
  .wwbs-v16 .hero-signal .path-two{width:188px;left:78px;top:225px}
}
@media (max-width:900px){
  .wwbs-v16 .hero-signal{display:none}
  .wwbs-v16 .hero-content{max-width:760px}
}
@media (max-width:620px){
  .wwbs-v16 main>.section:not(.impact):not(.local-growth):not(.interactive-showcase):not(.solution-finder-section):not(.human-ai):not(.metric-section):not(.ethics-section):not(.principles-section):not(.case-standard):not(.next-steps-section):not(.glossary-section):not(.digital-check-cta):not(.local-specialists):not(.automation-demo-section):not(.quality-section):not(.reliability-section){
    background:linear-gradient(180deg,#f9fbfd,#f1f5f9);
  }
}


/* =====================================================================
   WWBS Digital v17 — Stable premium contrast and performance-safe motion
   ===================================================================== */
.wwbs-v17{
  --wwbs-v17-night:#06101f;
  --wwbs-v17-night-2:#0b2856;
  --wwbs-v17-night-text:#f8fbff;
  --wwbs-v17-night-muted:#c3d2e6;
  --wwbs-v17-card:#ffffff;
  --wwbs-v17-card-line:#d9e4f1;
}

/* High-contrast dark signature sections. These rules intentionally win over
   generic light-surface rules, preventing white text on light backgrounds. */
.wwbs-v17 :is(.local-specialists,.automation-demo-section,.quality-section,.reliability-section){
  color:var(--wwbs-v17-night-text)!important;
  background:
    radial-gradient(circle at 88% 18%,rgba(37,99,235,.24),transparent 28%),
    linear-gradient(145deg,var(--wwbs-v17-night),var(--wwbs-v17-night-2))!important;
  border-color:rgba(147,197,253,.14)!important;
}
.wwbs-v17 :is(.local-specialists,.automation-demo-section,.quality-section,.reliability-section) :is(h1,h2,h3,h4,strong,b){color:var(--wwbs-v17-night-text)}
.wwbs-v17 :is(.local-specialists,.automation-demo-section,.quality-section,.reliability-section) :is(p,small,.section-head p){color:var(--wwbs-v17-night-muted)!important}
.wwbs-v17 :is(.local-specialists,.automation-demo-section,.quality-section,.reliability-section) .eyebrow{color:#9ec9ff}
.wwbs-v17 :is(.local-specialists,.automation-demo-section,.quality-section,.reliability-section) .eyebrow::before{background:#60a5fa}
.wwbs-v17 .specialist-card{
  color:var(--wwbs-v17-night-text);
  background:rgba(255,255,255,.055);
  border-color:rgba(147,197,253,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.wwbs-v17 .specialist-card:hover{background:rgba(37,99,235,.14);border-color:rgba(147,197,253,.42)}
.wwbs-v17 .specialist-card h3{color:#fff}
.wwbs-v17 .specialist-card p{color:#c3d2e6!important}
.wwbs-v17 .specialist-card b,.wwbs-v17 .specialist-index{color:#93c5fd}

/* Keep the premium rhythm controlled: neutral reading areas, blue accents and
   a small number of unmistakable dark sections. */
.wwbs-v17 :is(.service-card,.subservice,.feature-box,.related-card,.outcome-card,.guide-card,.checklist-card,.faq-item,.contact-form){
  background:var(--wwbs-v17-card);
  border-color:var(--wwbs-v17-card-line);
}
.wwbs-v17 :is(.service-card,.subservice,.feature-box,.related-card,.outcome-card,.guide-card,.checklist-card){
  box-shadow:0 10px 26px rgba(15,23,42,.065);
}
.wwbs-v17 .impact{background-attachment:scroll!important}

/* The progress strip and entrance fades add little value on older devices.
   Removing them makes rapid scrolling much more stable, especially in the
   logged-in WordPress preview and on HDMI-connected displays. */
.wwbs-v17 .scroll-progress{display:none!important}
.wwbs-v17 .wwbs-reveal,
.wwbs-v17 .wwbs-reveal.is-visible{opacity:1!important;transform:none!important;transition:none!important}
.wwbs-v17.wwbs-low-power *,
.wwbs-v17.wwbs-low-power *::before,
.wwbs-v17.wwbs-low-power *::after{
  animation-duration:.001ms!important;
  animation-iteration-count:1!important;
  scroll-behavior:auto!important;
}
.wwbs-v17.wwbs-low-power :is(.service-card,.project-visual,.showcase-window,.specialist-card,.btn,.text-link,.nav-social-link){
  transition:none!important;
  transform:none!important;
}
.wwbs-v17.wwbs-low-power :is(.hero-signal,.showcase-window,.growth-visual){will-change:auto!important}

/* Focus and legibility guardrails */
.wwbs-v17 :focus-visible{outline:3px solid rgba(96,165,250,.75);outline-offset:3px}
.wwbs-v17 .section-head h2,.wwbs-v17 .section-head p{max-width:100%}

@media (max-width:900px){
  .wwbs-v17 .hero-signal{display:none!important}
  .wwbs-v17 .section{padding-top:82px;padding-bottom:82px}
}
@media (max-width:620px){
  .wwbs-v17 .section{padding-top:68px;padding-bottom:68px}
  .wwbs-v17 :is(.local-specialists,.automation-demo-section,.quality-section,.reliability-section){
    background:linear-gradient(155deg,#06101f,#0b2856)!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .wwbs-v17 *, .wwbs-v17 *::before, .wwbs-v17 *::after{scroll-behavior:auto!important}
}

/* v19: optional language link. Hidden by default because the admin setting is disabled. */
.wwbs-v19 .nav-language-link{width:42px;height:42px;display:inline-grid;place-items:center;flex:0 0 42px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.055);color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
.wwbs-v19 .nav-language-link:hover,.wwbs-v19 .nav-language-link:focus-visible{transform:translateY(-1px);border-color:rgba(96,165,250,.7);background:rgba(37,99,235,.2);color:#bfdbfe}
.wwbs-v19 .nav-mobile-language{display:none}
@media(max-width:820px){.wwbs-v19 .nav-mobile-language{display:block}.wwbs-v19 .nav-mobile-language a{display:flex!important;align-items:center;gap:10px;color:#dbeafe;font-weight:750}}
@media(prefers-reduced-motion:reduce){.wwbs-v19 .nav-language-link{transition:none}}


/* =====================================================================
   WWBS Digital v20 — Information package, share tools and form option
   ===================================================================== */
.wwbs-v20 .form-choice,
.wwbs-v20 .quick-contact-choice{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border:1px solid #cbdaf0;border-radius:14px;background:#f7fbff;color:#1f2937;cursor:pointer}
.wwbs-v20 .form-choice input,
.wwbs-v20 .quick-contact-choice input{width:18px;height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:#2563eb}
.wwbs-v20 .form-choice span{display:grid;gap:3px}
.wwbs-v20 .form-choice strong{font-size:.96rem;color:#111827}
.wwbs-v20 .form-choice small{font-size:.82rem;line-height:1.45;color:#64748b}
.wwbs-v20 .quick-contact-choice{font-size:.86rem;line-height:1.45;padding:12px 13px;background:#f8fafc}

.wwbs-v20 .home-info-package{padding:66px 0;background:linear-gradient(120deg,#07101f,#0b2856);color:#fff;border-top:1px solid rgba(147,197,253,.16);border-bottom:1px solid rgba(147,197,253,.16)}
.wwbs-v20 .home-info-package-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:44px}
.wwbs-v20 .home-info-package h2{margin:8px 0 12px;color:#fff;max-width:760px}
.wwbs-v20 .home-info-package p{margin:0;max-width:760px;color:#c3d2e6}
.wwbs-v20 .home-info-package .eyebrow{color:#9ec9ff}
.wwbs-v20 .home-info-package-actions{display:grid;gap:13px;justify-items:start;min-width:220px}
.wwbs-v20 .home-info-package .text-link{color:#bfdbfe}

.wwbs-v20 .info-package-hero{background:radial-gradient(circle at 82% 22%,rgba(37,99,235,.28),transparent 30%),linear-gradient(145deg,#06101f,#0b2856);color:#fff}
.wwbs-v20 .info-package-hero h1{max-width:900px;color:#fff}
.wwbs-v20 .info-package-hero p{max-width:780px;color:#c3d2e6}
.wwbs-v20 .info-package-hero .bread,.wwbs-v20 .info-package-hero .bread a{color:#b7cae5}
.wwbs-v20 .info-package-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:72px;align-items:center}
.wwbs-v20 .info-package-preview{position:relative;overflow:hidden;padding:34px;border:1px solid #c9d9ee;border-radius:24px;background:linear-gradient(160deg,#fff,#edf5ff);box-shadow:0 24px 54px rgba(15,23,42,.12)}
.wwbs-v20 .info-package-preview::after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-86px;top:-94px;background:rgba(37,99,235,.14)}
.wwbs-v20 .info-package-preview-top{position:relative;z-index:1;display:grid;gap:3px;padding-bottom:24px;border-bottom:1px solid #dbe6f3}
.wwbs-v20 .info-package-preview-top span{font-weight:850;letter-spacing:.08em;color:#2563eb}
.wwbs-v20 .info-package-preview-top small{font-size:.72rem;letter-spacing:.13em;color:#64748b}
.wwbs-v20 .info-package-preview h3{position:relative;z-index:1;margin:26px 0 20px;font-size:1.55rem;line-height:1.2;color:#111827}
.wwbs-v20 .info-package-preview-list{position:relative;z-index:1;display:grid;gap:9px;margin-bottom:24px}
.wwbs-v20 .info-package-preview-list span{padding:10px 12px;border:1px solid #d9e4f1;border-radius:11px;background:rgba(255,255,255,.78);font-size:.9rem;font-weight:700;color:#334155}
.wwbs-v20 .info-package-preview>a{position:relative;z-index:1;color:#1d4ed8;font-weight:800}
.wwbs-v20 .info-package-services{background:linear-gradient(180deg,#f8fbff,#eff5fb)}
.wwbs-v20 .info-package-services .service-card{min-height:250px}
.wwbs-v20 .info-package-services .icon-box{display:grid;place-items:center;font-weight:850;color:#2563eb}
.wwbs-v20 .info-package-share{background:linear-gradient(145deg,#07101f,#0b2856);color:#fff}
.wwbs-v20 .info-package-share-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:60px;align-items:center}
.wwbs-v20 .info-package-share h2{color:#fff}
.wwbs-v20 .info-package-share p{color:#c3d2e6}
.wwbs-v20 .info-package-share .eyebrow{color:#9ec9ff}
.wwbs-v20 .info-package-share-actions{display:grid;gap:12px;align-items:start}
.wwbs-v20 .info-package-share-actions .btn{width:100%}
.wwbs-v20 .info-package-share-actions .text-link{color:#bfdbfe;text-align:center}
.wwbs-v20 .share-status{min-height:1.3em;margin:0;text-align:center;font-size:.86rem;color:#bfdbfe}

@media(max-width:900px){
  .wwbs-v20 .home-info-package-grid,.wwbs-v20 .info-package-grid,.wwbs-v20 .info-package-share-grid{grid-template-columns:1fr;gap:34px}
  .wwbs-v20 .home-info-package-actions{min-width:0}
  .wwbs-v20 .info-package-preview{max-width:620px}
}
@media(max-width:620px){
  .wwbs-v20 .home-info-package{padding:52px 0}
  .wwbs-v20 .home-info-package-actions,.wwbs-v20 .home-info-package-actions .btn{width:100%}
  .wwbs-v20 .info-package-preview{padding:25px;border-radius:19px}
  .wwbs-v20 .info-package-preview h3{font-size:1.3rem}
  .wwbs-v20 .info-package-services .service-card{min-height:auto}
  .wwbs-v20 .info-package-hero .hero-actions{align-items:stretch}
  .wwbs-v20 .info-package-hero .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.wwbs-v20 .info-package-preview{transition:none}}


/* =====================================================================
   WWBS Digital v21 — reliable forms, clear share feedback and lead UX
   ===================================================================== */
.wwbs-v21 .form-help{display:block;margin-top:7px;color:#64748b;font-size:.82rem;line-height:1.45}
.wwbs-v21 .quick-contact-form .form-help{color:#64748b;margin-top:5px}
.wwbs-v21 .contact-form select:required:invalid,
.wwbs-v21 .quick-contact-form select:required:invalid{color:#64748b}
.wwbs-v21 .contact-form textarea:focus:invalid,
.wwbs-v21 .quick-contact-form textarea:focus:invalid{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.12)}
.wwbs-v21 [data-share-page].is-success,
.wwbs-v21 [data-copy-link].is-success{background:#0f766e!important;border-color:#0f766e!important;color:#fff!important}
.wwbs-v21 .share-inline-status{display:inline-flex;align-items:center;min-height:1.25rem;color:#bfdbfe;font-size:.82rem}
.wwbs-v21 .info-package-hero .hero-actions{flex-wrap:wrap}
.wwbs-v21 .info-package-hero .share-inline-status{flex-basis:100%}
.wwbs-v21 .info-package-share-actions [data-share-email]{text-align:center}
@media(max-width:620px){
  .wwbs-v21 .share-inline-status{justify-content:center;text-align:center}
}


/* WWBS v24 — transparenter Gründungsmodus */
/* WWBS v25: founding notice as a separate, stable top bar */
.wwbs-founding-notice{position:fixed;top:0;left:0;right:0;z-index:70;min-height:40px;display:flex;align-items:center;background:rgba(234,242,255,.98);border-bottom:1px solid #c8daf5;color:#1e3a5f;font-size:.84rem;line-height:1.35;box-shadow:0 3px 14px rgba(15,35,65,.08)}
.wwbs-founding-notice .container{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:10px 20px;text-align:center}
.wwbs-founding-notice strong{color:#12315a}
.wwbs-founding-notice + .site-header{top:40px}
.wwbs-founding-notice ~ main .hero-content{padding-top:132px}
.wwbs-launch-shell.admin-bar .wwbs-founding-notice{top:32px}
.wwbs-launch-shell.admin-bar .wwbs-founding-notice + .site-header{top:72px}
@media(max-width:782px){.wwbs-launch-shell.admin-bar .wwbs-founding-notice{top:46px}.wwbs-launch-shell.admin-bar .wwbs-founding-notice + .site-header{top:100px}}
@media(max-width:620px){.wwbs-founding-notice{min-height:54px;font-size:.76rem}.wwbs-founding-notice .container{display:block;padding:8px 14px}.wwbs-founding-notice .container span{display:block}.wwbs-founding-notice + .site-header{top:54px}.wwbs-founding-notice ~ main .hero-content{padding-top:158px}}

/* v27.1.0: gezielte Qualitätsverbesserungen ohne Redesign */
.compare-instruction{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:10px 14px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#334155;font-size:.92rem}.compare-instruction strong{color:#1d4ed8}.compare-handle{outline:4px solid rgba(96,165,250,.25)}.compare-handle span{font-size:1.35rem}.compare-range:focus-visible+.compare-handle{outline:5px solid rgba(37,99,235,.42);box-shadow:0 8px 30px rgba(0,0,0,.3),0 0 0 3px #fff}.compare-range{touch-action:none}.contact-form button[aria-busy="true"]{opacity:.78;cursor:wait}.contact-form button:disabled{transform:none}
.example-grid-section{background:#f7f8fa}.example-showcase{border:1px solid #dbe3ef;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 26px 70px rgba(15,23,42,.11)}.example-toolbar{display:flex;justify-content:space-between;gap:20px;padding:18px 22px;background:#0a1a31;color:#fff}.example-toolbar span{color:#bfdbfe;font-size:.9rem}.crm-demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:24px}.crm-demo-grid article{border:1px solid #e2e8f0;border-radius:16px;padding:22px;background:#fff}.crm-demo-grid h3{margin:14px 0 5px}.crm-demo-grid p{margin:0 0 18px;color:#64748b}.crm-demo-grid dl{margin:0;display:grid;gap:9px}.crm-demo-grid dl div{display:flex;justify-content:space-between;gap:15px;padding-top:9px;border-top:1px solid #edf2f7}.crm-demo-grid dt{color:#64748b}.crm-demo-grid dd{margin:0;font-weight:750;color:#1e293b}.crm-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:850}.crm-status.new{background:#dbeafe;color:#1d4ed8}.crm-status.contacted{background:#fef3c7;color:#92400e}.crm-status.offer{background:#ede9fe;color:#6d28d9}.review-demo-section{background:#fff}.review-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.review-flow article{position:relative;border:1px solid #dbe3ef;border-radius:18px;padding:26px;background:linear-gradient(180deg,#fff,#f8fafc)}.review-flow article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#2563eb;color:#fff;font-weight:850}.review-flow h3{margin:18px 0 8px}.review-flow p{margin:0;color:#64748b}
@media(max-width:900px){.crm-demo-grid,.review-flow{grid-template-columns:1fr}.example-toolbar{flex-direction:column;gap:4px}.compare-instruction{display:flex;text-align:left}}
@media(max-width:620px){.compare-instruction{font-size:.84rem}.crm-demo-grid{padding:15px}.crm-demo-grid article{padding:18px}.review-flow article{padding:22px}.before-after{touch-action:pan-y}.compare-range{touch-action:pan-y}}


/* =====================================================================
   WWBS Digital v27.2 — clearer demos and contact paths, no redesign
   ===================================================================== */
.demo-switch-wrap{display:flex;align-items:center;gap:10px}.demo-action-hint{font-size:.78rem;font-weight:800;color:#dbeafe;letter-spacing:.02em}.demo-switch button{min-width:78px}.demo-switch button.is-active{box-shadow:0 0 0 3px rgba(147,197,253,.28)}.demo-legal-note{margin-top:12px!important;font-size:.82rem!important;color:#64748b!important}.profile-card.is-after .profile-checks li{color:#183153;font-weight:750}.profile-card.is-after .profile-checks li::before{background:#0f766e;color:#fff}.profile-card.is-after .profile-rating span{color:#334155}.profile-card.is-after .profile-progress span,.profile-card.is-after .profile-progress b{color:#1e293b}
.crm-showcase .example-toolbar{align-items:center}.crm-showcase .example-toolbar>div:first-child{display:grid;gap:4px}.crm-stage-tabs{display:flex;flex-wrap:wrap;gap:7px}.crm-stage-tabs button{border:1px solid rgba(191,219,254,.28);border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.06);color:#dbeafe;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}.crm-stage-tabs button.is-active{background:#fff;color:#12315a;border-color:#fff}.crm-demo-explainer{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:0}.crm-stage-visual{padding:34px}.crm-stage-visual h3{margin:18px 0 7px;font-size:1.55rem}.crm-stage-visual>p{max-width:680px;color:#64748b}.crm-stage-visual dl{margin:24px 0 0;display:grid;gap:0}.crm-stage-visual dl div{display:grid;grid-template-columns:145px 1fr;gap:18px;padding:13px 0;border-top:1px solid #e5edf6}.crm-stage-visual dt{color:#64748b}.crm-stage-visual dd{margin:0;color:#1e293b;font-weight:750}.crm-why{padding:34px;background:#eef5ff;border-left:1px solid #d7e5f5}.crm-why>span{font-size:.75rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}.crm-why h3{margin:10px 0 16px}.crm-why ul{display:grid;gap:10px;margin:0 0 20px;padding:0;list-style:none}.crm-why li{position:relative;padding-left:25px;color:#334155}.crm-why li::before{content:'✓';position:absolute;left:0;color:#0f766e;font-weight:900}.crm-why p{font-size:.88rem;color:#64748b}.crm-status.won{background:#dcfce7;color:#166534}
.concept-sites-section{background:linear-gradient(180deg,#fff,#f4f7fb)}.concept-site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.concept-site{overflow:hidden;border:1px solid #d9e4f1;border-radius:20px;background:#fff;box-shadow:0 16px 42px rgba(15,23,42,.08)}.concept-preview{min-height:270px;padding:26px;position:relative;overflow:hidden}.concept-preview>span{font-size:.72rem;font-weight:900;letter-spacing:.12em}.concept-preview h3{margin:34px 0 12px;font-size:1.8rem;line-height:1.05}.concept-preview p{max-width:260px;line-height:1.55}.concept-preview i{position:absolute;display:block;border-radius:14px}.concept-preview i:nth-of-type(1){right:24px;bottom:26px;width:44%;height:74px}.concept-preview i:nth-of-type(2){left:26px;bottom:26px;width:30%;height:74px}.concept-site>div:last-child{display:grid;gap:4px;padding:18px 20px;border-top:1px solid #e5edf6}.concept-site>div:last-child strong{color:#172033}.concept-site>div:last-child small{color:#64748b}.concept-site.craft .concept-preview{background:linear-gradient(145deg,#172033,#3a4655);color:#fff}.concept-site.craft .concept-preview h3,.concept-site.craft .concept-preview p{color:#fff}.concept-site.craft .concept-preview i{background:#d7a94d}.concept-site.consulting .concept-preview{background:linear-gradient(145deg,#f7f2e8,#fff);color:#263238}.concept-site.consulting .concept-preview i{background:#163b55}.concept-site.modern .concept-preview{background:radial-gradient(circle at 90% 10%,#60a5fa,transparent 32%),linear-gradient(145deg,#07101f,#0b2856);color:#fff}.concept-site.modern .concept-preview h3,.concept-site.modern .concept-preview p{color:#fff}.concept-site.modern .concept-preview i{background:linear-gradient(135deg,#2563eb,#22d3ee)}.concept-caption{text-align:center;margin:22px auto 0;color:#64748b;font-size:.84rem}
.contact-page-hero .hero-actions{margin-top:28px}.contact-choice-section{padding-top:54px;padding-bottom:54px;background:#f4f7fb}.contact-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.contact-choice-grid article{padding:28px;border:1px solid #d7e3f1;border-radius:20px;background:#fff;box-shadow:0 14px 36px rgba(15,23,42,.07)}.contact-choice-grid article>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eaf2ff;color:#1d4ed8;font-weight:900}.contact-choice-grid h2{margin:18px 0 8px;font-size:1.35rem}.direct-contact-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.direct-contact-links a{padding:10px 13px;border:1px solid #cbdaf0;border-radius:10px;background:#f8fbff;color:#1d4ed8;font-weight:800}.why-wwbs-hero{background:radial-gradient(circle at 82% 22%,rgba(37,99,235,.22),transparent 30%),linear-gradient(145deg,#07101f,#0b2856);color:#fff}.why-wwbs-hero h1{color:#fff}.why-wwbs-hero p,.why-wwbs-hero .bread,.why-wwbs-hero .bread a{color:#c3d2e6}
@media(max-width:900px){.demo-switch-wrap{align-items:flex-start;flex-direction:column}.crm-demo-explainer,.concept-site-grid,.contact-choice-grid{grid-template-columns:1fr}.crm-why{border-left:0;border-top:1px solid #d7e5f5}.concept-preview{min-height:230px}}
@media(max-width:620px){.demo-toolbar{align-items:flex-start}.demo-switch-wrap{width:100%}.demo-switch{width:100%}.demo-switch button{flex:1}.crm-stage-tabs{width:100%}.crm-stage-tabs button{flex:1 1 calc(50% - 7px)}.crm-stage-visual,.crm-why{padding:24px}.crm-stage-visual dl div{grid-template-columns:1fr;gap:3px}.concept-preview{min-height:210px;padding:22px}.contact-choice-grid article{padding:22px}.direct-contact-links{display:grid}.direct-contact-links a{text-align:center}}


/* =====================================================================
   WWBS Digital v27.2.1 — Hero clarity and premium depth
   Focused correction: no redesign, no external assets, no extra requests.
   ===================================================================== */
.wwbs-v2721 .hero-content{overflow:visible}
.wwbs-v2721 .hero h1{
  max-width:min(850px,100%);
  padding:.04em .03em .12em 0;
  overflow:visible;
  line-height:1.035;
  text-wrap:balance;
}
.wwbs-v2721 .hero h1 span{
  display:block;
  padding:.02em .04em .13em 0;
  margin-bottom:-.08em;
  overflow:visible;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  filter:drop-shadow(0 12px 30px rgba(37,99,235,.18));
}
.wwbs-v2721 .hero:before{
  background:
    radial-gradient(circle at 76% 35%,rgba(65,139,255,.14),transparent 26%),
    linear-gradient(90deg,rgba(2,7,16,.97) 0%,rgba(3,10,24,.92) 34%,rgba(5,17,40,.67) 58%,rgba(3,10,23,.16) 80%,rgba(2,7,16,.46) 100%),
    linear-gradient(180deg,rgba(2,7,16,.14),rgba(2,7,16,.30));
}
.wwbs-v2721 .hero-content:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-38px -64px -42px -52px;
  border:1px solid rgba(147,197,253,.09);
  border-radius:34px;
  background:linear-gradient(115deg,rgba(6,18,42,.30),rgba(6,18,42,.08) 62%,transparent);
  box-shadow:0 34px 90px rgba(0,0,0,.16);
  pointer-events:none;
}
.wwbs-v2721 .hero-signal{opacity:1;filter:drop-shadow(0 24px 55px rgba(0,0,0,.22))}
.wwbs-v2721 .hero-signal::before{
  box-shadow:inset 0 0 60px rgba(37,99,235,.12),0 0 75px rgba(37,99,235,.10);
}
.wwbs-v2721 .hero-signal .signal-ring{border-color:rgba(147,197,253,.25)}
.wwbs-v2721 .hero-signal .ring-two{border-color:rgba(96,165,250,.24)}
.wwbs-v2721 .hero-signal .ring-three{border-color:rgba(214,173,59,.25)}
.wwbs-v2721 .hero-proof span{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}

@media (max-width:1100px){
  .wwbs-v2721 .hero h1{font-size:clamp(3.2rem,7.7vw,5rem);max-width:760px}
  .wwbs-v2721 .hero-content:before{right:-32px}
}
@media (max-width:820px){
  .wwbs-v2721 .hero h1{font-size:clamp(3rem,10vw,4.45rem);line-height:1.045;max-width:100%}
  .wwbs-v2721 .hero-content:before{inset:-24px -24px -30px -24px;border-radius:26px;background:linear-gradient(135deg,rgba(4,14,34,.28),rgba(4,14,34,.07))}
}
@media (max-width:620px){
  .wwbs-v2721 .hero{min-height:max(790px,100svh)}
  .wwbs-v2721 .hero h1{font-size:clamp(2.48rem,12.2vw,3.45rem);line-height:1.065;letter-spacing:-.052em;padding-bottom:.18em}
  .wwbs-v2721 .hero h1 span{padding-bottom:.18em;margin-bottom:-.10em}
  .wwbs-v2721 .hero-content:before{inset:-18px -12px -22px -12px;border-radius:22px}
}
@media (max-width:390px){
  .wwbs-v2721 .hero h1{font-size:clamp(2.25rem,11.8vw,2.9rem);letter-spacing:-.045em}
}
@media (prefers-reduced-motion:reduce){
  .wwbs-v2721 .hero-signal{filter:none}
}


/* =====================================================================
   WWBS Digital v27.2.2 — demo contrast, clean concept layers, contact link
   ===================================================================== */
.profile-card.is-after{background:#fff;color:#0f172a}
.profile-card.is-after .profile-kicker{color:#475569!important}
.profile-card.is-after .profile-category{color:#334155!important}
.profile-card.is-after .profile-rating{background:#f8fafc;border-color:#d7e3f1}
.profile-card.is-after .profile-rating strong{color:#b45309!important;text-shadow:none}
.profile-card.is-after .profile-rating span{color:#334155!important;font-weight:700}
.profile-card.is-after .profile-progress span,
.profile-card.is-after .profile-progress b{color:#0f172a!important;font-weight:800}
.profile-card.is-after .profile-checks{background:#f8fafc;border:1px solid #dbe5ef;border-radius:14px;padding:8px 14px}
.profile-card.is-after .profile-checks li{color:#172033!important;font-weight:800;line-height:1.45}
.profile-card.is-after .profile-checks li::before{background:#047857!important;color:#fff!important;box-shadow:0 0 0 3px rgba(4,120,87,.12)}
.profile-card.is-after .profile-actions button{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}

/* Decorative blocks must remain behind all copy and never cover it. */
.concept-preview{isolation:isolate}
.concept-preview>span,.concept-preview>h3,.concept-preview>p{position:relative;z-index:2}
.concept-preview i{z-index:0;pointer-events:none;opacity:.26;filter:saturate(.9)}
.concept-site.craft .concept-preview i{opacity:.2}
.concept-site.consulting .concept-preview i{opacity:.12}
.concept-site.modern .concept-preview i{opacity:.18}
.concept-site .concept-preview::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.04))}
.concept-site.consulting .concept-preview::after{background:linear-gradient(180deg,transparent 45%,rgba(255,255,255,.5))}

/* Hidden assistive text. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:620px){
  .profile-card.is-after .profile-checks{padding:7px 12px}
  .profile-card.is-after .profile-checks li{font-size:.92rem}
  .concept-preview i{opacity:.12}
}

/* =========================================================
   WWBS Digital v27.2.4 — verified demo contrast and clean concept previews
   ========================================================= */
/* v12 performance rules use a more specific .wwbs-v12 .profile-card selector.
   Override that rule explicitly for the active "Nachher" state. */
.wwbs-v12 .profile-demo .profile-card.is-after{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#d8e3ef!important;
}
.wwbs-v12 .profile-demo .profile-card.is-after :is(h3,strong,b){color:#0f172a!important}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-kicker{color:#475569!important}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-category,
.wwbs-v12 .profile-demo .profile-card.is-after .profile-rating span{color:#334155!important}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-checks{
  background:#f8fafc!important;
  border:1px solid #dbe5ef!important;
}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-checks li{
  color:#172033!important;
  font-weight:800!important;
  text-shadow:none!important;
}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-progress span,
.wwbs-v12 .profile-demo .profile-card.is-after .profile-progress b{color:#0f172a!important}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-actions button{
  color:#1d4ed8!important;
  background:#eff6ff!important;
  border-color:#bfdbfe!important;
}

/* The former decorative rectangles looked like rendering errors and obscured copy.
   Remove them on all breakpoints; the cards retain their gradients and typography. */
.wwbs-v12 .concept-site .concept-preview i{display:none!important}
.wwbs-v12 .concept-site .concept-preview::after{display:none!important}
.wwbs-v12 .concept-site .concept-preview>span,
.wwbs-v12 .concept-site .concept-preview>h3,
.wwbs-v12 .concept-site .concept-preview>p{position:relative;z-index:2}

@media (max-width:620px){
  .wwbs-v12 .profile-demo .profile-card.is-after .profile-checks li{font-size:.95rem;line-height:1.5}
}

/* WWBS Digital v27.3.0 — unified premium Google-profile demo and contact cleanup */
.wwbs-v12 .profile-demo .profile-card.is-after{
  background:linear-gradient(160deg,rgba(7,20,39,.98),rgba(10,32,65,.98))!important;
  color:#f8fbff!important;
  border-color:rgba(96,165,250,.34)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.34),0 0 0 1px rgba(96,165,250,.08) inset!important;
}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-cover{
  background:linear-gradient(115deg,#0c2854,#1555ae 58%,#3b82f6)!important;
}
.wwbs-v12 .profile-demo .profile-card.is-after :is(h3,strong,b){color:#fff!important}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-kicker{color:#93c5fd!important}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-category,
.wwbs-v12 .profile-demo .profile-card.is-after .profile-rating span,
.wwbs-v12 .profile-demo .profile-card.is-after .profile-progress span{color:#cbdcf4!important}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-rating{
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(147,197,253,.14)!important;
}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-rating strong{
  color:#facc15!important;
  text-shadow:0 0 18px rgba(250,204,21,.2)!important;
}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-progress>div{background:rgba(255,255,255,.12)!important}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-progress b{color:#fff!important}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-checks{
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(147,197,253,.15)!important;
  border-radius:14px!important;
  padding:8px 14px!important;
}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-checks li{
  color:#e7f0ff!important;
  border-top-color:rgba(147,197,253,.14)!important;
  font-weight:720!important;
}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-checks li::before{
  background:#0ea5e9!important;
  color:#fff!important;
  box-shadow:0 0 0 4px rgba(14,165,233,.14)!important;
}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-actions button{
  color:#eaf3ff!important;
  background:rgba(37,99,235,.18)!important;
  border-color:rgba(147,197,253,.28)!important;
}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-actions button:hover{
  background:rgba(37,99,235,.3)!important;
}
.direct-contact-links a:empty{display:none!important}
@media(max-width:620px){
  .wwbs-v12 .profile-demo .profile-card.is-after .profile-checks{padding:6px 11px!important}
  .wwbs-v12 .profile-demo .profile-card.is-after .profile-checks li{font-size:.92rem!important;line-height:1.42!important}
}


/* WWBS Digital v27.3.1 — final profile-demo contrast and contact cleanup */
.wwbs-v12 .profile-demo .profile-card.is-before .profile-checks li{
  color:#c7d7ec!important;
  border-top-color:rgba(191,219,254,.22)!important;
  font-weight:690!important;
  text-shadow:0 1px 1px rgba(0,0,0,.22)!important;
}
.wwbs-v12 .profile-demo .profile-card.is-before .profile-checks li::before{
  color:#d9e8fb!important;
  border-color:rgba(191,219,254,.38)!important;
  background:rgba(96,165,250,.16)!important;
}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-rating{
  box-shadow:0 10px 28px rgba(0,0,0,.16),0 0 0 1px rgba(147,197,253,.05) inset!important;
}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-rating strong{
  color:#fbbf24!important;
  text-shadow:0 0 16px rgba(251,191,36,.28)!important;
}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-progress>div{
  box-shadow:0 0 0 1px rgba(147,197,253,.08) inset!important;
}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-progress>div>i{
  background:linear-gradient(90deg,#2563eb,#38bdf8 62%,#facc15)!important;
  box-shadow:0 0 18px rgba(56,189,248,.22)!important;
}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-logo{
  box-shadow:0 12px 30px rgba(37,99,235,.30),0 0 0 1px rgba(255,255,255,.18) inset!important;
}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-checks li::before{
  box-shadow:0 0 0 4px rgba(14,165,233,.14),0 0 16px rgba(14,165,233,.18)!important;
}
.direct-contact-links>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
@media(max-width:620px){
  .wwbs-v12 .profile-demo .profile-card.is-before .profile-checks li{
    color:#d2e0f2!important;
    font-size:.93rem!important;
    line-height:1.48!important;
  }
}


/* WWBS Digital v27.3.2 — production polish for profile comparison */
.wwbs-v12 .profile-demo .profile-card.is-before .profile-checks{
  background:rgba(15,35,69,.28)!important;
  border:1px solid rgba(191,219,254,.12)!important;
  border-radius:14px!important;
  padding:7px 13px!important;
}
.wwbs-v12 .profile-demo .profile-card.is-before .profile-checks li{
  color:#d2deee!important;
  border-top-color:rgba(219,234,254,.24)!important;
}
.wwbs-v12 .profile-demo .profile-card.is-before .profile-checks li::before{
  color:#e2ebf7!important;
  border-color:rgba(219,234,254,.42)!important;
  background:rgba(96,165,250,.18)!important;
}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-checks{
  background:linear-gradient(180deg,rgba(30,64,175,.10),rgba(255,255,255,.035))!important;
  border-color:rgba(125,211,252,.22)!important;
  box-shadow:0 16px 34px rgba(2,8,23,.14),0 0 0 1px rgba(255,255,255,.02) inset!important;
}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-checks li{
  color:#f0f6ff!important;
}
.wwbs-v12 .profile-demo .profile-card.is-after .profile-actions button{
  box-shadow:0 8px 20px rgba(37,99,235,.12)!important;
}
@media(max-width:620px){
  .wwbs-v12 .profile-demo .profile-card.is-before .profile-checks{
    padding:7px 10px!important;
  }
  .wwbs-v12 .profile-demo .profile-card.is-before .profile-checks li{
    color:#dbe7f5!important;
    font-size:.94rem!important;
    line-height:1.5!important;
  }
}


/* WWBS Digital v27.3.3 — consultation drawer and unambiguous contact methods */
.nav-consultation-trigger{font-family:inherit}
.direct-contact-links .direct-contact-method{
  display:grid!important;
  justify-items:start!important;
  gap:2px!important;
  min-width:min(100%,260px);
  text-align:left!important;
}
.direct-contact-links .direct-contact-method span{
  color:#64748b;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.direct-contact-links .direct-contact-method strong{
  color:#1d4ed8;
  font-size:.94rem;
  overflow-wrap:anywhere;
}
@media(max-width:620px){
  .direct-contact-links .direct-contact-method{width:100%;min-width:0}
}

/* WWBS v27.4.1: klare Trennung zwischen Schnellkontakt und Projektanfrage */
.hero .hero-contact-note{max-width:720px;margin:18px 0 0;font-size:.88rem;line-height:1.55;color:#bfdbfe}
.contact-choice-list{display:grid;gap:8px;margin:18px 0 20px;padding:0;list-style:none;color:#475569;font-size:.92rem}
.contact-choice-list li{position:relative;padding-left:20px}
.contact-choice-list li:before{content:"";position:absolute;left:0;top:.58em;width:7px;height:7px;border-radius:50%;background:#2563eb}
.contact-direct-note{margin:22px 0 0;padding:16px 18px;border:1px solid #d7e3f1;border-radius:14px;background:#fff;color:#475569;text-align:center}
.contact-direct-note a{color:#1d4ed8;font-weight:750}
@media(max-width:620px){.hero .hero-contact-note{font-size:.82rem;margin-top:15px}.contact-direct-note{text-align:left}.contact-choice-list{margin-bottom:18px}}


/* WWBS v27.4.2: freiwillige Projektdetails und klarer Infopaket-Hinweis */
.field-optional{display:inline-block;margin-left:5px;color:#64748b;font-size:.76em;font-weight:650;text-transform:none;letter-spacing:0}
.form-choice small a{color:#1d4ed8;font-weight:750;text-decoration:underline;text-underline-offset:3px}


/* WWBS v27.5.0: transparente Branchenkonzepte und klarer Bewertungs-Antwortservice */
.wwbs-v2750 .service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.review-service-clarity{padding-top:0;background:#f8fafc}
.review-clarity-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center;padding:34px 38px;border:1px solid #cbdcf5;border-radius:24px;background:linear-gradient(135deg,#eff6ff,#fff);box-shadow:0 18px 50px rgba(15,23,42,.08)}
.review-clarity-card h2{margin:10px 0 12px;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.15;letter-spacing:-.035em}.review-clarity-card p{margin:0;color:#475569;max-width:850px}.subservices-four{grid-template-columns:repeat(4,1fr)}
.home-concept-strip{margin-top:72px;padding-top:44px;border-top:1px solid #dbe4f0}.home-concept-strip>div:first-child{max-width:760px}.home-concept-strip h3{font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.15;letter-spacing:-.035em;margin:12px 0}.home-concept-strip p{color:#475569}.home-concept-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0 22px}.home-concept-cards a{display:grid;overflow:hidden;border:1px solid #dbe4f0;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.home-concept-cards a:hover{transform:translateY(-4px);border-color:#93c5fd;box-shadow:0 20px 42px rgba(15,23,42,.11)}.home-concept-cards img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#07101f}.home-concept-cards span{padding:14px 16px;color:#0f172a;font-weight:800}
.concept-lab-section{scroll-margin-top:110px;background:linear-gradient(180deg,#f8fafc,#eef4fb)}.concept-lab{display:grid;grid-template-columns:340px minmax(0,1fr);gap:28px;align-items:stretch}.concept-tabs{display:grid;gap:10px;align-content:start}.concept-tabs button{display:grid;grid-template-columns:42px 1fr;column-gap:13px;align-items:start;width:100%;padding:17px;border:1px solid #dbe4f0;border-radius:16px;background:#fff;color:#0f172a;text-align:left;font:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.concept-tabs button:hover{border-color:#93c5fd;transform:translateX(3px)}.concept-tabs button.is-active{border-color:#2563eb;background:#eff6ff;box-shadow:0 12px 30px rgba(37,99,235,.1)}.concept-tabs button>span{grid-row:1/3;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#eaf1ff;color:#1d4ed8;font-size:.78rem;font-weight:900}.concept-tabs button strong,.concept-tabs button small{display:block}.concept-tabs button strong{font-size:.98rem}.concept-tabs button small{margin-top:4px;color:#64748b;line-height:1.35}.concept-preview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);overflow:hidden;border:1px solid #cad8ea;border-radius:24px;background:#fff;box-shadow:0 22px 60px rgba(15,23,42,.1);transition:opacity .16s ease,transform .16s ease}.concept-preview.is-changing{opacity:.55;transform:translateY(3px)}.concept-preview-visual{display:grid;place-items:center;min-height:460px;padding:22px;background:#07101f}.concept-preview-visual img{width:100%;height:100%;object-fit:contain}.concept-preview-copy{display:flex;flex-direction:column;justify-content:center;padding:38px}.concept-preview-copy .label{align-self:flex-start;padding:6px 10px;border-radius:999px;background:#eaf1ff;color:#1d4ed8;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.concept-preview-copy h3{font-size:clamp(1.65rem,2.5vw,2.25rem);line-height:1.12;letter-spacing:-.04em;margin:15px 0}.concept-preview-copy p{color:#475569}.concept-feature-list{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 26px}.concept-feature-list span{padding:7px 10px;border:1px solid #dbe4f0;border-radius:999px;background:#f8fafc;color:#334155;font-size:.78rem;font-weight:700}.concept-preview-copy .btn{align-self:flex-start}.concept-disclosure{display:block;margin-top:18px;color:#64748b;line-height:1.5}
@media(max-width:1180px){.wwbs-v2750 .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.subservices-four{grid-template-columns:repeat(2,1fr)}.concept-lab{grid-template-columns:1fr}.concept-tabs{grid-template-columns:repeat(2,1fr)}.concept-preview{grid-template-columns:1fr 1fr}.concept-preview-visual{min-height:390px}}
@media(max-width:760px){.review-clarity-card{grid-template-columns:1fr;padding:26px}.review-clarity-card .btn{justify-self:start}.home-concept-cards{grid-template-columns:1fr}.concept-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.concept-tabs button{flex:0 0 min(82vw,320px);scroll-snap-align:start}.concept-preview{grid-template-columns:1fr}.concept-preview-visual{min-height:430px;aspect-ratio:auto;padding:16px}.concept-preview-copy{padding:26px}.concept-preview-copy .btn{width:100%}}
@media(max-width:620px){.wwbs-v2750 .service-grid{grid-template-columns:1fr}.subservices-four{grid-template-columns:1fr}.home-concept-strip{margin-top:54px;padding-top:34px}.concept-lab-section .section-head p{font-size:.98rem}}
@media(prefers-reduced-motion:reduce){.home-concept-cards a,.concept-tabs button,.concept-preview{transition:none!important}.concept-preview.is-changing{opacity:1;transform:none}}

/* WWBS Digital v27.6.0: Branchenbeispiele, Bewertungsantworten und klarere Schnellkontakt-Führung */
.showcase-library-hero{background:linear-gradient(135deg,#07111f 0%,#102a52 58%,#174a83 100%);color:#fff;overflow:hidden;position:relative}.showcase-library-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-160px;top:-180px;background:rgba(37,99,235,.28);filter:blur(12px)}.showcase-library-hero .container{position:relative;z-index:2}.showcase-library-hero p{color:#dbeafe;max-width:900px}.showcase-library-hero .eyebrow{color:#93c5fd}.showcase-library-hero .eyebrow:before{background:#60a5fa}.showcase-library-hero .btn-outline{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.32)}
.showcase-journey{background:linear-gradient(180deg,#fff,#f5f8fc)}.industry-showcase-grid{display:grid;gap:34px}.industry-showcase{--industry-accent:#2563eb;--industry-deep:#0f2f64;border:1px solid #dbe4f0;border-radius:28px;padding:34px;background:#fff;box-shadow:0 18px 55px rgba(15,23,42,.08)}.industry-praxis{--industry-accent:#0f766e;--industry-deep:#123f45}.industry-beratung{--industry-accent:#7c3aed;--industry-deep:#2f1b5b}.industry-lokal{--industry-accent:#c2410c;--industry-deep:#54250e}.industry-title{display:flex;align-items:center;gap:16px;margin-bottom:24px}.industry-title>span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--industry-accent) 12%,white);color:var(--industry-accent);font-weight:900}.industry-title small{display:block;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.industry-title h3{font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.15;margin:3px 0 0;letter-spacing:-.035em}.industry-visual-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:22px;align-items:stretch}.concept-browser,.concept-profile-card{border:1px solid #cad8e8;border-radius:20px;overflow:hidden;box-shadow:0 16px 38px rgba(15,23,42,.09)}.concept-browser{background:#eef3f8}.concept-browser-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#e4eaf1;color:#64748b;font-size:.76rem}.concept-browser-bar i{width:9px;height:9px;border-radius:50%;background:#aab7c7}.concept-browser-bar i:first-child{background:#fb7185}.concept-browser-bar i:nth-child(2){background:#fbbf24}.concept-browser-bar i:nth-child(3){background:#34d399}.concept-browser-bar span{margin-left:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.concept-site-shell{min-height:420px;color:#fff;background:linear-gradient(135deg,var(--industry-deep),#0b1220);position:relative;overflow:hidden}.concept-site-shell:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-130px;top:-120px;background:color-mix(in srgb,var(--industry-accent) 44%,transparent)}.concept-site-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.12);font-size:.78rem}.concept-site-nav b{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--industry-accent);font-size:.85rem}.concept-site-nav span{margin-left:auto;color:#dbeafe}.concept-site-nav em{font-style:normal;padding:8px 11px;border-radius:8px;background:#fff;color:#0f172a;font-weight:800}.concept-site-hero{position:relative;z-index:2;max-width:620px;padding:56px 34px 42px}.concept-site-hero small{text-transform:uppercase;letter-spacing:.12em;color:#bfdbfe;font-weight:800}.concept-site-hero h4{font-size:clamp(2rem,4.2vw,3.7rem);line-height:1.02;letter-spacing:-.055em;margin:14px 0 18px}.concept-site-hero h4 strong{color:color-mix(in srgb,var(--industry-accent) 72%,white)}.concept-site-hero p{max-width:560px;color:#dbeafe;margin:0 0 22px}.concept-site-hero button{border:0;border-radius:9px;padding:11px 15px;background:var(--industry-accent);color:#fff;font-weight:850}.concept-site-metrics{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12)}.concept-site-metrics span{padding:15px;background:rgba(4,12,27,.68);color:#cbd5e1;font-size:.78rem}.concept-site-metrics b{display:block;color:#fff;font-size:.96rem}.concept-profile-card{padding:22px;background:#fff}.concept-profile-cover{height:86px;margin:-22px -22px 18px;background:linear-gradient(135deg,var(--industry-deep),var(--industry-accent))}.concept-profile-head{display:flex;gap:12px;align-items:center}.concept-profile-head>span{flex:0 0 48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--industry-accent);color:#fff;font-weight:900}.concept-profile-head small{display:block;color:#64748b;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.concept-profile-head h4{margin:2px 0 0;font-size:1.08rem;line-height:1.2}.concept-profile-head p{margin:2px 0 0;color:#64748b;font-size:.82rem}.concept-profile-rating{display:flex;align-items:baseline;gap:8px;padding:18px 0 14px;border-bottom:1px solid #e2e8f0}.concept-profile-rating strong{font-size:1.4rem;color:#f59e0b}.concept-profile-rating span{color:#64748b;font-size:.76rem}.concept-profile-card ul{display:grid;gap:9px;margin:16px 0;padding:0;list-style:none}.concept-profile-card li{position:relative;padding-left:20px;color:#475569;font-size:.82rem}.concept-profile-card li:before{content:"✓";position:absolute;left:0;color:var(--industry-accent);font-weight:900}.concept-profile-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.concept-profile-actions span{padding:8px 5px;border:1px solid #dbe4f0;border-radius:8px;text-align:center;color:var(--industry-accent);font-size:.72rem;font-weight:800}.industry-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.industry-benefits span{padding:7px 11px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:.76rem;font-weight:750}
.design-directions{background:#07111f;color:#fff}.design-directions .section-head p{color:#cbd5e1}.design-directions .eyebrow{color:#93c5fd}.design-direction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.design-direction-grid article{padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.06)}.design-direction-grid h3{margin:18px 0 8px}.design-direction-grid p{margin:0;color:#d6e0ec}.design-direction-grid small{display:block;margin-top:14px;color:#93c5fd}.design-swatch{display:block;height:120px;border-radius:14px;border:1px solid rgba(255,255,255,.16)}.design-swatch-tech{background:linear-gradient(135deg,#07111f 0 58%,#2563eb 58% 72%,#e2e8f0 72%)}.design-swatch-calm{background:linear-gradient(135deg,#f7faf9 0 62%,#0f766e 62% 70%,#d6ebe5 70%)}.design-swatch-local{background:linear-gradient(135deg,#3a1b0b 0 55%,#c2410c 55% 68%,#f5d0a9 68%)}.design-swatch-premium{background:linear-gradient(135deg,#171122 0 60%,#7c3aed 60% 69%,#e9d5ff 69%)}
.review-response-library{background:#f7f9fc}.review-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:0 0 30px}.review-principles>div{display:flex;gap:12px;padding:18px;border:1px solid #dbe4f0;border-radius:16px;background:#fff}.review-principles b{flex:0 0 34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eaf1ff;color:#1d4ed8}.review-principles span{color:#475569;font-size:.84rem}.review-principles strong{display:block;color:#0f172a;margin-bottom:3px}.review-template-list{display:grid;gap:12px}.review-template-list details{border:1px solid #d6e1ef;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 25px rgba(15,23,42,.05)}.review-template-list summary{display:grid;grid-template-columns:48px minmax(0,1fr);gap:3px 14px;align-items:center;padding:18px 20px;cursor:pointer;list-style:none}.review-template-list summary::-webkit-details-marker{display:none}.review-template-list summary:after{content:"+";grid-column:3;grid-row:1/3;font-size:1.5rem;color:#2563eb}.review-template-list details[open] summary:after{content:"−"}.review-template-list summary strong{font-size:1rem}.review-template-list summary small{grid-column:2;color:#64748b}.review-score{grid-row:1/3;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-weight:900}.review-score.positive{background:#dcfce7;color:#166534}.review-score.neutral{background:#fef3c7;color:#92400e}.review-score.critical{background:#fee2e2;color:#991b1b}.review-template-body{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:24px;padding:0 20px 22px}.review-template-body blockquote{margin:0;padding:18px;border-left:4px solid #94a3b8;border-radius:0 12px 12px 0;background:#f8fafc;color:#334155}.review-template-body h3,.review-template-body h4{margin:0 0 7px}.review-template-body h4{margin-top:14px;font-size:.82rem;text-transform:uppercase;letter-spacing:.07em;color:#64748b}.review-template-body p{margin:0;color:#475569}
.differentiation-section{background:#fff}.differentiation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.differentiation-grid article{padding:26px;border:1px solid #dbe4f0;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.06)}.differentiation-grid span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eff6ff;color:#2563eb;font-weight:900}.differentiation-grid h3{margin:16px 0 8px}.differentiation-grid p{margin:0;color:#475569}
.quick-contact-explainer{margin:0 0 18px;padding:14px 15px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;color:#1e3a5f;font-size:.88rem}.quick-contact-explainer strong{display:block;color:#1d4ed8;margin-bottom:3px}.quick-contact-explainer a{color:#1d4ed8;font-weight:800;text-decoration:underline;text-underline-offset:3px}.quick-contact-kind{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;padding:6px 10px;border-radius:999px;background:#eaf1ff;color:#1d4ed8;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.contact-choice-time{display:inline-block;margin:0 0 10px;padding:5px 9px;border-radius:999px;background:#eaf1ff;color:#1d4ed8;font-size:.74rem;font-weight:850}.contact-page-hero .hero-actions .btn-primary:after{content:" · ca. 1 Min.";font-weight:650;opacity:.82}
.wwbs-delivery-status{display:block;line-height:1.45}.wwbs-delivery-status .is-ok{color:#166534;font-weight:750}.wwbs-delivery-status .is-waiting{color:#9a3412;font-weight:750}.wwbs-delivery-status .button{margin-top:6px}
@media(max-width:1050px){.industry-visual-grid{grid-template-columns:1fr}.concept-profile-card{max-width:none}.design-direction-grid,.review-principles{grid-template-columns:repeat(2,1fr)}.differentiation-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.industry-showcase{padding:22px;border-radius:22px}.concept-site-shell{min-height:390px}.concept-site-nav{padding:16px}.concept-site-nav span{display:none}.concept-site-hero{padding:42px 24px 34px}.concept-site-metrics{grid-template-columns:1fr}.concept-site-metrics span{padding:11px 18px}.review-template-body{grid-template-columns:1fr}.review-template-list summary{grid-template-columns:44px minmax(0,1fr);padding:15px}.review-template-list summary:after{grid-column:2;grid-row:1;justify-self:end}.review-template-list summary strong{padding-right:28px}.review-template-list summary small{grid-column:2}.review-template-body{padding:0 15px 18px}.differentiation-grid{grid-template-columns:1fr}}
@media(max-width:620px){.design-direction-grid,.review-principles{grid-template-columns:1fr}.industry-title{align-items:flex-start}.concept-profile-actions{grid-template-columns:1fr}.industry-benefits{display:grid;grid-template-columns:1fr 1fr}.industry-benefits span{text-align:center}.showcase-library-hero .hero-actions .btn{width:100%}.contact-page-hero .hero-actions .btn-primary:after{content:" · 1 Min."}}
@media(prefers-reduced-motion:reduce){.industry-showcase,.review-template-list details{scroll-behavior:auto}}

/* v27.6.0 - Beispielwelten, Bewertungsbibliothek und klarere Kontaktwege */
.example-worlds-hero{background:radial-gradient(circle at 82% 12%,rgba(37,99,235,.28),transparent 32%),linear-gradient(135deg,#07111f,#0f2f67);color:#fff}.example-worlds-hero p{color:#dbeafe}.example-worlds-hero .eyebrow{color:#93c5fd}.example-worlds-hero .eyebrow:before{background:#60a5fa}.example-worlds-hero .bread,.example-worlds-hero .bread a{color:#cbd5e1}.example-worlds-hero .btn-outline{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.07);color:#fff}.example-worlds-hero .btn-outline:hover{background:#fff;color:#1d4ed8}
.home-example-worlds{background:#fff}.home-world-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.home-world-grid>a{display:block;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-soft);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.home-world-grid>a:hover,.home-world-grid>a:focus-visible{transform:translateY(-4px);border-color:#93c5fd;box-shadow:var(--shadow)}.home-world-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#07111f}.home-world-grid span{display:block;padding:16px 18px}.home-world-grid strong,.home-world-grid small{display:block}.home-world-grid small{margin-top:2px;color:var(--muted)}.home-world-actions{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:30px}
.industry-world-grid{display:grid;gap:34px}.industry-world-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);overflow:hidden;border:1px solid #dbe4f0;border-radius:26px;background:#fff;box-shadow:0 20px 55px rgba(15,23,42,.08)}.industry-world-card:nth-child(even) .industry-world-visual{order:2}.industry-world-visual{position:relative;display:grid;place-items:center;padding:24px;background:#07111f;min-width:0}.industry-world-visual img{width:100%;max-height:620px;object-fit:contain;border-radius:18px}.concept-label{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#eaf1ff;color:#1d4ed8;font-size:.72rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.industry-world-visual>.concept-label{position:absolute;z-index:2;left:38px;top:38px;background:rgba(255,255,255,.94)}.industry-world-copy{padding:42px}.industry-number{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--blue-soft);color:var(--blue);font-weight:900}.industry-world-copy h3{font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.12;margin:18px 0 12px;letter-spacing:-.035em}.industry-world-copy>p{color:var(--text);margin:0 0 24px}.industry-world-copy dl{display:grid;gap:12px;margin:0}.industry-world-copy dl>div{padding:14px 0;border-top:1px solid var(--line)}.industry-world-copy dt{font-size:.78rem;font-weight:850;color:var(--blue);text-transform:uppercase;letter-spacing:.06em}.industry-world-copy dd{margin:3px 0 0;color:#334155}
.google-concept-section{background:#07111f;color:#fff}.google-concept-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:70px;align-items:center}.google-concept-copy>p{color:#cbd5e1}.google-concept-copy .check-list{margin-top:28px}.google-concept-copy .check-list li{color:#e2e8f0}.google-concept-copy .check-icon{background:rgba(37,99,235,.24);color:#93c5fd}.google-profile-mock{overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:#fff;color:#0f172a;box-shadow:0 32px 80px rgba(0,0,0,.32)}.gpm-top{display:flex;justify-content:space-between;gap:16px;padding:12px 18px;background:#eaf1ff;color:#1d4ed8;font-size:.68rem;font-weight:850;letter-spacing:.06em}.gpm-top i{font-style:normal;color:#64748b}.gpm-cover{min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;background:radial-gradient(circle at 80% 10%,rgba(96,165,250,.75),transparent 30%),linear-gradient(135deg,#0f2f67,#0284c7);color:#fff}.gpm-cover b{font-size:2rem;letter-spacing:.08em}.gpm-cover small{color:#dbeafe}.gpm-body{display:flex;align-items:center;gap:16px;padding:24px}.gpm-avatar{flex:0 0 64px;height:64px;display:grid;place-items:center;border-radius:18px;background:#2563eb;color:#fff;font-size:1.5rem;font-weight:900}.gpm-body h3{margin:0;font-size:1.35rem}.gpm-body p{margin:2px 0;color:#64748b}.gpm-stars{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:7px}.gpm-stars span{color:#f59e0b;letter-spacing:.06em}.gpm-stars small{color:#64748b}.gpm-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 24px 20px}.gpm-actions span{padding:10px;border:1px solid #dbe4f0;border-radius:10px;text-align:center;color:#1d4ed8;font-weight:800;font-size:.82rem}.gpm-info{padding:18px 24px;border-top:1px solid #e2e8f0}.gpm-info p{margin:5px 0;color:#475569}.gpm-info b{color:#166534}.gpm-post{display:grid;gap:4px;margin:0 24px 24px;padding:16px;border-radius:14px;background:#f1f5f9}.gpm-post span{font-size:.72rem;font-weight:850;color:#2563eb;text-transform:uppercase}.gpm-post small{color:#64748b}
.review-library-section{background:#f7f9fc}.review-library{overflow:hidden;border:1px solid #dbe4f0;border-radius:24px;background:#fff;box-shadow:var(--shadow-soft)}.review-library-tabs{display:flex;gap:8px;overflow-x:auto;padding:14px;background:#07111f;scrollbar-width:thin}.review-library-tabs button{flex:0 0 auto;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:9px 14px;background:rgba(255,255,255,.07);color:#dbeafe;font-weight:750;cursor:pointer}.review-library-tabs button:hover,.review-library-tabs button:focus-visible,.review-library-tabs button.is-active{background:#fff;color:#1d4ed8;border-color:#fff}.review-library-stage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0}.review-example-card,.review-response-card{padding:34px}.review-example-card{background:#fff;border-right:1px solid #e2e8f0}.review-example-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.review-example-head strong,.review-example-stars{display:block}.review-example-stars{color:#f59e0b;font-size:1.2rem;letter-spacing:.05em}.review-example-card blockquote{margin:26px 0;padding:22px;border-left:4px solid #2563eb;border-radius:0 14px 14px 0;background:#f8fafc;color:#334155;font-size:1.08rem}.review-risk{display:grid;gap:5px;padding:16px;border-radius:14px;background:#fff7ed;color:#7c2d12}.review-risk b{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.review-response-card{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#eff6ff,#fff)}.review-response-card>p{font-size:1.08rem;line-height:1.75;color:#24334b}.response-checks{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.response-checks span{padding:6px 9px;border-radius:999px;background:#dcfce7;color:#166534;font-size:.76rem;font-weight:800}
.review-service-system{background:#fff}.differentiator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.differentiator-grid article{padding:26px;border:1px solid #dbe4f0;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.06)}.differentiator-grid article>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eff6ff;color:#2563eb;font-weight:900}.differentiator-grid h3{margin:16px 0 8px}.differentiator-grid p{margin:0;color:#475569}.standout-section{background:#07111f;color:#fff}.standout-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:70px;align-items:start}.standout-grid>div:first-child p{color:#cbd5e1}.standout-list{display:grid;gap:12px}.standout-list>div{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.06)}.standout-list b{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#2563eb}.standout-list span{color:#dbeafe}.standout-list strong{display:block;color:#fff;margin-bottom:3px}
.contact-form-divider{background:#eaf1ff;border-top:1px solid #bfdbfe;border-bottom:1px solid #bfdbfe}.contact-form-divider .container{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:14px;padding-bottom:14px;text-align:center}.contact-form-divider span{color:#1e3a5f}.contact-form-divider small{color:#475569}.quick-contact-explainer span{display:block}.quick-contact-full{display:block;margin-top:4px;text-align:center;font-weight:800;color:#1d4ed8;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){.home-world-grid{grid-template-columns:repeat(2,1fr)}.industry-world-card{grid-template-columns:1fr}.industry-world-card:nth-child(even) .industry-world-visual{order:0}.google-concept-grid,.standout-grid{grid-template-columns:1fr;gap:42px}.review-library-stage{grid-template-columns:1fr}.review-example-card{border-right:0;border-bottom:1px solid #e2e8f0}.differentiator-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.home-world-grid{grid-template-columns:1fr 1fr;gap:12px}.home-world-grid span{padding:12px}.industry-world-copy{padding:26px 22px}.industry-world-visual{padding:14px}.industry-world-visual>.concept-label{left:24px;top:24px}.google-concept-grid{grid-template-columns:minmax(0,1fr)}.google-profile-mock{min-width:0}.gpm-body{align-items:flex-start}.review-example-card,.review-response-card{padding:24px 20px}.review-example-head{flex-direction:column}.differentiator-grid{grid-template-columns:1fr}.contact-form-divider .container{display:grid;gap:2px}.review-library-tabs{padding:10px}.review-library-tabs button{padding:8px 11px}.standout-list>div{grid-template-columns:38px 1fr;padding:15px}.standout-list b{width:36px;height:36px}.home-world-actions .btn,.home-world-actions .text-link{width:100%;justify-content:center;text-align:center}}
@media(max-width:430px){.home-world-grid{grid-template-columns:1fr}.gpm-actions{grid-template-columns:1fr}.gpm-top{display:grid}.gpm-body{padding:18px}.gpm-info,.gpm-actions{padding-left:18px;padding-right:18px}.gpm-post{margin-left:18px;margin-right:18px}.industry-world-visual img{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.home-world-grid>a{transition:none}.review-library-tabs{scroll-behavior:auto}}
.form-mode-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 18px;align-items:center;margin-bottom:24px;padding:18px 20px;border:1px solid #bfdbfe;border-radius:16px;background:#eff6ff}.form-mode-banner strong{color:#1d4ed8}.form-mode-banner span{grid-column:1;color:#475569;font-size:.9rem}.form-mode-banner button{grid-column:2;grid-row:1/3;border:1px solid #93c5fd;border-radius:9px;padding:10px 13px;background:#fff;color:#1d4ed8;font-weight:800;cursor:pointer}@media(max-width:700px){.form-mode-banner{grid-template-columns:1fr}.form-mode-banner span,.form-mode-banner button{grid-column:1;grid-row:auto}.form-mode-banner button{margin-top:10px;width:100%}}
/* v27.6.0 mobile overflow hardening */
.industry-showcase-grid,.industry-showcase,.industry-visual-grid,.concept-browser,.concept-profile-card{min-width:0;max-width:100%}
@media(max-width:760px){.industry-showcase{width:100%}.concept-site-hero h4{overflow-wrap:anywhere}.concept-browser-bar span{min-width:0}}
@media(max-width:420px){
  .industry-title>div,.concept-profile-head>div{min-width:0}
  .industry-title h3,.industry-title small,.concept-profile-head h4,.concept-profile-head small,.concept-profile-head p{overflow-wrap:anywhere;hyphens:auto}
  .industry-title{gap:12px}
  .industry-title>span{width:40px;height:40px;flex:0 0 40px}
  .concept-profile-head{align-items:flex-start}
}
/* Keep intentionally dark showcase section above generic alternating section backgrounds. */
.wwbs-v16 main>.section.design-directions{background:#07111f;color:#fff;border-top-color:rgba(255,255,255,.08)}
.wwbs-v16 main>.section.design-directions{background:#07111f!important;color:#fff!important}
/* v27.6.0 contact labels: no duplicated time suffix and no inherited number-badge dimensions. */
.contact-page-hero .hero-actions .btn-primary:after{content:none!important}
.contact-choice-grid article>.contact-choice-time{display:inline-flex;width:auto;height:auto;place-items:initial;align-items:center;margin:0 0 10px;padding:5px 9px;border-radius:999px;background:#eaf1ff;color:#1d4ed8;font-size:.74rem;line-height:1.25;font-weight:850}
.entry-products-section{background:#eef5ff}.entry-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.entry-products-grid article{padding:28px;border:1px solid #cddcf0;border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.07)}.entry-products-grid article>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eaf1ff;color:#1d4ed8;font-weight:900}.entry-products-grid h3{margin:17px 0 9px}.entry-products-grid p{margin:0 0 16px;color:#475569}.entry-products-grid small{display:block;padding-top:14px;border-top:1px solid #e2e8f0;color:#1e3a5f;font-weight:700}@media(max-width:900px){.entry-products-grid{grid-template-columns:1fr}}

/* WWBS Digital v27.7.0: veröffentlichte Beispielwelten, Vorher-Nachher-Webseiten und Checklisten-Übergabe */
.page-hero h1,.section-head h2,.split h2,.cta h2,.cta-copy h2{hyphens:none;word-break:normal;overflow-wrap:break-word;text-wrap:balance}
.website-example-intro{background:linear-gradient(180deg,#fff,#f6f9fd)}
.website-example-grid{display:grid;gap:42px}
.website-example-card{overflow:hidden;border:1px solid #d7e2ef;border-radius:28px;background:#fff;box-shadow:0 22px 60px rgba(15,23,42,.09)}
.website-example-head{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:18px;align-items:center;padding:24px 28px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fbff,#eef5ff)}
.website-example-head>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#0f3c82;color:#fff;font-weight:900}
.website-example-head small{display:block;color:#64748b;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.website-example-head h3{margin:3px 0 0;font-size:1.45rem;line-height:1.15}
.website-example-head>strong{max-width:320px;color:#1d4ed8;font-size:.86rem;text-align:right}
.before-after-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.site-state{min-width:0;padding:26px}
.site-state+ .site-state{border-left:1px solid #e2e8f0}
.state-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.state-label b{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:.74rem;letter-spacing:.07em;text-transform:uppercase}
.state-label span{color:#64748b;font-size:.78rem}
.site-state-before .state-label b{background:#fee2e2;color:#991b1b}
.site-state-after .state-label b{background:#dcfce7;color:#166534}
.old-site-window,.modern-site-window{min-height:365px;border-radius:18px;overflow:hidden;border:1px solid #d8e1ec;box-shadow:0 12px 30px rgba(15,23,42,.08)}
.old-site-window{background:#eee9df;color:#3f3a33;font-family:Arial,sans-serif}
.old-site-top{padding:24px 22px;background:linear-gradient(#f9f3e8,#e6ddcf);font-family:Georgia,serif;font-size:1.25rem;font-weight:700;text-align:center}
.old-site-top small{display:block;margin-top:4px;font-family:Arial,sans-serif;font-size:.72rem;font-weight:400}
.old-site-nav{padding:10px 12px;background:#6f665c;color:#fff;font-size:.7rem;text-align:center;letter-spacing:.02em}
.old-site-body{padding:28px 24px;text-align:center}
.old-site-box{margin-bottom:25px;padding:16px;border:2px dashed #9a8e80;background:#f8f3eb;font-size:.86rem}
.old-site-lines{display:grid;gap:8px;margin:0 auto 25px;max-width:78%}
.old-site-lines i{height:7px;border-radius:3px;background:#c7bdae}.old-site-lines i:nth-child(2){width:85%}.old-site-lines i:nth-child(3){width:66%}.old-site-lines i:nth-child(4){width:92%}.old-site-lines i:nth-child(5){width:72%}
.old-site-window button{border:1px solid #5d554e;background:#8d8175;color:#fff;padding:8px 13px;font-size:.75rem}
.old-hair{background:#ececec}.old-hair .old-site-top{background:linear-gradient(#fff,#dcdcdc);font-family:Arial,sans-serif;letter-spacing:.16em}.old-hair .old-site-nav{background:#111}.old-hair .old-site-box{background:#fff;border-color:#777}
.old-craft{background:#f1f4f6}.old-craft .old-site-top{background:linear-gradient(#e9edf0,#cfd5da);font-family:Arial,sans-serif;color:#1f2937}.old-craft .old-site-nav{background:#30506c}.old-craft .old-site-box{background:#fff;border-color:#7f98ac}
.old-local{background:#f7ead8}.old-local .old-site-top{background:linear-gradient(#fff3df,#e5c79d);color:#6d3f18}.old-local .old-site-nav{background:#7a3418}.old-local .old-site-box{background:#fff9ee;border-color:#b98050}
.modern-site-window{position:relative;color:#fff;background:linear-gradient(145deg,#111827,#1e3a8a);font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.modern-site-window:after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;right:-90px;top:-90px;background:rgba(96,165,250,.2)}
.modern-site-nav{position:relative;z-index:2;display:flex;align-items:center;gap:16px;padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.13);font-size:.7rem}
.modern-site-nav b{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#3b82f6;font-size:.78rem}.modern-site-nav span{margin-left:auto;color:#dbeafe}.modern-site-nav em{font-style:normal;padding:7px 9px;border-radius:8px;background:#fff;color:#0f172a;font-weight:800}
.modern-site-hero{position:relative;z-index:2;padding:42px 25px 30px;max-width:560px}.modern-site-hero small{color:#bfdbfe;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.modern-site-hero h4{margin:11px 0 14px;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.02;letter-spacing:-.045em}.modern-site-hero h4 strong{color:#93c5fd}.modern-site-hero p{max-width:480px;margin:0 0 18px;color:#dbeafe;font-size:.84rem}.modern-site-hero button{border:0;border-radius:9px;padding:10px 13px;background:#3b82f6;color:#fff;font-weight:850;font-size:.78rem}
.modern-site-proof{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.13)}.modern-site-proof span{padding:12px;background:rgba(3,10,25,.62);font-size:.7rem;color:#cbd5e1}.modern-site-proof b{display:block;color:#fff;font-size:.82rem}
.nails-modern{background:linear-gradient(145deg,#251c2d,#7c3f73)}.nails-modern .modern-site-nav b,.nails-modern .modern-site-hero button{background:#d46daf}.nails-modern .modern-site-hero h4 strong{color:#ffc8e7}.nails-modern:after{background:rgba(244,114,182,.2)}
.hair-modern{background:linear-gradient(145deg,#111,#3b3029)}.hair-modern .modern-site-nav b,.hair-modern .modern-site-hero button{background:#d0a46c}.hair-modern .modern-site-hero h4 strong{color:#f4d7ad}.hair-modern:after{background:rgba(217,170,110,.2)}
.craft-modern{background:linear-gradient(145deg,#071827,#164e63)}.craft-modern .modern-site-nav b,.craft-modern .modern-site-hero button{background:#0ea5e9}.craft-modern .modern-site-hero h4 strong{color:#7dd3fc}.craft-modern:after{background:rgba(14,165,233,.2)}
.local-modern{background:linear-gradient(145deg,#211108,#7c2d12)}.local-modern .modern-site-nav b,.local-modern .modern-site-hero button{background:#f97316}.local-modern .modern-site-hero h4 strong{color:#fdba74}.local-modern:after{background:rgba(249,115,22,.22)}
.site-state ul{display:grid;gap:7px;margin:18px 0 0;padding:0;list-style:none}.site-state li{position:relative;padding-left:20px;color:#475569;font-size:.8rem}.site-state li:before{position:absolute;left:0;font-weight:900}.site-state-before li:before{content:"×";color:#dc2626}.site-state-after li:before{content:"✓";color:#16a34a}
.example-google-row{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr);gap:26px;align-items:center;padding:26px 28px;border-top:1px solid #e2e8f0;background:#f8fafc}
.google-profile-mock.compact{max-width:430px;margin:0;box-shadow:0 12px 30px rgba(15,23,42,.08)}
.example-change-list h4{margin:0 0 8px;font-size:1.15rem}.example-change-list p{margin:0;color:#475569}
.review-service-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 30px}.review-service-flow>div{display:flex;gap:12px;padding:17px;border:1px solid #dbe4f0;border-radius:15px;background:#fff}.review-service-flow b{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eaf1ff;color:#1d4ed8}.review-service-flow span{color:#475569;font-size:.82rem}.review-service-flow strong{display:block;color:#0f172a;margin-bottom:2px}
.review-service-boundary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-top:30px;padding:28px;border-radius:22px;background:linear-gradient(135deg,#071827,#0f3c82);color:#fff}.review-service-boundary h3{margin:8px 0 8px;font-size:1.4rem}.review-service-boundary p{margin:0;color:#dbeafe}.review-service-boundary .eyebrow{color:#93c5fd}.review-service-boundary .eyebrow:before{background:#60a5fa}
.checklist-result-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.checklist-result-note{margin:0;color:#64748b;font-size:.8rem}.check-intake-banner{display:none;margin:0 auto 26px;padding:20px 22px;border:1px solid #bfdbfe;border-radius:16px;background:#eff6ff}.check-intake-banner.is-visible{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start}.check-intake-banner>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#2563eb;color:#fff;font-weight:900}.check-intake-banner h3{margin:0 0 4px}.check-intake-banner p{margin:0;color:#475569}.check-intake-banner small{display:block;margin-top:6px;color:#1d4ed8;font-weight:700}
.contact-choice-grid.contact-choice-grid-three{grid-template-columns:repeat(3,1fr)}
.contact-choice-grid .check-choice-card{border-color:#bfdbfe;background:linear-gradient(145deg,#eff6ff,#fff)}
@media(max-width:980px){.before-after-grid{grid-template-columns:1fr}.site-state+.site-state{border-left:0;border-top:1px solid #e2e8f0}.review-service-flow{grid-template-columns:1fr 1fr}.contact-choice-grid.contact-choice-grid-three{grid-template-columns:1fr}.website-example-head{grid-template-columns:48px 1fr}.website-example-head>strong{grid-column:2;text-align:left}.example-google-row{grid-template-columns:1fr}.google-profile-mock.compact{max-width:none}}
@media(max-width:620px){.website-example-card{border-radius:20px}.website-example-head{padding:19px 18px;gap:12px}.website-example-head>span{width:42px;height:42px}.site-state{padding:18px}.old-site-window,.modern-site-window{min-height:330px}.modern-site-nav span{display:none}.modern-site-hero{padding:34px 20px 25px}.modern-site-proof{grid-template-columns:1fr}.modern-site-proof span{padding:9px 14px}.example-google-row{padding:20px 18px}.review-service-flow{grid-template-columns:1fr}.review-service-boundary{grid-template-columns:1fr;padding:22px}.review-service-boundary .btn{width:100%}.checklist-result-actions{align-items:stretch}.checklist-result-actions .btn{width:100%}.check-intake-banner.is-visible{grid-template-columns:1fr}.page-hero h1{overflow-wrap:break-word;hyphens:none}}

/* v27.7.0 – sichtbare Vorher-Nachher-Beispielwelten */
.transformation-section{background:linear-gradient(180deg,#fff,#f5f8fc)}
.transformation-list{display:grid;gap:34px}
.transformation-card{--example-accent:#2563eb;--example-deep:#0f2f64;overflow:hidden;border:1px solid #d8e3ef;border-radius:28px;background:#fff;box-shadow:0 20px 58px rgba(15,23,42,.09)}
.transformation-heading{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:16px;align-items:center;padding:24px 28px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fbff,#eef4fb)}
.transformation-heading>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--example-accent);color:#fff;font-weight:900}
.transformation-heading small{display:block;color:#64748b;font-size:.74rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.transformation-heading h3{margin:2px 0 0;font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1.15}
.transformation-heading em{font-style:normal;padding:7px 10px;border-radius:999px;background:#eaf1ff;color:#1d4ed8;font-size:.72rem;font-weight:800}
.transformation-views{display:grid;grid-template-columns:1fr 1fr}
.transformation-view{min-width:0;padding:25px}
.transformation-view+.transformation-view{border-left:1px solid #e2e8f0}
.transformation-label{display:inline-flex;margin-bottom:14px;padding:6px 10px;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.transformation-view.is-before .transformation-label{background:#fee2e2;color:#991b1b}
.transformation-view.is-after .transformation-label{background:#dcfce7;color:#166534}
.example-browser{overflow:hidden;border:1px solid #cad8e8;border-radius:18px;background:#eef3f8;box-shadow:0 15px 36px rgba(15,23,42,.08)}
.example-browser-bar{height:40px;display:flex;align-items:center;gap:7px;padding:0 13px;background:#e4eaf1;color:#64748b;font-size:.72rem}
.example-browser-bar i{width:8px;height:8px;border-radius:50%;background:#aab7c7}.example-browser-bar i:first-child{background:#fb7185}.example-browser-bar i:nth-child(2){background:#fbbf24}.example-browser-bar i:nth-child(3){background:#34d399}.example-browser-bar span{min-width:0;margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.legacy-business-body{min-height:360px;padding:42px 30px;text-align:center;background:#eee7dc;color:#4b4034;font-family:Georgia,serif}
.legacy-business-body h4{margin:0 0 12px;font-size:1.35rem;line-height:1.25}.legacy-business-body p{max-width:420px;margin:0 auto 20px;color:#6b5d50;font-family:Arial,sans-serif;font-size:.84rem}.legacy-menu{padding:9px;border-block:1px solid #9b8b7a;font-family:Arial,sans-serif;font-size:.7rem}.legacy-placeholder{height:100px;margin:24px auto;max-width:270px;border:2px dashed #aa9b8b;background:rgba(255,255,255,.35)}.legacy-business-body strong{font-family:Arial,sans-serif;font-size:.8rem}
.salon-old{background:#ececec;color:#252525;font-family:Arial,sans-serif}.salon-old .legacy-menu{border-color:#777}.salon-old .legacy-placeholder{border-color:#888;background:#f8f8f8}
.craft-old{background:#edf2f5;color:#274158;font-family:Arial,sans-serif}.craft-old .legacy-menu{border-color:#7890a4}.craft-old .legacy-placeholder{border-color:#8ca0af;background:#fff}
.health-old{background:#e8f0e9;color:#365148;font-family:Arial,sans-serif}.health-old .legacy-menu{border-color:#7f9b91}.health-old .legacy-placeholder{border-color:#94aaa3;background:#f7faf8}
.modern-business-body{position:relative;min-height:360px;overflow:hidden;color:#fff;background:linear-gradient(145deg,var(--example-deep),#0b1220)}
.modern-business-body:after{content:"";position:absolute;width:310px;height:310px;border-radius:50%;right:-120px;top:-120px;background:rgba(37,99,235,.22);background:color-mix(in srgb,var(--example-accent) 34%,transparent)}
.modern-business-body nav{position:relative;z-index:2;display:flex;align-items:center;gap:16px;padding:17px 19px;border-bottom:1px solid rgba(255,255,255,.13);font-size:.7rem}
.modern-business-body nav b{min-width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--example-accent);padding:0 7px}.modern-business-body nav span{margin-left:auto;color:#dbeafe}.modern-business-body nav em{font-style:normal;padding:7px 9px;border-radius:8px;background:#fff;color:#0f172a;font-weight:850}
.modern-business-hero{position:relative;z-index:2;max-width:570px;padding:42px 27px 30px}.modern-business-hero small{color:#bfdbfe;font-size:.69rem;font-weight:850;letter-spacing:.1em}.modern-business-hero h4{margin:10px 0 14px;font-size:clamp(1.9rem,3.4vw,3.2rem);line-height:1.02;letter-spacing:-.045em}.modern-business-hero h4 strong{color:#bfdbfe;color:color-mix(in srgb,var(--example-accent) 55%,white)}.modern-business-hero p{max-width:500px;margin:0 0 18px;color:#dbeafe;font-size:.84rem}.modern-business-hero .mock-button{display:inline-flex;border:0;border-radius:9px;padding:10px 13px;background:var(--example-accent);color:#fff;font-size:.78rem;font-weight:850}
.modern-business-points{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.13)}.modern-business-points span{padding:12px;background:rgba(3,10,25,.62);color:#e2e8f0;font-size:.7rem;text-align:center;font-weight:750}
.transformation-benefits{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:20px 26px;border-top:1px solid #e2e8f0;background:#f8fafc}.transformation-benefits strong{margin-right:6px;color:#0f172a}.transformation-benefits span{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #d8e3ef;color:#475569;font-size:.76rem;font-weight:750}
.reply-comparison-section{background:#f7f9fc}.reply-comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.reply-comparison-grid article{padding:22px;border:1px solid #dbe4f0;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.06)}.reply-case{display:inline-flex;margin-bottom:14px;padding:6px 9px;border-radius:999px;background:#eaf1ff;color:#1d4ed8;font-size:.72rem;font-weight:850}.reply-bad,.reply-good{padding:15px;border-radius:13px}.reply-bad{background:#fff1f2;border:1px solid #fecdd3}.reply-good{margin-top:10px;background:#ecfdf5;border:1px solid #bbf7d0}.reply-bad small,.reply-good small{display:block;margin-bottom:5px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;font-size:.67rem}.reply-bad small{color:#be123c}.reply-good small{color:#15803d}.reply-bad p,.reply-good p{margin:0;color:#334155;font-size:.86rem}
.review-service-steps{grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){.transformation-views{grid-template-columns:1fr}.transformation-view+.transformation-view{border-left:0;border-top:1px solid #e2e8f0}.reply-comparison-grid{grid-template-columns:1fr}.review-service-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.transformation-card{border-radius:20px}.transformation-heading{grid-template-columns:42px 1fr;padding:19px 18px}.transformation-heading>span{width:40px;height:40px}.transformation-heading em{grid-column:2;justify-self:start}.transformation-view{padding:17px}.legacy-business-body,.modern-business-body{min-height:330px}.modern-business-body nav span{display:none}.modern-business-hero{padding:34px 20px 25px}.modern-business-points{grid-template-columns:1fr}.transformation-benefits{padding:17px}.review-service-steps{grid-template-columns:1fr}}

/* v27.7.0 – vier passende Google-Profil-Konzeptkarten */
.google-demo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.google-demo-grid .concept-profile-card{min-width:0;box-shadow:0 18px 42px rgba(0,0,0,.2)}
@media(max-width:1180px){.google-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.google-demo-grid{grid-template-columns:1fr}.google-demo-grid .concept-profile-card{width:100%}}

/* v27.7.0 – sehr schmale Smartphones: lange deutsche Begriffe ohne seitliches Scrollen */
@media(max-width:360px){
  .quality-layout,.quality-layout>*,.quality-grid,.quality-item{min-width:0}
  .quality-layout h2,.section-head h2,.cta-copy h2{overflow-wrap:anywhere}
}

/* v27.7.0 Abschlusskorrektur: Sprungmarken unter dem festen Header und kompakter Mobil-CTA */
.wwbs-v2770 main section[id],.wwbs-v2770 [id].anchor-target{scroll-margin-top:112px}
@media(max-width:620px){
  .wwbs-v2770 .quick-contact-trigger{width:50px;height:50px;min-width:50px;padding:0;justify-content:center;border-radius:50%}
  .wwbs-v2770 .quick-contact-trigger span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  .wwbs-v2770 .quick-contact-trigger svg{margin:0}
}

/* WWBS Digital v27.8.0 - individuelle Designwelten, Marken-Wirkungskette und Launch-Politur */
.wwbs-v2780{--wwbs-page-accent:#60a5fa}
.wwbs-v2780.wwbs-page-webdesign{--wwbs-page-accent:#38bdf8}
.wwbs-v2780.wwbs-page-automation{--wwbs-page-accent:#a78bfa}
.wwbs-v2780.wwbs-page-visibility{--wwbs-page-accent:#22d3ee}
.wwbs-v2780.wwbs-page-google_profile{--wwbs-page-accent:#34d399}
.wwbs-v2780.wwbs-page-reviews{--wwbs-page-accent:#fbbf24}
.wwbs-v2780.wwbs-page-maintenance{--wwbs-page-accent:#2dd4bf}
.wwbs-v2780 main>.page-hero{border-bottom:1px solid color-mix(in srgb,var(--wwbs-page-accent) 26%,transparent)}
.wwbs-v2780 main>.page-hero .eyebrow{color:color-mix(in srgb,var(--wwbs-page-accent) 74%,white)}

/* Wiedererkennbare, aber nicht monotone Markenformel */
.home-signature-chain{position:relative;overflow:hidden;padding:34px 0;background:#07111f;color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.home-signature-chain:after{content:"";position:absolute;inset:auto -100px -180px auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.24),transparent 67%);pointer-events:none}
.home-signature-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:54px;align-items:center}
.home-signature-inner h2{margin:7px 0 8px;color:#fff;font-size:clamp(1.75rem,3vw,2.65rem);letter-spacing:-.035em}
.home-signature-inner p{margin:0;max-width:700px;color:#cbd5e1}
.home-signature-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.home-signature-steps span{display:grid;gap:5px;min-width:0;padding:15px 12px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.055);color:#e2e8f0;font-weight:850;text-align:center}
.home-signature-steps b{color:#60a5fa;font-size:.72rem;letter-spacing:.12em}

/* Erklärung: WWBS bleibt konsistent, Kundenkonzepte erhalten eine eigene Design-DNA. */
.design-dna-section{background:#07111f!important;color:#fff!important}
.design-dna-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
.design-dna-copy h2{margin:10px 0 15px;color:#fff;font-size:clamp(2rem,4vw,3.5rem);line-height:1.04;letter-spacing:-.045em}
.design-dna-copy p{margin:0;color:#cbd5e1;line-height:1.75}
.design-dna-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.design-dna-cards article{position:relative;overflow:hidden;display:grid;gap:5px;min-height:142px;padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(255,255,255,.055)}
.design-dna-cards article:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-35px;bottom:-50px;background:var(--dna-color);opacity:.28}
.design-dna-cards span{color:var(--dna-color);font-size:.72rem;font-weight:900;letter-spacing:.14em}
.design-dna-cards strong{font-size:1.03rem;color:#fff}
.design-dna-cards small{color:#cbd5e1;line-height:1.45}
.dna-beauty{--dna-color:#f472b6}.dna-salon{--dna-color:#d6a866}.dna-craft{--dna-color:#38bdf8}.dna-health{--dna-color:#5eead4}

/* Vier bewusst verschiedene Nachher-Designs statt derselben Vorlage mit anderer Farbe. */
.example-nails .modern-business-body{background:#f8f0ec;color:#3b2032;display:grid;grid-template-rows:auto 1fr auto}
.example-nails .modern-business-body:after{width:215px;height:280px;right:22px;top:74px;border-radius:110px 110px 24px 24px;background:linear-gradient(160deg,#f9c9dc,#b84a83);box-shadow:0 24px 50px rgba(99,35,70,.22)}
.example-nails .modern-business-body:before{content:"L";position:absolute;right:83px;top:132px;z-index:1;color:rgba(255,255,255,.72);font-family:Georgia,serif;font-size:5.5rem;font-style:italic}
.example-nails .modern-business-body nav{border-bottom:0;color:#3b2032;padding:20px 24px}
.example-nails .modern-business-body nav b{background:transparent;color:#7d315b;font-family:Georgia,serif;font-size:1.08rem;font-style:italic;justify-content:start;padding:0}
.example-nails .modern-business-body nav span{color:#6d4a5f}
.example-nails .modern-business-body nav em{background:#3b2032;color:#fff;border-radius:999px;padding:9px 13px}
.example-nails .modern-business-hero{max-width:62%;padding:38px 26px 34px}
.example-nails .modern-business-hero small{color:#a13e70}
.example-nails .modern-business-hero h4{color:#3b2032;font-family:Georgia,serif;font-weight:500;letter-spacing:-.03em}
.example-nails .modern-business-hero h4 strong{color:#b14379;font-style:italic;font-weight:600}
.example-nails .modern-business-hero p{color:#6d4a5f}
.example-nails .modern-business-hero .mock-button{background:#b14379;border-radius:999px}
.example-nails .modern-business-points{background:#ead9e0}
.example-nails .modern-business-points span{background:#fff8fa;color:#633a53}

.example-hair .salon-new{background:#0a0a0a;color:#fff;display:grid;grid-template-rows:auto 1fr auto}
.example-hair .salon-new:after{width:45%;height:100%;right:0;top:0;border-radius:0;background:linear-gradient(145deg,#d5b27d,#7d5c36);opacity:.88;clip-path:polygon(28% 0,100% 0,100% 100%,0 100%)}
.example-hair .salon-new:before{content:"CUT / COLOR / CHARACTER";position:absolute;right:-82px;top:168px;z-index:1;transform:rotate(90deg);color:rgba(255,255,255,.58);font-size:.64rem;letter-spacing:.32em;font-weight:900}
.example-hair .salon-new nav{border-bottom:1px solid rgba(255,255,255,.25);padding:16px 20px;text-transform:uppercase;letter-spacing:.08em}
.example-hair .salon-new nav b{background:#fff;color:#0a0a0a;border-radius:0;font-weight:950}
.example-hair .salon-new nav span{color:#fff}
.example-hair .salon-new nav em{background:transparent;color:#fff;border:1px solid #fff;border-radius:0}
.example-hair .salon-new .modern-business-hero{max-width:66%;padding:48px 25px 35px}
.example-hair .salon-new .modern-business-hero small{color:#d6b887;letter-spacing:.22em}
.example-hair .salon-new .modern-business-hero h4{text-transform:uppercase;font-size:clamp(2rem,3.8vw,3.6rem);font-weight:950;letter-spacing:-.065em}
.example-hair .salon-new .modern-business-hero h4 strong{color:#d6b887}
.example-hair .salon-new .modern-business-hero p{color:#d4d4d4}
.example-hair .salon-new .mock-button{background:#fff;color:#0a0a0a;border-radius:0;text-transform:uppercase;letter-spacing:.06em}
.example-hair .salon-new .modern-business-points{background:#2c241c}
.example-hair .salon-new .modern-business-points span{background:#111;color:#e8d4b2;text-transform:uppercase;letter-spacing:.06em}

.example-craft .craft-new{background:#edf2f5;color:#10283d;display:grid;grid-template-rows:auto 1fr auto}
.example-craft .craft-new:after{width:180px;height:430px;right:22px;top:-60px;border-radius:0;background:#f59e0b;transform:skewX(-12deg);opacity:1}
.example-craft .craft-new:before{content:"24h";position:absolute;right:61px;top:133px;z-index:1;color:#10283d;font-size:3.9rem;font-weight:950;letter-spacing:-.07em}
.example-craft .craft-new nav{background:#10283d;border-bottom:0;padding:15px 19px}
.example-craft .craft-new nav b{background:#f59e0b;color:#10283d;border-radius:4px}
.example-craft .craft-new nav span{color:#d8e5ef}
.example-craft .craft-new nav em{background:#fff;color:#10283d;border-radius:4px}
.example-craft .craft-new .modern-business-hero{max-width:68%;padding:42px 26px 31px}
.example-craft .craft-new .modern-business-hero small{color:#0b6c91;letter-spacing:.12em}
.example-craft .craft-new .modern-business-hero h4{color:#10283d;font-weight:950;letter-spacing:-.055em}
.example-craft .craft-new .modern-business-hero h4 strong{color:#0b86b5}
.example-craft .craft-new .modern-business-hero p{color:#405a6d}
.example-craft .craft-new .mock-button{background:#10283d;color:#fff;border-radius:4px}
.example-craft .craft-new .modern-business-points{background:#b8c9d5}
.example-craft .craft-new .modern-business-points span{background:#dfe8ee;color:#18384f;font-weight:850}

.example-health .health-new{background:#f2f8f5;color:#173c35;display:grid;grid-template-rows:auto 1fr auto}
.example-health .health-new:after{width:210px;height:230px;right:26px;top:88px;border-radius:26px;background:#fff;box-shadow:0 18px 45px rgba(22,78,68,.16)}
.example-health .health-new:before{content:"Erster Termin\A gut vorbereitet";white-space:pre;position:absolute;right:52px;top:139px;z-index:1;color:#1e5b50;font-size:1.08rem;line-height:1.35;font-weight:850}
.example-health .health-new nav{background:rgba(255,255,255,.82);border-bottom:1px solid #d6e7df;color:#173c35;padding:18px 21px}
.example-health .health-new nav b{background:#1d6d60;color:#fff;border-radius:50%}
.example-health .health-new nav span{color:#47675f}
.example-health .health-new nav em{background:#dcefe8;color:#185448;border-radius:999px}
.example-health .health-new .modern-business-hero{max-width:63%;padding:44px 27px 34px}
.example-health .health-new .modern-business-hero small{color:#1d6d60}
.example-health .health-new .modern-business-hero h4{color:#173c35;font-weight:700;letter-spacing:-.04em}
.example-health .health-new .modern-business-hero h4 strong{color:#2b806f}
.example-health .health-new .modern-business-hero p{color:#527069}
.example-health .health-new .mock-button{background:#1d6d60;border-radius:999px}
.example-health .health-new .modern-business-points{background:#cfe3dc}
.example-health .health-new .modern-business-points span{background:#e9f3ef;color:#28594f}

/* Merksatz und sauberer Seitenabschluss mit Luft vor dem Footer. */
.signature-chain-section{background:#f4f8fd}
.signature-chain{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.signature-chain article{position:relative;overflow:hidden;display:grid;gap:7px;padding:24px;border:1px solid #d6e2ef;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.06)}
.signature-chain article:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-38px;bottom:-40px;background:#dbeafe}
.signature-chain b{color:#2563eb;font-size:.75rem;letter-spacing:.12em}
.signature-chain strong{font-size:1.2rem;color:#0f172a}
.signature-chain span{color:#526175;line-height:1.55}
.showcase-closing-cta{border-bottom:0}
.showcase-footer-gap{height:clamp(48px,7vw,96px);background:#fff}

@media(max-width:980px){
  .home-signature-inner,.design-dna-grid{grid-template-columns:1fr;gap:32px}
  .home-signature-steps,.signature-chain{grid-template-columns:1fr 1fr}
  .example-nails .modern-business-hero,.example-hair .salon-new .modern-business-hero,.example-craft .craft-new .modern-business-hero,.example-health .health-new .modern-business-hero{max-width:72%}
}
@media(max-width:620px){
  .home-signature-chain{padding:29px 0}.home-signature-steps,.design-dna-cards,.signature-chain{grid-template-columns:1fr}
  .design-dna-cards article{min-height:118px}
  .example-nails .modern-business-body:after,.example-hair .salon-new:after,.example-craft .craft-new:after,.example-health .health-new:after,.example-nails .modern-business-body:before,.example-hair .salon-new:before,.example-craft .craft-new:before,.example-health .health-new:before{display:none}
  .example-nails .modern-business-hero,.example-hair .salon-new .modern-business-hero,.example-craft .craft-new .modern-business-hero,.example-health .health-new .modern-business-hero{max-width:none}
  .example-nails .modern-business-body nav span,.example-hair .salon-new nav span,.example-craft .craft-new nav span,.example-health .health-new nav span{display:none}
  .example-hair .salon-new .modern-business-hero h4{font-size:2.05rem}
  .showcase-footer-gap{height:52px}
}

/* WWBS Digital v27.8.1 - Livegang-Feinschliff, Design-Duell und lesbare Profildemo */
.wwbs-v2781 .demo-clarifier{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:18px;align-items:center;margin:0 0 22px;padding:17px 20px;border:1px solid #cfe0f2;border-radius:16px;background:#eef6ff;color:#334155}
.wwbs-v2781 .demo-clarifier strong{color:#0f3d87;font-size:.9rem}
.wwbs-v2781 .demo-clarifier span{line-height:1.55}
.wwbs-v2781 .profile-card{overflow:hidden}
.wwbs-v2781 .profile-cover{height:118px}
.wwbs-v2781 .profile-head{grid-template-columns:72px minmax(0,1fr);padding:0 24px;margin-top:-40px}
.wwbs-v2781 .profile-identity{min-width:0;padding:12px 15px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 13px 30px rgba(15,23,42,.12)}
.wwbs-v2781 .profile-identity h3{margin:3px 0 2px;color:#0f172a;overflow-wrap:anywhere}
.wwbs-v2781 .profile-identity .profile-category{color:#64748b}
.wwbs-v2781 .profile-rating{padding-top:18px}
.wwbs-v2781 .profile-progress{display:block;padding:15px 26px 18px}
.wwbs-v2781 .profile-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:9px}
.wwbs-v2781 .profile-progress-meta span{min-width:0;color:#64748b;font-size:.8rem;font-weight:750;overflow-wrap:anywhere}
.wwbs-v2781 .profile-progress-meta b{flex:0 0 auto;color:#0f172a;font-size:1.15rem;line-height:1;font-variant-numeric:tabular-nums}
.wwbs-v2781 .profile-progress-track{height:10px;border-radius:99px;background:#e2e8f0;overflow:hidden}
.wwbs-v2781 .profile-progress-track i{display:block;width:38%;height:100%;border-radius:inherit;background:#94a3b8;transition:width .35s ease,background .35s ease}
.wwbs-v2781 .profile-card.is-after .profile-progress-track i{width:92%;background:linear-gradient(90deg,#2563eb,#60a5fa,#d6ad3b)}
.wwbs-v2781 .profile-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:21px 26px 12px}
.wwbs-v2781 .profile-actions span{display:grid;place-items:center;min-height:42px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;color:#2563eb;font-size:.82rem;font-weight:800;text-align:center}
.wwbs-v2781 .profile-actions-note{margin:0;padding:0 26px 24px;color:#64748b;font-size:.72rem;line-height:1.45;text-align:center}

/* Ein Inhalt in zwei eigenständigen Designsprachen - bewusst als Demo, nicht als zweite WWBS-Marke. */
.design-duel-section{background:linear-gradient(180deg,#f6f9fd,#eef4fb)}
.design-duel{overflow:hidden;border:1px solid #cfdceb;border-radius:28px;background:#07111f;box-shadow:0 28px 75px rgba(15,23,42,.15)}
.design-duel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.12);color:#fff}
.design-duel-toolbar>div:first-child{display:grid;gap:4px}.design-duel-toolbar strong{font-size:.92rem}.design-duel-toolbar span{color:#aebed1;font-size:.76rem}
.design-duel-switch{display:flex;gap:5px;padding:4px;border-radius:12px;background:#020817}
.design-duel-switch button{border:0;border-radius:9px;padding:9px 13px;background:transparent;color:#aebed1;font-weight:850;cursor:pointer}
.design-duel-switch button.is-active{background:#2563eb;color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.28)}
.design-duel-stage{padding:28px;background-image:radial-gradient(circle at 10% 15%,rgba(37,99,235,.2),transparent 28%),linear-gradient(145deg,#07111f,#0b1c33)}
.design-duel-site{position:relative;overflow:hidden;min-height:560px;border-radius:22px;transition:background .35s ease,color .35s ease,border-radius .35s ease;box-shadow:0 26px 70px rgba(0,0,0,.3)}
.design-duel-nav{position:relative;z-index:3;display:flex;align-items:center;gap:20px;padding:20px 25px}.design-duel-nav b{font-size:1rem}.design-duel-nav span{margin-left:auto;font-size:.72rem}.design-duel-nav em{font-style:normal;font-size:.73rem;font-weight:850}
.design-duel-hero{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:28px;align-items:center;min-height:420px;padding:46px 42px}
.design-duel-copy{position:relative;z-index:2}.design-duel-copy small{display:block;margin-bottom:14px;font-size:.68rem;font-weight:900;letter-spacing:.14em}.design-duel-copy h3{margin:0 0 18px;font-size:clamp(2.7rem,5.2vw,5.1rem);line-height:.96;letter-spacing:-.06em}.design-duel-copy h3 strong{font-weight:inherit}.design-duel-copy p{max-width:610px;margin:0 0 22px;line-height:1.65}.design-duel-cta{display:inline-flex;padding:12px 16px;font-size:.78rem;font-weight:850}
.design-duel-art{position:relative;min-height:310px}.design-duel-art span,.design-duel-art i{position:absolute;display:block}.design-duel-art b{position:absolute;display:grid;place-items:center;font-size:4.2rem;letter-spacing:-.08em}
.design-duel-services{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:1px}.design-duel-services span{padding:16px;text-align:center;font-size:.74rem;font-weight:800}
.design-duel-explainer{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:28px;padding:22px 26px;border-top:1px solid rgba(255,255,255,.12);color:#cbd5e1}.design-duel-explainer strong{color:#fff}.design-duel-explainer p{margin:0;line-height:1.62;font-size:.83rem}

/* Variante A: ruhig, editorial, warm. */
.design-duel[data-design-mode="editorial"] .design-duel-site{background:#f5efe6;color:#362d28;border-radius:32px}
.design-duel[data-design-mode="editorial"] .design-duel-nav{border-bottom:1px solid #d9cec0}.design-duel[data-design-mode="editorial"] .design-duel-nav b{font-family:Georgia,serif;font-style:italic;font-size:1.16rem;color:#5c463b}.design-duel[data-design-mode="editorial"] .design-duel-nav span{color:#74675e}.design-duel[data-design-mode="editorial"] .design-duel-nav em{padding:9px 13px;border-radius:999px;background:#4b3d35;color:#fff}
.design-duel[data-design-mode="editorial"] .design-duel-copy small{color:#a55d48}.design-duel[data-design-mode="editorial"] .design-duel-copy h3{font-family:Georgia,serif;font-weight:500;letter-spacing:-.045em}.design-duel[data-design-mode="editorial"] .design-duel-copy h3 strong{color:#a55d48;font-style:italic}.design-duel[data-design-mode="editorial"] .design-duel-copy p{color:#6f6259}.design-duel[data-design-mode="editorial"] .design-duel-cta{border-radius:999px;background:#a55d48;color:#fff}
.design-duel[data-design-mode="editorial"] .design-duel-art:before{content:"";position:absolute;inset:5% 3% 3% 16%;border-radius:48% 48% 24px 24px;background:linear-gradient(155deg,#d8b9a6,#8e5f4c);box-shadow:0 28px 55px rgba(73,48,38,.22)}.design-duel[data-design-mode="editorial"] .design-duel-art span{width:54%;height:72%;left:1%;bottom:0;border:1px solid rgba(165,93,72,.45);border-radius:52% 52% 18px 18px}.design-duel[data-design-mode="editorial"] .design-duel-art i{width:52px;height:52px;right:7%;top:8%;border-radius:50%;background:#e6c785}.design-duel[data-design-mode="editorial"] .design-duel-art b{inset:31% 18% auto auto;width:140px;height:140px;border:1px solid rgba(255,255,255,.52);border-radius:50%;color:rgba(255,255,255,.8);font-family:Georgia,serif;font-style:italic;font-weight:500}
.design-duel[data-design-mode="editorial"] .design-duel-services{background:#ded2c4}.design-duel[data-design-mode="editorial"] .design-duel-services span{background:#eee5da;color:#5f5047}

/* Variante B: signalstark, technisch, direkt. */
.design-duel[data-design-mode="signal"] .design-duel-site{background:#06101d;color:#fff;border-radius:8px;background-image:linear-gradient(rgba(96,165,250,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.07) 1px,transparent 1px);background-size:36px 36px}
.design-duel[data-design-mode="signal"] .design-duel-nav{background:#020817;border-bottom:1px solid #1d4ed8;text-transform:uppercase;letter-spacing:.08em}.design-duel[data-design-mode="signal"] .design-duel-nav b{padding:8px 10px;background:#2563eb}.design-duel[data-design-mode="signal"] .design-duel-nav span{color:#cbd5e1}.design-duel[data-design-mode="signal"] .design-duel-nav em{padding:9px 13px;border:1px solid #60a5fa;color:#fff}
.design-duel[data-design-mode="signal"] .design-duel-copy small{color:#60a5fa}.design-duel[data-design-mode="signal"] .design-duel-copy h3{text-transform:uppercase;font-weight:950}.design-duel[data-design-mode="signal"] .design-duel-copy h3 strong{color:#60a5fa}.design-duel[data-design-mode="signal"] .design-duel-copy p{color:#cbd5e1}.design-duel[data-design-mode="signal"] .design-duel-cta{border-radius:3px;background:#2563eb;color:#fff;text-transform:uppercase;letter-spacing:.06em}
.design-duel[data-design-mode="signal"] .design-duel-art:before{content:"";position:absolute;inset:4% 5%;border:2px solid #2563eb;clip-path:polygon(16% 0,100% 0,84% 100%,0 100%);background:linear-gradient(145deg,rgba(37,99,235,.5),rgba(15,23,42,.18))}.design-duel[data-design-mode="signal"] .design-duel-art span{width:64%;height:12px;right:5%;top:18%;background:#f59e0b;transform:skewX(-24deg)}.design-duel[data-design-mode="signal"] .design-duel-art i{width:68%;height:12px;left:0;bottom:18%;background:#60a5fa;transform:skewX(-24deg)}.design-duel[data-design-mode="signal"] .design-duel-art b{inset:28% 12% auto auto;width:150px;height:150px;border:2px solid #fff;color:#fff;font-weight:950}
.design-duel[data-design-mode="signal"] .design-duel-services{background:#1e40af}.design-duel[data-design-mode="signal"] .design-duel-services span{background:#071a35;color:#dbeafe;text-transform:uppercase;letter-spacing:.06em}

@media(max-width:820px){
  .wwbs-v2781 .demo-clarifier,.design-duel-explainer{grid-template-columns:1fr;gap:8px}
  .design-duel-toolbar{align-items:flex-start;flex-direction:column}.design-duel-switch{width:100%}.design-duel-switch button{flex:1}
  .design-duel-hero{grid-template-columns:1fr;padding:35px 27px}.design-duel-art{min-height:230px}.design-duel-copy h3{font-size:clamp(2.55rem,10vw,4.1rem)}
}
@media(max-width:620px){
  .wwbs-v2781 .profile-comparison{min-height:720px;padding:16px}
  .wwbs-v2781 .profile-head{grid-template-columns:58px minmax(0,1fr);padding:0 16px}.wwbs-v2781 .profile-logo{width:58px;height:58px}.wwbs-v2781 .profile-identity{padding:10px 11px}.wwbs-v2781 .profile-identity h3{font-size:1rem}
  .wwbs-v2781 .profile-progress,.wwbs-v2781 .profile-checks,.wwbs-v2781 .profile-actions,.wwbs-v2781 .profile-rating{padding-left:16px;padding-right:16px}.wwbs-v2781 .profile-actions{grid-template-columns:1fr}.wwbs-v2781 .profile-actions-note{padding-left:16px;padding-right:16px}
  .design-duel-stage{padding:12px}.design-duel-site{min-height:600px}.design-duel-nav{flex-wrap:wrap;padding:16px}.design-duel-nav span{order:3;width:100%;margin:0}.design-duel-hero{padding:32px 20px}.design-duel-copy h3{font-size:2.55rem}.design-duel-art{min-height:200px}.design-duel-services{grid-template-columns:1fr}
  .design-duel[data-design-mode="editorial"] .design-duel-art b,.design-duel[data-design-mode="signal"] .design-duel-art b{width:110px;height:110px;font-size:3rem}
}
@media(prefers-reduced-motion:reduce){.design-duel-site,.profile-progress-track i{transition:none!important}}

/* v27.8.1 Profil-Demo: ältere Grid-Regeln vollständig neutralisieren. */
.wwbs-v2781 .profile-progress>.profile-progress-meta{display:flex;grid-column:auto;grid-row:auto;width:auto;height:auto;margin-bottom:9px;background:transparent;overflow:visible;border-radius:0}
.wwbs-v2781 .profile-progress>.profile-progress-track{display:block;grid-column:auto;grid-row:auto;width:100%;height:10px;margin:0;background:#e2e8f0;overflow:hidden;border-radius:99px}
.wwbs-v2781 .profile-progress>.profile-progress-track i{display:block;width:38%;height:100%;border-radius:inherit}
.wwbs-v2781 .profile-progress b{grid-column:auto;grid-row:auto;position:static;min-width:3.2ch;color:#fff;font-size:1rem;line-height:1;text-align:right}
.wwbs-v2781 .profile-progress-meta span{color:#cbd5e1}
.wwbs-v2781 .profile-rating span{color:#cbd5e1}
.wwbs-v2781 .profile-card.is-after .profile-progress b{color:#fff}
.wwbs-v2781 .profile-progress{height:auto;background:transparent;border-radius:0;overflow:visible}
.wwbs-v2781 .profile-progress-meta span{display:block;height:auto;background:none;color:#cbd5e1}


/* WWBS Digital v27.9.1 - Abschluss-UX für Checklisten, PDF und Formularzustand */
.knowledge-intro .section-head{max-width:850px}.checklist-card small{display:inline-flex;margin:0 0 12px;padding:5px 9px;border-radius:999px;background:#eaf2ff;color:#1d4ed8;font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.checklist-card .text-link.is-active{color:#0b2c66;text-decoration:underline;text-underline-offset:5px}.checklist-overview{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:28px 0 18px;padding:20px 22px;border:1px solid #cfe0f7;border-radius:18px;background:linear-gradient(135deg,#f7fbff,#edf5ff)}.checklist-overview strong,.checklist-overview span{display:block}.checklist-overview>div>span{margin-top:4px;color:#52647b}.checklist-overview-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.checklist-overview-chips span{padding:8px 10px;border:1px solid #c7d9f1;border-radius:999px;background:#fff;color:#17345e;font-size:.84rem;font-weight:800}.checklist-panel-head p{max-width:650px;margin:8px 0 0;color:#c7d7ee;font-size:1rem;line-height:1.6}.checklist-item span{font-size:1rem;line-height:1.5}.checklist-result-actions{align-items:stretch}.checklist-result-actions .btn{min-height:48px}.info-package-preview-actions{display:flex;gap:16px;flex-wrap:wrap}.info-package-preview-actions a{font-weight:800}.info-package-share-actions{gap:12px}.info-package-share-actions .text-link{display:inline-flex;margin-right:14px}.contact-form .form-help,.quick-contact-form .form-help{font-size:.92rem;line-height:1.55}
@media(max-width:820px){.checklist-overview{align-items:flex-start;flex-direction:column}.checklist-overview-chips{justify-content:flex-start}.checklist-result-actions{grid-template-columns:1fr}.checklist-result-actions .btn{width:100%}}
@media(max-width:620px){.knowledge-intro .section-head h2{font-size:clamp(2rem,10vw,2.7rem)}.checklist-card h3{font-size:1.3rem}.checklist-card p,.checklist-item span,.checklist-panel-head p{font-size:1rem}.checklist-overview{padding:18px}.checklist-overview-chips span{font-size:.8rem}.info-package-preview-actions{flex-direction:column;gap:8px}}


/* v28.0.0 – optional, explicit anti-bot verification */
.wwbs-turnstile{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 12px;min-height:66px}
.wwbs-turnstile small{color:var(--muted,#667085);font-size:.82rem;line-height:1.4}
.quick-contact-form .wwbs-turnstile{display:block;margin:2px 0 12px;min-height:66px}
.quick-contact-form .wwbs-turnstile small{display:block;margin-top:6px}
@media (max-width:420px){.wwbs-turnstile{overflow-x:auto}.wwbs-turnstile-target{transform-origin:left top}}


/* =========================================================
   WWBS Digital v28.1 — Erlebnis, Wirkungsschalter und Launch-UX
   ========================================================= */
:root{--wwbs-experience-accent:#60a5fa;--wwbs-experience-gold:#e8c552;--wwbs-experience-surface:#071426;--wwbs-experience-line:rgba(147,197,253,.22)}
html[data-wwbs-experience="focus"]{--wwbs-experience-accent:#8b5cf6;--wwbs-experience-gold:#f59e0b;--wwbs-experience-surface:#120b25;--wwbs-experience-line:rgba(196,181,253,.28)}
.wwbs-v2810{transition:background-color .25s ease,color .25s ease}.wwbs-v2810 .site-header:after{background:linear-gradient(90deg,transparent,var(--wwbs-experience-accent),var(--wwbs-experience-gold),transparent)}
.wwbs-v2810 .btn-primary{background:linear-gradient(135deg,#1d4ed8,var(--wwbs-experience-accent));box-shadow:0 14px 35px color-mix(in srgb,var(--wwbs-experience-accent) 28%,transparent)}
html[data-wwbs-experience="focus"] .wwbs-v2810 .hero:before{background:linear-gradient(90deg,rgba(10,5,24,.97),rgba(22,10,52,.91) 38%,rgba(29,15,60,.66) 62%,rgba(10,5,24,.42)),linear-gradient(180deg,rgba(2,7,16,.12),rgba(2,7,16,.30))}
html[data-wwbs-experience="focus"] .wwbs-v2810 .services{background:radial-gradient(circle at 12% 12%,rgba(139,92,246,.10),transparent 31%),linear-gradient(rgba(139,92,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.03) 1px,transparent 1px),linear-gradient(180deg,#faf8ff,#f4f0fb);background-size:auto,48px 48px,48px 48px,auto}

/* Non-blocking first-session intro. Hidden by default; JS explicitly enables it. */
.wwbs-intro[hidden]{display:none!important}.wwbs-intro{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;background:#020713;color:#fff;opacity:0;transition:opacity .28s ease}.wwbs-intro.is-visible{opacity:1}.wwbs-intro.is-leaving{opacity:0;pointer-events:none}.wwbs-intro:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(96,165,250,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.065) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center,black,transparent 72%)}.wwbs-intro-skip{position:absolute;right:24px;top:24px;z-index:2;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(7,20,38,.78);color:#fff;padding:9px 14px;font:inherit;font-weight:750;cursor:pointer}.wwbs-intro-core{position:relative;z-index:1;width:min(760px,calc(100% - 48px));text-align:center}.wwbs-intro-mark{display:block;font-size:clamp(3.8rem,12vw,8rem);font-weight:950;letter-spacing:-.09em;background:linear-gradient(90deg,#fff,#7db5ff 58%,#f4d66a);-webkit-background-clip:text;background-clip:text;color:transparent;transform:translateY(18px);opacity:0;animation:wwbsIntroMark .52s .08s cubic-bezier(.2,.8,.2,1) forwards}.wwbs-intro-line{height:2px;margin:22px auto 20px;overflow:hidden;background:rgba(255,255,255,.12)}.wwbs-intro-line i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#2563eb,#60a5fa,#e8c552);animation:wwbsIntroLine .85s .28s ease forwards}.wwbs-intro-core p{display:flex;justify-content:space-between;gap:12px;margin:0;color:#9fb4ce;font-size:clamp(.72rem,2vw,.9rem);font-weight:850;letter-spacing:.11em;text-transform:uppercase}.wwbs-intro-core p span{opacity:0;transform:translateY(8px);animation:wwbsIntroStep .35s ease forwards}.wwbs-intro-core p span:nth-child(1){animation-delay:.38s}.wwbs-intro-core p span:nth-child(2){animation-delay:.52s}.wwbs-intro-core p span:nth-child(3){animation-delay:.66s}.wwbs-intro-core p span:nth-child(4){animation-delay:.80s}.wwbs-intro-core>strong{display:block;margin-top:30px;font-size:clamp(1.15rem,3vw,1.6rem);opacity:0;animation:wwbsIntroStep .4s .92s ease forwards}@keyframes wwbsIntroMark{to{opacity:1;transform:none}}@keyframes wwbsIntroLine{to{transform:scaleX(1)}}@keyframes wwbsIntroStep{to{opacity:1;transform:none}}

/* Header experience switch */
.nav-experience-toggle,.wwbs-experience-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(255,255,255,.18);background:rgba(3,10,24,.46);color:#dbeafe;cursor:pointer}.nav-experience-toggle{width:42px;height:42px;border-radius:50%}.nav-experience-toggle svg{width:20px;height:20px}.nav-experience-toggle:hover,.nav-experience-toggle[aria-pressed="true"]{border-color:var(--wwbs-experience-accent);background:color-mix(in srgb,var(--wwbs-experience-accent) 20%,#071426);color:#fff}.nav-mobile-experience{display:none}.wwbs-experience-toggle{width:100%;min-height:46px;border-radius:12px;padding:10px 12px;font:inherit;font-weight:800}.wwbs-experience-toggle svg{width:20px;height:20px}

/* Hero orchestration system */
.wwbs-v2810 .hero-orchestrated{min-height:920px}.wwbs-v2810 .hero-orchestrated>.container{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);gap:44px;align-items:center}.wwbs-v2810 .hero-orchestrated .hero-content{padding-top:105px}.hero-system{position:relative;margin-top:88px;border:1px solid var(--wwbs-experience-line);border-radius:28px;background:linear-gradient(145deg,rgba(3,10,24,.88),rgba(10,31,66,.68));box-shadow:0 40px 100px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(20px);overflow:hidden}.hero-system:before{content:"";position:absolute;width:300px;height:300px;right:-110px;top:-130px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--wwbs-experience-accent) 32%,transparent),transparent 68%)}.hero-system-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.10);font-size:.75rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#dbeafe}.hero-system-top>span{display:flex;align-items:center;gap:8px}.hero-system-top>span i{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 5px rgba(52,211,153,.12),0 0 18px rgba(52,211,153,.7)}.hero-system-top button{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.05);color:#fff;padding:8px 11px;font:inherit;font-size:.68rem;font-weight:800;cursor:pointer}.hero-system-top button svg{width:16px;height:16px}.hero-system-top button[aria-pressed="true"]{border-color:var(--wwbs-experience-accent);background:color-mix(in srgb,var(--wwbs-experience-accent) 20%,transparent)}.hero-system-canvas{position:relative;min-height:500px}.hero-system-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(147,197,253,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(147,197,253,.05) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(180deg,black,transparent)}.hero-system-orbit{position:absolute;left:50%;top:42%;width:250px;height:250px;transform:translate(-50%,-50%);border:1px solid rgba(147,197,253,.18);border-radius:50%;box-shadow:0 0 0 40px rgba(96,165,250,.025),0 0 0 80px rgba(96,165,250,.015)}.hero-system-orbit:before,.hero-system-orbit:after{content:"";position:absolute;inset:50% auto auto 50%;width:74%;height:1px;background:linear-gradient(90deg,transparent,var(--wwbs-experience-accent),transparent);transform-origin:left}.hero-system-orbit:after{transform:rotate(90deg)}.hero-system-orbit i{position:absolute;left:50%;top:50%;width:22px;height:22px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:0 0 0 11px color-mix(in srgb,var(--wwbs-experience-accent) 24%,transparent),0 0 55px var(--wwbs-experience-accent)}.hero-system-node{position:absolute;z-index:2;display:grid;gap:2px;width:142px;min-height:78px;text-align:left;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(4,13,30,.86);color:#fff;padding:12px 13px;cursor:pointer;box-shadow:0 15px 35px rgba(0,0,0,.22);transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease}.hero-system-node small{color:var(--wwbs-experience-accent);font-weight:900}.hero-system-node strong{font-size:.93rem}.hero-system-node span{color:#9fb4ce;font-size:.66rem}.hero-system-node:hover{transform:translateY(-3px);border-color:var(--wwbs-experience-accent)}.hero-system-node.is-active{border-color:var(--wwbs-experience-accent);background:linear-gradient(145deg,color-mix(in srgb,var(--wwbs-experience-accent) 23%,#071426),rgba(5,16,39,.95));box-shadow:0 0 0 4px color-mix(in srgb,var(--wwbs-experience-accent) 12%,transparent),0 20px 42px rgba(0,0,0,.28)}.node-find{left:7%;top:10%}.node-understand{right:6%;top:14%}.node-trust{left:5%;top:49%}.node-act{right:5%;top:51%}.hero-system-result{position:absolute;z-index:3;left:50%;bottom:20px;width:calc(100% - 40px);transform:translateX(-50%);padding:16px 18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(2,8,20,.88);box-shadow:0 20px 48px rgba(0,0,0,.28);backdrop-filter:blur(14px)}.hero-system-result>span{display:block;margin-bottom:4px;color:var(--wwbs-experience-accent);font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.hero-system-result>strong{font-size:1.1rem}.hero-system-result p{margin:7px 0 10px;color:#b9c9dc;font-size:.78rem;line-height:1.52}.hero-system-result-state{display:flex;align-items:center;gap:7px;color:#dbeafe;font-size:.68rem;font-weight:800}.hero-system-result-state i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 14px rgba(52,211,153,.75)}.hero-system-caption{margin:0;padding:12px 18px;border-top:1px solid rgba(255,255,255,.08);color:#91a6bf;font-size:.7rem}

/* Interactive impact chain */
.wwbs-v2810 .home-signature-chain{position:relative;overflow:hidden;background:linear-gradient(135deg,#071426,#0b2854);color:#fff}.wwbs-v2810 .home-signature-chain:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(147,197,253,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(147,197,253,.045) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(90deg,transparent,black 30%,black)}.wwbs-v2810 .home-signature-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:58px;align-items:center;padding-top:72px;padding-bottom:72px}.home-signature-copy p{color:#c3d2e5}.home-signature-live{display:flex;gap:18px;align-items:flex-start;margin-top:26px;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.055)}.home-signature-live>span{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:14px;background:var(--wwbs-experience-accent);font-weight:950}.home-signature-live strong{font-size:1.05rem}.home-signature-live p{margin:5px 0 0;font-size:.82rem;line-height:1.55}.wwbs-v2810 .home-signature-steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.wwbs-v2810 .home-signature-steps button{position:relative;z-index:2;display:grid;gap:7px;min-height:142px;text-align:left;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(3,11,26,.52);color:#fff;padding:18px 15px;font:inherit;cursor:pointer;transition:transform .25s ease,border-color .25s ease,background .25s ease}.wwbs-v2810 .home-signature-steps button:hover{transform:translateY(-4px);border-color:var(--wwbs-experience-accent)}.wwbs-v2810 .home-signature-steps button.is-active{border-color:var(--wwbs-experience-accent);background:linear-gradient(145deg,color-mix(in srgb,var(--wwbs-experience-accent) 24%,#071426),rgba(4,13,30,.8));box-shadow:0 18px 40px rgba(0,0,0,.18)}.wwbs-v2810 .home-signature-steps button b{color:var(--wwbs-experience-accent);font-size:.76rem}.wwbs-v2810 .home-signature-steps button span{font-weight:900}.wwbs-v2810 .home-signature-steps button small{color:#9fb4ce}.home-signature-progress{position:absolute;left:5%;right:5%;bottom:-22px;height:3px;border-radius:3px;background:rgba(255,255,255,.10);overflow:hidden}.home-signature-progress i{display:block;width:25%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--wwbs-experience-accent),var(--wwbs-experience-gold));transition:width .32s ease}

@media(max-width:1120px){.wwbs-v2810 .hero-orchestrated>.container{grid-template-columns:1fr}.hero-system{width:min(760px,100%);margin:12px 0 82px}.wwbs-v2810 .hero-orchestrated .hero-content{padding-top:120px}.wwbs-v2810 .home-signature-inner{grid-template-columns:1fr;gap:34px}}
@media(max-width:820px){.nav-experience-toggle{display:none}.nav-mobile-experience{display:block}.wwbs-v2810 .hero-orchestrated{min-height:auto}.wwbs-v2810 .hero-orchestrated>.container{width:min(100% - 34px,var(--container))}.hero-system{margin-bottom:62px}.hero-system-canvas{min-height:540px}.hero-system-node{width:126px}.node-find{left:4%;top:8%}.node-understand{right:4%;top:10%}.node-trust{left:3%;top:43%}.node-act{right:3%;top:45%}.hero-system-orbit{width:210px;height:210px;top:38%}.wwbs-v2810 .home-signature-steps{grid-template-columns:repeat(2,1fr)}.home-signature-progress{display:none}}
@media(max-width:520px){.wwbs-intro-core p{display:grid;grid-template-columns:1fr 1fr}.hero-system{border-radius:20px}.hero-system-top{align-items:flex-start;gap:12px}.hero-system-top button span{display:none}.hero-system-canvas{min-height:620px}.hero-system-node{width:calc(50% - 20px);min-height:82px}.node-find{left:12px;top:18px}.node-understand{right:12px;top:18px}.node-trust{left:12px;top:122px}.node-act{right:12px;top:122px}.hero-system-orbit{top:53%;width:185px;height:185px}.hero-system-result{bottom:16px}.wwbs-v2810 .home-signature-steps{grid-template-columns:1fr 1fr}.wwbs-v2810 .home-signature-steps button{min-height:118px}}
@media(prefers-reduced-motion:reduce){.wwbs-v2810,.hero-system-node,.wwbs-v2810 .home-signature-steps button,.home-signature-progress i{transition:none!important}.wwbs-intro{display:none!important}.hero-system-orbit{box-shadow:none}}
/* v28.1.0 final accessibility and interaction safeguards */
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.wwbs-v2810 .hero-system-canvas{min-height:660px}
@media(max-width:820px){.wwbs-v2810 .hero-system-canvas{min-height:670px}}
@media(max-width:520px){.wwbs-v2810 .hero-system-canvas{min-height:620px}}
/* Anchor links stay visible below the fixed navigation. */
.wwbs-launch-shell [id]{scroll-margin-top:112px}
@media(max-width:820px){.wwbs-launch-shell [id]{scroll-margin-top:88px}}
/* The focus mode is deliberately site-wide without duplicating page content. */
.wwbs-v2810 .page-hero,.wwbs-v2810 .cta-band,.wwbs-v2810 .site-footer,.wwbs-v2810 .service-card,.wwbs-v2810 .benefit-card,.wwbs-v2810 .feature-box,.wwbs-v2810 .info-panel,.wwbs-v2810 .contact-form,.wwbs-v2810 .icon-box,.wwbs-v2810 .eyebrow,.wwbs-v2810 .text-link{transition:background-color .25s ease,background-image .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease,transform .25s ease}
html[data-wwbs-experience="focus"] .wwbs-v2810 .page-hero{background:radial-gradient(circle at 82% 18%,rgba(139,92,246,.26),transparent 29%),linear-gradient(135deg,#0b1124,#231044 58%,#101a37)}
html[data-wwbs-experience="focus"] .wwbs-v2810 .cta-band{background:radial-gradient(circle at 15% 10%,rgba(245,158,11,.16),transparent 28%),linear-gradient(130deg,#160b31,#31125c)}
html[data-wwbs-experience="focus"] .wwbs-v2810 .site-footer{background:linear-gradient(145deg,#090d1b,#1d1038 64%,#120b25)}
html[data-wwbs-experience="focus"] .wwbs-v2810 .eyebrow,html[data-wwbs-experience="focus"] .wwbs-v2810 .text-link{color:#8b5cf6}
html[data-wwbs-experience="focus"] .wwbs-v2810 .page-hero .eyebrow,html[data-wwbs-experience="focus"] .wwbs-v2810 .cta-band .eyebrow,html[data-wwbs-experience="focus"] .wwbs-v2810 .site-footer .text-link{color:#c4b5fd}
html[data-wwbs-experience="focus"] .wwbs-v2810 :is(.service-card,.benefit-card,.feature-box,.info-panel,.contact-form){border-color:rgba(139,92,246,.24);box-shadow:0 24px 58px rgba(76,29,149,.10)}
html[data-wwbs-experience="focus"] .wwbs-v2810 :is(.service-card,.benefit-card,.feature-box):hover{border-color:rgba(139,92,246,.48);transform:translateY(-5px)}
html[data-wwbs-experience="focus"] .wwbs-v2810 :is(.icon-box,.check-icon,.feature-number){background:linear-gradient(145deg,#7c3aed,#a78bfa);color:#fff;border-color:rgba(255,255,255,.18)}
html[data-wwbs-experience="focus"] .wwbs-v2810 .home-signature-chain{background:radial-gradient(circle at 82% 12%,rgba(245,158,11,.16),transparent 24%),linear-gradient(135deg,#120b25,#2d1457)}
html[data-wwbs-experience="focus"] .wwbs-v2810 .hero-system{background:linear-gradient(145deg,rgba(18,8,43,.94),rgba(44,18,83,.76))}


/* =========================================================
   WWBS Digital Launch Kit v28.1.2 — mobile form and navigation polish
   ========================================================= */
.project-form-intro{display:grid;gap:4px;margin:0 0 20px;padding:15px 17px;border:1px solid #bfdbfe;border-radius:14px;background:linear-gradient(135deg,#eff6ff,#fff)}
.project-form-intro strong{color:#17345e;font-size:1rem}.project-form-intro span{color:#52647b;font-size:.88rem;line-height:1.5}
.contact-form-divider .btn{min-height:38px;padding:9px 14px;font-size:.86rem;white-space:nowrap}
.quick-contact-form .quick-info-choice{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:13px;border:1px solid #dbe4f0;border-radius:13px;background:#f8fbff}
.quick-contact-form .quick-info-choice>input{width:18px;height:18px;margin:3px 0 0;padding:0;box-shadow:none}
.quick-contact-form .quick-info-choice>span{display:grid;gap:3px}.quick-contact-form .quick-info-choice strong{color:#172033}.quick-contact-form .quick-info-choice small{color:#64748b;font-size:.8rem;line-height:1.45}
.checklist-overview-chips button{appearance:none;padding:8px 10px;border:1px solid #c7d9f1;border-radius:999px;background:#fff;color:#17345e;font:inherit;font-size:.84rem;font-weight:800;cursor:pointer;transition:.2s ease}
.checklist-overview-chips button:hover,.checklist-overview-chips button:focus-visible{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}
.checklist-overview-chips button.is-active{border-color:#2563eb;background:#2563eb;color:#fff;box-shadow:0 8px 18px rgba(37,99,235,.18)}
.review-library-mobile-hint{display:none;margin:0;padding:10px 14px;background:#eaf2ff;color:#17345e;font-size:.8rem;font-weight:750}
.review-library-mobile-hint span{font-size:1rem}
@media(max-width:820px){
  .nav-links{max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;padding-bottom:max(18px,env(safe-area-inset-bottom))}
  body.wwbs-nav-open{touch-action:none}
  body.wwbs-nav-open .nav-links{touch-action:pan-y}
  .wwbs-page-contact #projektanfrage .contact-grid{display:flex;flex-direction:column;gap:28px}
  .wwbs-page-contact #projektanfrage .contact-form{order:1}
  .wwbs-page-contact #projektanfrage .contact-copy{order:2}
  .contact-form-divider .container{justify-items:center}
  .contact-form-divider .btn{margin-top:8px;width:min(100%,280px)}
}
@media(max-width:700px){
  .review-library-mobile-hint{display:flex;align-items:center;gap:8px}
  .review-library-tabs{scroll-snap-type:x proximity;scroll-padding-inline:10px}
  .review-library-tabs button{scroll-snap-align:start}
}
@media(max-width:620px){
  .checklist-overview-chips{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .checklist-overview-chips button{width:100%;text-align:center}
  .checklist-overview-chips button:last-child{grid-column:1/-1}
  .project-form-intro{margin-bottom:16px;padding:14px}
}


/* WWBS Digital v28.1.3 — optionale Checklisten-Übergabe und klare Kontaktwege */
.checklist-inclusion-choice{padding:4px 0 2px}
.checklist-inclusion-choice .form-choice{border-color:#bfdbfe;background:linear-gradient(135deg,#eff6ff,#f8fbff)}
.checklist-inclusion-choice .form-choice strong{color:#0f3b78}
.checklist-inclusion-choice[hidden]{display:none!important}


/* WWBS Digital v28.1.4 — klare Startseiten-Kontaktwege, blickdichter Mobilheader und kontrollierte Checklisten-Sitzung */
.wwbs-v2814 .hero-contact-actions{align-items:center}
.wwbs-v2814 .hero-experience-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:10px 6px;color:#bfdbfe;font-weight:800;text-decoration:underline;text-decoration-color:rgba(191,219,254,.42);text-underline-offset:5px}
.wwbs-v2814 .hero-experience-link:hover,.wwbs-v2814 .hero-experience-link:focus-visible{color:#fff;text-decoration-color:#fff}
.wwbs-v2814 .hero-project-cta{border-color:rgba(255,255,255,.66)}
.wwbs-v2814 .checklist-overview-copy small{display:block;margin-top:7px;color:#64748b;font-size:.78rem;line-height:1.45}
.wwbs-v2814 .checklist-overview-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.wwbs-v2814 .checklist-reset{appearance:none;border:0;background:transparent;color:#475569;padding:8px 4px;font:inherit;font-size:.8rem;font-weight:800;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.wwbs-v2814 .checklist-reset:hover,.wwbs-v2814 .checklist-reset:focus-visible{color:#b42318}
@media(max-width:820px){
  .wwbs-v2814 .site-header,.wwbs-v2814 .site-header.scrolled{background:#07101f!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 10px 28px rgba(0,0,0,.28)}
  .wwbs-v2814 .nav-links{background:#0a1930}
  .wwbs-v2814 .checklist-overview-controls{width:100%;justify-content:flex-start}
}
@media(max-width:620px){
  .wwbs-v2814 .hero-contact-actions{gap:10px}
  .wwbs-v2814 .hero-contact-actions .hero-experience-link{width:100%;min-height:42px;padding:6px;text-align:center}
  .wwbs-v2814 .checklist-overview-controls{display:grid;grid-template-columns:1fr}
  .wwbs-v2814 .checklist-reset{justify-self:start;padding:8px 0}
}


/* WWBS Digital v28.1.5 — Checklisten-Entscheidung direkt am Formularanfang */
.checklist-inclusion-choice-top{margin:0 0 6px;padding:0}
.checklist-inclusion-choice-top .form-choice{box-shadow:0 10px 28px rgba(37,99,235,.08)}
.check-intake-banner.is-excluded>span{background:#64748b}
@media(max-width:700px){
  .checklist-inclusion-choice-top .form-choice{padding:16px}
  .checklist-inclusion-choice-top .form-choice strong{font-size:1rem;line-height:1.35}
  .checklist-inclusion-choice-top .form-choice small{font-size:.82rem;line-height:1.45}
}


/* WWBS Digital v28.1.6 — klare Pflicht-/Optional-Kennzeichnung und kurze Projektbeschreibung */
.field-optional{display:inline-flex;align-items:center;margin-left:5px;padding:2px 7px;border-radius:999px;background:#eef2f7;color:#64748b;font-size:.7em;font-weight:800;letter-spacing:.02em;text-transform:lowercase;vertical-align:middle}
.form-help{display:block;margin-top:8px;color:#64748b;font-size:.84rem;line-height:1.5}
@media(max-width:620px){
  .field-optional{font-size:.66em;padding:2px 6px}
  .form-help{font-size:.82rem}
}


/* WWBS Digital v28.1.7 — freiwillige Checklisten-Übergabe in der Schnellanfrage */
.wwbs-v2817 .quick-checklist-choice{margin:2px 0 0}
.wwbs-v2817 .quick-checklist-choice[hidden]{display:none!important}
.wwbs-v2817 .quick-checklist-choice .form-choice{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:14px;border:1px solid #bfdbfe;border-radius:13px;background:linear-gradient(135deg,#eff6ff,#f8fbff)}
.wwbs-v2817 .quick-checklist-choice input{width:18px;height:18px;margin:3px 0 0;padding:0;box-shadow:none}
.wwbs-v2817 .quick-checklist-choice span{display:grid;gap:3px}
.wwbs-v2817 .quick-checklist-choice strong{color:#0f3b78}
.wwbs-v2817 .quick-checklist-choice small{color:#64748b;font-size:.8rem;line-height:1.45}


/* =========================================================
   WWBS Digital Launch Kit v28.2.0 — klare Ansichtswahl & Premium-Farbsystem
   ========================================================= */
:root{
  --wwbs-brand-violet:#7c3aed;
  --wwbs-brand-magenta:#c026d3;
  --wwbs-info-teal:#0f766e;
  --wwbs-info-teal-bright:#14b8a6;
  --wwbs-info-teal-soft:#ecfdf9;
}
.wwbs-v2820 .wwbs-view-control{position:relative;z-index:4}
.wwbs-v2820 .nav-view-trigger{display:flex;align-items:center;gap:9px;min-height:44px;padding:6px 10px 6px 8px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(3,10,24,.52);color:#fff;font:inherit;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.12);transition:border-color .2s ease,background .2s ease,transform .2s ease}
.wwbs-v2820 .nav-view-trigger:hover,.wwbs-v2820 .nav-view-trigger[aria-expanded="true"]{border-color:color-mix(in srgb,var(--wwbs-experience-accent) 75%,white);background:rgba(7,20,38,.88);transform:translateY(-1px)}
.wwbs-v2820 .nav-view-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:linear-gradient(145deg,color-mix(in srgb,var(--wwbs-experience-accent) 75%,#2563eb),var(--wwbs-experience-accent));box-shadow:0 8px 20px color-mix(in srgb,var(--wwbs-experience-accent) 30%,transparent)}
.wwbs-v2820 .nav-view-icon svg{width:17px;height:17px}.wwbs-v2820 .nav-view-copy{display:grid;min-width:50px;text-align:left;line-height:1.05}.wwbs-v2820 .nav-view-copy small{color:#9fb4ce;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.wwbs-v2820 .nav-view-copy strong{margin-top:4px;font-size:.78rem}.wwbs-v2820 .nav-view-chevron{width:15px;height:15px;transition:transform .2s ease}.wwbs-v2820 .nav-view-trigger[aria-expanded="true"] .nav-view-chevron{transform:rotate(180deg)}
.wwbs-v2820 .wwbs-view-popover{position:absolute;right:0;top:calc(100% + 12px);width:min(390px,calc(100vw - 32px));padding:18px;border:1px solid rgba(148,163,184,.28);border-radius:20px;background:rgba(5,13,30,.98);color:#fff;box-shadow:0 28px 75px rgba(2,8,23,.38);backdrop-filter:blur(20px)}
.wwbs-v2820 .wwbs-view-popover:before{content:"";position:absolute;right:43px;top:-7px;width:13px;height:13px;transform:rotate(45deg);border-left:1px solid rgba(148,163,184,.28);border-top:1px solid rgba(148,163,184,.28);background:#07101f}
.wwbs-v2820 .wwbs-view-picker-head{display:grid;gap:4px;margin-bottom:13px}.wwbs-v2820 .wwbs-view-picker-head strong{font-size:1rem}.wwbs-v2820 .wwbs-view-picker-head span{color:#9fb4ce;font-size:.76rem;line-height:1.45}
.wwbs-v2820 .wwbs-view-options{display:grid;gap:9px}.wwbs-v2820 .wwbs-view-option{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:11px;align-items:center;width:100%;padding:12px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.035);color:#fff;text-align:left;font:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.wwbs-v2820 .wwbs-view-option:hover{border-color:rgba(255,255,255,.26);transform:translateY(-1px)}.wwbs-v2820 .wwbs-view-option.is-active{border-color:var(--wwbs-experience-accent);background:linear-gradient(135deg,color-mix(in srgb,var(--wwbs-experience-accent) 18%,#071426),rgba(255,255,255,.045));box-shadow:0 0 0 3px color-mix(in srgb,var(--wwbs-experience-accent) 10%,transparent)}
.wwbs-v2820 .wwbs-view-option-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.07);color:#cbd5e1}.wwbs-v2820 .wwbs-view-option.is-active .wwbs-view-option-icon{background:var(--wwbs-experience-accent);color:#fff}.wwbs-v2820 .wwbs-view-option-icon svg{width:21px;height:21px}.wwbs-v2820 .wwbs-view-option>span:nth-child(2){display:grid;gap:3px}.wwbs-v2820 .wwbs-view-option strong{font-size:.86rem}.wwbs-v2820 .wwbs-view-option small{color:#9fb4ce;font-size:.69rem;line-height:1.4}.wwbs-v2820 .wwbs-view-option>i{width:12px;height:12px;border:2px solid #718096;border-radius:50%}.wwbs-v2820 .wwbs-view-option.is-active>i{border:3px solid #fff;box-shadow:0 0 0 2px var(--wwbs-experience-accent)}.wwbs-v2820 .wwbs-view-privacy{margin:12px 0 0;color:#7f93ac;font-size:.65rem;line-height:1.45}
.wwbs-v2820 .wwbs-view-hint{position:absolute;right:0;top:calc(100% + 13px);width:310px;padding:15px 38px 15px 16px;border:1px solid color-mix(in srgb,var(--wwbs-experience-accent) 55%,rgba(255,255,255,.2));border-radius:16px;background:linear-gradient(145deg,#071426,#102b58);color:#fff;box-shadow:0 20px 54px rgba(2,8,23,.32);animation:wwbsViewHintIn .38s ease both}.wwbs-v2820 .wwbs-view-hint strong,.wwbs-v2820 .wwbs-view-hint span{display:block}.wwbs-v2820 .wwbs-view-hint strong{font-size:.82rem}.wwbs-v2820 .wwbs-view-hint span{margin-top:4px;color:#b9c9dc;font-size:.7rem;line-height:1.45}.wwbs-v2820 .wwbs-view-hint button{position:absolute;right:8px;top:8px;width:27px;height:27px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:1.1rem;line-height:1;cursor:pointer}@keyframes wwbsViewHintIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.wwbs-v2820 .wwbs-view-picker-mobile{padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.04)}.wwbs-v2820 .wwbs-view-picker-mobile .wwbs-view-option{grid-template-columns:38px minmax(0,1fr);padding:11px}.wwbs-v2820 .wwbs-view-picker-mobile .wwbs-view-option>i{display:none}.wwbs-v2820 .wwbs-view-picker-mobile .wwbs-view-option-icon{width:38px;height:38px}

/* Fokusansicht: weniger visuelle Ablenkung, weiterhin vollständiger Inhalt. */
html[data-wwbs-view="focus"] .wwbs-v2820{--wwbs-experience-accent:#3b82f6;--wwbs-experience-gold:#0f766e;--wwbs-experience-line:rgba(96,165,250,.20)}
html[data-wwbs-view="focus"] .wwbs-v2820 .hero:after{opacity:.42;filter:blur(56px)}
html[data-wwbs-view="focus"] .wwbs-v2820 .hero-system:before,html[data-wwbs-view="focus"] .wwbs-v2820 .hero-system-grid{opacity:.38}
html[data-wwbs-view="focus"] .wwbs-v2820 .hero-system-orbit{box-shadow:0 0 0 34px rgba(96,165,250,.018)}
html[data-wwbs-view="focus"] .wwbs-v2820 :is(.service-card,.benefit-card,.feature-box,.info-panel,.contact-form){box-shadow:0 14px 38px rgba(15,23,42,.07)}
html[data-wwbs-view="focus"] .wwbs-v2820 :is(.service-card,.benefit-card,.feature-box):hover{transform:translateY(-3px)}
html[data-wwbs-view="focus"] .wwbs-v2820 .home-signature-chain:before{opacity:.48}

/* Erlebnisansicht: markanter, farbstärker, aber auf derselben zugänglichen Struktur. */
html[data-wwbs-view="experience"] .wwbs-v2820{--wwbs-experience-accent:#8b5cf6;--wwbs-experience-gold:#14b8a6;--wwbs-experience-line:rgba(196,181,253,.30)}
html[data-wwbs-view="experience"] .wwbs-v2820 .btn-primary{background:linear-gradient(125deg,#6d28d9,#a21caf 58%,#0f766e);box-shadow:0 16px 42px rgba(124,58,237,.28)}
html[data-wwbs-view="experience"] .wwbs-v2820 .hero:after{background:radial-gradient(circle,rgba(168,85,247,.42),rgba(20,184,166,.12) 48%,transparent 70%)}
html[data-wwbs-view="experience"] .wwbs-v2820 .hero-system{box-shadow:0 42px 110px rgba(76,29,149,.34),inset 0 1px rgba(255,255,255,.08)}
html[data-wwbs-view="experience"] .wwbs-v2820 .home-signature-progress i{background:linear-gradient(90deg,#8b5cf6,#d946ef,#14b8a6)}
html[data-wwbs-view="experience"] .wwbs-v2820 .site-header:after{background:linear-gradient(90deg,transparent,#8b5cf6,#d946ef,#14b8a6,transparent)}

/* Infopaket: Türkis bleibt als Informationsfarbe, wird aber mit der Marke verbunden. */
.wwbs-v2820 .info-package-preview{border-color:rgba(15,118,110,.26);background:radial-gradient(circle at 92% 8%,rgba(20,184,166,.18),transparent 28%),linear-gradient(155deg,#fff,#f0fdfa 55%,#f5f3ff)}
.wwbs-v2820 .info-package-preview::after{background:linear-gradient(145deg,rgba(20,184,166,.18),rgba(124,58,237,.10))}
.wwbs-v2820 .info-package-preview-top span{color:var(--wwbs-info-teal)}
.wwbs-v2820 .info-package-preview-list span{border-color:rgba(15,118,110,.18);background:rgba(255,255,255,.86)}
.wwbs-v2820 .info-package-preview-actions a{color:var(--wwbs-info-teal)}
.wwbs-v2820 .info-package-services{background:radial-gradient(circle at 88% 8%,rgba(20,184,166,.08),transparent 26%),linear-gradient(180deg,#f8fbff,#effaf8)}
.wwbs-v2820 .info-package-services .icon-box{background:linear-gradient(145deg,#ccfbf1,#ede9fe);color:#0f766e}
.wwbs-v2820 .info-package-share{background:radial-gradient(circle at 12% 8%,rgba(20,184,166,.18),transparent 28%),linear-gradient(135deg,#07101f,#12354a 56%,#241044)}
.wwbs-v2820 .home-info-package{background:radial-gradient(circle at 90% 10%,rgba(20,184,166,.18),transparent 28%),linear-gradient(135deg,#071426,#12354a 58%,#231044)}

@media(max-width:1180px){.wwbs-v2820 .nav-view-copy{display:none}.wwbs-v2820 .nav-view-trigger{padding:6px}.wwbs-v2820 .nav-view-chevron{display:none}}
@media(max-width:820px){.wwbs-v2820 .wwbs-view-control{display:none}.wwbs-v2820 .nav-mobile-experience{display:block}.wwbs-v2820 .wwbs-view-picker-mobile{margin:8px 0 2px}.wwbs-v2820 .wwbs-view-picker-mobile .wwbs-view-picker-head span{color:#9fb4ce}.wwbs-v2820 .wwbs-view-picker-mobile .wwbs-view-privacy{color:#8196b0}}
@media(max-width:520px){.wwbs-v2820 .wwbs-view-picker-mobile{padding:12px}.wwbs-v2820 .wwbs-view-option small{font-size:.67rem}}
@media(prefers-reduced-motion:reduce){.wwbs-v2820 .wwbs-view-hint{animation:none}.wwbs-v2820 .nav-view-trigger,.wwbs-v2820 .wwbs-view-option{transition:none}}