:root{--navy:#061a33;--navy2:#0b2f58;--blue:#0962b8;--blue2:#0b7bc2;--green:#6dbc3a;--green2:#8acb4b;--ink:#0b1f37;--muted:#607188;--line:#dfe7ef;--soft:#f5f8fb;--white:#fff;--shadow:0 18px 55px rgba(7,31,59,.12);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:white;line-height:1.56;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1240px,calc(100% - 48px));margin:auto}.topbar{background:#04172d;color:#cbd9e7;font-size:12px;letter-spacing:.01em}.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:7px 0}.topbar strong{color:#fff}.topbar .accent{color:#9cdb6e}.navbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.985);backdrop-filter:blur(18px);border-bottom:1px solid rgba(10,35,61,.08);box-shadow:0 1px 0 rgba(8,37,67,.02);transition:box-shadow .22s ease,background .22s ease}.navbar.scrolled{box-shadow:0 10px 30px rgba(6,26,51,.08);background:rgba(255,255,255,.995)}.navinner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:78px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:190px;max-height:56px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:25px;font-size:13.5px;font-weight:600;letter-spacing:-.01em;margin-left:auto}.navlinks>a,.dropbtn{position:relative;padding:29px 0;white-space:nowrap;color:#17324e}.navlinks>a:hover,.dropbtn:hover{color:var(--blue)}.navlinks>a:after,.dropbtn:after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--green));transition:right .2s ease}.navlinks>a:hover:after,.dropbtn:hover:after,.dropdown:focus-within .dropbtn:after{right:0}.dropdown{position:relative}.dropbtn{border:0;background:none;font:inherit;color:inherit;cursor:pointer}.dropdown-menu{position:absolute;left:-30px;top:69px;width:560px;background:#fff;border:1px solid #e4eaf0;box-shadow:0 24px 60px rgba(6,26,51,.16);border-radius:16px;padding:12px;display:none;grid-template-columns:1fr 1fr;gap:4px}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{display:grid}.dropdown-menu a{padding:13px 15px;border-radius:11px;border:1px solid transparent;transition:.18s ease}.dropdown-menu a:hover{background:#f7fafd;border-color:#e8eef4;transform:translateY(-1px)}.dropdown-menu b{display:block;font-family:"Manrope",sans-serif;font-size:13.5px;color:var(--navy);letter-spacing:-.01em}.dropdown-menu span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.navcta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;padding:11px 17px;font-weight:650;font-size:14px;letter-spacing:-.01em;border:1px solid transparent;transition:.2s}.navcta{background:#075eae;color:white;box-shadow:0 7px 18px rgba(9,98,184,.18);padding:11px 18px;white-space:nowrap}.navcta:hover{background:#064f93;box-shadow:0 10px 24px rgba(9,98,184,.24)}.btn:hover,.navcta:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--blue),#0879cf);color:#fff;box-shadow:0 10px 28px rgba(9,98,184,.25)}.btn-green{background:linear-gradient(135deg,#51a82f,var(--green));color:#fff}.btn-light{border-color:#91a8bf;color:#fff;background:rgba(255,255,255,.04)}.btn-outline{border-color:#b9c8d7;color:var(--navy);background:#fff}.menu-toggle{display:none;border:0;background:transparent;font-size:28px;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 25%,#0a4c83 0,transparent 28%),linear-gradient(130deg,#04172d 0%,#08284c 52%,#051a31 100%);color:white}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to right,black,transparent)}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:64px;min-height:620px;padding:72px 0 92px}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:#9add67}.hero h1{font-family:"Manrope",sans-serif;font-size:clamp(44px,4.8vw,68px);font-weight:800;line-height:1.04;margin:14px 0 24px;letter-spacing:-.05em}.hero h1 span{color:#7fc847}.hero p{font-size:18px;max-width:670px;color:#d6e2ec;line-height:1.68}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0}.hero-points{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;font-size:14px;color:#e3eef7}.hero-points span:before{content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#65b538;color:white;margin-right:7px;font-size:12px;font-weight:900}.hero-art img{filter:drop-shadow(0 24px 35px rgba(0,0,0,.35))}.trustbar{position:relative;margin-top:-46px;z-index:4}.trustgrid{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.trustitem{padding:22px 24px}.trustitem+.trustitem{border-left:1px solid var(--line)}.trustitem strong{display:block;color:var(--navy);font-size:15px}.trustitem span{font-size:13px;color:var(--muted)}
section{padding:88px 0}.section-head{max-width:790px;margin:0 auto 42px;text-align:center}.section-head.left{margin-left:0;text-align:left}.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--green);font-weight:850}.section-head h2,.split h2,.page-hero h1{font-family:"Manrope",sans-serif;font-size:clamp(34px,3.7vw,50px);font-weight:800;line-height:1.1;letter-spacing:-.04em;margin:10px 0 16px}.section-head p,.split p,.page-hero p{font-size:18px;color:var(--muted)}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #e4eaf0;border-radius:18px;background:#fff;padding:26px;box-shadow:0 8px 26px rgba(10,33,58,.045);transition:.22s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.module-card .icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#eaf4ff;color:var(--blue);margin-bottom:18px}.module-card:nth-child(even) .icon{background:#eff9e9;color:#4c9f2a}.icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.module-card h3{font-family:"Manrope",sans-serif;margin:0;font-size:20px;font-weight:750;letter-spacing:-.02em}.tagline{font-size:13px;font-weight:800;color:var(--green);margin:3px 0 10px}.module-card p{color:var(--muted);font-size:14px}.learn{display:inline-flex;gap:8px;align-items:center;color:var(--blue);font-weight:800;font-size:14px;margin-top:8px}.layers{background:var(--soft)}.layer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.layer{padding:28px;border-radius:18px;background:white;border-top:4px solid var(--blue);box-shadow:0 10px 30px rgba(10,33,58,.05)}.layer:nth-child(even){border-top-color:var(--green)}.layer small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.layer h3{font-family:"Manrope",sans-serif;margin:10px 0;letter-spacing:-.02em}.layer p{font-size:14px;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.panel-dark{background:linear-gradient(145deg,var(--navy),#0b3f71);color:white;border-radius:28px;padding:42px;box-shadow:var(--shadow)}.panel-dark p{color:#d8e4ee}.legacy-num{font-size:92px;line-height:.8;font-weight:900;letter-spacing:-.06em;color:#fff}.legacy-num span{color:#7fc847}.brand-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.brand-link{flex:1;min-width:210px;background:white;color:var(--navy);border-radius:14px;padding:18px}.brand-link small{display:block;color:var(--muted)}.addons{display:flex;flex-wrap:wrap;gap:11px;justify-content:center}.chip{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px;font-weight:700;color:#38506a}.industries{background:linear-gradient(135deg,#051a33,#083a69);color:white}.industries .section-head p{color:#cfdfec}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.industry{padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);min-height:150px}.industry b{font-size:18px}.industry p{font-size:13px;color:#c5d7e6}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.why .num{font-size:14px;color:var(--green);font-weight:900}.why h3{font-family:"Manrope",sans-serif;font-size:19px;margin:7px 0;letter-spacing:-.02em}.why p{font-size:14px;color:var(--muted)}.cta-band{padding:0 0 88px}.cta-box{background:linear-gradient(115deg,#0a5cac,#0b2e56 70%);border-radius:28px;color:white;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-box h2{font-family:"Manrope",sans-serif;margin:0 0 8px;font-size:35px;letter-spacing:-.035em}.cta-box p{margin:0;color:#d9e8f5}
.page-hero{padding:86px 0;background:linear-gradient(145deg,#f2f7fb,#fff)}.page-hero .container{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.page-hero .pill{display:inline-block;padding:8px 12px;border-radius:999px;background:#eaf4ff;color:var(--blue);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.page-art{border-radius:24px;background:linear-gradient(150deg,#052a50,#0a65ac);min-height:350px;padding:36px;color:white;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow)}.page-art .bigicon svg{width:76px;height:76px}.page-art .layername{font-size:14px;color:#b9d7ef}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:22px;border:1px solid var(--line);border-radius:16px}.feature h3{font-size:17px;margin:0 0 8px}.feature p{font-size:14px;color:var(--muted);margin:0}.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.outcome{background:#f4f8fb;padding:22px;border-radius:16px;border-left:4px solid var(--green);font-weight:750;color:#28425d}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:stretch}.flow-step{padding:22px 15px;border-radius:15px;background:#fff;border:1px solid var(--line);text-align:center;font-size:13px;font-weight:750}.flow-step:not(:last-child):after{content:"→";color:var(--green);font-size:22px;float:right;margin-right:-26px}.content-prose{max-width:840px}.content-prose h2{font-size:34px;margin-top:42px}.content-prose h3{font-size:22px;margin-top:30px}.content-prose p,.content-prose li{color:var(--muted)}.content-prose ul{padding-left:20px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px}.contact-card{padding:30px;border-radius:20px;background:var(--navy);color:white}.contact-card p{color:#cfdfec}.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form label{font-size:13px;font-weight:750;color:#395069}.form input,.form select,.form textarea{width:100%;padding:13px 14px;border:1px solid #cfdbe6;border-radius:10px;font:inherit;margin-top:6px}.form .full{grid-column:1/-1}.form textarea{min-height:130px}.form-status{font-size:13px;color:var(--green);font-weight:750;margin-top:10px}.notice{border:1px solid #cfe4f7;background:#f4faff;padding:16px;border-radius:12px;color:#3e5b75;font-size:13px}
footer{background:#04172d;color:#d0deea;padding:56px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:36px}.footer-logo{width:225px;filter:brightness(0) invert(1);opacity:.98;margin-bottom:16px}.footer-grid h4{color:white;margin:0 0 13px}.footer-grid a{display:block;color:#b8cada;font-size:13px;margin:8px 0}.footer-grid a:hover{color:#9add67}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#91a9bd}
@media(max-width:980px){.navlinks{display:none;position:absolute;top:84px;left:0;right:0;background:#fff;padding:20px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.navlinks>a,.dropbtn{padding:8px 0}.dropdown-menu{position:static;width:100%;box-shadow:none;display:grid;margin-top:6px}.navcta{display:none}.menu-toggle{display:block}.hero-grid,.split,.page-hero .container,.contact-grid{grid-template-columns:1fr}.hero-grid{padding-top:55px}.hero-art{max-width:680px}.trustgrid{grid-template-columns:1fr 1fr}.trustitem:nth-child(3){border-left:0}.trustitem:nth-child(n+3){border-top:1px solid var(--line)}.module-grid,.feature-grid{grid-template-columns:1fr 1fr}.layer-grid,.industry-grid,.outcome-grid{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr}.flow-step:not(:last-child):after{content:"↓";float:none;display:block;margin:8px 0 -32px}}
@media(max-width:640px){.container{width:min(100% - 28px,1240px)}.topbar .container{justify-content:center}.topbar .right{display:none}.brand img{width:170px}.navinner{min-height:72px}.navlinks{top:72px}.hero-grid{min-height:auto;padding:54px 0 85px}.hero h1{font-size:43px}.hero p{font-size:17px}.hero-points{display:grid;gap:9px}.trustgrid,.module-grid,.feature-grid,.layer-grid,.industry-grid,.outcome-grid,.why-grid,.footer-grid,.form{grid-template-columns:1fr}.trustitem{border-left:0!important;border-top:1px solid var(--line)}.trustitem:first-child{border-top:0}.industry-grid{gap:10px}.industry{min-height:auto}.cta-box{padding:32px;display:block}.cta-box .btn{margin-top:22px}.page-hero{padding:55px 0}.page-art{min-height:280px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.form .full{grid-column:auto}}


/* MODSO SaaS visual refinement v1.1 */
h1,h2,h3,h4{font-family:"Manrope",sans-serif}
button,a{outline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(9,98,184,.22)}
.navinner:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(109,188,58,.18),rgba(9,98,184,.13),transparent);pointer-events:none}
.navinner{position:relative}
@media(max-width:1100px){.navlinks{gap:18px;font-size:13px}.brand img{width:175px}.navcta{padding:10px 14px;font-size:13px}}