:root{
    --paper:#FFFFFF;
    --paper-2:#F7F7F7;
    --ink:#242424;
    --teal:#3DEFCB;
    --green:#D4FF3D;
    --pink:#FF1F8F;
    --line:rgba(0,0,0,.12);
    --display:'Poppins', sans-serif;
    --hand:'Poppins', sans-serif;
    --sans:'Poppins', sans-serif;
    --ease:cubic-bezier(.2,.85,.25,1.1);
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
  a{color:inherit;text-decoration:none;}
  ::selection{background:var(--pink);color:var(--paper);}
  .wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
  @media(max-width:720px){.wrap{padding:0 20px;}}
  h1,h2,h3{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:0;line-height:1.02;}
  .hand{font-family:var(--hand);font-weight:700;font-style:italic;color:var(--teal);}

  /* brush-stroke highlight, like a hand-painted marker swipe behind text */
  .brush{
    padding:3px 10px;color:var(--ink);font-weight:700;box-decoration-break:clone;-webkit-box-decoration-break:clone;
    background-repeat:no-repeat;background-size:100% 100%;background-position:0 50%;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 60' preserveAspectRatio='none'%3E%3Cpath d='M2,7 C40,2 85,10 125,5 C165,1 205,9 245,4 C270,2 288,8 298,5 L298,55 C255,59 205,51 150,56 C100,59 50,52 2,57 Z' fill='%23D4FF3D'/%3E%3C/svg%3E");
  }
  .brush-pink{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 60' preserveAspectRatio='none'%3E%3Cpath d='M2,7 C40,2 85,10 125,5 C165,1 205,9 245,4 C270,2 288,8 298,5 L298,55 C255,59 205,51 150,56 C100,59 50,52 2,57 Z' fill='%23FF1F8F'/%3E%3C/svg%3E");}
  .brush-teal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 60' preserveAspectRatio='none'%3E%3Cpath d='M2,7 C40,2 85,10 125,5 C165,1 205,9 245,4 C270,2 288,8 298,5 L298,55 C255,59 205,51 150,56 C100,59 50,52 2,57 Z' fill='%233DEFCB'/%3E%3C/svg%3E");}
  .band--dark .brush,.cta .brush{color:var(--ink);}
  .brush-thick{padding:4px 10px;}

  /* scribble underline */
  .scribble{position:relative;white-space:nowrap;}
  .scribble svg{position:absolute;left:-2%;right:-2%;bottom:-10px;width:104%;height:16px;}

  /* nav */
  .nav{position:fixed;top:0;left:0;right:0;z-index:500;background:var(--ink);border-bottom:1px solid rgba(255,255,255,.15);}
  .nav__row{display:flex;align-items:center;justify-content:space-between;padding:30px 24px;}
  .nav__brand{font-family:var(--display);font-weight:800;font-size:clamp(20px,2.6vw,28px);letter-spacing:.01em;flex-shrink:0;white-space:nowrap;color:var(--paper);}
  .nav__toggle{
    width:42px;height:42px;border:none;background:transparent;color:var(--teal);
    font-size:38px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;
    transition:transform .3s var(--ease),color .25s;flex-shrink:0;
  }
  .nav__toggle.open{transform:rotate(45deg);color:var(--pink);}
  .nav__dropdown{
    max-height:0;overflow:hidden;background:var(--ink);border-top:0 solid rgba(255,255,255,.15);
    transition:max-height .4s var(--ease);display:flex;flex-direction:column;
  }
  .nav__dropdown.open{max-height:420px;border-top-width:1px;}
  .nav__dropdown a{
    padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.15);font-weight:700;text-transform:uppercase;
    font-size:14px;letter-spacing:.06em;text-align:center;color:var(--paper);
  }
  .nav__dropdown a:hover,.nav__dropdown a.active{color:var(--pink);}

  /* hero */
  .hero{min-height:100svh;display:flex;align-items:center;padding-top:130px;position:relative;overflow:hidden;background:var(--paper);}
  .hero__scribblebg{position:absolute;inset:0;opacity:.5;pointer-events:none;}
  .hero__inner{position:relative;z-index:2;max-width:none;padding:0 4vw;width:100%;}
  .hero .greet{font-family:var(--hand);font-size:clamp(22px,3.6vw,56px);color:var(--ink);display:block;margin-bottom:14px;}
  .hero h1{font-size:clamp(36px,8.6vw,205px);line-height:.98;letter-spacing:-.015em;}
  .hero__tag{font-family:var(--sans);font-weight:700;font-size:20px;max-width:600px;margin-top:22px;line-height:1.4;}
  .hero__line{font-family:var(--display);font-weight:800;font-size:clamp(20px,3.8vw,60px);text-transform:uppercase;margin-top:40px;color:var(--pink);line-height:1.25;}
  .hero p.body{font-size:clamp(17px,1.7vw,27px);line-height:1.6;max-width:min(1000px,100%);margin-top:34px;margin-bottom:70px;font-weight:500;opacity:.85;}
  .hero__ctas{margin-top:48px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;}

  .straddle{position:relative;z-index:5;text-align:center;margin:-.5em 0 -.5em;pointer-events:none;}
  .straddle__link{
    pointer-events:auto;display:inline-block;background:none;border:none;padding:0 12px;
    font-family:'Moontime', cursive;font-weight:400;font-style:normal;
    font-size:clamp(44px,7.5vw,110px);letter-spacing:.01em;line-height:1;
    color:var(--pink);text-transform:none;text-decoration:none;
    transition:color .25s;
  }
  .straddle__link:hover{color:var(--teal);}
  .btn{
    display:inline-flex;align-items:center;gap:8px;background:var(--pink);color:var(--ink);
    font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:.03em;padding:17px 32px;border-radius:0;
    transition:transform .25s var(--ease), background .25s;
  }
  .btn:hover{transform:translateY(-3px);background:var(--teal);color:var(--paper);}
  .btn-line{font-weight:700;font-size:14px;text-transform:uppercase;border-bottom:2px solid var(--ink);padding-bottom:3px;}

  /* credentials strip instead of press logos */
  .creds{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;background:var(--paper-2);}
  .creds__row{display:flex;justify-content:space-around;flex-wrap:wrap;gap:18px;}
  .creds__row span{font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:.02em;opacity:.7;}

  /* generic band */
  .band{padding:110px 0;position:relative;}
  .band--soft{background:var(--paper-2);}
  .band--dark{background:var(--ink);color:var(--paper);}
  .band--dark .field{border-bottom-color:rgba(255,255,255,.2);}
  .band--dark .field input,.band--dark .field textarea{color:var(--paper);}
  .band--dark .field input::placeholder,.band--dark .field textarea::placeholder{color:rgba(255,255,255,.4);}
  .cta .field{border-bottom-color:rgba(255,255,255,.2);}
  .band--dark .stage__callout{color:var(--paper);}
  .band--dark .stage{border-bottom-color:rgba(255,255,255,.15);}
  .band--dark .split li,.band--dark .plate li{border-bottom-color:rgba(255,255,255,.15);}
  .band--dark .btn-line,.cta .btn-line{border-bottom-color:var(--paper);}
  .band__head{max-width:680px;margin:0 auto 60px;text-align:center;}
  .band__head p{margin-left:auto;margin-right:auto;}
  .band__head .hand{font-size:22px;display:block;margin-bottom:8px;}
  .band__head h2{font-size:clamp(32px,5vw,58px);}

  /* brush divider */
  .brush{width:100%;height:26px;margin:0 auto;opacity:.9;}

  /* split (the deal) */
  .split__grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;}
  .split__col{padding-top:24px;border-top:3px solid var(--pink);}
  .split__col.fun{border-top-color:var(--green);}
  .split__tag{font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;display:block;margin-bottom:20px;color:var(--pink);}
  .split__col.fun .split__tag{color:var(--green);}
  .split ul{list-style:none;}
  .split li{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:500;line-height:1.55;}
  .split li:last-child{border-bottom:none;}
  @media(max-width:820px){.split__grid{grid-template-columns:1fr;gap:40px;}}

  /* wall */
  .wall__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 30px;}
  .wall__item{padding-top:20px;border-top:3px solid var(--pink);}
  .wall__item:nth-child(4n+2){border-top-color:var(--teal);}
  .wall__item:nth-child(4n+3){border-top-color:var(--green);}
  .wall__item:nth-child(4n+4){border-top-color:var(--pink);}
  .wall__item .num{font-family:var(--sans);font-weight:700;font-size:14px;color:inherit;opacity:.5;}
  .wall__item h3{font-size:21px;margin:14px 0 10px;font-family:var(--display);font-weight:800;text-transform:none;}
  .wall__item p{font-size:14.5px;line-height:1.6;font-weight:500;opacity:.8;}
  @media(max-width:900px){.wall__grid{grid-template-columns:1fr 1fr;}}
  @media(max-width:600px){.wall__grid{grid-template-columns:1fr;}}

  /* proof / pull-quote style */
  .pullquote{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:60px 0;text-align:center;background:var(--green);color:var(--ink);}
  .pullquote p{font-family:var(--display);font-weight:800;font-size:clamp(20px,3.2vw,38px);text-transform:uppercase;max-width:900px;margin:0 auto;line-height:1.25;}
  .pullquote span{display:block;margin-top:20px;font-family:var(--hand);color:var(--ink);font-size:20px;}

  .logbook__grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 30px;}
  .quote-card{padding-left:20px;border-left:3px solid var(--pink);}
  .quote-card:nth-child(4n+2){border-left-color:var(--teal);}
  .quote-card:nth-child(4n+3){border-left-color:var(--green);}
  .quote-card:nth-child(4n+4){border-left-color:var(--pink);}
  .quote-card p{font-weight:600;font-size:17px;line-height:1.45;margin-bottom:14px;}
  .quote-card span{font-family:var(--sans);font-weight:600;font-style:italic;color:inherit;opacity:.6;font-size:14px;}
  @media(max-width:820px){.logbook__grid{grid-template-columns:1fr;}}

  /* 5-stage roadmap */
  .stage{display:grid;grid-template-columns:90px 1fr;gap:26px;padding:38px 0;border-bottom:1px solid var(--line);}
  .stage:last-child{border-bottom:none;}
  .stage__num{font-family:var(--display);font-weight:800;font-size:32px;color:var(--pink);line-height:1;}
  .stage__tag{font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;opacity:.5;display:block;margin-bottom:8px;}
  .stage h3{font-size:clamp(20px,2.6vw,28px);text-transform:none;font-family:var(--display);font-weight:800;margin-bottom:12px;}
  .stage p.body{font-size:15px;line-height:1.65;font-weight:500;opacity:.85;max-width:62ch;margin-bottom:12px;}
  .stage__callout{
    font-family:var(--sans);font-weight:600;font-style:italic;color:var(--ink);font-size:16px;line-height:1.5;max-width:56ch;margin:14px 0;
    border-left:3px solid var(--teal);padding-left:16px;
  }
  .stage__list{list-style:none;max-width:60ch;display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;margin:14px 0;}
  .stage__list li{font-size:14px;font-weight:600;padding:6px 0;display:flex;gap:8px;}
  .stage__list li::before{content:"—";color:var(--pink);}
  @media(max-width:600px){.stage{grid-template-columns:1fr;}.stage__list{grid-template-columns:1fr;}}

  /* pricing */
  .menu__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 30px;}
  .plate{padding-top:22px;border-top:3px solid var(--pink);display:flex;flex-direction:column;min-height:420px;}
  .plate:nth-child(2){border-top-color:var(--teal);}
  .plate:nth-child(3){border-top-color:var(--pink);}
  .plate__class{font-family:var(--sans);font-weight:700;font-style:italic;color:inherit;opacity:.55;font-size:14px;}
  .plate__name{font-family:var(--display);font-weight:800;font-size:26px;margin:10px 0 6px;}
  .plate__price{font-weight:700;font-size:14px;opacity:.7;margin-bottom:22px;}
  .plate ul{list-style:none;flex:1;margin-bottom:22px;}
  .plate li{font-size:13.5px;font-weight:600;padding:7px 0;display:flex;gap:8px;border-bottom:1px solid var(--line);}
  .plate li::before{content:"—";color:var(--pink);}
  @media(max-width:900px){.menu__grid{grid-template-columns:1fr;}}

  /* final cta */
  .cta{background:var(--ink);color:var(--paper);padding:150px 0 110px;text-align:center;position:relative;overflow:hidden;}
  .cta .hand{display:block;font-size:26px;margin-bottom:16px;}
  .cta h2{font-size:clamp(38px,7vw,88px);color:var(--paper);}
  .cta p.body{max-width:480px;margin:26px auto 0;opacity:.75;font-weight:500;}
  .cta__form{max-width:520px;margin:50px auto 0;text-align:left;}
  .field{margin-bottom:16px;border-bottom:1px solid var(--line);padding-bottom:10px;}
  .field label{display:block;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;color:var(--pink);}
  .field input,.field textarea{width:100%;background:transparent;border:none;padding:6px 0;font-family:var(--sans);font-size:14.5px;color:var(--ink);outline:none;resize:none;}
  .field input::placeholder,.field textarea::placeholder{color:rgba(0,0,0,.35);}
  .field input:focus,.field textarea:focus{outline:none;}
  .field:focus-within{border-color:var(--pink);}
  .cta .field input,.cta .field textarea{color:var(--paper);}
  .cta .field input::placeholder,.cta .field textarea::placeholder{color:rgba(255,255,255,.4);}
  .cta__submit button{width:100%;background:var(--pink);color:var(--ink);font-family:var(--display);font-weight:700;font-size:15px;padding:16px;border:none;border-radius:0;cursor:pointer;transition:transform .2s var(--ease), background .2s;margin-top:8px;}
  .cta__submit button:hover{background:var(--green);}
  .cta__submit button:hover{transform:translateY(-2px);}

  .mega-banner{overflow:hidden;}
  .mega-line{
    font-family:var(--display);font-weight:800;text-transform:uppercase;
    font-size:clamp(72px,26vw,240px);line-height:.82;letter-spacing:-.02em;
    white-space:nowrap;text-align:center;padding:4px 0;
  }
  .mega-white{background:var(--paper);color:var(--ink);}
  .mega-black{background:var(--ink);color:var(--paper);}
  .mega-cta{
    display:block;background:var(--pink);color:var(--paper);
    text-align:center;padding:34px 20px;font-family:var(--sans);font-weight:700;
    font-size:15px;text-transform:uppercase;letter-spacing:.18em;
    transition:background .25s,color .25s;
  }
  .mega-cta span{margin-left:10px;}
  .mega-cta:hover{background:var(--teal);color:var(--ink);}

  footer{background:var(--green);padding:36px 0 20px;border-top:3px solid var(--ink);overflow:hidden;}
  .foot__row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px;}
  .foot__brand{font-family:var(--display);font-weight:800;font-size:22px;color:var(--ink);display:inline-block;margin-bottom:2px;}
  .foot__meta{font-size:11.5px;color:var(--ink);opacity:.85;line-height:1.6;font-weight:700;}
  .foot__row > div:last-child{text-align:right;}
  @media(max-width:600px){.foot__row > div:last-child{text-align:left;}}
  .foot__bottom{margin-top:22px;padding-top:12px;border-top:1px solid var(--ink);display:flex;justify-content:space-between;font-size:11px;color:var(--ink);opacity:.8;flex-wrap:wrap;gap:10px;font-weight:700;}

  .ig{margin-top:32px;padding-top:24px;border-top:1px solid var(--ink);}
  .ig__head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px;}
  .ig__head span{font-family:var(--display);font-weight:800;font-size:14px;letter-spacing:.02em;color:var(--ink);text-transform:uppercase;}
  .ig__head a{font-size:12px;font-weight:700;color:var(--ink);border-bottom:2px solid var(--ink);padding-bottom:2px;}
  .ig__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:420px;}
  .ig__tile{
    aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;
    font-size:20px;background:var(--ink);color:var(--paper);
    transition:transform .2s var(--ease),opacity .2s;
  }
  .ig__tile:hover{transform:scale(1.04);opacity:.85;}
  .ig__tile:nth-child(3n+2){background:var(--pink);}
  .ig__tile:nth-child(3n+3){background:var(--teal);color:var(--ink);}
  .ig__note{font-size:11px;color:var(--ink);opacity:.7;font-weight:600;margin-top:10px;}

  .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
  .reveal.in{opacity:1;transform:translateY(0);}
  @media(prefers-reduced-motion:reduce){*{animation-duration:.001ms !important;transition-duration:.001ms !important;}}
  :focus-visible{outline:3px solid var(--pink);outline-offset:3px;}