@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root { --bg:#070b14; --surface:#0e1524; --surface-2:#111b2d; --line:#22314a; --muted:#91a0b8; --text:#f3f7fd; --cyan:#5ce1e6; --blue:#6e9dfb; --violet:#a78bfa; --amber:#f7c66b; --max:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; background:var(--bg); color:var(--text); font-family:'DM Sans',system-ui,sans-serif; line-height:1.5; }
body:before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.28; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:70px 70px; mask-image:linear-gradient(to bottom,black,transparent 80%); }
a { color:inherit; text-decoration:none; }
.page-shell { position:relative; overflow:hidden; }
.section-wrap, .site-header, .presentation-footer { width:min(calc(100% - 48px),var(--max)); margin-inline:auto; }
.site-header { min-height:84px; display:flex; align-items:center; justify-content:space-between; gap:28px; border-bottom:1px solid rgba(34,49,74,.62); }
.brand, .footer-brand { display:inline-flex; align-items:center; gap:10px; font-family:Manrope,sans-serif; font-size:17px; font-weight:700; letter-spacing:-.03em; }
.brand img { width:32px; height:32px; border-radius:10px; box-shadow:0 0 0 4px rgba(92,225,230,.08); }
.brand b, .footer-brand b { color:var(--cyan); font-weight:800; }
.top-nav { display:flex; align-items:center; gap:26px; color:var(--muted); font-size:13px; font-weight:600; }
.top-nav a:not(.nav-cta):hover { color:var(--text); }
.nav-cta { border:1px solid rgba(92,225,230,.32); border-radius:10px; padding:10px 14px; color:#cbffff; background:rgba(92,225,230,.07); transition:.2s ease; }
.nav-cta:hover { border-color:var(--cyan); background:rgba(92,225,230,.14); }
.hero { min-height:650px; display:grid; grid-template-columns:1fr 1.08fr; align-items:center; gap:40px; padding-top:78px; padding-bottom:92px; }
.eyebrow { display:flex; align-items:center; gap:9px; margin:0; color:var(--cyan); font-size:10px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
.eyebrow-dot { width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 17px var(--cyan); }
h1,h2,h3 { margin:0; font-family:Manrope,sans-serif; letter-spacing:-.055em; line-height:1.08; }
h1 { max-width:680px; margin-top:23px; font-size:clamp(42px,5.2vw,72px); font-weight:800; }
h1 em, h2 em { color:var(--cyan); font-style:normal; }
.hero-lead { max-width:575px; margin:25px 0 0; color:var(--muted); font-size:17px; line-height:1.75; }
.hero-actions, .activation-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:32px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:47px; border-radius:11px; padding:12px 18px; font-size:13px; font-weight:800; transition:transform .2s ease,background .2s ease,border-color .2s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary { border:1px solid #7bf4eb; color:#051117; background:var(--cyan); box-shadow:0 9px 28px rgba(92,225,230,.18); }
.button-primary:hover { background:#86f8f1; }
.button-ghost { border:1px solid #33445e; color:#d9e4f3; background:rgba(14,21,36,.66); }
.button-ghost:hover { border-color:#647892; background:var(--surface-2); }
.hero-proof { display:flex; flex-wrap:wrap; gap:17px; margin-top:38px; color:#9daac0; font-size:11px; font-weight:600; }
.hero-proof i { display:inline-grid; place-items:center; width:16px; height:16px; margin-right:5px; border-radius:5px; color:var(--cyan); background:rgba(92,225,230,.12); font-size:10px; font-style:normal; }
.hero-visual { position:relative; min-height:460px; display:grid; place-items:center; }
.glow { position:absolute; border-radius:50%; filter:blur(38px); pointer-events:none; }
.glow-one { width:300px; height:300px; right:10%; top:12%; background:rgba(66,153,225,.2); }
.glow-two { width:250px; height:250px; left:9%; bottom:0; background:rgba(139,92,246,.12); }
.dashboard-window { position:relative; z-index:1; width:min(100%,560px); border:1px solid #344863; border-radius:15px; background:#0b1220; box-shadow:0 28px 60px rgba(0,0,0,.48),0 0 0 8px rgba(31,47,71,.2); transform:perspective(1100px) rotateY(-7deg) rotateX(2deg); overflow:hidden; }
.window-bar { display:flex; align-items:center; gap:14px; height:42px; padding:0 14px; border-bottom:1px solid #1c2a3f; background:#101a2b; color:#73849e; font-family:Manrope,sans-serif; font-size:9px; }
.window-dots { display:flex; gap:5px; }.window-dots span { width:7px; height:7px; border-radius:50%; background:#40506a; }.window-dots span:first-child { background:#e77c7c; }.window-dots span:nth-child(2) { background:#e5ba68; }.window-dots span:nth-child(3) { background:#65c994; }
.window-label { flex:1; text-align:center; }.window-status { display:flex; align-items:center; gap:5px; color:#71d6ad; text-transform:uppercase; letter-spacing:.08em; }.window-status b { width:5px; height:5px; border-radius:50%; background:#71d6ad; }
.window-body { display:flex; min-height:345px; }.mini-sidebar { width:48px; display:flex; flex-direction:column; align-items:center; gap:18px; padding-top:16px; border-right:1px solid #1c2a3f; color:#687a95; font-size:17px; }.mini-sidebar img { width:23px; height:23px; border-radius:7px; margin-bottom:8px; }.mini-sidebar span { display:grid; place-items:center; width:24px; height:24px; border-radius:7px; }.mini-sidebar .mini-active { color:var(--cyan); background:rgba(92,225,230,.11); }
.mini-content { flex:1; padding:24px 21px; }.mini-heading { display:flex; align-items:center; justify-content:space-between; }.mini-heading small,.mini-stats small,.mini-panel-head small,.floating-card small { display:block; color:#687a95; font-family:Manrope,sans-serif; font-size:7px; font-weight:800; letter-spacing:.12em; }.mini-heading strong { display:block; margin-top:5px; font-family:Manrope,sans-serif; font-size:17px; }.avatar { display:grid; place-items:center; width:30px; height:30px; border:1px solid rgba(92,225,230,.35); border-radius:9px; color:#c9ffff; background:rgba(92,225,230,.11); font-size:9px; font-weight:800; }
.mini-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:24px; }.mini-stats>div { padding:13px 11px; border:1px solid #1e304a; border-radius:9px; background:#101b2d; }.mini-stats b { display:block; margin:6px 0 2px; font-family:Manrope,sans-serif; font-size:20px; letter-spacing:-.04em; }.mini-stats em { color:#67d8a9; font-size:7px; font-style:normal; }.mini-stats em.blue { color:#89b3ff; }.mini-stats em.amber { color:#e9b65f; }.mini-panel { margin-top:12px; padding:15px 14px 12px; border:1px solid #1e304a; border-radius:9px; background:#101b2d; }.mini-panel-head { display:flex; justify-content:space-between; gap:10px; }.mini-panel-head b { display:block; margin-top:4px; font-family:Manrope,sans-serif; font-size:12px; }.mini-panel-head>span { color:#7789a2; font-size:8px; }.chart { display:flex; align-items:flex-end; justify-content:space-around; height:125px; gap:12px; margin-top:15px; padding:0 6px; border-bottom:1px solid #243750; background:repeating-linear-gradient(to bottom,transparent 0,transparent 30px,rgba(94,121,153,.09) 31px); }.chart i { width:15px; border-radius:4px 4px 0 0; background:linear-gradient(to top,#315dbe,#6e9dfb); opacity:.72; }.chart i.chart-today { background:linear-gradient(to top,#2cbbb3,#5ce1e6); opacity:1; }.chart-labels { display:flex; justify-content:space-around; padding:7px 5px 0; color:#657895; font-size:7px; }
.floating-card { position:absolute; z-index:2; display:flex; align-items:center; gap:10px; width:max-content; padding:11px 14px; border:1px solid #334966; border-radius:12px; background:rgba(15,25,42,.93); box-shadow:0 14px 32px rgba(0,0,0,.35); backdrop-filter:blur(10px); }.floating-card-top { top:62px; right:-3px; }.floating-card-bottom { bottom:45px; left:-15px; }.floating-card b { display:block; margin-top:3px; color:#e8f1fb; font-size:11px; }.floating-icon { display:grid; place-items:center; width:26px; height:26px; border-radius:8px; font-size:13px; }.floating-icon.green { color:#77e5b8; background:rgba(52,211,153,.13); }.floating-icon.purple { color:#c2a9ff; background:rgba(167,139,250,.13); }
.intro-strip { padding:81px 0 87px; border-top:1px solid rgba(34,49,74,.62); }.section-kicker { color:#60728d; font-size:10px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }.intro-content { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:end; margin-top:18px; }.intro-content h2, .section-heading h2, .security h2, .activation h2 { font-size:clamp(32px,4vw,51px); }.intro-content h2 span { color:#d3deec; }.intro-content p { max-width:450px; margin:0 0 3px; color:var(--muted); font-size:15px; line-height:1.8; }.feature-row { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:71px; border-top:1px solid var(--line); }.feature-row article { padding:25px 30px 0 0; }.feature-row article+article { padding-left:30px; border-left:1px solid var(--line); }.feature-number { color:var(--cyan); font-family:Manrope,sans-serif; font-size:11px; font-weight:800; }.feature-row h3 { margin-top:18px; font-size:19px; }.feature-row p { margin:10px 0 0; color:var(--muted); font-size:13px; line-height:1.7; }
.packages, .modules { padding:101px 0 108px; border-top:1px solid rgba(34,49,74,.62); }.section-heading { display:flex; justify-content:space-between; align-items:end; gap:35px; }.section-heading .eyebrow { margin-bottom:18px; }.heading-note { max-width:330px; margin:0 0 4px; color:var(--muted); font-size:14px; line-height:1.75; }.package-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; margin-top:51px; }.package-card { padding:29px; border:1px solid #263954; border-radius:17px; background:linear-gradient(145deg,rgba(17,27,45,.96),rgba(10,16,29,.96)); }.package-card-featured { border-color:rgba(167,139,250,.47); background:linear-gradient(145deg,rgba(28,24,54,.8),rgba(12,17,31,.96)); box-shadow:inset 0 1px rgba(206,194,255,.08); }.package-card-specialized { border-color:rgba(110,157,251,.42); background:linear-gradient(145deg,rgba(18, thirty, 56, .82),rgba(12,17,31,.96)); }.package-top { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }.package-label,.included-label { margin:0; color:#7488a4; font-size:9px; font-weight:800; letter-spacing:.17em; }.package-top h3 { margin-top:7px; font-size:32px; }.package-badge { padding:6px 9px; border:1px solid rgba(92,225,230,.28); border-radius:7px; color:var(--cyan); background:rgba(92,225,230,.09); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }.badge-violet { border-color:rgba(167,139,250,.4); color:#c4b5fd; background:rgba(167,139,250,.1); }.badge-specialized { border-color:rgba(110,157,251,.4); color:#a9c6ff; background:rgba(110,157,251,.1); }.package-description { min-height:52px; margin:18px 0 0; color:#aebbd0; font-size:13px; line-height:1.7; }.package-divider { height:1px; margin:22px 0; background:#263954; }.check-list { display:grid; gap:10px; min-height:235px; margin:16px 0 28px; padding:0; list-style:none; color:#b5c1d3; font-size:12px; }.check-list li { position:relative; padding-left:20px; }.check-list li:before { content:'✓'; position:absolute; left:0; color:var(--cyan); font-weight:800; }.package-card-featured .check-list li:before { color:#c4b5fd; }.package-card-specialized .check-list li:before { color:#9fc0ff; }.package-link { display:flex; align-items:center; justify-content:space-between; padding-top:18px; border-top:1px solid #263954; color:#d8e6f6; font-size:12px; font-weight:800; }.package-link span { color:var(--cyan); font-size:17px; transition:transform .2s ease; }.package-link:hover span { transform:translateX(4px); }.package-footnote { display:flex; align-items:center; justify-content:center; gap:9px; margin:28px 0 0; color:#8798b1; font-size:11px; text-align:center; }.package-footnote span { color:var(--cyan); }
.module-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:51px; }.module-card { min-height:205px; padding:23px; border:1px solid #263954; border-radius:14px; background:rgba(14,21,36,.82); }.module-card-large { grid-column:span 2; display:flex; gap:22px; align-items:flex-start; min-height:205px; background:linear-gradient(120deg,rgba(20,45,59,.75),rgba(14,21,36,.85)); }.module-symbol { display:grid; place-items:center; flex:none; width:40px; height:40px; border-radius:11px; color:var(--cyan); background:rgba(92,225,230,.11); font-size:20px; }.blue-symbol { color:#90b7ff; background:rgba(110,157,251,.12); }.amber-symbol { color:#f7c66b; background:rgba(247,198,107,.12); }.purple-symbol { color:#c5b4ff; background:rgba(167,139,250,.12); }.rose-symbol { color:#f6a1b4; background:rgba(244,114,146,.1); }.module-card h3 { margin-top:23px; font-size:19px; }.module-card-large h3 { margin-top:4px; }.module-card p { margin:11px 0 0; color:var(--muted); font-size:12px; line-height:1.75; }.tag-row { display:flex; flex-wrap:wrap; gap:7px; margin-top:20px; }.tag-row span { padding:5px 8px; border:1px solid #2f4562; border-radius:6px; color:#96abc6; font-size:9px; font-weight:700; }
.security { display:grid; grid-template-columns:.9fr 1.1fr; gap:90px; padding:101px 0; border-top:1px solid rgba(34,49,74,.62); }.security-copy .eyebrow { margin-bottom:20px; }.security-copy>p:last-child { max-width:400px; margin:24px 0 0; color:var(--muted); font-size:14px; line-height:1.8; }.security-list { border-top:1px solid var(--line); }.security-list>div { display:grid; grid-template-columns:45px 1fr; gap:15px; padding:20px 0; border-bottom:1px solid var(--line); }.security-list span { color:var(--cyan); font-family:Manrope,sans-serif; font-size:11px; font-weight:800; }.security-list p { margin:0; color:#aebbd0; font-size:13px; }.security-list b { color:#edf4ff; }
.activation { padding:0 0 101px; }.activation-card { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:48px 52px; border:1px solid rgba(92,225,230,.36); border-radius:20px; background:radial-gradient(circle at 84% 35%,rgba(92,225,230,.13),transparent 33%),linear-gradient(115deg,rgba(16,36,50,.98),rgba(14,21,36,.95)); box-shadow:0 20px 50px rgba(0,0,0,.19); }.activation-card .eyebrow { margin-bottom:18px; }.activation-card h2 { font-size:clamp(29px,3.4vw,43px); }.activation-card>div:first-child>p:last-child { max-width:520px; margin:18px 0 0; color:#9eafc5; font-size:13px; line-height:1.7; }.activation-actions { justify-content:flex-end; flex:none; margin-top:0; }.activation-actions .button { white-space:nowrap; }
.presentation-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:85px; border-top:1px solid rgba(34,49,74,.62); color:#7588a2; font-size:11px; }.footer-brand { color:#dae6f4; font-size:13px; }.footer-brand img { width:23px; height:23px; border-radius:7px; }.footer-brand small { display:block; margin-top:2px; color:#6fe0dc; font-size:8px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.presentation-footer p { margin:0; }.footer-note { color:#52647e; }
.contact-section { padding:0 0 101px; }.contact-card { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:38px 44px; border:1px solid rgba(167,139,250,.34); border-radius:20px; background:linear-gradient(120deg,rgba(28,24,54,.72),rgba(14,21,36,.94)); }.contact-card .eyebrow { margin-bottom:16px; }.contact-card h2 { font-size:clamp(28px,3.2vw,40px); }.contact-card>div:first-child>p:last-child { max-width:480px; margin:16px 0 0; color:#9eafc5; font-size:13px; line-height:1.7; }.contact-details { display:flex; align-items:center; gap:22px; flex:none; }.contact-person { display:flex; flex-direction:column; gap:3px; color:#eaf2ff; }.contact-person strong { color:#e0d5ff; font-size:16px; }.contact-person span { color:#9eafc5; font-size:13px; }.contact-person:hover span { color:var(--cyan); }
 .operating-model { display:grid; grid-template-columns:.84fr 1.16fr; gap:78px; padding:101px 0; border-top:1px solid rgba(34,49,74,.62); }.operating-intro .eyebrow { margin-bottom:19px; }.operating-intro h2 { font-size:clamp(32px,4vw,50px); }.operating-intro>p:last-child { max-width:440px; margin:24px 0 0; color:var(--muted); font-size:14px; line-height:1.85; }.operating-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }.operating-cards article { display:flex; gap:15px; min-height:178px; padding:22px; border:1px solid #263954; border-radius:14px; background:rgba(14,21,36,.72); }.operating-icon { display:grid; place-items:center; flex:none; width:36px; height:36px; border-radius:10px; color:var(--cyan); background:rgba(92,225,230,.11); font-size:18px; }.operating-cards h3 { margin-top:2px; font-size:16px; letter-spacing:-.035em; }.operating-cards p { margin:10px 0 0; color:var(--muted); font-size:12px; line-height:1.7; }
.workflow { padding:101px 0; border-top:1px solid rgba(34,49,74,.62); }.workflow-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:53px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.workflow-grid article { min-height:210px; padding:24px 24px 26px 0; }.workflow-grid article+article { padding-left:24px; border-left:1px solid var(--line); }.workflow-grid article>span { color:var(--cyan); font-family:Manrope,sans-serif; font-size:11px; font-weight:800; }.workflow-grid h3 { margin-top:28px; font-size:19px; }.workflow-grid p { margin:11px 0 0; color:var(--muted); font-size:12px; line-height:1.75; }.workflow-note { display:flex; align-items:center; gap:10px; margin-top:25px; color:#9eafc5; font-size:12px; }.workflow-note strong { color:#e2fdfb; }.workflow-note span { color:var(--muted); }
@media (max-width:900px) { .hero { grid-template-columns:1fr; padding-top:65px; }.hero-copy { max-width:680px; }.hero-visual { min-height:420px; margin-top:14px; }.section-heading { align-items:start; flex-direction:column; }.heading-note { max-width:470px; }.package-grid { grid-template-columns:1fr; }.operating-model { grid-template-columns:1fr; gap:42px; }.security { gap:45px; }.activation-card,.contact-card { align-items:flex-start; flex-direction:column; }.activation-actions,.contact-details { justify-content:flex-start; } }
@media (max-width:680px) { .section-wrap,.site-header,.presentation-footer { width:min(calc(100% - 32px),var(--max)); }.site-header { min-height:72px; }.top-nav { gap:10px; }.top-nav>a:not(.nav-cta) { display:none; }.nav-cta { padding:9px 11px; font-size:11px; }.hero { min-height:auto; padding:55px 0 68px; }.hero-lead { font-size:15px; }.hero-proof { gap:11px; line-height:1.7; }.hero-visual { min-height:345px; transform:scale(.92); transform-origin:center top; margin-bottom:-35px; }.dashboard-window { transform:none; }.floating-card-top { top:24px; right:-4px; }.floating-card-bottom { bottom:17px; left:-7px; }.intro-strip,.packages,.modules,.security { padding:70px 0; }.intro-content { grid-template-columns:1fr; gap:22px; }.feature-row,.package-grid,.module-grid,.security { grid-template-columns:1fr; }.feature-row { margin-top:46px; }.feature-row article,.feature-row article+article { padding:20px 0; border-left:0; border-bottom:1px solid var(--line); }.feature-row article:last-child { border-bottom:0; }.package-grid,.module-grid { margin-top:37px; }.package-card { padding:23px 20px; }.package-description { min-height:auto; }.check-list { min-height:auto; }.module-card-large { grid-column:auto; }.security { gap:44px; }.activation,.contact-section { padding-bottom:70px; }.activation-card,.contact-card { padding:30px 23px; }.activation-actions,.contact-details { width:100%; }.activation-actions .button,.contact-details .button { width:100%; white-space:normal; }.contact-details { align-items:flex-start; flex-direction:column; gap:18px; }.presentation-footer { min-height:115px; align-items:flex-start; justify-content:center; flex-direction:column; padding:22px 0; gap:8px; } }
@media (max-width:680px) { .operating-model { padding:70px 0; gap:35px; }.operating-cards { grid-template-columns:1fr; }.operating-cards article { min-height:auto; }.workflow { padding:70px 0; }.workflow-grid { grid-template-columns:1fr; margin-top:37px; }.workflow-grid article,.workflow-grid article+article { min-height:auto; padding:20px 0; border-left:0; border-bottom:1px solid var(--line); }.workflow-grid article:last-child { border-bottom:0; }.workflow-grid h3 { margin-top:17px; }.workflow-note { align-items:flex-start; flex-direction:column; line-height:1.7; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.button,.package-link span { transition:none; }.button:hover { transform:none; } }
.package-card-specialized { border-color:rgba(110,157,251,.42); background:linear-gradient(145deg,rgba(18,30,56,.82),rgba(12,17,31,.96)); }
.badge-specialized { border-color:rgba(110,157,251,.4); color:#a9c6ff; background:rgba(110,157,251,.1); }
.package-card-specialized .check-list li:before { color:#9fc0ff; }

.demo-nav-link { color:var(--cyan)!important; font-weight:800; }
.check-list { gap:11px; font-size:14px; line-height:1.45; }
.check-list li { padding-left:22px; }
.check-list .package-template-benefit { color:#f4fbff; font-weight:800; }
.package-card .check-list .package-template-benefit:before { content:'✦'; color:#5ce1e6; }
.package-card-featured .check-list .package-template-benefit:before { color:#c4b5fd; }
.package-pricing { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-top:21px; padding:15px 16px; border:1px solid rgba(92,225,230,.22); border-radius:12px; background:rgba(92,225,230,.06); }
.package-pricing>div { display:grid; gap:4px; }
.package-pricing strong { color:#ecfeff; font-size:19px; letter-spacing:-.02em; }
.package-pricing span { color:#9db0c7; font-size:19px; font-weight:700; letter-spacing:-.02em; }
.package-pricing small { color:var(--cyan); font-size:10px; font-weight:700; text-align:right; }
.package-pricing-featured { border-color:rgba(167,139,250,.3); background:rgba(167,139,250,.08); }
.package-pricing-featured small { color:#c4b5fd; }
.package-discounts { display:grid; gap:7px; margin-top:11px; padding:12px 13px; border-radius:10px; background:rgba(5,10,20,.35); color:#b9c7d8; font-size:12px; }
.package-discounts>p { margin:0 0 1px; color:#e2eaf5; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.package-discounts>div { display:grid; grid-template-columns:45px 1fr auto; gap:8px; align-items:center; }
.package-discounts b { color:#e6f0fc; font-size:12px; font-weight:800; }
.package-discounts small { color:#c2cfdf; font-size:12px; font-weight:800; text-align:right; }
.package-discounts-featured b { color:#ddd6fe; }.package-discount-offer { margin-top:2px; padding-top:8px; border-top:1px solid rgba(92,225,230,.18); }.package-discount-offer b { color:#7cf0b7 !important; }.package-discount-offer small { color:#8feac2 !important; }.activation-contact { margin-top:0 !important; color:#dbeafe !important; font-size:13px !important; }.activation-contact strong { color:var(--cyan); }.activation-contact a { color:#e2e8f0; font-weight:800; text-decoration:underline; text-underline-offset:3px; }
@media (max-width:680px) { .package-pricing { align-items:flex-start; flex-direction:column; gap:8px; }.package-pricing small { text-align:left; }.package-discounts>div { grid-template-columns:45px 1fr; }.package-discounts small { grid-column:2; text-align:left; margin-top:-5px; } }
.demo-nav-link span { font-size:15px; }
.demo-invite { padding:0 0 70px; }
.demo-invite-card { display:grid; grid-template-columns:74px 1fr auto; align-items:center; gap:25px; padding:28px 30px; border:1px solid rgba(92,225,230,.24); border-radius:17px; background:linear-gradient(120deg,rgba(20,45,59,.62),rgba(14,21,36,.88)); }
.demo-invite-mark { display:grid; place-items:center; width:74px; height:74px; border:1px solid rgba(247,198,107,.42); border-radius:19px; color:var(--amber); background:rgba(247,198,107,.08); font:800 14px Manrope,sans-serif; letter-spacing:.08em; transform:rotate(-4deg); }
.demo-invite-copy h2 { margin-top:10px; font-size:clamp(25px,3vw,37px); }.demo-invite-copy>p:last-child { max-width:580px; margin:12px 0 0; color:#9eafc5; font-size:12px; line-height:1.7; }
.demo-invite-card .button { white-space:nowrap; }
.demo-end { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 22px 24px; border-top:1px solid rgba(34,49,74,.62); }
.demo-end-copy { display:flex; align-items:center; flex-wrap:wrap; gap:10px 14px; }.demo-end-copy strong { color:#dff7f7; font-size:12px; }.demo-end-copy>span:last-child { color:#7588a2; font-size:11px; }.demo-pill { color:var(--amber); font-size:9px; font-weight:800; letter-spacing:.1em; }
@media (max-width:900px) { .demo-invite-card { grid-template-columns:64px 1fr; }.demo-invite-card .button { grid-column:2; justify-self:start; } }
@media (max-width:680px) { .demo-invite { padding-bottom:55px; }.demo-invite-card { grid-template-columns:1fr; gap:18px; padding:24px 20px; }.demo-invite-mark { width:60px; height:60px; border-radius:15px; }.demo-invite-card .button { grid-column:auto; width:100%; white-space:normal; }.demo-end { align-items:flex-start; flex-direction:column; padding-bottom:18px; }.demo-end .button { width:100%; } }
.package-grid { grid-template-columns:repeat(2,1fr); }
@media (max-width:900px) { .package-grid { grid-template-columns:1fr; } }