:root{--navy:#102b40;--deep:#091d2c;--gold:#c4a16b;--cream:#f8f6f1;--ink:#142d40;--muted:#586674;--line:#dcd8cf;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);text-align:center;font-size:18px;line-height:1.65}a{color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.skip{position:fixed;top:-100px;left:50%;transform:translateX(-50%);z-index:99;background:white;padding:12px}.skip:focus{top:8px}header{position:relative;z-index:10;padding:22px 24px 16px;border-bottom:1px solid var(--line);background:var(--cream)}.logo{width:128px;height:48px;object-fit:contain;display:block;margin:auto}nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 30px;margin-top:14px;font-size:14px}nav a{text-decoration:none}nav a:hover{text-decoration:underline;text-underline-offset:6px}.wrap{width:min(1100px,calc(100% - 40px));margin-inline:auto}.hero{position:relative;overflow:hidden;padding:75px 20px 65px;isolation:isolate}.hero:before,.hero:after{content:'';position:absolute;border:1px solid var(--gold);border-radius:50%;width:1000px;height:1000px;left:50%;top:80px;transform:translateX(-50%);z-index:-1;opacity:.22}.hero:after{width:1250px;height:1250px;top:30px;opacity:.14}.eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;margin:0 0 22px}.pill{display:inline-block;border:1px solid #d8c5a6;padding:7px 20px;border-radius:40px;letter-spacing:.04em;font-size:14px;background:#eee6d9}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08}h1{font-size:clamp(58px,8vw,108px);letter-spacing:-.055em;margin:26px auto 28px;max-width:950px}h1 em{font-weight:400;color:#96703d}h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.035em;margin-bottom:26px}h3{font-size:30px}.lead{max-width:670px;margin:0 auto 30px;color:var(--muted);font-size:20px}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:12px 28px;border-radius:5px;background:var(--navy);color:white;border:1px solid var(--navy);font-size:16px;text-decoration:none;font-weight:600;cursor:pointer}.button:hover{background:#25475e}.button.secondary{background:transparent;color:var(--ink);border-color:#aab1b5}.button.gold{background:#e2c595;border-color:#e2c595;color:var(--deep)}.facts{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin:52px auto 0;padding-top:25px;border-top:1px solid var(--line);max-width:750px;font-size:15px}.facts b{display:block;font-family:var(--serif);font-size:28px;font-weight:400}.section{padding:95px 0}.dark{background:var(--navy);color:var(--cream)}.dark .lead{color:#c6cfd4}.dark .eyebrow{color:#e2c595}.story{padding:0;background:var(--deep);color:var(--cream)}.story-step{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 22px;border-bottom:1px solid #ffffff18}.story-step p{max-width:610px;color:#c4ced5}.step-no{font-family:var(--serif);color:#d8b780;font-size:20px;display:block;margin-bottom:25px}.story-step h2{max-width:850px}.story-step:last-child{border:none}.module-list{max-width:900px;margin:42px auto 0}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:25px 46px;position:relative;font-family:var(--serif);font-size:26px;line-height:1.25}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-family:var(--sans);font-size:24px;color:#8b6a3e}details[open] summary:after{content:'−'}.module-no{display:block;font:12px var(--sans);letter-spacing:.17em;color:#826746;margin-bottom:10px}.lessons{padding:0 24px 28px;color:var(--muted);max-width:720px;margin:auto}.lessons p{margin:12px auto}.bonus{margin:32px auto 0;padding:30px;max-width:900px;background:#eee7da;border:1px solid #dbccb3;border-radius:6px}.bonus h3{margin:10px auto 14px}.bonus p{margin:0 auto;max-width:680px}.teacher{background:#edeae3}.poster{display:block;width:min(350px,100%);height:auto;border-radius:6px;margin:32px auto}.teacher .lead{max-width:540px}.price-grid,.contacts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:890px;margin:45px auto 0}.price-card{border:1px solid #557083;border-radius:8px;padding:40px 28px;display:flex;flex-direction:column;align-items:center;background:#19374d}.price-card.vip{border-color:#dfbd83;background:#0b2335}.price-card h3{font-size:clamp(28px,3vw,37px)}.price{font:60px var(--serif);color:#ead2a9;margin:5px 0 22px}.price small{font-size:34px}.features{padding:0;margin:0 0 30px;list-style:none;font-size:17px}.features li{padding:10px 0;border-bottom:1px solid #ffffff13}.price-card .button{margin-top:auto;width:100%}.contact-card{padding:30px;border:1px solid var(--line);border-radius:8px;background:#fffdf9}.portrait{width:160px;height:160px;object-fit:cover;border-radius:50%;display:block;margin:0 auto 25px}.contact-card h3{margin-bottom:22px}.contact-card .actions{gap:10px}.contact-card .button{padding:10px 22px}.small{font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:35px 20px;font-size:14px}footer p{margin:10px auto}.scroll-note{margin-top:28px;font-size:13px;color:var(--muted)}.reveal{transition:opacity .7s ease,transform .7s ease}.motion .reveal.pending{opacity:0;transform:translateY(25px)}.progress{position:fixed;inset:0 auto auto 0;height:3px;background:var(--gold);z-index:100;width:0;pointer-events:none}.swatches{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.swatch{padding:30px;min-width:130px;border:1px solid var(--line)}@media(max-width:640px){body{font-size:17px}.hero{padding:50px 18px}.section{padding:65px 0}h1{font-size:61px}.lead{font-size:18px}.price-grid,.contacts-grid{grid-template-columns:1fr}.facts{gap:18px}.facts b{font-size:24px}summary{font-size:23px;padding:24px 35px}.wrap{width:calc(100% - 32px)}nav{gap:10px 20px}.story-step{min-height:50vh}.price-card{padding:32px 20px}.actions{gap:12px}.hero .actions{flex-direction:column;max-width:340px;margin:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none!important;transform:none!important;opacity:1!important}}
header{background:var(--navy);color:var(--cream);border-bottom-color:#355064}header .logo{height:60px}.story-step .reveal>p{margin-inline:auto}
/* Compact centered layout approved by the owner. */
nav{gap:12px;margin-top:16px;font-size:20px;font-weight:600}nav a{display:flex;justify-content:center;align-items:center;min-height:52px;padding:10px 24px;border:1px solid #ac9169;border-radius:7px}nav a:hover{background:#25475e;text-decoration:none}header{padding:16px 20px}.hero{padding:40px 20px 32px}h1{font-size:clamp(54px,7vw,88px);margin:20px auto;letter-spacing:-.035em}.section{padding:52px 0}.eyebrow{margin-bottom:16px}.lead{margin-bottom:24px}.facts{margin-top:28px;padding-top:18px}.scroll-note{margin-top:18px;margin-bottom:0}.story-step{min-height:30vh;padding:30px 22px}.story-step h2{font-size:clamp(30px,3.6vw,44px);margin-bottom:16px}.story-step p{margin-bottom:14px}.step-no{margin-bottom:12px}.module-list{margin-top:26px}.price-grid,.contacts-grid{margin-top:28px}.poster{width:min(400px,100%);margin:24px auto 0}.bonus{margin-top:24px;padding:24px}footer{padding:24px 20px}@media(max-width:640px){nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:420px;margin-inline:auto;gap:10px;font-size:18px}nav a{padding:9px 8px;min-height:50px}.hero{padding:30px 18px}.section{padding:36px 0}.story-step{min-height:25vh;padding:24px 18px}.story-step h2{font-size:30px}.facts{gap:18px}.poster{max-width:350px}}
/* Mobile navigation remains available beyond every content section. */
.menu-toggle{display:none}dialog{padding:0;border:1px solid var(--gold);border-radius:12px;background:var(--navy);color:var(--cream);width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 32px);text-align:center}dialog::backdrop{background:#061624bb}.menu-panel{padding:24px}.menu-panel h2{font-size:32px;margin-bottom:16px}.menu-close{background:transparent;border:1px solid var(--gold);border-radius:6px;min-height:44px;padding:8px 20px;color:inherit;font:inherit;cursor:pointer}.menu-panel nav{display:flex;flex-direction:column}.menu-panel nav a{font-size:20px;min-height:52px}.menu-open{overflow:hidden}
@media(max-width:640px){html{scroll-padding-top:calc(88px + env(safe-area-inset-top))}body{padding-top:calc(72px + env(safe-area-inset-top))}header{position:fixed;inset:0 0 auto;z-index:50;height:calc(72px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between}header .logo{width:70px;height:52px;margin:0}header>nav{display:none}.menu-toggle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--gold);border-radius:7px;background:transparent;color:var(--cream);font-size:28px;cursor:pointer}.hero{padding:30px 20px 24px}.hero>.eyebrow{font-size:12px;letter-spacing:.08em;max-width:290px;margin:0 auto 16px}.hero h1{font-size:clamp(46px,13vw,68px);margin:22px auto}.hero .lead{display:none}.hero .actions .secondary{display:none}.hero .actions{max-width:350px}.hero .facts{gap:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));font-size:12px;line-height:1.4;padding-top:16px;margin-top:24px}.hero .facts>div{padding:0 5px}.facts b{font-family:var(--sans);font-size:16px;font-weight:600;line-height:1.4;margin-bottom:4px}.scroll-note{font-size:14px}.scroll-note a{text-underline-offset:4px;display:inline-block;padding:10px 4px;min-height:44px}.story-step{min-height:0;padding:24px 20px}.story-step h2{font-size:29px}.story-step p{font-size:16px;line-height:1.55}.reveal{transition-duration:.35s}.section{padding:36px 0}.section h2{font-size:36px}.section .lead{font-size:17px}summary{font-size:22px;padding:20px 32px 20px 20px}.lessons{padding-inline:12px;font-size:16px}.price-card{padding:26px 18px}.price-card h3{font-size:30px}.features{font-size:16px}.contact-card{padding:24px 16px}.contact-card .button{min-height:48px}.portrait{width:140px;height:140px}.poster{width:100%;max-width:400px}.progress{z-index:60}footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}
@media(max-width:640px){html{scroll-behavior:auto}}
 .lessons p:not(:has(strong)){padding-left:1.1em;position:relative}.lessons p:not(:has(strong))::before{content:'—';position:absolute;left:0;color:var(--gold);font-weight:600}
/* Readable lesson cards: centered column, left-aligned copy, compact dash. */
.lessons{width:min(720px,100%);text-align:left}
.lessons p{position:relative;margin:9px auto;padding:12px 16px;border:1px solid rgba(16,43,64,.12);border-radius:6px;background:rgba(255,255,255,.34);text-align:left}
.lessons p:not(:has(strong)){padding-left:50px}
.lessons p:not(:has(strong))::before{left:16px;top:12px}
.lessons p strong{display:block;text-align:left}