/* Iteration: existing MyLex tokens and layout; Legora-style demo page, Harvey action motion. */
.demo-page{padding:92px 0 128px}.demo-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:start}.demo-copy{padding-top:12px}.demo-copy h1{font-size:64px;line-height:1.06;letter-spacing:-1.8px;max-width:610px;text-wrap:balance}.demo-copy .crumbs{margin-bottom:28px}.demo-lead{font-size:21px;line-height:1.5;color:var(--body);margin-top:32px;max-width:530px}.demo-agenda{list-style:none;padding:0;margin:44px 0 0;max-width:510px}.demo-agenda li{padding:18px 0;border-top:1px solid var(--line);font-size:17px}.demo-contact{margin-top:64px;font-size:15px;color:var(--muted)}.demo-contact a{display:inline-flex;gap:24px;font-size:20px;color:var(--ink);margin-top:8px}.demo-contact a:hover{text-decoration:underline;text-underline-offset:5px}.demo-form-panel{border-top:1px solid var(--ink);padding-top:24px}
.lead-form{position:relative;min-width:0;color:var(--ink)}.lead-required{font-size:13px;color:var(--muted);margin-bottom:24px}.lead-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}.lead-full{grid-column:1/-1}.lead-field{min-width:0}.lead-field label{display:block;font-size:14px;font-weight:500;margin-bottom:9px}.lead-field label span{font-size:12px;color:var(--muted);font-weight:400;margin-left:4px}.lead-field input,.lead-field select,.lead-field textarea{display:block;width:100%;min-width:0;border:1px solid #bcb9b2;border-radius:3px;background:#fff;color:var(--ink);font:400 16px/1.4 var(--text);padding:12px 13px;transition:border-color .2s,background-color .2s}.lead-field input,.lead-field select{height:50px}.lead-field textarea{resize:vertical;min-height:96px;max-height:300px}.lead-field textarea::placeholder{color:#75716b}.lead-field input:hover,.lead-field select:hover,.lead-field textarea:hover{border-color:var(--ink)}.lead-field input:focus-visible,.lead-field select:focus-visible,.lead-field textarea:focus-visible,.lead-consent input:focus-visible{outline:2px solid var(--navy);outline-offset:3px}.lead-field [aria-invalid=true],.lead-consent input[aria-invalid=true]{border-color:#a52d24;outline-color:#a52d24}.field-error{font-size:13px;line-height:1.4;color:#9c2923;margin-top:7px}.field-error:empty{display:none}.lead-consent{margin-top:24px;font-size:14px;line-height:1.55;color:var(--body)}.lead-consent label{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.lead-consent input{width:19px;height:19px;flex:none;margin:2px 0 0;accent-color:var(--navy)}.lead-consent a{text-decoration:underline;text-underline-offset:3px}.lead-consent a:hover{color:var(--ink)}.lead-submit{width:100%;height:52px;margin-top:28px;justify-content:space-between}.lead-submit svg{width:21px;height:21px}.lead-submit:disabled{cursor:wait;opacity:.75}.lead-spinner{display:none;width:18px;height:18px;border:2px solid #ffffff50;border-top-color:#fff;border-radius:50%}.lead-form[aria-busy=true] .lead-spinner{display:block;animation:lead-spin .7s linear infinite}.lead-form[aria-busy=true] .lead-submit svg{display:none}.lead-status{font-size:14px;line-height:1.5;margin-top:16px;color:#9c2923;overflow-wrap:anywhere}.lead-status:empty{display:none}.lead-status a{text-decoration:underline}.lead-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.lead-success[hidden]{display:none}.lead-success{padding:64px 16px 80px;min-height:520px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.lead-check{display:grid;place-items:center;width:60px;height:60px;border:1px solid #aab8ad;border-radius:50%;background:#f0f4ef;color:#345d44;margin-bottom:32px}.lead-check svg{width:32px;height:32px}.lead-success h3{font:500 36px/1.15 var(--head);letter-spacing:-.6px}.lead-success p{font-size:18px;line-height:1.5;margin-top:20px;max-width:440px;color:var(--body)}.lead-success a{margin-top:28px;text-decoration:underline;text-underline-offset:5px}.lead-form.is-success>:not(.lead-success){display:none}.motion .lead-form.is-success .lead-success{animation:lead-result-in .6s var(--ease-out) both}.motion .lead-form.is-success .lead-check svg{animation:lead-check-in .65s var(--ease-out) .15s both}.lead-success:focus,.lead-status:focus{outline:2px solid var(--navy);outline-offset:6px}
.lead-home-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:80px;background:var(--navy);color:#fff;padding:64px;border-radius:12px;align-items:start}.lead-home-copy h2{font-size:52px;line-height:1.1}.lead-home-copy>p{font-size:18px;line-height:1.6;color:#c9d4de;margin-top:28px;max-width:480px}.lead-home-mail{display:inline-flex;gap:24px;margin-top:48px;text-decoration:underline;text-underline-offset:5px}.lead-home-mail:hover{color:#c9d4de}.lead-home-form{background:var(--paper);border-radius:6px;padding:32px;min-width:0}
/* Annotations enrich the current illustration; they are not live product actions. */
.action-motion-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.motion-replay{display:inline-flex;align-items:center;gap:10px;min-height:30px;padding:3px 8px;border:1px solid var(--line);border-radius:3px;font-size:12px;background:var(--paper)}.motion-replay:hover{border-color:var(--ink);color:var(--ink)}.action-confirm{min-height:31px}.action-result{font-size:12px;color:#345d44;padding:5px 9px;background:#edf3ed;border:1px solid #c7d6c8;border-radius:3px}.action-result[hidden]{display:none}.action-motion.is-confirmed .action-confirm>.ui-btn{display:none}.motion .action-motion.is-confirmed .action-result{animation:lead-result-in .55s var(--ease-out) both}.motion .action-motion.is-confirming .action-confirm>.ui-btn{animation:action-press .65s var(--ease-out) both}.motion .action-motion.is-confirmed .plan-row{animation:action-row-settle .6s var(--ease-out) both}.motion [data-source-motion].source-is-open aside{animation:source-focus 1.15s var(--ease-out) both}.motion [data-source-motion].source-is-open mark{background-size:100% 100%;transition-delay:.2s}.motion [data-source-motion]:not(.source-is-open) mark{background-size:0 100% !important}.motion [data-source-motion].source-is-open .source-motion-trigger{animation:action-press .65s var(--ease-out) both}
@keyframes lead-spin{to{transform:rotate(360deg)}}@keyframes lead-result-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes lead-check-in{from{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes action-press{40%{transform:scale(.96);box-shadow:0 0 0 4px #0e294420}}@keyframes action-row-settle{from{opacity:.55;transform:translateY(5px)}}@keyframes source-focus{from{opacity:.55;transform:translateX(12px)}to{opacity:1;transform:none}}
.image-dialog{overscroll-behavior:contain}a,button,input,select,textarea{touch-action:manipulation}
@media(max-width:1100px){.demo-layout{gap:48px}.demo-copy h1{font-size:50px}.lead-home-layout{gap:40px;padding:40px}.lead-home-copy h2{font-size:44px}.lead-home-form{padding:24px}.lead-fields{gap:20px 14px}}
@media(max-width:900px){.demo-layout{grid-template-columns:1fr;gap:48px}.demo-copy h1{max-width:700px}.demo-contact{margin-top:32px}.demo-form-panel{max-width:700px;width:100%}.lead-home-layout{grid-template-columns:1fr;gap:40px}.lead-home-copy>p{max-width:620px}.lead-home-mail{margin-top:24px}}
@media(max-width:767px){.demo-page{padding:52px 0 80px}.demo-copy{padding-top:0}.demo-copy h1{font-size:42px;letter-spacing:-1.2px;line-height:1.1}.demo-copy .crumbs{margin-bottom:20px}.demo-lead{font-size:18px;margin-top:24px}.demo-agenda{margin-top:32px}.demo-agenda li{font-size:16px;padding:15px 0}.demo-contact{font-size:14px}.demo-contact a{font-size:18px}.lead-fields{grid-template-columns:1fr;gap:20px}.lead-field label{font-size:14px}.lead-required{margin-bottom:22px}.lead-home-layout{padding:28px 20px;gap:32px;border-radius:8px}.lead-home-copy h2{font-size:36px}.lead-home-copy>p{font-size:16px;line-height:1.6;margin-top:20px}.lead-home-form{padding:24px 16px}.lead-home-mail{font-size:15px}.lead-success{min-height:430px;padding:32px 0}.lead-success h3{font-size:30px}.lead-success p{font-size:16px}.action-motion-controls{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.lead-form[aria-busy=true] .lead-spinner{animation:none}.lead-form.is-success .lead-success,.lead-form.is-success .lead-check svg,.action-motion .plan-row,[data-source-motion] aside{animation:none!important}.lead-field input,.lead-field select,.lead-field textarea{transition:none}.action-motion .action-result{animation:none!important}}


@media(prefers-reduced-motion:reduce){.motion-replay{display:none}}

/* 28.10: mobile corrections from the owner's iPhone screenshots. */
.header[data-menu-open=true]{background:var(--ink)!important;color:#fff;box-shadow:none}.header[data-menu-open=true] .logo-dark{display:none}.header[data-menu-open=true] .logo-light{display:block}.menu-toggle svg{overflow:visible}.menu-toggle path{transform-origin:center;transition:transform .3s var(--ease-out)}.header[data-menu-open=true] .menu-toggle path{d:path('M5 5 19 19M19 5 5 19')}
.lead-home-copy h2{text-wrap:balance}.lead-home-copy h2 br{display:inline}.lead-home-copy>p{text-wrap:pretty}
.ui-motion-frame{position:relative}.ui-motion-toggle{position:absolute;right:12px;bottom:12px;z-index:3;display:grid;place-items:center;width:36px;height:36px;border:1px solid #a4abb2;border-radius:50%;background:#fafaf9ee;color:var(--navy);box-shadow:0 2px 8px #00000012}.ui-motion-toggle svg{width:18px;height:18px}.ui-motion-toggle:hover{background:#fff;border-color:var(--navy)}.ui-motion-toggle[hidden]{display:none}
.motion [data-ui=timeline] .role-menu{opacity:1;transform:none;transition:none}.motion [data-ui=timeline] .pd,.motion [data-ui=timeline] mark{transition:none}.motion [data-ui=timeline] .ui-btn-dark,.motion [data-action-motion].is-confirmed .action-result,.motion [data-action-motion].is-confirmed .plan-row,.motion [data-source-motion].source-is-open aside,.motion [data-source-motion].source-is-open .source-motion-trigger{animation:none}.motion [data-ui=timeline] .mask-arrow:before{transform:none;transition:none}.motion [data-ui=timeline] .pd{background-size:100% 100%}.motion [data-ui=timeline][data-timeline-paused] .typing-caret{animation-play-state:paused}
.composer-visual{display:none;background:#10304f url('assets/brand-stage-navy.webp') center/cover;padding:32px;min-height:400px;align-items:center;justify-content:center}.composer-frame.ui-motion-frame .composer-visual{display:flex}.composer-frame.ui-motion-frame .composer-static{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.composer-ui.ui{max-width:620px;border:0;background:transparent;box-shadow:none;overflow:visible}.composer-input{background:#fafaf9;border:1px solid #c3c4c3;border-radius:14px;padding:18px 16px;box-shadow:0 8px 22px #0003}.composer-placeholder{font:400 18px/1.4 var(--text);color:#8c8b86}.composer-matter{font-size:12px;color:#706d66;margin-top:10px}.composer-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;align-items:center;font-size:11px}.composer-tools>span{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;background:#f3f2ef;border-radius:5px;white-space:nowrap}.composer-tools .composer-selected{color:#235474;background:#e7eef4}.composer-selected i{width:5px;height:5px;border-bottom:1px solid;border-right:1px solid;transform:rotate(45deg);margin-top:-3px}.composer-privacy{margin-left:auto;color:#284b67}.composer-sources{margin:16px auto 0;width:310px;max-width:100%;padding:8px;border:1px solid #c3c4c3;border-radius:10px;background:#fafaf9;box-shadow:0 12px 28px #0004}.composer-sources-title{display:flex;justify-content:space-between;padding:4px 8px 8px;color:#77746e;font-size:11px;border-bottom:1px solid #e6e2da}.composer-source-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 9px;font-size:14px}.composer-source-row i{height:12px;width:22px;background:var(--ink);border-radius:8px;position:relative;flex:none}.composer-source-row i:after{content:'';position:absolute;right:2px;top:2px;height:8px;width:8px;background:white;border-radius:50%}.composer-source-row.is-off{color:#a09c94}.composer-source-row.is-off i{background:#e6e4df}.composer-source-row.is-off i:after{right:auto;left:2px}
@media(max-width:1023px){
 .header{--mobile-header-height:calc(64px + env(safe-area-inset-top,0px))}.header-inner{height:var(--mobile-header-height);padding-top:env(safe-area-inset-top,0px)}
 .mobile-menu:not([hidden]){position:fixed;left:0;right:0;top:var(--mobile-header-height);height:calc(100dvh - var(--mobile-header-height));max-height:none;display:flex;flex-direction:column;gap:0;background:var(--ink);color:#fff;overflow-y:auto;overscroll-behavior:contain;padding:24px max(24px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));border:0}
 .mobile-menu>a{font-size:20px;line-height:1.3;padding:17px 0;min-height:54px}.mobile-menu .mobile-group{padding:0 0 18px;margin-bottom:8px;border-bottom:1px solid var(--dark-line)}.mobile-menu .mobile-group>span{display:block;font-size:13px;color:#b4b1aa;margin-bottom:12px}.mobile-menu .mobile-group>a{display:block;padding:12px 0;font-size:20px;line-height:1.3;min-height:48px}.mobile-menu>.button{margin-top:auto;padding:14px 18px;flex:none;min-height:50px;background:#fff!important;color:var(--ink)!important;border-color:#fff;line-height:1.25;font-size:16px}
 .motion .mobile-menu:not([hidden]){animation:menu-in .3s var(--ease-out) both}.motion .mobile-menu:not([hidden]) a{animation:rise-sm .35s var(--ease-out) both}.motion .mobile-menu:not([hidden]) .mobile-group>a:nth-of-type(2){animation-delay:.05s}.motion .mobile-menu:not([hidden]) .mobile-group>a:nth-of-type(3){animation-delay:.1s}
}
@media(max-width:767px){
 #legal-ai .showcase-row{display:flex;flex-direction:column;gap:22px}#legal-ai .showcase-copy{display:contents}#legal-ai .showcase-copy h2{order:0;margin:0;text-wrap:balance}#legal-ai .showcase-media{order:1}#legal-ai .showcase-copy>p{order:2;margin:0!important;font-size:16px;line-height:1.55}#legal-ai .showcase-copy>.note{font-size:14px;line-height:1.5;color:var(--muted)}#legal-ai .ai-links{order:3;display:flex;gap:12px;margin-top:0}#legal-ai .ai-links .text-button{margin-top:0;min-height:44px}#legal-ai .ai-links .detail-open{display:none}
 .lead-home-copy h2{font-size:clamp(28px,7.7vw,34px);line-height:1.15;letter-spacing:-.7px}.lead-home-copy>p{font-size:16px;line-height:1.55}.lead-home-layout{padding:28px 20px;gap:28px}
 .composer-visual{padding:24px 16px;min-height:340px}.composer-input{padding:16px 12px;border-radius:10px}.composer-placeholder{font-size:16px}.composer-matter{font-size:11px}.composer-tools{gap:6px;margin-top:14px;font-size:10px}.composer-tools>span{padding:4px 6px}.composer-privacy{margin-left:0}.composer-sources{width:272px}.composer-source-row{font-size:13px;padding:7px 8px}.ui-motion-toggle{width:36px;height:36px;right:9px;bottom:9px}
}
@media(prefers-reduced-motion:reduce){.ui-motion-toggle{display:none}.mobile-menu a,.mobile-menu{animation:none!important}}
