@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-400-normal.woff2) format('woff2')}@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-600-normal.woff2) format('woff2')}@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-700-normal.woff2) format('woff2')}@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-800-normal.woff2) format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2) format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2) format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-700-normal.woff2) format('woff2')}
/* Women Can Code, in the original brand: bright teal, black and white. Teal grounds the hero and the agenda, black the community and
 * the Wave panel; black text on teal, teal on black, white only on black or dark teal. Heavy Bricolage Grotesque headings, a chunky
 * outlined CAN. Real screenshots, Commons portraits and small drawn line SVGs. Every text pair passes WCAG AA (see the pack tests). */
:root{--teal:#00c2cb;--teal-ink:#0b0b0b;--bg:#ffffff;--night-2:#1d1d1d;--bg-2:#e3f8f9;--panel:#ffffff;--ink:#0b0b0b;--ink-2:#243436;--muted:#3f5254;--line:rgb(11 11 11 / .14);
  --accent:#00676d;--accent-2:#00575c;--coral:#00c2cb;--coral-ink:#0b0b0b;--night:#0b0b0b;--night-ink:#ffffff;--night-muted:#c4f0f2;--todo-bg:#fff0c9;--todo-ink:#5c3d00;
  --tile-1:#ffffff;--tile-2:#d6f4f5;--hot-deep:#004c50;--on-hot:#ffffff;--on-hot-2:#d6f4f5;--badge-ink:#004c50;--hot:#00676d;--hot-2:#00575c;--hot-text:#00676d;--on-accent:#ffffff;--accent-pale:#d6f4f5;--panel-deep:#e3f8f9;--cta-from:#d6f4f5;--panel-3:#ffffff;--panel-2:#ffffff;--glow-1:#d6f4f5;--glow-2:#c4f0f2;--scheme:light;
  --accent-rgb:0 103 109;--accent-hi-rgb:0 87 92;--accent-soft-rgb:0 87 92;--accent-pale-rgb:214 244 245;--accent-cream-rgb:214 244 245;--ink-rgb:11 11 11;--bg-rgb:255 255 255;--shade-rgb:255 255 255;--panel-rgb:255 255 255;--bg-2-rgb:227 248 249;--deep-rgb:227 248 249;--panel-deep-rgb:227 248 249;--hot-rgb:0 103 109;--hot-hi-rgb:0 103 109;--hot-2-rgb:0 87 92;--green-rgb:0 87 92;
  --display:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;--serif:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;--sans:'Inter',ui-sans-serif,system-ui,sans-serif;--mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace}
