.wc-marketing {
    --wc-blue:#123c8c;
    --wc-orange:#ff9b38;
    overflow:clip}
.wc-marketing h1,.wc-marketing h2,.wc-proof strong,.wc-price,.wc-signoff {
    font-family:'Barlow Condensed',sans-serif;
    font-weight:800;
    letter-spacing:-.025em}
.wc-marketing h1 {
    font-size:clamp(3rem,5.4vw,5.5rem);
    line-height:.98;
    text-wrap:balance;
    max-width:850px}
.wc-marketing h2 {
    font-size:clamp(2.3rem,3.8vw,3.8rem);
    line-height:1.05;
    max-width:900px;
    text-wrap:balance}
.wc-marketing p {
    line-height:1.7}
.wc-hero {
    background:linear-gradient(125deg,#082653 0%,#123c8c 75%,#2058af 100%);
    color:white;
    border-bottom:6px solid var(--wc-orange)}
.wc-hero-grid {
    display:grid;
    grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);
    gap:4rem;
    align-items:center;
    padding-top:4.5rem;
    padding-bottom:4.5rem}
.wc-eyebrow {
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.16em;
    text-transform:uppercase;
    margin-bottom:1rem;
    color:rgb(var(--wow-foreground,11 31 82))}
.wc-hero .wc-eyebrow,.wc-blue .wc-eyebrow {
    color:#ffb566}
.wc-launch {
    display:inline-block;
    font-size:.8rem;
    font-weight:700;
    padding:.35rem .8rem;
    border:1px solid #ffffff55;
    border-radius:5px;
    margin-bottom:1.3rem;
    background:#ffffff0a}
.wc-lead {
    font-size:1.13rem;
    margin-top:1.5rem;
    max-width:740px;
    color:#eef4ff}
.wc-actions {
    display:flex;
    gap:.85rem;
    flex-wrap:wrap;
    margin-top:1.7rem}
.wc-button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:1rem;
    min-height:52px;
    border:2px solid transparent;
    border-radius:8px;
    background:var(--wc-orange);
    color:#092552;
    padding:.85rem 1.25rem;
    font-weight:800;
    line-height:1.3;
    text-align:center;
    text-decoration:none!important}
.wc-button:hover {
    background:#ffb66c}
.wc-button-outline {
    background:transparent;
    border-color:#ffffff80;
    color:white}
.wc-button-outline:hover {
    background:#ffffff15}
.wc-marketing a:focus-visible,.wc-marketing summary:focus-visible {
    outline:3px solid #ff9b38;
    outline-offset:5px}
.wc-micro {
    font-size:.86rem;
    color:#e2eaff;
    max-width:650px;
    margin-top:1rem}
.wc-text-link {
    display:inline-block;
    color:white;
    font-weight:600;
    text-decoration:underline;
    text-underline-offset:5px;
    margin-top:1.3rem}
.wc-product {
    margin:0 auto;
    width:min(100%,310px)}
.wc-phone {
    position:relative;
    overflow:hidden;
    background:#101722;
    border:8px solid #131a25;
    border-radius:36px;
    padding-top:22px;
    box-shadow:0 24px 50px #020d2633,0 0 0 2px #556174}
.wc-phone-speaker {
    position:absolute;
    width:62px;
    height:7px;
    background:#364255;
    top:7px;
    left:calc(50% - 31px);
    border-radius:10px}
.wc-phone img {
    display:block;
    width:100%;
    height:auto;
    border-radius:0 0 25px 25px}
.wc-product figcaption {
    font-size:.78rem;
    line-height:1.5;
    text-align:center;
    margin:1.1rem -5px 0;
    color:inherit}
.wc-hero .wc-product figcaption {
    color:#e2eaff}
.wc-proof {
    background:rgb(var(--wow-surface,255 255 255));
    border-bottom:1px solid rgb(var(--wow-border,201 212 233))}
.wc-proof-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    padding-top:2rem;
    padding-bottom:2rem;
    gap:2rem}
.wc-proof strong {
    font-size:2.4rem;
    line-height:1.1}
.wc-proof p {
    font-size:.9rem;
    margin-top:.4rem;
    max-width:230px}
.wc-section {
    padding:5rem 0;
    scroll-margin-top:110px}
.wc-prose {
    font-size:1.1rem;
    max-width:860px;
    margin-top:1.3rem}
.wc-prose a {
    text-decoration:underline;
    text-underline-offset:4px;
    font-weight:700}
.wc-soft {
    background:rgb(var(--wow-surface,247 249 253));
    border-block:1px solid rgb(var(--wow-border,201 212 233))}
.wc-blue {
    background:var(--wc-blue);
    color:white}
.wc-quote {
    border-left:8px solid var(--wc-orange);
    background-image:repeating-linear-gradient(90deg,transparent,transparent 119px,#ffffff05 120px)}
.wc-quote h2 {
    font-size:clamp(3rem,5vw,5rem);
    max-width:950px}
.wc-cards {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1rem;
    list-style:none;
    padding:0;
    margin-top:2rem}
.wc-cards li {
    padding:1.5rem;
    border:1px solid rgb(var(--wow-border,201 212 233));
    border-top:3px solid #f09332;
    border-radius:10px;
    background:rgb(var(--wow-bg,240 244 253));
    font-size:1rem;
    line-height:1.7}
.wc-steps {
    counter-reset:step}
.wc-step-number {
    display:block;
    font:800 2.7rem/1 'Barlow Condensed',sans-serif;
    color:inherit;
    opacity:.65;
    margin-bottom:1rem}
.wc-planned {
    display:block;
    font-size:.9rem;
    max-width:840px;
    padding:.8rem 1rem;
    border-left:3px solid #e98a25;
    background:#f29a3010;
    margin-top:1.3rem;
    font-weight:600}
.wc-split {
    display:grid;
    grid-template-columns:minmax(0,1.7fr) minmax(240px,.7fr);
    gap:4rem;
    align-items:center}
.wc-split .wc-cards {
    grid-template-columns:1fr}
.wc-faq details {
    border-bottom:1px solid rgb(var(--wow-border,201 212 233));
    max-width:900px}
.wc-faq details:first-of-type {
    margin-top:2rem}
.wc-faq summary {
    cursor:pointer;
    padding:1.3rem .5rem;
    font-size:1.15rem;
    font-weight:700;
    min-height:48px}
.wc-faq details p {
    padding:0 .5rem 1.3rem;
    max-width:800px}
.wc-final {
    background:rgb(var(--wow-surface,255 255 255));
    border-top:5px solid var(--wc-orange)}
.wc-signoff {
    font-size:2rem;
    margin-top:2rem}
.wc-price {
    font-size:3.5rem;
    margin-top:1rem;
    line-height:1.1!important}
.wc-price span {
    font-family:Barlow,sans-serif;
    font-size:.8rem;
    letter-spacing:.05em;
    text-transform:uppercase;
    margin-left:.5rem;
    display:inline-block}
.wc-coming-soon {
    cursor:not-allowed;
    background:#dce6f8;
    color:#14346b}
.wc-coming-soon:hover {
    background:#dce6f8}
#local-wins .wc-cards {
    grid-template-columns:repeat(3,minmax(0,1fr))}

@media(max-width:900px) {
    .wc-hero-grid,.wc-split {
    gap:2rem;
    grid-template-columns:minmax(0,1fr) minmax(230px,.65fr)}
.wc-hero-grid {
    padding-top:3rem;
    padding-bottom:3rem}
.wc-proof-grid {
    grid-template-columns:repeat(2,1fr)}
.wc-hero h1 {
    font-size:3.7rem}
.wc-section {
    padding:3.5rem 0}
.wc-product {
    max-width:280px}
}

@media(max-width:640px) {
    .wc-hero-grid,.wc-split {
    grid-template-columns:1fr}
.wc-hero-grid {
    gap:2.5rem}
.wc-hero h1 {
    font-size:3.25rem}
.wc-lead {
    font-size:1.04rem}
.wc-actions {
    flex-direction:column}
.wc-button {
    width:100%}
.wc-product {
    max-width:265px}
.wc-cards,#local-wins .wc-cards {
    grid-template-columns:1fr}
.wc-proof-grid {
    gap:1.5rem}
.wc-proof strong {
    font-size:2rem}
.wc-section {
    padding:3rem 0}
.wc-prose {
    font-size:1.02rem}
.wc-price span {
    display:block;
    margin:0}
.wc-split {
    gap:2.5rem}
}

/* Product art: real demo screen inside a device, paired with a proposed printed card. */
.wc-product { width: min(100%, 310px); }
.wc-device-stage { position: relative; isolation: isolate; padding: 4px; }
.wc-phone { overflow: visible; padding: 5px; border: 1px solid #b6bcc7; border-radius: 44px; background: linear-gradient(105deg,#78808b,#e0e3e9 3%,#464d58 6%,#151a21 48%,#9199a5 96%,#d9dce2); box-shadow: 18px 30px 45px #020b284d, inset 0 0 0 1px #ffffff60, 0 0 0 1px #202630; }
.wc-phone-glass { position: relative; overflow: hidden; border: 6px solid #080b10; border-radius: 38px; background: #f1f5f9; }
.wc-phone-status { position: relative; display: flex; justify-content: space-between; align-items: center; height: 34px; padding: 0 15px; color: #121820; font: 700 10px/1 Arial,sans-serif; }
.wc-phone-island { position: absolute; left: 50%; top: 6px; transform: translateX(-50%); width: 73px; height: 20px; border-radius: 20px; background: #070a10; box-shadow: inset 0 -1px 1px #323946; }
.wc-phone-island::after { content: ''; position: absolute; right: 7px; top: 6px; width: 8px; height: 8px; border-radius: 50%; background: radial-gradient(circle at 60% 35%,#244866,#0b1527 55%,#020409); border: 1px solid #172132; }
.wc-phone-screen { aspect-ratio: 390 / 780; overflow: hidden; }
.wc-phone-screen img { width: 100%; height: 100%; border-radius: 0; object-fit: cover; object-position: top; }
.wc-phone-screen img.wc-screen-redemption { object-position: center 65%; }
.wc-phone-home { height: 19px; background: #f4f6fa; position: relative; }
.wc-phone-home::after { content: ''; position: absolute; width: 36%; height: 4px; left: 32%; bottom: 6px; background: #141a24; border-radius: 4px; }
.wc-device-button { position: absolute; width: 3px; background: linear-gradient(90deg,#4d5663,#b4bcc8); border: 1px solid #303846; border-radius: 2px; }
.wc-device-mute { left: -3px; top: 72px; height: 21px; }
.wc-device-volume { left: -3px; top: 112px; height: 65px; }
.wc-device-power { right: -3px; top: 132px; height: 47px; }
.wc-product-composite { width: 100%; max-width: 410px; }
.wc-product-composite .wc-device-stage { padding: 10px 8px 95px 40px; }
.wc-product-composite .wc-phone { width: 285px; max-width: 92%; margin-left: auto; transform: rotate(5deg); }
.wc-physical-card { position: absolute; bottom: 25px; left: -14px; width: 330px; max-width: 105%; aspect-ratio: 1.586; border-radius: 15px; padding: 20px; color: white; overflow: hidden; transform: rotate(-9deg); background: radial-gradient(ellipse at 15% 0%,#2a64b9,transparent 75%),linear-gradient(125deg,#173d85,#071b44); border: 1px solid #8095b8; box-shadow: 0 25px 30px #020b2855,0 2px 0 #99a5b4,inset 0 0 0 2px #ffffff0d; }
.wc-physical-card::after { content: ''; pointer-events: none; position: absolute; inset: 0; background: linear-gradient(120deg,transparent 25%,#ffffff12 46%,transparent 65%); }
.wc-card-stripes { position: absolute; inset: -80px -55px -80px auto; width: 100px; transform: rotate(28deg); background: linear-gradient(90deg,#ff9b38 0 60%,#fff 60% 65%,transparent 65% 73%,#ff9b38 73% 80%,transparent 80%); opacity: .95; }
.wc-card-top { position: relative; display: flex; gap: 8px; align-items: center; }
.wc-card-top img { width: 33px; height: 40px; object-fit: contain; }
.wc-card-top span { font: 600 8px/1.3 Barlow,sans-serif; letter-spacing: .12em; }
.wc-card-top strong { font-size: 12px; }
.wc-card-top b { margin-left: auto; margin-right: 20px; font: 800 28px/1 'Barlow Condensed',sans-serif; color: #fff; }
.wc-card-title { position: relative; margin-top: 12px; font: 700 15px/1 'Barlow Condensed',sans-serif; letter-spacing: .17em; }
.wc-card-title strong { display: block; font-size: 47px; line-height: 1; letter-spacing: .02em; }
.wc-card-bottom { position: relative; display: flex; justify-content: space-between; align-items: end; font: 600 6.5px/1.4 Barlow,sans-serif; letter-spacing: .08em; margin-top: 10px; }
.wc-card-bottom > span:last-child { margin-right: 14px; }
.wc-card-bottom strong { font-size: 8px; }
.wc-design-caption { display: block; margin-top: .3rem; opacity: .8; }
/* Accessible infographic: live text, illustrated steps and a connected reading path. */
.wc-process-heading { display: flex; gap: 3rem; align-items: end; justify-content: space-between; margin-bottom: 2.3rem; }
.wc-process-heading h2 { max-width: 780px; }
.wc-process-intro { flex: 0 0 220px; font-size: 1.1rem; border-left: 3px solid #ef9a3e; padding-left: 1.3rem; }
.wc-infographic { position: relative; color: #f3f7ff; border: 1px solid #32588c; border-radius: 24px; padding: 28px 28px 0; overflow: hidden; background: radial-gradient(ellipse at 50% 0%,#234e91,transparent 70%),repeating-linear-gradient(90deg,transparent 0 119px,#ffffff03 119px 120px),#092650; box-shadow: 0 18px 35px #071d3910; }
.wc-flow-banner { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding-bottom: 25px; font-size: .72rem; font-weight: 700; letter-spacing: .13em; }
.wc-flow-banner span:first-child { color: #ffba71; }
.wc-flow-banner span:last-child { padding: 5px 10px; border: 1px solid #ffffff35; border-radius: 20px; letter-spacing: .03em; }
.wc-flow { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); list-style: none; padding: 0; margin: 0; gap: 22px; }
.wc-flow-step { position: relative; min-width: 0; text-align: center; padding-bottom: 27px; }
.wc-flow-number { position: relative; margin-bottom: 4px; }
.wc-flow-number span { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; font: 800 17px/1 'Barlow Condensed',sans-serif; color: #071d40; background: #ffab50; }
.wc-flow-step:not(:last-child) .wc-flow-number::after { content: ''; position: absolute; top: 17px; left: calc(50% + 29px); width: calc(100% - 36px); border-top: 1px dashed #7891b7; }
.wc-flow-step:not(:last-child) .wc-flow-number::before { content: ''; position: absolute; top: 14px; right: -2px; width: 7px; height: 7px; border-right: 1px solid #b8c8e0; border-top: 1px solid #b8c8e0; transform: rotate(45deg); }
.wc-flow-illustration svg { display: block; width: 100%; max-width: 180px; height: auto; margin: 0 auto; }
.wc-flow h3 { font: 800 clamp(1.35rem,1.8vw,1.8rem)/1.05 'Barlow Condensed',sans-serif; min-height: 2.1em; margin-top: 12px; text-wrap: balance; }
.wc-marketing .wc-flow-tagline { color: #ffbe7b; font-size: .85rem; font-weight: 600; line-height: 1.45; margin-top: 12px; min-height: 2.9em; }
.wc-marketing .wc-flow-description { font-size: .9rem; line-height: 1.55; color: #d9e5f8; margin-top: 9px; }
.wc-flow-result { display: flex; align-items: center; gap: 16px; margin: 0 -28px; padding: 20px 28px; border-top: 1px solid #ffffff20; background: #061c3c80; }
.wc-flow-result > span { display: grid; place-items: center; flex: 0 0 38px; height: 38px; font-size: 24px; color: #ffba71; border: 1px solid #ffba7155; border-radius: 50%; }
.wc-marketing .wc-flow-result p { font-size: .95rem; line-height: 1.5; }
.wc-flow-result strong { color: white; }
.wc-process-footnotes { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-top: 1.5rem; }
.wc-marketing .wc-process-footnotes p { font-size: .88rem; line-height: 1.6; }
.wc-process-footnotes strong { display: block; margin-bottom: .25rem; }
.wc-process-details { margin-top: 1.5rem; border-top: 1px solid rgb(var(--wow-border)); border-bottom: 1px solid rgb(var(--wow-border)); }
.wc-process-details summary { cursor: pointer; font-weight: 700; padding: 1rem 0; min-height: 48px; }
.wc-process-details ol { list-style: decimal; margin: 0 0 1.5rem 1.4rem; max-width: 900px; }
.wc-process-details li { padding: .5rem 0 .5rem .4rem; line-height: 1.7; }
@media(max-width:1100px) {
    .wc-process-heading { display: block; }
    .wc-process-intro { margin-top: 1.5rem; }
    .wc-product-composite .wc-device-stage { padding-left: 15px; }
    .wc-physical-card { width: 285px; left: -10px; padding: 16px; }
    .wc-card-title { margin-top: 8px; font-size: 13px; }
    .wc-card-title strong { font-size: 40px; }
    .wc-card-top b { font-size: 24px; }
    .wc-card-bottom { margin-top: 8px; }
}
@media(min-width:641px) and (max-width:1000px) {
    .wc-flow { grid-template-columns: 1fr; gap: 0; }
    .wc-flow-step { display: grid; grid-template-columns: 36px 130px 1fr; grid-template-rows: auto auto auto; column-gap: 22px; text-align: left; padding: 20px 0; align-items: center; }
    .wc-flow-number { grid-column: 1; grid-row: 1 / 4; margin: 0; }
    .wc-flow-illustration { grid-column: 2; grid-row: 1 / 4; }
    .wc-flow h3,.wc-flow-tagline,.wc-flow-description { grid-column: 3; min-height: 0; margin: 0; }
    .wc-flow h3 { font-size: 1.8rem; }
    .wc-flow-step:not(:last-child) { border-bottom: 1px solid #ffffff18; }
    .wc-flow-step:not(:last-child) .wc-flow-number::after { top: 46px; left: 17px; height: 110px; width: 0; border-top: 0; border-left: 1px dashed #7891b7; }
    .wc-flow-step:not(:last-child) .wc-flow-number::before { display: none; }
}
@media(max-width:640px) {
    .wc-product-composite { max-width: 340px; width: 100%; }
    .wc-product-composite .wc-device-stage { padding-left: 30px; padding-right: 12px; }
    .wc-product-composite .wc-phone { width: 265px; }
    .wc-physical-card { width: 295px; left: 0; padding: 17px; }
    .wc-infographic { padding: 22px 20px 0; border-radius: 18px; }
    .wc-flow-banner { align-items: start; font-size: .62rem; }
    .wc-flow-banner span:first-child { max-width: 150px; }
    .wc-flow-banner span:last-child { white-space: nowrap; }
    .wc-flow { display: block; }
    .wc-flow-step { padding: 18px 0 26px 43px; text-align: left; display: grid; grid-template-columns: 1fr 100px; gap: 0 5px; }
    .wc-flow-number { position: absolute; left: 0; top: 21px; height: 100%; }
    .wc-flow-number span { width: 30px; height: 30px; font-size: 15px; }
    .wc-flow-step:not(:last-child) .wc-flow-number::after { top: 41px; left: 14px; height: calc(100% - 26px); width: 0; border-top: 0; border-left: 1px dashed #7891b7; }
    .wc-flow-step:not(:last-child) .wc-flow-number::before { display: none; }
    .wc-flow-illustration { grid-column: 2; grid-row: 1 / 3; align-self: center; }
    .wc-flow h3 { grid-column: 1; grid-row: 1; margin-top: 4px; min-height: 0; font-size: 1.6rem; }
    .wc-marketing .wc-flow-tagline { grid-column: 1; grid-row: 2; min-height: 0; font-size: .82rem; margin-top: 8px; }
    .wc-marketing .wc-flow-description { grid-column: 1 / 3; font-size: .9rem; margin-top: 12px; max-width: 250px; }
    .wc-flow-result { margin: 0 -20px; padding: 18px 20px; align-items: start; }
    .wc-flow-result strong { display: block; margin-bottom: 5px; }
    .wc-process-footnotes { grid-template-columns: 1fr; gap: 1rem; }
}
.wc-card-bottom > span:last-child { background: #0a234ad9; border-radius: 3px; padding: 3px 5px; }