@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--lime:#f5c400;--line:#ffffff20;--muted:#b8bcc4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:#090a0b;color:#ffffff;font:15px/1.7 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.12;letter-spacing:-.045em;margin:0}h1{font-size:74px;margin:25px 0}h2{font-size:48px;margin:18px 0 25px}h3{font-size:23px}p{color:var(--muted);margin:0 0 20px}small{display:block}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}header{width:calc(100% - 48px);max-width:1280px;margin:20px auto;padding:15px 23px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:16px;background:#202226cc;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:10px;font:bold 25px Manrope;letter-spacing:-1px}.brand small{font:9px 'DM Sans';letter-spacing:3px;color:var(--muted);margin-top:4px}.mark{background:var(--lime);color:#111111;border-radius:9px;width:42px;height:42px;text-align:center;font-size:28px}.mark span{font-size:15px}nav{display:flex;gap:30px;align-items:center;font-size:12px}.button{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--lime);color:#111111;border:1px solid var(--lime);padding:15px 21px;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:transform .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.05)}.button span{font-size:20px}.button.small{padding:9px 14px;font-size:11px}.button.secondary{background:transparent;color:#ffffff;border-color:#ffffff40}.hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding:80px 0 85px}.eyebrow{color:var(--lime);font-size:10px;letter-spacing:2px}.eyebrow i,.live i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:7px}.outline,.demo-section h2 span{color:var(--lime)}.intro{max-width:470px;font-size:16px}.actions{display:flex;gap:24px;align-items:center;margin-top:30px}.textlink{font-size:12px;border-bottom:1px solid #ffffff40;padding:8px 0}.micro{font-size:10px;margin:14px 0;line-height:1.7}.hero-note{border-left:2px solid #f5c400;padding-left:16px;margin-top:38px;font-size:12px}.hero-note b,.hero-note span{display:block}.hero-note span{font-size:11px;color:var(--muted)}.product{position:relative;min-width:0}.window{border:1px solid #ffffff30;border-radius:13px;background:#1b1e22;overflow:hidden;box-shadow:0 40px 80px #0008;transform:perspective(1200px) rotateY(-4deg)}.window-top{display:flex;justify-content:space-between;padding:13px;border-bottom:1px solid var(--line);font-size:7px;color:#b8bcc4;letter-spacing:1px}.dots{color:#878c94}.live{font-size:7px}.live i{width:4px;height:4px}.app-layout{display:flex;min-height:390px}.app-layout aside{width:100px;flex-shrink:0;background:#101215;border-right:1px solid var(--line);padding:18px 10px;font-size:8px;color:#b8bcc4}.app-layout aside b{color:var(--lime);font-size:24px;display:block;margin-bottom:30px}.app-layout aside b span{font-size:7px}.app-layout aside div{padding:9px 5px;margin-bottom:8px;border-radius:5px}.active{background:#f5c40015;color:var(--lime)}.screen{padding:20px;min-width:0;flex:1}.screen-head{display:flex;justify-content:space-between;font-size:9px;color:#b8bcc4}.avatar{background:#3a3e45;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.screen h3{font-size:21px;margin:20px 0 8px}.screen>p{font-size:9px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metrics>div{background:#292d33;border:1px solid var(--line);padding:14px;border-radius:7px}.metrics small{font-size:9px;color:#c0c4cb}.metrics strong{font:700 30px Manrope;display:block;margin:7px 0}.metrics em{font-style:normal;font-size:8px;color:#b8bcc4}.pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0;font-size:8px}.pipeline>div>span{color:#b8bcc4}.pipeline>div>div{border:1px solid var(--line);background:#24272d;border-radius:5px;margin-top:8px;padding:11px 6px;font-size:7px}.pipeline i{display:block;background:#f5c400;width:15px;height:3px;margin-bottom:12px}.pipeline .gray{background:#969ca6}.pipeline .lime{background:var(--lime)}.pipeline small{font-size:6px;color:#b8bcc4;margin-top:5px}.next{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:17px;font-size:9px}.next>span{font-size:22px;color:var(--lime)}.next>span:last-child{margin-left:auto}.next small{font-size:8px;color:#b8bcc4}.float-card{position:absolute;bottom:25px;left:-25px;display:flex;gap:15px;align-items:center;background:#f5c400;color:#111111;border-radius:9px;padding:15px 20px;transform:rotate(-3deg);box-shadow:0 15px 40px #0007;font-size:11px}.float-card>span{font-size:22px}.float-card small{font-size:9px;color:#333333}.caption{font-size:8px;text-align:right;margin:25px 0 0}.strip{border-block:1px solid var(--line);padding:23px 0}.strip .wrap{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#c5c8ce}.strip span:first-child{font-size:9px;letter-spacing:1px}.strip b{margin:0 12px;color:var(--lime)}.section{padding-top:90px;padding-bottom:90px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:32px}.section-head>p{max-width:310px;font-size:13px}.features{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden}.features article{padding:32px;background:#1a1d21;border-right:1px solid var(--line)}.features article:last-child{border:0}.num{display:block;color:var(--lime);font-size:11px;margin-bottom:30px}.features h3{font-size:21px;margin-bottom:17px}.features p{font-size:13px}.tag{border:1px solid var(--line);border-radius:25px;padding:5px 11px;width:fit-content;font-size:9px;color:#c5c8ce;margin-top:30px}.scope{display:flex;gap:18px;margin-top:25px;max-width:950px;font-size:12px}.scope>span{font-size:26px;color:var(--lime)}.scope b{color:#eceef1}.implementation,.demo-section{display:grid;grid-template-columns:1fr 1fr;gap:95px;border-top:1px solid var(--line)}.implementation>div>p,.demo-section>div>p{max-width:365px;font-size:14px}.implementation ol{list-style:none;padding:0;margin:0}.implementation li{display:flex;gap:25px;padding:24px 0;border-bottom:1px solid var(--line)}.implementation li:first-child{padding-top:0}.implementation li>span{font-size:11px;color:var(--lime)}.implementation h3{font-size:21px;margin-bottom:10px}.implementation li p{font-size:13px;margin-bottom:0}.pricing{background:#121417;border-block:1px solid var(--line)}.center{text-align:center}.center p{font-size:14px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:65px}.price-card{padding:30px 25px;background:#202329;border:1px solid var(--line);border-radius:12px;position:relative}.tier{color:var(--lime);font-size:10px;letter-spacing:1.5px}.price-card h3{font-size:25px;margin:14px 0}.price-card>p{font-size:12px}.setup{border-top:1px solid var(--line);padding:23px 0}.setup small{font-size:8px;letter-spacing:1px;color:var(--muted)}.setup b{font:700 26px Manrope;display:block;letter-spacing:-1px;margin-top:10px}.monthly{display:flex;gap:6px;align-items:baseline}.monthly strong{font-size:25px;letter-spacing:-1px}.monthly span,.price-card>small{font-size:10px;color:var(--muted)}.price-card ul{list-style:none;padding:20px 0;margin:24px 0 0;border-top:1px solid var(--line);font-size:12px;color:#d1d4da}.price-card li{margin:11px 0}.price-card li:before{content:'✓';color:var(--lime);margin-right:8px}.price-card .button{font-size:12px;padding:12px 15px}.featured{border-color:var(--lime);background:#2b2e34}.recommend{position:absolute;top:-28px;left:-1px;right:-1px;border-radius:8px 8px 0 0;background:var(--lime);color:#111111;text-align:center;padding:7px;font-size:8px;letter-spacing:1px;font-weight:bold;height:28px}.price-notes{max-width:900px;margin:25px auto 0}.price-notes p{font-size:11px;text-align:center;margin:10px 0}.demo-section{align-items:center}.demo-benefit{display:flex;gap:20px;margin:35px 0}.demo-benefit>span{font-size:26px;color:var(--lime)}.demo-benefit b{font-size:13px}.demo-benefit p{font-size:12px;margin-top:8px}.demo-section form{padding:30px;border:1px solid var(--line);border-radius:14px;background:#202329}.form-top{display:flex;justify-content:space-between;letter-spacing:1.5px;font-size:10px;color:#c5c8ce;margin-bottom:25px}label{display:block;color:#d1d4da;font-size:11px;margin-bottom:17px}input:not([type=checkbox]),select{display:block;margin-top:6px;width:100%;font:13px 'DM Sans';padding:13px;background:#101215;border:1px solid #ffffff30;border-radius:6px;color:white}input:focus,select:focus{outline:1px solid var(--lime)}.consent{display:flex;gap:10px;font-size:10px;line-height:1.7;color:#b8bcc4}.consent input{accent-color:var(--lime);margin:4px 0 0}.consent a{text-decoration:underline}.hp{position:absolute;left:-10000px}form .button{width:100%}form .micro{text-align:center;margin-bottom:0}#form-status{color:var(--lime);font-size:12px;margin:12px 0 0}.faq{border-top:1px solid var(--line)}.faq h2{font-size:35px;margin-bottom:35px}details{padding:22px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:var(--lime);font-size:22px}details[open] summary:after{content:'−'}details p{max-width:850px;font-size:13px;margin:18px 0 0}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:30px 0 45px}footer p,footer>span{font-size:10px;margin:0;color:var(--muted)}footer .brand{font-size:20px}a,button,summary{outline-offset:5px}button:disabled{opacity:.6}.ambient{position:absolute;pointer-events:none;top:0;right:0;width:min(900px,100%);height:900px;background:radial-gradient(ellipse at top right,#f5c40012,transparent 65%);z-index:-1}@media(max-width:1000px){h1{font-size:55px}.hero{gap:25px}.app-layout aside{width:70px}.app-layout aside b span{display:none}.screen{padding:13px}.price-card{padding:25px 18px}.price-card h3{font-size:21px}.setup b,.monthly strong{font-size:22px}.implementation,.demo-section{gap:45px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}header{width:calc(100% - 28px);margin-top:12px;padding:12px 15px}.brand{font-size:20px}.mark{width:34px;height:34px;font-size:23px}.brand small{font-size:8px}.button.small{font-size:10px;padding:7px 10px;gap:7px}nav>a:not(.button){display:none}h1{font-size:clamp(45px,11vw,66px)}h2{font-size:36px}.hero{grid-template-columns:1fr;padding:45px 0 55px;gap:40px}.intro{font-size:15px}.actions{gap:20px}.button{font-size:12px;padding:14px 17px}.hero-note{margin-top:28px}.product{padding-left:8px}.window{transform:none}.app-layout{min-height:345px}.app-layout aside{width:64px;padding:15px 6px;font-size:7px}.screen{padding:13px}.screen h3{font-size:17px}.screen>p{font-size:8px}.window-top,.live{font-size:6px;padding:10px}.metrics>div{padding:10px}.metrics strong{font-size:25px}.pipeline{gap:4px}.pipeline>div>div{font-size:6px;padding:8px 4px}.pipeline small{font-size:6px}.next{font-size:8px}.float-card{left:0;padding:12px 15px;font-size:10px}.float-card small{font-size:8px}.caption{margin-top:27px;font-size:8px}.strip .wrap{flex-direction:column;align-items:center;gap:10px}.strip span:first-child{font-size:8px}.strip span:last-child{font-size:9px}.strip b{margin:0 7px}.section{padding:65px 0}.section-head{display:block}.section-head>p{max-width:none}.features,.implementation,.demo-section,.price-grid{grid-template-columns:1fr}.features article{border-right:none;border-bottom:1px solid var(--line);padding:28px}.num{margin-bottom:20px}.tag{margin-top:20px}.implementation,.demo-section{gap:30px}.price-grid{gap:45px;margin-top:45px}.price-card{padding:30px}.price-card h3{font-size:27px}.setup b{font-size:29px}.monthly strong{font-size:26px}.price-notes p{text-align:left;font-size:10px}.center p{font-size:12px}.demo-section form{padding:24px}summary{font-size:13px}.faq h2{font-size:31px}footer{flex-wrap:wrap;gap:25px}footer p{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Brand descriptor: keep the full name legible on narrow screens. */
.brand small{font-size:9px;letter-spacing:.6px;line-height:1.4;font-weight:500}.brand>span:last-child{min-width:0}footer .brand{flex-direction:column;align-items:flex-start;gap:0}footer .brand small{margin-top:0}@media(max-width:380px){header{padding:12px 10px}.brand{gap:7px}.brand small{font-size:9px;letter-spacing:.15px}header .mark{width:29px;height:32px;font-size:22px;flex-shrink:0}nav .button.small{font-size:9px;gap:5px;padding:7px 8px}nav .button.small span{font-size:16px}}