body{background:var(--bg);color:var(--ink)}
h1,h2,h3,.brand{font-family:var(--display);font-weight:800;letter-spacing:-.025em}
.brand,.footer-brand{text-transform:uppercase;letter-spacing:.01em;font-weight:800}
.brand em,.footer-brand em{font-style:normal;color:#ffffff;-webkit-text-stroke:.09em var(--ink);paint-order:stroke fill;text-shadow:.06em .06em 0 var(--ink);padding:0 .14em;letter-spacing:.04em}
h2{font-size:clamp(30px,3.6vw,46px);line-height:1.02}
h1 em,h2 em{font-style:normal}
a{color:var(--accent)}
.muted,.lead{color:var(--ink-2)}
.eyebrow,.wcc-kicker{font-family:var(--sans);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2)}
.button.primary{background:var(--coral);border-color:var(--coral);color:var(--coral-ink);font-weight:700}
.button.primary:hover,.button.primary:focus-visible{background:var(--night);border-color:var(--night);color:var(--night-ink)}
.button.ghost{border-color:rgb(11 11 11 / .35);color:var(--ink);background:transparent}
.button.ghost:hover,.button.ghost:focus-visible{border-color:var(--accent);color:var(--accent)}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.cta-band{background:var(--panel);border:1px solid var(--line)}
.card-media.no-photo{background:linear-gradient(160deg,#1d1d1d,var(--night))}

/* Hero: the promise on the left, the "describe what you want to build" box on the right. */
.wcc-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:start;padding:clamp(28px,5vw,64px) 0 clamp(24px,4vw,40px)}
.wcc-hero h1{font-size:clamp(44px,6.6vw,96px);line-height:.95;margin:12px 0 20px;letter-spacing:-.04em}
.wcc-hero h1 em{background:linear-gradient(transparent 62%,var(--coral) 62%,var(--coral) 92%,transparent 92%)}
.wcc-hero .lead{font-size:clamp(18px,1.6vw,22px);max-width:600px;line-height:1.5}
.wcc-hero-facts{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0}.wcc-hero-facts span{padding:6px 12px;border:1.5px solid var(--ink);border-radius:999px;font-size:15px}
.wcc-ask{min-width:0;padding:clamp(18px,2.4vw,28px);border-radius:22px;background:var(--night);color:var(--night-ink);box-shadow:10px 10px 0 var(--coral)}
.wcc-ask label{display:block;font-family:var(--display);font-size:clamp(22px,2.2vw,28px);font-weight:700;margin-bottom:12px;letter-spacing:-.02em}
.wcc-ask-row{display:flex;gap:8px;flex-wrap:wrap}
.wcc-ask input{flex:1 1 220px;min-width:0;padding:14px 16px;border-radius:12px;border:2px solid var(--night-ink);background:#ffffff;color:var(--ink);font-size:17px}
.wcc-ask input::placeholder{color:var(--muted)}
.wcc-ask .button.primary{background:var(--coral);border-color:var(--coral);color:var(--coral-ink);font-weight:700}
.wcc-ask .button.primary:hover,.wcc-ask .button.primary:focus-visible{background:#ffffff;border-color:#ffffff;color:var(--coral-ink)}
.wcc-ask :focus-visible{outline-color:var(--coral)}
.wcc-ask-note{margin:10px 0 0;font-size:14px;color:var(--night-muted)}
.wcc-answer:empty{display:none}.wcc-answer{margin-top:16px;padding-top:16px;border-top:1px solid rgb(255 255 255 / .2)}
.wcc-answer-h{margin:0 0 10px}.wcc-answer-h b{color:var(--coral)}
.wcc-answer-days{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.wcc-answer-days li{display:grid;grid-template-columns:62px minmax(0,1fr);gap:2px 10px;font-size:15px;line-height:1.4}.wcc-answer-days li span:last-child{grid-column:2;color:var(--night-muted)}
.wcc-answer-days .wcc-dn{grid-row:span 2;align-self:start;color:var(--coral);background:transparent;padding:0}
.wcc-answer-end{margin:12px 0 0;font-size:15px}.wcc-answer a{color:var(--coral)}
.wcc-dn{display:inline-block;font-family:var(--mono);font-size:13px;font-weight:700;color:var(--accent)}

/* The instructor, front and centre. */
.wcc-instructor{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:center;padding:clamp(18px,3vw,32px);border:2px solid var(--ink);border-radius:22px;background:var(--panel)}
.wcc-instructor h3{margin:4px 0 10px;font-size:clamp(28px,3vw,40px)}.wcc-instructor p{margin:0 0 10px;line-height:1.55}
.wcc-why{font-size:clamp(18px,1.6vw,21px)}
.wcc-photo{aspect-ratio:1;display:grid;place-items:center;border-radius:18px;background:var(--bg-2);overflow:hidden;padding:10px;text-align:center}.wcc-photo img{width:100%;height:100%;object-fit:cover}
.wcc-todo{display:inline-block;padding:3px 9px;border:2px dashed var(--todo-ink);border-radius:8px;background:var(--todo-bg);color:var(--todo-ink);font-family:var(--mono);font-size:14px;font-weight:600;line-height:1.4}

/* What you'll have built: real example pages, screenshotted. */
.wcc-shots{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px}
.wcc-shots a{display:flex;flex-direction:column;gap:8px;color:var(--ink);text-decoration:none}
.wcc-shots img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border:2px solid var(--ink);border-radius:14px;background:var(--bg-2)}
.wcc-shots a:hover img,.wcc-shots a:focus-visible img{box-shadow:6px 6px 0 var(--coral)}
.wcc-shots b{font-family:var(--display);font-size:21px}.wcc-shots small{color:var(--ink-2);font-size:15px;line-height:1.45}
.wcc-shot-tag{align-self:flex-start;padding:3px 9px;border-radius:999px;background:var(--ink);color:var(--night-ink);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}

/* The five skills, and numbered rows in general. */
.wcc-five{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px}
.wcc-five li{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}
.wcc-five b{font-family:var(--display);font-size:22px}.wcc-five span:last-child{color:var(--ink-2);line-height:1.45}
.wcc-differs{margin:16px 0 0;color:var(--ink-2)}

/* Wave 1 and the free product. */
.wcc-wave{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px}
.wcc-wave-main,.wcc-wave-gift{padding:clamp(18px,3vw,32px);border-radius:22px}
.wcc-wave-main{background:var(--night);color:var(--night-ink)}.wcc-wave-main .eyebrow{color:var(--coral)}.wcc-wave-main h2{margin:6px 0 16px}
.wcc-wave-main .button.primary{background:var(--coral);border-color:var(--coral);color:var(--coral-ink)}.wcc-wave-main .button.ghost{color:var(--night-ink);border-color:rgb(255 255 255 / .5)}
.wcc-wave-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:14px;margin:0 0 18px}
.wcc-wave-facts dt{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--night-muted)}.wcc-wave-facts dd{margin:4px 0 0;font-size:17px}
.wcc-wave-gift{background:var(--coral);color:var(--coral-ink)}.wcc-wave-gift .eyebrow{color:var(--coral-ink)}.wcc-wave-gift a{color:var(--coral-ink);font-weight:700}.wcc-wave-gift b{font-family:var(--display);font-size:clamp(22px,2.2vw,28px);line-height:1.15}
.wcc-reward{padding:clamp(18px,3vw,32px);border:2px solid var(--ink);border-radius:22px;background:var(--panel)}
.wcc-reward-list{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.wcc-reward-list li{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:14px;background:#c4f0f2}.wcc-reward-list b{font-family:var(--display);font-size:19px}
.wcc-terms{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;margin:0}
.wcc-terms div{padding:12px;border-top:2px solid var(--ink)}.wcc-terms dt{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.wcc-terms dd{margin:4px 0 0}

/* Tools, the shelf and resource levels. */
.wcc-tools-grid,.wcc-shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}
.wcc-tools-grid>div,.wcc-shelf-first{padding:22px;border-radius:18px;background:var(--panel);border:1px solid var(--line)}
.wcc-tools-grid ul,.wcc-shelf ul{margin:0;padding-left:18px;line-height:1.6}.wcc-tools-grid li{margin-bottom:8px}
.wcc-shelf-first{border:2px solid var(--ink)}.wcc-shelf-first h3 small{font-family:var(--sans);font-size:15px;color:var(--muted);font-weight:400}
.wcc-shelf-rest{list-style:none;padding:0!important;display:grid;gap:10px;align-content:start}.wcc-shelf-rest li{display:flex;flex-direction:column;padding:12px 0;border-bottom:1px solid var(--line)}.wcc-shelf-rest small{color:var(--muted)}
.wcc-level-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}
.wcc-level-cards>li{padding:18px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.wcc-level-cards h3{margin:6px 0 10px;font-size:22px}
.wcc-level-cards ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.wcc-level-cards ul li{display:flex;flex-direction:column}.wcc-level-cards small{color:var(--muted)}
.wcc-lu,.wcc-awards,.wcc-ideas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.wcc-lu li,.wcc-awards li,.wcc-ideas li{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}
.wcc-lu small,.wcc-ideas span,.wcc-awards span{color:var(--ink-2)}.wcc-prize{font-weight:600}
.wcc-cta{padding:clamp(24px,4vw,44px);border-radius:22px;border:2px solid var(--ink)!important;box-shadow:10px 10px 0 var(--coral)}

/* Tracks (the go deeper shelf). */
.wcc-track-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px}
.wcc-track{display:flex;flex-direction:column;min-width:0;color:var(--ink);text-decoration:none}
.wcc-track-body{display:flex;flex-direction:column;gap:8px;flex:1;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.wcc-track:hover .wcc-track-body,.wcc-track:focus-visible .wcc-track-body{border-color:var(--accent)}
.wcc-track b{font-family:var(--display);font-size:20px;line-height:1.25}.wcc-track small{font-size:15px;line-height:1.5;color:var(--ink-2)}
.wcc-tab{display:none}
.wcc-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}.wcc-meta span{padding:3px 9px;border-radius:999px;background:var(--bg-2);font-size:13px}
.wcc-provider{padding:22px;border-radius:16px}
.wcc-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:10px;margin:0 0 16px}.wcc-facts dd{margin:2px 0 0}
.wcc-quote{margin:0 0 14px;padding:14px 18px;border-left:4px solid var(--accent-2);background:#c4f0f2;border-radius:0 10px 10px 0}.wcc-quote p{margin:0 0 6px}
.wcc-credit{padding:12px 14px;border:1px dashed var(--accent);border-radius:10px;background:var(--tile-2)}
.wcc-units{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.wcc-units code{display:inline-block;padding:4px 10px;border-radius:8px;background:var(--bg-2);color:var(--ink)}
.wcc-plan,.wcc-sessions,.wcc-how{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wcc-plan li{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.wcc-build{margin:0;padding-left:20px;line-height:1.7}
.wcc-sessions,.wcc-how{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.wcc-sessions li,.wcc-how li{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.wcc-sessions small,.wcc-how small{color:var(--ink-2);font-size:15px;line-height:1.5}
.wcc-n{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--accent)}
.wcc-strip{display:flex;flex-wrap:wrap;gap:10px 22px;margin:18px 0 0;padding:14px 18px;border-radius:14px;background:var(--night);color:var(--night-ink)}.wcc-strip a{color:var(--coral)}
.wcc-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}
.wcc-plan-card{padding:22px;border-radius:16px}
.wcc-h{font-size:clamp(22px,2.4vw,28px);margin:0 0 12px}.wcc-head h1{font-size:clamp(36px,5vw,60px)}
.wcc-note p{color:var(--ink-2)}

/* Cohorts and the challenge. */
.cohort-card,.ch-day{background:var(--panel)}
.cohort-amount{font-family:var(--display);color:var(--accent)}
.ch-day-n{font-family:var(--mono);color:var(--accent)}
.ch-day.is-free{border-color:var(--ink);box-shadow:inset 6px 0 0 var(--coral)}
.ch-day.is-free .ch-day-tag{background:var(--coral);color:var(--coral-ink);border-color:transparent;font-weight:700}
.ch-day.is-locked .ch-day-tag{color:var(--accent)}
.ch-free-line strong{font-size:16px;color:var(--accent-2)}

/* The verifiable certificate: an engraved frame, the seal, the name set large. A4 landscape on screen from 900px and in print. */
.wcc-tba{padding:16px;border:2px dashed var(--ink);border-radius:12px}
.wcc-cert-page{max-width:1180px;margin:clamp(16px,3vw,40px) auto;padding:0 clamp(0px,1vw,8px)}
.wcc-cert{position:relative;isolation:isolate;overflow:hidden;color:var(--ink);background:radial-gradient(120% 90% at 50% 0%,#ffffff 0,#ffffff 55%,#effbfb 100%);border-radius:6px;box-shadow:0 1px 0 rgb(11 11 11 / .06),14px 14px 0 var(--coral),14px 14px 0 2px var(--ink);text-align:center}
.wcc-cert .wcc-gl{position:absolute;inset:0;width:100%;height:100%;color:var(--accent);z-index:-1}
.wcc-cert-in{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1vw,12px);padding:clamp(44px,6.4vw,76px) clamp(36px,6.4vw,84px)}
.wcc-cert-top{display:flex;flex-direction:column;align-items:center;gap:4px}
.wcc-cert-brand{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(18px,1.8vw,22px);letter-spacing:-.01em}
.wcc-cert-k{margin:0;font-size:clamp(12px,1.1vw,14px);font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}
.wcc-cert-this{margin:clamp(6px,1.4vw,16px) 0 0;font-size:clamp(15px,1.4vw,18px);letter-spacing:.04em;color:var(--ink-2)}
.wcc-cert-name{margin:0;max-width:100%;font-family:var(--display);font-weight:700;font-size:clamp(40px,7.4vw,96px);line-height:.98;letter-spacing:-.045em;overflow-wrap:anywhere;background:linear-gradient(transparent 68%,var(--coral) 68%,var(--coral) 92%,transparent 92%);padding:0 .12em}
.wcc-cert-line{margin:0;max-width:44ch;font-size:clamp(16px,1.5vw,20px);line-height:1.45}
.wcc-cert-project{display:flex;align-items:center;gap:18px;margin:clamp(4px,1vw,10px) 0;text-align:left;max-width:100%}
.wcc-cert-shot{width:clamp(120px,15vw,190px);height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border:2px solid var(--ink);border-radius:8px;background:var(--bg-2);box-shadow:5px 5px 0 var(--accent)}
.wcc-cert-project>div{min-width:0}
.wcc-cert-pk{margin:0;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2)}
.wcc-cert-pn{margin:2px 0 0;font-family:var(--display);font-weight:700;font-size:clamp(22px,2.4vw,32px);line-height:1.1;overflow-wrap:anywhere}.wcc-cert-pn a{color:var(--ink);text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:4px}
.wcc-cert-repo{margin:4px 0 0;font-family:var(--mono);font-size:13px;color:var(--ink-2);overflow-wrap:anywhere}
.wcc-cert-foot{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:clamp(12px,2.4vw,32px);width:100%;margin-top:clamp(8px,1.4vw,18px)}
.wcc-sig{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.wcc-sig img{max-width:220px;max-height:64px}
.wcc-sig-name{font-family:var(--display);font-weight:600;font-style:italic;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.02em;color:var(--accent)}.wcc-sig-todo{color:var(--ink-2)}
.wcc-sig-line{display:block;width:min(100%,240px);border-top:1.5px solid var(--ink)}
.wcc-sig-k{font-size:13px;color:var(--ink-2)}
.wcc-cert-seal svg{display:block;width:clamp(110px,12vw,150px);height:auto;filter:drop-shadow(3px 4px 0 rgb(11 11 11 / .18))}
.wcc-cert-check{display:flex;align-items:center;gap:12px;justify-self:end;text-align:left;min-width:0}
.wcc-cert-qr{flex:none;display:block;width:clamp(72px,7.4vw,92px);padding:4px;background:#fff;border:1.5px solid var(--ink);border-radius:6px}.wcc-qr{display:block;width:100%;height:auto}
.wcc-cert-check dl{display:grid;gap:3px;margin:0;font-size:12px;min-width:0}.wcc-cert-check dt{font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-size:10.5px}.wcc-cert-check dd{margin:0;overflow-wrap:anywhere}
.wcc-cert-stamp{position:absolute;top:46%;left:50%;margin:0;transform:translate(-50%,-50%) rotate(-14deg);font-family:var(--display);font-weight:700;font-size:clamp(70px,14vw,190px);letter-spacing:.08em;color:rgb(0 103 109 / .1);border:.06em solid rgb(0 103 109 / .12);padding:0 .2em;border-radius:.1em;pointer-events:none;z-index:0}
.wcc-cert-stamp.is-void{color:rgb(170 20 40 / .16);border-color:rgb(170 20 40 / .18)}
.wcc-cert-in{position:relative;z-index:1}
@media (min-width:900px){.wcc-cert{aspect-ratio:297/210}.wcc-cert-in{height:100%;justify-content:center;box-sizing:border-box}}
@media (max-width:640px){.wcc-cert{box-shadow:7px 7px 0 var(--coral),7px 7px 0 2px var(--ink)}.wcc-cert-in{padding:40px 26px}.wcc-cert-project{flex-direction:column;text-align:center}.wcc-cert-foot{grid-template-columns:1fr;justify-items:center}.wcc-cert-check{justify-self:center}.wcc-cert-seal{order:-1}}
.wcc-cert-actions{margin:clamp(28px,4vw,44px) auto 0;max-width:860px}
.wcc-cert-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.wcc-cert-proves{font-family:var(--display);font-weight:700;font-size:clamp(19px,1.8vw,23px);margin:18px 0 6px}
.wcc-cert-note{color:var(--ink-2);font-size:15px;line-height:1.5;max-width:70ch}
.wcc-ok-line,.wcc-bad-line{padding:12px 16px;border-radius:12px;border:2px solid var(--ink);margin:12px 0}.wcc-ok-line{background:#c4f0f2}.wcc-bad-line{background:#ffe9ec;color:#5a0d1b}
.wcc-verdict{display:flex;gap:10px;align-items:flex-start;font-size:clamp(20px,2.2vw,26px);line-height:1.35;padding:20px 22px;border-radius:16px;border:2px solid var(--ink);margin:16px 0}.wcc-verdict span{font-weight:700}
.wcc-verdict.is-ok{background:var(--coral);color:var(--coral-ink)}.wcc-verdict.is-bad{background:#ffe9ec;color:#5a0d1b}
.wcc-verify-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px 20px;margin:20px 0}.wcc-verify-facts dt{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.wcc-verify-facts dd{margin:3px 0 0;overflow-wrap:anywhere}
.wcc-admin-door{margin:12px 0}
.wcc-admin-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.wcc-admin-list>li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.wcc-admin-list>li>div{min-width:0;overflow-wrap:anywhere}
.wcc-admin-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.wcc-admin-acts input{padding:8px 10px;border:1.5px solid var(--ink);border-radius:8px;min-width:0}
.wcc-pill{display:inline-block;padding:2px 8px;border-radius:999px;background:#c4f0f2;color:var(--ink);font-size:12px;font-weight:700}.wcc-pill.is-void{background:#ffe9ec;color:#5a0d1b}
.wcc-issue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}
.wcc-f{display:flex;flex-direction:column;gap:5px;min-width:0}.wcc-f span{font-weight:600}.wcc-f i{font-style:normal;color:var(--ink-2);font-weight:400}.wcc-f input{padding:11px 12px;border:1.5px solid var(--ink);border-radius:10px;background:#fff;color:var(--ink);font-size:16px;min-width:0}.wcc-f small{color:var(--ink-2)}
.wcc-ex{margin:16px 0;border:1px solid var(--line);border-radius:12px;padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px 18px}.wcc-ex legend{font-weight:700;padding:0 6px}
@page{size:A4 landscape;margin:0}
@media print{.site-header,.site-footer,.mast,.skip,.ask,.no-print,body>header,body>footer{display:none!important}
  html,body{background:#fff!important;margin:0!important}main{padding:0!important;margin:0!important}
  .wcc-cert-page{max-width:none;margin:0;padding:0}
  .wcc-cert{width:297mm;height:210mm;aspect-ratio:auto;box-shadow:none;border-radius:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;break-inside:avoid;page-break-after:avoid}
  .wcc-cert-in{height:210mm;padding:20mm 24mm}.wcc-cert-name{font-size:76px}.wcc-cert-foot{grid-template-columns:1fr auto 1fr}.wcc-cert-project{flex-direction:row;text-align:left}.wcc-cert-seal{order:0}.wcc-cert-check{justify-self:end}}

@media (max-width:860px){.wcc-hero,.wcc-wave,.wcc-instructor{grid-template-columns:minmax(0,1fr)}.wcc-photo{max-width:200px}.wcc-plan li{grid-template-columns:minmax(0,1fr)}}
.wcc-groups{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.wcc-groups>li{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:16px;background:var(--panel);color:var(--ink);border:1px solid var(--line)}
.wcc-groups>li.is-lead{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--coral)}.wcc-groups h3{margin:4px 0;font-size:24px}.wcc-groups p{margin:0}
.wcc-groups .wcc-shot-tag{background:var(--coral);color:var(--coral-ink)}.wcc-g-same{color:var(--ink-2);font-size:15px}.wcc-groups .cohort-act{margin-top:8px}
.wcc-choose{font-weight:700;margin:0 0 10px}

/* Industry certifications and the instructor's progress. */
.wcc-icards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.wcc-ic{display:flex;flex-direction:column;gap:8px;padding:20px;border:2px solid var(--ink);border-radius:18px;background:var(--panel);min-width:0}.wcc-ic h3{margin:0;font-size:clamp(22px,2vw,26px);overflow-wrap:anywhere}.wcc-ic p{margin:0;line-height:1.5}
.wcc-ic-k{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-2)}.wcc-ic-code{font-family:var(--mono);color:var(--accent)}
.wcc-ic dl{margin:4px 0 0;display:grid;gap:6px}.wcc-ic dt{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.wcc-ic dd{margin:2px 0 0}
.wcc-ic-links{overflow-wrap:anywhere}.wcc-ic-note{color:var(--ink-2)}.wcc-ic-done{padding:8px 12px;border-radius:10px;background:#c4f0f2}
.wcc-courses{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:8px}
.wcc-courses li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 10px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.wcc-courses li a{font-weight:600;overflow-wrap:anywhere}.wcc-courses small{grid-column:2;color:var(--ink-2)}
.wcc-tick{grid-row:span 2;width:24px;height:24px;border:2px solid var(--ink);border-radius:7px;display:grid;place-items:center;font-weight:700}.wcc-courses li.is-done .wcc-tick{background:var(--coral)}
.wcc-c-state{grid-column:2;font-size:14px;color:var(--ink-2)}
.wcc-prog-line{font-size:18px}.wcc-prog-bar{height:14px;border:2px solid var(--ink);border-radius:999px;overflow:hidden;background:var(--panel);max-width:560px}.wcc-prog-bar span{display:block;height:100%;background:var(--accent)}
.wcc-prog-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}.wcc-prog-list li{padding:10px 14px;border-radius:12px;background:#c4f0f2;overflow-wrap:anywhere}.wcc-prog-list span{color:var(--ink-2)}
.wcc-admin-acts input[type=date]{padding:7px 8px;border:1.5px solid var(--ink);border-radius:8px}
/* The two levels: a seal by each heading and its certificate line, on /challenge, the home 10 days and the Wave panel. */
.ch-level{padding-top:28px}.ch-level-head{display:flex;gap:18px;align-items:flex-start;margin:0 0 18px}.ch-level-head h2{margin:2px 0 6px}.ch-level-seal{flex:none;width:72px;height:72px}
.ch-level-cert{margin:8px 0;font-size:15px}.ch-level-cert b{background:var(--coral);color:var(--coral-ink);padding:2px 8px;border-radius:6px;font-weight:700;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.ch-level-rows{margin:0 0 18px}.ch-level-title{display:flex;align-items:center;gap:10px;margin:14px 0 4px}.ch-level-title .ch-level-seal{width:40px;height:40px}.ch-level-title a{color:var(--ink)}
.wcc-wave-levels{list-style:none;margin:16px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wcc-wave-levels li{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line,rgb(255 255 255 / .15));border-radius:12px;padding:12px}.wcc-wave-levels h3{margin:0 0 4px;font-size:18px}.wcc-wave-levels .ch-level-seal{width:56px;height:56px}.wcc-lv-k{margin:0;font-size:13px;color:var(--ink-2,inherit)}
@media (max-width:640px){.wcc-wave-levels{grid-template-columns:1fr}.ch-level-head{gap:12px}.ch-level-head .ch-level-seal{width:52px;height:52px}}

/* "You CAN Code": the hero's second line, the portraits strip and the community proof. */
.wcc-hero-more{font-size:17px;color:var(--ink-2);max-width:600px;margin:12px 0 0}
.wcc-coders-strip{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:16px}
.wcc-coders-strip figure{margin:0;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;height:100%;display:flex;flex-direction:column}
.wcc-coders-strip img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;display:block;background:var(--bg-2)}
.wcc-coders-strip figcaption{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.wcc-coders-strip figcaption b{font-family:var(--display);font-size:19px}
.wcc-coders-strip small{color:var(--muted);font-size:12.5px}
.wcc-proof{background:var(--night);color:var(--night-ink);border-radius:22px;padding:clamp(24px,4vw,48px)}
.wcc-proof h2,.wcc-proof h3{color:var(--night-ink)}.wcc-proof .lead,.wcc-proof p{color:var(--night-muted)}.wcc-proof .eyebrow{color:var(--coral)}
.wcc-proof a{color:var(--coral)}.wcc-proof .button.ghost{color:var(--night-ink);border-color:var(--night-muted)}.wcc-proof .button.ghost:hover,.wcc-proof .button.ghost:focus-visible{color:var(--coral);border-color:var(--coral)}
.wcc-proof-facts{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:12px}
.wcc-proof-facts li{border:1.5px solid rgb(255 255 255 / .25);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column}
.wcc-proof-facts b{font-family:var(--display);font-size:clamp(32px,4vw,48px);line-height:1;color:var(--coral)}.wcc-proof-facts span{color:var(--night-muted)}
.wcc-proof-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,48px)}
.wcc-proof-events{list-style:none;padding:0;margin:0;display:grid;gap:10px}.wcc-proof-events li{display:flex;flex-direction:column}.wcc-proof-events span{color:var(--night-muted);font-size:14px}
.wcc-proof-back b{color:var(--night-ink)}.wcc-proof-src{font-size:13px}
@media (max-width:860px){.wcc-proof-body{grid-template-columns:minmax(0,1fr)}}

/* The teal hero band, as on the original: copy and the describe box on the left, the portraits mosaic on the right. Full bleed without overflow. */
.wcc-hero{position:relative;background:var(--teal);color:var(--teal-ink);box-shadow:0 0 0 100vmax var(--teal);clip-path:inset(0 -100vmax);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;margin-bottom:clamp(24px,4vw,48px)}
.wcc-hero .eyebrow{color:var(--teal-ink)}
.wcc-hero h1{color:var(--teal-ink);font-weight:800;text-transform:uppercase;letter-spacing:-.02em}
.wcc-hero h1 em{background:none;color:#ffffff;-webkit-text-stroke:.075em var(--teal-ink);paint-order:stroke fill;text-shadow:.07em .07em 0 var(--teal-ink);letter-spacing:.02em;padding:0 .04em}
.wcc-hero .lead,.wcc-hero-more{color:var(--teal-ink)}
.wcc-hero-facts span{border-color:var(--teal-ink);color:var(--teal-ink);background:rgb(255 255 255 / .35)}.wcc-hero-facts b{color:var(--teal-ink)}
.wcc-hero .wcc-ask{margin-top:24px;background:var(--night);box-shadow:8px 8px 0 #ffffff,8px 8px 0 2px var(--teal-ink)}
.wcc-mosaic{min-width:0}
.wcc-mosaic-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.wcc-mosaic-grid li{position:relative;margin:0;border-radius:12px;overflow:hidden;background:var(--night-2);aspect-ratio:4/5}
.wcc-mosaic-grid li:nth-child(3n+2):not(.wcc-m-shot){border-radius:999px 999px 12px 12px}
.wcc-mosaic-grid img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:saturate(.9)}
.wcc-mosaic-grid li>span{position:absolute;left:6px;right:6px;bottom:6px;padding:2px 6px;border-radius:6px;background:rgb(11 11 11 / .82);color:var(--night-ink);font-size:11.5px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.wcc-mosaic-grid .wcc-m-shot{grid-column:span 2;aspect-ratio:auto;border:3px solid var(--teal-ink);background:var(--panel)}
.wcc-mosaic-grid .wcc-m-shot img{object-position:top;filter:none}
.wcc-mosaic-grid .wcc-m-shot>span{background:var(--night);color:var(--night-ink);right:auto}
.wcc-mosaic-note{margin:10px 0 0;font-size:14px}.wcc-mosaic-note a{color:var(--teal-ink);font-weight:700}
@media (max-width:860px){.wcc-hero{grid-template-columns:minmax(0,1fr)}.wcc-mosaic-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.wcc-mosaic-grid .wcc-m-shot{grid-column:1/-1;aspect-ratio:16/10}.wcc-mosaic-grid li>span{display:none}.wcc-mosaic-grid .wcc-m-shot>span{display:block}}

/* Screenshots in a browser frame. */
.wcc-frame{display:block;border:2px solid var(--ink);border-radius:14px;overflow:hidden;background:var(--panel)}
.wcc-frame::before{content:"";display:block;height:20px;border-bottom:2px solid var(--ink);background:radial-gradient(circle at 12px 10px,var(--coral) 4px,transparent 5px),radial-gradient(circle at 26px 10px,var(--ink) 3px,transparent 4px),radial-gradient(circle at 38px 10px,var(--ink) 3px,transparent 4px),var(--bg-2)}
.wcc-shots .wcc-frame img{border:0;border-radius:0;display:block}
.wcc-shots a:hover .wcc-frame,.wcc-shots a:focus-visible .wcc-frame{box-shadow:6px 6px 0 var(--coral)}.wcc-shots a:hover img{box-shadow:none}

/* Levels with what they end on. */
.wcc-level-shot{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:10px;border:2px solid var(--coral);background:var(--panel)}
.wcc-wave-levels li{flex-wrap:wrap;border-color:rgb(255 255 255 / .2)}.wcc-wave-levels li>.wcc-level-shot{flex:1 1 100%}
.wcc-wave-main .wcc-lv-k{color:var(--night-muted)}.wcc-wave-main .wcc-wave-levels a{color:var(--night-ink)}
.ch-level-head{flex-wrap:wrap}.ch-level-head>div{flex:1 1 300px;min-width:0}.ch-level-shot{flex:0 1 340px;min-width:0}
@media (max-width:640px){.ch-level-shot{flex-basis:100%}}

/* Track cards and the reward with drawn illustrations. */
.wcc-track-art{display:block;padding:12px 12px 4px;border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;background:var(--bg-2);color:var(--ink);text-align:center}
.wcc-track-art svg{display:block;width:min(100%,200px);height:auto;margin:0 auto}
.wcc-track-art+.wcc-track-body{border-radius:0 0 16px 16px}
.wcc-track:hover .wcc-track-art,.wcc-track:focus-visible .wcc-track-art{border-color:var(--accent)}
.wcc-art{display:block;width:52px;height:52px;color:var(--ink);margin-bottom:6px}
.wcc-reward-list li{padding:18px;background:var(--glow-2)}.wcc-reward-how{margin:0 0 14px;color:var(--ink-2)}
.wcc-wave-gift .wcc-art{color:var(--coral-ink);width:60px;height:60px}.wcc-wave-gift{background:var(--coral)}

/* Community: the big number, the Meetup wordmark as text and a pin for London. */
.wcc-proof-top{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center}
.wcc-proof-visual{position:relative;display:grid;justify-items:start;gap:2px;padding:clamp(18px,3vw,28px);border-radius:22px;background:var(--coral);color:var(--coral-ink);transform:rotate(-2deg)}
.wcc-meetup{font-family:var(--display);font-weight:700;font-size:clamp(26px,3vw,36px);letter-spacing:-.03em;line-height:1}
.wcc-big{font-family:var(--display);font-weight:700;font-size:clamp(84px,11vw,150px);line-height:.85;letter-spacing:-.05em}
.wcc-big-k{font-size:18px;font-weight:700}
.wcc-where{display:flex;align-items:center;gap:8px;margin-top:10px;font-family:var(--display);font-size:22px}.wcc-pin{width:30px;height:40px;color:var(--coral-ink)}
@media (max-width:860px){.wcc-proof-top{grid-template-columns:minmax(0,1fr)}.wcc-proof-visual{transform:none}}

/* Watch: real women doing this. Click to play. */
.wcc-watch-list{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.wcc-watch figure{margin:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(16px,3vw,32px);align-items:center;padding:clamp(14px,2vw,20px);border:2px solid var(--ink);border-radius:22px;background:var(--panel)}
.wcc-watch-play{position:relative;display:block;border-radius:14px;overflow:hidden;background:var(--night);aspect-ratio:16/9}
.wcc-watch-play img{display:block;width:100%;height:100%;object-fit:cover}
.wcc-watch-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;border-radius:999px;background:var(--coral);color:var(--coral-ink);box-shadow:0 6px 0 rgb(11 11 11 / .35)}
.wcc-watch-play:hover .wcc-watch-btn,.wcc-watch-play:focus-visible .wcc-watch-btn{background:var(--night-ink)}
.wcc-watch-frame{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:14px;background:var(--night)}
.wcc-watch figcaption{display:flex;flex-direction:column;gap:8px;min-width:0}.wcc-watch figcaption b{font-family:var(--display);font-size:clamp(20px,2vw,26px);line-height:1.2;overflow-wrap:anywhere}
.wcc-watch figcaption small{color:var(--ink-2);font-size:15px;line-height:1.5}.wcc-watch .wcc-shot-tag{background:var(--coral);color:var(--coral-ink)}
@media (max-width:760px){.wcc-watch figure{grid-template-columns:minmax(0,1fr)}}

/* The Agenda: the founder's own session format, on teal like the original. Black circle numbers, drawn line icons. */
.wcc-agenda{background:var(--teal);color:var(--teal-ink);border:3px solid var(--teal-ink);border-radius:22px;padding:clamp(20px,3.6vw,44px);box-shadow:10px 10px 0 var(--teal-ink)}
.wcc-agenda a{color:var(--teal-ink);font-weight:700}.wcc-agenda .eyebrow{color:var(--teal-ink)}
.wcc-ag-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 18px;margin:0 0 6px}
.wcc-ag-mark{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(18px,2vw,24px);text-transform:uppercase;letter-spacing:.01em}
.wcc-ag-mark em{font-style:normal;color:#ffffff;-webkit-text-stroke:.09em var(--teal-ink);paint-order:stroke fill;text-shadow:.06em .06em 0 var(--teal-ink);padding:0 .12em;letter-spacing:.04em}
.wcc-ag-line{margin:0;font-weight:700;font-size:clamp(15px,1.4vw,18px)}
.wcc-agenda h2{margin:10px 0 8px;font-size:clamp(44px,6.4vw,92px);line-height:.92;text-transform:uppercase;letter-spacing:-.02em}
.wcc-agenda h2 em{font-style:normal;color:#ffffff;-webkit-text-stroke:.06em var(--teal-ink);paint-order:stroke fill;text-shadow:.05em .05em 0 var(--teal-ink)}
.wcc-agenda .lead{color:var(--teal-ink);max-width:760px;font-size:clamp(17px,1.5vw,20px)}
.wcc-ag-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,3vw,36px);margin:22px 0 0}
.wcc-ag-col h3{margin:0 0 12px;padding:8px 14px;border-radius:12px;background:var(--teal-ink);color:#ffffff;font-size:clamp(19px,1.8vw,24px);line-height:1.15}
.wcc-ag-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.wcc-ag-steps>li{display:grid;grid-template-columns:52px minmax(0,1fr) 76px;gap:12px;align-items:center;padding:12px 14px;border:2.5px solid var(--teal-ink);border-radius:16px;background:#ffffff}
.wcc-ag-n{display:grid;place-items:center;width:48px;height:48px;border-radius:999px;background:var(--teal-ink);color:#ffffff;font-family:var(--display);font-weight:800;font-size:24px;line-height:1}
.wcc-ag-steps b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(18px,1.6vw,22px);line-height:1.15}
.wcc-ag-tag{display:inline-block;margin:6px 0 0;padding:2px 8px;border-radius:6px;background:var(--teal-ink);color:#ffffff;font-size:12px;font-weight:800;letter-spacing:.08em}
.wcc-ag-steps small{display:block;margin-top:4px;color:var(--ink-2);font-size:15px;line-height:1.4}
.wcc-ag-levels{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px;font-size:15px}.wcc-ag-levels a{color:var(--accent)}
.wcc-ag-art{width:72px;height:72px;color:var(--teal-ink)}
.wcc-ag-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:22px 0 0}
.wcc-ag-handles{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.wcc-ag-handles li{padding:6px 14px;border-radius:999px;background:var(--teal-ink);color:#ffffff;font-family:var(--display);font-weight:800;font-size:18px}
.wcc-ag-orig{margin:22px 0 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 24px;align-items:center}
.wcc-ag-orig img{display:block;width:100%;height:auto;border:3px solid var(--teal-ink);border-radius:14px;background:#ffffff}
.wcc-ag-orig figcaption{font-size:15px;line-height:1.5}
@media (max-width:860px){.wcc-ag-cols,.wcc-ag-orig{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.wcc-ag-steps>li{grid-template-columns:44px minmax(0,1fr);padding:12px}.wcc-ag-n{width:40px;height:40px;font-size:20px}.wcc-ag-art{display:none}.wcc-agenda{box-shadow:6px 6px 0 var(--teal-ink)}}

/* The founder: sourced lines, each with where it comes from. */
.wcc-role{font-weight:700;font-size:clamp(17px,1.5vw,20px)}
.wcc-founder-q{margin:0 0 12px;padding:10px 0 10px 16px;border-left:5px solid var(--teal)}.wcc-founder-q p{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(18px,1.7vw,22px);line-height:1.3}
.wcc-founder-q footer{margin-top:4px;font-size:14px;color:var(--ink-2)}
.wcc-founder-src{font-size:13px;color:var(--ink-2)}
.wcc-instructor .outlink{margin-right:12px}
/* "They Could. You CAN." as a timeline: eras down a teal rail, oldest first, ending with the people building now. */
.wcc-timeline{list-style:none;padding:0;margin:24px 0 0;position:relative;display:grid;gap:28px}
.wcc-timeline::before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:3px;border-radius:3px;background:linear-gradient(var(--line),var(--teal,#00C2CB))}
.wcc-era{position:relative;padding-left:34px}
.wcc-era::before{content:"";position:absolute;left:2px;top:6px;width:17px;height:17px;border-radius:50%;background:var(--bg);border:3px solid var(--teal,#00C2CB)}
.wcc-era-now::before{background:var(--teal,#00C2CB);box-shadow:0 0 0 6px color-mix(in srgb,var(--teal,#00C2CB) 25%,transparent)}
.wcc-era-head h3{margin:2px 0 4px;font-family:var(--display);font-size:clamp(20px,2.4vw,26px)}
.wcc-era-head p{margin:0;color:var(--muted);max-width:640px}
.wcc-era-years{font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-ink,#007f86)}
.wcc-era .wcc-coders-strip{margin-top:14px}
.wcc-coders-strip figure{position:relative}
.wcc-yr{position:absolute;top:10px;left:10px;background:#000;color:#fff;font-weight:800;font-size:13px;padding:3px 9px;border-radius:999px;z-index:1}
.wcc-you figure{background:#000;color:#fff;border-color:#000}
.wcc-you-art{aspect-ratio:4/5;display:grid;place-items:center;background:var(--teal,#00C2CB)}
.wcc-you-art svg{width:60%;height:auto}
.wcc-you figcaption b{color:#fff}.wcc-you figcaption span{color:#d9f7f8}
.wcc-you .wcc-yr{background:var(--teal,#00C2CB);color:#000}
.wcc-premium{background:#000;color:#fff;border-radius:22px;padding:clamp(24px,4vw,48px)}
.wcc-premium h2{color:#fff}.wcc-premium .lead{color:#d9f7f8}.wcc-premium .eyebrow{color:var(--teal,#00C2CB)}
.wcc-premium-list{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:14px}
.wcc-premium-list li{border:1px solid #1f3b3d;border-radius:14px;padding:14px 16px;display:grid;gap:6px}.wcc-premium-list b{color:var(--teal,#00C2CB)}.wcc-premium-list span{color:#e6f6f7}
.wcc-premium-rule{color:#b8d9db;font-size:15px}
.wcc-premium-img{margin:18px 0 0}.wcc-premium-img img{width:100%;height:auto;border-radius:16px;display:block}.wcc-premium-img figcaption{font-size:12.5px;color:#9fc4c6;margin-top:6px}
.wcc-win-list{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px}
.wcc-win-list li{border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:6px;align-content:start;background:var(--panel)}
.wcc-win-tag{justify-self:start;background:var(--teal,#00C2CB);color:#000;font-weight:800;font-size:12.5px;border-radius:999px;padding:3px 10px}
.wcc-win-list b{font-size:17px;line-height:1.3}.wcc-win-list small{color:var(--muted)}
.wcc-win-more{margin-top:14px}.wcc-win-more summary{cursor:pointer;font-weight:800;color:var(--teal-ink,#007f86);padding:8px 0}
.wcc-win-h{margin:28px 0 0;font-family:var(--display)}
/* Hero reel: today, then back through history */
.wcc-reel{min-width:0}
.wcc-reel-list{list-style:none;margin:0;padding:0;position:relative;aspect-ratio:4/5;border-radius:22px;overflow:hidden;background:var(--night-2)}
.wcc-reel-list li{position:absolute;inset:0;opacity:0;animation:wcc-reel var(--wcc-reel-total) linear infinite}
.wcc-reel-list img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}
.wcc-reel-cap{position:absolute;left:14px;right:14px;bottom:14px;background:rgb(0 0 0 / .82);color:#fff;border-radius:12px;padding:10px 14px;font-size:17px;line-height:1.3}
.wcc-reel-cap b{color:var(--teal,#00C2CB);font-size:22px;margin-right:6px}
.wcc-reel-note{position:absolute;top:10px;right:10px;background:rgb(0 0 0 / .7);color:#cfe;font-size:11px;padding:2px 8px;border-radius:999px}
@media (prefers-reduced-motion: reduce){
 .wcc-reel-list{aspect-ratio:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:none;border-radius:0}
 .wcc-reel-list li{position:relative;opacity:1;animation:none;aspect-ratio:4/5;border-radius:12px;overflow:hidden}
 .wcc-reel-cap{font-size:12px;padding:4px 6px;left:6px;right:6px;bottom:6px}.wcc-reel-cap b{font-size:13px}.wcc-reel-note{display:none}
}
/* Hero wall: one tile flips at a time */
.wcc-wall{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.wcc-wall-tile{aspect-ratio:4/5;perspective:900px}
.wcc-wall-tile.is-today{grid-column:span 2;grid-row:span 2}
.wcc-wall-card{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d}
.wcc-wall-face{position:absolute;inset:0;border-radius:12px;overflow:hidden;backface-visibility:hidden;background:var(--night-2)}
.wcc-wall-face.is-back{transform:rotateY(180deg)}
.wcc-wall-face img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}
.wcc-wall .wcc-reel-cap{font-size:11.5px;padding:3px 7px;left:6px;right:6px;bottom:6px;border-radius:7px}
.wcc-wall .wcc-reel-cap b{font-size:12.5px;margin-right:4px}
.wcc-wall .is-today .wcc-reel-cap{font-size:15px;padding:8px 10px}.wcc-wall .is-today .wcc-reel-cap b{font-size:18px}
@media (prefers-reduced-motion: reduce){.wcc-wall-card{animation:none!important}}
/* Courses and Women Can Vibe Code */
.wcc-course-list{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.wcc-course-list a{display:grid;gap:8px;padding:22px;border:2px solid #000;border-radius:18px;text-decoration:none;color:inherit;height:100%;background:var(--panel)}
.wcc-course-list a:hover{background:#000;color:#fff}.wcc-course-list b{font-family:var(--display);font-size:24px}
.wcc-course-len{justify-self:start;background:var(--teal,#00C2CB);color:#000;font-weight:800;font-size:13px;border-radius:999px;padding:3px 10px}
.wcc-ship{margin:8px 0 0;padding-left:20px;font-size:14.5px}.wcc-ship li{margin:3px 0}
.wcc-vc-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(24px,5vw,64px) 0}
@media (max-width:820px){.wcc-vc-hero{grid-template-columns:1fr}}
.wcc-vc-hero h1{font-size:clamp(36px,6vw,64px);line-height:1.05}
.wcc-vc-tag{color:var(--muted);font-size:15px}
.wcc-vc-demo{margin:0;background:#000;color:#fff;border-radius:20px;padding:20px;box-shadow:0 20px 60px rgb(0 0 0 / .18)}
.wcc-vc-demo figcaption{font-family:var(--mono,monospace);font-size:13px;color:#9cd;border-bottom:1px solid #234;padding-bottom:10px}
.wcc-vc-prompt{font-size:20px;line-height:1.35}.wcc-vc-prompt small{display:block;color:var(--teal,#00C2CB);font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:12px}
.wcc-vc-demo ul{list-style:none;padding:14px;margin:0;background:#0b2a2c;border-radius:12px;font-family:var(--mono,monospace);font-size:13.5px}.wcc-vc-demo li::before{content:"→ ";color:var(--teal,#00C2CB)}.wcc-vc-demo li:last-child::before{content:"✓ "}
.wcc-vc-iter{font-size:13px;color:#9cd;margin:10px 0 0}
.wcc-vc-cards li{background:#000}.wcc-vc-cards b{color:var(--teal,#00C2CB)}
.wcc-vc-ship{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px;padding-left:22px}.wcc-vc-ship li{padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.wcc-vc-weeks{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px}
.wcc-vc-weeks li{border:2px solid #000;border-radius:16px;padding:16px;display:grid;gap:6px}.wcc-vc-weeks span{font-family:var(--mono,monospace);color:var(--teal-ink,#007f86);font-weight:800;font-size:13px}.wcc-vc-weeks b{font-size:19px}.wcc-vc-weeks p{margin:0}.wcc-vc-weeks small{color:var(--muted)}
.wcc-vc-builds{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}.wcc-vc-builds li{border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:var(--panel)}
.wcc-vc-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}.wcc-vc-fit ul{padding-left:0;list-style:none}.wcc-vc-fit li{margin:8px 0}
.wcc-vc-fit .is-yes li::before{content:"✓ ";color:var(--teal-ink,#007f86);font-weight:800}.wcc-vc-fit .is-no li::before{content:"✕ ";color:#b00020;font-weight:800}
.wcc-vc-faq{border-bottom:1px solid var(--line);padding:12px 0}.wcc-vc-faq summary{cursor:pointer;font-weight:700;font-size:17px}
.wcc-vc-end{text-align:center}
.wcc-ph-clock{list-style:none;margin:0;padding:18px;background:#000;color:#fff;border-radius:20px;display:grid;gap:10px}
.wcc-ph-clock li{display:grid;gap:2px;padding:10px 12px;border-left:4px solid var(--teal,#00C2CB);background:#0b2a2c;border-radius:10px}
.wcc-ph-clock span{font-family:var(--mono,monospace);font-size:12.5px;color:#9cd}.wcc-ph-clock b{color:var(--teal,#00C2CB);font-size:18px}.wcc-ph-clock p{margin:0;color:#e6f6f7}
/* The course chooser spans the full width under its heading. */
.wcc-courses{display:block}.wcc-courses>.wcc-course-list{grid-column:1/-1;width:100%}
.wcc-course-list a{grid-template-columns:none;grid-auto-flow:row}
.wcc-course-list a{display:flex!important;flex-direction:column!important;align-items:flex-start;gap:8px}
.wcc-course-list a>*{width:auto!important;max-width:100%;writing-mode:horizontal-tb}
.wcc-course-list .wcc-course-len{align-self:flex-start;white-space:nowrap}
/* The course cards live in a section also named .wcc-courses, whose checklist rule gives every li a 28px grid column and
   squeezed each card to one letter per line. The course list's own items are plain blocks; the card is the link inside. */
.wcc-courses .wcc-course-list>li{display:block;padding:0;border:0;background:none;grid-template-columns:none}
.wcc-course-list a>span:not(.wcc-course-len){color:var(--ink-2)}
.wcc-course-list a:hover>span,.wcc-course-list a:hover small{color:#fff}