:root { --cx-navy:#0b2447; --cx-orange:#ff6900; --cx-blue:#1269d3; --cx-muted:#60718c; --cx-line:#d6dee9; --cx-soft:#f7f9fc; --cx-max:1436px; }
.cx-page { background:#fff; color:var(--cx-navy); }
.cx-page .c-main { min-height:0; }
.cx-container { width:min(calc(100% - 100px),var(--cx-max)); margin-inline:auto; }
.c-site-header { position:relative; background:#fff; backdrop-filter:none; }
.c-nav { width:min(calc(100% - 100px),var(--cx-max)); min-height:80px; gap:48px; }
.c-brand { gap:11px; font-size:23px; }
.c-brand img { width:43px; height:43px; border-radius:10px; }
.c-nav-links { gap:54px; margin-inline:auto; }
.c-nav-links a { color:#102441; font-size:16px; font-weight:600; }
.c-nav-chevron { display:inline-block; margin-left:5px; font-size:12px; font-weight:700; }
.c-nav-links a::after { bottom:-27px; height:3px; border-radius:3px; }
.c-nav-download { min-width:122px; padding:10px 22px; border-radius:6px; font-size:16px; }
.cx-breadcrumb { display:flex; gap:12px; margin-bottom:24px; color:#5f708a; font-size:16px; }
.cx-breadcrumb a { text-decoration:none; }
.cx-breadcrumb strong { color:#5f708a; font-weight:400; }
.cx-page h1,.cx-page h2,.cx-page h3 { color:var(--cx-navy); }
.cx-button { display:inline-flex; min-height:54px; align-items:center; justify-content:center; padding:11px 24px; border:1px solid transparent; border-radius:6px; font-size:17px; font-weight:700; text-decoration:none; }
.cx-primary { color:#fff; background:var(--cx-orange); }
.cx-primary:hover { color:#fff; background:#e85f00; }
.cx-outline { color:var(--cx-navy); background:#fff; border-color:var(--cx-navy); }
.cx-label { display:inline-flex; padding:4px 14px; color:#0d294d; background:#f0f4f8; border-radius:5px; font-size:15px; }
.cx-lead { color:#687993; font-size:17px; }

/* Product mockups */
.cx-device-group { position:relative; min-width:0; height:455px; }
.cx-device-status { position:absolute; z-index:8; top:8px; left:45%; padding:7px 15px; color:#53657d; background:#fff; border:1px solid #ccd6e2; border-radius:7px; font-size:12px; box-shadow:0 5px 15px rgba(11,36,71,.05); }
.cx-device-status i { display:inline-block; width:9px; height:9px; margin-right:8px; background:#20a671; border-radius:50%; }
.cx-device-laptop { position:absolute; z-index:3; bottom:32px; left:0; width:39%; }
.cx-laptop-screen { height:205px; overflow:hidden; background:#091d37; border:7px solid #1d2936; border-radius:10px 10px 3px 3px; box-shadow:0 18px 25px rgba(11,36,71,.16); }
.cx-laptop-top { display:flex; height:26px; align-items:center; gap:5px; padding:0 8px; color:#dbe5ef; background:#0e2948; font-size:7px; }
.cx-laptop-top img { width:12px; border-radius:3px; }
.cx-laptop-ui { display:grid; grid-template-columns:39% 61%; height:172px; color:#fff; }
.cx-laptop-ui aside { display:grid; align-content:start; gap:5px; padding:16px 9px; background:#0e263f; }
.cx-laptop-ui aside span,.cx-laptop-ui aside strong { padding:6px 4px; color:#b4c2d1; border-bottom:1px solid #32465d; font-size:7px; font-weight:400; }
.cx-laptop-ui aside strong { color:#fff; border:1px solid var(--cx-orange); }
.cx-laptop-ui section { display:grid; place-items:center; align-content:center; background:linear-gradient(135deg,#122f50,#081b32); }
.cx-laptop-ui section small { font-size:8px; }
.cx-laptop-ui section > b { margin-top:4px; font-size:30px; }
.cx-laptop-ui section > b em { color:#899aaf; font-size:6px; font-style:normal; }
.cx-laptop-ui section > i { width:65%; height:3px; margin:6px; background:linear-gradient(90deg,var(--cx-orange) 40%,#41556c 40%); }
.cx-laptop-ui section > div { display:flex; gap:12px; margin-top:6px; }
.cx-laptop-ui section > div span,.cx-laptop-ui section > div strong { display:grid; width:25px; height:25px; place-items:center; background:#243d59; border-radius:50%; font-size:6px; }
.cx-laptop-ui section > div strong { background:var(--cx-orange); font-size:10px; }
.cx-laptop-base { width:112%; height:11px; margin-left:-6%; background:linear-gradient(#d5d9de,#838b94); border-radius:0 0 18px 18px; }
.cx-device-monitor { position:absolute; z-index:2; right:10%; bottom:37px; width:49%; }
.cx-monitor-screen { position:relative; display:grid; height:280px; place-items:center; align-content:center; overflow:hidden; color:#fff; background:radial-gradient(circle at 50% 43%,#183e66,#071a31 70%); border:7px solid #4a5158; border-radius:2px; box-shadow:0 20px 30px rgba(11,36,71,.14); }
.cx-monitor-screen small { z-index:2; font-size:15px; }
.cx-monitor-screen strong { z-index:2; font-size:57px; line-height:1.2; }
.cx-monitor-screen span { z-index:2; color:var(--cx-orange); font-size:11px; font-weight:700; }
.cx-ring { position:absolute; top:50%; left:50%; width:210px; height:210px; transform:translate(-50%,-50%); border:9px solid rgba(255,255,255,.96); border-radius:50%; }
.cx-ring::before { position:absolute; inset:-9px; content:""; border:9px solid transparent; border-top-color:#ff8a2a; border-right-color:#ff8a2a; border-radius:50%; transform:rotate(-6deg); }
.cx-ring i { position:absolute; right:-13px; bottom:36px; width:18px; height:18px; background:#fff; border:6px solid #ff8a2a; border-radius:50%; }
.cx-device-monitor > i { display:block; width:15%; height:35px; margin:auto; background:linear-gradient(90deg,#a7adb4,#e0e3e6,#a7adb4); }
.cx-device-monitor > b { display:block; width:38%; height:7px; margin:auto; background:#9ca3aa; border-radius:7px 7px 2px 2px; }
.cx-device-phone { position:absolute; z-index:5; right:0; bottom:11px; display:grid; width:105px; height:228px; place-items:center; align-content:start; padding:21px 11px 10px; color:#fff; background:linear-gradient(#0b2746,#06192f); border:5px solid #222b34; border-radius:18px; box-shadow:0 12px 24px rgba(11,36,71,.18); }
.cx-device-phone small { margin-bottom:18px; font-size:7px; }
.cx-device-phone span { font-size:8px; }
.cx-device-phone strong { font-size:27px; line-height:1.2; }
.cx-device-phone em { color:var(--cx-orange); font-size:7px; font-style:normal; }
.cx-device-phone > div { display:flex; gap:7px; margin-top:16px; }
.cx-device-phone > div b { display:grid; width:26px; height:26px; place-items:center; background:#1c3958; border-radius:50%; font-size:9px; }
.cx-device-phone > div b:nth-child(2) { background:var(--cx-orange); }
.cx-device-phone > i { width:80%; margin:15px 0 8px; border-top:1px solid #29415b; }
.cx-device-phone button { color:#fff; background:none; border:0; font-size:7px; }
.cx-device-link { position:absolute; z-index:7; height:55px; color:#40536b; border-top:1px dashed #244c79; font-size:10px; }
.cx-device-link::after { position:absolute; top:-4px; width:0; height:0; content:""; border-top:4px solid transparent; border-bottom:4px solid transparent; }
.cx-device-link span { position:absolute; top:-27px; white-space:nowrap; }
.cx-link-screen { top:151px; left:28%; width:16%; border-left:1px dashed #244c79; }
.cx-link-screen::after { right:-1px; border-left:6px solid #244c79; }
.cx-link-screen span { left:18px; }
.cx-link-phone { top:148px; right:3%; width:14%; border-right:1px dashed #244c79; }
.cx-link-phone::after { left:-1px; border-right:6px solid #244c79; }
.cx-link-phone span { right:15px; }

.cx-app-window { overflow:hidden; background:#071b33; border:1px solid #465568; border-radius:8px; box-shadow:0 18px 28px rgba(11,36,71,.18); }
.cx-app-title { display:flex; height:35px; align-items:center; justify-content:space-between; padding:0 12px; color:#dfe8f1; background:#0c2948; font-size:10px; }
.cx-app-title span { display:flex; align-items:center; gap:6px; }
.cx-app-title img { width:16px; border-radius:4px; }
.cx-app-title b { font-weight:400; }
.cx-app-body { display:grid; grid-template-columns:38% 62%; min-height:305px; color:#fff; }
.cx-app-body aside { display:grid; align-content:start; gap:0; padding:18px 13px; background:#102942; border-right:1px solid #3a4a5d; }
.cx-app-body aside small { margin-bottom:10px; color:#9fb0c2; }
.cx-app-body aside span,.cx-app-body aside strong { display:flex; justify-content:space-between; padding:10px 7px; color:#d0d9e4; border-bottom:1px solid #405064; font-size:10px; font-weight:400; }
.cx-app-body aside strong { border:1px solid var(--cx-orange); }
.cx-app-body aside em { font-style:normal; }
.cx-app-body aside i { margin-top:12px; color:#c1ccd8; font-size:10px; font-style:normal; text-align:center; }
.cx-app-body section { display:grid; place-items:center; align-content:center; background:radial-gradient(circle at 55% 40%,#183e65,#071a32 72%); }
.cx-app-body section > small { font-size:13px; }
.cx-app-body section > strong { font-size:53px; }
.cx-app-body section > strong em { color:#99aabe; font-size:11px; font-style:normal; }
.cx-app-progress { width:65%; height:6px; margin:7px 0 26px; background:#3d5169; border-radius:6px; }
.cx-app-progress i { display:block; width:62%; height:100%; background:var(--cx-orange); border-radius:6px; }
.cx-app-controls { display:flex; gap:34px; }
.cx-app-controls b { display:grid; width:50px; height:50px; place-items:center; color:#fff; background:#223b57; border-radius:50%; font-size:12px; }
.cx-app-controls .is-main { background:var(--cx-orange); font-size:22px; }

/* Homepage */
.cx-home-hero { padding-top:44px; border-bottom:1px solid var(--cx-line); }
.cx-home-grid { display:grid; grid-template-columns:36% 64%; align-items:center; min-height:442px; }
.cx-home-copy { padding-bottom:20px; }
.cx-home-copy h1 { margin:35px 0 20px; font-size:38px; line-height:1.25; letter-spacing:.01em; white-space:nowrap; }
.cx-home-copy p { margin:0; color:#61728c; font-size:17px; line-height:1.8; }
.cx-actions { display:flex; gap:20px; margin-top:34px; }
.cx-home-grid > .cx-device-group { width:100%; }
.cx-home-grid .cx-device-monitor { right:10%; bottom:84px; width:56%; }
.cx-home-grid .cx-device-phone { bottom:37px; }
.cx-scene-row { display:grid; grid-template-columns:repeat(3,1fr); gap:34px; padding-bottom:18px; }
.cx-scene-row > a,.cx-solution-tabs > a { display:grid; grid-template-columns:48% 1fr auto; min-height:128px; align-items:center; overflow:hidden; color:var(--cx-navy); background:#fff; border:1px solid var(--cx-line); border-radius:7px; text-decoration:none; }
.cx-scene-row strong,.cx-solution-tabs strong { padding-left:23px; font-size:18px; }
.cx-scene-row b,.cx-solution-tabs b { padding-right:30px; font-size:30px; font-weight:400; }
.cx-scene-image { display:block; align-self:stretch; background-image:url('../images/scene-strip-c.png'); background-repeat:no-repeat; background-size:300% auto; }
.cx-scene-row .cx-scene-image { min-height:126px; }
.cx-scene-image.is-school { background-position:0 49%; }
.cx-scene-image.is-government { background-position:50% 49%; }
.cx-scene-image.is-startup { background-position:100% 49%; }
.cx-home-features { padding:13px 0 20px; }
.cx-home-features h2 { margin:0 0 9px; font-size:25px; }
.cx-home-feature-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px 14px; }
.cx-home-feature-grid article { display:grid; grid-template-columns:140px 1fr; min-height:88px; align-items:center; border:1px solid var(--cx-line); border-radius:5px; }
.cx-home-feature-grid article > .cx-icon { justify-self:center; }
.cx-home-feature-grid h3 { margin:0 0 4px; font-size:17px; }
.cx-home-feature-grid p { margin:0; color:#5e708a; font-size:13px; }

/* CSS line icons */
.cx-icon { position:relative; display:inline-block; width:64px; height:64px; color:#0b2b55; }
.cx-icon::before,.cx-icon::after { position:absolute; content:""; }
.cx-icon-screen::before { inset:11px 5px 18px; border:3px solid currentColor; border-radius:2px; }
.cx-icon-screen::after { bottom:8px; left:24px; width:17px; height:11px; border-left:3px solid currentColor; border-bottom:3px solid currentColor; transform:skewX(-25deg); }
.cx-icon-clock::before { inset:7px; border:3px solid currentColor; border-radius:50%; border-right-color:transparent; }
.cx-icon-clock::after { top:19px; left:31px; width:15px; height:20px; border-bottom:3px solid var(--cx-orange); border-left:3px solid var(--cx-orange); }
.cx-icon-phone::before { inset:5px 17px; border:3px solid currentColor; border-radius:5px; }
.cx-icon-phone::after { bottom:10px; left:29px; width:6px; height:6px; background:currentColor; border-radius:50%; }
.cx-icon-list::before { top:12px; right:4px; bottom:12px; left:22px; border-top:4px solid currentColor; border-bottom:4px solid currentColor; box-shadow:0 -15px 0 -0 currentColor,0 15px 0 0 currentColor; }
.cx-icon-list::after { top:10px; left:6px; width:8px; height:8px; background:currentColor; border-radius:50%; box-shadow:0 15px 0 currentColor,0 30px 0 currentColor; }
.cx-icon-detect::before { top:12px; left:6px; width:34px; height:29px; border:3px solid currentColor; border-radius:2px; }
.cx-icon-detect::after { right:5px; bottom:10px; width:34px; height:29px; background:#fff; border:3px solid currentColor; border-radius:2px; }
.cx-icon-file::before { inset:6px 13px; border:3px solid currentColor; border-radius:2px; }
.cx-icon-file::after { right:5px; bottom:4px; width:18px; height:18px; border:3px solid currentColor; border-radius:50%; box-shadow:8px 8px 0 -6px currentColor; }
.cx-icon-bell::before { top:8px; left:15px; width:34px; height:40px; border:3px solid currentColor; border-radius:20px 20px 10px 10px; }
.cx-icon-bell::after { top:11px; right:4px; width:12px; height:20px; border-right:3px solid var(--cx-orange); border-radius:50%; }
.cx-icon-keyboard::before { inset:13px 4px; border:3px solid currentColor; border-radius:3px; background:repeating-linear-gradient(90deg,transparent 0 7px,currentColor 7px 10px); opacity:.9; }
.cx-icon-download::before { top:6px; left:28px; width:8px; height:35px; background:currentColor; }
.cx-icon-download::after { bottom:6px; left:14px; width:36px; height:25px; border-bottom:4px solid currentColor; clip-path:polygon(0 0,38% 0,38% 45%,19% 45%,50% 100%,81% 45%,62% 45%,62% 0,100% 0,100% 100%,0 100%); background:currentColor; }

/* Feature page */
.cx-feature-top { padding:45px 0 35px; background:#fff; border-bottom:1px solid var(--cx-line); }
.cx-feature-intro { display:grid; grid-template-columns:62% 38%; gap:34px; align-items:start; }
.cx-feature-intro h1 { margin:8px 0 12px; font-size:40px; }
.cx-feature-intro > div > p { margin:0; color:#5f708b; font-size:17px; }
.cx-feature-intro .cx-app-window { margin-top:-17px; }
.cx-flow { display:grid; grid-template-columns:repeat(7,auto); align-items:center; margin-top:34px; padding:25px 28px; border:1px solid var(--cx-line); border-radius:8px; }
.cx-flow article { position:relative; display:grid; width:140px; place-items:center; text-align:center; }
.cx-flow article > b { position:absolute; top:-4px; left:14px; display:grid; width:24px; height:24px; place-items:center; color:var(--cx-navy); background:#edf2f8; border-radius:50%; font-size:11px; }
.cx-flow .cx-icon { width:55px; height:55px; }
.cx-flow article > strong { margin:5px 0; font-size:16px; }
.cx-flow article > small { color:#5f708a; font-size:12px; line-height:1.5; }
.cx-flow > i { color:#0d376a; font-size:20px; font-style:normal; }
.cx-feature-list { padding:35px 0 31px; }
.cx-feature-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:20px 24px; }
.cx-feature-cards article { display:grid; grid-template-columns:92px 1fr; min-height:159px; align-items:start; padding:25px 22px; border:1px solid var(--cx-line); border-radius:7px; }
.cx-feature-cards .cx-icon { margin-top:5px; }
.cx-feature-cards h2 { margin:0 0 7px; font-size:18px; }
.cx-feature-cards p { margin:0 0 13px; color:#526580; font-size:13px; line-height:1.7; }
.cx-feature-cards small { color:#71829a; font-size:12px; }
.cx-free,.cx-pro { float:right; padding:2px 9px; border-radius:4px; font-size:11px; }
.cx-free { color:#138553; background:#e7f7ee; border:1px solid #a9dfc3; }
.cx-pro { color:#1262c7; background:#edf5ff; border:1px solid #bfd2eb; }
.cx-feature-cta { display:grid; grid-template-columns:90px 1fr auto; align-items:center; min-height:100px; margin-top:23px; padding:15px 115px; background:linear-gradient(90deg,#f9fbfd,#eef4fa); border:1px solid var(--cx-line); border-radius:7px; }
.cx-feature-cta .cx-icon { display:grid; width:64px; height:64px; place-items:center; padding:5px; background:#b8c9dc; border-radius:10px; transform:scale(.7); }
.cx-feature-cta h2 { margin:0; font-size:19px; }
.cx-feature-cta p { margin:0; color:#60728b; font-size:12px; }

/* Solutions */
.cx-solutions { padding:28px 0 34px; }
.cx-solutions h1 { margin:9px 0 5px; font-size:38px; }
.cx-solutions .cx-lead { margin:0 0 26px; }
.cx-solution-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.cx-solution-tabs > a { grid-template-columns:46% 1fr auto; min-height:124px; }
.cx-solution-tabs > a.is-active { border:2px solid #1c58b6; }
.cx-school-panel { display:grid; grid-template-columns:46% 54%; min-height:390px; margin-top:18px; padding:27px 40px; border:1px solid var(--cx-line); border-radius:8px; }
.cx-school-copy { min-width:0; }
.cx-scene-badge { display:grid; float:left; width:48px; height:48px; place-items:center; margin-right:24px; color:var(--cx-navy); background:#eef4fa; border:1px solid #ccd9e7; border-radius:9px; }
.cx-school-copy h2 { margin:5px 0 14px; font-size:27px; }
.cx-school-copy > p { margin:0; color:#566982; font-size:14px; }
.cx-timeline { display:grid; grid-template-columns:repeat(3,1fr); margin-top:30px; padding-top:20px; border-top:1px solid #becbda; }
.cx-timeline > div { position:relative; display:grid; place-items:center; }
.cx-timeline b { position:absolute; top:-30px; display:grid; width:22px; height:22px; place-items:center; color:#fff; background:#1b4f92; border-radius:50%; font-size:11px; }
.cx-timeline strong { font-size:14px; }
.cx-timeline span { font-size:24px; font-weight:700; }
.cx-school-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:22px; padding-top:20px; border-top:1px solid var(--cx-line); }
.cx-school-benefits article { display:grid; grid-template-columns:42px 1fr; gap:9px; }
.cx-school-benefits .cx-icon { width:42px; height:42px; transform:scale(.7); transform-origin:top left; }
.cx-school-benefits strong { font-size:12px; }
.cx-school-benefits small { display:block; color:#61728a; font-size:9px; line-height:1.5; }
.cx-school-devices { position:relative; overflow:hidden; }
.cx-school-devices .cx-device-group { position:absolute; inset:0 -10px 0 0; height:350px; transform:scale(.92); transform-origin:center; }
.cx-school-devices .cx-device-status,.cx-school-devices .cx-device-phone,.cx-school-devices .cx-device-link { display:none; }
.cx-school-devices .cx-device-laptop { bottom:10px; left:5%; width:45%; }
.cx-school-devices .cx-device-monitor { right:0; bottom:2px; width:57%; }
.cx-school-devices .cx-monitor-screen { height:265px; }
.cx-venue-title { margin:25px 0 12px; font-size:23px; }
.cx-venue-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.cx-venue-grid article { display:grid; grid-template-columns:126px 1fr; min-height:120px; align-items:center; padding:15px; border:1px solid var(--cx-line); border-radius:7px; }
.cx-venue-art { display:block; width:110px; height:88px; background:#e9f1f8; border-radius:5px; }
.cx-venue-art::before { display:block; color:#6f91b5; font-size:52px; line-height:88px; text-align:center; }
.cx-venue-art.is-classroom::before { content:"▰"; }
.cx-venue-art.is-meeting::before { content:"▣"; }
.cx-venue-art.is-stage::before { content:"▥"; }
.cx-venue-grid h3 { margin:0 0 7px; font-size:17px; }
.cx-venue-grid p { margin:0; color:#5d6f88; font-size:11px; }

/* Download */
.cx-download { padding:31px 0 34px; }
.cx-download-top { display:grid; grid-template-columns:52% 38%; gap:62px; justify-content:start; align-items:start; }
.cx-download h1 { margin:6px 0 8px; font-size:40px; }
.cx-download-card { display:grid; grid-template-columns:180px 1fr; gap:28px; min-height:262px; align-items:center; margin-top:28px; padding:29px 27px; border:1px solid var(--cx-line); border-radius:8px; }
.cx-download-card > img { width:164px; border-radius:22px; }
.cx-download-card h2 { margin:0 0 6px; font-size:27px; }
.cx-download-card h2 b { display:inline-block; padding:3px 10px; color:#168650; background:#e9f7ee; border-radius:13px; font-size:11px; vertical-align:middle; }
.cx-download-card p { margin:6px 0; color:#687a94; }
.cx-download-actions { display:flex; gap:20px; margin-top:17px; }
.cx-download-actions .cx-button { min-width:220px; }
.cx-download-actions .mirror-download-copy { display:grid; }
.cx-download-actions .mirror-copy-status { margin:2px 0 0; font-size:10px; text-align:center; }
.cx-download-card small { display:block; margin-top:8px; color:#63758e; }
.cx-download-top > .cx-app-window { margin-top:-3px; }
.cx-install-strip { display:grid; grid-template-columns:repeat(3,1fr); margin-top:25px; border:1px solid var(--cx-line); border-radius:7px; }
.cx-install-strip article { position:relative; display:grid; grid-template-columns:60px 65px 1fr; min-height:105px; align-items:center; padding:11px 50px; }
.cx-install-strip article > b { position:absolute; top:20px; left:205px; display:grid; width:22px; height:22px; place-items:center; color:#fff; background:#2177dd; border-radius:50%; font-size:10px; }
.cx-install-strip article > .cx-icon { transform:scale(.75); }
.cx-install-strip article div { display:grid; }
.cx-install-strip strong { font-size:16px; }
.cx-install-strip small { color:#61738d; }
.cx-install-strip article > i { position:absolute; right:38px; color:#55708e; font-size:30px; font-style:normal; }
.cx-smartscreen { display:grid; grid-template-columns:82px 1fr auto; min-height:98px; align-items:center; margin-top:23px; padding:14px 25px; background:#f2f7fd; border:1px solid #a7cffb; border-radius:7px; }
.cx-smartscreen > span { display:grid; width:62px; height:62px; place-items:center; color:#fff; background:#3184e3; border-radius:13px; font-size:30px; }
.cx-smartscreen h2 { margin:0; font-size:19px; }
.cx-smartscreen p { margin:6px 0 0; }
.cx-smartscreen .cx-button { color:#1766c1; border-color:#9dc5f3; }
.cx-download-bottom { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:23px; }
.cx-download-bottom > article { min-height:162px; padding:21px 25px; border:1px solid var(--cx-line); border-radius:7px; }
.cx-download-bottom h2 { margin:0 0 17px; font-size:18px; }
.cx-download-bottom p { color:#647690; font-size:12px; }
.cx-hash { display:grid; grid-template-columns:100px 1fr; align-items:center; }
.cx-hash code { padding:9px 15px; overflow:hidden; color:#50627a; background:#f8fafc; border:1px solid var(--cx-line); border-radius:5px; text-overflow:ellipsis; white-space:nowrap; }
.cx-requirements { display:grid; grid-template-columns:1fr 1fr; gap:17px 25px; color:#5f718b; font-size:12px; }
.cx-requirements span::first-letter { color:#27a86d; }

/* Professional */
.cx-professional { padding:23px 0 25px; }
.cx-pro-top { display:grid; grid-template-columns:42% 58%; min-height:266px; align-items:start; padding-top:12px; }
.cx-pro-top h1 { margin:18px 0 8px; font-size:36px; }
.cx-pro-top .cx-actions { margin-top:30px; }
.cx-pro-top > div:first-child { transform:translateY(-12px); }
.cx-pro-top > .cx-device-group { width:100%; height:300px; margin:-28px 0 0 54px; transform:scale(.84); transform-origin:left center; }
.cx-edition-box { padding:12px 220px 25px; border:1px solid var(--cx-line); border-radius:8px; }
.cx-edition-box > h2 { margin:0 0 7px; font-size:23px; text-align:center; }
.cx-editions { display:grid; grid-template-columns:1fr 1fr; gap:34px; }
.cx-editions article { display:grid; grid-template-columns:55px 1fr; padding:17px 27px; border:1px solid var(--cx-line); border-radius:7px; }
.cx-editions article.is-pro { border-color:#ff943e; }
.cx-edition-icon { display:grid; width:43px; height:43px; place-items:center; color:#7f9abc; background:#e8f0f8; border-radius:50%; }
.cx-editions .is-pro .cx-edition-icon { color:var(--cx-orange); background:#fff0e5; }
.cx-editions h3 { margin:2px 0 10px; font-size:18px; }
.cx-editions ul { display:grid; gap:5px; margin:0; padding:0; color:#52657f; list-style:none; font-size:13px; }
.cx-editions li::before { margin-right:9px; color:#3176c2; content:"✓"; }
.cx-editions .is-pro li::before { color:var(--cx-orange); }
.cx-pro-plans { display:grid; grid-template-columns:repeat(3,1fr); gap:42px; width:75%; margin:13px auto 0; }
.cx-pro-plans article { position:relative; display:grid; min-height:170px; place-items:center; align-content:center; border:1px solid var(--cx-line); border-radius:7px; }
.cx-pro-plans article > b { position:absolute; top:8px; left:0; padding:2px 11px; color:var(--cx-orange); background:#fff0e4; border:1px solid #ffc89b; border-left:0; border-radius:0 4px 4px 0; font-size:11px; }
.cx-pro-plans h3 { margin:0; font-size:18px; }
.cx-pro-plans p { margin:7px 0; font-size:36px; font-weight:800; }
.cx-pro-plans p span { font-size:14px; }
.cx-pro-plans .cx-button { min-height:44px; min-width:210px; }
.cx-dark { color:#fff; background:var(--cx-navy); }
.cx-plan-footnote { margin:6px 0 8px; color:#677892; text-align:center; }
.cx-purchase-note { border:1px solid var(--cx-line); border-radius:7px; }
.cx-purchase-note summary { display:flex; justify-content:space-between; padding:13px 22px; cursor:pointer; list-style:none; font-weight:700; }
.cx-purchase-note p { padding:0 22px 14px; color:#61738c; }

/* Help center */
.cx-guide-head { padding:29px 0 30px; border-bottom:1px solid var(--cx-line); }
.cx-guide-head .cx-breadcrumb { margin-bottom:21px; }
.cx-guide-head .cx-container > div { display:flex; align-items:center; justify-content:space-between; }
.cx-guide-head h1 { margin:0 0 6px; font-size:38px; }
.cx-guide-head p { margin:0; }
.cx-guide-head label { display:grid; grid-template-columns:1fr 72px; width:595px; height:62px; overflow:hidden; border:1px solid #c9d4e1; border-radius:8px; }
.cx-guide-head input { padding:0 19px; border:0; outline:0; font-size:16px; }
.cx-guide-head label b { display:grid; place-items:center; margin:5px; color:#fff; background:var(--cx-orange); border-radius:6px; font-size:27px; }
.cx-guide-body { display:grid; grid-template-columns:260px 1fr; min-height:700px; }
.cx-guide-body > aside { display:grid; align-content:start; padding:25px 23px 0 0; border-right:1px solid var(--cx-line); }
.cx-guide-body > aside a { padding:17px 18px; color:var(--cx-navy); border-bottom:1px solid var(--cx-line); text-decoration:none; }
.cx-guide-body > aside a.is-active { color:var(--cx-orange); border-left:3px solid var(--cx-orange); }
.cx-guide-body > main { padding:23px 0 30px 28px; }
.cx-guide-body h2 { margin:0 0 14px; font-size:21px; }
.cx-guide-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.cx-guide-cards article { position:relative; display:grid; grid-template-columns:75px 1fr; min-height:155px; align-items:center; padding:19px; border:1px solid var(--cx-line); border-radius:7px; }
.cx-guide-cards article > b { position:absolute; top:23px; left:23px; display:grid; width:34px; height:34px; place-items:center; color:#1770d7; background:#e8f2fd; border-radius:50%; }
.cx-guide-cards .cx-icon { align-self:end; transform:scale(.7); transform-origin:bottom left; }
.cx-guide-cards h3 { margin:0 0 8px; font-size:15px; }
.cx-guide-cards p { margin:0; color:#5e708a; font-size:12px; }
.cx-guide-cards article > i { position:absolute; right:18px; color:#52677f; font-size:26px; font-style:normal; }
.cx-guide-bottom { display:grid; grid-template-columns:2fr 1fr; gap:25px; margin-top:23px; }
.cx-faq,.cx-support { padding:23px; border:1px solid var(--cx-line); border-radius:7px; }
.cx-faq details { border:1px solid var(--cx-line); border-radius:5px; }
.cx-faq details + details { margin-top:9px; }
.cx-faq summary { display:flex; justify-content:space-between; padding:13px 18px; cursor:pointer; list-style:none; }
.cx-faq details p { padding:0 18px 13px; color:#61738d; }
.cx-support { display:grid; place-items:center; align-content:center; text-align:center; }
.cx-support > span { display:grid; width:55px; height:55px; place-items:center; color:#1972d5; background:#e8f3fe; border-radius:50%; font-size:26px; }
.cx-support h3 { margin:13px 0 4px; font-size:17px; }
.cx-support p { color:#5e708a; font-size:12px; }
.cx-support .cx-button { width:90%; min-height:45px; }

/* Order center */
.cx-orders { padding:33px 0 67px; }
.cx-order-title { text-align:center; }
.cx-order-title .cx-breadcrumb { justify-content:center; margin-bottom:13px; }
.cx-order-title h1 { margin:0 0 7px; font-size:38px; }
.cx-order-title p { margin:0 0 65px; }
.cx-order-grid { display:grid; grid-template-columns:2fr 1fr; gap:24px; width:85%; margin:auto; }
.cx-order-form,.cx-order-capabilities { padding:29px 42px; border:1px solid var(--cx-line); border-radius:8px; }
.cx-order-form,.cx-order-capabilities { min-height:493px; }
.cx-order-steps,.cx-purchase-steps { display:flex; align-items:center; justify-content:center; gap:24px; margin-bottom:29px; color:#8a98aa; }
.cx-order-steps span,.cx-purchase-steps span { display:flex; align-items:center; gap:12px; white-space:nowrap; }
.cx-order-steps b,.cx-purchase-steps b { display:grid; width:36px; height:36px; place-items:center; color:#fff; background:#aeb7c3; border-radius:50%; }
.cx-order-steps .is-active,.cx-purchase-steps .is-active { color:var(--cx-navy); }
.cx-order-steps .is-active b,.cx-purchase-steps .is-active b { background:var(--cx-navy); }
.cx-order-steps i,.cx-purchase-steps i { width:68px; border-top:1px solid #aeb9c6; }
.cx-order-form form { display:grid; gap:8px; }
.cx-order-form label,.cx-purchase-email label { margin-top:3px; font-weight:700; }
.cx-order-form input,.cx-purchase-email input { width:100%; height:54px; padding:0 15px; border:1px solid #cbd6e2; border-radius:6px; outline:0; }
.cx-field-button { display:grid; grid-template-columns:1fr auto; gap:13px; }
.cx-field-button .cx-button { min-width:174px; }
.cx-order-form form > small { margin-top:8px; color:#718198; }
.cx-order-capabilities { display:grid; place-items:center; align-content:center; }
.cx-order-capabilities > .cx-icon { background:#f0f4f9; border-radius:50%; transform:scale(.9); }
.cx-order-capabilities h2 { font-size:19px; }
.cx-order-capabilities ul { width:100%; margin:0; padding:0; list-style:none; }
.cx-order-capabilities li { padding:14px 10px; border-bottom:1px solid var(--cx-line); }
.cx-order-capabilities p { color:#60718a; }
.cx-order-capabilities a { color:#126bd1; text-decoration:none; }
.cx-order-trust { display:grid; grid-template-columns:repeat(3,1fr); width:85%; margin:27px auto 0; border:1px solid var(--cx-line); border-radius:8px; }
.cx-order-trust article { display:grid; grid-template-columns:70px 1fr; align-items:center; padding:26px 36px; }
.cx-order-trust article + article { border-left:1px solid var(--cx-line); }
.cx-order-trust article > span { display:grid; width:55px; height:55px; place-items:center; color:#1767c3; background:#eef4fa; border-radius:50%; font-size:25px; }
.cx-order-trust h3 { margin:0 0 4px; font-size:17px; }
.cx-order-trust p { margin:0; color:#687a92; font-size:11px; }
.cx-order-dashboard { width:85%; margin:auto; padding:30px; border:1px solid var(--cx-line); border-radius:8px; }
.cx-order-dashboard-head { display:flex; justify-content:space-between; }

/* Purchase */
.cx-purchase { padding:36px 0 42px; }
.cx-purchase h1 { margin:24px 0 6px; font-size:39px; }
.cx-purchase > .cx-container > .cx-lead { margin:0 0 46px; }
.cx-purchase-grid { display:grid; grid-template-columns:1.75fr 1fr; gap:28px; }
.cx-purchase-grid > main,.cx-payment-summary { padding:34px 49px; border:1px solid var(--cx-line); border-radius:8px; }
.cx-purchase-grid > main,.cx-payment-summary { min-height:594px; }
.cx-purchase-steps { justify-content:flex-start; }
.cx-purchase-plans { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.cx-purchase-plans > a { position:relative; display:grid; min-height:197px; place-items:center; align-content:center; color:var(--cx-navy); border:1px solid var(--cx-line); border-radius:7px; text-decoration:none; }
.cx-purchase-plans > a.is-selected { border:2px solid var(--cx-orange); }
.cx-purchase-plans > a > b { position:absolute; top:-9px; right:-6px; padding:4px 9px; color:#fff; background:var(--cx-orange); border-radius:4px; font-size:11px; }
.cx-purchase-plans h2 { margin:0; font-size:18px; }
.cx-purchase-plans p { margin:13px 0 4px; font-size:39px; font-weight:800; }
.cx-purchase-plans p span { font-size:17px; }
.cx-purchase-plans small { color:#5f7189; font-size:16px; }
.cx-purchase-email { display:grid; gap:8px; margin-top:25px; }
.cx-code-input { position:relative; }
.cx-code-input span { position:absolute; top:16px; right:17px; color:#677991; }
.cx-purchase-email > .cx-button { width:190px; }
.cx-purchase-email > small { color:#667891; }
.cx-payment-summary > div:first-child { display:flex; align-items:center; justify-content:space-between; padding-bottom:17px; border-bottom:1px solid var(--cx-line); }
.cx-payment-summary h2 { font-size:20px; }
.cx-payment-summary > div:first-child > strong { color:var(--cx-orange); font-size:38px; }
.cx-payment-summary > div:first-child > strong span { font-size:20px; }
.cx-payment-summary > p { display:flex; justify-content:space-between; padding:22px 0; border-bottom:1px solid var(--cx-line); }
.cx-payment-summary > label { display:block; margin:25px 0 10px; }
.cx-alipay { display:grid; grid-template-columns:42px 1fr auto; align-items:center; padding:17px; border:1px solid #c9d5e2; border-radius:7px; }
.cx-alipay b { display:grid; width:37px; height:37px; place-items:center; color:#fff; background:#1677ff; border-radius:6px; font-size:25px; }
.cx-alipay i { font-size:28px; font-style:normal; }
.cx-consent-preview { margin:30px 0 21px; color:#60718a; font-size:12px; }
.cx-consent-preview a,.cx-pay-consent a { color:#0670e5; text-decoration:none; }
.cx-payment-summary > .cx-button,.cx-pay-consent .cx-button { width:100%; }
.is-disabled { opacity:.55; pointer-events:none; }
.cx-pay-consent { display:grid; gap:9px; margin-top:25px; }
.cx-pay-consent label { display:flex; gap:7px; font-size:12px; }
.cx-pay-consent input { margin-top:4px; }
.cx-refund-tip { margin-top:35px; padding:13px; color:#3f648e; background:#f2f8ff; border:1px solid #aad2ff; border-radius:7px; text-align:center; }

/* Legal */
.cx-legal { padding:27px 0 22px; }
.cx-legal h1 { margin:21px 0 0; font-size:38px; }
.cx-legal > .cx-container > .cx-lead { margin:0 0 25px; }
.cx-legal-grid { display:grid; grid-template-columns:305px 1fr; gap:42px; }
.cx-legal-grid > aside { display:grid; align-content:start; padding:25px 17px; border:1px solid var(--cx-line); border-radius:7px; }
.cx-legal-grid > aside a { padding:16px 15px; color:var(--cx-navy); text-decoration:none; }
.cx-legal-grid > aside a.is-active { color:var(--cx-orange); background:#f8fafc; border-left:4px solid var(--cx-orange); }
.cx-legal-grid > main { position:relative; min-height:665px; padding:35px 245px 30px 50px; border:1px solid var(--cx-line); border-radius:7px; }
.cx-legal-grid > main > h2 { margin:0; font-size:27px; }
.cx-legal-grid > main > span { color:#647690; }
.cx-legal-notice { margin:18px 0; padding:13px 16px; color:#315d8f; background:#f2f8ff; border:1px solid #acd3ff; border-radius:6px; }
.cx-legal-article section { margin-top:18px; }
.cx-legal-article h3 { margin:0 0 5px; font-size:15px; }
.cx-legal-article p { margin:0; color:#4f627b; font-size:12px; line-height:1.8; }
.cx-legal-grid > main > aside { position:absolute; top:125px; right:35px; display:grid; width:165px; padding-left:25px; border-left:1px solid var(--cx-line); }
.cx-legal-grid > main > aside > span { margin-bottom:14px; color:#65768e; }
.cx-legal-grid > main > aside a { position:relative; padding:9px 0; color:#718198; font-size:11px; text-decoration:none; }
.cx-legal-grid > main > aside a::before { position:absolute; top:15px; left:-31px; width:8px; height:8px; content:""; background:#fff; border:1px solid #bac7d5; border-radius:50%; }
.cx-legal-grid > main > aside a.is-active { color:var(--cx-orange); }
.cx-legal-grid > main > aside a.is-active::before { background:var(--cx-orange); border-color:var(--cx-orange); }
.cx-page .c-footer-main { display:none; }
.cx-page .c-site-footer { background:#fff; }
.cx-page .c-footer-bottom { min-height:79px; padding-block:20px; }
.cx-page .c-footer-bottom > span:first-child { display:none; }
.cx-page .c-policy-links { order:-1; margin-right:auto; }

@media(max-width:1100px){.cx-container,.c-nav{width:calc(100% - 48px)}.c-nav-links{gap:22px}.cx-home-grid{grid-template-columns:42% 58%}.cx-home-copy h1{font-size:32px}.cx-device-group{transform:scale(.88);transform-origin:right center}.cx-scene-row{gap:16px}.cx-feature-intro{grid-template-columns:1fr}.cx-feature-intro .cx-app-window{max-width:660px;margin-top:10px}.cx-feature-cards{grid-template-columns:repeat(2,1fr)}.cx-school-panel{grid-template-columns:1fr}.cx-school-devices{min-height:350px}.cx-solution-tabs strong{padding-left:12px}}
@media(max-width:760px){.cx-container{width:calc(100% - 30px)}.c-nav{width:calc(100% - 30px);min-height:64px}.c-brand{font-size:18px}.c-brand img{width:36px;height:36px}.cx-home-hero{padding-top:32px}.cx-home-grid{grid-template-columns:1fr}.cx-home-copy h1{margin-top:22px;font-size:34px;white-space:normal}.cx-home-copy p br{display:none}.cx-actions{flex-direction:column}.cx-device-group{width:135%;height:380px;transform:scale(.73);transform-origin:left center}.cx-scene-row,.cx-solution-tabs{grid-template-columns:1fr}.cx-scene-row>a,.cx-solution-tabs>a{min-height:105px}.cx-home-feature-grid,.cx-feature-cards,.cx-venue-grid{grid-template-columns:1fr}.cx-home-feature-grid article{grid-template-columns:90px 1fr}.cx-feature-intro h1,.cx-solutions h1{font-size:31px}.cx-flow{grid-template-columns:1fr;padding:18px}.cx-flow>i{transform:rotate(90deg);text-align:center}.cx-app-body{grid-template-columns:35% 65%}.cx-feature-cta{grid-template-columns:55px 1fr;padding:18px}.cx-feature-cta .cx-button{grid-column:1/-1;margin-top:15px}.cx-solution-tabs>a{grid-template-columns:42% 1fr auto}.cx-school-panel{padding:22px 16px}.cx-timeline span{font-size:19px}.cx-school-benefits{grid-template-columns:1fr}.cx-school-devices{min-height:280px}.cx-school-devices .cx-device-group{width:140%;height:340px}.cx-venue-grid article{grid-template-columns:100px 1fr}.cx-venue-art{width:88px}.c-site-footer{margin-top:0}}
@media(max-width:1100px){.cx-download-top,.cx-pro-top{grid-template-columns:1fr}.cx-download-top>.cx-app-window{max-width:650px;margin-top:25px}.cx-edition-box{padding-inline:70px}.cx-guide-head label{width:430px}.cx-guide-cards{grid-template-columns:repeat(2,1fr)}.cx-order-grid,.cx-order-trust{width:100%}.cx-purchase-grid{grid-template-columns:1.4fr 1fr}.cx-purchase-grid>main,.cx-payment-summary{padding:28px}.cx-legal-grid{grid-template-columns:240px 1fr}.cx-legal-grid>main{padding-right:200px}}
@media(max-width:760px){.cx-download h1,.cx-pro-top h1,.cx-guide-head h1,.cx-order-title h1,.cx-purchase h1,.cx-legal h1{font-size:30px}.cx-download-card{grid-template-columns:1fr;padding:22px}.cx-download-card>img{width:110px}.cx-download-actions{flex-direction:column}.cx-download-actions .cx-button{min-width:0}.cx-install-strip{grid-template-columns:1fr}.cx-install-strip article+article{border-top:1px solid var(--cx-line)}.cx-install-strip article> b{left:105px}.cx-smartscreen{grid-template-columns:60px 1fr}.cx-smartscreen .cx-button{grid-column:1/-1;margin-top:12px}.cx-download-bottom,.cx-requirements{grid-template-columns:1fr}.cx-edition-box{padding:18px}.cx-editions,.cx-pro-plans{grid-template-columns:1fr}.cx-pro-plans{width:100%}.cx-guide-head .cx-container>div{align-items:flex-start;flex-direction:column;gap:18px}.cx-guide-head label{width:100%}.cx-guide-body{grid-template-columns:1fr}.cx-guide-body>aside{grid-template-columns:1fr 1fr;padding:12px 0;border-right:0}.cx-guide-body>main{padding:20px 0}.cx-guide-cards,.cx-guide-bottom{grid-template-columns:1fr}.cx-order-grid,.cx-purchase-grid,.cx-legal-grid{grid-template-columns:1fr}.cx-order-form,.cx-order-capabilities,.cx-purchase-grid>main,.cx-payment-summary{padding:20px 16px}.cx-order-steps,.cx-purchase-steps{gap:6px;font-size:10px}.cx-order-steps i,.cx-purchase-steps i{width:15px}.cx-field-button{grid-template-columns:1fr}.cx-order-trust{grid-template-columns:1fr}.cx-order-trust article+article{border-top:1px solid var(--cx-line);border-left:0}.cx-purchase-plans{grid-template-columns:1fr}.cx-purchase-plans>a{min-height:140px}.cx-legal-grid>aside{grid-template-columns:1fr 1fr}.cx-legal-grid>main{padding:25px 18px}.cx-legal-grid>main>aside{position:static;width:auto;margin-top:20px}.c-footer-main{display:none}}