/* Buyer UI system. Compiled Tailwind, existing fonts and assets remain unchanged. */
:root {
  --cro-ink:#173d32; --cro-muted:#536359; --cro-paper:#faf8f1; --cro-surface:#fffefa;
  --cro-line:#d9ddd3; --cro-gold:#987333; --cro-soft:#edf0e6; --cro-radius:8px;
  --cro-shadow:0 8px 32px rgba(23,61,50,.055);
}
.cro { background:var(--cro-paper);color:var(--cro-ink);font:400 16px/1.65 Inter,Arial,sans-serif; }
.cro [hidden] { display:none!important; }
.cro *, .cro *::before, .cro *::after { box-sizing:border-box; }
.cro :is(a,button,input,select,textarea,summary):focus-visible { outline:3px solid var(--cro-gold);outline-offset:3px; }
.cro :is(section,div,aside,form)[id] { scroll-margin-top:96px; }
.cro h1,.cro h2,.cro h3 { font-family:'Playfair Display',Georgia,serif;font-weight:700;line-height:1.14;letter-spacing:-.025em;color:var(--cro-ink);text-wrap:pretty; }
.cro h1 { font-size:clamp(36px,4.8vw,64px); }
.cro h2 { font-size:clamp(28px,3.3vw,42px);margin-bottom:20px; }
.cro h3 { font-size:24px;margin-bottom:12px; }
.cro-wrap { width:min(1160px,calc(100% - 48px));margin-inline:auto; }
.cro-section { padding-block:72px; }
.cro-section-lined { border-top:1px solid var(--cro-line); }
.cro-white { background:var(--cro-surface);border-block:1px solid var(--cro-line); }
.cro-kicker { font:600 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--cro-muted);margin-bottom:14px; }
.cro-lead { font-size:18px;line-height:1.65;color:var(--cro-muted);max-width:580px;margin-top:22px; }
.cro-small { font-size:13px;line-height:1.6;color:var(--cro-muted); }
.cro-copy { color:var(--cro-muted);max-width:65ch; }
.cro-copy+.cro-copy { margin-top:16px; }
.cro-mt-sm { margin-top:12px; }.cro-mt { margin-top:20px; }.cro-mt-lg { margin-top:32px; }
.cro [data-space=small] { margin-top:16px; }.cro [data-space=medium] { margin-top:20px; }.cro [data-space=large] { margin-top:32px; }.cro [data-lined=true] { border-top:1px solid var(--cro-line); }
.cro-full { width:100%; }.cro-strong { font-weight:600; }.cro-block { display:block; }

