/* Layout: logo-led WyzGuild palette. White hero in logo colors, Cyan "who it's for" band with white text, Cyan closing band,
   flat fills only, Cyan or Lime marker highlights on key words, Navy text (never black).
   Story order: guild town hero, who it's for, a week of rituals, member progress, day 30, plans.
   Single look by design: the brand page is light with Navy bands in every theme.
   Every rule sits under .wzg-site, so these styles never reach pages outside the WyzGuild site
   (for example the community pages when this file is pasted into the website builder). */

/* Fonts are hosted with the site and trimmed to the weights and characters it uses: plain English letters,
   numbers and punctuation, plus the few symbols the pages show (copyright, middle dot, multiply sign, curly
   quotes). Any other character, such as an accented name typed into a form, falls back to the system font.
   The weight ranges (Inter 400 to 600, Montserrat 600 to 800) match what the page used before, so text renders exactly as approved.
   The small "peso" files hold only the peso sign and load only on pages that show a price. */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:swap;src:url(../assets/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0020-007E,U+00A0,U+00A9,U+00B7,U+00D7,U+2018-201D,U+2026}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:swap;src:url(../assets/fonts/inter-peso.woff2) format("woff2");unicode-range:U+20B1}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:600 800;font-display:swap;src:url(../assets/fonts/montserrat-latin.woff2) format("woff2");unicode-range:U+0020-007E,U+00A0,U+00A9,U+00B7,U+00D7,U+2018-201D,U+2026}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:600 800;font-display:swap;src:url(../assets/fonts/montserrat-peso.woff2) format("woff2");unicode-range:U+20B1}
/* Stand-in fonts shown for a moment while the real fonts load. Arial (or its twin, Liberation Sans) is
   resized to the exact width and line height of Inter and Montserrat, so nothing moves when the real
   fonts arrive. Measured against the page's own text. */
@font-face{font-family:"Inter Fallback";font-weight:400 500;src:local("Arial"),local("Liberation Sans"),local("Helvetica");size-adjust:105.98%;ascent-override:91.41%;descent-override:22.76%;line-gap-override:0%}
@font-face{font-family:"Inter Fallback";font-weight:600 900;src:local("Arial Bold"),local("Liberation Sans Bold"),local("Helvetica Bold");size-adjust:100.94%;ascent-override:95.97%;descent-override:23.90%;line-gap-override:0%}
@font-face{font-family:"Montserrat Fallback";font-weight:100 900;src:local("Arial Bold"),local("Liberation Sans Bold"),local("Helvetica Bold");size-adjust:111.50%;ascent-override:86.82%;descent-override:22.51%;line-gap-override:0%}
.wzg-site{
  color-scheme: light;
  --cyan:#00B8E6;      /* primary: wordmark, buttons */
  --lime:#7FE3BF;      /* community accent, wins */
  --navy:#003D7A;      /* structure, all text */
  --gold:#FFB81C;      /* milestones only */
  --blue:#1C8BF5;      /* secondary: charts */
  --gray:#F5F7FA;      /* page sections */
  --tint:#F4F7FB;      /* card fills */
  --line:#E2E8F1;      /* borders */
  --muted:#5B6B84;     /* secondary text */
  --mist:#CADCF0;      /* soft fills */
  --white:#FFFFFF;
  --display:"Montserrat", "Montserrat Fallback", "Segoe UI", system-ui, sans-serif;
  --body:"Inter", "Inter Fallback", "Segoe UI", system-ui, -apple-system, sans-serif;
  --gl:max(16px, env(safe-area-inset-left, 0px));
  --gr:max(16px, env(safe-area-inset-right, 0px));
}
.wzg-site,.wzg-site *{box-sizing:border-box}
.wzg-site [hidden]{display:none!important}
.wzg-site .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html:has(.wzg-site){scroll-behavior:smooth}
/* Page body: only on pages that hold the WyzGuild site */
body:has(> .wzg-site){margin:0}
.wzg-site{background:var(--white);color:var(--navy);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased;padding-bottom:env(safe-area-inset-bottom, 0px)}
.wzg-site h1,.wzg-site h2,.wzg-site h3{font-family:var(--display);color:var(--cyan);text-wrap:balance;margin:0}
.wzg-site h1{font-weight:800;font-size:clamp(2.1rem,5.4vw,4rem);line-height:1.08;letter-spacing:-.02em}
.wzg-site h2{font-weight:800;font-size:clamp(1.7rem,3.6vw,2.7rem);line-height:1.14;letter-spacing:-.015em}
.wzg-site h3{font-weight:700;font-size:1.15rem;line-height:1.3}
.wzg-site p{margin:0}
.wzg-site a{color:var(--navy)}
.wzg-site :focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:6px}
.wzg-site .wrap{max-width:1140px;margin:0 auto;padding-left:var(--gl);padding-right:var(--gr)}
.wzg-site .center{text-align:center}
.wzg-site .eyebrow{font:600 .78rem/1.2 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.wzg-site .lede{font-size:1.125rem;color:var(--muted);max-width:62ch}
.wzg-site .center .lede{margin-inline:auto}
.wzg-site .mk{background:var(--lime);color:var(--navy);padding:0 .14em;border-radius:.14em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.wzg-site .mk-c{background:var(--cyan);color:var(--white);padding:0 .14em;border-radius:.14em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.wzg-site .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:0 1.35rem;border-radius:10px;font:600 1rem/1 var(--body);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .2s ease}
.wzg-site .btn:hover{transform:translateY(-1px)}
.wzg-site .btn-primary{background:var(--cyan);color:var(--white)}
.wzg-site .btn-outline{background:transparent;color:var(--navy);border-color:var(--navy)}
.wzg-site .btn-navy{background:var(--navy);color:var(--white)}
.wzg-site .btn-white{background:var(--white);color:var(--navy)}
.wzg-site .sample{display:inline-block;white-space:nowrap;font:600 .68rem/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--white);border:1px solid var(--line);padding:.35rem .5rem;border-radius:999px}
.wzg-site section{scroll-margin-top:16px}

/* Header (white, so the full-color logo sits on white) */
.wzg-site .site-head{position:sticky;top:env(safe-area-inset-top, 0px);z-index:30;background:var(--white);border-bottom:1px solid var(--line)}
.wzg-site::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top, 0px);z-index:31;background:var(--white)}
.wzg-site .head-actions{display:flex;align-items:center;gap:8px}
.wzg-site .ic{width:44px;height:44px;border-radius:10px;border:1.5px solid var(--line);background:var(--white);color:var(--navy);font:700 1.05rem/1 var(--display);cursor:pointer;display:grid;place-items:center}
.wzg-site .ic:hover{border-color:var(--cyan)}
.wzg-site #wzg-menuBtn{display:none}
.wzg-site .head-actions .btn{white-space:nowrap}
.wzg-site .head-demo{gap:0}
@media (max-width:980px){.wzg-site #wzg-menuBtn{display:grid}}
@media (max-width:760px){.wzg-site .head-actions .btn{min-height:44px;padding:0 .8rem;font-size:.9rem}.wzg-site .head-actions{gap:6px}}
@media (max-width:420px){.wzg-site .logo img{height:17px}.wzg-site .head-actions .ic{width:40px;height:40px}.wzg-site .head-actions .btn{padding:0 .7rem;font-size:.86rem;min-height:40px}}
.wzg-site .site-head .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding-block:14px}
.wzg-site .site-head .logo{justify-self:start}
.wzg-site .site-head .head-actions{justify-self:end}
@media (max-width:980px){.wzg-site .site-head .wrap{grid-template-columns:1fr auto}}
.wzg-site .head-login{color:var(--navy);text-decoration:none;font-weight:500;margin-right:8px;white-space:nowrap}
.wzg-site .head-login:hover{text-decoration:underline;text-underline-offset:4px}
/* Small phones (under 380px wide): a tighter header so everything fits without sideways scrolling */
@media (max-width:379px){.wzg-site .site-head .wrap{gap:8px}.wzg-site .logo img{height:14px}.wzg-site .head-actions{gap:4px}.wzg-site .head-actions .ic{width:36px;height:36px;font-size:.95rem}.wzg-site .head-actions .btn{padding:0 .55rem;font-size:.78rem;min-height:36px}}
@media (max-width:345px){.wzg-site .head-demo .bk{display:none}.wzg-site .head-demo .dm{text-transform:capitalize}}
.wzg-site .logo img{display:block;height:30px;width:auto}
.wzg-site .head-nav{display:flex;align-items:center;justify-content:center;gap:26px}
.wzg-site .head-nav a:not(.btn){color:var(--navy);text-decoration:none;font-weight:500}
.wzg-site .head-nav a:not(.btn):not(.mm-item):hover{text-decoration:underline;text-underline-offset:4px}
@media (max-width:980px){.wzg-site .head-nav,.wzg-site .head-login{display:none}}
@media (max-width:760px){.wzg-site .logo img{height:22px}}

