:root{
    --background:#040404;
    --background:oklch(12% .01 270);
    --foreground:oklch(98% 0 0);
    --card:oklch(18% .02 270);
    --card-foreground:oklch(98% 0 0);
    --popover:oklch(15% .02 270);
    --popover-foreground:oklch(98% 0 0);
    --primary:oklch(65% .22 210);
    --primary-foreground:oklch(98% 0 0);
    --secondary:oklch(60% .25 315);
    --secondary-foreground:oklch(98% 0 0);
    --muted:oklch(22% .02 270);
    --muted-foreground:oklch(65% .02 270);
    --accent:oklch(65% .26 305);
    --accent-foreground:oklch(98% 0 0);
    --destructive:oklch(57.7% .245 27.325);
    --destructive-foreground:oklch(100% 0 0);
    --border:oklch(28% .03 270);
    --input:oklch(22% .02 270);
    --ring:oklch(65% .22 305);
    --gradient-cyan:oklch(70% .2 195);
    --gradient-blue:oklch(62% .23 230);
    --gradient-purple:oklch(58% .26 280);
    --gradient-pink:oklch(65% .26 305);
    --radius:.5rem;

    /* gradient + font tokens */
    --grad:linear-gradient(135deg, var(--gradient-cyan), var(--gradient-blue) 30%, var(--gradient-purple) 60%, var(--gradient-pink));
    --grad-soft:linear-gradient(135deg, oklch(70% .2 195 / .5), oklch(58% .26 280 / .5) 55%, oklch(65% .26 305 / .5));
    --display:'Playfair Display', Georgia, serif;
    --body:'EB Garamond', Georgia, serif;
    --util:'Jost', system-ui, sans-serif;

    /* semantic aliases mapped onto the dark theme */
    --ink:oklch(15% .018 270);      /* feature bands */
    --ink-soft:var(--card);
    --cream:var(--foreground);       /* the light ink (text / hovers) */
    --cream-2:var(--card);           /* elevated card surface */
    --paper:var(--card);
    --green:var(--primary);          /* cyan-blue accent */
    --green-deep:var(--secondary);   /* magenta accent */
    --blush:oklch(20% .045 305);     /* accent-tinted dark panel */
    --blush-deep:oklch(24% .055 305);
    --line:var(--border);
    --text-dark:var(--foreground);   /* body copy is now light on dark */
    --text-light:oklch(84% .012 270);
  }
  body::before{content:"";position:fixed;top:0;left:0;right:0;height:4px;background:var(--grad);z-index:100;}
  *{box-sizing:border-box;}
  *:focus-visible{outline:2px solid var(--ring);outline-offset:3px;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--background);
    color:var(--foreground);
    font-family:var(--body);
    font-size:18px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}

  /* ---------- shared utility ---------- */
  .wrap{max-width:1240px;margin:0 auto;padding: 0 0px;}
  .eyebrow{
    font-family:var(--util);
    text-transform:uppercase;
    letter-spacing:.32em;
    font-size:11px;
    font-weight:400;
    color:var(--muted-foreground);
    margin:0 0 18px;
  }
  .display{
    font-family:var(--display);
    line-height:1.02;
    letter-spacing:.005em;
    margin:0;
  }
  .display .it{font-style:italic;font-weight:500;text-transform:none;}
  .lead{font-size:16px;line-height:1.7;max-width:46ch;}

  .btn{
    display:inline-flex;align-items:center;gap:.7em;
    font-family:var(--util);
    text-transform:uppercase;
    letter-spacing:.22em;
    font-size:11px;
    font-weight:400;
    padding:16px 30px;
    border:1px solid transparent;
    cursor:pointer;
    transition:.25s ease;
    background:none;
  }
  .btn .ar{font-family:var(--body);font-size:15px;transform:translateY(-1px);}
  .btn-green{background:var(--grad);color:#fff;border:none;}
  .btn-green:hover{filter:brightness(1.08) saturate(1.1);}
  .btn-out-light{border-color:oklch(98% 0 0 / .5);color:var(--foreground);}
  .btn-out-light:hover{background:var(--foreground);color:var(--background);}
  .btn-out-dark{border-color:oklch(98% 0 0 / .35);color:var(--foreground);}
  .btn-out-dark:hover{background:var(--foreground);color:var(--background);}

  /* swappable image placeholder */
  .ph{
    position:relative;
    background:
      linear-gradient(135deg, oklch(60% .2 268 / .12), oklch(65% .26 305 / .07)),
      var(--cream-2);
    overflow:hidden;
  }
  .ph.dark{background:linear-gradient(135deg,#1a1f33,#0c0e18);}
  .ph.green{background:var(--grad);}
  .ph.blush{background:linear-gradient(135deg, oklch(24% .06 305), oklch(18% .05 280));}
  .ph::after{
    content:attr(data-label);
    position:absolute;inset:0;
    display:flex;align-items:center;justify-content:center;
    font-family:var(--util);font-size:10px;letter-spacing:.28em;
    text-transform:uppercase;color:oklch(70% .02 270 / .8);
    text-align:center;padding:10px;
  }
  .ph.green::after{color:oklch(98% 0 0 / .7);}

  section{position:relative;}
  .dark{background:var(--ink);color:var(--text-light);}
  .dark .eyebrow{color:rgba(216,209,196,.6);}
  .dark .display{color:var(--cream);}
  .blush-bg{background:var(--blush);color:var(--foreground);}
  .blush-bg .eyebrow{color:oklch(72% .16 305);}
  .blush-bg .display{color:var(--foreground);}

  /* ---------- nav ---------- */
  .topbar{position:absolute;top:0;left:0;right:0;z-index:40;}
  .nav{
    display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
    padding:26px 40px;gap:20px;
  }
  .nav a{font-family:var(--util);text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--cream);opacity:.92;}
  .nav a:hover{opacity:.6;}
  .nav .left,.nav .right{display:flex;gap:28px;}
  .nav .right{justify-content:flex-end;}
  .brand{
    font-family:var(--display);font-style:italic;font-weight:500;
    font-size:24px;color:var(--cream);text-align:center;white-space:nowrap;
  }
  .brand b{font-style:normal;font-weight:700;}

  /* ---------- follow rail ---------- */
  .rail{
    position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:35;
    display:flex;flex-direction:column;align-items:center;gap:14px;
    background:rgba(28,27,24,.85);padding:16px 8px;border-radius:4px 0 0 4px;
  }
  .rail .lbl{
    font-family:var(--util);font-size:9px;letter-spacing:.3em;text-transform:uppercase;
    color:var(--cream);writing-mode:vertical-rl;transform:rotate(180deg);opacity:.8;
  }
  .rail a{width:24px;height:24px;display:grid;place-items:center;color:var(--cream);opacity:.8;}
  .rail a:hover{opacity:1;}
  .rail svg{width:15px;height:15px;fill:currentColor;}

  /* ---------- HERO (opt-in) ---------- */
  .hero{
    background:#06070f;color:#fff;position:relative;overflow:hidden;
    min-height:100vh;display:flex;flex-direction:column;
    font-family:'Montserrat',var(--util),sans-serif;
  }
  .hero-grid{position:absolute;inset:0;
    background-image:
      linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
    background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 80% at 50% 40%,#000,transparent 95%);}
  .hero-glow{position:absolute;top:-22%;left:50%;transform:translateX(-50%);
    width:1100px;max-width:130%;height:680px;pointer-events:none;border-radius:50%;
    background:var(--grad);opacity:.28;filter:blur(90px);}
  .optin{position:relative;z-index:3;flex:1;display:flex;flex-direction:column;
    justify-content:center;align-items:center;text-align:center;
    max-width:780px;margin:0 auto;padding:120px 24px 90px;width:100%;}
  .optin .kicker{font-style:italic;font-weight:600;letter-spacing:.06em;
    color:#aab2cc;font-size:clamp(13px,1.6vw,18px);margin:0 0 26px;text-transform:uppercase;}
  .optin h1{font-weight:800;line-height:1.08;margin:0;font-size:clamp(32px,5.2vw,62px);letter-spacing:-.01em;}
  .optin h1 .u{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px;text-decoration-color:oklch(70% .2 230);}
  .optin h1 .gold{
    background:var(--grad);
    -webkit-background-clip:text;background-clip:text;color:transparent;}
  .optin h1 .ital{font-style:italic;}
  .optin .pill{
    display:inline-block;margin:30px 0 0;padding:11px 26px;border-radius:999px;
    background:oklch(45% .14 305 / .22);border:1px solid oklch(65% .22 305 / .55);
    box-shadow:0 0 26px oklch(65% .26 305 / .28);
    color:oklch(82% .14 310);font-weight:700;font-size:clamp(12px,1.7vw,17px);}
  .optin .pill b{color:oklch(88% .12 310);}
  .optin form{width:100%;max-width:560px;margin:42px auto 0;display:flex;flex-direction:column;gap:18px;}
  .optin input[type=email]{
    width:100%;padding:22px 24px;border-radius:12px;border:1px solid rgba(255,255,255,.12);
    background:#fff;color:#222;font-size:18px;font-family:inherit;font-weight:500;}
  .optin input[type=email]::placeholder{color:#9a9a9a;}
  .optin .join{
    width:100%;padding:24px;border:none;border-radius:12px;cursor:pointer;
    font-family:inherit;font-style:italic;font-weight:800;font-size:clamp(20px,2.6vw,28px);
    letter-spacing:.02em;color:#fff;text-transform:uppercase;
    background:var(--grad);
    box-shadow:0 0 42px oklch(62% .23 250 / .5), inset 0 1px 0 rgba(255,255,255,.35);
    transition:.2s ease;}
  .optin .join:hover{filter:brightness(1.08) saturate(1.1);box-shadow:0 0 60px oklch(62% .23 250 / .65), inset 0 1px 0 rgba(255,255,255,.35);}
  /* countdown */
  .countdown{display:flex;gap:14px;justify-content:center;margin-top:48px;}
  .cd-box{display:flex;flex-direction:column;align-items:center;gap:10px;}
  .cd-num{background:#0f1220;border:1px solid #242a40;border-radius:12px;
    min-width:84px;padding:16px 10px;font-weight:800;font-size:clamp(26px,3.6vw,40px);color:#fff;}
  .cd-lbl{font-size:11px;letter-spacing:.22em;font-weight:600;color:oklch(72% .12 255);text-transform:uppercase;}
  .cd-sep{align-self:flex-start;margin-top:22px;font-weight:800;font-size:28px;color:#33384d;}

  /* ---------- READY / change-your-life ---------- */
  .ready{padding:120px 0;}
  .ready-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;}
  .ready h2{font-size:clamp(34px,3.6vw,52px);text-transform:uppercase;line-height:1.05;}
  .ready .stack{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px;}
  .ready .stack .ph{height:230px;}
  .ready .stack .ph.tall{height:300px;margin-top:-30px;}
  .ready-right .ph{height:300px;margin-bottom:26px;}
  .ready-right p{font-family:var(--display);font-style:italic;font-size:22px;line-height:1.4;color:var(--green);max-width:24ch;}
  .ready-right .sub{font-family:var(--body);font-style:normal;font-size:16px;color:var(--text-dark);margin-top:14px;}

  /* ---------- marquee ---------- */
  .marquee{background:var(--ink);color:var(--cream);overflow:hidden;border-top:1px solid #20283e;border-bottom:1px solid #20283e;}
  .marquee .track{display:flex;white-space:nowrap;animation:slide 32s linear infinite;}
  .marquee span{font-family:var(--util);font-size:11px;letter-spacing:.34em;text-transform:uppercase;padding:14px 26px;opacity:.8;}
  @keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

  /* ---------- certification / courses ---------- */
  .cert{padding:130px 0;overflow:hidden;}
  .cert-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center;gap:20px;position: relative;}
  .cert-mock{display:grid;gap:18px;}
  .cert-mock .ph{border:1px solid #20283e;}
  .device-laptop{height:150px;border-radius:8px 8px 0 0;}
  .device-phone{height:200px;width:108px;border-radius:16px;}
  .device-tab{height:170px;border-radius:10px;}
  .cert-left .device-laptop{height:170px;}
  .cert-left{display:grid;gap:18px;justify-items:start;}
  .cert-left .row{display:flex;gap:16px;}
  .cert-right{display:grid;gap:18px;justify-items:end;}
  .cert-copy{text-align:center;padding:0 10px;}
  .cert-copy .ttl{font-family:var(--display);text-transform:uppercase;/* font-weight:800; */font-size:clamp(30px,3vw,44px);line-height:1.05;color:var(--cream);}
  .cert-copy .ttl em{display:block;font-style:italic;font-weight:500;text-transform:lowercase;font-size:.5em;letter-spacing:.04em;margin-bottom:2px;}
  .cert-copy p{font-size:15px;color:var(--text-light);max-width:38ch;margin:22px auto 30px;}

  /* ---------- about / why ---------- */
  .about{padding:120px 0;}
  .about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;}
  .about-photo .ph{height:560px;}
  .about-cap{font-family:var(--util);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted-foreground);margin-top:16px;}
  .about h2{font-size:clamp(34px,3.6vw,52px);text-transform:uppercase;line-height:1.05;margin-bottom:24px;}
  .about p{font-size:16px;margin:0 0 16px;max-width:52ch;}
  .pillars{display:grid;gap:18px;margin:30px 0 34px;}
  .pillar{border-top:1px solid var(--line);padding-top:14px;}
  .pillar h4{font-family:var(--util);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:500;margin:0 0 6px;color:var(--green);}
  .pillar span{font-size:15px;color:var(--text-dark);}

  /* ---------- testimonial ---------- */
  .quote{padding:130px 0;text-align:center;overflow:hidden;}
  .seal{position:absolute;top:50%;left:50%;width:380px;height:380px;transform:translate(-50%,-50%);opacity:.10;}
  .seal text{font-family:var(--util);font-size:13px;letter-spacing:.3em;fill:var(--cream);text-transform:uppercase;}
  .seal .spin{transform-origin:center;animation:spin 40s linear infinite;}
  @keyframes spin{to{transform:rotate(360deg)}}
  .quote .inner{position:relative;z-index:2;}
  .quote .who{font-family:var(--display);font-style:italic;font-size:20px;color:rgba(216,209,196,.8);margin-bottom:18px;}
  .quote blockquote{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(28px,3.4vw,48px);line-height:1.1;color:var(--cream);margin:0 auto 30px;max-width:18ch;}

  /* ---------- student success ---------- */
  .success{padding:110px 0;}
  .success-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
  .success-copy{text-align:center;max-width:30ch;margin:0 auto;}
  .success-copy p{font-family:var(--display);font-size:24px;line-height:1.45;color:var(--foreground);margin:0 0 28px;}
  .success .ph{height:330px;}

  /* ---------- what you'll master (appearances) ---------- */
  .master{padding:120px 0;}
  .master-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center;}
  .master-media{position:relative;}
  .master-media .ph{height:330px;}
  .master-media .phone{position:absolute;right:-12px;bottom:-26px;width:120px;height:230px;border-radius:18px;border:6px solid var(--ink);}
  .master h2{font-size:clamp(32px,3.4vw,48px);text-transform:uppercase;line-height:1.05;}
  .master .pre{font-family:var(--display);font-style:italic;font-size:22px;color:var(--green);margin-bottom:4px;}
  .mlist{margin:30px 0 34px;}
  .mlist a{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:16px 2px;}
  .mlist a span{font-family:var(--display);font-size:18px;}
  .mlist a .ar{font-family:var(--body);font-size:18px;color:var(--green);transition:.2s;}
  .mlist a:hover .ar{transform:translateX(6px);}

  /* ---------- blog band ---------- */
  .blog{padding: 200px 0;text-align:center;overflow:hidden;}
  .blog-bg{position:absolute;inset:0;opacity:.4;background:linear-gradient(110deg, oklch(40% .12 250), #07080f 75%);}
  .blog .inner{position:relative;z-index:2;}
  .blog h2{font-size:clamp(34px,4vw,58px);text-transform:uppercase;letter-spacing:.04em;}
  .blog h2 em{font-style:italic;font-weight:500;text-transform:lowercase;}
  .blog p{max-width: 55ch;margin:20px auto 30px;color:var(--text-light);font-size:15px;}

  /* ---------- collab ---------- */
  .collab{padding:110px 0;}
  .collab-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;}
  .collab-copy{max-width:34ch;}
  .collab .pre{font-family:var(--display);font-style:italic;font-size:22px;color:oklch(72% .2 320);margin-bottom:4px;}
  .collab h2{font-size:clamp(32px,3.4vw,48px);text-transform:uppercase;line-height:1.05;margin-bottom:18px;}
  .collab p{font-size:15px;margin-bottom:26px;}
  .collab .ph{height:420px;}

  /* ---------- level up CTA ---------- */
  .levelup{padding:150px 0;text-align:center;overflow:hidden;}
  .levelup-bg{position:absolute;inset:0;opacity:.45;background: linear-gradient(142deg, rgb(8 24 35) 0%, rgba(26, 28, 49, 1) 51%, #2E1941 100%);}
  .levelup .inner{position:relative;z-index:2;}
  .levelup h2{font-size:clamp(38px,4.4vw,64px);text-transform:uppercase;}
  .levelup p{max-width:46ch;margin:18px auto 32px;color:var(--text-light);font-size:15px;}

  /* ---------- helpful links ---------- */
  .links{padding: 130px 0px;}
  .links h2{font-family:var(--display);font-size:40px;text-transform:uppercase;margin:0 0 50px;position: relative;top: 25px;padding-left: 21px;}
  .links h2 em{font-style:italic;font-weight:500;text-transform:lowercase;}
  .links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;}
  .lcard .ph{height:300px;margin-bottom:18px;}
  .lcard .k{font-family:var(--util);font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted-foreground);}
  .lcard h3{font-family:var(--display);font-size: 28px;text-transform:uppercase;margin:6px 0 10px;}
  .lcard p{font-size:14px;color:var(--text-dark);max-width:34ch;}

  /* ---------- guide / lead form ---------- */
  .guide{padding: 0px;background: linear-gradient(142deg, rgb(8 24 35) 0%, rgba(26, 28, 49, 1) 51%, #2E1941 100%);}
  .guide-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;padding: 90px 0px;}
  .guide-card .ph{height: 700px;}
  .guide-copy .eyebrow{color: #fff;}
  .guide-copy h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(30px,3vw,44px);line-height:1.05;color:var(--foreground);margin:0 0 14px;}
  .guide-copy h2 em{font-style:italic;font-weight:500;text-transform:lowercase;}
  .guide-copy .sub{font-size:15px;color:var(--muted-foreground);margin-bottom:26px;max-width:42ch;}
  .lead-form{display:grid;gap:12px;max-width: 440px;}
  .lead-form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .lead-form input,.lead-form select,.lead-form textarea{
    font-family:var(--util);font-size:12px;letter-spacing:.06em;
    padding:13px 14px;border:1px solid var(--border);background:var(--input);
    color:var(--foreground);width:100%;border-radius:var(--radius);
  }
  .lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{outline:none;border-color:var(--ring);}
  .lead-form textarea{resize:vertical;min-height:64px;}
  .lead-form input::placeholder,.lead-form textarea::placeholder{color:var(--muted-foreground);}
  .lead-form button{margin-top:6px;justify-self:start;}

  /* ---------- footer ---------- */
  footer{background: var(--ink) !important;color:var(--text-light);padding: 0px;}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;align-items:start;}
  .foot-brand{font-family:var(--display);font-style:italic;font-size:30px;color:var(--cream);
    background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;width:fit-content;}
  .foot-brand b{font-style:normal;font-weight:700;}
  .foot-col h5{font-family:var(--util);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:rgba(198,204,226,.55);margin:0 0 16px;}
  .foot-col a{display:block;font-family:var(--util);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-light);margin-bottom:11px;opacity:.85;}
  .foot-col a:hover{opacity:1;}
  .foot-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #20283e;margin-top:56px;padding-top:24px;font-family:var(--util);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(198,204,226,.5);}
  .foot-bottom a{color:inherit;}

  /* ---------- responsive ---------- */
  @media(max-width:980px){
    .wrap{padding:0 26px;}
    .optin{padding:110px 22px 70px;}
    .cd-num{min-width:64px;}
    .ready-grid,.cert-grid,.about-grid,.success-grid,.master-grid,.collab-grid,.guide-card,.foot-grid{grid-template-columns:1fr;}
    .cert-left,.cert-right{flex-direction:row;justify-items:center;justify-content:center;display:flex;gap:16px;}
    .about-photo .ph{height:420px;}
    .links-grid{grid-template-columns:1fr;}
    .foot-grid{gap:30px;}
    .nav .left,.nav .right{display:none;}
    .nav{grid-template-columns:1fr;}
    .rail{display:none;}
    .master-media .phone{position:static;width:140px;margin:14px auto 0;}
  }
  @media(prefers-reduced-motion:reduce){
    .marquee .track,.seal .spin{animation:none;}
  }

html .ready-right .ph {
    background-position: 50% 0% !important;
}

span.ital {
    text-transform: lowercase;
    font-style: italic;
    font-weight: 400;
}

section.ready .ital {
    display: block;
    font-size: 40px;
}

section.ready h2 {
    text-align: right;
    margin-bottom: 40px !important;
}

.ready-right {
    font-family: var(--display);
    font-size: 31px;
    font-style: italic;
    line-height: 1.3;
}

.ready-right p {
    font-family: 'Geist' !important;
}

.ph {
}

.guide-copy h2 span {
    display: block;
}

section#courses:before {
    opacity: 0.7;
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
}

.cert-left,.cert-right {
    opacity: 0;
}

.guide-copy h2 span {
    display: block;
}

section#courses:before {
    opacity: 0.7;
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
}

.home section#courses {
    background-image: url(/wp-content/uploads/2026/06/2-scaled.jpg);
    background-attachment: fixed;
    background-size: 70%;
}

.cert-left,.cert-right {
    opacity: 0;
}

::before {}

section#success .eyebrow {
    font-family: 'Geist';
    font-size: 18px;
    margin: 0px 0px 20px;
}

a:visited {
    color: #fff;
}

a.lcard:nth-child(1) .ph {
    height: 372px;
    width: 90%;
    margin: 0px auto;
}

div#gform_fields_1 div input,div#gform_fields_1 div select,div#gform_fields_1 div textarea {
    font-family: var(--util);
    /* font-size: 12px; */
    letter-spacing: .06em;
    padding: 13px 14px;
    border: 1px solid oklch(78% .07 300);
    background: rgba(255, 255, 255, .55);
    color: #2a2340;
    width: 100%;
    border-radius: 0;
}

