:root {
    --ink: #071a3a;
    --ink-2: #102a52;
    --muted: #64748b;
    --line: #dfe7f1;
    --surface: #ffffff;
    --soft: #f5f8fc;
    --primary: #335cff;
    --primary-dark: #173fd7;
    --cyan: #14b8c4;
    --lime: #b9ec4d;
    --success: #14805e;
    --warning: #a86708;
    --danger: #c03b4a;
    --info: #1b6db5;
    --radius-sm: 12px;
    --radius: 20px;
    --radius-lg: 30px;
    --shadow: 0 24px 70px rgba(7, 26, 58, .13);
    --shadow-sm: 0 10px 32px rgba(7, 26, 58, .08);
}

/* Customer DNS handoff */
.customer-dns-messages{margin-bottom:20px;padding:24px;border:1px solid #cbd8ff;border-radius:20px;background:linear-gradient(145deg,#f5f7ff,#fff);box-shadow:0 18px 45px rgba(32,68,145,.09)}.customer-dns-messages-head{display:flex;align-items:flex-start;gap:15px}.customer-dns-messages-head>span{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:linear-gradient(135deg,#315bff,#654cff);color:#fff;font-size:18px;box-shadow:0 10px 24px rgba(49,91,255,.24)}.customer-dns-messages-head small{color:#315bff;font-size:10px;font-weight:900;letter-spacing:.12em}.customer-dns-messages-head h2{margin:5px 0 4px;color:#0d2748;font-size:22px}.customer-dns-messages-head p{margin:0;color:#687e96;font-size:13px}.customer-dns-message-card{margin-top:18px;overflow:hidden;border:1px solid #dce4ef;border-radius:15px;background:#fff}.customer-dns-message-card>header{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e7edf4;background:#fbfcff}.customer-dns-message-card>header>div>span{color:#72859a;font-size:11px;font-weight:700}.customer-dns-message-card h3{margin:3px 0 0;color:#102b4c;font-size:18px}.customer-dns-note{margin:17px 18px;padding:15px 17px;border-radius:11px;background:#f6f8fc;color:#405a73;font-size:13px;line-height:1.7}.customer-dns-values{margin:0 18px 17px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.customer-dns-values>div{position:relative;padding:13px 42px 13px 14px;border:1px solid #e0e7ef;border-radius:10px;background:#fff}.customer-dns-values>div.wide{grid-column:1/-1}.customer-dns-values small{display:block;margin-bottom:5px;color:#7b8ea3;font-size:9px;font-weight:900;letter-spacing:.08em}.customer-dns-values strong,.customer-dns-values code{color:#142f4e;font-size:13px;font-weight:800}.customer-dns-values button{position:absolute;right:9px;top:50%;width:30px;height:30px;border:0;border-radius:8px;background:#eef2ff;color:#315bff;cursor:pointer;transform:translateY(-50%)}.customer-dns-message-card>footer{padding:12px 18px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e7edf4;background:#fbfcfe;color:#6f8399;font-size:11px}.customer-dns-message-card>footer span{display:flex;align-items:center;gap:7px}.customer-dns-message-card>footer i{color:#315bff}
@media(max-width:680px){.customer-dns-messages{padding:17px}.customer-dns-messages-head h2{font-size:19px}.customer-dns-message-card>header,.customer-dns-message-card>footer{align-items:flex-start;flex-direction:column}.customer-dns-values{grid-template-columns:1fr}.customer-dns-values>div.wide{grid-column:auto}}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    color: var(--ink);
    background: var(--surface);
    font-family: "Manrope", system-ui, sans-serif;
    font-size: 15px;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}
