:root { --navy:#092d54; --blue:#0d5dc2; --blue2:#2876d8; --cyan:#16b6bb; --ink:#14283f; --muted:#60738a; --line:#dce8f2; --pale:#f3f8fc; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { height:74px; display:flex; align-items:center; padding:0 max(28px,calc((100vw - 1240px)/2)); gap:42px; position:absolute; top:0; left:0; right:0; z-index:10; border-bottom:1px solid rgba(20,75,121,.13); background:rgba(248,252,255,.8); backdrop-filter:blur(14px); }
.brand { display:flex; align-items:center; gap:10px; flex:none; }
.brand-mark { width:39px; height:39px; display:grid; place-items:center; border-radius:10px 10px 10px 3px; color:white; font-size:22px; font-family:serif; background:linear-gradient(145deg,#0b3d70,#1376d2); box-shadow:0 7px 17px rgba(9,65,122,.2); }
.brand strong,.brand small { display:block; }.brand strong{font:800 22px/1.1 serif;letter-spacing:2px;color:#0b355f}.brand small{font-size:9px;letter-spacing:1.3px;color:#718499;margin-top:4px}
.nav { display:flex;align-items:center;justify-content:center;gap:30px;margin:auto;font-size:14px;color:#3a526c}.nav a{padding:27px 0 25px;border-bottom:2px solid transparent;transition:.2s}.nav a:first-child,.nav a:hover{color:#0c5fb8;border-color:#0c67c8}.header-cta{padding:10px 17px;border:1px solid #246cb6;border-radius:6px;color:#125a9e;font-size:13px;font-weight:700}.header-cta span{margin-left:10px}
.menu-button{display:none;background:none;border:0;padding:8px}.menu-button span{display:block;width:23px;height:2px;background:#133b61;margin:5px}
.hero { min-height:760px;padding:154px max(28px,calc((100vw - 1240px)/2)) 85px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:62px;position:relative;overflow:hidden;background:linear-gradient(112deg,#f8fcff 0%,#f5faff 50%,#edf7fc 100%)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(20,96,160,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(20,96,160,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,transparent,black 65%,transparent)}.hero-glow{position:absolute;width:620px;height:620px;border-radius:50%;right:-140px;top:70px;background:radial-gradient(circle,rgba(47,172,215,.18),transparent 67%)}
.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;color:#1763aa;font-size:13px;font-weight:700;letter-spacing:.8px}.eyebrow span{width:27px;height:2px;background:#1f76c8}.hero h1{font-size:clamp(42px,4vw,58px);line-height:1.22;letter-spacing:-2px;margin:25px 0 22px;color:#102f4e;font-weight:800}.hero h1 span{color:#0870cf;position:relative}.hero h1 span:after{content:"";height:7px;border-radius:10px;background:rgba(22,182,187,.22);position:absolute;bottom:2px;left:0;right:0}.hero-copy>p{max-width:590px;font-size:17px;line-height:1.95;color:#586e84;margin:0}.hero-actions{display:flex;gap:14px;margin-top:35px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;height:50px;padding:0 24px;border-radius:5px;font-size:14px;font-weight:700}.primary-button{color:white;background:linear-gradient(90deg,#0a5fb9,#1378d4);box-shadow:0 12px 30px rgba(11,101,193,.22)}.secondary-button{border:1px solid #b7cde1;color:#254b6d;background:rgba(255,255,255,.75)}.hero-points{display:flex;gap:24px;margin-top:28px;font-size:12px;color:#60778c}.hero-points i{font-style:normal;color:#149ba3;background:#e0f5f4;border-radius:50%;padding:1px 4px;margin-right:6px}
.product-stage{position:relative;z-index:2;perspective:1000px}.dashboard{background:white;border:1px solid rgba(31,100,156,.18);border-radius:11px;overflow:hidden;box-shadow:0 34px 70px rgba(10,55,96,.18),0 2px 8px rgba(24,80,128,.11);transform:rotateY(-2deg) rotateX(1deg)}.dash-top{height:48px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #e5eef5;gap:9px;font-size:10px;color:#254e74}.dash-logo{width:24px;height:24px;display:grid;place-items:center;background:#1267bd;color:#fff;border-radius:5px;font-family:serif}.dash-search{height:24px;max-width:150px;flex:1;margin-left:auto;border-radius:12px;background:#f0f5f8}.avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#dcecf8;color:#1a65a5}.dash-body{display:grid;grid-template-columns:128px 1fr;min-height:386px}.dash-side{padding:19px 11px;background:#f7fafc;border-right:1px solid #e5eef5;display:flex;flex-direction:column;gap:7px;font-size:9px;color:#657c90}.dash-side>b{font-size:8px;color:#9bacbb;margin:0 8px 5px}.dash-side span{padding:8px;border-radius:4px}.dash-side .active{background:#e4f0fb;color:#0a63bb;font-weight:700}.dash-main{padding:22px}.dash-heading{display:flex;align-items:center;justify-content:space-between}.dash-heading small{color:#8095a7;font-size:8px}.dash-heading h3{font-size:15px;margin:3px 0}.dash-heading button{border:1px solid #c7d9e8;background:white;color:#3b617f;border-radius:4px;font-size:8px;padding:7px 10px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.metrics article{border:1px solid #e5edf4;border-radius:6px;padding:11px;background:#fff}.metrics span,.metrics b,.metrics i{display:block}.metrics span{font-size:8px;color:#7790a4}.metrics b{font-size:18px;margin:6px 0;color:#183c5d}.metrics i{font-size:7px;color:#17a393;font-style:normal}.metrics .warn{color:#e89833}.dash-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:10px}.chart-card,.status-card{border:1px solid #e5edf4;border-radius:6px;padding:13px;min-height:165px}.chart-card>div:first-child{display:flex;justify-content:space-between;font-size:9px}.chart-card small{color:#8aa0b2;font-size:7px}.chart{height:116px;display:flex;align-items:flex-end;justify-content:space-around;gap:8px;padding-top:18px;border-bottom:1px solid #dce8f1;background:repeating-linear-gradient(to bottom,#edf3f7 0,#edf3f7 1px,transparent 1px,transparent 30px)}.chart i{width:16px;background:linear-gradient(#3a91da,#b9dcf5);border-radius:3px 3px 0 0}.chart .last{background:linear-gradient(#16a6b0,#94d8d6)}.status-card>b{font-size:9px}.donut{width:68px;height:68px;border-radius:50%;margin:13px auto;display:grid;place-items:center;background:conic-gradient(#0c74cf 0 86%,#dceaf4 86%);position:relative}.donut:after{content:"";position:absolute;width:49px;height:49px;background:white;border-radius:50%}.donut span{z-index:1;font-weight:800;font-size:15px;color:#174365}.donut small{font-size:7px}.status-card p{display:flex;gap:5px;margin:5px 0;font-size:7px;color:#7890a4}.status-card p i{width:5px;height:5px;border-radius:50%;background:#1477cc}.status-card p:nth-of-type(2) i{background:#aed0e9}.status-card p b{margin-left:auto;color:#234a6d}.stage-badge{position:absolute;z-index:4;background:white;border:1px solid #d7e6f1;box-shadow:0 13px 27px rgba(23,71,112,.14);padding:12px 17px;border-radius:8px;display:flex;flex-direction:column}.stage-badge b{color:#1269bd;font-size:18px}.stage-badge span{color:#788ea1;font-size:8px;margin-top:2px}.badge-one{right:-22px;top:-32px}.badge-two{left:-28px;bottom:37px}.badge-two b{color:#159da5}
@media(max-width:1050px){.nav{gap:16px}.nav a:nth-child(4),.nav a:nth-child(5){display:none}.hero{grid-template-columns:1fr;gap:65px;padding-top:135px}.hero-copy{text-align:center}.eyebrow,.hero-actions,.hero-points{justify-content:center}.hero-copy>p{margin:auto}.product-stage{max-width:720px;width:100%;margin:auto}.hero{padding-bottom:110px}}
@media(max-width:700px){.site-header{height:66px;padding:0 18px}.brand small{display:none}.header-cta{display:none}.menu-button{display:block;margin-left:auto}.nav{display:none;position:absolute;top:66px;left:14px;right:14px;background:white;border:1px solid #dce8f2;border-radius:8px;padding:8px;box-shadow:0 12px 30px rgba(10,50,85,.12)}.nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav a,.nav a:first-child{display:block!important;padding:12px;border:0}.hero{padding:116px 20px 80px}.hero h1{font-size:38px;letter-spacing:-1.5px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-points{gap:10px;flex-wrap:wrap}.dashboard{transform:none}.dash-side{display:none}.dash-body{grid-template-columns:1fr}.dash-main{padding:14px}.dash-grid{grid-template-columns:1fr}.status-card{display:none}.stage-badge{display:none}.metrics b{font-size:15px}}

.section{max-width:1240px;margin:auto;padding:110px 28px}.section-kicker{font-size:11px;font-weight:800;letter-spacing:2px;color:#1473c5;margin-bottom:22px}.section-kicker.light{color:#62b9ed}.section-kicker.centered{text-align:center}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:50px}.section-heading h2,.center-heading h2,.process-title h2,.advantage-copy h2,.case-copy h2{margin:0;color:#123758;font-size:40px;line-height:1.35;letter-spacing:-1px}.section-heading h2 span,.center-heading h2 span{color:#1471c4}.section-heading>p{max-width:490px;color:#708397;font-size:14px;line-height:1.9;margin:0}.center-heading{text-align:center;margin-bottom:52px}.center-heading p{color:#71869a;margin:13px 0 0;font-size:14px}
.trust-strip{min-height:114px;background:#fff;border-bottom:1px solid #e4edf4;display:flex;align-items:center;padding:20px max(28px,calc((100vw - 1184px)/2));gap:45px}.trust-strip>p{font-size:12px;color:#8192a3;max-width:140px;line-height:1.6}.trust-strip>div{flex:1;display:grid;grid-template-columns:repeat(4,1fr)}.trust-strip span{display:flex;align-items:baseline;gap:8px;padding:5px 28px;border-left:1px solid #e1eaf1;color:#627589;font-size:11px}.trust-strip b{font-size:24px;color:#175d9e}
.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.problem-card{border:1px solid #dfe9f1;padding:25px 23px 24px;position:relative;overflow:hidden;transition:.25s;background:#fff}.problem-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(15,60,100,.1);border-color:#a9cce9}.card-index{position:absolute;right:17px;top:11px;font:800 35px/1 Arial;color:#eef4f8}.round-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eaf4fc;color:#176bb4;font-size:16px;font-weight:800}.problem-card h3{font-size:17px;margin:19px 0}.compare{border-top:1px solid #edf2f6;padding-top:16px}.compare small{font-size:9px;color:#9aabb9}.compare p{font-size:11px;line-height:1.7;color:#7b8e9f;min-height:38px;margin:6px 0}.compare>span{display:block;color:#b4c7d5;font-size:13px;margin:5px 0}.compare .blue{color:#1975c6}.compare .answer{color:#245678;font-weight:700}
.process-section{background:#0c345d;position:relative;overflow:hidden}.process-section:after{content:"知";position:absolute;right:-70px;bottom:-170px;color:rgba(255,255,255,.025);font:700 550px/1 serif}.process-inner{max-width:1240px;margin:auto;padding:105px 28px;position:relative;z-index:1}.process-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:65px}.process-title h2{color:#fff}.process-title h2 span{color:#65c4ef}.process-title p{color:#9ab5cc;font-size:13px;margin:16px 0 0}.process-seal{width:100px;height:100px;border:1px solid rgba(99,193,237,.35);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.process-seal b{font-size:31px}.process-seal span{font-size:9px;color:#8eb9d4}.process-track{display:grid;grid-template-columns:repeat(5,1fr);position:relative;gap:1px}.process-track:before{content:"";position:absolute;left:5%;right:5%;top:28px;height:1px;background:linear-gradient(90deg,#2998d5,#37c5bd)}.process-step{height:126px;border:1px solid rgba(137,188,221,.16);position:relative;padding:58px 14px 12px;background:rgba(255,255,255,.025)}.process-step>span{position:absolute;top:15px;left:15px;width:27px;height:27px;border:1px solid #3e84b4;border-radius:50%;display:grid;place-items:center;color:#78bce4;font-size:8px;background:#0c345d;z-index:1}.process-step>i{position:absolute;right:8px;top:20px;font-style:normal;font-size:9px;color:#4e91bc}.process-step>b{display:block;color:#fff;font-size:13px}.process-step>small{color:#6689a5;font-size:8px}.process-note{margin-top:28px;display:flex;align-items:center;justify-content:center;gap:18px;color:#9eb8cb;font-size:10px}.process-note span{padding:6px 12px;background:#1673af;color:#fff}.process-note i{font-style:normal;color:#3b6686}
.feature-section{padding-bottom:125px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{border:1px solid #dae6ef;background:#fff;padding:27px 27px 0;transition:.25s}.feature-card:hover{border-color:#6da8d7;box-shadow:0 20px 45px rgba(18,69,110,.09)}.feature-top{display:flex;justify-content:space-between;align-items:start}.feature-icon{width:43px;height:43px;border-radius:8px 8px 8px 2px;background:#e8f3fc;display:grid;place-items:center;color:#0e69b9;font-weight:800}.feature-top small{font:800 31px/1 Arial;color:#edf3f7}.feature-card h3{font-size:18px;margin:22px 0 5px}.feature-card h4{font-size:12px;font-weight:400;color:#71869a;margin:0 0 19px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #e9f0f5;padding:17px 0 20px}.feature-list span{font-size:10px;color:#5d758b}.feature-list i{font-style:normal;color:#1ca3a7;margin-right:6px}.feature-card>p{border-top:1px solid #e9f0f5;margin:0 -27px;padding:14px 27px;color:#316188;font-size:10px;background:#f8fbfd}.feature-card>p b{float:right;color:#1b72ba}
.roles-section{background:#f2f7fb}.roles-inner{padding-top:105px;padding-bottom:120px}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.role-card{background:#fff;border-top:3px solid #2a85cf;padding:25px 21px 22px;box-shadow:0 7px 25px rgba(22,62,96,.06)}.role-card:nth-child(2){border-color:#1fa5a9}.role-card:nth-child(3){border-color:#0d4b81}.role-card:nth-child(4){border-color:#6c8db0}.role-card-top{display:flex;justify-content:space-between}.role-card-top>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e8f3fb;color:#176bb4;font-weight:800}.role-card-top small{color:#dbe6ee;font-size:20px;font-weight:800}.role-card>em{display:inline-block;margin-top:18px;color:#2677b9;background:#e9f4fc;padding:4px 8px;font-size:8px;font-style:normal}.role-card h3{font-size:16px;margin:10px 0}.role-card>p{font-size:10px;line-height:1.6;color:#7b8d9c;min-height:32px}.mini-role-ui{margin-top:20px;border:1px solid #e1eaf1;background:#f8fbfd;padding:10px}.mini-role-ui>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px}.mini-role-ui>div b{background:#fff;padding:8px 5px;color:#39709b;font-size:8px}.mini-role-ui>span{display:flex;align-items:center;padding:7px 3px;border-top:1px solid #e6eef4;font-size:8px;color:#668095}.mini-role-ui>span i{font-style:normal;width:15px;height:15px;display:grid;place-items:center;background:#e5f0f8;color:#3680b9;margin-right:7px}.mini-role-ui>span small{margin-left:auto}
.advantages{background:linear-gradient(115deg,#0b3157 0%,#0a3f71 100%)}.advantage-inner{display:grid;grid-template-columns:.66fr 1.34fr;gap:70px;padding-top:105px;padding-bottom:105px}.advantage-copy h2{color:#fff;font-size:44px}.advantage-copy h2 span{color:#60c4e8}.advantage-copy>p{color:#91acc1;font-size:12px;line-height:1.9;margin:20px 0 30px}.advantage-copy>a{display:inline-flex;gap:35px;border:1px solid #4683b3;padding:13px 18px;color:#fff;font-size:11px}.advantage-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(167,207,232,.18)}.advantage-grid article{background:#0d3c67;display:flex;align-items:center;padding:25px 22px;gap:17px;min-height:116px}.advantage-grid article>span{width:41px;height:41px;border:1px solid #3f7ca8;border-radius:50%;display:grid;place-items:center;color:#5fc1df}.advantage-grid small{font-size:8px;color:#527c9e}.advantage-grid h3{color:#fff;margin:4px 0;font-size:14px}.advantage-grid p{color:#81a2b9;margin:0;font-size:9px}
.section-heading.compact{align-items:center}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.scenario-grid article{min-height:250px;padding:22px;border:1px solid #dce7ef;position:relative;background:linear-gradient(145deg,#fff,#f5f9fc)}.scenario-grid article>span{position:absolute;right:18px;color:#dce7ef;font-weight:800}.scenario-icon{width:55px;height:55px;display:grid;place-items:center;border:1px solid #bfd8ea;color:#1e70af;font-size:19px;margin:20px 0 25px}.scenario-grid h3{font-size:17px}.scenario-grid p{font-size:10px;color:#7890a4}.scenario-grid small{position:absolute;bottom:24px;left:22px;color:#2875ae;font-size:9px}
.case-section{background:#0b345d}.case-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.case-copy h2{color:#fff}.case-copy>p{color:#9ab4c8;font-size:12px}.case-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.case-tags span{font-size:9px;color:#8fc3df;border:1px solid #356a91;padding:7px 10px}.case-results{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#315b7d}.case-results>div{background:#f7fbfd;padding:28px 20px;min-height:185px}.case-results b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e4f2fb;color:#1772ba;font-size:10px}.case-results h3{font-size:14px;margin:32px 0 8px}.case-results p{font-size:9px;color:#7e92a3}
.about-section{background:#f4f8fb}.about-inner{display:grid;grid-template-columns:.8fr 1.25fr .95fr;align-items:center;gap:45px;padding-top:75px;padding-bottom:75px}.about-brand{display:flex;align-items:center;gap:17px}.about-mark{width:63px;height:63px;display:grid;place-items:center;background:#0b467a;color:#fff;font:700 27px serif;border-radius:14px 14px 14px 3px}.about-brand small{font-size:9px;letter-spacing:1px;color:#2e80bd}.about-brand h2{font-size:22px;margin:7px 0}.about-inner>p{font-size:11px;line-height:2;color:#6e8294;border-left:1px solid #d6e3ed;padding-left:40px}.about-values{display:flex;justify-content:space-between}.about-values span{font-size:9px;color:#7e90a0;text-align:center}.about-values b{display:block;color:#174d7c;font-size:15px;margin-bottom:6px}
.demo-section{min-height:250px;padding:62px max(28px,calc((100vw - 1184px)/2));display:flex;justify-content:space-between;align-items:center;color:#fff;background:linear-gradient(110deg,#0b65b9,#0d80c7);position:relative;overflow:hidden}.demo-glow{position:absolute;width:450px;height:450px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:25%;top:-220px;box-shadow:0 0 0 80px rgba(255,255,255,.025)}.demo-section>div:not(.demo-glow){position:relative}.demo-section small{font-size:10px;letter-spacing:1px;color:#b6dcf4}.demo-section h2{font-size:31px;margin:12px 0}.demo-section p{font-size:11px;color:#c4e0f1}.demo-actions{text-align:center}.demo-actions a{display:flex;align-items:center;gap:40px;background:#fff;color:#0c65b1;padding:15px 22px;font-size:12px;font-weight:800}.demo-actions>small{display:block;margin-top:9px;font-size:8px}
footer{background:#082844;color:#fff;padding:65px max(28px,calc((100vw - 1184px)/2)) 20px}.footer-main{display:grid;grid-template-columns:1.1fr 1.7fr .8fr;gap:70px}.footer-brand .brand strong{color:#fff}.footer-brand .brand small{color:#6f93ae}.footer-brand p{font-size:10px;color:#7795ac;line-height:1.9;margin:20px 0}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-links div,.footer-contact{display:flex;flex-direction:column;gap:11px}.footer-links b,.footer-contact>b{font-size:12px;margin-bottom:7px}.footer-links a,.footer-contact p,.footer-contact a,.footer-contact span{font-size:9px;color:#7593aa;margin:0}.footer-contact a{color:#81c3ed}.footer-bottom{border-top:1px solid #20405a;margin-top:50px;padding-top:18px;display:flex;justify-content:space-between;color:#52728a;font-size:8px}

@media(max-width:1000px){.problem-grid,.role-grid,.scenario-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.process-track{grid-template-columns:repeat(5,1fr)}.advantage-inner,.case-inner{grid-template-columns:1fr}.about-inner{grid-template-columns:1fr 1fr}.about-values{grid-column:1/-1}.footer-main{grid-template-columns:1fr 1.6fr}.footer-contact{display:none}}
@media(max-width:700px){.section{padding:75px 20px}.section-heading,.process-title{display:block}.section-heading h2,.center-heading h2,.process-title h2,.advantage-copy h2,.case-copy h2{font-size:30px}.section-heading>p{margin-top:20px}.trust-strip{display:block;padding:25px 20px}.trust-strip>p{max-width:none}.trust-strip>div{grid-template-columns:1fr 1fr}.trust-strip span{padding:10px;border-left:0;border-top:1px solid #e1eaf1}.trust-strip b{font-size:19px}.problem-grid,.feature-grid,.role-grid,.scenario-grid{grid-template-columns:1fr}.process-inner{padding:75px 20px}.process-seal{display:none}.process-track{grid-template-columns:1fr 1fr}.process-track:before{display:none}.process-note{flex-wrap:wrap}.advantage-inner{padding:75px 20px;gap:50px}.advantage-grid{grid-template-columns:1fr}.case-inner{padding:75px 20px;gap:40px}.case-results{grid-template-columns:1fr}.case-results>div{min-height:auto}.about-inner{grid-template-columns:1fr;padding:65px 20px}.about-inner>p{border:0;padding:0}.about-values{gap:12px}.demo-section{display:block;padding:55px 20px}.demo-actions{margin-top:30px}.footer-main{grid-template-columns:1fr}.footer-links{gap:15px}.footer-bottom{display:block;line-height:2}.footer-bottom span{display:block}}

/* Harmonized typography: a tighter, more readable institutional scale */
body{font-size:16px;line-height:1.65}
.brand small{font-size:11px;letter-spacing:1px}
.nav{font-size:18px;font-weight:500;gap:32px}.header-cta{font-size:14px}
.eyebrow{font-size:15px}.hero h1{font-size:clamp(40px,3.4vw,50px);line-height:1.28;letter-spacing:-1.5px}.hero-copy>p{font-size:18px;line-height:1.85}.primary-button,.secondary-button{font-size:15px}.hero-points{font-size:14px}
.section-kicker{font-size:13px;letter-spacing:1.7px}.section-heading h2,.center-heading h2,.process-title h2,.advantage-copy h2,.case-copy h2{font-size:36px;line-height:1.4}.section-heading>p,.center-heading p{font-size:16px;line-height:1.85}
.trust-strip>p{font-size:14px;max-width:170px}.trust-strip span{font-size:13px}.trust-strip b{font-size:23px}
.problem-card h3{font-size:19px}.compare small{font-size:12px}.compare p{font-size:14px;line-height:1.75;min-height:50px}
.process-title p{font-size:15px}.process-seal span{font-size:11px}.process-step>span{font-size:10px}.process-step>i{font-size:11px}.process-step>b{font-size:15px}.process-step>small{font-size:11px}.process-note{font-size:13px}
.feature-card h3{font-size:20px}.feature-card h4{font-size:15px}.feature-list span{font-size:13px}.feature-card>p{font-size:13px}
.role-card>em{font-size:11px}.role-card h3{font-size:18px}.role-card>p{font-size:13px;line-height:1.75;min-height:46px}.mini-role-ui>div b{font-size:11px}.mini-role-ui>span{font-size:11px}.mini-role-ui>span i{width:18px;height:18px}
.advantage-copy>p{font-size:15px}.advantage-copy>a{font-size:14px}.advantage-grid small{font-size:11px}.advantage-grid h3{font-size:17px}.advantage-grid p{font-size:13px}
.scenario-grid h3{font-size:19px}.scenario-grid p{font-size:14px}.scenario-grid small{font-size:12px}
.case-copy>p{font-size:15px}.case-tags span{font-size:12px}.case-results h3{font-size:17px}.case-results p{font-size:13px}.case-results b{font-size:12px}
.about-brand small{font-size:12px}.about-brand h2{font-size:24px}.about-inner>p{font-size:14px;line-height:1.9}.about-values span{font-size:12px}.about-values b{font-size:17px}
.demo-section small{font-size:13px}.demo-section h2{font-size:30px}.demo-section p{font-size:15px}.demo-actions a{font-size:15px}.demo-actions>small{font-size:11px}
.footer-brand p{font-size:13px}.footer-links b,.footer-contact>b{font-size:15px}.footer-links a,.footer-contact p,.footer-contact a,.footer-contact span{font-size:12px}.footer-bottom{font-size:11px}

/* The dashboard is intentionally denser, but remains comfortably legible. */
.dash-top{font-size:11px}.dash-side{font-size:10px}.dash-side>b,.dash-heading small,.dash-heading button,.metrics span{font-size:9px}.metrics i,.chart-card small,.status-card p{font-size:8px}.chart-card>div:first-child,.status-card>b{font-size:10px}.stage-badge span{font-size:10px}

@media(max-width:700px){
  body{font-size:15px}.nav{font-size:17px;font-weight:500}.hero h1{font-size:34px;line-height:1.35;letter-spacing:-1px}.hero-copy>p{font-size:17px}.eyebrow{font-size:13px;line-height:1.6}.section-heading h2,.center-heading h2,.process-title h2,.advantage-copy h2,.case-copy h2{font-size:29px}.section-heading>p,.center-heading p{font-size:15px}.trust-strip span{font-size:12px}.process-step>b{font-size:14px}.process-step>small{font-size:10px}.demo-section h2{font-size:27px}
}

/* Vivid frontier palette */
:root{--navy:#172554;--blue:#4f46e5;--blue2:#7c3aed;--cyan:#06b6d4;--ink:#18213d;--muted:#64748b;--line:#dfe3ff;--pale:#f6f7ff}
.site-header{background:rgba(255,255,255,.86);border-color:rgba(99,102,241,.16);box-shadow:0 8px 28px rgba(79,70,229,.06)}
.brand-mark{background:linear-gradient(145deg,#4f46e5,#7c3aed 58%,#06b6d4);box-shadow:0 9px 24px rgba(79,70,229,.3)}
.brand strong{color:#252060}.nav{color:#354166}.nav a:first-child,.nav a:hover{color:#5b4ef5;border-color:#6d5dfc}.header-cta{color:#5748e7;border-color:#7669f2;background:#fff}
.hero{background:radial-gradient(circle at 82% 18%,rgba(34,211,238,.22),transparent 28%),radial-gradient(circle at 55% 5%,rgba(167,139,250,.22),transparent 32%),linear-gradient(118deg,#fbfcff 0%,#f3f1ff 54%,#ecfeff 100%)}
.hero:before{background-image:linear-gradient(rgba(99,102,241,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.055) 1px,transparent 1px)}
.hero-glow{background:radial-gradient(circle,rgba(34,211,238,.25),rgba(124,58,237,.08) 45%,transparent 69%)}
.eyebrow{color:#6355e8}.eyebrow span{background:linear-gradient(90deg,#5b4eea,#06b6d4)}.hero h1{color:#1e2350}.hero h1 span{color:#654bf4}.hero h1 span:after{background:rgba(34,211,238,.3)}
.primary-button{background:linear-gradient(100deg,#4f46e5,#7c3aed 60%,#0ea5e9);box-shadow:0 14px 32px rgba(91,76,235,.3)}.secondary-button{border-color:#c4c3f8;color:#4d4783;background:rgba(255,255,255,.82)}.hero-points i{color:#4338ca;background:#e8e7ff}
.dashboard{border-color:rgba(99,102,241,.2);box-shadow:0 36px 80px rgba(76,63,172,.2),0 4px 20px rgba(14,165,233,.08)}.dash-logo{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.dash-side .active{background:#ebe9ff;color:#5648dd}.metrics i{color:#08a9b8}.chart .last{background:linear-gradient(#8b5cf6,#22d3ee)}.donut{background:conic-gradient(#6366f1 0 68%,#22d3ee 68% 86%,#e8eafd 86%)}

.trust-strip{background:linear-gradient(90deg,#fff,#fbfbff);border-color:#e8e7ff}.trust-strip span{border-color:#e8e7ff}.trust-strip b{color:#5b4de8}
.section-kicker{color:#6555e9}.section-heading h2,.center-heading h2{color:#222650}.section-heading h2 span,.center-heading h2 span{color:#6251ee}
.problem-card{border-color:#e3e2fa;border-radius:12px;box-shadow:0 8px 25px rgba(79,70,229,.045)}.problem-card:hover{border-color:#8b7ff5;box-shadow:0 20px 48px rgba(91,76,235,.14)}.problem-card:nth-child(2){background:linear-gradient(155deg,#fff,#fbf8ff)}.problem-card:nth-child(3){background:linear-gradient(155deg,#fff,#f5feff)}.round-icon{color:#5b4de8;background:linear-gradient(135deg,#eceaff,#e5fbff)}.compare .blue{color:#6855ef}.compare .answer{color:#39347d}.card-index{color:#efefff}
.process-section{background:radial-gradient(circle at 85% 10%,rgba(34,211,238,.18),transparent 26%),linear-gradient(125deg,#3026a8 0%,#5b32b7 54%,#075b83 100%)}.process-section:after{color:rgba(255,255,255,.04)}.process-title h2 span{color:#6ee7f2}.process-title p{color:#c7cdf9}.process-seal{border-color:rgba(103,232,249,.58);background:rgba(255,255,255,.06)}.process-seal span{color:#c4d9ff}.process-track:before{background:linear-gradient(90deg,#a78bfa,#22d3ee,#67e8f9)}.process-step{border-color:rgba(224,231,255,.22);background:rgba(255,255,255,.055);backdrop-filter:blur(7px)}.process-step>span{border-color:#8beaf4;color:#e6fbff;background:#4030ae}.process-step>small{color:#b7c8ef}.process-step>i{color:#74e7ef}.process-note{color:#dce5ff}.process-note span{background:linear-gradient(90deg,#7965f4,#089bc3)}
.feature-section{background:linear-gradient(180deg,#fff,#fafaff)}.feature-card{border-color:#e5e3fb;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(76,63,172,.045)}.feature-card:hover{border-color:#8f83f6;box-shadow:0 22px 48px rgba(79,70,229,.13);transform:translateY(-4px)}.feature-card:nth-child(3n+2) .feature-icon{background:linear-gradient(135deg,#f1e8ff,#e9f5ff);color:#7c3aed}.feature-card:nth-child(3n) .feature-icon{background:linear-gradient(135deg,#ddfbff,#e8edff);color:#0891b2}.feature-icon{background:linear-gradient(135deg,#e9e8ff,#e4fbff);color:#5648df}.feature-card>p{background:#f8f8ff;color:#5146a1}.feature-card>p b,.feature-list i{color:#6553ee}
.roles-section{background:radial-gradient(circle at 15% 20%,rgba(34,211,238,.1),transparent 27%),linear-gradient(135deg,#f5f4ff,#f0fbff)}.role-card{border-color:#6366f1;border-radius:0 0 14px 14px;box-shadow:0 14px 34px rgba(71,60,160,.08)}.role-card:nth-child(2){border-color:#8b5cf6}.role-card:nth-child(3){border-color:#06b6d4}.role-card:nth-child(4){border-color:#f43f8b}.role-card-top>span{color:#5b4de8;background:linear-gradient(135deg,#e8e7ff,#dcfbff)}.role-card>em{color:#5948dd;background:#ebe9ff}.mini-role-ui{background:#fafaff;border-color:#e5e3fb}.mini-role-ui>span i{background:#e9e7ff;color:#5b4de8}
.advantages{background:radial-gradient(circle at 10% 85%,rgba(34,211,238,.2),transparent 28%),linear-gradient(120deg,#1f1d75,#4c2ca7 52%,#075e7d)}.advantage-copy h2 span{color:#67e8f9}.advantage-copy>a{border-color:#8ddff0;background:rgba(255,255,255,.07)}.advantage-grid{background:rgba(224,231,255,.22);border:1px solid rgba(224,231,255,.2)}.advantage-grid article{background:rgba(24,24,92,.5);backdrop-filter:blur(7px)}.advantage-grid article>span{border-color:#75dcec;color:#75e4ee;background:rgba(34,211,238,.08)}.advantage-grid small{color:#9ba9e9}.advantage-grid p{color:#b8c9ea}
.scenario-grid article{border-color:#e3e2fa;border-radius:12px;background:linear-gradient(145deg,#fff,#f7f6ff);box-shadow:0 9px 26px rgba(79,70,229,.05)}.scenario-grid article:nth-child(2n){background:linear-gradient(145deg,#fff,#f1fdff)}.scenario-grid article>span{color:#e4e2fc}.scenario-icon{border-color:#a9a2f7;color:#6252e8;background:linear-gradient(135deg,#eeecff,#e5fbff);border-radius:12px}.scenario-grid small{color:#604ee0}
.case-section{background:radial-gradient(circle at 75% 15%,rgba(34,211,238,.16),transparent 28%),linear-gradient(120deg,#292477,#4f2ca0 60%,#075777)}.case-copy>p{color:#c7ccec}.case-tags span{color:#c8f8ff;border-color:rgba(103,232,249,.45);background:rgba(34,211,238,.06)}.case-results{background:rgba(213,218,255,.35);border-radius:14px;overflow:hidden}.case-results>div{background:rgba(255,255,255,.95)}.case-results b{color:#5a4be0;background:linear-gradient(135deg,#e9e7ff,#dffbff)}
.about-section{background:linear-gradient(100deg,#f8f7ff,#effcff)}.about-mark{background:linear-gradient(145deg,#4f46e5,#7c3aed 62%,#06b6d4);box-shadow:0 12px 30px rgba(79,70,229,.23)}.about-brand small{color:#6554e8}.about-values b{color:#5145bd}
.demo-section{background:radial-gradient(circle at 65% 0%,rgba(103,232,249,.35),transparent 30%),linear-gradient(105deg,#5146e5,#7c3aed 56%,#089fc1)}.demo-actions a{color:#5b49db;border-radius:8px;box-shadow:0 12px 30px rgba(44,28,117,.2)}
footer{background:linear-gradient(115deg,#171649,#25205f 55%,#123b59)}.footer-contact a{color:#6ee7f2}.footer-bottom{border-color:rgba(199,210,254,.18)}

@media(max-width:700px){.hero{background:radial-gradient(circle at 85% 12%,rgba(34,211,238,.2),transparent 30%),linear-gradient(145deg,#fbfcff,#f2efff 62%,#ecfeff)}.nav{background:#fff}.process-section,.advantages,.case-section{background:linear-gradient(145deg,#31249c,#5b2fb0 62%,#08708e)}}

/* Coursera for Business inspired system: clear blue, pale panels, strong spacing */
:root{--navy:#002761;--blue:#0056d2;--blue2:#0f6ee8;--cyan:#00a7e1;--ink:#17191c;--muted:#5b6370;--line:#d9e2ef;--pale:#eef4ff}
body{color:#17191c;background:#fff}
.utility-bar{height:39px;background:#111214;color:#d8d8d8;font-size:13px}.utility-bar>div{width:min(1344px,calc(100% - 56px));height:100%;margin:auto;display:flex;align-items:center;gap:0}.utility-bar span{height:100%;display:flex;align-items:center;padding:0 22px;border-bottom:3px solid transparent}.utility-bar .active{color:#fff;border-bottom-color:#fff;background:#1b1c1e}
.site-header{height:82px;position:relative;inset:auto;padding:0 max(28px,calc((100vw - 1344px)/2));background:#fff;border-bottom:1px solid #e3e7ed;box-shadow:none;backdrop-filter:none}.brand-mark{background:#0056d2;box-shadow:none;border-radius:4px}.brand strong{color:#003b8f}.brand small{color:#667085}.nav{color:#313843;font-size:16px;font-weight:500;gap:34px}.nav a{padding:30px 0 28px}.nav a:first-child,.nav a:hover{color:#0056d2;border-color:#0056d2}.header-cta{color:#fff;border-color:#0056d2;background:#0056d2;border-radius:6px;padding:11px 20px}
.promo-bar{width:min(1344px,calc(100% - 56px));height:48px;margin:18px auto 0;border-radius:12px;background:#002761;color:#fff;display:flex;align-items:center;justify-content:center;gap:32px;font-size:14px;font-weight:600}.promo-bar a{color:#0056d2;background:#fff;border-radius:5px;padding:7px 17px;font-size:13px}
.hero{width:min(1344px,calc(100% - 56px));max-width:none;min-height:auto;margin:46px auto 0;padding:54px 48px 38px;grid-template-columns:.92fr 1.08fr;gap:44px 54px;border-radius:26px;background:#edf4ff;overflow:hidden}.hero:before{background-image:none}.hero-glow{display:none}.hero-copy{align-self:center}.eyebrow{color:#0056d2;font-size:14px;letter-spacing:.2px}.eyebrow span{background:#0056d2}.hero h1{color:#111827;font-size:clamp(40px,3.25vw,52px);line-height:1.18;letter-spacing:-1.8px}.hero h1 span{color:#0056d2}.hero h1 span:after{display:none}.hero-copy>p{color:#4d5968;font-size:16px;line-height:1.75;max-width:610px}.primary-button{background:#0056d2;box-shadow:none;border-radius:6px}.primary-button:hover{background:#0047b3}.secondary-button{color:#0056d2;border-color:#0056d2;background:transparent;border-radius:6px}.hero-points{color:#384456}.hero-points i{color:#0056d2;background:#dbeafe}
.dashboard{border-color:#d2dce9;border-radius:14px;transform:none;box-shadow:0 18px 45px rgba(22,50,84,.13)}.dash-logo{background:#0056d2}.dash-side .active{background:#e5efff;color:#0056d2}.metrics i{color:#047857}.chart .last{background:linear-gradient(#0056d2,#78aef7)}.donut{background:conic-gradient(#0056d2 0 86%,#e1eaf7 86%)}
.hero-value-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:4px}.hero-value-grid article{min-height:118px;background:#fff;border:1px solid #dde5ef;border-radius:10px;padding:20px;display:flex;gap:14px;align-items:flex-start}.hero-value-grid article>span{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:6px;background:#e7f0ff;color:#0056d2;font-size:11px;font-weight:800}.hero-value-grid b{font-size:15px}.hero-value-grid p{font-size:12px;line-height:1.55;color:#677181;margin:7px 0 0}
.trust-strip{min-height:150px;display:block;text-align:center;padding:55px max(28px,calc((100vw - 1184px)/2));border:0;background:#fff}.trust-strip>p{max-width:none;margin:0 0 25px;color:#5e6672;font-size:15px}.trust-strip>div{max-width:1040px;margin:auto}.trust-strip span{justify-content:center;border-left:0;border-right:1px solid #e1e6ed;color:#4c5562}.trust-strip span:last-child{border-right:0}.trust-strip b{color:#0056d2}
.section{max-width:1184px;padding-top:96px;padding-bottom:96px}.section-kicker{color:#0056d2;letter-spacing:.8px}.section-heading h2,.center-heading h2{color:#17191c}.section-heading h2 span,.center-heading h2 span{color:#0056d2}.section-heading>p,.center-heading p{color:#5d6674}
.problem-grid{gap:16px}.problem-card{border-color:#dbe2eb;border-radius:10px;box-shadow:none;background:#fff!important}.problem-card:hover{border-color:#0056d2;box-shadow:0 14px 32px rgba(0,86,210,.1);transform:translateY(-3px)}.problem-card:nth-child(1){border-top:4px solid #0056d2}.problem-card:nth-child(2){border-top:4px solid #2a73cc}.problem-card:nth-child(3){border-top:4px solid #4b86c6}.problem-card:nth-child(4){border-top:4px solid #76a3d0}.round-icon{color:#0056d2;background:#e8f1ff}.compare .blue{color:#0056d2}.compare .answer{color:#153f72}.card-index{color:#edf2f8}
.process-section{background:#002761}.process-section:after{display:none}.process-title h2 span{color:#7fc2ff}.process-title p{color:#c0d3e9}.process-seal{border-color:#7cbaf4;background:transparent}.process-seal span{color:#bed8f1}.process-track:before{background:#5da7ed}.process-step{border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.045);backdrop-filter:none}.process-step>span{border-color:#70b4f2;color:#fff;background:#0056d2}.process-step>small{color:#9fb8d3}.process-step>i{color:#70b4f2}.process-note{color:#c6d6e7}.process-note span{background:#0056d2}
.feature-section{background:#fff}.feature-grid{gap:18px}.feature-card{border-color:#dbe2eb;border-radius:10px;box-shadow:none}.feature-card:hover{border-color:#0056d2;box-shadow:0 14px 32px rgba(0,86,210,.09);transform:translateY(-3px)}.feature-icon,.feature-card:nth-child(3n+2) .feature-icon,.feature-card:nth-child(3n) .feature-icon{background:#e8f1ff;color:#0056d2}.feature-card>p{background:#f5f8fd;color:#184c87}.feature-card>p b,.feature-list i{color:#0056d2}
.roles-section{background:#f1f6ff}.role-card{border-color:#0056d2!important;border-radius:0 0 10px 10px;box-shadow:none}.role-card-top>span{color:#0056d2;background:#e7f0ff}.role-card>em{color:#0056d2;background:#e7f0ff}.mini-role-ui{background:#f7f9fc;border-color:#dde4ed}.mini-role-ui>span i{background:#e7f0ff;color:#0056d2}
.advantages{background:#fff}.advantage-inner{grid-template-columns:.68fr 1.32fr}.advantage-copy h2{color:#17191c}.advantage-copy h2 span{color:#0056d2}.advantage-copy>p{color:#5f6875}.advantage-copy>a{color:#fff;border-color:#0056d2;background:#0056d2;border-radius:6px}.advantage-grid{background:#dce3ec;border:0}.advantage-grid article{background:#f3f7fc;backdrop-filter:none}.advantage-grid article>span{border-color:#8ab8eb;color:#0056d2;background:#e4efff}.advantage-grid small{color:#6f86a0}.advantage-grid h3{color:#18202b}.advantage-grid p{color:#667485}
.scenario-grid article,.scenario-grid article:nth-child(2n){border-color:#dbe2eb;border-radius:10px;background:#fff;box-shadow:none}.scenario-grid article:hover{border-color:#0056d2}.scenario-grid article>span{color:#edf1f6}.scenario-icon{border-color:#a8c8ee;color:#0056d2;background:#e8f1ff;border-radius:8px}.scenario-grid small{color:#0056d2}
.case-section{background:#eef4ff}.case-copy h2{color:#17191c}.case-copy>p{color:#5d6877}.case-tags span{color:#0056d2;border-color:#8ab8eb;background:#fff}.case-results{background:#d6dfeb;border-radius:10px}.case-results>div{background:#fff}.case-results b{color:#0056d2;background:#e7f0ff}
.about-section{background:#fff}.about-mark{background:#0056d2;box-shadow:none;border-radius:6px}.about-brand small{color:#0056d2}.about-values b{color:#0056d2}
.demo-section{background:#002761}.demo-glow{display:none}.demo-actions a{color:#0056d2;border-radius:6px;box-shadow:none}
footer{background:#f4f6f8;color:#17191c;border-top:1px solid #dfe4ea}.footer-brand .brand strong{color:#003b8f}.footer-brand .brand small,.footer-brand p,.footer-links a,.footer-contact p,.footer-contact span{color:#5d6672}.footer-links b,.footer-contact>b{color:#17191c}.footer-contact a{color:#0056d2}.footer-bottom{border-color:#d8dee6;color:#6b7280}

@media(max-width:1050px){.promo-bar{width:calc(100% - 40px)}.hero{width:calc(100% - 40px);grid-template-columns:1fr;padding-top:48px}.hero-value-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.utility-bar{display:none}.site-header{height:68px}.promo-bar{width:calc(100% - 28px);height:auto;min-height:50px;margin-top:12px;padding:10px 14px;text-align:center;gap:12px;font-size:11px}.promo-bar a{white-space:nowrap}.hero{width:calc(100% - 28px);margin-top:22px;padding:40px 20px 24px;border-radius:18px;background:#edf4ff}.hero-value-grid{grid-template-columns:1fr}.hero-value-grid article{min-height:auto}.nav{background:#fff}.process-section{background:#002761}.advantages{background:#fff}.case-section{background:#eef4ff}.trust-strip>div{grid-template-columns:1fr 1fr}.trust-strip span{border-right:0}}

/* Chinese higher-education presentation and responsive refinement */
body{font-family:"Noto Sans SC","Source Han Sans SC","Microsoft YaHei","PingFang SC",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.mobile-only{display:none}
.utility-bar{background:#093b78}.utility-bar>div{width:min(1200px,calc(100% - 40px))}.utility-bar span{padding:0 20px}.utility-bar .active{background:#124b89;border-bottom-color:#fff}
.site-header{padding:0 max(20px,calc((100vw - 1200px)/2));height:78px}.brand-mark{border-radius:2px}.nav{font-size:17px;gap:30px}.nav a{padding:28px 0 25px}.header-cta{border-radius:3px}
.promo-bar{width:min(1200px,calc(100% - 40px));height:44px;margin-top:16px;border-radius:3px;background:linear-gradient(90deg,#073775,#0a57a7);font-size:15px}.promo-bar:before{content:"";width:4px;height:18px;background:#fff;opacity:.75}.promo-bar a{border-radius:2px}
.hero{width:min(1200px,calc(100% - 40px));margin-top:28px;padding:48px 42px 32px;border-radius:6px;background:linear-gradient(135deg,#edf5ff,#f6faff);border:1px solid #d8e6f6;gap:34px 46px}.hero h1{font-size:clamp(38px,3vw,48px);line-height:1.32;letter-spacing:0;font-weight:800}.hero-copy>p{font-size:17px;line-height:1.9}.eyebrow{font-weight:700}.primary-button,.secondary-button{border-radius:3px;height:48px}.dashboard{border-radius:6px;box-shadow:0 14px 34px rgba(22,50,84,.11)}.hero-value-grid{gap:10px}.hero-value-grid article{border-radius:4px;padding:18px;min-height:112px}.hero-value-grid article>span{border-radius:2px}.hero-value-grid b{font-size:16px}.hero-value-grid p{font-size:13px;line-height:1.65}
.trust-strip{padding-top:48px;padding-bottom:48px}.trust-strip>div{max-width:1000px}.trust-strip span{font-size:14px}.trust-strip b{font-size:26px}
.section{max-width:1200px;padding:88px 20px}.section-kicker{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.section-kicker:before{content:"";width:28px;height:3px;background:#0056d2}.section-kicker.centered{justify-content:center}.section-heading h2,.center-heading h2,.process-title h2,.advantage-copy h2,.case-copy h2{font-size:34px;letter-spacing:0;line-height:1.5}.section-heading>p,.center-heading p{font-size:15px}.problem-card,.feature-card,.scenario-grid article{border-radius:4px}.problem-card{padding:24px 22px}.feature-card{padding:26px 24px 0}.role-card{border-radius:0}.round-icon,.feature-icon,.scenario-icon{border-radius:3px}.roles-section{border-top:1px solid #dce8f5;border-bottom:1px solid #dce8f5}.mini-role-ui{border-radius:2px}.process-step{min-height:130px}.process-step>b{font-size:16px}.advantage-grid article{min-height:124px}.case-results{border-radius:4px}.about-mark{border-radius:3px}.demo-actions a{border-radius:3px}

@media(max-width:1180px){
  .site-header{padding:0 24px;gap:24px}.nav{gap:20px;font-size:15px}.promo-bar,.hero{width:calc(100% - 48px)}.hero{grid-template-columns:1fr;max-width:900px}.hero-copy{text-align:center;max-width:760px;margin:auto}.eyebrow,.hero-actions,.hero-points{justify-content:center}.hero-copy>p{margin:auto}.product-stage{width:100%;max-width:760px;margin:auto}.hero-value-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1100px){.role-grid,.scenario-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:960px){
  .utility-bar{display:none}.site-header{height:70px}.menu-button{display:block;margin-left:auto}.header-cta{margin-left:0}.nav{display:none;position:absolute;top:70px;left:20px;right:20px;z-index:20;background:#fff;border:1px solid #d8e2ee;box-shadow:0 14px 34px rgba(20,49,82,.14);padding:8px}.nav.open{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.nav a,.nav a:first-child{display:block!important;padding:13px 14px;border:0;font-size:16px}.promo-bar{margin-top:14px}.section-heading{align-items:flex-start}.feature-grid{grid-template-columns:repeat(2,1fr)}.role-grid,.scenario-grid{grid-template-columns:repeat(2,1fr)}.process-track{grid-template-columns:repeat(2,1fr)}.process-track:before{display:none}.about-inner{grid-template-columns:1fr 1fr}.about-values{grid-column:1/-1}
}

/* Clickable audience/product switcher */
.utility-bar button{
  height:100%;
  padding:0 20px;
  color:#dbe8f7;
  background:transparent;
  border:0;
  border-bottom:3px solid transparent;
  font:inherit;
  cursor:pointer;
  white-space:nowrap;
}
.utility-bar button:hover,.utility-bar button:focus-visible{color:#fff;background:#124b89;outline:none}
.utility-bar button.active{color:#fff;background:#124b89;border-bottom-color:#fff}
.hero-copy,.process-blueprint{transition:opacity .18s ease}

@media(max-width:960px){
  .utility-bar{display:block;overflow-x:auto;scrollbar-width:none;height:44px}
  .utility-bar::-webkit-scrollbar{display:none}
  .utility-bar>div{width:max-content;min-width:100%;margin:0;padding:0 8px}
  .utility-bar button{padding:0 16px;font-size:13px}
  .hero{min-height:calc(100vh - 162px);min-height:calc(100svh - 162px)}
}
@media(max-width:640px){
  .mobile-only{display:block}.site-header{padding:0 16px}.brand strong{font-size:20px}.header-cta{display:none}.nav{left:12px;right:12px}.nav.open{grid-template-columns:1fr}.promo-bar{width:calc(100% - 24px);min-height:48px;height:auto;padding:8px 10px;font-size:12px;line-height:1.45;gap:10px}.promo-bar:before{display:none}.promo-bar a{padding:6px 10px}.hero{width:calc(100% - 24px);margin-top:16px;padding:34px 16px 18px;border-radius:4px}.hero h1{font-size:30px;line-height:1.42}.hero-copy>p{font-size:15px;line-height:1.8}.hero-actions{flex-direction:column}.primary-button,.secondary-button{width:100%}.hero-points{font-size:12px}.hero-value-grid{grid-template-columns:1fr}.hero-value-grid article{min-height:auto}.metrics{grid-template-columns:1fr 1fr}.metrics article:nth-child(3){grid-column:1/-1}.dash-main{padding:12px}.chart-card{min-height:145px}.trust-strip{padding:36px 16px}.trust-strip>div{grid-template-columns:1fr}.trust-strip span{border-bottom:1px solid #e5eaf1;padding:14px}.section{padding:64px 16px}.section-heading{display:block}.section-heading h2,.center-heading h2,.process-title h2,.advantage-copy h2,.case-copy h2{font-size:27px}.section-heading>p{margin-top:16px}.problem-grid,.feature-grid,.role-grid,.scenario-grid{grid-template-columns:1fr}.process-inner{padding:64px 16px}.process-title{display:block}.process-seal{display:none}.process-track{grid-template-columns:1fr 1fr}.process-step{height:auto;min-height:120px}.advantage-inner,.case-inner{padding:64px 16px}.advantage-grid{grid-template-columns:1fr}.case-results{grid-template-columns:1fr}.about-inner{grid-template-columns:1fr;padding:56px 16px}.about-inner>p{padding:0;border-left:0}.about-values{gap:10px}.demo-section{padding:48px 16px}.footer-main{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(3,1fr);gap:14px}.footer-contact{display:none}
}

/* Primary navigation and product dropdown */
.nav-item{position:relative;align-self:stretch;display:flex;align-items:center}
.nav-main{display:flex;align-items:center;gap:5px}
.nav-main>span{font-size:14px;transition:transform .2s}
.has-submenu:hover .nav-main>span,.has-submenu:focus-within .nav-main>span{transform:rotate(180deg)}
.submenu{
  position:absolute;
  top:calc(100% - 1px);
  left:50%;
  width:390px;
  padding:10px;
  opacity:0;
  visibility:hidden;
  transform:translate(-50%,8px);
  background:#fff;
  border:1px solid #d9e3ef;
  box-shadow:0 18px 42px rgba(20,49,82,.16);
  transition:.2s;
}
.has-submenu:hover .submenu,.has-submenu:focus-within .submenu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.submenu>a{display:flex;align-items:center;gap:13px;padding:14px 12px;border:0!important;color:#263b52;font-size:14px;line-height:1.45}
.submenu>a:hover,.submenu>a:focus{color:#0056d2;background:#edf4ff}
.submenu b{display:grid;place-items:center;width:30px;height:30px;flex:none;color:#0056d2;background:#e4efff;font-size:10px}

@media(max-width:960px){
  .nav-item{display:block;grid-column:1/-1}
  .nav-main{padding:13px 14px!important}
  .submenu{position:static;width:auto;padding:0 8px 8px;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;background:#f5f8fc}
  .submenu>a{padding:11px 12px!important;font-size:13px!important}
}

/* Product capability diagram — intentionally not presented as a system screenshot */
.process-blueprint{
  position:relative;
  padding:26px;
  color:#12345a;
  background:rgba(255,255,255,.82);
  border:1px solid #cbdcf0;
  box-shadow:0 22px 55px rgba(28,72,119,.12);
}
.process-blueprint:before{
  content:"";
  position:absolute;
  inset:8px;
  pointer-events:none;
  border:1px solid rgba(0,86,210,.08);
}
.blueprint-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #d9e6f4;font-size:12px;color:#637b96}
.blueprint-head span{padding:5px 9px;color:#0056d2;background:#e6f0ff;font-weight:700}
.blueprint-head b{font-weight:600;letter-spacing:.5px}
.blueprint-core{text-align:center;padding:30px 16px 27px}
.blueprint-core small{display:block;color:#637b96;font-size:13px}
.blueprint-core strong{display:block;margin:7px 0 5px;color:#073b78;font-size:29px;letter-spacing:1px}
.blueprint-core p{margin:0;color:#55708d;font-size:14px}
.blueprint-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:7px}
.blueprint-flow>div{min-height:112px;padding:15px 10px;text-align:center;background:#f4f8fe;border-top:3px solid #0056d2}
.blueprint-flow>div:nth-of-type(2),.blueprint-flow>div:nth-of-type(4){border-top-color:#2d75c8}
.blueprint-flow span{display:grid;place-items:center;width:27px;height:27px;margin:0 auto 10px;color:#fff;background:#0056d2;font-size:10px;font-weight:800}
.blueprint-flow b,.blueprint-flow small{display:block}
.blueprint-flow b{font-size:14px}
.blueprint-flow small{margin-top:7px;color:#71849a;font-size:10px;line-height:1.5}
.blueprint-flow i{color:#7da8d7;font-style:normal;font-size:14px}
.blueprint-roles{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:18px;background:#cbdcf0;border:1px solid #cbdcf0}
.blueprint-roles span{padding:12px 8px;text-align:center;color:#174b83;background:#fff;font-size:12px;font-weight:700}
.blueprint-base{display:flex;justify-content:center;gap:10px;padding-top:17px}
.blueprint-base span{padding:5px 11px;color:#3e668e;border:1px solid #bfd2e7;font-size:10px}

@media(max-width:640px){
  .process-blueprint{padding:18px 12px}
  .blueprint-head b{display:none}
  .blueprint-core{padding:24px 8px 22px}
  .blueprint-core strong{font-size:23px}
  .blueprint-flow{grid-template-columns:1fr 1fr;gap:8px}
  .blueprint-flow i{display:none}
  .blueprint-flow>div{min-height:100px}
  .blueprint-flow>div:last-of-type{grid-column:1/-1}
  .blueprint-roles{grid-template-columns:1fr 1fr}
  .blueprint-base{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .blueprint-base span{text-align:center}
}
@media(max-width:380px){.hero h1{font-size:27px}.hero-points{gap:7px}.process-track{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.footer-links div:last-child{grid-column:1/-1}}

/* Full-bleed, viewport-fitting first screen */
main{background:#eef5ff}
.promo-bar{
  width:100%;
  max-width:none;
  margin:0;
  border-radius:0;
  border-bottom:1px solid rgba(255,255,255,.16);
}
.hero{
  width:100%;
  max-width:none;
  min-height:calc(100vh - 165px);
  min-height:calc(100svh - 165px);
  margin:0;
  padding:52px max(24px,calc((100vw - 1200px)/2)) 40px;
  border:0;
  border-radius:0;
  align-content:center;
  background:
    radial-gradient(circle at 86% 18%,rgba(0,86,210,.11),transparent 28%),
    linear-gradient(120deg,#eaf3ff 0%,#f5f9ff 54%,#eaf5ff 100%);
}
.hero:before{
  background-image:linear-gradient(rgba(0,86,210,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,86,210,.025) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to right,transparent 10%,black 72%,transparent);
}
.trust-strip{background:#fff}

@media(max-width:1180px){
  .promo-bar{width:100%;margin:0}
  .hero{
    width:100%;
    max-width:none;
    min-height:calc(100vh - 165px);
    min-height:calc(100svh - 165px);
    margin:0;
    padding-left:24px;
    padding-right:24px;
  }
}
@media(max-width:960px){
  .hero{
    min-height:calc(100vh - 118px);
    min-height:calc(100svh - 118px);
  }
}
@media(max-width:640px){
  .promo-bar{width:100%;margin:0;border-radius:0}
  .hero{
    width:100%;
    min-height:calc(100vh - 118px);
    min-height:calc(100svh - 118px);
    margin:0;
    padding:32px 16px 24px;
    border-radius:0;
  }
}

@media(max-width:960px){
  .hero{min-height:calc(100vh - 162px);min-height:calc(100svh - 162px)}
}

/* The hero now follows the main header directly; the duplicate blue promo row was removed. */
.hero{min-height:calc(100vh - 117px);min-height:calc(100svh - 117px)}
@media(max-width:960px){
  .hero{min-height:calc(100vh - 114px);min-height:calc(100svh - 114px)}
}

/* Prominent system login entry */
.login-access{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:1px;margin-top:24px;background:#c9d9eb;border:1px solid #c9d9eb;box-shadow:0 12px 28px rgba(29,69,111,.08)}
.login-access>div,.login-access>a{min-height:68px;background:rgba(255,255,255,.94)}
.login-access>div{display:flex;flex-direction:column;justify-content:center;padding:12px 15px}.login-access>div b{color:#153e69;font-size:14px}.login-access>div span{margin-top:4px;color:#718398;font-size:11px}
.login-access>a{display:flex;align-items:center;gap:10px;padding:10px 12px;transition:.2s}.login-access>a:hover{background:#e9f2ff}.login-access>a>i{display:grid;place-items:center;width:32px;height:32px;flex:none;color:#fff;background:#0056d2;font-style:normal;font-weight:800}.login-access>a>span{min-width:0}.login-access>a b,.login-access>a small{display:block}.login-access>a b{color:#164675;font-size:13px}.login-access>a small{margin-top:4px;color:#718397;font-size:9px;white-space:nowrap}.login-access>a em{margin-left:auto;color:#0056d2;font-style:normal;font-weight:800}
@media(max-width:640px){.login-access{grid-template-columns:1fr}.login-access>div{min-height:58px}.login-access>a{min-height:62px}.login-access>a small{font-size:10px}}

/* Core capabilities uses a full-viewport background with centered content. */
.feature-section{
  width:100%;
  max-width:none;
  margin:0;
  padding-left:max(20px,calc((100vw - 1160px)/2));
  padding-right:max(20px,calc((100vw - 1160px)/2));
  background:#fff;
}
@media(max-width:640px){
  .feature-section{padding-left:16px;padding-right:16px}
}

/* Every audience headline is locked to exactly two lines. */
.hero h1 .headline-first,.hero h1 .headline-second{display:block;position:static;color:#111827;white-space:nowrap}
.hero h1 .headline-second{font-size:.88em;letter-spacing:-1px}
.hero h1 .headline-second em{color:#0056d2;font-style:normal}
.hero h1 .headline-first:after,.hero h1 .headline-second:after{display:none}
@media(max-width:640px){
  .hero h1 .headline-second{font-size:.84em;letter-spacing:-.8px}
}

/* Homepage layout refined from the reference's centered, spacious structure. */
.site-header{height:82px;background:rgba(255,255,255,.98);box-shadow:0 1px 0 rgba(17,45,78,.08)}
.nav{gap:27px}.nav a{padding-top:30px;padding-bottom:27px}
.header-cta{border-radius:8px;box-shadow:0 8px 20px rgba(0,86,210,.16)}
.hero{
  display:block;
  min-height:calc(100vh - 121px);
  min-height:calc(100svh - 121px);
  padding-top:78px;
  padding-bottom:64px;
  background:
    radial-gradient(circle at 50% 8%,rgba(0,86,210,.075),transparent 28%),
    linear-gradient(180deg,#fbfdff 0%,#f3f8ff 100%);
}
.hero:before{background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 78%)}
.hero-copy{max-width:1040px;margin:0 auto;text-align:center}
.eyebrow{width:max-content;max-width:100%;justify-content:center;margin:0 auto;padding:8px 14px;border:1px solid #cfe0f4;border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 6px 18px rgba(28,72,119,.06)}
.eyebrow>span{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 4px rgba(0,86,210,.1)}
.hero h1{margin:24px 0 20px;font-size:clamp(46px,4.2vw,64px);line-height:1.18;letter-spacing:-1.5px}
.hero h1 .headline-second{font-size:.82em;letter-spacing:-1.4px}
.hero-copy>p{max-width:820px;margin:0 auto;font-size:17px;line-height:1.85}
.hero-actions{justify-content:center;margin-top:30px}.primary-button,.secondary-button{height:52px;border-radius:8px;padding:0 26px}.primary-button{box-shadow:0 10px 24px rgba(0,86,210,.18)}.secondary-button{background:#fff}
.login-access{max-width:900px;margin:26px auto 0;border-radius:14px;overflow:hidden;box-shadow:0 14px 34px rgba(29,69,111,.09)}
.hero-points{max-width:900px;justify-content:center;margin:18px auto 0;padding:12px 20px;border:1px solid #d9e6f5;border-radius:999px;background:rgba(255,255,255,.82)}
.product-stage{width:100%;max-width:1040px;margin:58px auto 0}
.process-blueprint{border-radius:18px;overflow:hidden;box-shadow:0 22px 52px rgba(28,72,119,.1)}
.hero-value-grid{max-width:1040px;margin:22px auto 0;gap:16px}.hero-value-grid article{border-radius:14px;box-shadow:0 8px 24px rgba(29,69,111,.055)}
@media(max-width:960px){
  .site-header{height:72px}.hero{padding-top:58px;min-height:calc(100vh - 116px);min-height:calc(100svh - 116px)}
  .hero-copy{max-width:760px}.product-stage,.hero-value-grid{max-width:760px}
}
@media(max-width:640px){
  .hero{padding-top:42px;padding-bottom:42px}.eyebrow{width:auto;padding:7px 10px;font-size:12px}
  .hero h1{font-size:32px;line-height:1.28;letter-spacing:-.8px}.hero h1 .headline-second{font-size:.79em;letter-spacing:-.8px}
  .hero-copy>p{font-size:15px}.login-access{border-radius:10px}.hero-points{border-radius:12px;padding:11px 10px}
  .product-stage{margin-top:38px}.process-blueprint{border-radius:10px}.hero-value-grid{gap:10px}.hero-value-grid article{border-radius:10px}
}

/* Unified bright-blue design system inspired by the supplied reference. */
:root{--navy:#0f1f3d;--blue:#1f63ff;--blue2:#2f7dfc;--cyan:#00b8d9;--ink:#142036;--muted:#65738a;--line:#e3e9f3;--pale:#f3f7ff}
body{color:#142036;background:#fff}
main{background:radial-gradient(900px 500px at 85% -10%,rgba(31,99,255,.12),transparent 60%),radial-gradient(700px 400px at 5% 90%,rgba(0,184,217,.1),transparent 60%),linear-gradient(#fff 0%,#f3f7ff 60%,#eaf1fb 100%)}
.utility-bar{height:38px;background:#0f2f68}.utility-bar .active,.utility-bar button.active{background:rgba(255,255,255,.12);border-bottom-color:#66d7f0}.utility-bar button:hover{background:rgba(255,255,255,.1)}
.site-header{height:82px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(227,233,243,.9);box-shadow:none}
.brand-mark{width:45px;height:45px;border-radius:12px;background:linear-gradient(145deg,#1f63ff,#2f7dfc 62%,#00b8d9);box-shadow:0 10px 26px rgba(31,99,255,.25)}
.brand strong{color:#0f1f3d;font-family:inherit;font-size:21px;letter-spacing:1px}.brand small{color:#718097;font-size:10px}
.nav{color:#142036;font-size:16px;font-weight:650;gap:18px}.nav a{padding:10px 12px;border-radius:10px;border-bottom:0}.nav a:first-child,.nav a:hover,.nav-item:hover>.nav-main{color:#1f63ff;background:#f1f5ff;border-bottom:0}.header-cta{padding:12px 25px;color:#fff;border:0;border-radius:10px;background:linear-gradient(135deg,#1f63ff,#2f7dfc);box-shadow:0 8px 20px rgba(31,99,255,.28)}
.submenu{border-color:#e3e9f3;border-radius:16px;box-shadow:0 20px 50px rgba(15,31,61,.14)}.submenu>a{border-radius:10px!important}.submenu b{border-radius:8px;background:#eaf0ff;color:#1f63ff}
.hero{padding-top:82px;padding-bottom:70px;background:radial-gradient(900px 500px at 85% -10%,rgba(31,99,255,.11),transparent 60%),radial-gradient(700px 400px at 5% 90%,rgba(0,184,217,.085),transparent 60%),linear-gradient(#fff,#f3f7ff 75%,#eaf1fb)}
.hero:before{background-image:linear-gradient(rgba(31,99,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(31,99,255,.035) 1px,transparent 1px);background-size:64px 64px}
.eyebrow{color:#2864d9;border-color:rgba(31,99,255,.18);background:rgba(255,255,255,.86);border-radius:999px;box-shadow:0 8px 24px rgba(31,99,255,.08)}.eyebrow>span{background:#1f63ff;box-shadow:0 0 0 4px rgba(31,99,255,.12)}
.hero h1{color:#0f1f3d;font-size:clamp(48px,4vw,56px);line-height:1.18;letter-spacing:-1.6px}.hero h1 .headline-first,.hero h1 .headline-second{color:#0f1f3d}.hero h1 .headline-second em{background:linear-gradient(90deg,#1f63ff,#00b8d9);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{color:#55647b;font-size:17px}.primary-button,.secondary-button{height:auto;min-height:50px;padding:12px 26px;border-radius:10px}.primary-button{background:linear-gradient(135deg,#1f63ff,#2f7dfc);box-shadow:0 8px 20px rgba(31,99,255,.28)}.secondary-button{color:#0f1f3d;border-color:#e3e9f3;background:#fff}
.login-access{border-color:rgba(31,99,255,.14);background:rgba(31,99,255,.14);border-radius:24px;box-shadow:0 18px 42px rgba(15,23,42,.06)}.login-access>div,.login-access>a{background:rgba(255,255,255,.9)}.login-access>a:hover{background:#eef3ff}.login-access>a>i{border-radius:8px;background:linear-gradient(145deg,#1f63ff,#00aeca)}
.hero-points{border-color:rgba(31,99,255,.14);background:rgba(255,255,255,.78);border-radius:24px;box-shadow:0 18px 42px rgba(15,23,42,.045)}.hero-points i{color:#1f63ff;background:#eaf0ff}
.process-blueprint{border-color:rgba(31,99,255,.14);border-radius:24px;background:rgba(255,255,255,.82);box-shadow:0 18px 42px rgba(15,23,42,.06)}.blueprint-head span{color:#1f63ff;background:#eaf0ff;border-radius:8px}.blueprint-core strong{color:#0f1f3d}.blueprint-flow>div{border-top-color:#1f63ff;background:#f5f8ff;border-radius:12px}.blueprint-flow span{border-radius:7px;background:#1f63ff}.blueprint-roles{border-radius:12px;overflow:hidden}.blueprint-base span{border-radius:8px}
.hero-value-grid article{border-color:#e3e9f3;border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(20,32,54,.055)}.hero-value-grid article>span{border-radius:8px;color:#1f63ff;background:#eaf0ff}
.trust-strip{background:rgba(255,255,255,.82)}.trust-strip b{color:#1f63ff}
.section{padding-top:76px;padding-bottom:76px}.section-kicker{color:#1f63ff}.section-kicker:before{background:linear-gradient(90deg,#1f63ff,#00b8d9);border-radius:3px}.section-heading h2,.center-heading h2,.process-title h2,.advantage-copy h2,.case-copy h2{color:#0f1f3d}.section-heading h2 span,.center-heading h2 span,.advantage-copy h2 span{background:linear-gradient(90deg,#1f63ff,#00b8d9);-webkit-background-clip:text;background-clip:text;color:transparent}
.problem-card,.feature-card,.role-card,.scenario-grid article{border:1px solid #e3e9f3!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 26px rgba(20,32,54,.055)!important}.problem-card:hover,.feature-card:hover,.scenario-grid article:hover{border-color:rgba(31,99,255,.35)!important;box-shadow:0 18px 38px rgba(31,99,255,.1)!important}.round-icon,.feature-icon,.role-card-top>span,.scenario-icon{border-radius:12px;background:#eaf0ff;color:#1f63ff}.problem-card:nth-child(n){border-top:1px solid #e3e9f3}
.feature-section{background:#fff}.feature-card>p{background:#f6f8ff}.feature-list i,.feature-card>p b{color:#1f63ff}
.roles-section{background:linear-gradient(180deg,#f7f9ff,#eef4ff);border:0}.role-card{border-top:3px solid #1f63ff!important}.role-card>em{color:#1f63ff;background:#eaf0ff;border-radius:999px}.mini-role-ui{border-radius:12px;background:#f7f9ff}
.process-section{background:radial-gradient(circle at 85% 15%,rgba(0,184,217,.18),transparent 28%),linear-gradient(130deg,#0f1f3d,#153666 62%,#075979)}.process-step{border-color:rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.055)}.process-step>span{border:0;background:#1f63ff}.process-note span{border-radius:999px;background:#1f63ff}
.advantages{background:#fff}.advantage-copy>a{border-radius:10px;background:#1f63ff}.advantage-grid{gap:14px;background:transparent}.advantage-grid article{border:1px solid #e3e9f3;border-radius:16px;background:#f8faff}.advantage-grid article>span{border:0;border-radius:12px;color:#1f63ff;background:#eaf0ff}.advantage-grid h3{color:#0f1f3d}.advantage-grid p{color:#66758b}
.case-section{background:linear-gradient(180deg,#f6f9ff,#edf4ff)}.case-results{gap:14px;background:transparent}.case-results>div{border:1px solid #e3e9f3;border-radius:16px;box-shadow:0 8px 26px rgba(20,32,54,.055)}.case-tags span{border-radius:999px;color:#1f63ff;border-color:rgba(31,99,255,.3)}
.about-section{background:#fff}.about-mark{border-radius:14px;background:linear-gradient(145deg,#1f63ff,#00b8d9);box-shadow:0 10px 24px rgba(31,99,255,.2)}
.demo-section{background:radial-gradient(circle at 72% 0%,rgba(0,184,217,.32),transparent 30%),linear-gradient(115deg,#1f63ff,#345ce8 58%,#009dbd)}.demo-actions a{border-radius:10px;box-shadow:0 8px 20px rgba(15,31,61,.18)}
footer{background:#0f1f3d;color:#fff}.footer-brand .brand strong{color:#fff}.footer-links b,.footer-contact>b{color:#fff}.footer-links a,.footer-contact p,.footer-contact span,.footer-brand p{color:#94a8c2}.footer-bottom{border-color:rgba(255,255,255,.12)}
@media(max-width:960px){.site-header{height:72px}.nav{border-radius:16px}.hero{padding-top:62px}.section{padding-top:64px;padding-bottom:64px}}
@media(max-width:640px){.site-header{position:relative}.utility-bar{height:42px}.hero{padding-top:46px}.hero h1{font-size:34px}.login-access,.hero-points,.process-blueprint{border-radius:16px}.section{padding-top:56px;padding-bottom:56px}.problem-card,.feature-card,.role-card,.scenario-grid article{border-radius:14px!important}}

/* Exactly one navigation item is selected: the current page. */
.nav>a,.nav>a:first-child,.nav-item>.nav-main{color:#142036;background:transparent}
.nav>a:hover,.nav-item:hover>.nav-main{color:#1f63ff;background:transparent}
.nav>a.active,.nav-item.active>.nav-main,.nav>a.active:hover,.nav-item.active:hover>.nav-main{color:#1f63ff;background:#f1f5ff}

/* Hover and keyboard focus may open the product submenu, but never imitate selection. */
.nav>a:not(.active),
.nav>a:not(.active):hover,
.nav>a:not(.active):focus-visible,
.nav-item:not(.active)>.nav-main,
.nav-item:not(.active):hover>.nav-main,
.nav-item:not(.active):focus-within>.nav-main{
  color:#142036!important;
  background:transparent!important;
  box-shadow:none!important;
}
.nav>a.active,
.nav>a.active:hover,
.nav>a.active:focus-visible,
.nav-item.active>.nav-main,
.nav-item.active:hover>.nav-main,
.nav-item.active:focus-within>.nav-main{
  color:#1f63ff!important;
  background:#f1f5ff!important;
}

/* Refined whole-process presentation */
.process-section{
  isolation:isolate;
  background:
    radial-gradient(circle at 86% 12%,rgba(24,211,238,.28),transparent 25%),
    radial-gradient(circle at 4% 92%,rgba(31,99,255,.34),transparent 30%),
    linear-gradient(128deg,#0b1d43 0%,#123b7c 52%,#087796 100%)!important;
}
.process-section:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.42;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,black,transparent 88%);
}
.process-inner{max-width:1360px;padding:96px 32px 90px}
.process-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:56px;margin-bottom:48px}
.process-heading-copy{max-width:720px}
.process-section .section-kicker.light{margin-bottom:20px;color:#75e9ff;letter-spacing:1.1px}
.process-section .section-kicker.light:before{background:linear-gradient(90deg,#2f7dfc,#26e2f2)}
.process-section .process-title{display:block;margin:0}
.process-section .process-title h2{margin:0;color:#fff!important;font-size:clamp(38px,3.1vw,52px);line-height:1.25;letter-spacing:-1px}
.process-section .process-title h2 span{color:#85eaff!important;background:none;-webkit-text-fill-color:initial}
.process-section .process-title p{max-width:700px;margin:18px 0 0;color:#c8d8ee;font-size:16px;line-height:1.8}
.process-overview{width:min(390px,36%);display:flex;align-items:center;gap:22px;padding:20px 24px;border:1px solid rgba(155,225,255,.24);border-radius:20px;background:rgba(255,255,255,.075);box-shadow:0 22px 46px rgba(2,15,42,.18);backdrop-filter:blur(12px)}
.process-section .process-seal{width:88px;height:88px;flex:none;border:1px solid rgba(133,234,255,.78);background:linear-gradient(145deg,rgba(31,99,255,.45),rgba(0,184,217,.2));box-shadow:inset 0 0 28px rgba(50,214,239,.12)}
.process-section .process-seal b{font-size:34px;line-height:1;color:#fff}
.process-section .process-seal span{margin-top:8px;color:#bfefff;font-size:11px}
.process-overview-copy{display:grid;gap:7px}
.process-overview-copy strong{color:#fff;font-size:17px}
.process-overview-copy span{color:#b9cde5;font-size:12px;line-height:1.65}
.process-section .process-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.process-section .process-track:before{display:none}
.process-section .process-step{height:146px;min-height:0;padding:58px 20px 20px;border:1px solid rgba(175,218,255,.2);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055));box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(8px);transition:transform .22s ease,border-color .22s ease,background .22s ease}
.process-section .process-step:hover{transform:translateY(-5px);border-color:rgba(123,234,255,.65);background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.08))}
.process-section .process-step>span{top:18px;left:20px;width:30px;height:30px;border:0;border-radius:9px;color:#fff;background:linear-gradient(145deg,#2f7dfc,#00b8d9);box-shadow:0 8px 18px rgba(0,98,255,.3);font-size:11px;font-weight:800}
.process-section .process-step>i{top:21px;right:20px;color:#74e8f4;font-size:16px;opacity:.9}
.process-section .process-step>b{color:#fff;font-size:18px;line-height:1.35}
.process-section .process-step>small{display:block;margin-top:9px;color:#a9c2de;font-size:12px;letter-spacing:.4px}
.process-section .process-step:nth-child(5)>i{content:"↘"}
.process-section .process-step:nth-child(10){border-color:rgba(108,235,216,.44);background:linear-gradient(145deg,rgba(22,210,187,.17),rgba(255,255,255,.07))}
.process-section .process-step:nth-child(10)>span{background:linear-gradient(145deg,#00b8d9,#20c997)}
.process-section .process-note{margin:34px auto 0;padding:12px 18px;width:max-content;max-width:100%;gap:18px;border:1px solid rgba(162,211,255,.18);border-radius:999px;color:#d8e6f7;background:rgba(6,24,58,.24);font-size:13px}
.process-section .process-note span{padding:8px 14px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#1f63ff,#00a8cf);font-weight:700}
.process-section .process-note b{font-weight:600}
.process-section .process-note i{width:4px;height:4px;border-radius:50%;background:#5cd4e5}
@media(max-width:960px){
  .process-inner{padding:74px 24px}.process-heading{align-items:flex-start}.process-overview{width:320px}.process-section .process-track{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .process-inner{padding:60px 16px}.process-heading{display:block;margin-bottom:34px}.process-overview{width:100%;margin-top:28px;padding:16px 18px}.process-section .process-seal{display:flex;width:72px;height:72px}.process-section .process-seal b{font-size:27px}.process-section .process-title h2{font-size:30px;line-height:1.35}.process-section .process-title p{font-size:14px}.process-section .process-track{grid-template-columns:1fr;gap:10px}.process-section .process-step{height:104px;padding:28px 52px 18px 72px}.process-section .process-step>span{top:25px;left:20px}.process-section .process-step>i{top:39px}.process-section .process-step>b{font-size:16px}.process-section .process-step>small{margin-top:5px}.process-section .process-note{width:100%;justify-content:flex-start;flex-wrap:wrap;border-radius:18px;gap:10px 14px}.process-section .process-note span{width:100%;text-align:center}.process-section .process-note i{display:none}
}

/* Refined login access and hero capability cards */
.hero .login-access{
  max-width:960px;
  grid-template-columns:.9fr 1.05fr 1.05fr;
  gap:12px;
  margin-top:28px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.hero .login-access>div,
.hero .login-access>a{
  min-height:100px;
  border:1px solid rgba(31,99,255,.13);
  border-radius:18px;
  box-shadow:0 12px 30px rgba(20,55,104,.075);
}
.hero .login-access>div{
  position:relative;
  overflow:hidden;
  padding:20px 24px;
  color:#fff;
  background:linear-gradient(135deg,#163f93 0%,#1f63ff 68%,#00a9c9 130%);
}
.hero .login-access>div:after{
  content:"登录";
  position:absolute;
  right:-5px;
  bottom:-23px;
  color:rgba(255,255,255,.09);
  font-size:72px;
  font-weight:900;
  line-height:1;
}
.hero .login-access>div b{position:relative;z-index:1;color:#fff;font-size:17px}
.hero .login-access>div span{position:relative;z-index:1;margin-top:8px;color:#dbe9ff;font-size:12px}
.hero .login-access>a{
  gap:15px;
  padding:18px 20px;
  background:rgba(255,255,255,.92);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.hero .login-access>a:hover{
  transform:translateY(-4px);
  border-color:rgba(31,99,255,.38);
  background:#fff;
  box-shadow:0 18px 38px rgba(31,99,255,.13);
}
.hero .login-access>a>i{
  width:48px;
  height:48px;
  border-radius:14px;
  background:linear-gradient(145deg,#1f63ff,#00b8d9);
  box-shadow:0 9px 20px rgba(31,99,255,.2);
  font-size:20px;
}
.hero .login-access>a b{color:#112b51;font-size:16px}
.hero .login-access>a small{margin-top:7px;color:#74849a;font-size:11px}
.hero .login-access>a em{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  color:#1f63ff;
  background:#edf3ff;
  transition:transform .22s ease,background .22s ease,color .22s ease;
}
.hero .login-access>a:hover em{transform:translateX(3px);color:#fff;background:#1f63ff}
.hero .hero-points{
  max-width:960px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:12px auto 0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.hero .hero-points span{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border:1px solid rgba(31,99,255,.1);
  border-radius:14px;
  color:#43536b;
  background:rgba(255,255,255,.68);
  font-size:13px;
  font-weight:600;
}
.hero .hero-points i{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  margin-right:9px;
  padding:0;
  color:#1f63ff;
  border-radius:8px;
  background:#e7efff;
  font-size:13px;
  font-weight:800;
}
@media(max-width:800px){
  .hero .login-access{grid-template-columns:1fr 1fr}.hero .login-access>div{grid-column:1/-1;min-height:82px}.hero .hero-points{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
  .hero .login-access{grid-template-columns:1fr;gap:10px}.hero .login-access>div{grid-column:auto}.hero .login-access>div,.hero .login-access>a{min-height:76px;border-radius:14px}.hero .login-access>a{padding:14px 16px}.hero .login-access>a>i{width:42px;height:42px;border-radius:11px}.hero .hero-points{grid-template-columns:1fr;gap:8px}.hero .hero-points span{min-height:46px;justify-content:flex-start;border-radius:12px}
}

/* Refined product architecture panel */
.product-stage{max-width:1160px;margin-top:64px}
.process-blueprint{
  padding:30px;
  overflow:visible;
  border:1px solid rgba(31,99,255,.13);
  border-radius:24px;
  background:
    radial-gradient(circle at 92% 0%,rgba(0,184,217,.1),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,249,255,.96));
  box-shadow:0 24px 64px rgba(25,66,125,.11);
}
.process-blueprint:before{display:none}
.blueprint-head{padding:0 0 22px;border:0;font-size:12px}
.blueprint-head span{padding:8px 12px;border-radius:10px;color:#1f63ff;background:#eaf0ff;font-size:12px;letter-spacing:.4px}
.blueprint-head b{display:flex;align-items:center;gap:9px;color:#66809e;font-size:12px}
.blueprint-head b:before{content:"";width:8px;height:8px;border-radius:50%;background:#00b8d9;box-shadow:0 0 0 5px rgba(0,184,217,.1)}
.blueprint-core{
  position:relative;
  overflow:hidden;
  padding:26px 20px 28px;
  border-radius:18px;
  text-align:center;
  background:
    radial-gradient(circle at 86% 10%,rgba(63,226,239,.34),transparent 30%),
    linear-gradient(125deg,#153676,#1f63ff 65%,#009eba);
  box-shadow:0 16px 34px rgba(31,99,255,.2);
}
.blueprint-core:before,.blueprint-core:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%}
.blueprint-core:before{width:170px;height:170px;left:-75px;top:-105px}
.blueprint-core:after{width:220px;height:220px;right:-90px;bottom:-175px}
.blueprint-core small{position:relative;z-index:1;color:#c6dcff;font-size:12px;letter-spacing:.8px}
.blueprint-core strong{position:relative;z-index:1;margin:7px 0 6px;color:#fff!important;font-size:clamp(25px,2.2vw,34px);letter-spacing:.5px}
.blueprint-core p{position:relative;z-index:1;color:#e5f4ff;font-size:13px;letter-spacing:.5px}
.blueprint-flow{grid-template-columns:1fr 25px 1fr 25px 1fr 25px 1fr 25px 1fr;gap:10px;margin-top:18px}
.blueprint-flow>div{
  min-height:126px;
  padding:20px 12px 16px;
  border:1px solid #e1e9f5;
  border-top:0;
  border-radius:16px;
  background:#fff;
  box-shadow:0 9px 24px rgba(28,66,118,.06);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.blueprint-flow>div:before{content:"";display:block;width:42px;height:3px;margin:-20px auto 17px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#1f63ff,#00b8d9)}
.blueprint-flow>div:hover{transform:translateY(-4px);border-color:rgba(31,99,255,.35);box-shadow:0 15px 30px rgba(31,99,255,.11)}
.blueprint-flow span{width:31px;height:31px;margin-bottom:12px;border-radius:9px;background:linear-gradient(145deg,#1f63ff,#2f7dfc);box-shadow:0 7px 15px rgba(31,99,255,.2);font-size:11px}
.blueprint-flow b{color:#19375e;font-size:15px}
.blueprint-flow small{margin-top:8px;color:#7a8da5;font-size:10px}
.blueprint-flow i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#1f63ff;background:#eaf1ff;font-size:12px;font-weight:800}
.blueprint-roles{gap:10px;margin-top:18px;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}
.blueprint-roles span{position:relative;padding:15px 10px;border:1px solid rgba(31,99,255,.12);border-radius:12px;color:#204d80;background:linear-gradient(145deg,#f3f7ff,#eefaff);font-size:12px}
.blueprint-roles span:before{content:"协";display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:7px;color:#1f63ff;background:#dfeaff;font-size:10px;font-weight:800;vertical-align:middle}
.blueprint-base{gap:8px;margin-top:12px;padding:13px;border:1px solid #e1e9f4;border-radius:13px;background:rgba(255,255,255,.82)}
.blueprint-base:before{content:"平台能力";align-self:center;margin-right:6px;color:#6e829c;font-size:10px;font-weight:700}
.blueprint-base span{padding:6px 11px;border:0;border-radius:8px;color:#315f91;background:#edf3ff;font-size:10px;font-weight:600}
.hero-value-grid{max-width:1160px;margin-top:18px;gap:14px}
.hero-value-grid article{
  position:relative;
  min-height:128px;
  padding:22px 20px;
  overflow:hidden;
  border:1px solid rgba(31,99,255,.1);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 28px rgba(21,53,99,.065);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.hero-value-grid article:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#1f63ff,#00b8d9);opacity:.8}
.hero-value-grid article:hover{transform:translateY(-4px);border-color:rgba(31,99,255,.28);box-shadow:0 16px 34px rgba(31,99,255,.1)}
.hero-value-grid article>span{width:38px;height:38px;border-radius:11px;color:#1f63ff;background:linear-gradient(145deg,#e6edff,#e4faff);font-size:11px}
.hero-value-grid b{color:#162b4a;font-size:16px}
.hero-value-grid p{margin-top:8px;color:#6d7c91;font-size:12px;line-height:1.7}
@media(max-width:960px){
  .product-stage,.hero-value-grid{max-width:800px}.process-blueprint{padding:24px}.blueprint-flow{grid-template-columns:repeat(5,1fr);gap:10px}.blueprint-flow i{display:none}.blueprint-flow>div{min-height:118px}.blueprint-roles{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .product-stage{margin-top:42px}.process-blueprint{padding:16px;border-radius:18px}.blueprint-head{padding-bottom:15px}.blueprint-core{padding:23px 12px;border-radius:14px}.blueprint-core strong{font-size:23px}.blueprint-flow{grid-template-columns:1fr 1fr}.blueprint-flow>div{min-height:112px}.blueprint-flow>div:last-of-type{grid-column:1/-1}.blueprint-roles{gap:8px}.blueprint-roles span{padding:11px 8px}.blueprint-base{display:grid;grid-template-columns:1fr 1fr;padding:10px}.blueprint-base:before{grid-column:1/-1;text-align:center;margin:0 0 2px}.hero-value-grid{grid-template-columns:1fr}.hero-value-grid article{min-height:auto}
}

/* Unified refinement for metrics, value, capabilities, roles and scenarios */
.trust-strip{
  min-height:0;
  padding:62px max(24px,calc((100vw - 1200px)/2));
  background:linear-gradient(180deg,#fff,#f6f9ff);
}
.trust-strip>p{margin-bottom:24px;color:#53647b;font-size:16px;font-weight:600}
.trust-strip>div{max-width:1200px;gap:14px}
.trust-strip span{
  min-height:112px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:6px;
  padding:22px 24px;
  border:1px solid rgba(31,99,255,.11)!important;
  border-radius:16px;
  color:#596a80;
  background:#fff;
  box-shadow:0 10px 28px rgba(21,53,99,.055);
  font-size:13px;
}
.trust-strip span:before{content:"平台指标";color:#8b9ab0;font-size:10px;letter-spacing:.8px}
.trust-strip b{color:#1f63ff;font-size:30px;line-height:1}

.problems{padding-top:104px;padding-bottom:104px}
.problem-grid{gap:18px}
.problem-card{
  min-height:420px;
  padding:26px 24px!important;
  border:1px solid rgba(31,99,255,.12)!important;
  border-top:0!important;
  border-radius:18px!important;
  background:linear-gradient(155deg,#fff,#f9fbff)!important;
  box-shadow:0 12px 32px rgba(19,52,101,.065)!important;
}
.problem-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#1f63ff,#00b8d9)}
.problem-card:nth-child(2):before{background:linear-gradient(90deg,#5965ef,#8b5cf6)}
.problem-card:nth-child(3):before{background:linear-gradient(90deg,#00a5c7,#28c3b7)}
.problem-card:nth-child(4):before{background:linear-gradient(90deg,#2f7dfc,#4aa0e8)}
.problem-card:hover{transform:translateY(-6px);border-color:rgba(31,99,255,.3)!important;box-shadow:0 20px 42px rgba(31,99,255,.11)!important}
.problem-card .round-icon{width:50px;height:50px;border-radius:14px;background:linear-gradient(145deg,#e8efff,#e4fbff);font-size:18px}
.problem-card h3{margin:22px 0 18px;color:#152a49;font-size:19px}
.problem-card .card-index{top:22px;right:22px;color:#e9eff8;font-size:38px}
.problem-card .compare{padding-top:18px}
.problem-card .compare small{display:inline-flex;padding:5px 9px;border-radius:999px;color:#8a6a57;background:#fff1e8;font-size:10px;font-weight:700}
.problem-card .compare p{min-height:62px;margin:8px 0 0;color:#6d7c91;font-size:13px;line-height:1.75}
.problem-card .compare>span{width:28px;height:28px;display:grid;place-items:center;margin:10px 0;border-radius:9px;color:#1f63ff;background:#eaf1ff}
.problem-card .compare .blue{color:#1f63ff;background:#e8f0ff}
.problem-card .compare .answer{min-height:70px;margin-top:9px;padding:13px 14px;border-radius:12px;color:#173f70;background:linear-gradient(145deg,#edf4ff,#eefcff);font-weight:700}

.feature-section{background:linear-gradient(180deg,#fff,#f5f8ff)!important}
.feature-grid{gap:18px}
.feature-card{
  position:relative;
  overflow:hidden;
  padding:28px 26px 0!important;
  border:1px solid rgba(31,99,255,.12)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(21,53,99,.055)!important;
}
.feature-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#1f63ff,#00b8d9)}
.feature-card:hover{transform:translateY(-5px);border-color:rgba(31,99,255,.32)!important;box-shadow:0 20px 42px rgba(31,99,255,.1)!important}
.feature-card .feature-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#e7efff,#e4faff);font-size:17px}
.feature-card .feature-top small{color:#e8eef7;font-size:36px}
.feature-card h3{margin-top:24px;color:#152a49;font-size:20px}
.feature-card h4{color:#75869c;font-size:13px}
.feature-card .feature-list{gap:12px 18px;padding:19px 0 23px}
.feature-card .feature-list span{color:#596c84;font-size:12px}
.feature-card .feature-list i{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:7px;border-radius:6px;color:#1f63ff;background:#eaf1ff;font-size:10px}
.feature-card>p{margin-left:-26px;margin-right:-26px;padding:16px 26px;border-color:#e6edf7;color:#285d98;background:linear-gradient(90deg,#f1f5ff,#f0fbff)!important;font-size:12px;font-weight:600}

.roles-section{background:radial-gradient(circle at 8% 15%,rgba(0,184,217,.1),transparent 25%),linear-gradient(180deg,#f6f9ff,#edf3ff)}
.role-grid{gap:18px}
.role-card{
  position:relative;
  overflow:hidden;
  padding:27px 23px 24px;
  border:1px solid rgba(31,99,255,.12)!important;
  border-top:0!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(21,53,99,.07)!important;
  transition:transform .2s ease,box-shadow .2s ease;
}
.role-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#1f63ff,#00b8d9)}
.role-card:nth-child(2):before{background:linear-gradient(90deg,#6558e8,#8b5cf6)}
.role-card:nth-child(3):before{background:linear-gradient(90deg,#147bd1,#00a8c7)}
.role-card:nth-child(4):before{background:linear-gradient(90deg,#00a8c7,#21b79f)}
.role-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(31,99,255,.11)!important}
.role-card-top>span{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#e8efff,#e3f9ff);font-size:17px}
.role-card-top small{color:#e6edf7;font-size:24px}
.role-card>em{margin-top:20px;padding:5px 10px;color:#1f63ff;background:#eaf1ff;border-radius:999px;font-size:10px}
.role-card h3{color:#162b4a;font-size:18px}
.role-card>p{min-height:46px;color:#6e7f95;font-size:12px}
.mini-role-ui{margin-top:18px;padding:12px;border:1px solid #e0e8f4;border-radius:14px;background:#f6f9ff}
.mini-role-ui>div{gap:8px}.mini-role-ui>div b{padding:10px 7px;border-radius:8px;color:#2a609a;background:#fff;font-size:10px}
.mini-role-ui>span{padding:9px 4px;color:#657991;font-size:10px}.mini-role-ui>span i{border-radius:5px;color:#1f63ff;background:#e5edff}

.scenario-section{max-width:1240px;padding-top:100px;padding-bottom:108px}
.scenario-grid{gap:18px}
.scenario-grid article{
  min-height:280px;
  padding:25px;
  overflow:hidden;
  border:1px solid rgba(31,99,255,.12)!important;
  border-radius:18px!important;
  background:linear-gradient(150deg,#fff,#f5f8ff)!important;
  box-shadow:0 12px 30px rgba(21,53,99,.065)!important;
  transition:transform .2s ease,box-shadow .2s ease;
}
.scenario-grid article:before{content:"";position:absolute;width:150px;height:150px;right:-78px;top:-82px;border-radius:50%;background:rgba(31,99,255,.055)}
.scenario-grid article:hover{transform:translateY(-5px);border-color:rgba(31,99,255,.3)!important;box-shadow:0 20px 42px rgba(31,99,255,.1)!important}
.scenario-grid article>span{right:22px;top:20px;color:#e8eef8;font-size:24px}
.scenario-icon{width:62px;height:62px;margin:22px 0 30px;border:0;border-radius:18px;background:linear-gradient(145deg,#e7efff,#e4faff);box-shadow:inset 0 0 0 1px rgba(31,99,255,.16);font-size:21px}
.scenario-grid h3{color:#162b4a;font-size:19px}.scenario-grid p{color:#75869b;font-size:13px}.scenario-grid small{bottom:27px;color:#1f63ff;font-size:11px;font-weight:700}

.case-section{position:relative;overflow:hidden;background:radial-gradient(circle at 86% 0%,rgba(0,184,217,.28),transparent 30%),linear-gradient(125deg,#102653,#174b98 60%,#087792)!important}
.case-section: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:72px 72px}
.case-inner{position:relative;z-index:1;gap:68px}
.case-copy h2{color:#fff}.case-copy>p{color:#bed1ea;font-size:14px}
.case-tags span{padding:8px 12px;border-color:rgba(132,232,247,.35);border-radius:999px;color:#d7f9ff;background:rgba(255,255,255,.07);font-size:11px}
.case-results{gap:14px;background:transparent}
.case-results>div{min-height:210px;padding:28px 22px;border:1px solid rgba(255,255,255,.32);border-radius:18px;background:rgba(255,255,255,.95);box-shadow:0 18px 38px rgba(3,20,52,.16)}
.case-results b{width:44px;height:44px;border-radius:13px;color:#1f63ff;background:linear-gradient(145deg,#e8efff,#e1faff);font-size:11px}
.case-results h3{margin:30px 0 10px;color:#162b4a;font-size:16px}.case-results p{color:#71839a;font-size:12px}
@media(max-width:960px){
  .trust-strip>div{grid-template-columns:repeat(2,1fr)}.problem-grid{grid-template-columns:repeat(2,1fr)}.problem-card{min-height:390px}.case-inner{grid-template-columns:1fr;gap:42px}
}
@media(max-width:640px){
  .trust-strip{padding:48px 16px}.trust-strip>div{grid-template-columns:1fr;gap:10px}.trust-strip span{min-height:96px}.problem-card{min-height:auto}.feature-card>p{margin-left:-26px;margin-right:-26px}.scenario-section{padding-top:64px;padding-bottom:68px}.scenario-grid article{min-height:240px}.case-results{grid-template-columns:1fr}.case-results>div{min-height:auto}
}
.footer-bottom a{color:inherit;transition:color .2s ease}.footer-bottom a:hover{color:#1f63ff}
.footer-bottom .footer-phone{color:#8fdff0;font-weight:650;white-space:nowrap}
@media(max-width:1000px){.footer-bottom .footer-phone{white-space:normal}}

/* AI4S researcher view — richer scientific knowledge and data theme */
.ai4s-view .process-blueprint{
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(61,132,255,.22);
  background:
    radial-gradient(circle at 8% 5%,rgba(97,89,255,.13),transparent 24%),
    radial-gradient(circle at 94% 16%,rgba(0,202,222,.16),transparent 28%),
    linear-gradient(145deg,#fafdff,#f0f5ff 58%,#edfbff);
  box-shadow:0 28px 70px rgba(23,73,144,.15);
}
.ai4s-view .process-blueprint:after{
  content:"AI4S";
  position:absolute;
  z-index:-1;
  right:-18px;
  bottom:-30px;
  color:rgba(31,99,255,.035);
  font:900 132px/1 Arial,sans-serif;
  letter-spacing:-8px;
}
.ai4s-view .blueprint-head span{color:#4938d4;background:linear-gradient(135deg,#eceaff,#e2f9ff)}
.ai4s-view .blueprint-head span:before{content:"AI4S · ";color:#00a7c5}
.ai4s-view .blueprint-head b{color:#516f97}
.ai4s-view .blueprint-head b:before{background:#675cff;box-shadow:0 0 0 5px rgba(103,92,255,.11)}
.ai4s-view .blueprint-core{
  padding-top:34px;
  padding-bottom:36px;
  background:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
    radial-gradient(circle at 82% 0%,rgba(48,225,236,.4),transparent 28%),
    linear-gradient(125deg,#191f69,#3349e7 55%,#009fc2);
  background-size:36px 36px,36px 36px,auto,auto;
  box-shadow:0 20px 44px rgba(48,60,200,.25);
}
.ai4s-view .blueprint-core small{color:#c9d2ff}
.ai4s-view .blueprint-core strong{font-size:clamp(28px,2.5vw,38px)}
.ai4s-view .blueprint-core p{color:#dffbff}
.ai4s-view .blueprint-flow>div{border-color:rgba(76,99,225,.15);background:linear-gradient(155deg,#fff,#f7f7ff)}
.ai4s-view .blueprint-flow>div:nth-of-type(2),.ai4s-view .blueprint-flow>div:nth-of-type(4){background:linear-gradient(155deg,#fff,#f0fbff)}
.ai4s-view .blueprint-flow>div:before{background:linear-gradient(90deg,#675cff,#16b8d4)}
.ai4s-view .blueprint-flow>div:nth-of-type(2):before{background:linear-gradient(90deg,#4e6def,#00b8d9)}
.ai4s-view .blueprint-flow>div:nth-of-type(3):before{background:linear-gradient(90deg,#7a52e8,#2e8df4)}
.ai4s-view .blueprint-flow>div:nth-of-type(4):before{background:linear-gradient(90deg,#0a91d1,#13c2ba)}
.ai4s-view .blueprint-flow>div:nth-of-type(5):before{background:linear-gradient(90deg,#00a6be,#22b996)}
.ai4s-view .blueprint-flow span{background:linear-gradient(145deg,#5d51e8,#278cf1);box-shadow:0 8px 17px rgba(77,74,222,.24)}
.ai4s-view .blueprint-flow i{color:#574ce3;background:#ebeaff}
.ai4s-view .blueprint-roles span{border-color:rgba(61,115,225,.15);background:linear-gradient(145deg,#f0f2ff,#eafcff)}
.ai4s-view .blueprint-roles span:before{content:"研";color:#5145dc;background:linear-gradient(145deg,#e4e3ff,#dff8ff)}
.ai4s-view .blueprint-base{border-color:rgba(75,101,218,.18);background:linear-gradient(90deg,rgba(238,237,255,.9),rgba(230,249,255,.92))}
.ai4s-view .blueprint-base:before{content:"AI4S能力底座";color:#4f60a1}
.ai4s-view .blueprint-base span{color:#3d4ca1;background:rgba(255,255,255,.76);box-shadow:inset 0 0 0 1px rgba(92,100,210,.1)}
.ai4s-view .hero-value-grid article{border-color:rgba(76,94,215,.14);background:linear-gradient(150deg,#fff,#f7f8ff)}
.ai4s-view .hero-value-grid article:nth-child(even){background:linear-gradient(150deg,#fff,#f1fcff)}
.ai4s-view .hero-value-grid article:before{height:4px;background:linear-gradient(90deg,#6559ed,#00b8d9)}
.ai4s-view .hero-value-grid article>span{color:#4c46d8;background:linear-gradient(145deg,#e8e6ff,#dcf9ff)}
.ai4s-view .hero-value-grid b{color:#1e2759}
.ai4s-view .hero-value-grid p{color:#687696}
@media(max-width:640px){
  .ai4s-view .process-blueprint:after{font-size:76px;right:-8px;bottom:-16px}.ai4s-view .blueprint-core{padding-top:27px;padding-bottom:29px}.ai4s-view .blueprint-core strong{font-size:25px}.ai4s-view .blueprint-base:before{content:"AI4S能力底座"}
}

/* Mobile-first hardening across the public site */
html,body{max-width:100%;overflow-x:clip}img,video,canvas,svg{max-width:100%;height:auto}a,button,input{touch-action:manipulation}
@media(max-width:768px){
  .utility-bar{height:44px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.utility-bar::-webkit-scrollbar{display:none}.utility-bar>div{width:max-content!important;min-width:100%;padding:0 6px}.utility-bar button,.utility-bar a{min-height:44px;padding-left:14px!important;padding-right:14px!important;scroll-snap-align:start}
  .site-header{height:66px!important;padding:0 14px!important;gap:12px}.brand{min-width:0}.brand-mark{width:40px;height:40px;flex:none}.brand strong{font-size:19px}.brand small{display:none}.menu-button{min-width:44px;min-height:44px;margin-left:auto}.nav{top:66px!important;left:10px!important;right:10px!important;max-height:calc(100svh - 78px);overflow-y:auto;border-radius:16px!important}.nav.open{display:grid!important;grid-template-columns:1fr!important}.nav a,.nav a:first-child,.nav-main{min-height:48px;display:flex!important;align-items:center;padding:12px 14px!important}.nav-item{grid-column:auto!important}.submenu{width:100%;border-radius:12px!important}.submenu>a{min-height:52px!important}
  .hero{padding-left:14px!important;padding-right:14px!important}.hero-copy{width:100%}.hero h1{font-size:clamp(29px,9vw,36px)!important}.hero h1 .headline-first,.hero h1 .headline-second{max-width:100%;white-space:nowrap}.hero-copy>p{font-size:15px!important;line-height:1.8}.hero-actions{gap:10px}.hero-actions a{min-height:50px}.hero .login-access,.hero .hero-points{width:100%}.product-stage,.hero-value-grid{width:100%}.process-blueprint{max-width:100%}.process-section .process-note{overflow:hidden}.section,.process-inner,.advantage-inner,.case-inner,.about-inner{width:100%}.section-heading h2,.center-heading h2,.process-title h2,.advantage-copy h2,.case-copy h2{overflow-wrap:anywhere}.footer-main{padding-left:0;padding-right:0}.footer-bottom{gap:8px}
}
@media(max-width:480px){
  .utility-bar button,.utility-bar a{font-size:12px!important}.hero{padding-top:34px!important}.hero h1{font-size:29px!important;letter-spacing:-1px!important}.hero h1 .headline-second{font-size:.76em!important;letter-spacing:-1px!important}.hero-actions{display:grid!important;grid-template-columns:1fr}.hero-actions a{width:100%}.hero .login-access>a small{white-space:normal}.blueprint-flow{grid-template-columns:1fr!important}.blueprint-flow>div:last-of-type{grid-column:auto!important}.blueprint-roles{grid-template-columns:1fr!important}.blueprint-base{grid-template-columns:1fr!important}.hero-points,.trust-strip>div,.problem-grid,.feature-grid,.role-grid,.scenario-grid,.metrics{grid-template-columns:1fr!important}.process-section .process-track{grid-template-columns:1fr!important}.process-section .process-note{display:grid;grid-template-columns:1fr 1fr}.process-section .process-note span{grid-column:1/-1}.process-section .process-note b{text-align:center}.case-results{grid-template-columns:1fr!important}.footer-links{grid-template-columns:1fr 1fr!important}.footer-bottom span{overflow-wrap:anywhere}
}

/* ZhiThesis system login: desktop header + mobile navigation */
.mobile-system-login{display:none!important}
@media(max-width:768px){
  .nav .mobile-system-login{
    display:flex!important;
    justify-content:center;
    gap:10px;
    margin-top:6px;
    min-height:52px;
    color:#fff!important;
    background:linear-gradient(135deg,#1f63ff,#00a8c9)!important;
    border-radius:12px;
    font-weight:700;
    box-shadow:0 10px 24px rgba(31,99,255,.2)
  }
}

/* Mobile advantage section: stacked, compact and easy to scan */
@media(max-width:768px){
  .advantages{
    background:linear-gradient(180deg,#f7faff 0%,#fff 100%)!important;
  }
  .advantage-inner{
    display:block!important;
    padding:54px 18px 58px!important;
  }
  .advantage-copy{
    max-width:none;
    margin:0 0 32px;
    text-align:left;
  }
  .advantage-copy .section-kicker{
    margin-bottom:16px;
    color:#2d6fe8;
    font-size:11px;
    line-height:1.5;
    letter-spacing:1.1px;
    white-space:nowrap;
  }
  .advantage-copy h2{
    margin:0;
    font-size:32px!important;
    line-height:1.28!important;
    letter-spacing:-.5px;
  }
  .advantage-copy h2 br{display:none}
  .advantage-copy h2 span{margin-left:7px}
  .advantage-copy>p{
    max-width:560px;
    margin:16px 0 22px;
    color:#5d6b80;
    font-size:15px;
    line-height:1.8;
  }
  .advantage-copy>a{
    min-height:48px;
    padding:12px 20px;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    border-radius:12px;
    font-size:15px;
    box-shadow:0 10px 22px rgba(31,99,255,.2);
  }
  .advantage-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .advantage-grid article{
    position:relative;
    min-height:112px!important;
    padding:20px 52px 20px 18px!important;
    gap:15px!important;
    border-color:#dce6f5!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(27,66,127,.07);
  }
  .advantage-grid article>span{
    width:48px;
    height:48px;
    flex:0 0 48px;
    border-radius:14px;
    font-size:19px;
  }
  .advantage-grid article>div{min-width:0}
  .advantage-grid small{
    position:absolute;
    top:18px;
    right:18px;
    color:#9babc0;
    font-size:11px;
    letter-spacing:.6px;
  }
  .advantage-grid h3{
    margin:0 0 7px;
    font-size:18px;
    line-height:1.35;
  }
  .advantage-grid p{
    margin:0;
    color:#6b7b91;
    font-size:14px;
    line-height:1.55;
  }
}
@media(max-width:380px){
  .advantage-inner{padding-left:14px!important;padding-right:14px!important}
  .advantage-copy .section-kicker{white-space:normal}
  .advantage-copy h2{font-size:29px!important}
  .advantage-copy h2 span{margin-left:5px}
  .advantage-grid article{padding-right:44px!important}
}

/* 2026 mobile experience refinement — homepage */
@media(max-width:768px){
  body{font-size:15px;-webkit-font-smoothing:antialiased}
  .utility-bar{display:block!important;height:42px;background:#102f68;scroll-snap-type:x proximity}.utility-bar>div{justify-content:flex-start!important}.utility-bar button,.utility-bar a{height:42px!important;min-height:42px;font-size:12px!important}.utility-bar button.active,.utility-bar a.active{background:rgba(255,255,255,.12)}
  .site-header{position:sticky!important;top:0;z-index:80;height:64px!important;padding:0 15px!important;background:rgba(255,255,255,.97);border-bottom:1px solid #e7edf6;box-shadow:0 8px 24px rgba(15,31,61,.06)}
  .brand{gap:9px}.brand-mark{width:38px;height:38px;border-radius:11px;font-size:20px}.brand strong{font-size:19px!important;letter-spacing:1px}
  .menu-button{display:grid!important;place-content:center;width:44px;height:44px;padding:8px;border-radius:12px;background:#f1f5ff}.menu-button span{width:21px;height:2px;margin:3px;background:#1d54ad;border-radius:2px}
  .nav{top:70px!important;left:12px!important;right:12px!important;padding:10px!important;gap:3px!important;border:1px solid #e2e9f4!important;border-radius:18px!important;background:rgba(255,255,255,.99)!important;box-shadow:0 24px 60px rgba(15,31,61,.18)!important}.nav a,.nav a:first-child,.nav-main{min-height:48px;border-radius:11px!important;font-size:15px!important}.nav a.active,.nav-item.active>.nav-main{background:#edf3ff!important}
  .submenu{position:static!important;transform:none!important;opacity:1!important;visibility:visible!important;display:grid;width:100%!important;margin:2px 0 5px;padding:6px!important;border:0!important;background:#f7f9fd!important;box-shadow:none!important}.submenu>a{font-size:13px!important;line-height:1.5!important}
  .promo-bar{width:100%!important;margin:0!important;padding:10px 14px!important;border-radius:0!important;font-size:12px!important;line-height:1.5}.promo-bar a{min-height:34px;display:inline-flex;align-items:center;padding:6px 11px!important;border-radius:8px!important}
  .hero{width:100%!important;min-height:auto!important;margin:0!important;padding:42px 16px 54px!important;gap:34px!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 92% 5%,rgba(0,184,217,.12),transparent 25%),linear-gradient(180deg,#f8fbff,#eef4ff)!important}
  .hero-copy{text-align:left!important;margin:0!important}.eyebrow{justify-content:flex-start!important;gap:9px;font-size:12px;line-height:1.55;letter-spacing:.3px}.eyebrow span{width:22px;flex:none}
  .hero h1{margin:20px 0 17px!important;font-size:34px!important;line-height:1.24!important;letter-spacing:-1px!important}.hero h1 .headline-first,.hero h1 .headline-second{display:block;max-width:100%;white-space:nowrap!important}.hero h1 .headline-second{margin-top:7px;font-size:.74em!important;letter-spacing:-.7px!important}.hero-copy>p{margin:0!important;color:#57667b;font-size:15px!important;line-height:1.82!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr 1fr;justify-content:stretch!important;margin-top:25px;gap:10px!important}.hero-actions a{width:100%;min-height:50px;padding:11px 12px;font-size:14px}
  .hero .login-access{margin-top:18px;gap:9px;border:0;border-radius:16px;background:transparent;box-shadow:none}.hero .login-access>div,.hero .login-access>a{min-height:70px!important;border:1px solid #e0e8f4;border-radius:14px!important;box-shadow:0 8px 22px rgba(20,52,96,.055)}.hero .login-access>div{border:0;background:linear-gradient(135deg,#173c78,#1f63d8 68%,#00a5c3)}.hero .login-access>div b{font-size:16px}.hero .login-access>a b{font-size:15px}.hero .login-access>a small{font-size:11px}
  .hero .hero-points{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-top:12px}.hero .hero-points span{min-height:54px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px 4px;border:1px solid #e1e9f4;border-radius:13px;background:rgba(255,255,255,.82);font-size:11px;text-align:center}.hero .hero-points i{margin:0 0 4px}
  .product-stage{margin-top:0!important}.process-blueprint{padding:16px!important;border-radius:18px!important}.blueprint-head{padding-bottom:14px}.blueprint-core{margin:0 -2px;padding:26px 10px 24px;border-radius:14px}.blueprint-core strong{font-size:24px!important}.blueprint-flow{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:12px}.blueprint-flow i{display:none}.blueprint-flow>div{min-height:102px;padding:14px 8px}.blueprint-flow>div:last-of-type{grid-column:1/-1}.blueprint-roles{grid-template-columns:1fr 1fr!important;margin-top:12px}.blueprint-roles span{min-height:44px;display:flex;align-items:center;justify-content:center}.blueprint-base{grid-template-columns:1fr 1fr!important;gap:7px!important}.blueprint-base span{display:flex;align-items:center;justify-content:center;min-height:38px}.hero-value-grid{margin-top:0!important;gap:10px!important}.hero-value-grid article{min-height:auto!important;padding:17px!important;border-radius:14px!important}
  .trust-strip{padding:34px 16px!important}.trust-strip>p{max-width:none;margin:0 0 15px;text-align:center;font-size:13px}.trust-strip>div{gap:8px!important}.trust-strip span{min-height:72px!important;justify-content:center;padding:12px 8px!important;border:1px solid #e3eaf4!important;border-radius:12px;background:#f8faff;text-align:center}.trust-strip b{font-size:21px}
  .section,.process-inner,.case-inner,.about-inner{padding-left:16px!important;padding-right:16px!important}.section-heading,.center-heading,.process-title{margin-bottom:30px!important;text-align:left}.section-kicker.centered{justify-content:flex-start;text-align:left}.section-heading h2,.center-heading h2,.process-title h2,.case-copy h2{font-size:28px!important;line-height:1.38!important}.center-heading p,.section-heading>p{margin-top:12px;font-size:14px;line-height:1.75}
  .problem-grid,.feature-grid,.role-grid,.scenario-grid,.case-results{gap:12px!important}.problem-card,.feature-card,.role-card,.scenario-grid article,.case-results>div{padding:21px 19px!important;border-radius:15px!important}.problem-card h3,.feature-card h3,.scenario-grid h3{font-size:17px}.compare p{min-height:auto;font-size:13px}.feature-list span{font-size:12px}.feature-card>p{margin-left:-19px!important;margin-right:-19px!important;padding-left:19px!important;padding-right:19px!important;font-size:12px}.scenario-grid article{min-height:205px!important}
  .process-inner{padding-top:58px!important;padding-bottom:58px!important}.process-title p{font-size:14px;line-height:1.7}.process-track{grid-template-columns:1fr 1fr!important;gap:9px!important}.process-step{min-height:116px!important;border-radius:13px!important}.process-step>b{font-size:14px}.process-step>small{font-size:10px}.process-note{gap:8px!important;margin-top:20px!important}.process-note b{font-size:11px}
  .case-copy>p{font-size:14px!important;line-height:1.75}.case-results>div{min-height:150px!important}.case-results h3{margin-top:22px;font-size:16px}.case-results p{font-size:12px;line-height:1.65}
  .about-inner{gap:22px!important}.about-inner>p{font-size:14px!important;line-height:1.8}.about-values{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px!important}.about-values span{padding:12px 5px;border-radius:12px;background:#fff;font-size:11px}.about-values b{font-size:16px}
  .demo-section{min-height:auto;padding:48px 16px!important;text-align:left}.demo-section h2{font-size:27px;line-height:1.4}.demo-section p{font-size:13px;line-height:1.7}.demo-actions{margin-top:25px!important}.demo-actions a{min-height:50px;justify-content:space-between;border-radius:12px!important;font-size:14px}
  footer{padding:48px 16px 22px!important}.footer-main{gap:30px!important}.footer-links{grid-template-columns:1fr 1fr!important;gap:24px 18px!important}.footer-links>div:last-child{grid-column:1/-1}.footer-links b{font-size:14px}.footer-links a{min-height:34px;display:flex;align-items:center;font-size:12px}.footer-bottom{display:grid!important;gap:11px!important;margin-top:34px!important;padding-top:18px!important;font-size:11px!important;line-height:1.7}.footer-bottom .footer-phone{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 12px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#1f63ff,#00a8c9);text-align:center}
}
@media(max-width:420px){
  .hero-actions{grid-template-columns:1fr!important}.hero h1{font-size:32px!important}.hero h1 .headline-second{font-size:.72em!important}.hero .hero-points{grid-template-columns:1fr!important}.hero .hero-points span{min-height:44px;flex-direction:row;gap:7px}.hero .hero-points i{margin:0}.process-track{grid-template-columns:1fr!important}.about-values{grid-template-columns:1fr!important}.trust-strip>div{grid-template-columns:1fr 1fr!important}
}

/* Whole login banner opens the ZhiThesis system */
.hero .login-access>div{transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.hero .login-access>div:hover{transform:translateY(-3px);filter:saturate(1.08);box-shadow:0 18px 38px rgba(31,99,255,.2)}
.login-main-link{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:20px 24px;border-radius:inherit;color:#fff;cursor:pointer}
.login-main-link em{position:absolute;right:22px;top:50%;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.16);font-style:normal;font-weight:800;transform:translateY(-50%);transition:transform .2s ease,background .2s ease}
.login-main-link:hover em{background:rgba(255,255,255,.25);transform:translate(4px,-50%)}
.login-main-link:focus-visible{outline:3px solid #8ce9f7;outline-offset:3px}
@media(max-width:768px){.login-main-link{padding:16px 18px}.login-main-link em{right:17px;width:32px;height:32px}}