:root { --ink:#112442; --blue:#2167dc; --bright:#36b6f3; --lav:#6f67d8; --purple:#5652b7; --mint:#5ad4b4; --paper:#f7f9fd; --line:#dfe7f3; --muted:#65748d; --font:"Noto Sans SC","Microsoft YaHei",sans-serif; --mono:"DM Mono",monospace; --shell:min(1180px, calc(100% - 48px)); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; overflow-x:hidden; color:var(--ink); font-family:var(--font); background:#fff; } a { color:inherit; text-decoration:none; } button,input,select { font:inherit; } button { cursor:pointer; } img { display:block; max-width:100%; }.page-shell { width:var(--shell); margin:0 auto; }.skip-link { position:fixed; top:-100px; left:16px; z-index:99; padding:10px 15px; color:#fff; background:var(--blue); }.skip-link:focus { top:0; }
.site-header { position:absolute; inset:0 0 auto; z-index:20; height:86px; color:#fff; border-bottom:1px solid rgba(231,245,255,.15); transition:.25s; }.site-header.is-sticky { position:fixed; height:70px; background:rgba(20,76,168,.94); box-shadow:0 8px 25px rgba(21,66,139,.22); backdrop-filter:blur(16px); }.nav-wrap { display:flex; align-items:center; gap:38px; height:100%; }.brand { display:inline-flex; flex:0 0 auto; align-items:center; gap:10px; }.brand-mark { position:relative; display:inline-flex; align-items:end; gap:2px; width:29px; height:29px; padding:4px 3px; border:1px solid rgba(212,247,255,.9); border-radius:8px 13px 8px 13px; transform:rotate(-18deg); }.brand-mark::after { content:""; position:absolute; inset:5px; border:1px solid rgba(121,225,255,.8); border-radius:4px 8px 4px 8px; }.brand-mark i { position:relative; z-index:1; width:4px; background:#d7fbff; box-shadow:0 0 8px #80eaff; transform:rotate(18deg); }.brand-mark i:first-child { height:7px; }.brand-mark i:nth-child(2) { height:15px; }.brand-mark i:last-child { height:10px; }.brand-text { display:flex; align-items:baseline; gap:8px; }.brand-text b { font-size:21px; letter-spacing:.06em; }.brand-text small { padding-left:8px; border-left:1px solid rgba(255,255,255,.45); font-size:10px; letter-spacing:.08em; opacity:.85; }.main-nav { display:flex; align-items:center; gap:27px; margin-left:auto; }.main-nav a { position:relative; padding:8px 0; color:rgba(255,255,255,.78); font-size:14px; }.main-nav a::after { content:""; position:absolute; right:0; bottom:0; left:0; height:2px; background:#9aefff; transform:scaleX(0); transform-origin:right; transition:.2s; }.main-nav a:hover,.main-nav a.is-active { color:#fff; }.main-nav a:hover::after,.main-nav a.is-active::after { transform:scaleX(1); transform-origin:left; }.nav-actions { display:flex; align-items:center; gap:18px; }.nav-text { font-size:12px; white-space:nowrap; }.nav-text span { color:#a1efff; font-size:16px; }.nav-button { padding:10px 16px; border:1px solid rgba(207,245,255,.7); font-size:12px; transition:.2s; }.nav-button:hover { color:#1550b3; background:#fff; }.nav-toggle { display:none; border:0; padding:8px; color:#fff; background:transparent; }.nav-toggle span { display:block; width:22px; height:2px; margin:5px; background:currentColor; }
.hero { position:relative; min-height:778px; padding-top:86px; overflow:hidden; color:#fff; background:radial-gradient(ellipse 57% 70% at 79% 45%, #4088e8 0%, rgba(54,125,222,.68) 29%, transparent 67%),linear-gradient(132deg,#0a3f9f 0%,#155fc8 49%,#176bd4 100%); }.hero::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(8,54,140,.35),transparent 56%),linear-gradient(0deg,rgba(10,57,146,.35),transparent 42%); }.hero-grid,.consult-pattern { position:absolute; inset:0; opacity:.35; background-image:linear-gradient(rgba(213,246,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(213,246,255,.16) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(90deg,#000,transparent 84%); }.hero-orb { position:absolute; border:1px solid rgba(205,247,255,.23); border-radius:50%; }.hero-orb::after,.hero-orb::before { content:""; position:absolute; border:inherit; border-radius:inherit; }.hero-orb::before { inset:45px; }.hero-orb::after { inset:95px; }.hero-orb-a { top:30px; right:-160px; width:665px; height:665px; }.hero-orb-b { right:17%; bottom:-520px; width:720px; height:720px; }.hero-layout { position:relative; z-index:1; display:grid; grid-template-columns:.96fr 1.04fr; gap:30px; min-height:606px; align-items:center; }.hero-copy { padding:66px 0 28px; }.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 17px; color:#6d7891; font-family:var(--mono); font-size:10px; letter-spacing:.13em; text-transform:uppercase; }.eyebrow span { width:27px; height:1px; background:var(--blue); }.hero .eyebrow,.eyebrow-light { color:#c1dfff; }.hero .eyebrow span,.eyebrow-light span { background:#82e9ff; } h1,h2,h3,p { margin-top:0; } h1,h2,h3 { font-weight:700; } h1 { margin-bottom:22px; font-size:clamp(42px,4.1vw,62px); line-height:1.18; letter-spacing:-.06em; }.hero h1 span { color:#a6f3ff; text-shadow:0 0 25px rgba(109,226,255,.28); }.hero-intro { max-width:520px; margin-bottom:30px; color:#d1e4ff; font-size:16px; line-height:1.88; }.hero-actions { display:flex; gap:12px; }.button { display:inline-flex; align-items:center; justify-content:center; gap:20px; min-height:48px; padding:0 21px; border:0; font-size:14px; font-weight:600; transition:.22s; }.button span { font-size:18px; }.button-primary { color:#164ea4; background:linear-gradient(105deg,#a0edff,#fff); box-shadow:0 10px 23px rgba(5,40,112,.22); }.button-primary:hover { transform:translateY(-2px); box-shadow:0 15px 30px rgba(5,40,112,.3); }.button-ghost { border:1px solid rgba(225,247,255,.47); color:#f7fdff; background:rgba(17,91,194,.13); }.button-ghost:hover { background:rgba(255,255,255,.16); }.hero-tags { display:flex; flex-wrap:wrap; gap:9px; margin-top:32px; }.hero-tags span { padding:7px 11px; border:1px solid rgba(206,239,255,.28); color:#dceeff; font-size:11px; background:rgba(13,82,179,.22); }
.hero-visual { position:relative; height:463px; }.visual-glow { position:absolute; top:42px; right:16px; bottom:15px; left:70px; border:1px solid rgba(187,239,255,.43); border-radius:27px 70px 28px 70px; background:linear-gradient(145deg,rgba(132,232,255,.2),rgba(20,102,211,.04)); box-shadow:inset 0 0 38px rgba(190,250,255,.13),0 26px 55px rgba(6,45,122,.21); transform:rotate(-3deg); }.visual-ring { position:absolute; border:1px solid rgba(185,246,255,.37); border-radius:50%; }.ring-one { top:15px; right:38px; width:205px; height:205px; }.ring-two { right:74px; bottom:0; width:313px; height:313px; }.learning-card { position:absolute; top:50px; right:33px; left:35px; overflow:hidden; border:1px solid rgba(205,245,255,.65); border-radius:16px; color:#2355a1; background:rgba(255,255,255,.96); box-shadow:0 28px 42px rgba(5,46,125,.25); transform:perspective(1000px) rotateY(-4deg) rotateX(2deg); }.learning-head { display:flex; align-items:center; justify-content:space-between; height:44px; padding:0 18px; border-bottom:1px solid #e3ecfb; font-size:11px; }.mini-brand { display:flex; align-items:center; gap:7px; color:#3465ba; font-weight:700; }.mini-brand i { width:10px; height:10px; border-radius:3px 7px 3px 7px; background:linear-gradient(135deg,#42d8ff,#5875e7); }.learning-live { display:flex; align-items:center; gap:6px; color:#5c90c9; font-size:10px; }.learning-live i { width:6px; height:6px; border-radius:50%; background:#61d9ae; box-shadow:0 0 7px #61d9ae; animation:blink 1.6s infinite; }.learning-profile { display:flex; align-items:center; gap:11px; padding:16px 18px 13px; }.profile-avatar { display:flex; align-items:center; justify-content:center; width:35px; height:35px; border-radius:50%; color:#fff; background:linear-gradient(135deg,#7d8ddd,#4a62c8); font-size:13px; }.learning-profile b { font-size:14px; }.learning-profile p { margin:3px 0 0; color:#8ba0bd; font-size:10px; }.learning-profile strong { margin-left:auto; color:#4686df; font-family:var(--mono); font-size:21px; }.learning-profile strong span { font-size:11px; }.learning-lesson { display:flex; align-items:center; gap:11px; margin:0 16px; padding:12px; border-radius:10px; background:#f0f6ff; }.lesson-cover { display:flex; align-items:end; gap:2px; justify-content:center; width:47px; height:47px; padding:8px; border-radius:8px; background:linear-gradient(145deg,#8593e7,#4f6ed0); }.lesson-cover i { width:5px; background:rgba(255,255,255,.82); }.lesson-cover i:first-child { height:12px; }.lesson-cover i:nth-child(2) { height:22px; }.lesson-cover i:last-child { height:16px; }.learning-lesson div { flex:1; min-width:0; }.learning-lesson small { display:block; margin-bottom:4px; color:#869abe; font-size:9px; }.learning-lesson b { display:block; overflow:hidden; color:#345185; font-size:11px; white-space:nowrap; text-overflow:ellipsis; }.progress { height:4px; margin-top:7px; overflow:hidden; border-radius:5px; background:#dce8fa; }.progress i { display:block; width:67%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#5b91ed,#63dcca); }.play-button { display:flex; align-items:center; justify-content:center; width:25px; height:25px; border-radius:50%; color:#fff; background:#5e91ec; font-size:9px; }.learning-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:16px; }.learning-stats div { padding-left:10px; border-left:2px solid #a5dff7; }.learning-stats small { display:block; color:#91a5c3; font-size:9px; }.learning-stats strong { display:block; margin-top:3px; color:#335790; font-family:var(--mono); font-size:18px; }.learning-stats em { color:#97a8c1; font-size:9px; font-style:normal; }.hero-float { position:absolute; z-index:2; display:flex; align-items:center; gap:10px; border:1px solid rgba(202,245,255,.6); color:#e5faff; background:rgba(50,125,217,.77); box-shadow:0 15px 26px rgba(4,50,131,.2); backdrop-filter:blur(8px); }.hero-float-top { top:0; right:-10px; width:210px; padding:11px; }.hero-float-top > span { display:flex; align-items:center; justify-content:center; width:31px; height:31px; border:1px solid #8ceeff; color:#9fefff; font-size:17px; }.hero-float small,.hero-float b { display:block; }.hero-float small { color:#bedbfa; font-size:9px; }.hero-float b { margin-top:3px; font-size:10px; font-weight:500; line-height:1.5; }.hero-float-bottom { bottom:2px; left:-5px; width:198px; padding:11px; }.float-chart { display:flex; align-items:end; gap:3px; width:56px; height:34px; }.float-chart i { width:5px; background:#93efff; }.float-chart i:nth-child(1){height:28%}.float-chart i:nth-child(2){height:48%}.float-chart i:nth-child(3){height:33%}.float-chart i:nth-child(4){height:67%}.float-chart i:nth-child(5){height:58%}.float-chart i:nth-child(6){height:80%}.float-chart i:nth-child(7){height:100%}.hero-bottom { position:relative; z-index:1; display:flex; align-items:center; gap:16px; padding-bottom:21px; color:#d1e5ff; font-family:var(--mono); font-size:10px; letter-spacing:.08em; }.hero-bottom i { flex:1; height:1px; background:linear-gradient(90deg,rgba(215,246,255,.6),transparent); }.hero-bottom a b { margin-left:8px; color:#94efff; animation:bounce 1.8s infinite; }
.trust-strip { border-bottom:1px solid #e3ebf5; background:#fff; }.trust-grid { display:grid; grid-template-columns:1.75fr repeat(3,1fr); }.trust-grid>* { min-height:108px; margin:0; padding:27px 26px; border-right:1px solid #e3ebf5; }.trust-grid>*:first-child { padding-left:0; color:#596b85; font-size:14px; line-height:1.8; }.trust-grid>*:last-child { border:0; }.trust-grid div { display:flex; align-items:center; gap:13px; }.trust-grid b { color:#c2d3e8; font-family:var(--mono); font-size:25px; font-weight:400; }.trust-grid span { color:#263b5d; font-size:14px; font-weight:600; }
.section { padding:110px 0; }.section-heading { margin-bottom:48px; }.heading-row { display:flex; align-items:end; justify-content:space-between; gap:35px; } h2 { margin:0; color:#172943; font-size:clamp(32px,3.1vw,46px); line-height:1.27; letter-spacing:-.055em; } h2 span { color:var(--blue); }.heading-row>p { max-width:420px; margin:0 0 7px; color:var(--muted); font-size:14px; line-height:1.9; }.pain-section { background:#fff; }.pain-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }.pain-card { position:relative; min-height:316px; padding:28px; overflow:hidden; border:1px solid var(--line); background:linear-gradient(155deg,#fff,#f7faff); transition:.25s; }.pain-card:hover { border-color:#a5c9f6; box-shadow:0 14px 30px rgba(30,93,187,.1); transform:translateY(-4px); }.pain-index { color:#9fb6d4; font-family:var(--mono); font-size:11px; }.pain-icon { position:relative; display:flex; align-items:center; justify-content:center; width:48px; height:48px; margin:27px 0 22px; border:1px solid #9cc8f4; color:#4172ca; background:#f1f7ff; }.icon-path { gap:5px; }.icon-path i { width:7px; height:7px; border:1px solid #3976d6; transform:rotate(45deg); }.icon-path i:nth-child(2) { width:12px; height:12px; background:#63cde7; }.icon-track { align-items:end; gap:4px; padding:10px; }.icon-track i { width:5px; background:#5489da; }.icon-track i:nth-child(1){height:30%}.icon-track i:nth-child(2){height:55%}.icon-track i:nth-child(3){height:42%}.icon-track i:nth-child(4){height:86%;background:#60ceb3}.icon-hand { color:#5c6dcc; font-size:21px; box-shadow:inset 0 0 15px rgba(69,178,246,.12); }.pain-card h3 { margin-bottom:11px; color:#203653; font-size:19px; }.pain-card p { margin-bottom:23px; color:#71809a; font-size:13px; line-height:1.82; }.pain-answer { display:block; padding-top:12px; border-top:1px solid #e4edf8; color:#3c7ee0; font-size:11px; }
.capabilities-section { background:#f5f8fd; }.capabilities-layout { display:grid; grid-template-columns:344px 1fr; min-height:502px; border:1px solid #d8e5f5; background:#fff; }.capability-tabs { display:flex; flex-direction:column; background:#f2f6fc; }.capability-tab { position:relative; display:flex; align-items:center; gap:13px; min-height:125px; padding:22px 26px; border:0; border-bottom:1px solid #dce7f4; color:#536783; text-align:left; background:transparent; transition:.2s; }.capability-tab:last-child { border:0; }.capability-tab::before { content:""; position:absolute; top:0; bottom:0; left:0; width:3px; background:var(--blue); transform:scaleY(0); transition:.2s; }.capability-tab span { color:#8ba3c0; font-family:var(--mono); font-size:11px; }.capability-tab b { display:block; margin-bottom:6px; font-size:15px; }.capability-tab small { display:block; color:#8b9bb0; font-size:10px; }.capability-tab i { margin-left:auto; color:#90a4bd; font-style:normal; opacity:0; transition:.2s; }.capability-tab:hover,.capability-tab.is-active { color:#1d4384; background:#fff; }.capability-tab.is-active::before { transform:scaleY(1); }.capability-tab.is-active i { color:var(--blue); opacity:1; }.capability-display { position:relative; min-height:502px; overflow:hidden; background:linear-gradient(135deg,#f8fbff,#e9f3ff); }.capability-panel { position:absolute; inset:0; display:grid; grid-template-columns:1fr 1fr; opacity:0; pointer-events:none; transition:opacity .3s; }.capability-panel.is-active { position:relative; opacity:1; pointer-events:auto; }.panel-device { position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; min-height:502px; background:radial-gradient(circle at 45% 46%,rgba(145,219,255,.55),transparent 42%),linear-gradient(135deg,#d7edff,#eef6ff); }.panel-device::before { content:""; position:absolute; width:350px; height:350px; border:1px solid rgba(74,155,232,.27); border-radius:50%; box-shadow:0 0 0 45px rgba(74,155,232,.06),0 0 0 91px rgba(74,155,232,.04); }.phone { position:relative; z-index:1; width:242px; height:427px; padding:11px; border:7px solid #324d77; border-radius:29px; background:#fff; box-shadow:0 23px 30px rgba(47,100,177,.24); }.phone-top { width:61px; height:5px; margin:0 auto 7px; border-radius:6px; background:#273c5f; }.phone-screen { height:calc(100% - 12px); padding:13px 12px; overflow:hidden; border-radius:18px; background:#f5f8ff; }.mobile-title { margin-bottom:15px; color:#27466d; font-size:15px; font-weight:700; }.mobile-greeting { padding:12px; border-radius:11px; color:#fff; background:linear-gradient(135deg,#6982dd,#5865c7); }.mobile-greeting span,.mobile-greeting b { display:block; }.mobile-greeting span { font-size:9px; opacity:.85; }.mobile-greeting b { margin-top:5px; font-size:12px; }.course-tile { display:flex; align-items:center; gap:8px; margin-top:10px; padding:9px; border-radius:9px; background:#fff; box-shadow:0 2px 8px rgba(32,72,142,.07); }.course-icon { display:flex; align-items:center; justify-content:center; flex:0 0 auto; width:31px; height:31px; border-radius:8px; color:#fff; font-size:14px; }.course-icon.legal { background:#5e85dd; }.course-icon.heart { background:#6fc7bd; }.course-tile div { min-width:0; flex:1; }.course-tile small,.course-tile b { display:block; }.course-tile small { color:#98a7bb; font-size:8px; }.course-tile b { overflow:hidden; margin-top:3px; color:#516683; font-size:9px; white-space:nowrap; text-overflow:ellipsis; }.course-tile i { display:block; height:3px; margin-top:5px; overflow:hidden; border-radius:4px; background:#e1eaf8; }.course-tile em { display:block; width:72%; height:100%; background:#6890e5; }.course-tile em.medium { width:48%; background:#70c7b5; }.mobile-nav { display:flex; justify-content:space-around; margin-top:15px; }.mobile-nav i { width:10px; height:10px; border:1px solid #a5b4c7; border-radius:3px; }.mobile-nav i.on { background:#6788de; border-color:#6788de; }.panel-copy { display:flex; flex-direction:column; justify-content:center; padding:45px 40px; color:#66809e; background:#fff; }.panel-copy>p { margin-bottom:14px; color:#5b8fe2; font-family:var(--mono); font-size:10px; letter-spacing:.12em; }.panel-copy h3 { margin-bottom:16px; color:#1f3961; font-size:28px; letter-spacing:-.04em; }.panel-copy>span { color:#72839b; font-size:13px; line-height:1.85; }.panel-copy ul { margin:22px 0 0; padding:0; list-style:none; }.panel-copy li { position:relative; padding:9px 0 9px 14px; border-top:1px solid #e6edf6; color:#465f82; font-size:12px; }.panel-copy li::before { content:""; position:absolute; top:16px; left:0; width:5px; height:5px; border-radius:50%; background:#64bedf; box-shadow:0 0 6px #64bedf; }
.panel-data { background:radial-gradient(circle at 50% 45%,rgba(153,205,255,.7),transparent 47%),linear-gradient(135deg,#d2e9ff,#f2f8ff); }.data-card { position:relative; z-index:1; width:min(86%,365px); padding:20px; border:1px solid rgba(116,174,237,.46); border-radius:12px; background:rgba(255,255,255,.93); box-shadow:0 23px 37px rgba(52,111,188,.2); }.data-card-head,.support-head,.insight-head,.board-top { display:flex; justify-content:space-between; color:#3c5a85; font-size:12px; font-weight:600; }.data-card-head i,.support-head i,.insight-head i,.board-top i { color:#8ca0b8; font-size:9px; font-style:normal; font-weight:400; }.data-nums { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:20px 0; }.data-nums div { padding-left:9px; border-left:2px solid #78afea; }.data-nums b,.data-nums span { display:block; }.data-nums b { color:#4078d4; font-family:var(--mono); font-size:19px; }.data-nums b span { display:inline; font-size:10px; }.data-nums span { margin-top:3px; color:#8a9ab0; font-size:9px; }.data-chart { position:relative; height:94px; overflow:hidden; border-bottom:1px solid #d8e5f5; }.chart-axis { position:absolute; inset:0; display:flex; align-items:end; justify-content:space-around; }.chart-axis i { width:1px; height:100%; background:linear-gradient(0deg,#d9e9fa,transparent); }.chart-line { position:absolute; right:5px; bottom:8px; left:5px; display:flex; align-items:end; justify-content:space-between; height:70px; border-bottom:2px solid #72d0bb; clip-path:polygon(0 77%,15% 57%,31% 64%,48% 27%,64% 48%,80% 16%,100% 39%,100% 100%,0 100%); background:linear-gradient(0deg,rgba(100,205,184,.18),transparent); }.chart-line i { width:8px; border-radius:50%; background:#5890dd; }.chart-line i:nth-child(1){height:12%}.chart-line i:nth-child(2){height:28%}.chart-line i:nth-child(3){height:23%}.chart-line i:nth-child(4){height:64%}.chart-line i:nth-child(5){height:46%}.chart-line i:nth-child(6){height:82%}.chart-line i:nth-child(7){height:57%}.data-list { margin-top:13px; }.data-list p { display:flex; justify-content:space-between; margin:7px 0; color:#7b8fa9; font-size:10px; }.data-list b { color:#53ab8e; font-weight:500; }.panel-support { background:radial-gradient(circle at 48% 52%,rgba(174,223,255,.7),transparent 47%),linear-gradient(135deg,#d9eeff,#f3f9ff); }.support-card { position:relative; z-index:1; width:min(85%,355px); padding:20px; border:1px solid rgba(116,174,237,.45); border-radius:13px; background:rgba(255,255,255,.94); box-shadow:0 23px 37px rgba(52,111,188,.2); }.support-head i { color:#55b79d; }.support-options { margin:19px 0; }.support-options>div { display:flex; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid #e5edf7; }.support-options>div>i { display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:8px; color:#5b77d1; background:#edf3ff; font-style:normal; }.support-options span { flex:1; }.support-options b,.support-options small { display:block; }.support-options b { color:#405c85; font-size:11px; }.support-options small { margin-top:3px; color:#99a9bc; font-size:8px; }.support-options em { color:#75a3db; font-style:normal; }.support-card button { width:100%; padding:10px; border:0; border-radius:7px; color:#fff; background:linear-gradient(90deg,#6686db,#5fbcdd); font-size:11px; }.support-card button span { margin-left:8px; font-size:15px; }.panel-insight { background:radial-gradient(circle at 51% 49%,rgba(167,213,255,.8),transparent 45%),linear-gradient(135deg,#d4ebff,#f2f8ff); }.insight-card { position:relative; z-index:1; width:min(85%,355px); padding:20px; border:1px solid rgba(116,174,237,.45); border-radius:13px; background:rgba(255,255,255,.94); box-shadow:0 23px 37px rgba(52,111,188,.2); }.radar { position:relative; width:172px; height:154px; margin:14px auto; }.radar::before,.radar::after,.radar i { position:absolute; top:50%; left:50%; content:""; border:1px solid rgba(91,128,213,.32); transform:translate(-50%,-50%) rotate(30deg); }.radar::before { width:142px; height:142px; clip-path:polygon(50% 0,100% 35%,81% 100%,19% 100%,0 35%); }.radar::after { width:103px; height:103px; clip-path:polygon(50% 0,100% 35%,81% 100%,19% 100%,0 35%); }.radar i { width:2px; height:142px; border-width:0 0 0 1px; transform:translate(-50%,-50%) rotate(30deg); }.radar i:nth-child(2) { transform:translate(-50%,-50%) rotate(102deg); }.radar i:nth-child(3) { transform:translate(-50%,-50%) rotate(174deg); }.radar i:nth-child(4) { transform:translate(-50%,-50%) rotate(246deg); }.radar i:nth-child(5) { transform:translate(-50%,-50%) rotate(318deg); }.radar b { position:absolute; inset:26px; clip-path:polygon(50% 2%,90% 36%,72% 84%,24% 71%,8% 34%); background:rgba(92,194,202,.33); border:1px solid #55a8d0; }.insight-meta { display:grid; grid-template-columns:repeat(3,1fr); padding-top:9px; border-top:1px solid #e4edf6; text-align:center; }.insight-meta b,.insight-meta span { display:block; }.insight-meta b { color:#4e7fcd; font-family:var(--mono); font-size:15px; }.insight-meta span { margin-top:3px; color:#97a6b9; font-size:8px; }.insight-tip { display:flex; gap:7px; margin-top:14px; padding:9px; border-radius:7px; color:#5d789b; background:#f1f7ff; font-size:9px; line-height:1.5; }.insight-tip i { color:#5e84d6; font-style:normal; }
.workflow-section { position:relative; overflow:hidden; color:#dceaff; background:radial-gradient(ellipse 70% 90% at 82% 38%,#2c69bd 0%,#123b78 42%,#0b2b5b 100%); }.workflow-section::after { content:""; position:absolute; top:-300px; right:-130px; width:690px; height:690px; border:1px solid rgba(162,230,255,.18); border-radius:50%; box-shadow:0 0 0 83px rgba(121,205,255,.035),0 0 0 166px rgba(121,205,255,.023); }.workflow-heading { position:relative; z-index:1; max-width:610px; margin-bottom:52px; }.workflow-heading h2 { color:#fff; }.workflow-heading h2 span { color:#9eeeff; }.workflow-heading>p:last-child { margin:20px 0 0; color:#b4cdeb; font-size:14px; line-height:1.85; }.workflow-track { position:relative; z-index:1; display:grid; grid-template-columns:repeat(5,1fr); max-width:1060px; margin:0 auto 54px; }.workflow-line { position:absolute; top:74px; right:7%; left:7%; height:1px; background:rgba(171,226,255,.42); }.workflow-line::after { content:""; position:absolute; top:-3px; right:0; border:4px solid transparent; border-left-color:#a9e9ff; }.workflow-line i { position:absolute; top:-1px; left:0; width:31%; height:3px; background:linear-gradient(90deg,#76c8ff,#8af1e8); box-shadow:0 0 10px #81e1ff; animation:runline 4s linear infinite; }.workflow-track article { position:relative; z-index:1; padding:0 10px; text-align:center; }.workflow-track article>span { position:absolute; top:13px; left:calc(50% + 25px); color:#9ebfdf; font-family:var(--mono); font-size:10px; }.workflow-icon { display:flex; align-items:center; justify-content:center; width:74px; height:74px; margin:36px auto 17px; border:1px solid rgba(177,231,255,.66); border-radius:50%; color:#a4f0ff; background:rgba(36,113,199,.28); box-shadow:0 0 0 9px #16427f; font-family:var(--mono); font-size:24px; }.workflow-track h3 { margin-bottom:7px; color:#fff; font-size:17px; }.workflow-track p { margin:0; color:#b1cbe8; font-size:11px; line-height:1.6; }.workflow-note { position:relative; z-index:1; display:flex; align-items:center; gap:13px; max-width:800px; margin:0 auto; padding:17px 20px; border:1px solid rgba(168,228,255,.25); color:#b9d6ed; background:rgba(6,42,94,.33); }.workflow-note>i { display:flex; align-items:center; justify-content:center; width:30px; height:30px; border:1px solid #7be8f0; color:#99effd; font-style:normal; }.workflow-note p { margin:0; font-size:12px; line-height:1.7; }.workflow-note b { color:#fff; }
.management-section { background:#fff; }.management-layout { display:grid; grid-template-columns:.84fr 1.16fr; align-items:center; gap:70px; }.management-copy>p:last-of-type { max-width:475px; margin:22px 0; color:#6d7c93; font-size:14px; line-height:1.9; }.text-link { color:#3677dd; font-size:13px; font-weight:600; }.text-link span { margin-left:8px; font-size:18px; }.management-board { overflow:hidden; border:1px solid #d9e7f6; border-radius:11px; background:#fff; box-shadow:0 22px 45px rgba(36,83,153,.13); }.board-top { padding:15px 19px; border-bottom:1px solid #dce8f5; }.board-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#e2ecf8; }.board-stats div { padding:18px; text-align:center; background:#f8fbff; }.board-stats b,.board-stats span { display:block; }.board-stats b { color:#3b72d4; font-family:var(--mono); font-size:22px; }.board-stats span { margin-top:4px; color:#8a9ab0; font-size:10px; }.board-main { display:grid; grid-template-columns:1.15fr .85fr; gap:15px; padding:17px; }.board-main p { margin-bottom:14px; color:#536985; font-size:11px; font-weight:600; }.bar-list span { display:grid; grid-template-columns:8px 1fr 30px; align-items:center; gap:7px; margin:11px 0; color:#73849c; font-size:10px; }.bar-list span i { width:100%; height:10px; border-radius:3px; background:#6c96dd; }.bar-list span:nth-child(2) i { background:#64c5bd; }.bar-list span:nth-child(3) i { background:#7c85dc; }.bar-list span:nth-child(4) i { background:#a4b9d5; }.bar-list b { position:relative; font-weight:400; }.bar-list b::after { content:""; position:absolute; top:6px; left:70px; width:calc(100% - 73px); height:4px; border-radius:4px; background:linear-gradient(90deg,#6e96df 82%,#e3ebf5 82%); }.bar-list span:nth-child(2) b::after { background:linear-gradient(90deg,#66c8bd 74%,#e3ebf5 74%); }.bar-list span:nth-child(3) b::after { background:linear-gradient(90deg,#7c85dc 68%,#e3ebf5 68%); }.bar-list span:nth-child(4) b::after { background:linear-gradient(90deg,#9baec8 56%,#e3ebf5 56%); }.bar-list em { color:#4e83d8; font-style:normal; }.board-alert { padding:14px; border-left:1px solid #e4edf7; background:#fafcff; }.board-alert div { display:flex; align-items:start; gap:6px; margin:12px 0; color:#77879e; font-size:10px; line-height:1.5; }.board-alert div i { flex:0 0 auto; width:6px; height:6px; margin-top:5px; border-radius:50%; background:#f3ad63; }.board-alert a { display:block; margin-top:17px; color:#417ee0; font-size:10px; }.board-foot { display:flex; gap:16px; padding:13px 18px; border-top:1px solid #e0eaf5; color:#8a9ab0; font-size:9px; }.board-foot span { display:flex; align-items:center; gap:5px; }.board-foot i { width:5px; height:5px; border-radius:50%; background:#67bde2; }
.scenario-section { background:#f5f8fd; }.scenario-grid { display:grid; grid-template-columns:repeat(4,1fr); min-height:360px; }.scenario-card { position:relative; display:flex; flex-direction:column; min-height:360px; padding:29px 26px; border:1px solid #dce6f2; border-right:0; background:#fff; transition:.25s; }.scenario-card:last-child { border-right:1px solid #dce6f2; }.scenario-card:hover:not(.scenario-card-image) { color:#eaf6ff; border-color:#1e62c3; background:#2567c8; transform:translateY(-4px); }.scenario-card>span { color:#8aa5c8; font-family:var(--mono); font-size:11px; }.scenario-symbol { display:flex; align-items:center; justify-content:center; width:49px; height:49px; margin-top:auto; margin-bottom:21px; border:1px solid #a8cbed; color:#467acf; background:#f3f8ff; font-family:var(--mono); font-size:21px; }.scenario-card h3 { margin-bottom:10px; color:#233b5d; font-size:19px; transition:.2s; }.scenario-card:hover h3 { color:#fff; }.scenario-card p { margin-bottom:22px; color:#728199; font-size:12px; line-height:1.8; transition:.2s; }.scenario-card:hover p { color:#d7eaff; }.scenario-card a { margin-top:auto; color:#3579de; font-size:11px; }.scenario-card:hover a { color:#a8f3ff; }.scenario-card a b { margin-left:6px; font-size:14px; }.scenario-card-image { overflow:hidden; color:#fff; border-color:#265dba; background:#1e5bb8; }.scenario-card-image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }.scenario-overlay { position:absolute; inset:0; background:linear-gradient(0deg,rgba(6,54,128,.95),rgba(25,105,202,.18)); }.scenario-card-image>span,.scenario-bottom { position:relative; z-index:1; }.scenario-card-image>span { color:#d7f7ff; }.scenario-bottom { margin-top:auto; }.scenario-bottom h3 { color:#fff; }.scenario-bottom p { color:#d7eaff; }.scenario-bottom a { color:#a7f4ff; }
.consult-section { position:relative; overflow:hidden; padding:88px 0; color:#fff; background:radial-gradient(circle at 88% 47%,#60a8ec 0%,#2f76cd 28%,#154f9e 70%); }.consult-pattern { opacity:.3; mask-image:none; }.consult-layout { position:relative; display:grid; grid-template-columns:1fr 415px; align-items:center; gap:80px; }.consult-layout h2 { color:#fff; }.consult-layout h2 span { color:#a9f2ff; }.consult-layout>div>p:last-child { max-width:510px; margin:20px 0 0; color:#d1e5ff; font-size:14px; line-height:1.9; }.consult-form { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:22px; border:1px solid rgba(217,246,255,.44); background:rgba(23,78,157,.48); box-shadow:0 18px 38px rgba(7,50,111,.2); backdrop-filter:blur(9px); }.consult-form label { color:#d2eaff; font-size:10px; }.consult-form label:nth-child(3),.consult-form button,.form-note,.form-success { grid-column:span 2; }.consult-form input,.consult-form select { width:100%; height:38px; margin-top:7px; padding:0 10px; border:1px solid rgba(213,243,255,.38); outline:0; color:#fff; background:rgba(23,92,182,.54); font-size:12px; }.consult-form input::placeholder { color:#b5d1ee; }.consult-form input:focus,.consult-form select:focus { border-color:#b3f2ff; }.consult-form select option { color:#1f4072; background:#fff; }.consult-form button { margin-top:4px; }.form-note,.form-success { margin:0; font-size:10px; }.form-note { color:#b8d7f3; }.form-success { display:none; color:#b4ffe3; }.form-success.is-show { display:block; }.site-footer { color:#b8d0eb; background:#113c7b; }.footer-main { display:flex; align-items:center; gap:22px; padding:28px 0; }.footer-main>p { margin:0; padding-left:20px; border-left:1px solid rgba(211,238,255,.26); font-size:12px; }.footer-links { display:flex; gap:21px; margin-left:auto; font-size:11px; }.footer-links a:hover { color:#a7efff; }.footer-bottom { display:flex; justify-content:space-between; padding:15px 0; border-top:1px solid rgba(201,232,255,.15); color:#86a8d0; font-family:var(--mono); font-size:10px; }
.reveal { opacity:0; transform:translateY(22px); transition:opacity .68s ease,transform .68s ease; transition-delay:var(--reveal-delay,0ms); }.reveal.is-visible { opacity:1; transform:none; } @keyframes blink { 50% { opacity:.35; } } @keyframes bounce { 50% { transform:translateY(4px); } } @keyframes runline { 0% { transform:translateX(-20%); opacity:.25; } 48% { opacity:1; } 100% { transform:translateX(190%); opacity:.15; } }
@media(max-width:960px){:root{--shell:min(100% - 38px,720px)}.main-nav{position:fixed;top:70px;right:0;left:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:14px 20px;background:rgba(21,81,171,.98);box-shadow:0 13px 24px rgba(7,44,108,.25)}.main-nav.is-open{display:flex}.main-nav a{padding:13px 0}.nav-actions{margin-left:auto}.nav-text{display:none}.nav-toggle{display:block}.hero{min-height:auto}.hero-layout{grid-template-columns:1fr;padding-top:23px;gap:0}.hero-copy{padding-top:48px}.hero-visual{width:min(100%,590px);height:440px;margin:0 auto 10px}.hero-bottom{display:none}.trust-grid{grid-template-columns:repeat(3,1fr)}.trust-grid>*:first-child{grid-column:span 3;min-height:63px;padding:19px 0;border-right:0;border-bottom:1px solid #e3ebf5}.trust-grid>*{min-height:82px;padding:18px}.heading-row{display:block}.heading-row>p{margin-top:17px}.capabilities-layout{grid-template-columns:1fr}.capability-tabs{flex-direction:row;overflow-x:auto}.capability-tab{flex:0 0 210px;min-height:96px;padding:18px}.capability-tab small,.capability-tab i{display:none}.capability-panel{grid-template-columns:1fr}.capability-display{min-height:670px}.panel-device{min-height:350px}.panel-copy{min-height:315px}.workflow-track{grid-template-columns:repeat(5,1fr)}.management-layout{grid-template-columns:1fr;gap:40px}.pain-grid{grid-template-columns:1fr 1fr}.pain-card:first-child{grid-column:span 2}.scenario-grid{grid-template-columns:1fr 1fr}.scenario-card{border-right:1px solid #dce6f2}.scenario-card:nth-child(-n+2){border-bottom:0}.consult-layout{grid-template-columns:1fr;gap:35px}.consult-form{width:min(100%,520px)}.footer-main{flex-wrap:wrap}.footer-links{width:100%;margin-left:0}}
@media(max-width:620px){:root{--shell:calc(100% - 32px)}.site-header{height:70px}.brand-text small{display:none}.nav-actions{display:none}.hero{padding-top:70px}.hero-copy{padding-top:43px}h1{font-size:41px}.hero-intro{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.hero-visual{height:335px;margin-top:14px}.visual-glow{top:36px;left:20px}.learning-card{top:26px;right:2px;left:2px}.learning-profile{padding:11px 13px 8px}.learning-lesson{margin:0 12px;padding:8px}.learning-stats{padding:11px}.hero-float{display:none}.trust-grid b{font-size:21px}.trust-grid span{font-size:11px}.section{padding:74px 0}.section-heading{margin-bottom:34px}h2{font-size:31px}.pain-grid{grid-template-columns:1fr}.pain-card:first-child{grid-column:span 1}.pain-card{min-height:276px}.capability-display{min-height:624px}.panel-device{min-height:300px}.phone{width:200px;height:352px;padding:8px;border-width:6px;border-radius:24px}.phone-screen{padding:10px}.mobile-title{margin-bottom:10px}.mobile-greeting{padding:9px}.course-tile{margin-top:7px;padding:7px}.mobile-nav{margin-top:8px}.panel-copy{min-height:324px;padding:32px 25px}.panel-copy h3{font-size:23px}.data-card,.support-card,.insight-card{width:85%;padding:15px}.workflow-track{grid-template-columns:1fr;gap:0;margin-bottom:39px}.workflow-line{top:48px;bottom:48px;left:50%;width:1px;height:auto}.workflow-line::after{top:auto;right:-3px;bottom:0;border:4px solid transparent;border-top-color:#a9e9ff}.workflow-line i{top:0;left:-1px;width:3px;height:34%;background:linear-gradient(0deg,#75c5ff,#8af1e8);animation:none}.workflow-track article{display:grid;grid-template-columns:54px 78px 1fr;align-items:center;min-height:100px;text-align:left}.workflow-track article>span{position:static;grid-column:1;grid-row:span 2}.workflow-icon{grid-column:2;grid-row:span 2;width:58px;height:58px;margin:0;font-size:20px}.workflow-track h3{grid-column:3;margin:0 0 4px}.workflow-track p{grid-column:3}.workflow-note{align-items:start}.management-board{margin:0 -4px}.board-main{grid-template-columns:1fr}.board-alert{border-top:1px solid #e4edf7;border-left:0}.scenario-grid{grid-template-columns:1fr}.scenario-card{min-height:278px;border-bottom:0}.scenario-card:last-child{border-bottom:1px solid #dce6f2}.scenario-card-image{min-height:330px}.consult-section{padding:67px 0}.consult-form{grid-template-columns:1fr}.consult-form label,.consult-form label:nth-child(3),.consult-form button,.form-note,.form-success{grid-column:span 1}.footer-main{display:grid;gap:17px}.footer-main>p{padding-left:0;border:0}.footer-links{flex-wrap:wrap;gap:12px 19px}.footer-bottom{display:block;line-height:1.8}.footer-bottom span{display:block}}