/* MAX conversion page; the legacy renderer is retained but no longer loaded. */
@font-face{font-family:'MAX Golos';src:url('./fonts/GolosVar-latin.woff2?v=20260714a') format('woff2');font-weight:400 700;font-style:normal;font-display:optional;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'MAX Golos';src:url('./fonts/GolosVar-cyrillic.woff2?v=20260714a') format('woff2');font-weight:400 700;font-style:normal;font-display:optional;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
html:has(.max-conversion){scroll-behavior:auto}
.max-conversion{font-family:'MAX Golos',system-ui,sans-serif;line-height:1.6;overflow-x:visible;background:#0c0f1f;color:#edf3fb}
.max-conversion :is(h1,h2,h3,p,figure,dl){margin:0}
.max-conversion :is(h1,h2,h3){line-height:1.14;text-wrap:balance}
.max-conversion h2{font-size:clamp(1.65rem,3vw,2.65rem);letter-spacing:-.035em}
.max-conversion h3{font-size:1.17rem}
.max-conversion :is(a,button,summary):focus-visible{outline:3px solid #bcb2ff;outline-offset:4px}
.max-conversion :is(button,summary,a){touch-action:manipulation}
.max-conversion [hidden]{display:none!important}
.max-conversion [id]{scroll-margin-top:20px}
.mx-wrap{width:min(1120px,calc(100% - 64px));margin:auto}
.mx-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid #2a304a}
.mx-brand{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;flex-shrink:0}
.mx-brand small{display:block;color:#b4c3d5;font-size:.8rem;font-weight:400;line-height:1.2}
.mx-nav{display:flex;gap:24px;flex-wrap:wrap;font-size:.9rem;color:#ced7e9}
.mx-nav a:hover,.mx-extra-links a:hover,.mx-related a:hover,.mx-footer nav a:hover{text-decoration:underline}
.mx-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:48px;max-width:none;padding:38px;margin:30px 0 42px;border:1px solid #3c466e;border-radius:28px;background:radial-gradient(ellipse at 100% 0,#27365988,transparent 65%),linear-gradient(140deg,#141b2c,#0c1120);box-shadow:0 24px 75px #0003}
.mx-hero-copy{min-width:0}
.mx-eyebrow{color:#b3a5ff;font-size:.75rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-bottom:14px!important}
.mx-hero h1{font-size:clamp(2.15rem,4.3vw,3.5rem);letter-spacing:-.045em;margin-bottom:22px}
.mx-lead{max-width:760px;font-size:1.15rem;color:#c4d0e1}
.mx-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin:30px 0 20px}
.mx-button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:13px 25px;border-radius:12px;background:linear-gradient(110deg,#659cff,#967cff);color:#071222;font-weight:700;text-align:center}
.mx-button:hover{filter:brightness(1.08);text-decoration:none}
.mx-text-link{color:#c5beff;text-decoration:underline;text-underline-offset:4px}
.mx-cost-note{max-width:660px;font-size:.875rem;color:#b4c3d5}
.mx-cost-note strong{color:#edf3fb}
.mx-section{padding:54px 0;border-top:1px solid #2a304a}
.mx-section-heading{margin-bottom:27px;max-width:780px}
.mx-section-heading>p:last-child:not(.mx-eyebrow){margin-top:14px;color:#b4c3d5}
.mx-tasks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mx-task{padding:24px;border:1px solid #343c59;border-radius:18px;background:#13192c}
.mx-number{display:block;font-size:.75rem;color:#bcb2ff;margin-bottom:20px;font-weight:600}
.mx-task h3{margin-bottom:12px}
.mx-task>p{font-size:.93rem;color:#c0cddd}
.mx-task .mx-example{padding-top:17px;margin-top:18px;border-top:1px solid #343c59;color:#eeeaff;font-size:.87rem}
.mx-proof{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.mx-proof-copy h2{margin-bottom:24px}
.mx-proof-steps{list-style:none;counter-reset:mx-proof;padding:0;margin:0 0 20px}
.mx-proof-steps li{counter-increment:mx-proof;position:relative;padding:0 0 22px 34px}
.mx-proof-steps li:before{content:counter(mx-proof);position:absolute;left:0;top:0;color:#bcb2ff;font-weight:700}
.mx-proof-steps strong{font-size:1rem;display:block}
.mx-proof-steps span{display:block;margin-top:5px;color:#b4c3d5;font-size:.92rem}
.mx-small{font-size:.84rem;color:#b4c3d5}
.mx-proof-figure{width:100%;max-width:390px;margin:0 auto!important}
.mx-proof-link{display:block;border:1px solid #46415f;border-radius:19px;overflow:hidden;background:#151b2c}
.mx-proof-link img{width:100%;height:auto}
.mx-proof-link>span{display:block;padding:10px;text-align:center;background:#201c3b;color:#e7e2ff;font-size:.85rem}
.mx-proof-figure figcaption{font-size:.8rem;color:#b4c3d5;margin-top:10px;text-align:center}
.mx-hero-record{max-width:300px}
.mx-hero-record .mx-proof-link>span{font-size:.76rem;padding:10px 6px}
.mx-hero-record figcaption{font-size:.75rem;line-height:1.5}
.mx-proof-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mx-record-card{min-width:0}
.mx-record-card .mx-proof-link img{height:auto;object-fit:contain}
.mx-record-card figcaption{margin-top:14px;font-size:.85rem;color:#b4c3d5;line-height:1.5}
.mx-record-card figcaption strong,.mx-record-card figcaption span{display:block}
.mx-record-card figcaption strong{font-size:1rem;color:#edf3fb;margin-bottom:7px}
.mx-media-details{border-bottom:1px solid #343c59;margin-top:14px;padding-bottom:12px}
.mx-media-details summary{cursor:pointer;color:#ded8ff;font-size:.92rem;padding:9px 0}
.mx-media-details figure{margin-top:12px}
.mx-media-details video{display:block;width:100%;max-height:540px;background:#080b14;border-radius:12px}
.mx-media-details figcaption{margin-top:9px;font-size:.8rem;color:#b4c3d5}
.mx-extra-links{padding-left:20px;margin:5px 0;color:#c5beff;font-size:.9rem}
.mx-extra-links li{margin:10px 0}
.mx-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px}
.mx-capabilities>div{padding:20px 0;border-bottom:1px solid #2a304a}
.mx-capabilities dt{font-weight:700;margin-bottom:7px}
.mx-capabilities dd{margin:0;color:#b4c3d5;font-size:.94rem}
.mx-followup{border-left:3px solid #9a87ff;padding:8px 0 8px 22px;margin:28px 0 20px}
.mx-followup p{color:#c3cfe0;max-width:840px;margin-top:10px}
.mx-start{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:58px}
.mx-start-steps{padding-left:22px;margin:24px 0 16px;color:#d5def0}
.mx-start-steps li{padding-left:5px;margin:10px 0}
.mx-prompt-box{border:1px solid #343c59;background:#13192c;border-radius:14px;padding:20px;margin:22px 0}
#sample-prompt{font-size:.95rem;margin:10px 0}
.mx-copy{font:inherit;font-size:.87rem;padding:10px 14px;border:1px solid #797491;border-radius:9px;color:#eeeaff;background:#28223e;cursor:pointer}
.mx-copy-status{font-size:.82rem;color:#c5beff;margin-top:8px!important;min-height:1.6em}
.mx-pricing{padding:30px;border-radius:18px;border:1px solid #494364;background:linear-gradient(135deg,#1e2038,#181c2f);align-self:start}
.mx-pricing h3{font-size:1.6rem;margin-bottom:22px}
.mx-pricing>p:not(.mx-eyebrow){margin-bottom:17px;color:#c7d1e3;font-size:.95rem}
.mx-pricing strong{color:#fff}
.mx-faq{margin-top:25px;max-width:900px}
.mx-faq details{border-bottom:1px solid #343c59;padding:18px 0}
.mx-faq summary{font-weight:600;cursor:pointer;padding-right:10px}
.mx-faq details p{color:#becbdd;margin-top:14px;max-width:800px;font-size:.95rem}
.mx-faq details a{display:inline-block;margin-top:14px}
.mx-related{padding:24px 0 40px;border-top:1px solid #2a304a;color:#b4c3d5}
.mx-related h2{font-size:1rem;letter-spacing:0;margin-bottom:16px;color:#edf3fb}
.mx-related a{color:#c5beff;text-decoration:underline;text-underline-offset:3px}
.mx-related>div{display:flex;gap:12px 26px;flex-wrap:wrap;font-size:.9rem}
.mx-related>p{font-size:.84rem;margin-top:20px}
.mx-footer{display:grid;grid-template-columns:1fr 1.2fr;gap:24px 40px;border-top:1px solid #2a304a;padding:30px 0}
.mx-footer p{color:#b4c3d5;font-size:.9rem;margin:5px 0 12px}
.mx-footer nav{display:flex;flex-wrap:wrap;gap:10px 20px;align-content:start;font-size:.83rem;color:#c5d1e4}
.mx-footer>.mx-small{grid-column:1/-1;margin:0}
.mx-dialog{border:1px solid #61577d;border-radius:16px;background:#11172b;color:#edf3fb;width:min(94vw,660px);max-height:92dvh;padding:20px;overscroll-behavior:contain}
.mx-dialog::backdrop{background:rgba(1,4,12,.86)}
.mx-dialog form{display:flex;justify-content:flex-end;margin:0 0 10px}
.mx-dialog button{background:#eeeaff;color:#18132a;border:0;border-radius:8px;padding:10px 18px;font:inherit;cursor:pointer}
.mx-dialog>p{margin-bottom:14px;font-size:.9rem}
.mx-dialog>img{width:auto;height:auto;max-width:100%;max-height:65dvh;object-fit:contain;margin:0 auto 14px}
.mx-dialog>a{display:inline-block;font-size:.9rem}
@media(max-width:760px){.mx-wrap{width:calc(100% - 36px)}.mx-topbar{gap:18px;padding:17px 0;align-items:flex-start}.mx-nav{gap:8px 15px;justify-content:flex-end;max-width:205px;font-size:.78rem}.mx-brand{font-size:1rem;gap:7px}.mx-brand img{width:34px;height:34px}.mx-hero{padding:44px 0 38px}.mx-hero h1{font-size:clamp(2.05rem,6.4vw,3rem)}.mx-lead{font-size:1rem}.mx-actions{gap:17px;margin:24px 0 18px}.mx-actions>.mx-text-link{font-size:.9rem}.mx-section{padding:36px 0}.mx-tasks{grid-template-columns:1fr;gap:12px}.mx-task{padding:20px}.mx-number{margin-bottom:11px}.mx-task .mx-example{padding-top:12px;margin-top:12px}.mx-proof{grid-template-columns:1fr;gap:28px}.mx-proof-copy{order:0}.mx-proof-figure{order:1;max-width:350px}.mx-capabilities{gap:0 24px}.mx-start{grid-template-columns:1fr;gap:28px}.mx-pricing{padding:24px}.mx-footer{grid-template-columns:1fr;gap:23px}.mx-footer>.mx-small{grid-column:auto}}
@media(max-width:420px){.mx-nav{max-width:173px;gap:7px 12px}.mx-capabilities{grid-template-columns:1fr}.mx-actions{align-items:flex-start;flex-direction:column}.mx-actions>.mx-button{width:100%}.mx-hero h1{font-size:2.04rem}.mx-proof-steps li{padding-left:27px}.mx-cost-note{font-size:.83rem}}
@media(max-width:900px){.mx-hero{gap:28px;padding:28px}.mx-hero h1{font-size:2.6rem}.mx-lead{font-size:1rem}.mx-actions{gap:16px}.mx-proof{gap:28px}}
@media(max-width:760px){.mx-hero{grid-template-columns:minmax(0,1fr);padding:24px 20px;gap:28px;margin:20px 0 30px;border-radius:22px}.mx-hero h1{font-size:clamp(2.04rem,8.2vw,3rem)}.mx-hero-record{max-width:280px;order:0}.mx-proof-gallery{gap:14px}.mx-record-card figcaption strong{font-size:.9rem}.mx-record-card figcaption{font-size:.8rem}.mx-record-card .mx-proof-link>span{padding:9px 5px;font-size:.72rem}}
/* Two small blue-violet arcs settle behind the hero; no autoplay or progress UI. */
.max-conversion .mx-hero{position:relative;isolation:isolate}
.max-conversion .mx-hero::before,.max-conversion .mx-hero::after{content:"";position:absolute;pointer-events:none;z-index:-1;border:2px solid transparent;border-radius:50%;opacity:.45}
.max-conversion .mx-hero::before{width:104px;height:104px;right:18px;top:26px;border-top-color:#739bff;border-right-color:#a295ff;transform:rotate(-28deg)}
.max-conversion .mx-hero::after{width:64px;height:64px;right:40px;top:48px;border-left-color:#967cff;border-bottom-color:#659cff;transform:rotate(12deg)}
@media(max-width:760px){
  .max-conversion .mx-hero::before{width:28px;height:28px;right:8px;top:7px}
  .max-conversion .mx-hero::after{width:18px;height:18px;right:13px;top:12px}
}
@media(prefers-reduced-motion:no-preference){
  .max-conversion .mx-hero::before{animation:mxHeroArc 4.6s cubic-bezier(.2,.7,.25,1) 1}
  .max-conversion .mx-hero::after{animation:mxHeroEcho 4.2s cubic-bezier(.2,.7,.25,1) 1}
}
@keyframes mxHeroArc{0%{transform:rotate(-106deg) scale(.7);opacity:.2}48%{transform:rotate(-12deg) scale(1.04);opacity:.7}100%{transform:rotate(-28deg) scale(1);opacity:.45}}
@keyframes mxHeroEcho{0%{transform:rotate(76deg) scale(.6);opacity:.2}48%{transform:rotate(3deg) scale(1.08);opacity:.85}100%{transform:rotate(12deg) scale(1);opacity:.45}}
@media(prefers-reduced-motion:reduce){.max-conversion *,.max-conversion *::before,.max-conversion *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Opus 10.10: the real MAX recording "arrives" message by message, once. Decorative veil, resting state scaleY(0). */
.mx-reveal-media{position:relative;display:block}
.mx-reveal-media img{display:block}
.max-conversion .vm-chat-reveal{position:absolute;left:0;right:0;top:24.5%;bottom:0;pointer-events:none;transform:scaleY(0);transform-origin:50% 100%;background:rgba(22,24,50,.64);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 16px);mask-image:linear-gradient(to bottom,transparent,#000 16px)}
@media (prefers-reduced-motion:no-preference){.max-conversion .vm-chat-reveal{animation:mxChatReveal 3.6s cubic-bezier(.3,.7,.2,1) .5s both}}
/* stops = bottoms of: recognized text 35.5%, answer 50%, actions 57.5%, next-step note 80%, buttons 100% */
@keyframes mxChatReveal{0%,14%{transform:scaleY(1)}19%,33%{transform:scaleY(.854)}38%,52%{transform:scaleY(.662)}57%,71%{transform:scaleY(.563)}76%,90%{transform:scaleY(.265)}95%,100%{transform:scaleY(0)}}
@media (prefers-reduced-motion:reduce){.max-conversion .vm-chat-reveal{display:none}}

/* Opus 10.10: compact sticky header with the MAX action; full-bleed background without changing the wrap width.
   Phones: brand + action in one row, in-page links stay in the page body. */
.max-conversion .mx-topbar{position:sticky;top:0;z-index:40;background:rgba(12,15,31,.97);box-shadow:0 0 0 100vmax rgba(12,15,31,.97);clip-path:inset(0 -100vmax);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px 0}
.max-conversion .mx-nav{margin-left:auto}
.mx-header-cta{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border-radius:10px;background:linear-gradient(110deg,#659cff,#967cff);color:#071222;font-weight:700;font-size:.88rem;white-space:nowrap}
.mx-header-cta:hover{filter:brightness(1.08);text-decoration:none;color:#071222}
html:has(.max-conversion){scroll-padding-top:80px}
@media(max-width:760px){.max-conversion .mx-topbar{align-items:center;padding:10px 0}.max-conversion .mx-nav{display:none}.mx-header-cta{margin-left:auto;min-height:38px;padding:7px 13px;font-size:.82rem}html:has(.max-conversion){scroll-padding-top:66px}}