:root{
  --cream:#fbf4e8;
  --cream-2:#fffaf2;
  --navy:#071c35;
  --navy-2:#12304f;
  --gold:#d98a06;
  --gold-2:#f2b13e;
  --ink:#162235;
  --muted:#5e6673;
  --line:rgba(7,28,53,.14);
  --shadow:0 24px 70px rgba(7,28,53,.14);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at top right, rgba(217,138,6,.12), transparent 34rem),var(--cream);font-family:Inter,system-ui,sans-serif;color:var(--ink);line-height:1.5;}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px clamp(20px,4vw,64px);background:rgba(251,244,232,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(7,28,53,.08)}.brand{display:flex;align-items:center;gap:12px}
.brand-logo{width:46px;height:52px;object-fit:contain;mix-blend-mode:multiply;display:block}.brand-text small{display:none}.logo-mark{width:42px;height:52px;border-radius:10px;background:var(--navy);display:inline-grid;place-items:center;position:relative;overflow:hidden;box-shadow:0 12px 28px rgba(7,28,53,.18)}.logo-mark:before{content:"";position:absolute;inset:8px 15px 8px 8px;background:var(--cream);clip-path:polygon(0 0,100% 0,62% 22%,42% 22%,42% 40%,84% 40%,84% 59%,42% 59%,42% 100%,0 100%)}.logo-mark span{position:absolute;right:5px;top:12px;width:16px;height:26px;background:var(--gold);clip-path:polygon(100% 0,100% 100%,0 68%,0 32%)}.brand-text{display:grid;line-height:1}.brand-text strong{font-family:"Playfair Display",serif;font-size:28px;letter-spacing:-.03em;color:var(--navy)}.brand-text em{font-style:normal;color:var(--gold)}.brand-text small{text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:10px;color:var(--navy)}.nav-links{display:flex;align-items:center;gap:28px;font-weight:700;font-size:14px;color:rgba(7,28,53,.72)}.nav-links a:hover{color:var(--navy)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:850;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:white;box-shadow:0 14px 30px rgba(217,138,6,.28)}.btn-secondary{background:rgba(255,255,255,.55);color:var(--navy);border:1px solid var(--line)}.header-cta{padding:12px 20px}.btn-large{padding:16px 26px}.section-pad{padding:clamp(72px,9vw,128px) clamp(20px,4vw,64px)}.hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.86fr);gap:clamp(36px,6vw,82px);align-items:center;min-height:calc(100vh - 86px);max-width:1260px;margin:0 auto}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:900;color:var(--gold);margin:0 0 16px}.hero h1,.section-heading h2,.advantage h2,.about h2,.final-cta h2{font-family:"Playfair Display",serif;color:var(--navy);line-height:.96;letter-spacing:-.045em;margin:0}.hero h1{font-size:clamp(52px,7vw,94px)}.hero h1 span,.final-cta span{color:var(--gold)}.hero-subtitle{font-size:clamp(18px,2vw,23px);color:#334155;max-width:640px;margin:28px 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px;max-width:620px}.proof-strip div{border:1px solid var(--line);background:rgba(255,250,242,.7);border-radius:20px;padding:16px}.proof-strip strong{display:block;color:var(--navy);font-size:18px}.proof-strip span{font-size:14px;color:var(--muted)}.demo-window{background:linear-gradient(180deg,#fffdf9,#fff7ec);border:1px solid rgba(7,28,53,.12);border-radius:32px;padding:18px;box-shadow:var(--shadow);transform:rotate(1deg)}.demo-topbar{height:44px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);margin:-4px 0 18px}.demo-topbar span{width:10px;height:10px;border-radius:50%;background:rgba(7,28,53,.18)}.demo-topbar p{margin-left:8px;font-size:13px;font-weight:900;color:var(--navy)}.chat-card{display:flex;gap:12px;margin:14px 0;align-items:flex-start}.user-card{justify-content:flex-end}.bot-avatar{width:36px;height:36px;border-radius:50%;background:var(--navy);color:white;display:grid;place-items:center;font-weight:900;font-size:13px;flex:0 0 36px}.chat-bubble{padding:14px 16px;border-radius:18px;max-width:78%;font-weight:650;font-size:14px}.chat-bubble.bot{background:white;border:1px solid var(--line)}.chat-bubble.user{background:var(--navy);color:white}.answer-card{opacity:0;animation:appear .6s ease 4s forwards}.cursor{animation:blink 1s infinite}.status-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}.status-pill{opacity:0;transform:translateY(8px);background:rgba(7,28,53,.06);border:1px solid var(--line);border-radius:16px;padding:12px 14px;font-size:14px;font-weight:850;color:var(--navy);animation:appear .5s ease forwards}.status-pill:nth-child(1){animation-delay:4.6s}.status-pill:nth-child(2){animation-delay:5s}.status-pill:nth-child(3){animation-delay:5.4s}.status-pill span{color:var(--gold);margin-right:8px}.flow-box{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px dashed rgba(7,28,53,.22);border-radius:18px;padding:16px;color:var(--muted);font-size:12px;font-weight:800}.flow-box span{height:1px;width:34px;background:rgba(7,28,53,.24)}.flow-box strong{background:var(--navy);color:white;border-radius:10px;padding:8px 12px}.belief{padding:0 clamp(20px,4vw,64px) 20px}.belief-card{max-width:1120px;margin:0 auto;background:var(--navy);color:white;border-radius:var(--radius);padding:clamp(24px,3vw,38px);box-shadow:0 18px 48px rgba(7,28,53,.12)}.belief-card p{font-size:clamp(20px,2.4vw,30px);font-weight:800;line-height:1.18;letter-spacing:-.04em;margin:0}.section-heading{text-align:center;max-width:760px;margin:0 auto 42px}.section-heading h2,.advantage h2,.about h2,.final-cta h2{font-size:clamp(42px,5vw,72px)}.section-heading p:not(.eyebrow){font-size:19px;color:var(--muted)}.outcome-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;max-width:1180px;margin:0 auto}.outcome-card,.build-card,.detail-card,.advantage-card,.pricing-card,.faq-list details{background:rgba(255,250,242,.72);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 14px 42px rgba(7,28,53,.06)}.outcome-card{min-height:230px}.outcome-card:hover,.build-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.outcome-card,.build-card{transition:.25s ease}.icon{font-size:34px;color:var(--gold);font-weight:900}.outcome-card h3,.build-card h3,.timeline h3,.detail-card h3,.advantage-card h3{color:var(--navy);font-size:21px;margin:18px 0 8px}.outcome-card p,.build-card p,.timeline p,.detail-card p,.advantage-card p,.about p,.pricing p,.faq p{color:var(--muted);margin:0}.advantage{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr .65fr;gap:24px;align-items:stretch}.advantage-copy,.advantage-card{border-radius:var(--radius);padding:clamp(28px,4vw,52px);background:rgba(255,250,242,.76);border:1px solid var(--line)}.advantage-copy p:not(.eyebrow){font-size:19px;margin-top:18px}.advantage-card{background:linear-gradient(160deg,var(--navy),#0f3559);color:white;display:flex;flex-direction:column;justify-content:flex-end}.advantage-card h3{font-size:34px;color:white;letter-spacing:-.04em}.advantage-card p{color:rgba(255,255,255,.8);font-size:18px}.build-grid,.details{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1120px;margin:0 auto}.build-card span{color:var(--gold);font-weight:900}.how{background:linear-gradient(180deg,transparent,rgba(255,250,242,.62),transparent)}.timeline{max-width:850px;margin:0 auto;display:grid;gap:18px;position:relative}.timeline-item{display:grid;grid-template-columns:64px 1fr;gap:22px;background:rgba(255,250,242,.76);border:1px solid var(--line);border-radius:24px;padding:22px}.timeline-number{width:56px;height:56px;border-radius:50%;background:var(--navy);color:white;display:grid;place-items:center;font-weight:900;font-size:22px}.details{padding-top:0}.detail-card span{font-size:30px}.about{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:320px 1fr;gap:54px;align-items:center}.about-image img{border-radius:50%;border:10px solid var(--cream-2);box-shadow:var(--shadow)}.about-copy ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:26px 0 0;padding:0;list-style:none}.about-copy li{background:rgba(255,250,242,.72);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-weight:800;color:var(--navy)}.pricing-card{max-width:620px;margin:0 auto;text-align:center;padding:clamp(34px,5vw,58px)}.pricing-card h2{font-size:80px;font-weight:900;letter-spacing:-.06em;color:var(--navy);margin:0}.pricing-card h2 span{font-size:18px;letter-spacing:0}.pricing-card p{font-size:18px;margin-bottom:28px}.faq-list{max-width:880px;margin:0 auto;display:grid;gap:12px}.faq-list details{padding:0;overflow:hidden}.faq-list summary{cursor:pointer;list-style:none;padding:22px 24px;font-weight:900;color:var(--navy);font-size:18px}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{padding:0 24px 22px}.final-cta{text-align:center;max-width:980px;margin:0 auto}.final-cta p{font-size:20px;color:var(--muted);max-width:760px;margin:28px auto}.footer{padding:30px clamp(20px,4vw,64px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-weight:700}.small-brand .logo-mark{width:32px;height:40px}.small-brand .brand-text strong{font-size:22px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.18s}.delay-3{transition-delay:.26s}.delay-4{transition-delay:.34s}@keyframes blink{50%{opacity:0}}@keyframes appear{to{opacity:1;transform:translateY(0)}}
/* Final polish tweaks */
.outcomes{padding-top:clamp(46px,5vw,76px)}
.belief + .outcomes{margin-top:0}
.how .section-heading h2{white-space:nowrap}
.keep-line{white-space:nowrap;color:inherit}
.about-copy h2{margin-bottom:18px}
.about-copy .eyebrow{margin-bottom:10px}
.about-copy p{max-width:720px}
.credential-list li{display:flex;align-items:center;gap:10px;text-transform:capitalize}
.credential-icon{width:26px;height:26px;border-radius:999px;border:1px solid rgba(217,138,6,.34);color:var(--gold);display:inline-grid;place-items:center;flex:0 0 26px;font-size:13px;background:rgba(217,138,6,.07)}
.small-brand .brand-logo{width:36px;height:42px}
@media (max-width:720px){.how .section-heading h2{white-space:normal}.keep-line{white-space:normal}}
@media (max-width:980px){.nav-links{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:64px}.hero-demo{max-width:620px;margin:0 auto}.outcome-grid{grid-template-columns:repeat(2,1fr)}.advantage,.about{grid-template-columns:1fr}.build-grid,.details{grid-template-columns:1fr}.about-image{max-width:280px;margin:0 auto}.footer{flex-direction:column;gap:16px}.header-cta{display:none}}@media (max-width:560px){.site-header{padding:14px 18px}.brand-text strong{font-size:24px}.logo-mark{width:36px;height:45px}.section-pad{padding:64px 18px}.hero h1{font-size:48px}.proof-strip{grid-template-columns:1fr}.outcome-grid{grid-template-columns:1fr}.about-copy ul{grid-template-columns:1fr}.pricing-card h2{font-size:64px}.chat-bubble{max-width:86%}}

/* Refined final pass: lighter, more editorial, less bulky */
body{font-weight:400;line-height:1.56}
.brand-text strong{font-weight:700;letter-spacing:-.04em}
.nav-links{font-weight:650}
.btn{font-weight:760}
.hero h1,.section-heading h2,.advantage h2,.about h2,.final-cta h2{font-weight:700;line-height:1.02;letter-spacing:-.035em}
.hero h1{font-size:clamp(46px,6.2vw,78px);max-width:720px}
.hero h1 span{font-style:italic;font-weight:700;letter-spacing:-.04em}
.hero-subtitle{font-size:clamp(17px,1.55vw,20px);line-height:1.55;max-width:610px}
.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:800}
.section-pad{padding:clamp(58px,7vw,98px) clamp(20px,4vw,64px)}
.hero{min-height:auto;padding-top:clamp(72px,8vw,108px);padding-bottom:clamp(64px,7vw,92px)}