/* Industrial type inspired by the supplied reference, not its logo. */
h1,h2,h3{font-family:"Barlow Condensed",Impact,"Arial Narrow",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.015em;line-height:1.04}.brand{font-family:"Barlow Condensed",Impact,sans-serif;font-weight:800;text-transform:uppercase;font-size:30px;letter-spacing:.2px}.brand small{font-family:"DM Sans",sans-serif;text-transform:none;font-weight:500;letter-spacing:.4px}.mark{font-family:Manrope,sans-serif}h1{font-size:82px}h2{font-size:54px}.screen h3{font-size:23px}.features h3,.implementation h3{font-size:26px}.price-card h3{font-size:30px}.faq h2{font-size:43px}@media(max-width:1000px){h1{font-size:65px}}@media(max-width:760px){h1{font-size:clamp(54px,13vw,70px)}h2{font-size:44px}.brand{font-size:26px}.screen h3{font-size:20px}.price-card h3{font-size:32px}.faq h2{font-size:38px}}

/* Launch offer and company/contact sections. */
.about-section{display:grid;grid-template-columns:1fr 1fr;gap:75px;border-top:1px solid var(--line)}.about-copy p{font-size:14px}.about-copy .intro{font-size:18px;color:#fff}.about-points{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.about-points span{border:1px solid #ffffff30;border-radius:30px;padding:6px 13px;font-size:11px;color:#fff}.launch-banner{display:inline-flex;flex-direction:column;gap:4px;border:1px solid var(--lime);border-radius:8px;background:#f5c4000b;color:var(--lime);font-size:10px;letter-spacing:1px;padding:14px 22px;margin:0 0 24px;font-weight:700}.launch-banner span{font-size:13px;letter-spacing:0;color:#fff;font-weight:400}.setup .original-price{display:block;font-size:16px;color:var(--muted);margin-top:12px;text-decoration-thickness:1px}.setup b{margin-top:3px;color:var(--lime)}.launch-saving{display:block;font-size:10px;color:#d1d4da;margin-top:8px}.contact-note{border-left:2px solid var(--lime);padding:4px 0 4px 18px;margin-top:32px}.contact-note b,.contact-note span{display:block}.contact-note b{font-size:14px}.contact-note span{color:var(--muted);font-size:12px;margin-top:7px}.demo-preview-cta{padding:35px;border:1px solid var(--line);border-radius:14px;background:#1a1d21}.demo-preview-cta .demo-icon{display:block;color:var(--lime);font-size:40px;margin-bottom:18px}.demo-preview-cta h3{font-size:34px;margin-bottom:18px}.demo-preview-cta p{font-size:14px}.demo-preview-cta .button{margin-top:25px}.form-top{letter-spacing:.8px}nav{gap:22px}@media(max-width:1050px) and (min-width:761px){header{padding:15px}.brand{font-size:26px}nav{gap:14px;font-size:11px}.button.small{font-size:10px}}@media(max-width:760px){.about-section{grid-template-columns:1fr;gap:15px}.about-copy .intro{font-size:17px}.launch-banner{width:100%;padding:14px}.launch-banner span{font-size:12px}.demo-preview-cta{padding:25px}.form-top{font-size:9px;letter-spacing:.3px}}

.contact-whatsapp{margin-top:28px;max-width:365px}.contact-whatsapp .button{font-size:13px}.contact-whatsapp p{font-size:10px;margin:10px 0 0}.footer-contact{font-size:11px;color:var(--lime)}footer{gap:20px;flex-wrap:wrap}.about-copy strong{color:#fff}@media(max-width:760px){.contact-whatsapp{max-width:none}.contact-whatsapp .button{font-size:12px;padding-inline:15px}footer .footer-contact{width:100%}}
