@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@400;500;600&display=swap');
* { box-sizing: border-box; }
:root { --paper:#f8f6f1; --ink:#203a42; --muted:#586b6d; --line:#d9dfd4; --green:#55746b; --gold:#98602e; }
html { scroll-behavior:smooth; scroll-padding-top:100px; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline:3px solid #56828a; outline-offset:5px; }
a,button { touch-action:manipulation; }
.skip-link { position:fixed; top:-100px; left:20px; z-index:100; background:var(--ink); color:white; padding:14px; border-radius:7px; }
.skip-link:focus { top:10px; }
.site-header { max-width:1280px; padding:27px 0; margin:0 auto; display:flex; justify-content:space-between; gap:30px; align-items:center; border-bottom:1px solid var(--line); }
.brand img { display:block; width:150px; height:auto; }
nav { display:flex; gap:30px; font-size:12px; color:var(--muted); }
nav a:hover,.text-action:hover { text-decoration:underline; text-underline-offset:6px; }
.nav-cta { border:1px solid #b7c6bc; border-radius:7px; padding:12px 17px; font-size:11px; font-weight:500; }
.nav-cta:hover { background:#e9eee4; }
.nav-cta span { margin-left:18px; }
.hero { max-width:1280px; margin:auto; padding:80px 0 85px; display:grid; grid-template-columns:1.08fr 1fr; gap:36px; align-items:center; overflow:hidden; }
.eyebrow { font-size:10px; font-weight:500; letter-spacing:.15em; text-transform:uppercase; color:var(--gold); margin:0 0 25px; }
.eyebrow > span { display:inline-block; width:6px; height:6px; background:#8aa17a; border-radius:50%; margin-right:10px; vertical-align:middle; }
h1,h2,blockquote { font-family:'Playfair Display',Georgia,serif; font-weight:400; letter-spacing:-.04em; }
h1 { font-size:clamp(48px,5.1vw,74px); line-height:1.1; margin:0; }
em { color:var(--green); font-weight:400; }
.hero-lede { max-width:385px; margin:26px 0 0; font-size:14px; line-height:1.9; color:var(--muted); }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:26px; margin:30px 0 18px; }
.primary-action { display:inline-flex; gap:30px; align-items:center; justify-content:space-between; padding:17px 22px; background:var(--ink); color:white; border-radius:7px; font-size:12px; font-weight:500; min-height:48px; transition:background .2s; }
.primary-action:hover { background:#385a60; }
.text-action { font-size:11px; display:inline-flex; align-items:center; gap:14px; padding:12px 0; }
.hero-note { color:#637470; font-size:10px; }
.seminar-scene { position:relative; height:475px; min-width:0; }
.orbit { position:absolute; border:1px solid #e0e4d9; border-radius:50%; width:470px; height:470px; top:0; left:50%; transform:translateX(-50%); }
.orbit-two { width:390px; height:390px; top:40px; border-style:dashed; }
.orbit-point { position:absolute; width:9px; height:9px; border-radius:50%; background:#adba9f; }
.point-a { top:65px; right:41px; }.point-b { bottom:27px; left:94px; background:#bf976a; width:6px; height:6px; }
.source-sheet { position:absolute; background:#fffef9; border:1px solid #dfe2d5; box-shadow:0 14px 45px rgba(46,61,43,.05); border-radius:3px; width:305px; left:50%; margin-left:-182px; top:31px; padding:27px 28px; transform:rotate(-7deg); }
.sheet-meta { display:flex; justify-content:space-between; font-size:8px; letter-spacing:.1em; color:#6c7b6e; }
.sheet-rule { display:block; height:1px; background:#c6cebc; width:34px; margin:26px 0 19px; }
.sheet-title { font-family:'Playfair Display',Georgia,serif; font-size:30px; line-height:1.25; margin:0 0 20px; }
.sheet-excerpt { font-size:11px; line-height:1.9; color:#6b786e; }
.sheet-lines { display:grid; gap:9px; margin:25px 0; }.sheet-lines i { display:block; height:2px; background:#e7eade; }.sheet-lines i:last-child { width:70%; }
.sheet-footer { font-size:8px; color:#73816c; }
.question-note { position:absolute; top:278px; right:0; background:#e8eee2; border:1px solid #d6dfcb; border-radius:12px; padding:22px 25px; width:335px; box-shadow:0 18px 40px rgba(46,61,43,.06); transform:rotate(3deg); }
.question-author { display:flex; align-items:center; gap:10px; }.question-author strong { font-size:11px; font-weight:500; }.question-author span { margin-left:auto; font-size:9px; color:#63745a; }
.question-note p { font-family:'Playfair Display',Georgia,serif; font-size:20px; line-height:1.5; margin:17px 0; letter-spacing:-.01em; }
.question-tail { color:#67795c; font-size:8px; }
.scene-caption { position:absolute; top:483px; left:50%; transform:translateX(-50%); white-space:nowrap; font-size:9px; color:#73816c; }
.principles-strip { border-block:1px solid var(--line); padding:23px max(6%,calc((100% - 1280px)/2)); display:flex; align-items:center; justify-content:space-between; gap:24px; }
.principles-strip > span { font-size:9px; letter-spacing:.11em; text-transform:uppercase; color:#72806d; }
.principles-strip p { font-size:12px; margin:0; color:var(--muted); }.principles-strip i { font-style:normal; color:#9ea88f; margin:0 20px; }
.section { padding:95px max(6%,calc((100% - 1280px)/2)); }
.experience-section { display:grid; grid-template-columns:1fr 1fr; gap:100px; }
h2 { font-size:clamp(32px,3.3vw,47px); line-height:1.2; margin:0; }
.section-heading > p { font-size:13px; line-height:1.9; max-width:370px; color:var(--muted); margin-top:25px; }
.feature-list article { display:flex; gap:25px; padding:25px 0; border-bottom:1px solid var(--line); }.feature-list article:first-child { padding-top:0; }
.feature-number { color:var(--gold); font-size:10px; padding-top:5px; }
h3 { font-size:16px; font-weight:500; margin:0 0 12px; letter-spacing:-.025em; }
.feature-list p { font-size:12px; line-height:1.9; color:var(--muted); max-width:365px; margin:0; }
.proof-section { background:#edf0e6; border-block:1px solid #dfe4d6; text-align:center; }
blockquote { font-size:clamp(28px,3.9vw,54px); line-height:1.3; margin:0 auto 25px; }
.proof-section > p { max-width:450px; margin:0 auto; color:var(--muted); font-size:12px; line-height:1.9; }
.proof-mark { display:flex; align-items:center; justify-content:center; gap:19px; margin-top:32px; }.proof-mark span { height:1px; width:50px; background:#bccab0; }
.steps-section .section-heading { margin-bottom:45px; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:42px; list-style:none; padding:0; margin:0; }
.steps li { border-top:1px solid #bfcab8; padding-top:23px; }.steps li > span { font-size:9px; color:var(--gold); letter-spacing:.12em; display:block; margin-bottom:25px; }
.steps h3 { font-family:'Playfair Display',Georgia,serif; font-size:23px; font-weight:400; }
.steps p { font-size:12px; line-height:1.9; color:var(--muted); max-width:300px; }
.pilot-section { background:#203a42; color:#fffef8; display:flex; justify-content:space-between; align-items:center; gap:60px; }
.pilot-section .eyebrow { color:#d4b892; }.pilot-section em { color:#c4d3b8; }.pilot-section p { font-size:12px; line-height:1.9; color:#c0d0cc; max-width:410px; margin:25px 0 0; }
.pilot-actions { display:flex; flex-direction:column; align-items:center; gap:16px; flex-shrink:0; }.pilot-actions .primary-action { background:#e5e9d9; color:var(--ink); width:220px; }.pilot-actions .primary-action:hover { background:white; }.pilot-actions .text-action { color:#d2dcd2; font-size:10px; }
.site-footer { display:flex; align-items:center; gap:25px; max-width:1280px; padding:35px 0; margin:auto; }.site-footer p { font-size:11px; color:var(--muted); }.site-footer a { font-size:11px; margin-left:auto; }
@media (min-width:1450px) { .hero { padding-block:100px; } }
@media (max-width:1400px) { .site-header,.hero,.site-footer { margin-inline:6%; }.hero { gap:20px; } }
@media (max-width:1000px) { .hero { padding-block:60px; grid-template-columns:1fr 1fr; }.hero h1 { font-size:53px; }.source-sheet { width:270px; margin-left:-145px; }.question-note { width:280px; top:290px; }.orbit { width:380px; height:380px; top:30px; }.orbit-two { width:320px; height:320px; top:60px; }.experience-section { gap:50px; }.principles-strip { flex-direction:column; gap:13px; }.principles-strip i { margin:0 12px; }.section { padding-block:70px; } }
@media (max-width:720px) { .site-header { padding-block:20px; }.brand img { width:125px; }nav { display:none; }.nav-cta { font-size:10px; padding:11px; }.nav-cta span { margin-left:10px; }.hero { grid-template-columns:1fr; padding:45px 0 30px; gap:35px; }.hero h1 { font-size:clamp(43px,8.7vw,65px); }.hero-lede { font-size:13px; }.hero-copy .eyebrow { margin-bottom:21px; }.hero-actions { gap:22px; }.seminar-scene { max-width:420px; width:100%; margin:0 auto; height:490px; }.question-note { width:290px; top:270px; }.scene-caption { top:458px; }.source-sheet { top:22px; left:48%; }.orbit { top:15px; }.orbit-two { top:45px; }.principles-strip p { font-size:10px; text-align:center; line-height:2; }.principles-strip i { margin:0 7px; }.experience-section { grid-template-columns:1fr; gap:35px; }.section { padding:55px 6%; }.steps { grid-template-columns:1fr; gap:25px; }.steps li > span { margin-bottom:14px; }.steps h3 { margin-bottom:8px; }.steps p { max-width:100%; }.steps-section .section-heading { margin-bottom:30px; }.pilot-section { flex-direction:column; align-items:flex-start; gap:30px; }.pilot-actions { align-items:flex-start; }.site-footer { flex-wrap:wrap; gap:17px; padding-block:25px; }.site-footer p { margin-left:auto; font-size:9px; }.site-footer a { margin-left:0; width:100%; }.eyebrow { font-size:9px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }* { transition:none !important; } }