/* LexisPredict — matching W1 Capital conversion-first design, no dependencies. */
:root{--cx-wine:#361527;--cx-ink:#36182b;--cx-paper:#fffbf7;--cx-lilac:#f4e8ef;--cx-action:#ff9f7c;--cx-border:#e9d5df;--cx-ease:cubic-bezier(.2,1,.3,1)}
body{background:#fffbf7;color:var(--cx-ink)}
.topbar{position:sticky;top:0;z-index:70;background:#2a1023ed;border-color:#b38da350;backdrop-filter:blur(18px)}
.topinner{max-width:1480px;gap:18px}
.sign{background-color:#350c20;border:1px solid #d3b7c55c;border-radius:50%;box-shadow:none}
.brandwords small{color:#ddc5cf}
.topinner nav a{color:#eddce4}
.topinner .top-cta{background:var(--cx-action);color:#34152a;border:1px solid #ffd2ad;border-radius:999px;font-weight:850;padding:14px 18px}
.topinner .top-cta:hover{background:#ffbf9c;color:#351428;transform:translateY(-2px)}
main{background:#fffbf7}
.hero{
 max-width:none;padding:90px max(5%,calc((100vw - 1480px)/2 + 48px)) 83px;
 background:
  radial-gradient(circle at 87% 2%,#f7c0d470 0%,transparent 31%),
  radial-gradient(circle at -5% 90%,#cfc0db64,transparent 38%),
  linear-gradient(126deg,#fffaf7,#f6eaf0);
 color:var(--cx-ink);border-radius:0 0 44px 44px;
 grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,4.8vw,76px);
}
.hero:before{width:470px;height:470px;right:-190px;top:-145px;border:1px solid #cba7bb77;border-radius:50%;background:transparent;box-shadow:0 0 0 64px #e9cadc40;opacity:1}
.hero-content{max-width:720px}
.hero .eyebrow{background:#fff;border:1px solid #e9cfd9;color:#7e3553;padding:10px 14px;border-radius:999px;font-size:10px;display:inline-flex;align-items:center;gap:10px;letter-spacing:.1em}
.hero .pulse{background:#8d496d;box-shadow:0 0 0 4px #8d496d20}
.hero h1{font-size:clamp(46px,5vw,75px);line-height:1.06;color:#35182c;letter-spacing:-.07em;max-width:720px;margin:27px 0 21px}
.hero h1 em{font-style:normal;color:#ac5473}
.hero .lead{font-size:clamp(15px,1.3vw,17px);line-height:1.75;color:#6e5668;max-width:610px}
.hero-ctas{margin-top:29px;gap:11px}
.button{border-radius:999px;padding:17px 22px;transition:transform .25s var(--cx-ease),box-shadow .25s,background .25s;min-height:49px;font-size:13px}
.button:hover{transform:translateY(-3px)}
.button-primary{background:var(--cx-action);border-color:#fcb18c;color:#37182b;box-shadow:0 9px 22px #ab675c26}
.button-primary:hover{background:#ffc5a0}
.button-outline{background:#fff;border-color:#dcc5d1;color:#632b49;box-shadow:0 6px 17px #4d203310}
.button-outline:hover{background:#fff3ed}
.hero-notes{border-color:#debfcc;color:#74556c;font-size:10px;gap:12px;margin-top:33px}
.hero-notes span{border:1px solid #e5d0db;border-radius:999px;background:#fffcf9;padding:9px 12px}
.hero-notes b{color:#9f4c6a}
.hero .visual{transform:rotate(.5deg);max-width:600px;width:100%;justify-self:center;border:1px solid #b08a9d;border-radius:27px;background:linear-gradient(130deg,#5f2948,#2a1127);box-shadow:0 28px 64px #622f4d35,13px 13px 0 #dfb7c94d;transition:transform .32s}
.hero .visual:hover{transform:rotate(0deg) translateY(-4px)}
.visual-top{border-color:#b88aa05b;color:#fff4ed}
.visual-main{padding:32px 27px 39px}
.visual-heading strong{color:#fff8f5}
.visual-grid{gap:12px}
.visual-card{background:#fffaf7;border-radius:18px 5px 18px 5px;min-height:132px;box-shadow:0 10px 24px #17071823;color:#422337}
.visual-card.wide{background:#fff0e8}
.visual-card p{color:#755566}
.visual-foot{color:#edcedb}
.ticker{background:#3e1a34;color:#f8e9ef;border:0;justify-content:center;gap:16px 34px;padding:19px 5%}
.ticker span{font-size:10px;letter-spacing:.1em}
.section{padding:85px max(5%,calc((100vw - 1420px)/2 + 5%))}
.sectionhead h2{color:#37182b;font-size:clamp(35px,4.3vw,54px);line-height:1.1}
.sectionhead h2 em{color:#a3486b}
.sectionhead>p{color:#775969;line-height:1.7}
.kicker{color:#954364;letter-spacing:.1em}
.feature-section{background:#fffaf7;color:#351a2e}
.features{gap:14px}
.features article{background:#fff;border-color:#ebd5db;border-radius:24px 6px 24px 6px;min-height:220px;box-shadow:0 12px 28px #5820360e;transition:transform .25s var(--cx-ease)}
.features article:hover{transform:translateY(-5px)}
.features article:nth-child(2){background:#f6edf1}
.features article:nth-child(3){background:#fff1e8}
.features article:nth-child(4){background:#f4ecf4}
.features h3{color:#38192c}
.features p,.fine{color:#765a69;line-height:1.7}
.plan-section{background:#f5e9ef;color:#37182b}
.plan-section .sectionhead h2{color:#361629}
.plan-section .sectionhead h2 em{color:#9c4469}
.plan-section .sectionhead>p{color:#785769}
.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;max-width:1170px}
.plan{background:#fffcfa;border:1px solid #e9d3df;color:#36182b;padding:27px 27px;border-radius:25px 8px 25px 8px;box-shadow:0 12px 32px #602e4710;min-height:306px}
.plan.featured{background:linear-gradient(145deg,#5e2443,#341527);border:1px solid #af7997;color:#fff8f2;box-shadow:0 21px 40px #652d4b38}
.plan-tag{color:#8c4566}
.plan.featured .plan-tag{color:#ffd3b5}
.plan h3{font-size:27px;color:inherit}
.plan-sub{color:#725568;min-height:0}
.plan.featured .plan-sub{color:#e6c9d5}
.price strong{color:#38172c;font-size:clamp(31px,3.2vw,44px)}
.plan.featured .price strong{color:#fff9f3}
.price span{color:#76576b}
.plan.featured .price span{color:#f2d6e1}
.details{min-height:0;color:#76596b;font-size:13px;margin-bottom:24px;line-height:1.7}
.plan.featured .details{color:#f1d4e2}
.plan-link{background:#5d2847;border-radius:999px;font-size:13px;padding:15px 18px;margin-top:auto}
.plan.featured .plan-link{background:#ffab82;color:#3a172b}
.plan-link:hover{filter:brightness(1.08)}
.price-caveat{background:#fff7f1;border-color:#e6cbd7;color:#72546a;border-radius:17px;max-width:1170px}
.steps-section{background:#fffaf6}
.steps{gap:15px}
.steps article{background:#f9f1f4;border-color:#e6d2df;border-radius:24px 7px 24px 7px}
.steps article:nth-child(2){background:#fff0e8}
.steps article:nth-child(3){background:#eee7f0}
.steps h3{color:#381b2d}
.steps p{color:#765d6e}
.contact-section{background:radial-gradient(circle at 3% 100%,#7b3e6190,transparent 44%),linear-gradient(155deg,#4a1b37,#281020);color:#fff8f2;border-radius:36px 36px 0 0;gap:6%}
.contact-intro h2{color:#fff9f3;line-height:1.1}
.contact-intro h2 em{color:#ffb995}
.contact-intro>p{color:#f1d5e1;line-height:1.75}
.contact-address{border-color:#b07a98;background:#ffffff09;border-radius:17px}
.contact-address>a{color:#ffdab8}
.contact-form{border-radius:25px 8px 25px 8px;box-shadow:16px 17px 0 #d4a6b42e;background:#fffbf8}
.contact-form>label{color:#49233c}
.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{border-color:#d7bac9;border-radius:12px;background:#fff}
.contact-form .submit{width:100%}
.contact-address .whatsapp-link{border-radius:999px;background:#216e51;color:#fff}
.faq{background:#fffaf7;color:#361929}
.faq h2{color:#361929}.faq h2 em{color:#a35070}
.faq details{border-color:#ead9df}
.faq details p{color:#705466}
footer{background:#230e20;color:#f7e4ec}
footer a{color:#ffdbbd}
@media(max-width:1100px){
 .features{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero{grid-template-columns:1fr;gap:36px;padding:65px 5%}
 .hero .visual{justify-self:start}
}
@media(max-width:780px){
 .hero{padding:57px 5% 66px;border-radius:0 0 28px 28px}
 .hero h1{font-size:clamp(41px,9vw,64px)}
 .section{padding:63px 5%}
 .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .contact-section{grid-template-columns:1fr;gap:29px}
}
@media(max-width:600px){
 .topinner{gap:9px}
 .topinner .top-cta{font-size:10px;padding:12px 13px}
 .hero{padding:45px 5% 65px}
 .hero h1{font-size:clamp(41px,10.3vw,55px)}
 .hero .lead{font-size:15px}
 .hero-ctas{display:grid;grid-template-columns:1fr}
 .hero-ctas .button{justify-content:center;width:100%}
 .hero-notes{gap:7px;margin-top:21px}
 .hero-notes span{padding:7px 9px;font-size:10px}
 .hero .visual{transform:none;border-radius:20px}
 .visual-main{padding:23px 17px 25px}
 .visual-grid{gap:8px}
 .visual-card{min-height:116px;padding:13px 10px}
 .visual-card b{font-size:15px}
 .visual-card p{font-size:10px}
 .features,.plan-grid,.steps{grid-template-columns:1fr}
 .features article{min-height:0}
 .plan{min-height:0}
 .price-caveat{font-size:12px}
 .contact-form{padding:22px}
 .ticker{gap:8px 14px;padding:15px 5%}
 .ticker span{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 .button,.hero .visual,.features article,.plan{animation:none!important;transition:none!important;transform:none!important}
}


/* Native details keeps navigation working even if JavaScript is unavailable. */
.mobile-shortcuts{display:none;position:relative;flex-shrink:0;z-index:85}
.mobile-shortcuts summary{
 list-style:none;display:grid;place-items:center;cursor:pointer;
 width:44px;height:44px;border-radius:12px;background:#572941;border:1px solid #ab849b;color:#fff4ed;
 box-shadow:0 4px 15px #18081722;font-size:22px;line-height:1
}
.mobile-shortcuts summary::-webkit-details-marker{display:none}
.mobile-shortcuts[open] summary{background:#74435f;border-color:#e1b2c9}
.mobile-shortcuts-links{
 position:absolute;top:calc(100% + 16px);right:0;width:min(280px,90vw);
 display:flex;flex-direction:column;gap:3px;padding:12px;
 background:#351729;border:1px solid #b38ba0;
 border-radius:17px;box-shadow:0 22px 48px #16071875
}
.mobile-shortcuts-links a{padding:13px 14px;color:#fff4ed;border-radius:9px;font-size:13px;font-weight:800;line-height:1.4}
.mobile-shortcuts-links a:hover,.mobile-shortcuts-links a:focus-visible{background:#6b3552;color:#fff}
.mobile-shortcuts-links a:last-child{background:#ffad88;color:#38172b}
@media(max-width:780px){
 .mobile-shortcuts{display:block}
 .topinner{gap:10px}
 .topinner nav{display:none}
 .topinner .top-cta{margin-left:auto}
}
@media(max-width:480px){
 .topinner{padding:12px 4%;gap:7px}
 .w1brand{gap:7px;font-size:11px;letter-spacing:.04em}
 .brandwords small{display:none}
 .sign{width:39px;height:39px;flex-shrink:0}
 .topinner .top-cta{font-size:10px;padding:11px 11px;white-space:nowrap}
 .mobile-shortcuts summary{width:41px;height:41px}
 .mobile-shortcuts-links{right:-1px}
}

/*
 * LexisPredict · identidade cinematográfica W1
 * Mesma família visual da homepage; dados e formulário permanecem intactos.
 */
:root{
 --cx-wine:#3e071b;--cx-ink:#320d20;--cx-paper:#f9f4f1;
 --cx-lilac:#f4e9ee;--cx-action:#951735;--cx-border:#e3d6db;
 --wine:#43091f;--deep:#250814;--cream:#faf6f3;--orange:#c5abb4;
 font-family:"Segoe UI",Inter,Arial,sans-serif
}
body,main{background:#faf5f2;color:#311023;font-family:"Segoe UI",Inter,Arial,sans-serif}
h1,h2,.sectionhead h2,.contact-intro h2,.faq h2,.hero .visual-heading strong{
 font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em
}
.topbar{height:84px;background:#410113;border-bottom:1px solid #ae899766;backdrop-filter:blur(14px)}
.topinner{height:100%;max-width:1410px;padding:0 4.5%}
.topbar .sign.brand-atlas-w1-symbol{width:51px;height:51px;border:0;border-radius:5px}
.w1brand{font-size:17px;font-weight:500;letter-spacing:.1em;color:#fff}
.brandwords small{color:#d8bdc8;letter-spacing:.18em}
.topinner nav a{color:#f2e5eb;font-size:13px;font-weight:550}
.topinner .top-cta{background:transparent;border:1px solid #d5b6c2;color:#fff;border-radius:999px;font-weight:650;padding:13px 20px}
.topinner .top-cta:hover{background:#641632;color:#fff}
.hero{max-width:none;min-height:650px;padding:105px max(5.5%,calc((100vw - 1340px)/2 + 35px)) 110px;
 background:linear-gradient(116deg,#230b14 0%,#430c24 66%,#200b17 100%);
 border-radius:0;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);
 color:#fff;gap:clamp(35px,4vw,80px)
}
.hero:before{display:none}
.hero-content{max-width:690px}
.hero .eyebrow{border:0;background:transparent;color:#ead1db;font-size:11px;letter-spacing:.19em;padding:0}
.hero .pulse{width:26px;height:1px;border-radius:0;background:#b997a5;box-shadow:none}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;
 font-size:clamp(43px,4.55vw,72px);line-height:1.13;letter-spacing:-.05em;color:#fff;margin:23px 0}
.hero h1 em{color:#d74666}
.hero .lead{color:#efe0e5;font-size:clamp(15px,1.1vw,17px);line-height:1.75}
.button{min-height:49px;padding:15px 22px;border-radius:9px;font-weight:650;font-size:13px;box-shadow:none}
.button-primary{background:#991b3e;color:#fff;border:1px solid #991b3e}
.button-primary:hover{background:#b72a51;color:#fff}
.button-outline{background:transparent;color:#fff;border:1px solid #baa2ac}
.button-outline:hover{background:#ffffff1e;color:#fff}
.hero-notes{color:#d3bcc7;border-color:#795165}
.hero-notes span{border:0;background:transparent;border-radius:0;padding:0}
.hero-notes b{color:#e6a0b6}
.hero .visual{transform:none;max-width:560px;border:1px solid #97768a;border-radius:13px;
 background:linear-gradient(138deg,#45102c,#1d0a16);
 box-shadow:0 36px 65px #1101097d,0 0 0 10px #ffffff08}
.hero .visual:hover{transform:translateY(-2px)}
.visual-top{background:#370d22;color:#fff;border-color:#885169}
.visual-top b{color:#d9bac9}
.visual-main{background:#280e1c;padding:28px}
.visual-main .lexismark-large{width:120px;height:120px;margin:0 0 18px;border-radius:7px}
.visual-heading strong{font-size:27px;color:#fff}
.visual-grid{gap:10px}
.visual-card{background:#482137;border-color:#70475d;color:#f7edf1;border-radius:6px;min-height:105px;padding:18px}
.visual-card.wide{background:#562841}
.visual-card b{font-size:16px}
.visual-card p{color:#d9bfc9}
.visual-foot{color:#d7b9c6;background:#301323}
.ticker{background:#650d2b;color:#eee3e7;gap:17px 32px;padding:20px 5%}
.ticker span{font-weight:650;letter-spacing:.12em}
.section{padding:90px max(5.5%,calc((100vw - 1390px)/2 + 50px))}
.kicker{color:#873751;letter-spacing:.2em;font-weight:650}
.sectionhead h2,.contact-intro h2,.faq h2{font-family:Georgia,"Times New Roman",serif;
 font-weight:500;font-size:clamp(39px,4vw,61px);letter-spacing:-.04em}
.sectionhead h2 em,.contact-intro h2 em,.faq h2 em{color:#931c3f}
.sectionhead>p{color:#705a65}
.feature-section,.steps-section,.faq{background:#faf6f3;color:#361225}
.features{gap:14px}
.features article{background:#fff;border:1px solid #e5d9dc;border-radius:8px;box-shadow:0 10px 23px #5013260e;min-height:225px}
.features article:hover{transform:translateY(-3px)}
.features article:nth-child(2),.features article:nth-child(3),.features article:nth-child(4){background:#fff}
.feature-number{color:#862042}
.features h3{font-family:Georgia,"Times New Roman",serif;font-size:23px;font-weight:500;color:#381225}
.features p,.fine{color:#78646b}
.plan-section{background:#f0e8e8;color:#35101f}
.plan-section .sectionhead h2{color:#31101e}
.plan-section .sectionhead h2 em{color:#8b1740}
.plan-section .sectionhead>p{color:#705e67}
.plan-grid{gap:16px}
.plan{background:#fffdfb;border:1px solid #ded2d7;color:#371626;border-radius:8px;box-shadow:0 12px 28px #47132413}
.plan.featured{background:linear-gradient(146deg,#5b102e,#280b1b);color:#fff;border:1px solid #a77a8c;box-shadow:0 21px 35px #3b132f34}
.plan-tag{color:#873751}
.plan.featured .plan-tag{color:#dcb4c3}
.plan h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:29px}
.price strong{color:#3b1023}
.plan.featured .price strong{color:#fff}
.plan-link{background:#701333;color:#fff;border-radius:8px;font-weight:650}
.plan.featured .plan-link{background:#ac254a;color:#fff}
.price-caveat{background:#fff8f4;border-color:#e5d2da;border-radius:8px}
.steps article{background:#fff;border:1px solid #e4d7db;border-radius:8px}
.steps article:nth-child(2),.steps article:nth-child(3){background:#fff}
.steps article>b{color:#8e2746}
.steps h3{font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:500}
.contact-section{background:linear-gradient(143deg,#4b0a24,#220914);border-radius:0;color:#fff}
.contact-intro h2{color:#fff}
.contact-intro h2 em{color:#e3a2b5}
.contact-intro>p{color:#ead3dd}
.contact-address{background:#ffffff0a;border:1px solid #9f778b;border-radius:7px}
.contact-address>a{color:#f3c6d4}
.contact-form{background:#fffcfa;color:#3b1830;border-radius:10px;box-shadow:0 22px 54px #1b04183d}
.contact-form>label{color:#492339}
.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{
 border:1px solid #d8cbd0;border-radius:5px;background:#fff}
.contact-form .check input{accent-color:#842441}
.contact-address .whatsapp-link{background:#1d6c4d;color:#fff;border:1px solid #478b6e;border-radius:7px}
.faq details{border-color:#e3d2d9}
.faq details summary{color:#381424}
footer{background:#260916;color:#f4e5eb}
footer a{color:#ead0db}
.mobile-shortcuts summary{border-color:#b49aa7;background:#5d1b34;color:#fff}
.mobile-shortcuts-links{background:#32091d;border-radius:8px}
.mobile-shortcuts-links a:last-child{background:#a9254d;color:#fff}
@media(max-width:1100px){
 .hero{grid-template-columns:1fr;min-height:0;gap:45px;padding:72px 6%}
 .hero .visual{justify-self:center;max-width:630px}
}
@media(max-width:780px){
 .topbar{height:73px}.topinner{padding:0 5%}
 .topbar .sign.brand-atlas-w1-symbol{width:42px;height:42px}
 .w1brand{font-size:13px}
 .hero{padding:65px 6% 75px}
 .hero h1{font-size:clamp(39px,8.5vw,58px)}
 .section{padding:65px 6%}
}
@media(max-width:520px){
 .topbar{height:70px}
 .w1brand{font-size:11px}
 .topinner .top-cta{padding:11px 10px;font-size:10px}
 .hero{padding:51px 6% 64px}
 .hero .visual{transform:none;max-width:100%}
 .hero .visual:hover{transform:none}
 .hero h1{font-size:clamp(36px,9vw,47px)}
 .hero-notes{gap:9px 15px}
 .visual-main .lexismark-large{width:85px;height:85px}
 .visual-grid{gap:8px}
 .visual-card{padding:13px}
 .ticker{gap:8px 12px}
 .features article{min-height:0}
 .sectionhead h2,.contact-intro h2,.faq h2{font-size:clamp(35px,9vw,46px)}
}
@media(prefers-reduced-motion:reduce){.features article:hover,.hero .visual:hover{transform:none}}

/* W1 Capital × LexisPredict • interactive product gallery • 2026 */
.hero.section{position:relative;isolation:isolate;overflow:hidden}
.hero .hero-media{width:66%;z-index:0}
.hero .hero-photo{transform:scaleX(-1);object-position:center 46%}
.hero .hero-copy{z-index:4;max-width:min(690px,53%);}
.hero .hero-app-window{display:block;position:absolute;z-index:2;right:16.7%;bottom:62px;width:min(33vw,490px);text-decoration:none;color:#fff;border-radius:12px 12px 6px 6px;background:#160d18;border:7px solid #29202a;box-shadow:0 29px 43px #12040bbe,0 0 0 1px #d8b8c165;transform:perspective(900px) rotateY(-4deg) rotateX(1deg);transition:transform .25s ease,box-shadow .25s ease}
.hero .hero-app-window:hover{transform:perspective(900px) rotateY(0) translateY(-6px);box-shadow:0 34px 46px #12040bdd}
.hero-app-toolbar,.lp-device-top,.lp-hero-device-head{display:flex;align-items:center;gap:12px;padding:8px 13px;background:#2b1120;color:#eedce5;font-family:"Segoe UI",sans-serif;font-size:10px;letter-spacing:.09em}
.hero-app-toolbar strong{font-size:10px;color:#fff}
.hero-app-toolbar>span:last-child,.lp-device-top small,.lp-hero-device-head small{margin-left:auto;font-size:8px;color:#d1aab9}
.hero-app-dots{color:#bb6b87;font-size:10px;letter-spacing:2px}
.hero-app-window img{display:block;width:100%;height:auto;aspect-ratio:1280/800;object-fit:cover;background:#22121e}
.hero-app-base{display:block;position:absolute;bottom:-17px;left:-9%;width:118%;height:12px;border-radius:5px 5px 50% 50%;background:linear-gradient(#e6dce0,#605963);box-shadow:0 8px 8px #13090b65}
.featured-product .feature-visual.lp-feature-device{border:0;overflow:visible;box-shadow:none;background:transparent}
.lp-feature-display{width:100%;overflow:hidden;background:#1c1120;padding:7px;border:1px solid #9c7689;border-radius:14px;box-shadow:0 26px 44px #2e0c1e36}
.lp-feature-display img{display:block;width:100%;height:auto;aspect-ratio:1280/800;border-radius:0 0 7px 7px}
.lp-device-top{border-radius:6px 6px 0 0}
.lp-device-top>span{letter-spacing:3px;color:#c4778f}
.lp-feature-device .feature-visual-footnote{display:block;text-align:center;color:#836472;margin-top:15px;font-size:10px;letter-spacing:.04em}

.lp-screen-showcase,.lp-screen-gallery{position:relative;background:#f5eeeb;color:#2d1020;padding:95px 5%;overflow:hidden;border-top:1px solid #e6d9de;border-bottom:1px solid #e6d9de}
.lp-screen-gallery{background:#f8f3f1}
.lp-section-inner{max-width:1320px;width:100%;margin:auto}
.lp-gallery-header{display:grid;grid-template-columns:1.2fr .75fr;gap:10%;align-items:end;margin:0 0 36px}
.lp-gallery-header h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(37px,4.1vw,62px);line-height:1.10;letter-spacing:-.04em;margin:16px 0 0;color:#341123}
.lp-gallery-header h2 em{color:#9f2348;font-style:normal}
.lp-gallery-header .kicker{font-size:11px;letter-spacing:.2em;color:#81314c;font-weight:700}
.lp-gallery-header p{font:400 15px/1.75 "Segoe UI",Arial,sans-serif;color:#765c67;margin:0 0 4px;max-width:445px}
.lp-gallery-layout{display:grid;grid-template-columns:minmax(230px,.38fr) minmax(0,1fr);gap:22px;align-items:stretch}
.lp-gallery-choices{display:flex;flex-direction:column;gap:12px}
.lp-screen-choice{appearance:none;display:flex;align-items:center;width:100%;text-align:left;gap:14px;background:#fffbf8;border:1px solid #e8d9df;color:#361326;border-radius:10px;padding:20px 19px;min-height:94px;cursor:pointer;box-shadow:0 6px 18px #57192d09;transition:background .2s,border-color .2s,transform .2s}
.lp-screen-choice:hover{background:#fff;border-color:#b87591;transform:translateX(3px)}
.lp-screen-choice[aria-pressed="true"]{color:#fff;background:linear-gradient(120deg,#680d30,#351122);border-color:#965370;box-shadow:0 17px 29px #49122325}
.lp-choice-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;font-size:13px;letter-spacing:.08em;border:1px solid #e8cdd7;color:#a23255;background:#f5e5eb;border-radius:10px;font-weight:700}
.lp-screen-choice[aria-pressed="true"] .lp-choice-icon{color:#fff;border-color:#b36c88;background:#833452}
.lp-choice-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.lp-choice-copy strong{font-weight:700;font-size:15px;line-height:1.25}
.lp-choice-copy small{font-size:11px;line-height:1.4;color:#816a76}
.lp-screen-choice[aria-pressed="true"] .lp-choice-copy small{color:#e8c8d4}
.lp-choice-arrow{margin-left:auto;font-size:19px;color:#9b4c6c}
.lp-screen-choice[aria-pressed="true"] .lp-choice-arrow{color:#ffecf2}
.lp-gallery-note{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:15px 16px;border-left:2px solid #a32c53;background:#fff6f6;color:#4d2637;font-size:12px;line-height:1.6}
.lp-gallery-note strong{font-size:12px}
.lp-gallery-note span{color:#806c76}
.lp-gallery-stage{align-self:start;min-width:0;padding:7px;background:#21121d;border:1px solid #895b71;border-radius:13px;box-shadow:0 23px 48px #491e3133}
.lp-stage-top{height:40px;background:#2f1526;border-radius:7px 7px 0 0;display:flex;align-items:center;gap:15px;padding:0 17px;color:#eee0e7;font-size:12px;font-weight:600}
.lp-stage-dots{display:inline-flex;gap:5px}.lp-stage-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#a15b77}.lp-stage-dots i:nth-child(2){background:#ce8a83}.lp-stage-dots i:nth-child(3){background:#8f9a8c}
.lp-stage-tag{margin-left:auto;color:#bc95a7;letter-spacing:.12em;font-size:9px}
.lp-gallery-stage>img{display:block;width:100%;height:auto;aspect-ratio:1280/800;background:#2e1524;object-fit:cover}
.lp-stage-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;background:#291522;border-radius:0 0 7px 7px;color:#c6a8b7;font-size:11px}
.lp-stage-actions button{appearance:none;color:#fff;border:1px solid #946078;border-radius:6px;background:#5a1734;padding:8px 12px;font:600 11px "Segoe UI",sans-serif;cursor:pointer}
.lp-stage-actions button:hover{background:#8d2751}
.lp-gallery-footer{display:flex;align-items:center;flex-wrap:wrap;gap:14px 28px;margin-top:26px;color:#74505f;font-size:12px}
.lp-gallery-footer>span::before{content:"✓";color:#9d274a;margin-right:7px;font-weight:bold}
.lp-gallery-footer>a{margin-left:auto;text-decoration:none;color:#7e1637;font-weight:700;border-bottom:1px solid #8d3551;padding-bottom:5px}
.lp-gallery-footer>a:hover{color:#b43e5f}
.lp-preview-dialog{max-width:min(1180px,94vw);width:95vw;max-height:90vh;overflow:auto;background:#22101c;border:1px solid #a36681;padding:14px;border-radius:12px;color:#f8e4ee;box-shadow:0 40px 100px #170210a8}
.lp-preview-dialog::backdrop{background:#12060dc4;backdrop-filter:blur(6px)}
.lp-preview-dialog[open]{display:block}
.lp-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:8px 4px 14px;font:600 14px "Segoe UI",sans-serif}
.lp-dialog-head button{border:1px solid #c58ca6;border-radius:6px;background:#612343;color:#fff;padding:9px 15px;cursor:pointer}
.lp-preview-dialog img{display:block;width:100%;height:auto}
.lp-preview-dialog p{color:#ddbbcd;font-size:12px;text-align:center;margin:10px 0 3px}
.lp-screen-choice:focus-visible,.lp-stage-actions button:focus-visible,.lp-dialog-head button:focus-visible,.lp-gallery-footer a:focus-visible,.hero-app-window:focus-visible{outline:3px solid #f0af7b;outline-offset:4px}

.hero .visual.lp-product-hero-device{max-width:670px;width:100%;padding:7px;background:#1e111d;border:1px solid #b17892;overflow:hidden;box-shadow:0 30px 53px #12000bb8}
.lp-product-hero-device img{display:block;width:100%;height:auto;aspect-ratio:1280/800;object-fit:cover}
.lp-hero-device-head{border-radius:6px 6px 0 0;color:#fff}
.lp-hero-device-head>span{color:#cb7995;letter-spacing:2px}
.lp-product-hero-device>p{margin:0;padding:10px 12px;text-align:center;background:#271423;color:#d6b7c6;font-size:11px}

@media(max-width:1100px){
 .hero .hero-app-window{right:8%;width:39vw;bottom:49px}
 .hero .hero-copy{max-width:55%}
 .lp-screen-showcase,.lp-screen-gallery{padding:70px 5%}
 .lp-gallery-layout{grid-template-columns:minmax(220px,.42fr) minmax(0,1fr)}
 .lp-gallery-header{gap:35px}
}
@media(max-width:760px){
 .hero.section{min-height:870px;padding-bottom:295px}
 .hero .hero-photo{object-position:center 36%}
 .hero .hero-copy{max-width:100%}
 .hero .hero-app-window{left:8%;right:auto;bottom:45px;width:84%;max-width:490px;transform:none}
 .hero .hero-app-window:hover{transform:translateY(-3px)}
 .hero .hero-media{height:62%;width:100%}
 .hero:after{background:linear-gradient(180deg,#250b17 0%,#230b16f7 31%,#280c17b8 63%,#280c175e 100%)}
 .lp-screen-showcase,.lp-screen-gallery{padding:65px 5%}
 .lp-gallery-header{grid-template-columns:1fr;gap:16px;margin-bottom:24px}
 .lp-gallery-layout{grid-template-columns:1fr;gap:20px}
 .lp-gallery-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .lp-screen-choice{min-height:103px;padding:14px 11px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
 .lp-choice-icon{width:30px;height:30px;flex:0 0 30px;font-size:10px}
 .lp-choice-copy strong{font-size:12px}.lp-choice-copy small{font-size:10px}
 .lp-choice-arrow{display:none}.lp-gallery-note{grid-column:1/-1;margin-top:6px}
 .lp-gallery-footer{gap:12px}.lp-gallery-footer>a{margin:8px 0 0;width:100%;text-align:center;border-radius:8px;background:#7e1739;color:#fff;padding:14px;border:0}
 .lp-gallery-footer>a:hover{color:#fff;background:#9e2b4c}
}
@media(max-width:460px){
 .hero.section{min-height:850px;padding-bottom:275px}
 .hero .hero-app-window{left:7%;width:86%;bottom:30px}
 .hero .hero-app-toolbar{font-size:8px;padding:6px 9px;gap:7px}
 .hero .hero-app-toolbar>span:last-child{font-size:7px}
 .lp-gallery-header h2{font-size:clamp(34px,8.4vw,46px)}
 .lp-screen-choice{min-height:116px}
 .lp-choice-copy small{font-size:9px}
 .lp-stage-tag{display:none}
 .lp-gallery-stage{padding:4px;border-radius:8px}
 .lp-stage-top{height:33px;padding:0 9px}
 .lp-stage-actions{font-size:9px;padding:8px}
 .lp-stage-actions button{font-size:10px}
 .lp-gallery-note{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .hero .hero-app-window,.lp-screen-choice{transition:none}
 .hero .hero-app-window:hover,.lp-screen-choice:hover{transform:none}
}


/* Integridade do logotipo nas telas demonstrativas. */
.lp-device-mark{display:block;flex:0 0 25px;width:25px;height:25px;border-radius:4px}
.lp-hero-mini-logo{display:block;flex:0 0 72px;width:72px;height:27px;border-radius:4px}
@media(max-width:480px){.lp-hero-mini-logo{width:42px;flex-basis:42px;height:24px}}

/* Consolidated SVG identity and interactive demo (single design system). */
/*
 * W1 Capital & LexisPredict — logotipos vetoriais.
 * O atlas WebP legado é mantido para compatibilidade, mas não é usado no
 * cabeçalho, nas vitrines nem nos rodapés. SVGs conservam proporções.
 */
.brand-atlas-w1-symbol,
.brand-atlas-w1-full,
.brand-atlas-lexis-symbol,
.brand-atlas-lexis-full{
  display:inline-block;
  flex-shrink:0;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-color:transparent;
  border-radius:0;
  box-shadow:none;
}
.brand-atlas-w1-symbol{
  background-image:url("../assets/w1-symbol.svg");
  background-size:contain;
  background-position:center;
}
.brand-atlas-w1-full{
  background-image:url("../assets/w1-wordmark.svg");
}
.brand-atlas-lexis-symbol{
  background-image:url("../assets/lexispredict-symbol.svg");
}
.brand-atlas-lexis-full{
  background-image:url("../assets/lexispredict-wordmark.svg");
}
/* O texto claro do logo é reservado para superfícies escuras. */
.lp-hero-mini-logo.brand-atlas-lexis-full,
.visual-main .lexismark-large.brand-atlas-lexis-full,
.visual-brand .brand-atlas-lexis-full{
  background-image:url("../assets/lexispredict-wordmark-light.svg");
}
/* Símbolos sempre quadrados: a marca circular não pode achatar. */
.top .brand-mark.brand-atlas-w1-symbol,
.topbar .sign.brand-atlas-w1-symbol{
  aspect-ratio:1 / 1;
  border:0;
  border-radius:50%;
  background-color:transparent;
  background-size:contain;
  background-position:center;
  flex-shrink:0;
}
/* Logotipos horizontais precisam de caixas horizontais. */
.product-logo.brand-atlas-lexis-full{
  display:block;
  width:min(365px,100%);
  height:78px;
  max-width:100%;
  margin:12px 0 18px;
  border:0;
  border-radius:0;
  box-shadow:none;
  background-color:transparent;
  background-size:contain;
  background-position:left center;
}
.lp-gallery-header .lp-gallery-logo.brand-atlas-lexis-full{
  display:block;
  width:min(318px,100%);
  height:70px;
  max-width:100%;
  margin:0 0 15px;
  border:0;
  border-radius:0;
  box-shadow:none;
  background-color:transparent;
  background-size:contain;
  background-position:left center;
}
.footer-logo.brand-atlas-w1-full{
  display:block;
  width:236px;
  height:68px;
  max-width:100%;
  max-height:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  background-color:transparent;
  background-size:contain;
  background-position:left center;
}
footer .footer-brand-image.brand-atlas-w1-full{
  display:block;
  width:239px;
  height:68px;
  max-width:100%;
  margin:0 0 12px;
  border:0;
  border-radius:0;
  box-shadow:none;
  background-color:transparent;
  background-size:contain;
  background-position:left center;
}
footer .footer-brand-image.brand-atlas-w1-full + strong{display:none}
/* Dispositivos e prévias usam o símbolo ou logotipo proporcional. */
.lp-device-mark.brand-atlas-lexis-symbol,
.visual-brand .brand-atlas-lexis-symbol{
  width:30px;
  height:30px;
  flex:0 0 30px;
  aspect-ratio:1;
  border:0;
  border-radius:0;
  background-color:transparent;
}
.lp-hero-mini-logo.brand-atlas-lexis-full{
  width:158px;
  height:34px;
  flex:0 0 158px;
  border:0;
  border-radius:0;
  background-color:transparent;
  background-size:contain;
  background-position:left center;
}
.visual-main .lexismark-large.brand-atlas-lexis-full{
  display:block;
  width:min(245px,100%);
  height:64px;
  margin:0 auto 10px;
  border:0;
  border-radius:0;
  box-shadow:none;
  background-color:transparent;
  background-position:center;
}
@media(max-width:600px){
  .top .brand-mark.brand-atlas-w1-symbol,
  .topbar .sign.brand-atlas-w1-symbol{
    width:43px;
    height:43px;
    min-width:43px;
    min-height:43px;
  }
  .product-logo.brand-atlas-lexis-full{
    width:min(290px,100%);
    height:62px;
    margin:7px 0 13px;
  }
  .lp-gallery-header .lp-gallery-logo.brand-atlas-lexis-full{
    width:min(267px,100%);
    height:60px;
  }
  .footer-logo.brand-atlas-w1-full,
  footer .footer-brand-image.brand-atlas-w1-full{
    width:min(225px,100%);
    height:63px;
  }
  .lp-hero-mini-logo.brand-atlas-lexis-full{
    width:108px;
    height:29px;
    flex-basis:108px;
  }
  .lp-device-mark.brand-atlas-lexis-symbol{
    width:26px;height:26px;flex-basis:26px;
  }
}
@media(max-width:375px){
 .lp-hero-mini-logo.brand-atlas-lexis-full{
   width:90px;flex-basis:90px;height:25px;
 }
}


/* LexisPredict mini: faithful visual mapping from official sidebar and reference dashboard. No deps. */
.lp-gallery-stage.has-functional-demo{overflow:hidden;background:#f6f7fc;border-color:#e3e7f3;box-shadow:0 12px 36px #122a4b18}
.lp-gallery-stage.has-functional-demo>[data-preview-main]{display:none!important}
.lp-gallery-stage.has-functional-demo .lp-stage-top{background:#e9edf7;color:#344663}
.lp-gallery-stage.has-functional-demo .lp-stage-tag{color:#6c7992}
.lp-gallery-stage.has-functional-demo .lp-stage-actions{background:#fafbfe;color:#65728a}
.lp-gallery-stage.has-functional-demo [data-preview-open]{display:none}
.demo-live-host{background:#f6f7fc;min-width:0}
.lexis-live-demo{--dp-ink:#172747;--dp-mute:#78869d;--dp-line:#e4e9f4;display:grid;grid-template-columns:154px minmax(0,1fr);height:530px;overflow:hidden;background:#f6f7fc;color:var(--dp-ink);font:12px/1.45 "Segoe UI",Arial,sans-serif;border:1px solid #dfe5f0;border-radius:0 0 6px 6px}
.lexis-live-demo *{box-sizing:border-box}
.demo-sidebar{display:flex;flex-direction:column;min-width:0;padding:14px 9px;color:#fff;background:linear-gradient(180deg,#061d35 0%,#082944 55%,#0a3554 100%);border-right:1px solid #224363}
.demo-logo{display:flex;align-items:center;gap:7px;padding:3px 5px 16px;min-width:0}
.demo-logo img{display:block;width:29px;height:29px;flex:none;object-fit:contain;border-radius:5px;background:transparent}
.demo-logo>div{display:grid;gap:2px;min-width:0}
.demo-logo strong{color:#fff;font-size:10px;font-weight:800;letter-spacing:.025em}
.demo-logo small{color:#c2d6e8;font-size:7px;line-height:1.3}
.demo-sidebar nav{display:grid;gap:3px}
.demo-nav-button{appearance:none;display:flex;align-items:center;gap:8px;width:100%;min-width:0;border:1px solid transparent;background:transparent;border-radius:7px;padding:10px 7px;text-align:left;color:#d5e8f6;font:650 10px/1.2 "Segoe UI",Arial,sans-serif;cursor:pointer}
.demo-nav-button:hover{background:#ffffff1c;color:#fff}
.demo-nav-button.is-active,.demo-nav-button[aria-current=page]{background:#f4f8fd;color:#092e50;border-color:#dceafa;box-shadow:0 2px 8px #04152830}
.demo-nav-icon{display:grid;place-items:center;width:15px;height:15px;flex:none;font-size:14px;color:inherit}
.demo-sidebar-foot{margin-top:auto;border-top:1px solid #a7c5d03d;padding:11px 6px 2px;color:#b9d5e5;font-size:9px;line-height:1.5}
.demo-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:#f6f7fc}
.demo-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:47px;padding:0 15px;background:#fff;border-bottom:1px solid #e9edf6;color:#657389;font-size:10px}
.demo-topbar b{color:#102447}
.demo-badge{white-space:nowrap;border-radius:99px;border:1px solid #c9e6d8;background:#edf9f3;color:#187855;padding:5px 7px;font-size:8px;font-weight:700}
.demo-main-scroll{flex:1;min-height:0;min-width:0;overflow-y:auto;padding:15px;scrollbar-color:#cbd5e6 #f6f7fc;scrollbar-width:thin}
.demo-section-heading{display:flex;justify-content:space-between;gap:10px;margin:0 0 14px}
.demo-section-heading h3{margin:0 0 5px;color:#102447;font:850 20px/1.15 "Segoe UI",Arial,sans-serif;letter-spacing:-.035em}
.demo-section-heading p{margin:0;color:#7a879e;font-size:10px;line-height:1.5}
.demo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 11px}
.demo-stat,.demo-card,.demo-task,.demo-event,.demo-team-card,.demo-setting,.demo-inline-form{border:1px solid #e7eaf4;background:#fff;box-shadow:0 4px 13px #61749a0c;border-radius:10px}
.demo-stat{display:flex;flex-direction:column;gap:5px;padding:11px;min-width:0}
.demo-stat small{color:#70819a;font-size:9px;line-height:1.25}
.demo-stat strong{color:#142e53;font-size:26px;line-height:1.1;font-weight:800}
.demo-stat span{color:#8c97aa;font-size:9px;line-height:1.3}
.demo-overview-grid,.demo-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.demo-card{min-width:0;padding:12px}
.demo-card-title{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:12px;color:#253859;font-size:11px;font-weight:800}
.demo-card-title small{color:#8291aa;font-size:9px;font-weight:500}
.demo-bar-chart{height:122px;display:flex;align-items:end;gap:6px;padding:2px 4px 0;border-bottom:1px solid #c1cce1;background:repeating-linear-gradient(to top,transparent 0,transparent 31px,#eef0f8 32px)}
.demo-bar-chart span{display:block;flex:1;min-width:0;border-radius:4px 4px 0 0;background:linear-gradient(#a59be6,#7a93dd)}
.demo-chart-labels{display:flex;justify-content:space-between;margin-top:7px;color:#8190a5;font-size:9px}
.demo-activity-list{margin:0;padding:0;display:grid;gap:8px;list-style:none}
.demo-activity-list li{display:flex;align-items:start;gap:8px}
.demo-activity-list strong,.demo-task strong,.demo-event strong{display:block;color:#2b3d5c;font-size:10px;font-weight:700}
.demo-activity-list small,.demo-task small,.demo-event small{display:block;margin-top:3px;color:#7e8ca1;font-size:9px}
.demo-status-dot{width:7px;height:7px;border-radius:50%;flex:none;margin-top:5px;background:#f4a826}
.demo-status-dot.done{background:#37aa81}
.demo-filters{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.demo-chip{appearance:none;padding:7px 10px;border-radius:7px;border:1px solid #dbe3f2;background:#fff;color:#4c5d77;font:650 10px "Segoe UI",Arial,sans-serif;cursor:pointer}
.demo-chip:hover{border-color:#9cbbdd;background:#edf4ff}
.demo-chip.is-active{background:#0c4774;border-color:#0c4774;color:#fff}
.demo-search-label{display:block;margin-bottom:5px;color:#425571;font-size:10px;font-weight:700}
.demo-main input:not([type=checkbox]),.demo-main select{display:block;min-width:0;width:100%;background:#fff;color:#2a3d5c;border:1px solid #d7e1f0;border-radius:7px;padding:9px;font:11px "Segoe UI",Arial,sans-serif}
.demo-main input::placeholder{color:#9da9b9}
.demo-result-count{display:block;margin:8px 0;color:#71839b;font-size:9px}
.demo-table-wrap{max-width:100%;overflow-x:auto;border-radius:9px;border:1px solid #e1e7f1;background:#fff;scrollbar-width:thin}
.demo-table-wrap table{min-width:450px;width:100%;border-collapse:collapse}
.demo-table-wrap th{padding:10px 8px;text-align:left;background:#f1f4fa;color:#5c728e;font-size:9px}
.demo-table-wrap td{padding:11px 8px;border-top:1px solid #ecf0f7;color:#2e4060;font-size:10px}
.demo-table-wrap tr:nth-child(even){background:#fbfcff}
.demo-mono{font-family:ui-monospace,Consolas,monospace}
.demo-state{display:inline-block;padding:4px 7px;border-radius:99px;white-space:nowrap;font-size:9px;font-weight:700}
.demo-state.done{color:#22744d;background:#e5f8ed}
.demo-state.progress{color:#2c60a3;background:#e9f1ff}
.demo-state.pending{color:#96700e;background:#fff5df}
.demo-inline-form{padding:11px;margin-top:12px}
.demo-inline-form h4{margin:0 0 9px;color:#243a5a;font-size:11px}
.demo-form-fields{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:7px}
.demo-form-fields label{display:grid;gap:5px;min-width:0;color:#586a86;font-size:9px;font-weight:700}
.demo-form-fields button,.demo-export{border:0;border-radius:7px;background:#125985;color:#fff;padding:10px;font:700 10px "Segoe UI",Arial,sans-serif;cursor:pointer}
.demo-form-fields button:hover,.demo-export:hover{background:#0c75ac}
.demo-task-list,.demo-events{display:grid;gap:7px}
.demo-task,.demo-event{display:flex;gap:8px;align-items:center;padding:9px}
.demo-task>div,.demo-event>div{min-width:0;flex:1}
.demo-task .demo-state{flex:none}
.demo-task.is-complete strong{text-decoration:line-through;color:#8293a8}
.demo-checkbox{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:6px;border:1px solid #abc0d9;background:#fff;color:#fff;cursor:pointer}
.demo-checkbox[aria-pressed=true]{background:#178462;border-color:#178462}
.demo-event-date{display:flex;flex:0 0 43px;flex-direction:column;align-items:center;padding:7px;background:#e8f0ff;color:#225786;border-radius:7px}
.demo-event-date strong{color:#1b578c;font-size:17px}
.demo-event-date span{font-size:9px}
.demo-report-row{margin-bottom:12px}
.demo-report-row>div:first-child{display:flex;justify-content:space-between;gap:7px;margin-bottom:6px;color:#354661;font-size:10px}
.demo-report-row>div:first-child span{color:#75839b}
.demo-progress{height:8px;border-radius:7px;background:#eef1f8;overflow:hidden}
.demo-progress span{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#8296df,#6c70c9)}
.demo-report-summary>strong{display:block;font-size:36px;color:#164976}
.demo-report-summary p{color:#75829a;font-size:10px;margin:4px 0 15px}
.demo-report-summary>span{display:block;color:#566981;font-size:10px;margin:8px 0}
.demo-export{margin-top:10px}
.demo-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.demo-team-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:12px}
.demo-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e5effc;color:#235787;font-size:12px;font-weight:750}
.demo-team-card strong{color:#233956;font-size:11px}
.demo-team-card small{color:#8392a6;font-size:10px;min-height:25px}
.demo-team-card>span:not(.demo-avatar){color:#647994;font-size:10px}
.demo-team-card button,.demo-setting button{border:1px solid #d9e5f5;background:#eef4fc;color:#225b88;border-radius:7px;padding:8px;font-size:10px;font-weight:700;cursor:pointer}
.demo-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;margin-bottom:9px}
.demo-setting strong{display:block;color:#253955;font-size:11px}
.demo-setting small{display:block;margin-top:4px;color:#8291a6;font-size:9px}
.demo-setting button{flex:none}
.demo-privacy{background:#e8f2ff;border-left:2px solid #4a8ac3;padding:10px;color:#476584;font-size:10px;line-height:1.5}
.demo-empty{padding:12px;border:1px dashed #b9c9df;background:#f7faff;border-radius:8px;color:#586f8e;font-size:10px}
.demo-status{min-height:20px;margin-top:7px;color:#20764f;font-size:9px}
.demo-main button:focus-visible,.demo-main input:focus-visible,.demo-nav-button:focus-visible{outline:2px solid #72a6d8;outline-offset:2px}
.lexis-live-demo.is-compact .demo-stat,.lexis-live-demo.is-compact .demo-card,.lexis-live-demo.is-compact .demo-task{padding:7px}
.lexis-live-demo.is-compact .demo-main-scroll{padding:9px}
@media(max-width:920px){.lexis-live-demo{grid-template-columns:137px minmax(0,1fr)}.demo-main-scroll{padding:12px}.demo-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-form-fields{grid-template-columns:1fr 1fr}.demo-form-fields button{grid-column:1/-1}}
@media(max-width:620px){.lexis-live-demo{display:flex;flex-direction:column;height:585px}.demo-sidebar{display:block;flex:none;padding:7px;border-right:0;border-bottom:1px solid #dfe6f2}.demo-logo{padding:3px 4px 7px}.demo-logo img{width:23px;height:23px}.demo-logo>div{display:flex;gap:6px;align-items:center}.demo-logo strong{font-size:9px}.demo-sidebar nav{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:4px;padding-bottom:4px;scrollbar-width:thin}.demo-nav-button{width:auto;flex:none;white-space:nowrap;padding:7px 9px;font-size:9px}.demo-nav-icon{width:12px;height:12px;font-size:12px}.demo-sidebar-foot{display:none}.demo-main{flex:1;min-height:0}.demo-main-scroll{padding:10px}.demo-topbar{min-height:38px;padding:0 9px;font-size:9px}.demo-badge{padding:4px 5px;font-size:8px}.demo-section-heading h3{font-size:18px}.demo-overview-grid,.demo-report-grid{grid-template-columns:1fr}.demo-team-grid,.demo-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-form-fields{grid-template-columns:1fr}.demo-form-fields button{grid-column:1}.demo-bar-chart{height:90px}}
@media(max-width:380px){.demo-team-grid{grid-template-columns:1fr}.demo-badge{font-size:7px}}
@media(prefers-reduced-motion:reduce){.demo-nav-button{transition:none}}

.lp-resource-alt{color:#7f2451;font-weight:750;text-decoration:underline;text-underline-offset:4px}
/* Educational organic traffic, separate from the paid product demo. */
.lp-resource{padding:68px 6%;background:linear-gradient(120deg,#f5eced,#f8f3f1);color:#341422}
.lp-resource-inner{max-width:1170px;margin:auto;display:grid;grid-template-columns:1fr auto;gap:45px;align-items:center}
.lp-resource-inner>div>span{font-size:11px;letter-spacing:.17em;color:#8e2847;font-weight:750}
.lp-resource h2{margin:12px 0;font:normal clamp(30px,3.2vw,45px)/1.15 Georgia,serif;letter-spacing:-.03em}
.lp-resource h2 em{font-style:normal;color:#a1234c}
.lp-resource p{max-width:670px;font-size:15px;line-height:1.65;color:#745965}
.lp-resource-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:9px;background:#7c1536;color:#fff!important;text-decoration:none;padding:17px 23px;font-size:13px;font-weight:700;white-space:nowrap}
.lp-resource-button:hover{background:#a42850}
@media(max-width:720px){.lp-resource{padding:52px 6%}.lp-resource-inner{grid-template-columns:1fr;gap:15px}.lp-resource-button{width:100%}}

/* W1 operational portfolio support as a separate offer from the LexisPredict license. */
.lp-ops-offer{background:linear-gradient(120deg,#30111e,#5a1e36 76%,#2b0a1d);color:#fff;padding:67px 6%}
.lp-ops-offer>div{max-width:1170px;margin:auto}
.lp-ops-offer span{display:block;color:#e9b4c7;letter-spacing:.16em;font-weight:800;font-size:10px}
.lp-ops-offer h2{font:normal clamp(29px,3.3vw,47px)/1.16 Georgia,serif;margin:12px 0;max-width:850px}
.lp-ops-offer h2 em{font-style:normal;color:#e99fb7}
.lp-ops-offer p{color:#e5c6d3;max-width:730px;font-size:14px;line-height:1.75;margin:0 0 22px}
.lp-ops-offer a{display:inline-flex;text-decoration:none;background:#fff;color:#48152a!important;padding:13px 20px;border-radius:9px;font-size:13px;font-weight:750}
.lp-ops-offer a:hover{background:#f8e7ef}
@media(max-width:720px){.lp-ops-offer{padding:52px 6%}.lp-ops-offer a{max-width:100%}}