:root {
    --bg: #020615;
    --bg-deep: #01040f;
    --panel: rgba(7, 15, 34, .82);
    --panel-strong: #071126;
    --panel-soft: rgba(10, 21, 45, .62);
    --stroke: rgba(91, 125, 195, .21);
    --stroke-strong: rgba(103, 136, 211, .35);
    --text: #f7f8ff;
    --muted: #99a5bd;
    --muted-2: #66728a;
    --blue: #2c75ff;
    --cyan: #19ddea;
    --purple: #9748ff;
    --magenta: #c546ff;
    --green: #19e3a3;
    --shadow: 0 35px 100px rgba(0, 0, 0, .55);
    --radius: 18px;
    --container: 1342px;
    color-scheme: dark;
}

html[data-theme="light"] {
    --bg: #edf3ff;
    --bg-deep: #f8faff;
    --panel: rgba(255, 255, 255, .84);
    --panel-strong: #ffffff;
    --panel-soft: rgba(244, 248, 255, .88);
    --stroke: rgba(39, 69, 128, .14);
    --stroke-strong: rgba(39, 69, 128, .25);
    --text: #071126;
    --muted: #52617d;
    --muted-2: #7b88a0;
    --shadow: 0 35px 100px rgba(24, 52, 105, .15);
    color-scheme: light;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    min-width: 320px;
    overflow-x: hidden;
    background:
        radial-gradient(circle at 76% 26%, rgba(40, 70, 191, .12), transparent 31%),
        radial-gradient(circle at 55% 0%, rgba(73, 39, 179, .10), transparent 25%),
        linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);
    color: var(--text);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
svg { display: block; }
.container { width: min(calc(100% - 56px), var(--container)); margin-inline: auto; }

