@font-face{font-family:'Caveat';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/caveat-latin-500-normal.woff2) format('woff2')}@font-face{font-family:'Fraunces';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/fraunces-latin-500-normal.woff2) format('woff2')}@font-face{font-family:'Fraunces';font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/fraunces-latin-500-italic.woff2) format('woff2')}@font-face{font-family:'Fraunces';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fraunces-latin-600-normal.woff2) format('woff2')}@font-face{font-family:'Fraunces';font-style:italic;font-weight:600;font-display:swap;src:url(/fonts/fraunces-latin-600-italic.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')}:root{--tile-1:#1a1e27;--tile-2:#0e1117;--hot-deep:#b91c1c;--on-hot:#ffffff;--on-hot-2:#ffffff;--badge-ink:#ffd1d1;--bg:#0a0d12;--bg-2:#10141b;--panel:#141922;--ink:#f5f3ef;--ink-2:#d7d3cc;--muted:#b9b4ab;--line:rgb(245 243 239 / .14);--accent:#f5f3ef;--accent-2:#ffffff;--hot:#DC2626;--hot-2:#ef4444;--hot-text:#ff5a52;--on-accent:#0a0d12;--accent-pale:#fde2e2;--panel-deep:#0d1016;--cta-from:#1a0e10;--panel-3:#11151c;--panel-2:#121720;--glow-1:#2a1214;--glow-2:#14161c;--scheme:dark;--accent-rgb:245 243 239;--accent-hi-rgb:255 255 255;--accent-soft-rgb:254 202 202;--accent-pale-rgb:254 226 226;--accent-cream-rgb:254 226 226;--ink-rgb:245 243 239;--bg-rgb:10 13 18;--shade-rgb:6 8 11;--panel-rgb:20 25 34;--bg-2-rgb:16 20 27;--deep-rgb:16 20 27;--panel-deep-rgb:13 16 22;--hot-rgb:220 38 38;--hot-hi-rgb:239 68 68;--hot-2-rgb:239 68 68;--green-rgb:95 178 127;--display:'Fraunces',Georgia,serif;--serif:'Fraunces',Georgia,serif;--hand:'Caveat',cursive;--sans:'Inter',ui-sans-serif,system-ui,sans-serif}h1,h2,h3{font-family:var(--display);font-weight:500}.brand{font-family:var(--sans);font-weight:800;letter-spacing:-.02em}
.brand,.footer-brand{display:inline-flex;align-items:center;gap:10px}.brand-logo{width:36px;height:36px;border-radius:9px;flex:none}.footer-brand .brand-logo{width:30px;height:30px}
/* the WW AI mark on every photo: one rule here, every page shares it */
.card-media{position:relative}
.card-media::after,.ch-stage:not(.no-photo)::after,.ch-tile:not(.no-photo)::after{content:"";position:absolute;left:8px;bottom:8px;width:22px;height:22px;border-radius:6px;background:url(/icon.svg) center/cover no-repeat;opacity:.9;box-shadow:0 1px 4px rgb(0 0 0 / .35);pointer-events:none;z-index:2}
.ch-tile:not(.no-photo)::after{left:auto;right:6px;top:6px;bottom:auto;width:18px;height:18px;border-radius:5px}
.ch-note-1{top:-58px}

/* Live-call cohorts (/cohorts and the home block): dark with the hero's red. */
.cohorts-head .cohort-amount,.cohorts-band .cohort-amount{font-style:italic;color:var(--hot,#ef4444)}
.cohort-card{border-color:rgb(239 68 68 / .28);background:linear-gradient(160deg,rgb(239 68 68 / .08),rgb(var(--panel-rgb) / .6) 45%)}
.cohort-card .cohort-soon{color:var(--hot,#ef4444)}
/* The 10-day challenge (/challenge): the same red on the dark panels. */
.ch-day{border-color:rgb(239 68 68 / .28)}.ch-day.is-free{background:linear-gradient(160deg,rgb(239 68 68 / .1),rgb(var(--panel-rgb) / .6) 45%)}.ch-day-tag,.ch-day-continue{color:var(--hot,#ef4444)}
/* Header: the menu gets a row of its own, so every item fits from 1024 up and nothing sits on the Language button. */
.site-header{flex-wrap:wrap;row-gap:4px;column-gap:14px}.site-header .brand{margin-right:auto}.site-header .ask-open{margin-left:0;order:0}.site-header .lang-menu{margin-left:0;order:0}.site-nav{order:3;flex-basis:100%;margin-left:-12px;max-width:calc(100% + 12px)}
.head-actions{display:inline-flex;gap:8px;align-items:center}.head-actions .button.ghost{text-decoration:none;border-color:var(--line)}.head-actions .button.primary{background:var(--hot);border-color:var(--hot);color:#fff;box-shadow:none}.head-actions .button.primary:hover{background:var(--hot-deep);color:#fff}
.create-hero .ch-note-1{top:-44px;right:14%;max-width:none;white-space:nowrap}.create-hero .ch-note-1 span{display:inline}
@media (max-width:760px){.site-header{column-gap:8px}.site-header .lang-label,.site-header .ask-label{display:none}.head-actions .button.small{min-height:36px;padding:6px 11px}.site-nav{margin-left:-12px}}
@media (max-width:420px){.site-header .brand{font-size:18px}.site-header .brand .brand-logo{width:28px;height:28px}.site-header .beta-pill{display:none}}
/* The Ask box under the hero. */
.ask-box{padding-top:28px}.ask-box-h{font-size:clamp(22px,2.4vw,30px);margin:0 0 6px}.ask-box-lead{color:var(--muted);margin:0 0 14px}
.ask-open.ask-box-open{display:flex;width:100%;max-width:820px;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 20px;border-radius:16px;border:1px solid rgb(var(--hot-rgb) / .55);background:var(--panel);color:var(--muted);font:400 16px var(--sans);text-align:left;margin:0;order:0}
.ask-open.ask-box-open:hover,.ask-open.ask-box-open:focus-visible{border-color:var(--hot-2);color:var(--ink)}.ask-open.ask-box-open[hidden]{display:none}
.ask-box-go{flex:none;padding:9px 18px;border-radius:999px;background:var(--hot);color:#fff;font-weight:600;font-size:14px}
/* Panels: the AI-for cards, the tools, the value cards and the closing banner. */
.panel-grid{display:grid;grid-template-columns:repeat(var(--panels,3),minmax(0,1fr));gap:18px}
.panel-card{border:1px solid var(--line);border-radius:16px;padding:20px 20px 18px;background:linear-gradient(160deg,rgb(var(--hot-rgb) / .07),rgb(var(--panel-rgb) / .7) 50%);min-width:0}
.panel-card h3{font-size:21px;margin:0 0 8px}.panel-card p{color:var(--ink-2);margin:0 0 12px;font-size:15px}
.panel-bullets{margin:0 0 14px;padding-left:18px;color:var(--ink-2);font-size:15px}.panel-bullets li{margin:3px 0}.panel-bullets li::marker{color:var(--hot-text)}
.panel-links,.panel-tools{list-style:none;margin:0;padding:0;display:grid;gap:8px}.panel-links a,.panel-tools a{color:var(--hot-text);font-weight:600;text-decoration:none;font-size:14px}.panel-links a:hover,.panel-tools a:hover{text-decoration:underline}
.panel-tools li{display:grid;gap:2px}.panel-tools a{font-size:16px}.panel-tools small{color:var(--muted);font-size:13.5px;line-height:1.4}
.panel-banner{text-align:center;margin-top:64px;padding:56px 24px;border-radius:22px;border:1px solid rgb(var(--hot-rgb) / .35);background:radial-gradient(ellipse 70% 90% at 50% 0%,rgb(var(--hot-rgb) / .22),transparent 70%),var(--panel)}
.panel-banner h2{margin:0 0 10px;font-size:clamp(28px,3.4vw,42px)}.panel-banner p{color:var(--ink-2);font-size:18px;margin:0 0 22px}.panel-banner .button.primary{background:var(--hot);border-color:var(--hot);color:#fff;box-shadow:none}
.prompt-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.prompt-text{font-size:17px;color:var(--ink)}.prompt-links a:not(.button){color:var(--hot-text);font-size:14px}
.footer-grid{grid-template-columns:2fr repeat(6,minmax(0,1fr));gap:24px}
@media (max-width:1100px){.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid>div:first-child{grid-column:1/-1}}
@media (max-width:640px){.panel-grid,.prompt-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-banner{padding:40px 18px}}
.panels-rows .panel-grid{grid-template-columns:1fr;gap:14px}.panel-row{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr) minmax(0,240px);gap:10px 24px;align-items:start;border-color:rgb(239 68 68 / .28)}.panel-row h3{margin:0;color:var(--ink)}.panel-row dl{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.panel-row dt{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hot-text);margin:0 0 4px}.panel-row dd{margin:0;color:var(--ink-2);font-size:15px;line-height:1.5;overflow-wrap:anywhere}.panel-row dd a{color:var(--hot-text);font-weight:600}.panel-source{display:block;margin-top:4px;color:var(--muted);font-size:13px}.panel-source a{color:var(--ink-2)!important}
.panel-needs{font-size:14px;color:var(--ink-2)}.panel-needs b{color:var(--ink)}.panel-note{margin:18px 0 0;color:var(--ink-2);font-size:15px}.panel-owner{margin:6px 0 0;font-size:14px}.panel-owner a{color:var(--hot-text);font-weight:600}
@media (max-width:1100px){.panel-row{grid-template-columns:1fr}.panels-rows .panel-grid{grid-template-columns:1fr}}
@media (max-width:640px){.panel-row dl{grid-template-columns:1fr;gap:10px}}
/* The challenge's two levels: a seal by each heading and its certificate line. */
.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-head .lead{max-width:62ch}.ch-level-seal{flex:none;width:72px;height:72px}
.ch-level-cert{margin:8px 0;color:var(--hot-text,#fca5a5);font-size:15px}.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)}
@media (max-width:640px){.ch-level-head{gap:12px}.ch-level-head .ch-level-seal{width:52px;height:52px}}
/* Pictures on panels: drawn illustrations, sized so nothing shifts while they load. */
.panel-img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#0b0e13;border:1px solid rgb(239 68 68 / .18)}
.panel-card.has-img>.panel-img{margin:0 0 14px}
.panel-row.has-img{grid-template-columns:minmax(0,200px) minmax(0,1fr) minmax(0,220px);grid-template-areas:"img title links" "img body links";gap:8px 24px}
.panel-row.has-img>.panel-img{grid-area:img;margin:0}.panel-row.has-img>h3{grid-area:title}.panel-row.has-img>dl{grid-area:body}.panel-row.has-img>.panel-links{grid-area:links;margin:0}
@media (max-width:1100px){.panel-row.has-img{grid-template-columns:minmax(0,180px) minmax(0,1fr);grid-template-areas:"img title" "img body" "img links"}}
@media (max-width:640px){.panel-row.has-img{grid-template-columns:1fr;grid-template-areas:"img" "title" "body" "links"}.panel-row.has-img>.panel-img{max-width:360px}}
#film .panel-grid,#ways .panel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){#film .panel-grid,#ways .panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){#film .panel-grid,#ways .panel-grid{grid-template-columns:1fr}}
.pack-page-head.has-img{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:center}.page-head-img{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:16px;border:1px solid rgb(239 68 68 / .22)}
@media (max-width:900px){.pack-page-head.has-img{grid-template-columns:1fr;gap:18px}.page-head-img{max-width:520px}}

/* Wordmark: one word group, so the flex gap after the logo never splits it; 'with' handwritten in red to echo the logo's script W. */.brand-words{display:inline;white-space:nowrap}.brand .brand-words em,.footer-brand .brand-words em{font-family:var(--hand);font-style:normal;font-weight:500;color:var(--hot-text);font-size:1.18em;letter-spacing:0;margin:0 .04em;position:relative;top:.04em}
/* Whole wordmark in the logo's handwritten script; 'With' stays in the logo red. */.brand .brand-words,.footer-brand .brand-words{font-family:var(--hand);font-weight:500;letter-spacing:0;font-size:1.22em;line-height:1}.brand .brand-words em,.footer-brand .brand-words em{font-size:1em;top:0;margin:0}