.lead { color: var(--muted); font-size: 17px; line-height: 1.75; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.container { width: min(1240px, calc(100% - 40px)); margin-inline: auto; }
.section { padding: 92px 0; }
.section-soft { background: var(--soft); }
.section-dark { color: #fff; background: var(--ink); }
.section-head { max-width: 730px; margin: 0 auto 48px; text-align: center; }
.section-head.align-left { margin-left: 0; text-align: left; }
.section-head h2, .page-hero h1 { margin: 10px 0 14px; font-size: clamp(32px, 5vw, 54px); line-height: 1.1; letter-spacing: -.045em; }
.section-head p, .page-hero p { margin: 0; color: var(--muted); font-size: 17px; }
.eyebrow {
    display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px;
    color: var(--primary-dark); background: #edf2ff; border: 1px solid #d5dfff;
    border-radius: 999px; font-weight: 800; font-size: 12px; letter-spacing: .06em; text-transform: uppercase;
}
.eyebrow-light { color: #d9d5ff; border-color: rgba(255,255,255,.15); background: rgba(255,255,255,.08); }
.text-gradient { color: var(--primary); background: linear-gradient(110deg,#2148ef,#745cff 70%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

.announcement { color: #fff; background: var(--ink); font-size: 13px; }
.announcement-inner { min-height: 34px; display: flex; align-items: center; justify-content: center; gap: 22px; }
.announcement-inner a { color: var(--lime); font-weight: 800; }
.site-header {
    position: sticky; top: 0; z-index: 100; border-bottom: 1px solid rgba(221,229,238,.9);
    background: rgba(255,255,255,.92); backdrop-filter: blur(18px); transition: box-shadow .2s;
}
.site-header.is-scrolled { box-shadow: var(--shadow-sm); }
.nav-wrap { min-height: 76px; display: flex; align-items: center; gap: 34px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 600; white-space: nowrap; }
.brand strong { font-weight: 800; }
.brand-mark {
    width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center;
    color: #fff; background: linear-gradient(135deg, var(--primary), #8a7dff); border-radius: 11px;
    box-shadow: 0 8px 18px rgba(102,87,255,.25); transform: rotate(-5deg);
}
.main-nav { display: flex; align-items: center; justify-content: center; gap: 22px; margin-left: auto; }
.main-nav a { font-weight: 700; font-size: 14px; color: #34465a; }
.main-nav a:hover { color: var(--primary); }
.nav-actions { display: flex; align-items: center; gap: 9px; }
.nav-toggle { display: none; margin-left: auto; border: 0; background: transparent; font-size: 21px; }

.btn {
    min-height: 48px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; gap: 9px;
    border: 1px solid transparent; border-radius: 12px; font-weight: 800; line-height: 1; transition: .2s ease;
}
.btn:hover { transform: translateY(-2px); }
.btn-sm { min-height: 40px; padding: 0 15px; font-size: 13px; }
.btn-lg { min-height: 56px; padding: 0 26px; }
.btn-primary { color: #fff; background: var(--primary); box-shadow: 0 10px 24px rgba(102,87,255,.25); }
.btn-primary:hover { background: var(--primary-dark); }
.btn-dark { color: #fff; background: var(--ink); }
.btn-ghost { color: var(--ink-2); background: #fff; border-color: var(--line); }
.btn-ghost:hover { border-color: #aebccb; }
.btn-light { color: var(--ink); background: #fff; }
.btn-danger { color: #fff; background: var(--danger); }
.btn-success { color: #fff; background: var(--success); }
.btn-block { width: 100%; }

.hero {
    position: relative; overflow: hidden; padding: 82px 0 72px;
    background: radial-gradient(circle at 80% 20%, rgba(34,199,190,.16), transparent 26%),
                radial-gradient(circle at 18% 5%, rgba(102,87,255,.14), transparent 32%), #fbfcff;
}
.hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .23; background-image: radial-gradient(#7f8da0 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(to bottom, #000, transparent 70%); }
.hero-grid { position: relative; display: grid; grid-template-columns: 1.02fr .98fr; gap: 65px; align-items: center; }
.hero-copy h1 { margin: 16px 0 20px; max-width: 720px; font-size: clamp(43px, 6vw, 72px); line-height: 1.02; letter-spacing: -.057em; }
.hero-copy > p { max-width: 650px; margin: 0 0 28px; color: #52647a; font-size: 18px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.hero-note { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 22px; color: var(--muted); font-size: 13px; font-weight: 700; }
.hero-note i { color: var(--success); }
.dashboard-shell { position: relative; padding: 13px; background: rgba(255,255,255,.76); border: 1px solid #dfe6ee; border-radius: 28px; box-shadow: 0 35px 90px rgba(26,51,80,.18); backdrop-filter: blur(16px); transform: perspective(1200px) rotateY(-4deg) rotateX(2deg); }
.dash-top { padding: 11px 12px 16px; display: flex; align-items: center; justify-content: space-between; }
.dash-dots { display: flex; gap: 5px; }
.dash-dots span { width: 7px; height: 7px; border-radius: 50%; background: #c7d0da; }
.dash-live { color: var(--success); font-size: 11px; font-weight: 800; }
.dash-body { padding: 20px; background: #fff; border-radius: 19px; }
.dash-title { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 18px; }
.dash-title h3 { margin: 0; font-size: 18px; }
.dash-title span { color: var(--muted); font-size: 11px; }
.metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.metric { padding: 14px; background: var(--soft); border: 1px solid #edf1f5; border-radius: 13px; }
.metric span { color: var(--muted); font-size: 10px; }
.metric strong { display: block; margin-top: 4px; font-size: 16px; }
.chart { height: 155px; margin: 16px 0; padding: 18px 14px 8px; display: flex; align-items: flex-end; gap: 7px; border-radius: 15px; background: linear-gradient(180deg,#f8f9ff,#fff); border: 1px solid #edf0f6; }
.chart i { flex: 1; min-height: 8px; border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg,var(--primary),#a89fff); }
.dash-row { display: grid; grid-template-columns: 1fr auto; gap: 16px; padding: 11px 0; border-top: 1px solid #edf1f5; font-size: 12px; }
.floating-pill { position: absolute; padding: 11px 15px; color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 13px; box-shadow: var(--shadow-sm); font-size: 12px; font-weight: 800; }
.floating-pill i { color: var(--primary); margin-right: 5px; }
.floating-pill.one { top: 16%; right: -30px; }
.floating-pill.two { bottom: 12%; left: -35px; }
.logo-strip { padding: 24px 0; border-block: 1px solid var(--line); background: #fff; }
.logo-strip-inner { display: flex; align-items: center; gap: 34px; overflow: hidden; }
.logo-strip-inner > span { color: var(--muted); white-space: nowrap; font-size: 13px; font-weight: 700; }
.brand-cloud { flex: 1; display: flex; align-items: center; justify-content: space-around; gap: 20px; color: #4c5c6e; font-weight: 800; }

.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.feature-card { padding: 28px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); transition: .22s; }
.feature-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-sm); border-color: #cbc6ff; }
.feature-icon { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 22px; color: var(--primary); background: #efedff; border-radius: 14px; font-size: 19px; }
.feature-card h3 { margin: 0 0 9px; font-size: 19px; }
.feature-card p { margin: 0; color: var(--muted); }
.feature-link { display: inline-flex; gap: 8px; margin-top: 18px; color: var(--primary-dark); font-weight: 800; font-size: 13px; }
.solution-card-dark { color: #fff; background: var(--ink); border-color: var(--ink); }
.solution-card-dark p { color: #aebdcd; }
.solution-card-dark .feature-icon { color: var(--lime); background: rgba(196,239,74,.1); }

.split { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.check-list { display: grid; gap: 15px; margin: 28px 0; }
.check-item { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: start; }
.check-item i { width: 30px; height: 30px; display: grid; place-items: center; color: var(--success); background: #e4f6ef; border-radius: 9px; }
.check-item strong { display: block; margin-bottom: 3px; }
.check-item span { color: var(--muted); font-size: 14px; }
.workflow-card { padding: 28px; border-radius: var(--radius-lg); background: var(--ink); color: #fff; box-shadow: var(--shadow); }
.workflow-step { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 15px; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
.workflow-step:last-child { border-bottom: 0; }
.workflow-number { width: 44px; height: 44px; display: grid; place-items: center; color: var(--ink); background: var(--lime); border-radius: 13px; font-weight: 900; }
.workflow-step p { margin: 2px 0 0; color: #9eb0c2; font-size: 13px; }
.workflow-step > i { color: #8395a8; }

.integration-preview { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.integration-chip { min-height: 92px; padding: 14px 8px; display: grid; place-items: center; align-content: center; gap: 8px; text-align: center; background: #fff; border: 1px solid var(--line); border-radius: 15px; font-size: 12px; font-weight: 800; }
.integration-chip i { color: var(--primary); font-size: 19px; }
.integration-chip:hover { border-color: #bbb4ff; box-shadow: var(--shadow-sm); }

.pricing-controls { display: flex; justify-content: center; margin: -20px 0 38px; }
.billing-toggle { padding: 5px; display: inline-flex; gap: 4px; background: #e9eef4; border-radius: 13px; }
.billing-toggle button { padding: 10px 18px; border: 0; border-radius: 9px; background: transparent; color: var(--muted); font-weight: 800; }
.billing-toggle button.active { color: var(--ink); background: #fff; box-shadow: 0 3px 14px rgba(20,35,54,.08); }
.billing-toggle em { margin-left: 4px; color: var(--success); font-style: normal; font-size: 11px; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: stretch; }
.pricing-grid-two { max-width: 820px; margin-inline: auto; grid-template-columns: repeat(2, 1fr); }
.price-card { position: relative; padding: 30px; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); border-radius: 24px; }
.price-card.popular { color: #fff; background: var(--ink); border-color: var(--ink); transform: translateY(-10px); box-shadow: var(--shadow); }
.popular-badge { position: absolute; top: -13px; left: 28px; padding: 6px 12px; color: var(--ink); background: var(--lime); border-radius: 999px; font-size: 11px; font-weight: 900; }
.price-card h3 { margin: 0; font-size: 24px; }
.price-card .plan-desc { min-height: 48px; color: var(--muted); font-size: 13px; }
.price-card.popular .plan-desc, .price-card.popular .price-meta { color: #aab9c9; }
.price-value { margin: 20px 0 0; font-size: 38px; font-weight: 900; letter-spacing: -.04em; }
.price-value small { font-size: 13px; font-weight: 700; letter-spacing: 0; }
.price-meta { min-height: 23px; color: var(--muted); font-size: 12px; }
.plan-features { flex: 1; margin: 25px 0; padding: 22px 0; display: grid; gap: 12px; list-style: none; border-block: 1px solid var(--line); }
.price-card.popular .plan-features { border-color: rgba(255,255,255,.12); }
.plan-features li { display: grid; grid-template-columns: 20px 1fr; gap: 9px; font-size: 13px; }
.plan-features i { margin-top: 4px; color: var(--success); }
.price-card.popular .plan-features i { color: var(--lime); }
.pricing-footnote { margin-top: 24px; text-align: center; color: var(--muted); font-size: 13px; }

.page-hero { padding: 70px 0 50px; text-align: center; background: linear-gradient(180deg,#f3f1ff,#fff); }
.page-hero .container { max-width: 850px; }
.filter-bar { padding: 18px; display: flex; align-items: center; gap: 12px; margin-bottom: 30px; background: #fff; border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow-sm); }
.search-input { position: relative; flex: 1; }
.search-input i { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #8492a5; }
.search-input input { width: 100%; min-height: 46px; padding: 0 15px 0 43px; border: 1px solid var(--line); border-radius: 11px; }
.filter-bar select { min-height: 46px; padding: 0 35px 0 14px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.catalog-section { margin-bottom: 45px; }
.catalog-title { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.catalog-title i { width: 40px; height: 40px; display: grid; place-items: center; color: var(--primary); background: #eeecff; border-radius: 12px; }
.catalog-title h2 { margin: 0; font-size: 21px; }
.catalog-title span { color: var(--muted); font-size: 12px; }
.catalog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.catalog-card { padding: 17px; display: grid; grid-template-columns: 44px 1fr auto; gap: 13px; align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 15px; transition: .2s; }
.catalog-card:hover { transform: translateY(-2px); border-color: #c6c0ff; box-shadow: var(--shadow-sm); }
.catalog-logo { width: 43px; height: 43px; display: grid; place-items: center; color: var(--primary); background: #f0efff; border-radius: 12px; font-weight: 900; }
.catalog-card h3 { margin: 0 0 2px; font-size: 14px; }
.catalog-card p { margin: 0; color: var(--muted); font-size: 11px; }
.availability { width: 9px; height: 9px; border-radius: 50%; background: #b8c2cf; }
.availability.available { background: #22a876; box-shadow: 0 0 0 4px #e5f7ef; }
.availability.partner { background: #e0a133; box-shadow: 0 0 0 4px #fff4de; }
.availability.coming_soon { background: #8997a8; box-shadow: 0 0 0 4px #edf1f5; }
.catalog-legend { display: flex; justify-content: center; flex-wrap: wrap; gap: 18px; margin-top: 30px; color: var(--muted); font-size: 12px; }
.catalog-legend span { display: flex; align-items: center; gap: 8px; }
.catalog-filters { display: flex; justify-content: center; flex-wrap: wrap; gap: 9px; margin-bottom: 32px; }
.filter-chip { padding: 10px 16px; color: var(--muted); background: #fff; border: 1px solid var(--line); border-radius: 999px; font-size: 12px; font-weight: 800; }
.filter-chip:hover, .filter-chip.active { color: #fff; background: var(--ink); border-color: var(--ink); }
.software-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.software-card { overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow-sm); }
.software-image { position: relative; height: 210px; background: var(--soft); overflow: hidden; }
.software-image img { width: 100%; height: 100%; object-fit: cover; }
.software-placeholder { width: 100%; height: 100%; display: grid; place-items: center; color: var(--primary); background: linear-gradient(135deg,#f0edff,#e8faf7); font-size: 45px; }
.software-badge { position: absolute; left: 14px; top: 14px; padding: 7px 10px; color: #fff; background: var(--primary); border-radius: 999px; font-size: 10px; font-weight: 800; }
.software-body { padding: 20px; }
.software-body h2 { margin: 8px 0; font-size: 19px; }
.software-body p { min-height: 44px; color: var(--muted); font-size: 12px; }
.software-footer { margin-top: 18px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.software-footer strong { font-size: 18px; }
.product-detail { display: grid; grid-template-columns: 1.05fr .95fr; gap: 55px; align-items: center; }
.product-detail h1 { margin: 12px 0; font-size: clamp(34px,5vw,58px); letter-spacing: -.045em; }
.product-visual { min-height: 430px; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 24px; box-shadow: var(--shadow); }
.product-visual img { width: 100%; height: 100%; min-height: 430px; object-fit: cover; }
.product-visual .software-placeholder { min-height: 430px; }
.product-price-panel { margin: 24px 0; padding: 18px; display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; background: #fff; border: 1px solid var(--line); border-radius: 15px; }
.product-price-panel del { color: var(--muted); }
.product-price-panel strong { color: var(--primary); font-size: 27px; }
.product-price-panel small { width: 100%; color: var(--muted); }

.global-alert-wrap { position: static; margin: 20px auto 0; }
.global-alert-wrap .alert { box-shadow: none; }
.global-alert-wrap .alert > span { min-width: 0; flex: 1; overflow-wrap: anywhere; }
.global-alert-wrap .alert > button { flex-shrink: 0; min-width: 36px; min-height: 36px; cursor: pointer; }
.alert { min-height: 50px; padding: 12px 14px; display: flex; align-items: center; gap: 10px; border: 1px solid; border-radius: 13px; box-shadow: var(--shadow-sm); background: #fff; }
.alert button { margin-left: auto; border: 0; background: transparent; }
.alert-success { color: var(--success); border-color: #b8e2d3; background: #f0faf6; }
.alert-warning { color: var(--warning); border-color: #edd39e; background: #fff8e9; }
.alert-danger { color: var(--danger); border-color: #e8b7bd; background: #fff3f4; }
.alert-info { color: var(--info); border-color: #b8d5ee; background: #f0f7fc; }
.status { display: inline-flex; align-items: center; padding: 5px 9px; border-radius: 999px; font-size: 11px; font-weight: 800; white-space: nowrap; }
.status-success { color: var(--success); background: #e5f7ef; }
.status-warning { color: var(--warning); background: #fff3dd; }
.status-danger { color: var(--danger); background: #ffebed; }
.status-info { color: var(--info); background: #e8f3fc; }

.auth-page { min-height: 720px; padding: 70px 0; background: linear-gradient(135deg,#f1efff,#f8fbfd 55%,#e8faf7); }
.auth-layout { display: grid; grid-template-columns: .9fr 1.1fr; max-width: 1000px; margin: 0 auto; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 28px; box-shadow: var(--shadow); }
.auth-aside { padding: 50px; color: #fff; background: var(--ink); }
.auth-aside h2 { margin: 25px 0 12px; font-size: 34px; line-height: 1.1; }
.auth-aside p { color: #aebdcd; }
.auth-benefits { display: grid; gap: 15px; margin-top: 35px; }
.auth-benefits span { display: flex; gap: 10px; align-items: center; }
.auth-benefits i { color: var(--lime); }
.auth-form { padding: 50px; }
.auth-form h1 { margin: 0 0 8px; font-size: 30px; }
.auth-form > p { margin: 0 0 28px; color: var(--muted); }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.form-group { margin-bottom: 17px; }
.form-group.full { grid-column: 1 / -1; }
.form-group label { display: block; margin-bottom: 7px; font-size: 12px; font-weight: 800; }
.form-control { width: 100%; min-height: 48px; padding: 11px 13px; color: var(--ink); background: #fff; border: 1px solid #cad5e1; border-radius: 11px; outline: 0; transition: .2s; }
.form-control:focus { border-color: var(--primary); box-shadow: 0 0 0 4px rgba(102,87,255,.1); }
textarea.form-control { min-height: 115px; resize: vertical; }
.input-wrap { position: relative; }
.input-wrap .form-control { padding-left: 42px; }
.input-wrap > i { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #8997a8; }
.form-help { margin-top: 6px; color: var(--muted); font-size: 11px; }
.form-check { display: flex; gap: 9px; align-items: flex-start; margin: 15px 0; color: var(--muted); font-size: 12px; }
.auth-bottom { margin-top: 22px; text-align: center; color: var(--muted); font-size: 13px; }
.auth-bottom a { color: var(--primary-dark); font-weight: 800; }

.dashboard-page { padding: 48px 0 80px; background: #f4f7fa; min-height: 800px; }
.dashboard-layout { display: grid; grid-template-columns: 245px minmax(0,1fr); gap: 24px; }
.customer-sidebar { position: sticky; top: 106px; height: fit-content; overflow: hidden; background: var(--ink); border-radius: 20px; }
.customer-user { padding: 24px; color: #fff; border-bottom: 1px solid rgba(255,255,255,.1); }
.customer-avatar { width: 44px; height: 44px; display: grid; place-items: center; margin-bottom: 12px; color: var(--ink); background: var(--lime); border-radius: 13px; font-weight: 900; }
.customer-user strong { display: block; }
.customer-user span { color: #9fb0c1; font-size: 11px; }
.customer-menu { padding: 12px; display: grid; gap: 4px; }
.customer-menu a { padding: 11px 12px; display: flex; align-items: center; gap: 11px; color: #9fb0c1; border-radius: 10px; font-size: 13px; font-weight: 700; }
.customer-menu a:hover, .customer-menu a.active { color: #fff; background: rgba(255,255,255,.1); }
.customer-menu i { width: 19px; text-align: center; }
.dashboard-content { min-width: 0; }
.dashboard-head { margin-bottom: 22px; display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.dashboard-head h1 { margin: 0; font-size: 30px; }
.dashboard-head p { margin: 4px 0 0; color: var(--muted); }
.stats-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; margin-bottom: 20px; }
.stat-card { padding: 19px; background: #fff; border: 1px solid var(--line); border-radius: 15px; }
.stat-card .stat-label { color: var(--muted); font-size: 11px; font-weight: 700; }
.stat-card strong { display: block; margin: 4px 0; font-size: 25px; }
.stat-card small { color: var(--muted); font-size: 10px; }
.panel { margin-bottom: 18px; background: #fff; border: 1px solid var(--line); border-radius: 17px; overflow: hidden; }
.panel-head { min-height: 62px; padding: 15px 20px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--line); }
.panel-head h2, .panel-head h3 { margin: 0; font-size: 16px; }
.panel-body { padding: 20px; }
.empty-state { padding: 46px 20px; text-align: center; }
.empty-state i { width: 56px; height: 56px; display: grid; place-items: center; margin: 0 auto 14px; color: var(--primary); background: #eeecff; border-radius: 17px; font-size: 21px; }
.empty-state h3 { margin: 0 0 5px; }
.empty-state p { max-width: 460px; margin: 0 auto 18px; color: var(--muted); }
.table-wrap { overflow-x: auto; }
.data-table { width: 100%; border-collapse: collapse; }
.data-table th { padding: 11px 14px; color: var(--muted); background: #f7f9fb; font-size: 10px; text-align: left; text-transform: uppercase; letter-spacing: .04em; }
.data-table td { padding: 14px; border-top: 1px solid var(--line); font-size: 12px; vertical-align: middle; }
.license-card { display: grid; grid-template-columns: 1fr auto; gap: 20px; padding: 20px; border: 1px solid var(--line); border-radius: 15px; }
.license-card + .license-card { margin-top: 12px; }
.license-title { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.license-title h3 { margin: 0; font-size: 16px; }
.license-meta { display: flex; flex-wrap: wrap; gap: 17px; margin-top: 12px; color: var(--muted); font-size: 11px; }
.license-key { padding: 8px 10px; display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; color: #33475d; background: #f2f5f8; border-radius: 9px; font-family: ui-monospace, monospace; font-size: 11px; }
.integration-assignment { padding: 13px 0; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 14px; border-bottom: 1px solid var(--line); }
.integration-assignment:last-child { border-bottom: 0; }
.integration-assignment p { margin: 1px 0 0; color: var(--muted); font-size: 11px; }
.ticket-list { display: grid; gap: 10px; }
.ticket-row { padding: 15px; display: grid; grid-template-columns: 1fr auto; gap: 15px; border: 1px solid var(--line); border-radius: 13px; }
.ticket-row h4 { margin: 0 0 4px; font-size: 13px; }
.ticket-row p { margin: 0; color: var(--muted); font-size: 11px; }

.cta-box { padding: 52px; display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: center; color: #fff; background: linear-gradient(120deg,var(--primary-dark),var(--primary) 60%,#7468ff); border-radius: 28px; overflow: hidden; }
.cta-box h2 { margin: 0 0 8px; font-size: 32px; line-height: 1.15; }
.cta-box p { margin: 0; color: #dedbff; }

.site-footer { padding: 70px 0 24px; color: #a8b7c7; background: var(--ink); }
.footer-grid { display: grid; grid-template-columns: 1.5fr repeat(3,1fr); gap: 48px; }
.brand-light { color: #fff; }
.footer-brand p { max-width: 360px; }
.footer-trust { display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; color: var(--lime); font-size: 12px; font-weight: 800; }
.footer-grid h4 { margin: 6px 0 18px; color: #fff; }
.footer-grid > div:not(.footer-brand) { display: flex; flex-direction: column; gap: 10px; }
.footer-grid a:hover { color: #fff; }
.footer-bottom { padding-top: 25px; margin-top: 50px; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid rgba(255,255,255,.1); font-size: 11px; }

@media (max-width: 1050px) {
    .main-nav { gap: 16px; }
    .main-nav a { font-size: 12px; }
    .feature-grid, .catalog-grid, .software-grid { grid-template-columns: repeat(2,1fr); }
    .integration-preview { grid-template-columns: repeat(4,1fr); }
    .stats-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 860px) {
    .announcement-inner { justify-content: space-between; }
    .nav-toggle { display: block; }
    .main-nav { position: fixed; inset: 110px 20px auto; padding: 18px; display: none; align-items: stretch; flex-direction: column; gap: 3px; background: #fff; border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); }
    .main-nav.open { display: flex; }
    .main-nav a { padding: 11px; font-size: 14px; }
    .nav-actions { display: none; }
    .hero-grid, .split, .auth-layout { grid-template-columns: 1fr; }
    .hero-copy { text-align: center; }
    .hero-copy > p { margin-inline: auto; }
    .hero-actions, .hero-note { justify-content: center; }
    .dashboard-shell { max-width: 620px; margin-inline: auto; transform: none; }
    .pricing-grid, .pricing-grid-two { grid-template-columns: 1fr; max-width: 570px; margin-inline: auto; }
    .price-card.popular { transform: none; }
    .dashboard-layout { grid-template-columns: 1fr; }
    .customer-sidebar { position: static; }
    .customer-menu { grid-template-columns: repeat(3,1fr); }
    .footer-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 600px) {
    .container { width: min(100% - 26px, 1180px); }
    .announcement-inner span { overflow: hidden; max-width: 215px; white-space: nowrap; text-overflow: ellipsis; }
    .announcement-inner a { font-size: 0; }
    .announcement-inner a i { font-size: 12px; }
    .nav-wrap { min-height: 68px; }
    .brand { font-size: 17px; }
    .brand-mark { width: 34px; height: 34px; }
    .section { padding: 68px 0; }
    .hero { padding: 55px 0; }
    .hero-copy h1 { font-size: 43px; }
    .feature-grid, .catalog-grid, .integration-preview, .stats-grid, .form-grid, .software-grid, .product-detail { grid-template-columns: 1fr; }
    .product-visual, .product-visual img, .product-visual .software-placeholder { min-height: 290px; }
    .metric-grid { grid-template-columns: 1fr; }
    .floating-pill { display: none; }
    .brand-cloud { justify-content: flex-start; overflow: hidden; }
    .split { gap: 38px; }
    .filter-bar { align-items: stretch; flex-direction: column; }
    .auth-aside { display: none; }
    .auth-form { padding: 30px 22px; }
    .customer-menu { grid-template-columns: repeat(2,1fr); }
    .dashboard-head { align-items: start; flex-direction: column; }
    .license-card { grid-template-columns: 1fr; }
    .cta-box { padding: 34px 25px; grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; gap: 30px; }
    .footer-bottom { flex-direction: column; }
}

/* Professional public theme v3 */
.announcement {
    position: relative;
    z-index: 110;
    color: #e8edff;
    background: linear-gradient(90deg, #15107a 0%, #2d27c9 45%, #071a3a 100%);
    font-size: 12px;
}
.announcement-inner { min-height: 38px; justify-content: flex-start; gap: 28px; }
.announcement-promo { display: inline-flex; align-items: center; gap: 8px; }
.announcement-promo strong { color: #fff; }
.announcement-help { display: inline-flex; align-items: center; gap: 7px; margin-left: auto; color: #cbd5ff; }
.announcement-inner a { display: inline-flex; align-items: center; gap: 8px; color: #fff; }

.site-header { top: 0; background: rgba(255,255,255,.96); border-color: rgba(218,228,241,.9); }
.nav-wrap { min-height: 82px; gap: 24px; }
.brand { gap: 11px; color: var(--ink); font-size: 20px; }
.brand-mark {
    position: relative; width: 43px; height: 43px; overflow: hidden;
    background: linear-gradient(145deg,#244bed,#5d4fff); border-radius: 13px;
    box-shadow: 0 10px 24px rgba(49,82,233,.25); transform: none;
}
.brand-mark b { position: relative; z-index: 2; font-size: 20px; font-weight: 900; }
.brand-mark i { position: absolute; width: 26px; height: 26px; right: -9px; bottom: -9px; background: #75e3da; border-radius: 50%; opacity: .9; }
.brand-name { display: grid; grid-template-columns: auto auto; column-gap: 5px; align-items: baseline; line-height: 1; }
.brand-name small { grid-column: 1 / -1; margin-top: 5px; color: #8a98aa; font-size: 7px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.main-nav { gap: 25px; }
.main-nav > a, .main-nav > .nav-item > a { display: flex; align-items: center; gap: 6px; color: #31435b; font-size: 12px; font-weight: 700; }
.main-nav > .nav-item > a i { font-size: 8px; transition: transform .2s; }
.main-nav > a:hover, .main-nav > .nav-item > a:hover { color: var(--primary); }
.nav-item { position: relative; }
.nav-mega {
    position: absolute; top: calc(100% + 28px); left: 50%; width: 570px; padding: 14px;
    display: grid; grid-template-columns: 1fr 1fr; gap: 6px; visibility: hidden; opacity: 0;
    background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 24px 70px rgba(7,26,58,.18);
    transform: translate(-50%,10px); transition: .2s ease;
}
.nav-mega::before { content: ""; position: absolute; left: 0; right: 0; top: -30px; height: 32px; }
.has-mega:hover .nav-mega, .has-mega:focus-within .nav-mega { visibility: visible; opacity: 1; transform: translate(-50%,0); }
.has-mega:hover > a i { transform: rotate(180deg); }
.nav-mega > a { padding: 13px; display: grid; grid-template-columns: 42px 1fr; gap: 11px; align-items: center; border-radius: 12px; }
.nav-mega > a:hover { color: var(--ink); background: #f5f8ff; }
.nav-mega strong, .nav-mega small { display: block; }
.nav-mega strong { margin-bottom: 2px; font-size: 12px; }
.nav-mega small { color: var(--muted); font-size: 9px; }
.mega-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; }
.mega-icon.blue { color: #2858f5; background: #ebf0ff; }
.mega-icon.violet { color: #7354e8; background: #f1edff; }
.mega-icon.cyan { color: #078a98; background: #e7fafb; }
.mega-icon.orange { color: #c46916; background: #fff2e4; }
.nav-actions { gap: 13px; }
.nav-login { display: inline-flex; align-items: center; gap: 7px; color: #40516a; font-size: 12px; font-weight: 800; }
.nav-login:hover { color: var(--primary); }
.btn { border-radius: 10px; }
.btn-primary { background: linear-gradient(135deg,#345eff,#2046dc); box-shadow: 0 11px 25px rgba(43,78,224,.24); }
.btn-primary:hover { background: linear-gradient(135deg,#254ee9,#1738bf); }

.home-hero {
    position: relative; min-height: 760px; padding: 82px 0 88px;
    background: linear-gradient(135deg,#f7f9ff 0%,#f3f7ff 55%,#eef4ff 100%);
    isolation: isolate;
}
.home-hero::before {
    content: ""; position: absolute; inset: 0; z-index: -2; opacity: .32;
    background-image: linear-gradient(rgba(56,91,172,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(56,91,172,.08) 1px,transparent 1px);
    background-size: 40px 40px;
    mask-image: linear-gradient(to bottom,#000,transparent 88%);
}
.home-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 140px; z-index: -1; background: linear-gradient(transparent,#fff); }
.hero-orb { position: absolute; z-index: -1; border-radius: 50%; filter: blur(3px); pointer-events: none; }
.hero-orb-one { width: 520px; height: 520px; right: -160px; top: -170px; background: radial-gradient(circle,rgba(94,76,255,.2),transparent 68%); }
.hero-orb-two { width: 430px; height: 430px; left: -190px; bottom: -170px; background: radial-gradient(circle,rgba(31,199,200,.12),transparent 68%); }
.home-hero .hero-grid { grid-template-columns: .94fr 1.06fr; gap: 55px; }
.home-hero .hero-copy { position: relative; z-index: 3; }
.home-hero .hero-copy h1 { max-width: 680px; margin: 18px 0 22px; font-size: clamp(50px,5.35vw,76px); line-height: 1.025; letter-spacing: -.062em; }
.home-hero .hero-copy > p { max-width: 610px; margin-bottom: 30px; color: #52627a; font-size: 17px; line-height: 1.75; }
.home-hero .hero-note { gap: 20px; margin-top: 20px; font-size: 11px; }
.home-hero .hero-note i { color: #13a075; }
.hero-proof { margin-top: 35px; padding-top: 25px; display: grid; grid-template-columns: repeat(3,auto); justify-content: start; gap: 0; border-top: 1px solid #dce5f2; }
.hero-proof div { min-width: 120px; padding-right: 24px; margin-right: 24px; border-right: 1px solid #d7e0ec; }
.hero-proof div:last-child { border-right: 0; }
.hero-proof strong, .hero-proof span { display: block; }
.hero-proof strong { color: #102955; font-size: 20px; letter-spacing: -.03em; }
.hero-proof span { margin-top: 2px; color: #7a8799; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.home-hero .hero-visual { position: relative; min-width: 0; padding: 45px 8px 35px 25px; }
.dashboard-glow { position: absolute; inset: 9% 0 0 10%; background: linear-gradient(135deg,rgba(54,95,255,.22),rgba(26,199,197,.13)); border-radius: 50%; filter: blur(45px); }
.home-hero .dashboard-shell { padding: 0; overflow: hidden; background: rgba(255,255,255,.94); border: 1px solid rgba(197,211,230,.92); border-radius: 20px; box-shadow: 0 38px 90px rgba(22,47,94,.22); transform: perspective(1400px) rotateY(-5deg) rotateX(2deg); }
.dash-browser { min-height: 41px; padding: 0 14px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid #e7edf4; background: #f7f9fc; }
.dash-dots { display: flex; gap: 5px; }
.dash-dots i { width: 7px; height: 7px; border-radius: 50%; background: #c2ccda; }
.dash-address { padding: 5px 14px; color: #738197; background: #fff; border: 1px solid #e5ebf2; border-radius: 6px; font-size: 8px; }
.dash-address i { margin-right: 4px; color: #25a27a; }
.dash-online { justify-self: end; color: #178565; font-size: 8px; font-weight: 800; }
.dash-online i { width: 6px; height: 6px; display: inline-block; margin-right: 4px; background: #20bf8c; border-radius: 50%; }
.dash-layout { display: grid; grid-template-columns: 55px 1fr; min-height: 445px; }
.dash-sidebar { padding: 13px 8px; display: flex; flex-direction: column; align-items: center; gap: 11px; background: #081c3f; }
.dash-sidebar > i { width: 30px; height: 30px; display: grid; place-items: center; color: #8498b8; border-radius: 8px; font-size: 10px; }
.dash-sidebar > i.active { color: #fff; background: #335cff; }
.dash-mini-logo { width: 29px; height: 29px; display: grid; place-items: center; margin-bottom: 8px; color: #fff; background: linear-gradient(135deg,#4c6eff,#6b5af5); border-radius: 8px; font-size: 12px; font-weight: 900; }
.home-hero .dash-body { padding: 22px; border-radius: 0; }
.home-hero .dash-title { margin-bottom: 14px; }
.home-hero .dash-title h3 { margin-top: 2px; color: #102748; font-size: 16px; }
.home-hero .dash-title span { color: #8d9bad; font-size: 8px; font-weight: 700; }
.dash-range { padding: 6px 8px; border: 1px solid #e2e9f2; border-radius: 6px; }
.dash-range i { margin-left: 5px; }
.home-hero .metric-grid { gap: 8px; }
.home-hero .metric { padding: 11px; background: #f8faff; border-color: #edf1f7; border-radius: 9px; }
.home-hero .metric span { font-size: 8px; }
.home-hero .metric strong { margin: 2px 0; color: #142b4c; font-size: 14px; }
.home-hero .metric small { color: #18a478; font-size: 7px; font-weight: 800; }
.chart-card { margin: 12px 0 0; padding: 13px 13px 8px; border: 1px solid #ebf0f6; border-radius: 10px; }
.chart-head { display: flex; align-items: center; justify-content: space-between; font-size: 8px; color: #718098; }
.chart-head strong { color: #163257; font-size: 10px; }
.home-hero .chart { height: 126px; margin: 4px 0 0; padding: 12px 4px 0; gap: 5px; border: 0; background: repeating-linear-gradient(to bottom,transparent 0,transparent 27px,#edf1f7 28px); }
.home-hero .chart i { background: linear-gradient(180deg,#315bfc,#91a8ff); border-radius: 3px 3px 1px 1px; }
.dash-activity { margin-top: 8px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.dash-activity > div { padding: 9px; display: grid; grid-template-columns: 28px 1fr auto; gap: 7px; align-items: center; border: 1px solid #ebf0f6; border-radius: 8px; }
.activity-icon { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; font-size: 8px; }
.activity-icon.purple { color: #5e4bea; background: #efedff; }
.activity-icon.green { color: #159574; background: #e7f8f2; }
.dash-activity p { margin: 0; line-height: 1.2; }
.dash-activity strong, .dash-activity small { display: block; }
.dash-activity strong { color: #253a57; font-size: 7px; }
.dash-activity small { margin-top: 2px; color: #8a97a8; font-size: 5px; }
.dash-activity b { color: #315bfc; font-size: 8px; }
.floating-card { position: absolute; z-index: 3; display: flex; align-items: center; gap: 9px; color: #142c4f; background: rgba(255,255,255,.97); border: 1px solid #dce5f1; border-radius: 12px; box-shadow: 0 17px 40px rgba(18,43,83,.16); font-size: 9px; font-weight: 800; backdrop-filter: blur(12px); }
.floating-card > span { width: 30px; height: 30px; display: grid; place-items: center; color: #315bfc; background: #edf2ff; border-radius: 9px; }
.floating-card small, .floating-card strong { display: block; }
.floating-card small { color: #8491a4; font-size: 6px; font-weight: 700; }
.floating-license { top: 25px; right: -14px; padding: 10px 11px; }
.floating-license > i { margin-left: 9px; color: #19a277; }
.floating-order { left: -1px; bottom: 45px; padding: 10px 13px; }
.floating-order > span { color: #734fe5; background: #f0edff; }
.floating-sync { right: -14px; bottom: 14px; padding: 9px 12px; color: #168866; }

.trust-strip { position: relative; z-index: 4; padding: 27px 0 30px; background: #fff; border-bottom: 1px solid var(--line); }
.trust-strip p { margin: 0 0 19px; color: #8793a5; font-size: 9px; font-weight: 800; text-align: center; letter-spacing: .08em; text-transform: uppercase; }
.trust-strip .brand-cloud { display: grid; grid-template-columns: repeat(6,1fr); gap: 13px; }
.trust-strip .brand-cloud span { min-height: 48px; display: flex; align-items: center; justify-content: center; gap: 9px; color: #41516a; background: #fafbfd; border: 1px solid #edf1f6; border-radius: 10px; font-size: 11px; font-weight: 800; }
.trust-strip .brand-cloud i { color: #7890b2; }

.intro-section { padding-top: 110px; }
.intro-section .section-head { max-width: 800px; }
.section-head h2 { color: #0a2348; }
.solution-bento { display: grid; grid-template-columns: 1.2fr .8fr; grid-template-rows: auto auto; gap: 18px; }
.bento-card { position: relative; overflow: hidden; padding: 32px; background: #fff; border: 1px solid var(--line); border-radius: 22px; box-shadow: 0 10px 30px rgba(7,26,58,.045); }
.bento-card > small, .bento-copy > small { display: block; margin: 20px 0 8px; color: #8593a5; font-size: 9px; font-weight: 900; letter-spacing: .1em; }
.bento-card h3 { margin: 0 0 9px; color: #0e294e; font-size: 22px; line-height: 1.25; letter-spacing: -.025em; }
.bento-card p { margin: 0; color: var(--muted); font-size: 12px; }
.bento-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: 19px; color: var(--primary); font-size: 11px; font-weight: 900; }
.bento-icon { width: 45px; height: 45px; display: grid; place-items: center; color: var(--primary); background: #ecf1ff; border-radius: 13px; }
.bento-main { min-height: 395px; padding: 42px; display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 28px; color: #fff; background: linear-gradient(140deg,#0a2048,#102f69); border: 0; }
.bento-main::before { content: ""; position: absolute; width: 300px; height: 300px; right: -70px; top: -80px; background: radial-gradient(circle,rgba(90,104,255,.45),transparent 68%); }
.bento-main .bento-icon { color: #fff; background: rgba(255,255,255,.11); }
.bento-main .bento-copy > small { color: #91a8ce; }
.bento-main h3 { color: #fff; font-size: 29px; }
.bento-main p { color: #b6c5dc; }
.bento-main a { color: #9fb4ff; }
.storefront-preview { position: relative; z-index: 2; padding: 14px; min-height: 285px; background: #fff; border: 7px solid rgba(255,255,255,.15); border-radius: 19px; box-shadow: 0 22px 55px rgba(0,0,0,.25); transform: rotate(2deg); }
.storefront-top { height: 34px; display: grid; grid-template-columns: 26px 1fr 18px; align-items: center; gap: 16px; border-bottom: 1px solid #edf1f5; }
.storefront-top i { width: 20px; height: 20px; background: #315bfc; border-radius: 6px; }
.storefront-top span { width: 60%; height: 6px; background: #d9e1ec; border-radius: 5px; }
.storefront-top b { width: 15px; height: 15px; background: #edf1f6; border-radius: 50%; }
.storefront-hero { height: 95px; padding: 18px; display: grid; align-content: center; gap: 10px; margin-top: 10px; background: linear-gradient(120deg,#e8edff,#f4f1ff); border-radius: 10px; }
.storefront-hero span { width: 50%; height: 13px; background: #2449da; border-radius: 4px; }
.storefront-hero strong { width: 28%; height: 7px; background: #8599de; border-radius: 4px; }
.storefront-products { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 9px; }
.storefront-products i { height: 94px; background: linear-gradient(150deg,#f1f4f8 70%,#e0e7f1 70%); border-radius: 8px; }
.bento-market { min-height: 395px; background: linear-gradient(145deg,#fafbff,#eef2ff); }
.market-orbit { position: absolute; width: 220px; height: 220px; right: -35px; bottom: -65px; border: 1px dashed #b8c6ef; border-radius: 50%; }
.market-orbit::before { content: ""; position: absolute; inset: 28px; border: 1px dashed #ccd5f0; border-radius: 50%; }
.market-orbit span { position: absolute; z-index: 2; width: 39px; height: 39px; display: grid; place-items: center; color: #fff; background: #315bfc; border: 4px solid #fff; border-radius: 11px; box-shadow: var(--shadow-sm); font-size: 11px; font-weight: 900; }
.market-orbit span:nth-child(1) { left: -4px; top: 68px; background: #f27c31; }
.market-orbit span:nth-child(2) { left: 86px; top: -14px; background: #ef623a; }
.market-orbit span:nth-child(3) { right: -5px; top: 76px; background: #7e3fd0; }
.market-orbit > i { position: absolute; left: 91px; top: 91px; color: #315bfc; font-size: 28px; }
.bento-license { min-height: 260px; display: grid; grid-template-columns: 1fr .9fr; gap: 24px; align-items: center; }
.license-widget { padding: 14px; display: grid; grid-template-columns: 38px 1fr auto; gap: 10px; align-items: center; background: #f6f9fd; border: 1px solid #e5ebf3; border-radius: 13px; }
.license-widget > i { width: 38px; height: 38px; display: grid; place-items: center; color: #168e6e; background: #e5f7f1; border-radius: 10px; }
.license-widget span small, .license-widget span strong { display: block; }
.license-widget span small { color: #8b98a8; font-size: 7px; }
.license-widget span strong { color: #123052; font-size: 9px; }
.license-widget b { padding: 5px 7px; color: #148464; background: #ddf5ed; border-radius: 6px; font-size: 7px; }
.bento-qr { min-height: 260px; color: #fff; background: linear-gradient(145deg,#5443db,#7355ef); border: 0; }
.bento-qr::after { content: "\f029"; position: absolute; right: -3px; bottom: -48px; color: rgba(255,255,255,.08); font-family: "Font Awesome 6 Free"; font-size: 210px; font-weight: 900; }
.bento-qr .bento-icon { color: #fff; background: rgba(255,255,255,.13); }
.bento-qr > small { color: #c9c1ff; }
.bento-qr h3 { color: #fff; }
.bento-qr p { color: #ddd8ff; }
.bento-qr a { color: #fff; }

.platform-section { position: relative; overflow: hidden; color: #fff; background: #071a3a; }
.platform-section::before { content: ""; position: absolute; width: 550px; height: 550px; left: -260px; top: -240px; background: radial-gradient(circle,rgba(52,94,255,.26),transparent 68%); }
.platform-grid { display: grid; grid-template-columns: 1.12fr .88fr; gap: 85px; align-items: center; }
.platform-stage { position: relative; padding: 40px 0 15px; }
.platform-window { overflow: hidden; min-height: 440px; background: #fff; border: 8px solid rgba(255,255,255,.08); border-radius: 20px; box-shadow: 0 35px 70px rgba(0,0,0,.3); transform: perspective(1300px) rotateY(5deg); }
.platform-bar { height: 55px; padding: 0 18px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; color: #738196; background: #f7f9fc; border-bottom: 1px solid #e5ebf3; font-size: 9px; }
.platform-bar > span { display: flex; gap: 5px; }
.platform-bar > span i { width: 7px; height: 7px; background: #c8d1dc; border-radius: 50%; }
.platform-bar b { justify-self: end; padding: 7px 10px; color: #fff; background: #315bfc; border-radius: 6px; font-size: 7px; }
.platform-content { display: grid; grid-template-columns: 80px 1fr; min-height: 378px; }
.platform-content aside { padding: 26px 16px; display: grid; align-content: start; gap: 16px; background: #0a2148; }
.platform-content aside i { height: 7px; background: #405679; border-radius: 5px; }
.platform-content aside i:first-child { background: #6f8cff; }
.platform-content > div { padding: 35px 30px; }
.skeleton { display: block; height: 11px; margin-bottom: 10px; background: #cdd7e4; border-radius: 5px; }
.skeleton.wide { width: 38%; }
.skeleton.short { width: 21%; height: 7px; background: #e4e9f0; }
.product-table { margin-top: 30px; border: 1px solid #e7edf4; border-radius: 11px; }
.product-table p { margin: 0; padding: 12px; display: grid; grid-template-columns: 38px 1fr 60px; gap: 14px; align-items: center; border-bottom: 1px solid #edf1f6; }
.product-table p:last-child { border-bottom: 0; }
.product-table i { width: 38px; height: 38px; background: linear-gradient(135deg,#e8edff,#dbe3f1); border-radius: 8px; }
.product-table span { width: 48%; height: 8px; background: #d6dfea; border-radius: 5px; }
.product-table b { height: 21px; background: #e6f7f0; border-radius: 5px; }
.platform-badge { position: absolute; right: -20px; bottom: -10px; padding: 15px 18px; display: flex; align-items: center; gap: 12px; color: #153052; background: #fff; border: 1px solid #dce5f1; border-radius: 13px; box-shadow: 0 18px 45px rgba(0,0,0,.25); }
.platform-badge > i { width: 36px; height: 36px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg,#5c4ae5,#315bfc); border-radius: 10px; }
.platform-badge small, .platform-badge strong { display: block; }
.platform-badge small { color: #8592a3; font-size: 7px; }
.platform-badge strong { font-size: 10px; }
.platform-copy h2 { margin: 18px 0; font-size: clamp(36px,4.4vw,57px); line-height: 1.08; letter-spacing: -.05em; }
.platform-copy > p { color: #aebdd1; font-size: 15px; }
.platform-list { display: grid; gap: 15px; margin: 30px 0; }
.platform-list > div { display: grid; grid-template-columns: 43px 1fr; gap: 13px; align-items: start; }
.platform-list > div > i { width: 43px; height: 43px; display: grid; place-items: center; color: #9eb2ff; background: rgba(74,101,207,.2); border: 1px solid rgba(255,255,255,.08); border-radius: 12px; }
.platform-list strong, .platform-list small { display: block; }
.platform-list strong { margin-bottom: 2px; font-size: 13px; }
.platform-list small { color: #91a3ba; font-size: 10px; }
.text-link-light { display: inline-flex; align-items: center; gap: 9px; color: #aabaff; font-size: 11px; font-weight: 900; }

.section-head-row { max-width: none; display: grid; grid-template-columns: 1fr 440px; align-items: end; gap: 50px; text-align: left; }
.section-head-row h2 { margin-bottom: 0; }
.section-head-row p { padding-bottom: 5px; }
.professional-features { gap: 14px; }
.professional-features .feature-card { min-height: 260px; padding: 30px; display: flex; flex-direction: column; border-radius: 18px; box-shadow: none; }
.professional-features .feature-card:hover { border-color: #b9c9ef; box-shadow: 0 18px 45px rgba(15,41,80,.09); }
.professional-features .feature-icon { border-radius: 12px; }
.feature-icon.blue { color: #2757ef; background: #edf2ff; }
.feature-icon.violet { color: #7053df; background: #f1edff; }
.feature-icon.cyan { color: #0a8c97; background: #e7f9fa; }
.feature-icon.orange { color: #ce6d16; background: #fff1e3; }
.feature-icon.green { color: #178665; background: #e6f7f0; }
.feature-icon.navy { color: #183c6d; background: #e9eef5; }
.professional-features .feature-card h3 { color: #112b50; }
.professional-features .feature-card p { font-size: 12px; }
.feature-meta { margin-top: auto; padding-top: 20px; color: #8a97a8; font-size: 8px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }

.integrations-section { padding-top: 35px; }
.integration-panel { padding: 55px; display: grid; grid-template-columns: .78fr 1.22fr; gap: 55px; align-items: center; background: linear-gradient(135deg,#f1f5ff,#f8faff); border: 1px solid #dce5f4; border-radius: 28px; }
.integration-copy h2 { margin: 18px 0 14px; color: #0b254a; font-size: 40px; line-height: 1.1; letter-spacing: -.04em; }
.integration-copy p { color: var(--muted); font-size: 13px; }
.integration-categories { display: flex; flex-wrap: wrap; gap: 6px; margin: 21px 0 25px; }
.integration-categories span { padding: 6px 9px; color: #4c5f7a; background: #fff; border: 1px solid #dfe7f2; border-radius: 6px; font-size: 8px; font-weight: 800; }
.integration-preview { grid-template-columns: repeat(3,1fr); gap: 10px; }
.integration-chip { min-height: 112px; padding: 15px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 5px; text-align: left; border-radius: 12px; }
.integration-chip > span { width: 34px; height: 34px; display: grid; place-items: center; margin-bottom: 5px; color: var(--primary); background: #edf2ff; border-radius: 9px; }
.integration-chip i { font-size: 14px; }
.integration-chip strong { color: #173153; font-size: 9px; }
.integration-chip small { color: #8a97a8; font-size: 7px; }

.pricing-section { background: #f6f8fc; }
.pricing-controls { margin-top: -20px; }
.billing-toggle { padding: 5px; background: #e6ebf3; }
.billing-toggle button { font-size: 11px; }
.pricing-section .pricing-grid { gap: 16px; }
.pricing-section .price-card { padding: 32px; border-radius: 20px; box-shadow: 0 10px 28px rgba(7,26,58,.045); }
.pricing-section .price-card.popular { background: linear-gradient(155deg,#0a2148,#0d2e63); box-shadow: 0 28px 65px rgba(7,26,58,.25); transform: translateY(-9px); }
.popular-badge { top: -13px; color: #10233e; background: #bbed52; }
.plan-top { display: flex; align-items: center; gap: 13px; }
.plan-icon { width: 44px; height: 44px; display: grid; place-items: center; color: #315bfc; background: #edf2ff; border-radius: 12px; }
.price-card.popular .plan-icon { color: #d7e2ff; background: rgba(255,255,255,.11); }
.plan-top small { color: #8b98a9; font-size: 7px; font-weight: 900; letter-spacing: .1em; }
.plan-top h3 { font-size: 22px; }
.price-value { font-size: 35px; }
.plan-divider { position: relative; margin: 22px 0 4px; color: #8895a7; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.plan-divider::after { content: ""; position: absolute; left: 0; right: 0; bottom: -10px; height: 1px; background: var(--line); }
.price-card.popular .plan-divider::after { background: rgba(255,255,255,.12); }
.pricing-section .plan-features { padding-top: 17px; border: 0; }

.journey-section { background: #fff; }
.journey-grid { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.journey-grid::before { content: ""; position: absolute; left: 12%; right: 12%; top: 64px; border-top: 1px dashed #b9c6d8; }
.journey-grid article { position: relative; z-index: 1; min-height: 230px; padding: 25px; background: #fff; border: 1px solid var(--line); border-radius: 17px; }
.journey-grid article > span { position: absolute; right: 19px; top: 18px; color: #bdc8d6; font-size: 9px; font-weight: 900; }
.journey-grid article > i { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 25px; color: #315bfc; background: #edf2ff; border: 7px solid #fff; border-radius: 15px; box-shadow: 0 0 0 1px #dfe7f2; }
.journey-grid h3 { margin: 0 0 8px; color: #142d50; font-size: 16px; }
.journey-grid p { margin: 0; color: var(--muted); font-size: 11px; }
.journey-note { margin-top: 18px; padding: 20px 23px; display: grid; grid-template-columns: 43px 1fr auto; gap: 14px; align-items: center; background: #f5f8fc; border: 1px solid #e1e8f1; border-radius: 14px; }
.journey-note > i { width: 43px; height: 43px; display: grid; place-items: center; color: #fff; background: #315bfc; border-radius: 11px; }
.journey-note span { color: var(--muted); font-size: 10px; }
.journey-note span strong { display: block; color: #173153; font-size: 12px; }
.journey-note a { color: #234fe6; font-size: 10px; font-weight: 900; }

.qr-showcase { position: relative; overflow: hidden; padding: 0; background: #071a3a; }
.qr-showcase::before { content: ""; position: absolute; width: 620px; height: 620px; right: -100px; top: -140px; background: radial-gradient(circle,rgba(88,72,225,.42),transparent 68%); }
.qr-showcase-inner { min-height: 670px; display: grid; grid-template-columns: .88fr 1.12fr; gap: 70px; align-items: center; color: #fff; }
.qr-copy { position: relative; z-index: 2; padding: 80px 0; }
.qr-copy h2 { margin: 18px 0; max-width: 650px; font-size: clamp(38px,4.6vw,60px); line-height: 1.07; letter-spacing: -.05em; }
.qr-copy > p { color: #acbdd2; font-size: 15px; }
.qr-benefits { display: flex; flex-wrap: wrap; gap: 10px 18px; margin: 26px 0 30px; color: #d9e4f2; font-size: 10px; font-weight: 800; }
.qr-benefits i { margin-right: 6px; color: #b9ec4d; }
.qr-visual { position: relative; align-self: stretch; min-height: 670px; }
.phone { position: absolute; overflow: hidden; width: 235px; height: 475px; padding: 9px; background: #10213c; border: 1px solid rgba(255,255,255,.22); border-radius: 36px; box-shadow: 0 35px 70px rgba(0,0,0,.35); }
.phone-screen { height: 100%; padding: 25px 18px; color: #10233f; background: #fffaf4; border-radius: 28px; }
.phone-back { left: 30px; top: 125px; transform: rotate(-9deg); opacity: .72; }
.phone-front { left: 220px; top: 70px; z-index: 2; transform: rotate(4deg); }
.restaurant-logo { width: 38px; height: 38px; display: grid; place-items: center; margin-bottom: 18px; color: #fff; background: #172b48; border-radius: 50%; font-size: 13px; font-weight: 900; }
.phone-screen > small { display: block; margin-bottom: 4px; color: #b17b43; font-size: 6px; font-weight: 900; letter-spacing: .12em; }
.phone-screen > strong { display: block; margin-bottom: 18px; font-size: 15px; line-height: 1.2; }
.phone-back .phone-screen > i { display: block; height: 90px; margin-bottom: 10px; background: linear-gradient(135deg,#e7d2ba,#f0e6dc); border-radius: 12px; }
.food-card { padding: 8px; display: grid; grid-template-columns: 48px 1fr auto; gap: 7px; align-items: center; margin-bottom: 8px; background: #fff; border: 1px solid #eee5dc; border-radius: 10px; }
.food-card > i { width: 48px; height: 48px; background: radial-gradient(circle at 60% 40%,#d78c4a 0 18%,#734321 19% 30%,#e5c28e 31%); border-radius: 9px; }
.food-card span b, .food-card span small { display: block; }
.food-card span b { font-size: 7px; }
.food-card span small { margin-top: 2px; color: #978b80; font-size: 4px; line-height: 1.3; }
.food-card em { color: #a86a31; font-size: 7px; font-style: normal; font-weight: 900; }
.qr-code { position: absolute; z-index: 3; right: 5px; bottom: 93px; padding: 16px; display: grid; place-items: center; color: #142b4a; background: #fff; border-radius: 16px; box-shadow: 0 22px 50px rgba(0,0,0,.28); }
.qr-code i { font-size: 58px; }
.qr-code span { margin-top: 7px; color: #6e7b8c; font-size: 7px; font-weight: 900; text-transform: uppercase; }

.faq-section { background: #f7f9fc; }
.faq-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; align-items: start; }
.faq-intro { position: sticky; top: 125px; }
.faq-intro h2 { margin: 18px 0 14px; color: #0b254a; font-size: 42px; line-height: 1.1; letter-spacing: -.045em; }
.faq-intro p { margin-bottom: 24px; color: var(--muted); }
.faq-list { display: grid; gap: 10px; }
.faq-list details { padding: 0 22px; background: #fff; border: 1px solid var(--line); border-radius: 14px; }
.faq-list summary { min-height: 67px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #173153; font-size: 13px; font-weight: 800; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary i { color: #315bfc; transition: transform .2s; }
.faq-list details[open] summary i { transform: rotate(45deg); }
.faq-list details p { margin: -3px 35px 21px 0; color: var(--muted); font-size: 11px; }

.final-cta-section { padding: 75px 0; }
.professional-cta { position: relative; padding: 55px 60px; background: linear-gradient(120deg,#264de3,#5844df 67%,#7354e8); box-shadow: 0 28px 60px rgba(48,68,190,.22); }
.professional-cta::after { content: ""; position: absolute; width: 250px; height: 250px; right: 13%; top: -130px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 45px rgba(255,255,255,.04),0 0 0 90px rgba(255,255,255,.03); }
.professional-cta > div { position: relative; z-index: 2; }
.professional-cta > div > span { color: #c6d2ff; font-size: 9px; font-weight: 900; letter-spacing: .1em; }
.professional-cta h2 { margin-top: 7px; font-size: 35px; }
.cta-actions { display: grid; justify-items: center; gap: 8px; }
.cta-actions small { color: #d8dfff; font-size: 8px; }

.site-footer { padding-top: 0; color: #8fa2ba; background: #06152e; }
.footer-topline { min-height: 105px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-bottom: 1px solid rgba(255,255,255,.1); }
.footer-topline > div { display: flex; align-items: center; gap: 14px; }
.footer-topline > div > i { width: 43px; height: 43px; display: grid; place-items: center; color: #b5c5ff; background: rgba(83,105,206,.2); border-radius: 12px; }
.footer-topline small, .footer-topline strong { display: block; }
.footer-topline small { color: #7e91aa; font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.footer-topline strong { color: #fff; font-size: 14px; }
.footer-topline > a { color: #b8c6ff; font-size: 10px; font-weight: 900; }
.footer-grid { grid-template-columns: 1.45fr repeat(4,1fr); gap: 38px; padding-top: 60px; }
.footer-brand p { max-width: 300px; font-size: 11px; }
.footer-grid h4 { margin-top: 3px; font-size: 12px; }
.footer-grid > div:not(.footer-brand) { gap: 9px; font-size: 10px; }
.brand-light .brand-name { color: #fff; }
.footer-socials { display: flex; gap: 7px; margin-top: 20px; }
.footer-socials span { width: 32px; height: 32px; display: grid; place-items: center; color: #afbdd0; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); border-radius: 8px; }
.footer-socials a { width: 32px; height: 32px; display: grid; place-items: center; color: #afbdd0; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); border-radius: 8px; }
.footer-socials a:hover { color: #fff; border-color: rgba(255,255,255,.22); transform: translateY(-2px); }
.theme-header-dark .site-header { color: #fff; background: rgba(7,26,58,.96); border-color: rgba(255,255,255,.1); }
.theme-header-dark .site-header .brand-name,.theme-header-dark .main-nav>*,.theme-header-dark .nav-login { color: #fff; }
.theme-header-dark .site-header .brand-name small { color: #8fa6c4; }
.theme-header-dark .nav-toggle { color: #fff; }
.footer-email { color: #c6d2e1; }
.footer-trust { margin-top: 8px; color: #a9c9bf; font-size: 9px; }
.footer-bottom { margin-top: 45px; font-size: 9px; }
.footer-bottom div { display: flex; flex-wrap: wrap; gap: 18px; }

@media (max-width: 1120px) {
    .main-nav { gap: 15px; }
    .main-nav > a, .main-nav > .nav-item > a { font-size: 10px; }
    .home-hero .hero-grid { gap: 32px; }
    .home-hero .hero-copy h1 { font-size: 58px; }
    .floating-license { right: 0; }
    .integration-panel { padding: 40px; grid-template-columns: .85fr 1.15fr; gap: 35px; }
    .footer-grid { grid-template-columns: 1.4fr repeat(2,1fr); }
}

@media (max-width: 900px) {
    .announcement-help { display: none; }
    .nav-toggle { display: block; }
    .main-nav { position: fixed; inset: 123px 20px auto; max-height: calc(100vh - 145px); padding: 15px; display: none; align-items: stretch; flex-direction: column; gap: 2px; overflow-y: auto; background: #fff; border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); }
    .main-nav.open { display: flex; }
    .main-nav > a, .main-nav > .nav-item > a { padding: 11px; font-size: 13px; }
    .nav-actions { display: none; }
    .nav-mega { position: static; width: auto; padding: 5px; display: none; grid-template-columns: 1fr 1fr; visibility: visible; opacity: 1; box-shadow: none; transform: none; }
    .has-mega:hover .nav-mega, .has-mega:focus-within .nav-mega { display: grid; transform: none; }
    .home-hero { padding-top: 65px; }
    .home-hero .hero-grid { grid-template-columns: 1fr; }
    .home-hero .hero-copy { max-width: 710px; margin-inline: auto; text-align: center; }
    .home-hero .hero-copy > p { margin-inline: auto; }
    .home-hero .hero-actions, .home-hero .hero-note, .hero-proof { justify-content: center; }
    .home-hero .hero-visual { max-width: 720px; margin-inline: auto; padding-top: 20px; }
    .home-hero .dashboard-shell { transform: none; }
    .solution-bento { grid-template-columns: 1fr; }
    .bento-main, .bento-license { grid-template-columns: 1fr 1fr; }
    .bento-market { min-height: 280px; }
    .platform-grid { grid-template-columns: 1fr; gap: 65px; }
    .platform-stage { max-width: 690px; margin-inline: auto; }
    .platform-copy { text-align: center; }
    .platform-copy > p { max-width: 650px; margin-inline: auto; }
    .platform-list { max-width: 580px; margin-inline: auto; text-align: left; }
    .section-head-row { grid-template-columns: 1fr; gap: 10px; text-align: center; }
    .section-head-row p { max-width: 650px; margin-inline: auto; }
    .integration-panel { grid-template-columns: 1fr; }
    .journey-grid { grid-template-columns: repeat(2,1fr); }
    .journey-grid::before { display: none; }
    .qr-showcase-inner { grid-template-columns: 1fr; }
    .qr-copy { padding-bottom: 20px; text-align: center; }
    .qr-copy > p { max-width: 650px; margin-inline: auto; }
    .qr-benefits { justify-content: center; }
    .qr-visual { width: min(600px,100%); min-height: 570px; margin-inline: auto; }
    .faq-grid { grid-template-columns: 1fr; gap: 35px; }
    .faq-intro { position: static; text-align: center; }
}

@media (max-width: 640px) {
    .container { width: min(100% - 28px,1240px); }
    .announcement-inner { min-height: 36px; justify-content: space-between; gap: 10px; }
    .announcement-promo { max-width: 250px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .announcement-inner a { font-size: 0; }
    .announcement-inner a i { font-size: 11px; }
    .nav-wrap { min-height: 70px; }
    .brand-name small { display: none; }
    .main-nav { inset: 106px 14px auto; }
    .nav-mega { grid-template-columns: 1fr; }
    .home-hero { min-height: 0; padding: 52px 0 60px; }
    .home-hero .hero-copy h1 { font-size: 44px; }
    .home-hero .hero-copy > p { font-size: 15px; }
    .home-hero .hero-actions { display: grid; }
    .home-hero .hero-actions .btn { width: 100%; }
    .hero-proof { grid-template-columns: repeat(3,1fr); }
    .hero-proof div { min-width: 0; padding-right: 10px; margin-right: 10px; }
    .hero-proof strong { font-size: 15px; }
    .hero-proof span { font-size: 6px; }
    .home-hero .hero-visual { padding: 25px 0 5px; }
    .dash-browser { grid-template-columns: 1fr auto; }
    .dash-address { display: none; }
    .dash-layout { grid-template-columns: 42px 1fr; min-height: 360px; }
    .dash-sidebar { padding-inline: 6px; }
    .home-hero .dash-body { padding: 13px; }
    .home-hero .dash-title h3 { font-size: 12px; }
    .home-hero .metric-grid { grid-template-columns: repeat(3,1fr); }
    .home-hero .metric { padding: 7px; }
    .home-hero .metric strong { font-size: 10px; }
    .chart-card { padding: 8px; }
    .home-hero .chart { height: 95px; }
    .dash-activity { grid-template-columns: 1fr; }
    .dash-activity > div:last-child { display: none; }
    .floating-card { display: none; }
    .trust-strip .brand-cloud { grid-template-columns: repeat(2,1fr); }
    .intro-section { padding-top: 75px; }
    .section-head h2 { font-size: 36px; }
    .solution-bento { gap: 12px; }
    .bento-card { padding: 25px; }
    .bento-main, .bento-license { min-height: 0; grid-template-columns: 1fr; }
    .bento-main h3 { font-size: 25px; }
    .storefront-preview { margin-top: 10px; }
    .bento-license .license-widget { margin-top: 15px; }
    .platform-window { min-height: 330px; }
    .platform-content { grid-template-columns: 55px 1fr; min-height: 275px; }
    .platform-content > div { padding: 24px 14px; }
    .platform-badge { right: 0; }
    .platform-copy h2 { font-size: 38px; }
    .professional-features { grid-template-columns: 1fr; }
    .professional-features .feature-card { min-height: 230px; }
    .integration-panel { padding: 28px 20px; }
    .integration-copy h2 { font-size: 34px; }
    .integration-preview { grid-template-columns: repeat(2,1fr); }
    .pricing-section .price-card.popular { transform: none; }
    .journey-grid { grid-template-columns: 1fr; }
    .journey-grid article { min-height: 200px; }
    .journey-note { grid-template-columns: 40px 1fr; }
    .journey-note a { grid-column: 1 / -1; padding-left: 54px; }
    .qr-showcase-inner { min-height: 0; }
    .qr-copy { padding-top: 70px; }
    .qr-copy h2 { font-size: 38px; }
    .qr-visual { min-height: 490px; transform: scale(.82); transform-origin: top center; margin-bottom: -80px; }
    .phone-back { left: 0; }
    .phone-front { left: 120px; }
    .qr-code { right: 0; }
    .faq-intro h2 { font-size: 36px; }
    .faq-list details { padding: 0 17px; }
    .professional-cta { padding: 38px 25px; }
    .professional-cta h2 { font-size: 29px; }
    .footer-topline { padding: 28px 0; align-items: flex-start; flex-direction: column; }
    .footer-grid { grid-template-columns: 1fr; gap: 28px; }
    .footer-bottom div { gap: 10px; }
}

/* ========================================================================== */
/* Webidir Commerce Cloud — 2026 public website                                */
/* ========================================================================== */
.neo-hero {
    position: relative; min-height: 790px; overflow: hidden; padding: 92px 0 84px;
    color: #fff; background: #061329;
}
.neo-grid-bg { position: absolute; inset: 0; pointer-events: none; opacity: .18; background-image: linear-gradient(rgba(132,160,210,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(132,160,210,.18) 1px,transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom,#000 12%,transparent 92%); }
.neo-aurora { position: absolute; width: 660px; height: 660px; border-radius: 50%; filter: blur(90px); pointer-events: none; opacity: .23; }
.neo-aurora-a { top: -400px; left: -160px; background: #6547ff; }
.neo-aurora-b { right: -260px; bottom: -380px; background: #05d4ca; }
.neo-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .86fr 1.14fr; gap: 58px; align-items: center; }
.neo-hero-copy { padding: 20px 0; }
.neo-badge,.neo-kicker { display: inline-flex; align-items: center; gap: 9px; color: #4863f7; font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.neo-badge { padding: 8px 11px; color: #cfdbff; border: 1px solid rgba(151,176,255,.22); background: rgba(72,99,247,.12); border-radius: 999px; }
.neo-badge span { width: 7px; height: 7px; background: #b7f43b; border-radius: 50%; box-shadow: 0 0 0 5px rgba(183,244,59,.08); }
.neo-badge b { padding: 2px 7px; color: #08162e; background: #b7f43b; border-radius: 999px; font-size: 8px; }
.neo-hero h1 { margin: 22px 0 20px; font-size: clamp(48px,5.7vw,76px); line-height: .99; letter-spacing: -.065em; }
.neo-hero h1 em,.neo-section-head h2 em { color: #8fa6ff; font-style: normal; }
.neo-hero-copy > p { max-width: 610px; margin: 0 0 29px; color: #b3c2da; font-size: 17px; line-height: 1.75; }
.neo-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; }
.neo-btn-primary { color: #fff; background: linear-gradient(135deg,#345cff,#644cff); border-color: rgba(255,255,255,.08); box-shadow: 0 15px 36px rgba(51,92,255,.3); }
.neo-btn-primary:hover { color: #fff; background: linear-gradient(135deg,#466aff,#765fff); }
.neo-btn-light { color: #081a37; background: #fff; border-color: #fff; box-shadow: 0 12px 32px rgba(0,0,0,.16); }
.neo-demo-link { display: inline-flex; align-items: center; gap: 11px; color: #e3eaff; font-size: 13px; font-weight: 800; }
.neo-demo-link span { width: 42px; height: 42px; display: grid; place-items: center; color: #b7f43b; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; background: rgba(255,255,255,.06); }
.neo-assurances { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 23px; color: #91a3bf; font-size: 10px; font-weight: 700; }
.neo-assurances i { margin-right: 4px; color: #b7f43b; }
.neo-hero-metrics { margin-top: 40px; padding-top: 24px; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.11); }
.neo-hero-metrics div { padding-right: 18px; }
.neo-hero-metrics div + div { padding-left: 20px; border-left: 1px solid rgba(255,255,255,.11); }
.neo-hero-metrics strong,.neo-hero-metrics span { display: block; }
.neo-hero-metrics strong { font-size: 18px; }
.neo-hero-metrics span { color: #7f91ae; font-size: 8px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.neo-hero-product { position: relative; min-height: 610px; display: grid; align-items: center; }
.neo-orbit { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(122,153,210,.17); border-radius: 50%; transform: translate(-50%,-50%); }
.orbit-one { width: 700px; height: 700px; }
.orbit-two { width: 540px; height: 540px; }
.neo-orbit-logo { position: absolute; z-index: 4; width: 46px; height: 46px; padding: 8px; display: grid; place-items: center; background: #fff; border: 1px solid rgba(255,255,255,.5); border-radius: 14px; box-shadow: 0 14px 35px rgba(0,0,0,.28); }
.neo-orbit-logo img { width: 100%; height: 100%; object-fit: contain; border-radius: 7px; }
.neo-orbit-1 { left: -8px; top: 94px; }.neo-orbit-2 { right: -11px; top: 65px; }.neo-orbit-3 { left: 40px; bottom: 76px; }.neo-orbit-4 { right: 28px; bottom: 66px; }.neo-orbit-5 { right: -50px; top: 48%; }.neo-orbit-6 { left: -43px; top: 46%; }
.neo-app-window { position: relative; z-index: 3; overflow: hidden; width: 100%; background: #fff; border: 1px solid rgba(148,172,209,.27); border-radius: 24px; box-shadow: 0 45px 100px rgba(0,0,0,.36); transform: perspective(1350px) rotateY(-5deg) rotateX(2deg); }
.neo-app-top { min-height: 43px; padding: 0 15px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; color: #8190a5; background: #f6f8fc; border-bottom: 1px solid #e6ebf2; font-size: 7px; }
.neo-app-top > div { display: flex; gap: 5px; }.neo-app-top > div i { width: 6px; height: 6px; background: #d2d8e2; border-radius: 50%; }
.neo-app-top > span { padding: 5px 13px; background: #fff; border: 1px solid #e6eaf0; border-radius: 999px; }.neo-app-top > b { justify-self: end; color: #198065; }.neo-app-top > b i { display: inline-block; width: 5px; height: 5px; margin-right: 4px; background: #24c994; border-radius: 50%; }
.neo-app-layout { min-height: 450px; display: grid; grid-template-columns: 65px 1fr; }
.neo-app-layout > aside { padding: 18px 12px; display: flex; align-items: center; flex-direction: column; gap: 14px; color: #73839a; background: #071a38; }
.neo-app-layout > aside > i { width: 34px; height: 34px; display: grid; place-items: center; font-size: 11px; border-radius: 10px; }.neo-app-layout > aside > i.active { color: #fff; background: #345cff; }
.neo-app-logo,.neo-command-logo { width: 35px; height: 35px; margin-bottom: 8px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg,#375cff,#7a5dff); border-radius: 10px; font-weight: 900; }
.neo-app-main { padding: 24px; color: #0b2142; background: #fbfcff; }
.neo-app-heading,.neo-app-heading > div,.neo-chart-card > div:first-child { display: flex; justify-content: space-between; align-items: center; }
.neo-app-heading > div { display: block; }.neo-app-heading small,.neo-stage-head small { color: #8492a6; font-size: 7px; font-weight: 900; letter-spacing: .12em; }.neo-app-heading h3 { margin: 2px 0 0; font-size: 17px; }.neo-app-heading > span { padding: 6px 9px; color: #718096; background: #fff; border: 1px solid #e7ebf1; border-radius: 8px; font-size: 7px; }
.neo-kpis { margin: 17px 0 11px; display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }.neo-kpis article { padding: 13px; background: #fff; border: 1px solid #e8edf4; border-radius: 11px; }.neo-kpis span,.neo-kpis small { display: block; color: #7d8a9d; font-size: 7px; }.neo-kpis strong { display: block; margin: 5px 0; font-size: 14px; }.neo-kpis small.up { color: #169574; font-weight: 800; }
.neo-chart-card { padding: 13px; background: #fff; border: 1px solid #e8edf4; border-radius: 12px; }.neo-chart-card > div:first-child { font-size: 8px; }.neo-chart-card b { font-size: 10px; }
.neo-chart-line { position: relative; height: 95px; margin-top: 9px; overflow: hidden; background: repeating-linear-gradient(to bottom,#eef2f8 0,#eef2f8 1px,transparent 1px,transparent 24px); }.neo-chart-line i { position: absolute; left: 0; right: 0; bottom: 7px; height: 73px; background: linear-gradient(180deg,rgba(61,94,255,.3),rgba(61,94,255,0)); clip-path: polygon(0 70%,14% 54%,27% 62%,39% 35%,52% 46%,65% 20%,78% 32%,88% 8%,100% 0,100% 100%,0 100%); }.neo-chart-line::after { content: ""; position: absolute; inset: 5px 0 13px; border-top: 2px solid #4566fb; transform: skewY(-7deg); border-radius: 50%; }.chart-point { position: absolute; z-index: 2; width: 7px; height: 7px; background: #fff; border: 2px solid #4566fb; border-radius: 50%; }.chart-point.p1{left:26%;bottom:40px}.chart-point.p2{left:64%;bottom:60px}.chart-point.p3{right:9%;bottom:77px}.neo-chart-labels { display: flex; justify-content: space-between; color: #9aa6b7; font-size: 6px; }
.neo-order-list { margin-top: 10px; display: grid; gap: 6px; }.neo-order-list > div { padding: 7px 9px; display: grid; grid-template-columns: 28px 1fr auto auto; align-items: center; gap: 8px; background: #fff; border: 1px solid #edf0f4; border-radius: 9px; }.neo-order-list p { margin: 0; }.neo-order-list p strong,.neo-order-list p small { display: block; font-size: 7px; }.neo-order-list p small { color: #8a97a9; }.neo-order-list > div > b { font-size: 8px; }.neo-order-list em { padding: 3px 7px; color: #3d5aec; background: #eef1ff; border-radius: 99px; font-size: 6px; font-style: normal; font-weight: 900; }.neo-order-list em.green { color: #137b5c; background: #e9f8f2; }.neo-order-icon { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 7px; font-size: 8px; }.neo-order-icon.purple { color: #604bda; background: #efebff; }.neo-order-icon.cyan { color: #07858e; background: #e4f8f7; }
.neo-float-card { position: absolute; z-index: 6; padding: 11px 13px; display: flex; align-items: center; gap: 9px; color: #132744; background: rgba(255,255,255,.96); border: 1px solid rgba(255,255,255,.8); border-radius: 13px; box-shadow: 0 18px 40px rgba(0,0,0,.27); }.neo-float-card > span { width: 31px; height: 31px; display: grid; place-items: center; color: #fff; background: #395cf4; border-radius: 9px; }.neo-float-card small,.neo-float-card strong { display: block; }.neo-float-card small { color: #8290a3; font-size: 6px; }.neo-float-card strong { font-size: 8px; }.neo-float-card > i { color: #19a276; font-size: 9px; }.neo-float-sync { left: -30px; bottom: 28px; }.neo-float-ai { right: -28px; top: 83px; }.neo-float-ai > span { background: linear-gradient(135deg,#793eff,#e045ff); }
.neo-logo-belt { padding: 22px 0 26px; background: #fff; border-bottom: 1px solid #e7ebf2; box-shadow: 0 14px 45px rgba(7,26,58,.06); }.neo-logo-belt p { margin: 0 0 14px; color: #7f8da1; font-size: 8px; font-weight: 900; letter-spacing: .1em; text-align: center; text-transform: uppercase; }.neo-logo-track { display: grid; grid-template-columns: repeat(6,1fr); gap: 8px; }.neo-logo-track a { min-height: 50px; padding: 8px 11px; display: flex; align-items: center; gap: 9px; color: #536176; border: 1px solid #edf0f4; border-radius: 12px; font-size: 8px; font-weight: 800; }.neo-logo-track img { width: 27px; height: 27px; object-fit: contain; border-radius: 7px; }
.neo-section { padding: 110px 0; }.neo-section-head { max-width: 820px; margin: 0 auto 55px; text-align: center; }.neo-section-head-row { max-width: none; display: grid; grid-template-columns: 1.18fr .82fr; gap: 70px; align-items: end; text-align: left; }.neo-section-head h2 { margin: 12px 0 16px; color: #081c3d; font-size: clamp(38px,4.6vw,61px); line-height: 1.06; letter-spacing: -.055em; }.neo-section-head p { margin: 0; color: #63738a; font-size: 15px; line-height: 1.75; }.neo-section-head-row > p,.neo-section-head-row > div:last-child p { align-self: end; padding-bottom: 9px; }.neo-section-head-row > div:last-child > a { display: inline-flex; margin-top: 16px; color: #345cff; font-size: 12px; font-weight: 900; }
.neo-platform { background: linear-gradient(180deg,#f8faff,#fff); }.neo-command-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 28px; align-items: center; }.neo-command-stage { position: relative; min-width: 0; background: #fff; border: 1px solid #dfe7f1; border-radius: 22px; box-shadow: 0 30px 80px rgba(24,53,97,.13); }.neo-command-toolbar { min-height: 66px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e5ebf3; }.neo-command-toolbar > div { display: flex; align-items: center; gap: 10px; font-size: 11px; }.neo-command-logo { width: 30px; height: 30px; margin: 0; }.neo-command-toolbar button { padding: 8px 11px; color: #fff; background: #345cff; border: 0; border-radius: 8px; font-size: 7px; font-weight: 800; }.neo-command-body { display: grid; grid-template-columns: 145px 1fr; min-height: 420px; }.neo-command-body > aside { padding: 18px 10px; display: flex; flex-direction: column; gap: 5px; background: #f7f9fc; border-radius: 0 0 0 22px; }.neo-command-body > aside a { padding: 9px 10px; display: flex; align-items: center; gap: 8px; color: #6c7b90; border-radius: 8px; font-size: 7px; font-weight: 800; }.neo-command-body > aside a.active { color: #284bea; background: #eaf0ff; }.neo-command-body > aside a b { margin-left: auto; padding: 1px 5px; color: #fff; background: #345cff; border-radius: 8px; }.neo-command-body main { min-width: 0; padding: 25px 20px; }.neo-stage-head { display: flex; justify-content: space-between; align-items: center; }.neo-stage-head h3 { margin: 2px 0; font-size: 17px; }.neo-stage-head > span { color: #718096; font-size: 6px; }.neo-stage-stats { margin: 17px 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.neo-stage-stats article { position: relative; padding: 13px; border: 1px solid #e7ebf2; border-radius: 10px; }.neo-stage-stats span,.neo-stage-stats strong { display: block; }.neo-stage-stats span { color: #7e8b9d; font-size: 6px; }.neo-stage-stats strong { font-size: 16px; }.neo-stage-stats i { position: absolute; right: 11px; bottom: 11px; color: #4864ed; font-size: 8px; }.neo-stage-table { border: 1px solid #e8edf3; border-radius: 11px; overflow: hidden; }.neo-stage-table .head,.neo-stage-table .row { padding: 9px 10px; display: grid; grid-template-columns: 1.05fr .55fr 1.25fr .8fr 1fr; align-items: center; gap: 7px; }.neo-stage-table .head { color: #8793a4; background: #f8fafc; font-size: 5px; font-weight: 900; }.neo-stage-table .row { color: #54647a; border-top: 1px solid #edf0f4; font-size: 6px; }.neo-stage-table .row > strong,.neo-stage-table .row > b { color: #172c49; }.neo-stage-table .row em { padding: 3px 6px; justify-self: start; color: #2b55ec; background: #edf1ff; border-radius: 999px; font-style: normal; }.stage-brand img { width: 22px; height: 22px; object-fit: contain; border-radius: 6px; }.neo-command-toast { position: absolute; right: -24px; bottom: -25px; padding: 13px 16px; display: flex; align-items: center; gap: 10px; background: #071d40; color: #fff; border-radius: 12px; box-shadow: 0 15px 35px rgba(7,29,64,.24); }.neo-command-toast > i { color: #b7f43b; }.neo-command-toast small,.neo-command-toast strong { display: block; }.neo-command-toast small { color: #8ea2c3; font-size: 6px; }.neo-command-toast strong { font-size: 8px; }.neo-command-toast b { color: #8497b8; font-size: 6px; }
.neo-module-stack { display: grid; gap: 10px; }.neo-module-stack article { position: relative; padding: 20px; display: grid; grid-template-columns: 28px 39px 1fr auto; align-items: center; gap: 12px; background: #fff; border: 1px solid #e1e8f1; border-radius: 15px; transition: .2s; }.neo-module-stack article:hover,.neo-module-stack article.active { color: #fff; background: #0a2046; border-color: #0a2046; transform: translateX(7px); box-shadow: 0 15px 35px rgba(10,32,70,.18); }.neo-module-stack .module-number { color: #8996a9; font-size: 8px; font-weight: 900; }.neo-module-stack article > i { width: 37px; height: 37px; display: grid; place-items: center; color: #345cff; background: #eef2ff; border-radius: 10px; }.neo-module-stack small { color: #8290a4; font-size: 6px; font-weight: 900; letter-spacing: .1em; }.neo-module-stack h3 { margin: 3px 0; font-size: 12px; }.neo-module-stack p { margin: 0; color: #718096; font-size: 7px; line-height: 1.5; }.neo-module-stack article.active p,.neo-module-stack article:hover p { color: #9eb0cb; }.neo-module-stack article > b { color: #718096; }
.neo-capabilities { background: #fff; }.neo-bento { display: grid; grid-template-columns: repeat(12,1fr); gap: 16px; }.neo-bento > article { position: relative; overflow: hidden; min-height: 310px; padding: 34px; border: 1px solid #e0e7f0; border-radius: 24px; }.neo-bento-large { grid-column: span 7; display: grid; grid-template-columns: 1fr .9fr; gap: 20px; color: #fff; background: #081e43; }.neo-bento-card { grid-column: span 5; }.neo-bento-wide { grid-column: 1 / -1; min-height: 280px !important; display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 60px; background: #f6f8ff; }.neo-cap-icon { width: 44px; height: 44px; display: grid; place-items: center; color: #345cff; background: #edf1ff; border-radius: 13px; }.neo-bento small { display: block; margin-top: 24px; color: #77889f; font-size: 8px; font-weight: 900; letter-spacing: .12em; }.neo-bento h3 { margin: 7px 0 12px; font-size: 28px; line-height: 1.16; letter-spacing: -.04em; }.neo-bento p { margin: 0; color: #75869d; font-size: 12px; }.neo-bento a { display: inline-flex; margin-top: 21px; color: #b7f43b; font-size: 10px; font-weight: 900; }.neo-bento-large small,.neo-bento-large p { color: #9eb0cc; }.neo-bento-large .neo-cap-icon { color: #b7f43b; background: rgba(183,244,59,.11); }.neo-store-mock { align-self: end; overflow: hidden; height: 265px; margin-bottom: -35px; background: #fff; border-radius: 18px 18px 0 0; box-shadow: 0 20px 60px rgba(0,0,0,.25); transform: rotate(-3deg); }.neo-store-mock header { height: 31px; padding: 8px; display: flex; align-items: center; gap: 5px; border-bottom: 1px solid #eef1f5; }.neo-store-mock header i { width: 8px; height: 8px; background: #345cff; border-radius: 3px; }.neo-store-mock header span { width: 40px; height: 4px; background: #dfe4ed; border-radius: 5px; }.neo-store-mock header b { width: 18px; height: 5px; margin-left: auto; background: #071a38; border-radius: 5px; }.neo-store-mock section { height: 143px; padding: 30px 20px; color: #fff; background: linear-gradient(120deg,#7f70ff,#f08ccd); }.neo-store-mock section span,.neo-store-mock section strong { display: block; }.neo-store-mock section span { font-size: 6px; letter-spacing: .1em; }.neo-store-mock section strong { font-size: 18px; }.neo-store-mock section i { display: block; width: 40px; height: 13px; margin-top: 14px; background: #fff; border-radius: 4px; }.neo-store-mock footer { padding: 14px; display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }.neo-store-mock footer i { height: 85px; background: linear-gradient(145deg,#eef1f7,#d9e0ed); border-radius: 7px; }.neo-bento-card.violet { color: #fff; background: linear-gradient(135deg,#6349ed,#3829a3); border: 0; }.neo-bento-card.violet small,.neo-bento-card.violet .neo-cap-icon { color: #d7d0ff; }.neo-bento-card.violet .neo-cap-icon { background: rgba(255,255,255,.13); }.neo-bento-card.cyan { background: #e9fbfa; border-color: #cfecea; }.neo-bento-card.orange { background: #fff5e9; border-color: #f0e0cb; }.neo-mini-orbit { position: relative; height: 105px; margin-top: 25px; }.neo-mini-orbit span { position: absolute; width: 38px; height: 38px; padding: 6px; display: grid; place-items: center; background: #fff; border-radius: 11px; box-shadow: 0 8px 20px rgba(0,0,0,.16); }.neo-mini-orbit span img { width: 100%; height: 100%; object-fit: contain; border-radius: 5px; }.neo-mini-orbit span:nth-child(1){left:0;top:31px}.neo-mini-orbit span:nth-child(2){left:26%;top:0}.neo-mini-orbit span:nth-child(3){left:54%;top:50px}.neo-mini-orbit span:nth-child(4){right:0;top:9px}.neo-mini-orbit > i { position: absolute; left:45%; top:35%; color:#b7f43b; }.neo-route { margin-top: 56px; display: flex; align-items: center; }.neo-route i { width: 33px; height: 33px; background: #fff; border: 8px solid #30bfc5; border-radius: 50%; box-shadow: 0 8px 20px rgba(7,120,126,.15); }.neo-route span { flex: 1; height: 2px; background: repeating-linear-gradient(90deg,#30bfc5 0,#30bfc5 7px,transparent 7px,transparent 12px); }.neo-doc-stack { position: relative; height: 105px; margin: 28px auto 0; }.neo-doc-stack i { position: absolute; left: 50%; width: 76px; height: 94px; background: #fff; border: 1px solid #eedbc4; border-radius: 8px; box-shadow: 0 10px 25px rgba(116,72,21,.1); }.neo-doc-stack i:nth-child(1){transform:translateX(-80%) rotate(-9deg)}.neo-doc-stack i:nth-child(2){transform:translateX(-50%)}.neo-doc-stack i:nth-child(3){transform:translateX(-20%) rotate(9deg)}.neo-doc-stack b { position:absolute; left:50%; top:32px; width:35px;height:35px;display:grid;place-items:center;color:#fff;background:#f28f3b;border-radius:50%;transform:translateX(-50%); }.neo-rule-builder { display: flex; align-items: center; justify-content: center; }.neo-rule-builder span { min-width: 155px; padding: 15px 17px; color: #193050; background: #fff; border: 1px solid #dce4f0; border-radius: 12px; box-shadow: 0 10px 25px rgba(30,56,101,.09); font-size: 9px; font-weight: 800; }.neo-rule-builder span i { margin-right: 6px; color: #345cff; }.neo-rule-builder b { width: 34px; height: 2px; background: #a9b8d2; }
.neo-sync-section { position: relative; overflow: hidden; color: #fff; background: #071a39; }.neo-sync-section .neo-grid-bg { opacity: .11; }.neo-sync-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: center; }.neo-kicker.light { color: #b7f43b; }.neo-sync-copy h2 { margin: 14px 0 20px; font-size: clamp(42px,5vw,64px); line-height: 1.04; letter-spacing: -.055em; }.neo-sync-copy p { color: #9db0cc; }.neo-sync-copy ul { padding: 0; margin: 27px 0; display: grid; gap: 11px; list-style: none; color: #c5d1e4; font-size: 12px; }.neo-sync-copy li i { width: 20px; height: 20px; margin-right: 8px; display: inline-grid; place-items: center; color: #071a39; background: #b7f43b; border-radius: 50%; font-size: 8px; }.neo-flow-map { position: relative; min-height: 540px; }.flow-core { position: absolute; z-index: 4; left: 50%; top: 50%; width: 145px; height: 145px; display: grid; place-content: center; text-align: center; background: radial-gradient(circle at 35% 25%,#456dff,#1e36c3); border: 10px solid rgba(104,133,255,.16); border-radius: 50%; box-shadow: 0 0 0 28px rgba(70,99,225,.07),0 20px 60px rgba(10,26,72,.45); transform: translate(-50%,-50%); }.flow-core span { margin:auto; font-size:27px;font-weight:900}.flow-core strong,.flow-core small { display:block}.flow-core strong{font-size:11px}.flow-core small{color:#b7c5df;font-size:6px}.flow-node { position:absolute; z-index:3; min-width:170px; padding:10px; display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;color:#112744;background:#fff;border-radius:13px;box-shadow:0 18px 45px rgba(0,0,0,.25)}.flow-node > span{width:38px;height:38px;padding:6px;display:grid;place-items:center;background:#f4f6fa;border-radius:10px}.flow-node img{width:100%;height:100%;object-fit:contain;border-radius:5px}.flow-node strong,.flow-node small{display:block}.flow-node strong{font-size:9px}.flow-node small{color:#7d8b9f;font-size:6px}.flow-node > i{width:18px;height:18px;display:grid;place-items:center;color:#0c805f;background:#e7f8f1;border-radius:50%;font-size:6px}.flow-a{left:0;top:45px}.flow-b{right:0;top:40px}.flow-c{left:-15px;bottom:55px}.flow-d{right:-5px;bottom:70px}.flow-e{right:1%;top:47%}.flow-line{position:absolute;z-index:1;height:1px;background:linear-gradient(90deg,rgba(81,117,255,.1),#516fff,rgba(81,117,255,.1));transform-origin:left}.line-a{width:280px;left:130px;top:110px;transform:rotate(26deg)}.line-b{width:260px;left:52%;top:50%;transform:rotate(-42deg)}.line-c{width:290px;left:120px;bottom:120px;transform:rotate(-24deg)}.line-d{width:255px;left:52%;top:52%;transform:rotate(39deg)}.line-e{width:180px;left:52%;top:51%;transform:rotate(0)}
.neo-integrations-home { background: #f6f8fc; }.neo-integration-wall { display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.neo-integration-wall > a{min-height:76px;padding:13px 15px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;background:#fff;border:1px solid #e1e7f0;border-radius:14px;transition:.2s}.neo-integration-wall>a:hover{border-color:#91a6ff;transform:translateY(-3px);box-shadow:0 13px 30px rgba(32,59,105,.1)}.neo-integration-wall>a>span{width:42px;height:42px;padding:7px;display:grid;place-items:center;background:#f5f7fb;border-radius:11px}.neo-integration-wall img{width:100%;height:100%;object-fit:contain;border-radius:6px}.neo-integration-wall strong,.neo-integration-wall small{display:block}.neo-integration-wall strong{font-size:10px}.neo-integration-wall small{color:#8793a4;font-size:7px}.neo-integration-wall>a>i{color:#a5afbe;font-size:9px}.neo-category-row{margin-top:25px;display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.neo-category-row span{padding:7px 11px;color:#66768c;background:#fff;border:1px solid #e2e8f0;border-radius:999px;font-size:7px;font-weight:800}.neo-category-row b{color:#345cff}.neo-trademark-note{max-width:780px;margin:18px auto 0;color:#94a0b0;font-size:7px;text-align:center}
.neo-pricing { background:#fff }.neo-billing{margin-inline:auto;background:#edf1f7}.neo-billing button{min-width:120px}.neo-billing em{color:#0c7d5d;font-size:8px;font-style:normal}.neo-price-grid{align-items:stretch}.neo-price-card{position:relative;min-height:630px;padding:31px!important;border-radius:22px!important}.neo-price-card.popular{color:#fff;background:#081e43!important;border-color:#081e43!important;box-shadow:0 30px 65px rgba(8,30,67,.25)!important}.neo-price-card .plan-top{display:flex;align-items:center;gap:11px}.neo-price-card .plan-icon{width:42px;height:42px;display:grid;place-items:center;color:#345cff;background:#edf1ff;border-radius:12px}.neo-price-card .plan-top small{color:#8491a3;font-size:7px;font-weight:900;letter-spacing:.1em}.neo-price-card .plan-top h3{margin:2px 0;font-size:22px}.neo-price-card .plan-desc{min-height:50px;color:#718198;font-size:10px}.neo-price-card .price-value{margin-top:20px}.neo-price-card .price-value span{font-size:38px}.neo-price-card .plan-divider{margin:22px 0 15px;border-top:1px solid #e3e8ef}.neo-price-card .plan-divider span{position:relative;top:-10px;padding-right:8px;background:#fff;color:#7c899b;font-size:7px;font-weight:900;letter-spacing:.08em}.neo-price-card.popular .plan-divider{border-color:rgba(255,255,255,.14)}.neo-price-card.popular .plan-divider span{background:#081e43;color:#98aac5}.neo-price-card.popular .plan-desc,.neo-price-card.popular .plan-features li{color:#aebdd3}.neo-price-card.popular .plan-icon{color:#0a1c39;background:#b7f43b}.neo-price-card .plan-features{min-height:235px}.neo-price-card .plan-features li{font-size:10px}.neo-price-card .plan-features i{color:#1aae7d}.neo-price-card.popular .plan-features i{color:#b7f43b}.pricing-footnote{text-align:center}
.neo-launch { background:#f6f8fc }.neo-launch-steps{display:grid;grid-template-columns:1fr 45px 1fr 45px 1fr 45px 1fr;align-items:center}.neo-launch-steps article{position:relative;min-height:255px;padding:27px;background:#fff;border:1px solid #dfe6ef;border-radius:19px}.neo-launch-steps article>span{position:absolute;right:20px;top:15px;color:#e2e7ef;font-size:33px;font-weight:900}.neo-launch-steps article>i{width:44px;height:44px;display:grid;place-items:center;color:#345cff;background:#edf1ff;border-radius:13px}.neo-launch-steps h3{margin:34px 0 9px;font-size:16px}.neo-launch-steps p{margin:0;color:#76869b;font-size:10px}.neo-launch-steps>b{height:1px;background:repeating-linear-gradient(90deg,#8ba0c3 0,#8ba0c3 5px,transparent 5px,transparent 9px)}
.neo-qr { padding:0 0 110px;background:#f6f8fc}.neo-qr-inner{min-height:570px;padding:70px 80px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px;overflow:hidden;color:#fff;background:linear-gradient(125deg,#081d42,#213e8b);border-radius:30px}.neo-qr h2{margin:13px 0 18px;font-size:54px;line-height:1.03;letter-spacing:-.055em}.neo-qr p{color:#aebed6}.neo-qr-points{margin:25px 0;display:grid;gap:9px;color:#d4ddeb;font-size:11px}.neo-qr-points i{margin-right:7px;color:#b7f43b}.neo-phone-stack{position:relative;min-height:500px}.neo-phone{position:absolute;width:250px;height:510px;padding:22px 18px;color:#102641;background:#fff;border:7px solid #071329;border-radius:36px;box-shadow:0 28px 70px rgba(0,0,0,.35)}.neo-phone.back{left:20px;top:55px;background:linear-gradient(145deg,#68e0da,#4388ff);transform:rotate(-10deg)}.neo-phone.back>span{position:absolute;inset:55px 25px;background:rgba(255,255,255,.2);border-radius:22px}.neo-phone.front{right:45px;top:-20px;transform:rotate(5deg)}.neo-phone.front header{display:flex;align-items:center;justify-content:space-between}.neo-phone.front header b{width:29px;height:29px;display:grid;place-items:center;color:#fff;background:#345cff;border-radius:8px}.neo-phone.front>small{display:block;margin-top:31px;color:#8b96a6;font-size:6px;font-weight:900;letter-spacing:.12em}.neo-phone.front h3{margin:5px 0 19px;font-size:20px;line-height:1.15}.neo-phone.front nav{display:flex;gap:5px}.neo-phone.front nav span{padding:5px 8px;background:#f1f4f8;border-radius:99px;font-size:6px}.neo-phone.front nav span.active{color:#fff;background:#345cff}.neo-phone.front article{margin-top:12px;padding:8px;display:grid;grid-template-columns:62px 1fr;gap:9px;border:1px solid #e8ecf2;border-radius:12px}.neo-phone.front article>i{background:linear-gradient(145deg,#ffb16c,#ed6e66);border-radius:9px}.neo-phone.front article:nth-of-type(2)>i{background:linear-gradient(145deg,#73db9b,#279178)}.neo-phone.front article strong{font-size:8px}.neo-phone.front article p{margin:2px 0;color:#8a95a5;font-size:5px;line-height:1.4}.neo-phone.front article b{font-size:8px}.neo-qr-badge{position:absolute;z-index:4;left:44%;bottom:4px;padding:13px 17px;display:flex;align-items:center;gap:9px;color:#152945;background:#fff;border-radius:13px;box-shadow:0 16px 35px rgba(0,0,0,.28);transform:rotate(-3deg)}.neo-qr-badge i{color:#345cff;font-size:23px}.neo-qr-badge b{font-size:9px}
.neo-faq { background:#fff }.neo-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.neo-faq-grid>div:first-child{position:sticky;top:150px;align-self:start}.neo-faq h2{margin:13px 0 17px;font-size:47px;line-height:1.07;letter-spacing:-.05em}.neo-faq-grid>div:first-child p{color:#718097}.neo-faq-grid>div:first-child a{display:inline-flex;margin-top:18px;color:#345cff;font-size:11px;font-weight:900}.neo-faq .faq-list details{border-radius:16px}.neo-faq .faq-list summary{min-height:78px;font-size:13px}.neo-faq .faq-list details p{font-size:11px}.neo-final{padding:0 0 90px;background:#fff}.neo-final-card{position:relative;overflow:hidden;min-height:370px;padding:65px 70px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;color:#fff;background:linear-gradient(125deg,#2751ef,#5b44de);border-radius:28px;box-shadow:0 30px 70px rgba(49,73,202,.24)}.neo-final-card:after{content:"";position:absolute;width:370px;height:370px;right:-130px;top:-170px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.04),0 0 0 120px rgba(255,255,255,.03)}.neo-final-card>div{position:relative;z-index:2}.neo-final-card h2{margin:12px 0 13px;font-size:48px;line-height:1.04;letter-spacing:-.055em}.neo-final-card p{margin:0;color:#d3dafd}.neo-final-card>div:last-child{display:grid;justify-items:end;gap:12px}.neo-final-card>div:last-child>span{color:#d9defb;font-size:8px}
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}[data-reveal].is-visible{opacity:1;transform:none}

@media(max-width:1120px){.neo-hero-grid{grid-template-columns:.92fr 1.08fr;gap:30px}.neo-hero h1{font-size:59px}.neo-orbit-logo{display:none}.neo-command-grid{grid-template-columns:1fr}.neo-module-stack{grid-template-columns:repeat(2,1fr)}.neo-module-stack article:hover,.neo-module-stack article.active{transform:none}.neo-sync-grid{gap:30px}.neo-flow-map{transform:scale(.87)}.neo-qr-inner{padding:55px 45px}.neo-phone.front{right:0}.neo-integration-wall{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.neo-hero{padding-top:70px}.neo-hero-grid,.neo-section-head-row,.neo-sync-grid,.neo-qr-inner,.neo-faq-grid,.neo-final-card{grid-template-columns:1fr}.neo-hero-copy{text-align:center}.neo-hero-copy>p{margin-inline:auto}.neo-hero-actions,.neo-assurances{justify-content:center}.neo-hero-product{width:min(720px,100%);margin-inline:auto}.neo-logo-track{grid-template-columns:repeat(4,1fr)}.neo-section{padding:85px 0}.neo-section-head-row{text-align:center;gap:15px}.neo-command-toast{right:14px}.neo-bento-large{grid-column:1/-1}.neo-bento-card{grid-column:span 6}.neo-bento-wide{grid-template-columns:1fr;gap:25px}.neo-sync-copy{text-align:center}.neo-sync-copy ul{display:inline-grid;text-align:left}.neo-flow-map{width:min(650px,100%);margin-inline:auto;transform:none}.neo-price-grid{grid-template-columns:1fr}.neo-price-card{min-height:0}.neo-price-card .plan-features{min-height:0}.neo-launch-steps{grid-template-columns:repeat(2,1fr);gap:14px}.neo-launch-steps>b{display:none}.neo-qr-inner{text-align:center}.neo-qr-points{display:inline-grid;text-align:left}.neo-phone-stack{width:min(560px,100%);margin-inline:auto}.neo-faq-grid{gap:35px}.neo-faq-grid>div:first-child{position:static;text-align:center}.neo-final-card{text-align:center}.neo-final-card>div:last-child{justify-items:center}}
@media(max-width:640px){.neo-hero{min-height:0;padding:50px 0 55px}.neo-hero h1{font-size:43px}.neo-hero-copy>p{font-size:14px}.neo-hero-actions{display:grid;gap:13px}.neo-hero-actions .btn{width:100%}.neo-demo-link{justify-content:center}.neo-assurances{gap:8px}.neo-hero-metrics{margin-top:28px}.neo-hero-metrics strong{font-size:14px}.neo-hero-product{min-height:400px;margin-top:25px}.neo-app-window{transform:none}.neo-app-layout{min-height:330px;grid-template-columns:45px 1fr}.neo-app-layout>aside{padding-inline:5px}.neo-app-layout>aside>i{width:29px;height:29px}.neo-app-main{padding:13px}.neo-kpis article{padding:8px}.neo-kpis strong{font-size:10px}.neo-chart-line{height:72px}.neo-order-list>div{grid-template-columns:25px 1fr auto}.neo-order-list>div>em{display:none}.neo-float-card{display:none}.neo-logo-track{grid-template-columns:repeat(2,1fr)}.neo-logo-track a:nth-child(n+9){display:none}.neo-section{padding:70px 0}.neo-section-head{margin-bottom:35px}.neo-section-head h2{font-size:36px}.neo-command-body{grid-template-columns:48px 1fr;min-height:350px}.neo-command-body>aside{padding-inline:5px}.neo-command-body>aside a{font-size:0;padding:10px;justify-content:center}.neo-command-body>aside a i{font-size:10px}.neo-command-body>aside a b{display:none}.neo-command-body main{padding:15px 9px}.neo-stage-head>span{display:none}.neo-stage-stats article{padding:8px}.neo-stage-stats strong{font-size:12px}.neo-stage-table .head,.neo-stage-table .row{grid-template-columns:1fr .45fr .8fr}.neo-stage-table .head span:nth-child(3),.neo-stage-table .head span:nth-child(5),.neo-stage-table .row>span:nth-child(3),.neo-stage-table .row>em{display:none}.neo-command-toast{display:none}.neo-module-stack{grid-template-columns:1fr}.neo-bento{grid-template-columns:1fr}.neo-bento-large,.neo-bento-card,.neo-bento-wide{grid-column:1}.neo-bento>article{padding:25px}.neo-bento-large{grid-template-columns:1fr}.neo-store-mock{display:none}.neo-bento-wide{min-height:0!important}.neo-rule-builder{align-items:stretch;flex-direction:column;gap:6px}.neo-rule-builder b{width:2px;height:14px;margin-left:25px}.neo-rule-builder span{min-width:0}.neo-flow-map{min-height:500px;transform:scale(.72);transform-origin:center}.flow-a,.flow-c{left:-95px}.flow-b,.flow-d{right:-95px}.flow-e{right:-55px}.neo-integration-wall{grid-template-columns:1fr}.neo-integration-wall>a{min-height:65px}.neo-launch-steps{grid-template-columns:1fr}.neo-launch-steps article{min-height:200px}.neo-qr{padding-bottom:70px}.neo-qr-inner{padding:50px 24px;border-radius:22px}.neo-qr h2{font-size:40px}.neo-phone-stack{min-height:410px;transform:scale(.77);transform-origin:top center;margin-bottom:-100px}.neo-phone.back{left:-50px}.neo-phone.front{right:-35px}.neo-qr-badge{left:15%}.neo-faq h2{font-size:37px}.neo-final{padding-bottom:60px}.neo-final-card{padding:45px 24px;border-radius:22px}.neo-final-card h2{font-size:37px}.neo-final-card .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none;transition:none}.neo-btn-primary,.neo-module-stack article,.neo-integration-wall>a{transition:none}}

/* Integration marketplace */
.market-hero{position:relative;overflow:hidden;min-height:670px;padding:92px 0;color:#fff;background:#061329}.market-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.25}.market-glow.one{width:600px;height:600px;left:-300px;top:-250px;background:#6645ff}.market-glow.two{width:650px;height:650px;right:-250px;bottom:-420px;background:#03c8d0}.market-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:60px}.market-hero-copy h1{margin:16px 0 22px;font-size:clamp(48px,5.5vw,72px);line-height:1.01;letter-spacing:-.062em}.market-hero-copy h1 em{color:#95a9ff;font-style:normal}.market-hero-copy>p{max-width:620px;color:#adbed7;font-size:16px}.market-hero-actions{margin-top:28px;display:flex;align-items:center;gap:22px}.market-hero-actions>a:not(.btn){color:#dce5f5;font-size:11px;font-weight:900}.market-hero-stats{margin-top:39px;padding-top:23px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.11)}.market-hero-stats span{padding-right:15px;color:#8193ae;font-size:7px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.market-hero-stats span+span{padding-left:17px;border-left:1px solid rgba(255,255,255,.11)}.market-hero-stats strong{display:block;margin-bottom:3px;color:#fff;font-size:15px;letter-spacing:0;text-transform:none}.market-constellation{position:relative;min-height:500px}.market-core{position:absolute;z-index:5;left:50%;top:50%;width:155px;height:155px;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 30% 20%,#5879ff,#273dc8);border:10px solid rgba(105,133,255,.14);border-radius:50%;box-shadow:0 0 0 30px rgba(75,105,231,.05),0 25px 65px rgba(0,0,0,.35);transform:translate(-50%,-50%)}.market-core>span{font-size:31px;font-weight:900}.market-core strong,.market-core small{display:block}.market-core strong{font-size:11px}.market-core small{color:#bfd0eb;font-size:6px}.market-core small i{display:inline-block;width:5px;height:5px;margin-right:3px;background:#b7f43b;border-radius:50%}.market-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(110,143,207,.16);border-radius:50%;transform:translate(-50%,-50%)}.market-ring.ring-a{width:300px;height:300px}.market-ring.ring-b{width:440px;height:440px}.market-ring.ring-c{width:590px;height:590px}.market-satellite{position:absolute;z-index:4;width:57px;height:57px;padding:10px;display:grid;place-items:center;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.3)}.market-satellite img{width:100%;height:100%;object-fit:contain;border-radius:7px}.market-satellite>b{position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;display:grid;place-items:center;background:#fff;border-radius:50%}.market-satellite>b i{width:7px;height:7px;background:#22bb86;border-radius:50%}.sat-1{left:4%;top:19%}.sat-2{right:5%;top:13%}.sat-3{left:16%;bottom:8%}.sat-4{right:20%;bottom:3%}.sat-5{right:-2%;top:52%}.sat-6{left:-2%;top:53%}.sat-7{left:43%;top:-1%}.sat-8{left:42%;bottom:-3%}.sat-9{right:21%;top:43%}.market-signal{position:absolute;z-index:2;width:9px;height:9px;background:#6d83ff;border-radius:50%;box-shadow:0 0 0 6px rgba(109,131,255,.12)}.signal-a{left:28%;top:41%}.signal-b{right:28%;top:33%}.signal-c{right:30%;bottom:27%}.market-promise{background:#fff;border-bottom:1px solid #e5eaf1;box-shadow:0 12px 38px rgba(7,26,58,.05)}.market-promise>.container{min-height:105px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.market-promise>.container>div{padding:0 24px;display:flex;align-items:center;gap:11px}.market-promise>.container>div+div{border-left:1px solid #e4e9f0}.market-promise>div>div>i{width:38px;height:38px;display:grid;place-items:center;color:#345cff;background:#edf1ff;border-radius:11px}.market-promise strong,.market-promise small{display:block}.market-promise strong{font-size:9px}.market-promise small{color:#8491a3;font-size:7px}.market-catalog{padding:105px 0;background:#f5f7fb}.market-heading{display:grid;grid-template-columns:1fr .55fr;align-items:end;gap:70px}.market-heading h2{margin:12px 0 0;font-size:52px;line-height:1.06;letter-spacing:-.055em}.market-heading>p{margin:0;color:#6f7e92;font-size:13px}.market-filter-shell{position:sticky;z-index:20;top:89px;margin:48px 0 17px;padding:12px;display:grid;grid-template-columns:1fr 245px auto;gap:10px;background:rgba(255,255,255,.94);border:1px solid #dce4ee;border-radius:16px;box-shadow:0 18px 45px rgba(25,52,93,.1);backdrop-filter:blur(16px)}.market-search{position:relative}.market-search>i{position:absolute;left:16px;top:50%;color:#7e8b9e;transform:translateY(-50%)}.market-search input,.market-filter-shell select{width:100%;height:51px;border:1px solid #dfe5ed;border-radius:11px;background:#f8fafc;outline:0}.market-search input{padding:0 55px 0 44px}.market-search input:focus,.market-filter-shell select:focus{border-color:#7891ff;box-shadow:0 0 0 3px rgba(52,92,255,.09)}.market-search kbd{position:absolute;right:14px;top:50%;padding:2px 7px;color:#7d8a9d;background:#fff;border:1px solid #dbe2ea;border-radius:5px;font-family:inherit;font-size:8px;transform:translateY(-50%)}.market-filter-shell select{padding:0 13px;color:#3e5069;font-size:11px;font-weight:800}.market-result{padding:0 14px;display:flex;align-items:center;gap:4px;color:#758399;font-size:8px;font-weight:800;white-space:nowrap}.market-result span{color:#345cff;font-size:14px}.market-tabs{padding-bottom:16px;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.market-tabs::-webkit-scrollbar{display:none}.market-tabs button{min-height:40px;padding:0 12px;display:flex;align-items:center;gap:6px;color:#637188;background:#fff;border:1px solid #dfe5ed;border-radius:10px;font-size:8px;font-weight:800;white-space:nowrap}.market-tabs button:hover,.market-tabs button.active{color:#fff;background:#0a2045;border-color:#0a2045}.market-tabs button b{padding:2px 6px;color:#345cff;background:#edf1ff;border-radius:99px;font-size:7px}.market-tabs button.active b{color:#0a2045;background:#b7f43b}.market-empty{padding:80px 25px;text-align:center;background:#fff;border:1px dashed #cbd5e2;border-radius:20px}.market-empty>i{width:55px;height:55px;display:grid;place-items:center;margin:auto;color:#345cff;background:#edf1ff;border-radius:16px}.market-empty h3{margin:15px 0 5px}.market-empty p{margin:0;color:#7c899b}.market-group{padding:48px 0 22px}.market-group-head{margin-bottom:17px;display:flex;align-items:center;justify-content:space-between}.market-group-head>div{display:flex;align-items:center;gap:12px}.market-group-head>div>span{width:44px;height:44px;display:grid;place-items:center;color:#345cff;background:#e8edff;border-radius:12px}.market-group-head small{color:#8390a2;font-size:6px;font-weight:900;letter-spacing:.12em}.market-group-head h2{margin:0;font-size:22px}.market-group-head>p{margin:0;color:#7d899c;font-size:8px;font-weight:800}.market-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.market-card{min-width:0;min-height:260px;padding:20px;display:flex;flex-direction:column;background:#fff;border:1px solid #e0e6ee;border-radius:17px;transition:.2s}.market-card:hover{border-color:#91a6ff;box-shadow:0 18px 38px rgba(28,55,99,.1);transform:translateY(-4px)}.market-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}.market-card-logo{width:52px;height:52px;padding:9px;display:grid;place-items:center;background:#f4f6fa;border:1px solid #edf0f4;border-radius:14px}.market-card-logo img{width:100%;height:100%;object-fit:contain;border-radius:7px}.market-card-logo>i{color:#345cff;font-size:20px}.market-state{padding:5px 7px;display:inline-flex;align-items:center;gap:5px;border-radius:99px;font-size:6px;font-weight:900;white-space:nowrap}.market-state i,.market-dot{width:6px;height:6px;display:inline-block;border-radius:50%}.market-state.available{color:#087455;background:#e8f8f1}.market-state.available i,.market-dot.available{background:#18a87b}.market-state.partner{color:#9b6505;background:#fff3d9}.market-state.partner i,.market-dot.partner{background:#e6a626}.market-state.coming_soon{color:#6e51c4;background:#f1edff}.market-state.coming_soon i,.market-dot.coming_soon{background:#805ee5}.market-card-copy{padding:19px 0 15px}.market-card-copy small{color:#345cff;font-size:6px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.market-card-copy h3{margin:4px 0 8px;font-size:14px}.market-card-copy p{margin:0;color:#768499;font-size:9px;line-height:1.6}.market-card-foot{margin-top:auto;padding-top:13px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e9edf2}.market-card-foot>span{color:#8793a4;font-size:7px;font-weight:800}.market-card-foot>span i{color:#345cff}.market-card-foot>a{width:29px;height:29px;display:grid;place-items:center;color:#345cff;background:#edf1ff;border-radius:8px;font-size:8px}.market-legend{margin-top:45px;padding:18px 22px;display:flex;justify-content:center;gap:35px;background:#fff;border:1px solid #dfe6ef;border-radius:14px;color:#788699;font-size:7px}.market-legend span{display:flex;align-items:center;gap:6px}.market-legend b{color:#20344f}.market-architecture{padding:105px 0;color:#fff;background:#071a39}.market-architecture-grid{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:80px}.market-architecture h2{margin:13px 0 18px;font-size:49px;line-height:1.07;letter-spacing:-.055em}.market-architecture p{margin-bottom:28px;color:#9cafca}.market-code-window{overflow:hidden;background:#061126;border:1px solid rgba(139,165,215,.22);border-radius:20px;box-shadow:0 30px 75px rgba(0,0,0,.35)}.market-code-window header{height:48px;padding:0 15px;display:flex;align-items:center;gap:6px;background:#0c2146;border-bottom:1px solid rgba(255,255,255,.08)}.market-code-window header span{width:7px;height:7px;background:#526580;border-radius:50%}.market-code-window header b{margin-left:10px;color:#91a3bf;font-size:8px}.market-code-window pre{margin:0;padding:30px;color:#b9c9e1;font:11px/2.05 Consolas,monospace}.market-code-window pre i{margin-right:16px;color:#405777;font-style:normal}.market-code-window pre em{color:#8a9eff;font-style:normal}.market-code-window pre strong{color:#b7f43b;font-weight:500}.market-code-window footer{height:49px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;color:#7f92af;background:#091a36;border-top:1px solid rgba(255,255,255,.08);font-size:7px}.market-code-window footer span i{display:inline-block;width:6px;height:6px;margin-right:5px;background:#24c38e;border-radius:50%}.market-final{padding-top:90px}
@media(max-width:1120px){.market-grid{grid-template-columns:repeat(3,1fr)}.market-hero-grid{gap:30px}.market-satellite{width:51px;height:51px}.market-promise>.container>div{padding-inline:12px}.market-promise strong{font-size:8px}}
@media(max-width:900px){.market-hero{padding:75px 0}.market-hero-grid,.market-heading,.market-architecture-grid{grid-template-columns:1fr}.market-hero-copy{text-align:center}.market-hero-copy>p{margin-inline:auto}.market-hero-actions{justify-content:center}.market-constellation{width:min(650px,100%);margin:auto}.market-promise>.container{grid-template-columns:repeat(2,1fr);padding:18px 0}.market-promise>.container>div{min-height:70px}.market-promise>.container>div:nth-child(3){border-left:0}.market-heading{text-align:center;gap:12px}.market-filter-shell{top:80px;grid-template-columns:1fr 210px}.market-result{display:none}.market-grid{grid-template-columns:repeat(2,1fr)}.market-architecture-grid>div:first-child{text-align:center}}
@media(max-width:640px){.market-hero{min-height:0;padding:55px 0 25px}.market-hero-copy h1{font-size:42px}.market-hero-copy>p{font-size:14px}.market-hero-actions{display:grid}.market-hero-actions .btn{width:100%}.market-hero-stats strong{font-size:11px}.market-constellation{min-height:420px;transform:scale(.77);transform-origin:center top;margin-bottom:-90px}.market-satellite.sat-5,.market-satellite.sat-6{display:none}.market-promise>.container{grid-template-columns:1fr}.market-promise>.container>div{padding:13px 8px}.market-promise>.container>div+div{border-left:0;border-top:1px solid #e7ebf1}.market-catalog{padding:70px 0}.market-heading h2{font-size:37px}.market-filter-shell{position:relative;top:auto;margin-top:30px;grid-template-columns:1fr}.market-filter-shell select{display:block}.market-search kbd{display:none}.market-group{padding-top:35px}.market-grid{grid-template-columns:1fr}.market-card{min-height:235px}.market-legend{align-items:flex-start;flex-direction:column;gap:10px}.market-architecture{padding:75px 0}.market-architecture h2{font-size:38px}.market-code-window pre{padding:22px 10px;font-size:8px}.market-final{padding-top:65px}}
/* WhatsApp canlı destek — kurumsal, dikkat dağıtmayan sabit iletişim bileşeni */
.whatsapp-support{position:fixed;right:26px;bottom:24px;z-index:140;display:flex;align-items:flex-end;gap:10px;font-family:"Manrope",sans-serif}.whatsapp-support-note{padding:12px 15px;display:grid;gap:2px;border:1px solid #dce7e2;border-radius:13px;background:rgba(255,255,255,.97);box-shadow:0 16px 38px rgba(6,33,28,.14);transform:translateY(5px);animation:whatsapp-note-in .45s ease .6s both}.whatsapp-support-note span{color:#0e8f62;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.whatsapp-support-note strong{color:#0b2138;font-size:12px}.whatsapp-support-note small{color:#718296;font-size:9px}.whatsapp-support-button{position:relative;min-width:58px;height:58px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(255,255,255,.45);border-radius:17px;background:linear-gradient(145deg,#1eae6f,#128855);color:#fff;box-shadow:0 14px 32px rgba(18,136,85,.3);font-size:11px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease}.whatsapp-support-button:before{content:"";position:absolute;inset:-6px;border:1px solid rgba(31,174,112,.24);border-radius:22px;animation:whatsapp-ring 2.8s ease-out infinite}.whatsapp-support-button:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(18,136,85,.36)}.whatsapp-support-button i{font-size:25px}.whatsapp-support-button span{white-space:nowrap}@keyframes whatsapp-ring{0%,45%{opacity:0;transform:scale(.92)}60%{opacity:1}100%{opacity:0;transform:scale(1.16)}}@keyframes whatsapp-note-in{from{opacity:0;transform:translate(12px,5px)}to{opacity:1;transform:translateY(5px)}}@media(max-width:720px){.whatsapp-support{right:15px;bottom:15px}.whatsapp-support-note{display:none}.whatsapp-support-button{width:56px;min-width:56px;height:56px;padding:0;border-radius:17px}.whatsapp-support-button span{display:none}}@media(prefers-reduced-motion:reduce){.whatsapp-support-note,.whatsapp-support-button:before{animation:none}}

/* Webidir v5 — daha sade, kurumsal anasayfa ilk görünümü */
.neo-hero{min-height:0;padding:78px 0 72px;color:#071a38;background:linear-gradient(180deg,#f7f9fc 0%,#fff 100%);border-bottom:1px solid #e5eaf1}.neo-hero .neo-grid-bg,.neo-hero .neo-aurora,.neo-hero .neo-orbit,.neo-hero .neo-orbit-logo{display:none}.neo-hero-grid{grid-template-columns:.9fr 1.1fr;gap:54px}.neo-badge{color:#284ccf;border-color:#d6dff7;background:#edf2ff}.neo-badge b{color:#174d35;background:#dff4e9}.neo-badge span{background:#16936a;box-shadow:none}.neo-hero h1{font-size:clamp(47px,5.15vw,69px);line-height:1.01}.neo-hero h1 em{color:#2e57dc}.neo-hero-copy>p{color:#53657b;font-size:16px}.neo-demo-link{color:#18304e}.neo-demo-link span{color:#2e57dc;border-color:#dce4ef;background:#fff}.neo-assurances{color:#627389}.neo-assurances i{color:#12815d}.neo-hero-metrics{border-top-color:#dde5ef}.neo-hero-metrics div+div{border-left-color:#dde5ef}.neo-hero-metrics span{color:#718197}.neo-app-window{border-color:#dbe3ed;border-radius:18px;box-shadow:0 28px 70px rgba(18,42,76,.16);transform:none}.neo-float-card{border-color:#dce5ee;box-shadow:0 14px 32px rgba(22,47,79,.14)}.neo-float-ai{display:none}.neo-hero-product{min-height:540px}.neo-logo-belt{box-shadow:none}.check-line{padding:13px 14px;display:flex!important;align-items:flex-start;gap:11px;border:1px solid #dfe6ee;border-radius:11px;background:#f8fafc;cursor:pointer}.check-line input{margin-top:3px;accent-color:#3157df}.check-line span{display:grid;gap:3px}.check-line strong{color:#10233d;font-size:11px}.check-line small{color:#6f8095;font-size:9px;font-weight:500}.check-line:has(input:checked){border-color:#aabcf3;background:#f1f5ff}@media(max-width:900px){.neo-hero{padding-top:62px}.neo-hero-grid{grid-template-columns:1fr}.neo-hero-product{min-height:500px}}@media(max-width:640px){.neo-hero{padding:46px 0 50px}.neo-hero-product{min-height:400px}.neo-hero h1{font-size:42px}}

/* Entegrasyon kurulum sihirbazı */
.integration-setup-page{padding:48px 0 90px;background:#f4f7fb}.setup-breadcrumb{margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;color:#6d7e93;font-size:10px}.setup-breadcrumb a{color:#3157df;font-weight:800}.setup-title{padding:22px 24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;background:#fff;border:1px solid #dde5ef;border-radius:16px}.setup-brand{width:58px;height:58px;padding:10px;display:grid;place-items:center;background:#f5f7fa;border:1px solid #e6ebf1;border-radius:15px}.setup-brand img{width:100%;height:100%;object-fit:contain}.setup-brand i{color:#3157df;font-size:23px}.setup-title>div:nth-child(2)>span{color:#3157df;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.setup-title h1{margin:2px 0;font-size:24px}.setup-title p{margin:0;color:#738298;font-size:9px}.setup-progress{margin:16px 0 22px;padding:16px 22px;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:12px;background:#fff;border:1px solid #dde5ef;border-radius:14px}.setup-progress>div{display:flex;align-items:center;gap:9px}.setup-progress>i{height:1px;background:#dfe5ec}.setup-progress b{width:30px;height:30px;display:grid;place-items:center;color:#75869a;background:#edf1f5;border-radius:50%;font-size:10px}.setup-progress .done b{color:#fff;background:#12815d}.setup-progress .current b{color:#fff;background:#3157df}.setup-progress span{display:grid;gap:1px}.setup-progress strong{font-size:9px}.setup-progress small{color:#7d8b9e;font-size:7px}.setup-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:18px;align-items:start}.setup-grid .panel{margin:0}.setup-aside{display:grid;gap:18px}.setup-steps{display:grid;gap:13px;list-style:none}.setup-steps li{display:grid;grid-template-columns:27px 1fr;gap:9px;align-items:start;color:#4f6077;font-size:10px;line-height:1.55}.setup-steps b{width:27px;height:27px;display:grid;place-items:center;color:#3157df;background:#edf2ff;border-radius:8px;font-size:8px}.setup-security{margin:4px 0 17px;padding:13px;display:flex;align-items:center;gap:11px;color:#174d3a;background:#edf9f4;border:1px solid #cfe9dd;border-radius:10px}.setup-security>i{font-size:18px}.setup-security span{display:grid;gap:2px}.setup-security strong{font-size:9px}.setup-security small{color:#5b7d70;font-size:8px}.setup-health{margin-bottom:13px;display:flex;align-items:flex-start;gap:11px}.setup-health>i{width:38px;height:38px;display:grid;place-items:center;color:#3157df;background:#edf2ff;border-radius:11px}.setup-health div{display:grid;gap:2px}.setup-health strong{font-size:11px}.setup-health span,.setup-health small{color:#738298;font-size:8px}.setup-health small{color:#bd3c4d}@media(max-width:900px){.setup-grid{grid-template-columns:1fr}}@media(max-width:640px){.integration-setup-page{padding-top:25px}.setup-title{grid-template-columns:auto 1fr}.setup-title>.status{grid-column:1/-1;justify-self:start}.setup-progress{grid-template-columns:1fr}.setup-progress>i{display:none}.setup-progress>div{padding:5px 0}.setup-title h1{font-size:20px}}
.brand-logo{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;border-radius:13px}.brand-logo img{width:100%;height:100%;display:block;object-fit:contain}.brand-light .brand-logo{background:#fff;padding:4px}.brand-logo-only{min-width:0;max-width:100%;overflow:hidden}.brand-logo-only .brand-logo{padding:0;overflow:hidden;background:transparent;border-radius:0}.brand-logo-only .brand-logo img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:left center}.site-header .brand-logo-only .brand-logo{width:var(--brand-logo-header-width,180px);max-width:min(320px,34vw);height:62px}.site-footer .brand-logo-only .brand-logo{width:var(--brand-logo-footer-width,190px);max-width:100%;height:78px}.brand-logo-only.brand-light .brand-logo{padding:0;background:transparent}@media(max-width:760px){.site-header .brand-logo-only .brand-logo{width:var(--brand-logo-mobile-width,140px);max-width:calc(100vw - 120px);height:50px}.site-footer .brand-logo-only .brand-logo{max-width:min(100%,var(--brand-logo-footer-width,190px));height:68px}}
.license-renewal-banner{margin-bottom:20px;padding:22px 24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;border:1px solid #f1c86c;border-radius:18px;background:linear-gradient(135deg,#fff9e8,#fff3cd);box-shadow:0 16px 38px rgba(149,103,11,.12)}.license-renewal-banner.expired{color:#fff;border-color:#be3247;background:linear-gradient(135deg,#a51f38,#d33d52);box-shadow:0 18px 40px rgba(150,27,48,.23)}.renewal-icon{width:52px;height:52px;display:grid;place-items:center;color:#a86c00;background:rgba(255,255,255,.7);border-radius:15px;font-size:20px}.expired .renewal-icon{color:#b52b43}.license-renewal-banner span{font-size:8px;font-weight:900;letter-spacing:.12em}.license-renewal-banner h2{margin:3px 0 5px;font-size:21px;letter-spacing:-.025em}.license-renewal-banner p{margin:0;color:#7d642d;font-size:10px}.license-renewal-banner.expired p{color:#ffe0e5}.customer-dns-guide{margin-bottom:18px;padding:24px;color:#eff5ff;background:linear-gradient(135deg,#071a3a,#0d2c5c);border:1px solid #244776;border-radius:18px;box-shadow:0 20px 45px rgba(7,26,58,.18)}.dns-guide-head{display:flex;align-items:flex-start;gap:14px}.dns-guide-head>span{width:46px;height:46px;display:grid;place-items:center;color:#c8ff6d;background:#173d6d;border-radius:13px}.dns-guide-head small{color:#82a8d8;font-size:7px;font-weight:900;letter-spacing:.12em}.dns-guide-head h2{margin:3px 0 7px;font-size:20px}.dns-guide-head p{margin:0;color:#a9bed9;font-size:10px}.dns-record-grid{margin-top:19px;display:grid;grid-template-columns:150px 150px minmax(230px,1fr);gap:9px}.dns-record-grid article{position:relative;padding:13px 15px;display:grid;gap:4px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:11px}.dns-record-grid article.wide{grid-column:auto}.dns-record-grid small{color:#7898be;font-size:7px;font-weight:900}.dns-record-grid strong,.dns-record-grid code{color:#fff;font-size:12px}.dns-record-grid button{position:absolute;right:10px;top:50%;width:30px;height:30px;color:#fff;background:#244b7d;border:0;border-radius:8px;transform:translateY(-50%);cursor:pointer}.dns-guide-foot{margin-top:14px;padding-top:13px;display:flex;gap:9px;color:#91abc9;border-top:1px solid rgba(255,255,255,.09);font-size:9px}.domain-next-step{max-width:290px;display:inline-block;color:#65758a;font-size:9px;line-height:1.45}@media(max-width:760px){.license-renewal-banner{grid-template-columns:auto 1fr}.license-renewal-banner>a{grid-column:1/-1;width:100%}.dns-record-grid{grid-template-columns:1fr 1fr}.dns-record-grid article.wide{grid-column:1/-1}.dns-guide-head h2{font-size:17px}}

/* 2026 içerik stüdyosu: tema, ölçek, ortak markalar ve yönetilebilir medya */
.neo-badge,.neo-kicker,.pricing-kicker,.tm-kicker{display:none!important}.header-partner-strip{overflow:hidden;background:var(--surface,#fff);border-top:1px solid #edf1f5;border-bottom:1px solid #e5eaf1}.header-partner-strip>.container{min-height:62px;display:flex;align-items:center;gap:24px}.header-partner-strip strong{flex:0 0 auto;color:#68798f;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.header-partner-track{min-width:0;display:flex;align-items:center;gap:30px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.header-partner-track a{min-width:94px;height:34px;padding:3px 8px;display:grid;place-items:center;filter:grayscale(1);opacity:.72;transition:.2s}.header-partner-track a:hover{filter:none;opacity:1}.header-partner-track img{max-width:100%;max-height:28px;object-fit:contain}.managed-media{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}.managed-media-hero{position:absolute;z-index:7;inset:58px 0 54px;width:100%;height:calc(100% - 112px);object-fit:contain;background:var(--surface,#fff);border:1px solid #dbe3ed;border-radius:18px;box-shadow:0 28px 70px rgba(18,42,76,.16)}.managed-media-platform{position:absolute;z-index:8;inset:0;width:100%;height:100%;object-fit:cover;background:#fff}.managed-media-automation{position:absolute;z-index:8;inset:30px;width:calc(100% - 60px);height:calc(100% - 60px);object-fit:contain;background:#071a39;border-radius:20px}.legal-page{padding:80px 0 110px;background:var(--soft,#f5f8fc)}.legal-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:45px;align-items:start}.legal-layout>aside{position:sticky;top:130px;padding:30px;color:#fff;background:var(--ink,#071a3a);border-radius:var(--radius,20px)}.legal-layout>aside>span{width:52px;height:52px;display:grid;place-items:center;color:var(--primary,#335cff);background:#fff;border-radius:15px;font-size:20px}.legal-layout aside small{display:block;margin-top:24px;color:#9babc1;font-size:10px;font-weight:900;letter-spacing:.12em}.legal-layout aside h1{margin:10px 0 14px;font-size:32px;line-height:1.08}.legal-layout aside p{color:#bdc8d8}.legal-layout aside em{display:block;margin-top:20px;color:#8295af;font-size:11px;font-style:normal}.legal-document{padding:44px 50px;background:#fff;border:1px solid #dfe6ef;border-radius:var(--radius,20px);box-shadow:0 20px 55px rgba(20,45,80,.07)}.legal-document h2{margin:34px 0 10px;font-size:23px}.legal-document h2:first-child{margin-top:0}.legal-document p{color:#52657c;font-size:15px;line-height:1.85}.legal-document li{margin:8px 0;color:#52657c}.footer-bottom a{color:inherit}.footer-bottom a:hover{color:#fff;text-decoration:underline}@media(max-width:900px){.header-partner-strip strong{display:none}.header-partner-strip>.container{min-height:52px}.legal-layout{grid-template-columns:1fr}.legal-layout>aside{position:static}.managed-media-automation{inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}}@media(max-width:640px){.header-partner-track{gap:15px}.header-partner-track a{min-width:75px}.legal-page{padding:45px 0 70px}.legal-document{padding:27px 22px}.managed-media-hero{inset:30px 0;height:calc(100% - 60px)}}

/* Kayıt doğrulama ve müşteri DNS onay akışı */
.verification-page{min-height:calc(100vh - 180px);display:grid;place-items:center}.verification-card{max-width:980px;margin:30px auto;display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border:1px solid var(--border);border-radius:28px;overflow:hidden;box-shadow:0 30px 80px rgba(7,26,58,.14)}.verification-intro{padding:52px;background:linear-gradient(145deg,#071a34,#102d57);color:#fff}.verification-intro h1{font-size:clamp(30px,4vw,46px);line-height:1.05;margin:16px 0}.verification-intro>p{color:#bfd0e4;line-height:1.7}.verification-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#335cff,#5eead4);font-size:25px}.verification-target{display:flex;align-items:center;gap:12px;margin-top:14px;padding:13px 15px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.06)}.verification-form-wrap{padding:52px}.verification-code{font-size:24px!important;letter-spacing:8px;text-align:center;font-weight:800}.verification-channel-warning,.verification-dev{display:flex;gap:12px;padding:14px 16px;border-radius:12px;margin-bottom:18px}.verification-channel-warning{background:#fff5e5;color:#8b5600}.verification-channel-warning p{margin:4px 0 0;line-height:1.5}.verification-dev{background:#edfdf6;color:#047857;justify-content:space-between}.verification-resend{display:flex;justify-content:center;gap:8px;margin-top:18px;color:var(--muted)}.verification-resend button{border:0;background:none;color:var(--primary);font-weight:700;cursor:pointer}.customer-dns-confirm-form,.customer-dns-confirmed-state{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0 0;padding:18px;border-radius:14px}.customer-dns-confirm-form{background:#eef4ff;border:1px solid #ccdafb}.customer-dns-confirm-form div,.customer-dns-confirmed-state div{display:grid;gap:4px}.customer-dns-confirm-form span,.customer-dns-confirmed-state span{color:var(--muted);font-size:13px}.customer-dns-confirmed-state{justify-content:flex-start;background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.customer-dns-confirmed-state>i{font-size:22px}@media(max-width:760px){.verification-card{grid-template-columns:1fr}.verification-intro,.verification-form-wrap{padding:30px}.verification-dev,.customer-dns-confirm-form{align-items:flex-start;flex-direction:column}.customer-dns-confirm-form .btn{width:100%}}