@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#071a36;--navy2:#0a2749;--blue:#075acb;--cyan:#02bde8;--ink:#10233e;--muted:#596b7e;--line:#dce6ed;--soft:#f1f7fb;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.55;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 48px));margin:0 auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',Arial,sans-serif;letter-spacing:-.055em}h1{font-size:clamp(3.4rem,6.2vw,6.75rem);line-height:1.04;font-weight:800}h2{font-size:clamp(2.5rem,4.3vw,4.65rem);line-height:1.11;font-weight:800}h3{font-size:1.35rem;line-height:1.25;letter-spacing:-.035em}em{font-style:normal;color:#17bfe8}p{color:var(--muted)}
.site-header{position:relative;z-index:10;background:#fff;border-bottom:1px solid #e8eef3}.nav-wrap{height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:1.43rem;font-weight:800;letter-spacing:-.065em;line-height:1}.brand-accent,.footer-brand span{color:#0889d5}.brand small{display:block;font-size:.51rem;letter-spacing:.17em;font-weight:700;color:#71869b;margin-top:8px}.brand-mark{width:34px;height:34px;position:relative;display:block}.brand-mark i{position:absolute;display:block;border-radius:4px;transform:rotate(-38deg);width:10px;height:31px;background:#0590e8;top:2px}.brand-mark i:nth-child(1){left:2px}.brand-mark i:nth-child(2){left:13px;background:#18c7ea;top:6px;height:24px}.brand-mark i:nth-child(3){left:24px;background:#0755cb;top:2px}.main-nav{display:flex;align-items:center;gap:33px}.main-nav>a{font-weight:700;font-size:.9rem;color:#485b70;transition:color .2s}.main-nav>a:hover,.main-nav>a.active{color:#007acb}.main-nav .nav-contact{color:#fff;background:var(--navy);padding:12px 19px;border-radius:7px}.main-nav .nav-contact:hover{color:#fff;background:#075acb}.menu-toggle{display:none;background:none;border:0;padding:10px;cursor:pointer}.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px 0}
.hero{background:radial-gradient(circle at 65% 25%,#164c73 0,transparent 42%),linear-gradient(135deg,#061527 0%,#082443 60%,#082e50 100%);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:47% 53%;min-height:670px;align-items:center;gap:30px;padding-top:75px;padding-bottom:65px}.hero-copy{padding-right:10px;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:.72rem;letter-spacing:.18em;color:#086dad;text-transform:uppercase}.eyebrow.light{color:#63d7f5}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#19c8f0;box-shadow:0 0 0 5px #10b8e82e}.hero h1{margin:25px 0 24px}.hero-lead{font-size:1.12rem;line-height:1.75;color:#c6d6e3;max-width:510px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;border-radius:7px;padding:16px 22px;font-size:.91rem;font-weight:800;line-height:1.1;transition:transform .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(110deg,#03a8ed,#0864dc);color:#fff;box-shadow:0 10px 30px #0068d130}.button-primary:hover{background:#0066d1}.text-link{font-size:.91rem;font-weight:700;color:#fff;border-bottom:1px solid #6a91ad;padding-bottom:5px}.hero-micro{display:flex;gap:19px;flex-wrap:wrap;margin-top:54px;color:#a5c3d9;font-size:.75rem;font-weight:700}.hero-micro span:not(:first-child){border-left:1px solid #5a7d98;padding-left:19px}.hero-visual{margin-left:10px;background:#eaf4f9;border:1px solid #91bed3;border-radius:18px;box-shadow:0 35px 70px #0007;overflow:hidden;transform:translateY(0);animation:hero-float 6s ease-in-out infinite}.hero-visual-top,.visual-caption{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;color:#30536d;letter-spacing:.13em;font-size:.65rem;font-weight:800}.hero-visual img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.visual-caption{letter-spacing:0;font-size:.8rem}.visual-caption strong{font-family:Manrope,sans-serif;font-size:1.25rem;color:var(--navy)}.visual-caption b{color:var(--blue);font-size:1.2rem;margin-left:8px}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff2c;color:#7cb3d1;font-size:.66rem;letter-spacing:.17em;font-weight:700;padding:20px 0 28px}
.section{padding:108px 0}.section-head{max-width:680px;margin-bottom:48px}.section-head h2{margin:17px 0}.section-head p{font-size:1.07rem;max-width:540px}.section-head.centered{text-align:center;margin-left:auto;margin-right:auto}.section-head.centered p{margin-left:auto;margin-right:auto}.features{display:grid;gap:16px}.features.three{grid-template-columns:repeat(3,1fr)}.features.four{grid-template-columns:repeat(4,1fr)}.feature{padding:34px;border:1px solid var(--line);border-radius:12px;background:#fff;min-height:218px}.feature p{margin-bottom:0;font-size:.97rem}.feature-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:#e9f8fc;color:#067aca;border-radius:10px;font-size:1.5rem;margin-bottom:31px;font-weight:700}.fineprint{font-size:.78rem;line-height:1.6;color:#6d7c89;margin:20px 0 0}.feature-strip{background:#fff}.soft{background:var(--soft)}.split-section{background:#edf6fa}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.split-grid h2{margin:16px 0}.split-copy>p{font-size:1.13rem;line-height:1.8}.mini-list{margin:26px 0 24px;border-top:1px solid #cbdce6}.mini-list>div{display:flex;gap:25px;align-items:center;padding:18px 0;border-bottom:1px solid #cbdce6}.mini-list span{font-size:.72rem;font-weight:800;color:#0985c9}.mini-list strong{font-family:Manrope,sans-serif;font-size:1.04rem}.inline-link{font-weight:800;color:#096fbc;display:inline-block;margin-top:20px;border-bottom:1px solid #096fbc;padding-bottom:4px}.contact-band{background:var(--navy);color:#fff;padding:76px 0}.band-grid{display:flex;align-items:center;justify-content:space-between;gap:50px}.contact-band h2{font-size:clamp(2.2rem,3.6vw,3.6rem);margin:13px 0;max-width:750px}.contact-band p{color:#afc6d7;margin:0}.button-white{background:#fff;color:#07305c;min-width:205px}
.subhero{padding:112px 0 120px;color:#fff;background:radial-gradient(circle at 82% 30%,#125989 0,transparent 42%),linear-gradient(135deg,#071a36,#0a315b)}.subhero .container{max-width:1180px}.subhero h1{max-width:900px;margin:20px 0 20px}.subhero p{color:#c6d8e8;font-size:1.19rem;max-width:650px;line-height:1.7}.subhero .button{margin-top:12px}.ai-hero{background:radial-gradient(circle at 76% 24%,#13517c,transparent 37%),linear-gradient(135deg,#071a36,#0b3159)}.product-showcase{background:#fff}.poster-link{display:block;position:relative;overflow:hidden;border-radius:15px;box-shadow:0 25px 60px #102f5a25;border:1px solid #d4e2ea}.poster-link img{width:100%;height:auto}.poster-link>span{position:absolute;right:16px;bottom:16px;background:#fff;color:#062653;padding:10px 14px;font-weight:800;font-size:.8rem;border-radius:5px;box-shadow:0 3px 16px #0003}.solution-grid .feature{min-height:245px;transition:transform .2s,box-shadow .2s}.solution-grid a.feature:hover{transform:translateY(-4px);box-shadow:0 14px 32px #08284713}.card-arrow{display:inline-block;margin-top:20px;color:#067ac3;font-size:.82rem;font-weight:800}.steps>div{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid #ccdce6}.steps>div:first-child{border-top:1px solid #ccdce6}.steps b{color:#0b91c9;font-size:.77rem}.steps strong{font-size:1.08rem;font-family:Manrope,sans-serif}.steps p{margin:6px 0 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-grid h2{margin:15px 0}.contact-grid>div:first-child>p{font-size:1.1rem;max-width:400px}.contact-card{padding:36px;background:#f2f8fb;border:1px solid var(--line);border-radius:14px}.contact-card>div{padding:17px 0;border-bottom:1px solid #d5e3ec;display:flex;flex-direction:column;gap:6px}.contact-card>div:first-child{padding-top:0}.contact-card>div span{color:#72869a;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.contact-card a:not(.button),.contact-card strong{font-size:1.13rem;font-weight:700}.contact-card .button{margin-top:28px}
.site-footer{background:#051426;color:#a3b6c5;padding:64px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:50px}.footer-brand{font-family:Manrope,sans-serif;font-weight:800;font-size:1.55rem;letter-spacing:-.055em;color:#fff}.footer-grid p{max-width:280px;color:#9eb1c2;margin-top:13px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:12px;font-size:.87rem}.footer-grid strong{color:#fff;margin-bottom:6px}.footer-grid a:hover{color:#48cafa}.footer-base{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff24;margin-top:48px;padding-top:22px;font-size:.76rem;color:#7c95a8}
@media(max-width:1000px){.main-nav{gap:18px}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(3.1rem,5.9vw,5rem)}.features.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:min(100% - 36px,1180px)}.nav-wrap{height:74px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;box-shadow:0 18px 30px #061b3222;padding:18px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav>a{padding:13px}.main-nav .nav-contact{margin-top:7px;text-align:center}.hero-grid{grid-template-columns:1fr;min-height:0;padding-top:75px;padding-bottom:48px;gap:48px}.hero-copy{padding:0}.hero h1{font-size:clamp(3rem,9vw,5rem)}.hero-visual{margin-left:0;transform:none}.hero-micro{margin-top:34px}.hero-bottom{font-size:.54rem}.features.three,.features.four{grid-template-columns:repeat(2,1fr)}.split-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.band-grid{align-items:start;flex-direction:column;gap:25px}.section{padding:76px 0}.subhero{padding:75px 0 85px}.subhero h1{font-size:clamp(3.1rem,8vw,5.5rem)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:540px){.hero-lead{font-size:1rem}.hero-actions{gap:22px}.hero-micro{font-size:.69rem;gap:10px}.hero-micro span:not(:first-child){padding-left:10px}.hero-visual-top{font-size:.53rem}.visual-caption{align-items:flex-start;gap:10px}.visual-caption span{max-width:180px}.features.three,.features.four{grid-template-columns:1fr}.feature{min-height:0;padding:27px}.feature-icon{margin-bottom:22px}.section-head{margin-bottom:32px}.poster-link>span{position:static;display:block;text-align:center;border-radius:0}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-base{flex-direction:column}.contact-card{padding:26px}.hero-bottom span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@keyframes hero-float{0%,100%{transform:translateY(0);box-shadow:0 35px 70px #0007}50%{transform:translateY(-10px);box-shadow:0 45px 80px #0008}}
@media(prefers-reduced-motion:reduce){.hero-visual{animation:none}}
@media(max-width:760px){.hero-visual{animation:none}}

/* Device range */
.device-section{background:#f2f7fa}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.device-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #dce8ef;border-radius:14px;box-shadow:0 14px 28px #082c4b0e;transition:transform .25s,box-shadow .25s}.device-card:hover{transform:translateY(-5px);box-shadow:0 24px 42px #082c4b20}.device-image{height:220px;background:#101b2b;overflow:hidden}.device-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.device-info{padding:25px 25px 28px;display:flex;flex-direction:column;flex:1}.device-info>span{font-size:.65rem;font-weight:800;letter-spacing:.15em;color:#087dc5}.device-info h3{font-family:Manrope,sans-serif;font-size:1.55rem;color:var(--navy);margin:12px 0 8px}.device-info p{color:#5c7183;line-height:1.65;margin:0 0 20px}.device-info b{color:#087ac5;margin-top:auto;font-size:.86rem}.image-credit{color:#74889b;font-size:.79rem;line-height:1.65;margin:22px 0 0}.image-credit a{color:#116da7;text-decoration:underline;text-underline-offset:3px}.sunmi-poster{border-radius:14px;overflow:hidden;background:#091a2a;box-shadow:0 20px 55px #0a27452a}.sunmi-poster img{display:block;width:100%;height:auto}
@media(max-width:1000px){.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.device-grid{grid-template-columns:1fr}.device-image{height:225px}.device-info{padding:22px}}