/* Hero: white, logo colors */
.wzg-site .hero{background:var(--white);color:var(--navy);padding-block:56px 0;overflow:hidden}
.wzg-site .hero .trust{color:var(--navy);font-size:1rem;margin-bottom:18px}
.wzg-site .hero h1{color:var(--cyan)}
.wzg-site .hero .sub{margin-top:18px;color:var(--navy)}
.wzg-site .hero .ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}
.wzg-site .hero .price{margin-top:14px;font-size:.95rem;color:var(--navy)}
.wzg-site .hero .btn-outline{border-color:var(--navy)}
.wzg-site .town{position:relative;margin-top:40px;height:clamp(280px,44vw,480px);overflow:hidden}
.wzg-site .town svg{position:absolute;inset:0;width:100%;height:100%;transform-origin:50% 62%;transform:scale(var(--zoom,1));will-change:transform}
.wzg-site .town .tag{position:absolute;left:50%;top:6%;transform:translateX(-50%);background:var(--white);border:1px solid var(--line);border-radius:999px;padding:.5rem .9rem;font:600 .85rem/1.2 var(--body);color:var(--navy);white-space:nowrap;display:flex;gap:.5rem;align-items:center}
.wzg-site .town .tag i{width:8px;height:8px;border-radius:50%;background:var(--lime);display:inline-block}
.wzg-site .town .tag small{color:var(--muted);font-weight:500}
@media (max-width:520px){.wzg-site .town .tag small{display:none}}

