*{box-sizing:border-box}
:root{--paper:#fff;--ink:#151d31;--muted:#5a6475;--line:#dde1e7;--blue:#3559dc;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
a{color:inherit}
a,summary{touch-action:manipulation}
a:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.wrap{width:min(900px,calc(100% - 64px));margin-inline:auto}
.skip-link{position:absolute;top:-90px;left:16px;z-index:10;background:#fff;padding:12px 18px;min-height:44px}
.skip-link:focus{top:10px}
.preview-note{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:7px 16px;background:#eef1f7;color:#4c5871;font-size:11px;line-height:1.6;text-align:center}
.header{display:flex;align-items:center;justify-content:center;min-height:100px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:32px;line-height:1;font-weight:750;letter-spacing:-1.5px;text-decoration:none}
.brand svg{flex:none}
.brand-ai{font-size:14px;font-weight:500;letter-spacing:-.3px;margin-left:4px}
.hero{padding-top:54px;padding-bottom:62px;text-align:center}
.eyebrow{margin:0 0 20px;color:var(--blue);font-size:12px;font-weight:650;line-height:1.6;letter-spacing:1.05px;text-transform:uppercase}
h1{max-width:900px;margin:0 auto 26px;font-size:clamp(39px,4.5vw,64px);line-height:1.09;font-weight:700;letter-spacing:-2.1px;text-wrap:balance}
.hero-lead{max-width:790px;margin:0 auto;color:var(--ink);font-weight:600;font-size:21px;line-height:1.65;text-wrap:pretty}
.video-shell{display:grid;place-items:center;position:relative;width:100%;aspect-ratio:16/9;margin:34px auto 25px;overflow:hidden;border-radius:4px;background:var(--ink);color:#fff}
.video-shell video{display:block;width:100%;height:100%;object-fit:contain;background:var(--ink)}
.video-placeholder{width:100%;max-width:650px;padding:clamp(20px,4vw,42px);text-align:center}
.video-label{display:block;margin:0 0 14px;color:#d2daed;font-size:12px;font-weight:550;line-height:1.6;letter-spacing:.25px}
.video-placeholder h2{margin:0 0 12px;color:#fff;font-size:clamp(22px,2.6vw,32px);font-weight:600;line-height:1.25;letter-spacing:-.5px;text-wrap:balance}
.video-placeholder p{margin:0 auto;max-width:520px;color:#d2daed;font-size:16px;line-height:1.65}
.video-status{display:block;color:#d2daed;font-size:13px;line-height:1.6}
.button{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;min-height:64px;padding:18px 24px;border:1px solid var(--blue);border-radius:4px;background:var(--blue);color:#fff;font-size:18px;font-weight:650;line-height:1.4;text-decoration:none;transition:background .16s}
.button:hover{background:#2447c3}
.button span{font-size:23px;font-weight:400;line-height:1;flex:none}
.cta-note{max-width:650px;margin:13px auto 0;color:var(--muted);font-size:13px;line-height:1.7;text-align:center;text-wrap:pretty}
.faq-section{max-width:760px;padding-top:58px;padding-bottom:65px;border-top:1px solid var(--line)}
.faq-section>h2{margin:0 0 26px;font-size:30px;line-height:1.25;font-weight:600;letter-spacing:-.65px}
.faqs{margin:0}
.faqs details{border-top:1px solid var(--line)}
.faqs details:last-child{border-bottom:1px solid var(--line)}
summary{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:62px;padding:18px 0;cursor:pointer;list-style:none;font-size:18px;font-weight:600;line-height:1.5}
summary::-webkit-details-marker{display:none}
summary span{flex:none;color:#657085;font-size:24px;font-weight:400;line-height:1}
details[open] summary span{transform:rotate(45deg)}
.faqs details p{margin:0 34px 22px 0;color:var(--muted);font-size:17px;line-height:1.75}
.footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;min-height:94px;padding-block:22px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.6}
.footer a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:3px}
.footer .brand{color:var(--ink);font-size:26px}
.footer p{margin:0}
@media(max-width:760px){.wrap{width:calc(100% - 44px)}.hero{padding-top:43px;padding-bottom:48px}.hero-lead{font-size:19px}.faq-section{padding-top:44px;padding-bottom:48px}}
@media(max-width:600px){body{font-size:17px}.wrap{width:calc(100% - 40px)}.preview-note{font-size:10px;gap:5px;padding:6px 12px}.header{min-height:78px}.brand{font-size:29px}.brand svg{width:28px;height:28px}.hero{padding-top:32px;padding-bottom:40px}.eyebrow{margin-bottom:17px;font-size:10px;letter-spacing:.7px;line-height:1.65}h1{margin-bottom:21px;font-size:clamp(33px,9.6vw,42px);line-height:1.12;letter-spacing:-1.35px}.hero-lead{font-size:17px;line-height:1.65}.video-shell{margin-top:26px;margin-bottom:19px}.video-placeholder{padding:18px}.video-label{margin-bottom:9px;font-size:10px}.video-placeholder h2{margin-bottom:9px;font-size:20px;line-height:1.25;letter-spacing:-.3px}.video-placeholder p{font-size:12px;line-height:1.6}.video-status{font-size:11px}.button{min-height:58px;padding:16px 14px;font-size:16px;gap:15px}.button span{font-size:21px}.cta-note{margin-top:11px;font-size:12px;line-height:1.7}.faq-section{padding-top:36px;padding-bottom:42px}.faq-section>h2{margin-bottom:22px;font-size:27px}summary{min-height:60px;padding:17px 0;font-size:16px;gap:18px}.faqs details p{margin-right:20px;font-size:16px;line-height:1.75}.footer{min-height:82px;padding-block:17px;font-size:11px;gap:12px}.desktop-break{display:none}}
@media(max-width:360px){.video-placeholder{padding:14px}.video-placeholder h2{font-size:18px}.video-placeholder p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


.booking-guarantee{color:inherit;font-weight:inherit}
/* Marker treatment matched to the live timchao.ai highlighter. */
.booking-guarantee mark,#hero-title mark{white-space:normal;font-weight:inherit;background:linear-gradient(100deg,rgba(255,229,64,.72),rgba(255,222,38,.62),rgba(255,229,64,.7));color:var(--ink);padding:0 .12em;border-radius:.16em;box-decoration-break:clone;-webkit-box-decoration-break:clone}


.faq-action{margin-top:30px}

/* Implant offer: keep explanatory copy visually secondary to the headline. */
.hero-lead{font-weight:400;color:var(--ink)}

/* Approved numerical offer, with the mechanism kept secondary. */
.hero-lead.booking-guarantee{font-weight:600}
.hero .hero-mechanism{max-width:850px;margin:8px auto 0;font-size:17px;line-height:1.5;color:var(--muted)}
@media(max-width:700px){.hero .hero-mechanism{font-size:16px}}

.hero .refund-note{max-width:850px;margin:8px auto 0;font-size:12px;line-height:1.5;color:var(--muted)}
.refund-note a{color:inherit;text-underline-offset:3px}

.booking-guarantee mark:last-of-type,#hero-title mark:last-of-type{white-space:nowrap}

/* Joe's October 29 review: lead with the offer and explain the action below it. */
.landing-page .hero-action .cta-instruction{margin:22px auto 0;max-width:650px;font-size:14px;line-height:1.6}
.landing-page .hero > .hero-lead{color:var(--muted);font-weight:400}
@media(max-width:700px){.landing-page .hero-action .cta-instruction{margin-top:18px;font-size:13px}}
.team-profile{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:6px;border-radius:8px;color:#475467;text-decoration:none}
.team-profile svg{display:block;width:22px;height:22px;flex:none}
.team-profile:hover,.team-profile:focus-visible{color:#0a66c2;background:transparent}

/* Give the booking action room, then keep the team section close enough to follow. */
body.landing-page .hero .hero-media{margin-bottom:24px}
body.landing-page .founder-section{margin-top:0;padding-top:24px}
@media(max-width:700px){body.landing-page .hero .hero-media{margin-bottom:20px}body.landing-page .founder-section{padding-top:20px}}

/* Keep team credentials understated beside the primary booking action. */
.landing-page .team-member .team-role{color:#667085}

/* Spacing pass: a stable media column and clear separation between highlights. */
body.landing-page .hero{--media-width:min(800px,100%)}
body.landing-page .hero h1{line-height:1.18;margin-bottom:24px}
#hero-title mark{background-size:100% .92em;background-position:center 60%;background-repeat:no-repeat}
body.landing-page .hero .hero-media{margin-top:28px}
body.landing-page a.button,body.landing-page .hero .hero-action .button{
  box-shadow:inset 0 1px rgba(255,255,255,.24),inset 0 -1px rgba(20,39,112,.22),0 8px 20px -8px rgba(53,89,220,.38),0 2px 6px -2px rgba(35,70,160,.16);
}
body.landing-page a.button:hover{
  box-shadow:inset 0 1px rgba(255,255,255,.28),inset 0 -1px rgba(20,39,112,.26),0 10px 24px -8px rgba(53,89,220,.46),0 3px 8px -2px rgba(35,70,160,.2);
}
@media(max-width:700px){
  body.landing-page .hero{--media-width:100%}
  body.landing-page .hero>.eyebrow span{display:block}
  body.landing-page .hero h1{margin-bottom:20px}
  body.landing-page .hero .hero-media{margin-top:24px}
}
@media(max-width:600px){
  body.landing-page .founder-section>h2{text-align:center}
  .landing-page .leadership-team{gap:32px}
  .landing-page .team-member{text-align:center;padding:0}
  .landing-page .team-member+.team-member{border-top:0}
  .landing-page .team-member .team-photo{width:220px;max-width:100%;margin:0 auto 20px}
}

/* Match the confirmation opening with a faint grid that fades before the team. */
body.landing-page .header{border-bottom:0}
body.landing-page .hero{position:relative;isolation:isolate}
body.landing-page .hero::before{content:"";position:absolute;z-index:-1;inset:-58px 0 0;pointer-events:none;background-image:linear-gradient(rgba(11,11,13,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(11,11,13,.09) 1px,transparent 1px);background-size:56px 56px;background-position:center top;mask-image:radial-gradient(60% 55% at 50% 28%,#000 0%,transparent 78%)}
@media(max-width:700px){body.landing-page .hero::before{top:-54px}}
@media(forced-colors:active){body.landing-page .hero::before{display:none}}

/* Keep the desktop offer on two intentional lines as the viewport widens. */
#hero-title .offer-line-break{display:none}
@media(min-width:701px){body.landing-page .hero h1{font-size:clamp(38px,4.1vw,52px)}#hero-title .offer-line-break{display:inline}}