:root{--navy:#0b1b2c;--navy2:#112b40;--ink:#142739;--muted:#687786;--line:#e2e8eb;--paper:#f5f7f6;--white:#fff;--teal:#56b8ae;--gold:#c7a77a;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{display:block}.icon{width:20px;height:20px;flex:none}.container{width:min(100% - 88px,1280px);margin-inline:auto}.section{padding:112px 0}.eyebrow{display:inline-flex;align-items:center;gap:12px;color:#258c8e;font-family:Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.eyebrow:before{content:"";width:22px;height:1px;background:currentColor}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:44px}.section-heading h2,.intro h2,.feature-copy h2,.flow-layout h2,.about-story h2,.contact-info h2{font-size:clamp(30px,3.3vw,48px);line-height:1.38;letter-spacing:-.045em;margin:18px 0 0;font-weight:650}.section-heading p{max-width:420px;margin:0 0 5px;color:var(--muted);font-size:15px;line-height:1.95}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid transparent;min-height:52px;padding:0 25px;font-size:14px;font-weight:650;transition:transform .22s,background .22s,color .22s,border-color .22s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn .icon{width:18px}.btn-light{background:#fff;color:var(--navy)}.btn-light:hover{background:#e4f4f1}.btn-dark{background:var(--navy);color:#fff}.btn-dark:hover{background:#214459}.btn-ghost{border-color:rgba(255,255,255,.34);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.09)}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:14px;font-weight:650;color:var(--navy);border-bottom:1px solid #aab9bf;padding-bottom:8px}.text-link .icon{width:17px}.text-link.light{color:#fff;border-color:rgba(255,255,255,.5)}
/* Header */
.site-header{height:80px;position:relative;z-index:30;background:#fff;border-bottom:1px solid rgba(17,43,64,.08)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{display:inline-flex;align-items:center;gap:11px;flex:none}.brand-mark{width:43px;height:43px;position:relative;display:flex;align-items:center;justify-content:center;transform:rotate(-17deg)}.brand-mark span{position:absolute;width:14px;height:31px;background:#173e5b;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%)}.brand-mark span:nth-child(1){left:4px;top:3px}.brand-mark span:nth-child(2){left:15px;top:8px;background:#2c7991}.brand-mark span:nth-child(3){left:26px;top:3px;background:#6ab6b3}.brand-copy{display:flex;flex-direction:column;gap:3px;line-height:1}.brand-copy strong{font-size:21px;letter-spacing:.18em;color:var(--navy);font-weight:750;white-space:nowrap}.brand-copy small{font-family:Arial,sans-serif;font-size:8px;letter-spacing:.14em;color:#5b6d77;white-space:nowrap}.main-nav{display:flex;align-items:center;gap:42px;margin-left:auto}.main-nav a{height:80px;display:inline-flex;align-items:center;position:relative;font-size:14px;color:#536574;transition:color .2s}.main-nav a:hover,.main-nav a.active{color:var(--navy);font-weight:650}.main-nav a.active:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#338e94}.header-actions{display:flex;align-items:center}.header-cta{height:40px;display:inline-flex;align-items:center;gap:15px;padding:0 15px;border:1px solid #b8cbd0;font-size:12px;font-weight:650;transition:background .2s}.header-cta:hover{background:#edf6f5}.header-cta .icon{width:15px}.menu-button{display:none;background:none;border:0;color:var(--navy);padding:8px}.mobile-nav{display:none}
/* Hero */
.hero{min-height:660px;background:radial-gradient(circle at 70% 50%,#224a59 0,transparent 35%),linear-gradient(120deg,#071827 0%,#0e2739 62%,#163747 100%);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(101,192,188,.035) 35.1%,transparent 35.5%),linear-gradient(110deg,transparent 65%,rgba(101,192,188,.04) 65.1%,transparent 65.5%);pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to right,transparent 12%,#000 70%)}.hero-inner{min-height:620px;display:grid;grid-template-columns:48% 52%;align-items:center;position:relative;z-index:1;padding:58px 0 34px}.hero-copy{position:relative;z-index:2;padding-bottom:22px}.hero-label{display:flex;align-items:center;gap:12px;color:#80c9c7;letter-spacing:.17em;font-size:12px;font-weight:650}.tiny-line{height:1px;width:27px;background:#80c9c7}.hero h1{font-size:clamp(42px,4.25vw,68px);line-height:1.32;font-weight:650;letter-spacing:-.055em;margin:28px 0 24px;white-space:nowrap}.hero h1 em{color:#a8dad2;font-style:normal}.hero-copy>p{max-width:555px;font-size:16px;line-height:2.05;color:#c6d5dd;margin:0}.hero-buttons{display:flex;gap:13px;margin-top:38px}.hero-keywords{display:flex;flex-wrap:wrap;gap:14px;margin-top:68px}.hero-keywords span{font-size:11px;color:#a9c0c8;letter-spacing:.12em;display:inline-flex;align-items:center;gap:12px}.hero-keywords span+span:before{content:"/";color:#4e7880;margin-right:2px}.hero-visual{height:540px;position:relative;display:flex;align-items:center;justify-content:flex-end}.visual-orbit{position:absolute;border:1px solid rgba(130,194,198,.16);border-radius:50%;width:680px;height:680px;right:-160px;top:-75px}.orbit-two{width:540px;height:540px;right:-82px;top:-8px;border-color:rgba(130,194,198,.11)}.dashboard{width:615px;height:390px;border-radius:13px;background:#f4f8f8;color:#213747;box-shadow:0 35px 90px rgba(0,0,0,.25);overflow:hidden;transform:perspective(1300px) rotateY(-7deg) rotateX(3deg) rotateZ(-1deg);border:1px solid rgba(255,255,255,.32);position:relative}.dash-bar{height:35px;background:#fff;display:flex;align-items:center;gap:11px;padding:0 15px;color:#78909b;font-size:9px;border-bottom:1px solid #e3ebed}.dash-dots{display:flex;gap:4px}.dash-dots i{width:5px;height:5px;border-radius:50%;background:#d0dce0}.dash-dots i:nth-child(2){background:#bad8d8}.dash-dots i:nth-child(3){background:#7fc5bf}.dash-bar-right{margin-left:auto;color:#4ba599}.dash-body{display:flex;height:calc(100% - 35px)}.dash-side{width:54px;background:#102d40;display:flex;flex-direction:column;align-items:center;gap:21px;padding-top:15px}.dash-mini-logo{font-size:10px;font-weight:800;color:#fff;margin-bottom:11px}.dash-mini-logo span{color:#78c8c1}.dash-side>span{width:17px;height:5px;background:#486676;border-radius:2px}.dash-side>span.dash-side-on{background:#71c8bb}.dash-content{flex:1;padding:22px 25px}.dash-topline{display:flex;justify-content:space-between;align-items:start}.dash-topline div{display:flex;flex-direction:column;gap:5px}.dash-topline small{font-size:10px;color:#82939b}.dash-topline strong{font-size:17px;letter-spacing:.02em}.dash-topline>span{font-size:9px;color:#a0afb5}.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.dash-metrics>div{height:76px;border-radius:5px;background:#fff;padding:10px 12px;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(17,43,64,.03)}.dash-metrics small{color:#94a4aa;font-size:8px}.dash-metrics strong{font-size:19px;color:#173c53;margin-top:4px}.dash-metrics em{font-size:8px;color:#4da5a0;font-style:normal;align-self:end;margin-top:-18px}.dash-lower{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-top:12px}.dash-chart,.dash-status{height:171px;background:#fff;border-radius:5px;padding:13px;overflow:hidden}.dash-widget-head{display:flex;justify-content:space-between;font-size:9px}.dash-widget-head>span{color:#9aa9ad}.chart-grid{height:103px;margin-top:11px;background:repeating-linear-gradient(to bottom,#eff4f4 0 1px,transparent 1px 24px)}.chart-grid svg{width:100%;height:100%}.chart-labels{display:flex;justify-content:space-between;color:#a5b3b8;font-size:8px}.status-ring{width:80px;height:80px;border-radius:50%;background:conic-gradient(#4facac 0 74%,#eaf0f0 74% 100%);display:grid;place-items:center;margin:13px auto 5px}.status-ring>div{width:61px;height:61px;background:#fff;border-radius:50%;display:grid;place-content:center;text-align:center}.status-ring strong{font-size:14px}.status-ring small{font-size:7px;color:#8a9ba2}.status-line{display:flex;justify-content:space-between;font-size:8px;color:#617681;margin-top:5px}.status-line span{display:flex;align-items:center;gap:4px}.status-line i{width:5px;height:5px;border-radius:50%;background:#55afa5}.status-line b{font-weight:400;color:#48a49b}.hero-float-card{position:absolute;right:-6px;bottom:35px;display:flex;align-items:center;gap:13px;background:#fff;color:var(--navy);padding:15px 19px;box-shadow:0 22px 42px rgba(0,0,0,.16);border-radius:4px;z-index:2}.float-icon{width:36px;height:36px;border-radius:50%;background:#e4f2ef;display:grid;place-items:center;color:#248e8e}.float-icon .icon{width:17px}.hero-float-card div{display:flex;flex-direction:column;gap:4px}.hero-float-card small{font-size:10px;color:#83939a}.hero-float-card strong{font-size:12px}.hero-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;padding-bottom:22px;color:#7597a3;font-size:10px;font-family:Arial,sans-serif;letter-spacing:.18em}.hero-bottom i{display:inline-block;width:32px;height:1px;background:#668d99;vertical-align:middle;margin:0 8px}
/* Home sections */
.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.intro h2{margin-top:24px}.intro h2 span{color:#2b8b8e}.intro-copy{padding-top:49px}.intro-copy p{font-size:16px;line-height:2.1;color:#647584;margin:0}.intro-pills{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}.intro-pills span,.overview-tags span{border:1px solid #d6e3e4;padding:9px 18px;color:#58727b;font-size:12px}.products-section,.detail-capabilities,.solutions-content{background:var(--paper)}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{background:#fff;min-height:312px;padding:29px 30px 24px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #edf0ef;transition:transform .28s,box-shadow .28s,border-color .28s;position:relative;overflow:hidden}.product-card:after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:0;background:#309d9e;transition:right .28s}.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(14,43,54,.09);border-color:#d8e9e8}.product-card:hover:after{right:0}.product-card-top{display:flex;justify-content:space-between;align-items:start}.product-index{font-size:11px;color:#9babb1;font-family:Arial,sans-serif;letter-spacing:.1em}.product-icon{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#e8f3f2;color:#298b8b}.product-icon .icon{width:21px;height:21px}.accent-amber .product-icon{background:#f5efe5;color:#ac875c}.accent-violet .product-icon{background:#f0edfa;color:#7768ac}.accent-blue .product-icon{background:#e9f0f6;color:#3c7a9b}.accent-cyan .product-icon{background:#e7f4f5;color:#228b9b}.product-category{color:#3d9090;font-size:11px;letter-spacing:.08em}.product-card h3{font-size:26px;letter-spacing:-.04em;margin:11px 0 10px;font-weight:650}.product-card p{font-size:13px;line-height:1.9;color:#6c7c88;max-width:300px;margin:0}.product-card-link{display:flex;align-items:center;gap:11px;color:#2a6874;font-size:12px;font-weight:700;margin-top:26px}.product-card-link .icon{width:16px}.feature-band{overflow:hidden;background:#143447;color:#fff}.feature-grid{min-height:555px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.feature-copy{padding:85px 0}.feature-copy .eyebrow{color:#7bc4bf}.feature-label{display:block;color:#9cc8c4;font-size:12px;margin-top:34px;letter-spacing:.09em}.feature-copy h2{margin:13px 0 23px}.feature-copy p{color:#b4cbd3;line-height:2;max-width:465px;font-size:15px;margin:0 0 31px}.phone-scene{height:555px;position:relative;display:flex;align-items:flex-end;justify-content:center}.phone-halo{width:510px;height:510px;border-radius:50%;position:absolute;border:1px solid rgba(178,217,213,.17);bottom:-85px;right:0;box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 150px rgba(255,255,255,.015)}.phone{width:255px;height:490px;border-radius:30px 30px 0 0;background:#112635;border:7px solid #0a1a27;border-bottom:0;box-shadow:0 25px 60px rgba(0,0,0,.3);z-index:1;padding:15px 8px 0}.phone-speaker{width:47px;height:5px;background:#283f4b;border-radius:9px;margin:0 auto 11px}.phone-screen{background:#f9f8f4;height:100%;border-radius:12px 12px 0 0;overflow:hidden;color:#263740}.phone-head{height:41px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;background:#fff}.phone-head small{font-size:12px;font-weight:700}.phone-head span{letter-spacing:.1em;font-size:13px}.phone-banner{height:178px;background:linear-gradient(135deg,#d2b992,#f4e8d4 50%,#b8a184);padding:20px 18px;display:flex;flex-direction:column;color:#3c352e;position:relative;overflow:hidden}.phone-banner:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.35);right:-66px;bottom:-60px;box-shadow:-38px -45px 0 9px rgba(102,72,45,.11)}.phone-banner span{font-size:7px;letter-spacing:.22em}.phone-banner strong{font-size:24px;line-height:1.35;margin-top:17px;z-index:1}.phone-banner small{font-size:8px;margin-top:8px;z-index:1}.phone-categories{display:flex;justify-content:space-around;font-size:8px;padding:17px 4px;background:#fff}.phone-categories span:before{content:"";display:block;width:26px;height:26px;margin:0 auto 6px;border-radius:50%;background:#e9dbca}.phone-categories span:nth-child(2):before{background:#dbe9e2}.phone-categories span:nth-child(3):before{background:#e9e5da}.phone-products{display:flex;gap:7px;padding:9px}.phone-products>div{flex:1;background:#fff;height:104px;padding:6px;display:flex;flex-direction:column;gap:5px}.phone-products i{height:65px;background:linear-gradient(130deg,#e6d2b6,#b89f84);border-radius:2px}.phone-products>div:nth-child(2) i{background:linear-gradient(130deg,#bed4cc,#819d98)}.phone-products span{height:4px;width:70%;background:#d4d9d6}.phone-products small{height:3px;width:45%;background:#e9ebe8}.phone-tabs{display:flex;justify-content:space-around;padding:7px 4px;color:#b1b4ae;font-size:10px;background:#fff}.phone-note{position:absolute;left:0;bottom:66px;z-index:2;background:#fff;color:var(--navy);display:flex;align-items:center;gap:14px;padding:15px 20px;box-shadow:0 17px 35px rgba(0,0,0,.13)}.phone-note strong{font-size:26px;color:#208986}.phone-note span{font-size:10px;line-height:1.6;color:#6d7d85}.approach{background:#fff}.approach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.approach-item>span{font-family:Arial,sans-serif;font-size:24px;color:#9cb6bc;font-weight:300}.approach-line{height:1px;background:#d5e0e0;position:relative;margin:22px 0 23px}.approach-line:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#318f92;left:0;top:-3px}.approach-item h3{font-size:19px;margin:0 0 9px}.approach-item p{font-size:13px;line-height:1.9;color:#71818b;margin:0;max-width:230px}.cta-section{background:linear-gradient(125deg,#0d2638,#184557);color:#fff;position:relative;overflow:hidden}.cta-section:after{content:"";position:absolute;width:550px;height:550px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-90px;top:-250px;box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 190px rgba(255,255,255,.02)}.cta-inner{position:relative;z-index:1;min-height:290px;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-inner .eyebrow{color:#8bd0cc}.cta-inner h2{font-size:36px;letter-spacing:-.04em;margin:16px 0 12px}.cta-inner p{font-size:14px;color:#afcad2;margin:0}.cta-inner .btn{min-width:170px}
/* Inner pages */
.page-hero{min-height:350px;padding:80px 0 72px;color:#fff;background:radial-gradient(circle at 78% 15%,rgba(80,156,162,.25),transparent 29%),linear-gradient(110deg,#0c2031,#173b4d);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:670px;height:670px;border:1px solid rgba(170,220,216,.12);border-radius:50%;right:-115px;top:-340px;box-shadow:0 0 0 90px rgba(170,220,216,.025),0 0 0 180px rgba(170,220,216,.018)}.page-hero .container{position:relative;z-index:1}.page-hero .eyebrow{color:#83c9c5}.page-hero h1{font-size:clamp(42px,4.6vw,66px);font-weight:650;letter-spacing:-.06em;margin:18px 0 17px}.page-hero p{max-width:690px;color:#bbd1d8;font-size:16px;line-height:1.9;margin:0}.page-hero-meta{display:flex;gap:28px;margin-top:36px;color:#9ac3c6;font-size:11px;letter-spacing:.08em}.page-hero-meta span+span:before{content:"/";margin-right:28px;color:#668c97}.solution-intro{max-width:700px;margin-bottom:42px}.solution-intro h2{font-size:36px;line-height:1.4;margin:17px 0 12px;letter-spacing:-.04em}.solution-intro p{font-size:14px;color:#71818b;line-height:1.9}.compare-section{background:#fff}.compare-table-wrap{overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;text-align:left;min-width:750px}.compare-table th{font-size:12px;color:#79909a;font-weight:500;border-bottom:1px solid #d6e1e3;padding:18px 16px}.compare-table td{border-bottom:1px solid #e8eeef;padding:22px 16px;font-size:13px;color:#6b7c86}.compare-table td:first-child{width:20%;color:var(--navy)}.compare-table td:nth-child(2){width:16%}.compare-table td:nth-child(3){width:54%}.compare-table td:last-child{width:10%;color:#278c8b}.compare-table td .icon{width:18px}.compare-table tr:hover td{background:#f7faf9}
/* Detail pages */
.detail-hero{min-height:560px;overflow:hidden;background:#eff4f3}.detail-hero.accent-amber{background:#f6f3ec}.detail-hero.accent-violet{background:#f2f1f7}.detail-hero.accent-blue{background:#eef3f6}.detail-hero.accent-cyan{background:#edf5f5}.detail-hero-grid{min-height:560px;display:grid;grid-template-columns:48% 52%;align-items:center;gap:20px}.detail-hero-copy{padding:65px 0}.breadcrumbs{display:flex;gap:11px;color:#7d919a;font-size:12px;margin-bottom:48px}.breadcrumbs a:hover{color:#267f87}.breadcrumbs span{color:#b3c3c7}.detail-hero-copy .eyebrow{font-size:11px}.detail-hero h1{font-size:clamp(48px,5vw,70px);line-height:1.25;letter-spacing:-.06em;margin:18px 0 13px;font-weight:650}.detail-lead{font-size:21px;line-height:1.65;margin:0 0 18px;max-width:560px;font-weight:600}.detail-summary{font-size:14px;color:#607784;line-height:1.9;max-width:525px;margin:0}.detail-hero-actions{display:flex;align-items:center;gap:25px;margin-top:34px}.detail-visual{min-height:440px;position:relative;display:flex;align-items:center;justify-content:center}.dashboard-visual .dashboard{width:570px;height:362px;transform:perspective(1300px) rotateY(-6deg) rotateX(2deg);box-shadow:0 30px 65px rgba(20,54,71,.15)}.dashboard-visual .dash-chart,.dashboard-visual .dash-status{height:145px}.dashboard-visual .dash-content{padding:17px 21px}.dashboard-visual .dash-metrics{margin-top:13px}.dashboard-visual .dash-lower{margin-top:9px}.commerce-visual{overflow:hidden}.commerce-circle{width:430px;height:430px;border-radius:50%;background:#e6dac8;position:absolute;right:10px;top:30px}.commerce-card{width:328px;height:380px;background:linear-gradient(145deg,#a88d6a,#e0cfb5 56%,#b99d79);color:#fff;padding:35px;position:relative;z-index:1;box-shadow:0 30px 60px rgba(75,56,32,.18)}.commerce-card>span{font-size:13px;letter-spacing:.12em}.commerce-card h3{font-size:39px;line-height:1.42;margin:49px 0 0;font-weight:600}.commerce-card small{font-size:10px;letter-spacing:.2em;position:absolute;bottom:25px}.commerce-shapes i{position:absolute;display:block;border-radius:50%;background:rgba(255,255,255,.25)}.commerce-shapes i:nth-child(1){width:170px;height:170px;right:-42px;bottom:10px}.commerce-shapes i:nth-child(2){width:120px;height:120px;right:45px;bottom:45px;background:rgba(80,64,43,.13)}.commerce-shapes i:nth-child(3){width:75px;height:75px;right:80px;bottom:65px;background:rgba(255,255,255,.18)}.visual-caption{position:absolute;right:0;bottom:31px;background:#fff;padding:14px 17px;z-index:2;box-shadow:0 10px 30px rgba(0,0,0,.08);color:#87745d;font-size:11px;letter-spacing:.1em}.learning-screen{width:535px;height:350px;background:#fff;box-shadow:0 28px 50px rgba(48,42,84,.14);border-radius:9px;overflow:hidden;transform:rotate(-2deg)}.learning-top{height:40px;padding:12px 18px;font-size:11px;font-weight:650;display:flex;justify-content:space-between}.learning-banner{height:173px;background:linear-gradient(110deg,rgba(20,30,56,.2),rgba(15,28,53,.05)),radial-gradient(circle at 74% 20%,#eca98c,transparent 30%),linear-gradient(140deg,#526d92,#1b3457 72%);color:#fff;padding:27px 36px;display:flex;flex-direction:column;gap:20px}.learning-banner small{font-size:8px;letter-spacing:.2em}.learning-banner strong{font-size:26px;line-height:1.4}.learning-course-row{height:45px;padding:17px 22px;display:flex;gap:28px;font-size:10px;color:#526778}.learning-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:0 20px}.learning-tiles i{height:78px;border-radius:3px;background:linear-gradient(135deg,#b9cbd4,#718fa8)}.learning-tiles i:nth-child(2){background:linear-gradient(135deg,#d0cdbb,#9d9479)}.learning-tiles i:nth-child(3){background:linear-gradient(135deg,#bac9c6,#829c96)}.alert-glow{width:490px;height:420px;border-radius:50%;background:#dceced;filter:blur(15px);position:absolute}.alert-panel{width:555px;height:350px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 27px 55px rgba(23,65,84,.15);position:relative}.alert-panel-top{height:50px;background:#173b52;color:#fff;padding:0 21px;display:flex;align-items:center;justify-content:space-between}.alert-panel-top>span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650}.alert-panel-top .icon{width:17px}.alert-panel-top small{color:#a7c5ca;font-size:9px}.alert-map{height:203px;background-color:#ecf3f2;background-image:linear-gradient(35deg,transparent 45%,#d9e6e6 45.5%,#d9e6e6 46.5%,transparent 47%),linear-gradient(135deg,transparent 65%,#d1e1e0 65.5%,#d1e1e0 66.5%,transparent 67%);position:relative;overflow:hidden}.map-road{height:13px;background:#fff;position:absolute;width:700px;transform-origin:center;box-shadow:0 0 0 1px #dbe7e7}.road-one{transform:rotate(-15deg);left:-40px;top:100px}.road-two{transform:rotate(37deg);left:-40px;top:75px}.road-three{transform:rotate(-68deg);left:30px;top:80px}.map-marker{position:absolute;left:53%;top:38%;width:41px;height:41px;border-radius:50%;background:#1e8e98;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 7px rgba(30,142,152,.18)}.map-marker .icon{width:19px}.alert-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px}.alert-cards>div{background:#f6f9f8;padding:10px 12px;display:grid;grid-template-columns:13px 1fr;column-gap:5px;align-items:center}.alert-cards strong{font-size:11px}.alert-cards small{grid-column:2;color:#8ca0a7;font-size:9px;margin-top:3px}.mini-dot{width:8px;height:8px;border-radius:50%;background:#c8a77b}.mini-dot.teal{background:#58a9a5}.overview-grid{display:grid;grid-template-columns:42% 58%;gap:55px}.overview-grid h2{font-size:42px;line-height:1.45;margin:18px 0}.overview-grid>div:nth-child(2){padding-top:12px}.overview-grid p{font-size:16px;line-height:2.1;color:#657a85;max-width:700px;margin:0}.overview-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:33px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.capability-card{background:#fff;min-height:265px;padding:28px 30px;position:relative}.capability-card>span{font-size:12px;color:#a5b4bb}.capability-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #d8e6e7;color:#2b8e91;margin-top:23px}.capability-icon .icon{width:21px}.capability-card h3{font-size:21px;margin:23px 0 11px}.capability-card p{font-size:13px;color:#71838b;line-height:1.85;margin:0}.flow-section{background:#fff}.flow-layout{display:grid;grid-template-columns:37% 63%;gap:55px;align-items:center}.flow-layout p{color:#70818b;line-height:1.9;font-size:14px;max-width:370px}.flow-steps{border-top:1px solid #dce6e7}.flow-steps>div{height:72px;border-bottom:1px solid #dce6e7;display:flex;align-items:center;gap:30px}.flow-steps span{color:#8da9b0;font-family:Arial,sans-serif;font-size:13px}.flow-steps strong{font-size:17px;font-weight:600}.flow-steps .icon{margin-left:auto;color:#3b9799;width:18px}.demo-section{background:#f0f6f5}.demo-shell{display:grid;grid-template-columns:1fr 1fr;gap:15px}.demo-form,.risk-result{background:#fff;padding:34px}.demo-form label,.contact-form-card label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#60717e;font-weight:600;margin-bottom:20px}.demo-form select,.contact-form-card select,.contact-form-card input,.contact-form-card textarea{width:100%;border:1px solid #dbe5e7;background:#fff;min-height:47px;padding:0 14px;color:#263d4a;outline:none;transition:border-color .2s}.contact-form-card textarea{padding:13px 14px;resize:vertical;line-height:1.7}.demo-form select:focus,.contact-form-card select:focus,.contact-form-card input:focus,.contact-form-card textarea:focus{border-color:#2d9494}.demo-form .btn{width:100%;margin-top:6px}.risk-result{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:330px}.risk-result-label{font-size:11px;color:#7b949a;letter-spacing:.12em}.risk-score{display:flex;align-items:baseline;gap:18px;margin:17px 0}.risk-score strong{font-family:Arial,sans-serif;font-size:76px;line-height:1;color:#203f51;font-weight:500}.risk-score span{font-size:17px;font-weight:600}.risk-result.low .risk-score strong{color:#2b9b8f}.risk-result.medium .risk-score strong{color:#b78a43}.risk-result.high .risk-score strong{color:#b65d52}.risk-result p{font-size:14px;color:#586e7b;line-height:1.8;margin:0 0 15px}.risk-result small{font-size:11px;color:#9cacb1}.course-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.course-filters button{border:1px solid #d3e2e3;background:#fff;color:#56717a;font-size:12px;padding:10px 17px}.course-filters button.active{background:#163d51;color:#fff;border-color:#163d51}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.course-card{background:#fff}.course-art{height:162px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(130deg,#bacfd8,#517f99);color:#fff;overflow:hidden}.course-art:before{content:"";width:240px;height:240px;border:1px solid rgba(255,255,255,.3);border-radius:50%;position:absolute;right:-30px;top:-100px;box-shadow:0 0 0 45px rgba(255,255,255,.05)}.course-art.tone-teal{background:linear-gradient(130deg,#b2d6d0,#477e81)}.course-art.tone-amber{background:linear-gradient(130deg,#e4d2b6,#9a7c5f)}.course-art.tone-violet{background:linear-gradient(130deg,#cbc7df,#706a9e)}.course-art>.icon{width:52px;height:52px;stroke-width:1;position:relative}.course-art>span{position:absolute;top:15px;left:18px;font-size:11px}.course-art>small{position:absolute;bottom:15px;right:18px;font-size:10px;letter-spacing:.15em}.course-card-body{padding:20px}.course-card-body>span{font-size:10px;color:#258b8e}.course-card h3{font-size:17px;margin:8px 0}.course-card p{font-size:12px;color:#73848e;line-height:1.8;margin:0}.reminder-demo{display:grid;grid-template-columns:34% 66%;background:#fff}.reminder-list{background:#183e50;padding:25px}.reminder-list button{height:84px;width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.14);background:transparent;color:#aac4cb;display:flex;align-items:center;gap:20px;text-align:left;padding:0 10px}.reminder-list button.active{color:#fff}.reminder-list button span{font-size:12px;color:#6faeb0}.reminder-list button strong{font-size:17px}.reminder-list .icon{margin-left:auto;width:17px}.reminder-preview{padding:34px 45px;min-height:316px}.reminder-preview-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8fa1a9}.preview-badge{background:#e6f4f1;color:#2b9490;padding:7px 12px}.reminder-preview-icon{width:48px;height:48px;border-radius:50%;background:#e7f3f1;color:#268d8f;display:grid;place-items:center;margin:22px 0 16px}.reminder-preview h3{font-size:24px;margin:0 0 12px}.reminder-preview p{font-size:14px;line-height:1.9;color:#6c808b;max-width:590px;margin:0}.reminder-tips{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.reminder-tips span{display:flex;align-items:center;gap:4px;background:#f2f7f6;color:#477a7c;font-size:11px;padding:7px 10px}.reminder-tips .icon{width:13px;height:13px}.reminder-preview>small{color:#9babb1;font-size:10px}.quiet-note{background:#edf5f4;padding:35px 0}.quiet-note .container{display:flex;align-items:center;gap:20px}.quiet-note .container>span{color:#2e9693}.quiet-note p{font-size:13px;color:#536f7a;flex:1}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-grid .product-card{background:#f5f8f7;min-height:285px}
/* About and contact */
.about-story{display:grid;grid-template-columns:42% 58%;gap:70px}.about-story h2{margin-top:20px}.about-story>div:nth-child(2){padding-top:18px}.about-story p{color:#647985;font-size:16px;line-height:2.1;margin:0 0 20px}.about-values{background:#f3f7f6}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.values-grid article{background:#fff;padding:36px 32px;min-height:235px}.values-grid span{font-size:11px;color:#48a2a0;letter-spacing:.09em}.values-grid h3{font-size:23px;margin:35px 0 10px}.values-grid p{font-size:13px;line-height:1.9;color:#6e818b;margin:0}.about-quote{background:#183e50;color:#fff;padding:85px 0}.about-quote .container>span{font-family:Georgia,serif;color:#6bc0ba;font-size:76px;line-height:1}.about-quote h2{font-size:clamp(29px,3.1vw,45px);line-height:1.7;margin:0 0 25px;font-weight:500;letter-spacing:-.03em}.about-quote small{color:#91b7c0;font-size:12px}.contact-section{background:#f7f9f8}.contact-grid{display:grid;grid-template-columns:43% 57%;gap:70px}.contact-info{padding-top:25px}.contact-info h2{margin:18px 0 21px}.contact-info>p{font-size:14px;color:#6a7d87;line-height:2;max-width:440px;margin-bottom:48px}.contact-info-card{display:flex;gap:17px;border-top:1px solid #d9e4e5;padding:23px 0}.contact-info-card>span{color:#2e9290}.contact-info-card strong{font-size:13px}.contact-info-card p{font-size:13px;color:#758892;margin:8px 0 0}.contact-form-card{background:#fff;padding:36px 42px;box-shadow:0 20px 48px rgba(14,44,58,.05)}.form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:20px}.form-header span{font-size:21px;font-weight:650}.form-header small{color:#9aabb1;font-size:11px}.contact-form-card .btn{width:100%}.contact-output{background:#f1f7f5;border:1px solid #d5e6e2;padding:20px;margin-top:22px}.contact-output strong{font-size:13px}.contact-output pre{font-family:inherit;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.9;color:#536d79}.contact-output button{background:none;border:0;color:#248b8b;font-size:12px;padding:0;font-weight:650}.not-found{min-height:60vh;padding-top:120px;padding-bottom:100px}.not-found h1{font-size:50px}.not-found p{color:var(--muted);margin-bottom:30px}
/* Footer */
.footer{background:#081b2a;color:#d8e4e8;padding-top:70px}.footer-top{display:flex;justify-content:space-between;gap:90px;padding-bottom:68px}.footer-brand .brand-copy strong{color:#fff}.footer-brand .brand-copy small{color:#8ca5af}.footer-top>div:first-child>p{color:#7996a3;line-height:2;font-size:13px;margin-top:25px}.footer-links{display:flex;gap:100px;margin-right:80px}.footer-links>div{display:flex;flex-direction:column;gap:14px}.footer-links strong{font-size:13px;color:#fff;margin-bottom:9px}.footer-links a{font-size:12px;color:#8ea5af;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #1d3543;display:flex;justify-content:space-between;padding:21px 0 25px;color:#6e8b98;font-size:11px}
@media(max-width:1120px){.container{width:min(100% - 56px,1280px)}.main-nav{gap:25px}.hero h1{font-size:51px}.dashboard{width:550px;height:365px}.hero-visual{transform:translateX(20px)}.detail-hero-grid{grid-template-columns:48% 52%}.dashboard-visual .dashboard{width:500px;height:342px}.contact-grid{gap:40px}.footer-links{margin-right:0}}
@media(max-width:800px){.container{width:min(100% - 36px,1280px)}.site-header{height:70px}.main-nav,.header-cta{display:none}.menu-button{display:block}.mobile-nav{position:absolute;top:70px;left:0;right:0;background:#fff;box-shadow:0 15px 25px rgba(0,0,0,.08);padding:8px 18px 18px}.mobile-nav.open{display:flex;flex-direction:column}.mobile-nav a{padding:14px 8px;border-bottom:1px solid #edf1f2;font-size:14px}.brand-mark{width:36px;height:36px;transform:scale(.83) rotate(-17deg);transform-origin:left center}.brand{gap:3px}.brand-copy strong{font-size:17px}.brand-copy small{font-size:7px}.hero-inner{display:flex;flex-direction:column;align-items:start;padding-top:80px;min-height:auto}.hero h1{font-size:clamp(40px,7vw,58px);white-space:normal}.hero-copy>p{font-size:14px}.hero-keywords{margin-top:35px}.hero-visual{width:100%;height:390px;transform:none;margin-top:25px}.hero-visual .dashboard{width:min(94vw,590px);height:350px;transform:perspective(1100px) rotateY(-4deg) rotateX(2deg)}.hero-float-card{right:5px;bottom:2px}.hero-bottom{padding-top:20px}.section{padding:78px 0}.section-heading,.intro-grid,.overview-grid,.flow-layout,.about-story,.contact-grid{grid-template-columns:1fr;display:grid;gap:22px}.section-heading{align-items:start}.section-heading p{max-width:650px}.intro-copy{padding-top:0}.products-grid,.capability-grid,.course-grid,.related-grid,.values-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr 1fr;gap:20px}.feature-copy h2{font-size:34px}.phone-note{left:-15px}.approach-grid{grid-template-columns:repeat(2,1fr);row-gap:45px}.detail-hero-grid{grid-template-columns:1fr;gap:0}.detail-hero-copy{padding:50px 0 0}.breadcrumbs{margin-bottom:35px}.detail-visual{min-height:390px}.dashboard-visual .dashboard{width:min(92vw,570px)}.commerce-circle{right:auto}.flow-layout{gap:30px}.contact-grid{gap:35px}.footer-top{gap:40px}.footer-links{gap:45px}.reminder-demo{grid-template-columns:32% 68%}.reminder-preview{padding:30px}}
@media(max-width:560px){.container{width:min(100% - 32px,1280px)}.section{padding:62px 0}.eyebrow{font-size:10px}.section-heading h2,.intro h2,.flow-layout h2,.contact-info h2,.about-story h2{font-size:32px}.section-heading{margin-bottom:28px}.hero-inner{padding-top:60px}.hero-label{font-size:10px}.hero h1{font-size:42px;line-height:1.35;margin:22px 0}.hero-buttons{gap:8px;flex-wrap:wrap}.hero-buttons .btn{padding:0 16px;gap:8px;font-size:12px}.hero-visual{height:293px;margin-top:31px}.hero-visual .dashboard{width:470px;height:300px;transform:scale(.72);transform-origin:left center;position:absolute;left:0;top:-13px}.hero-float-card{transform:scale(.78);transform-origin:right bottom;bottom:2px;right:0}.visual-orbit{width:380px;height:380px;right:-115px;top:-36px}.orbit-two{width:280px;height:280px;right:-64px;top:20px}.hero-bottom span:last-child{display:none}.hero-bottom{padding-bottom:19px}.products-grid,.capability-grid,.course-grid,.related-grid,.values-grid,.demo-shell{grid-template-columns:1fr}.product-card{min-height:280px}.feature-grid{grid-template-columns:1fr}.feature-copy{padding:67px 0 22px}.feature-copy h2{font-size:36px}.phone-scene{height:440px}.phone{transform:scale(.86);transform-origin:bottom center}.phone-note{left:0;bottom:40px}.approach-grid{gap:28px}.approach-item p{max-width:none}.cta-inner{min-height:280px;display:flex;align-items:start;flex-direction:column;justify-content:center;gap:24px}.cta-inner h2{font-size:28px}.page-hero{min-height:285px;padding:62px 0}.page-hero h1{font-size:45px}.page-hero p{font-size:14px}.page-hero-meta{flex-wrap:wrap;gap:10px}.solution-intro h2{font-size:30px}.detail-hero h1{font-size:54px}.detail-lead{font-size:18px}.detail-hero-actions{flex-wrap:wrap;gap:19px}.detail-visual{min-height:320px}.dashboard-visual .dashboard{width:500px;height:340px;transform:scale(.69);transform-origin:left center;position:absolute;left:0}.commerce-card{transform:scale(.8);transform-origin:center}.commerce-circle{width:280px;height:280px;top:25px}.visual-caption{right:0;bottom:12px}.learning-screen{width:500px;transform:scale(.68) rotate(-2deg);transform-origin:left center;position:absolute;left:0}.alert-panel{width:530px;transform:scale(.68);transform-origin:left center;position:absolute;left:0}.alert-glow{width:280px;height:280px}.overview-grid h2{font-size:34px}.overview-grid p{font-size:14px}.reminder-demo{grid-template-columns:1fr}.reminder-list{display:flex;gap:5px;padding:12px}.reminder-list button{height:64px;padding:7px;gap:5px;justify-content:center;flex-direction:column;border-bottom:0}.reminder-list button span{font-size:9px}.reminder-list button strong{font-size:11px;white-space:nowrap}.reminder-list button .icon{display:none}.reminder-preview{padding:26px 20px}.quiet-note .container{flex-wrap:wrap}.quiet-note p{flex-basis:calc(100% - 50px)}.quiet-note .text-link{margin-left:40px}.about-quote{padding:60px 0}.contact-form-card{padding:25px 20px}.form-header{align-items:start;flex-direction:column;gap:7px}.footer{padding-top:55px}.footer-top{flex-direction:column;gap:40px;padding-bottom:50px}.footer-links{justify-content:space-between;gap:30px;margin-right:25px}.footer-bottom{flex-direction:column;gap:8px}.risk-score strong{font-size:65px}}
.platform-section{background:#eaf2f1}.platform-shell{background:#fff;border:1px solid #d9e5e4;box-shadow:0 24px 58px rgba(14,43,54,.08);overflow:hidden}.platform-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:64px;padding:12px 24px;border-bottom:1px solid #e4ecec;background:#f8fbfa}.platform-toolbar-title{display:flex;align-items:center;gap:11px;min-width:0}.platform-status{width:8px;height:8px;border-radius:50%;background:#42aa9c;box-shadow:0 0 0 4px #e0f2ee;flex:none}.platform-toolbar-title strong{font-size:13px;white-space:nowrap}.platform-toolbar-title small{font-size:11px;color:#8ba0a8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-open,.platform-foot>a{display:inline-flex;align-items:center;gap:9px;color:#1d7480;font-size:12px;font-weight:650;white-space:nowrap}.platform-open .icon,.platform-foot>a .icon{width:16px}.platform-frame{display:block;width:100%;height:650px;border:0;background:#fff}.platform-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e4ecec;padding:17px 24px}.platform-foot p{font-size:12px;color:#748991;line-height:1.7;margin:0}
@media(max-width:800px){.platform-frame{height:600px}.platform-toolbar{padding:12px 18px}.platform-toolbar-title small{display:none}}
@media(max-width:560px){.platform-section .section-heading{gap:15px}.platform-section .section-heading p{font-size:12px}.platform-toolbar{gap:10px;padding:12px}.platform-toolbar-title strong{font-size:12px}.platform-open{font-size:11px;gap:4px}.platform-frame{height:540px}.platform-foot{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}