:root{--blue:#075794;--blue-deep:#072f55;--blue-dark:#061f3b;--blue-soft:#eaf4fb;--green:#65bd18;--green-bright:#8ed000;--green-soft:#eef9e5;--yellow:#f2c515;--ink:#102b45;--text:#405469;--muted:#718196;--line:#dbe6ef;--surface:#f5f8fb;--white:#fff;--shadow-sm:0 10px 28px rgba(7,47,85,.08);--shadow:0 24px 65px rgba(7,47,85,.15);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.section{padding:104px 0}.skip-link{position:fixed;left:16px;top:-60px;z-index:100;background:#fff;color:var(--blue-deep);padding:10px 16px;border-radius:8px;box-shadow:var(--shadow)}.skip-link:focus{top:16px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.eyebrow i{width:20px;height:2px;background:var(--green);border-radius:3px}.eyebrow.light{color:#9ed1f2}.eyebrow.light i{background:var(--green-bright)}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.035em;color:var(--ink);margin-bottom:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:13px 22px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid rgba(242,197,21,.7);outline-offset:3px}.btn-primary{color:#fff;background:var(--blue)}.btn-primary:hover{background:#064a80;box-shadow:0 10px 24px rgba(7,87,148,.24)}.btn-green{color:#133d13;background:linear-gradient(135deg,var(--green-bright),#70c70e);box-shadow:0 12px 28px rgba(104,191,21,.24)}.btn-ghost{color:var(--blue-deep);background:#fff;border-color:#cbdce8}.play{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-size:9px;padding-left:2px}
.topbar{height:36px;background:var(--blue-deep);color:#d8e8f5;font-size:12px}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.topbar-inner>span{display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green-bright);box-shadow:0 0 0 4px rgba(142,208,0,.12)}.topbar-contact{display:flex;gap:22px}.topbar-contact a:hover{color:#fff}.nav-wrap{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(219,230,239,.9);backdrop-filter:blur(16px)}.nav-inner{height:78px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;width:202px;height:58px;overflow:hidden}.brand img{width:202px}.desktop-nav{display:flex;align-items:center;gap:24px;margin-left:auto;color:#28455f;font-size:13px;font-weight:750}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--green);transition:right .2s}.desktop-nav a:hover{color:var(--blue)}.desktop-nav a:hover:after{right:0}.nav-demo{min-height:44px;padding:10px 18px}.menu-toggle{display:none;width:44px;height:44px;margin-left:auto;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff}.menu-toggle span{display:block;height:2px;margin:5px 0;background:var(--blue-deep);transition:.2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.mobile-nav{position:absolute;left:0;right:0;padding:14px 24px 22px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm)}.mobile-nav a{display:block;padding:12px 0;border-bottom:1px solid #edf2f6;font-weight:700;color:var(--ink)}.mobile-nav .mobile-cta{margin-top:10px;text-align:center;color:#fff;background:var(--blue);border-radius:8px;border:0}
.hero{position:relative;isolation:isolate;padding:76px 0 28px;background:linear-gradient(135deg,#fbfdff 0%,#f2f8fc 52%,#e7f3fa 100%)}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(7,87,148,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,87,148,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to right,transparent,black 65%,transparent)}.hero-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}.hero-glow-one{width:420px;height:420px;right:4%;top:6%;background:rgba(7,87,148,.1)}.hero-glow-two{width:240px;height:240px;left:32%;bottom:5%;background:rgba(142,208,0,.08)}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:66px;align-items:center}.hero h1{max-width:630px;margin:18px 0 24px;color:var(--ink);font-size:clamp(46px,5vw,67px);line-height:1.02;letter-spacing:-.055em}.hero h1 span{color:var(--blue)}.hero-lead{max-width:620px;margin-bottom:28px;color:#40566b;font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.trust-line{display:flex;align-items:center;gap:13px;margin-top:32px;font-size:12px}.trust-line span{color:var(--muted)}.trust-line b{padding-left:13px;border-left:1px solid #cad9e5;color:#435d74}.hero-product{position:relative;padding:22px 0 62px}.product-window{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(171,197,217,.7);border-radius:18px;box-shadow:0 32px 80px rgba(7,47,85,.22);transform:perspective(1200px) rotateY(-2deg)}.window-top{height:38px;padding:0 14px;display:flex;align-items:center;gap:12px;background:#f8fafc;border-bottom:1px solid var(--line);font-size:9px;color:#8796a6}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#c7d3dd}.window-top span{margin:auto}.window-top em{font-style:normal;color:#4e9c1c}.product-body{display:grid;grid-template-columns:54px 1fr;min-height:390px}.product-sidebar{padding:16px 10px;background:linear-gradient(180deg,var(--blue-deep),#064c83);display:flex;flex-direction:column;align-items:center;gap:18px}.product-sidebar img{width:28px;height:28px;object-fit:contain;margin-bottom:8px}.product-sidebar i{width:24px;height:5px;border-radius:4px;background:rgba(255,255,255,.26)}.product-sidebar i.active{height:26px;background:rgba(255,255,255,.18);border-left:3px solid var(--green-bright)}.dashboard{min-width:0;padding:25px 24px;background:#f7fafc}.dash-head{display:flex;justify-content:space-between;align-items:start}.dash-head small,.dash-head strong{display:block}.dash-head small{font-size:8px;letter-spacing:.12em;color:#8596a7}.dash-head strong{margin-top:4px;color:var(--ink);font-size:16px}.dash-head>span{padding:5px 8px;color:#397f0c;background:var(--green-soft);border-radius:20px;font-size:8px;font-weight:800}.pipeline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);margin:27px 0}.pipeline:before{content:"";position:absolute;left:10%;right:10%;top:11px;border-top:1px solid #cbdce8}.pipeline div{position:relative;text-align:center}.pipeline i{position:relative;display:grid;place-items:center;width:23px;height:23px;margin:auto;border:1px solid #c8d8e4;border-radius:50%;background:#fff;color:#899aaa;font-size:8px;font-style:normal}.pipeline small{display:block;margin-top:7px;color:#7b8b9b;font-size:7px}.pipeline .done i{color:#fff;background:var(--green);border-color:var(--green)}.pipeline .current i{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 4px rgba(7,87,148,.12)}.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.dash-kpis div{padding:11px;background:#fff;border:1px solid #e0e9f0;border-radius:8px}.dash-kpis small,.dash-kpis b,.dash-kpis em{display:block}.dash-kpis small{font-size:7px;color:#8899a8}.dash-kpis b{margin:4px 0 1px;color:var(--ink);font-size:14px}.dash-kpis em{font-size:7px;font-style:normal;color:#788a9a}.dash-kpis em.positive{color:#4b9a16}.mini-table{margin-top:12px;overflow:hidden;background:#fff;border:1px solid #e0e9f0;border-radius:8px;font-size:8px}.mini-table>div{display:grid;grid-template-columns:1.4fr 1fr .8fr .65fr;align-items:center}.mini-table b,.mini-table span{min-width:0;padding:9px 7px;border-bottom:1px solid #edf2f5}.mini-table .mt-head{color:#7f8f9f;background:#f8fafc}.mini-table .winner{background:#f2faeb}.mini-table .winner b,.mini-table .winner span{color:#397c0e}.mini-table em{padding:2px 4px;background:#d9f1c4;border-radius:6px;font-size:6px;font-style:normal}.floating-card{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1px solid #dbe6ee;border-radius:12px;box-shadow:0 15px 35px rgba(7,47,85,.16)}.floating-card small,.floating-card b{display:block}.floating-card small{color:#8494a4;font-size:7px;letter-spacing:.1em}.floating-card b{color:var(--ink);font-size:10px}.provider-card{left:-34px;bottom:16px}.provider-card>.link-icon{display:grid;place-items:center;width:30px;height:30px;color:#fff;background:var(--blue);border-radius:8px}.provider-card>i{display:grid;place-items:center;width:18px;height:18px;margin-left:15px;color:#fff;background:var(--green);border-radius:50%;font-size:9px;font-style:normal}.trace-card{right:-23px;bottom:43px}.trace-card>span{color:var(--green)}.journey{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:56px;padding:19px 25px;background:rgba(255,255,255,.76);border:1px solid #dbe7ef;border-radius:14px;box-shadow:var(--shadow-sm);color:var(--ink);font-size:13px;font-weight:800}.journey i{color:#8ba1b4;font-style:normal}
.split-head{display:grid;grid-template-columns:1.35fr .65fr;gap:90px;align-items:end}.split-head h2{max-width:760px;margin:14px 0 0}.split-head>p{margin:0 0 8px;font-size:17px;line-height:1.7}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.problem-grid article{position:relative;min-height:245px;padding:30px;background:var(--surface);border:1px solid #e4edf3;border-radius:18px}.problem-grid article>span{position:absolute;right:24px;top:20px;color:#d5e1e9;font-size:32px;font-weight:900}.problem-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:30px;color:var(--blue);background:#fff;border:1px solid #d8e5ee;border-radius:12px;font-size:22px}.problem-grid h3{margin-bottom:9px;color:var(--ink);font-size:19px}.problem-grid p{margin:0;color:#687b8d;font-size:14px}.transition-line{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:22px;padding:17px;background:#eff7fc;border-radius:10px;font-size:14px}.transition-line span{color:#71869a;text-decoration:line-through}.transition-line i{color:var(--blue);font-style:normal}.transition-line strong{color:var(--blue-deep)}
.transformation{position:relative;background:linear-gradient(135deg,var(--blue-dark),#073f70);color:#d5e4ef}.transformation:after,.digital-quote:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 30%,rgba(77,159,217,.18),transparent 35%)}.transformation-grid,.quote-grid{position:relative;z-index:1;display:grid;grid-template-columns:.87fr 1.13fr;gap:84px;align-items:center}.transformation h2,.digital-quote h2{color:#fff}.transformation-copy>p,.quote-copy>p{font-size:17px;line-height:1.7}.check-list{list-style:none;padding:0;margin:32px 0 0}.check-list li{display:flex;gap:13px;margin:20px 0}.check-list li>i{flex:0 0 25px;height:25px;display:grid;place-items:center;margin-top:2px;color:#163d0b;background:var(--green-bright);border-radius:50%;font-size:12px;font-style:normal;font-weight:900}.check-list b,.check-list span{display:block}.check-list b{margin-bottom:3px;color:#fff}.check-list span{font-size:13px;color:#acc2d2}.control-panel{overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.2);border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.25);color:var(--text)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line)}.panel-head small,.panel-head b{display:block}.panel-head small{color:#8b9aa9;font-size:8px;letter-spacing:.12em}.panel-head b{margin-top:3px;color:var(--ink)}.panel-head>span{color:#6e8b59;font-size:9px}.panel-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 24px;background:#f7fafc}.panel-metrics>div{position:relative;padding:14px;background:#fff;border:1px solid #e2eaf0;border-radius:10px}.panel-metrics i{position:absolute;right:12px;top:12px;width:7px;height:7px;border-radius:50%}.panel-metrics .blue{background:var(--blue)}.panel-metrics .yellow{background:var(--yellow)}.panel-metrics .green{background:var(--green)}.panel-metrics b,.panel-metrics small{display:block}.panel-metrics b{color:var(--ink);font-size:22px}.panel-metrics small{color:#8292a1;font-size:9px}.activity{padding:0 24px 10px}.activity>div{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #edf2f5}.activity>div:last-child{border:0}.activity i{display:grid;place-items:center;flex:0 0 30px;height:30px;color:#fff;background:var(--blue);border-radius:50%;font-size:10px;font-style:normal}.activity i.green{background:var(--green)}.activity i.yellow{color:#705c00;background:var(--yellow)}.activity p{flex:1;margin:0}.activity b,.activity span{display:block}.activity b{color:var(--ink);font-size:11px}.activity span,.activity time{color:#8b9aa9;font-size:8px}.activity time{white-space:nowrap}
.section-head{max-width:780px;margin:0 auto 52px;text-align:center}.section-head .eyebrow{margin-bottom:14px}.section-head p{max-width:660px;margin:0 auto;font-size:17px}.process-grid{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.process-grid:before{content:"";position:absolute;left:8%;right:8%;top:42px;border-top:1px dashed #aac2d4}.process-grid article{position:relative;text-align:center}.step{position:absolute;z-index:2;top:-8px;left:calc(50% + 25px);padding:2px 7px;color:#fff;background:var(--blue);border-radius:10px;font-size:8px;font-weight:900}.step-icon{position:relative;z-index:1;display:grid;place-items:center;width:74px;height:74px;margin:4px auto 20px;color:var(--blue);background:#fff;border:1px solid #cddde9;border-radius:50%;box-shadow:0 8px 22px rgba(7,87,148,.08);font-size:25px}.process-grid h3{margin-bottom:8px;color:var(--ink);font-size:16px}.process-grid p{margin:0;color:#697c8e;font-size:12px}
.digital-quote{position:relative;background:#07375e;color:#d6e5ef}.quote-grid{grid-template-columns:.9fr 1.1fr}.quote-fields{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.quote-fields span{padding:7px 11px;border:1px solid rgba(171,207,230,.25);border-radius:7px;background:rgba(255,255,255,.06);font-size:11px}.security-note{display:flex;align-items:center;gap:9px!important;font-size:13px!important}.security-note i{display:grid;place-items:center;width:21px;height:21px;color:#173f0b;background:var(--green-bright);border-radius:50%;font-size:10px;font-style:normal}.quote-demo{padding:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:22px}.quote-browser{overflow:hidden;background:#fff;border-radius:14px;box-shadow:0 25px 60px rgba(0,0,0,.2);color:var(--text)}.browser-bar{height:36px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#f2f5f7;border-bottom:1px solid var(--line)}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#bbc9d3}.browser-bar span{margin:auto;color:#8998a6;font-size:8px}.supplier-brand{display:flex;align-items:center;gap:12px;padding:20px 23px;border-bottom:1px solid var(--line)}.supplier-brand img{width:32px;height:32px;object-fit:contain}.supplier-brand div{flex:1}.supplier-brand small,.supplier-brand b{display:block}.supplier-brand small{font-size:7px;color:#8b9aa8;letter-spacing:.12em}.supplier-brand b{margin-top:2px;color:var(--ink);font-size:12px}.supplier-brand em{padding:5px 7px;color:#8a7010;background:#fff7d4;border-radius:6px;font-size:7px;font-style:normal}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:20px 23px 11px}.form-grid label{color:#718294;font-size:8px}.form-grid span,.form-wide span{display:block;margin-top:4px;padding:9px 10px;color:#354c61;background:#fbfcfd;border:1px solid #dce6ed;border-radius:6px;font-size:9px}.form-wide{margin:0 23px}.form-wide small{color:#718294;font-size:7px}.quote-browser button{display:block;margin:17px 23px 22px auto;padding:10px 16px;color:#173d0b;background:var(--green-bright);border:0;border-radius:7px;font-size:9px;font-weight:900}.quote-browser button i{margin-left:7px;font-style:normal}.quote-flow{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr auto 1.1fr auto 1.1fr auto .8fr;gap:12px;align-items:center;margin-top:58px;padding:18px;background:#fff;border-radius:15px;box-shadow:0 18px 50px rgba(0,0,0,.22);color:var(--ink)}.quote-flow div{display:flex;align-items:center;gap:9px}.quote-flow div i{display:grid;place-items:center;flex:0 0 26px;height:26px;color:var(--blue);background:var(--blue-soft);border-radius:50%;font-size:9px;font-style:normal;font-weight:900}.quote-flow b{font-size:10px}.quote-flow>span{color:#98abba}
.comparison{background:linear-gradient(160deg,#061f3b,#073a63);color:#d7e6f0}.on-dark h2{color:#fff}.on-dark p{color:#b3c7d6}.comparison-shell{overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 32px 80px rgba(0,0,0,.24);color:var(--text)}.comparison-toolbar{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;border-bottom:1px solid var(--line)}.comparison-toolbar span,.comparison-toolbar b{display:block}.comparison-toolbar>div>span{font-size:8px;letter-spacing:.13em;color:#8697a7}.comparison-toolbar b{margin-top:4px;color:var(--ink);font-size:13px}.toolbar-actions{display:flex;align-items:center;gap:10px}.toolbar-actions span{padding:6px 9px;color:#438b15!important;background:var(--green-soft);border-radius:20px;font-size:8px!important;letter-spacing:0!important}.toolbar-actions button{padding:7px 11px;color:var(--blue);background:#fff;border:1px solid #cadbe7;border-radius:6px;font-size:8px;font-weight:800}.compare-row{display:grid;grid-template-columns:1.35fr repeat(4,1fr)}.compare-row>b,.compare-row>span{min-width:0;padding:17px 14px;border-bottom:1px solid #e5edf2;border-right:1px solid #e5edf2;text-align:center;font-size:11px}.compare-row>b{text-align:left;color:var(--ink)}.compare-row small,.compare-row em{display:block;margin-top:3px;color:#8c9aaa;font-size:7px;font-style:normal;font-weight:500}.compare-head{background:#f7f9fb}.compare-head>b,.compare-head>span{font-weight:800;color:var(--ink)}.compare-row .selected{background:#f2faeb;border-right-color:#d3eabe;border-left:1px solid #d3eabe}.compare-head .selected{position:relative;color:#347a09}.compare-head .selected em{display:inline-block;margin:5px auto 0;padding:3px 6px;color:#fff;background:var(--green);border-radius:8px;font-size:6px;text-transform:uppercase}.compare-row .best{color:#347a09;font-weight:800}.compare-total{background:#fbfcfd}.compare-total>span strong{color:var(--ink);font-size:20px}.compare-total .selected strong{color:#347a09;font-size:25px}.compare-total .selected small{color:#347a09;font-weight:900;text-transform:uppercase}.decision-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:#f5f9fc}.decision-bar>div{display:flex;align-items:center;gap:12px}.decision-bar>div>i{display:grid;place-items:center;flex:0 0 35px;height:35px;color:#fff;background:var(--green);border-radius:50%;font-style:normal}.decision-bar p{margin:0}.decision-bar b,.decision-bar p span{display:block}.decision-bar b{color:var(--ink);font-size:12px}.decision-bar p span{margin-top:2px;color:#7d8e9d;font-size:9px}.decision-bar button{padding:10px 14px;color:#fff;background:var(--blue);border:0;border-radius:7px;font-size:9px;font-weight:900}.decision-bar button span{margin-left:9px}.mobile-comparison{display:none}
.po-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:center}.po-visual{position:relative;min-height:440px;padding:32px;background:linear-gradient(135deg,#eaf3f9,#f8fbfd);border-radius:24px}.po-paper{position:relative;width:88%;min-height:345px;margin:auto;padding:28px;background:#fff;border:1px solid #dbe6ee;border-radius:8px;box-shadow:var(--shadow);transform:rotate(-2deg)}.po-paper:before{content:"";position:absolute;inset:10px;border:1px solid #eef2f5;pointer-events:none}.po-top,.po-status,.po-total{position:relative;display:flex;align-items:center;justify-content:space-between}.po-top img{width:140px}.po-top small,.po-top strong{display:block;text-align:right}.po-top small{color:#8b9aa7;font-size:7px;letter-spacing:.1em}.po-top strong{color:var(--ink);font-size:13px}.po-status{margin-top:38px;padding:13px;background:#f6f9fb;border-radius:6px;color:var(--ink);font-size:11px}.po-status em{padding:4px 7px;color:#3e870f;background:var(--green-soft);border-radius:8px;font-size:7px;font-style:normal;font-weight:900}.po-lines{margin:20px 0}.po-lines i{display:block;height:25px;border-bottom:1px solid #e1e9ef}.po-lines i:nth-child(2){background:#fbfcfd}.po-total{padding-top:14px;border-top:2px solid var(--blue)}.po-total span{font-size:11px}.po-total b{color:var(--ink);font-size:16px}.approval-chip{position:absolute;right:-12px;bottom:20px;display:flex;align-items:center;gap:10px;padding:13px 16px;background:#fff;border:1px solid #dbe7ee;border-radius:11px;box-shadow:var(--shadow-sm)}.approval-chip>i{display:grid;place-items:center;width:31px;height:31px;color:#fff;background:var(--green);border-radius:50%;font-style:normal}.approval-chip small,.approval-chip b{display:block}.approval-chip small{color:#8495a4;font-size:7px;letter-spacing:.08em}.approval-chip b{color:var(--ink);font-size:10px}.po-copy>p,.erp-copy>p{font-size:17px;line-height:1.75}.simple-list{list-style:none;padding:0;margin:27px 0}.simple-list li{position:relative;margin:13px 0;padding-left:25px;color:#40586d}.simple-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.integrations{background:var(--surface)}.erp-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}.erp-benefits{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.erp-benefits span{font-size:11px;font-weight:700;color:var(--ink)}.erp-benefits i{color:var(--green);font-style:normal}.integration-map{display:grid;grid-template-columns:.8fr auto 1.15fr auto .8fr;gap:12px;align-items:center;padding:28px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm)}.people-node{display:flex;flex-direction:column;gap:8px}.people-node b{padding:8px;background:#f1f6f9;border:1px solid #dce7ee;border-radius:6px;text-align:center;color:#4d6579;font-size:8px}.map-arrow{color:#93a9ba}.smart-node,.erp-node{min-width:0;display:flex;flex-direction:column;align-items:center;padding:18px 10px;border-radius:12px;text-align:center}.smart-node{background:linear-gradient(145deg,#f0f8fd,#e4f2fa);border:1px solid #cce1ef}.smart-node img{width:57px;height:57px;object-fit:contain;margin-bottom:8px}.smart-node strong,.erp-node strong{color:var(--ink);font-size:11px}.smart-node small,.erp-node small{margin-top:4px;color:#7e90a0;font-size:7px}.erp-node{background:#092f51;color:#fff}.erp-node>span{display:grid;place-items:center;width:52px;height:52px;margin-bottom:9px;border:1px solid rgba(255,255,255,.2);border-radius:50%;font-size:16px;font-weight:900}.erp-node strong{color:#fff}.erp-node small{color:#aac2d3}.erp-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:60px}.erp-logos div{display:flex;min-height:90px;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 7px 20px rgba(7,47,85,.04)}.erp-logos strong{color:#285f8b;font-size:16px}.erp-logos small{margin-top:4px;color:#7f8f9e;font-size:8px}
.licenses{padding:0 0 104px;background:var(--surface)}.licenses-card{display:grid;grid-template-columns:.65fr 1.35fr 1fr;gap:42px;align-items:center;padding:48px;background:linear-gradient(135deg,#07395f,#0a527f);border-radius:24px;color:#d8e6ef;box-shadow:var(--shadow)}.license-graphic{display:flex;align-items:center;gap:15px}.users{display:grid;grid-template-columns:1fr 1fr;gap:7px}.users i{position:relative;width:29px;height:29px;background:rgba(255,255,255,.14);border-radius:50%}.users i:before{content:"";position:absolute;left:10px;top:5px;width:9px;height:9px;background:#9ec0d6;border-radius:50%}.users i:after{content:"";position:absolute;left:6px;bottom:4px;width:17px;height:9px;background:#9ec0d6;border-radius:9px 9px 4px 4px}.license-graphic>span{color:#9bc1d8}.license-core{display:grid;place-items:center;width:72px;height:72px;color:#173f0b;background:var(--green-bright);border-radius:18px;font-size:22px;font-weight:900}.license-copy h2{color:#fff;font-size:34px}.license-copy>p{margin-bottom:13px}.license-copy>small{display:block;color:#a9c1d1;font-size:10px;line-height:1.6}.license-points{display:flex;flex-direction:column;gap:10px}.license-points span{padding:11px 13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:11px}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.benefit-grid article{min-height:210px;padding:27px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 7px 24px rgba(7,47,85,.05);transition:transform .2s,box-shadow .2s}.benefit-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}.benefit-grid article>div{display:grid;place-items:center;width:43px;height:43px;margin-bottom:24px;color:var(--blue);background:var(--blue-soft);border-radius:11px;font-size:19px}.benefit-grid article:nth-child(2n)>div{color:#447e12;background:var(--green-soft)}.benefit-grid h3{margin-bottom:8px;color:var(--ink);font-size:17px}.benefit-grid p{margin:0;color:#6d7f90;font-size:13px}.cta{padding:30px 0 90px}.cta-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1.35fr auto;gap:45px;align-items:center;padding:54px 58px;background:linear-gradient(120deg,#072f55,#075794);border-radius:24px;color:#d8e8f3;box-shadow:var(--shadow)}.cta-card:after{content:"";position:absolute;right:-120px;top:-180px;width:420px;height:420px;border:50px solid rgba(255,255,255,.05);border-radius:50%}.cta-card>div,.cta-card>a{position:relative;z-index:1}.cta-card>div>span{color:var(--green-bright);font-size:10px;font-weight:900;letter-spacing:.14em}.cta-card h2{max-width:690px;margin:10px 0 12px;color:#fff;font-size:40px}.cta-card p{margin:0}.btn-large{padding:17px 24px;white-space:nowrap}.footer{padding:45px 0 18px;background:#051c32;color:#a9c0d1}.footer-main{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-main img{width:190px;height:62px;object-fit:contain}.footer-main p{margin:0}.footer-main a{color:#fff}.footer-bottom{display:flex;justify-content:space-between;padding-top:18px;font-size:10px}
.has-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.has-motion .reveal.is-visible{opacity:1;transform:none}
@media(max-width:1100px){.desktop-nav{gap:16px}.hero-grid{gap:35px}.process-grid{grid-template-columns:repeat(3,1fr);row-gap:44px}.process-grid:before{display:none}.licenses-card{grid-template-columns:auto 1fr}.license-points{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.erp-story{gap:38px}}
@media(max-width:1024px){.desktop-nav{display:none}.menu-toggle{display:block}.nav-demo{margin-left:auto}.hero{padding-top:58px}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:760px}.hero h1{max-width:760px}.hero-product{width:min(760px,100%);margin:auto}.journey{flex-wrap:wrap}.transformation-grid,.quote-grid,.po-grid,.erp-story{grid-template-columns:1fr;gap:52px}.transformation-copy,.quote-copy,.po-copy,.erp-copy{max-width:760px}.control-panel,.quote-demo{width:min(720px,100%);margin:auto}.quote-flow{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.quote-flow>span{display:none}.quote-flow div{flex-direction:column;text-align:center}.po-visual{width:min(700px,100%);margin:auto}.po-copy{order:-1}.integration-map{width:min(720px,100%);margin:auto}.erp-logos{grid-template-columns:repeat(3,1fr)}.cta-card{grid-template-columns:1fr}.cta-card .btn{justify-self:start}}
@media(max-width:768px){.container{width:min(100% - 32px,1180px)}.section{padding:78px 0}.topbar{height:32px}.topbar-contact{display:none}.topbar-inner{justify-content:center}.nav-inner{height:68px}.brand{width:170px}.brand img{width:170px}.nav-demo{display:none}.hero{padding-top:48px}.hero h1{font-size:45px}.hero-lead{font-size:17px}.trust-line{flex-wrap:wrap}.trust-line span{flex-basis:100%}.trust-line b:first-of-type{padding-left:0;border:0}.product-body{min-height:340px}.dashboard{padding:20px 16px}.hero-product{padding-bottom:75px}.provider-card{left:8px}.trace-card{right:8px}.journey{justify-content:flex-start;gap:10px;margin-top:36px;padding:15px;white-space:normal}.journey span{font-size:11px}.split-head{grid-template-columns:1fr;gap:22px}.problem-grid{grid-template-columns:1fr}.problem-grid article{min-height:auto}.transition-line{align-items:flex-start;flex-direction:column;gap:7px}.transition-line i{transform:rotate(90deg)}.process-grid{grid-template-columns:repeat(2,1fr)}.quote-flow{grid-template-columns:1fr 1fr;gap:12px}.quote-flow div{padding:8px}.desktop-comparison{display:none}.mobile-comparison{display:block;padding:22px}.mobile-winner{display:grid;grid-template-columns:1fr auto;align-items:center;padding:20px;background:var(--green-soft);border:1px solid #d4e9c1;border-radius:12px}.mobile-winner span,.mobile-winner h3{grid-column:1}.mobile-winner span{color:#448315;font-size:8px;font-weight:900;letter-spacing:.12em}.mobile-winner h3{margin:4px 0 0;color:var(--ink);font-size:19px}.mobile-winner>strong{grid-column:2;grid-row:1/3;color:#397d0d;font-size:36px}.mobile-winner strong small{font-size:11px}.mobile-comparison dl{margin:14px 0}.mobile-comparison dl>div{display:flex;justify-content:space-between;padding:12px 4px;border-bottom:1px solid var(--line);font-size:12px}.mobile-comparison dt{color:#788a9a}.mobile-comparison dd{margin:0;color:var(--ink);font-weight:800}.mobile-comparison>p{margin:13px 0 0;color:#7b8d9d;font-size:9px}.decision-bar{align-items:flex-start;flex-direction:column}.decision-bar button{width:100%}.po-visual{min-height:400px}.po-paper{width:94%}.erp-logos{grid-template-columns:repeat(2,1fr)}.licenses{padding-bottom:78px}.licenses-card{grid-template-columns:1fr;padding:35px}.license-graphic{justify-content:center}.license-points{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr 1fr}.cta{padding-bottom:70px}.cta-card{padding:38px 32px}.cta-card h2{font-size:34px}.cta-card .btn{width:100%}.footer-main{grid-template-columns:1fr;text-align:center}.footer-main img{margin:auto}.footer-bottom{flex-direction:column;gap:6px;text-align:center}}
@media(max-width:480px){.container{width:min(100% - 28px,1180px)}.section{padding:68px 0}h2{font-size:34px}.hero{padding-top:38px}.hero h1{font-size:39px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.trust-line{gap:8px}.trust-line b{padding-left:8px;font-size:10px}.hero-product{padding-top:10px;padding-bottom:82px}.product-window{transform:none}.product-body{grid-template-columns:38px 1fr;min-height:290px}.product-sidebar{padding:10px 6px;gap:14px}.product-sidebar img{width:23px;height:23px}.product-sidebar i{width:18px}.dashboard{padding:14px 10px}.dash-head strong{font-size:12px}.pipeline{margin:20px 0}.pipeline small{font-size:6px}.dash-kpis{gap:5px}.dash-kpis div{padding:7px}.dash-kpis b{font-size:10px}.mini-table b,.mini-table span{padding:7px 4px;font-size:6px}.floating-card{padding:9px}.provider-card{bottom:25px}.provider-card>i{display:none}.trace-card{bottom:0}.journey{display:grid;grid-template-columns:1fr auto 1fr auto 1fr}.journey span:last-child{grid-column:1/4;text-align:center}.journey i:nth-last-of-type(1){display:none}.panel-metrics{gap:6px;padding:14px}.panel-metrics>div{padding:9px}.activity{padding:0 14px 8px}.activity>div{gap:8px}.activity b{font-size:9px}.process-grid{grid-template-columns:1fr 1fr;gap:35px 9px}.step-icon{width:62px;height:62px}.process-grid p{font-size:11px}.quote-demo{padding:7px}.supplier-brand{padding:14px}.supplier-brand em{display:none}.form-grid{gap:7px;padding:14px 14px 8px}.form-wide{margin:0 14px}.quote-browser button{margin-right:14px}.quote-flow{grid-template-columns:1fr}.comparison-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.toolbar-actions{width:100%;justify-content:space-between}.decision-bar{padding:18px}.decision-bar p span{display:none}.po-visual{min-height:345px;padding:16px}.po-paper{width:100%;min-height:300px;padding:20px}.po-top img{width:105px}.approval-chip{right:0;bottom:5px}.integration-map{grid-template-columns:1fr;gap:9px}.people-node{flex-direction:row}.people-node b{flex:1}.map-arrow{transform:rotate(90deg);text-align:center}.smart-node,.erp-node{width:100%}.erp-logos{gap:8px}.erp-logos div{min-height:76px}.licenses-card{padding:28px 22px}.license-copy h2{font-size:31px}.benefit-grid{grid-template-columns:1fr}.cta-card{padding:32px 22px}.cta-card h2{font-size:31px}.btn-large{white-space:normal}.footer-main img{width:170px}}
@media(max-width:350px){.container{width:min(100% - 24px,1180px)}.hero h1{font-size:35px}.trust-line b{font-size:9px}.dashboard{padding:12px 7px}.product-sidebar{display:none}.product-body{grid-template-columns:1fr}.floating-card b{font-size:8px}.journey{font-size:9px}.process-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.po-top img{width:85px}.po-top strong{font-size:10px}.approval-chip b{font-size:8px}.erp-logos strong{font-size:13px}.license-graphic{transform:scale(.9)}.cta-card{padding:28px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.topbar-short{display:none}.status-dot{flex:0 0 7px}.has-motion .hero .reveal{opacity:1;transform:none}
@media(max-width:480px){.topbar-full{display:none}.topbar-short{display:inline}.topbar{font-size:10px}}
.has-motion .reveal,.has-motion .reveal.is-visible{opacity:1;transform:none}

/* Tipografía corporativa SmartLogistics */
@font-face{
  font-family:"Outfit";
  src:url("fonts/Outfit-VariableFont_wght.ttf") format("truetype");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}
body{font-family:"Outfit","Segoe UI",Arial,sans-serif}

/* Segunda evolución comercial */
.hero-grid{align-items:center}.hero h1{font-size:clamp(45px,4.5vw,64px)}.hero h1 .hero-line{display:block;color:var(--ink)}.hero h1 .hero-line:nth-child(2){color:var(--blue)}.hero h1 .hero-line.accent{color:#4ca70e}.hero-benefits{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;max-width:650px;padding:0;margin:25px 0 0;list-style:none}.hero-benefits li{position:relative;padding-left:22px;color:#2d4a63;font-size:13px;font-weight:650}.hero-benefits li:before{content:"✓";position:absolute;left:0;top:0;color:var(--green);font-weight:900}.hero-actions{margin-top:26px}.hero .trust-line{margin-top:24px}
.pain-board{display:grid;grid-template-columns:1fr 190px 1fr;gap:20px;align-items:stretch;margin-top:48px;padding:24px;background:linear-gradient(135deg,#f6f9fb,#edf4f8);border:1px solid var(--line);border-radius:24px}.pain-source,.pain-impact{padding:22px;background:#fff;border:1px solid #e0e9ef;border-radius:16px}.source-label{display:block;margin-bottom:14px;color:#8595a3;font-size:9px;font-weight:850;letter-spacing:.13em}.pain-items{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pain-items article{display:flex;align-items:center;gap:9px;min-height:67px;padding:11px;background:#f8fafc;border:1px solid #e4ebf0;border-radius:9px}.pain-items i{display:grid;place-items:center;flex:0 0 29px;height:29px;color:var(--blue);background:#e7f2f9;border-radius:7px;font-size:9px;font-style:normal;font-weight:900}.pain-items b{color:#40566a;font-size:10px;line-height:1.35}.pain-impact .pain-items i{color:#8a6200;background:#fff5cc}.manual-center{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;background:linear-gradient(145deg,#082f50,#07558e);border-radius:16px;box-shadow:var(--shadow-sm);color:#fff}.manual-center>span{color:#9cc6df;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.manual-center strong{margin:12px 0;font-size:17px;line-height:1.35}.manual-center i{display:grid;place-items:center;width:34px;height:34px;color:#725b00;background:var(--yellow);border-radius:50%;font-style:normal;font-weight:900}.before-after-band{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin-top:20px;padding:22px 26px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm)}.before-after-band small{color:#9a6b00;font-size:9px;font-weight:900;letter-spacing:.13em}.before-after-band p{margin:4px 0 0;color:#6c7e8e;font-size:13px}.before-after-band>i{color:var(--blue);font-size:25px;font-style:normal}.before-after-band .after{padding-left:22px;border-left:3px solid var(--green)}.before-after-band .after small{color:#43860f}.before-after-band .after p{color:var(--ink);font-weight:700}
.seven-steps{grid-template-columns:repeat(7,1fr);gap:12px}.seven-steps:before{left:6%;right:6%}.seven-steps h3{font-size:14px}.seven-steps p{font-size:11px}.process-result{display:grid;grid-template-columns:1fr auto 1fr 1fr auto 1fr 1fr auto 1fr;gap:10px;align-items:center;margin-top:55px;padding:18px 22px;background:var(--surface);border:1px solid var(--line);border-radius:13px;text-align:center;font-size:10px}.process-result span{color:#7b8d9c}.process-result i{color:#7fa1b9;font-style:normal}.process-result strong{color:var(--blue);font-size:11px}
.quote-heading{margin-bottom:40px}.quote-workflow{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:11px;align-items:center;margin-bottom:48px;padding:17px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:14px}.quote-workflow div{display:flex;align-items:center;gap:8px}.quote-workflow div i{display:grid;place-items:center;flex:0 0 25px;height:25px;color:#173d0b;background:var(--green-bright);border-radius:50%;font-size:9px;font-style:normal;font-weight:900}.quote-workflow b{color:#fff;font-size:9px}.quote-workflow>span{color:#75a4c3}.quote-kicker{display:block;margin-bottom:15px;color:#9dc7e0;font-size:10px;font-weight:850;letter-spacing:.12em}.quote-outcomes{display:grid;gap:9px;padding:0;margin:26px 0 0;list-style:none}.quote-outcomes li{position:relative;padding:10px 12px 10px 35px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e3edf3;font-size:12px}.quote-outcomes li:before{content:"✓";position:absolute;left:12px;color:var(--green-bright);font-weight:900}.form-success{clear:both;display:flex;align-items:center;gap:7px;margin:0 23px 20px;padding:8px 10px;color:#438315;background:var(--green-soft);border-radius:6px;font-size:8px;font-weight:750}.form-success i{display:grid;place-items:center;width:16px;height:16px;color:#fff;background:var(--green);border-radius:50%;font-style:normal}
.comparison{position:relative;isolation:isolate}.comparison-orbit{position:absolute;z-index:-1;border:1px solid rgba(99,171,218,.1);border-radius:50%;pointer-events:none}.orbit-one{width:520px;height:520px;right:-210px;top:70px}.orbit-two{width:240px;height:240px;left:-100px;bottom:80px}.compare-three .compare-row{grid-template-columns:1.35fr repeat(3,1fr)}.criteria-ribbon{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:15px;background:#fbfcfd;border-bottom:1px solid var(--line)}.criteria-ribbon span{padding:5px 9px;color:#5c7184;background:#edf4f8;border-radius:20px;font-size:8px;font-weight:700}.comparison-shell{box-shadow:0 34px 90px rgba(0,0,0,.3)}
.po-origin{position:relative;margin-top:26px;padding:10px 12px;background:#edf6fb;border-left:3px solid var(--blue);border-radius:5px}.po-origin small,.po-origin b{display:block}.po-origin small{color:#8192a1;font-size:6px;letter-spacing:.1em}.po-origin b{margin-top:2px;color:var(--ink);font-size:9px}.po-status{margin-top:13px}.po-flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:25px 0;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.po-flow span{padding:6px 8px;color:var(--ink);background:#fff;border:1px solid #dce7ee;border-radius:6px;font-size:9px;font-weight:700}.po-flow i{color:var(--blue);font-size:10px;font-style:normal}
.erp-stack{display:flex;flex-direction:column;align-items:center;gap:10px;padding:25px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm)}.erp-stack>i{color:#7ca1bb;font-size:22px;font-style:normal}.erp-heart,.smart-layer{width:88%;display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:12px}.erp-heart{color:#fff;background:#082f50}.erp-heart>span{display:grid;place-items:center;flex:0 0 52px;height:52px;border:1px solid rgba(255,255,255,.22);border-radius:50%;font-size:17px;font-weight:900}.erp-heart strong,.erp-heart small,.smart-layer strong,.smart-layer small{display:block}.erp-heart strong{font-size:11px}.erp-heart small{margin-top:3px;color:#aac3d4;font-size:7px}.smart-layer{color:#fff;background:linear-gradient(120deg,#07558e,#0872b5)}.smart-layer img{flex:0 0 115px;width:115px;height:42px;object-fit:contain}.smart-layer strong{font-size:10px}.smart-layer small{margin-top:3px;color:#c9e0ee;font-size:7px}.participant-layer{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.participant-layer b{padding:10px 5px;color:#476278;background:#f0f5f8;border:1px solid #dce7ee;border-radius:7px;text-align:center;font-size:8px}
.licenses-card{grid-template-columns:.55fr 1.45fr 1fr}.license-points span{font-size:10px}.transformation-pairs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:38px}.transformation-pairs>div{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.transformation-pairs span{color:#7a8d9e;font-size:9px}.transformation-pairs i{color:#8aa8bc;font-style:normal}.transformation-pairs strong{color:var(--blue);font-size:10px}
@media(max-width:1100px){.seven-steps{grid-template-columns:repeat(4,1fr)}.licenses-card{grid-template-columns:auto 1fr}.license-points{grid-template-columns:1fr 1fr}}
@media(max-width:1024px){.pain-board{grid-template-columns:1fr}.manual-center{min-height:160px}.quote-workflow{grid-template-columns:repeat(5,1fr)}.quote-workflow>span{display:none}.quote-workflow div{flex-direction:column;text-align:center}.transformation-pairs{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.hero-benefits{grid-template-columns:1fr}.pain-items{grid-template-columns:1fr 1fr}.before-after-band{grid-template-columns:1fr}.before-after-band>i{transform:rotate(90deg);justify-self:center}.before-after-band .after{padding:13px 0 0;border-top:3px solid var(--green);border-left:0}.seven-steps{grid-template-columns:1fr;gap:12px}.seven-steps article{display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto auto;column-gap:14px;text-align:left}.seven-steps .step-icon{grid-column:1;grid-row:1/3;width:54px;height:54px;margin:0}.seven-steps .step{left:37px;top:-5px}.seven-steps h3{grid-column:2;margin:5px 0 2px}.seven-steps p{grid-column:2}.process-result{grid-template-columns:1fr auto 1fr}.quote-workflow{grid-template-columns:1fr}.quote-workflow div{flex-direction:row;text-align:left}.quote-workflow div:not(:last-child):after{content:"↓";margin-left:auto;color:#76a8c7}.transformation-pairs{grid-template-columns:1fr}.erp-heart,.smart-layer{width:100%}.license-points{grid-template-columns:1fr}}
@media(max-width:480px){.hero h1{font-size:38px;line-height:1.04}.hero-benefits li{font-size:12px}.pain-board{padding:12px}.pain-source,.pain-impact{padding:14px}.pain-items{grid-template-columns:1fr}.process-result{grid-template-columns:1fr}.process-result i{transform:rotate(90deg)}.form-success{margin-inline:14px}.criteria-ribbon{justify-content:flex-start}.po-flow{align-items:flex-start;flex-direction:column}.po-flow i{transform:rotate(90deg);margin-left:15px}.erp-heart,.smart-layer{align-items:flex-start;flex-direction:column}.smart-layer img{align-self:center}.participant-layer{grid-template-columns:1fr 1fr}.transformation-pairs>div{grid-template-columns:1fr auto 1fr}.transformation-pairs span,.transformation-pairs strong{font-size:9px}}
@media(max-width:350px){.hero h1{font-size:34px}.transformation-pairs>div{grid-template-columns:1fr}.transformation-pairs i{transform:rotate(90deg);justify-self:center}}
.orbit-one{right:24px;width:360px;height:360px}.orbit-two{left:24px;width:190px;height:190px}
.smart-logo-box{display:flex;align-items:center;flex:0 0 135px;width:135px;height:43px;overflow:hidden}.smart-logo-box img{flex:none;width:135px;height:auto;max-width:none}.smart-layer>.smart-logo-box+div{min-width:0}
@media(max-width:480px){.smart-logo-box{align-self:center}}

/* Familia visual SmartCode: SmartLogistics + Portal de Proveedores */
:root{--cyan:#1ab8d1;--cyan-soft:#dff7fb;--cyan-deep:#0788ad;--action:#ffd500;--action-deep:#edc000;--navy:#062a4a}
body{font-size:17px;background:#f8fbfd}.section{padding:92px 0}.eyebrow{font-size:13px;letter-spacing:.145em}.eyebrow i{width:26px;height:3px}.section-head{max-width:900px;margin-bottom:56px}.section-head h2,h2{font-size:clamp(42px,4.6vw,62px);line-height:1.04}.section-head p{max-width:760px;font-size:19px;line-height:1.65}.btn{min-height:56px;padding:15px 27px;border-radius:11px;font-size:15px;letter-spacing:-.01em;box-shadow:0 10px 26px rgba(7,47,85,.1)}.btn:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(7,47,85,.18)}
.nav-inner{height:84px}.brand{width:210px}.brand img{width:210px}.desktop-nav{gap:8px;padding:8px;background:#f3f7fa;border:1px solid #dce7ee;border-radius:13px}.desktop-nav a{padding:7px 10px;font-size:14px}.desktop-nav a:after{bottom:0}.nav-demo{min-height:52px;padding:13px 22px;border-radius:11px;font-size:15px}.topbar{background:#052b4c}.topbar-inner{font-size:13px}
.hero{padding:82px 0 32px;color:#fff;background:radial-gradient(circle at 88% 18%,rgba(19,186,185,.31),transparent 32%),linear-gradient(125deg,#051f39 0%,#06355b 56%,#075e77 100%)}.hero:before{background-image:linear-gradient(rgba(113,199,224,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(113,199,224,.075) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black 70%,transparent)}.hero-glow-one{right:1%;top:-15%;width:570px;height:570px;background:rgba(4,169,185,.1);border:55px solid rgba(28,193,190,.06)}.hero-glow-two{left:34%;bottom:-12%;background:rgba(255,213,0,.08)}.hero-grid{grid-template-columns:.94fr 1.06fr;gap:60px}.hero h1{font-size:clamp(54px,5.25vw,76px);line-height:.94;letter-spacing:-.058em}.hero h1 .hero-line{color:#fff}.hero h1 .hero-line:nth-child(2){color:#61d3e2}.hero h1 .hero-line.accent{color:#a8dd00}.hero .eyebrow{color:#9cdded}.hero-lead{max-width:680px;color:#d5e7ef;font-size:19px;line-height:1.65}.hero-benefits{gap:12px 22px}.hero-benefits li{color:#fff;font-size:14px}.hero-benefits li:before{color:#b6e600}.hero .btn-green,.cta .btn-green{color:#132f24;background:linear-gradient(135deg,var(--action),#bce700);box-shadow:0 13px 34px rgba(255,213,0,.24)}.hero .btn-green:hover,.cta .btn-green:hover{background:linear-gradient(135deg,#ffe35a,#c9ed25);box-shadow:0 18px 42px rgba(255,213,0,.31)}.hero .btn-ghost{color:#fff;background:rgba(255,255,255,.07);border-color:rgba(186,222,237,.45);box-shadow:none}.hero .btn-ghost:hover{background:rgba(255,255,255,.13)}.hero .play{color:#06345a;background:var(--action)}.hero .trust-line span{color:#91b4c7}.hero .trust-line b{color:#e7f1f6;border-color:rgba(190,220,234,.3)}.product-window{border-color:rgba(126,198,218,.45);box-shadow:0 35px 90px rgba(0,15,31,.48)}.floating-card{padding:14px 16px;border-color:#cfe1ea;box-shadow:0 18px 40px rgba(0,20,38,.26)}.floating-card b{font-size:11px}.journey{margin-top:62px;color:#fff;background:rgba(2,31,54,.7);border-color:rgba(137,207,226,.28);box-shadow:0 18px 44px rgba(0,20,38,.23);font-size:14px}.journey i{color:#68cfe0}
.problem{position:relative;background:radial-gradient(circle at 10% 25%,rgba(26,184,209,.1),transparent 22%),linear-gradient(180deg,#f5fafc,#eaf4f8)}.problem:before,.process:before,.integrations:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(7,87,148,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,87,148,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,black 50%,transparent)}.problem>.container,.process>.container,.integrations>.container{position:relative}.split-head>p{font-size:19px}.pain-board{padding:30px;background:rgba(255,255,255,.72);border-color:#cadfe9;box-shadow:0 24px 65px rgba(7,47,85,.11);backdrop-filter:blur(8px)}.pain-source,.pain-impact{padding:25px;box-shadow:0 10px 27px rgba(7,47,85,.06)}.source-label{font-size:11px}.pain-items article{min-height:77px;padding:14px}.pain-items i{flex-basis:40px;width:40px;height:40px;border-radius:10px;color:var(--cyan-deep);background:var(--cyan-soft)}.pain-impact .pain-items i{color:#8a6500;background:#fff4c7}.pain-items b{font-size:12px}.ui-svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.manual-center{background:linear-gradient(145deg,#052847,#08759b);box-shadow:0 20px 42px rgba(7,67,99,.24)}.manual-center>span{font-size:10px}.manual-center strong{font-size:20px}.manual-center i{width:42px;height:42px;background:var(--action)}.before-after-band{padding:25px 30px}.before-after-band small{font-size:10px}.before-after-band p{font-size:15px}
.transformation{background:radial-gradient(circle at 85% 25%,rgba(18,186,198,.22),transparent 30%),linear-gradient(130deg,#052744,#073d64)}.transformation-copy>p,.quote-copy>p,.po-copy>p,.erp-copy>p{font-size:19px}.check-list b{font-size:18px}.check-list span{font-size:15px;line-height:1.55}.check-list li>i{flex-basis:31px;height:31px}.control-panel{border-radius:22px;box-shadow:0 32px 78px rgba(0,15,29,.34)}.panel-head{padding:26px 28px}.panel-head small{font-size:10px}.panel-head b{font-size:18px}.panel-metrics{padding:23px 28px}.panel-metrics b{font-size:30px}.panel-metrics small{font-size:11px}.activity{padding-inline:28px}.activity>div{padding:18px 0}.activity i{flex-basis:38px;height:38px;font-size:13px}.activity b{font-size:14px}.activity span,.activity time{font-size:10px}
.process{position:relative;background:linear-gradient(180deg,#fff,#f1f8fb)}.step-icon{width:88px;height:88px;border:2px solid #c7dfeb;box-shadow:0 13px 30px rgba(7,87,148,.12);color:var(--cyan-deep)}.step-icon .ui-svg{width:31px;height:31px;stroke-width:1.65}.seven-steps .step{padding:3px 8px;background:var(--blue);font-size:10px}.seven-steps h3{font-size:17px}.seven-steps p{font-size:13px;line-height:1.5}.process-result{padding:22px;background:#fff;border-color:#cddfe9;box-shadow:0 12px 30px rgba(7,47,85,.07);font-size:12px}.process-result strong{font-size:13px}
.digital-quote{background:radial-gradient(circle at 80% 12%,rgba(29,186,210,.23),transparent 28%),linear-gradient(130deg,#052640,#07547a)}.quote-heading h2{font-size:clamp(46px,4.9vw,66px)}.quote-workflow{padding:20px;background:linear-gradient(90deg,rgba(10,120,157,.45),rgba(17,183,196,.18));border-color:rgba(112,211,226,.3)}.quote-workflow div i{flex-basis:34px;height:34px;color:#233500;background:var(--action);font-size:11px}.quote-workflow b{font-size:11px}.quote-workflow>span{font-size:22px}.quote-kicker{font-size:12px}.quote-fields span{padding:9px 13px;border-color:rgba(125,210,228,.35);background:rgba(21,145,177,.14);font-size:13px}.quote-outcomes li{padding:12px 14px 12px 40px;font-size:14px}.quote-demo{padding:19px;border-color:rgba(125,218,231,.28);box-shadow:0 30px 65px rgba(0,17,30,.26)}.quote-browser{border-radius:17px}.browser-bar{height:42px}.supplier-brand{padding:23px 26px}.supplier-brand small{font-size:9px}.supplier-brand b{font-size:15px}.supplier-brand em{font-size:9px}.form-grid{gap:13px;padding:23px 26px 13px}.form-grid label{font-size:10px}.form-grid span,.form-wide span{padding:11px 12px;font-size:11px}.form-wide{margin-inline:26px}.form-wide small{font-size:9px}.quote-browser button{margin:20px 26px 22px auto;padding:13px 20px;color:#173300;background:var(--action);font-size:11px}.form-success{margin-inline:26px;padding:10px 12px;font-size:10px}
.comparison{background:radial-gradient(circle at 82% 17%,rgba(18,183,200,.19),transparent 25%),linear-gradient(150deg,#041d35,#06385f)}.comparison .section-head h2{font-size:clamp(48px,5vw,68px)}.comparison-shell{border-radius:24px;border-color:rgba(116,203,223,.42);box-shadow:0 40px 100px rgba(0,10,24,.4)}.comparison-toolbar{padding:27px 30px;background:linear-gradient(90deg,#fff,#f1f9fb)}.comparison-toolbar>div>span{font-size:10px}.comparison-toolbar b{font-size:17px}.toolbar-actions span,.toolbar-actions button{font-size:10px!important;padding:8px 12px}.compare-row>b,.compare-row>span{padding:21px 17px;font-size:14px}.compare-row small,.compare-row em{font-size:9px}.compare-head>span{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.compare-head>span:before{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:#318eb8;font-size:10px;font-weight:900}.compare-head>span:nth-of-type(1):before{content:"A"}.compare-head>span:nth-of-type(2):before{content:"B";background:var(--green)}.compare-head>span:nth-of-type(3):before{content:"C";background:#5e7690}.compare-head .selected em{padding:4px 8px;font-size:7px}.compare-total>span strong{font-size:27px}.compare-total .selected strong{font-size:36px}.criteria-ribbon{padding:18px}.criteria-ribbon span{padding:7px 11px;font-size:10px}.decision-bar{padding:24px 30px}.decision-bar>div>i{flex-basis:43px;height:43px}.decision-bar b{font-size:15px}.decision-bar p span{font-size:11px}.decision-bar button{padding:13px 18px;background:#076fa8;font-size:11px}
.purchase-order{background:radial-gradient(circle at 15% 40%,rgba(26,184,209,.09),transparent 23%),#fff}.po-visual{background:linear-gradient(145deg,#dff2f8,#f7fbfd);box-shadow:inset 0 0 0 1px #d2e5ed}.po-paper{box-shadow:0 28px 70px rgba(7,47,85,.2)}.po-copy h2{font-size:clamp(42px,4.25vw,58px)}.simple-list li{font-size:16px}.po-flow span{font-size:11px}
.integrations{position:relative;background:radial-gradient(circle at 75% 25%,rgba(20,183,207,.11),transparent 24%),linear-gradient(180deg,#eaf5f9,#f6fafc)}.erp-copy h2{font-size:clamp(43px,4.4vw,60px)}.erp-benefits span{font-size:13px}.erp-stack{padding:31px;border-radius:23px;border-color:#c9dee8;box-shadow:0 26px 66px rgba(7,47,85,.13)}.erp-heart,.smart-layer{padding:20px 23px}.erp-heart{background:linear-gradient(120deg,#052642,#073c63)}.erp-heart>span{flex-basis:63px;height:63px;font-size:20px}.erp-heart strong,.smart-layer strong{font-size:14px}.erp-heart small,.smart-layer small{font-size:9px}.smart-layer{background:linear-gradient(110deg,#076ba1,#0eb1c0)}.participant-layer b{padding:13px 7px;font-size:10px}.erp-logos{gap:15px}.erp-logos div{min-height:108px;border-color:#cbdfe8;box-shadow:0 12px 28px rgba(7,47,85,.07)}.erp-logos strong{font-size:20px}.erp-logos small{font-size:10px}.licenses-card{padding:55px;background:radial-gradient(circle at 10% 10%,rgba(27,190,202,.18),transparent 24%),linear-gradient(125deg,#052842,#075984)}.license-copy h2{font-size:clamp(38px,3.6vw,50px)}.license-copy>p{font-size:17px}.license-copy>small{font-size:12px}.license-points span{padding:14px 16px;border-color:rgba(126,211,227,.2);font-size:12px}
.benefits{background:linear-gradient(180deg,#fff,#f0f7fa)}.transformation-pairs>div{padding:17px;border-color:#cbdfe8;background:#fff;box-shadow:0 7px 20px rgba(7,47,85,.05)}.transformation-pairs span{font-size:11px}.transformation-pairs strong{font-size:12px}.benefit-grid{gap:20px}.benefit-grid article{min-height:235px;padding:31px;border-color:#cbdfe8;border-radius:18px;box-shadow:0 14px 35px rgba(7,47,85,.075)}.benefit-grid article:hover{transform:translateY(-6px);box-shadow:0 23px 48px rgba(7,47,85,.13)}.benefit-grid article>div{width:56px;height:56px;margin-bottom:27px;border-radius:14px;color:var(--cyan-deep);background:var(--cyan-soft)}.benefit-grid article:nth-child(2n)>div{color:#4a870d;background:#e9f8dc}.benefit-grid article:nth-child(3n)>div{color:#866400;background:#fff3c4}.benefit-grid .ui-svg{width:27px;height:27px}.benefit-grid h3{font-size:21px}.benefit-grid p{font-size:15px;line-height:1.6}.cta{padding:45px 0 95px;background:#f0f7fa}.cta-card{padding:62px 64px;background:radial-gradient(circle at 80% 20%,rgba(17,184,193,.24),transparent 28%),linear-gradient(120deg,#04223c,#075984)}.cta-card>div>span{color:var(--action);font-size:12px}.cta-card h2{font-size:clamp(43px,4.5vw,62px)}.cta-card p{max-width:720px;font-size:18px}.btn-large{padding:18px 29px;font-size:16px}
@media(max-width:1100px){.desktop-nav{padding:6px}.desktop-nav a{padding-inline:7px}.hero-grid{gap:36px}.hero h1{font-size:58px}.compare-row>b,.compare-row>span{padding-inline:12px}.licenses-card{padding:46px}}
@media(max-width:1024px){.hero{padding-top:64px}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:820px}.hero h1{font-size:clamp(56px,7vw,70px)}.hero-product{width:min(820px,100%)}.journey{background:rgba(2,31,54,.84)}.desktop-nav{display:none}.transformation-copy>p,.quote-copy>p,.po-copy>p,.erp-copy>p{font-size:18px}}
@media(max-width:768px){body{font-size:16px}.section{padding:76px 0}.nav-inner{height:72px}.section-head h2,h2{font-size:clamp(37px,7vw,50px)}.section-head p{font-size:17px}.hero{padding-top:50px}.hero h1{font-size:clamp(44px,8vw,58px)}.hero-lead{font-size:17px}.hero-benefits li{font-size:13px}.journey{font-size:12px}.pain-items b{font-size:13px}.step-icon{width:60px;height:60px}.seven-steps h3{font-size:17px}.seven-steps p{font-size:13px}.quote-workflow b{font-size:12px}.comparison .section-head h2,.quote-heading h2{font-size:clamp(39px,7vw,52px)}.mobile-comparison{padding:26px}.mobile-winner h3{font-size:22px}.mobile-comparison dl>div{font-size:14px}.mobile-comparison>p{font-size:11px}.decision-bar b{font-size:14px}.decision-bar p span{font-size:11px}.erp-logos strong{font-size:18px}.license-copy h2{font-size:37px}.benefit-grid h3{font-size:19px}.cta-card{padding:42px 34px}.cta-card p{font-size:17px}}
@media(max-width:480px){.container{width:min(calc(100% - 28px),1180px)}.section{padding:66px 0}.eyebrow{font-size:11px}.hero h1{font-size:clamp(39px,11.5vw,49px)}.hero-lead{font-size:16px;line-height:1.6}.hero-actions{gap:10px}.hero .btn{width:100%}.hero .trust-line b{font-size:11px}.journey{grid-template-columns:1fr auto 1fr;padding:17px 14px}.pain-board{padding:13px}.pain-source,.pain-impact{padding:16px}.pain-items article{min-height:70px}.pain-items i{flex-basis:38px;height:38px}.manual-center{min-height:150px}.before-after-band{padding:20px}.check-list b{font-size:16px}.check-list span{font-size:14px}.panel-metrics b{font-size:24px}.activity b{font-size:12px}.quote-demo{padding:8px}.form-grid{grid-template-columns:1fr}.comparison-toolbar{padding:21px}.comparison-toolbar b{font-size:14px}.toolbar-actions button{font-size:9px!important}.criteria-ribbon span{font-size:9px}.po-copy h2,.erp-copy h2{font-size:37px}.simple-list li{font-size:14px}.erp-stack{padding:17px}.erp-logos div{min-height:88px}.erp-logos strong{font-size:15px}.licenses-card{padding:31px 23px}.license-copy h2{font-size:33px}.license-copy>p{font-size:15px}.benefit-grid article{min-height:auto;padding:25px}.benefit-grid h3{font-size:19px}.benefit-grid p{font-size:14px}.cta-card{padding:36px 23px}.cta-card h2{font-size:37px}.cta-card p{font-size:16px}}
@media(max-width:350px){.hero h1{font-size:37px}.btn{padding-inline:18px}.journey{font-size:10px}.comparison-toolbar{padding:17px}.license-copy h2,.cta-card h2{font-size:30px}}
.hero-grid{grid-template-columns:1.08fr .92fr;gap:50px}.hero h1{font-size:clamp(50px,4.4vw,64px)}
@media(max-width:1024px){.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(53px,6.5vw,66px)}}
@media(max-width:768px){.hero h1{font-size:clamp(43px,7.4vw,56px)}}
@media(max-width:480px){.hero h1{font-size:clamp(38px,10.7vw,47px)}}
@media(max-width:350px){.hero h1{font-size:36px}}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}

/* Logo sizing: compensate the transparent vertical canvas without changing the artwork ratio. */
.brand{width:275px;height:58px}
.brand img{width:275px;max-width:none;height:auto;flex:none}
.footer-main img{width:260px;height:55px;object-fit:cover;object-position:50% 50%}

@media(max-width:768px){
  .brand{width:262px;height:58px}
  .brand img{width:262px}
}

@media(max-width:480px){
  .footer-main img{width:230px;height:49px}
}

/* Professional product mockups */
.product-window{border:1px solid rgba(150,211,225,.55);border-radius:20px;box-shadow:0 42px 105px rgba(0,14,30,.55),0 0 0 1px rgba(255,255,255,.06);transform:perspective(1400px) rotateY(-1.5deg) rotateX(.35deg)}
.window-top{height:42px;padding-inline:16px;background:linear-gradient(180deg,#fff,#f3f7fa);color:#6e8192}
.window-top span{display:flex;align-items:center;gap:5px;padding:5px 13px;background:#eaf0f4;border:1px solid #dce5eb;border-radius:7px;font-size:8px}
.window-top span b{font-size:7px}
.window-top em{display:flex;align-items:center;gap:4px;padding:4px 8px;color:#367d10;background:#edf8e7;border-radius:20px;font-weight:800}
.window-dots i:nth-child(1){background:#ff7c74}.window-dots i:nth-child(2){background:#ffc34e}.window-dots i:nth-child(3){background:#63c97a}
.product-body{grid-template-columns:62px 1fr;min-height:420px}
.product-sidebar{gap:10px;padding:15px 10px;background:linear-gradient(180deg,#04243f,#075685)}
.product-sidebar img{width:34px;height:34px;margin:0 0 9px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18))}
.product-sidebar i,.product-sidebar i.active{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:9px;background:transparent;color:rgba(221,242,249,.62);transition:.2s}
.product-sidebar i.active{color:#dfff54;background:linear-gradient(135deg,rgba(22,174,190,.42),rgba(255,255,255,.12));box-shadow:inset 3px 0 #b6e600,0 7px 16px rgba(0,18,35,.2)}
.product-sidebar .ui-svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none}
.dashboard{padding:27px 25px;background:linear-gradient(145deg,#f8fbfd,#eff5f8)}
.dash-head{align-items:center}.dash-head strong{font-size:17px}.dash-head strong span{display:inline-block;margin-left:7px;padding:3px 6px;color:#587185;background:#e6eef3;border-radius:5px;font-size:7px;vertical-align:middle}.dash-head>span{padding:6px 10px;border:1px solid #d2e9c1}
.pipeline{margin:25px 0 24px;padding:3px 7px 0}.pipeline:before{border-color:#b9cedb}.pipeline .done i{background:linear-gradient(135deg,#6bc318,#8dd700);box-shadow:0 4px 9px rgba(98,184,21,.2)}.pipeline .current i{background:linear-gradient(135deg,#0872aa,#0c9db7);box-shadow:0 0 0 5px rgba(9,141,173,.11)}
.dash-kpis{gap:10px}.dash-kpis div{position:relative;overflow:hidden;padding:13px 12px;border-color:#d8e4eb;border-radius:11px;box-shadow:0 7px 18px rgba(7,47,85,.045)}.dash-kpis div:after{content:"";position:absolute;right:-14px;top:-18px;width:47px;height:47px;border:9px solid rgba(12,145,174,.06);border-radius:50%}.dash-kpis b{font-size:16px}.dash-kpis sup{color:#7a8f9f;font-size:8px}.dash-kpis em{font-size:8px}
.mini-table{margin-top:14px;border-color:#d7e3ea;border-radius:11px;box-shadow:0 8px 22px rgba(7,47,85,.04)}.mini-table>div{grid-template-columns:1.55fr 1fr .78fr .6fr}.mini-table b,.mini-table span{padding:10px 8px}.mini-table .mt-head{background:#edf3f6;font-size:7px;letter-spacing:.04em}.mini-table>div:not(.mt-head) b{display:flex;align-items:center;gap:6px}.mini-table b>i{display:grid;place-items:center;flex:0 0 22px;height:22px;color:#fff;background:#5d7890;border-radius:7px;font-size:6px;font-style:normal}.mini-table .winner{background:linear-gradient(90deg,#eff9e8,#f7fcf3);box-shadow:inset 3px 0 #76c529}.mini-table .winner b>i{background:linear-gradient(135deg,#65b814,#8ad500)}.mini-table .score{display:inline-grid;place-items:center;width:25px;height:25px;color:#347909;background:#dff2ce;border-radius:50%;font-size:8px}.mini-table .score-blue{color:#096792;background:#dceff7}.mini-table .score-muted{color:#64798b;background:#e8eef2}
.floating-card{backdrop-filter:blur(8px)}

.app-toolbar,.comparison-appbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 17px;color:#dcecf3;background:linear-gradient(90deg,#04243f,#07547b);border-bottom:1px solid rgba(255,255,255,.1)}
.app-toolbar>span,.comparison-appbar>span{display:flex;align-items:center;gap:8px}.app-toolbar img,.comparison-appbar img{object-fit:contain}.app-toolbar>span b,.comparison-appbar>span b{font-size:10px}.app-toolbar nav,.comparison-appbar nav{display:flex;align-items:center;gap:15px;color:#91b6c8;font-size:8px;font-style:normal}.app-toolbar nav i{font-style:normal}.app-toolbar nav strong,.comparison-appbar nav strong{padding:5px 8px;color:#fff;background:rgba(41,190,201,.16);border-radius:6px}.app-toolbar>em,.comparison-appbar>em{display:grid;place-items:center;width:27px;height:27px;color:#173100;background:#b8df17;border-radius:50%;font-size:8px;font-style:normal;font-weight:900}
.panel-head>span{display:flex;align-items:center;gap:6px}.panel-head>span i,.toolbar-actions span i{width:7px;height:7px;background:#76c729;border-radius:50%;box-shadow:0 0 0 4px rgba(118,199,41,.11)}
.panel-metrics>div{overflow:hidden;border-radius:12px}.panel-metrics>div:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#178bb8}.panel-metrics>div:nth-child(2):after{background:#e1b700}.panel-metrics>div:nth-child(3):after{background:#74bd26}.panel-metrics>div>span{display:block;margin-top:6px;color:#8396a5;font-size:8px}.panel-foot{display:flex;align-items:center;justify-content:space-between;padding:13px 28px;background:#f3f7f9;border-top:1px solid #e1eaf0;color:#718696;font-size:9px}.panel-foot span{display:flex;align-items:center;gap:7px}.panel-foot span i{width:6px;height:6px;background:#11aeb9;border-radius:50%}.panel-foot b{color:#0875a4;font-size:9px}

.browser-bar{padding-inline:14px}.browser-bar span{display:flex;align-items:center;gap:5px;padding:5px 12px;background:#e5ecef;border-radius:6px}.browser-bar span b{font-size:7px}.browser-bar>em{color:#4e8a24;font-size:7px;font-style:normal;font-weight:800}.supplier-brand{background:linear-gradient(90deg,#fff,#f7fbfc)}
.supplier-progress{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 25px;background:#f7fafb;border-bottom:1px solid #e3ebf0}.supplier-progress span{position:relative;display:flex;align-items:center;gap:6px;color:#8a9aa6;font-size:7px;font-weight:700}.supplier-progress span:not(:last-child):after{content:"";position:absolute;left:31px;right:8px;top:10px;border-top:1px solid #d2dee5}.supplier-progress i{position:relative;z-index:1;display:grid;place-items:center;width:21px;height:21px;color:#7d909e;background:#fff;border:1px solid #cad8e1;border-radius:50%;font-size:7px;font-style:normal}.supplier-progress .done i{color:#fff;background:#72bd27;border-color:#72bd27}.supplier-progress .active{color:#075b8d}.supplier-progress .active i{color:#fff;background:#087caf;border-color:#087caf;box-shadow:0 0 0 4px rgba(8,124,175,.1)}
.quote-summary{display:grid;grid-template-columns:1.5fr 1fr;gap:9px;margin:16px 26px 0}.quote-summary>span{padding:9px 11px;background:#f5f9fb;border:1px solid #dfe9ef;border-radius:8px}.quote-summary small,.quote-summary b{display:block}.quote-summary small{color:#8b9aa6;font-size:7px;letter-spacing:.07em}.quote-summary b{margin-top:3px;color:#193b56;font-size:9px}.form-grid span{display:flex;align-items:center;justify-content:space-between;background:#fff;border-color:#cfdde6;box-shadow:0 2px 7px rgba(7,47,85,.025)}.form-grid span i{color:#8396a5;font-style:normal}.form-grid span b{color:#6cb91f}.quote-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 26px 20px}.quote-actions small{color:#81929f;font-size:7px}.quote-actions button{margin:0;padding:12px 18px;box-shadow:0 9px 20px rgba(135,190,0,.2)}.form-success{margin-bottom:20px;border:1px solid #d6ebc4;border-radius:7px}

.comparison-appbar{padding:13px 22px;background:linear-gradient(90deg,#04233d,#075782)}.comparison-appbar nav{margin-left:auto}.toolbar-actions span{display:flex;align-items:center;gap:8px}.compare-head>span{padding-top:17px;padding-bottom:17px}.compare-total{background:#f6f9fb}.compare-total>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.result-bar{display:block;width:76%;height:5px;overflow:hidden;background:#dfe8ed;border-radius:10px}.result-bar>b{display:block;height:100%;background:#2487ad;border-radius:inherit}.compare-total .selected .result-bar>b{background:linear-gradient(90deg,#5bad1b,#8ed300)}

.po-visual{min-height:570px;padding:32px;background:radial-gradient(circle at 15% 10%,rgba(24,170,193,.13),transparent 25%),linear-gradient(145deg,#d9edf4,#f7fbfd)}.po-paper{width:96%;min-height:485px;padding:29px 31px;border:1px solid #d5e2e9;border-radius:13px;transform:rotate(-1.1deg);box-shadow:0 32px 75px rgba(7,47,85,.23)}.po-paper:before{inset:8px;border-radius:9px}.po-top img{width:145px}.po-top>div em{display:block;margin-top:3px;color:#8394a1;font-size:7px;font-style:normal;text-align:right}.po-origin{display:grid;grid-template-columns:1fr auto;gap:2px 12px;margin-top:24px;padding:10px 12px;background:linear-gradient(90deg,#eef8e8,#f7fbf4);border:1px solid #d7eac8;border-radius:8px}.po-origin small,.po-origin b{grid-column:1}.po-origin small{color:#72905e;font-size:6px;letter-spacing:.08em}.po-origin b{color:#31561a;font-size:9px}.po-origin span{grid-column:2;grid-row:1/3;align-self:center;padding:4px 7px;color:#3d8111;background:#dff1d1;border-radius:9px;font-size:6px;font-weight:800}.po-status{display:grid;grid-template-columns:1.2fr 1fr auto;gap:12px;margin-top:14px;padding:11px 12px}.po-status>span small,.po-status>span b,.po-status>span em{display:block}.po-status>span small{color:#8797a4;font-size:6px;letter-spacing:.08em}.po-status>span b{margin-top:2px;color:#173a53;font-size:9px}.po-status>span em{margin-top:1px;padding:0;color:#7890a1;background:none;font-size:6px;font-style:normal;font-weight:500}.po-status>strong{align-self:center;padding:5px 8px;color:#347c0c;background:#e2f2d5;border-radius:9px;font-size:7px}.po-lines{margin:14px 0;border:1px solid #dce6ec;border-radius:8px}.po-lines>div{display:grid;grid-template-columns:1.8fr .38fr .65fr .68fr;align-items:center}.po-lines>div>span{padding:8px 7px;border-bottom:1px solid #e4ebef;color:#395269;font-size:7px;text-align:right}.po-lines>div>span:first-child{text-align:left}.po-lines>div:last-child>span{border-bottom:0}.po-lines .po-line-head{background:#edf3f6}.po-lines .po-line-head span{color:#758897;font-size:6px;font-weight:800;text-transform:uppercase}.po-lines span b,.po-lines span small{display:block}.po-lines span b{color:#183b55;font-size:7px}.po-lines span small{margin-top:2px;color:#8394a2;font-size:5px}.po-total{align-items:flex-end;padding-top:10px}.po-total>span small,.po-total>span b,.po-total>strong small{display:block}.po-total>span small{color:#8395a3;font-size:6px}.po-total>span b{color:#526b7e;font-size:9px}.po-total>strong{color:#0b4267;font-size:17px;text-align:right}.po-total>strong small{color:#718695;font-size:6px;letter-spacing:.1em}.po-audit{display:flex;gap:14px;margin-top:11px;padding-top:9px;border-top:1px solid #e3eaee;color:#54822f;font-size:6px;font-weight:700}.approval-chip{right:-18px;bottom:18px;border-color:#cfe0e8;box-shadow:0 18px 38px rgba(7,47,85,.19)}.approval-chip span{display:block;margin-top:2px;color:#8798a5;font-size:7px}

@media(max-width:768px){
  .product-window{transform:none}.app-toolbar nav,.comparison-appbar nav{display:none}.panel-foot{padding-inline:20px}.comparison-appbar{padding-inline:18px}.po-visual{min-height:550px}.po-paper{width:95%;max-width:520px}.quote-summary{margin-inline:18px}.supplier-progress{padding-inline:18px}.quote-actions{margin-inline:18px}
}

@media(max-width:480px){
  .product-body{grid-template-columns:46px 1fr}.product-sidebar{padding-inline:5px}.product-sidebar i,.product-sidebar i.active{width:32px;height:32px}.product-sidebar .ui-svg{width:15px;height:15px}.dashboard{padding:15px 10px}.dash-head strong{font-size:12px}.dash-head strong span{display:none}.dash-head>span{font-size:7px}.dash-kpis div{padding:8px 7px}.dash-kpis b{font-size:11px}.dash-kpis em{font-size:6px}.mini-table b>i{display:none}.mini-table>div{grid-template-columns:1.45fr 1fr .7fr .56fr}.mini-table .score{width:20px;height:20px;font-size:6px}.app-toolbar{padding:10px 12px}.app-toolbar>span b{font-size:9px}.panel-metrics>div>span{font-size:6px}.panel-foot{padding:11px 14px}.supplier-progress{padding:10px 13px}.supplier-progress span{font-size:6px}.supplier-progress span:not(:last-child):after{display:none}.quote-summary{grid-template-columns:1fr;margin:12px 14px 0}.quote-summary>span:last-child{display:none}.quote-actions{align-items:flex-end;margin:14px}.quote-actions small{max-width:110px}.comparison-appbar{padding:10px 14px}.po-visual{min-height:470px;padding:16px 10px}.po-paper{width:100%;min-height:410px;padding:20px 15px;transform:none}.po-top img{width:102px}.po-origin{margin-top:17px}.po-origin span{display:none}.po-status{grid-template-columns:1fr auto}.po-status>span:nth-child(2){display:none}.po-lines>div{grid-template-columns:1.6fr .35fr .72fr}.po-lines>div>span:nth-child(3){display:none}.po-lines span small{display:none}.po-audit{gap:8px;flex-wrap:wrap}.approval-chip{right:1px;bottom:2px;padding:10px}.approval-chip>i{width:27px;height:27px}
}

/* ERP brand logos */
.erp-logos .erp-logo-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:128px;padding:18px 14px;background:linear-gradient(180deg,#fff,#f8fbfc)}
.erp-logo-card img{width:auto;height:38px;max-width:112px;margin:0 auto 9px;object-fit:contain}
.erp-logo-card img.erp-logo-sap{height:42px;max-width:86px;margin-bottom:8px}
.erp-logo-card strong{font-size:14px;line-height:1.15;text-align:center}
.erp-logo-card small{margin-top:4px}

@media(max-width:480px){
  .erp-logos .erp-logo-card{min-height:112px;padding:15px 9px}
  .erp-logo-card img{height:34px;max-width:92px}
  .erp-logo-card img.erp-logo-sap{height:37px;max-width:76px}
  .erp-logo-card strong{font-size:12px}
}

/* Final mobile polish */
.lock-icon{position:relative;display:inline-block;flex:0 0 9px;width:9px;height:8px;border:1.5px solid currentColor;border-radius:2px;color:#607b8d}
.lock-icon:before{content:"";position:absolute;left:1px;top:-6px;width:5px;height:6px;border:1.5px solid currentColor;border-bottom:0;border-radius:5px 5px 0 0}
.quote-actions small{display:flex;align-items:center;gap:6px}

@media(max-width:768px){
  html,body{max-width:100%;overflow-x:clip}
  .hero,.comparison,.licenses{overflow-x:clip}
  .licenses-card{grid-template-columns:minmax(0,1fr);width:min(calc(100% - 32px),1180px)}
  .licenses-card>*{min-width:0}
  .license-graphic{justify-content:center}
  .license-copy,.license-points{width:100%}
  .license-points{grid-column:1;grid-template-columns:minmax(0,1fr)}
  .license-points span{min-width:0;overflow-wrap:anywhere}
}

@media(max-width:480px){
  .window-top{gap:7px;padding-inline:10px}
  .window-top span{min-width:0;max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .window-top em{display:none}
  .floating-card{max-width:calc(100% - 12px)}
  .provider-card{left:6px}.trace-card{right:6px}
  .licenses-card{width:min(calc(100% - 28px),1180px);padding:28px 20px;border-radius:20px}
  .license-copy h2{font-size:31px;overflow-wrap:anywhere}
  .license-copy>p{font-size:14px}
  .license-copy>small{font-size:10px}
  .license-points span{padding:12px 13px;font-size:11px}
  .erp-logo-card img{filter:drop-shadow(0 5px 8px rgba(7,47,85,.08))}
  .mini-table>div:not(.mt-head)>b{color:#28465d;font-size:7px;font-weight:800}
  .mini-table>div:not(.mt-head)>span{color:#496176}
  .mini-table .winner>b,.mini-table .winner>span{color:#397c0e}
}