div#gform_fields_1 label {
    color: #fff;
}

div#gform_fields_1 {
    display: flex;
    flex-wrap: wrap;
    max-width: 450px;
    row-gap: 20px;
}

div#gform_fields_1 > div:nth-child(1),div#gform_fields_1 > div:nth-child(2) {
    flex: 1 1 48%;
}

div#gform_fields_1 textarea {
    height: 100px !important;
}

div#gform_fields_1 textarea {
    height: 65px !important;
    min-block-size: 10px;
}


div#gform_fields_1 #field_1_5, div#gform_fields_1 #field_1_7,div#gform_fields_1 #field_1_10 {
    width: 100%;
}

div#wda-toolbar {
    color: #000;
}

a.lcard {}

.holink {
    max-width: 250px;
    background: #fff;
    position: relative;
    margin: 0px auto;
    color: #000;
    padding: 10px 20px;
}

a.lcard:nth-child(3) .ph {
    background-position: 86% 50% !important;
}

.holink h3 {
    margin: 0px;
}

.holink {
    font-size: 14px;
    line-height: 1.4;
}

a.lcard:nth-child(1) .holink {
    top: -50px;
}

a.lcard:nth-child(2) .ph {
    height: 570px;
    margin: auto;
    margin-top: -65px;
    margin-bottom: -65px;
    width: 90%;
}