.belief{padding:8px clamp(20px,4vw,64px) 0}
.belief-card{max-width:980px;border-radius:24px;padding:clamp(26px,3.6vw,46px) clamp(28px,4vw,56px);background:linear-gradient(135deg,#071c35,#0d2946);box-shadow:0 18px 50px rgba(7,28,53,.10)}
.belief-card p{font-size:clamp(21px,2.35vw,34px);font-weight:650;line-height:1.2;letter-spacing:-.035em}
.belief-card p span{display:block;font-family:"Playfair Display",serif;font-size:clamp(28px,3vw,42px);font-weight:700;margin-bottom:8px;color:#fffaf2}

.outcomes{padding-top:clamp(42px,5vw,68px)}
.section-heading{margin-bottom:34px}
.section-heading h2,.advantage h2,.about h2,.final-cta h2{font-size:clamp(38px,4.4vw,62px)}
.section-heading p:not(.eyebrow){font-size:17px;line-height:1.55}
.outcome-card{min-height:205px;padding:22px;text-align:center}
.icon{font-size:31px}
.outcome-card h3,.build-card h3,.timeline h3,.detail-card h3{font-size:19px;margin:14px 0 7px}
.outcome-card p,.build-card p,.timeline p,.detail-card p,.about p,.pricing p,.faq p{font-size:15.5px;line-height:1.58}

.advantage{grid-template-columns:1.08fr .72fr;gap:24px}
.advantage-copy,.advantage-card{padding:clamp(30px,4vw,46px);border-radius:26px}
.advantage-copy p:not(.eyebrow){font-size:17.5px;line-height:1.62;margin-top:16px}
.advantage-card{justify-content:center;min-height:0;background:linear-gradient(160deg,#071c35,#103457);padding:clamp(28px,4vw,44px)}
.advantage-card h3{font-size:clamp(27px,2.5vw,34px);line-height:1.14;letter-spacing:-.025em;margin:16px 0 10px;color:white}
.advantage-card p{font-size:16.5px;line-height:1.55;color:rgba(255,255,255,.84)}
.advantage-kicker{font-size:11px!important;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.65)!important;font-weight:800;margin:0!important}
.proof-visual{display:flex;align-items:center;gap:9px;margin-bottom:24px}
.proof-node{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fffaf2;border-radius:999px;padding:9px 12px;font-weight:800;font-size:12px;white-space:nowrap}
.proof-line{height:1px;flex:1;min-width:22px;background:linear-gradient(90deg,rgba(242,177,62,.8),rgba(255,255,255,.15))}

.how .section-heading h2{font-size:clamp(38px,4.8vw,64px);line-height:1.04}
.timeline{max-width:900px}
.about{gap:48px}
.about-copy h2{margin-bottom:24px;line-height:.98}
.about-copy p + p{margin-top:12px}
.credential-list li{font-weight:750;font-size:15px}

.footer{gap:22px;flex-wrap:wrap}.footer a[href^="mailto"]{color:var(--navy);font-weight:800}

@media (max-width:980px){.advantage{grid-template-columns:1fr}.belief-card{max-width:100%}.hero h1{font-size:clamp(44px,10vw,68px)}}
@media (max-width:560px){.hero h1{font-size:43px}.belief-card p span{font-size:30px}.belief-card p{font-size:20px}.footer{align-items:flex-start}.advantage-card h3{font-size:28px}}

/* --- Polish overrides --- */
/* Final CTA: keep each sentence on one line, scale down responsively */
.final-cta h2{font-size:clamp(26px,4.5vw,56px);white-space:nowrap}
@media(max-width:620px){.final-cta h2{white-space:normal;font-size:clamp(26px,7.5vw,36px)}}

/* Belief card: serif heading + lighter, smaller subtext */
.belief-card h3{font-family:"Playfair Display",serif;font-size:clamp(26px,3.2vw,42px);letter-spacing:-.03em;line-height:1.05;margin:0 0 12px;color:#fff}
.belief-card p{font-size:clamp(16px,1.7vw,20px);font-weight:600;line-height:1.55;letter-spacing:-.01em;color:rgba(255,255,255,.85);max-width:820px}

/* Instructor credential tiles: equal size, vertically centered */
.about-copy li{display:flex;align-items:center;gap:10px;min-height:62px}

/* Hero proof strip: serif keywords, gold accent tab, gentle hover */
.proof-strip div{position:relative;padding:18px 16px 16px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.proof-strip div::before{content:"";position:absolute;top:0;left:16px;width:30px;height:3px;background:var(--gold);border-radius:0 0 4px 4px}
.proof-strip div:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(7,28,53,.10)}
.proof-strip strong{font-family:"Playfair Display",serif;font-size:22px;letter-spacing:-.02em;margin-bottom:2px}
