:root{--navy:#102b4d;--navy2:#153c62;--blue:#274998;--sky:#51c2eb;--cyan:#76def1;--ink:#18334b;--muted:#557083;--light:#f2f7fa;--line:#dce9f0;--white:#fff;--shadow:0 20px 52px rgba(16,43,77,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.nav{background:white;position:sticky;top:0;z-index:90;border-bottom:1px solid #e9eef2}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px}.brand{display:flex;gap:11px;align-items:center}.brand img{height:48px;width:48px;object-fit:contain}.brand strong{display:block;font-size:24px;letter-spacing:.035em;color:#294990;line-height:1}.brand small{display:block;font-weight:650;color:#58748a;font-size:9px;letter-spacing:.13em;margin-top:7px}.nav-links{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:750}.nav-links a:not(.btn):hover{color:#087ca7}.btn{border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;font-weight:800;font-size:13px;border:1px solid transparent;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--sky);color:#12314e}.btn.white{background:white;color:#17416b}.btn.outline{border-color:#b7cede;color:#fff}.menu{display:none;background:none;border:0;color:var(--navy);font-size:26px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#168fbb}.eyebrow.light{color:#8dddf1}.hero-intro{background:linear-gradient(138deg,#0e2646 0%,#173e62 100%);color:#fff;padding:66px 0 52px}.hero-intro .intro-grid{display:grid;grid-template-columns:1.45fr .55fr;align-items:end;gap:45px}.hero-intro h1{font-size:clamp(36px,5vw,67px);line-height:1.03;letter-spacing:-.05em;margin:19px 0 18px;max-width:940px}.hero-intro p{font-size:17px;line-height:1.65;color:#d1e2ee;max-width:690px;margin:0}.hero-intro .intro-side{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding-bottom:10px}.hero-intro .intro-side span{font-size:12px;color:#c2d5e5;line-height:1.6}.hero-intro .intro-side strong{color:#fff}.carousel-shell{background:#0e2646;padding:0 0 38px}.carousel{position:relative;overflow:hidden;border-radius:15px;min-height:520px;background:#1a3956;box-shadow:0 22px 58px rgba(0,0,0,.22)}.slides{height:520px;position:relative}.slide{position:absolute;inset:0;display:grid;grid-template-columns:53% 47%;opacity:0;visibility:hidden;transition:opacity .75s ease,visibility .75s}.slide.active{opacity:1;visibility:visible}.slide-copy{padding:clamp(28px,5vw,68px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(125deg,#173c60,#10304f);color:white}.slide-tag{border:1px solid rgba(138,227,243,.38);border-radius:50px;color:#9be5f3;padding:9px 13px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.slide h2{font-size:clamp(28px,3.6vw,48px);letter-spacing:-.04em;line-height:1.08;margin:23px 0 12px}.slide .challenge{color:#9ddce8;font-weight:800;font-size:13px}.slide p{color:#d1e3ed;line-height:1.6;font-size:15px;max-width:470px}.slide .solution{border-top:1px solid #486783;margin-top:18px;padding-top:16px;width:100%;font-size:12px;color:#a9c8dc}.slide .solution b{color:white}.slide-media{position:relative;overflow:hidden}.slide-media img{width:100%;height:100%;object-fit:cover;object-position:center 33%;filter:saturate(.93)}.slide-media:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(16,48,79,.22),transparent 55%)}.carousel-controls{position:absolute;bottom:20px;right:22px;z-index:4;display:flex;gap:12px;align-items:center;padding:9px;border-radius:40px;background:rgba(8,31,52,.75);backdrop-filter:blur(8px)}.carousel-controls button{background:transparent;border:0;color:#fff;font-size:20px;width:30px;height:30px}.dots{display:flex;gap:7px}.dots button{width:8px;height:8px;border-radius:12px;padding:0;background:#879fb0;transition:width .2s,background .2s}.dots button[aria-current="true"]{width:22px;background:var(--cyan)}.section{padding:92px 0}.section.soft{background:var(--light)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:33px}.section h2{font-size:clamp(31px,3.7vw,48px);line-height:1.12;letter-spacing:-.043em;margin:13px 0}.section .lead{max-width:570px;line-height:1.7;color:var(--muted);font-size:15px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{background:white;border:1px solid #e1ebf1;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(22,53,83,.045);display:flex;flex-direction:column}.product .pic{background:#e7f3fa;aspect-ratio:1.55;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:17px}.product .pic img{max-height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 12px 13px rgba(8,41,68,.09))}.product .body{padding:25px;display:flex;flex-direction:column;flex:1}.product h3{font-size:23px;letter-spacing:-.035em;margin:12px 0 8px}.product p{color:var(--muted);font-size:14px;line-height:1.65;flex:1}.more{color:#087fa9;font-weight:850;font-size:13px;display:inline-block;margin-top:8px}.more:hover{text-decoration:underline}.value{background:#102c4e;color:white}.value .lead{color:#c2d6e7}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.value-card{padding:26px 22px;background:#1a3d5d;border:1px solid #39607c;border-radius:13px}.value-card .icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#255679;font-size:24px}.value-card h3{font-size:17px;line-height:1.25;margin:23px 0 9px}.value-card p{font-size:13px;line-height:1.7;color:#cadeea;margin:0}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.case{border:1px solid #e0e9ee;background:#fff;border-radius:14px;padding:28px;box-shadow:0 8px 26px #102d5009}.case .n{font-size:12px;color:#1391b9;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.case h3{font-size:22px;letter-spacing:-.03em;line-height:1.2;margin:19px 0}.case p{font-size:14px;color:#587085;line-height:1.65}.case small{display:block;font-size:11px;line-height:1.5;color:#657f8f}.intelligence{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.intel-screen{background:#e8f5fa;padding:24px;border-radius:19px}.intel-screen img{width:100%;display:block;border-radius:8px}.closing{background:linear-gradient(135deg,#173c60,#0c2543);color:white;padding:77px 0}.closing-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:start}.closing h2{font-size:clamp(32px,4vw,51px);line-height:1.1;letter-spacing:-.04em;margin:14px 0}.closing p{color:#c8deeb;line-height:1.8}.contact-form{background:#fff;border-radius:15px;padding:26px;color:var(--ink);display:grid;gap:14px}.contact-form label{display:grid;gap:6px;font-size:12px;font-weight:750}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:12px 13px;border:1px solid #d5e3ec;border-radius:8px;color:var(--ink);background:#fafcfd}.contact-form textarea{min-height:90px;resize:vertical}.contact-form button{width:100%}.form-note{font-size:11px;color:#617b89;line-height:1.5}.footer{background:#071d33;color:#b5c9d9;padding:28px 0}.footer .wrap{display:flex;justify-content:space-between;gap:18px;align-items:center}.footer strong{color:white}.footer small{font-size:11px}.tiny-banner{background:#e6f3f7;padding:11px;text-align:center;font-size:11px;font-weight:700;color:#3f697e}.tiny-banner button{margin-left:10px;border:0;background:none;color:#087ba4;font-weight:850;text-decoration:underline}.skip-link{position:absolute;top:-100px;left:10px;z-index:120;background:#fff;padding:10px}.skip-link:focus{top:10px}
@media(max-width:900px){.nav-links{gap:14px}.nav-links a:not(.btn){font-size:12px}.hero-intro .intro-grid{grid-template-columns:1fr}.hero-intro .intro-side{flex-direction:row;align-items:center}.slide{grid-template-columns:57% 43%}.slide-copy{padding:30px}.slide h2{font-size:36px}.card-grid,.case-grid{gap:13px}.value-grid{grid-template-columns:repeat(2,1fr)}.closing-grid{gap:35px}}
@media(max-width:700px){.wrap{width:min(100% - 32px,1180px)}.nav-inner{min-height:70px}.brand img{height:43px;width:43px}.brand strong{font-size:20px}.menu{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;padding:24px;box-shadow:0 16px 30px #0c2d4c1a}.nav-links.open{display:flex}.hero-intro{padding:48px 0 32px}.hero-intro h1{font-size:42px}.hero-intro p{font-size:15px}.hero-intro .intro-side{align-items:flex-start;flex-direction:column}.carousel{min-height:675px}.slides{height:675px}.slide{display:flex;flex-direction:column-reverse}.slide-media{height:40%;flex-shrink:0}.slide-copy{height:60%;padding:27px 25px 52px}.slide h2{font-size:clamp(27px,7vw,37px);margin:15px 0 7px}.slide p{font-size:13px;margin:7px 0}.slide .solution{margin-top:8px;padding-top:9px}.carousel-controls{bottom:9px;right:9px}.section{padding:65px 0}.section-top{display:block}.card-grid,.case-grid,.intelligence,.closing-grid{grid-template-columns:1fr}.card-grid{gap:18px}.value-grid{grid-template-columns:1fr 1fr}.value-card{padding:18px}.case-grid{gap:15px}.intelligence{gap:20px}.footer .wrap{flex-direction:column;align-items:start}}
@media(max-width:420px){.hero-intro h1{font-size:35px}.slide h2{font-size:27px}.slide-copy{padding:22px 20px 52px}.slide .solution{font-size:11px}.value-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* V1.1 — clearer story structure and value journey */
.slide .challenge{font-size:11px;letter-spacing:.13em;color:#88d9eb;font-weight:800;margin-top:15px}
.story-detail{display:grid;gap:12px;margin-top:10px;margin-bottom:14px}
.story-line{border-left:2px solid rgba(133,221,237,.52);padding-left:12px}
.story-label{display:block;color:#90ddeb;font-size:10px;font-weight:800;letter-spacing:.11em;margin-bottom:4px}
.story-line p{margin:0;color:#eef6fb;font-size:13px;line-height:1.5}
.slide .solution{margin-top:13px}
.slide .solution b{display:block;line-height:1.5;margin:6px 0 3px}
.quickstart{background:#eaf3f8}.quickstart .section-top{max-width:850px}.quickstart .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:24px}.quickstart .steps>div{background:#fff;border:1px solid #d6e6ef;border-radius:13px;padding:20px}.quickstart .steps span{font-weight:800;color:#118aae;font-size:13px}.quickstart .steps h3{font-size:19px;margin:9px 0}.quickstart .steps p{color:#405670;line-height:1.55;font-size:14px;margin:0}
@media(max-width:800px){.quickstart .steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.quickstart .steps{grid-template-columns:1fr}.story-line p{font-size:12px}}

.subhero{background:linear-gradient(130deg,#102b4d,#1c5075);color:white;padding:72px 0}.subhero h1{font-size:clamp(36px,5vw,60px);letter-spacing:-.04em;line-height:1.07;max-width:900px;margin:12px 0}.subhero p{max-width:760px;line-height:1.7;color:#d7e7ef;font-size:17px}.split{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px}.split img{width:100%;border-radius:16px;box-shadow:var(--shadow)}.bullets{display:grid;gap:12px;padding:0;list-style:none}.bullets li{padding:13px 15px;background:#f0f6f9;border-left:4px solid #49bfdc;border-radius:6px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{border:1px solid #dce8ed;padding:22px;border-radius:14px}.step b{color:#168db6}.small-label{font-weight:800;letter-spacing:.12em;font-size:11px;color:#1896ba;text-transform:uppercase}.note{background:#edf6fa;padding:16px 20px;border-radius:10px;font-size:13px;color:#4c6678;line-height:1.6}.faq{padding:20px 0;border-bottom:1px solid #dce8ed}.faq h3{margin:0 0 8px}.faq p{line-height:1.65;color:#557083}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.app-grid img{width:100%;height:190px;object-fit:contain;background:#e9f3f7;border-radius:12px;padding:10px}.app-tile{border:1px solid #d9e6ec;border-radius:15px;padding:22px;display:flex;flex-direction:column;gap:12px}.app-tile p{line-height:1.6;flex:1;color:#547084}.story{border:1px solid #dce8ef;border-radius:16px;padding:28px;background:#fff}.story p{line-height:1.7;color:#526c80}.story h3{font-size:24px;margin:10px 0}.pill{display:inline-block;background:#e5f3f9;border-radius:99px;color:#126f96;font-size:11px;font-weight:800;padding:7px 11px}.cta-band{background:#123052;color:white;padding:55px 0}.cta-band p{color:#d6e6f0}.page-footer{padding:30px 0;background:#081e33;color:#c7d9e4;font-size:12px}.page-footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px}.outline-dark{border:1px solid #166d97;color:#166d97}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.feature{background:#f3f8fa;padding:23px;border-radius:12px}.feature h3{margin:0 0 8px}.feature p{margin:0;color:#557083;line-height:1.65}.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:42px}.contact-wrap .contact-form{box-shadow:var(--shadow);border:1px solid #dce8ef}@media(max-width:800px){.split,.contact-wrap,.app-grid{grid-template-columns:1fr}.steps,.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.steps,.feature-grid{grid-template-columns:1fr}.subhero{padding:47px 0}.section{padding:54px 0}}
/* V1.4 compact desktop and responsive spacing */
@media (min-width: 901px) {
.hero-intro { padding: 33px 0 28px !important; }
.hero-intro h1 { font-size:clamp(34px,4.2vw,54px) !important; margin: 9px 0 10px !important; line-height:1.04 !important; }
.hero-intro p { font-size:15px !important; line-height:1.45 !important; }
.hero-intro .intro-grid { gap:26px !important; }
.carousel-shell { padding-bottom:23px !important; }
.carousel, .slides { min-height:410px !important; height:410px !important; }
.slide { min-height:410px !important; }
.slide-copy { padding:27px 38px !important; }
.slide h2 { font-size:clamp(27px,2.6vw,38px) !important; margin:12px 0 8px !important; }
.slide p { font-size:13px !important; line-height:1.42 !important; }
.slide .solution { margin-top:8px !important; padding-top:9px !important; }
.slide .story-detail { margin:10px 0 !important; }
.slide .story-line { padding-top:4px !important; padding-bottom:4px !important; }
.section { padding-top:56px !important; padding-bottom:56px !important; }
.section-top { margin-bottom:22px !important; }
.section h2 { font-size:clamp(29px,3.1vw,40px) !important; margin:8px 0 !important; }
.value-card, .case { padding:20px !important; }
.product .body { padding:20px !important; }
.closing { padding:53px 0 !important; }
}
@media (max-width:900px) {
.hero-intro { padding:42px 0 32px !important; }
.section { padding-top:52px !important; padding-bottom:52px !important; }
.carousel-shell { padding-bottom:22px !important; }
}
@media (max-width:620px) {
.hero-intro { padding:32px 0 26px !important; }
.section { padding-top:40px !important; padding-bottom:40px !important; }
.slide-copy { padding:24px !important; }
}