/* One action hierarchy: solid primary, outlined secondary, quiet text links. */
.cro .cro-btn { display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 22px;border:1px solid var(--cro-ink);border-radius:var(--cro-radius);background:var(--cro-ink);color:#fff;font:600 14px/1.5 Inter,Arial,sans-serif;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s; }
.cro .cro-btn:hover:not(:disabled) { background:#285443;border-color:#285443;box-shadow:0 3px 8px #173d3214; }
.cro .cro-btn:active:not(:disabled) { background:#0e2e25;box-shadow:none; }
.cro .cro-btn-secondary { background:transparent;color:var(--cro-ink);border-color:#acb9ac; }
.cro .cro-btn-secondary:hover:not(:disabled) { background:var(--cro-soft);border-color:var(--cro-ink);color:var(--cro-ink); }
.cro .cro-btn-secondary:active:not(:disabled) { background:#dee5d8;color:var(--cro-ink); }
.cro .cro-btn-compact { min-height:44px;padding:10px 16px; }
.cro .cro-btn:disabled { opacity:.55;cursor:not-allowed;box-shadow:none; }
.cro .cro-btn[aria-busy=true] { cursor:progress;opacity:.85; }
.cro-link { color:var(--cro-ink);font-size:14px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#a2b0a1; }
.cro-link:hover { text-decoration-color:var(--cro-ink); }
.cro-actions { display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:24px 0 14px; }
.cro-actions>.cro-link,.cro-back { display:inline-flex;align-items:center;min-height:44px; }
.cro-spinner { display:inline-block;flex:none;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:cro-spin .8s linear infinite; }
@keyframes cro-spin { to { transform:rotate(360deg); } }
.cro-empty { padding:40px 24px;border:1px dashed var(--cro-line);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;background:var(--cro-surface); }
.cro-toast { max-width:min(440px,calc(100vw - 32px)); }.cro-toast>div { border-radius:10px;box-shadow:var(--cro-shadow); }

/* Navigation: a compact menu with explicit open/closed and keyboard states. */
.cro .site-shell { background:var(--cro-paper);border-bottom:1px solid var(--cro-line);position:sticky;top:0;z-index:50;flex-shrink:0; }
.site-nav { width:min(1160px,calc(100% - 48px));height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px; }
.site-brand { font:700 24px/1.2 'Playfair Display',Georgia,serif;white-space:nowrap;letter-spacing:-.025em; }
.site-links,.site-account { display:flex;gap:12px;align-items:center; }
.site-links a { display:flex;min-height:44px;padding:10px 12px;align-items:center;font-size:14px;color:var(--cro-muted);border-radius:6px; }
.site-links a:hover,.site-links a[aria-current=page] { background:var(--cro-soft);color:var(--cro-ink); }
.site-user { max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--cro-muted); }
.site-menu-toggle { display:none;min-width:44px;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--cro-line);border-radius:8px; }
.site-menu-toggle svg { width:20px;height:20px; }.site-menu-toggle[aria-expanded=true] { background:var(--cro-soft);border-color:var(--cro-ink); }
.site-mobile { border-top:1px solid var(--cro-line);padding:12px 24px 20px;max-height:calc(100dvh - 76px);overflow-y:auto;background:var(--cro-surface);box-shadow:0 12px 18px #173d3208; }
.site-mobile>a,.site-mobile button,.site-mobile #site-mobile-account-controls>a { display:flex;align-items:center;min-height:48px;padding:10px 12px;border-radius:6px;font-size:15px; }
.site-mobile a:hover,.site-mobile a[aria-current=page],.site-mobile button:hover { background:var(--cro-soft); }
.site-mobile #site-mobile-account-controls { border-top:1px solid var(--cro-line);margin-top:8px;padding-top:8px; }
.site-footer-grid { display:grid;grid-template-columns:1.3fr .8fr .8fr 1.1fr;gap:32px; }
.cro footer a { overflow-wrap:anywhere; }.cro footer { font-size:14px; }.cro footer .font-title-lg { font:600 14px/1.5 Inter,Arial,sans-serif; }
.cro footer .font-body-md { font-size:14px; }.cro footer .flex-col>a { min-height:32px; }

/* Homepage and the demonstration use different compositions, not repeated cards. */
.cro-hero { display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center;padding-block:48px 60px; }
.cro-hero em { font-style:normal;color:#54714d; }
.cro-portrait { position:relative;margin:0;padding:0 0 16px 16px; }
.cro-portrait:before { content:'';position:absolute;inset:30px -8px 0 0;border:1px solid var(--cro-gold);border-radius:170px 170px 12px 12px; }
.cro-portrait img { position:relative;width:100%;height:490px;object-fit:cover;object-position:center 25%;border-radius:170px 170px 12px 12px; }
.cro-portrait figcaption { position:absolute;bottom:38px;left:36px;right:20px;background:var(--cro-paper);border:1px solid var(--cro-line);border-radius:8px;padding:16px 20px;font-size:13px;line-height:1.5; }
.cro-portrait strong { display:block;font:700 22px/1.4 'Playfair Display',Georgia,serif;margin-bottom:4px; }
.cro-strip { border-block:1px solid var(--cro-line);padding:18px 0;background:#f0f1e9; }
.cro-strip .cro-wrap { display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px; }
.cro-split { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start; }
.cro-method { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px; }
.cro-method article { border-top:1px solid var(--cro-line);padding-top:20px; }.cro-method p { color:var(--cro-muted); }
.cro-number { display:block;font-size:11px;font-weight:600;letter-spacing:.12em;color:#805e28;margin-bottom:16px; }
.cro-note { background:var(--cro-soft);border-left:3px solid var(--cro-gold);padding:20px 24px;margin-top:24px;border-radius:0 8px 8px 0; }
.cro-word { background:var(--cro-ink);color:#f8f4e8;border-radius:12px;padding:36px;box-shadow:var(--cro-shadow); }
.cro-word .cro-kicker { color:#d2dbcf; }.cro-arabic { font-family:Georgia,'Times New Roman',serif;font-size:80px;line-height:1.6;text-align:center;margin-block:8px 24px; }
.cro-word details { border-top:1px solid #607564;padding-top:12px;margin-top:24px; }.cro-word summary { font-weight:600;cursor:pointer;min-height:48px; }
.cro-word details p { font-size:14px;color:#e0e8dc;margin-top:14px; }
.cro-video { margin-top:24px;position:relative;aspect-ratio:16/9;background:var(--cro-soft);border:1px solid #c4cdbd;border-radius:12px;overflow:hidden; }
.cro-video button { width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--cro-ink);background:transparent;padding:20px;cursor:pointer; }
.cro-video button:hover { background:#e3e9d9; }.cro-video button>span:last-child { font-size:12px; }.cro-video button:focus-visible { outline-offset:-5px; }
.cro-play { display:grid;place-items:center;width:60px;height:60px;background:var(--cro-ink);color:white;border-radius:50%;font-size:20px; }
.cro-video iframe { width:100%;height:100%;border:0;position:absolute;inset:0; }
.cro-quotes { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-top:28px; }
.cro-quotes figure { border-left:2px solid var(--cro-gold);padding:4px 0 4px 24px;margin:0; }.cro-quotes blockquote { font-size:17px;line-height:1.8; }.cro-quotes figcaption { font-size:13px;color:var(--cro-muted);margin-top:16px; }
.cro-offer { background:var(--cro-soft);border:1px solid var(--cro-line);border-radius:12px;padding:32px; }
.cro-prices { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:20px; }
.cro-prices strong { display:block;font-size:25px;line-height:1.4;font-weight:600; }.cro-prices span { font-size:12px;color:var(--cro-muted); }.cro-hero .cro-prices { max-width:350px; }
.cro-list { list-style:none;padding:0;margin:20px 0; }.cro-list li { padding:12px 0;border-bottom:1px solid var(--cro-line);font-size:15px; }
.cro-faq details { border-bottom:1px solid var(--cro-line); }.cro-faq summary { display:flex;align-items:center;justify-content:space-between;gap:24px;font-weight:600;cursor:pointer;min-height:68px;padding:18px 0;line-height:1.5;list-style:none; }.cro-faq summary::-webkit-details-marker { display:none; }
.cro-faq summary:after { content:'+';font-size:24px;font-weight:400;flex:none; }.cro-faq details[open] summary:after { content:'−'; }.cro-faq details[open] summary { color:#385f44; }.cro-faq details p { color:var(--cro-muted);padding:0 28px 20px 0;max-width:720px; }

/* Course: visible purchase panel and one state-aware mobile action. */
.cro-course-top { display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:56px;align-items:start;padding-top:40px; }
.cro-course-top h1 { font-size:clamp(36px,4.5vw,58px); }
.cro-purchase { border:1px solid #bfcab9;background:var(--cro-surface);border-radius:12px;overflow:hidden;box-shadow:var(--cro-shadow); }
.cro-purchase img { width:100%;height:100%;object-fit:cover; }.cro-purchase-image { aspect-ratio:1672/941;overflow:hidden; }
.cro-purchase-body { padding:24px; }.cro-purchase .cro-btn { width:100%; }.cro-purchase .cro-prices { margin-top:0; }
.cro-purchase-help { display:inline-flex;align-items:center;min-height:44px;margin-top:8px; }
.cro-course-links { display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;padding-block:10px;border-block:1px solid var(--cro-line); }.cro-course-links a { display:inline-flex;align-items:center;min-height:44px; }
.cro-curriculum { counter-reset:lesson;list-style:none;margin-top:0;padding:0;border-top:1px solid var(--cro-line); }
.cro-curriculum li { display:grid;grid-template-columns:32px minmax(0,1fr);gap:16px;padding:20px 0;border-bottom:1px solid var(--cro-line); }
.cro-curriculum li:before { counter-increment:lesson;content:counter(lesson,decimal-leading-zero);font:600 12px/1.6 Inter,Arial,sans-serif;color:var(--cro-gold);padding-top:3px; }
.cro-curriculum h3 { font:600 16px/1.5 Inter,Arial,sans-serif;letter-spacing:0;margin:0 0 6px;overflow-wrap:anywhere; }.cro-curriculum p { font-size:13px;color:var(--cro-muted); }.cro-curriculum .cro-bonus { background:var(--cro-soft);padding:20px 16px;border-radius:8px; }.cro-curriculum .cro-bonus:before { content:'+'; }
.cro-sticky { display:none; }.cro-sticky-price { font-size:14px;line-height:1.5;font-weight:600; }.cro-sticky-price small { display:block;font-size:11px;font-weight:400;color:var(--cro-muted); }
.cro-status { padding:20px;border:1px solid var(--cro-line);border-left:4px solid #8a9c83;border-radius:10px;background:var(--cro-soft); }
.cro-status[data-state=AWAITING_REVIEW] { background:#f1f4f5;border-color:#c5d1d5;border-left-color:#537584; }
.cro-status[data-state=RESUBMISSION_REQUIRED],.cro-status[data-state=REVIEW_REQUIRED] { background:#fff4ee;border-color:#e2c5b7;border-left-color:#a35335; }
.cro-status[data-state=ACTIVE] { background:#ebf3e8;border-color:#bcd0b5;border-left-color:#426d3d; }
.cro-status-title { display:flex;gap:10px;align-items:center;font-weight:600; }.cro-status-title:before { content:'→';display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;font-size:15px; }
[data-state=AWAITING_REVIEW]>.cro-status-title:before { content:'…'; }[data-state=ACTIVE]>.cro-status-title:before { content:'✓'; }[data-state=RESUBMISSION_REQUIRED]>.cro-status-title:before { content:'!'; }
.cro-status-description { margin-top:12px;font-size:14px;color:var(--cro-muted); }.cro-status .cro-btn { margin-top:16px; }
.cro-badge { display:inline-flex;padding:5px 10px;border:1px solid #c6d2c1;border-radius:5px;background:#edf2e9;font-size:12px;line-height:1.5;color:var(--cro-ink); }
.cro-badge[data-state=AWAITING_REVIEW] { background:#edf2f5;border-color:#c8d5d9;color:#354e5a; }.cro-badge[data-state=RESUBMISSION_REQUIRED] { background:#fff0e7;border-color:#dfbba5;color:#803b20; }.cro-badge[data-state=ACTIVE] { background:#e4efdd;color:#335b2d; }

/* Forms: consistent fields, compact checkout context, readable error feedback. */
.cro :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea) { border:1px solid #bac5b5;border-radius:var(--cro-radius);background:var(--cro-surface);color:var(--cro-ink);min-height:48px;font:400 16px/1.5 Inter,Arial,sans-serif; }
.cro :is(input,textarea)::placeholder { color:#788478;opacity:1; }.cro :is(input,select,textarea):disabled { background:#edf0e9;color:#61705e;cursor:not-allowed; }.cro input[readonly] { background:var(--cro-soft);font-weight:600; }
.cro label { line-height:1.5; }.cro :is(input,select,textarea)[aria-invalid=true] { border-color:#a14d35; }
.cro-error { border:1px solid #dfb5a7;background:#fff0e9;color:#803c28;border-radius:8px;padding:14px 16px;font-size:14px;margin-bottom:20px; }
.cro-auth { min-height:100vh;display:grid;grid-template-columns:minmax(280px,.8fr) 1fr;background:var(--cro-paper); }
.cro-auth-story { background:var(--cro-ink);color:#e1e9df;padding:56px max(32px,7vw);display:flex;flex-direction:column;justify-content:space-between;gap:56px; }
.cro-auth-story h2 { color:#fff;font-size:42px; }.cro-auth-story .cro-kicker,.cro-auth-story .cro-small { color:#d0dbcd; }
.cro-brand { font:700 24px/1.3 'Playfair Display',Georgia,serif;text-decoration:none; }
.cro-auth-form { width:min(470px,100%);margin:auto;padding:40px 28px; }.cro-auth-form h1 { font-size:32px;margin-bottom:12px; }
.cro-auth-form form { margin-top:24px; }.cro-auth-form form>div+div { margin-top:20px; }.cro-auth-form .cro-btn { width:100%; }.cro-auth-form label { font-size:14px; }
.cro-auth-mobile-brand { display:none; }.cro-auth-switch { font-size:14px;margin-top:16px; }.cro-auth-meta { margin-top:16px; }
.cro-checkout-context { background:var(--cro-soft);border:1px solid var(--cro-line);border-radius:8px;padding:14px 16px;margin:20px 0;font-size:13px; }
.cro-steps { display:flex;align-items:start;gap:10px;margin:0 0 10px;list-style:none; }.cro-steps span { color:var(--cro-muted);font-size:11px;line-height:1.5; }.cro-steps span+span:before { content:'→';margin-right:10px;color:#7c8a75; }.cro-steps [aria-current=step] { font-weight:600;color:var(--cro-ink); }
.cro-recovery>div { width:min(500px,100%); }.cro-recovery h1 { font-size:32px; }.cro-recovery>div>div { box-shadow:var(--cro-shadow);border:1px solid var(--cro-line);border-radius:12px;background:var(--cro-surface); }.cro-recovery .material-symbols-outlined.text-\[64px\] { font-size:36px; }

/* Payment: one price selector, focused transfer details and an obvious proof form. */
.cro-payment h1,.cro-support h1,.cro-student h1 { font-size:clamp(32px,3.6vw,46px); }.cro-payment h2,.cro-student h2 { font-size:26px; }.cro-payment #course-summary h2 { font-size:25px; }
.cro-payment main>header { max-width:750px;margin-bottom:28px; }.cro-payment main>header>p { font-size:16px; }
.cro-payment-grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start; }
.cro-payment-summary { display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:24px;padding:24px;border:1px solid var(--cro-line);border-radius:12px;background:var(--cro-surface); }
.cro-payment-summary>div { min-width:0;flex:1 1 300px; }.cro-payment-summary .cro-pricing-choices { flex:1 1 320px; }
.cro-pricing-choices>div { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px; }
.cro-price-choice { position:relative;width:100%;border:1px solid #bcc7b6;border-radius:8px;padding:14px 12px;text-align:left;background:var(--cro-surface);line-height:1.5;cursor:pointer;min-height:84px; }
.cro-price-choice[aria-pressed=true] { border:2px solid var(--cro-ink);padding:13px 11px;background:var(--cro-soft); }.cro-price-choice[aria-pressed=true]:after { content:'✓';position:absolute;right:10px;top:8px;font-size:12px; }.cro-price-choice strong { display:block;font-size:22px; }.cro-price-choice span { font-size:12px; }.cro-price-choice:disabled { cursor:not-allowed;opacity:.6; }
.cro-payment-card { background:var(--cro-surface);border:1px solid var(--cro-line);border-radius:12px;padding:24px; }.cro-payment-card h2 { font-size:25px; }
.cro-payment #payment-status { margin-bottom:24px; }.cro-payment #payment-status:empty { display:none; }.cro-payment #payment-status .cro-btn { width:auto; }
.cro-payment #payment-review-column,.cro-payment #transfer-instructions { min-width:0; }
.cro-payment #payment-review-column[data-locked=true] { grid-column:1/-1;max-width:820px;width:100%;margin-inline:auto; }
.cro-transfer-steps { display:grid;gap:16px;margin:20px 0 0;list-style:none;counter-reset:transfer; }
.cro-transfer-steps li { display:grid;grid-template-columns:28px 1fr;gap:12px;font-size:14px; }.cro-transfer-steps li:before { counter-increment:transfer;content:counter(transfer);display:grid;place-items:center;width:28px;height:28px;background:var(--cro-soft);border-radius:50%;font-weight:600; }
.cro-bank { border:1px solid var(--cro-line);border-radius:10px;background:var(--cro-surface);overflow:hidden; }
.cro-bank summary { display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:16px 20px;font-weight:600;cursor:pointer;list-style:none; }.cro-bank summary::-webkit-details-marker { display:none; }.cro-bank summary:after { content:'+';font-weight:400;font-size:24px; }.cro-bank[open] summary:after { content:'−'; }
.cro-bank>div { padding:0 20px 20px; }.cro-bank button { min-width:68px;min-height:44px;border-radius:6px; }.cro-bank p { font-variant-numeric:tabular-nums; }.cro-bank [class*='text-[12px]'] { font-size:12px;color:var(--cro-muted); }
.cro-payment #amount { font-size:22px; }.cro-payment #method { width:100%; }.cro-payment #payment-form-heading { margin-bottom:20px; }
.cro-upload { padding:18px;border:1px dashed #9dac91;border-radius:10px;background:#f5f6f0; }.cro-upload label { font-weight:600; }.cro-upload input[type=file] { width:100%;padding:8px;background:var(--cro-surface);border:1px solid var(--cro-line);min-width:0; }.cro-upload input::file-selector-button { min-height:36px;margin-right:8px;padding:6px 12px;border:0;border-radius:5px;background:var(--cro-ink);color:white;font:600 13px Inter,Arial,sans-serif;cursor:pointer; }
.cro-upload-feedback { margin-top:10px;font-size:13px;overflow-wrap:anywhere; }.cro-upload-feedback[data-error=true] { color:#923e28; }
.cro-payment-help { padding:20px 0;font-size:13px;color:var(--cro-muted); }.cro-payment #payments-container>div { overflow-wrap:anywhere; }.cro-payment #payment-entry>div+div { margin-top:20px; }
.cro-catalog #courses-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),440px)); }
.cro-student #courses-container>div { border-radius:12px;overflow:hidden; }.cro-student #courses-container h3 { font-size:23px; }.cro-student .cro-course-card-footer { display:flex;flex-direction:column;gap:16px;align-items:stretch; }.cro-student .cro-course-card-footer .cro-btn { width:100%; }
.cro-student #courses-container .cro-card-status { margin-bottom:12px; }.cro-student #activity-container>div { gap:16px; }.cro-student #activity-container>div>div { min-width:0;overflow-wrap:anywhere; }
.cro-support main { padding-block:48px; }.cro-support h2 { font-size:30px; }.cro-legal main { max-width:850px; }.cro-legal h1 { font-size:42px; }.cro-legal h2 { font-size:25px; }.cro-legal h3 { font-size:21px; }
.cro-skip { position:fixed;left:16px;top:-100px;z-index:10000;background:white;padding:12px;color:var(--cro-ink); }.cro-skip:focus { top:8px; }
@media(min-width:1024px) { .site-mobile { display:none; } }
@media(max-width:1100px) { .site-user { display:none; }.site-links { gap:2px; }.site-nav { gap:16px; }.site-links a { padding-inline:8px; } }
@media(max-width:1023px) { .site-links,.site-desktop-control { display:none!important; }.site-menu-toggle { display:inline-flex; }.site-account { gap:8px; }.site-footer-grid { grid-template-columns:1fr 1fr; }.cro-course-top { grid-template-columns:minmax(0,1fr) 320px;gap:28px; }.cro-hero { gap:32px; }.cro-portrait img { height:420px; }.cro-split { gap:32px; }.cro-auth-story { padding:40px 30px; } }
@media(max-width:767px) {
  .cro-wrap,.site-nav { width:calc(100% - 32px); }.site-nav { height:64px;gap:12px; }.site-brand { font-size:21px; }.site-account .cro-btn { padding:10px 12px; }.site-mobile { padding:8px 16px 16px;max-height:calc(100dvh - 64px); }
  .cro-section { padding-block:44px; }.cro-hero { grid-template-columns:1fr;padding-block:28px 36px;gap:28px; }.cro-hero h1 { font-size:clamp(36px,10vw,42px); }.cro-lead { font-size:16px;margin-top:18px; }.cro-hero .cro-actions { display:grid;grid-template-columns:1fr;margin-top:20px;gap:10px; }.cro-hero .cro-prices { margin-top:16px; }
  .cro-portrait { max-width:330px;margin-inline:auto;width:100%; }.cro-portrait img { height:340px; }.cro-portrait figcaption { bottom:30px;padding:12px 16px; }.cro-strip .cro-wrap { display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:10px 20px; }
  .cro-split,.cro-method,.cro-quotes { grid-template-columns:1fr;gap:28px; }.cro-method { gap:20px; }.cro-word { padding:28px; }.cro-offer { padding:24px; }.cro-quotes blockquote { font-size:16px; }.cro-actions>.cro-btn { flex:1 1 auto; }
  .cro-course-top { grid-template-columns:1fr;gap:24px;padding-top:28px; }.cro-course-top h1 { font-size:36px; }.cro-course-top .cro-purchase { max-width:480px;width:100%;margin-inline:auto;display:flex;flex-direction:column; }.cro-purchase-image { order:2; }.cro-purchase-body { padding:22px; }.cro-course-links { gap:12px 20px;padding-block:6px;margin-top:20px; }
  .cro-sticky { display:grid;grid-template-columns:minmax(0,1fr) auto;position:fixed;bottom:0;left:0;right:0;align-items:center;gap:12px;background:var(--cro-paper);border-top:1px solid #bcc8b6;padding:10px 16px calc(10px + env(safe-area-inset-bottom));z-index:40;box-shadow:0 -4px 16px #173d3208; }.cro-sticky .cro-btn { min-height:46px;padding:10px 16px;max-width:190px;font-size:13px; }.cro-course-page { padding-bottom:calc(92px + env(safe-area-inset-bottom)); }
  .cro-auth { display:block; }.cro-auth-story { display:none; }.cro-auth-form { padding:24px 20px 32px; }.cro-auth-mobile-brand { display:block;margin-bottom:24px; }.cro-auth-form h1 { font-size:30px; }.cro-checkout-context { margin:16px 0;padding:12px 14px; }.cro-auth-form form { margin-top:20px; }
  .cro-payment main,.cro-student main,.cro-support main { padding:28px 16px; }.cro-payment-grid { grid-template-columns:1fr;gap:24px; }.cro-payment-summary { padding:20px;gap:20px; }.cro-payment-card { padding:20px; }.cro-payment #course-summary h2 { font-size:24px; }.cro-payment #payment-status .cro-btn { width:100%; }.cro-recovery>div { padding:20px; }.cro-recovery>div>div { padding:24px; }
  .site-footer-grid { grid-template-columns:1fr;gap:28px; }.cro-student #activity-container>div { flex-wrap:wrap; }
}
/* Flagship course: promise, introduction, offer; shared buyer UI is unchanged. */
.cro-home h3 { font:600 16px/1.5 Inter,Arial,sans-serif;letter-spacing:0; }
.cro-home :is(.cro-kicker,.cro-number) { font-size:14px;letter-spacing:0;text-transform:none; }
.cro-payment h1,.cro-payment h2 { font-family:Inter,Arial,sans-serif;font-weight:600;letter-spacing:0;line-height:1.25; }
.cro-payment .cro-kicker { font-size:14px;letter-spacing:0;text-transform:none; }
.cro-payment #payment-status { margin-bottom:24px; }
.cro-payment .cro-review-note { margin-top:16px;padding-top:16px;border-top:1px solid var(--cro-line);overflow-wrap:anywhere; }
.cro-payment #method { margin-top:8px; }
.cro-payment #transfer-amount { margin-bottom:20px; }
.cro-payment-grid[data-correction=true] #payment-review-column { order:-1; }
.cro-payment #payment-review-column[data-locked=true]>.cro-payment-card { border:0;padding:0;background:transparent; }
.cro-course-detail .cro-course-top { grid-template-columns:minmax(0,1fr) 360px;gap:32px 48px; }
.cro-course-promise { grid-column:1/-1;max-width:800px; }
.cro-course-detail h1 { font-size:52px; }
.cro-course-detail h2 { font:600 36px/1.25 Inter,Arial,sans-serif;letter-spacing:0; }
.cro-course-detail h2.cro-editorial { font-family:'Playfair Display',Georgia,serif;font-weight:700;line-height:1.14;letter-spacing:-.025em; }
.cro-course-detail h3,.cro-course-detail .cro-introduction h2 { font:600 16px/1.5 Inter,Arial,sans-serif;letter-spacing:0; }
.cro-course-detail .cro-lead { font-size:16px;max-width:65ch; }
.cro-course-detail :is(.cro-small,.cro-kicker,.cro-number,.cro-prices span,.cro-curriculum p,.cro-quotes figcaption,.cro-badge) { font-size:14px;line-height:1.5;letter-spacing:0;text-transform:none; }
.cro-course-detail .cro-kicker { font-weight:400;margin-bottom:12px; }
.cro-course-detail .cro-number { margin-bottom:12px; }
.cro-course-detail :is(.cro-list li,.cro-quotes blockquote) { font-size:16px;line-height:1.65; }
.cro-course-detail .cro-prices strong { font:600 28px/1.4 Inter,Arial,sans-serif; }
.cro-course-detail .cro-prices { grid-template-columns:max-content max-content;justify-content:space-between;gap:8px; }
.cro-course-detail .cro-introduction h2 { margin-bottom:6px; }
.cro-course-detail .cro-video { margin-top:16px;border-radius:8px; }
.cro-course-detail .cro-purchase { align-self:end;box-shadow:none; }
.cro-course-detail .cro-purchase-help { font-size:14px; }
.cro-course-detail .cro-link { text-decoration:none; }
.cro-course-detail .cro-link:hover { text-decoration:underline; }
.cro-course-detail .cro-method-example { margin-top:24px;border-top:1px solid var(--cro-line);max-width:760px; }
.cro-course-detail .cro-method-example summary { display:list-item;min-height:48px;padding:12px 0;cursor:pointer;font-size:14px;font-weight:600; }
.cro-course-detail .cro-method-example p { margin-top:12px;color:var(--cro-muted); }
@media(max-width:1023px) {
  .cro-course-detail .cro-course-top { grid-template-columns:minmax(0,1fr) 320px;gap:28px; }
}
@media(max-width:767px) {
  .cro-course-detail .cro-course-top { grid-template-columns:1fr;gap:28px; }
  .cro-course-detail h1 { font-size:36px; }
  .cro-course-detail h2 { font-size:28px; }
  .cro-course-detail .cro-introduction h2 { font-size:16px; }
  .cro-course-detail .cro-purchase { max-width:none; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto!important; }.cro * { transition:none!important;animation:none!important; } }