/* An editorial, motorsport-inspired type system with a finite ambient intro. */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/barlow-condensed-700.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url('/fonts/ibm-plex-sans.woff2') format('woff2')}
:root{--bg:#080b0c;--panel:#111718;--panel-light:#192323;--line:#2c3836;--text:#f4f6ef;--muted:#b5c0bc;--green:#d4ff5c;--green-dark:#223223;--font:'IBM Plex Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}
html{scroll-padding-top:100px}body{overflow-x:clip;background:#080b0c}body:has(dialog[open]){overflow:hidden}.section-shell{width:min(1320px,calc(100% - 104px))}.ambient-stage{position:absolute;inset:0 0 auto;height:1050px;overflow:hidden;pointer-events:none;z-index:-1;background:#0c201b}.gradient-field{position:absolute;inset:-10%;background:radial-gradient(ellipse at 18% 30%,#47611bcc 0,transparent 41%),radial-gradient(ellipse at 73% 21%,#087057c7 0,transparent 43%),radial-gradient(ellipse at 74% 67%,#075c8bb3 0,transparent 42%),radial-gradient(ellipse at 31% 78%,#b1ce2555 0,transparent 39%);transform:translate3d(0,0,0) rotate(0) scale(1);animation:gradient-arrival 5s cubic-bezier(.22,.61,.36,1) both;will-change:transform}.gradient-grid{position:absolute;inset:0;background-image:linear-gradient(#a7dab009 1px,transparent 1px),linear-gradient(90deg,#a7dab009 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(#000,transparent 90%)}.gradient-fade{position:absolute;inset:0;background:linear-gradient(90deg,#080b0cbb 0,#080b0c38 60%,#080b0c44),linear-gradient(0deg,#080b0c 0,transparent 60%)}
.site-header{position:sticky;top:0;z-index:30;height:90px;max-width:none;padding-inline:max(52px,calc((100% - 1320px)/2));border-bottom:1px solid #d5ffe21a;background:#080b0ceb;transition:background .25s,border-color .25s;backdrop-filter:none}.site-header.is-scrolled{background:#080b0cec;border-color:var(--line)}.wordmark{font:700 1.3rem/.92 var(--display);letter-spacing:.035em;text-transform:uppercase;max-width:180px}.wordmark svg{width:34px;height:34px;flex-shrink:0}.site-header nav{font-size:.875rem;gap:28px}.site-header .button-small{min-height:42px;padding:10px 18px;border-radius:0;font-size:.875rem}.site-header .button-outline{border-color:#b0d4b77a}
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.018em;text-transform:uppercase}h1{font-size:clamp(6rem,10.5vw,10rem);line-height:.83;letter-spacing:-.025em}h2{font-size:clamp(3.7rem,5.4vw,5.7rem);line-height:.91}h3{font-size:2rem}em{font-style:normal;color:var(--green)}.eyebrow{font-family:var(--font);font-size:.75rem;font-weight:500;letter-spacing:.15em;color:#d4ff8f;line-height:1.5}.hero{min-height:760px;grid-template-columns:1.07fr 1fr;gap:68px;padding-block:80px 94px}.hero .eyebrow{margin-bottom:35px}.hero h1 .headline-line{display:block;padding-block:.04em;overflow:visible}.hero-description{font-size:1.0625rem;max-width:405px;line-height:1.75;margin-top:30px;color:#d6dfd9}.hero-actions{margin-top:28px;gap:24px;flex-direction:row;align-items:center}.hero-price{font-size:.875rem;margin-top:23px;color:#c0ccc3}.hero-price strong{color:#f4f6ef;font-weight:500}.hero-price span{font-size:.75rem}.button{border-radius:0;position:relative;isolation:isolate;overflow:hidden;font-size:.9375rem;font-weight:600;transition:transform .22s,box-shadow .25s,background .25s;min-height:54px;letter-spacing:.015em}.button-primary{background:var(--green);color:#101506;box-shadow:0 5px 24px #91d84118}.button-primary::after{content:'';position:absolute;inset:-100% -35%;z-index:-1;background:linear-gradient(115deg,transparent 35%,#fff9 49%,transparent 62%);transform:translateX(-100%);pointer-events:none}.button-primary:hover:not(:disabled){background:#dfff83;box-shadow:0 6px 34px #baf35040;transform:translateY(-3px)}.button-primary:hover:not(:disabled)::after{animation:button-glint .65s ease-out}.button:active:not(:disabled){transform:translateY(0) scale(.98)}.button:disabled{opacity:.55;cursor:not-allowed}.text-link{font-size:.875rem;white-space:nowrap}.reading-progress{height:2px;background:transparent;z-index:60}.reading-progress span{background:var(--green)}
.chart-panel{position:relative;transform:rotate(1deg);border-radius:0;background:linear-gradient(135deg,#172924,#0b1418);border-color:#8eb69c66;box-shadow:0 40px 95px -35px #000c,0 0 85px -35px #61ffd054;backdrop-filter:none;will-change:auto}.panel-topline{padding:23px 24px;border-color:#8db49a38;font:500 .75rem/1.5 var(--font);letter-spacing:.08em}.panel-index{color:#bccfc2}.chart-panel::before{content:'';position:absolute;top:0;left:0;width:72px;height:3px;background:var(--green)}.chart-grid path{stroke:#95cbb124}.price-line{stroke:var(--green);stroke-width:3}.concept-marker,.concept-halo{fill:var(--green)}.concept-halo{fill:none;stroke:var(--green)}.chart-label{font:12px var(--font);fill:#e2eacb}.muted-label{fill:#b6c3b6}.chart-caption{font-size:.75rem;color:#c1d0c6;flex-wrap:wrap;margin-inline:12px;gap:4px 16px}.chart-insight{min-height:137px;padding:23px 24px;border-color:#92b69633}.insight-number{font:700 2.6rem/1 var(--display);color:var(--green)}.chart-insight h2{font:700 1.55rem/1 var(--display);letter-spacing:0;margin-bottom:9px}.chart-insight p{font-size:.875rem;color:#c0cdc4}.concept-steps{border-color:#92b69633}.concept-steps button{padding:14px 5px;color:#c6d3cb;border:0;border-right:1px solid #92b69633;background:transparent;font:500 .875rem/1 var(--font);cursor:pointer;transition:background .2s,color .2s}.concept-steps button:last-child{border-right:0}.concept-steps button:hover,.concept-steps button.active{background:#d4ff5c;color:#14200d}.concept-steps button:focus-visible{outline-offset:-4px}
.intro-bar{padding-block:25px;border-color:#9ed1a84a;font-size:.875rem;gap:25px}.intro-bar p{font:700 1.35rem var(--display);letter-spacing:.035em}.intro-bar span::before{content:'/';font-family:var(--font);font-size:1rem}.curriculum,.faq{padding-block:112px;gap:80px;grid-template-columns:.8fr 1.2fr}.section-intro>p:last-child{font-size:1rem;max-width:335px;line-height:1.8}.lesson{position:relative;padding:29px 14px 29px 0;gap:26px;transition:background .2s,border-color .2s}.lesson:first-child{padding-top:29px;border-top:1px solid var(--line)}.lesson:hover{padding-left:0;background:linear-gradient(90deg,#d4ff5c0e,transparent);border-color:#78984d}.lesson-number{font:700 1.8rem/1 var(--display);color:var(--green)}.lesson h3{font:700 1.7rem/1.12 var(--display);letter-spacing:.01em}.lesson p{font-size:.9375rem;line-height:1.75;max-width:395px;margin-top:10px}.lesson-tag{font-size:.75rem;letter-spacing:.04em;padding:3px 6px;align-self:flex-start;margin-top:5px;border-radius:0;color:#b3c6b5}
.membership{position:relative;padding:64px;background:linear-gradient(125deg,#192921 0,#102023 50%,#0c1419 100%);border:1px solid #6985756b;border-radius:0;gap:70px;align-items:start}.membership::before{content:'';position:absolute;left:-1px;top:-1px;width:105px;height:3px;background:var(--green)}.membership-copy>p:not(.eyebrow){color:#c1cfc5;max-width:370px}.access-steps{margin-top:32px;gap:24px}.access-steps li>span{border-radius:0;background:#d4ff5c0c;border-color:#85ab7759;color:var(--green);font:700 1.2rem var(--display);width:32px;height:32px}.access-steps strong{font-weight:600;font-size:1rem}.access-steps p{color:#bbc9c0;font-size:.875rem}.price-card{position:relative;background:#090f10;border:1px solid #829b6970;border-radius:0;padding:32px;box-shadow:0 18px 50px #0005}.price-card .eyebrow{font-size:.75rem}.tag{border-radius:0;font-size:.75rem}.price{font:700 7rem/.9 var(--display);letter-spacing:-.02em;margin-top:30px;column-gap:4px}.price-decimal{font-size:.6em;letter-spacing:0}.currency{font-size:3rem;margin-top:4px}.price-interval{font:400 .875rem/1.5 var(--font);flex-basis:100%;margin-top:13px;letter-spacing:0}.price-summary{font-size:.9375rem;margin-top:16px}.benefits{font-size:.9375rem;padding-top:22px;margin-top:23px;gap:11px}.benefits li::before{color:var(--green)}.join-button{cursor:pointer}.join-button:disabled{background:var(--green);color:#101506;opacity:.55;cursor:not-allowed}.checkout-note,.billing-details,.price-legal{font-size:.8125rem;line-height:1.65}.billing-details{color:#b7c3bb}.price-legal{gap:22px}.faq-list summary{font-size:1rem;padding-block:23px}.faq-list details>p{font-size:1rem}.faq-list details{transition:background .2s}.faq-list details[open]{background:#d4ff5c05}.faq-list details[open] summary{color:var(--green)}.risk-note{font-size:.875rem;gap:80px}.risk-note p{font-size:.875rem}.risk-note .eyebrow{font-size:.75rem}.site-footer{padding-block:40px;font-size:.8125rem}.site-footer>.wordmark{font:700 1.25rem var(--display)}.site-footer>div{gap:24px}.motion-toggle{font-size:.8125rem;color:var(--muted);text-decoration:underline;text-underline-offset:4px;background:none;border:0;padding:0;cursor:pointer}
.legal-shell>h1{font:700 clamp(3rem,7vw,5.5rem)/.98 var(--display);letter-spacing:-.01em}.legal-content h2{font:700 1.9rem/1.15 var(--display);letter-spacing:0}.legal-content h3{font:700 1.6rem/1.15 var(--display);letter-spacing:0}.legal-content{color:#c9d2cd}.legal-content .placeholder{background:#594b262e;color:#e5d3a3}.draft-notice{border-color:#dab877;font-size:.9375rem}.manage-box{border-radius:0}.manage-box .button{width:100%}.consent-dialog{max-width:590px;max-height:calc(100dvh - 40px);border-radius:0;padding:30px;background:#101918;border-color:#769268;box-shadow:0 30px 120px #0009}.consent-dialog::backdrop{background:#030705d9;backdrop-filter:none}.consent-dialog h2{font:700 2.9rem/1 var(--display);letter-spacing:-.01em;margin-top:12px;margin-bottom:22px}.consent-dialog .eyebrow{font-size:.75rem;margin-right:25px}.consent-dialog p{font-size:.9375rem;line-height:1.65}.consent-dialog strong{color:#eef5e9}.consent-dialog label{font-size:.9375rem;line-height:1.6;gap:12px;margin:20px 0}.consent-dialog input{accent-color:#badd58;width:20px;height:20px}.consent-dialog .dialog-close{float:none;position:absolute;right:17px;top:10px;width:38px;height:38px;font:400 2rem/1 var(--font);padding:0}.consent-dialog .dialog-footnote{font-size:.8125rem;text-align:center;color:#acbfb0;margin-bottom:0}.consent-dialog form{border-top:1px solid var(--line);margin-top:22px}.consent-dialog .button{margin-top:10px}.legal-content h2[id]{scroll-margin-top:105px}
@keyframes gradient-arrival{0%{transform:translate3d(-5%,-4%,0) scale(1.07)}45%{transform:translate3d(4%,3%,0) scale(1.04)}100%{transform:translate3d(0,0,0) scale(1)}}
@keyframes button-glint{to{transform:translateX(100%)}}@keyframes headline-pop{from{opacity:0;transform:translateY(35px) skewY(3deg)}to{opacity:1;transform:translateY(0) skewY(0)}}@keyframes panel-arrival{from{opacity:0;transform:translateY(24px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(1deg)}}
.js-motion .headline-line{animation:headline-pop .85s cubic-bezier(.16,1,.3,1) both}.js-motion .headline-line:nth-child(2){animation-delay:.12s}.js-motion .chart-panel{animation:panel-arrival 1s .18s cubic-bezier(.16,1,.3,1) both}.reveal-ready{transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(27px)}.reveal-ready.is-visible{transform:translateY(0)}.motion-paused .gradient-field{animation:none;transform:none;filter:none;will-change:auto}.motion-paused .chart-panel{animation:none}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .headline-line{animation:none;opacity:1;transform:none;filter:none}
@media(min-width:1500px){.hero{min-height:800px}.chart-panel{max-width:590px}}@media(max-width:1150px){.section-shell{width:calc(100% - 72px)}.site-header{padding-inline:36px;gap:28px}.hero{gap:36px;min-height:700px}h1{font-size:8rem}.hero-actions{flex-wrap:wrap;gap:18px}.membership{gap:38px;padding:42px}.curriculum,.faq,.risk-note{gap:48px}.lesson-tag{display:none}.chart-caption{font-size:.75rem}.price-card{padding:28px}}
@media(max-width:850px){.site-header{height:80px}.hero{grid-template-columns:1fr;gap:55px;padding-block:56px 60px;min-height:0}.hero-copy{max-width:600px}h1{font-size:clamp(6rem,17vw,10rem)}.hero-description{max-width:470px}.chart-panel{transform:none;max-width:640px}.js-motion .chart-panel{animation:headline-pop .8s .2s both}.chart-insight{min-height:126px}.intro-bar{flex-wrap:wrap;gap:14px 24px}.intro-bar p{max-width:none;width:100%}.curriculum,.faq{grid-template-columns:1fr;gap:36px;padding-block:80px}.section-intro>p:last-child{max-width:450px}h2{font-size:4.5rem}.lesson p{max-width:none}.membership{grid-template-columns:1fr;gap:40px;padding:36px}.price-card{max-width:none}.risk-note{grid-template-columns:1fr;gap:18px}.ambient-stage{height:1200px}.gradient-fade{background:linear-gradient(90deg,#080b0c9c,#080b0c33),linear-gradient(0deg,#080b0c,transparent 70%)}.hero-price strong,.hero-price span{display:block}.hero-price span::before{content:''}}
@media(max-width:520px){.section-shell{width:calc(100% - 40px)}.site-header{padding:0 20px;gap:15px;height:76px}.wordmark{font-size:1.05rem;max-width:126px;gap:9px}.wordmark svg{width:28px}.site-header .button-small{padding:9px 11px;font-size:.75rem;min-height:39px}.hero{padding-block:42px 48px;gap:40px}.hero .eyebrow{font-size:.75rem;letter-spacing:.095em;margin-bottom:27px}.eyebrow-line{width:15px}h1{font-size:clamp(5.5rem,21vw,7.5rem);letter-spacing:-.02em}.hero-description{font-size:1rem;margin-top:25px}.hero-actions{gap:18px}.hero-actions .button{padding-inline:20px}.hero-price{font-size:.875rem}.hero-price span{font-size:.75rem}.panel-topline{padding:17px 15px;font-size:.75rem;letter-spacing:0;gap:8px}.panel-topline>span:first-child{max-width:195px}.concept-chart{padding-inline:7px}.chart-caption{margin-inline:8px;font-size:.75rem}.chart-insight{padding:20px 16px;gap:14px;min-height:148px}.chart-insight h2{font-size:1.5rem}.chart-insight p{font-size:.875rem}.concept-steps button{font-size:.8125rem;padding-block:15px}.intro-bar{font-size:.8125rem;gap:12px 23px}.intro-bar p{font-size:1.4rem}.curriculum,.faq{padding-block:64px}.section-intro .eyebrow,.membership-copy>.eyebrow{margin-bottom:18px}h2{font-size:3.9rem}.lesson{gap:18px;padding-block:24px}.lesson-number{font-size:1.5rem}.lesson h3{font-size:1.65rem}.lesson p{font-size:.9375rem}.membership{padding:28px 20px;gap:34px}.membership h2{font-size:3.55rem}.price-card{padding:23px 19px}.price{font-size:6.5rem}.price-interval{font-size:.875rem}.benefits{font-size:.875rem}.checkout-note,.billing-details,.price-legal{font-size:.8125rem}.access-steps p{font-size:.875rem}.faq-list summary{font-size:1rem}.faq-list details>p{font-size:1rem}.site-footer{gap:18px}.site-footer>div{gap:18px}.legal-shell{width:calc(100% - 40px)}.legal-content{font-size:1rem}.legal-content h2{font-size:1.7rem}.legal-content table{font-size:.8125rem}.consent-dialog{padding:28px 21px;max-height:calc(100dvh - 24px)}.consent-dialog h2{font-size:2.7rem}.consent-dialog label{font-size:.875rem}}
.legal-content,.legal-shell>h1,.manage-box{overflow-wrap:anywhere}.legal-content table{table-layout:fixed}.legal-content td,.legal-content th{min-width:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gradient-field{animation:none;transform:none;filter:none;will-change:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-ready{opacity:1!important;transform:none!important}.chart-panel{transform:none!important}}

/* Keep continuous effects on the compositor and release the intro layer when done. */
.gradient-field.is-settled{animation:none;transform:none;will-change:auto}
.chart-panel{transition:border-color .2s;box-shadow:0 24px 60px -25px #0009}
.chart-panel:hover{box-shadow:0 24px 60px -25px #0009}
.lesson>div{transition:transform .2s}.lesson:hover>div{transform:translateX(5px)}
.price-card{transition:border-color .2s,transform .2s}.price-card:hover{transform:translateY(-2px)}
.manage-page{min-height:100svh;display:flex;flex-direction:column}
.manage-page>.site-header{width:100%;flex-shrink:0}
.manage-page .legal-shell{width:min(720px,calc(100% - 40px));max-width:none;margin:64px auto 80px;flex:1}
.manage-page .legal-shell>.eyebrow,.manage-page .legal-shell>h1{text-align:center}
.manage-page .legal-shell>h1{font-size:clamp(3rem,6vw,4.75rem);margin:18px auto 32px}
.manage-page .manage-box{width:100%;max-width:none;margin-inline:auto}
.manage-page .site-footer{margin-top:auto}
@media(max-width:850px){.gradient-field{animation-duration:3.5s}.manage-page .legal-shell{margin-block:40px 56px}}

/* Keep the individual seller visible at the purchase decision. */
.seller-note{font-size:.8125rem;line-height:1.6;color:var(--muted);margin:0 0 16px}.seller-note strong{color:var(--text);font-weight:500}.consent-dialog .checkout-seller{border-block:1px solid var(--line);padding:12px 0}.checkout-seller strong{color:var(--text)}

/* Two distinct subscriptions with a shared course and a clear upgrade path. */
.membership.membership-tiers{display:block;padding:55px}.tier-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:40px}.tier-intro>p{max-width:365px!important;font-size:1rem;line-height:1.8}.tier-intro .eyebrow{margin-bottom:20px}.tier-intro h2{font-size:clamp(3.5rem,5.4vw,5rem)}.tier-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px}.tier-grid .price-card{display:flex;flex-direction:column;min-width:0;max-width:none;padding:30px}.tier-title{font:700 2.7rem/1.05 var(--display);margin-top:25px}.tier-description{color:var(--muted);font-size:.9375rem;line-height:1.7;margin-top:15px;min-height:76px}.tier-grid .price{font-size:6.4rem;margin-top:26px}.tier-grid .price-interval{font-size:.8125rem}.tier-grid .benefits{margin-bottom:20px}.tier-scope{font-size:.8125rem;color:var(--muted);line-height:1.7;margin-bottom:26px}.tier-purchase{margin-top:auto}.mentorship-card{border-color:#b7d76c;background:linear-gradient(145deg,#17241b,#0b1415 70%)}.mentorship-card::before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:var(--green)}.mentorship-card .tag{color:#d4ff8f;border-color:#8fbc4c66}.membership-notes{margin-top:28px;padding:23px 0;border-bottom:1px solid var(--line);font-size:.875rem;line-height:1.75;color:var(--muted)}.membership-notes p+p{margin-top:13px}.membership-notes strong{color:var(--text);font-weight:500}.membership-notes a{text-decoration:underline;text-underline-offset:3px}.tier-access{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:30px}.tier-access li{gap:13px}.tier-access a{overflow-wrap:anywhere;text-decoration:underline}.tier-access p{max-width:none}.tier-grid .price-card-top{gap:10px;flex-wrap:wrap}.tier-grid .price-card .eyebrow,.tier-grid .tag{font-size:.6875rem}
@media(max-width:1050px){.membership.membership-tiers{padding:35px}.tier-grid{gap:20px}.tier-grid .price-card{padding:24px}.tier-title{font-size:2.35rem}.tier-access{grid-template-columns:1fr;gap:22px}.tier-access p{max-width:650px}}
@media(max-width:760px){.tier-grid{grid-template-columns:1fr;gap:24px}.tier-intro{display:block}.tier-intro>p{margin-top:23px}.tier-description{min-height:0}.tier-intro h2{font-size:4rem}.tier-grid .price-card{padding:30px}}
@media(max-width:520px){.membership.membership-tiers{padding:28px 18px}.tier-intro{margin-bottom:28px}.tier-intro h2{font-size:3.5rem}.tier-grid .price-card{padding:23px 18px}.tier-title{font-size:2.35rem}.tier-grid .price{font-size:5.9rem}.tier-grid .button{font-size:.875rem;padding-inline:12px}.tier-grid .benefits{font-size:.875rem}.tier-access{margin-top:27px}.membership-notes{font-size:.8125rem}.hero-price strong{line-height:1.7}}
