.enrollops-page { font-size:16px; }
.enrollops-page .site-header nav { display:flex; align-items:center; gap:28px; font-size:14px; }
.enrollops-page .site-header nav a { min-height:44px; display:flex; align-items:center; gap:16px; }
.header-fit { color:var(--wine); font-weight:600; }
.eo-shell { max-width:1282px; margin:0 auto; }
.eo-hero { display:grid; grid-template-columns:1.35fr 1fr; gap:48px 80px; padding:62px 0 30px; }
.product-category { font-size:14px; color:var(--quiet); margin:20px 0; }
.eo-intro h1 { color:var(--wine); font-weight:500; font-size:clamp(52px,5.4vw,78px); line-height:1.02; letter-spacing:-3.5px; margin:24px 0; }
.enrollops-page em { font-family:Georgia,serif; font-weight:400; }
.eo-lead { max-width:530px; color:var(--quiet); font-size:18px; line-height:1.7; margin:0 0 28px; }
.eo-primary { min-height:58px; padding:16px 24px; background:var(--gold); color:var(--ink); border-radius:100px; font-weight:600; display:inline-flex; gap:45px; align-items:center; justify-content:space-between; }
.eo-primary:hover { background:#f7ce6c; }
.eo-primary span { font-size:24px; }
.eo-requirements { font-size:14px; color:var(--quiet); line-height:1.65; margin:22px 0 0; }
.eo-offer { background:var(--wine); color:var(--paper); border-radius:18px; padding:30px 36px; align-self:start; }
.offer-top { display:flex; justify-content:space-between; gap:14px; align-items:center; font-size:13px; color:#ead6dc; }
.offer-version { border:1px solid #b86d80; border-radius:50px; padding:7px 12px; }
.eo-offer h2 { font-size:48px; font-weight:500; letter-spacing:-2px; margin:24px 0 12px; }
.eo-offer h2 span { color:var(--gold); }
.eo-offer > p { font-size:16px; line-height:1.6; color:#efdadf; }
.offer-inclusions { list-style:none; margin:23px 0; padding:0; font-size:14px; line-height:1.55; }
.offer-inclusions li { padding:9px 0 9px 24px; position:relative; }
.offer-inclusions li::before { content:'✓'; position:absolute; left:0; color:var(--gold); }
.eo-offer .purchase-effect { width:100%; }
.eo-offer .purchase-button { min-height:60px; }
.eo-offer .offer-status { font-size:12px; margin:16px 0 0; text-align:center; }
.eo-offer .offer-boundary { font-size:13px; border-top:1px solid #a34e65; padding-top:17px; margin:20px 0 0; }
.eo-hero-base { grid-column:1/-1; display:flex; justify-content:space-between; align-items:center; gap:20px; color:var(--wine); }
.eo-hero-base p { font-size:14px; margin:0; line-height:1.6; }
.eo-section-nav { display:flex; flex-wrap:wrap; gap:12px 36px; padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.eo-section-nav a { font-size:14px; display:flex; align-items:center; min-height:44px; }
.eo-section-nav a:hover { color:var(--wine); }
.eo-section { padding:72px 0; scroll-margin-top:24px; }
.eo-section h2,.eo-story h2,.eo-final h2 { color:var(--wine); font-size:clamp(36px,3.9vw,54px); line-height:1.08; font-weight:500; letter-spacing:-2px; margin:20px 0; }
.eo-section p { color:var(--quiet); font-size:16px; line-height:1.7; }
.eo-overview,.eo-proof,.eo-product-faq { display:grid; grid-template-columns:1fr 1fr; gap:80px; }
.eo-overview >div:first-child>p { max-width:440px; }
.overview-summary { border-top:1px solid var(--line); margin-top:28px; padding-top:24px; }
.overview-summary h3 { font-size:18px; font-weight:500; margin:0 0 12px; }
.overview-summary p { margin:0; }
.founder-video { aspect-ratio:16/10; border:1px solid #d7c7c9; border-radius:16px; background:#eee6e2; display:flex; flex-direction:column; justify-content:space-between; padding:24px; align-self:center; }
.video-placeholder-top { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:11px; letter-spacing:.06em; color:var(--wine); }
.video-placeholder-top span:last-child { letter-spacing:0; color:var(--quiet); }
.founder-video-centre { text-align:center; padding:25px 0; }
.founder-video-centre >span { display:grid; place-items:center; border:1px solid #bfa0a7; border-radius:50%; width:60px; height:60px; font-size:30px; color:var(--wine); padding-left:4px; margin:auto; }
.founder-video-centre p { color:var(--wine); font-size:19px; margin:15px 0 5px; }
.founder-video-centre small { color:var(--quiet); font-size:12px; }
.founder-video .video-placeholder-bottom { font-size:12px; margin:0; line-height:1.5; }
.eo-story { background:var(--wine); color:var(--paper); padding:68px 0; }
.eo-story-heading { display:grid; grid-template-columns:1fr 1fr; gap:0 80px; align-items:end; }
.eo-story-heading .eyebrow { grid-column:1/-1; color:#e8bac5; }
.eo-story h2 { color:var(--paper); margin:10px 0 0; }
.eo-story-heading >p:last-child { font-size:16px; line-height:1.7; color:#efdadf; margin:0; }
.eo-flow { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:0; margin:45px 0 28px; gap:28px; }
.eo-flow li { border-top:1px solid #b5657a; padding-top:25px; position:relative; }
.flow-number { font-size:13px; color:var(--gold); }
.eo-flow h3 { font-weight:500; font-size:21px; letter-spacing:-.6px; margin:20px 0 12px; }
.eo-flow p { font-size:15px; line-height:1.7; color:#efdadf; margin:0; }
.eo-flow-note { font-size:14px; line-height:1.65; border-top:1px solid #a34e65; padding-top:23px; color:#efdadf; margin:0; }
.eo-text-link { min-height:44px; display:inline-flex; gap:24px; align-items:center; color:var(--wine); text-decoration:underline; text-underline-offset:5px; font-size:15px; }
.eo-proof figure { margin:0; align-self:center; }
.eo-proof img { width:100%; height:auto; display:block; border:1px solid var(--line); border-radius:12px; background:white; }
.eo-proof figcaption { font-size:13px; line-height:1.6; color:var(--quiet); margin:15px 0 0; }
.eo-proof .evidence-boundary { font-size:14px; border-top:1px solid var(--line); padding-top:20px; margin-top:24px; }
.eo-package,.eo-fit,.eo-product-faq { border-top:1px solid var(--line); }
.eo-section-heading { display:flex; align-items:end; justify-content:space-between; gap:60px; margin-bottom:35px; }
.eo-section-heading h2 { margin-bottom:0; }
.eo-section-heading>p { max-width:380px; margin:0; }
.package-inventory { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; }
.package-inventory article { border-top:1px solid var(--line); padding-top:24px; }
.inventory-format { display:flex; justify-content:space-between; font-size:13px; color:var(--wine); font-weight:600; }
.inventory-format span { color:var(--quiet); font-weight:400; }
.package-inventory h3 { font-size:23px; letter-spacing:-.7px; font-weight:500; margin:28px 0 14px; }
.package-inventory p { margin:0; }
.package-foot { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-top:32px; }
.package-foot p { margin:0; }
.package-foot >span { font-size:13px; color:var(--wine); }
.eo-section .eo-small,.eo-small { font-size:14px; line-height:1.65; color:var(--quiet); }
.fit-columns { display:grid; grid-template-columns:1fr 1fr; gap:80px; }
.fit-columns h3 { font-size:23px; font-weight:500; letter-spacing:-.6px; margin:0 0 20px; }
.fit-columns ul { list-style:none; padding:0; margin:0; }
.fit-columns li { font-size:16px; line-height:1.6; color:var(--quiet); padding:13px 0; border-bottom:1px solid var(--line); }
.fit-columns .fit-examples { font-size:14px; color:var(--wine); }
.setup-block { margin-top:40px; padding:35px; background:#eee6e2; border-radius:16px; display:grid; grid-template-columns:1fr 1fr; gap:60px; }
.setup-block h3 { color:var(--wine); font-size:31px; font-weight:500; letter-spacing:-1px; line-height:1.15; margin:16px 0; }
.setup-block p { margin:0; }
.setup-block ol { list-style:none; margin:0; padding:0; }
.setup-block li { display:flex; gap:20px; padding:18px 0; border-bottom:1px solid #d6c3c8; }
.setup-block li:first-child { padding-top:0; }
.setup-block li:last-child { padding-bottom:0; border:0; }
.setup-block li>span { font-size:13px; color:var(--wine); padding-top:4px; }
.eo-product-faq >div:first-child>p { font-size:14px; }
.eo-product-faq >div:first-child a { text-decoration:underline; text-underline-offset:4px; }
.enrollops-page .faq-list details>p { font-size:16px; }
.eo-final { background:var(--wine); color:var(--paper); display:flex; align-items:center; justify-content:space-between; gap:60px; padding:45px 50px; border-radius:18px; margin-bottom:60px; }
.eo-final h2 { color:var(--paper); margin-top:16px; }
.eo-final .eyebrow { color:#e8bac5; font-size:11px; }
.eo-final p { color:#efdadf; font-size:16px; line-height:1.6; margin:0; }
.eo-final .eo-small { font-size:13px; margin:16px 0 0; }
.eo-final .eo-primary:focus-visible { outline-color:var(--paper); }
body[data-motion="paused"] .eo-offer .purchase-button::after { animation-play-state:paused; }
@media(max-width:1439px) { .eo-shell { margin-left:5.5%; margin-right:5.5%; } }
@media(max-width:1000px) { .eo-hero { gap:40px; grid-template-columns:1fr 1fr; } .eo-intro h1 { font-size:55px; letter-spacing:-2.5px; } .eo-offer { padding:26px; } .eo-overview,.eo-proof,.eo-product-faq,.eo-story-heading,.fit-columns { gap:40px; } .eo-flow { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; } .eo-section-heading { gap:35px; } .package-inventory { gap:25px; } .setup-block { gap:30px; } }
@media(max-width:700px) {
.enrollops-page .site-header { gap:15px; padding:16px 6%; }
.enrollops-page .site-header nav { gap:0; }
.enrollops-page .site-header nav>a:not(.header-fit) { display:none; }
.enrollops-page .site-header .wordmark { font-size:24px; }
.header-fit { font-size:12px; }
.eo-shell { margin-left:6%; margin-right:6%; }
.eo-hero { grid-template-columns:1fr; padding:35px 0 22px; gap:30px; }
.product-category { font-size:13px; margin:18px 0; }
.eo-intro h1 { font-size:clamp(43px,10.8vw,64px); line-height:1.05; letter-spacing:-2px; margin:22px 0; }
.eo-lead { font-size:16px; line-height:1.65; margin-bottom:23px; }
.eo-intro .eo-primary { width:100%; }
.eo-requirements { font-size:13px; margin-top:18px; }
.eo-offer { padding:26px 24px; }
.eo-offer h2 { font-size:44px; }
.eo-hero-base { flex-direction:column; align-items:flex-start; gap:12px; }
.eo-hero-base p { font-size:13px; }
.eo-section-nav { gap:0; justify-content:space-between; }
.eo-section-nav a { flex:0 0 48%; font-size:13px; }
.eo-section { padding:40px 0; }
.eo-section h2,.eo-story h2,.eo-final h2 { font-size:35px; letter-spacing:-1.3px; margin:17px 0; }
.eo-overview,.eo-proof,.eo-product-faq { grid-template-columns:1fr; gap:27px; }
.eo-section p { font-size:16px; }
.founder-video { padding:20px; aspect-ratio:auto; min-height:300px; }
.eo-story { padding:40px 0; }
.eo-story-heading { grid-template-columns:1fr; gap:12px; }
.eo-story-heading>p:last-child { font-size:16px; }
.eo-flow { grid-template-columns:1fr; gap:24px; margin-top:30px; }
.eo-flow li { padding:21px 0 0 38px; }
.flow-number { position:absolute; left:0; top:25px; }
.eo-flow h3 { margin:0 0 10px; }
.eo-flow p { font-size:16px; }
.eo-flow-note { font-size:14px; }
.eo-section-heading { display:block; margin-bottom:25px; }
.eo-section-heading>p { margin-top:20px; }
.package-inventory { grid-template-columns:1fr; gap:26px; }
.package-inventory h3 { font-size:23px; margin:20px 0 12px; }
.package-foot { align-items:start; flex-direction:column; gap:12px; }
.fit-columns { grid-template-columns:1fr; gap:30px; }
.setup-block { padding:25px 22px; grid-template-columns:1fr; gap:28px; }
.setup-block h3 { font-size:29px; }
.setup-block li { gap:15px; }
.eo-final { flex-direction:column; align-items:stretch; gap:27px; padding:30px 24px; margin-bottom:40px; }
.eo-final .eo-primary { width:100%; }
}

.eo-section .eyebrow { font-size:11px; color:var(--wine); line-height:1.5; }
.eo-proof figure { max-width:410px; justify-self:center; width:100%; }
.eo-proof img { border-radius:12px; }

/* The product preview uses complete, approved screenshots, never a recreated UI. */
.eo-primary .cta-label { font-family:"Chalkboard SE","Comic Sans MS",Impact,sans-serif; font-weight:700; font-style:italic; font-size:19px; letter-spacing:.025em; transform:rotate(-2deg); }
.eo-primary .cta-arrow { font-size:24px; }
.eo-offer .purchase-comic path { stroke:var(--gold); }
.offer-gallery { margin-top:26px; padding-top:22px; border-top:1px solid #a34e65; }
.preview-tabs { display:flex; gap:8px; margin-bottom:14px; }
.preview-tabs button { flex:1; border:1px solid #b5657a; background:transparent; color:var(--paper); border-radius:100px; min-height:44px; padding:8px 12px; font-size:13px; cursor:pointer; }
.preview-tabs button[aria-pressed="true"] { background:var(--paper); color:var(--wine); border-color:var(--paper); font-weight:600; }
.preview-tabs button:focus-visible,.preview-enlarge:focus-visible { outline-color:var(--gold); }
.offer-gallery figure { margin:0; }
.offer-gallery figure>a { display:grid; place-items:center; aspect-ratio:1.95; padding:8px; border-radius:10px; background:white; border:1px solid #ead6dc; overflow:hidden; }
.offer-gallery img { display:block; width:100%; height:100%; max-height:220px; object-fit:contain; }
.offer-gallery figcaption { font-size:13px; line-height:1.5; color:var(--paper); margin-top:12px; min-height:39px; }
.preview-enlarge { font-size:13px; display:inline-flex; align-items:center; gap:16px; min-height:44px; text-decoration:underline; text-underline-offset:4px; }
.eo-offer .preview-disclosure { font-size:12px; line-height:1.5; color:#ead6dc; margin:0; }
.eo-offer .offer-inclusions { display:grid; grid-template-columns:1fr 1fr; gap:13px 20px; margin-top:25px; }
.eo-offer .offer-inclusions li { margin:0; font-size:13px; }
@media(max-width:380px) { .eo-offer .offer-inclusions { grid-template-columns:1fr; } .preview-tabs button { padding:8px; font-size:12px; } }

.screenshot-dialog { color:var(--ink); background:var(--paper); border:1px solid var(--line); border-radius:16px; padding:24px; width:min(1100px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); }
.screenshot-dialog::backdrop { background:rgb(40 29 34 / 72%); backdrop-filter:blur(3px); }
.screenshot-dialog-header { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.screenshot-dialog h2 { color:var(--wine); font-size:24px; letter-spacing:-.6px; font-weight:500; margin:0; }
.screenshot-dialog button { min-height:44px; cursor:pointer; border:1px solid var(--line); background:var(--paper); color:var(--wine); border-radius:100px; padding:10px 18px; font-size:14px; }
.screenshot-close { flex-shrink:0; }
.screenshot-close span { font-size:22px; margin-left:8px; }
.screenshot-tools { display:flex; align-items:center; flex-wrap:wrap; gap:15px; margin:16px 0; }
.screenshot-tools a { min-height:44px; display:inline-flex; align-items:center; gap:12px; text-decoration:underline; text-underline-offset:4px; font-size:14px; }
.screenshot-viewport { max-height:65dvh; overflow:auto; overscroll-behavior:contain; background:white; border:1px solid var(--line); border-radius:8px; }
.screenshot-viewport:focus-visible { outline:3px solid var(--wine); outline-offset:3px; }
.screenshot-viewport img { display:block; max-width:100%; height:auto; margin:0 auto; }
.screenshot-viewport[data-zoomed="true"] img { max-width:none; width:auto; margin:0; }
.screenshot-help { color:var(--quiet); font-size:13px; line-height:1.5; margin:14px 0 0; }
@media(max-width:600px) { .screenshot-dialog { padding:16px; } .screenshot-dialog h2 { font-size:21px; } .screenshot-viewport { max-height:55dvh; } .screenshot-tools { gap:4px 12px; } }
@media(max-width:380px) { .eo-offer .purchase-button { padding-left:14px; padding-right:14px; } .eo-offer .purchase-button span { font-size:20px; white-space:nowrap; } }
/* Seven original reference captures, browsed manually with arrows or a swipe. */
.offer-gallery .gallery-figure>a { display:block; aspect-ratio:auto; background:#202020; border-color:#b5657a; padding:0; touch-action:pan-y pinch-zoom; user-select:none; cursor:zoom-in; }
.offer-gallery .gallery-figure img { width:100%; height:auto; max-height:none; object-fit:contain; }
.offer-gallery .gallery-figure figcaption { min-height:20px; margin-top:12px; }
.gallery-controls { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:10px; }
.gallery-arrow { width:44px; height:44px; border:1px solid #b5657a; background:transparent; color:var(--paper); border-radius:50%; cursor:pointer; font-size:22px; display:grid; place-items:center; padding:0; }
.gallery-arrow:hover { background:rgb(247 243 238 / 10%); }
.gallery-arrow:focus-visible { outline-color:var(--gold); }
#gallery-position { color:#ead6dc; font-size:13px; }
.proof-email-window { display:block; width:100%; aspect-ratio:902/1314; position:relative; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:#f2f6fa; }
.eo-proof .proof-email-window img { position:absolute; max-width:none; width:325.942%; height:auto; left:-118.625%; top:-33.71%; border:0; border-radius:0; }

/* A compact product story with mirrored real-email evidence. */
.overview-flow{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px;counter-reset:steps}
.overview-flow li{display:grid;grid-template-columns:90px 1fr;gap:16px;padding-top:12px;border-top:1px solid var(--line);font-size:14px;line-height:1.6;color:var(--quiet)}
.overview-flow strong{font-weight:500;color:var(--wine)}
.eo-section{padding-top:54px;padding-bottom:54px}
.eo-overview h2,.eo-proof h2{font-size:clamp(34px,3.4vw,48px)}
.eo-proof-reverse figure{grid-column:1;grid-row:1}.eo-proof-reverse .proof-copy{grid-column:2;grid-row:1;align-self:center}
.eo-proof .proof-copy{align-self:center}
.eo-proof+.eo-proof{border-top:1px solid var(--line)}
.eo-proof figure{max-width:340px}
.proof-reminder-window{aspect-ratio:902/1269}
.eo-proof .proof-reminder-window img{top:-34.91%}
.package-purchase{display:flex;align-items:center;justify-content:space-between;gap:36px;margin-top:24px}
.package-purchase .purchase-effect{width:220px;flex-shrink:0}.package-purchase .purchase-button{width:100%}
.package-purchase .purchase-comic path{stroke:var(--wine)}
.setup-essentials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.setup-essentials>div{border-top:1px solid var(--line);padding-top:18px}
.setup-essentials h3{font-weight:500;font-size:21px;margin:0 0 12px;color:var(--wine)}
.setup-essentials p{margin:0}.eo-fit>.eo-small{margin-top:28px}
.final-purchase{width:250px;flex-shrink:0}.final-purchase .purchase-effect,.final-purchase .purchase-button{width:100%}
.final-purchase .purchase-comic path{stroke:var(--gold)}
.eo-final h2{font-size:clamp(34px,3.4vw,46px)}
@media(max-width:700px){
 .eo-section{padding:32px 0}.eo-proof,.eo-overview{gap:20px}
 .eo-proof h2,.eo-overview h2{font-size:32px}.eo-section h2{font-size:32px}
 .eo-proof-reverse .proof-copy,.eo-proof-reverse figure{grid-column:auto;grid-row:auto}
 .founder-video{min-height:230px}.founder-video-centre{padding:12px 0}
 .eo-hero{gap:24px}.eo-offer .offer-boundary{font-size:12px;margin-top:20px}
 .eo-section-nav a{flex:0 0 auto;margin-right:18px;min-height:40px}
 .package-inventory{gap:20px}.package-inventory h3{margin:14px 0 8px;font-size:21px}
 .package-foot{margin-top:22px;padding:16px 0}.package-purchase{flex-direction:column;align-items:stretch;gap:12px}
 .package-purchase .purchase-effect{width:100%;max-width:300px;align-self:center}
 .setup-essentials{grid-template-columns:1fr;gap:20px}.eo-fit>.eo-small{margin-top:20px}
 .final-purchase{width:100%}.eo-final{gap:20px;padding:26px 24px}.eo-final h2{font-size:32px}
 .overview-flow li{grid-template-columns:74px 1fr;gap:12px}
}
@media(max-width:380px){.package-purchase .purchase-effect{width:calc(100% - 12px)}}


.offer-boundary a{color:inherit;text-underline-offset:3px}
.eo-offer .price-ticket{margin-top:24px;margin-bottom:30px}
.package-purchase .purchase-button span,.final-purchase .purchase-button span{font-size:23px;letter-spacing:0;white-space:nowrap}