.noise {
    position: fixed; inset: 0; pointer-events: none; z-index: -1; opacity: .035;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");
}
.ambient { position: fixed; pointer-events: none; z-index: -2; border-radius: 50%; filter: blur(110px); opacity: .20; }
.ambient-one { width: 440px; height: 440px; right: 12%; top: 80px; background: #2549ff; }
.ambient-two { width: 260px; height: 260px; right: 35%; top: 320px; background: #a224ff; opacity: .13; }

.site-header {
    position: sticky; top: 0; z-index: 50;
    height: 76px;
    border-bottom: 1px solid rgba(108, 132, 183, .13);
    background: color-mix(in srgb, var(--bg-deep) 82%, transparent);
    backdrop-filter: blur(22px) saturate(130%);
}
.header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.brand-symbol { width: 48px; height: 38px; display: grid; place-items: center; filter: drop-shadow(0 0 16px rgba(71, 91, 255, .25)); }
.brand-symbol svg { width: 100%; height: 100%; }
.brand-copy { display: flex; align-items: baseline; gap: 14px; white-space: nowrap; }
.brand-name { font-size: 22px; line-height: 1; font-weight: 760; letter-spacing: .12em; }
.brand-tagline { font-size: 12px; color: var(--text); letter-spacing: .08em; opacity: .88; }
.main-nav { display: flex; align-items: center; gap: 31px; margin-left: auto; margin-right: auto; }
.nav-link { border: 0; background: transparent; color: var(--text); font-size: 14px; opacity: .94; cursor: pointer; transition: color .25s, opacity .25s; padding: 10px 0; }
.nav-link:hover { color: #8a8cff; opacity: 1; }
.dropdown-trigger { display: inline-flex; align-items: center; gap: 7px; }
.dropdown-trigger svg, .chevron { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; transition: transform .2s; }
.nav-dropdown { position: relative; }
.nav-dropdown.open .dropdown-trigger svg { transform: rotate(180deg); }
.dropdown-menu {
    position: absolute; left: 50%; top: calc(100% + 10px); transform: translate(-50%, 10px);
    min-width: 235px; padding: 8px; border: 1px solid var(--stroke-strong); border-radius: 14px;
    background: color-mix(in srgb, var(--panel-strong) 94%, transparent); box-shadow: var(--shadow);
    opacity: 0; visibility: hidden; transition: .22s ease; backdrop-filter: blur(20px);
}
.nav-dropdown.open .dropdown-menu { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.dropdown-menu a { display: flex; flex-direction: column; padding: 10px 12px; border-radius: 9px; transition: background .2s; }
.dropdown-menu a:hover { background: rgba(89, 99, 255, .10); }
.dropdown-menu span { font-size: 13px; font-weight: 650; }
.dropdown-menu small { color: var(--muted); font-size: 11px; margin-top: 2px; }
.header-actions { display: flex; align-items: center; gap: 12px; }
.icon-button, .mobile-toggle { border: 0; background: transparent; display: grid; place-items: center; cursor: pointer; }
.icon-button { width: 38px; height: 38px; border-radius: 10px; }
.icon-button:hover { background: rgba(255,255,255,.05); }
.icon-button svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.sun-icon { display: none; }
html[data-theme="light"] .moon-icon { display: none; }
html[data-theme="light"] .sun-icon { display: block; }
.btn {
    border: 1px solid transparent; min-height: 42px; padding: 0 21px; border-radius: 9px; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center; gap: 12px;
    font-weight: 620; font-size: 14px; transition: transform .2s, border-color .2s, box-shadow .2s, background .2s;
}
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(0); }
.btn-primary {
    background: linear-gradient(110deg, #8d3cff 0%, #5f49ff 50%, #247dff 100%);
    color: #fff; box-shadow: 0 12px 34px rgba(78, 66, 255, .24), inset 0 1px 0 rgba(255,255,255,.25);
}
.btn-primary:hover { box-shadow: 0 16px 42px rgba(78, 66, 255, .36), inset 0 1px 0 rgba(255,255,255,.25); }
.btn-ghost { background: rgba(5, 11, 27, .35); border-color: var(--stroke-strong); color: var(--text); }
.btn-ghost:hover { border-color: rgba(115, 128, 255, .55); background: rgba(42, 53, 96, .16); }
.mobile-toggle { display: none; width: 40px; height: 40px; gap: 5px; }
.mobile-toggle span { width: 22px; height: 2px; border-radius: 2px; background: currentColor; transition: .25s; }

.hero { min-height: 545px; display: grid; grid-template-columns: 41% 59%; align-items: center; padding-top: 27px; padding-bottom: 27px; }
.hero-copy { position: relative; z-index: 4; padding-top: 6px; }
.eyebrow {
    display: inline-flex; height: 28px; align-items: center; border: 1px solid transparent; border-radius: 999px;
    padding: 0 15px; font-size: 11px; letter-spacing: .14em; color: #c9c4ff;
    background: linear-gradient(var(--bg), var(--bg)) padding-box, linear-gradient(100deg, #9a3dff, #287fff) border-box;
}
.hero h1 { margin: 16px 0 14px; font-size: clamp(48px, 4vw, 62px); line-height: .99; letter-spacing: -.045em; font-weight: 710; }
.hero h1 span { display: inline-block; color: transparent; background: linear-gradient(100deg, #2b82ff 5%, #7253ff 50%, #ad42f5); -webkit-background-clip: text; background-clip: text; }
.hero-copy > p { margin: 0; max-width: 490px; color: var(--muted); font-size: 16px; line-height: 1.58; }
.hero-actions { display: flex; gap: 24px; margin-top: 30px; }
.btn-large { min-height: 50px; padding-inline: 27px; font-size: 14px; border-radius: 9px; }
.btn-large svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.trust-points { display: flex; gap: 31px; margin-top: 36px; color: #aab5c9; font-size: 12px; }
.trust-points span { display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; }
.mini-icon { width: 14px; height: 14px; display: inline-block; border: 1.5px solid #14d7ef; border-radius: 50%; position: relative; box-shadow: 0 0 12px rgba(20, 215, 239, .16); }
.mini-icon.check::before { content: ""; position: absolute; width: 6px; height: 3px; border-left: 1.5px solid #14d7ef; border-bottom: 1.5px solid #14d7ef; transform: rotate(-45deg); left: 3px; top: 3px; }
.mini-icon.badge { border-radius: 4px; transform: rotate(45deg); }
.mini-icon.badge::after { content: ""; position: absolute; inset: 3px; border: 1px solid #14d7ef; border-radius: 50%; }
.mini-icon.gear { border-color: #7358ff; box-shadow: 0 0 12px rgba(115, 88, 255, .18); }
.mini-icon.gear::after { content: ""; position: absolute; inset: 3px; border: 1px solid #7358ff; border-radius: 50%; }

.hero-visual { position: relative; height: 485px; perspective: 1200px; }
.grid-dots { position: absolute; inset: 40px 12% 20px 0; opacity: .18; background-image: radial-gradient(#2d7cff 1px, transparent 1px); background-size: 15px 15px; mask-image: linear-gradient(to right, transparent, #000 30%, #000 70%, transparent); }
.dashboard-shell {
    position: absolute; z-index: 3; left: 4%; top: 30px; width: 89%; height: 440px; display: grid; grid-template-columns: 54px 1fr;
    border: 1px solid transparent; border-radius: 14px; overflow: hidden;
    background: linear-gradient(#061127, #061127) padding-box, linear-gradient(115deg, #2d8cff, #704aff 52%, #d53fff) border-box;
    box-shadow: 0 34px 80px rgba(0, 0, 0, .55), 0 0 50px rgba(62, 84, 255, .10);
    transform: rotateX(0deg) rotateY(-2deg) rotateZ(-.5deg); transform-origin: center;
    animation: dashboard-float 7s ease-in-out infinite;
}
@keyframes dashboard-float { 0%,100%{ transform: translateY(0) rotateY(-2deg) rotateZ(-.5deg);} 50%{transform: translateY(-7px) rotateY(-1deg) rotateZ(-.2deg);} }
.dashboard-sidebar { background: #071126; border-right: 1px solid rgba(92, 123, 191, .15); display: flex; flex-direction: column; align-items: center; padding: 15px 8px; gap: 9px; }
.mini-logo { font-style: italic; font-size: 22px; font-weight: 800; color: transparent; background: linear-gradient(120deg,#9c43ff,#22d4e4); -webkit-background-clip: text; background-clip: text; margin-bottom: 5px; }
.dashboard-sidebar button { width: 37px; height: 37px; border: 0; border-radius: 7px; color: #a7b1c5; background: transparent; display: grid; place-items: center; padding: 0; }
.dashboard-sidebar button svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.dashboard-sidebar button.side-active { background: rgba(47, 99, 217, .17); color: #fff; box-shadow: inset 0 0 0 1px rgba(67, 111, 232, .22); }
.dashboard-sidebar button:nth-last-child(1) { margin-top: auto; }
.dashboard-main { padding: 14px 16px 13px; min-width: 0; background: linear-gradient(145deg, rgba(8,20,44,.96), rgba(4,12,29,.99)); }
.dashboard-topbar { height: 34px; display: flex; align-items: center; justify-content: space-between; }
.dashboard-title { font-size: 13px; font-weight: 650; }
.dashboard-user { display: flex; align-items: center; gap: 7px; font-size: 9px; }
.dashboard-user .avatar { width: 25px; height: 25px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg,#e0a574,#8e654a); color: #fff; font-size: 7px; font-weight: 700; border: 1px solid rgba(255,255,255,.5); }
.dashboard-user > span:nth-of-type(2) { display: flex; flex-direction: column; line-height: 1.15; }
.dashboard-user small { color: #a7b1c5; font-size: 7px; }
.notification-dot { position: relative; width: 24px; height: 24px; border: 0; background: transparent; color: #b3bdd2; display: grid; place-items: center; padding: 0; }
.notification-dot::after { content:""; position:absolute; right:3px; top:1px; width:5px; height:5px; border-radius:50%; background:#c642ff; box-shadow:0 0 7px #c642ff; }
.notification-dot svg { width: 13px; height: 13px; fill:none; stroke:currentColor; stroke-width:1.5; }
.dashboard-user .chevron { width: 10px; }
.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 7px; }
.metric-card { min-width: 0; height: 70px; border: 1px solid rgba(92, 123, 191, .17); border-radius: 8px; background: linear-gradient(145deg, rgba(10,26,55,.8), rgba(6,17,38,.72)); padding: 10px 11px 8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.015); }
.metric-card > span { color: #aab3c6; font-size: 7px; display:block; }
.metric-card strong { font-size: 14px; line-height: 1; display:block; margin-top: 7px; white-space:nowrap; }
.metric-card small { display:block; margin-top:7px; color:#8e99ae; font-size:6.5px; }
.metric-card em { color: #14e7a7; font-style: normal; }
.charts-grid { display: grid; grid-template-columns: 1.52fr 1fr; gap: 10px; margin-top: 10px; }
.chart-card { height: 165px; border: 1px solid rgba(92,123,191,.17); border-radius: 8px; background: linear-gradient(145deg, rgba(7,20,44,.82), rgba(5,15,34,.78)); padding: 10px; }
.chart-card header { display:flex; align-items:center; justify-content:space-between; height:19px; }
.chart-card header strong { font-size:8px; }
.chart-card header button { border:1px solid rgba(100,126,181,.18); border-radius:6px; color:#a8b1c3; background:rgba(3,10,25,.4); padding:3px 7px; font-size:6px; }
.chart-area { position:relative; height:125px; padding:8px 5px 16px 27px; }
.y-axis { position:absolute; left:0; top:8px; bottom:18px; display:flex; flex-direction:column; justify-content:space-between; color:#68758e; font-size:5px; }
.line-chart { width:100%; height:102px; overflow:visible; }
.chart-grid-lines line { stroke:rgba(95,122,178,.13); stroke-width:1; stroke-dasharray:3 4; }
.area-path { fill:url(#area-gradient); }
.main-path { fill:none; stroke:url(#line-gradient); stroke-width:2.2; stroke-linecap:round; filter:drop-shadow(0 0 4px rgba(53,126,255,.5)); }
.chart-points circle { fill:#061127; stroke:#58caff; stroke-width:1.5; }
.chart-points .hot-point { stroke:#ba52ff; filter:drop-shadow(0 0 5px #934eff); }
.chart-tooltip { position:absolute; right:4px; top:23px; border-radius:4px; padding:4px 6px; font-size:6px; font-weight:700; color:#fff; background:linear-gradient(110deg,#7654ff,#a944ff); box-shadow:0 4px 12px rgba(125,68,255,.35); }
.x-axis { position:absolute; left:27px; right:4px; bottom:1px; display:flex; justify-content:space-between; color:#8b96aa; font-size:5.5px; }
.channel-card { padding:10px 12px; }
.channel-content { height:123px; display:grid; grid-template-columns:1fr 1.18fr; align-items:center; }
.donut-wrap { display:grid; place-items:center; }
.donut { width:89px; height:89px; border-radius:50%; background:conic-gradient(#7651ff 0 22%, #286ff8 22% 45%, #16d8c6 45% 72%, #31b3ee 72% 91%, #9c44ff 91% 100%); position:relative; filter:drop-shadow(0 0 12px rgba(55,102,255,.18)); }
.donut::before { content:""; position:absolute; inset:12px; border-radius:50%; background:#07152e; box-shadow:inset 0 0 10px rgba(0,0,0,.35); }
.donut > div { position:absolute; inset:0; z-index:1; display:grid; place-content:center; text-align:center; }
.donut small { color:#9aa6bb; font-size:6px; }
.donut strong { font-size:8px; margin-top:2px; }
.legend { display:flex; flex-direction:column; gap:7px; font-size:6.5px; }
.legend span { display:grid; grid-template-columns:7px 1fr auto; align-items:center; gap:5px; color:#bbc3d3; }
.legend b { color:#fff; font-weight:500; }
.dot { width:6px; height:6px; border-radius:50%; }
.dot.store{background:#7651ff}.dot.ecommerce{background:#286ff8}.dot.marketplace{background:#16d8c6}.dot.others{background:#31b3ee}
.quick-access { height:80px; border:1px solid rgba(92,123,191,.17); border-radius:8px; margin-top:10px; padding:8px 10px; background:linear-gradient(145deg, rgba(7,20,44,.82), rgba(5,15,34,.78)); }
.quick-access > strong { display:block; font-size:7px; margin-bottom:6px; }
.quick-grid { display:grid; grid-template-columns:repeat(8,1fr); gap:8px; }
.quick-grid button { height:48px; border:1px solid rgba(92,123,191,.15); border-radius:7px; background:rgba(3,12,28,.22); color:#aeb8ca; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; padding:0; }
.quick-grid small { font-size:5.5px; }
.quick-icon { width:18px; height:18px; display:grid; place-items:center; }
.quick-icon svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.quick-icon.blue{color:#447dff}.quick-icon.cyan{color:#16d8e6}.quick-icon.purple{color:#aa4eff}.quick-icon.neutral{color:#b7c0d0}
.floating-card { position:absolute; z-index:1; width:145px; border:1px solid rgba(43,103,255,.55); border-radius:10px; background:linear-gradient(155deg,rgba(7,20,46,.86),rgba(5,13,31,.68)); box-shadow:0 30px 70px rgba(0,0,0,.52); color:#8d98ac; backdrop-filter:blur(6px); }
.product-card { right:-7%; top:72px; height:218px; transform:rotateY(-9deg) rotateZ(4deg); padding:10px; opacity:.75; }
.bars-card { right:-9%; bottom:5px; height:185px; transform:rotateY(-9deg) rotateZ(6deg); padding:10px; opacity:.70; }
.floating-title { display:flex; justify-content:space-between; font-size:6px; margin-bottom:9px; }
.product-card small, .product-card strong, .product-card .up { display:block; font-size:6px; }
.product-card strong { color:#b7c0d0; font-size:8px; margin-top:2px; }
.product-card .up { color:#1be2a2; margin-top:2px; }
.headphone-art { height:100px; position:relative; margin-bottom:6px; }
.headband { position:absolute; width:58px; height:62px; left:31px; top:16px; border:13px solid #16294d; border-bottom:0; border-radius:40px 40px 0 0; box-shadow:inset 0 0 0 2px #3159a8,0 0 14px rgba(49,89,168,.3); }
.ear { position:absolute; width:22px; height:38px; top:56px; border-radius:11px; background:linear-gradient(90deg,#101a30,#3159a8,#101a30); border:1px solid #3d64ad; }
.ear.left { left:25px; transform:rotate(-5deg); }.ear.right { right:25px; transform:rotate(5deg); }
.micro-line { width:100%; height:23px; margin-top:5px; }
.micro-line polyline { fill:none; stroke:#14d9a1; stroke-width:1; }
.floating-bars { height:110px; display:flex; align-items:flex-end; gap:8px; padding:10px 13px 3px; background:repeating-linear-gradient(to top, transparent 0 21px, rgba(86,111,165,.08) 22px); }
.floating-bars i { flex:1; height:var(--h); border-radius:2px 2px 0 0; background:linear-gradient(to top,#286fff,#a341ff); box-shadow:0 0 8px rgba(93,65,255,.2); }
.bar-labels { display:flex; justify-content:space-around; font-size:5px; }

.feature-strip { min-height:165px; display:grid; grid-template-columns:repeat(6,1fr); align-items:stretch; border:1px solid var(--stroke); border-radius:11px; background:linear-gradient(120deg,rgba(8,18,40,.72),rgba(5,13,30,.54)); box-shadow:inset 0 1px 0 rgba(255,255,255,.015); }
html[data-theme="light"] .feature-strip { background:rgba(255,255,255,.56); }
.feature-item { min-width:0; display:flex; align-items:flex-start; gap:12px; padding:27px 26px 20px; position:relative; }
.feature-item:not(:last-child)::after { content:""; position:absolute; right:0; top:27px; bottom:27px; width:1px; background:var(--stroke); }
.feature-icon { flex:0 0 30px; width:30px; color:#964dff; margin-top:2px; filter:drop-shadow(0 0 8px rgba(150,77,255,.25)); }
.feature-icon svg { width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.feature-item h2 { margin:0 0 14px; font-size:14px; white-space:nowrap; font-weight:650; }
.feature-item p { margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
.social-proof { padding-top:31px; padding-bottom:10px; text-align:center; }
.social-proof > p { margin:0 0 27px; font-size:16px; font-weight:520; }
.logo-row { display:grid; grid-template-columns:repeat(6,1fr); align-items:center; gap:35px; padding-inline:55px; color:#8992a5; filter:grayscale(1); opacity:.87; }
.client-logo { min-width:0; display:flex; align-items:center; justify-content:center; gap:9px; text-align:left; }
.client-logo div { display:flex; flex-direction:column; line-height:1; }
.client-logo strong { color:#939cac; font-size:17px; font-weight:620; white-space:nowrap; }
.client-logo small { color:#8992a5; font-size:10px; letter-spacing:.18em; margin-top:4px; white-space:nowrap; }
.client-logo.serif strong { font-family:Georgia,serif; font-size:22px; font-weight:400; }
.client-logo.serif small { letter-spacing:0; font-size:11px; text-align:center; }
.client-logo.restaurant small { letter-spacing:.22em; font-size:8px; }
.logo-mark { width:33px; height:42px; font-size:0; position:relative; border:7px solid #8d96a7; border-right:0; border-radius:3px 0 0 3px; transform:skew(-5deg); }
.logo-mark::after { content:""; position:absolute; width:13px; height:13px; right:-4px; top:7px; border-right:6px solid #8d96a7; border-top:6px solid #8d96a7; transform:rotate(45deg); }
.school-mark, .cross-mark, .cart-mark { color:#8d96a7; font-size:37px; line-height:1; }
.school strong, .market strong { font-size:18px; font-weight:400; }.school small,.market small{font-size:18px;letter-spacing:0;margin-top:1px}.clinic strong{font-size:20px;letter-spacing:.06em}.clinic small{font-size:10px;letter-spacing:.25em}
.closing-headline { margin:51px 0 0; font-size:28px; font-weight:450; letter-spacing:-.02em; }
.closing-headline span { color:transparent; background:linear-gradient(90deg,#21b1ff,#466aff,#a43aff); -webkit-background-clip:text; background-clip:text; }
.hidden-anchor-section { padding-top:90px; }
.section-card { border:1px solid var(--stroke); border-radius:20px; padding:60px; text-align:center; background:linear-gradient(145deg,rgba(10,22,47,.75),rgba(6,14,31,.55)); }
.section-card > span { color:#9d77ff; font-size:11px; letter-spacing:.17em; }
.section-card h2 { font-size:38px; margin:10px 0; }.section-card p{color:var(--muted);margin:0 auto 25px;max-width:620px}.contact-card{margin-bottom:80px}
.site-footer { border-top:1px solid var(--stroke); margin-top:80px; }
.footer-inner { min-height:90px; display:flex; align-items:center; justify-content:space-between; color:var(--muted); font-size:12px; }
.footer-brand { display:flex; align-items:baseline; gap:12px; }.footer-brand strong{color:var(--text);letter-spacing:.12em}.footer-brand span{font-size:11px}

.modal { width:min(92vw,470px); padding:0; border:0; border-radius:18px; background:transparent; color:var(--text); overflow:visible; }
.modal::backdrop { background:rgba(0,4,15,.72); backdrop-filter:blur(12px); }
.modal-card { position:relative; border:1px solid transparent; border-radius:18px; padding:35px; background:linear-gradient(var(--panel-strong),var(--panel-strong)) padding-box,linear-gradient(130deg,#286fff,#a23fff) border-box; box-shadow:var(--shadow); }
.modal-close { position:absolute; right:15px; top:12px; width:34px; height:34px; border:0; border-radius:8px; background:transparent; color:var(--muted); font-size:26px; cursor:pointer; }
.modal-close:hover{background:rgba(255,255,255,.06);color:var(--text)}
.modal-eyebrow{color:#9970ff;font-size:10px;letter-spacing:.17em}.modal h2{font-size:28px;line-height:1.1;margin:9px 0}.modal p{color:var(--muted);font-size:14px;margin:0 0 22px}.lead-form label{display:block;font-size:12px;margin-top:13px;color:#c5ccda}.lead-form input,.lead-form select{width:100%;height:45px;margin-top:7px;border:1px solid var(--stroke-strong);border-radius:9px;background:rgba(2,8,20,.55);color:var(--text);padding:0 13px;outline:0}.lead-form input:focus,.lead-form select:focus{border-color:#6b61ff;box-shadow:0 0 0 3px rgba(107,97,255,.12)}.modal-submit{width:100%;margin-top:20px}.form-status{display:block;min-height:18px;margin-top:10px;text-align:center;color:#18dca3}.info-modal .btn{margin-top:6px}

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

@media (max-width: 1260px) {
    .brand-tagline { display:none; }
    .main-nav { gap:22px; }
    .hero { grid-template-columns:39% 61%; }
    .hero h1 { font-size:51px; }
    .dashboard-shell { width:92%; left:1%; }
    .feature-item { padding-inline:18px; }
    .feature-item h2 { font-size:13px; }
    .logo-row { padding-inline:20px; gap:20px; }
}

@media (max-width: 1050px) {
    .container { width:min(calc(100% - 34px),var(--container)); }
    .main-nav { position:fixed; left:17px; right:17px; top:85px; display:none; flex-direction:column; align-items:stretch; gap:2px; padding:14px; border:1px solid var(--stroke-strong); border-radius:16px; background:color-mix(in srgb,var(--panel-strong) 96%,transparent); box-shadow:var(--shadow); }
    .main-nav.open { display:flex; }
    .nav-link { width:100%; text-align:left; padding:12px; border-radius:8px; }
    .nav-link:hover { background:rgba(91,83,255,.08); }
    .dropdown-trigger { justify-content:space-between; }
    .dropdown-menu { position:static; transform:none!important; display:none; min-width:0; box-shadow:none; background:rgba(0,0,0,.1); margin:4px 0; opacity:1; visibility:visible; }
    .nav-dropdown.open .dropdown-menu { display:block; }
    .mobile-toggle { display:flex; flex-direction:column; }
    .mobile-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-toggle.open span:nth-child(2){opacity:0}.mobile-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
    .hero { grid-template-columns:1fr; padding-top:60px; }
    .hero-copy { text-align:center; }
    .hero-copy > p { margin-inline:auto; }
    .hero-actions,.trust-points { justify-content:center; }
    .hero-visual { height:520px; margin-top:30px; }
    .dashboard-shell { width:88%; left:6%; }
    .product-card { right:0; }.bars-card{right:-1%}
    .feature-strip { grid-template-columns:repeat(3,1fr); }
    .feature-item:nth-child(3)::after { display:none; }
    .feature-item:nth-child(-n+3) { border-bottom:1px solid var(--stroke); }
    .logo-row { grid-template-columns:repeat(3,1fr); row-gap:32px; }
}

@media (max-width: 700px) {
    .site-header { height:68px; }
    .brand-symbol { width:40px; }.brand-name{font-size:18px}.header-login,.header-cta,.theme-toggle{display:none}
    .container { width:min(calc(100% - 28px),var(--container)); }
    .hero { padding-top:42px; min-height:auto; }
    .hero h1 { font-size:clamp(40px,12vw,54px); }
    .hero-copy > p { font-size:14px; }
    .hero-actions { flex-direction:column; gap:12px; max-width:330px; margin:25px auto 0; }.hero-actions .btn{width:100%}
    .trust-points { flex-wrap:wrap; gap:13px 20px; margin-top:25px; }
    .hero-visual { height:360px; margin-top:25px; }
    .dashboard-shell { width:118%; height:330px; left:-9%; top:12px; transform:scale(.78) rotateZ(-.5deg); transform-origin:top center; animation:none; }
    .floating-card { display:none; }.grid-dots{inset:0}
    .feature-strip { grid-template-columns:1fr; }
    .feature-item { min-height:120px; padding:24px; }
    .feature-item:not(:last-child)::after{left:24px;right:24px;top:auto;bottom:0;width:auto;height:1px}.feature-item:nth-child(3)::after{display:block}.feature-item:nth-child(-n+3){border-bottom:0}
    .logo-row { grid-template-columns:repeat(2,1fr); gap:30px 10px; padding:0; }.client-logo{transform:scale(.82)}
    .closing-headline{font-size:23px;margin-top:40px}.section-card{padding:40px 20px}.section-card h2{font-size:28px}.hidden-anchor-section{padding-top:60px}.footer-inner{flex-direction:column;justify-content:center;gap:8px;text-align:center}.site-footer{margin-top:50px}
}

@media (max-width: 460px) {
    .brand { gap:7px; }.brand-symbol{width:35px}.brand-name{font-size:16px}.hero h1{font-size:39px}.eyebrow{font-size:9px}.trust-points{font-size:10px}.hero-visual{height:280px}.dashboard-shell{transform:scale(.61) rotateZ(-.5deg);width:150%;left:-25%}.social-proof>p{font-size:14px}.logo-row{grid-template-columns:1fr 1fr}.modal-card{padding:30px 22px}
}

@media (prefers-reduced-motion: reduce) {
    *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; }
}

/* Etapa 3 — formulários comerciais */
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.modal-wide{width:min(94vw,760px)}.modal-xl{width:min(96vw,980px)}
.modal-wide .modal-card,.modal-xl .modal-card{max-height:90vh;overflow:auto}
.form-grid{display:grid;gap:14px}.form-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.commercial-form label{display:block;font-size:12px;margin-top:13px;color:#c5ccda}
.commercial-form input,.commercial-form select,.commercial-form textarea{width:100%;margin-top:7px;border:1px solid var(--stroke-strong);border-radius:9px;background:rgba(2,8,20,.55);color:var(--text);padding:0 13px;outline:0;font:inherit}
.commercial-form input,.commercial-form select{height:45px}.commercial-form textarea{padding:12px 13px;resize:vertical;min-height:96px}
.commercial-form input:focus,.commercial-form select:focus,.commercial-form textarea:focus{border-color:#6b61ff;box-shadow:0 0 0 3px rgba(107,97,255,.12)}
.inline-fields{display:grid;grid-template-columns:1fr 72px;gap:8px}.inline-fields input{margin-top:7px}
.consent-field{display:flex!important;align-items:flex-start;gap:10px;line-height:1.45}.consent-field input{width:17px!important;height:17px!important;margin:2px 0 0!important;flex:0 0 auto}.consent-field a{color:#82a6ff}.consent-field.optional{color:var(--muted)}
.module-choice-fieldset{margin:20px 0 5px;padding:17px;border:1px solid var(--stroke);border-radius:12px}.module-choice-fieldset legend{padding:0 8px;color:#c5ccda;font-size:12px}.module-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.module-choice-grid label{display:flex!important;align-items:center;gap:8px;margin:0;padding:9px 10px;border:1px solid var(--stroke);border-radius:9px;background:rgba(255,255,255,.025)}.module-choice-grid input{width:16px!important;height:16px!important;margin:0!important}
@media(max-width:720px){.form-grid.two-columns,.module-choice-grid{grid-template-columns:1fr}.modal-wide,.modal-xl{width:96vw}.modal-wide .modal-card,.modal-xl .modal-card{padding:29px 20px}.inline-fields{grid-template-columns:1fr 65px}}