@font-face { font-family: Manrope; src: url('./assets/manrope-body.woff2') format('woff2'); font-style: normal; font-weight: 200 800; font-display: swap; }
@font-face { font-family: Fraunces; src: url('./assets/fraunces-display.woff2') format('woff2'); font-style: normal; font-weight: 100 900; font-display: swap; }
:root { --ink:#181918; --muted:#545952; --red:#bc3517; --red-hover:#94250d; --green:#222a29; --line:#c8cdc7; --paper:#fafaf8; --soft:#eef1ee; --dark:#181c19; --signal:#174bbb; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 24px; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,sans-serif; font-size:16px; line-height:1.65; letter-spacing:0; }
img,video { display:block; max-width:100%; height:auto; }
figure,blockquote { margin:0; }
button,input { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
a { color:inherit; text-underline-offset:5px; }
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible { outline:3px solid #09635f; outline-offset:5px; }
.selling :focus-visible,.decision :focus-visible { outline-color:#fff; }
[hidden] { display:none !important; }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { font-weight:700; text-wrap:balance; }
h1,h2 { font-family:Fraunces,Georgia,serif; }
h2 { font-size:48px; line-height:1.1; }
h3 { font-size:21px; line-height:1.3; }
p { text-wrap:pretty; }
p+p { margin-top:16px; }
.container { width:min(1280px,calc(100% - 80px)); margin-inline:auto; }
.section-band { padding-block:76px; border-bottom:1px solid var(--line); }
.eyebrow { margin-bottom:18px; color:var(--signal); font-family:ui-monospace,monospace; font-size:12px; line-height:1.5; font-weight:700; text-transform:uppercase; }
.text-link { display:inline-flex; align-items:center; gap:22px; min-height:44px; margin-top:22px; font-size:14px; font-weight:800; text-decoration-thickness:1px; }
.text-link span { font-size:23px; }
.cta { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:56px; max-width:100%; border:1px solid transparent; border-radius:4px; padding:15px 25px; background:var(--red); color:#fff; font-weight:800; font-size:15px; line-height:1.4; text-align:center; text-decoration:none; transition:background 180ms,transform 180ms; }
.cta span { font-size:21px; line-height:1; }
.cta:hover { background:var(--red-hover); transform:translateY(-2px); }
.cta:disabled { background:#d1d7cf; color:#3b453c; cursor:not-allowed; transform:none; }
.skip-link { position:absolute; top:-90px; left:20px; padding:12px; background:#fff; color:var(--ink); z-index:20; }
.skip-link:focus { top:10px; }
.site-header { background:var(--paper); color:var(--ink); border-bottom:1px solid var(--ink); }
.header-inner { height:88px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { display:flex; align-items:center; gap:14px; text-decoration:none; font-weight:800; font-size:19px; line-height:1.2; }
.brand img { width:65px; height:65px; object-fit:contain; }
.brand small { display:block; margin-top:6px; color:var(--muted); font-size:11px; font-weight:500; }
nav { display:flex; align-items:center; gap:34px; }
nav a { display:inline-flex; align-items:center; gap:13px; min-height:44px; font-size:13px; text-decoration:none; }
nav a:hover { text-decoration:underline; }
nav a:last-child { border-bottom:1px solid #dce1da80; }
.hero { position:relative; display:grid; grid-template-columns:1.05fr 1fr; gap:44px; align-items:center; width:min(1280px,calc(100% - 80px)); margin-inline:auto; padding-block:48px; background:var(--paper); color:var(--ink); }
.hero-media { grid-column:2; grid-row:1; width:100%; overflow:hidden; aspect-ratio:1; }
.hero-media video { width:100%; height:100%; object-fit:cover; object-position:55% center; }
.hero-inner { grid-column:1; grid-row:1; width:100%; padding:0; }
.hero-copy { max-width:640px; }
.hero .eyebrow { color:var(--signal); font-size:12px; }
h1 { font-size:56px; line-height:1.02; text-wrap:initial; }
h1 em { color:var(--red); font-style:normal; }
.hero-lead { margin-top:22px; font-size:19px; line-height:1.5; }
.hero-description { max-width:520px; margin-top:16px; color:var(--muted); font-size:16px; line-height:1.65; }
.hero .cta { margin-top:27px; }
.hero-note { margin-top:12px; color:var(--muted); font-size:12px; }
.motion-control { grid-column:2; grid-row:1; align-self:end; justify-self:end; margin:16px; display:grid; place-items:center; width:46px; min-height:46px; padding:0; border:1px solid #fff; border-radius:50%; background:#181c19; color:#fff; font-size:16px; }
.course-ribbon { border-bottom:1px solid var(--line); background:var(--soft); }
.course-ribbon .container { display:flex; justify-content:space-between; gap:16px; padding-block:20px; }
.course-ribbon span { display:flex; gap:12px; align-items:center; font-size:12px; font-weight:700; }
.course-ribbon span::before { content:''; width:5px; height:5px; flex:0 0 5px; background:var(--red); }
.student-area { background:#fff; }
.student-layout { display:grid; grid-template-columns:.9fr 1.2fr; gap:24px 50px; align-items:center; }
.course-screen { grid-column:2; grid-row:1 / 3; }
.student-action { grid-column:1; }
.student-action .cta-pair { margin:0; }
.student-copy h2,.beginner h2,.teacher h2,.selling h2,.certificate h2 { margin-bottom:24px; }
.student-copy>p:not(.eyebrow),.beginner-layout>div>p:not(.eyebrow),.teacher p:not(.eyebrow) { color:var(--muted); }
.course-screen img { width:100%; object-fit:contain; }
figcaption { margin-top:14px; font-size:12px; color:var(--muted); }
.course-screen figcaption { text-align:center; }
.beginner { background:var(--soft); }
.beginner-layout { display:grid; grid-template-columns:1.05fr 1fr; gap:66px; align-items:center; }
.practice-photo img { width:100%; aspect-ratio:16/10; object-fit:cover; }
.practice-photo figcaption { border-left:2px solid var(--red); padding-left:15px; color:var(--ink); font-weight:700; }
.learning-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; padding:42px 0 0; margin:48px 0 0; border-top:1px solid #cbd1c6; gap:32px; }
.learning-steps li { display:flex; gap:18px; }
.step-number { color:var(--red); font-size:13px; font-weight:800; padding-top:4px; }
.learning-steps h3 { font-size:17px; margin-bottom:12px; }
.learning-steps p { color:var(--muted); font-size:14px; }
.teacher { padding-block:65px; }
.teacher-layout { display:grid; grid-template-columns:340px minmax(0,510px); justify-content:center; align-items:center; gap:90px; }
.teacher-photo { width:100%; max-height:395px; object-fit:contain; }
.section-heading { display:grid; grid-template-columns:1.25fr .75fr; gap:70px; align-items:end; margin-bottom:44px; }
.section-heading>p { color:var(--muted); max-width:390px; }
.repertoire { background:#fff; }
.preparation-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.preparation-grid img { width:100%; aspect-ratio:1; object-fit:contain; }
.food-category { font-size:11px; color:var(--red); font-weight:800; text-transform:uppercase; margin:22px 0 10px; }
.preparation-grid article>p:last-child { font-size:14px; color:var(--muted); margin-top:14px; }
.repertoire-more { display:flex; align-items:center; justify-content:space-between; gap:35px; padding-top:32px; margin-top:38px; border-top:1px solid var(--line); }
.repertoire-more p { max-width:710px; font-size:15px; }
.repertoire-more .text-link { flex-shrink:0; margin:0; }
.selling { background:var(--green); color:#fff; }
.selling .eyebrow { color:#ffc3af; }
.selling-layout { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:start; }
.selling-layout>div>p:not(.eyebrow) { color:#e0e5d9; }
.selling-steps { list-style:none; padding:0; margin:0; }
.selling-steps li { display:flex; gap:22px; padding-block:26px; border-bottom:1px solid #ffffff30; }
.selling-steps li:first-child { padding-top:0; }
.selling-steps li:last-child { padding-bottom:0; border-bottom:0; }
.selling-steps li>span { color:#ffc3af; font-size:13px; padding-top:4px; }
.selling-steps h3 { font-size:18px; margin-bottom:8px; }
.selling-steps p { font-size:14px; color:#e0e5d9; }
.bonus-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.bonus-grid article { padding:27px 25px; border:1px solid var(--line); border-top:3px solid var(--red); border-radius:4px; background:#fff; }
.bonus-number { color:var(--red); font-weight:800; font-size:11px; text-transform:uppercase; display:block; margin-bottom:25px; }
.bonus-grid h3 { min-height:56px; }
.bonus-grid p { font-size:14px; color:var(--muted); margin-top:16px; }
.bonus-purpose { display:block; border-top:1px solid var(--line); padding-top:18px; margin-top:24px; color:var(--green); font-size:12px; font-weight:700; }
.bonus-grid .bonus-condition { font-size:12px; color:var(--muted); }
.materials-layout { display:grid; grid-template-columns:1.7fr .7fr .7fr; align-items:center; gap:42px; margin-top:60px; padding-top:48px; border-top:1px solid var(--line); }
.materials-layout h3 { font-size:27px; }
.materials-layout p:not(.eyebrow) { color:var(--muted); margin-top:20px; }
.materials-layout img { width:100%; aspect-ratio:4/5; object-fit:contain; }
.scope-note { font-size:12px; color:var(--muted); }
.proof { background:var(--soft); }
.proof-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; position:relative; }
.proof-grid figure { padding:24px; background:#fff; border:1px solid var(--line); border-radius:4px; min-width:0; }
.proof-excerpt { font-family:Fraunces,Georgia,serif; font-size:22px; line-height:1.35; min-height:100px; }
.proof-link { display:block; position:relative; margin-top:22px; background:#f1f2f0; }
.proof-link img { width:100%; height:360px; object-fit:contain; }
.proof-expand { position:absolute; bottom:10px; right:10px; width:32px; height:32px; display:grid; place-items:center; background:var(--dark); color:#fff; border-radius:50%; font-size:21px; }
.proof-grid figcaption { color:var(--ink); font-size:15px; font-weight:800; margin-top:22px; }
.proof-grid figcaption span { display:block; color:var(--muted); font-size:11px; font-weight:500; margin-top:3px; }
.proof-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:24px; }
.proof-footer .text-link { margin:0; }
.proof-controls { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:22px; }
.proof-controls button { width:44px; min-height:44px; border:1px solid #bcc5b8; color:var(--ink); background:transparent; border-radius:50%; font-size:22px; }
.proof-controls button:disabled { opacity:.35; cursor:default; }
.proof-position { font-size:12px; margin:0; }
.certificate-layout { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:65px; }
.certificate-layout p:not(.eyebrow) { color:var(--muted); }
.certificate-layout img { width:100%; aspect-ratio:1024/724; object-fit:contain; box-shadow:0 14px 35px #26352716; }
.certificate figure { width:100%; min-width:0; }
.certificate figcaption { text-align:center; }
.faq { border-top:1px solid var(--line); }
.faq-layout { display:grid; grid-template-columns:.7fr 1.3fr; gap:65px; }
.faq-list { border-top:1px solid var(--line); }
details { padding:22px 0; border-bottom:1px solid var(--line); }
summary { position:relative; padding-right:34px; list-style:none; cursor:pointer; font-size:15px; font-weight:800; min-height:44px; display:flex; align-items:center; }
summary::-webkit-details-marker { display:none; }
summary::after { content:'+'; position:absolute; right:3px; font-size:22px; font-weight:500; color:var(--red); }
details[open] summary::after { content:'−'; }
details p { font-size:14px; color:var(--muted); margin-top:12px; }
.decision { background:var(--dark); color:#fff; }
.decision .eyebrow { color:#f09e8c; }
.decision-layout { display:grid; grid-template-columns:1.1fr .8fr; gap:110px; align-items:center; }
.decision h2 { font-size:52px; }
.decision-lead { margin-top:20px; font-size:20px; color:#e8ece4; }
.course-scope { padding:0; margin:26px 0 22px; list-style:none; }
.course-scope li { position:relative; padding:12px 0 12px 22px; font-size:14px; border-bottom:1px solid #ffffff20; }
.course-scope li::before { content:'✓'; position:absolute; left:0; color:#c2d8ab; }
.decision .scope-note,.status { color:#b4bfb0; }
.access-action { min-width:0; border-left:1px solid #ffffff35; padding-left:45px; }
.value-anchor { font-size:26px; line-height:1.3; }
#access-details { margin-top:16px; color:#e0e5db; font-size:14px; }
.installment-anchor { margin-top:28px; font-size:16px; color:#f09e8c; }
.access-action .cta { width:100%; margin-top:14px; background:#15803d; color:#fff; }
.access-action .cta:hover:not(:disabled) { background:#166534; }
.status { font-size:12px; margin-top:14px; }
.offer-price { display:grid; gap:6px; margin-top:18px; }
.offer-price span { font-size:18px; font-weight:600; }
.offer-price strong { font-size:80px; line-height:1.05; font-weight:800; white-space:nowrap; }
.cash-price { margin-top:12px; font-size:20px; }
.payment-terms { margin-top:6px; font-size:12px; color:#b4bfb0; }
.enrollment-status { margin-top:28px; }
footer { padding-block:30px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:var(--muted); font-size:12px; }
footer a { display:inline-flex; align-items:center; min-height:44px; }
.proof-dialog { width:min(860px,calc(100% - 32px)); max-height:calc(100dvh - 32px); padding:0; border:0; border-radius:4px; overflow:hidden; background:#fff; }
.proof-dialog::backdrop { background:#111a11d9; }
.dialog-toolbar { height:68px; display:flex; align-items:center; gap:12px; padding:12px; border-bottom:1px solid var(--line); }
.dialog-toolbar p { flex:1; padding-left:8px; font-size:14px; font-weight:800; }
.dialog-toolbar button { flex:0 0 44px; width:44px; min-height:44px; border:1px solid var(--line); background:#fff; font-size:25px; border-radius:4px; }
.dialog-media { overflow:auto; max-height:calc(100dvh - 100px); padding:12px; }
.dialog-image { width:auto; height:auto; max-height:calc(100dvh - 124px); margin-inline:auto; object-fit:contain; }
.dialog-image.is-zoomed { width:var(--zoom-width,732px); height:auto; max-width:none; max-height:none; }
.is-revealed { animation: reveal 450ms ease both; }
@keyframes reveal { from { opacity:.2; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:1100px) {
  .container { width:calc(100% - 56px); }
  h1 { font-size:46px; } h2 { font-size:40px; }
  .hero { gap:30px; width:calc(100% - 56px); }
  .student-layout,.beginner-layout,.selling-layout,.certificate-layout { gap:38px; }
  .teacher-layout { grid-template-columns:290px 1fr; gap:50px; }
  .decision-layout { gap:50px; }
  .proof-grid { gap:18px; } .proof-grid figure { padding:18px; } .proof-excerpt { font-size:20px; }
}
@media (max-width:800px) {
  .section-band { padding-block:64px; } .container { width:calc(100% - 40px); }
  .header-inner { height:78px; } .brand { font-size:16px; } .brand img { width:53px; height:53px; } nav { gap:22px; }
  h1 { font-size:40px; } .hero { gap:24px; width:calc(100% - 40px); padding-block:32px; }
  .student-layout { grid-template-columns:1fr; gap:32px; } .student-copy { max-width:570px; } .course-screen { max-width:620px; margin-inline:auto; }
  .course-screen,.student-action { grid-column:1; grid-row:auto; }
  .beginner-layout { grid-template-columns:1fr 1fr; gap:26px; } .beginner h2 { font-size:31px; } .beginner-layout p { font-size:14px; }
  .practice-photo img { aspect-ratio:4/5; object-position:62% center; }
  .learning-steps { gap:22px; } .learning-steps li { display:block; } .step-number { display:block; margin-bottom:12px; }
  .teacher-layout { grid-template-columns:230px 1fr; gap:38px; }
  .section-heading { gap:35px; grid-template-columns:1fr 1fr; } .section-heading>p { font-size:14px; }
  .preparation-grid { gap:20px; } .preparation-grid h3 { font-size:18px; }
  .repertoire-more,.proof-footer { align-items:flex-start; }
  .selling-layout { grid-template-columns:1fr; gap:38px; } .selling-layout>div { max-width:590px; }
  .bonus-grid { gap:14px; } .bonus-grid article { padding:22px 17px; } .bonus-grid h3 { font-size:18px; min-height:70px; } .bonus-grid p { font-size:13px; }
  .materials-layout { gap:24px; grid-template-columns:1.3fr .7fr .7fr; } .materials-layout h3 { font-size:24px; } .materials-layout p { font-size:14px; }
  .proof-grid figure { padding:14px; } .proof-link img { height:290px; } .proof-excerpt { font-size:19px; min-height:130px; }
  .certificate-layout { grid-template-columns:1fr; gap:35px; } .certificate-layout>div { max-width:600px; } .certificate figure { max-width:640px; margin-inline:auto; }
  .faq-layout { grid-template-columns:1fr; gap:32px; }
  .decision-layout { gap:35px; } .decision h2 { font-size:42px; } .access-action { padding-left:28px; }
  .value-anchor { font-size:24px; } .offer-price strong { font-size:64px; }
}
@media (max-width:600px) {
  body { font-size:15px; } .container { width:calc(100% - 40px); } .section-band { padding-block:54px; }
  h2 { font-size:33px; } h3 { font-size:20px; } .eyebrow { font-size:10px; margin-bottom:15px; }
  .header-inner { height:72px; gap:10px; } .brand { font-size:16px; gap:8px; } .brand small { font-size:9px; } .brand img { width:47px; height:47px; }
  nav { gap:0; } nav a { font-size:12px; } nav a:not(:last-child) { display:none; }
  .hero .eyebrow { font-size:11px; margin-bottom:16px; }
  h1 { font-size:34px; line-height:1.09; }
  .hero-lead { font-size:17px; line-height:1.5; margin-top:20px; max-width:340px; }
  .hero-description { font-size:15px; line-height:1.6; margin-top:13px; }
  .hero .cta { min-height:52px; padding:14px 18px; font-size:13px; margin-top:20px; gap:15px; }
  .hero-note { font-size:12px; margin-top:10px; }
  .motion-control { width:44px; min-height:44px; }
  .course-ribbon .container { gap:10px; padding-block:16px; } .course-ribbon span { font-size:9px; line-height:1.5; gap:7px; flex:1; }
  .course-ribbon span::before { width:3px; height:3px; flex-basis:3px; }
  .student-layout { gap:30px; } .beginner-layout { grid-template-columns:1fr; gap:30px; } .beginner-layout>div { grid-row:1; }
  .beginner h2 { font-size:33px; } .beginner-layout p { font-size:15px; }
  .practice-photo img { aspect-ratio:16/10; object-position:center; }
  .learning-steps { grid-template-columns:1fr; margin-top:30px; padding-top:30px; gap:24px; }
  .learning-steps li { display:flex; gap:18px; } .step-number { margin:0; } .learning-steps h3 { margin-bottom:6px; }
  .teacher-layout { grid-template-columns:1fr; gap:32px; } .teacher-photo { width:240px; height:300px; margin-inline:auto; }
  .section-heading { grid-template-columns:1fr; gap:20px; margin-bottom:30px; } .section-heading>p { max-width:none; font-size:15px; }
  .preparation-grid { grid-template-columns:1fr; gap:34px; }
  .preparation-grid article { display:block; padding-bottom:28px; border-bottom:1px solid var(--line); }
  .preparation-grid img { width:100%; max-width:380px; margin-inline:auto; } .food-category { font-size:11px; margin:18px 0 8px; }
  .preparation-grid article>p:last-child { font-size:15px; margin-top:12px; } .preparation-grid h3 { font-size:24px; }
  .repertoire-more { display:block; padding-top:26px; margin-top:30px; } .repertoire-more .text-link { margin-top:12px; }
  .selling-layout { gap:34px; } .selling-steps li { gap:18px; padding-block:22px; }
  .bonus-grid { grid-template-columns:1fr; gap:18px; } .bonus-grid article { padding:24px; } .bonus-number { margin-bottom:16px; }
  .bonus-grid h3 { min-height:0; font-size:23px; } .bonus-grid p { font-size:14px; margin-top:12px; } .bonus-purpose { margin-top:18px; padding-top:14px; }
  .materials-layout { grid-template-columns:1fr 1fr; gap:26px 20px; margin-top:36px; padding-top:32px; }
  .materials-layout>div { grid-column:1 / -1; } .materials-layout h3 { font-size:27px; } .materials-layout .scope-note { font-size:12px; } .materials-layout figure { max-width:200px; }
  .proof-grid { display:grid; grid-template-columns:1fr; gap:18px; }
  .proof-grid.is-carousel { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; gap:16px; }
  .proof-grid.is-carousel::-webkit-scrollbar { display:none; }
  .proof-grid.is-carousel figure { flex:0 0 100%; scroll-snap-align:start; }
  .proof-grid figure { padding:24px; } .proof-excerpt { font-size:25px; min-height:100px; } .proof-link { margin-top:12px; } .proof-link img { height:385px; }
  .proof-footer { display:block; margin-top:20px; } .proof-footer .text-link { margin-top:10px; }
  .certificate-layout { gap:30px; } .certificate figcaption { font-size:10px; }
  .faq-layout { gap:26px; } details { padding-block:15px; }
  .decision-layout { grid-template-columns:1fr; gap:36px; } .decision h2 { font-size:42px; } .decision-lead { font-size:19px; }
  .access-action { padding:30px 0 0; border-left:0; border-top:1px solid #ffffff35; }
  footer { font-size:10px; padding-block:20px; flex-wrap:wrap; gap:4px 20px; } .dialog-toolbar { gap:6px; } .dialog-toolbar p { font-size:12px; }
}
@media (max-width:360px) {
  .container { width:calc(100% - 32px); } h1 { font-size:32px; } h2,.beginner h2 { font-size:30px; }
  .hero-lead { font-size:16px; } .brand { font-size:14px; }
  .proof-grid figure { padding:20px; } .proof-link img { height:360px; }
}
@media (max-width:600px) and (max-height:720px) {
  h1 { font-size:32px; }
  .hero .eyebrow { margin-bottom:12px; }
  .hero-lead { font-size:14px; margin-top:12px; }
  .hero .cta { margin-top:14px; min-height:48px; }
  .hero-note { margin-top:8px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none !important; transition:none !important; }
}

.cta-pair { display:flex; flex-direction:column; align-items:stretch; width:fit-content; max-width:100%; margin-top:24px; }
.cta-pair .cta { margin-top:0; font-size:16px; }
.cta-caption { display:flex; align-items:center; justify-content:center; min-height:44px; padding:8px 2px; font-size:14px; line-height:1.5; text-decoration:underline; text-align:center; }
.hero .cta { font-size:16px; }
.access-action .cta-pair { width:100%; }
.header-inner { justify-content:flex-start; gap:36px; }
.navigation { margin-left:auto; padding:0; border:0; }
.navigation summary { display:none; }
.navigation nav { gap:24px; }
.navigation nav a { display:inline-flex; white-space:nowrap; }
.navigation nav a:last-child { border:0; }
.early-proof { padding-block:26px; border-bottom:1px solid var(--line); }
.early-proof-inner { display:grid; grid-template-columns:190px 1fr; gap:8px 28px; align-items:center; }
.early-proof .eyebrow { grid-row:span 2; margin:0; }
.early-proof blockquote { font-family:Fraunces,Georgia,serif; font-size:23px; line-height:1.4; }
.early-proof p:last-child { font-size:13px; color:var(--muted); }
.early-proof a { display:inline-flex; align-items:center; min-height:44px; margin-left:16px; }
.transformation .container { max-width:1280px; }
.transformation h2 { max-width:880px; }
.transformation-intro { max-width:760px; margin-top:24px; color:var(--muted); }
.outcomes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; list-style:none; padding:28px 0 0; margin:36px 0 0; border-top:1px solid var(--ink); }
.outcomes li { min-width:0; }
.outcomes span { color:var(--signal); font:700 13px ui-monospace,monospace; }
.outcomes h3 { margin-block:12px; font-size:22px; }
.outcomes p { color:var(--muted); font-size:15px; }
.proof-grid.is-carousel { display:grid; overflow:visible; scroll-snap-type:none; }
.proof-grid figure { display:grid; grid-template-rows:360px 128px 60px; gap:16px; padding:20px; }
.proof-grid .proof-excerpt { grid-row:2; min-height:0; font-family:Manrope,sans-serif; font-size:16px; line-height:1.6; overflow-wrap:anywhere; }
.proof-grid .proof-link { grid-row:1; margin:0; min-width:0; }
.proof-grid .proof-link img { height:360px; }
.proof-grid figcaption { margin:0; overflow-wrap:anywhere; font-size:14px; }
.proof-grid figcaption span { font-size:12px; }
.proof-controls { justify-content:center; }
.proof-position { width:170px; text-align:center; }
.proof-footer { align-items:center; }
.proof-footer .cta-pair { margin:0; }
.dialog-media { overscroll-behavior:contain; }

@media (max-width:1100px) {
  .header-inner { gap:20px; }
  .navigation nav { gap:16px; }
  .brand { font-size:16px; }
}
@media (max-width:800px) {
  .header-inner { height:auto; min-height:78px; position:relative; align-items:flex-start; padding-block:12px; }
  .navigation { padding:0; }
  .navigation summary { display:grid; place-items:center; list-style:none; width:44px; height:44px; padding:0; color:var(--ink); font-size:24px; }
  .navigation summary::-webkit-details-marker { display:none; }
  .navigation summary::after { content:none; }
  .navigation nav { position:absolute; z-index:5; top:100%; right:0; width:min(340px,100%); padding:16px; background:var(--paper); border:1px solid var(--ink); display:grid; grid-template-columns:1fr 1fr; gap:8px 16px; }
  .navigation nav a { font-size:14px; }
  .transformation .container { gap:20px 32px; }
  .proof-grid figure { padding:14px; grid-template-rows:290px 144px 84px; gap:16px; }
  .proof-grid .proof-link img { height:290px; }
  .proof-grid .proof-excerpt { font-size:15px; }
}
@media (max-width:600px) {
  .cta-pair { width:100%; }
  .hero { display:grid; grid-template-columns:minmax(0,1fr); gap:0; width:100%; padding:24px 0; }
  .hero-inner,.hero-copy { display:contents; }
  .hero .eyebrow,.hero h1,.hero-lead,.hero-description,.hero .cta-pair,.hero-note { width:calc(100% - 40px); max-width:none; margin-inline:auto; grid-column:1; }
  .hero .eyebrow { grid-row:1; margin-bottom:14px; }
  .hero h1 { grid-row:2; }
  .hero-lead { grid-row:3; margin-top:18px; margin-bottom:22px; }
  .hero-media { position:static; grid-column:1; grid-row:4; height:auto; aspect-ratio:720 / 406; }
  .hero-media video { height:auto; aspect-ratio:720 / 406; }
  .hero-description { display:block; grid-row:6; margin-top:16px; }
  .hero .cta-pair { grid-row:5; margin-top:24px; }
  .hero-note { grid-row:7; margin-top:10px; }
  .hero .motion-control { position:static; grid-column:1; grid-row:4; align-self:end; justify-self:end; margin:16px; z-index:1; }
  .cta-pair .cta,.hero .cta { font-size:16px; padding:14px 16px; }
  .cta-caption { font-size:14px; }
  .early-proof-inner,.transformation .container { display:block; }
  .early-proof .eyebrow { margin-bottom:10px; }
  .early-proof blockquote { font-size:21px; }
  .early-proof p:last-child { margin-top:8px; }
  .early-proof a { margin-left:8px; }
  .transformation h2 { margin-block:16px 22px; }
  .outcomes { grid-template-columns:1fr; gap:24px; margin-top:28px; }
  .outcomes li { display:grid; grid-template-columns:28px 1fr; gap:8px 12px; }
  .outcomes span { grid-row:1 / 3; padding-top:5px; }
  .outcomes h3 { margin:0; }
  .outcomes p { grid-column:2; }
  .proof-grid.is-carousel { gap:0; }
  .proof-grid figure { padding:20px; grid-template-rows:360px 128px 60px; }
  .proof-grid .proof-link img { height:360px; }
  .proof-grid .proof-excerpt { font-size:16px; }
  .proof-footer .cta-pair { margin-top:22px; }
}