.product-page { background: var(--paper); }
.product-page .site-header { position: relative; background: var(--ink); }
.product-hero { min-height: 720px; padding: 100px clamp(22px,7vw,112px); background: var(--ink); color: var(--paper); display: grid; grid-template-columns: 1.05fr .95fr; gap: 7vw; align-items: center; position: relative; overflow: hidden; }
.product-hero::after { content:""; position:absolute; width:680px; height:680px; border:1px solid rgba(255,255,255,.1); border-radius:50%; right:-180px; top:20px; }
.product-copy { position: relative; z-index: 2; }
.product-copy .eyebrow { margin-bottom: 30px; }
.product-copy h1 { font: 600 clamp(58px,7vw,108px)/.9 "Manrope",sans-serif; letter-spacing:-6px; margin:0; }
.product-copy h1 em { display:block; color:var(--lime); font:italic 400 .88em/.95 Georgia,serif; }
.product-copy > p { max-width:650px; font-size:18px; line-height:1.7; color:rgba(255,255,255,.65); margin:32px 0; }
.status-pill { display:inline-flex; align-items:center; gap:10px; padding:9px 13px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.2); font-size:10px; letter-spacing:1.5px; text-transform:uppercase; }
.status-pill i { width:7px; height:7px; border-radius:50%; background:var(--acid); box-shadow:0 0 14px var(--acid); }
.product-art { min-height:500px; position:relative; z-index:2; display:grid; place-items:center; }
.product-disc { width:min(430px,85vw); aspect-ratio:1; border-radius:50%; background:var(--product-color,var(--lime)); position:absolute; }
.product-sheet { width:300px; min-height:410px; background:var(--paper); color:var(--ink); position:relative; z-index:2; transform:rotate(-6deg); box-shadow:0 35px 70px rgba(0,0,0,.38); padding:28px; display:flex; flex-direction:column; justify-content:space-between; }
.product-sheet span { font-size:8px; letter-spacing:1.4px; font-weight:700; }
.product-sheet strong { font:600 47px/.9 "Manrope",sans-serif; letter-spacing:-3px; }
.product-sheet small { line-height:1.5; color:#526770; }
.product-details { padding:110px clamp(22px,7vw,112px); background:var(--paper); }
.detail-intro { display:grid; grid-template-columns:1fr 1fr; gap:8vw; margin-bottom:80px; }
.detail-intro h2 { font:600 clamp(45px,5vw,72px)/1 "Manrope",sans-serif; letter-spacing:-4px; margin:0; }
.detail-intro h2 em { color:#168cca; font:italic 400 1em Georgia,serif; }
.detail-intro > div > p { font-size:17px; line-height:1.75; color:#526770; }
.course-section-label { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; font-size:9px; letter-spacing:1.6px; font-weight:700; }
.course-section-label span { color:#168cca; }.course-section-label b { color:#687d85; }
.module-grid { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--ink); border-left:1px solid var(--ink); }
.module-card { min-height:390px; padding:32px; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); background:var(--cream); color:var(--ink); display:flex; flex-direction:column; }
.module-top { display:flex; justify-content:space-between; font-size:9px; letter-spacing:1.5px; font-weight:700; margin-bottom:auto; }
.module-top b { color:#5d747e; text-transform:uppercase; display:flex; align-items:center; gap:3px; }
.video-count { width:27px; height:21px; display:inline-grid; place-items:center; position:relative; font-style:normal; font-size:11px; letter-spacing:0; margin-right:3px; }
.video-count::before, .video-count::after { content:""; position:absolute; inset:0; border:1.3px solid currentColor; border-radius:50%; pointer-events:none; }
.video-count::before { transform:rotate(-9deg) scale(1.06,.92); }
.video-count::after { transform:rotate(7deg) scale(.96,1.08); opacity:.55; }
.module-card h3 { font:600 clamp(34px,4vw,53px)/1 "Manrope",sans-serif; letter-spacing:-3px; margin:55px 0 14px; }
.module-card > p { max-width:570px; color:#526770; line-height:1.6; font-size:14px; }
.module-card ul { list-style:none; padding:0; margin:22px 0 0; display:flex; flex-wrap:wrap; gap:7px; }
.module-card li { border:1px solid rgba(11,27,36,.3); padding:7px 9px; font-size:10px; line-height:1.2; }
.module-orange { background:var(--orange); }.module-blue { background:var(--lime); }.module-purple { background:var(--blue); }.module-acid { background:var(--acid); }
.module-orange > p, .module-blue > p, .module-purple > p, .module-acid > p { color:var(--ink); opacity:.72; }
.module-dark { background:var(--ink); color:var(--paper); }
.module-dark .module-top b, .module-dark > p { color:rgba(255,255,255,.6); }
.module-dark li { border-color:rgba(255,255,255,.28); }
.support-label { margin-top:90px; }
.support-grid { grid-template-columns:repeat(4,1fr); }
.tier-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--ink); border-left:1px solid var(--ink); }
.tier-card { min-height:590px; padding:30px; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); display:flex; flex-direction:column; color:var(--ink); }
.tier-top { display:flex; justify-content:space-between; font-size:9px; letter-spacing:1.5px; font-weight:700; }
.tier-action { margin:85px 0 8px; font-size:10px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; }
.tier-card h3 { font:600 clamp(38px,4vw,55px)/.95 "Manrope",sans-serif; letter-spacing:-3px; margin:0; }
.tier-card blockquote { margin:auto 0 30px; font:italic 25px/1.25 Georgia,serif; }
.tier-card > p:last-child { font-size:13px; line-height:1.65; margin:0; max-width:370px; }
.tier-one { background:var(--orange); }.tier-two { background:var(--lime); }.tier-three { background:var(--blue); }
.included-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.included-card { min-height:210px; padding:25px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; flex-direction:column; justify-content:space-between; }
.included-card span { color:#6b858f; font:italic 13px Georgia,serif; }
.included-card h3 { font:600 25px/1.1 "Manrope",sans-serif; letter-spacing:-1px; margin:0; }
.included-card p { color:#60727a; font-size:13px; line-height:1.55; margin:10px 0 0; }
.resource-lanes { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--ink); border-left:1px solid var(--ink); }
.resource-lane { min-height:650px; padding:38px; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); display:flex; flex-direction:column; }
.lane-teaching { background:var(--orange); }
.lane-operations { background:var(--acid); }
.lane-heading > span { font-size:9px; font-weight:800; letter-spacing:1.5px; }
.lane-heading h3 { margin:70px 0 18px; font:600 clamp(38px,4vw,56px)/.95 "Manrope",sans-serif; letter-spacing:-3px; }
.lane-heading > p { max-width:500px; font-size:14px; line-height:1.65; }
.lane-items { margin-top:auto; border-top:1px solid rgba(11,27,36,.35); }
.lane-items section { display:grid; grid-template-columns:150px 1fr; gap:25px; padding:20px 0; border-bottom:1px solid rgba(11,27,36,.25); }
.lane-items section:last-child { border-bottom:0; }
.lane-items b { font:700 13px/1.3 "Manrope",sans-serif; }
.lane-items p { margin:0; font-size:12px; line-height:1.55; color:#384d55; }
.product-cta { padding:0 clamp(22px,7vw,112px) 110px; background:var(--paper); }
.product-cta-inner { background:var(--ink); color:white; padding:70px; display:flex; justify-content:space-between; align-items:center; gap:50px; }
.product-cta h2 { font:600 clamp(38px,5vw,65px)/.95 "Manrope",sans-serif; letter-spacing:-3px; margin:0; }
.product-cta p { color:rgba(255,255,255,.6); max-width:520px; line-height:1.6; }
.product-page footer { min-height:170px; }
@media(max-width:850px){.product-hero{grid-template-columns:1fr;padding-top:75px}.product-art{min-height:470px}.detail-intro{grid-template-columns:1fr}.included-grid,.support-grid{grid-template-columns:1fr 1fr}.tier-grid,.resource-lanes{grid-template-columns:1fr}.tier-card{min-height:500px}.product-cta-inner{align-items:flex-start;flex-direction:column;padding:45px}}
@media(max-width:600px){.product-copy h1{letter-spacing:-4px}.product-sheet{width:245px;min-height:340px}.product-sheet strong{font-size:39px}.included-grid,.support-grid,.module-grid{grid-template-columns:1fr}.module-card{min-height:360px;padding:25px}.course-section-label b{display:none}.resource-lane{min-height:auto;padding:28px}.lane-heading h3{margin-top:45px}.lane-items{margin-top:55px}.lane-items section{grid-template-columns:1fr;gap:8px}.product-cta-inner{padding:35px 25px}}