@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101211;--surface:#181c19;--line:#2c332e;--text:#eceef2;--muted:#8d9b90;--green:#7fa5e8}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:DM Sans,sans-serif;font-size:14px}h1,h2,h3,.brand{font-family:Manrope,sans-serif}button,input,select{font:inherit}button,.button{border:1px solid var(--line);min-height:42px;color:var(--text);cursor:pointer;background:#202621;border-radius:8px;justify-content:center;align-items:center;gap:18px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}button:hover,.button:hover{border-color:#61728e}button:disabled{opacity:.45;cursor:wait}.primary{background:var(--green);color:#0d1420;border-color:var(--green)}a{color:inherit;text-decoration:none}input,select{border:1px solid var(--line);width:100%;color:var(--text);background:#121417;border-radius:7px;outline:none;padding:12px 14px}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 2px #7fa5e814}input:read-only{opacity:.65}label{color:#c6d0c7;margin:18px 0 8px;font-size:12px;display:block}label input,label select{margin-top:8px}.brand{letter-spacing:1.5px;align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.brand img{object-fit:contain;width:46px;height:46px}.brand small{letter-spacing:2px;color:var(--muted);margin-top:5px;font-size:7px;font-weight:500;display:block}.eyebrow{color:#9dacc5;letter-spacing:2px;font-size:10px;font-weight:600}.green,em{color:var(--green)}em{font-style:normal}p{color:var(--muted);line-height:1.7}.landing{background:radial-gradient(at 85% 25%,#232e4280,#0000 58%);max-width:1400px;margin:auto;padding:0 7%}nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:28px 0;display:flex}.hero{background:repeating-linear-gradient(100deg,#0000 0 138px,#7fa5e807 139px,#0000 140px);padding:110px 0 100px}.hero h1{letter-spacing:-3px;margin:24px 0;font-size:clamp(36px,5.4vw,76px);line-height:1.12}.hero p{max-width:510px;font-size:17px}.hero-actions{align-items:center;gap:32px;margin:30px 0 20px;display:flex}.hero-actions .primary{padding:16px 24px}.subtle{color:#81917d;font-size:11px}.features{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:36px;padding:40px 0 70px;display:grid}.features article>span{letter-spacing:2px;color:var(--green);font-size:10px}.features h2{margin-top:24px;font-size:20px}footer{border-top:1px solid var(--line);color:#7c8b7e;letter-spacing:1px;justify-content:space-between;gap:12px;padding:30px 0;font-size:9px;display:flex}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{border-right:1px solid var(--line);background:#141815;flex-direction:column;width:245px;padding:30px 20px;display:flex;position:fixed;inset:0 auto 0 0}.admin-sidebar .brand{letter-spacing:1px;gap:7px;font-size:11px}.admin-sidebar .brand img{width:39px}.nav-caption{color:#6d7d70;letter-spacing:1.6px;margin:58px 12px 18px;font-size:9px}.admin-sidebar>button{background:0 0;border-color:#0000;justify-content:flex-start;margin:4px 0;padding:16px 12px;font-size:12px;font-weight:500}.admin-sidebar>button.selected{color:var(--green);background:#7fa5e810;border-color:#7fa5e82c}.admin-sidebar button b{margin-left:auto;font-size:10px;font-weight:400}.sidebar-foot{margin-top:auto;padding:22px 10px 0;font-size:11px}.sidebar-foot p{word-break:break-word;font-size:11px}.badge{color:var(--green);letter-spacing:1.5px;font-size:8px}.admin-main{width:calc(100% - 245px);margin-left:245px;padding:0 46px}.admin-top{border-bottom:1px solid var(--line);color:#acb7ad;justify-content:space-between;align-items:center;height:80px;font-size:10px;display:flex}.admin-top i{color:#536656;margin:0 15px;font-style:normal}.online{color:#98a4b8;font-size:10px}.page-heading{justify-content:space-between;align-items:center;gap:24px;padding:46px 0 30px;display:flex}.page-heading h1{letter-spacing:-1.6px;margin:16px 0 12px;font-size:38px;line-height:1.17}.page-heading p{margin:0;font-size:12px}.stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.stats article{border:1px solid var(--line);background:linear-gradient(120deg,#1c1f24,#181c19);border-radius:10px;padding:23px}.stats span{letter-spacing:1.3px;color:#b5c1b6;font-size:9px}.stats strong{margin:10px 0;font-size:36px;font-weight:500;display:block}.stats small{color:var(--muted);font-size:10px}.accounts-panel{border:1px solid var(--line);background:#171c18;border-radius:12px;overflow:hidden}.panel-title{justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.panel-title h2,.admin-bottom h2{margin:0;font-size:17px}.panel-title p{margin:7px 0 0;font-size:11px}.panel-title button{min-height:34px;font-size:10px}.filters{align-items:center;gap:12px;padding:0 24px 24px;display:flex}.filters input{max-width:365px;font-size:11px}.filters select{max-width:170px;font-size:11px}.filters span{color:var(--muted);margin-left:auto;font-size:10px}.account-table-head,.account-row{border-top:1px solid var(--line);grid-template-columns:1.25fr 1.3fr .75fr 1fr;align-items:center;gap:16px;padding:20px 24px;display:grid}.account-table-head{color:#8d9b90;letter-spacing:1px;background:#1d2025;padding-top:12px;padding-bottom:12px;font-size:8px}.account-row{font-size:11px}.account-row small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.account-name{align-items:center;gap:12px;display:flex}.avatar{width:36px;height:36px;color:var(--green);background:#7fa5e810;border:1px solid #7fa5e820;border-radius:9px;flex-shrink:0;place-items:center;font-size:11px;display:grid}.account-email{overflow-wrap:anywhere}.status{color:var(--green);background:#7fa5e80b;border:1px solid #7fa5e828;border-radius:20px;padding:6px 9px;font-size:9px;display:inline-block}.status.suspended{color:#d5b17d;background:#d5b17d09;border-color:#d5b17d33}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.row-actions button{min-height:32px;padding:6px 10px;font-size:10px}.danger{color:#d6a589;background:0 0}.admin-bottom{grid-template-columns:1fr 1fr;gap:40px;margin:35px 0 45px;display:grid}.how h2{margin-top:14px}.how p,.activity p{font-size:12px}.note{color:#b4c0b3;border-left:2px solid #758eba;padding:8px 14px;font-size:11px;line-height:1.7}.activity{border-left:1px solid var(--line);padding-left:24px}.activity-row{align-items:center;gap:12px;margin-top:20px;font-size:11px;display:flex}.activity-row small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.activity-dot{background:#7992bd;border-radius:50%;width:6px;height:6px}.notice,.error{color:#b3c1d9;background:#7fa5e809;border:1px solid #7fa5e830;border-radius:8px;margin:16px 0;padding:14px 18px;font-size:12px;line-height:1.6}.empty{text-align:center;padding:30px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.account-modal{background:#191f1a;border:1px solid #3a404a;border-radius:16px;width:min(480px,100%);max-height:95dvh;padding:30px;overflow:auto;box-shadow:0 30px 120px #0008}.modal-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.modal-heading h2{margin:10px 0 0;font-size:24px}.modal-heading button{min-height:34px;padding:3px 11px;font-size:22px}.form-help{font-size:11px;line-height:1.6}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.access-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;max-width:520px;margin:15vh auto;padding:36px}.access-card h1{font-size:28px}.workspace-bar{border-bottom:1px solid var(--line);background:#15171b;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.workspace-bar small{color:var(--green);margin-left:12px;font-size:8px}.workspace-bar a{font-size:11px}.workspace-shell iframe{border:0;width:100%;height:100dvh;display:block}.admin-workspace{border:1px solid var(--line);border-radius:12px;width:100%;height:80dvh;margin-bottom:30px}@media (min-width:1500px){.admin-main{padding:0 70px}.page-heading{padding-top:60px}}@media (max-width:1100px){.admin-sidebar{width:205px;padding:25px 14px}.admin-main{width:calc(100% - 205px);margin-left:205px;padding:0 24px}.account-row,.account-table-head{grid-template-columns:1fr 1.2fr .8fr}.row-actions{grid-column:2/4}.account-table-head span:last-child{display:none}.stats article{padding:18px}}@media (max-width:760px){.admin-layout{display:block}.admin-sidebar{grid-template-columns:1fr 1fr;gap:6px;width:100%;padding:18px;display:grid;position:relative}.admin-sidebar .brand{grid-column:1/3;margin-bottom:12px}.nav-caption,.sidebar-foot p,.sidebar-foot .badge{display:none}.sidebar-foot{padding:8px;font-size:10px;position:absolute;top:13px;right:12px}.admin-sidebar>button{padding:12px;font-size:11px}.admin-main{width:100%;margin:0;padding:0 18px}.admin-top{height:55px;font-size:9px}.online{font-size:8px}.page-heading{padding:28px 0 24px;display:block}.page-heading h1{font-size:32px}.page-heading>button{width:100%;margin-top:22px}.stats{gap:8px;margin-bottom:22px}.stats article{padding:14px 9px}.stats span{letter-spacing:.4px;font-size:7px}.stats strong{font-size:27px}.stats small{font-size:8px}.panel-title{padding:18px;display:block}.panel-title button{margin-top:15px}.filters{flex-wrap:wrap;padding:0 18px 18px}.filters input{max-width:none}.filters select{max-width:75%}.account-table-head{display:none}.account-row{grid-template-columns:1fr auto;gap:14px;padding:20px 18px}.account-name{grid-area:1/1}.account-email{grid-area:2/1}.account-row>div:nth-child(3){grid-area:1/2}.row-actions{grid-area:2/2;justify-content:flex-end}.account-row small{max-width:160px}.admin-bottom{grid-template-columns:1fr;gap:28px}.activity{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}footer{flex-direction:column;font-size:7px}.landing{padding:0 6%}nav .brand{font-size:9px}nav .button{gap:0;padding:8px;font-size:10px}.brand img{width:35px}.hero{padding:70px 0}.hero h1{letter-spacing:-1.5px}.hero p{font-size:14px}.hero-actions{gap:18px;font-size:11px}.features{grid-template-columns:1fr;gap:24px}.access-card{margin:12vh 20px;padding:28px}.workspace-bar{padding:12px;font-size:12px}.workspace-bar small{margin:4px 0 0;display:block}.account-modal{padding:24px}}html{scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{isolation:isolate}.animated-background{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.animated-background>svg{opacity:.17}.circuit-pulse{animation:12s linear infinite circuit-signal}.ambient-glow{will-change:transform;background:radial-gradient(at 75% 25%,#325fac24,#0000 38%);animation:24s ease-in-out infinite alternate ambient-drift;position:absolute;inset:-20%}.ambient-glow.second{background:radial-gradient(at 20% 70%,#3b5d9719,#0000 36%);animation-direction:alternate-reverse;animation-delay:-12s}@keyframes circuit-signal{to{stroke-dashoffset:-578px}}@keyframes ambient-drift{to{transform:translate(-10%,12%)}}[data-observed]{transition:opacity .85s,transform .85s cubic-bezier(.18,.75,.25,1)}[data-observed]:not(.in-view){opacity:0;transform:translateY(34px)}[data-observed].in-view{opacity:1;transform:translateY(0)}.landing{background:0 0;max-width:1600px;padding:0 6%}.nav-links{align-items:center;gap:28px;font-size:11px;display:flex}.redesigned-hero{background:0 0;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:100px 0 95px;display:grid}.redesigned-hero h1{letter-spacing:-2.4px;margin:26px 0 22px;font-size:clamp(34px,4vw,61px)}.redesigned-hero p{max-width:450px;font-size:15px;line-height:1.8}.trial-pill{letter-spacing:1.4px;color:#a8bad8;background:#7fa5e809;border:1px solid #7fa5e835;border-radius:30px;align-items:center;gap:8px;padding:8px 12px;font-size:8px;display:inline-flex}.trial-pill span{background:var(--green);border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #7fa5e860}.redesigned-hero .hero-actions{flex-wrap:wrap;gap:20px;font-size:11px}.redesigned-hero .primary{padding:15px 19px}.hero-product{background:#171a18;border:1px solid #62739070;border-radius:12px;position:relative;transform:perspective(1200px)rotateY(-5deg)rotateX(2deg);box-shadow:0 30px 100px #0007,0 0 80px #4971b715}.hero-product>img{border-radius:0 0 11px 11px;width:100%;height:auto;display:block}.product-chrome{letter-spacing:.9px;color:#9da993;background:#1e251f;border-bottom:1px solid #394034;border-radius:10px 10px 0 0;align-items:center;gap:12px;height:34px;padding:0 12px;font-size:6px;display:flex}.product-chrome>div{gap:4px;display:flex}.product-chrome b{background:#4e5766;border-radius:50%;width:5px;height:5px}.product-chrome i{margin-left:auto;font-size:6px;font-style:normal}.floating-product-label{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1e242deb;border:1px solid #5b7094;border-radius:10px;align-items:center;gap:12px;padding:16px 20px;font-size:11px;display:flex;position:absolute;bottom:-25px;right:25px;box-shadow:0 10px 30px #0004}.floating-product-label>span{color:var(--green);font-size:24px}.floating-product-label small{color:#a9b3c5;margin-top:5px;font-size:8px;display:block}.feature-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#b6c0b2;justify-content:space-between;align-items:center;gap:18px;padding:25px 0;font-size:11px;display:flex}.feature-strip span:first-letter{color:var(--green)}.showcase{padding:105px 0 40px;scroll-margin-top:28px}.showcase-intro{text-align:center;max-width:620px;margin:0 auto 70px}.showcase-intro h2,.closing-cta h2{letter-spacing:-1.6px;margin:22px 0;font-size:clamp(32px,3.5vw,48px);line-height:1.2}.showcase-intro p{font-size:13px;line-height:1.9}.showcase-row{grid-template-columns:.9fr 1.1fr;align-items:center;gap:75px;padding:35px 0 95px;display:grid}.showcase-row.reverse .showcase-copy{order:2}.showcase-row.reverse figure{order:1}.showcase-number{letter-spacing:1.8px;color:#9babc7;font-size:9px}.showcase-number i{color:#434f65;margin:0 10px;font-style:normal}.showcase-copy h3{letter-spacing:-1.2px;margin:22px 0;font-size:clamp(26px,2.5vw,36px);line-height:1.25}.showcase-copy p{max-width:440px;font-size:13px;line-height:1.95}.showcase-tags{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.showcase-tags span{color:#aab4c5;background:#7fa5e806;border:1px solid #7fa5e826;border-radius:5px;padding:7px 9px;font-size:8px}.showcase figure{background:#171b17;border:1px solid #455166;border-radius:12px;min-width:0;margin:0;overflow:hidden;box-shadow:0 20px 70px #0004}.showcase figure img{object-fit:cover;width:100%;height:auto;display:block}.showcase figcaption{letter-spacing:1.2px;color:#8791a1;border-top:1px solid var(--line);padding:10px 14px;font-size:7px}.landing-plans{padding:70px 0 80px;scroll-margin-top:24px}.pricing-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:890px;margin:0 auto;display:grid}.pricing-card{background:linear-gradient(140deg,#1c2027df,#171c18e8);border:1px solid #323946;border-radius:14px;flex-direction:column;padding:36px;display:flex}.pricing-card h2,.pricing-card h3{margin:20px 0 22px;font-size:23px}.plan-price{color:var(--green);letter-spacing:-1.5px;font-family:Manrope,sans-serif;font-size:48px;font-weight:700}.plan-price small{color:#aab2c0;letter-spacing:0;font-size:13px;font-weight:400}.undefined-price{letter-spacing:-1px;margin:10px 0 8px;font-size:30px}.pricing-card p{font-size:12px}.pricing-card ul{color:#cbd2df;margin:0 0 24px;padding:18px 0;font-size:12px;line-height:1.8;list-style:none}.pricing-card li{margin:10px 0;padding-left:22px;position:relative}.pricing-card li:before{content:"✓";color:var(--green);position:absolute;left:0}.pricing-card .button{width:100%;margin-top:auto;font-size:12px}.plan-disclaimer{color:#96a0b1;margin-top:16px;font-size:9px;line-height:1.7;display:block}.closing-cta{border-top:1px solid var(--line);text-align:center;padding:65px 0 85px}.closing-cta>img{object-fit:contain;width:75px;height:60px}.closing-cta h2{font-size:36px}.closing-cta .button{padding:14px 24px;font-size:12px}.plans-page{max-width:1100px;margin:auto;padding:0 28px 65px}.plans-intro{text-align:center;padding:85px 0 45px}.plans-intro h1{letter-spacing:-2px;margin:22px 0;font-size:48px;line-height:1.2}.billing-note{text-align:center;max-width:700px;margin:32px auto;font-size:11px}.session-link{color:#9aa4b4;margin-top:26px;font-size:11px;display:block}.trial-check{align-items:flex-start;gap:10px;line-height:1.6;display:flex}.trial-check input{width:15px;height:15px;accent-color:var(--green);flex-shrink:0;margin:3px 0}.access-card form>.primary{width:100%;margin-top:12px;font-size:12px}.workspace-bar>div{gap:20px;display:flex}.admin-workspace{background:0 0}.admin-sidebar{background:#141815e8}.account-modal{background:#191f1afa}@media (min-width:1600px){.redesigned-hero{padding:130px 0 115px}.redesigned-hero h1{font-size:62px}}@media (max-width:1100px){.redesigned-hero{gap:24px;padding-top:75px}.redesigned-hero h1{font-size:40px}.floating-product-label{padding:12px;right:10px}.showcase-row{gap:36px}.feature-strip{font-size:9px}.hero-product .product-chrome i{display:none}.showcase-copy h3{font-size:28px}}@media (max-width:760px){.landing{padding:0 6%}.nav-links{gap:16px}.nav-links>a:not(.button){display:none}.redesigned-hero{grid-template-columns:1fr;gap:50px;padding:60px 0 65px}.redesigned-hero h1{letter-spacing:-1.9px;font-size:39px}.redesigned-hero p{font-size:14px}.redesigned-hero .hero-actions{gap:18px}.redesigned-hero .subtle{font-size:9px}.hero-product{max-width:560px;transform:none}.floating-product-label{font-size:9px;bottom:-18px}.floating-product-label small{font-size:7px}.feature-strip{grid-template-columns:1fr 1fr;gap:18px;padding:25px 0;font-size:9px;display:grid}.showcase{padding-top:70px}.showcase-intro{margin-bottom:45px}.showcase-intro h2{font-size:34px}.showcase-intro p{font-size:12px}.showcase-row{grid-template-columns:1fr;gap:25px;padding:20px 0 60px}.showcase-row.reverse .showcase-copy,.showcase-row.reverse figure{order:initial}.showcase-copy h3{font-size:30px}.showcase-copy p{font-size:12px}.showcase-tags{margin-top:18px}.showcase-tags span{font-size:8px}.landing-plans{padding-top:35px}.pricing-grid{grid-template-columns:1fr;gap:18px}.pricing-card{padding:28px}.landing-plans .showcase-intro{margin-bottom:30px}.closing-cta{padding:45px 0 60px}.closing-cta h2{font-size:30px}.landing footer{padding:25px 0}.landing footer>a{font-size:9px}.plans-intro{padding:60px 0 35px}.plans-intro h1{font-size:34px}.plans-page nav .brand small{display:none}.workspace-bar>div{gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient-glow,.circuit-pulse{will-change:auto;animation:none}[data-observed]{transition:none;opacity:1!important;transform:none!important}}:root{--green:#6795e4;--bg:#101319;--surface:#161a21;--line:#2b313a;--muted:#929baa;--text:#eceff5}.cotizalo-brand{flex-shrink:0;align-items:center;max-width:210px;display:inline-flex}.cotizalo-brand img{object-fit:contain;width:190px;height:62px}.ambient-grid{background-image:radial-gradient(#9eabc224 1px,#0000 1px);background-size:35px 35px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#0006 25%,#0008 80%,#0000);mask-image:linear-gradient(#0000,#0006 25%,#0008 80%,#0000)}.ambient-orbit{will-change:transform;border:1px solid #768db415;border-radius:50%;width:800px;height:800px;animation:25s ease-in-out infinite alternate orbit-breathe;position:absolute;top:-450px;right:-300px}.orbit-two{width:1100px;height:1100px;animation-delay:-12s;top:40%;left:-500px}.floating-shape{color:#99b5e524;will-change:transform;font-size:35px;animation:22s ease-in-out infinite alternate shape-drift;position:absolute}.shape-one{top:28%;left:13%}.shape-two{animation-delay:-8s;top:76%;left:76%}.shape-three{font-size:22px;animation-delay:-15s;top:46%;left:50%}@keyframes shape-drift{to{transform:translate(40px,-70px)rotate(35deg)}}@keyframes orbit-breathe{to{transform:translate(-40px,70px)scale(1.08)}}.cotizalo-landing .hero h1{letter-spacing:-2.8px;font-size:clamp(42px,4.6vw,68px)}.cotizalo-landing .hero-copy>p{max-width:440px;font-size:16px}.industry-chips{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.industry-chips span{border:1px solid var(--line);color:#a9b4c6;border-radius:20px;padding:7px 11px;font-size:9px}.cotizalo-product{background:#161a21;border-color:#64799e60}.product-preview{border-radius:0 0 11px 11px;grid-template-columns:110px 1fr;min-height:370px;display:grid;overflow:hidden}.preview-sidebar{background:#131822;border-right:1px solid #2a313c;flex-direction:column;gap:8px;padding:20px 11px;font-size:7px;display:flex}.mini-wordmark{color:var(--green);letter-spacing:-8px;margin:0 0 20px 10px;font-size:36px;font-weight:800;line-height:1}.mini-wordmark>span{color:#b9cef3;font-size:24px}.preview-nav{color:#95a0b2;padding:10px 6px}.preview-nav.active{color:#a5c0ef;background:#739bdf15;border:1px solid #739bdf25;border-radius:5px}.preview-sidebar>small{letter-spacing:1.2px;color:#6e7b92;margin-top:auto;font-size:5px}.preview-sidebar>strong{color:#b8c1d1;margin-bottom:8px;font-size:8px}.preview-content{padding:26px 21px}.preview-welcome{letter-spacing:1px;color:#929fb6;justify-content:space-between;font-size:5px;display:flex}.preview-welcome>span{color:#8099c3;letter-spacing:0;font-size:5px}.preview-content h3{letter-spacing:-.7px;margin:24px 0;font-size:22px;line-height:1.25}.preview-stats{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px;display:grid}.preview-stats>div{background:#1d222a;border:1px solid #333a46;border-radius:6px;padding:10px}.preview-stats small{letter-spacing:1px;color:#8f9aae;margin-bottom:5px;font-size:5px;display:block}.preview-stats strong{font-size:8px}.preview-document{background:#171b21;border:1px solid #333a46;border-radius:7px;padding:4px 11px}.preview-document>div{color:#bac1ce;border-bottom:1px solid #2f353e;justify-content:space-between;gap:8px;padding:12px 0;font-size:7px;display:flex}.preview-document>div:first-child{text-transform:uppercase;color:#829c8a;font-size:5px}.preview-document>div:last-child{border:0}.preview-total strong{color:#a8c2ef;font-size:14px}.preview-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;font-size:6px;display:flex}.preview-actions b{color:#101a2b;background:#729de6;border-radius:5px;padding:9px 13px}.text-link{color:#a2bbe6;border-bottom:1px solid #6795e445;margin-top:24px;padding-bottom:5px;font-size:11px;display:inline-block}.cotizalo-pricing{grid-template-columns:repeat(3,1fr);gap:18px;max-width:none}.cotizalo-pricing .pricing-card{padding:29px 25px;position:relative}.cotizalo-pricing .plan-price{white-space:nowrap;font-size:39px}.cotizalo-pricing .plan-price small{font-size:11px}.cotizalo-pricing .pricing-card h3{margin:20px 0 25px;font-size:18px}.best-plan{text-align:center;color:#111b2c;letter-spacing:.9px;background:#7da3e4;border-radius:20px;padding:7px 8px;font-size:7px;font-weight:700;position:absolute;top:-13px;left:18px;right:18px}.saving-note{color:#bac9e3;background:#7391c50a;border:1px solid #778eb645;border-radius:7px;margin:-7px 0 19px;padding:11px;font-size:10px;line-height:1.8}.pricing-card .button{font-size:11px}.cotizalo-faq{max-width:860px;margin:0 auto 75px}.cotizalo-faq h2{letter-spacing:-1px;margin-bottom:30px;font-size:28px}.cotizalo-faq details{border-top:1px solid var(--line);padding:20px 0}.cotizalo-faq summary{cursor:pointer;color:#d3dae5;font-size:13px}.cotizalo-faq p{max-width:700px;font-size:12px}.closing-cta>.cotizalo-brand{margin:auto}.login-page,.registration-page{max-width:1300px;margin:0 auto;padding:0 6%}.login-card{background:#171d27e6;border:1px solid #374357;border-radius:18px;max-width:500px;margin:65px auto 90px;padding:38px;box-shadow:0 20px 90px #0003}.login-card h1{letter-spacing:-1.3px;font-size:35px;line-height:1.2}.login-card>.button{width:100%;margin-top:20px;display:flex}.login-card .form-help{margin-top:12px;font-size:11px}.login-divider{letter-spacing:1.4px;color:#919eb4;border-top:1px solid var(--line);margin-top:25px;padding-top:25px;font-size:8px}.back-home{color:#a4b0c5;font-size:11px}.demo-disclosure{color:#b6c2d8;background:#94afde08;border:1px solid #96add645;border-radius:9px;align-items:center;gap:16px;margin:26px 0;padding:13px 17px;font-size:10px;line-height:1.7;display:flex}.demo-disclosure b{letter-spacing:1px;white-space:nowrap;font-size:8px}.registration-layout{grid-template-columns:1.35fr .9fr;gap:80px;padding:30px 0 70px;display:grid}.registration-steps{color:#647d6d;gap:30px;padding-bottom:40px;font-size:10px;display:flex}.registration-steps>div{align-items:center;gap:9px;display:flex}.registration-steps span{border:1px solid #364052;border-radius:50%;place-items:center;width:24px;height:24px;font-size:9px;display:grid}.registration-steps .current{color:#bdceeb}.registration-steps .current span{color:#a5bce4;background:#5c7eba16;border-color:#6b91d3}.registration-steps .complete{color:#8a9dbf}.registration-main h1{letter-spacing:-1.7px;margin:20px 0;font-size:41px;line-height:1.16}.registration-main>p{font-size:13px}.registration-fields{grid-template-columns:1fr 1fr;gap:0 17px;margin-top:28px;display:grid}.registration-fields .wide{grid-column:1/-1}.registration-fields label{margin-top:14px;font-size:11px}.registration-fields input,.registration-fields select{background:#121720;font-size:12px}.registration-fields small{color:#8894aa;margin-top:7px;font-size:9px;display:block}.password-preview{position:relative}.password-preview input{padding-right:62px}.password-preview button{color:#99a9c5;background:0 0;border:0;min-height:31px;padding:3px 9px;font-size:10px;position:absolute;bottom:5px;right:6px}.registration-submit{width:100%;margin-top:26px;padding:14px}.registration-aside{background:linear-gradient(140deg,#232d3dbf,#19202bd9);border:1px solid #3a475e;border-radius:18px;height:fit-content;margin-top:65px;padding:38px;position:sticky;top:30px}.registration-aside h2{letter-spacing:-1px;margin:20px 0 30px;font-size:28px;line-height:1.3}.registration-aside ul{padding:0;list-style:none}.registration-aside li{margin:25px 0;padding-left:22px;font-size:12px;position:relative}.registration-aside li:before{content:"✓";color:#78a0e4;position:absolute;left:0}.registration-aside li span{color:#99a7bf;margin-top:6px;font-size:10px;line-height:1.7;display:block}.registration-plan{border-top:1px solid #45536b;margin-top:36px;padding-top:24px}.registration-plan>span{letter-spacing:1.5px;color:#9ca7bb;font-size:8px}.registration-plan h3{margin:13px 0;font-size:16px}.registration-plan>strong{color:#b4caf0;font-size:30px;font-weight:500}.registration-plan small{color:#99a7bf;font-size:13px}.registration-plan p{font-size:10px}.registration-aside>.text-link{font-size:9px}.plan-picker{gap:13px;margin-top:30px;display:grid}.plan-picker>button{background:#171d27;border-color:#364257;justify-content:flex-start;gap:13px;min-height:80px;padding:20px;display:flex}.plan-picker .radio-mark{border:1px solid #78859b;border-radius:50%;flex-shrink:0;width:17px;height:17px}.plan-picker .picked .radio-mark{background:#18253b;border:5px solid #809fd5}.plan-picker>button>div{text-align:left;flex:1;font-size:12px}.plan-picker small{color:#94a2b9;margin-top:7px;font-size:10px;font-weight:400;display:block}.plan-picker>button>b{color:#d4deef;text-align:right;font-size:18px;font-weight:500}.payment-demo{background:#1c222d;border:1px solid #3d495d;border-radius:12px;margin-top:26px;padding:23px}.payment-demo>div{justify-content:space-between;margin-top:22px;font-size:14px;display:flex}.payment-demo p{font-size:11px}.demo-payment-mark{color:#a9bcdc;font-size:10px}.registration-actions{justify-content:space-between;gap:12px;margin-top:25px;display:flex}.registration-actions button{padding:13px;font-size:11px}.registration-done{text-align:center;padding-top:20px}.done-check{color:#8eade3;background:#6a95de1c;border:1px solid #7693c5;border-radius:50%;place-items:center;width:65px;height:65px;margin:0 auto 28px;font-size:28px;display:grid}.done-summary{text-align:left;border:1px solid #38455b;border-radius:12px;margin:30px 0;padding:20px}.done-summary>span{color:#99a5ba;border-bottom:1px solid #2f3949;justify-content:space-between;gap:20px;padding:12px 0;font-size:10px;display:flex}.done-summary>span:last-child{border:0}.done-summary strong{color:#d1d9e6;font-weight:500}.guest-demo{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.guest-demo>header{background:#141a24;border-bottom:1px solid #38445a;justify-content:space-between;align-items:center;padding:7px 25px;display:flex}.guest-demo>header>div{align-items:center;gap:18px;display:flex}.guest-badge{color:#b6c4db;letter-spacing:1px;border:1px solid #6c7f9f50;border-radius:30px;padding:8px 10px;font-size:8px}.guest-demo .button{min-height:34px;font-size:10px}.guest-explainer{color:#b4bdcc;background:#1b2330;border-bottom:1px solid #38445a;justify-content:space-between;gap:20px;padding:10px 25px;font-size:10px;line-height:1.7;display:flex}.guest-explainer a{color:#a2bbe6;white-space:nowrap}.guest-demo>iframe{border:0;flex:1;width:100%;min-height:0}.plans-page{max-width:1380px}.plan-disclaimer{font-size:9px}.product-chrome{background:#202836}.cotizalo-landing .showcase figure{border-color:#404f69}.cotizalo-landing .showcase figcaption{color:#8998b2;background:#171d28}@media (max-width:1100px){.cotizalo-pricing .pricing-card{padding:26px 18px}.cotizalo-pricing .plan-price{font-size:32px}.registration-layout{gap:35px}.registration-aside{padding:27px}.product-preview{grid-template-columns:85px 1fr}.preview-content{padding:22px 16px}.preview-content h3{font-size:20px}.cotizalo-landing .hero h1{font-size:48px}}@media (max-width:760px){.cotizalo-brand{max-width:150px}.cotizalo-brand img{width:150px;height:48px}.cotizalo-landing .hero h1{letter-spacing:-1.8px;font-size:44px}.cotizalo-landing .hero-copy>p{font-size:14px}.cotizalo-pricing{grid-template-columns:1fr;gap:28px}.cotizalo-pricing .pricing-card{padding:30px}.cotizalo-pricing .plan-price{font-size:43px}.product-preview{grid-template-columns:75px 1fr;min-height:330px}.preview-sidebar{padding:16px 7px;font-size:5px}.preview-nav{padding:9px 3px}.preview-content{padding:18px 13px}.preview-content h3{font-size:18px}.preview-document>div,.preview-stats strong{font-size:6px}.preview-welcome,.preview-welcome>span{font-size:4px}.preview-document .preview-total strong{font-size:12px}.preview-actions{gap:7px}.preview-actions b{padding:9px 7px}.floating-product-label{right:6px}.registration-page{padding:0 6%}.registration-layout{grid-template-columns:1fr;gap:25px;padding-top:15px}.registration-aside{margin-top:0;padding:28px;position:static}.registration-aside ul{display:none}.registration-aside h2{margin-bottom:12px;font-size:24px}.registration-plan{margin-top:22px}.registration-main h1{font-size:36px}.registration-fields{grid-template-columns:1fr}.registration-fields .wide{grid-column:auto}.registration-steps{gap:19px;padding-bottom:32px;font-size:9px}.demo-disclosure{margin:20px 0;font-size:9px;display:block}.demo-disclosure b{margin-bottom:5px;display:block}.registration-actions{flex-wrap:wrap}.registration-actions>.primary{flex:1}.login-page{padding:0 6%}.login-card{margin:45px auto;padding:28px 23px}.login-card h1{font-size:30px}.guest-demo>header{padding:7px 12px}.guest-demo>header .cotizalo-brand{max-width:125px}.guest-demo>header .cotizalo-brand img{width:125px;height:43px}.guest-demo>header>div{gap:8px}.guest-badge{padding:6px 8px;font-size:6px}.guest-demo .button{padding:8px 9px;font-size:9px}.guest-explainer{padding:9px 12px;font-size:9px;display:block}.guest-explainer a{margin-top:5px;display:block}.plans-intro h1{font-size:32px}.cotizalo-faq h2{font-size:25px}.cotizalo-faq summary{font-size:12px}.plans-page .nav-links>a:not(.button){display:none}.done-summary>span{font-size:9px}.done-summary strong{text-align:right}.industry-chips span{font-size:8px}}@media (prefers-reduced-motion:reduce){.ambient-orbit,.floating-shape{will-change:auto;animation:none}}:root{--bg:#0b1120;--surface:#131d2f;--line:#2b3a51;--muted:#94a3ba;--text:#edf2fa;--green:#91b3ff}body{background:var(--bg);color:var(--text)}.cotizalo-brand img{filter:hue-rotate(65deg)saturate(.75)}.cotizalo-ambient .ambient-glow{background:radial-gradient(at 82% 18%,#3d629d24,#0000 45%)}.cotizalo-ambient .ambient-glow.second{background:radial-gradient(at 12% 70%,#6a75a610,#0000 40%)}.ambient-grid{background-image:radial-gradient(#90a7cc1b 1px,#0000 1px)}.ambient-orbit{border-color:#8fadd912}.floating-shape{color:#9bb5df1c}.primary{color:#0f1b31;background:#91b3ff;border-color:#91b3ff}.primary:hover{background:#a6c2ff!important}.product-chrome{color:#98aecb;background:#1a2940;border-color:#334762}.product-chrome b{background:#597297}.product-chrome b:first-child{background:#9ab6e5}.cotizalo-product,.hero-product{background:#141f32;border-color:#4f6d974f;box-shadow:0 25px 100px #0004,0 0 100px #517aba09}.preview-sidebar{background:#101b2d;border-color:#2a3d59}.preview-nav{color:#91a6c4}.preview-nav.active{color:#b6cdf7;background:#91b3ff12;border-color:#91b3ff33}.preview-sidebar>small{color:#6b83a7}.preview-sidebar>strong{color:#b7c7df}.preview-welcome{color:#8fa7ca}.preview-welcome>span{color:#9db6dc}.preview-stats>div,.preview-document{background:#131f33;border-color:#2e4362}.preview-stats small{color:#8da4c4}.preview-document>div{color:#c1cee1;border-color:#2a3d59}.preview-document>div:first-child{color:#7d96b9}.preview-total strong{color:#a1c0ff}.preview-actions b{color:#10213e;background:#91b3ff}.floating-product-label{background:#1b2b43f2;border-color:#5474a1}.floating-product-label small{color:#9fb2d0}.feature-strip{color:#9cacc4}.trial-pill{color:#b3c6e8;background:#91b3ff08;border-color:#91b3ff30}.trial-pill span{box-shadow:none;background:#91b3ff}.industry-chips span{color:#91a6c5}.pricing-card{background:linear-gradient(145deg,#172339f0,#121d30ed);border-color:#344967}.pricing-card.featured{background:linear-gradient(145deg,#1b3152ed,#162640ed);border-color:#728fc0}.best-plan{color:#12223c;background:#9cb9ec}.saving-note{color:#b1c9ed;background:#91b3ff06;border-color:#405d85}.plan-price{color:#a6c3ff}.pricing-card ul{color:#c5d2e6}.plan-disclaimer{color:#8ea4c5}.plan-state{color:#a8c2ea!important}.admin-sidebar,.guest-demo>header{background:#111c2ef5;border-color:#2a3f60}.guest-explainer{color:#9fb5d4;background:#192840;border-color:#334b6f}.guest-explainer a,.guest-badge{color:#b0c8ed}.guest-badge{border-color:#54729a55}.login-card,.account-modal{background:#15243af5;border-color:#3a557b}.registration-aside{background:linear-gradient(145deg,#1b2e49e6,#17243ae8);border-color:#3f5c84}.registration-plan{border-color:#3f5a7f}.registration-plan>strong{color:#b7cfff}.registration-plan small,.registration-plan>span,.registration-aside li span{color:#9cb2d1}.registration-fields input,.registration-fields select{background:#111e33;border-color:#304766}.plan-picker>button{background:#16243a;border-color:#354f75}.plan-picker .picked{background:#203957;border-color:#91b3ff}.plan-picker .picked .radio-mark{background:#172941;border-color:#91b3ff}.plan-picker>button>b{color:#cee0fb}.plan-picker small{color:#9db5d6}.payment-demo{background:#17273e;border-color:#36527b}.demo-disclosure{color:#b6c8e1;background:#7e9cc208;border-color:#637da04a}.done-summary{border-color:#3a557a}.done-summary>span{color:#9fb5d3;border-color:#304769}.done-summary strong{color:#d0dff5}.support-page,.brand-page{max-width:1300px;margin:0 auto;padding:0 6% 70px}.personalization-promo{grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;padding:50px 0 80px;display:grid}.personalization-promo h2{letter-spacing:-1.5px;margin:23px 0;font-size:40px;line-height:1.2}.personalization-promo p{max-width:450px;font-size:13px}.personalization-promo .button{margin-top:27px;font-size:12px}.bespoke-card{background:linear-gradient(140deg,#202b42b0,#172338c4);border:1px solid #5c64834f;border-radius:15px;padding:35px;position:relative}.bespoke-card:before{content:"◇";color:#c6b48a;font-size:26px;position:absolute;top:20px;right:28px}.bespoke-card h3{letter-spacing:-.8px;margin:24px 0 18px;font-size:27px;line-height:1.3}.bespoke-card>strong{color:#d4c3a0;margin-top:26px;font-size:20px;font-weight:500;display:block}.bespoke-card>small{color:#98a9c3;margin-top:8px;font-size:10px;line-height:1.8;display:block}.bespoke-card .text-link{color:#bacded}.brand-editor{grid-template-columns:1fr 1fr;gap:50px;padding:0 0 50px;display:grid}.brand-controls,.brand-live-preview,.support-form,.support-scope{background:#142137db;border:1px solid #334c70;border-radius:14px;padding:32px}.brand-controls h2{letter-spacing:-.6px;margin:16px 0 25px;font-size:23px}.brand-controls input{font-size:12px}.brand-controls input[type=file]{padding:12px;font-size:11px}.brand-controls input[type=file]::file-selector-button{color:#c6d9f7;font:inherit;cursor:pointer;background:#263a59;border:1px solid #4c6489;border-radius:6px;margin-right:12px;padding:8px}.brand-controls input[type=color]{max-width:150px;height:45px;padding:5px}.small-action{min-height:30px;padding:7px 10px;font-size:10px}.brand-swatches{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 23px;display:grid}.brand-swatches button{background:#192940;justify-content:flex-start;gap:9px;min-height:38px;padding:9px;font-size:10px}.brand-swatches button>span{border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 2px #ffffff10}.brand-swatches button.active{background:#253b5b;border-color:#a5bde2}.brand-apply{width:100%;margin-top:20px}.brand-live-preview{background:linear-gradient(150deg,#1b2d48b3,#111b2b9c);align-self:start;position:sticky;top:25px}.brand-live-preview>.button{width:100%;font-size:11px}.brand-mock-document{color:#20314c;background:#f2f5fa;border-radius:9px;margin:25px 0;overflow:hidden;box-shadow:0 20px 60px #02060d44}.brand-mock-document>header{color:#e7eef9;border-bottom:4px solid var(--brand-accent);background:#111d31;justify-content:space-between;align-items:center;gap:15px;padding:25px 20px;display:flex}.brand-mock-document>header>div{align-items:center;gap:12px;min-width:0;display:flex}.brand-mock-document header img{object-fit:contain;width:65px;height:44px}.brand-mock-document header strong{overflow-wrap:anywhere;font-size:13px}.brand-mock-document header>span{text-align:right;color:#a2b5d4;white-space:nowrap;font-size:7px;line-height:1.9}.brand-mock-document header b{color:#d3e0f6;font-size:11px}.brand-monogram{background:var(--brand-accent);color:#15213a;border-radius:7px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.brand-mock-document>p{color:#7385a3;padding:18px 22px 0;font-size:10px}.brand-mock-document h3{margin:14px 0 25px;padding:0 22px;font-size:18px}.brand-line{border-top:1px solid #d6deea;justify-content:space-between;gap:20px;margin:0 22px;padding:16px 0;font-size:10px;display:flex}.brand-net{color:#34517e;padding:20px 0;font-size:13px}.brand-net b{font-size:18px}.brand-mock-document>footer{color:#647a9e;letter-spacing:.5px;background:#e6ecf5;border:0;padding:18px 22px;font-size:8px}.bespoke-banner{border-top:1px solid #304562;justify-content:space-between;align-items:center;gap:45px;padding:45px 0;display:flex}.bespoke-banner h2{letter-spacing:-.9px;margin:18px 0;font-size:28px}.bespoke-banner p{max-width:650px;font-size:12px}.bespoke-banner>.button{white-space:nowrap;font-size:11px}.support-layout{grid-template-columns:1.2fr 1fr;gap:35px;max-width:1040px;margin:0 auto;display:grid}.support-form h2{margin:18px 0 25px;font-size:25px}.support-form label{font-size:11px}.support-form textarea{resize:vertical;width:100%;font:inherit;color:#d9e6fb;background:#0d192d;border:1px solid #344c70;border-radius:8px;margin-top:10px;padding:13px;font-size:12px;line-height:1.8}.support-form>.primary{width:100%;margin-top:20px}.support-scope{background:linear-gradient(150deg,#20304bba,#16233caa);align-self:start}.support-scope h2{letter-spacing:-1px;margin:20px 0 26px;font-size:28px;line-height:1.25}.support-scope ul{color:#acbfdc;padding-left:18px;font-size:12px;line-height:2.5}.support-scope p{font-size:11px}.activity-row strong{overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.6}.notice{color:#b7caec;background:#91b3ff08;border-color:#91b3ff35}.error{color:#e7bbaf;background:#e1a89909;border-color:#c4836c50}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20'%3E%3Cpath d='m5 8 5 5 5-5' fill='none' stroke='%239ab6e3' stroke-width='1.6'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:40px}select option{color:#dde8fa;background:#18263c;padding:12px}a.text-link,.text-link{color:#a8c5f3;border-color:#6683ad60}.session-link{color:#a2b8d9}@media (max-width:1100px){.personalization-promo{gap:35px}.personalization-promo h2{font-size:34px}.brand-editor{gap:25px}.brand-controls,.brand-live-preview,.support-form,.support-scope{padding:25px}}@media (max-width:760px){.personalization-promo{grid-template-columns:1fr;gap:30px;padding:25px 0 60px}.personalization-promo h2{font-size:32px}.personalization-promo p{font-size:12px}.bespoke-card{padding:27px}.bespoke-card h3{font-size:25px}.brand-editor,.support-layout{grid-template-columns:1fr;gap:24px}.brand-live-preview{position:static}.brand-controls,.brand-live-preview,.support-form,.support-scope{padding:25px 20px}.brand-controls h2{font-size:21px}.bespoke-banner{padding-bottom:15px;display:block}.bespoke-banner h2{font-size:25px}.bespoke-banner>.button{margin-top:15px}.brand-page .nav-links>a:not(.button){display:none}.brand-page .nav-links .button{padding:8px 10px;font-size:9px}.support-page nav .cotizalo-brand{max-width:150px}.personalization-promo .button{font-size:11px}.support-scope h2{font-size:25px}}button,.button{background:#1c2940;border-color:#344a6d}input,select{background-color:#0e192b}.button.primary,button.primary{color:#10213e;background:#91b3ff;border-color:#91b3ff}.demo-settings .settings-heading{max-width:1040px;margin:32px auto 24px}.demo-settings .settings-heading h1{margin:10px 0 14px;font-size:clamp(28px,6vw,44px)}.demo-settings .settings-heading h2{margin-bottom:8px;font-size:18px}.demo-settings nav>.button{white-space:nowrap;align-items:center;min-height:44px;display:inline-flex}.demo-settings .brand-controls input,.demo-settings .brand-controls button{max-width:100%;min-height:44px}.site-auth-form{text-align:left;gap:14px;margin:20px 0;display:grid}.site-auth-form input{width:100%;min-height:44px;margin-top:6px;font-size:16px;display:block}.site-auth-form button{min-height:44px}.site-sign-out{display:inline-block}.password-field{display:block;position:relative}.site-auth-form .password-field input{padding-right:52px}.site-auth-form .password-field button{color:#a8c5f3;background:0 0;border:0;place-items:center;width:46px;height:100%;padding:0;display:grid;position:absolute;inset:0 0 0 auto}.site-auth-form .welcome-opt-in{align-items:flex-start;gap:10px;line-height:1.5;display:flex}.site-auth-form .welcome-opt-in input{flex:0 0 18px;width:18px;height:18px;min-height:0;margin:2px 0 0}.customer-examples-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;display:grid}.customer-examples-grid article{background:#151f31;border:1px solid #2b3a51;border-radius:12px;padding:22px}.customer-examples h3{margin:0 0 12px}.customer-brand-example{grid-template-columns:minmax(180px,1fr) minmax(0,2.2fr);align-items:center;gap:28px;margin-top:36px;display:grid}.customer-brand-example h3{margin-top:10px;font-size:26px}.customer-brand-example figure{min-width:0;margin:0}.customer-brand-preview{background:#121615;border:1px solid #344255;border-radius:12px;grid-template-columns:minmax(94px,24%) minmax(0,1fr);display:grid;overflow:hidden}.customer-brand-preview>img{width:100%;height:auto;display:block}.customer-brand-menu{flex-direction:column;gap:7px;padding:12px;font-size:clamp(8px,1vw,12px);display:flex}.customer-brand-menu img{object-fit:contain;width:80%;height:auto}.customer-brand-menu span{padding:4px}.customer-brand-menu .selected{color:#b7ef9c;background:#273629;border-radius:4px}.customer-brand-example figcaption{color:#a2b8d9;margin-top:8px;font-size:12px}@media (max-width:760px){.customer-brand-example{grid-template-columns:1fr}}
