:root {
  --ink: #10213d;
  --ink-soft: #52627a;
  --blue: #2563eb;
  --blue-dark: #1d4ed8;
  --cyan: #0ea5e9;
  --surface: #ffffff;
  --surface-soft: #f5f8fc;
  --line: #dbe4f0;
  --success: #059669;
  --warning: #b45309;
  --shadow-sm: 0 10px 30px rgba(15, 35, 65, .08);
  --shadow-lg: 0 28px 80px rgba(20, 55, 110, .16);
  --radius: 24px;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--ink);
  background: #f8fbff;
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
button, input { font: inherit; }
a { color: inherit; text-decoration: none; }
img, svg { display: block; }
:focus-visible { outline: 2px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 5px #1d4ed8; }
.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.skip-link { position: fixed; top: 10px; left: 10px; z-index: 100; transform: translateY(-160%); padding: 10px 16px; background: #fff; border-radius: 12px; }
.skip-link:focus { transform: translateY(0); }

.site-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid rgba(219, 228, 240, .82); background: rgba(248, 251, 255, .84); backdrop-filter: blur(18px); }
.nav { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 800; letter-spacing: -.02em; }
.brand-mark { width: 38px; height: 38px; display: grid; place-items: center; color: #fff; border-radius: 13px; background: linear-gradient(145deg, var(--blue), #6438d7); box-shadow: 0 10px 24px rgba(37, 99, 235, .28); }
.brand-mark svg { width: 22px; height: 22px; }
.brand-mark.is-custom-logo { padding: 3px; background: #fff; box-shadow: none; }
.brand-mark.is-custom-logo img { width: 100%; height: 100%; object-fit: contain; border-radius: 9px; }
.brand-copy small { display: block; margin-top: -2px; color: #708097; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.nav-links { display: flex; align-items: center; gap: 28px; color: #45566e; font-size: 14px; font-weight: 600; }
.nav-links a:hover { color: var(--blue); }
.nav-actions { display: flex; align-items: center; gap: 10px; }
.menu-button { display: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 14px; color: var(--ink); background: #fff; cursor: pointer; }
.menu-button svg { width: 21px; margin: auto; }
.user-pill { display: none; align-items: center; gap: 9px; max-width: 190px; padding: 5px 12px 5px 5px; border: 1px solid var(--line); border-radius: 999px; background: #fff; font-size: 12px; font-weight: 700; }
.user-pill.is-visible { display: inline-flex; }
.user-avatar { width: 32px; height: 32px; object-fit: cover; border-radius: 50%; background: #dbeafe; }

.button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 10px 18px; border: 1px solid transparent; border-radius: 13px; font-size: 14px; font-weight: 750; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease; }
.button svg { width: 18px; height: 18px; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #fff; background: linear-gradient(135deg, var(--blue), var(--blue-dark)); box-shadow: 0 12px 28px rgba(37, 99, 235, .24); }
.button-primary:hover { box-shadow: 0 16px 32px rgba(37, 99, 235, .32); }
.button-secondary { color: var(--ink); border-color: var(--line); background: rgba(255,255,255,.86); }
.button-secondary:hover { border-color: #afbfD3; background: #fff; }
.button-wide { width: 100%; }

.hero { position: relative; overflow: hidden; padding: 92px 0 72px; }
.hero::before { content: ""; position: absolute; width: 670px; height: 670px; top: -330px; right: -180px; border-radius: 50%; background: radial-gradient(circle, rgba(66, 137, 255, .24), rgba(122, 92, 235, .08) 44%, transparent 70%); pointer-events: none; }
.hero::after { content: ""; position: absolute; width: 430px; height: 430px; left: -260px; bottom: -250px; border-radius: 50%; background: rgba(14, 165, 233, .11); filter: blur(20px); pointer-events: none; }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 70px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 22px; padding: 7px 12px; color: #24466f; border: 1px solid #cfe0f3; border-radius: 999px; background: rgba(255,255,255,.7); font-size: 12px; font-weight: 750; }
.eyebrow-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 5px rgba(5, 150, 105, .10); }
.hero h1 { max-width: 720px; margin: 0; font-size: clamp(42px, 5.25vw, 70px); line-height: 1.04; letter-spacing: -.055em; }
.gradient-text { color: transparent; background: linear-gradient(105deg, var(--blue) 8%, #6d3dcc 70%, #0d8abf); background-clip: text; -webkit-background-clip: text; }
.hero-copy { max-width: 650px; margin: 24px 0 0; color: var(--ink-soft); font-size: 17px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 31px; }
.hero-note { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 25px; color: #66768d; font-size: 12px; font-weight: 650; }
.hero-note span { display: inline-flex; align-items: center; gap: 7px; }
.hero-note svg { width: 15px; color: var(--success); }

.product-canvas { position: relative; min-height: 485px; }
.canvas-glow { position: absolute; inset: 14% 5% 8%; border-radius: 50%; background: linear-gradient(135deg, rgba(37,99,235,.22), rgba(109,61,204,.16)); filter: blur(42px); }
.workspace-card { position: absolute; border: 1px solid rgba(203, 216, 232, .85); background: rgba(255,255,255,.91); box-shadow: var(--shadow-lg); backdrop-filter: blur(18px); }
.cv-preview { top: 18px; left: 5px; width: 285px; padding: 18px; border-radius: 25px; transform: rotate(-2.5deg); }
.slide-preview { right: 0; bottom: 32px; width: 335px; padding: 15px; border-radius: 25px; transform: rotate(2.5deg); }
.preview-bar { display: flex; gap: 5px; padding-bottom: 12px; }
.preview-bar span { width: 7px; height: 7px; border-radius: 50%; background: #dbe4ef; }
.paper { min-height: 335px; padding: 24px; border: 1px solid #eef2f7; border-radius: 8px; background: #fff; }
.paper-name { margin: 0; font-family: Georgia, serif; font-size: 22px; }
.paper-role { color: var(--blue); font-size: 9px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.paper-rule { height: 2px; margin: 13px 0; background: #1e3a5f; }
.paper-section { margin-top: 15px; }
.paper-section strong { font-family: Georgia, serif; font-size: 9px; letter-spacing: .12em; }
.line { height: 5px; margin-top: 7px; border-radius: 5px; background: #e7edf5; }
.line.short { width: 62%; }
.slide { aspect-ratio: 16 / 9; overflow: hidden; padding: 27px; border-radius: 12px; color: #fff; background: linear-gradient(145deg, #0d1c38, #213f75 60%, #2563eb); }
.slide-label { color: #93c5fd; font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.slide h3 { max-width: 250px; margin: 13px 0 8px; font-family: Georgia, serif; font-size: 24px; line-height: 1.1; }
.slide p { max-width: 210px; margin: 0; color: #c8d8ef; font-size: 9px; }
.slide-chart { display: flex; align-items: end; gap: 7px; height: 57px; margin-top: 16px; }
.slide-chart span { flex: 1; border-radius: 5px 5px 0 0; background: rgba(255,255,255,.75); }
.slide-chart span:nth-child(1) { height: 35%; }.slide-chart span:nth-child(2) { height: 58%; }.slide-chart span:nth-child(3) { height: 78%; }.slide-chart span:nth-child(4) { height: 100%; background: #7dd3fc; }
.floating-chip { position: absolute; z-index: 3; display: flex; align-items: center; gap: 9px; padding: 10px 14px; border: 1px solid rgba(206, 219, 234, .9); border-radius: 15px; background: rgba(255,255,255,.92); box-shadow: var(--shadow-sm); font-size: 11px; font-weight: 750; }
.chip-one { right: 12px; top: 32px; }.chip-two { left: 1px; bottom: 15px; }
.chip-icon { width: 26px; height: 26px; display: grid; place-items: center; color: var(--blue); border-radius: 9px; background: #eaf2ff; }
.chip-icon svg { width: 15px; }

.trust-strip { padding: 22px 0; border-block: 1px solid var(--line); background: #fff; }
.trust-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.trust-item { display: flex; align-items: center; justify-content: center; gap: 9px; color: #5e6e84; font-size: 12px; font-weight: 700; }
.trust-item svg { width: 18px; color: var(--blue); }

/* Product exposure: two working product scenes, not decorative mockups. */
.exposure { background: #081426; color: #f7f9fc; overflow: clip; }
.exposure-intro { max-width: 1180px; padding-block: 104px 70px; }
.exposure-intro .kicker { color: #79b9ff; }
.exposure-intro h2 { font-size: clamp(36px, 5vw, 62px); letter-spacing: -.055em; line-height: 1.02; margin: 0; max-width: 12ch; }
.exposure-intro p { color: #aabbd0; font-size: 16px; margin: 22px 0 0; max-width: 700px; }
.exposure-story { padding: 78px 0 112px; }
.exposure-story--presentation { background: #081426; }
.exposure-story--cv { background: #ece8df; color: #172033; padding-block: 112px; }
.exposure-layout { align-items: center; display: grid; gap: clamp(48px, 6vw, 90px); grid-template-columns: minmax(17rem, .72fr) minmax(0, 1.38fr); }
.exposure-layout--reverse { grid-template-columns: minmax(0, 1.35fr) minmax(17rem, .75fr); }
.exposure-copy { max-width: 31rem; }
.exposure-index { color: #79b9ff; display: block; font-size: 11px; font-weight: 800; letter-spacing: .17em; margin-bottom: 21px; }
.exposure-copy h3 { font-size: clamp(34px, 4.2vw, 55px); letter-spacing: -.05em; line-height: 1.03; margin: 0; }
.exposure-copy > p { color: #aabbd0; font-size: 15px; margin: 24px 0 0; }
.exposure-copy--dark .exposure-index { color: #2458bd; }
.exposure-copy--dark > p { color: #5c6675; }
.proof-list { border-top: 1px solid #2b3c54; margin: 31px 0 0; }
.proof-list > div { border-bottom: 1px solid #2b3c54; display: grid; gap: 15px; grid-template-columns: 4.4rem 1fr; padding: 15px 0; }
.proof-list dt { color: #79b9ff; font-size: 11px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.proof-list dd { color: #dce5ef; font-size: 13px; margin: 0; }
.exposure-copy--dark .proof-list { border-color: #c8c2b7; }
.exposure-copy--dark .proof-list > div { border-color: #c8c2b7; }
.exposure-copy--dark .proof-list dt { color: #2458bd; }
.exposure-copy--dark .proof-list dd { color: #354054; }
.exposure-link { align-items: center; border-bottom: 2px solid #79b9ff; color: #ffffff; display: inline-flex; font-size: 13px; font-weight: 800; gap: 14px; margin-top: 30px; min-height: 44px; }
.exposure-link span { transition: transform .2s ease; }
.exposure-link:hover span { transform: translateX(5px); }
.exposure-link--dark { border-color: #2458bd; color: #172033; }

.presentation-theatre { background: #f6f8fb; border: 1px solid #31445e; box-shadow: 24px 28px 0 #0d2340; color: #172033; min-width: 0; }
.theatre-toolbar, .theatre-footer { align-items: center; display: flex; justify-content: space-between; min-height: 54px; padding: 10px 16px; }
.theatre-toolbar { border-bottom: 1px solid #d7e0eb; color: #66768c; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.live-status { align-items: center; color: #173861; display: inline-flex; gap: 8px; }
.live-status i { animation: exposurePulse 1.7s ease-out infinite; background: #ef4444; border-radius: 50%; height: 8px; width: 8px; }
.theatre-stage { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(13rem, .65fr); min-height: 430px; }
.theatre-slide { background: #10213d; color: #ffffff; overflow: hidden; padding: clamp(28px, 4vw, 52px); position: relative; transition: background .4s ease, color .4s ease; }
.theatre-kicker { color: #8dbaf4; font-size: 9px; font-weight: 850; letter-spacing: .16em; }
.theatre-slide h4 { font-family: Georgia, serif; font-size: clamp(28px, 3.4vw, 47px); letter-spacing: -.035em; line-height: 1.04; margin: 18px 0 34px; max-width: 12ch; }
.decision-grid { display: grid; gap: 1px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.decision-grid > div { border-top: 2px solid #5b9bf4; padding: 14px 13px 12px 0; }
.decision-grid b { color: #79b9ff; display: block; font-size: 10px; letter-spacing: .08em; }
.decision-grid strong { display: block; font-size: 12px; margin-top: 10px; }
.decision-grid small { color: #aebdd1; display: block; font-size: 9px; line-height: 1.5; margin-top: 7px; }
.live-pen-stroke { bottom: 20px; height: 64px; pointer-events: none; position: absolute; right: 24px; width: 180px; }
.live-pen-stroke path { animation: drawPen 5s ease-in-out infinite; fill: none; stroke: #ffd261; stroke-dasharray: 390; stroke-dashoffset: 390; stroke-linecap: round; stroke-width: 5; }
.mom-console { background: #eef2f7; border-left: 1px solid #d1dbe7; min-width: 0; padding: 24px 19px; }
.mom-console__heading span { color: #2563eb; display: block; font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.mom-console__heading strong { display: block; font-size: 15px; margin-top: 5px; }
.mom-console ol { display: grid; gap: 0; list-style: none; margin: 20px 0; padding: 0; }
.mom-console li { animation: momArrival 6s ease infinite; border-top: 1px solid #cfd9e5; display: grid; gap: 8px; grid-template-columns: 2.4rem 1fr; opacity: .38; padding: 12px 0; }
.mom-console li:nth-child(2) { animation-delay: 1s; }
.mom-console li:nth-child(3) { animation-delay: 2s; border-bottom: 1px solid #cfd9e5; }
.mom-console li span { color: #77879c; font-size: 8px; font-weight: 800; }
.mom-console li p { color: #35465e; font-size: 10px; line-height: 1.45; margin: 0; }
.summary-generator { background: #ffffff; border: 1px solid #cad5e2; padding: 12px; }
.summary-generator span { color: #2563eb; font-size: 8px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.summary-generator p { color: #304158; font-size: 9px; line-height: 1.55; margin: 6px 0 0; }
.theatre-footer { border-top: 1px solid #d7e0eb; }
.demo-switcher { display: flex; flex-wrap: wrap; gap: 3px; }
.demo-switcher button { background: transparent; border: 1px solid transparent; color: #68788d; cursor: pointer; font-size: 9px; font-weight: 800; min-height: 44px; padding: 8px 11px; text-transform: uppercase; }
.demo-switcher button[aria-pressed="true"] { background: #10213d; color: #ffffff; }
.demo-switcher button:focus-visible { outline: 3px solid #2563eb; outline-offset: 2px; }
.export-formats { display: flex; gap: 6px; }
.export-formats span, .a4-label { border: 1px solid #b9c7d7; color: #43546b; font-size: 8px; font-weight: 900; letter-spacing: .08em; padding: 6px 7px; }
.presentation-theatre[data-demo-theme="editorial"] .theatre-slide { background: #f5f0e7; color: #32191c; }
.presentation-theatre[data-demo-theme="editorial"] .theatre-kicker, .presentation-theatre[data-demo-theme="editorial"] .decision-grid b { color: #a51f2e; }
.presentation-theatre[data-demo-theme="editorial"] .decision-grid > div { border-color: #a51f2e; }
.presentation-theatre[data-demo-theme="editorial"] .decision-grid small { color: #735d60; }
.presentation-theatre[data-demo-theme="editorial"] .live-pen-stroke path { stroke: #b91c2b; }
.presentation-theatre[data-demo-theme="civic"] .theatre-slide { background: #dceceb; color: #0b403d; }
.presentation-theatre[data-demo-theme="civic"] .theatre-kicker, .presentation-theatre[data-demo-theme="civic"] .decision-grid b { color: #08766e; }
.presentation-theatre[data-demo-theme="civic"] .decision-grid > div { border-color: #08766e; }
.presentation-theatre[data-demo-theme="civic"] .decision-grid small { color: #456966; }
.presentation-theatre[data-demo-theme="civic"] .live-pen-stroke path { stroke: #08766e; }

.cv-theatre { background: #14223a; border: 1px solid #31425c; box-shadow: -24px 28px 0 #d4cec2; display: grid; grid-template-columns: minmax(10rem, .45fr) minmax(0, 1.55fr); min-width: 0; padding: 18px 18px 0; }
.cv-toolrail { color: #d8e2ef; min-width: 0; padding: 13px 18px 20px 4px; }
.cv-toolrail__label { color: #79b9ff; font-size: 8px; font-weight: 900; letter-spacing: .16em; }
.profession-queue { height: 126px; margin-top: 17px; overflow: hidden; }
.profession-queue span { animation: professionQueue 10s cubic-bezier(.7,0,.25,1) infinite; border-bottom: 1px solid #31425c; display: block; font-size: 9px; min-height: 42px; padding: 12px 0; }
.ats-readout { border-top: 1px solid #4a5b72; margin-top: 25px; padding-top: 18px; }
.ats-readout span { color: #7dd3fc; display: block; font-size: 8px; font-weight: 900; letter-spacing: .15em; }
.ats-readout strong { color: #ffffff; display: block; font-size: 12px; margin-top: 7px; }
.ats-readout small { color: #9eb0c7; display: block; font-size: 8px; line-height: 1.6; margin-top: 6px; }
.cv-live-sheet { background: #ffffff; color: #172033; display: grid; grid-template-areas: "head head" "aside main"; grid-template-columns: 32% 68%; min-height: 500px; transition: background .25s ease, color .25s ease; }
.cv-live-sheet header { align-items: center; background: #203a60; color: #ffffff; display: flex; gap: 15px; grid-area: head; padding: 25px 28px; }
.cv-monogram { align-items: center; border: 1px solid #8ea5c3; display: flex; font-family: Georgia, serif; font-size: 16px; height: 42px; justify-content: center; width: 42px; }
.cv-live-sheet h4 { font-family: Georgia, serif; font-size: 25px; line-height: 1; margin: 0; }
.cv-live-sheet header p { color: #c7d6e8; font-size: 8px; letter-spacing: .1em; margin: 7px 0 0; text-transform: uppercase; }
.cv-live-sheet aside { background: #eaf0f6; grid-area: aside; padding: 25px 19px; }
.cv-live-sheet main { grid-area: main; padding: 27px 28px; }
.cv-live-sheet aside strong, .cv-live-sheet main section > strong { color: #315780; display: block; font-size: 8px; letter-spacing: .12em; margin-bottom: 10px; }
.cv-live-sheet aside ul { color: #526278; font-size: 8px; line-height: 1.7; margin: 0 0 24px; padding-left: 13px; }
.cv-live-sheet aside p, .cv-live-sheet main p { color: #536174; font-size: 8px; line-height: 1.65; margin: 6px 0 19px; }
.cv-live-sheet main section + section { border-top: 1px solid #d7dee7; padding-top: 19px; }
.cv-live-sheet main h5 { font-size: 10px; margin: 14px 0 0; }
.cv-live-sheet main small { color: #75849a; font-size: 7px; }
.cv-theatre-footer { align-items: center; background: #14223a; display: flex; grid-column: 1 / -1; justify-content: space-between; min-height: 65px; }
.demo-switcher--light button { color: #9eb0c7; }
.demo-switcher--light button[aria-pressed="true"] { background: #f7f4ee; color: #172033; }
.a4-label { border-color: #53657d; color: #d2deec; margin-right: 3px; }
.cv-theatre[data-cv-theme="profile"] .cv-live-sheet { grid-template-areas: "head main" "aside main"; grid-template-columns: 34% 66%; }
.cv-theatre[data-cv-theme="profile"] .cv-live-sheet header { align-items: flex-start; background: #146b5c; flex-direction: column; padding: 31px 22px; }
.cv-theatre[data-cv-theme="profile"] .cv-live-sheet aside { background: #dceee9; }
.cv-theatre[data-cv-theme="profile"] .cv-live-sheet aside strong, .cv-theatre[data-cv-theme="profile"] .cv-live-sheet main section > strong { color: #146b5c; }
.cv-theatre[data-cv-theme="editorial"] .cv-live-sheet { background: #f9f5ed; grid-template-areas: "head head" "main aside"; grid-template-columns: 70% 30%; }
.cv-theatre[data-cv-theme="editorial"] .cv-live-sheet header { background: transparent; border-bottom: 3px solid #a02732; color: #32191c; }
.cv-theatre[data-cv-theme="editorial"] .cv-live-sheet header p { color: #8a5960; }
.cv-theatre[data-cv-theme="editorial"] .cv-live-sheet aside { background: #efe4d7; }
.cv-theatre[data-cv-theme="editorial"] .cv-live-sheet aside strong, .cv-theatre[data-cv-theme="editorial"] .cv-live-sheet main section > strong { color: #a02732; }
.cv-theatre.is-switching .cv-live-sheet { animation: sheetSwitch .32s ease both; }

@keyframes exposurePulse { 0% { box-shadow: 0 0 0 0 rgba(239,68,68,.45); } 75%, 100% { box-shadow: 0 0 0 9px rgba(239,68,68,0); } }
@keyframes drawPen { 0%, 16% { stroke-dashoffset: 390; opacity: 0; } 24% { opacity: 1; } 58%, 82% { stroke-dashoffset: 0; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes momArrival { 0%, 16% { opacity: .38; transform: translateY(4px); } 27%, 65% { opacity: 1; transform: none; } 82%, 100% { opacity: .38; transform: none; } }
@keyframes professionQueue { 0%, 18% { transform: translateY(0); } 28%, 46% { transform: translateY(-42px); } 56%, 74% { transform: translateY(-84px); } 84%, 100% { transform: translateY(-126px); } }
@keyframes sheetSwitch { from { opacity: .35; transform: translateY(7px); } to { opacity: 1; transform: none; } }

.section { padding: 96px 0; }
.section-soft { background: var(--surface-soft); }
.section-heading { max-width: 680px; margin: 0 auto 52px; text-align: center; }
.kicker { display: block; margin-bottom: 10px; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.section-heading h2 { margin: 0; font-size: clamp(31px, 4vw, 47px); line-height: 1.14; letter-spacing: -.04em; }
.section-heading p { margin: 17px 0 0; color: var(--ink-soft); }
.product-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; }
.product-card { position: relative; overflow: hidden; min-height: 470px; display: flex; flex-direction: column; padding: 35px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow-sm); }
.product-card:nth-child(1), .product-card:nth-child(2) { grid-column: span 6; }
.product-card--library { grid-column: span 5; }
.product-card--smm { grid-column: span 7; color: #fff; border-color: #25446c; background: #10213d; box-shadow: 0 18px 44px rgba(15, 35, 65, .16); }
.product-card::after { content: ""; position: absolute; width: 250px; height: 250px; right: -130px; top: -140px; border-radius: 50%; background: rgba(37,99,235,.09); }
.product-card--smm::after { width: 310px; height: 310px; right: -142px; top: -178px; border: 64px solid rgba(147, 197, 253, .08); background: transparent; }
.product-icon { width: 50px; height: 50px; display: grid; place-items: center; margin-bottom: 25px; color: var(--blue); border-radius: 16px; background: #eaf2ff; }
.product-icon.violet { color: #6d3dcc; background: #f0ebff; }
.product-icon--smm { margin-bottom: 0; color: #10213d; background: #93c5fd; }
.product-icon svg { width: 25px; }
.product-card__topline { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 25px; }
.product-domain { color: #93c5fd; font-size: 12px; font-weight: 750; letter-spacing: .03em; }
.product-card h3 { margin: 0; font-size: 26px; letter-spacing: -.03em; }
.product-card > p { min-height: 78px; margin: 13px 0 23px; color: var(--ink-soft); font-size: 14px; }
.product-card--smm > p { color: #c7d5e8; }
.feature-list { display: grid; gap: 13px; margin: 0 0 30px; padding: 0; list-style: none; }
.feature-list li { display: flex; gap: 10px; color: #334760; font-size: 13px; font-weight: 600; }
.feature-list svg { flex: 0 0 auto; width: 17px; margin-top: 2px; color: var(--success); }
.product-card--smm .feature-list li { color: #d7e2ef; }
.product-card--smm .feature-list svg { color: #7dd3fc; }
.product-card .button { margin-top: auto; }
.button-smm { color: #10213d; background: #fff; box-shadow: none; }
.button-smm:hover { background: #eaf2ff; }

.pricing-card { max-width: 950px; margin: auto; display: grid; grid-template-columns: .9fr 1.1fr; overflow: hidden; border: 1px solid #cddbec; border-radius: 28px; background: #fff; box-shadow: var(--shadow-lg); }
.pricing-intro { padding: 48px; background: #10213d; color: #fff; }
.pricing-intro .kicker { color: #93c5fd; }.pricing-intro h2 { margin: 0; font-size: 34px; line-height: 1.15; letter-spacing: -.04em; }.pricing-intro p { color: #bac8da; font-size: 14px; }
.price { display: flex; align-items: baseline; gap: 7px; margin-top: 27px; }.price strong { font-size: 42px; letter-spacing: -.04em; }.price span { color: #bac8da; font-size: 12px; }
.tax-note { display: block; margin-top: 4px; color: #8fa4be; font-size: 11px; }
.pricing-details { padding: 48px; }
.pricing-details h3 { margin: 0 0 22px; font-size: 18px; }.pricing-details .feature-list { margin-bottom: 26px; }
.coming-soon { margin: 0 0 18px; padding: 11px 13px; color: #8a5310; border: 1px solid #f0d39d; border-radius: 12px; background: #fff8e9; font-size: 11px; font-weight: 700; }

.faq { max-width: 800px; margin: auto; display: grid; gap: 12px; }
.faq details { border: 1px solid var(--line); border-radius: 17px; background: #fff; }
.faq summary { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 19px; cursor: pointer; font-size: 14px; font-weight: 750; list-style: none; }
.faq summary::-webkit-details-marker { display: none; }.faq summary::after { content: "+"; color: var(--blue); font-size: 21px; }.faq details[open] summary::after { content: "−"; }
.faq details p { margin: 0; padding: 0 19px 19px; color: var(--ink-soft); font-size: 13px; }

.cta-band { padding: 78px 0; }.cta-inner { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 48px; border-radius: 28px; color: #fff; background: linear-gradient(125deg, #10213d, #163d79 64%, #2563eb); box-shadow: var(--shadow-lg); }.cta-inner::after { content: ""; position: absolute; width: 300px; height: 300px; right: -130px; top: -150px; border-radius: 50%; border: 55px solid rgba(255,255,255,.07); }.cta-copy { position: relative; z-index: 1; }.cta-copy h2 { margin: 0; font-size: 31px; letter-spacing: -.035em; }.cta-copy p { margin: 9px 0 0; color: #bfd0e6; font-size: 13px; }.cta-actions { position: relative; z-index: 1; display: flex; gap: 10px; }.cta-actions .button-secondary { border-color: rgba(255,255,255,.24); background: rgba(255,255,255,.10); color: #fff; }

.site-footer { padding: 38px 0; border-top: 1px solid var(--line); background: #fff; }.footer-row { display: flex; align-items: center; justify-content: space-between; gap: 25px; }.footer-copy { color: #74839a; font-size: 11px; }.footer-links { display: flex; gap: 18px; color: #53647c; font-size: 12px; font-weight: 650; }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease; }.reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 1080px) {
  .theatre-stage { grid-template-columns: 1fr; }
  .mom-console { border-left: 0; border-top: 1px solid #d1dbe7; display: grid; gap: 18px; grid-template-columns: .75fr 1.25fr; }
  .mom-console__heading { grid-column: 1 / -1; }
  .mom-console ol { margin: 0; }
  .summary-generator { align-self: start; }
  .cv-theatre { grid-template-columns: minmax(8.5rem, .36fr) minmax(0, 1.64fr); }
}

@media (max-width: 900px) {
  .nav-links { position: fixed; inset: 76px 20px auto; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 12px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow-lg); }
  .nav-links.is-open { display: flex; }.nav-links a { padding: 13px 12px; }.menu-button { display: inline-grid; }
  .nav-actions > .button { display: none; }.hero { padding-top: 64px; }.hero-grid { grid-template-columns: 1fr; gap: 55px; }.hero-copy-wrap { text-align: center; }.hero-copy { margin-inline: auto; }.hero-actions, .hero-note { justify-content: center; }.product-canvas { width: min(590px, 100%); margin: auto; }.product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.pricing-card { grid-template-columns: 1fr; }.product-card, .product-card:nth-child(1), .product-card:nth-child(2), .product-card--library, .product-card--smm { grid-column: auto; }.product-card > p { min-height: 0; }.trust-row { grid-template-columns: 1fr 1fr; row-gap: 18px; }.cta-inner, .footer-row { align-items: flex-start; flex-direction: column; }
  .exposure-intro { padding-block: 78px 48px; }
  .exposure-story, .exposure-story--cv { padding-block: 72px; }
  .exposure-layout, .exposure-layout--reverse { grid-template-columns: 1fr; }
  .exposure-copy { max-width: 42rem; }
  .exposure-layout--reverse .exposure-copy { order: -1; }
  .presentation-theatre, .cv-theatre { box-shadow: 14px 16px 0 #0d2340; }
  .cv-theatre { box-shadow: -14px 16px 0 #d4cec2; }
}

@media (max-width: 720px) {
  .product-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .container { width: min(100% - 28px, 1180px); }.nav { min-height: 68px; }.nav-links { inset: 68px 14px auto; }.brand-copy small { display: none; }.user-pill span { display: none; }.user-pill { padding-right: 5px; }
  .hero { padding: 50px 0 52px; }.hero h1 { font-size: 41px; }.hero-copy { font-size: 15px; }.hero-actions { flex-direction: column; }.hero-actions .button { width: 100%; }.hero-note { gap: 9px 15px; }
  .product-canvas { min-height: 400px; }.cv-preview { width: 235px; }.slide-preview { width: 270px; }.paper { min-height: 270px; padding: 18px; }.slide h3 { font-size: 18px; }.floating-chip { font-size: 9px; }.chip-one { top: 0; }.chip-two { bottom: 0; }
  .trust-item { justify-content: flex-start; font-size: 10px; }.section { padding: 72px 0; }.section-heading { margin-bottom: 36px; }.product-card { min-height: 0; padding: 27px; }.product-card__topline { align-items: flex-start; flex-direction: column; gap: 13px; }.pricing-intro, .pricing-details { padding: 32px 26px; }.cta-inner { padding: 35px 27px; }.cta-actions { width: 100%; flex-direction: column; }.cta-actions .button { width: 100%; }.footer-links { flex-wrap: wrap; }
  .exposure-intro { padding-block: 64px 40px; }
  .exposure-intro h2, .exposure-copy h3 { font-size: 36px; }
  .exposure-story, .exposure-story--cv { padding-block: 56px; }
  .exposure-layout { gap: 38px; }
  .proof-list > div { grid-template-columns: 3.8rem 1fr; }
  .presentation-theatre, .cv-theatre { box-shadow: 8px 10px 0 #0d2340; }
  .cv-theatre { box-shadow: -8px 10px 0 #d4cec2; padding: 10px 10px 0; }
  .theatre-toolbar, .theatre-footer { align-items: flex-start; flex-direction: column; gap: 7px; }
  .theatre-slide { padding: 28px 22px 88px; }
  .theatre-slide h4 { font-size: 31px; margin-bottom: 27px; }
  .decision-grid { grid-template-columns: 1fr; }
  .decision-grid > div { padding-block: 10px; }
  .mom-console { display: block; padding: 20px 16px; }
  .mom-console ol { margin-block: 17px; }
  .live-pen-stroke { bottom: 17px; right: 13px; width: 155px; }
  .theatre-footer { padding-block: 13px; }
  .export-formats { width: 100%; }
  .cv-theatre { grid-template-columns: 1fr; }
  .cv-toolrail { display: grid; gap: 13px; grid-template-columns: 1fr 1fr; padding: 12px 4px 17px; }
  .cv-toolrail__label { grid-column: 1 / -1; }
  .profession-queue { height: 84px; margin-top: 0; }
  .ats-readout { margin-top: 0; padding-top: 10px; }
  .cv-live-sheet { grid-column: 1; min-height: 450px; }
  .cv-theatre-footer { grid-column: 1; }
  .cv-live-sheet header { padding: 21px 18px; }
  .cv-live-sheet aside { padding: 20px 13px; }
  .cv-live-sheet main { padding: 22px 17px; }
  .cv-live-sheet h4 { font-size: 21px; }
  .cv-theatre-footer { align-items: flex-start; flex-direction: column; gap: 6px; padding: 10px 0; }
  .a4-label { margin-left: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

/* Pricing architecture */
.pricing-page { background: #f7f9fc; }
.pricing-hero { background: #0d1b31; color: #ffffff; padding: 108px 0 84px; }
.pricing-hero__grid { align-items: end; display: grid; gap: clamp(2rem, 7vw, 7rem); grid-template-columns: minmax(0, 1.45fr) minmax(16rem, .55fr); }
.pricing-hero h1 { font-size: clamp(42px, 6vw, 72px); letter-spacing: -.06em; line-height: 1.02; margin: 18px 0 22px; max-width: 850px; }
.pricing-hero p { color: #bdc9da; font-size: 16px; line-height: 1.75; margin: 0; max-width: 720px; }
.pricing-hero__note { border-left: 2px solid #60a5fa; display: grid; gap: .65rem; padding: .45rem 0 .45rem 1.2rem; }
.pricing-hero__note strong { font-size: 14px; }
.pricing-hero__note span { color: #aebbd0; font-size: 12px; line-height: 1.7; }
.pricing-product-grid { display: grid; gap: 24px; grid-template-columns: minmax(0, 1.3fr) minmax(19rem, .7fr); }
.pricing-product { background: #ffffff; border: 1px solid #cad6e6; box-shadow: 0 22px 55px rgba(21, 43, 75, .09); padding: clamp(28px, 4vw, 48px); }
.pricing-product--membership { border-top: 5px solid #2563eb; }
.pricing-product--ebooks { background: #efece5; border-color: #d5cec0; border-top: 5px solid #3b352e; }
.pricing-product__top { align-items: center; color: #63738b; display: flex; font-size: 10px; font-weight: 800; justify-content: space-between; letter-spacing: .13em; margin-bottom: 34px; text-transform: uppercase; }
.pricing-product__number { color: #2563eb; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.pricing-product--ebooks .pricing-product__number { color: #7c4d2b; }
.pricing-product h2 { font-size: clamp(31px, 4vw, 47px); letter-spacing: -.05em; margin: 0 0 12px; }
.pricing-product__lead { color: #596a81; font-size: 14px; line-height: 1.75; margin: 0 0 27px; max-width: 650px; }
.pricing-free-baseline { align-items: baseline; border-left: 3px solid #8aa6cc; display: grid; gap: 0.3rem; margin: -0.25rem 0 1.5rem; padding: 0.15rem 0 0.15rem 0.85rem; }
.pricing-free-baseline strong { color: #1e3a5f; font-size: 0.72rem; }
.pricing-free-baseline span { color: #63738b; font-size: 0.72rem; line-height: 1.55; }
.pricing-product__price { align-items: baseline; display: flex; gap: 10px; margin-bottom: 7px; }
.pricing-product__price strong { color: #10213d; font-size: clamp(36px, 5vw, 54px); letter-spacing: -.06em; }
.pricing-product__price span { color: #66758b; font-size: 12px; font-weight: 700; }
.pricing-benefit-columns { border-block: 1px solid #dbe3ed; display: grid; gap: 28px; grid-template-columns: 1fr 1fr; margin: 30px 0; padding: 28px 0; }
.pricing-benefit-columns h3 { font-size: 13px; margin: 0 0 15px; }
.pricing-benefit-columns ul, .pricing-ebook-points { display: grid; gap: 11px; list-style: none; margin: 0; padding: 0; }
.pricing-benefit-columns li, .pricing-ebook-points li { color: #4f6077; font-size: 12px; line-height: 1.55; padding-left: 18px; position: relative; }
.pricing-benefit-columns li::before, .pricing-ebook-points li::before { background: #2563eb; content: ""; height: 6px; left: 0; position: absolute; top: .48em; width: 6px; }
.checkout-status { color: #64748b; font-size: 11px; line-height: 1.6; margin: 12px 0 0; min-height: 18px; text-align: center; }
.ebook-purchase-preview { background: #1f242b; color: #ffffff; display: grid; gap: 0; grid-template-columns: 52px 1fr; margin: 30px 0; min-height: 180px; }
.ebook-spine { align-items: center; background: #925f39; display: flex; font-size: 10px; font-weight: 800; justify-content: center; letter-spacing: .18em; writing-mode: vertical-rl; }
.ebook-purchase-preview div { display: flex; flex-direction: column; justify-content: flex-end; padding: 28px; }
.ebook-purchase-preview small { color: #d0c4b7; font-size: 9px; letter-spacing: .14em; margin-bottom: 8px; text-transform: uppercase; }
.ebook-purchase-preview strong { font-family: Georgia, serif; font-size: 25px; line-height: 1.2; }
.pricing-ebook-points { margin: 0 0 28px; }
.pricing-ebook-points li { color: #514c45; }
.pricing-ebook-points li::before { background: #925f39; }
.payment-flow { border-top: 1px solid #cad6e6; display: grid; grid-template-columns: repeat(3, 1fr); }
.payment-flow article { border-right: 1px solid #cad6e6; padding: 30px; }
.payment-flow article:last-child { border-right: 0; }
.payment-flow span { color: #2563eb; font: 800 11px ui-monospace, monospace; }
.payment-flow h3 { font-size: 18px; margin: 18px 0 8px; }
.payment-flow p { color: #5c6c82; font-size: 12px; line-height: 1.65; margin: 0; }

@media (max-width: 900px) {
  .pricing-hero__grid, .pricing-product-grid { grid-template-columns: 1fr; }
  .pricing-hero { padding: 78px 0 60px; }
}
@media (max-width: 600px) {
  .pricing-benefit-columns, .payment-flow { grid-template-columns: 1fr; }
  .payment-flow article { border-bottom: 1px solid #cad6e6; border-right: 0; padding-inline: 0; }
  .payment-flow article:last-child { border-bottom: 0; }
}

/* Payment result: one focal status panel with a server-owned receipt. */
.payment-result-page { background: #071426; display: grid; grid-template-rows: auto 1fr auto; min-height: 100dvh; }
.payment-result-shell { align-items: center; display: grid; padding: clamp(48px, 8vw, 96px) 20px; }
.payment-result { border: 1px solid #486281; border-radius: 28px; display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(20rem, .82fr); margin-inline: auto; max-width: 1080px; overflow: hidden; width: 100%; }
.payment-result__message { background: #0d1b31; color: #f8fafc; padding: clamp(38px, 6vw, 72px); }
.payment-state-mark { align-items: center; border: 1px solid currentColor; border-radius: 20px; color: #fbbf24; display: flex; height: 72px; justify-content: center; margin-bottom: 30px; transition: color .24s ease, transform .24s ease; width: 72px; }
.payment-state-mark svg { height: 42px; width: 42px; }
.payment-state-label { color: #fbbf24; font-size: 13px; font-weight: 800; margin: 0 0 13px; }
.payment-result h1 { font-size: clamp(38px, 5vw, 64px); letter-spacing: -.055em; line-height: 1.04; margin: 0; max-width: 12ch; }
.payment-result__copy { color: #c4cede; font-size: clamp(14px, 1.6vw, 17px); line-height: 1.75; margin: 24px 0 0; max-width: 40rem; }
.payment-result__actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 34px; }
.payment-result__message .button-secondary { background: transparent; border-color: #7187a3; color: #f8fafc; }
.payment-result__message .button-secondary:hover { background: #162a47; border-color: #93a6bd; }
.payment-result[data-tone="success"] .payment-state-mark, .payment-result[data-tone="success"] .payment-state-label { color: #6ee7b7; }
.payment-result[data-tone="failed"] .payment-state-mark, .payment-result[data-tone="failed"] .payment-state-label { color: #fca5a5; }
.payment-result[data-tone="pending"] .payment-state-mark, .payment-result[data-tone="pending"] .payment-state-label,
.payment-result[data-tone="loading"] .payment-state-mark, .payment-result[data-tone="loading"] .payment-state-label { color: #fbbf24; }
.payment-result[data-tone="success"] .payment-state-mark { transform: rotate(-2deg); }
.payment-result[data-tone="failed"] .payment-state-mark { transform: rotate(2deg); }
.payment-receipt { background: #f4f7fb; color: #10213d; padding: clamp(32px, 5vw, 54px); }
.payment-receipt__heading { align-items: center; border-bottom: 2px solid #10213d; display: flex; font-size: 14px; font-weight: 800; justify-content: space-between; padding-bottom: 18px; }
.payment-receipt__heading svg { height: 23px; width: 23px; }
.payment-receipt dl { margin: 8px 0 30px; }
.payment-receipt dl > div { border-bottom: 1px solid #cbd5e1; display: grid; gap: 8px; padding: 18px 0; }
.payment-receipt dt { color: #52627a; font-size: 11px; font-weight: 700; }
.payment-receipt dd { font-size: 13px; font-weight: 750; margin: 0; overflow-wrap: anywhere; }
.payment-receipt > p { border-left: 3px solid #2563eb; color: #52627a; font-size: 12px; line-height: 1.7; margin: 0; padding-left: 15px; }
.payment-result-footer { border-top: 1px solid #314866; color: #c4cede; font-size: 11px; padding: 22px 0; }
.payment-result-footer .container { align-items: center; display: flex; gap: 20px; justify-content: space-between; }
.payment-result-footer a { color: #f8fafc; font-weight: 700; min-height: 44px; align-items: center; display: inline-flex; }

@media (max-width: 780px) {
  .payment-result { grid-template-columns: 1fr; }
  .payment-result-shell { align-items: start; padding-block: 36px; }
  .payment-result h1 { max-width: 15ch; }
}
@media (max-width: 520px) {
  .payment-result-shell { padding-inline: 14px; }
  .payment-result { border-radius: 20px; }
  .payment-result__message, .payment-receipt { padding: 30px 24px; }
  .payment-state-mark { height: 62px; width: 62px; }
  .payment-state-mark svg { height: 35px; width: 35px; }
  .payment-result__actions { align-items: stretch; flex-direction: column; }
  .payment-result__actions .button { width: 100%; }
  .payment-result-footer .container { align-items: flex-start; flex-direction: column; gap: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  .payment-state-mark { transition: none; }
}