/*
Theme Name: MOBI Auto Business
Author: MOBI Marketing Inteligente
Description: Homepage Business para a plataforma comercial MOBI Auto.
Version: 0.3.0
Requires PHP: 8.0
Text Domain: mobi-auto-business
*/
:root{--ink:#101d38;--muted:#61728a;--bg:#f4f7fc;--blue:#19b9d0;--purple:#5e2ced;--pink:#e70b85;--orange:#f27035;--line:#e3eaf4;--white:#fff;--shadow:0 20px 55px rgba(27,63,104,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img,svg{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.05em}input,textarea,select,button{font:inherit}button{cursor:pointer}.wrap{width:min(1190px,calc(100% - 52px));margin:auto}.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:8px;top:8px;background:white;z-index:999;padding:10px}.kicker{color:#647892;letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:850}.gradient{background:linear-gradient(110deg,#12b9d0 0%,#4588eb 27%,#6632e8 60%,#ee138b 97%);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:12px;font-size:13px;font-weight:800;line-height:1.2;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8279ff;outline-offset:3px}.btn-primary{background:linear-gradient(110deg,var(--pink),#f23d99);color:#fff;box-shadow:0 12px 30px rgba(231,11,133,.18)}.btn-primary:hover{box-shadow:0 18px 35px rgba(231,11,133,.28)}.btn-white{background:white;border-color:#d8e1ee}.btn-wa{background:white;border-color:#c4eada;color:#176b53}.btn-wa b{color:#15996b}.announce{background:#12233e;color:#d7e3f4;font-size:11px;text-align:center;padding:7px 16px}.announce strong{color:#5dd9df}.header{position:sticky;top:0;z-index:60;background:rgba(250,252,255,.90);backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px);border-bottom:1px solid #e8edf4}.header-inner{height:78px;display:flex;gap:25px;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;flex-shrink:0}.brand-logo{width:96px;height:auto;display:block}.brand-word{font-size:12px;font-weight:850;color:#23304a;letter-spacing:.37em}.nav{display:flex;gap:25px;align-items:center}.nav a{font-size:12px;font-weight:750;color:#53647c}.nav a:hover{color:var(--pink)}.nav-cta{display:flex;gap:10px}.nav-cta .btn{min-height:40px;font-size:11px;padding:0 14px}.menu-trigger{display:none;width:42px;height:40px;align-items:center;justify-content:center;border:1px solid #dce5f0;border-radius:10px;background:white;color:#263c59;font-size:20px}.site{overflow:hidden}.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse 51% 65% at 89% 26%,rgba(152,207,247,.35),transparent 76%),radial-gradient(ellipse 36% 65% at 36% 85%,rgba(230,206,255,.20),transparent 78%),linear-gradient(#fbfdff,#f4f7fc);padding:88px 0 95px}.hero:before{position:absolute;content:"";width:650px;height:650px;border:1px solid rgba(135,178,232,.14);border-radius:50%;right:-150px;top:-340px;box-shadow:0 0 0 90px rgba(110,169,236,.02),0 0 0 185px rgba(110,169,236,.02);z-index:-1}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #e1eaf5;border-radius:100px;background:#fff;color:#567089;font-weight:750;font-size:11px;box-shadow:0 7px 20px rgba(40,80,120,.035)}.hero-badge:before{content:"";width:7px;height:7px;background:#12bdc5;border-radius:50%;box-shadow:0 0 0 4px #dff7f8}.hero h1{font-size:clamp(45px,5vw,70px);line-height:1.09;margin:24px 0;font-weight:870}.hero-lead{font-size:17px;line-height:1.85;color:#63768f;max-width:530px;margin-bottom:27px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-points{display:flex;flex-wrap:wrap;gap:10px 19px;color:#6d8197;font-size:11px;font-weight:740;margin-top:27px}.hero-points i{font-style:normal;color:#0aaf9d;font-size:14px;margin-right:4px}.visual{min-height:465px;display:grid;place-items:center;position:relative}.visual:before{content:"";position:absolute;width:94%;height:80%;border-radius:50%;background:radial-gradient(circle,rgba(119,184,243,.28),transparent 71%);filter:blur(9px)}.mock{width:100%;max-width:600px;position:relative;z-index:2;transform:rotate(-1.2deg);border:1px solid #dbe7f4;border-radius:21px;background:white;box-shadow:0 33px 85px rgba(36,85,147,.20);overflow:hidden}.mock-head{height:54px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7edf5}.mock-brand{display:flex;gap:7px;align-items:center;font-size:10px;font-weight:850}.mock-brand img{width:45px}.mock-head>span{font-size:10px;color:#90a0b5}.mock-columns{display:grid;grid-template-columns:102px 1fr}.mock-side{display:grid;align-content:start;gap:6px;border-right:1px solid #e9eef6;background:#fafcff;padding:15px 8px}.mock-side span{padding:8px 7px;font-size:9px;border-radius:7px;color:#788da7}.mock-side span:first-child{color:#5848d9;background:#eaeefe;font-weight:900}.mock-main{padding:18px 16px 19px}.mock-main h3{font-size:16px;margin:0}.mock-main>p{font-size:9px;color:#92a0b4;margin:0 0 15px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kpi{padding:11px 9px;border:1px solid #e8edf5;border-radius:9px}.kpi small{display:block;font-size:9px;color:#778ca4}.kpi strong{display:block;font-size:25px;line-height:1.2;letter-spacing:-.06em}.kpi em{font-size:8px;color:#16b39a;font-style:normal}.mock-panels{margin-top:10px;display:grid;grid-template-columns:1fr .88fr;gap:9px}.panel{border:1px solid #e8edf5;border-radius:9px;padding:14px;min-width:0}.panel b{font-size:10px;display:block;margin-bottom:12px}.bars{height:86px;display:flex;gap:8px;align-items:end;border-bottom:1px solid #edf2f8}.bars i{height:var(--h);flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#16bdc8,#a8daf3)}.bars i:nth-child(even){background:linear-gradient(#7953e8,#cbc2fa)}.bar-labels{display:flex;justify-content:space-between;color:#9baabe;font-size:8px;margin-top:7px}.funnel-line{font-size:8.5px;display:flex;align-items:center;gap:7px;margin:9px 0;color:#8596aa}.funnel-line i{background:linear-gradient(90deg,#18c1d1,#6946e5);width:var(--w);height:6px;border-radius:4px;display:block;margin-left:auto}.mock-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #e8edf5;border-radius:9px;margin-top:10px;padding:11px 13px;font-size:10px}.mock-bottom small{font-size:9px;color:#ce278c;background:#fff0f8;padding:5px 8px;border-radius:6px}.floating{position:absolute;z-index:3;bottom:6px;right:-14px;background:white;border:1px solid #e7eefa;border-radius:13px;box-shadow:0 14px 34px rgba(27,61,111,.13);padding:12px 15px;font-size:12px;font-weight:800}.floating small{display:block;font-weight:500;color:#879ab0;font-size:10px}.demo-note{position:absolute;bottom:-32px;right:0;color:#8393a9;font-size:10px}.highlights{position:relative;z-index:4;margin-top:-35px}.highlights-inner{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 13px;border:1px solid #e6ecf5;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.highlight{display:flex;align-items:center;gap:12px;border-right:1px solid #e7edf5;padding:8px 14px}.highlight:last-child{border-right:0}.highlight-icon{display:grid;place-items:center;width:40px;height:40px;background:#e6fbfc;border-radius:11px;font-size:19px;color:#0dbaca}.highlight:nth-child(2) .highlight-icon{background:#f0ebff;color:#7246eb}.highlight:nth-child(3) .highlight-icon{background:#fff0f8;color:#e80e8b}.highlight:nth-child(4) .highlight-icon{background:#fff1e8;color:#ee7134}.highlight strong{display:block;font-size:12px}.highlight small{font-size:10px;color:#8695a9}.section{padding:115px 0}.heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:38px}.heading h2,.split h2,.contact h2{font-size:clamp(35px,3.9vw,50px);line-height:1.14;margin:12px 0 0}.heading>p{max-width:360px;color:#6f8098;font-size:14px;margin:0}.features{background:linear-gradient(180deg,#f4f7fc,#fbfcff)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:#fff;border:1px solid #e4ebf4;border-radius:17px;padding:28px;min-height:235px;box-shadow:0 7px 26px rgba(22,56,91,.02);transition:transform .2s,box-shadow .2s}.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:12px;background:#e8fbfc;color:#0db2c6;font-size:22px;margin-bottom:24px}.feature:nth-child(2) .feature-icon,.feature:nth-child(6) .feature-icon{color:#6741df;background:#f2edff}.feature:nth-child(3) .feature-icon{color:#e70b85;background:#fff0f7}.feature:nth-child(4) .feature-icon{color:#ec6e30;background:#fff3ec}.feature:nth-child(5) .feature-icon{color:#3681db;background:#edf4ff}.feature h3{font-size:21px;line-height:1.2;margin-bottom:10px}.feature p{font-size:13px;line-height:1.85;color:#72829a;margin:0}.feature em{display:inline-block;font-style:normal;font-size:10px;color:#8757c8;background:#f7f1ff;border-radius:16px;padding:4px 9px;margin-top:15px}.workflow{background:#fff}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.split h2{margin-bottom:18px}.split p{color:#6b7c94;font-size:15px;line-height:1.9}.check-list{padding:0;list-style:none;margin:24px 0;display:grid;gap:12px;color:#566780;font-size:13px}.check-list li:before{content:'✓';display:inline-grid;place-items:center;width:17px;height:17px;margin-right:10px;background:#e2fbf4;color:#06aa92;border-radius:50%;font-weight:900}.steps-card{background:linear-gradient(135deg,#fbfcff,#f0f6ff);border:1px solid #e4ebf7;border-radius:23px;padding:27px;box-shadow:var(--shadow)}.steps-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;font-weight:800;font-size:13px}.steps-card-head small{color:#c8167e;background:#fff0f8;border-radius:100px;padding:6px 10px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.step{position:relative;min-height:156px;padding:16px 12px;border-radius:12px;background:#fff;border:1px solid #e5eaf3}.step:not(:last-child):after{content:'→';position:absolute;right:-12px;top:49px;z-index:3;color:#7767ee;font-size:20px}.step .step-no{font-size:10px;color:#9ca9bc;font-weight:800}.step .step-icon{display:grid;place-items:center;height:39px;width:39px;border-radius:9px;background:#eeeaff;color:#6746e8;margin:12px 0}.step:nth-child(2) .step-icon{color:#08aabe;background:#e6fbfc}.step:nth-child(3) .step-icon{color:#e80e8b;background:#fff0f8}.step:nth-child(4) .step-icon{color:#08b39b;background:#e6faf4}.step strong{font-size:12px;display:block}.step small{display:block;font-size:10px;color:#8d9eb2;line-height:1.4;margin-top:4px}.segments{background:linear-gradient(180deg,#f7faff,#f0f5fb)}.segments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.segment{position:relative;overflow:hidden;min-height:225px;border-radius:18px;padding:28px;border:1px solid #e3eaf3;background:linear-gradient(145deg,#fff,#eef6fc);box-shadow:0 12px 32px rgba(37,73,113,.04)}.segment>span{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#e8faff;color:#0db3d0;font-size:22px;margin-bottom:18px}.segment:nth-child(2)>span{background:#f0ecff;color:#6940ed}.segment:nth-child(3)>span{background:#fff0f8;color:#e70b85}.segment h3{font-size:21px;margin:0 0 8px}.segment p{position:relative;z-index:2;max-width:255px;color:#71839b;font-size:13px;line-height:1.75}.segment:after{content:attr(data-decor);position:absolute;right:8px;bottom:-38px;font-size:115px;opacity:.12;color:#4782b7}.early{background:white;padding:18px 0 92px}.early-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 44px;border-radius:23px;background:linear-gradient(110deg,#f2faff,#f6f1ff);border:1px solid #e3ebf5}.early h2{font-size:26px;line-height:1.3;margin:10px 0 6px}.early p{color:#718097;font-size:13px;max-width:660px;margin:0}.contact{position:relative;overflow:hidden;padding:90px 0;color:white;background:radial-gradient(ellipse 52% 87% at 100% 57%,rgba(44,176,221,.19),transparent),linear-gradient(115deg,#11213b,#20365b)}.contact:before{content:"";position:absolute;width:620px;height:620px;right:-190px;top:-340px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.02)}.contact-inner{position:relative;display:grid;grid-template-columns:1fr .85fr;gap:75px;align-items:center}.contact .kicker{color:#acbfd9}.contact h2{margin:15px 0 20px}.contact-copy>p{color:#bdcade;font-size:15px;line-height:1.85}.contact-points{display:grid;gap:12px;margin-top:24px;font-size:13px;color:#d6e2f2}.contact-points span:before{content:'✓';color:#54e3d9;margin-right:11px}.form-card{background:white;color:var(--ink);padding:30px;border-radius:20px;box-shadow:0 20px 65px rgba(0,0,0,.18)}.form-card h3{font-size:24px;margin:0 0 4px}.form-card>p{font-size:12px;color:#7989a0;margin-bottom:19px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:#42516d;font-weight:800}.field input,.field select,.field textarea{border:1px solid #dfe6ef;border-radius:9px;padding:11px 12px;background:#fcfdff;color:#20304b;outline:none;font-size:12px;min-height:43px;width:100%}.field textarea{min-height:77px;resize:vertical}.field :is(input,select,textarea):focus{border-color:#786be8;box-shadow:0 0 0 3px rgba(118,109,232,.12)}.consent{display:flex;align-items:start;gap:8px;font-size:10px;line-height:1.6;color:#728199;margin:16px 0}.consent input{accent-color:var(--pink);margin-top:3px}.submit{width:100%}.form-note{font-size:10px;color:#8c9aaa;text-align:center;margin:13px 0 0}.faq{background:#f7f9fd}.faq-inner{display:grid;grid-template-columns:.7fr 1.3fr;gap:85px}.faq h2{font-size:42px;line-height:1.2;margin:13px 0}.faq p{color:#74849b;font-size:14px}.questions{display:grid;gap:10px}.questions details{background:#fff;border:1px solid #e5ebf4;border-radius:13px;padding:0 20px}.questions summary{list-style:none;font-size:13px;font-weight:800;padding:19px 28px 19px 0;cursor:pointer;position:relative}.questions summary::-webkit-details-marker{display:none}.questions summary:after{position:absolute;right:0;top:14px;content:'+';font-size:21px;color:#744ee7;font-weight:400}.questions details[open] summary:after{content:'−'}.questions details p{font-size:12px;line-height:1.8;padding:0 0 4px}.footer{background:#fff;border-top:1px solid #e9edf5;padding:42px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:start;margin-bottom:35px}.footer-brand p{font-size:12px;color:#7a8ba0;max-width:330px;margin:15px 0 0}.footer-links{display:flex;gap:21px;flex-wrap:wrap;margin-top:9px}.footer-links a{font-size:12px;font-weight:700;color:#667791}.footer-bottom{border-top:1px solid #e7ecf5;padding-top:18px;display:flex;justify-content:space-between;gap:15px;color:#8798ab;font-size:11px}.footer-bottom a{text-decoration:underline}.inner-page{padding:85px 0 140px;min-height:50vh}.inner-page h1{font-size:50px}.inner-page .entry-content{color:#60728a;max-width:850px}.inner-page a{text-decoration:underline}
@media(max-width:1100px){.header-inner{gap:15px}.nav{gap:13px}.hero-grid{gap:24px}.visual{min-height:420px}.split{gap:40px}.contact-inner{gap:40px}}
@media(max-width:900px){.nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:white;padding:12px 26px 24px;border-bottom:1px solid #e3eaf4;box-shadow:0 20px 30px rgba(0,0,0,.08)}.nav.is-open{display:flex}.nav a{padding:12px;border-bottom:1px solid #f2f4f8}.header-inner{height:68px}.menu-trigger{display:flex}.nav-cta{margin-left:auto}.nav-cta .btn-white{display:none}.hero-grid,.split,.contact-inner,.faq-inner{grid-template-columns:1fr}.hero{padding:65px 0 83px}.hero h1{max-width:680px}.visual{max-width:680px;width:100%;margin:20px auto 0}.highlights-inner{grid-template-columns:repeat(2,1fr)}.highlight:nth-child(2){border-right:0}.highlight:nth-child(1),.highlight:nth-child(2){border-bottom:1px solid var(--line)}.section{padding:80px 0}.feature-grid{grid-template-columns:repeat(2,1fr)}.heading{display:block}.heading>p{margin-top:15px}.steps-card{max-width:730px}.contact-inner{gap:38px}.form-card{max-width:650px}.faq-inner{gap:20px}}
@media(max-width:640px){.wrap{width:min(1190px,calc(100% - 32px))}.announce{font-size:10px}.brand-logo{width:77px}.brand-word{font-size:9px;letter-spacing:.27em}.nav-cta .btn-primary{padding:0 11px;min-height:37px;font-size:10px}.header-inner{gap:7px}.hero{padding:49px 0 70px}.hero h1{font-size:clamp(39px,10.7vw,57px);line-height:1.12}.hero-lead{font-size:15px}.hero-actions .btn{width:100%}.hero-points{gap:9px 12px}.visual{min-height:328px;margin-top:20px}.mock{border-radius:12px}.mock-head{height:38px;padding:0 9px}.mock-brand{font-size:7px}.mock-brand img{width:32px}.mock-head>span{font-size:7px}.mock-columns{grid-template-columns:61px 1fr}.mock-side{padding:9px 3px}.mock-side span{padding:5px 2px;font-size:6px}.mock-main{padding:9px 7px}.mock-main h3{font-size:11px}.mock-main>p{font-size:7px;margin-bottom:10px}.kpis{gap:4px}.kpi{padding:6px 5px}.kpi small{font-size:6px}.kpi strong{font-size:16px}.kpi em{font-size:6px}.mock-panels{gap:4px;margin-top:5px}.panel{padding:6px}.panel b{font-size:7px;margin-bottom:6px}.bars{height:43px;gap:3px}.bar-labels{font-size:5px}.funnel-line{font-size:5px;gap:3px;margin:5px 0}.mock-bottom{padding:6px;font-size:6px;margin-top:5px}.mock-bottom small{font-size:6px;padding:3px}.floating{bottom:0;right:0;padding:8px 10px;font-size:9px}.floating small{font-size:7px}.demo-note{bottom:-30px;font-size:8px}.highlights{margin-top:-25px}.highlights-inner{padding:7px}.highlight{padding:10px 7px;gap:6px}.highlight-icon{height:31px;width:31px;font-size:14px}.highlight strong{font-size:10px}.highlight small{font-size:8px}.section{padding:69px 0}.heading h2,.split h2{font-size:35px}.feature-grid,.segments-grid{grid-template-columns:1fr}.feature{min-height:0;padding:24px}.feature-icon{margin-bottom:16px}.steps-card{padding:16px}.steps{grid-template-columns:repeat(2,1fr)}.step:nth-child(2):after{display:none}.segment{min-height:200px}.early{padding-bottom:65px}.early-inner{flex-direction:column;align-items:start;padding:24px}.early h2{font-size:23px}.contact{padding:65px 0}.contact h2{font-size:37px}.form-card{padding:22px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.faq h2{font-size:38px}.footer-top{flex-direction:column}.footer-bottom{flex-direction:column}.footer-links{gap:15px}.inner-page{padding:60px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* MOBI Auto Business 0.3.0: painel comercial interativo, dados de exemplo */
.ma-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ma-hero-demo-link{margin:20px 0 -9px}.ma-hero-demo-link a{font-size:12px;font-weight:800;color:#6745dc;border-bottom:1px solid #a68df6;padding-bottom:5px}.ma-hero-demo-link a:hover{color:#df158c}
.ma-demo-section{padding:120px 0 110px;background:radial-gradient(ellipse 37% 49% at 0% 25%,rgba(23,184,208,.08),transparent),radial-gradient(ellipse 46% 50% at 96% 89%,rgba(102,44,237,.08),transparent),#f7fafe}
.ma-demo-intro{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:38px}
.ma-demo-intro h2{font-size:clamp(36px,4vw,51px);line-height:1.15;margin:13px 0 13px}
.ma-demo-intro p{font-size:14px;color:#6e8096;line-height:1.85;max-width:690px;margin:0}
.ma-demo-intro>.btn{flex-shrink:0}
.ma-demo-shell{overflow:hidden;background:#fff;border:1px solid #dce6f3;border-radius:22px;box-shadow:0 30px 85px rgba(27,66,117,.10)}
.ma-demo-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 27px;border-bottom:1px solid #e7edf5;background:linear-gradient(110deg,#fff,#f9fbff)}
.ma-demo-title{display:flex;gap:10px;align-items:center}.ma-demo-title strong{font-size:15px;letter-spacing:-.02em}
.ma-demo-title small{color:#7a8aa0;font-size:10px;margin-left:6px}
.ma-demo-indicator{height:10px;width:10px;border-radius:50%;background:#16c0be;box-shadow:0 0 0 5px rgba(25,195,201,.12)}
.ma-demo-only{color:#7752db;border:1px solid #e4ddfa;background:#f6f3ff;border-radius:20px;padding:5px 10px;font-size:9px;font-weight:850;letter-spacing:.1em}
.ma-demo-tabs{display:flex;align-items:stretch;gap:26px;border-bottom:1px solid #e6ecf5;padding:0 26px;overflow-x:auto;scrollbar-width:thin}
.ma-demo-tabs button{appearance:none;white-space:nowrap;background:transparent;border:0;border-bottom:3px solid transparent;padding:17px 5px;color:#73849c;font-size:12px;font-weight:800}
.ma-demo-tabs button[aria-selected=true]{color:#5c39de;border-bottom-color:#6a44e3}
.ma-demo-tabs button:focus-visible{outline:2px solid #9b8cf5;outline-offset:-4px}
.ma-demo-pane{padding:31px 27px 33px}.ma-demo-pane[hidden]{display:none!important}
.ma-demo-pane-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:23px}
.ma-demo-pane-heading h3{font-size:25px;margin:0 0 2px}.ma-demo-pane-heading p{margin:0;font-size:12px;color:#8090a5}
.ma-demo-counter{white-space:nowrap;background:#f4f7fc;border:1px solid #e5edf6;border-radius:20px;padding:8px 11px;font-size:11px;font-weight:700;color:#667995}
.ma-demo-counter strong{color:#5a39da}
.ma-demo-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px}
.ma-demo-filters{display:flex;flex-wrap:wrap;gap:7px}
.ma-demo-filters button{appearance:none;border:1px solid #e0e8f2;background:#fff;border-radius:10px;padding:8px 12px;color:#73859a;font-size:11px;font-weight:750}
.ma-demo-filters button.is-active{background:#ebe8ff;border-color:#d2cafa;color:#6139dc}
.ma-demo-filters button:focus-visible{outline:2px solid #7d61ed;outline-offset:2px}
.ma-demo-search input{width:min(260px,100%);padding:10px 13px;border:1px solid #dfe8f3;border-radius:10px;font-size:11px;min-height:38px;color:#14233e;background:#fcfdff}
.ma-demo-search input:focus{outline:2px solid #c8befb;border-color:#9777f6}
.ma-stock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ma-stock-card{border:1px solid #e3eaf4;border-radius:15px;overflow:hidden;background:white;box-shadow:0 5px 20px rgba(14,39,75,.03);min-width:0}
.ma-stock-card[hidden]{display:none!important}
.ma-stock-figure{height:120px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ma-stock-figure svg{width:72%;height:88px;filter:drop-shadow(0 10px 12px rgba(22,65,112,.06))}
.ma-stock-figure--cyan{background:linear-gradient(135deg,#e4f9fd,#eff4ff);color:#2c9cbe}
.ma-stock-figure--purple{background:linear-gradient(135deg,#f0eefe,#e7f3ff);color:#7660d0}
.ma-stock-figure--pink{background:linear-gradient(135deg,#ffedf7,#f4f1fc);color:#ce4b9d}
.ma-stock-year{position:absolute;top:11px;right:12px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.7);border-radius:12px;padding:3px 8px;font-size:10px;font-weight:850;color:#3d506c}
.ma-stock-content{padding:15px}.ma-stock-kind{font-size:9px;text-transform:uppercase;letter-spacing:.10em;color:#8798ab;font-weight:850}
.ma-stock-content h4{margin:5px 0 3px;line-height:1.25;font-size:16px;letter-spacing:-.04em;color:#1d2d46}
.ma-stock-content p{color:#8d9bb0;font-size:10px;margin:0 0 15px}
.ma-stock-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:12px;border-top:1px solid #edf1f6}
.ma-stock-bottom strong{font-size:14px;white-space:nowrap;color:#1c2f4b;letter-spacing:-.02em}
.ma-stock-status{color:#149f85;background:#e7f9f4;border-radius:20px;padding:4px 7px;font-size:9px;white-space:nowrap;font-weight:850}
.ma-stock-status.is-pending{color:#8a6d39;background:#fff6e6}
.ma-demo-empty{border:1px dashed #cfdbee;color:#70829a;border-radius:12px;text-align:center;padding:32px 15px;margin:0;font-size:12px}.ma-demo-empty[hidden]{display:none!important}
.ma-crm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.ma-crm-column{background:#f7f9fd;border:1px solid #e5ebf4;border-radius:14px;padding:10px;min-height:245px}
.ma-crm-colhead{display:flex;justify-content:space-between;gap:4px;align-items:center;padding:7px 5px 14px;font-size:11px}
.ma-crm-colhead span{background:white;border:1px solid #e7edf5;border-radius:9px;font-size:10px;padding:3px 8px}
.ma-crm-lead{background:#fff;border:1px solid #e6ecf5;border-radius:10px;padding:13px 11px;margin-bottom:8px;box-shadow:0 5px 14px rgba(26,56,102,.03)}
.ma-crm-lead small{display:block;color:#8b9ab1;font-size:9px;margin-bottom:5px}
.ma-crm-lead strong{font-size:13px;display:block}.ma-crm-lead p{color:#6c7f99;margin:3px 0 10px;font-size:10px}
.ma-crm-lead>span{display:inline-block;padding:4px 7px;border-radius:8px;background:#eff2ff;color:#6856bf;font-size:9px;font-weight:700}
.ma-demo-footnote{margin:20px 0 0;color:#8a9bb0;font-size:11px}
.ma-vitrine{border:1px solid #dbe6f4;background:linear-gradient(120deg,#fff,#f0f8fc);border-radius:16px;overflow:hidden}
.ma-vitrine-top{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #e5edf6;padding:14px 21px;background:rgba(255,255,255,.85);font-size:10px;color:#7f91a7}
.ma-vitrine-top>div{display:flex;align-items:center;gap:12px;color:#21314c;font-size:12px}
.ma-vitrine-logo{display:grid;place-items:center;height:30px;width:30px;border-radius:9px;background:#162f53;color:white;font-size:14px;font-weight:900}
.ma-vitrine-logo span{color:#3ad2d5}
.ma-vitrine-body{display:grid;grid-template-columns:1fr .8fr;gap:27px;align-items:center;padding:40px 32px 43px}
.ma-vitrine-body small{letter-spacing:.16em;font-size:9px;color:#5a87ad;font-weight:900}
.ma-vitrine-body h4{font-size:clamp(25px,3vw,39px);line-height:1.18;margin:11px 0 13px;letter-spacing:-.05em}
.ma-vitrine-body h4 em{font-style:normal;color:#7047db}
.ma-vitrine-body p{font-size:12px;color:#7b8da4;max-width:410px}
.ma-vitrine-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;font-size:11px;border-radius:9px;background:#153d62;color:white;font-weight:800}
.ma-vitrine-preview{background:linear-gradient(145deg,#e8eff9,#f5efff);min-height:206px;border:1px solid #e0e8f5;border-radius:13px;display:grid;place-items:center;color:#5379b6}
.ma-vitrine-preview svg{width:85%;max-width:290px;filter:drop-shadow(0 9px 10px rgba(36,75,130,.08))}
.ma-demo-footer{display:flex;gap:12px;justify-content:space-between;align-items:center;background:#f8faff;border-top:1px solid #e6edf5;padding:15px 27px}
.ma-demo-footer span{color:#8294aa;font-size:10px}.ma-demo-footer a{color:#6240d9;font-weight:800;font-size:11px}
@media(max-width:900px){.ma-demo-section{padding:85px 0}.ma-demo-intro{display:block}.ma-demo-intro>.btn{margin-top:23px}.ma-crm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.ma-demo-section{padding:70px 0}.ma-demo-intro h2{font-size:35px}.ma-demo-header{padding:16px}.ma-demo-title{flex-wrap:wrap;gap:7px}.ma-demo-title small{width:100%;margin:0}.ma-demo-tabs{padding:0 13px;gap:15px}.ma-demo-tabs button{font-size:11px;padding:14px 3px}.ma-demo-pane{padding:22px 14px 25px}.ma-demo-pane-heading{align-items:start;flex-direction:column}.ma-demo-pane-heading h3{font-size:23px}.ma-demo-tools{flex-direction:column;align-items:stretch;gap:11px}.ma-demo-search input{width:100%}.ma-stock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ma-stock-figure{height:95px}.ma-stock-figure svg{height:65px}.ma-stock-content{padding:11px}.ma-stock-content h4{font-size:13px}.ma-stock-bottom{flex-direction:column;align-items:flex-start;gap:7px}.ma-stock-bottom strong{font-size:12px}.ma-crm-grid{grid-template-columns:1fr}.ma-crm-column{min-height:0}.ma-vitrine-body{grid-template-columns:1fr;padding:26px 20px}.ma-vitrine-top>span{display:none}.ma-vitrine-preview{min-height:140px}.ma-demo-footer{flex-direction:column;align-items:start;padding:14px}}
@media(max-width:380px){.ma-stock-grid{grid-template-columns:1fr}.ma-stock-figure{height:115px}.ma-stock-bottom{flex-direction:row;align-items:center}}