/* User-selected 21st treatments, adapted to Nexus blue/violet. */
/* Anchor the compact product list to its own trigger, including translated labels. */
.nx-site .nav-product { position:relative; }
.nx-site .nav-dropdown { left:50%; transform:translateX(-50%); grid-template-columns:1fr; width:260px; gap:3px; padding:7px; background:linear-gradient(145deg,#302344f7,#1b1630fa); border-color:#ad91ed42; }
.nx-site .main-nav .nav-dropdown a { width:100%; min-height:0; padding:11px 10px; gap:4px; align-items:center; text-align:center; }
.nx-site .nav-dropdown a b { font-size:13px; }
.nx-site .nav-dropdown a span { font-size:11px; line-height:1.4; }
.nx-site .main-nav>a,.nx-site .nav-product>summary { border:1px solid transparent; border-radius:999px; padding:8px 12px; }
.nx-site .main-nav>a[aria-current=page],.nx-site .nav-product:has(a[aria-current=page])>summary { background:#a685ef18; border-color:#b899f364; color:#f5efff; }
@media(max-width:1000px) { .nx-site .nav-dropdown { left:auto; transform:none; }.nx-site .main-nav>a { padding:10px 12px; } }
@media(max-width:760px) { .nx-site .nav-dropdown { position:static; width:100%; }.nx-site .main-nav .nav-dropdown a { padding:10px; } }
[data-beam-panel] { --nx-beam-angle:40deg; position:relative; isolation:isolate; border-radius:22px; border:1px solid #a292d74d; }
[data-beam-panel]::before { content:""; position:absolute; z-index:2; inset:-1px; padding:1.5px; border-radius:inherit; pointer-events:none; background:conic-gradient(from var(--nx-beam-angle),transparent 0deg,#678aff12 18deg,#678affb3 46deg,#acd3ff 56deg,#d9d2ff 60deg,transparent 64deg,transparent 198deg,#9166ff12 216deg,#ab7fffc9 244deg,#d7bbff 254deg,#c8b8ff 258deg,transparent 262deg); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; }
/* Liquid-metal reference: dark face, a single fine reflective edge. */
.nx-site .nx-button-primary:not(:disabled),.nx-site .nav-cta {
  color:#f5f0ff; border:1px solid transparent;
  background:linear-gradient(180deg,#1c1923,#0c0a10) padding-box,
    linear-gradient(115deg,#62566f 0%,#b4a2cc 12%,#f1e9fb 19%,#837193 25%,#3d3548 36%,#76648c 47%,#c5b1e3 54%,#f3edff 59%,#796788 67%,#3d3548 79%,#9580ac 89%,#d2c1e6 100%) border-box;
  background-size:100% 100%,260% 100%; background-position:0 0,0% 50%;
  box-shadow:0 3px 9px #08051040; position:relative; isolation:isolate; overflow:hidden;
  animation:nx-metal-reflection 8s linear infinite alternate;
  transition:box-shadow .2s,transform .2s,color .2s;
}
.nx-site .nx-button-primary:not(:disabled)::before,.nx-site .nav-cta::before { content:none; }
.nx-site .nx-button-primary:not(:disabled)::after,.nx-site .nav-cta::after {
  content:""; position:absolute; pointer-events:none; inset:0; border-radius:inherit;
  background:radial-gradient(ellipse at 50% 0,#c0a4f31c,transparent 68%); opacity:.3; transition:opacity .2s;
}
.nx-site .nx-button-primary:hover:not(:disabled),.nx-site .nav-cta:hover {
  color:#fff; box-shadow:0 4px 14px #08051050,0 0 14px #b291e21a; transform:translateY(-1px);
}
.nx-site .nx-button-primary:hover::after,.nx-site .nav-cta:hover::after { opacity:1; }
.nx-site .nx-button-primary:active:not(:disabled),.nx-site .nav-cta:active { transform:translateY(1px); }
@keyframes nx-metal-reflection { to { background-position:0 0,100% 50%; } }
.nx-site .nx-button-primary[data-motion-visible=false],.nx-site .nav-cta[data-motion-visible=false],html.nx-effects-hidden .nx-button-primary,html.nx-effects-hidden .nav-cta { animation-play-state:paused; }
@media(prefers-reduced-motion:reduce) { .nx-site .nx-button-primary,.nx-site .nav-cta { animation:none!important; transition:none!important; transform:none!important; } }
@media(forced-colors:active) { .nx-site .nx-button-primary:not(:disabled),.nx-site .nav-cta { background:ButtonFace; border-color:ButtonText; color:ButtonText; } }
.nx-site a:focus-visible,.nx-site button:focus-visible { outline:2px solid #dcc7ff; outline-offset:4px; }
.nx-site .nx-plan-comparison { padding:36px; background:linear-gradient(130deg,#201c30ee,#11131fee); margin-top:75px; box-shadow:0 20px 70px #0707103d; }
.nx-site .nx-plan-comparison .nx-section-head { margin-bottom:30px; }
.nx-site .nx-plan-comparison table { width:100%; border-collapse:separate; border-spacing:0; border:1px solid #b6a3dd45; border-radius:14px; overflow:hidden; table-layout:fixed; }
.nx-site .nx-plan-comparison th,.nx-site .nx-plan-comparison td { padding:20px 24px; text-align:left; vertical-align:middle; border-bottom:1px solid #b6a3dd32; }
.nx-site .nx-plan-comparison th+th,.nx-site .nx-plan-comparison td { border-left:1px solid #b6a3dd38; }
.nx-site .nx-plan-comparison thead th { background:#2b2441; font-size:18px; color:#f2eaff; }
.nx-site .nx-plan-comparison tr> :first-child { width:39%; }
.nx-site .nx-plan-comparison tr> :nth-child(3) { background:#9665ee12; }
.nx-site .nx-plan-comparison tbody tr:last-child>* { border-bottom:0; }
.nx-site .nx-plan-comparison tbody tr:hover>* { background:#a584f017; }
.nx-site .nx-plan-comparison td small { display:block; margin-top:5px; color:#c3b5d8; }
/* Useful example workspaces, with the density of a real application. */
.nx-custom-example { padding:24px; }
.nx-site .nx-custom-tabs { justify-content:flex-start; align-items:stretch; margin:0 0 25px; padding:5px; border:1px solid #a698c332; }
.nx-work-panel[hidden],.nx-request-detail [hidden],.nx-integration-detail [hidden] { display:none!important; }
.nx-work-heading { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; }
.nx-work-heading h3 { font-size:23px; margin:0 0 8px; letter-spacing:-.025em; }
.nx-work-heading p { color:#b9b0cb; font-size:14px; line-height:1.5; margin:0; }
.nx-sample-tag { font-size:11px; color:#c8bbdf; border:1px solid #c4a4ef3b; border-radius:7px; padding:6px 9px; white-space:nowrap; }
.nx-work-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:26px 0; padding:19px 0; border-block:1px solid #a698c32a; }
.nx-work-stats>div { display:grid; gap:8px; min-width:0; }
.nx-work-stats>div+div { border-left:1px solid #a698c32a; padding-left:24px; }
.nx-work-stats span { font-size:13px; color:#c9c0d8; }
.nx-work-stats strong { font-size:clamp(20px,2.2vw,29px); font-weight:500; letter-spacing:-.035em; white-space:nowrap; }
.nx-work-stats small { font-size:12px; color:#afa4c3; }
.nx-mail-workflow { display:grid; grid-template-columns: minmax(240px,.9fr) minmax(0,1.1fr); border:1px solid #b2a1d22a; border-radius:12px; background:#12111dbc; overflow:hidden; }
.nx-mail-list { border-right:1px solid #b2a1d22a; padding:20px 12px; }
.nx-work-panel h4 { font-size:14px; font-weight:500; margin:0 0 18px; }
.nx-mail-list h4 { margin-left:12px; }
.nx-mail-list button { display:block; width:100%; text-align:left; border:1px solid transparent; border-radius:9px; background:none; color:inherit; padding:14px 12px; font:inherit; cursor:pointer; }
.nx-mail-list button+button { margin-top:7px; }
.nx-mail-list button[aria-selected=true] { background:#9170d61e; border-color:#b58dff50; }
.nx-mail-list button:hover { background:#9b82bd1c; }
.nx-mail-list button>span { display:flex; justify-content:space-between; gap:10px; }
.nx-mail-list button strong { font-size:13px; font-weight:500; }
.nx-mail-list button small { font-size:10px; color:#b2a7c4; white-space:nowrap; }
.nx-mail-list button b { display:block; font-size:12px; font-weight:400; color:#c8bfd7; margin-top:9px; }
.nx-mail-list button em { display:inline-block; margin-top:10px; font-style:normal; color:#beaddf; font-size:10px; }
.nx-request-detail { padding:24px; }
.nx-work-status { display:inline-flex; align-items:center; gap:7px; color:#c5b3f3; font-size:11px; margin-bottom:15px; }
.nx-work-status::before { content:""; width:6px; height:6px; background:#ad89ff; border-radius:50%; }
.nx-request-detail h4 { font-size:19px; line-height:1.35; }
.nx-request-detail p { font-size:13px; color:#bdb3cc; line-height:1.65; }
.nx-request-detail dl { margin:21px 0; font-size:12px; }
.nx-request-detail dl>div { display:flex; gap:16px; justify-content:space-between; padding:9px 0; border-bottom:1px solid #b2a1d21c; }
.nx-request-detail dt { color:#a69bb8; }
.nx-request-detail dd { margin:0; text-align:right; }
.nx-next-step { display:flex; align-items:center; gap:9px; border-radius:7px; padding:12px; background:#a289dd10; font-size:12px; color:#d7c9ea; line-height:1.5; }
.nx-next-step svg { width:17px; flex-shrink:0; }
.nx-work-footnote { margin:15px 0 0; color:#ada3bd; font-size:11px; line-height:1.5; }
.nx-work-charts { display:grid; grid-template-columns:1.1fr 1fr; gap:25px; }
.nx-work-charts>section { min-width:0; background:#14121dcc; border:1px solid #b2a1d22a; padding:22px; border-radius:12px; }
.nx-work-chart-title { display:flex; justify-content:space-between; gap:10px; align-items:baseline; }
.nx-work-chart-title>span { color:#bdb0ce; font-size:11px; }
.nx-work-bars { display:flex; align-items:end; height:170px; gap:14px; padding-top:15px; background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#b2a1d213 50px); }
.nx-work-bars>div { flex:1; display:flex; flex-direction:column; justify-content:end; align-items:center; height:100%; min-width:0; }
.nx-work-bars i { display:block; width:100%; max-width:46px; height:calc(var(--bar)*.7); min-height:4px; border-radius:5px 5px 0 0; background:linear-gradient(#baa1fa,#6858bd); box-shadow:inset 1px 0 #d0b9ff40; }
.nx-work-bars b,.nx-work-bars span { font-size:10px; font-weight:400; color:#c6b9d7; margin:7px 0; }
.nx-work-chart-note { color:#ac9fbc; font-size:11px; margin:18px 0 0; line-height:1.55; }
.nx-costs { display:flex; align-items:center; justify-content:space-around; gap:18px; margin:27px 0; }
.nx-cost-ring { width:120px; height:120px; flex-shrink:0; border-radius:50%; background:conic-gradient(#ab8ce9 0 60%,#6088de 60% 85%,#776283 85%); display:grid; place-items:center; position:relative; }
.nx-cost-ring::before { content:""; position:absolute; inset:17px; border-radius:50%; background:#16141e; }
.nx-cost-ring b { position:relative; font-size:22px; font-weight:500; text-align:center; }
.nx-cost-ring small { display:block; font-size:10px; font-weight:400; color:#bcb0cc; margin-top:4px; }
.nx-costs ul { list-style:none; padding:0; margin:0; flex:1; }
.nx-costs li { display:flex; gap:7px; align-items:center; font-size:11px; color:#c6bdd4; margin:13px 0; }
.nx-costs li b { margin-left:auto; font-weight:400; }
.nx-costs li i { background:#ab8ce9; width:6px; height:6px; border-radius:2px; flex-shrink:0; }
.nx-costs li:nth-child(2) i { background:#6088de; }.nx-costs li:nth-child(3) i { background:#776283; }
.nx-stock-row { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:18px 0; border-bottom:1px solid #b2a1d222; font-size:12px; }
.nx-stock-row small { display:block; color:#aa9bbd; margin-top:6px; font-size:11px; }.nx-stock-row b { color:#d6baf9; font-weight:400; white-space:nowrap; }
/* Animated Beam: responsive endpoints are measured from the actual nodes. */
.nx-integrations,.nx-device-showcase { margin-block:100px; }
.nx-integration-surface { padding:25px 32px; background:radial-gradient(ellipse at 50% 42%,#6a409b25,transparent 55%),#15131ee6; box-shadow:0 28px 90px #08051030; }
.nx-integration-surface.nx-integration-open { padding:0; background:none; border:0; box-shadow:none; }
.nx-integration-map { position:relative; height:330px; width:100%; margin:0; }
.nx-integration-wires { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
.nx-wire-base { fill:none; stroke:#9e85d345; stroke-width:1.2; }
.nx-wire-light { fill:none; stroke:#a8adff; stroke-width:1.8; stroke-dasharray:12 88; stroke-linecap:round; animation:nx-beam-travel 4s linear infinite; filter:drop-shadow(0 0 4px #9579ff); }
.nx-wire-planned { stroke-dasharray:4 6; opacity:.5; }
.nx-wire-future { display:none; }
.nx-integration-hub { position:absolute; z-index:1; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:24px; width:120px; height:120px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:9px; background:linear-gradient(135deg,#382950,#161221); box-shadow:inset 0 1px #e4d1ff30,0 0 55px #a36cf12a; border:1px solid #c6adff64; }
.nx-integration-hub strong { font-size:16px; letter-spacing:.04em; font-weight:500; }
.nx-integration-node { position:absolute; left:clamp(110px,var(--node-x),calc(100% - 110px)); top:var(--node-y); transform:translate(-50%,-50%); z-index:1; display:flex; align-items:center; gap:12px; text-align:left; border:1px solid #c2a4eb33; background:#211b2e; border-radius:14px; padding:11px 14px; width:220px; color:#f0e5ff; cursor:pointer; font:inherit; transition:border-color .2s,background .2s,box-shadow .2s; }
.nx-integration-node:hover,.nx-integration-node[aria-pressed=true] { border-color:#be9bff99; background:#2b2140; box-shadow:0 0 24px #ae86fa1c; }
.nx-integration-node strong { display:block; font-size:13px; font-weight:500; }.nx-integration-node small { display:block; font-size:10px; color:#c0b2d5; margin-top:5px; }
.nx-integration-glyph { width:37px; height:37px; display:grid; place-items:center; background:#b095de17; border:1px solid #b095de25; border-radius:10px; flex-shrink:0; }.nx-integration-glyph svg { width:20px; }
.nx-tbank-mark { font-size:24px; width:30px; height:30px; background:#ffdd2d; color:#16161c; text-align:center; border-radius:8px; font-weight:700; line-height:31px; }
.nx-integration-node.is-planned { border-style:dashed; }
.nx-integration-detail { min-height:65px; text-align:center; max-width:660px; margin:14px auto 0; color:#e3d7f2; font-size:14px; line-height:1.6; }.nx-integration-detail p { margin:0; }
.nx-integration-caption { color:#b2a4c4; font-size:11px; line-height:1.6; text-align:center; margin:16px auto 0; }
@keyframes nx-beam-travel { from { stroke-dashoffset:100; } to { stroke-dashoffset:0; } }
/* Download options: HTML app window and a clearly planned Android concept. */
.nx-device-cards { display:grid; grid-template-columns:1.2fr 1fr; gap:24px; }
.nx-platform-card { min-width:0; overflow:hidden; border:1px solid #cbb4f542; border-radius:24px; background:radial-gradient(ellipse at 50% 15%,#7156a44a,transparent 60%),#14131ee8; }
.nx-platform-android { background:radial-gradient(ellipse at 50% 15%,#34498966,transparent 65%),#11131fe8; }
.nx-device-art { height:325px; display:grid; place-items:center; position:relative; perspective:900px; overflow:hidden; }
.nx-device-art::after { content:""; position:absolute; bottom:7px; width:65%; height:35px; border-radius:50%; background:#a284ee24; filter:blur(22px); }
.nx-floating-desktop { width:78%; max-width:410px; border:1px solid #ad94d87d; border-radius:12px; background:#171321; box-shadow:0 25px 40px #0008,inset 0 1px #e6d5ff27; transform:rotateY(-10deg) rotateX(8deg) rotateZ(-3deg); animation:nx-device-float 5s ease-in-out infinite; }
.nx-device-title { display:flex; align-items:center; gap:8px; border-bottom:1px solid #9b84bd30; padding:12px; font-size:12px; color:#d8c9e9; }.nx-device-title span { margin-left:auto; color:#988bab; font-size:10px; }
.nx-device-body { display:grid; grid-template-columns:40px 1fr; }.nx-device-rail { display:flex; flex-direction:column; gap:18px; align-items:center; border-right:1px solid #9b84bd30; padding-block:20px; }.nx-device-rail svg { width:15px; color:#a28cbf; }
.nx-device-body>div+div { padding:20px 22px; }.nx-device-body small { color:#b9a5d1; font-size:10px; }.nx-device-body strong { display:block; font-size:27px; margin:12px 0; font-weight:500; }.nx-device-body strong em { font-style:normal; font-size:18px; color:#b6a2ce; }.nx-device-body>div>svg { width:100%; display:block; }
.nx-device-grid { fill:none; stroke:#b096d320; stroke-width:1; }.nx-device-line { fill:none; stroke:#c6a4ff; stroke-width:2.5; }
.nx-device-chips { display:flex; gap:12px; margin-top:15px; }.nx-device-chips span { font-size:9px; color:#c0afcf; }.nx-device-chips b { color:#8fcdb6; font-weight:400; margin-left:4px; }
.nx-platform-copy { padding:20px 32px 32px; }.nx-platform-heading { display:flex; align-items:center; gap:12px; }.nx-platform-heading h3 { font-size:27px; margin:0; font-weight:500; }.nx-platform-heading>svg { width:25px; color:#dbbfff; }.nx-platform-heading .nx-sample-tag { margin-left:auto; }.nx-platform-copy p { font-size:15px; color:#bdb3cc; line-height:1.65; min-height:75px; }.nx-platform-copy>small { display:block; color:#a99cbd; font-size:12px; margin-top:16px; }.nx-platform-soon { display:inline-flex; padding-block:13px; color:#d5c0f1; font-size:14px; }
.nx-future-phone { position:relative; overflow:hidden; width:140px; height:250px; border-radius:27px; border:3px solid #a08ec14d; background:linear-gradient(150deg,#252438,#100d1c); box-shadow:0 22px 55px #0008,inset 0 0 0 3px #a99bca16; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:14px; transform:rotateY(14deg) rotateZ(8deg); animation:nx-phone-float 5.5s ease-in-out infinite; }
.nx-future-phone>i { position:absolute; top:10px; width:40px; height:7px; border-radius:9px; background:#08060e; }.nx-future-phone strong { font-weight:500; letter-spacing:.05em; }.nx-future-phone>span { font-size:11px; color:#baacd0; }.nx-phone-orbit { position:absolute; border:1px solid #b4a0ff3f; border-radius:50%; width:270px; height:270px; bottom:-230px; box-shadow:0 0 50px #a68aff44; }
@keyframes nx-device-float { 50% { transform:translateY(-12px) rotateY(-5deg) rotateX(5deg) rotateZ(-1deg); } }
@keyframes nx-phone-float { 50% { transform:translateY(-13px) rotateY(8deg) rotateZ(5deg); } }
[data-motion-visible=false] .nx-wire-light,[data-motion-visible=false] .nx-floating-desktop,[data-motion-visible=false] .nx-future-phone,html.nx-effects-hidden .nx-wire-light,html.nx-effects-hidden .nx-floating-desktop,html.nx-effects-hidden .nx-future-phone { animation-play-state:paused; }
@media(max-width:1000px) { .nx-integration-node { width:190px; gap:8px; padding:10px; }.nx-integration-map { margin-inline:0; }.nx-integration-node { left:clamp(95px,var(--node-x),calc(100% - 95px)); }.nx-integration-hub { width:100px; height:100px; }.nx-work-stats strong { font-size:23px; } }
@media(max-width:720px) { .nx-work-heading { display:block; }.nx-work-heading .nx-sample-tag { display:none; }.nx-custom-example { padding:18px; }.nx-site .nx-custom-tabs { gap:4px; flex-wrap:wrap; }.nx-custom-tabs button { font-size:12px; padding:10px; }.nx-mail-workflow,.nx-work-charts { grid-template-columns:1fr; }.nx-mail-list { border-right:0; border-bottom:1px solid #b2a1d22a; }.nx-mail-list h4 { margin-bottom:8px; }.nx-mail-list button { padding:10px 12px; }.nx-work-stats { gap:12px; }.nx-work-stats>div+div { padding-left:12px; }.nx-work-stats strong { font-size:19px; }.nx-work-stats small { font-size:10px; }.nx-work-stats span { font-size:11px; }.nx-request-detail { padding:20px; }.nx-device-cards { grid-template-columns:1fr; }.nx-device-art { height:305px; }.nx-site .nx-plan-comparison { padding:22px 14px; }.nx-site .nx-plan-comparison table { min-width:530px; }.nx-site .nx-plan-comparison th,.nx-site .nx-plan-comparison td { padding:18px; }.nx-integrations,.nx-device-showcase { margin-block:65px; }.nx-integration-surface { padding:20px 12px; }.nx-integration-map { height:340px; margin-inline:0; }.nx-integration-node { width:112px; gap:7px; flex-direction:column; text-align:center; border-radius:12px; left:clamp(56px,var(--node-x),calc(100% - 56px)); }.nx-integration-node strong { font-size:11px; }.nx-integration-node small { font-size:9px; }.nx-integration-hub { width:68px; height:78px; border-radius:15px; gap:5px; }.nx-integration-hub img { width:32px; height:32px; }.nx-integration-hub strong { font-size:12px; }.nx-integration-glyph { width:27px; height:27px; }.nx-integration-glyph svg { width:16px; }.nx-tbank-mark { width:25px; height:25px; line-height:25px; font-size:21px; }.nx-integration-detail { font-size:13px; min-height:100px; } }
@media(max-width:430px) { .nx-work-stats { grid-template-columns:1fr; gap:12px; margin:20px 0; }.nx-work-stats>div { grid-template-columns:1fr auto; gap:4px 12px; }.nx-work-stats>div+div { border:0; padding:0; }.nx-work-stats strong { font-size:21px; grid-column:2; grid-row:1/3; align-self:center; }.nx-work-heading h3 { font-size:21px; }.nx-work-heading p { font-size:12px; }.nx-work-stats small { grid-column:1; }.nx-platform-copy { padding:16px 23px 25px; }.nx-platform-copy p { min-height:0; }.nx-device-art { height:270px; }.nx-device-body>div+div { padding:16px 12px; }.nx-device-body strong { font-size:23px; }.nx-integration-node { width:95px; left:clamp(47.5px,var(--node-x),calc(100% - 47.5px)); }.nx-integration-hub { width:62px; } }
@media(prefers-reduced-motion:reduce) { .nx-wire-light,.nx-floating-desktop,.nx-future-phone { animation:none!important; }.nx-site .nx-button { transition:none!important; transform:none!important; } }
@media(forced-colors:active) { [data-beam-panel]::before,.nx-button-primary::before,.nx-button-primary::after { display:none; } [data-beam-panel] { border-color:CanvasText; } }

.nx-site .nx-plan-comparison { display:block; }
.nx-plan-comparison>div:first-child { margin-bottom:30px; max-width:680px; }
.nx-annual[data-beam-panel]::before { animation:none; }

.nx-site .nx-plan-comparison th,.nx-site .nx-plan-comparison td { font-size:14px; }
.nx-plan-comparison>div:first-child p { max-width:650px; }
.nx-work-chart-title>span { white-space:nowrap; }
@media(max-width:720px) { .nx-site .nav-dropdown { width:100%; } .nx-site .nx-plan-comparison th,.nx-site .nx-plan-comparison td { font-size:13px; } }
@media(max-width:430px) { .nx-costs { flex-direction:column; gap:12px; }.nx-costs ul { width:100%; }.nx-costs li { font-size:12px; }.nx-work-chart-title h4 { font-size:13px; } }

.nx-device-cards { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:1000px; margin-inline:auto; }
.nx-platform-card { display:flex; flex-direction:column; background:radial-gradient(ellipse at 50% 45%,#8560b873,transparent 68%),linear-gradient(145deg,#2b2042e8,#12121ee8); transition:box-shadow .35s; }
.nx-platform-android { background:radial-gradient(ellipse at 50% 45%,#516ebd66,transparent 68%),linear-gradient(145deg,#22223ce8,#11121ee8); }
.nx-platform-card:hover { box-shadow:0 18px 60px #9e72ec24; }
.nx-platform-intro { padding:30px 25px 0; text-align:center; }
.nx-platform-intro h3 { font-size:27px; font-weight:500; letter-spacing:-.03em; margin:12px 0; }
.nx-platform-intro p { color:#cfc2e3; font-size:14px; margin:0; line-height:1.5; }
.nx-platform-symbol { display:inline-grid; place-items:center; color:#d7c1ff; }
.nx-platform-symbol svg { width:28px; height:28px; }
.nx-platform-copy { padding:12px 30px 30px; text-align:center; margin-top:auto; }
.nx-platform-copy .nx-button,.nx-platform-soon { width:100%; justify-content:center; }
.nx-platform-soon { border:1px solid #c2acf14d; border-radius:12px; background:#c3a9ff0b; }
@media(max-width:720px) { .nx-device-cards { grid-template-columns:1fr; }.nx-platform-intro h3 { font-size:24px; } }
@media(prefers-reduced-motion:reduce) { .nx-platform-card { transition:none; } }