:root {
    --ink: #101828;
    --muted: #5d6b82;
    --line: #dfe7f1;
    --surface: #f5f8fc;
    --navy: #07152c;
    --navy-2: #0a2145;
    --blue: #1597f5;
    --cyan: #36d5f7;
    --violet: #7259e7;
    --green: #27c485;
    --white: #fff;
    --shell: 1180px;
    --radius: 24px;
    --shadow: 0 24px 70px rgba(15, 37, 70, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 86px; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: "Manrope", system-ui, sans-serif; line-height: 1.6; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { color: inherit; }
.shell { width: min(var(--shell), calc(100% - 40px)); margin-inline: auto; }
.section { padding: 110px 0; }
.skip-link { position: fixed; z-index: 999; left: 16px; top: -80px; padding: 12px 18px; border-radius: 12px; background: #fff; color: var(--navy); box-shadow: var(--shadow); transition: top .2s; }
.skip-link:focus { top: 16px; }
.kicker, .overline { display: block; margin-bottom: 14px; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.kicker-light { color: var(--cyan); }
.center { text-align: center; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-bottom: 48px; }
.section-heading.centered { display: block; text-align: center; }
.section-heading h2, .intro-statement h2 { max-width: 760px; margin: 0; font-size: clamp(34px, 4.5vw, 58px); line-height: 1.08; letter-spacing: -.045em; }
.section-heading p { max-width: 480px; margin: 0; color: var(--muted); font-size: 16px; }
.section-heading.centered p { max-width: 620px; margin: 18px auto 0; }
.button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 12px; padding: 13px 22px; border: 1px solid transparent; border-radius: 14px; font-weight: 800; cursor: pointer; transition: transform .22s ease, box-shadow .22s ease, background .22s ease; }
.button:hover { transform: translateY(-2px); }
.button:focus-visible, a:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible, button:focus-visible { outline: 3px solid rgba(54,213,247,.48); outline-offset: 3px; }
.button-primary { color: #fff; background: linear-gradient(120deg, var(--blue), var(--violet)); box-shadow: 0 15px 34px rgba(45,131,237,.28); }
.button-primary:hover { box-shadow: 0 20px 44px rgba(45,131,237,.38); }
.button-ghost { color: #fff; border-color: rgba(255,255,255,.24); background: rgba(255,255,255,.07); }
.button-light { color: var(--navy); background: #fff; box-shadow: 0 15px 34px rgba(0,0,0,.16); }
.button-outline { width: 100%; color: var(--navy); border-color: var(--line); background: #fff; }
.button-sm { min-height: 43px; padding: 10px 17px; font-size: 13px; }

/* Navigation */
.site-header { position: fixed; z-index: 100; inset: 0 0 auto; color: #fff; border-bottom: 1px solid rgba(255,255,255,.09); background: rgba(7,21,44,.78); backdrop-filter: blur(18px); transition: background .2s, box-shadow .2s; }
.site-header.scrolled { background: rgba(7,21,44,.96); box-shadow: 0 10px 40px rgba(0,0,0,.14); }
.nav-shell { display: flex; min-height: 78px; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.brand img { width: 50px; height: 50px; object-fit: contain; }
.brand span { display: flex; flex-direction: column; line-height: 1.15; }
.brand strong { font-size: 14px; letter-spacing: .035em; }
.brand small { margin-top: 4px; color: rgba(255,255,255,.56); font-size: 8px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.desktop-nav { display: flex; align-items: center; gap: 30px; margin-left: auto; }
.desktop-nav a, .nav-login { color: rgba(255,255,255,.72); font-size: 13px; font-weight: 700; transition: color .2s; }
.desktop-nav a:hover, .nav-login:hover { color: #fff; }
.nav-actions { display: flex; align-items: center; gap: 16px; }
.menu-toggle { display: none; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(255,255,255,.18); border-radius: 13px; background: rgba(255,255,255,.07); cursor: pointer; }
.menu-toggle span { display: block; width: 18px; height: 2px; margin: 5px auto; background: #fff; transition: transform .2s; }
.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
.mobile-menu { display: none; padding: 12px 20px 24px; border-top: 1px solid rgba(255,255,255,.08); background: var(--navy); }
.mobile-menu.open { display: grid; }
.mobile-menu a { padding: 13px 8px; color: rgba(255,255,255,.8); border-bottom: 1px solid rgba(255,255,255,.07); font-weight: 700; }

/* Hero */
.hero { position: relative; overflow: hidden; color: #fff; background: var(--navy); }
.home-hero { min-height: 820px; padding: 160px 0 0; }
.hero::before { content: ""; position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(rgba(255,255,255,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.13) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, #000, transparent 88%); }
.hero-orb { position: absolute; border-radius: 50%; filter: blur(2px); }
.hero-orb-one { top: -230px; right: -130px; width: 680px; height: 680px; background: radial-gradient(circle, rgba(21,151,245,.28), transparent 66%); }
.hero-orb-two { bottom: -330px; left: -180px; width: 680px; height: 680px; background: radial-gradient(circle, rgba(114,89,231,.23), transparent 68%); }
.hero-grid { position: relative; display: grid; grid-template-columns: .92fr 1.18fr; align-items: center; gap: 58px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 8px 12px; color: rgba(255,255,255,.78); border: 1px solid rgba(255,255,255,.15); border-radius: 999px; background: rgba(255,255,255,.06); font-size: 12px; font-weight: 700; }
.eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 15px var(--cyan); }
.hero-copy h1 { margin: 24px 0 22px; font-size: clamp(48px, 6vw, 76px); line-height: .98; letter-spacing: -.055em; }
.hero-copy h1 span { color: transparent; background: linear-gradient(90deg, var(--cyan), #4ea6ff 52%, #9f8cff); background-clip: text; -webkit-background-clip: text; }
.hero-copy > p { max-width: 620px; margin: 0; color: rgba(255,255,255,.7); font-size: 17px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.hero-proof { display: flex; gap: 28px; margin-top: 42px; }
.hero-proof div { padding-right: 26px; border-right: 1px solid rgba(255,255,255,.14); }
.hero-proof div:last-child { border: 0; }
.hero-proof strong { display: block; font-size: 24px; line-height: 1.1; }
.hero-proof span { color: rgba(255,255,255,.48); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.product-stage { position: relative; min-width: 0; padding: 50px 0 58px; }
.stage-glow { position: absolute; inset: 17% 5%; background: rgba(21,151,245,.32); filter: blur(70px); }
.app-window { position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.2); border-radius: 20px; background: #f8fbff; box-shadow: 0 38px 100px rgba(0,0,0,.46); transform: perspective(1200px) rotateY(-3deg) rotateX(1deg); }
.app-topbar { display: flex; height: 42px; align-items: center; gap: 14px; padding: 0 15px; color: #738096; background: #fff; border-bottom: 1px solid #e5ebf3; font-size: 9px; }
.app-topbar > span:nth-child(2) { flex: 1; }
.app-topbar em { color: #19a76f; font-style: normal; font-weight: 800; }
.app-dots { display: flex; gap: 5px; }.app-dots i { width: 7px; height: 7px; border-radius: 50%; background: #d9e0e9; }
.app-layout { display: grid; grid-template-columns: 50px 1fr; min-height: 390px; }
.app-layout aside { display: flex; flex-direction: column; align-items: center; gap: 18px; padding-top: 16px; background: #0b1e3d; }
.app-layout aside b { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; background: linear-gradient(135deg,var(--blue),var(--violet)); font-size: 9px; }
.app-layout aside i { width: 20px; height: 20px; border-radius: 6px; border: 1px solid rgba(255,255,255,.2); }
.app-layout aside i.active { background: rgba(54,213,247,.2); border-color: var(--cyan); }
.app-content { min-width: 0; padding: 22px; color: var(--ink); }
.app-heading { display: flex; align-items: center; justify-content: space-between; }.app-heading div { display: grid; }.app-heading small { color: #8290a5; font-size: 8px; }.app-heading strong { font-size: 14px; }.app-heading button { padding: 7px 9px; border: 1px solid #dde5ef; border-radius: 8px; background: #fff; font-size: 8px; }
.mini-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin-top: 18px; }.mini-stats > div { display: grid; padding: 12px; border: 1px solid #e4ebf3; border-radius: 11px; background: #fff; }.mini-stats span { color: #718097; font-size: 7px; }.mini-stats strong { margin: 3px 0; font-size: 16px; }.mini-stats small { color: #8390a3; font-size: 7px; }.mini-stats .up { color: #18a66e; }
.app-panels { display: grid; grid-template-columns: 1.25fr .9fr; gap: 10px; margin-top: 10px; }.chart-card,.activity-card { min-width: 0; padding: 13px; border: 1px solid #e4ebf3; border-radius: 11px; background: #fff; }.panel-title { display: flex; align-items: center; justify-content: space-between; font-size: 8px; }.panel-title span { color: var(--blue); font-size: 7px; }
.chart-bars { display: flex; height: 115px; align-items: end; gap: 7px; padding-top: 18px; border-bottom: 1px solid #edf1f6; }.chart-bars i { flex: 1; height: 45%; border-radius: 5px 5px 0 0; background: linear-gradient(var(--cyan),var(--blue)); }.chart-bars i:nth-child(2){height:62%}.chart-bars i:nth-child(3){height:53%}.chart-bars i:nth-child(4){height:78%}.chart-bars i:nth-child(5){height:66%}.chart-bars i:nth-child(6){height:91%}.chart-bars i:nth-child(7){height:83%}.chart-labels { display: flex; justify-content: space-around; color: #97a3b3; font-size: 7px; }
.activity-card p { display: grid; grid-template-columns: 10px 1fr; margin: 12px 0; padding-bottom: 8px; border-bottom: 1px solid #eef2f6; font-size: 7px; }.activity-card p i { grid-row: 1/3; width: 7px; height: 7px; margin-top: 2px; border-radius: 50%; background: var(--green); }.activity-card p i.status-wait { background: #f2b84b; }.activity-card p small { color: #6f7f94; }
.float-card { position: absolute; z-index: 2; display: flex; align-items: center; gap: 10px; padding: 12px 15px; border: 1px solid rgba(255,255,255,.25); border-radius: 14px; color: var(--ink); background: rgba(255,255,255,.95); box-shadow: 0 20px 45px rgba(0,0,0,.26); animation: float 4.5s ease-in-out infinite; }.float-card > span { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; color: #fff; background: var(--green); }.float-card div { display: grid; }.float-card b { font-size: 10px; }.float-card small { color: #6f7d91; font-size: 7px; }.float-card-dte { top: 18px; right: -28px; }.float-card-sync { bottom: 20px; left: -34px; animation-delay: -2s; }.float-card-sync > span { background: var(--blue); }
@keyframes float { 50% { transform: translateY(-8px); } }
.hero-bottom { position: relative; display: flex; align-items: center; justify-content: center; gap: 27px; min-height: 92px; margin-top: 52px; color: rgba(255,255,255,.55); border-top: 1px solid rgba(255,255,255,.1); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }.hero-bottom i { width: 4px; height: 4px; border-radius: 50%; background: var(--cyan); }

/* Logos */
.logo-section { padding: 48px 0 42px; border-bottom: 1px solid var(--line); background: #fff; }.logo-marquee { overflow: hidden; margin-top: 26px; mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }.logo-track { display: flex; width: max-content; align-items: center; gap: 58px; animation: marquee 40s linear infinite; }.logo-track:hover { animation-play-state: paused; }.logo-item { display: grid; width: 140px; height: 70px; place-items: center; filter: grayscale(1); opacity: .58; transition: filter .2s,opacity .2s,transform .2s; }.logo-item:hover { filter: none; opacity: 1; transform: scale(1.05); }.logo-item img { max-width: 130px; max-height: 62px; object-fit: contain; }.logo-loading { width: 100vw; color: var(--muted); text-align: center; }.logo-track.no-animation { width: auto; justify-content: center; }.logo-track.no-animation .logo-item { display: none; }
@keyframes marquee { to { transform: translateX(-33.333%); } }

/* Products */
.product-grid { display: grid; grid-template-columns: 1.35fr .95fr; gap: 18px; }.product-card { position: relative; min-height: 300px; overflow: hidden; padding: 32px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: 0 15px 50px rgba(15,37,70,.07); transition: transform .25s,box-shadow .25s; }.product-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }.product-card-featured { grid-row: span 2; min-height: 618px; padding-right: 44%; color: #fff; background: linear-gradient(150deg,#0a2349,#07152c 68%); }.product-card-cloud { color: #fff; background: linear-gradient(135deg,#125fb5,#6b55dc); }.product-card-small { min-height: 230px; }.product-index { position: absolute; top: 30px; right: 30px; color: rgba(16,24,40,.16); font-size: 34px; font-weight: 800; }.product-card-featured .product-index,.product-card-cloud .product-index { color: rgba(255,255,255,.22); }.product-label { color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.product-card-featured .product-label,.product-card-cloud .product-label { color: var(--cyan); }.product-card h3 { margin: 18px 0 12px; font-size: 30px; line-height: 1.1; letter-spacing: -.035em; }.product-card p { color: var(--muted); }.product-card-featured p,.product-card-cloud p { color: rgba(255,255,255,.68); }.product-card > a { position: absolute; z-index: 3; left: 32px; bottom: 30px; color: var(--blue); font-size: 13px; font-weight: 800; }.product-card-featured > a,.product-card-cloud > a { color: #fff; }.product-card > a span { margin-left: 8px; }.clean-list { display: grid; gap: 10px; margin: 25px 0 0; padding: 0; list-style: none; color: rgba(255,255,255,.73); font-size: 13px; }.clean-list li::before { content:"✓"; margin-right: 9px; color: var(--cyan); }.product-visual { position: absolute; right: -80px; bottom: 20px; width: 370px; height: 390px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; }.product-visual i { position: absolute; inset: 70px; border: 1px dashed rgba(54,213,247,.35); border-radius: 50%; }.product-visual span { position: absolute; display: grid; width: 86px; height: 86px; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 22px; background: rgba(255,255,255,.09); backdrop-filter: blur(12px); font-size: 10px; font-weight: 700; }.product-visual span:nth-child(1){top:20px;left:82px}.product-visual span:nth-child(2){top:130px;left:-12px}.product-visual span:nth-child(3){bottom:20px;left:88px}.product-visual span:nth-child(4){top:132px;right:1px}.cloud-pulse { position: absolute; right: 34px; bottom: 24px; display: grid; width: 118px; height: 118px; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; background: rgba(255,255,255,.09); }.cloud-pulse::before,.cloud-pulse::after { content:""; position:absolute; border:1px solid rgba(255,255,255,.15); border-radius:50%; }.cloud-pulse::before{inset:-16px}.cloud-pulse::after{inset:-32px}.cloud-pulse b{font-size:26px}.cloud-pulse span{position:absolute;bottom:20px;font-size:7px;color:rgba(255,255,255,.65)}

/* Cloud showcase */
.cloud-showcase { position: relative; overflow: hidden; color: #fff; background: linear-gradient(135deg,#07152c,#0b2d5d); }.cloud-showcase::after { content:"";position:absolute;right:-140px;top:-160px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(54,213,247,.2),transparent 68%); }.cloud-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 80px; }.cloud-copy h2,.results-copy h2,.product-view-copy h2 { margin: 0 0 20px; font-size: clamp(38px,4.7vw,60px); line-height: 1.06; letter-spacing: -.045em; }.cloud-copy > p,.results-copy > p,.product-view-copy > p { color: rgba(255,255,255,.65); }.cloud-benefits { display: grid; gap: 20px; margin: 32px 0; }.cloud-benefits > div { display: grid; grid-template-columns: 42px 1fr; gap: 12px; }.cloud-benefits > div > b { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid rgba(54,213,247,.28); border-radius: 11px; color: var(--cyan); font-size: 10px; }.cloud-benefits span { display: grid; }.cloud-benefits strong { font-size: 13px; }.cloud-benefits small { color: rgba(255,255,255,.52); font-size: 11px; }.cloud-dashboard { position: relative; padding: 18px; border: 1px solid rgba(255,255,255,.2); border-radius: 22px; background: rgba(255,255,255,.08); box-shadow: 0 38px 90px rgba(0,0,0,.34); }.cloud-window-top { display: flex; justify-content: space-between; padding: 8px 10px 18px; font-size: 11px; }.cloud-window-top span { color: #62e4b0; font-size: 9px; }.cloud-window-body { padding: 18px; border-radius: 14px; color: var(--ink); background: #f8fbff; }.cloud-kpis { display: grid; grid-template-columns:repeat(3,1fr); gap: 10px; }.cloud-kpis div { display:grid;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff; }.cloud-kpis span{color:#758298;font-size:8px}.cloud-kpis b{font-size:19px}.cloud-table{margin-top:12px;border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}.cloud-table>div{display:grid;grid-template-columns:.8fr 1.2fr .7fr;gap:8px;align-items:center;padding:11px 12px;border-bottom:1px solid #edf1f5;font-size:8px}.cloud-table>div:last-child{border:0}.cloud-table .table-head{color:#78869a;background:#f8fafc;font-size:7px;text-transform:uppercase}.cloud-table em{justify-self:start;padding:4px 7px;border-radius:999px;color:#11835b;background:#e3f8ef;font-style:normal;font-size:7px}.cloud-table em.pending{color:#9a6711;background:#fff2d8}.cloud-route{position:absolute;right:34px;bottom:-30px;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:13px;color:#8a96a8;background:#fff;box-shadow:0 22px 50px rgba(0,0,0,.25);font-size:8px}.cloud-route b{color:var(--blue)}.cloud-route i{font-style:normal;color:var(--blue)}

/* Modules */
.modules-section { background: var(--surface); }.bento-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bento{min-height:250px;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 35px rgba(15,37,70,.05)}.bento-wide{grid-column:span 2;display:grid;grid-template-columns:48px 1fr .8fr;gap:20px;align-items:start}.bento-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;color:var(--blue);background:#eaf5ff;font-size:20px}.bento small{color:var(--blue);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.bento h3{margin:12px 0 10px;font-size:24px;line-height:1.2;letter-spacing:-.03em}.bento p{margin:0;color:var(--muted);font-size:13px}.bento-dark{color:#fff;background:var(--navy);border-color:var(--navy)}.bento-dark p{color:rgba(255,255,255,.58)}.bento-dark small{color:var(--cyan)}.bento-accent{color:#fff;background:linear-gradient(145deg,#176fc8,#6954d8);border:0}.bento-accent p{color:rgba(255,255,255,.66)}.bento-accent small{color:#b9f2ff}.stock-widget{display:grid;gap:9px;padding:14px;border-radius:15px;background:#f7fafe}.stock-widget span{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;padding:7px;color:#7a879a;border-bottom:1px solid #e9eef5;font-size:8px}.stock-widget span:last-child{border:0}.stock-widget i{width:6px;height:6px;border-radius:50%;background:var(--green)}.stock-widget span:nth-child(2) i{background:#efb947}.stock-widget b{color:var(--ink);font-size:11px}

/* Showcase */
.experience-section { overflow:hidden; }.experience-tabs { display:flex;justify-content:center;gap:8px;margin:0 auto 24px; }.experience-tabs button{padding:10px 17px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#fff;font-size:12px;font-weight:700;cursor:pointer}.experience-tabs button.active{color:#fff;border-color:var(--navy);background:var(--navy)}.showcase-frame{position:relative;max-width:1020px;margin:auto;padding:10px;border:1px solid #dce5ef;border-radius:22px;background:#f6f9fc;box-shadow:0 35px 90px rgba(15,37,70,.16)}.showcase-toolbar{display:flex;height:35px;align-items:center;gap:6px;padding:0 10px}.showcase-toolbar i{width:7px;height:7px;border-radius:50%;background:#ced7e3}.showcase-toolbar span{margin:auto;color:#8a97a9;font-size:8px}.showcase-frame>img{width:100%;aspect-ratio:16/8.2;object-fit:cover;object-position:top;border-radius:14px;border:1px solid #dfe6ee}.showcase-caption{position:absolute;right:-26px;bottom:-36px;width:310px;padding:20px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.96);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.showcase-caption>span{color:var(--blue);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.showcase-caption strong{display:block;margin-top:6px;font-size:15px}.showcase-caption p{margin:4px 0 0;color:var(--muted);font-size:10px}

/* Results and pricing */
.results-section{color:#fff;background:var(--navy)}.results-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px}.text-link-light{display:inline-flex;margin-top:18px;color:var(--cyan);font-weight:800}.before-after{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:23px;background:rgba(255,255,255,.05)}.before-after>div{padding:32px}.before-after .after{background:linear-gradient(150deg,rgba(21,151,245,.25),rgba(114,89,231,.22))}.before-after>div>span{display:block;margin-bottom:18px;color:rgba(255,255,255,.48);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.before-after .after>span{color:var(--cyan)}.before-after p{margin:0;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.64);font-size:13px}.before-after p::before{content:"×";margin-right:10px;color:#ef8092}.before-after .after p{color:#fff}.before-after .after p::before{content:"✓";color:#5de2af}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.price-card{position:relative;display:flex;min-height:470px;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff}.price-featured{color:#fff;border:0;background:linear-gradient(155deg,#0c2852,var(--navy));box-shadow:0 25px 60px rgba(7,21,44,.25);transform:translateY(-10px)}.price-tag{align-self:flex-start;padding:5px 9px;border-radius:999px;color:var(--blue);background:#eaf5ff;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.price-featured .price-tag{color:var(--navy);background:var(--cyan)}.price-card h3{margin:20px 0 0;font-size:20px}.price{margin:8px 0;font-size:52px;font-weight:800;letter-spacing:-.06em}.price sup{font-size:20px;vertical-align:top}.price small{margin-left:5px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:0}.price-featured .price small{color:rgba(255,255,255,.55)}.price-card>p{min-height:50px;color:var(--muted);font-size:12px}.price-featured>p{color:rgba(255,255,255,.62)}.price-card ul{display:grid;gap:11px;margin:22px 0 28px;padding:20px 0;border-top:1px solid var(--line);list-style:none;color:var(--muted);font-size:11px}.price-featured ul{color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.12)}.price-card li::before{content:"✓";margin-right:8px;color:var(--green)}.price-card .button{margin-top:auto}.pricing-note{margin:25px 0 0;color:var(--muted);font-size:11px;text-align:center}

/* FAQ and contact */
.faq-section{background:var(--surface)}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq-intro h2{margin:0;font-size:45px;line-height:1.1;letter-spacing:-.04em}.faq-intro p{color:var(--muted)}.faq-list details{border-bottom:1px solid #d7e0eb}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:15px;font-weight:800;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{font-size:22px;font-style:normal;font-weight:400;transition:transform .2s}.faq-list details[open] summary i{transform:rotate(45deg)}.faq-list details p{margin:-6px 50px 22px 0;color:var(--muted);font-size:13px}.contact-section{background:#fff}.contact-wrap{display:grid;grid-template-columns:.85fr 1.15fr;overflow:hidden;color:#fff;border-radius:30px;background:linear-gradient(140deg,#07152c,#0b2c5a);box-shadow:0 35px 85px rgba(7,21,44,.25)}.contact-copy{padding:60px}.contact-copy h2{margin:0;font-size:48px;line-height:1.08;letter-spacing:-.045em}.contact-copy>p{color:rgba(255,255,255,.62)}.contact-direct{display:grid;gap:10px;margin-top:34px}.contact-direct a{display:grid;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.contact-direct span{color:rgba(255,255,255,.45);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.contact-direct b{font-size:13px}.contact-form{display:grid;gap:15px;margin:18px;padding:38px;border-radius:22px;color:var(--ink);background:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form label{display:grid;gap:7px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.contact-form input,.contact-form textarea{width:100%;padding:13px 14px;border:1px solid #dce4ee;border-radius:12px;color:var(--ink);background:#f9fbfd;font-size:13px;text-transform:none;letter-spacing:0}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue);background:#fff}.contact-form textarea{min-height:110px;resize:vertical}.contact-form small{color:#7a8799;font-size:9px;font-weight:500;text-align:center;text-transform:none;letter-spacing:0}.contact-form small a{color:var(--blue)}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{min-height:20px;margin:0;color:#177b5a;font-size:11px;text-align:center}.form-status.error{color:#b33b4b}

/* DTE page */
.dte-hero{min-height:760px;padding:170px 0 100px}.dte-hero-grid{position:relative;display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:80px}.dte-trust{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;color:rgba(255,255,255,.58);font-size:10px}.dte-orbit{position:relative;height:480px}.orbit-ring{position:absolute;inset:70px;border:1px solid rgba(54,213,247,.2);border-radius:50%;animation:spin 24s linear infinite}.orbit-two{inset:125px;border-style:dashed;animation-direction:reverse;animation-duration:18s}.orbit-core{position:absolute;inset:165px;display:grid;place-content:center;text-align:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:radial-gradient(circle,#184b87,#0a2145);box-shadow:0 0 70px rgba(21,151,245,.4)}.orbit-core small{color:var(--cyan);font-size:8px;letter-spacing:.18em}.orbit-core b{font-size:42px;line-height:1}.orbit-core span{font-size:9px;letter-spacing:.3em}.orbit-node{position:absolute;display:grid;width:80px;height:80px;place-content:center;text-align:center;border:1px solid rgba(255,255,255,.2);border-radius:21px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}.orbit-node i{color:var(--cyan);font-size:8px;font-style:normal}.orbit-node span{font-size:10px;font-weight:800}.node-one{top:35px;left:70px}.node-two{top:85px;right:30px}.node-three{bottom:60px;left:25px}.dte-success{position:absolute;right:0;bottom:40px;display:grid;padding:15px 20px;border-radius:15px;color:var(--ink);background:#fff;box-shadow:var(--shadow)}.dte-success b{font-size:11px;color:#13845c}.dte-success span{font-size:8px;color:#748195}@keyframes spin{to{transform:rotate(360deg)}}.intro-statement{max-width:900px;text-align:center}.intro-statement h2{margin-inline:auto}.intro-statement p{max-width:680px;margin:22px auto 0;color:var(--muted)}.journey{display:grid;grid-template-columns:repeat(7,auto);align-items:center;gap:14px;margin-top:55px;padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.journey>div{display:grid;max-width:190px}.journey>div>span{color:var(--blue);font-size:9px;font-weight:800}.journey b{font-size:12px}.journey small{color:var(--muted);font-size:9px}.journey>i{color:#a2afc0;font-style:normal}.dte-capabilities{background:var(--surface)}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.capability-card{min-height:260px;padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff}.capability-card>span{color:var(--blue);font-size:10px;font-weight:800}.capability-card h3{margin:35px 0 10px;font-size:23px}.capability-card p{color:var(--muted);font-size:13px}.capability-featured{grid-row:span 2;min-height:536px;color:#fff;background:var(--navy);border:0}.capability-featured>span{color:var(--cyan)}.capability-featured p{color:rgba(255,255,255,.58)}.monitor-mini{display:grid;gap:8px;margin-top:60px}.monitor-mini div{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.05);font-size:9px}.monitor-mini em{padding:4px 7px;border-radius:999px;color:#5de2af;background:rgba(39,196,133,.13);font-size:7px;font-style:normal}.monitor-mini em.pending{color:#ffd681;background:rgba(242,184,75,.13)}.dte-product-view{color:#fff;background:linear-gradient(140deg,#07152c,#0b2c5a)}.product-view-grid{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:70px}.check-list{display:grid;gap:11px;margin:30px 0 0;padding:0;list-style:none;color:rgba(255,255,255,.72);font-size:12px}.check-list li::before{content:"✓";margin-right:9px;color:var(--cyan)}.real-screen{overflow:hidden;padding:9px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(255,255,255,.08);box-shadow:0 35px 80px rgba(0,0,0,.32)}.real-screen-bar{display:flex;height:35px;align-items:center;gap:5px;padding:0 9px}.real-screen-bar i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.25)}.real-screen-bar span{margin:auto;color:rgba(255,255,255,.5);font-size:8px}.real-screen img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;border-radius:12px}.connection-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:16px;margin-top:55px}.connection-map>div{display:grid;min-height:180px;place-content:center;padding:25px;border:1px solid var(--line);border-radius:20px;text-align:center}.connection-map>i{align-self:center;color:var(--blue);font-size:24px;font-style:normal}.connection-map small{color:var(--blue);font-size:8px;text-transform:uppercase;letter-spacing:.12em}.connection-map b{margin:8px 0;font-size:16px}.connection-map span{color:var(--muted);font-size:9px}.connection-map .map-core{color:#fff;border:0;background:linear-gradient(135deg,#177ed7,#6954d9);box-shadow:0 20px 50px rgba(64,91,212,.24)}.connection-map .map-core small{color:#b9f2ff}.connection-map .map-core span{color:rgba(255,255,255,.65)}.dte-final{padding-top:0}.dte-final-card{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:60px;border-radius:28px;color:#fff;background:linear-gradient(120deg,#0b2349,#1267bd 58%,#6754d8)}.dte-final-card h2{max-width:700px;margin:0;font-size:42px;line-height:1.1;letter-spacing:-.04em}.dte-final-card p{color:rgba(255,255,255,.67)}.dte-final-actions{display:grid;gap:10px;min-width:230px}.legal-hero{padding:170px 0 70px;color:#fff;background:var(--navy)}.legal-hero h1{margin:0;font-size:56px;letter-spacing:-.05em}.legal-hero p{color:rgba(255,255,255,.55)}.legal-content{max-width:800px}.legal-content h2{margin:35px 0 8px;font-size:22px}.legal-content p{color:var(--muted)}.legal-content a{color:var(--blue);font-weight:700}

/* Footer */
.site-footer{padding:75px 0 25px;color:#fff;background:#050f22}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:70px}.footer-intro p{max-width:340px;color:rgba(255,255,255,.48);font-size:12px}.footer-grid>div:not(.footer-intro){display:flex;flex-direction:column;gap:10px}.footer-grid h2{margin:0 0 10px;color:rgba(255,255,255,.42);font-size:9px;text-transform:uppercase;letter-spacing:.14em}.footer-grid>div>a{color:rgba(255,255,255,.7);font-size:11px}.footer-grid>div>a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;margin-top:55px;padding-top:22px;border-top:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.35);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.whatsapp-fab{position:fixed;z-index:80;right:24px;bottom:24px;display:grid;width:54px;height:54px;place-items:center;border:4px solid #fff;border-radius:50%;color:#fff;background:#23c76f;box-shadow:0 15px 35px rgba(22,168,92,.3);font-size:10px;font-weight:800}

/* Motion */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}

@media (max-width: 1020px){
    .desktop-nav{display:none}.menu-toggle{display:block}.nav-demo{display:none}
    .hero-grid,.cloud-grid,.results-grid,.dte-hero-grid,.product-view-grid{grid-template-columns:1fr}.home-hero{padding-top:140px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.product-stage{max-width:760px;margin:auto}.cloud-grid{gap:55px}.product-grid{grid-template-columns:1fr 1fr}.product-card-featured{grid-column:1/-1;grid-row:auto;min-height:520px}.bento-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr 1fr}.faq-grid,.contact-wrap{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.dte-orbit{max-width:600px;width:100%;margin:auto}.journey{grid-template-columns:1fr 1fr}.journey>i{display:none}.journey>div{max-width:none;padding:10px}.product-view-copy{text-align:center}.check-list{justify-content:center}.dte-final-card{align-items:flex-start;flex-direction:column}.dte-final-actions{display:flex;min-width:0}.capability-grid{grid-template-columns:1fr 1fr}.capability-featured{grid-row:auto;min-height:360px}.monitor-mini{margin-top:35px}
}

@media (max-width: 720px){
    .shell{width:min(100% - 30px,var(--shell))}.section{padding:78px 0}.nav-shell{min-height:70px}.brand img{width:44px;height:44px}.brand strong{font-size:12px}.nav-login{display:none}.hero-copy h1{font-size:47px}.home-hero{min-height:auto;padding-top:125px}.hero-grid{gap:20px}.hero-proof{gap:13px}.hero-proof div{padding-right:13px}.hero-proof strong{font-size:19px}.hero-proof span{font-size:7px}.product-stage{width:115%;margin-left:-7.5%;transform:scale(.88)}.float-card-dte{right:0}.float-card-sync{left:0}.hero-bottom{flex-wrap:wrap;gap:10px 17px;margin-top:0;padding:20px 0}.hero-bottom span{font-size:8px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:35px}.section-heading h2,.intro-statement h2{font-size:38px}.product-grid,.pricing-grid,.bento-grid,.capability-grid{grid-template-columns:1fr}.product-card-featured{min-height:560px;padding-right:32px;padding-bottom:300px}.product-visual{right:calc(50% - 185px);bottom:-50px}.product-card{min-height:280px}.product-card-cloud{padding-right:150px}.bento-wide{grid-column:auto;grid-template-columns:44px 1fr}.stock-widget{grid-column:1/-1}.cloud-showcase{padding-bottom:120px}.cloud-copy{text-align:center}.cloud-benefits{text-align:left}.cloud-dashboard{padding:10px}.cloud-window-body{padding:10px}.cloud-table>div{grid-template-columns:1fr .8fr}.cloud-table>div span:nth-child(2){display:none}.cloud-route{right:12px;left:12px;justify-content:center}.experience-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:5px}.experience-tabs button{white-space:nowrap}.showcase-caption{position:static;width:auto;margin-top:10px}.before-after{grid-template-columns:1fr}.results-grid{gap:45px}.price-featured{transform:none}.faq-grid{gap:35px}.contact-copy{padding:38px 28px}.contact-copy h2{font-size:38px}.contact-form{margin:10px;padding:28px 20px}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:40px 24px}.footer-intro{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}.dte-hero{padding-top:130px}.dte-orbit{height:400px;transform:scale(.88)}.orbit-ring{inset:55px}.orbit-two{inset:105px}.orbit-core{inset:140px}.node-one{left:25px}.node-two{right:5px}.dte-success{right:0;bottom:15px}.journey{grid-template-columns:1fr}.connection-map{grid-template-columns:1fr}.connection-map>i{transform:rotate(90deg);justify-self:center}.dte-final-card{padding:38px 26px}.dte-final-card h2{font-size:35px}.dte-final-actions{width:100%;flex-direction:column}.legal-hero h1{font-size:42px}
}

@media (max-width: 420px){
    .brand small{display:none}.hero-copy h1{font-size:40px}.hero-copy>p{font-size:15px}.hero-proof span{max-width:80px;line-height:1.3}.app-content{padding:14px}.app-layout{grid-template-columns:38px 1fr;min-height:330px}.mini-stats>div{padding:8px}.mini-stats strong{font-size:12px}.app-panels{grid-template-columns:1fr}.activity-card{display:none}.chart-bars{height:85px}.float-card{display:none}.product-stage{width:124%;margin-left:-12%;padding-top:20px}.cloud-kpis{grid-template-columns:1fr 1fr}.cloud-kpis>div:last-child{display:none}.product-card-cloud{padding-right:32px}.cloud-pulse{opacity:.35}.dte-orbit{margin-left:-8%;width:116%}.orbit-core{inset:135px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.whatsapp-fab{right:15px;bottom:15px}.contact-direct b{font-size:11px}
}

@media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.logo-track,.float-card,.orbit-ring{animation:none!important}.button,.product-card{transition:none}
}