.preview-note{padding:10px 24px;background:#183229;color:#e0ece5;font:12px/1.5 Arial,sans-serif;display:flex;justify-content:space-between;gap:20px}.preview-note a{color:#91edb3;text-decoration:underline}.hero--dashboard h1{font-size:clamp(32px,3.15vw,56px);line-height:1.12}.hero--dashboard .hero-copy{width:42%;max-width:700px}.hero--dashboard .summary{font-size:16px;line-height:1.65}.hero--dashboard .lead{font-size:clamp(20px,1.65vw,26px);line-height:1.4}.process-context{color:#9eafbf;max-width:85ch;font-size:14px;line-height:1.65;margin-top:16px}.process-panel{min-height:440px}.process-panel h3{hyphens:auto}.process-description{font-size:15px}.site-main>.audience-refresh{grid-column:1/-1;padding:64px 5.5vw 48px}.audience-heading{display:grid;grid-template-columns:1fr;gap:16px;align-items:start;margin-bottom:32px}.audience-heading h2{font-size:clamp(25px,2.1vw,34px);max-width:none;line-height:1.2}.audience-heading .eyebrow{color:#22c55e;font-size:11px;letter-spacing:.13em;margin-bottom:12px}.audience-heading>p{color:#b6c1cc;line-height:1.65;max-width:85ch;margin:0}.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.audience-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:30px;border:1px solid #32433f;border-radius:20px;background:linear-gradient(150deg,#182c29 0%,#15212b 52%,#111c27 100%);box-shadow:0 20px 55px #060c1525}.audience-card-1{border-color:#3e7756;background:linear-gradient(155deg,#174331,#152a27 52%,#12212a)}.audience-top{display:flex;align-items:center;gap:14px;margin-bottom:30px}.audience-number{font-family:Montserrat,Arial,sans-serif;font-size:14px;font-weight:700;display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid #397655;border-radius:10px;color:#6fe3a0;background:#113d2a}.audience-label{font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:#c8ddcf}.audience-card h3{font-size:clamp(21px,1.65vw,28px);line-height:1.25;letter-spacing:-.02em;min-height:3.75em;margin:0 0 20px;color:#fff}.audience-card>p{font-size:15px;line-height:1.7;color:#becbd2;margin:0 0 26px}.audience-card ul{padding:24px 0 28px;margin:auto 0 0;list-style:none;border-top:1px solid #ffffff15;display:grid;gap:14px}.audience-card li{position:relative;padding-left:20px;font-size:14px;line-height:1.5;color:#dfebe4}.audience-card li:before{content:'';position:absolute;left:0;top:.52em;width:6px;height:6px;background:#22c55e;border-radius:1px}.audience-cta{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#83edac;font-weight:700;font-size:14px;text-decoration:none;padding-top:18px;border-top:1px solid #ffffff15;min-height:48px}.audience-cta span{font-size:24px}.audience-cta:hover{color:white}.audience-cta:focus-visible{outline:2px solid #22c55e;outline-offset:6px}.audience-next{display:flex;gap:22px;margin-top:30px;padding:26px 0}.next-line{width:3px;background:#22c55e;flex-shrink:0}.audience-next h3{font-size:17px;margin:0 0 8px}.audience-next p{font-size:15px;line-height:1.65;color:#b6c1cc;max-width:95ch}.demo-disclosure{font-size:13px;line-height:1.6;color:#aab8c8;margin-top:18px;max-width:80ch}.cms-media figcaption{padding:0 5.5vw;font-size:13px}.hero-actions{flex-wrap:wrap}
@media(max-width:1100px){.audience-heading{gap:16px}.audience-grid{gap:14px}.audience-card{padding:22px}.audience-card h3{font-size:21px}.audience-top{align-items:flex-start}.process-panel{min-height:420px}}
@media(max-width:900px){.audience-grid{grid-template-columns:1fr}.audience-card{padding:28px}.audience-card h3{min-height:0}.audience-card ul{margin-top:0}.audience-top{margin-bottom:20px}.audience-heading{grid-template-columns:1fr;gap:16px}.audience-heading h2{max-width:none}.hero--dashboard .hero-copy{width:48%}}
@media(max-width:767px){.preview-note{padding:9px 16px;font-size:11px;flex-wrap:wrap;gap:3px}.site-main>.hero--dashboard{padding-top:32px}.hero--dashboard .hero-copy{width:100%}.hero--dashboard h1{font-size:clamp(28px,7.5vw,44px)}.hero--dashboard .summary{font-size:16px}.site-main>.audience-refresh{padding:40px 20px 24px}.audience-card{padding:25px}.audience-card h3{font-size:25px}.audience-next{margin-top:8px}.process-panel{min-height:425px}.process-photo{flex-shrink:0}.hero-actions .btn{white-space:normal}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.flow-contact{margin-top:80px;padding:28px 30px;border-left:3px solid var(--vm-verify-green,#22c55e);background:#172b29;border-radius:0 12px 12px 0;display:flex;align-items:center;justify-content:space-between;gap:32px}.flow-contact h3{font-size:clamp(20px,1.6vw,25px);line-height:1.3;margin:0 0 10px}.flow-contact p{max-width:72ch;margin:0;color:#c4cdd6;line-height:1.65}.flow-contact .btn{flex-shrink:0;text-align:center;white-space:normal}@media(max-width:900px){.flow-contact{flex-direction:column;align-items:flex-start;padding:24px;gap:20px}}

.contact-action{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex-shrink:0}.contact-action-hint{display:block;font-size:12px;line-height:1.5;color:#b6c1cc}.hero-actions{align-items:flex-start}.flow-contact .contact-action{max-width:100%}

.hero-actions:has(.contact-action){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.hero-actions:has(.contact-action)>.btn,.hero-actions .contact-action,.hero-actions .contact-action>.btn{width:100%;min-width:0;box-sizing:border-box}.hero-actions:has(.contact-action) .btn{display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;min-height:52px}@media(max-width:1200px){.hero-actions:has(.contact-action){grid-template-columns:minmax(0,1fr)}}

.demo-reel{margin-top:80px;display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}.demo-reel-player{aspect-ratio:9/16;width:100%;background:#080d16;border:1px solid #30413d;border-radius:16px;overflow:hidden}.demo-reel-player iframe{display:block;width:100%;height:100%;border:0}.demo-reel-copy .eyebrow{color:var(--vm-verify-green,#22c55e);font-size:12px;letter-spacing:.12em}.demo-reel-copy h2{font-size:clamp(25px,2.4vw,36px);line-height:1.2;margin:16px 0 22px}.demo-reel-copy>p:not(.eyebrow){color:#c4cdd6;line-height:1.7;max-width:52ch}.demo-reel-cta{display:inline-block;margin-top:24px;color:var(--vm-verify-green,#22c55e);font-weight:700;text-decoration:none}.demo-reel-fallback{display:block;width:fit-content;margin-top:20px;color:#b6c1cc;font-size:12px}.demo-reel a:focus-visible{outline:2px solid #22c55e;outline-offset:5px}@media(max-width:767px){.demo-reel{grid-template-columns:minmax(0,1fr);gap:28px}.demo-reel-player{max-width:360px;justify-self:center}.demo-reel-copy h2{font-size:27px}}

.demo-reel-button{margin-top:24px;max-width:100%;box-sizing:border-box;text-align:center;white-space:normal}

.demo-reel-player video{display:block;width:100%;height:100%;object-fit:contain;background:#080d16}

.demo-reel{align-items:start}.demo-reel .flow-contact{margin-top:32px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.demo-reel .flow-contact h3{font-size:clamp(20px,1.6vw,25px)}.demo-reel-copy>.eyebrow{margin-top:0}@media(max-width:1000px){.demo-reel{grid-template-columns:minmax(0,1fr);gap:28px}.demo-reel-player{max-width:360px;justify-self:center}}

.hero-actions .contact-action .btn-ghost,.flow-contact .contact-action .btn-ghost{background:#111827;color:#fff;border:1px solid #374151;box-shadow:none}.hero-actions .contact-action .btn-ghost:hover,.flow-contact .contact-action .btn-ghost:hover{background:#111827;color:#fff;border-color:var(--vm-verify-green,#22c55e);box-shadow:none}.contact-action .btn-ghost:focus-visible{outline:2px solid var(--vm-verify-green,#22c55e);outline-offset:3px}

.audience-contact{padding-top:20px;border-top:1px solid #ffffff15}.audience-contact .btn-ghost{background:#111827;color:#fff;border:1px solid #374151;box-shadow:none;max-width:100%;box-sizing:border-box;white-space:normal;text-align:center}.audience-contact .btn-ghost:hover{background:#111827;color:#fff;border-color:var(--vm-verify-green,#22c55e);box-shadow:none}

.preview-de .site-main>.demo,.preview-de .site-main>.status-strip{grid-column:1/-1;max-width:none;min-width:0;padding:72px 5.5vw;box-sizing:border-box}.preview-de .demo .demo-intro{max-width:80ch;line-height:1.65}.preview-de .demo>.section-lead{margin-top:32px;margin-bottom:24px}.preview-de .status-strip .facts{width:100%;min-width:0}.preview-de .status-strip .facts>div{min-width:0}@media(max-width:767px){.preview-de .site-main>.demo,.preview-de .site-main>.status-strip{padding:40px 20px}}

.footer-logo-lockup{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.footer-logo-lockup .footer-v{display:block;width:46px;height:auto;flex-shrink:0}.footer-logo-lockup .footer-typo{display:block;width:204px;height:auto;margin:0}

.footer-instagram{grid-column:1/-1;margin:24px 0}.footer-instagram p{margin:0 0 10px;font-size:14px;line-height:1.6}.footer-instagram a{display:inline-flex;align-items:center;gap:10px;color:inherit;font-size:14px;font-weight:600;text-decoration:none;min-height:44px}.footer-instagram a:hover{text-decoration:underline;text-underline-offset:4px}.footer-instagram a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.footer-instagram svg{flex-shrink:0}

.site-footer.footer-two-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);column-gap:64px;row-gap:24px;align-items:start}.footer-main-column{min-width:0}.footer-two-columns .footer-brand{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.footer-two-columns .legal-links{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px 24px}.footer-two-columns .footer-line{margin:12px 0 0}.footer-two-columns .footer-instagram{grid-column:auto;margin:0;max-width:38ch;justify-self:end}.footer-two-columns .footer-instagram a{color:var(--vm-verify-green,#22c55e);font-weight:700;gap:8px}.footer-two-columns .footer-instagram p{margin-bottom:4px}@media(max-width:767px){.site-footer.footer-two-columns{grid-template-columns:minmax(0,1fr);gap:24px}.footer-two-columns .footer-instagram{justify-self:start;max-width:none}}

@media(max-width:600px){.process-panel h3{hyphens:none;-webkit-hyphens:none;overflow-wrap:normal;word-break:normal;font-size:clamp(16px,4.4vw,19px)}.process-title-line{display:block;white-space:nowrap}}

/* A shared mobile frame keeps all scenes and navigation at the same height. */
@media(max-width:600px){
 .process-track{align-items:stretch;padding-bottom:4px;scrollbar-width:none}
 .process-track::-webkit-scrollbar{display:none}
 .process-track .process-card{display:block;height:clamp(560px,calc(100svh - 88px),640px);min-height:0;border-radius:16px;overflow:hidden}
 .process-track .process-card .process-photo{position:absolute;inset:200px 0 0;width:100%;max-width:100%;height:calc(100% - 200px);margin:0;object-fit:cover;object-position:center top;border-radius:0 0 16px 16px;align-self:auto}
 .process-track .process-panel{position:relative;margin:12px auto 0;width:calc(100% - 24px);height:320px;min-height:0;padding:16px 14px;box-sizing:border-box}
 .process-track .process-icon{width:76px;height:76px;margin:10px 0;flex-shrink:0}
 .process-track .process-icon img{width:48px;height:48px}
 .process-track .process-description{font-size:14px;line-height:1.45;margin-top:12px}
 .process-controls{margin-top:12px}
}

/* Deliberate two-line headings on every screen size. */
.process-panel h3{hyphens:none;-webkit-hyphens:none;overflow-wrap:normal;word-break:normal}
.process-title-line{display:block;white-space:nowrap}
@media(min-width:1101px){.process-panel h3{font-size:clamp(14px,1.15vw,20px)}}

.hero-actions.hero-actions-grouped{display:flex;flex-direction:column;gap:28px;align-items:stretch;margin-top:24px}
.hero-action-group{min-width:0}.hero-action-group>.summary{margin:0 0 14px}
.hero-action-group>.btn,.hero-actions-grouped .contact-action{width:min(100%,320px)}
.hero-actions-grouped .contact-action>.btn{width:100%}
.hero-actions-grouped .btn{min-height:52px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;box-sizing:border-box}
@media(max-width:767px){.hero-action-group>.btn,.hero-actions-grouped .contact-action{width:100%}}

/* Fade only the panel background; keep text and icons fully opaque. */
.process-panel{background:linear-gradient(to bottom,rgba(12,61,45,.97) 0%,rgba(12,61,45,.94) 52%,rgba(12,61,45,.82) 68%,rgba(12,61,45,.38) 86%,rgba(12,61,45,.05) 100%)}
/* The final card has more copy, so retain contrast through its final lines. */
.process-card:last-child .process-panel{background:linear-gradient(to bottom,rgba(12,61,45,.97) 0%,rgba(12,61,45,.94) 65%,rgba(12,61,45,.82) 82%,rgba(12,61,45,.3) 94%,rgba(12,61,45,.05) 100%)}

.preview-en .partnership-en{display:inline-flex;align-items:center;gap:8px;font-size:9px;white-space:nowrap;width:auto}.partnership-en img{width:88px;height:27px}.preview-en .audience-label{text-transform:none;overflow-wrap:normal}.preview-en .audience-top{align-items:flex-start}

/* Mobile audience carousel shares the process navigation design. */
.audience-controls,.audience-position{display:none}
.audience-prev svg{transform:rotate(180deg)}
.audience-count{font-size:14px;color:#d1d5db}
.audience-grid:focus-visible{outline:2px solid #22c55e;outline-offset:4px}
@media(max-width:767px){
 .audience-refresh .audience-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;scrollbar-width:none;align-items:stretch;padding:0 0 4px}
 .audience-grid::-webkit-scrollbar{display:none}
 .audience-grid .audience-card{flex:0 0 90%;scroll-snap-align:start;box-sizing:border-box;min-width:0}
 .audience-grid .audience-card ul{margin-top:auto}
 .audience-controls{display:flex;margin-top:16px}
 .audience-position{display:block;position:relative;width:108px;height:3px;background:#243c32;border-radius:3px;margin:16px auto 0;overflow:hidden}
 .audience-position span{display:block;width:36px;height:100%;background:#4ade80;border-radius:3px;transform:translateX(calc(var(--audience-index,0)*36px))}
 .audience-refresh .audience-next{margin-top:24px}
}