/* Who it's for: Cyan band, white text */
.wzg-site .who-sec{background:var(--cyan);padding-block:88px}
.wzg-site .who-sec .center h2,.wzg-site .who-sec .center .eyebrow,.wzg-site .who-sec .center .lede{color:var(--white)}
.wzg-site .chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:30px auto 0;max-width:920px;padding:0}
.wzg-site .chips li{list-style:none;font:600 .9rem/1 var(--body);color:var(--navy);background:var(--white);border:1px solid var(--white);padding:.7rem 1rem;border-radius:999px;white-space:nowrap}
.wzg-site .chips li::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--navy);margin-right:8px;vertical-align:1px}
.wzg-site .chips li:nth-child(even)::before{background:var(--lime)}
.wzg-site .who-more{display:inline-block;margin-top:18px;font-weight:600;color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.wzg-site .who-all{margin-top:32px}
.wzg-site .tablist{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:56px}
.wzg-site .tablist button{font:600 .95rem/1 var(--body);color:var(--white);background:transparent;border:1.5px solid var(--white);border-radius:999px;min-height:44px;padding:0 1.1rem;cursor:pointer}
.wzg-site .tablist button[aria-selected="true"]{background:var(--white);color:var(--navy);border-color:var(--white)}
.wzg-site .panel{margin-top:24px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;background:var(--white);border:1px solid var(--white);border-radius:22px;padding:28px}
.wzg-site .panel .who{display:flex;flex-direction:column;gap:16px;min-width:0}
.wzg-site .panel h3{font-size:1.45rem}
.wzg-site .panel .pain{color:var(--muted);font-size:1.05rem}
.wzg-site .ticks{margin:0;padding:0;display:grid;gap:10px}
.wzg-site .ticks li{list-style:none;display:flex;gap:10px;align-items:flex-start}
.wzg-site .ticks li::before{content:"";flex:0 0 20px;height:20px;margin-top:2px;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 7' fill='none' stroke='%23003D7A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.wzg-site .scene{min-width:0;background:var(--tint);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px}
.wzg-site .scene .bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.wzg-site .scene .bar > div{min-width:0}
.wzg-site .scene .dom{overflow-wrap:anywhere}
.wzg-site .scene .org{font:700 .95rem/1.2 var(--display)}
.wzg-site .scene .dom{font-size:.8rem;color:var(--muted)}
.wzg-site .chans{display:flex;flex-wrap:wrap;gap:6px}
.wzg-site .chans span{font:500 .8rem/1 var(--body);background:var(--white);border:1px solid var(--line);border-radius:8px;padding:.45rem .55rem}
.wzg-site .chans span.on{background:var(--cyan);color:var(--white);border-color:var(--cyan)}
.wzg-site .post{display:flex;gap:10px;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:12px}
.wzg-site .post .txt{min-width:0;font-size:.92rem}
.wzg-site .post .meta{font-size:.78rem;color:var(--muted);margin-top:4px}
.wzg-site .av{flex:0 0 40px;width:40px;height:40px}
.wzg-site .people{display:flex;gap:6px;align-items:flex-end;margin-top:auto}
.wzg-site .people svg{width:40px;height:82px}
@media (max-width:860px){.wzg-site .panel{grid-template-columns:1fr;padding:20px}}

/* Week */
.wzg-site .week{padding-block:96px 48px}
.wzg-site .week-grid{position:relative;margin-top:56px;display:grid;gap:72px}
.wzg-site .week-line{position:absolute;left:27px;top:0;bottom:0;width:4px;overflow:visible}
.wzg-site .week-line path{fill:none;stroke-width:3;stroke-linecap:round}
.wzg-site .stop{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) minmax(0,1.15fr);gap:28px;align-items:center}
.wzg-site .dot{width:58px;height:58px;border-radius:50%;background:var(--white);border:3px solid var(--cyan);display:grid;place-items:center;font:800 .8rem/1 var(--display);position:relative;z-index:1}
.wzg-site .stop:nth-child(3) .dot{border-color:var(--lime)}
.wzg-site .stop:nth-child(4) .dot{border-color:var(--blue)}
.wzg-site .stop:nth-child(5) .dot{border-color:var(--lime);background:var(--lime)}
.wzg-site .stop .copy{min-width:0}
.wzg-site .stop h3{font-size:clamp(1.35rem,2.4vw,1.8rem);margin-top:8px;font-weight:800}
.wzg-site .stop p:not(.eyebrow){margin-top:10px;color:var(--muted)}
.wzg-site .card{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px}
.wzg-site .card .top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.wzg-site .card .chan{font:600 .85rem/1 var(--body)}
.wzg-site .react{display:flex;gap:6px;flex-wrap:wrap}
.wzg-site .react span{font:500 .78rem/1 var(--body);background:var(--tint);border:1px solid var(--line);border-radius:999px;padding:.4rem .6rem}
.wzg-site .prog{width:100%;border-collapse:collapse;font-size:.88rem}
.wzg-site .prog th{font:600 .72rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;padding:0 0 8px}
.wzg-site .prog td{padding:9px 0;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}
.wzg-site .meter{height:8px;border-radius:999px;background:var(--line);overflow:hidden;min-width:70px}
.wzg-site .meter i{display:block;height:100%;background:var(--lime);border-radius:999px}
@media (max-width:860px){.wzg-site .stop{grid-template-columns:58px minmax(0,1fr);gap:18px}.wzg-site .stop .card{grid-column:2}}

/* Member card */
.wzg-site .member{background:var(--gray);padding-block:88px}
.wzg-site .mcard{max-width:560px;margin:40px auto 0;background:var(--white);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.wzg-site .mcard .cover{height:84px;background:var(--cyan)}
.wzg-site .mcard .body{padding:0 22px 22px;display:grid;gap:16px}
.wzg-site .mcard .id{display:flex;align-items:flex-end;gap:14px;margin-top:-34px}
.wzg-site .mcard .id svg{width:76px;height:76px;border-radius:50%;background:var(--white);border:4px solid var(--white);flex:0 0 76px}
.wzg-site .mcard .id h3{font-size:1.2rem}
.wzg-site .mcard .id p{font-size:.88rem;color:var(--muted)}
.wzg-site .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.wzg-site .stat{background:var(--tint);border:1px solid var(--line);border-radius:12px;padding:12px 10px;text-align:center}
.wzg-site .stat b{display:block;font:800 1.35rem/1.1 var(--display);font-variant-numeric:tabular-nums}
.wzg-site .stat span{font-size:.74rem;color:var(--muted)}
.wzg-site .stat.gold{background:var(--gold);border-color:var(--gold)}
.wzg-site .stat.gold span{color:var(--navy)}
.wzg-site .streak{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.wzg-site .streak i{width:22px;height:22px;border-radius:6px;background:var(--lime)}
.wzg-site .streak i.off{background:var(--line)}
.wzg-site .streak small{color:var(--muted);margin-left:6px}
@media (max-width:520px){.wzg-site .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wzg-site .campaign{margin-top:56px;color:var(--cyan);font:800 clamp(2rem,6vw,4.4rem)/1.12 var(--display);letter-spacing:-.02em;text-align:center;text-wrap:balance}

/* Compare */
.wzg-site .compare{padding-block:96px}
.wzg-site .cmp{margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wzg-site .cmp > div{border-radius:18px;padding:22px;border:1px solid var(--line);background:var(--white);min-width:0}
.wzg-site .cmp > div.us{background:var(--cyan);border-color:var(--cyan);color:var(--white)}
.wzg-site .cmp h3{font-size:1.05rem;margin-bottom:12px}
.wzg-site .cmp .us h3{color:var(--white)}
.wzg-site .cmp ul{margin:0;padding:0;display:grid;gap:9px;font-size:.93rem}
.wzg-site .cmp li{list-style:none;padding-left:22px;position:relative}
.wzg-site .cmp div:not(.us) li{color:var(--muted)}
.wzg-site .cmp li::before{content:"\00D7";position:absolute;left:0;top:-1px;color:var(--muted);font-weight:700}
.wzg-site .cmp .us li::before{content:"\2713";color:var(--white)}
@media (max-width:860px){.wzg-site .cmp{grid-template-columns:1fr}.wzg-site .cmp .us{order:-1}}

/* Day 30 */
.wzg-site .day30{background:var(--gray);padding-block:96px}
.wzg-site .steps{margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative}
.wzg-site .steps::before{content:"";position:absolute;left:12%;right:12%;top:27px;height:3px;background:var(--cyan)}
.wzg-site .step{list-style:none;position:relative;text-align:center;min-width:0}
.wzg-site .step .n{width:56px;height:56px;margin:0 auto;border-radius:50%;background:var(--white);border:3px solid var(--cyan);display:grid;place-items:center;font:800 .74rem/1.1 var(--display)}
.wzg-site .step:last-child .n{background:var(--lime);border-color:var(--lime)}
.wzg-site .step h3{margin-top:14px;font-size:1.02rem}
.wzg-site .step p{margin-top:6px;font-size:.92rem;color:var(--muted)}
.wzg-site .day30 .note{margin-top:32px;text-align:center;color:var(--muted)}
@media (max-width:860px){.wzg-site .steps{grid-template-columns:1fr 1fr;row-gap:28px}.wzg-site .steps::before{display:none}}
@media (max-width:460px){.wzg-site .steps{grid-template-columns:1fr}}

/* Plans */
.wzg-site .plans{padding-block:96px}
.wzg-site .plan-grid{margin-top:40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:900px;margin-inline:auto}
.wzg-site .plan{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:16px;min-width:0}
.wzg-site .plan.plus{border:2px solid var(--cyan)}
.wzg-site .plan .name{font:700 1.1rem/1 var(--display)}
.wzg-site .plan .amt{font:800 2.4rem/1 var(--display);font-variant-numeric:tabular-nums}
.wzg-site .plan .amt small{font:500 .95rem/1 var(--body);color:var(--muted)}
.wzg-site .plan .yr{font-size:.88rem;color:var(--muted);margin-top:-8px}
.wzg-site .plan ul{margin:0;padding:0;display:grid;gap:8px;font-size:.95rem}
.wzg-site .plan li{list-style:none;padding-left:24px;position:relative}
.wzg-site .plan li::before{content:"\2713";position:absolute;left:0;font-weight:700}
.wzg-site .plan .btn{margin-top:auto}
.wzg-site .plan-foot{margin-top:24px;text-align:center;color:var(--muted);font-size:.95rem;display:grid;gap:8px}
@media (max-width:760px){.wzg-site .plan-grid{grid-template-columns:1fr}}

.wzg-site .creators{background:var(--gray);padding-block:88px}

/* Closing: Cyan band. Footer: small Navy band, like the logo dot */
.wzg-site .closing{background:var(--white);padding-block:96px;text-align:center}
.wzg-site .closing h2{color:var(--cyan);max-width:20ch;margin-inline:auto}
.wzg-site .closing p{color:var(--navy);margin:16px auto 0;max-width:56ch}
.wzg-site .closing .btn{margin-top:28px}
/* Footer with the WyzGuild trust bar: Cyan with white text */
.wzg-site footer{background:var(--cyan);color:var(--white);padding-block:8px 32px;font-size:.92rem}
.wzg-site .wzg-tb{max-width:1072px;margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;border-top:1px solid rgba(255,255,255,.45);border-bottom:1px solid rgba(255,255,255,.45);padding:32px 0}
.wzg-site .wzg-tb .col{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px;line-height:1.4;min-width:0}
.wzg-site .wzg-tb .col + .col{border-left:1px solid rgba(255,255,255,.45)}
.wzg-site .wzg-tb .lbl{font:700 12px/1.2 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--white);margin:0 0 16px}
.wzg-site .wzg-tb .seal{line-height:0;display:inline-block}
.wzg-site .wzg-tb .seal img,.wzg-site .wzg-tb .pay img{border-radius:6px}
.wzg-site .wzg-tb .seal img{height:88px;width:auto;max-width:100%;display:block}
.wzg-site .wzg-tb .secure{display:flex;align-items:center;gap:14px;text-align:left;max-width:330px}
.wzg-site .wzg-tb .lock{width:64px;height:64px;border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;flex:0 0 64px}
.wzg-site .wzg-tb .secure strong{display:block;font-size:17px;font-weight:600;margin:0 0 4px;line-height:1.3}
.wzg-site .wzg-tb .secure span{display:block;font-size:14px;line-height:1.5}
.wzg-site .wzg-tb .pay{line-height:0}
.wzg-site .wzg-tb .pay img{width:324px;max-width:100%;height:auto;display:block}
.wzg-site .wzg-tb .fb{display:none;background:var(--white);color:var(--navy);border-radius:8px;padding:10px 14px;font-weight:600;font-size:.85rem;max-width:324px}
.wzg-site .wzg-tb .noimg img{display:none}.wzg-site .wzg-tb .noimg .fb{display:block}
.wzg-site .wzg-tb .seal.noimg{background:transparent;padding:0;line-height:1.4}
.wzg-site footer .legal{padding-top:26px;display:grid;gap:10px;justify-items:center;text-align:center}
.wzg-site footer .legal p{font-weight:600}
.wzg-site footer .legal nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px}
.wzg-site footer .legal a{color:var(--white)}
.wzg-site footer .ent{font-size:.82rem;font-weight:400}
@media (max-width:1080px){
  .wzg-site .wzg-tb{grid-template-columns:1fr;padding:0}
  .wzg-site .wzg-tb .col{padding:28px 8px}
  .wzg-site .wzg-tb .col + .col{border-left:0;border-top:1px solid rgba(255,255,255,.45)}
  .wzg-site .wzg-tb .pay img{width:292px}
}


/* Use cases mega menu */
.wzg-site .site-head .wrap{position:relative}
.wzg-site .nav-dd{display:inline-flex;align-items:center;gap:6px;font:500 1rem/1 var(--body);color:var(--navy);background:transparent;border:0;border-radius:8px;padding:10px 12px;margin:0 -12px;cursor:pointer}
.wzg-site .nav-dd[aria-expanded="true"]{background:var(--tint)}
.wzg-site .nav-dd[aria-expanded="true"] svg{transform:rotate(180deg)}
.wzg-site .mega{position:absolute;left:var(--gl);right:var(--gr);top:calc(100% + 6px);background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(0,61,122,.14);padding:28px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,2fr);gap:28px}
.wzg-site .mm-intro{padding-right:24px;border-right:1px solid var(--line);display:grid;gap:12px;align-content:start}
.wzg-site .mm-pill{justify-self:start;font:700 .7rem/1 var(--display);letter-spacing:.1em;text-transform:uppercase;background:var(--lime);color:var(--navy);padding:.45rem .7rem;border-radius:999px}
.wzg-site .mm-h{font:800 1.35rem/1.2 var(--display);color:var(--cyan)}
.wzg-site .mm-p{color:var(--muted);font-size:.92rem}
.wzg-site .mm-lab{font:700 .72rem/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.wzg-site .mm-col{display:grid;gap:4px;align-content:start;min-width:0}
.wzg-site .mm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}
.wzg-site .mm-item{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:12px;text-decoration:none;color:var(--navy)}
.wzg-site .mm-item:hover,.wzg-site .mm-item:focus-visible{background:var(--gray)}
.wzg-site .mm-ic{flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:#E6F7FC;display:grid;place-items:center}
.wzg-site .mm-item b{display:block;font:700 .95rem/1.25 var(--display)}
.wzg-site .mm-item small{display:block;font-size:.84rem;color:var(--muted);margin-top:3px;line-height:1.4}
@media (max-width:1000px){.wzg-site .mega{grid-template-columns:1fr 1.6fr}.wzg-site .mm-intro{display:none}}
@media (max-width:980px){.wzg-site .mega,.wzg-site .nav-pop,.wzg-site .price-dd{display:none!important}}
.wzg-site .menu .sub{font:700 .72rem/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:12px 14px 4px}
.wzg-site .menu a.in{padding-left:26px;font-size:.95rem}
.wzg-site .dd-wrap{position:relative}
.wzg-site .price-dd{position:absolute;right:-12px;top:calc(100% + 18px);width:340px;background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px rgba(0,61,122,.14);padding:10px;display:grid;gap:2px}
/* Header menu (phones) and questions drawer */
.wzg-site .menu{max-height:calc(100vh - 90px);overflow-y:auto;position:fixed;right:max(16px, env(safe-area-inset-right, 0px));top:calc(70px + env(safe-area-inset-top, 0px));z-index:32;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:0 18px 50px rgba(0,61,122,.18);display:grid;min-width:240px}
.wzg-site .menu a{padding:12px 14px;border-radius:10px;text-decoration:none;font-weight:500}
.wzg-site .menu a:hover,.wzg-site .menu a:focus-visible{background:var(--tint)}
.wzg-site .scrim{position:fixed;inset:0;background:rgba(0,61,122,.45);z-index:40}
.wzg-site .drawer{position:fixed;top:0;right:0;bottom:0;z-index:41;width:min(460px,100%);background:var(--white);padding:calc(22px + env(safe-area-inset-top, 0px)) max(22px, env(safe-area-inset-right, 0px)) calc(22px + env(safe-area-inset-bottom, 0px)) 22px;overflow-y:auto}
.wzg-site .drawer .dh{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.wzg-site .drawer h2{font-size:1.4rem}
.wzg-site .drawer .x{width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:var(--white);font-size:1.3rem;color:var(--navy);cursor:pointer}
.wzg-site .drawer details{border-top:1px solid var(--line);padding-block:14px}
.wzg-site .drawer summary{cursor:pointer;font:700 1rem/1.35 var(--display);list-style:none;display:flex;justify-content:space-between;gap:12px}
.wzg-site .drawer summary::-webkit-details-marker{display:none}
.wzg-site .drawer summary::after{content:"+";color:var(--navy);font-size:1.2rem}
.wzg-site .drawer details[open] summary::after{content:"\2212"}
.wzg-site .drawer details p{margin-top:8px;color:var(--muted)}

@media (prefers-reduced-motion: reduce){html:has(.wzg-site){scroll-behavior:auto}.wzg-site .btn{transition:none}.wzg-site .town svg{transform:none}}

/* Use case pages: problem, old way vs WyzGuild, outcome table, features, rituals, call to action, questions.
   Sections alternate white and gray like the homepage. */
.wzg-site .uc-hero{padding-block:72px}
.wzg-site .uc-hero .eyebrow{margin-bottom:14px}
.wzg-site .uc-problem,.wzg-site .uc-outcome,.wzg-site .uc-rituals,.wzg-site .uc-cta{background:var(--gray);padding-block:88px}
.wzg-site .uc-vs-sec,.wzg-site .uc-features,.wzg-site .uc-faq{padding-block:88px}
.wzg-site .uc-rituals + .day30{background:var(--white)}
.wzg-site .uc-cards{margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wzg-site .uc-card{list-style:none;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;gap:14px;align-items:flex-start;min-width:0}
.wzg-site .uc-num{flex:0 0 36px;height:36px;border-radius:50%;background:var(--cyan);color:var(--white);display:grid;place-items:center;font:800 .95rem/1 var(--display)}
.wzg-site .uc-cost{margin:28px auto 0;max-width:70ch;text-align:center;font-size:1.05rem}
.wzg-site .uc-vs{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;margin-inline:auto}
.wzg-site .uc-feat-grid{margin-top:36px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.wzg-site .uc-feat{background:var(--tint);border:1px solid var(--line);border-radius:18px;padding:22px;min-width:0}
.wzg-site .uc-feat h3{margin-bottom:8px}
.wzg-site .uc-note{margin-top:24px;text-align:center;color:var(--muted)}
.wzg-site .uc-rit-grid{margin-top:36px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.wzg-site .uc-rit{margin:0;padding:0;display:grid;gap:14px}
.wzg-site .uc-rit li{list-style:none;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:20px}
.wzg-site .uc-rit h3{margin:6px 0 6px}
.wzg-site .uc-cta h2{max-width:24ch;margin-inline:auto}
.wzg-site .uc-cta .ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}
.wzg-site .uc-one{grid-template-columns:minmax(0,440px);justify-content:center}
.wzg-site .uc-cta .plan{text-align:left}
.wzg-site .uc-plan-note{font-size:.9rem;color:var(--muted)}
.wzg-site .uc-faq-list{margin:28px auto 0;max-width:760px}
.wzg-site .uc-faq details{border-top:1px solid var(--line);padding-block:16px}
.wzg-site .uc-faq details:last-child{border-bottom:1px solid var(--line)}
.wzg-site .uc-faq summary{cursor:pointer;font:700 1.02rem/1.35 var(--display);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.wzg-site .uc-faq summary::after{content:"";flex:0 0 9px;height:9px;margin-right:4px;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);transform:translateY(-3px) rotate(45deg);transition:transform .2s}
.wzg-site .uc-faq details[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.wzg-site .uc-faq summary::-webkit-details-marker{display:none}
.wzg-site .uc-faq details p{margin-top:8px;color:var(--muted)}
.wzg-site .uc-links{margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wzg-site .uc-link{display:flex;flex-direction:column;gap:10px;background:var(--white);border-radius:18px;padding:22px;text-decoration:none;color:var(--navy);min-width:0}
.wzg-site .uc-link b{font:700 1.1rem/1.3 var(--display)}
.wzg-site .uc-go{margin-top:auto;font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (max-width:860px){
  .wzg-site .uc-cards,.wzg-site .uc-vs,.wzg-site .uc-feat-grid,.wzg-site .uc-rit-grid,.wzg-site .uc-links{grid-template-columns:1fr}
}
@media (min-width:861px) and (max-width:1080px){.wzg-site .uc-links{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Use case pages: variety. Each page sets an accent, a hero style and layout choices on <main>. */
.wzg-site .uc-page{--accent:var(--cyan);--accent-ink:var(--white);--accent-soft:#E6F7FC}
.wzg-site .uc-page.accent-lime{--accent:var(--lime);--accent-ink:var(--navy);--accent-soft:#E4F6EC}
.wzg-site .uc-page.accent-blue{--accent:var(--blue);--accent-ink:var(--white);--accent-soft:#E6F1FE}
.wzg-site .uc-page .uc-num{background:var(--accent);color:var(--accent-ink)}
.wzg-site .hero-band-cyan .uc-hero{background:var(--cyan)}
.wzg-site .hero-band-cyan .uc-hero h1{color:var(--white)}
.wzg-site .hero-band-cyan .uc-hero :is(.eyebrow,.sub,.price){color:var(--white)}
.wzg-site .hero-band-cyan .uc-hero .btn-outline{border-color:var(--white);color:var(--white)}
.wzg-site .hero-band-cyan .uc-hero .btn-primary{background:var(--white);color:var(--navy)}
.wzg-site .uc-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center}
.wzg-site .uc-hero-copy .ctas{justify-content:flex-start}
.wzg-site .uc-hero-copy .lede{margin-inline:0}
.wzg-site .uc-art{position:relative;min-height:320px;border-radius:28px;background:var(--accent-soft);overflow:hidden}
.wzg-site .uc-crew{position:absolute;left:0;right:0;bottom:44px;display:flex;justify-content:center;gap:4px}
.wzg-site .uc-crew svg{height:150px;width:auto}
.wzg-site .uc-chip{position:absolute;background:var(--white);border:1px solid var(--line);border-radius:999px;padding:.4rem .75rem;font:600 .82rem/1 var(--body);color:var(--navy);box-shadow:0 8px 20px rgba(0,61,122,.08)}
.wzg-site .uc-chip.c0{top:28px;left:24px}.wzg-site .uc-chip.c1{top:56px;right:24px}.wzg-site .uc-chip.c2{top:104px;left:56px}
.wzg-site .uc-art-tag{position:absolute;left:0;right:0;bottom:14px;text-align:center;font:600 .72rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.wzg-site .problem-list .uc-cards{grid-template-columns:1fr;max-width:760px;margin-inline:auto}
.wzg-site .problem-list .uc-card{border:0;border-left:5px solid var(--accent);border-radius:12px;align-items:center}
.wzg-site .problem-list .uc-num{flex-basis:44px;height:44px;font-size:1.1rem}
.wzg-site .feat-4 .uc-feat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Feature flip cards: the front keeps the full text; the back says which plans include it */
.wzg-site .uc-feat.flip{background:none;border:0;padding:0;perspective:1200px}
.wzg-site .flip-inner{display:grid;height:100%;transition:transform .6s ease;transform-style:preserve-3d}
.wzg-site .flip.flipped .flip-inner{transform:rotateY(180deg)}
.wzg-site .flip-face{grid-area:1/1;display:flex;flex-direction:column;gap:10px;background:var(--tint);border:1px solid var(--line);border-radius:18px;padding:22px;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.wzg-site .flip-back{transform:rotateY(180deg);background:var(--cyan);border-color:var(--cyan);color:var(--white)}
.wzg-site .flip-back h3{color:var(--white)}
.wzg-site .flip-back p{color:var(--white)}
.wzg-site .flip-back a{color:var(--white);font-weight:600}
.wzg-site .uc-ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--navy)}
.wzg-site .flip-back .uc-ic{background:rgba(255,255,255,.2);color:var(--white)}
.wzg-site .flip-btn{margin-top:auto;align-self:flex-start;background:none;border:0;padding:6px 0;font:600 .92rem/1.2 var(--body);color:var(--navy);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.wzg-site .flip-back .flip-btn{color:var(--white)}

/* Problem to outcome: tap a pain to see what WyzGuild does, then the outcome */
.wzg-site .uc-po-list{margin:36px auto 0;max-width:900px;padding:0;display:grid;gap:12px}
.wzg-site .uc-po{list-style:none;background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.wzg-site .uc-po.open{border-color:var(--accent)}
.wzg-site .uc-po-btn{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px 22px;background:none;border:0;text-align:left;font:inherit;color:var(--navy);cursor:pointer}
.wzg-site .uc-po-btn b{font:700 1.05rem/1.35 var(--display)}
.wzg-site .uc-po-lab{display:block;font:600 .72rem/1.2 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.wzg-site .uc-po-hint{font-weight:600;font-size:.9rem;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.wzg-site .uc-po-hint::after{content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.wzg-site .uc-po.open .uc-po-hint::after{transform:translateY(1px) rotate(-135deg)}
.wzg-site .uc-po-body{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 22px 20px}
.wzg-site .uc-po-do,.wzg-site .uc-po-out{border-radius:12px;padding:14px 16px;background:var(--tint)}
.wzg-site .uc-po-out{background:var(--accent-soft)}
.wzg-site .uc-po-out p{font-weight:600}
.wzg-site .uc-po.open .uc-po-do{animation:wzgRise .35s both}
.wzg-site .uc-po.open .uc-po-out{animation:wzgRise .35s .3s both}
.wzg-site .uc-po-all{margin-top:24px}

/* Old way vs WyzGuild: a switch between the two lists */
.wzg-site .vs-switch{display:flex;gap:6px;margin:28px auto 0;width:max-content;max-width:100%;background:var(--tint);border:1px solid var(--line);border-radius:999px;padding:6px}
.wzg-site .vs-switch [role="tab"]{border:0;background:none;border-radius:999px;padding:10px 18px;font:600 .95rem/1.2 var(--body);color:var(--navy);cursor:pointer}
.wzg-site .vs-switch [aria-selected="true"]{background:var(--cyan);color:var(--white)}
.wzg-site .uc-vs-switch{grid-template-columns:minmax(0,640px);justify-content:center;margin-top:20px}
.wzg-site .uc-vs-switch > div:not([hidden]){animation:wzgRise .35s both}

/* How it keeps going: pick a day, the sample shows that day's post */
.wzg-site .rit-right .uc-rit-grid > .uc-rit{order:2}
.wzg-site .uc-rit li{list-style:none;background:none;border:0;padding:0}
.wzg-site .uc-day{width:100%;display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:18px 20px;font:inherit;color:var(--navy);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.wzg-site .uc-day[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.wzg-site .uc-day-h{font:700 1.15rem/1.3 var(--display);color:var(--cyan)}
.wzg-site .uc-day-p{color:var(--muted)}
.wzg-site .scene .post.pop{animation:wzgPop .45s both}

/* Live by day 30: the line fills and each step lights lime as you scroll, on every page */
.wzg-site .steps-scroll::before{background:var(--line)}
.wzg-site .steps-scroll::after{content:"";position:absolute;left:12%;top:27px;height:3px;width:calc(76% * var(--p, 0));background:var(--lime)}
.wzg-site .steps-scroll .step{z-index:1}
.wzg-site .steps-scroll .step .n,.wzg-site .steps-scroll .step:last-child .n{font-size:1.15rem;background:var(--white);border-color:var(--line);color:var(--navy);transition:background .3s,border-color .3s,color .3s}
.wzg-site .steps-scroll .step.lit .n{background:var(--lime);border-color:var(--lime);color:var(--navy)}

/* Living drawings: characters bob and wave, the guild hall flag waves, side chips float */
@keyframes wzgBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes wzgWave{0%,100%{transform:rotate(0)}50%{transform:rotate(-16deg)}}
@keyframes wzgFlag{0%,100%{transform:skewY(0) scaleX(1)}50%{transform:skewY(-9deg) scaleX(.88)}}
@keyframes wzgFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes wzgPop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes wzgRise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.wzg-site .wzg-bob{animation:wzgBob 3.2s ease-in-out infinite}
.wzg-site svg:nth-child(2) > .wzg-bob{animation-delay:.5s}.wzg-site svg:nth-child(3) > .wzg-bob{animation-delay:1s}
.wzg-site svg:nth-child(4) > .wzg-bob{animation-delay:1.5s}.wzg-site svg:nth-child(5) > .wzg-bob{animation-delay:2s}
.wzg-site .wzg-wave{transform-origin:15px -84px;animation:wzgWave 1.6s ease-in-out infinite}
.wzg-site .wzg-flag{transform-box:fill-box;transform-origin:left center;animation:wzgFlag 2.4s ease-in-out infinite}
.wzg-site .uc-chip{animation:wzgFloat 4s ease-in-out infinite}.wzg-site .uc-chip.c1{animation-delay:1.3s}.wzg-site .uc-chip.c2{animation-delay:2.6s}

@media (max-width:1080px){.wzg-site .feat-4 .uc-feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  .wzg-site .uc-hero-grid{grid-template-columns:1fr;text-align:center}
  .wzg-site .uc-hero-copy .ctas{justify-content:center}
  .wzg-site .uc-hero-copy .lede{margin-inline:auto}
  .wzg-site .uc-art{min-height:260px}
  .wzg-site .uc-crew svg{height:120px}
  .wzg-site .feat-4 .uc-feat-grid{grid-template-columns:1fr}
  .wzg-site .rit-right .uc-rit-grid > .uc-rit{order:0}
  .wzg-site .uc-po-btn{grid-template-columns:minmax(0,1fr)}
  .wzg-site .uc-po-body{grid-template-columns:1fr}
  .wzg-site .vs-switch [role="tab"]{padding:10px 12px;font-size:.88rem}
  .wzg-site .steps-scroll::after{display:none}
}
/* Pricing: compare every feature. Scrolls sideways inside its own box on phones, with the feature names pinned */
.wzg-site .plan-cmp{background:var(--gray);padding-block:88px}
.wzg-site .cmp-scroll{margin-top:36px;overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--white)}
.wzg-site .cmp-tbl{width:100%;min-width:720px;border-collapse:collapse;font-size:.95rem;color:var(--navy)}
.wzg-site .cmp-tbl th,.wzg-site .cmp-tbl td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.wzg-site .cmp-tbl tbody th{text-align:left;font-weight:500;position:sticky;left:0;background:var(--white);min-width:200px}
.wzg-site .cmp-tbl tbody th small{display:block;color:var(--muted);font-size:.8rem}
.wzg-site .cmp-tbl thead th{font:700 1rem/1.2 var(--display);color:var(--cyan);background:var(--white)}
.wzg-site .cmp-tbl thead th:first-child{position:sticky;left:0}
.wzg-site .cmp-tbl thead th span{display:block;margin-top:4px;font:500 .85rem/1 var(--body);color:var(--muted)}
.wzg-site .cmp-tbl tr.grp th{text-align:left;position:static;background:var(--tint);font:700 .78rem/1.2 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.wzg-site .cmp-tbl tr:last-child th,.wzg-site .cmp-tbl tr:last-child td{border-bottom:0}
.wzg-site .cmp-tbl .ok,.wzg-site .cmp-tbl .no{display:inline-block;width:22px;height:22px;border-radius:50%;overflow:hidden;color:transparent;font-size:0;vertical-align:middle}
.wzg-site .cmp-tbl .ok{background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 7' fill='none' stroke='%23003D7A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat}
.wzg-site .cmp-tbl .no{width:14px;height:2px;border-radius:2px;background:var(--line)}
.wzg-site .cmp-hint{display:none;margin-top:20px;font-size:.88rem;color:var(--muted)}
@media (max-width:760px){.wzg-site .cmp-hint{display:block}.wzg-site .cmp-scroll{margin-top:12px}.wzg-site .cmp-tbl tbody th{min-width:150px}}
.wzg-site .cmp-note{margin-top:16px;color:var(--muted);font-size:.9rem}
/* Earn from your community: three ways to earn, a sample paid community and the terms */
.wzg-site .earn{background:#E4F6EC;padding-block:88px}
.wzg-site .earn-grid{margin-top:40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}
.wzg-site .earn-ways{margin:0;padding:0;display:grid;gap:14px;counter-reset:earn}
.wzg-site .earn-ways li{list-style:none;counter-increment:earn;position:relative;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:18px 18px 18px 64px;min-width:0}
.wzg-site .earn-ways li::before{content:counter(earn);position:absolute;left:18px;top:18px;width:32px;height:32px;border-radius:50%;background:var(--lime);color:var(--navy);display:grid;place-items:center;font:800 .95rem/1 var(--display)}
.wzg-site .earn-ways b{display:block;font:700 1.05rem/1.3 var(--display);color:var(--cyan)}
.wzg-site .earn-ways span{display:block;margin-top:4px;color:var(--navy)}
.wzg-site .earn-side{min-width:0}
.wzg-site .earn-side .scene{background:var(--white)}
.wzg-site .earn-terms{margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.wzg-site .earn-terms li{list-style:none;min-width:0;color:var(--navy);font-size:.93rem;border-top:3px solid var(--lime);padding-top:12px}
.wzg-site .earn-terms b{display:block;color:var(--navy)}
@media (max-width:960px){.wzg-site .earn-terms{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.wzg-site .earn-grid{grid-template-columns:1fr}}
@media (max-width:460px){.wzg-site .earn-terms{grid-template-columns:1fr}}
/* Small business page: business type tabs and three plan cards */
.wzg-site .sb-lab{font:700 .78rem/1.2 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.wzg-site .sb-out,.wzg-site .sb-plan{color:var(--navy)}
.wzg-site .sb-plan{background:var(--tint);border-radius:10px;padding:10px 12px}
.wzg-site .sb-note{margin-top:18px;color:var(--white);font-size:.9rem}
.wzg-site .plan-grid.sb-three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1000px}
.wzg-site .sb-three .plan{text-align:left}
@media (max-width:860px){.wzg-site .plan-grid.sb-three{grid-template-columns:1fr}}
/* Pricing: which plan fits your business */
.wzg-site .fit{background:#E4F6EC;padding-block:88px}
.wzg-site .fit-tbl{min-width:760px}
.wzg-site .fit-tbl thead th{text-align:left;font-size:.95rem}
.wzg-site .fit-tbl td{text-align:left;vertical-align:top}
.wzg-site .fit-tbl tbody th{vertical-align:top;font-weight:700}
.wzg-site .fit-note{margin-top:16px;color:var(--muted);font-size:.92rem;max-width:70ch;margin-inline:auto}
.wzg-site .fit .ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}
.wzg-site .fit-more{margin-top:14px}
.wzg-site .fit-more a{color:var(--navy);font-weight:600}
.wzg-site .fit-faq{max-width:760px;margin:36px auto 0}
.wzg-site .fit-faq details{border-top:1px solid var(--line);padding-block:16px}
.wzg-site .fit-faq details:last-child{border-bottom:1px solid var(--line)}
.wzg-site .fit-faq summary{cursor:pointer;font:700 1.02rem/1.35 var(--display);color:var(--navy);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.wzg-site .fit-faq summary::-webkit-details-marker{display:none}
.wzg-site .fit-faq summary::after{content:"";flex:0 0 9px;height:9px;margin-right:4px;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);transform:translateY(-3px) rotate(45deg);transition:transform .2s}
.wzg-site .fit-faq details[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.wzg-site .fit-faq details p{margin-top:8px;color:var(--muted)}
.wzg-site .cmp-strip{margin-top:20px;font-weight:600;color:var(--navy)}
/* What is WyzGuild: a short, quotable answer near the top of the homepage */
.wzg-site .whatis{background:var(--white);padding-block:40px 56px}
.wzg-site .whatis .wrap{max-width:820px;text-align:center}
.wzg-site .whatis h2{font-size:1.35rem}
.wzg-site .whatis p{margin-top:12px;color:var(--navy);font-size:1.08rem}
/* Product and Resources menus: a small list under their button */
.wzg-site .nav-pop{position:absolute;left:-12px;top:calc(100% + 18px);width:330px;background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px rgba(0,61,122,.14);padding:10px;display:grid;gap:2px;z-index:40}
.wzg-site .nav-pop[hidden]{display:none}
.wzg-site button.mm-item{width:100%;background:transparent;border:0;font:inherit;text-align:left;cursor:pointer}
.wzg-site button.mm-item:hover,.wzg-site button.mm-item:focus-visible{background:var(--gray)}
.wzg-site .menu button.in{display:block;width:100%;text-align:left;background:transparent;border:0;font:500 .95rem/1.4 var(--body);color:var(--navy);padding:12px 14px 12px 26px;border-radius:10px;cursor:pointer}
.wzg-site .menu button.in:hover,.wzg-site .menu button.in:focus-visible{background:var(--tint)}
/* Homepage video: a still image with a play button; the video loads only when someone presses play */
.wzg-site .demo-vid{background:var(--gray);padding-block:72px}
.wzg-site .vid{position:relative;display:block;max-width:900px;margin:32px auto 0;border-radius:20px;overflow:hidden;background:#0b2440;aspect-ratio:16/9;box-shadow:0 24px 60px rgba(0,61,122,.14)}
.wzg-site .vid img,.wzg-site .vid video{display:block;width:100%;height:100%;object-fit:cover}
.wzg-site .vid-play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--cyan);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,61,122,.3);transition:transform .2s}
.wzg-site .vid:hover .vid-play,.wzg-site .vid:focus-visible .vid-play{transform:scale(1.08)}
.wzg-site .vid-len{position:absolute;right:14px;bottom:14px;background:rgba(0,61,122,.85);color:var(--white);font:600 .85rem/1 var(--body);padding:.4rem .55rem;border-radius:8px}
.wzg-site .vid-note{margin-top:14px;font-size:.92rem;color:var(--muted)}
.wzg-site .vid-note a{color:var(--navy);font-weight:600}
@media (prefers-reduced-motion: reduce){.wzg-site .vid-play{transition:none}}
/* Refer a team: same form style as the Launch Kit, on a lime band */
.wzg-site .refer{background:#E4F6EC;padding-block:88px}
.wzg-site .refer-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center}
.wzg-site .refer h2{margin-top:12px}
.wzg-site .refer .lede{margin:14px 0 22px}
@media (max-width:860px){.wzg-site .refer-grid{grid-template-columns:1fr;gap:28px}}
/* ASCEND additions: hero "after" line, first-day win, the try-free guarantee, founding partners,
   the Launch Kit form, studio reviews and the "You're booked" page */
.wzg-site .hero .after{margin-top:16px;font:700 1.05rem/1.4 var(--display);color:var(--navy)}
.wzg-site .hero .kit-link{margin-top:12px;font-size:.95rem;color:var(--muted)}
.wzg-site .hero .kit-link a{color:var(--navy);font-weight:600}
.wzg-site .step p.win{color:var(--navy);font-weight:600}
.wzg-site .guarantee{display:flex;gap:16px;align-items:flex-start;text-align:left;max-width:640px;margin:32px auto 0;background:var(--white);border:1px solid var(--line);border-left:6px solid var(--lime);border-radius:16px;padding:20px 22px}
.wzg-site .guarantee .g-ic{flex:0 0 48px;height:48px;border-radius:12px;background:var(--lime);display:grid;place-items:center}
.wzg-site .guarantee h3{font-size:1.15rem}
.wzg-site .guarantee .g-link{display:inline-block;margin-top:8px;font-weight:600;color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.wzg-site .plan-alt{align-self:center;font-size:.9rem;font-weight:600;color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.wzg-site .guarantee p{margin-top:6px;color:var(--navy)}
.wzg-site .founders{background:var(--white);padding-block:88px}
.wzg-site .founders .f-grid{margin:36px auto 32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:860px}
.wzg-site .founders .f-card{min-width:0;background:var(--tint);border:1px solid var(--line);border-radius:18px;padding:22px}
.wzg-site .founders .f-lab{font:700 .78rem/1.2 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.wzg-site .founders .f-note{margin-top:12px;font-size:.9rem;color:var(--muted)}
.wzg-site .kit{background:var(--cyan);color:var(--white);padding-block:88px}
.wzg-site .kit h2,.wzg-site .kit .eyebrow,.wzg-site .kit .lede{color:var(--white)}
.wzg-site .kit h2{margin-top:12px}
.wzg-site .kit .lede{margin:14px 0 22px}
.wzg-site .kit-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center}
.wzg-site .kit-box{min-width:0;background:var(--white);color:var(--navy);border-radius:20px;padding:26px}
.wzg-site .kit-form{display:grid;gap:8px}
.wzg-site .kit-form label{font-weight:600;font-size:.92rem}
.wzg-site .kit-form input,.wzg-site .kit-form select{width:100%;box-sizing:border-box;min-height:48px;padding:0 14px;border:1.5px solid var(--line);border-radius:10px;font:400 1rem/1 var(--body);color:var(--navy);background:var(--white);margin-bottom:6px}
.wzg-site .kit-form input:focus,.wzg-site .kit-form select:focus{border-color:var(--cyan);outline:none}
.wzg-site .kit-form .btn{margin-top:6px;width:100%}
.wzg-site .kit-err{color:#B42318;font-size:.9rem}
.wzg-site .kit-fine{font-size:.8rem;color:var(--muted);text-align:center}
.wzg-site .kit-ok h3{font-size:1.2rem}
.wzg-site .kit-ok p{margin:8px 0 18px;color:var(--muted)}
.wzg-site .studio{background:var(--gray);padding-block:88px}
.wzg-site .studio .q-grid{margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wzg-site .studio .q{min-width:0;margin:0;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:14px}
.wzg-site .studio blockquote{margin:0;color:var(--navy);font-size:1rem}
.wzg-site .studio figcaption{margin-top:auto;font:700 .9rem/1.3 var(--display);color:var(--cyan)}
.wzg-site .studio .q-note{margin-top:24px;font-size:.9rem;color:var(--muted)}
.wzg-site .plans + .founders{background:var(--gray)}
.wzg-site .plan-cmp + .founders{background:var(--white)}
.wzg-site .plan-cmp + .founders + .studio{background:var(--gray)}
.wzg-site .plan-cmp + .founders + .studio + .closing{padding-top:96px}
.wzg-site .founders + .studio{background:var(--white)}
.wzg-site .founders + .studio + .closing{padding-top:0}
.wzg-site .booked-list{max-width:640px;margin:32px auto 0;text-align:left}
@media (max-width:860px){.wzg-site .kit-grid{grid-template-columns:1fr;gap:28px}.wzg-site .studio .q-grid{grid-template-columns:1fr}}
@media (max-width:760px){.wzg-site .founders .f-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){
  .wzg-site .wzg-bob,.wzg-site .wzg-wave,.wzg-site .wzg-flag,.wzg-site .uc-chip,.wzg-site .scene .post.pop,
  .wzg-site .uc-po.open .uc-po-do,.wzg-site .uc-po.open .uc-po-out,.wzg-site .uc-vs-switch > div:not([hidden]){animation:none}
  .wzg-site .flip-inner,.wzg-site .uc-day,.wzg-site .steps-scroll .step .n{transition:none}
}