a.lcard:nth-child(2) .holink {
    position: absolute;
    bottom: 150px;
    right: 5%;
}

a.lcard:nth-child(2) {
    position: relative;
    display: block;
}

a.lcard:nth-child(3) .ph {
    height: 450px;
}

a.lcard:nth-child(3) .holink {
    position: absolute;
    top: 0px;
    width: 250px;
    max-width: 250px;
    left: 9%;
    top: -47px;
}

a.lcard:nth-child(3) {
    position: relative;
    display: block;
}

section.blog.dark h2 {
    margin-bottom: 30px;
    max-width: 550px;
    margin: 0px auto 30px;
    font-size: 50px;
    width: 100%;
}

.guide-card .ph img {
    height: 100% !important;
    object-fit: cover;
    object-position: 40% 50%;
}

section#start input[type="submit"] {
    background: linear-gradient(135deg,oklch(70% .2 195),oklch(62% .23 230) 30%,oklch(58% .26 280) 60%,oklch(65% .26 305));
    width: 200px;
    height: 45px;
}

section.levelup.dark + .about .wrap {
    flex-direction: row-reverse;
    display: flex;
}

section.levelup.dark + .about .wrap > div {
    flex: 1 1 50%;
}

section.levelup.dark + .about .wrap h2 {margin-top: 0px;}

section.levelup.dark + .about .pillars {
    display: none;
}

section.levelup.dark + .about .about-photo {
    margin-top: -160px;
}

section.quote.dark {}

.blog-bg {
    background-image: url(/wp-content/uploads/2026/06/2-scaled.jpg);
    background-attachment: fixed;
    background-size: 70%;
}

section.levelup.dark h2 {
    margin-bottom: 30px;
}