@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;0,600;0,700;0,900;1,700;1,900&display=swap');
*{box-sizing:border-box}body{margin:0;color:#222;background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.45}a{color:inherit}.page{max-width:1060px;margin:auto;background:white}.header{text-align:center;padding:17px 15px 14px;border-bottom:1px solid #eee}.header img{display:block;width:min(540px,90%);height:auto;margin:auto}.footer{text-align:center;color:#777;border-top:1px solid #ddd;padding:30px 10px;font-size:12px;line-height:1.8}.footer p{margin:7px}.footer a{color:#555}.intro,.signup{text-align:center;padding:20px 16px 26px}.responsive img,.hero img,.collage img{display:block;width:100%;height:auto}.responsive{display:block}.intro .hero,.intro .collage{max-width:1000px;margin:0 auto 16px}.intro h2{font-size:29px;font-weight:800;margin:20px auto}.cta,.answer{display:inline-block;text-decoration:none;background:#26ae1b;color:#fff;border:0;border-bottom:5px solid #147b0e;border-radius:6px;box-shadow:0 3px 8px #0003;font-size:27px;font-weight:800;text-align:center;cursor:pointer;padding:19px 26px;line-height:1.2}.cta:hover,.answer:hover{background:#228e18}.steps-wrap{text-align:center;border-top:1px solid #eee;padding:28px 15px 38px}.steps-wrap h2{font-size:36px;margin:0 0 26px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step img{width:125px;height:125px;object-fit:contain;display:block;margin:auto}.step h3{font-size:20px;line-height:1.2;margin:17px 0}.survey{text-align:center;padding:40px 20px 50px;max-width:850px;margin:auto}.survey h1{font-size:42px;line-height:1.17;margin:0 auto 35px;max-width:780px}.answers{max-width:595px;margin:auto;display:flex;flex-direction:column;gap:16px}.answer{font-size:24px;display:block;padding:18px 14px}.signup-top{max-width:1000px;margin:auto 22px}.signup-columns{display:grid;grid-template-columns:37% 1fr;gap:28px;max-width:980px;margin:0 auto;align-items:start}.signup-left img{display:block;width:100%;height:auto}.signup-right h2{font-size:24px;line-height:1.25;margin:8px 0 13px}.signup-right h1{font-size:30px;line-height:1.2;margin:15px 0}.signup-right ul{text-align:left;list-style:none;font-size:18px;line-height:1.3;padding:0}.signup-right li{padding:6px 0 6px 26px;position:relative}.signup-right li:before{content:'✓';color:#188514;font-weight:bold;position:absolute;left:0}.signup-form{max-width:620px;margin:auto}.email-head{max-width:800px;margin:25px auto 16px;font-size:25px;line-height:1.25}.signup-form input[type=email]{width:100%;border:2px solid #aaa;border-radius:5px;font-size:20px;padding:18px;margin-bottom:15px}.signup-form .cta{display:block;width:100%}.consent{display:flex;align-items:start;gap:8px;text-align:left;font-size:12px;color:#666;margin:15px auto}.consent input{margin-top:2px}.privacy-note{font-size:13px;color:#777}.form-status{color:#a00;font-weight:bold;min-height:24px}.hide-field{position:absolute;left:-9999px}.thankmain{max-width:900px;margin:auto;text-align:center}.section{padding:28px 25px}.section h1{font-size:40px;margin:12px}.section h2{font-size:30px;margin:14px auto}.section h3{font-size:24px}.section p{font-size:19px;line-height:1.5}.welcome h1{color:#ae351e}.bookcase{max-width:100%;width:740px}.download{font-size:22px;font-weight:bold;color:#0872ba}.small{font-size:13px!important;color:#666}.sales{margin:15px;background:#f7f7f7;border:1px solid #ddd;border-radius:7px}.products{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}.products img{width:100%;max-width:350px}.risk{color:#aa2914;font-size:28px!important;font-weight:bold}.two-cols{display:grid;grid-template-columns:1fr 1fr;text-align:left;max-width:650px;margin:auto}.two-cols li,.offer li{padding:5px}.offer{text-align:left;max-width:670px;margin:16px auto;font-size:18px}.bundle{width:100%;max-width:630px}.testimonial{display:flex;gap:16px;align-items:center;text-align:left;max-width:620px;margin:20px auto}.testimonial img{width:70px;height:70px;border-radius:50%}.retail{color:#888;text-decoration:line-through}.price{color:#a21e13;font-size:35px!important;font-weight:900}.error{color:#a00;background:#fff4f4;border:1px solid #fdd;padding:12px;margin:12px auto}[hidden]{display:none!important}.legal{max-width:700px;margin:50px auto;padding:20px;min-height:40vh}@media(max-width:760px){.survey h1{font-size:32px}.signup-columns{display:block}.signup-left{display:none}.steps{gap:7px}.step img{width:95px;height:95px}.step h3{font-size:16px}.section{padding:18px}}@media(max-width:540px){.header img{width:95%}.intro,.signup{padding:15px 10px}.intro h2{font-size:22px}.cta{width:100%;font-size:21px;padding:17px 10px}.steps{grid-template-columns:1fr;gap:20px}.steps-wrap h2{font-size:29px}.step img{width:105px;height:105px}.step h3{font-size:18px;margin:10px}.survey{padding:25px 12px}.survey h1{font-size:28px}.answer{font-size:20px}.signup-right h1{font-size:26px}.signup-right h2{font-size:22px}.email-head{font-size:22px}.signup-form input[type=email]{font-size:16px}.section h1{font-size:32px}.section h2{font-size:25px}.section p{font-size:17px}.products,.two-cols{grid-template-columns:1fr}.testimonial{display:block;text-align:center}}

/* Gary's Wood Shop customization — no video anywhere */
:root{--button:#19c13c;--button-dark:#099329;--button-hover:#10a830}
.cta,.answer{background:var(--button);border-bottom:5px solid var(--button-dark);color:#fff;text-shadow:0 1px 1px #0003;box-shadow:0 3px 8px #0003}
.cta:hover,.answer:hover{background:var(--button-hover)}
.cta:focus-visible,.answer:focus-visible{outline:4px solid #f9be32;outline-offset:4px}
.header img{width:min(540px,90%);aspect-ratio:1000/150;object-fit:contain}
.woodworking-headline{font-family:Impact,"Arial Narrow","Arial Black",sans-serif;font-size:clamp(25px,4.1vw,56px);line-height:1.14;letter-spacing:.1px;text-shadow:1px 3px 3px #0002;font-stretch:condensed}
.woodworking-headline .hot{color:#ff3435}
.signup-page,.signup-page .page{background:#191a1a;color:#d0d0d0}
.signup-page .header{background:#fff}
.signup-page .footer{background:#191a1a;color:#bbb}
.signup-page .footer a{color:#ccc}
.signup-top{max-width:984px;margin:0 auto 12px}
.signup-top h1{background:#fff;color:#050505;font-family:Impact,"Arial Narrow","Arial Black",sans-serif;font-size:clamp(28px,3.55vw,50px);line-height:1.02;letter-spacing:0;margin:0;text-align:center;padding:4px 4px 0}
.signup-right{display:flex;flex-direction:column;justify-content:center}
.signup-right h2{font-size:24px;margin:10px 0 16px}
.signup-right h1{font-size:30px}
.signup .email-head{color:#eee}
.signup-form .consent,.signup-form .privacy-note{color:#bdbdbd}
.signup-form input[type=email]{background:#fff;color:#111}
.signup-page .steps-wrap{background:white;color:#222}
@media(min-width:761px){.signup-columns{grid-template-columns:37% 1fr;gap:28px}.signup-right h2:first-child{margin-top:0}}
@media(max-width:760px){.signup-left{display:block;max-width:480px;margin:0 auto 18px}.signup-columns{display:block}.signup-right{max-width:640px;margin:auto}}
@media(max-width:540px){.woodworking-headline{font-size:clamp(22px,6vw,37px)}.signup-top h1{font-size:clamp(25px,8vw,40px)}.signup-right h1{font-size:25px}}


/* 2026-11-02: signup layout reconstructed from side-by-side reference screenshots.
   No video player, thumbnail or watch-video CTA is added. */
.signup-page {
  background: #191a1a;
  color: #d2d2d2;
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
}
.signup-page .page { background:#191a1a; max-width:1040px; }
.signup-page .header {
  height:84px;
  max-width:920px;
  margin:3px auto 4px;
  background:#191a1a;
  border:3px solid #867e72;
  border-radius:21px;
  padding:8px 16px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.signup-page .header a{display:block;width:397px;max-width:100%}
.signup-page .header img{width:100%;height:auto;aspect-ratio:1000/150}
.signup-page .signup{padding:0 14px 25px}
.signup-page .signup-top{max-width:850px;margin:0 auto 8px}
.signup-page .signup-top h1{
  background:#fff;
  color:#090909;
  font-family:Impact,"Roboto Condensed","Arial Narrow",sans-serif;
  font-stretch:condensed;
  font-size:clamp(28px,4.25vw,45px);
  font-weight:900;
  text-align:center;
  line-height:1.03;
  letter-spacing:-.35px;
  margin:0;
  padding:2px 3px 3px;
}
.signup-page .signup-columns{
  display:grid;
  grid-template-columns:265px 400px;
  gap:120px;
  max-width:none;
  width:785px;
  margin:0 auto;
  position:relative;
  left:35px;
  align-items:start;
}
.signup-page .signup-left{display:block;margin:0}
.signup-page .signup-left img{display:block;width:265px;max-width:100%;height:auto}
.signup-page .signup-right{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  text-align:center;
  min-width:0;
}
.signup-page .signup-right h2:first-child{
  margin:0 0 14px;
  font-size:24px;
  font-weight:900;
  line-height:1.32;
  text-transform:uppercase;
  letter-spacing:-.35px;
}
.signup-page .signup-right .pitch-line{
  font-size:21px;
  line-height:1.2;
  font-weight:900;
  font-style:italic;
  margin:0 0 6px;
}
.signup-page .signup-right h2:not(:first-child){
  margin:0 0 11px;
  font-size:21px;
  font-style:italic;
  font-weight:900;
  line-height:1.2;
}
.signup-page .signup-right ul{
  text-align:left;
  list-style:none;
  padding:0;
  margin:4px 0 9px;
  font-size:16px;
  line-height:1.32;
  font-weight:700;
}
.signup-page .signup-right li{padding:5px 0 5px 27px;position:relative}
.signup-page .signup-right li:before{
  color:#e4b747;
  font-size:21px;
  font-family:Arial,sans-serif;
  font-weight:900;
  top:2px;
  left:0;
}
.signup-page .signup-right .email-head{
  max-width:100%;
  margin:7px 0 10px;
  font-family:"Roboto Condensed","Arial Narrow",sans-serif;
  font-size:17px;
  line-height:1.25;
  font-weight:900;
  font-style:italic;
}
.signup-page .signup-form{width:100%;max-width:none;margin:0}
.signup-page .signup-form input[type=email]{
  display:block;
  width:100%;
  border:3px solid #40902f;
  background:#191a1a;
  border-radius:4px;
  color:#f2f2f2;
  height:54px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  padding:0 17px;
  margin:0 0 10px;
}
.signup-page .signup-form input[type=email]::placeholder{color:#ddd}
.signup-page .signup-form input[type=email]:focus{outline:0;border-color:#6ac445}
.signup-page .signup-form .cta{
  display:block;
  width:auto;
  max-width:95%;
  min-width:300px;
  margin:0 auto;
  background:#b19b20;
  border:2px solid #dbc34d;
  border-bottom:4px solid #8a7212;
  border-radius:2px;
  box-shadow:none;
  font-family:"Roboto Condensed",Georgia,serif;
  font-size:23px;
  font-weight:900;
  line-height:1.1;
  padding:12px 17px;
  text-shadow:0 1px #443800;
}
.signup-page .signup-form .cta:hover{background:#c1a927}
.signup-page .signup-form .cta:disabled{opacity:.85;cursor:wait}
.signup-page .consent{margin:9px auto 4px;font:11px/1.25 Arial,sans-serif;color:#bcbcbc;max-width:350px}
.signup-page .privacy-note{font:12px/1.3 Arial,sans-serif;margin:8px auto;color:#bbb}
.signup-page .form-status{font-size:12px;min-height:0;margin:4px 0}
.signup-page .steps-wrap{margin-top:25px}
@media (max-width:860px){
  .signup-page .header{margin:3px 14px 5px}
  .signup-page .signup-columns{
    position:static;
    width:100%;
    max-width:740px;
    grid-template-columns:minmax(0,34%) minmax(0,1fr);
    gap:5%;
  }
  .signup-page .signup-left img{width:100%}
  .signup-page .signup-right h2:first-child{font-size:clamp(18px,2.8vw,24px)}
  .signup-page .signup-right ul{font-size:clamp(14px,2vw,16px)}
}
@media (max-width:600px){
  .signup-page .header{height:66px;margin:4px 7px 5px;padding:5px 8px;border-radius:16px}
  .signup-page .header a{width:min(330px,96%)}
  .signup-page .signup{padding:0 12px 18px}
  .signup-page .signup-top{margin-bottom:12px}
  .signup-page .signup-top h1{font-size:clamp(25px,6.8vw,36px);line-height:1.05;padding:5px 2px}
  .signup-page .signup-columns{display:flex;flex-direction:column;align-items:center;gap:13px}
  .signup-page .signup-left{width:min(250px,68vw);margin:0 auto}
  .signup-page .signup-left img{width:100%}
  .signup-page .signup-right{width:100%;max-width:425px;margin:0 auto}
  .signup-page .signup-right h2:first-child{font-size:23px;line-height:1.25}
  .signup-page .signup-right ul{font-size:16px}
  .signup-page .signup-right .email-head{font-size:17px}
  .signup-page .signup-form .cta{width:100%;min-width:0;font-size:22px}
}


/* REFERENCE MATCH — explicit final rules; verified against user-supplied screenshots */
.intro-page .header {background:#fff; padding:12px 15px 10px; border-bottom:none}
.intro-page .header img {width:min(400px,92vw); height:auto}
.intro-page .intro {padding:12px 12px 35px}
.intro-page .intro .hero {max-width:1000px; margin:0 auto 9px}
.intro-page .intro-reference-art {display:block;width:100%}
.intro-page .intro-reference-art img{display:block;width:100%;height:auto;object-fit:contain}
.intro-page .intro .collage{max-width:1000px; margin:0 auto 10px}
.intro-page .intro .collage img {width:100%; height:auto; display:block}
.intro-page .intro h2 {font:bold clamp(24px,3vw,32px)/1.18 Arial, sans-serif; margin:13px 0 10px}
.intro-page .intro .cta {display:inline-block;width:auto;max-width:100%;background:#15c91a;color:#fff;border-bottom:5px solid #0a7d10;box-shadow:0 3px 8px #0004; border-radius:5px; padding:19px 26px; font:bold 27px/1.2 Arial,sans-serif;text-shadow:0 1px 2px #0003; text-decoration:none}
.intro-page .intro .cta:hover{background:#11ad18}
.intro-page .steps-wrap{padding-top:25px}

.signup-page,.signup-page .page {background:#191a1a;color:#d1ceca}
.signup-page .page{max-width:1040px}
.signup-page .header{display:flex;align-items:center;justify-content:center;width:920px;max-width:calc(100% - 28px);height:83px; margin:4px auto 4px;border:3px solid #887f73;border-radius:21px;background:transparent;padding:7px}
.signup-page .header a{width:397px;max-width:100%}
.signup-page .header img{display:block;width:100%;height:auto}
.signup-page .signup{padding:0 0 30px}
.signup-page .signup-top{max-width:850px;width:850px;margin:0 auto 8px;position:relative;left:-18px}
.signup-page .signup-top .signup-heading{margin:0!important;padding:0!important;line-height:0!important;background:transparent!important;font-size:0!important}
.signup-page .original-headline-desktop{display:block;width:850px;height:94px;max-width:100%;object-fit:fill}
.signup-page .signup-columns{position:relative;left:16px;display:grid;grid-template-columns:262px 400px;gap:120px;width:782px;max-width:none;margin:0 auto;align-items:start}
.signup-page .signup-left{display:block;margin:0;padding:0}
.signup-page .signup-left img{display:block;width:262px;height:468px;object-fit:cover;max-width:100%}
.signup-page .signup-right {min-width:0;display:flex;flex-direction:column;justify-content:flex-start;margin:0; text-align:center;font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif}
.signup-page .signup-right .reference-pitch{font-size:24px;line-height:1.35;font-weight:900;letter-spacing:-.35px;margin:0 0 11px;text-transform:uppercase}
.signup-page .signup-right .pitch-line{font-size:21px;font-style:italic;line-height:1.2;font-weight:900;margin:0 0 8px}
.signup-page .signup-right .plus-line{font-size:21px;font-style:italic;line-height:1.2;font-weight:900;margin:0 0 7px}
.signup-page .signup-right .benefits{margin:0 0 9px;padding:0;list-style:none;text-align:left;font-size:16px;font-weight:700;line-height:1.3}
.signup-page .signup-right .benefits li{position:relative;padding:5px 0 5px 28px}
.signup-page .signup-right .benefits li:before{content:'✔';position:absolute;left:0;top:2px;color:#e9b23c;font:bold 17px Arial,sans-serif}
.signup-page .signup-right .email-head{font-size:16px;font-weight:900;font-style:italic;line-height:1.3;margin:10px 0 10px;max-width:100%}
.signup-page .signup-form{width:100%;max-width:none;margin:0}
.signup-page .signup-form input[type=email]{display:block;width:100%;height:52px;margin:0 0 10px;padding:0 17px;border:3px solid #458e30;background:#191a1a;color:#eee;border-radius:5px;font:16px Arial,sans-serif}
.signup-page .signup-form input[type=email]::placeholder{color:#d2d2d2}
.signup-page .signup-form .cta{display:block;margin:0 auto;min-width:240px;max-width:100%;width:fit-content;padding:12px 18px;background:#b19a20;color:white;border:2px solid #c7a72b;border-bottom:4px solid #806f10;border-radius:2px;font:900 23px/1.1 'Roboto Condensed','Arial Narrow',Arial,sans-serif;box-shadow:none;text-shadow:0 1px #554508}
.signup-page .signup-form .cta:hover{background:#c1ab27}
.signup-page .signup-form .cta:disabled{cursor:wait;opacity:.85}
.signup-page .signup-form .consent{max-width:360px;margin:10px auto 4px;color:#c0c0c0;font:11px/1.35 Arial,sans-serif}
.signup-page .signup-form .privacy-note{color:#bdbdbd;margin:5px auto;font:12px/1.3 Arial,sans-serif}
.signup-page .signup-form .form-status{min-height:0;margin:4px auto;font-size:12px}
.signup-page .steps-wrap {background:transparent;color:#d1ceca}
@media (max-width:880px){
 .signup-page .signup{padding:0 14px 22px}
 .signup-page .signup-top{position:static;left:auto;width:100%;max-width:850px}
 .signup-page .original-headline-desktop{width:100%;height:auto}
 .signup-page .signup-columns{left:auto;width:100%;max-width:740px;grid-template-columns:34% minmax(0,1fr);gap:5%}
 .signup-page .signup-left img{width:100%;height:auto}
 .signup-page .signup-right .reference-pitch{font-size:clamp(18px,2.75vw,23px)}
}
@media (max-width:600px){
 .intro-page .header img{width:min(390px,94%)}
 .intro-page .intro {padding:5px 9px 22px}
 .intro-page .intro .cta{width:100%;padding:17px 12px;font-size:21px}
 .signup-page .header{height:65px;margin:4px auto 5px}
 .signup-page .header a{max-width:310px}
 .signup-page .signup-columns{display:flex;flex-direction:column;align-items:center;gap:15px}
 .signup-page .signup-left{width:min(262px,80vw)}
 .signup-page .signup-left img{width:100%;height:auto}
 .signup-page .signup-right{width:100%;max-width:420px}
 .signup-page .signup-right .reference-pitch{font-size:22px}
 .signup-page .signup-form .cta{width:100%;max-width:100%;min-width:0;font-size:21px}
}

/* Last-pass screenshot fidelity: caption+chalk arrow and form alignment. */
.signup-page .signup-left .watch-caption{font:400 23px/1.25 Arial,Helvetica,sans-serif;white-space:nowrap;text-align:left;color:#d5d5d5;margin-top:6px}
.signup-page .signup-left .signup-arrow{width:172px;height:90px;object-fit:contain;display:block;margin:0 auto}
.signup-page .signup-form .privacy-note{margin-top:10px}
.signup-page .signup-form .privacy-note::before{content:'\1F512  ';font-size:12px}
@media(max-width:600px){.signup-page .signup-left .watch-caption{text-align:center;font-size:19px}.signup-page .signup-left .signup-arrow{width:128px;height:65px}}
/* Pixel-position pass against the supplied 1065px reference screenshot. */
@media (min-width:881px){
.signup-page .signup-right{padding-top:4px}
.signup-page .signup-right h2.reference-pitch:first-child{font-size:22px!important;line-height:1.32;margin-bottom:18px}
.signup-page .signup-right h2.email-head{font-size:15px!important;line-height:1.25;margin-top:21px}
}
@media (min-width:881px){.signup-page .signup-right h2.email-head{margin-top:10px}}


/* EXACT INTRO MATCH TO REFERENCE SCREENSHOT (1065 x 865).
   Scoped to intro-page: the signup/last page is intentionally unchanged. */
body.intro-page{background:#181a1a;color:#d7d6d3;font-family:Arial,sans-serif}
.intro-page .page{max-width:none;background:transparent}
.intro-page .intro-frame{
  width:914px;max-width:calc(100% - 28px);
  margin:14px auto 0;
  padding:12px 0 19px;
  background:#181a1a;
  border:3px solid #887f74;
  border-radius:21px;
  display:flex; flex-direction:column;align-items:center;
  position:relative;left:-12px;
}
.intro-page .intro-frame .header{
  width:100%;height:53px;display:flex;align-items:center;justify-content:center;
  background:transparent;border:none;padding:0;margin:0;
}
.intro-page .intro-frame .header a{display:block;width:397px;max-width:100%;height:53px}
.intro-page .intro-frame .header img{display:block;width:397px;max-width:100%;height:53px;aspect-ratio:auto;object-fit:fill}
.intro-page .intro-frame .intro{width:100%;padding:0;margin:0;text-align:center}
.intro-page .intro-frame .intro .hero{width:675px;max-width:calc(100% - 20px);margin:12px auto 14px}
.intro-page .intro-frame .intro .hero img{display:block;width:100%;height:auto;aspect-ratio:675 / 151;object-fit:fill}
.intro-page .intro-frame .intro .collage{width:800px;max-width:calc(100% - 20px);margin:0 auto 6px}
.intro-page .intro-frame .intro .collage img{display:block;width:100%;height:auto;aspect-ratio:800 / 450;object-fit:contain}
.intro-page .intro-frame .intro h2.intro-caption{width:372px;height:33px;max-width:calc(100% - 20px);padding:0;margin:0 auto 6px;line-height:0;font-size:0;display:block}
.intro-page .intro-frame .intro-caption img{display:block;width:100%;height:100%;object-fit:contain}
.intro-page .intro-frame .intro a.intro-cta{display:block;width:562px;height:72px;max-width:calc(100% - 20px);margin:0 auto;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0;line-height:0;text-shadow:none}
.intro-page .intro-frame .intro-cta img{display:block;width:100%;height:100%;object-fit:fill}
.intro-page .intro-frame .intro-cta:hover{filter:brightness(1.08)}
.intro-page .intro-frame .intro-cta:focus-visible{outline:3px solid white;outline-offset:4px}
.intro-page .steps-wrap{max-width:920px;margin:20px auto 0;background:#181a1a;border-top:1px solid #575757;color:#d7d6d3}
.intro-page .footer{max-width:920px;margin:0 auto;background:#181a1a;border-color:#575757;color:#aaa}
.intro-page .footer a{color:#ccc}
@media(max-width:950px){
 .intro-page .intro-frame{left:0}
}
@media(max-width:600px){
 .intro-page .intro-frame{border-radius:16px;padding:11px 0 15px;width:calc(100% - 16px);max-width:none;margin-top:8px}
 .intro-page .intro-frame .header{height:auto;min-height:40px}
 .intro-page .intro-frame .header a{width:min(300px,90%);height:auto}
 .intro-page .intro-frame .header img{width:100%;height:auto;aspect-ratio:1000/150}
 .intro-page .intro-frame .intro .hero{margin:12px auto 12px}
 .intro-page .intro-frame .intro .collage{margin-bottom:6px}
 .intro-page .intro-frame .intro h2.intro-caption{height:auto;aspect-ratio:372/33;margin-bottom:6px}
 .intro-page .intro-frame .intro a.intro-cta{height:auto;aspect-ratio:562/72}
 .intro-page .steps-wrap{margin:18px 12px 0}
}


/* v6 — INTRO & SURVEY LIGHT THEME, matched to the user's light-theme screenshots.
   signup-page is intentionally untouched (the approved final page). */
body.intro-page {
  background:rgb(229,224,218);
  color:#252525;
}
.intro-page .page {background:transparent;}
.intro-page .intro-frame {
  background:rgb(252,252,251);
  border:3px solid #343434;
}
.intro-page .intro-frame .header {background:transparent;}
.intro-page .intro-frame .intro-cta:focus-visible {outline:3px solid #292929;}
.intro-page .steps-wrap {
  background:#fff;
  border-top:0;
  color:#272727;
}
.intro-page .footer {
  background:#fff;
  color:#666;
  border-color:#dedede;
}
.intro-page .footer a {color:#555;}

/* Reference survey: beige page, pale rounded container, bordered question box,
   four compact bright-yellow answers. All three survey steps share these rules. */
body.survey-page {
  margin:0;
  background:rgb(226,219,213);
  color:#202020;
  font-family:Arial,Helvetica,sans-serif;
}
.survey-page .page {max-width:none;background:transparent;}
.survey-page .survey-shell {
  width:960px;
  max-width:calc(100% - 40px);
  margin:40px auto 40px;
  padding:20px 20px 35px;
  border-radius:27px;
  background:rgb(243,239,237);
}
.survey-page .survey-shell .header {
  height:151px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  margin:0;
  padding:21px 12px 13px;
  background:rgb(252,252,251);
  border:3px solid #323232;
  border-radius:20px;
  text-align:center;
}
.survey-page .survey-shell .header a {
  display:block;
  width:397px;
  max-width:100%;
  height:auto;
  line-height:0;
  flex:none;
}
.survey-page .survey-shell .header img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1000/150;
  object-fit:contain;
}
.survey-page .survey-shell .header h1 {
  font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;
  font-weight:900;
  font-style:italic;
  font-size:34px;
  line-height:1.05;
  margin:13px 0 0;
  letter-spacing:-.35px;
  color:#2a2a2a;
}
.survey-page .survey-shell .survey {
  max-width:none;
  width:100%;
  margin:0;
  padding:20px 0 0;
  text-align:center;
}
.survey-page .survey-shell .answers {
  display:flex;
  flex-direction:column;
  gap:40px;
  width:298px;
  max-width:100%;
  margin:0 auto;
}
.survey-page .survey-shell .answer {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:62px;
  padding:0 8px;
  background:#ffe600;
  color:#080808;
  text-shadow:none;
  text-decoration:none;
  font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;
  font-size:28px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
  border:1px solid #cab323;
  border-bottom:3px solid #bda900;
  border-radius:3px;
  box-shadow:none;
  transition:filter .12s ease;
}
.survey-page .survey-shell .answer:hover {background:#ffed29;filter:brightness(1.01);}
.survey-page .survey-shell .answer:focus-visible {outline:3px solid #333;outline-offset:3px;}
.survey-page .steps-wrap {
  background:#fff;
  color:#292929;
  margin:0;
  padding:43px 15px 44px;
  border:0;
}
.survey-page .steps-wrap h2 {
  font:400 42px/1.2 Arial,Helvetica,sans-serif;
  max-width:573px;
  margin:0 auto 15px;
  padding-bottom:25px;
  border-bottom:1px solid #343434;
}
.survey-page .steps {
  max-width:1020px;
  margin:auto;
  gap:14px;
}
.survey-page .step h3 {
  font:500 26px/1.12 Arial,Helvetica,sans-serif;
  margin-top:15px;
}
.survey-page .footer {background:#fff;color:#777;border-color:#dedede;margin:auto;}
.survey-page .footer a{color:#555;}
@media(max-width:700px){
  .survey-page .survey-shell{max-width:calc(100% - 24px);margin:18px auto 24px;padding:12px 12px 24px;border-radius:21px;}
  .survey-page .survey-shell .header{height:auto;min-height:130px;padding:15px 8px 14px;border-radius:16px;}
  .survey-page .survey-shell .header a{width:min(397px,92%);}
  .survey-page .survey-shell .header h1{font-size:clamp(22px,5.4vw,34px);line-height:1.1;margin-top:12px;}
  .survey-page .survey-shell .survey{padding-top:20px;}
  .survey-page .survey-shell .answers{width:298px;max-width:100%;gap:18px;}
  .survey-page .survey-shell .answer{font-size:clamp(22px,6.2vw,28px);min-height:61px;height:61px;}
  .survey-page .steps-wrap{padding:30px 12px;}
  .survey-page .steps-wrap h2{font-size:31px;padding-bottom:18px;}
  .survey-page .step h3{font-size:18px;}
}

/* v6 screenshot alignment corrections */
@media(min-width:951px){
  .intro-page .intro-frame{width:920px;}
}
@media(min-width:701px){
  .survey-page .survey-shell{position:relative;left:-12.5px;padding-bottom:34px;}
  .survey-page .survey-shell .survey{padding-top:21px;}
  .survey-page .survey-shell .answers{gap:39px;}
}
.survey-page .survey-shell .header img{height:53px;aspect-ratio:397/53;object-fit:fill;}
.survey-page .survey-shell .header h1{font-size:32px;margin-top:15px;}

/* v6 typography and instructional-row finishing rules */
.survey-page .survey-shell .header h1 {font-size:31.5px;}
.survey-page .survey-shell .answer span {display:block;transform:scaleX(.87);transform-origin:center;white-space:nowrap;}
@media(min-width:701px){
 .survey-page .steps-wrap h2 {position:relative;left:-12.5px;}
 .survey-page .steps {
   width:1155px;max-width:none;
   display:grid;
   grid-template-columns:repeat(3,385px);
   gap:0;
   margin-left:50%;
   transform:translateX(-50%);
 }
 .survey-page .step{display:flex;align-items:center;justify-content:flex-start;gap:3px;padding-left:16px;text-align:left;}
 .survey-page .step img{display:block;width:75px;height:100px;flex:none;object-fit:contain;margin:0;}
 .survey-page .step h3{margin:0;font:500 25px/1.14 Arial,Helvetica,sans-serif;}
}
@media(max-width:700px){
 .survey-page .survey-shell .header img{height:auto;aspect-ratio:1000/150;object-fit:contain;}
 .survey-page .steps{max-width:450px;margin:auto;display:flex;flex-direction:column;gap:20px;}
 .survey-page .step{display:flex;align-items:center;justify-content:flex-start;gap:10px;text-align:left;}
 .survey-page .step img{width:70px;height:90px;flex:none;object-fit:contain;margin:0;}
 .survey-page .step h3{margin:0;}
}


/* v7: FINAL SIGNUP PAGE LIGHT THEME ONLY.
   Preserve the approved two-column composition, images, text and survey pages. */
body.signup-page {
  background:#e5e0da;
  color:#242424;
}
.signup-page .page {
  background:#fcfcfb;
  color:#242424;
}
.signup-page .header {
  background:#fcfcfb;
  border-color:#343434;
}
.signup-page .signup {
  background:#fcfcfb;
  color:#242424;
}
.signup-page .signup-right,
.signup-page .signup-right .reference-pitch,
.signup-page .signup-right .pitch-line,
.signup-page .signup-right .plus-line,
.signup-page .signup-right .email-head {
  color:#262626;
}
.signup-page .signup-left .watch-caption {color:#303030;}
/* The chalk arrow is a transparent PNG with light strokes. Color those strokes
   dark so it remains legible against the now-white panel. */
.signup-page .signup-left .signup-arrow {filter:brightness(0);}
.signup-page .signup-right .benefits li::before {color:#b59200;}
.signup-page .signup-form input[type=email] {
  background:#fff;
  color:#212121;
  border:2px solid #808080;
}
.signup-page .signup-form input[type=email]::placeholder {color:#777;}
.signup-page .signup-form input[type=email]:focus {
  border-color:#c4a300;
  outline:2px solid #ffe600;
  outline-offset:1px;
}
.signup-page .signup-form .cta {
  background:#ffe600;
  color:#111;
  border:1px solid #ccb700;
  border-bottom:4px solid #b6a100;
  text-shadow:none;
}
.signup-page .signup-form .cta:hover {background:#ffeb29;}
.signup-page .signup-form .cta:focus-visible {outline:3px solid #292929;outline-offset:3px;}
.signup-page .signup-form .privacy-note,
.signup-page .signup-form .consent {color:#535353;}
.signup-page .steps-wrap {background:#fff;color:#292929;border-top:1px solid #dedede;}
.signup-page .footer {background:#fff;color:#666;border-top:1px solid #dedede;}
.signup-page .footer a {color:#555;}