:root { --cx-navy:#0b2447; --cx-orange:#ff6900; --cx-blue:#1269d3; --cx-muted:#60718c; --cx-line:#d6dee9; --cx-soft:#f7f9fc; --cx-max:1500px; }
.cx-page { background:#fff; color:var(--cx-navy); }
.cx-page .c-main { min-height:0; overflow:clip; }
.cx-page :where(section,div,main,aside,article,form,nav) { min-width:0; }
.cx-page :where(h1,h2,h3,p,small,strong,span) { overflow-wrap:break-word; }
.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:38px; margin-inline:auto; }
.c-nav-links a { color:#102441; font-size:16px; font-weight:600; }
.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:70px; }
.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-status { left:60.5%; transform:translateX(-50%); }
.cx-home-grid .cx-device-laptop { width:34%; }
.cx-home-grid .cx-device-monitor { right:16%; bottom:84px; width:47%; }
.cx-home-grid .cx-device-phone { bottom:37px; width:126px; }
.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-features .cx-container { padding-inline:16px; }
.cx-home-features h2 { margin-left:-16px; }
.cx-home-feature-grid article { display:grid; grid-template-columns:185px 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 { top:6px; left:9px; width:34px; height:43px; border:3px solid currentColor; border-radius:3px; background:linear-gradient(135deg,#fff 0 11px,currentColor 12px 14px,#fff 15px) top right/17px 17px no-repeat; }
.cx-icon-file::after { right:3px; bottom:5px; width:20px; height:20px; border:3px solid currentColor; border-radius:50%; box-shadow:9px 9px 0 -7px currentColor; }
.cx-icon-bell::before { top:11px; left:15px; width:34px; height:34px; border:3px solid currentColor; border-bottom:0; border-radius:18px 18px 4px 4px; }
.cx-icon-bell::after { top:43px; left:10px; width:44px; height:13px; background:linear-gradient(currentColor,currentColor) top/44px 3px no-repeat,radial-gradient(circle,currentColor 0 4px,transparent 5px) bottom/10px 10px no-repeat; }
.cx-icon-keyboard::before { inset:13px 3px; border:3px solid currentColor; border-radius:4px; background:repeating-linear-gradient(90deg,transparent 0 7px,currentColor 7px 9px),repeating-linear-gradient(0deg,transparent 0 7px,currentColor 7px 9px); background-size:100% 23px; opacity:.9; }
.cx-icon-list::before { top:11px; right:4px; bottom:auto; left:24px; width:34px; height:40px; border:0; background:linear-gradient(currentColor,currentColor) 0 1px/34px 4px no-repeat,linear-gradient(currentColor,currentColor) 0 18px/34px 4px no-repeat,linear-gradient(currentColor,currentColor) 0 35px/34px 4px no-repeat; box-shadow:none; }
.cx-icon-list::after { top:11px; left:6px; width:8px; height:8px; background:currentColor; border-radius:50%; box-shadow:0 17px 0 currentColor,0 34px 0 currentColor; }
.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; }
.cx-icon-window::before { inset:10px 5px; border:3px solid currentColor; border-radius:4px; box-shadow:inset 0 8px 0 -5px currentColor; }
.cx-icon-window::after { right:10px; bottom:15px; width:13px; height:13px; border-right:3px solid var(--cx-orange); border-bottom:3px solid var(--cx-orange); }
.cx-icon-shield::before { top:6px; left:14px; width:36px; height:45px; border:3px solid currentColor; border-radius:7px 7px 18px 18px; }
.cx-icon-shield::after { top:20px; left:25px; width:15px; height:9px; border-bottom:3px solid var(--cx-orange); border-left:3px solid var(--cx-orange); transform:rotate(-45deg); }

/* Feature page */
.cx-feature-top { padding:38px 0 15px; background:#fff; border-bottom:1px solid var(--cx-line); }
.cx-feature-intro { display:grid; grid-template-columns:60.2% 39.8%; 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:-26px; margin-right:36px; }
.cx-real-app-shot { margin:-26px 36px 0 0; padding:10px; overflow:hidden; background:linear-gradient(145deg,#102c4d,#06182d); border:1px solid #40536a; border-radius:8px; box-shadow:0 18px 28px rgba(11,36,71,.18); }
.cx-real-app-shot img { display:block; width:100%; height:auto; border-radius:4px; }
.cx-flow { display:grid; grid-template-columns:repeat(7,auto); align-items:center; margin-top:31px; padding:35px 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:20px 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:20px 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:419px; margin-top:18px; padding:27px 40px; border:1px solid var(--cx-line); border-radius:8px; }
.cx-solution-panel { scroll-margin-top:18px; }
.cx-solution-panel[hidden] { display:none; }
.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; min-height:365px; overflow:visible; }
.cx-school-devices .cx-device-group { position:absolute; right:0; bottom:0; width:100%; height:365px; transform:scale(.88); transform-origin:right bottom; }
.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:0; width:43%; }
.cx-school-devices .cx-device-monitor { right:0; bottom:8px; width:58%; }
.cx-school-devices .cx-monitor-screen { height:295px; }
.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 { position:relative; display:block; width:110px; height:88px; overflow:hidden; background:linear-gradient(180deg,#edf5fc,#dfebf6); border-radius:5px; }
.cx-venue-art::before,.cx-venue-art::after { position:absolute; content:""; }
.cx-venue-art.is-classroom::before { right:16px; bottom:14px; left:16px; height:48px; background:repeating-linear-gradient(180deg,#7598bc 0 7px,transparent 7px 13px); clip-path:polygon(14% 0,86% 0,100% 100%,0 100%); }
.cx-venue-art.is-classroom::after { top:12px; left:30px; width:50px; height:8px; background:#668bb2; box-shadow:0 51px 0 #88a7c5; }
.cx-venue-art.is-meeting::before { top:18px; left:35px; width:43px; height:28px; border:4px solid #6f94ba; background:#d7e5f2; }
.cx-venue-art.is-meeting::after { right:13px; bottom:14px; left:13px; height:29px; background:linear-gradient(150deg,transparent 0 14%,#7799b9 15% 30%,transparent 31% 69%,#7799b9 70% 85%,transparent 86%),linear-gradient(30deg,transparent 0 31%,#6689ad 32% 68%,transparent 69%); border-bottom:5px solid #6f91b3; }
.cx-venue-art.is-stage::before { inset:13px 16px 16px; border:5px solid #6c8fb2; border-top-width:10px; background:linear-gradient(90deg,#88a8c6 0 12%,transparent 13% 87%,#88a8c6 88%); }
.cx-venue-art.is-stage::after { right:12px; bottom:11px; left:12px; height:7px; background:#6689ad; box-shadow:0 -8px 0 #9ab4cd; }
.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; gap:14px; min-height:262px; margin-top:39px; padding:25px 27px 20px; border:1px solid var(--cx-line); border-radius:8px; }
.cx-download-product { display:grid; grid-template-columns:126px minmax(0,1fr); gap:24px; align-items:center; min-width:0; }
.cx-download-product > img { width:126px; border-radius:20px; box-shadow:0 10px 24px rgba(15,39,73,.12); }
.cx-download-meta { min-width:0; }
.cx-download-card h2 { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0 0 9px; font-size:26px; }
.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:5px 0; color:#687a94; }
.cx-download-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:start; margin-top:2px; }
.cx-download-actions .cx-button { width:100%; min-width:0; min-height:58px; padding:12px 18px; border-radius:7px; font-size:18px; font-weight:700; }
.cx-download-actions .mirror-address-button { color:#fff; background:var(--cx-blue); border-color:var(--cx-blue); }
.cx-download-actions .mirror-address-button:hover { color:#fff; background:#0f5dbb; border-color:#0f5dbb; }
.cx-download-actions .mirror-download-copy { display:grid; min-width:0; }
.cx-download-actions .mirror-copy-status { min-height:24px; margin:5px 0 0; color:#50647e; font-size:14px; font-weight:600; line-height:1.55; text-align:center; }
.cx-download-warning { display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:11px; min-height:64px; align-items:center; padding:9px 12px; color:var(--cx-navy); background:#fff6ed; border:1px solid #ffb978; border-radius:7px; text-decoration:none; }
.cx-download-warning > span { display:grid; width:32px; height:32px; place-items:center; color:#fff; background:var(--cx-orange); border-radius:50%; font-size:20px; font-weight:800; }
.cx-download-warning strong { display:block; color:#8d3f00; font-size:15px; }
.cx-download-card .cx-download-warning small { display:block; margin:2px 0 0; color:#76553b; font-size:12px; line-height:1.45; }
.cx-download-warning > b { color:#c75000; font-size:13px; white-space:nowrap; }
.cx-download-warning:hover { color:var(--cx-navy); background:#ffefe0; border-color:#ff922e; box-shadow:0 6px 16px rgba(255,105,0,.1); }
.cx-download-card small { display:block; color:#63758e; }
.cx-download-date { margin-top:-2px; font-size:12px; }
.cx-download-top > .cx-app-window { margin-top:128px; }
.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:72px 1fr; gap:16px; min-height:105px; align-items:center; padding:11px 50px 11px 140px; }
.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-plan-picker { margin:6px 0 25px; padding:27px 42px 22px; background:linear-gradient(145deg,#f7faff 0%,#fffaf5 100%); border:1px solid #d9e3ee; border-radius:10px; }
.cx-plan-picker > header { text-align:center; }
.cx-plan-picker > header h2 { margin:9px 0 5px; font-size:26px; }
.cx-plan-picker > header p { margin:0; color:#667991; font-size:13px; }
.cx-plan-scope { display:flex; align-items:center; justify-content:center; gap:10px; width:max-content; max-width:100%; margin:17px auto 0; padding:8px 15px; color:#5c6f87; background:#fff; border:1px solid #d9e3ee; border-radius:999px; font-size:12px; }
.cx-plan-scope b { color:#1768c4; font-size:12px; }
.cx-edition-box { margin-top:0; padding:18px 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:28px; width:86%; margin:15px auto 0; }
.cx-pro-plans article { position:relative; display:grid; min-height:194px; place-items:center; align-content:center; background:#fff; border:1px solid #cfdae7; border-radius:9px; box-shadow:0 4px 14px rgba(12,40,74,.035); transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.cx-pro-plans article:hover,.cx-pro-plans article:focus-within { border-color:var(--cx-orange); box-shadow:0 13px 28px rgba(16,45,80,.11); transform:translateY(-5px); }
.cx-pro-plans h3 { margin:0; font-size:20px; }
.cx-pro-plans p { margin:9px 0 12px; font-size:42px; font-weight:800; line-height:1; }
.cx-pro-plans p span { margin-right:2px; font-size:16px; }
.cx-pro-plans .cx-button { min-width:225px; min-height:48px; gap:9px; transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease; }
.cx-pro-plans .cx-button i { font-size:20px; font-style:normal; line-height:1; transition:transform .18s ease; }
.cx-pro-plans article:hover .cx-button,.cx-pro-plans article:focus-within .cx-button { color:#fff; background:var(--cx-orange); border-color:var(--cx-orange); }
.cx-pro-plans article:hover .cx-button i,.cx-pro-plans article:focus-within .cx-button i { transform:translateX(3px); }
.cx-pro-plans .cx-button:active { transform:scale(.98); }
.cx-dark { color:#fff; background:var(--cx-navy); }
.cx-purchase-note { margin-top:15px; 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:39px 0 39px; 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-head label b { position:relative; overflow:hidden; color:transparent; font-size:0; }
.cx-guide-head label b::before { width:20px; height:20px; content:""; border:3px solid #fff; border-radius:50%; }
.cx-guide-head label b::after { position:absolute; width:11px; height:3px; content:""; background:#fff; border-radius:3px; transform:translate(10px,10px) rotate(45deg); }
.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 { display:flex; align-items:center; gap:15px; 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-nav-icon { position:relative; flex:0 0 22px; width:22px; height:22px; }
.cx-guide-nav-icon::before,.cx-guide-nav-icon::after { position:absolute; content:""; }
.cx-guide-nav-icon.is-book::before { inset:3px 2px; border:2px solid currentColor; border-radius:2px; }
.cx-guide-nav-icon.is-book::after { top:4px; bottom:4px; left:10px; border-left:1px solid currentColor; }
.cx-guide-nav-icon.is-clock::before { inset:2px; border:2px solid currentColor; border-radius:50%; }
.cx-guide-nav-icon.is-clock::after { top:6px; left:10px; width:6px; height:7px; border-bottom:2px solid currentColor; border-left:2px solid currentColor; }
.cx-guide-nav-icon.is-play::before { inset:2px; border:2px solid currentColor; border-radius:50%; }
.cx-guide-nav-icon.is-play::after { top:7px; left:9px; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:7px solid currentColor; }
.cx-guide-nav-icon.is-window::before { inset:4px 1px; border:2px solid currentColor; border-radius:2px; box-shadow:inset 0 4px 0 -2px currentColor; }
.cx-guide-nav-icon.is-display::before { inset:3px 1px 7px; border:2px solid currentColor; }
.cx-guide-nav-icon.is-display::after { right:6px; bottom:3px; left:6px; height:2px; background:currentColor; box-shadow:3px -4px 0 -0 currentColor; }
.cx-guide-nav-icon.is-phone::before { inset:1px 5px; border:2px solid currentColor; border-radius:3px; }
.cx-guide-nav-icon.is-phone::after { bottom:4px; left:10px; width:3px; height:3px; background:currentColor; border-radius:50%; }
.cx-guide-nav-icon.is-shield::before { top:2px; left:4px; width:15px; height:18px; border:2px solid currentColor; border-radius:4px 4px 8px 8px; }
.cx-guide-nav-icon.is-bell::before { top:4px; left:5px; width:13px; height:13px; border:2px solid currentColor; border-bottom:0; border-radius:8px 8px 2px 2px; }
.cx-guide-nav-icon.is-bell::after { bottom:3px; left:3px; width:17px; height:6px; border-top:2px solid currentColor; border-bottom:2px solid currentColor; border-radius:0 0 8px 8px; }
.cx-guide-body > main { padding:34px 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 > a { position:relative; display:grid; grid-template-columns:75px 1fr; min-height:155px; align-items:center; padding:19px; color:var(--cx-navy); border:1px solid var(--cx-line); border-radius:7px; text-decoration:none; }
.cx-guide-cards > a > 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 > a > 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-faq details p a { display:inline-block; margin-left:8px; color:#126bd1; font-weight:700; text-decoration:none; }
.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; }

/* Help articles */
.cx-guide-article { padding:30px 0 64px; background:#f7f9fc; }
.cx-guide-article > .cx-container > .cx-breadcrumb { margin-bottom:25px; }
.cx-guide-article-layout { display:grid; grid-template-columns:245px minmax(0,1fr); gap:30px; align-items:start; }
.cx-guide-article-nav { position:sticky; top:20px; display:grid; overflow:hidden; background:#fff; border:1px solid var(--cx-line); border-radius:10px; box-shadow:0 8px 28px rgba(15,42,75,.05); }
.cx-guide-article-nav > strong { padding:18px 18px 10px; color:#7a899d; font-size:12px; letter-spacing:.08em; }
.cx-guide-article-nav > a { display:flex; align-items:center; gap:12px; min-height:48px; padding:10px 17px; color:#425873; border-left:3px solid transparent; text-decoration:none; }
.cx-guide-article-nav > a:hover { color:var(--cx-navy); background:#f7f9fc; }
.cx-guide-article-nav > a.is-active { color:#cb6214; background:#fff7ef; border-left-color:var(--cx-orange); font-weight:700; }
.cx-guide-article-nav .cx-guide-back { min-height:51px; color:var(--cx-navy); border-bottom:1px solid var(--cx-line); border-left:0; font-weight:700; }
.cx-guide-article-layout > main { min-width:0; padding:38px 48px 46px; background:#fff; border:1px solid var(--cx-line); border-radius:10px; box-shadow:0 8px 28px rgba(15,42,75,.05); }
.cx-guide-article-head > div { display:flex; gap:9px; align-items:center; }
.cx-guide-category,.cx-guide-availability { display:inline-flex; align-items:center; min-height:27px; padding:4px 10px; border-radius:999px; font-size:12px; font-weight:700; }
.cx-guide-category { color:#1564bd; background:#edf5ff; }
.cx-guide-availability { color:#9a4a0e; background:#fff3e8; }
.cx-guide-article-head h1 { margin:16px 0 10px; font-size:36px; letter-spacing:-.02em; }
.cx-guide-article-head p { max-width:760px; margin:0; color:#5b6e87; font-size:16px; line-height:1.8; }
.cx-guide-toc { margin:30px 0 8px; padding:20px 22px; background:#f7f9fc; border:1px solid #e1e7ef; border-radius:8px; }
.cx-guide-toc > strong { display:block; margin-bottom:12px; font-size:14px; }
.cx-guide-toc > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.cx-guide-toc a { display:flex; align-items:center; gap:9px; color:#3e5673; font-size:13px; text-decoration:none; }
.cx-guide-toc a:hover { color:#126bd1; }
.cx-guide-toc a b { display:grid; flex:0 0 24px; width:24px; height:24px; place-items:center; color:#176ac7; background:#e7f1fd; border-radius:50%; font-size:11px; }
.cx-guide-sections > section { scroll-margin-top:24px; padding:34px 0 30px; border-bottom:1px solid var(--cx-line); }
.cx-guide-sections > section > span { color:#d46a18; font-size:12px; font-weight:800; letter-spacing:.08em; }
.cx-guide-sections h2 { margin:6px 0 18px; font-size:23px; }
.cx-guide-sections ol { display:grid; gap:13px; margin:0; padding:0; list-style:none; }
.cx-guide-sections li { display:grid; grid-template-columns:32px 1fr; gap:13px; align-items:start; }
.cx-guide-sections li > b { display:grid; width:29px; height:29px; place-items:center; color:#fff; background:var(--cx-navy); border-radius:50%; font-size:12px; }
.cx-guide-sections li p { margin:2px 0 0; color:#435972; line-height:1.75; }
.cx-guide-note { display:flex; gap:10px; margin:18px 0 0; padding:13px 15px; color:#68421d; background:#fff8ef; border:1px solid #f2d7b7; border-radius:7px; font-size:13px; line-height:1.65; }
.cx-guide-note b { flex:0 0 auto; color:#b9550d; }
.cx-guide-tips { margin-top:28px; padding:20px 23px; color:#294d76; background:#f1f7ff; border:1px solid #cfe1f6; border-radius:8px; }
.cx-guide-tips > div { display:flex; align-items:center; gap:10px; }
.cx-guide-tips > div span { display:grid; width:25px; height:25px; place-items:center; color:#fff; background:#176ac7; border-radius:50%; font-size:12px; }
.cx-guide-tips ul { display:grid; gap:7px; margin:12px 0 0 35px; padding-left:18px; color:#506985; font-size:13px; line-height:1.65; }
.cx-guide-related { margin-top:34px; }
.cx-guide-related > div:first-child { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.cx-guide-related h2 { margin:0; font-size:21px; }
.cx-guide-related > div:first-child a { color:#126bd1; font-size:13px; text-decoration:none; }
.cx-guide-related > div:last-child { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.cx-guide-related > div:last-child > a { position:relative; display:grid; gap:6px; min-height:105px; align-content:center; padding:17px 30px 17px 17px; color:var(--cx-navy); border:1px solid var(--cx-line); border-radius:7px; text-decoration:none; transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease; }
.cx-guide-related > div:last-child > a:hover { border-color:#b5c8dd; box-shadow:0 8px 20px rgba(11,36,71,.06); transform:translateY(-2px); }
.cx-guide-related > div:last-child span { color:#7a8a9d; font-size:11px; }
.cx-guide-related > div:last-child strong { font-size:14px; line-height:1.5; }
.cx-guide-related > div:last-child b { position:absolute; top:41px; right:15px; color:#647891; font-size:23px; }

/* Order center */
.cx-orders { padding:40px 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:42px; }
.cx-order-title p { margin:0 0 54px; }
.cx-order-grid { display:grid; grid-template-columns:2fr 1fr; gap:24px; width:88.6%; 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 li { display:flex; align-items:center; gap:14px; }
.cx-cap-icon { position:relative; flex:0 0 24px; width:24px; height:24px; color:var(--cx-navy); }
.cx-cap-icon::before,.cx-cap-icon::after { position:absolute; content:""; }
.cx-cap-icon.is-wallet::before { inset:5px 1px 3px; border:2px solid currentColor; border-radius:3px; }
.cx-cap-icon.is-wallet::after { top:9px; right:0; width:9px; height:7px; border:2px solid currentColor; border-radius:2px; background:#fff; }
.cx-cap-icon.is-send::before { inset:3px; background:currentColor; clip-path:polygon(0 0,100% 45%,58% 58%,45% 100%,33% 62%,0 72%); }
.cx-cap-icon.is-clock::before { inset:2px; border:2px solid currentColor; border-radius:50%; }
.cx-cap-icon.is-clock::after { top:7px; left:11px; width:6px; height:7px; border-bottom:2px solid currentColor; border-left:2px solid currentColor; }
.cx-cap-icon.is-user::before { top:2px; left:7px; width:10px; height:10px; border:2px solid currentColor; border-radius:50%; }
.cx-cap-icon.is-user::after { bottom:1px; left:3px; width:18px; height:10px; border:2px solid currentColor; border-bottom:0; border-radius:12px 12px 0 0; }
.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:88.6%; 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-trust-icon { position:relative; }
.cx-trust-icon::before,.cx-trust-icon::after { position:absolute; content:""; }
.cx-trust-icon.is-shield::before { width:25px; height:29px; border:2px solid currentColor; border-radius:5px 5px 12px 12px; }
.cx-trust-icon.is-shield::after { width:11px; height:6px; border-bottom:2px solid currentColor; border-left:2px solid currentColor; transform:translateY(-2px) rotate(-45deg); }
.cx-trust-icon.is-lock::before { top:21px; left:17px; width:22px; height:20px; border:2px solid currentColor; border-radius:4px; }
.cx-trust-icon.is-lock::after { top:12px; left:21px; width:14px; height:15px; border:2px solid currentColor; border-bottom:0; border-radius:10px 10px 0 0; }
.cx-trust-icon.is-user::before { top:12px; left:20px; width:16px; height:16px; border:2px solid currentColor; border-radius:50%; }
.cx-trust-icon.is-user::after { bottom:11px; left:13px; width:30px; height:16px; border:2px solid currentColor; border-bottom:0; border-radius:18px 18px 0 0; }
.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 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; }

.cx-page :where(a,button,input,summary):focus-visible { outline:3px solid rgba(18,105,211,.28); outline-offset:2px; }
.cx-page :where(.cx-scene-row,.cx-solution-tabs,.cx-feature-cards,.cx-guide-cards,.cx-venue-grid) a,
.cx-page :where(.cx-scene-row,.cx-solution-tabs,.cx-feature-cards,.cx-guide-cards,.cx-venue-grid) article { transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
.cx-page :where(.cx-scene-row,.cx-solution-tabs) a:hover,
.cx-page :where(.cx-feature-cards,.cx-venue-grid) article:hover,
.cx-page .cx-guide-cards > a:hover { border-color:#b5c8dd; box-shadow:0 10px 24px rgba(11,36,71,.07); transform:translateY(-2px); }

/* 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 { scroll-margin-top:88px; 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(min-width:1101px){
  .cx-home-grid>.cx-device-group{transform:scale(.92);transform-origin:right center}
}

/* Search-focused tutorials */
.cx-home-topics{padding:44px 0 52px;background:#f7f9fc;border-top:1px solid #e7edf4}
.cx-home-topics header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}
.cx-home-topics h2{margin:8px 0 0;color:var(--cx-navy);font-size:27px}
.cx-home-topics header>a{color:#176bd1;font-size:14px;font-weight:700;text-decoration:none}
.cx-home-topics>.cx-container>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cx-home-topics>.cx-container>div>a{position:relative;display:grid;min-height:122px;align-content:center;padding:20px 46px 20px 22px;color:var(--cx-navy);background:#fff;border:1px solid var(--cx-line);border-radius:9px;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.cx-home-topics a>span{margin-bottom:8px;color:#cb6214;font-size:12px;font-weight:700}
.cx-home-topics a>strong{font-size:16px;line-height:1.55}
.cx-home-topics a>b{position:absolute;right:20px;color:#6a7e96;font-size:23px}
.cx-home-topics>.cx-container>div>a:hover{border-color:#b5c8dd;box-shadow:0 10px 24px rgba(11,36,71,.07);transform:translateY(-2px)}

.cx-topics{padding:30px 0 70px;background:#f7f9fc}
.cx-topics-head{padding:42px 0 32px;text-align:center}
.cx-topics-head h1{margin:14px 0 10px;color:var(--cx-navy);font-size:38px;letter-spacing:-.025em}
.cx-topics-head .cx-lead{margin-inline:auto}
.cx-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cx-topic-grid>a{display:flex;min-height:230px;flex-direction:column;padding:28px 30px;color:var(--cx-navy);background:#fff;border:1px solid var(--cx-line);border-radius:10px;box-shadow:0 7px 24px rgba(15,42,75,.035);text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.cx-topic-grid>a:hover{border-color:#b5c8dd;box-shadow:0 12px 28px rgba(11,36,71,.08);transform:translateY(-2px)}
.cx-topic-grid span{width:max-content;padding:5px 10px;color:#c45f17;background:#fff1e5;border-radius:99px;font-size:11px;font-weight:800}
.cx-topic-grid h2{margin:16px 0 10px;font-size:23px}
.cx-topic-grid p{margin:0;color:#5c6f87;font-size:14px;line-height:1.75}
.cx-topic-grid b{margin-top:auto;padding-top:17px;color:#176bd1;font-size:13px}
.cx-topic-cta{display:flex;align-items:center;gap:14px;margin-top:28px;padding:23px 25px;background:#fff;border:1px solid var(--cx-line);border-radius:10px}
.cx-topic-cta>div{display:grid;grid-template-columns:43px 1fr;flex:1;align-items:center}
.cx-topic-cta>div>span{grid-row:1/3;display:grid;width:34px;height:34px;place-items:center;color:#fff;background:var(--cx-orange);border-radius:9px;font-weight:800}
.cx-topic-cta strong{font-size:16px}
.cx-topic-cta small{margin-top:4px;color:#667990;font-size:12px}
.cx-topic-cta .cx-button{min-width:190px}

.cx-topic-article-head>small{display:block;margin-top:13px;color:#78899e;font-size:13px}
.cx-topic-sections .cx-topic-lead{margin:8px 0 18px;color:#53677f;font-size:15px;line-height:1.8}
.cx-topic-sections ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.cx-topic-sections li{display:grid;grid-template-columns:30px 1fr;gap:11px;align-items:start}
.cx-topic-sections li>b{display:grid;width:26px;height:26px;place-items:center;color:#16805b;background:#e7f7f0;border-radius:50%;font-size:12px}
.cx-topic-sections li p{margin:2px 0 0;color:#344b67;font-size:15px;line-height:1.7}
.cx-topic-faq{margin-top:34px;padding-top:32px;border-top:1px solid var(--cx-line)}
.cx-topic-faq h2{margin:11px 0 18px;font-size:25px}
.cx-topic-faq details{border-top:1px solid var(--cx-line)}
.cx-topic-faq details:last-child{border-bottom:1px solid var(--cx-line)}
.cx-topic-faq summary{display:flex;align-items:center;justify-content:space-between;padding:17px 3px;color:var(--cx-navy);font-size:15px;font-weight:700;cursor:pointer}
.cx-topic-faq summary::marker{display:none}
.cx-topic-faq details p{margin:0;padding:0 30px 18px 3px;color:#5a6d84;font-size:14px;line-height:1.8}
.cx-topic-cta.is-article{display:grid;grid-template-columns:1fr auto auto;margin:34px 0 0}
.cx-topic-cta.is-article .cx-button{min-width:150px}

@media(max-width:1100px){
  .c-nav-links{gap:15px}
  .cx-home-topics>.cx-container>div{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .cx-home-topics{padding:31px 0 36px}
  .cx-home-topics header{align-items:flex-start;gap:12px}
  .cx-home-topics h2{font-size:22px}
  .cx-home-topics>.cx-container>div{grid-template-columns:1fr;gap:9px}
  .cx-home-topics>.cx-container>div>a{min-height:88px;padding-block:15px}
  .cx-topics{padding:22px 0 38px}
  .cx-topics-head{padding:28px 0 23px;text-align:left}
  .cx-topics-head h1{font-size:30px}
  .cx-topic-grid{grid-template-columns:1fr;gap:12px}
  .cx-topic-grid>a{min-height:0;padding:22px 18px}
  .cx-topic-grid h2{font-size:20px}
  .cx-topic-grid b{padding-top:14px}
  .cx-topic-cta{display:grid;padding:18px 16px}
  .cx-topic-cta .cx-button{width:100%;min-width:0}
  .cx-topic-article .cx-guide-article-nav>strong,
  .cx-topic-article .cx-guide-article-nav>a:not(.cx-guide-back){display:none}
  .cx-topic-sections .cx-topic-lead,.cx-topic-sections li p{font-size:14px}
  .cx-topic-cta.is-article{grid-template-columns:1fr}
}

@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:1100px){.cx-feature-intro .cx-real-app-shot{max-width:660px;margin:10px 0 0}}
@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:1100px){.cx-plan-picker{padding-inline:28px}.cx-pro-plans{width:100%;gap:18px}.cx-pro-plans .cx-button{min-width:180px}}
@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{padding:22px}.cx-download-product>img{width:72px}.cx-download-actions{grid-template-columns:1fr}.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}}

@media(max-width:900px){
  .cx-page .c-main{overflow:hidden}
  .cx-home-hero{overflow:hidden}
  .cx-home-grid{grid-template-columns:1fr;min-height:0}
  .cx-home-copy{padding:28px 0 0}
  .cx-home-copy h1{font-size:34px;white-space:normal}
  .cx-home-grid>.cx-device-group{width:100%;height:410px;transform:none}
  .cx-scene-row{gap:14px}
  .cx-scene-row>a,.cx-solution-tabs>a{grid-template-columns:42% 1fr 24px;min-height:110px}
  .cx-scene-row strong,.cx-solution-tabs strong{padding-left:10px;font-size:15px;line-height:1.45}
  .cx-scene-row b,.cx-solution-tabs b{padding-right:8px;font-size:23px}
  .cx-home-feature-grid article{grid-template-columns:125px 1fr}
  .cx-feature-intro{grid-template-columns:1fr}
  .cx-feature-intro .cx-app-window{width:100%;max-width:680px;margin:24px 0 0}
  .cx-feature-intro .cx-real-app-shot{width:100%;max-width:680px;margin:24px 0 0}
  .cx-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;padding:23px 16px}
  .cx-flow article{width:auto;min-height:138px}
  .cx-flow>i{display:none}
  .cx-pro-top{grid-template-columns:1fr;overflow:hidden}
  .cx-pro-top>.cx-device-group{width:760px;max-width:none;height:330px;margin:18px auto -50px;transform:scale(.78);transform-origin:top left}
  .cx-guide-body,.cx-order-grid,.cx-purchase-grid,.cx-legal-grid{grid-template-columns:1fr}
  .cx-order-grid,.cx-order-trust,.cx-order-dashboard{width:100%}
  .cx-guide-body>aside{grid-template-columns:repeat(2,1fr);padding:12px 0;border-right:0}
  .cx-guide-body>main{padding:24px 0}
  .cx-guide-article-layout{grid-template-columns:1fr}
  .cx-guide-article-nav{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}
  .cx-guide-article-nav>.cx-guide-back,.cx-guide-article-nav>strong{grid-column:1/-1}
  .cx-guide-article-layout>main{padding:34px 32px 40px}
  .cx-legal-grid>aside{grid-template-columns:repeat(2,1fr)}
  .cx-legal-grid>main{padding-right:32px}
  .cx-purchase-grid>main,.cx-payment-summary{min-height:0}
}

@media(max-width:760px){
  .cx-page .cx-container,.cx-page .c-nav{width:calc(100% - 30px)}
  .cx-page :where(h1,h2,h3,p,small,strong,span,label,a){max-width:100%}
  .cx-page h1{white-space:normal!important;line-height:1.25;letter-spacing:-.025em}
  .cx-page .cx-breadcrumb{gap:9px;margin-bottom:18px;font-size:14px}
  .cx-page .cx-lead{font-size:15px;line-height:1.65}
  .cx-page .cx-button{width:100%;min-height:52px;padding-inline:16px}
  .cx-page .c-mobile-nav{z-index:80}
  .cx-page .c-mobile-nav>div{z-index:81;right:15px;left:15px}

  .cx-home-hero{overflow:hidden;padding-top:28px}
  .cx-home-grid{display:block;min-height:0;overflow:hidden}
  .cx-home-copy{padding:0}
  .cx-home-copy h1{margin:22px 0 15px;font-size:29px}
  .cx-home-copy p{font-size:15px;line-height:1.75}
  .cx-home-copy p br{display:none}
  .cx-actions{gap:12px;margin-top:26px}
  .cx-home-grid>.cx-device-group{width:137%;max-width:none;height:380px;margin-top:12px;transform:scale(.72);transform-origin:left center}
  .cx-home-grid .cx-device-laptop{width:39%}
  .cx-home-grid .cx-device-monitor{right:10%;width:56%}
  .cx-scene-row{gap:12px;padding-bottom:16px}
  .cx-scene-row>a{grid-template-columns:44% 1fr 24px;min-height:105px}
  .cx-scene-row strong{padding-left:14px;font-size:16px}
  .cx-scene-row b{padding-right:12px;font-size:24px}
  .cx-home-features{padding-top:18px}
  .cx-home-features .cx-container{padding-inline:0}
  .cx-home-features h2{margin:0 0 13px;font-size:22px}
  .cx-home-feature-grid{gap:10px}
  .cx-home-feature-grid article{grid-template-columns:78px 1fr;min-height:102px;padding:8px}
  .cx-home-feature-grid .cx-icon{transform:scale(.75)}
  .cx-home-feature-grid h3{font-size:16px}
  .cx-home-feature-grid p{font-size:12px;line-height:1.55}

  .cx-feature-top{padding:26px 0 18px}
  .cx-feature-intro{display:block}
  .cx-feature-intro h1{margin-top:4px;font-size:30px}
  .cx-feature-intro>div>p{font-size:15px;line-height:1.7}
  .cx-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px;margin-top:25px;padding:22px 12px}
  .cx-flow article{width:auto;min-height:138px}
  .cx-flow article>b{top:0;left:8px}
  .cx-flow>i{display:none}
  .cx-flow article>strong{font-size:15px}
  .cx-flow article>small{font-size:11px}
  .cx-feature-intro .cx-app-window{width:100%;margin:22px 0 0}
  .cx-feature-intro .cx-real-app-shot{width:100%;margin:22px 0 0;padding:7px}
  .cx-app-body{min-height:245px}
  .cx-app-body section>strong{font-size:39px}
  .cx-feature-list{padding:18px 0 25px}
  .cx-feature-cards{gap:12px}
  .cx-feature-cards article{grid-template-columns:72px 1fr;min-height:145px;padding:18px 14px}
  .cx-feature-cards .cx-icon{transform:scale(.78);transform-origin:top left}
  .cx-feature-cta{grid-template-columns:54px 1fr;min-height:0;margin-top:14px;padding:18px 14px}
  .cx-feature-cta .cx-button{grid-column:1/-1;margin-top:12px}

  .cx-solutions{padding:24px 0 28px}
  .cx-solutions h1{margin-top:4px;font-size:30px}
  .cx-solutions .cx-lead{margin-bottom:20px}
  .cx-solution-tabs{gap:12px}
  .cx-solution-tabs>a{grid-template-columns:44% 1fr 24px;min-height:104px}
  .cx-solution-tabs strong{padding-left:14px;font-size:16px}
  .cx-solution-tabs b{padding-right:10px}
  .cx-school-panel{min-height:0;margin-top:16px;padding:20px 15px;overflow:visible}
  .cx-scene-badge{width:44px;height:44px;margin-right:13px}
  .cx-school-copy h2{font-size:23px}
  .cx-school-copy>p{font-size:13px;line-height:1.65}
  .cx-school-copy>p br{display:none}
  .cx-timeline{margin-top:27px}
  .cx-timeline strong{font-size:12px}
  .cx-timeline span{font-size:18px}
  .cx-school-benefits{grid-template-columns:1fr;gap:12px}
  .cx-school-benefits article{grid-template-columns:42px 1fr}
  .cx-school-benefits small{font-size:11px}
  .cx-school-devices{min-height:230px}
  .cx-school-devices .cx-device-group{inset:auto;bottom:0;left:0;width:620px;max-width:none;height:350px;transform:scale(.55);transform-origin:left bottom}
  .cx-school-devices .cx-device-laptop{left:5%}
  .cx-school-devices .cx-device-monitor{right:0;bottom:2px}
  .cx-school-devices .cx-monitor-screen{height:290px}
  .cx-venue-title{font-size:21px}
  .cx-venue-grid{gap:12px}
  .cx-venue-grid article{grid-template-columns:100px 1fr;min-height:108px;padding:10px}

  .cx-download{padding:24px 0 28px}
  .cx-download-top{display:block}
  .cx-download h1{margin-top:4px;font-size:29px}
  .cx-download-card{min-height:0;margin-top:23px;padding:18px;overflow:hidden}
  .cx-download-product{grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:start}
  .cx-download-product>img{width:72px;border-radius:16px}
  .cx-download-card h2{gap:6px;margin-bottom:7px;font-size:21px;line-height:1.3}
  .cx-download-card h2 b{padding:2px 8px;font-size:10px}
  .cx-download-meta p{margin:3px 0;font-size:13px}
  .cx-download-actions{width:100%}
  .cx-download-actions .cx-button{min-height:52px;font-size:17px}
  .cx-download-actions .mirror-download-copy{width:100%}
  .cx-download-warning{grid-template-columns:36px 1fr;padding:11px}
  .cx-download-warning>b{grid-column:2;margin-top:2px}
  .cx-download-top>.cx-app-window{width:100%;margin-top:24px}
  .cx-install-strip article{grid-template-columns:60px 1fr;gap:14px;min-height:92px;padding:12px 45px 12px 58px}
  .cx-install-strip article>b{top:15px;left:98px}
  .cx-install-strip article>i{right:20px}
  .cx-smartscreen{grid-template-columns:55px 1fr;padding:16px}
  .cx-smartscreen>span{width:48px;height:48px}
  .cx-smartscreen h2{font-size:17px}
  .cx-smartscreen p{font-size:12px}
  .cx-download-bottom{gap:12px}
  .cx-download-bottom>article{min-height:0;padding:18px}
  .cx-hash{grid-template-columns:1fr;gap:8px}

  .cx-professional{padding:24px 0 28px}
  .cx-pro-top{display:block;min-height:0;overflow:hidden;padding-top:4px}
  .cx-pro-top>div:first-child{transform:none}
  .cx-pro-top h1{font-size:30px}
  .cx-pro-top>.cx-device-group{width:600px;max-width:none;height:300px;margin:20px 0 -92px;transform:scale(.58);transform-origin:left top}
  .cx-plan-picker{margin-top:10px;padding:21px 14px 18px}
  .cx-plan-picker>header h2{font-size:22px}
  .cx-plan-picker>header p{font-size:12px;line-height:1.6}
  .cx-edition-box{padding:18px 14px}
  .cx-edition-box>h2{font-size:21px}
  .cx-editions{gap:12px}
  .cx-editions article{grid-template-columns:48px 1fr;padding:16px}
  .cx-pro-plans{gap:12px;margin-top:18px}
  .cx-pro-plans article{min-height:164px}
  .cx-pro-plans .cx-button{width:80%;min-width:0}
  .cx-plan-scope{display:grid;gap:2px;width:100%;border-radius:7px;text-align:center;line-height:1.55}

  .cx-guide-head{padding:25px 0 24px}
  .cx-guide-head h1{font-size:29px}
  .cx-guide-head label{height:54px}
  .cx-guide-body{min-height:0}
  .cx-guide-body>aside a{gap:9px;padding:13px 9px;font-size:14px}
  .cx-guide-nav-icon{transform:scale(.82)}
  .cx-guide-body>main{padding:20px 0 28px}
  .cx-guide-cards{gap:12px}
  .cx-guide-cards>a{grid-template-columns:68px 1fr;min-height:132px;padding:16px 14px}
  .cx-guide-cards>a>b{top:17px;left:18px}
  .cx-guide-cards p br{display:none}
  .cx-guide-bottom{gap:12px;margin-top:15px}
  .cx-faq,.cx-support{padding:17px}
  .cx-guide-article{padding:22px 0 34px}
  .cx-guide-article>.cx-container>.cx-breadcrumb{margin-bottom:17px}
  .cx-guide-article-layout{gap:16px}
  .cx-guide-article-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cx-guide-article-nav>a{min-height:45px;padding:8px 10px;font-size:13px}
  .cx-guide-article-layout>main{padding:25px 17px 30px}
  .cx-guide-article-head h1{margin-top:13px;font-size:29px}
  .cx-guide-article-head p{font-size:14px;line-height:1.7}
  .cx-guide-category,.cx-guide-availability{font-size:11px}
  .cx-guide-toc{margin-top:23px;padding:16px}
  .cx-guide-toc>div{grid-template-columns:1fr}
  .cx-guide-sections>section{padding:27px 0 24px}
  .cx-guide-sections h2{font-size:20px}
  .cx-guide-sections li{grid-template-columns:29px 1fr;gap:10px}
  .cx-guide-sections li p{font-size:14px}
  .cx-guide-note{display:block}
  .cx-guide-note b{display:block;margin-bottom:3px}
  .cx-guide-tips{padding:18px 16px}
  .cx-guide-tips ul{margin-left:20px}
  .cx-guide-related>div:last-child{grid-template-columns:1fr}
  .cx-guide-related>div:last-child>a{min-height:88px}
  .cx-guide-related>div:last-child b{top:31px}

  .cx-orders{padding:25px 0 38px}
  .cx-order-title h1{font-size:30px}
  .cx-order-title p{margin-bottom:28px}
  .cx-order-form,.cx-order-capabilities{min-height:0;padding:20px 16px}
  .cx-order-steps,.cx-purchase-steps{width:100%;justify-content:space-between;gap:4px;margin-bottom:22px;font-size:11px}
  .cx-order-steps span,.cx-purchase-steps span{flex-direction:column;gap:4px;text-align:center}
  .cx-order-steps b,.cx-purchase-steps b{width:32px;height:32px}
  .cx-order-steps i,.cx-purchase-steps i{display:none}
  .cx-order-form form{gap:9px}
  .cx-field-button{grid-template-columns:1fr;gap:9px}
  .cx-field-button .cx-button{min-width:0}
  .cx-order-capabilities{margin-top:12px}
  .cx-order-trust{gap:0;margin-top:14px}
  .cx-order-trust article{grid-template-columns:62px 1fr;padding:20px 16px}

  .cx-purchase{padding:25px 0 32px}
  .cx-purchase h1{margin-top:4px;font-size:30px}
  .cx-purchase>.cx-container>.cx-lead{margin-bottom:26px}
  .cx-purchase-grid{gap:14px}
  .cx-purchase-grid>main,.cx-payment-summary{min-height:0;padding:20px 16px}
  .cx-purchase-plans{gap:10px}
  .cx-purchase-plans>a{min-height:132px}
  .cx-purchase-plans p{margin:5px 0 0;font-size:34px}
  .cx-purchase-email{margin-top:20px}
  .cx-payment-summary>div:first-child>strong{font-size:32px}
  .cx-refund-tip{margin-top:14px;font-size:12px}

  .cx-legal{padding:24px 0 28px}
  .cx-legal h1{margin-top:4px;font-size:30px}
  .cx-legal>.cx-container>.cx-lead{margin-bottom:20px}
  .cx-legal-grid{gap:14px}
  .cx-legal-grid>aside{padding:10px}
  .cx-legal-grid>aside a{padding:13px 10px;font-size:14px}
  .cx-legal-grid>main{min-height:0;padding:22px 16px}
  .cx-legal-grid>main>h2{font-size:24px}
  .cx-legal-grid>main>aside{padding-left:18px}
  .cx-legal-article p{font-size:12px;line-height:1.75}

  .cx-page .c-footer-bottom{align-items:flex-start;min-height:0;gap:12px;padding-block:18px}
  .cx-page .c-policy-links{display:flex;flex-wrap:wrap;gap:10px 18px}

  /* Mobile simplification: keep actions and content, remove decorative product mockups. */
  .cx-home-grid>.cx-device-group,
  .cx-feature-intro>.cx-real-app-shot,
  .cx-download-top>.cx-app-window,
  .cx-pro-top>.cx-device-group,
  .cx-school-panel>.cx-school-devices{display:none!important}
  .cx-home-hero{padding-bottom:14px;background:#fff}
  .cx-home-grid{overflow:visible}
  .cx-scene-row{margin-top:30px}
  .cx-scene-image,.cx-venue-art{display:none}
  .cx-scene-row>a,.cx-solution-tabs>a{grid-template-columns:minmax(0,1fr) 24px;min-height:62px;padding:12px 15px}
  .cx-scene-row strong,.cx-solution-tabs strong{padding-left:0;font-size:15px}
  .cx-scene-row b,.cx-solution-tabs b{padding-right:0;text-align:right}
  .cx-feature-top{padding-bottom:22px}
  .cx-solution-tabs{gap:8px}
  .cx-school-panel{grid-template-columns:1fr}
  .cx-venue-grid article{grid-template-columns:1fr;min-height:0;padding:16px}
  .cx-pro-top{margin-bottom:22px}
  .cx-guide-article-nav{display:block}
  .cx-guide-article-nav>strong,
  .cx-guide-article-nav>a:not(.cx-guide-back){display:none}
  .cx-order-capabilities,.cx-order-trust{display:none}
  .cx-legal-grid>main>aside{display:none}
}