:root {
  --navy: #071b33;
  --navy-2: #0c294a;
  --blue: #168dff;
  --blue-2: #49c5ff;
  --ink: #10233d;
  --muted: #5f6f84;
  --line: #dfe8f2;
  --soft: #f3f8fd;
  --white: #ffffff;
  --green: #1fab5c;
  --gold: #ffb020;
  --shadow: 0 22px 60px rgba(10, 38, 70, .13);
  --shadow-sm: 0 12px 30px rgba(10, 38, 70, .09);
  --radius: 24px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--ink); background: var(--white); line-height: 1.6; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, .btn { cursor: pointer; }
.container { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.section { padding: 92px 0; }
.section-soft { background: var(--soft); }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border: 1px solid rgba(22,141,255,.22); border-radius: 999px; background: rgba(22,141,255,.08); color: #096fca; font-weight: 800; font-size: 13px; letter-spacing: .02em; }
.eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 5px rgba(22,141,255,.12); }
h1,h2,h3 { margin: 0; line-height: 1.14; color: var(--navy); }
h1 { font-size: clamp(40px, 6vw, 72px); letter-spacing: -.045em; }
h2 { font-size: clamp(32px, 4vw, 48px); letter-spacing: -.035em; }
h3 { font-size: 21px; }
p { margin: 0; }
.lead { font-size: 18px; color: var(--muted); }
.gradient-text { background: linear-gradient(110deg, #0b74df, #33b8f4); -webkit-background-clip: text; background-clip: text; color: transparent; }
.section-head { max-width: 760px; margin-bottom: 42px; }
.section-head h2 { margin-top: 14px; }
.section-head p { margin-top: 15px; }
.btn { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 22px; border-radius: 13px; border: 1px solid transparent; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.btn:hover { transform: translateY(-2px); }
.btn-primary { color: #fff; background: linear-gradient(135deg, #1476ff, #12a7ee); box-shadow: 0 13px 28px rgba(20,118,255,.27); }
.btn-primary:hover { box-shadow: 0 17px 35px rgba(20,118,255,.34); }
.btn-dark { color: #fff; background: var(--navy); }
.btn-whatsapp { color: #fff; background: var(--green); box-shadow: 0 13px 28px rgba(31,171,92,.24); }
.btn-outline { border-color: #c9d8e8; background: #fff; color: var(--navy); }
.icon { width: 21px; height: 21px; flex: none; }

.topbar { background: var(--navy); color: #dbeaff; font-size: 13px; }
.topbar .container { min-height: 37px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.topbar strong { color: #fff; }
.topbar-links { display: flex; gap: 18px; }
.navbar { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.92); backdrop-filter: blur(15px); border-bottom: 1px solid rgba(221,232,243,.85); }
.navbar .container { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; }
.brand img { width: 245px; height: auto; }
.nav-links { display: flex; align-items: center; gap: 28px; font-weight: 750; font-size: 14px; }
.nav-links a:hover { color: var(--blue); }
.nav-cta { min-height: 44px; padding: 0 17px; }
.menu-btn { display: none; width: 44px; height: 44px; border: 1px solid var(--line); background: #fff; border-radius: 12px; color: var(--navy); }

.hero { position: relative; overflow: hidden; padding: 70px 0 58px; background: radial-gradient(circle at 84% 10%, rgba(73,197,255,.22), transparent 32%), radial-gradient(circle at 10% 85%, rgba(22,141,255,.11), transparent 34%), linear-gradient(180deg, #f7fbff 0%, #fff 100%); }
.hero::before { content:""; position:absolute; inset:0; opacity:.35; pointer-events:none; background-image: linear-gradient(rgba(23,100,180,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(23,100,180,.05) 1px, transparent 1px); background-size: 40px 40px; mask-image: linear-gradient(to bottom, black, transparent 80%); }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr .95fr; gap: 58px; align-items: center; }
.hero-copy h1 { margin-top: 18px; }
.hero-copy .lead { max-width: 690px; margin-top: 22px; font-size: 19px; }
.hero-points { display: flex; flex-wrap: wrap; gap: 10px 16px; margin: 24px 0; }
.hero-points span { display: inline-flex; align-items: center; gap: 8px; color: #29435f; font-weight: 700; font-size: 14px; }
.check { width: 20px; height: 20px; border-radius: 50%; display: inline-grid; place-items: center; background: #e1f8ec; color: #0c9a4a; font-size: 13px; font-weight: 900; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.trust-row { margin-top: 24px; display: flex; align-items: center; flex-wrap: wrap; gap: 18px; color: var(--muted); font-size: 13px; font-weight: 650; }
.trust-row strong { color: var(--navy); }
.trust-dot { width: 5px; height: 5px; border-radius: 50%; background: #a9bbcd; }

.audit-card { position: relative; background: rgba(255,255,255,.92); border: 1px solid rgba(195,216,237,.8); border-radius: 28px; padding: 26px; box-shadow: var(--shadow); }
.audit-card::before { content:""; position:absolute; width:150px; height:150px; right:-35px; top:-45px; border-radius:50%; background:rgba(73,197,255,.15); filter:blur(2px); pointer-events:none; }
.audit-card .mini-badge { color: #0b74df; font-weight: 850; font-size: 13px; }
.audit-card h2 { margin-top: 7px; font-size: 30px; }
.audit-card > p { margin-top: 8px; color: var(--muted); font-size: 14px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 18px; }
.field { display: grid; gap: 6px; }
.field.full { grid-column: 1 / -1; }
.field label { font-size: 12px; font-weight: 800; color: #3e536b; }
.field input, .field select, .field textarea { width: 100%; min-height: 48px; padding: 11px 13px; border: 1px solid #d4e0ec; border-radius: 11px; background: #fbfdff; color: var(--ink); outline: none; }
.field textarea { min-height: 92px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 4px rgba(22,141,255,.10); background: #fff; }
.form-submit { width: 100%; margin-top: 13px; }
.form-note { margin-top: 10px; display: flex; gap: 7px; align-items: flex-start; color: #748397; font-size: 11px; }
.hp { position:absolute !important; left:-9999px !important; opacity:0 !important; }

.logo-strip { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #fff; }
.logo-strip .container { min-height: 78px; display: flex; justify-content: center; align-items: center; gap: 12px 35px; flex-wrap: wrap; color: #4b6077; font-weight: 800; font-size: 14px; }
.logo-strip strong { color: var(--navy); }

.card-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.service-card { position: relative; padding: 28px 24px; border: 1px solid var(--line); border-radius: 21px; background: #fff; box-shadow: var(--shadow-sm); overflow: hidden; }
.service-card::after { content:""; position:absolute; width:90px; height:90px; right:-35px; bottom:-40px; border-radius:50%; background:rgba(22,141,255,.08); }
.service-icon { width: 52px; height: 52px; display:grid; place-items:center; border-radius: 15px; background: linear-gradient(145deg, #e9f6ff, #d9efff); color: var(--blue); margin-bottom: 19px; }
.service-card h3 { margin-bottom: 10px; }
.service-card p { color: var(--muted); font-size: 14px; }
.service-card ul { list-style:none; padding:0; margin:17px 0 0; display:grid; gap:8px; color:#385069; font-size:13px; font-weight:650; }
.service-card li { display:flex; gap:8px; }
.service-card li::before { content:"✓"; color:#0ca351; font-weight:900; }

.problem-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:56px; align-items:center; }
.problem-panel { padding: 30px; border-radius: 28px; background: linear-gradient(145deg, var(--navy), #0d3a69); color:#fff; box-shadow: var(--shadow); }
.problem-panel h3 { color:#fff; font-size:28px; }
.problem-list { margin-top:22px; display:grid; gap:13px; }
.problem-item { display:flex; gap:13px; align-items:flex-start; padding:14px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.10); border-radius:14px; }
.problem-item b { display:block; margin-bottom:2px; }
.problem-item span { color:#bdd1e7; font-size:13px; }
.problem-icon { flex:none; width:32px; height:32px; display:grid; place-items:center; border-radius:10px; background:rgba(73,197,255,.16); }
.solution-list { display:grid; gap:17px; margin-top:28px; }
.solution { display:flex; gap:15px; }
.solution-num { flex:none; width:38px; height:38px; display:grid; place-items:center; border-radius:12px; background:#e6f4ff; color:#0b74df; font-weight:900; }
.solution p { color:var(--muted); font-size:14px; margin-top:4px; }

.case-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.case-card { border:1px solid var(--line); border-radius:22px; overflow:hidden; background:#fff; box-shadow:var(--shadow-sm); }
.case-top { min-height:150px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; background:linear-gradient(145deg,#071b33,#0e477c); color:#fff; }
.case-top .tag { width:max-content; padding:6px 10px; border-radius:999px; background:rgba(255,255,255,.11); border:1px solid rgba(255,255,255,.13); font-size:12px; font-weight:800; }
.case-metric { font-size:36px; line-height:1; font-weight:900; letter-spacing:-.03em; }
.case-top small { color:#bfdbf1; font-weight:700; }
.case-body { padding:22px; }
.case-body p { margin-top:8px; color:var(--muted); font-size:14px; }
.case-body .result { margin-top:17px; color:#0b8450; font-weight:800; font-size:13px; }
.disclaimer { margin-top:18px; color:#7b8898; font-size:12px; }

.process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; counter-reset:steps; }
.process-card { padding:24px 20px; border-left:3px solid #bfe4ff; background:#fff; border-radius:0 18px 18px 0; box-shadow:var(--shadow-sm); }
.process-card::before { counter-increment:steps; content:"0" counter(steps); display:block; color:var(--blue); font-weight:900; font-size:13px; margin-bottom:13px; }
.process-card p { color:var(--muted); font-size:14px; margin-top:8px; }

.industry-wrap { display:flex; flex-wrap:wrap; gap:11px; }
.industry-chip { padding:11px 15px; border:1px solid #cfe0ef; border-radius:12px; background:#fff; font-weight:800; color:#365069; }

.offer { position:relative; overflow:hidden; border-radius:30px; background:linear-gradient(135deg,#071b33,#0b4e88); color:#fff; padding:48px; display:grid; grid-template-columns:1.15fr .85fr; gap:30px; align-items:center; box-shadow:var(--shadow); }
.offer::after { content:""; position:absolute; right:-120px; top:-120px; width:360px; height:360px; border-radius:50%; background:radial-gradient(circle,rgba(73,197,255,.30),transparent 65%); }
.offer h2 { color:#fff; }
.offer p { margin-top:14px; color:#c4d8eb; }
.offer-actions { display:flex; flex-direction:column; gap:12px; position:relative; z-index:1; }
.offer-actions .btn { width:100%; }

.faq-list { max-width:900px; display:grid; gap:12px; }
.faq { border:1px solid var(--line); border-radius:16px; background:#fff; overflow:hidden; }
.faq button { width:100%; padding:18px 20px; border:0; background:#fff; display:flex; justify-content:space-between; gap:20px; text-align:left; color:var(--navy); font-weight:850; }
.faq button span:last-child { font-size:22px; color:var(--blue); }
.faq-content { display:none; padding:0 20px 18px; color:var(--muted); font-size:14px; }
.faq.open .faq-content { display:block; }

.contact-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:36px; align-items:start; }
.contact-card { padding:28px; border-radius:24px; background:var(--navy); color:#fff; }
.contact-card h3 { color:#fff; font-size:28px; }
.contact-card p { color:#bed0e2; margin-top:10px; }
.contact-list { display:grid; gap:13px; margin-top:24px; }
.contact-item { padding:13px; border-radius:13px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.09); }
.contact-item small { display:block; color:#95afc9; }
.contact-form { padding:28px; border:1px solid var(--line); border-radius:24px; background:#fff; box-shadow:var(--shadow-sm); }

footer { background:#06172b; color:#a9bfd4; padding:52px 0 88px; }
.footer-grid { display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:35px; }
footer .brand img { filter:brightness(0) invert(1); width:225px; }
footer h3 { color:#fff; font-size:16px; margin-bottom:13px; }
footer p, footer a { font-size:13px; }
footer a:hover { color:#fff; }
.footer-links { display:grid; gap:9px; }
.copyright { margin-top:36px; padding-top:20px; border-top:1px solid rgba(255,255,255,.10); display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:12px; }

.floating { position:fixed; right:18px; bottom:18px; z-index:60; display:grid; gap:10px; }
.float-btn { width:54px; height:54px; display:grid; place-items:center; border-radius:50%; color:#fff; box-shadow:0 12px 28px rgba(0,0,0,.22); }
.float-call { background:#1476ff; }
.float-wa { background:#1fab5c; }
.mobile-bar { display:none; position:fixed; z-index:70; left:0; right:0; bottom:0; padding:9px 10px calc(9px + env(safe-area-inset-bottom)); background:rgba(255,255,255,.96); backdrop-filter:blur(14px); border-top:1px solid var(--line); gap:9px; }
.mobile-bar .btn { flex:1; min-height:47px; padding:0 12px; }
.toast { position:fixed; top:95px; left:50%; transform:translateX(-50%); z-index:100; padding:13px 18px; border-radius:12px; color:#fff; background:#0e8e4a; box-shadow:var(--shadow-sm); font-weight:800; font-size:14px; }

@media (max-width: 980px) {
  .topbar { display:none; }
  .navbar .container { min-height:70px; }
  .brand img { width:205px; }
  .menu-btn { display:grid; place-items:center; }
  .nav-links { display:none; position:absolute; top:70px; left:16px; right:16px; padding:18px; border:1px solid var(--line); border-radius:16px; background:#fff; box-shadow:var(--shadow); flex-direction:column; align-items:stretch; gap:5px; }
  .nav-links.open { display:flex; }
  .nav-links a { padding:11px 10px; border-radius:9px; }
  .nav-links a:hover { background:var(--soft); }
  .hero-grid, .problem-grid, .offer, .contact-grid { grid-template-columns:1fr; }
  .hero { padding-top:52px; }
  .hero-grid { gap:35px; }
  .card-grid, .process-grid { grid-template-columns:repeat(2,1fr); }
  .case-grid { grid-template-columns:1fr; }
  .offer-actions { max-width:430px; }
  .footer-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width: 640px) {
  .container { width:min(100% - 22px, 1180px); }
  .section { padding:68px 0; }
  .navbar .container { min-height:64px; }
  .brand img { width:178px; }
  .nav-links { top:64px; }
  .hero { padding:38px 0 42px; }
  h1 { font-size:40px; }
  .hero-copy .lead { font-size:17px; }
  .hero-actions { display:grid; grid-template-columns:1fr; }
  .hero-actions .btn { width:100%; }
  .audit-card { padding:21px 16px; border-radius:22px; }
  .audit-card h2 { font-size:27px; }
  .form-grid { grid-template-columns:1fr; }
  .field.full { grid-column:auto; }
  .logo-strip .container { padding:18px 0; justify-content:flex-start; gap:9px 18px; }
  .card-grid, .process-grid { grid-template-columns:1fr; }
  .service-card { padding:23px 20px; }
  .problem-panel { padding:22px 17px; border-radius:22px; }
  .offer { padding:31px 21px; border-radius:23px; }
  .contact-card, .contact-form { padding:22px 18px; }
  .footer-grid { grid-template-columns:1fr; }
  footer { padding-bottom:95px; }
  .floating { display:none; }
  .mobile-bar { display:flex; }
  .trust-dot { display:none; }
  .trust-row { gap:8px 15px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *, *::before, *::after { transition:none !important; } }

/* Conversion expansion */
.spaced-title { margin-top:14px; }
.compact-top { padding-top:15px; }
.eyebrow-dark { color:#8bd9ff; border-color:rgba(139,217,255,.25); background:rgba(139,217,255,.08); }
.offer-title { margin-top:15px; }
.form-kicker { color:#0b74df; font-weight:850; font-size:13px; }
.contact-form-title { font-size:31px; margin-top:6px; }
.footer-about { margin-top:15px; max-width:470px; }
.toast-error { background:#b83232; }
.card-grid-3 { grid-template-columns:repeat(3,1fr); }
.text-link { position:relative; z-index:2; display:inline-flex; margin-top:18px; color:#0b74df; font-weight:850; font-size:13px; }
.text-link:hover { color:#0759ad; }

.simulator-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:48px; align-items:start; }
.simulator-note { margin-top:22px; padding:14px 16px; border:1px solid #cfe0ef; border-radius:14px; background:#fff; color:#5b6c80; font-size:13px; }
.smart-presets { display:flex; flex-wrap:wrap; gap:9px; margin-top:20px; }
.preset-btn { border:1px solid #c9d8e8; background:#fff; color:#29435f; border-radius:999px; padding:9px 13px; font-size:12px; font-weight:800; }
.preset-btn:hover, .preset-btn.active { border-color:#168dff; color:#0b74df; background:#eaf6ff; }
.calculator-card { background:#fff; border:1px solid var(--line); border-radius:26px; padding:26px; box-shadow:var(--shadow); }
.calculator-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.calculator-results { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; margin-top:20px; }
.result-box { min-height:92px; padding:15px; border:1px solid #dfe8f2; border-radius:15px; background:#f8fbfe; display:flex; flex-direction:column; justify-content:space-between; }
.result-box span { color:#627288; font-size:12px; font-weight:750; }
.result-box strong { color:var(--navy); font-size:24px; letter-spacing:-.03em; }
.result-highlight { background:linear-gradient(145deg,#071b33,#0e477c); border-color:transparent; }
.result-highlight span { color:#bcd3e8; }
.result-highlight strong { color:#fff; }
.calculator-actions { display:flex; gap:10px; margin-top:18px; }
.calculator-actions .btn { flex:1; }

.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:stretch; }
.price-card { position:relative; display:flex; flex-direction:column; padding:28px 24px; border:1px solid var(--line); border-radius:24px; background:#fff; box-shadow:var(--shadow-sm); }
.price-card.featured { border:2px solid #168dff; transform:translateY(-9px); box-shadow:0 24px 58px rgba(22,141,255,.18); }
.popular-badge { position:absolute; top:-14px; left:50%; transform:translateX(-50%); white-space:nowrap; padding:7px 13px; border-radius:999px; background:linear-gradient(135deg,#1476ff,#12a7ee); color:#fff; font-size:11px; font-weight:900; letter-spacing:.04em; }
.price-head p { margin-top:9px; color:var(--muted); font-size:13px; min-height:42px; }
.price-label { display:inline-block; color:#0b74df; font-size:12px; font-weight:900; letter-spacing:.08em; margin-bottom:8px; }
.price { margin:22px 0 18px; color:var(--navy); font-size:44px; line-height:1; font-weight:950; letter-spacing:-.045em; }
.price > span { font-size:22px; vertical-align:top; margin-right:2px; }
.price small { display:block; margin-top:8px; color:#75859a; font-size:12px; font-weight:750; letter-spacing:0; }
.custom-price { font-size:40px; }
.price-card ul { list-style:none; padding:0; margin:0 0 22px; display:grid; gap:10px; color:#40566f; font-size:13px; }
.price-card li { display:flex; gap:9px; align-items:flex-start; }
.price-card li::before { content:'✓'; color:#0ca351; font-weight:900; }
.price-cta { margin-top:auto; width:100%; }
.pricing-note { margin-top:22px; padding:15px 17px; border:1px solid #d9e5f0; border-radius:14px; background:#f8fbfe; color:#64758a; font-size:12px; }

.service-hero h1 { font-size:clamp(38px,5vw,64px); }
.crm-hero { background:radial-gradient(circle at 82% 12%, rgba(70,109,255,.20), transparent 32%), radial-gradient(circle at 10% 85%, rgba(22,141,255,.11), transparent 34%), linear-gradient(180deg,#f7fbff 0%,#fff 100%); }
.website-pricing .price-card ul { min-height:190px; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.feature-card { padding:24px; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:var(--shadow-sm); }
.feature-card > span { display:inline-grid; place-items:center; width:38px; height:38px; border-radius:12px; background:#e6f4ff; color:#0b74df; font-size:12px; font-weight:900; }
.feature-card h3 { margin-top:15px; }
.feature-card p { margin-top:8px; color:var(--muted); font-size:14px; }
.split-feature { display:grid; grid-template-columns:1.05fr .95fr; gap:42px; align-items:start; }
.check-list { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:26px; }
.check-list div { padding:13px 14px; border:1px solid #dbe6f0; border-radius:13px; background:#fbfdff; color:#365069; font-size:13px; font-weight:750; }
.dark-info-card { padding:30px; border-radius:26px; background:linear-gradient(145deg,#071b33,#0d3a69); color:#fff; box-shadow:var(--shadow); }
.dark-info-card h3 { color:#fff; font-size:29px; margin-top:16px; }
.dark-info-card ul { list-style:none; padding:0; margin:22px 0; display:grid; grid-template-columns:1fr 1fr; gap:11px; }
.dark-info-card li { color:#c5d8e9; font-size:13px; }
.dark-info-card li::before { content:'✓'; color:#61d59a; margin-right:7px; font-weight:900; }
.dark-info-card .btn { width:100%; }

.lead-modal { position:fixed; inset:0; z-index:110; display:none; align-items:center; justify-content:center; padding:18px; }
.lead-modal.open { display:flex; }
.lead-modal-backdrop { position:absolute; inset:0; background:rgba(2,14,28,.72); backdrop-filter:blur(5px); }
.lead-modal-panel { position:relative; z-index:1; width:min(500px,100%); max-height:calc(100vh - 36px); overflow:auto; padding:28px; border-radius:24px; background:#fff; box-shadow:0 30px 90px rgba(0,0,0,.35); }
.lead-modal-panel h2 { font-size:31px; margin-top:8px; }
.lead-modal-panel > p { margin-top:9px; color:var(--muted); font-size:14px; }
.lead-modal-close { position:absolute; right:14px; top:12px; width:38px; height:38px; border:1px solid var(--line); border-radius:50%; background:#fff; color:var(--navy); font-size:25px; line-height:1; }
.popup-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:18px; }
.popup-wa { display:block; margin-top:13px; text-align:center; color:#15924e; font-weight:850; font-size:13px; }
body.modal-open { overflow:hidden; }

@media (max-width:980px) {
  .card-grid-3, .feature-grid { grid-template-columns:repeat(2,1fr); }
  .simulator-grid, .split-feature { grid-template-columns:1fr; }
  .pricing-grid { grid-template-columns:1fr; }
  .price-card.featured { transform:none; }
  .calculator-results { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:640px) {
  .card-grid-3, .feature-grid { grid-template-columns:1fr; }
  .calculator-card { padding:20px 16px; border-radius:21px; }
  .calculator-fields, .popup-form-grid { grid-template-columns:1fr; }
  .calculator-results { grid-template-columns:1fr 1fr; }
  .calculator-actions { flex-direction:column; }
  .price-card { padding:25px 19px; }
  .price { font-size:40px; }
  .check-list, .dark-info-card ul { grid-template-columns:1fr; }
  .dark-info-card { padding:24px 19px; }
  .lead-modal { align-items:flex-end; padding:0; }
  .lead-modal-panel { width:100%; max-height:90vh; border-radius:24px 24px 0 0; padding:24px 18px calc(24px + env(safe-area-inset-bottom)); }
  .lead-modal-panel h2 { font-size:27px; }
}

.thank-you-main { min-height:65vh; display:grid; place-items:center; background:linear-gradient(180deg,#f4f9fe,#fff); }
.thank-you-card { max-width:760px; text-align:center; padding:55px 35px; border:1px solid var(--line); border-radius:28px; background:#fff; box-shadow:var(--shadow); }
.thank-you-card h1 { font-size:clamp(38px,6vw,62px); margin-top:15px; }
.thank-you-card p { margin:18px auto 0; color:var(--muted); max-width:620px; font-size:17px; }
.success-icon { width:72px; height:72px; display:grid; place-items:center; margin:0 auto 18px; border-radius:50%; background:#e1f8ec; color:#0b9b4b; font-size:36px; font-weight:950; }
.thank-you-actions { justify-content:center; margin-top:28px; }
@media (max-width:640px) { .thank-you-card { padding:38px 19px; } .thank-you-actions { display:grid; } }

/* Trust proof + portfolio expansion */
.proof-band { position:relative; z-index:3; margin-top:-20px; }
.proof-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.proof-item { min-height:104px; display:flex; align-items:center; gap:14px; padding:18px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.96); box-shadow:var(--shadow-sm); }
.proof-item.proof-primary { border-color:rgba(22,141,255,.35); background:linear-gradient(145deg,#f8fcff,#edf8ff); }
.proof-icon { flex:none; width:46px; height:46px; display:grid; place-items:center; border-radius:14px; background:#e7f4ff; color:#0b74df; font-size:20px; font-weight:950; }
.proof-item strong { display:block; color:var(--navy); font-size:24px; line-height:1.05; letter-spacing:-.03em; }
.proof-item small { display:block; margin-top:5px; color:#67798e; font-size:12px; font-weight:750; }
.proof-item small a { color:#0b74df; }
.starter-featured { order:-1; }
.portfolio-head { max-width:880px; }
.client-logo-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-bottom:34px; }
.client-logo-card { min-width:0; display:flex; align-items:center; gap:11px; padding:13px; border:1px solid var(--line); border-radius:15px; background:#fff; box-shadow:0 8px 22px rgba(10,38,70,.06); }
.client-logo-card strong { display:block; overflow:hidden; color:var(--navy); font-size:12px; line-height:1.25; text-overflow:ellipsis; }
.client-logo-card small { display:block; margin-top:4px; color:#7a899b; font-size:10px; }
.client-monogram { flex:none; width:38px; height:38px; display:grid; place-items:center; border-radius:11px; color:#fff; font-size:12px; font-weight:950; letter-spacing:.03em; }
.portfolio-preview-grid, .portfolio-full-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.portfolio-card { overflow:hidden; border:1px solid var(--line); border-radius:22px; background:#fff; box-shadow:var(--shadow-sm); }
.portfolio-card:hover { transform:translateY(-3px); box-shadow:var(--shadow); transition:.2s ease; }
.portfolio-visual { min-height:142px; padding:22px; display:flex; align-items:flex-end; justify-content:space-between; color:#fff; }
.portfolio-visual > span { width:64px; height:64px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.26); border-radius:18px; background:rgba(255,255,255,.13); backdrop-filter:blur(10px); font-size:22px; font-weight:950; }
.portfolio-visual small { max-width:150px; padding:7px 10px; border-radius:999px; background:rgba(0,0,0,.18); color:#fff; text-align:right; font-size:11px; font-weight:800; }
.portfolio-body { padding:21px; }
.portfolio-service { display:inline-flex; padding:6px 9px; border-radius:999px; background:#edf7ff; color:#0b74df; font-size:10px; font-weight:900; letter-spacing:.02em; }
.portfolio-body h3 { margin-top:12px; }
.portfolio-body p { margin-top:8px; color:var(--muted); font-size:13px; }
.portfolio-proof { margin-top:16px; color:#0b8450; font-size:12px; font-weight:850; }
.portfolio-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:30px; }
.portfolio-hero { padding-bottom:74px; }
.portfolio-summary-card { padding:28px; border:1px solid rgba(195,216,237,.85); border-radius:27px; background:#fff; box-shadow:var(--shadow); }
.portfolio-summary-card .mini-badge { color:#0b74df; font-weight:850; font-size:12px; }
.summary-stat { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; padding:17px 0; border-bottom:1px solid var(--line); }
.summary-stat strong { color:var(--navy); font-size:34px; line-height:1; letter-spacing:-.04em; }
.summary-stat span { color:var(--muted); font-size:13px; font-weight:750; text-align:right; }
.summary-rating { display:flex; align-items:center; gap:12px; margin-top:19px; padding:14px; border-radius:15px; background:#fff8e8; border:1px solid #ffe0a0; }
.summary-rating > span { color:#f3a400; font-size:28px; }
.summary-rating strong { display:block; color:#6d4b00; font-size:14px; }
.summary-rating small { display:block; color:#9a7625; font-size:11px; margin-top:2px; }
.portfolio-card-full .portfolio-body { min-height:230px; display:flex; flex-direction:column; }
.portfolio-meta { display:flex; justify-content:space-between; gap:12px; margin-top:auto; padding-top:17px; border-top:1px solid var(--line); color:#0b8450; font-size:11px; font-weight:800; }
.portfolio-meta a { color:#0b74df; text-align:right; }
.portfolio-ethics-note { margin-top:24px; padding:17px 18px; border:1px solid #d8e4ef; border-radius:15px; background:#f8fbfe; color:#65768a; font-size:12px; }
.theme-blue { background:linear-gradient(145deg,#0a63c7,#25a8f5); }
.theme-green { background:linear-gradient(145deg,#08785f,#25b88b); }
.theme-purple { background:linear-gradient(145deg,#5b38ba,#8e67e9); }
.theme-rose { background:linear-gradient(145deg,#ad3566,#ef6997); }
.theme-gold { background:linear-gradient(145deg,#8a5b0b,#d49a28); }
.theme-navy { background:linear-gradient(145deg,#071b33,#174e7b); }
.theme-teal { background:linear-gradient(145deg,#08717b,#23afba); }
.theme-orange { background:linear-gradient(145deg,#a94d0d,#e88a30); }
.theme-indigo { background:linear-gradient(145deg,#303b9a,#6475e7); }
.theme-cyan { background:linear-gradient(145deg,#08799f,#2bc1e5); }

@media (max-width:980px) {
  .proof-grid { grid-template-columns:repeat(2,1fr); }
  .client-logo-grid { grid-template-columns:repeat(2,1fr); }
  .portfolio-preview-grid, .portfolio-full-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:640px) {
  .proof-band { margin-top:0; padding:13px 0; background:#f7fbff; }
  .proof-grid { grid-template-columns:1fr 1fr; gap:9px; }
  .proof-item { min-height:92px; padding:13px 11px; gap:9px; }
  .proof-icon { width:36px; height:36px; border-radius:10px; font-size:16px; }
  .proof-item strong { font-size:18px; }
  .proof-item small { font-size:10px; }
  .client-logo-grid { grid-template-columns:1fr; }
  .portfolio-preview-grid, .portfolio-full-grid { grid-template-columns:1fr; }
  .portfolio-actions { display:grid; }
  .portfolio-actions .btn { width:100%; }
  .portfolio-meta { flex-direction:column; }
  .portfolio-meta a { text-align:left; }
}

/* =========================================================
   BrandUp Premium Trust Console + AI Growth Simulator v4
   ========================================================= */
.proof-band-ai {
  position: relative;
  z-index: 4;
  margin-top: -18px;
  padding: 0 0 26px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(247,251,255,0) 0%, #f7fbff 76%, #f7fbff 100%);
}
.proof-band-ai .container { position: relative; z-index: 2; }
.proof-glow { position: absolute; border-radius: 50%; filter: blur(18px); pointer-events: none; opacity: .55; }
.proof-glow-one { width: 260px; height: 260px; left: -90px; top: 40px; background: rgba(22,141,255,.14); }
.proof-glow-two { width: 230px; height: 230px; right: -60px; top: -30px; background: rgba(73,197,255,.16); }
.proof-console {
  position: relative;
  padding: 22px;
  border: 1px solid rgba(194,216,237,.88);
  border-radius: 28px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(245,251,255,.96)),
    radial-gradient(circle at 100% 0, rgba(73,197,255,.20), transparent 34%);
  box-shadow: 0 28px 70px rgba(10,38,70,.14), inset 0 1px 0 rgba(255,255,255,.9);
  overflow: hidden;
}
.proof-console::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .65;
  background-image:
    linear-gradient(rgba(22,141,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(22,141,255,.035) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: linear-gradient(to bottom, #000, transparent 75%);
}
.proof-console-head {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  padding: 2px 3px 18px;
}
.proof-console-head h2 { margin-top: 7px; font-size: clamp(25px,3vw,36px); }
.proof-kicker { display: inline-flex; align-items: center; gap: 8px; color: #51708f; font-size: 10px; line-height: 1; font-weight: 900; letter-spacing: .14em; }
.proof-kicker i { width: 8px; height: 8px; border-radius: 50%; background: #168dff; box-shadow: 0 0 0 5px rgba(22,141,255,.13), 0 0 18px rgba(22,141,255,.8); }
.proof-live { flex: none; display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 0 12px; border: 1px solid #cce9dc; border-radius: 999px; background: #f0fbf5; color: #17864d; font-size: 11px; font-weight: 850; }
.proof-live i { width: 7px; height: 7px; border-radius: 50%; background: #20b966; box-shadow: 0 0 0 4px rgba(32,185,102,.13); animation: brandup-pulse 1.8s infinite; }
.proof-grid-premium { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.proof-grid-premium .proof-item {
  position: relative;
  min-width: 0;
  min-height: 164px;
  display: block;
  padding: 19px;
  border: 1px solid rgba(209,224,238,.9);
  border-radius: 21px;
  background: rgba(255,255,255,.84);
  box-shadow: 0 14px 34px rgba(17,53,88,.08), inset 0 1px 0 #fff;
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.proof-grid-premium .proof-item:hover { transform: translateY(-4px); border-color: rgba(22,141,255,.34); box-shadow: 0 20px 44px rgba(17,53,88,.13); }
.proof-grid-premium .proof-primary { background: linear-gradient(145deg,#f8fcff,#edf8ff); }
.proof-grid-premium .proof-review { background: linear-gradient(145deg,#fffdf8,#fff8e9); }
.proof-grid-premium .proof-price { background: linear-gradient(145deg,#fbfdff,#f0f8ff); }
.proof-grid-premium .proof-industry { background: linear-gradient(145deg,#fbfcff,#f4f2ff); }
.proof-grid-premium .proof-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; font-size: 17px; font-weight: 950; }
.proof-icon-users { background: #e2f2ff; color: #0876df; }
.proof-icon-star { background: #fff0c8; color: #dc9200; }
.proof-icon-price { background: #e5f6ff; color: #0a7acb; }
.proof-icon-growth { background: #ece8ff; color: #6652d7; }
.proof-copy { margin-top: 18px; }
.proof-label { display: block; color: #73879d; font-size: 9px; line-height: 1; font-weight: 900; letter-spacing: .12em; }
.proof-grid-premium .proof-copy strong { display: block; margin-top: 8px; color: var(--navy); font-size: clamp(23px,2.2vw,31px); line-height: 1; letter-spacing: -.045em; white-space: nowrap; }
.proof-grid-premium .proof-copy strong em { color: #55708c; font-size: .56em; font-style: normal; letter-spacing: -.02em; }
.proof-grid-premium .proof-copy small { display: block; margin-top: 8px; color: #66798e; font-size: 11px; line-height: 1.35; font-weight: 750; }
.mini-stars { margin-right: 5px; color: #f4aa16; letter-spacing: 0; font-size: 9px; }
.proof-chip { position: absolute; right: 15px; top: 17px; padding: 5px 8px; border-radius: 999px; background: #e7f8ef; color: #118047; font-size: 8px; line-height: 1; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }
.proof-chip-blue { background: #e7f3ff; color: #0a6dca; }
.proof-action { position: absolute; right: 15px; top: 15px; width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid #f3dca8; border-radius: 10px; background: rgba(255,255,255,.9); color: #b87b00; font-weight: 950; transition: transform .2s ease, background .2s ease; }
.proof-action:hover { transform: translate(2px,-2px); background: #fff; }
.proof-bars { position: absolute; right: 17px; bottom: 18px; height: 39px; display: flex; align-items: flex-end; gap: 4px; opacity: .75; }
.proof-bars i { width: 5px; border-radius: 999px; background: linear-gradient(180deg,#43c1ff,#168dff); }
.proof-bars i:nth-child(1){height:11px}.proof-bars i:nth-child(2){height:18px}.proof-bars i:nth-child(3){height:14px}.proof-bars i:nth-child(4){height:27px}.proof-bars i:nth-child(5){height:38px}
.proof-progress { position: absolute; left: 19px; right: 19px; bottom: 15px; height: 4px; border-radius: 999px; background: #e1eaf3; overflow: hidden; }
.proof-progress span { display: block; width: 72%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#168dff,#49c5ff); box-shadow: 0 0 12px rgba(22,141,255,.4); }
.proof-nodes { position: absolute; right: 15px; bottom: 17px; width: 68px; height: 34px; }
.proof-nodes::before,.proof-nodes::after { content:""; position:absolute; height:1px; background:#b7adee; transform-origin:left center; }
.proof-nodes::before{width:47px;left:8px;top:20px;transform:rotate(-17deg)}
.proof-nodes::after{width:35px;left:28px;top:13px;transform:rotate(16deg)}
.proof-nodes i { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #715ee1; box-shadow: 0 0 0 4px rgba(113,94,225,.10); }
.proof-nodes i:nth-child(1){left:2px;bottom:3px}.proof-nodes i:nth-child(2){left:24px;top:8px}.proof-nodes i:nth-child(3){right:21px;bottom:8px}.proof-nodes i:nth-child(4){right:0;top:2px}
.logo-strip-premium { border-top: 0; background: #f7fbff; }
.logo-strip-premium .container { min-height: 74px; }
.logo-strip-premium span { position: relative; padding-left: 16px; }
.logo-strip-premium span::before { content:""; position:absolute; left:0; top:50%; width:6px; height:6px; margin-top:-3px; border-radius:50%; background:#b5cce2; }

.simulator-section { position: relative; overflow: hidden; background: linear-gradient(180deg,#eff7ff 0%,#f8fbff 100%); }
.simulator-section::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.5; background-image:linear-gradient(rgba(22,141,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(22,141,255,.035) 1px,transparent 1px); background-size:36px 36px; mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent); }
.simulator-orb { position: absolute; border-radius: 50%; filter: blur(18px); opacity: .45; pointer-events: none; }
.simulator-orb-one { width: 340px; height: 340px; left: -160px; top: 100px; background: rgba(22,141,255,.19); }
.simulator-orb-two { width: 320px; height: 320px; right: -140px; bottom: 20px; background: rgba(73,197,255,.21); }
.ai-simulator-shell { position: relative; z-index: 2; border: 1px solid rgba(171,205,235,.82); border-radius: 30px; background: rgba(255,255,255,.78); box-shadow: 0 30px 90px rgba(9,48,87,.16), inset 0 1px 0 #fff; overflow: hidden; backdrop-filter: blur(18px); }
.ai-simulator-topbar { min-height: 52px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; padding: 0 20px; border-bottom: 1px solid #dce9f5; background: linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,250,255,.94)); color: #688097; font-size: 10px; font-weight: 800; letter-spacing: .03em; }
.ai-window-dots { display: flex; gap: 6px; }
.ai-window-dots i { width: 9px; height: 9px; border-radius: 50%; background: #a8bdd1; }
.ai-window-dots i:nth-child(1){background:#ff796c}.ai-window-dots i:nth-child(2){background:#ffc358}.ai-window-dots i:nth-child(3){background:#4bcc7d}
.ai-engine-status { display: flex; align-items: center; justify-content: center; gap: 7px; color: #34516d; text-transform: uppercase; }
.ai-engine-status b { padding: 3px 6px; border-radius: 999px; background: #e5f8ed; color: #11854a; font-size: 8px; }
.ai-pulse { width: 7px; height: 7px; border-radius: 50%; background: #20b966; box-shadow: 0 0 0 4px rgba(32,185,102,.13); animation: brandup-pulse 1.8s infinite; }
.ai-version { justify-self: end; }
.simulator-grid-premium { display: grid; grid-template-columns: .76fr 1.24fr; gap: 0; align-items: stretch; }
.simulator-intro { position: relative; padding: 44px 34px; border-right: 1px solid #dbe8f4; background: linear-gradient(145deg,rgba(247,252,255,.88),rgba(239,248,255,.68)); }
.simulator-intro h2 { margin-top: 15px; font-size: clamp(31px,3.7vw,48px); }
.simulator-intro .lead { margin-top: 16px; font-size: 16px; line-height: 1.65; }
.ai-flow { margin-top: 29px; }
.ai-flow-item { display: grid; grid-template-columns: 39px 1fr; gap: 12px; align-items: center; }
.ai-flow-item > span { width: 39px; height: 39px; display: grid; place-items: center; border: 1px solid #c8e3f8; border-radius: 12px; background: rgba(255,255,255,.9); color: #0b78df; font-size: 10px; font-weight: 950; box-shadow: 0 8px 18px rgba(22,141,255,.08); }
.ai-flow-item strong { display: block; color: var(--navy); font-size: 13px; }
.ai-flow-item small { display: block; margin-top: 2px; color: #718399; font-size: 10px; line-height: 1.4; }
.ai-flow-line { width: 1px; height: 15px; margin: 3px 0 3px 19px; background: linear-gradient(#b8d9f2,#d6e9f7); }
.preset-wrap { margin-top: 28px; }
.preset-label { display: block; margin-bottom: 9px; color: #61778e; font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.smart-presets { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 0; }
.smart-presets .preset-btn { min-height: 43px; display: flex; align-items: center; justify-content: flex-start; gap: 8px; padding: 0 11px; border: 1px solid #d3e1ee; border-radius: 12px; background: rgba(255,255,255,.88); color: #35516d; font-size: 10px; font-weight: 850; box-shadow: 0 6px 16px rgba(11,52,89,.04); }
.smart-presets .preset-btn span { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 8px; background: #edf6ff; color: #0a75db; font-size: 12px; }
.smart-presets .preset-btn:hover,.smart-presets .preset-btn.active { border-color: #55adf5; background: linear-gradient(145deg,#f6fbff,#eaf6ff); color: #0869c7; box-shadow: 0 10px 24px rgba(22,141,255,.12); transform: translateY(-1px); }
.smart-presets .preset-btn.active span { background: linear-gradient(145deg,#168dff,#35b8f4); color: #fff; }
.simulator-note { margin-top: 24px; display: grid; grid-template-columns: 31px 1fr; gap: 10px; padding: 13px; border: 1px solid #d5e4f0; border-radius: 14px; background: rgba(255,255,255,.72); color: #5f7389; }
.note-icon { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 10px; background: #e7f3ff; color: #0874d8; font-size: 12px; font-weight: 950; }
.simulator-note strong { display: block; color: #38536d; font-size: 10px; }
.simulator-note small { display: block; margin-top: 2px; color: #728399; font-size: 9px; line-height: 1.45; }
.calculator-card-ai { border: 0; border-radius: 0; padding: 31px; background: rgba(255,255,255,.92); box-shadow: none; }
.calculator-card-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 20px; }
.calculator-card-head > div:first-child > span { display: block; color: #71869a; font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.calculator-card-head h3 { margin-top: 5px; font-size: 23px; }
.ai-badge { display: flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid #c7e4f8; border-radius: 999px; background: #eef8ff; color: #0872d2; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.ai-badge i { width: 7px; height: 7px; border-radius: 50%; background: #168dff; box-shadow: 0 0 0 4px rgba(22,141,255,.12); }
.calculator-fields-ai { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.calc-field { gap: 7px; }
.calc-field label { display: flex; justify-content: space-between; align-items: center; gap: 10px; color: #445d76; font-size: 10px; }
.calc-field label em { padding: 3px 6px; border-radius: 6px; background: #edf5fc; color: #7790a8; font-style: normal; font-size: 8px; letter-spacing: .04em; }
.input-shell { min-height: 49px; display: flex; align-items: center; gap: 0; border: 1px solid #d5e3ef; border-radius: 12px; background: #fbfdff; overflow: hidden; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.input-shell:focus-within { border-color: #168dff; box-shadow: 0 0 0 4px rgba(22,141,255,.1); background: #fff; }
.input-shell > span { flex: none; min-width: 39px; height: 47px; display: grid; place-items: center; border-right: 1px solid #e0e9f1; background: #f3f8fc; color: #0b75d6; font-size: 13px; font-weight: 900; }
.input-shell input { min-width: 0; width: 100%; min-height: 47px; padding: 9px 12px; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--navy); font-size: 15px; font-weight: 850; outline: none; }
.input-shell-suffix input { order: 1; }
.input-shell-suffix > span { order: 2; border-right: 0; border-left: 1px solid #e0e9f1; }
.forecast-panel { margin-top: 22px; padding: 17px; border: 1px solid #d8e7f3; border-radius: 20px; background: linear-gradient(145deg,#f8fcff,#eff8ff); }
.forecast-head { display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.forecast-head > div:first-child span { display: block; color: #0b7ade; font-size: 8px; font-weight: 950; letter-spacing: .12em; }
.forecast-head > div:first-child strong { display: block; margin-top: 4px; color: var(--navy); font-size: 14px; }
.forecast-refresh { display: flex; align-items: center; gap: 6px; color: #6a8196; font-size: 8px; font-weight: 850; }
.forecast-refresh i { width: 6px; height: 6px; border-radius: 50%; background: #20b966; box-shadow: 0 0 0 4px rgba(32,185,102,.1); }
.calculator-card-ai .calculator-results { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin-top: 14px; }
.calculator-card-ai .result-box { position: relative; min-width: 0; min-height: 103px; display: flex; flex-direction: column; justify-content: flex-start; padding: 12px; border: 1px solid #dce8f2; border-radius: 14px; background: rgba(255,255,255,.88); overflow: hidden; }
.calculator-card-ai .result-box::before { content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:linear-gradient(#168dff,#49c5ff); opacity:.65; }
.calculator-card-ai .result-box > span { color: #687d92; font-size: 8px; line-height: 1.3; font-weight: 850; text-transform: uppercase; letter-spacing: .04em; }
.calculator-card-ai .result-box strong { margin-top: 8px; color: var(--navy); font-size: clamp(19px,2vw,25px); line-height: 1; letter-spacing: -.04em; white-space: nowrap; }
.calculator-card-ai .result-box small { margin-top: auto; padding-top: 8px; color: #91a0af; font-size: 7px; font-weight: 750; }
.calculator-card-ai .result-highlight { border-color: #b9def8; background: linear-gradient(145deg,#ffffff,#ecf7ff); }
.calculator-card-ai .result-highlight::before { opacity: 1; }
.calculator-card-ai .result-roas { border-color: #bde7d0; background: linear-gradient(145deg,#fff,#ecfaf2); }
.calculator-card-ai .result-roas::before { background: linear-gradient(#20b966,#53d48d); }
.funnel-visual { margin-top: 13px; padding: 13px; border: 1px solid rgba(204,222,237,.9); border-radius: 14px; background: rgba(255,255,255,.68); }
.funnel-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.funnel-head strong { color: #49627a; font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }
.funnel-head span { color: #8b9aa8; font-size: 8px; }
.funnel-track { display: grid; grid-template-columns: 1.5fr 1fr .72fr; gap: 5px; margin-top: 10px; align-items: center; }
.funnel-stage { min-width: 0; height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 5px; padding: 0 9px; clip-path: polygon(0 0,92% 0,100% 50%,92% 100%,0 100%,7% 50%); color: #fff; transition: opacity .25s ease, filter .25s ease; }
.funnel-stage:first-child { clip-path: polygon(0 0,92% 0,100% 50%,92% 100%,0 100%); }
.funnel-clicks { background: linear-gradient(135deg,#168dff,#46bdf3); }
.funnel-leads { background: linear-gradient(135deg,#4a7ee6,#746ddd); }
.funnel-customers { background: linear-gradient(135deg,#1aaa62,#43cd84); }
.funnel-stage span { font-size: 7px; font-weight: 850; text-transform: uppercase; letter-spacing: .04em; }
.funnel-stage strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; }
.calculator-card-ai .calculator-actions { display: grid; grid-template-columns: 1.2fr 1fr; gap: 9px; margin-top: 16px; }
.calculator-card-ai .calculator-actions .btn { min-height: 49px; padding: 0 13px; font-size: 11px; }

@keyframes brandup-pulse { 0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.75);opacity:.55} }

@media (max-width: 1080px) {
  .proof-grid-premium { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .simulator-grid-premium { grid-template-columns: 1fr; }
  .simulator-intro { border-right: 0; border-bottom: 1px solid #dbe8f4; }
  .smart-presets { grid-template-columns: repeat(4,1fr); }
}
@media (max-width: 760px) {
  .proof-band-ai { margin-top: 0; padding: 14px 0 18px; }
  .proof-console { padding: 15px; border-radius: 22px; }
  .proof-console-head { align-items: flex-start; }
  .proof-live { display: none; }
  .proof-console-head h2 { font-size: 25px; }
  .proof-grid-premium { grid-template-columns: 1fr 1fr; gap: 9px; }
  .proof-grid-premium .proof-item { min-height: 145px; padding: 14px; border-radius: 17px; }
  .proof-grid-premium .proof-icon { width: 35px; height: 35px; border-radius: 11px; font-size: 14px; }
  .proof-copy { margin-top: 14px; }
  .proof-grid-premium .proof-copy strong { font-size: 21px; }
  .proof-grid-premium .proof-copy small { font-size: 9px; }
  .proof-label { font-size: 7px; }
  .proof-chip { display: none; }
  .proof-bars { right: 12px; bottom: 13px; transform: scale(.8); transform-origin: right bottom; }
  .proof-progress { left:14px;right:14px;bottom:12px; }
  .proof-nodes { transform: scale(.78); transform-origin: right bottom; }
  .logo-strip-premium .container { justify-content: flex-start; }
  .ai-simulator-shell { border-radius: 22px; }
  .ai-simulator-topbar { grid-template-columns: auto 1fr; min-height: 46px; padding: 0 13px; }
  .ai-version { display: none; }
  .ai-engine-status { justify-content: flex-end; font-size: 8px; }
  .simulator-intro { padding: 28px 19px; }
  .smart-presets { grid-template-columns: 1fr 1fr; }
  .calculator-card-ai { padding: 22px 15px; }
  .calculator-fields-ai { grid-template-columns: 1fr; }
  .calculator-card-ai .calculator-results { grid-template-columns: 1fr 1fr; }
  .calculator-card-ai .calculator-actions { grid-template-columns: 1fr; }
}
@media (max-width: 430px) {
  .proof-grid-premium { grid-template-columns: 1fr; }
  .proof-grid-premium .proof-item { min-height: 132px; }
  .proof-grid-premium .proof-copy strong { font-size: 25px; }
  .calculator-card-head { align-items: flex-start; }
  .ai-badge { font-size: 7px; }
  .funnel-stage { padding:0 6px; }
  .funnel-stage span { display:none; }
}
.forecast-panel.forecast-updated { animation: forecast-flash .38s ease; }
@keyframes forecast-flash { 0%{box-shadow:0 0 0 0 rgba(22,141,255,0)} 45%{box-shadow:0 0 0 5px rgba(22,141,255,.08)} 100%{box-shadow:0 0 0 0 rgba(22,141,255,0)} }


/* =========================================================
   PRODUCT SHOWCASE — CRM + WEBSITE DEVICE PREVIEWS
   ========================================================= */
.product-showcase-section {
  position: relative;
  overflow: hidden;
  padding-top: 78px;
  background:
    radial-gradient(circle at 8% 30%, rgba(22,141,255,.10), transparent 28%),
    radial-gradient(circle at 92% 76%, rgba(73,197,255,.12), transparent 28%),
    linear-gradient(180deg,#fff 0%,#f4faff 48%,#fff 100%);
}
.product-showcase-section::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.55;
  background-image:
    linear-gradient(rgba(22,141,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(22,141,255,.035) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent);
}
.showcase-heading {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:30px;
  align-items:end;
  margin-bottom:30px;
}
.showcase-heading > div { max-width:850px; }
.showcase-heading h2 { margin-top:14px; font-size:clamp(34px,4.5vw,58px); }
.showcase-heading .lead { margin-top:16px; max-width:800px; font-size:17px; }
.showcase-head-cta { margin-bottom:4px; white-space:nowrap; }
.product-showcase-shell {
  position:relative;
  z-index:2;
  overflow:hidden;
  border:1px solid rgba(174,206,233,.92);
  border-radius:30px;
  background:rgba(255,255,255,.86);
  box-shadow:0 36px 100px rgba(7,42,76,.18), inset 0 1px 0 #fff;
  backdrop-filter:blur(18px);
}
.showcase-windowbar {
  min-height:54px;
  display:grid;
  grid-template-columns:1fr minmax(220px,1.2fr) 1fr;
  align-items:center;
  gap:18px;
  padding:0 20px;
  border-bottom:1px solid #dce9f5;
  background:linear-gradient(180deg,#fff,#f1f7fc);
}
.showcase-window-dots { display:flex; gap:7px; }
.showcase-window-dots i { width:10px; height:10px; border-radius:50%; background:#ff6f67; box-shadow:inset 0 -1px 2px rgba(0,0,0,.1); }
.showcase-window-dots i:nth-child(2){background:#ffbd45}.showcase-window-dots i:nth-child(3){background:#35c76f}
.showcase-address {
  min-height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 16px;
  border:1px solid #d7e4ef;
  border-radius:10px;
  background:#fff;
  color:#60778f;
  font-size:11px;
  font-weight:800;
  box-shadow:inset 0 1px 2px rgba(21,55,88,.03);
}
.showcase-lock { color:#18a661; font-weight:950; }
.showcase-status { justify-self:end; display:flex; align-items:center; gap:7px; color:#547088; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.showcase-status i { width:8px; height:8px; border-radius:50%; background:#22b869; box-shadow:0 0 0 5px rgba(34,184,105,.12); }
.product-showcase-body {
  position:relative;
  min-height:500px;
  display:grid;
  place-items:center;
  padding:28px 28px 0;
  background:
    radial-gradient(circle at 50% 18%,rgba(255,255,255,.96),transparent 38%),
    linear-gradient(145deg,#edf7ff 0%,#f8fcff 48%,#e8f5ff 100%);
}
.product-showcase-body::after {
  content:"";
  position:absolute;
  left:8%; right:8%; bottom:3%;
  height:60px;
  border-radius:50%;
  background:rgba(20,77,125,.16);
  filter:blur(34px);
  pointer-events:none;
}
.product-showcase-image {
  position:relative;
  z-index:2;
  display:block;
  width:min(100%,1180px);
  height:auto;
  border-radius:22px 22px 0 0;
  filter:drop-shadow(0 28px 38px rgba(8,45,82,.22));
  transform:translateY(2px);
}
.showcase-glow { position:absolute; border-radius:50%; filter:blur(18px); opacity:.55; pointer-events:none; }
.showcase-glow-one { width:330px; height:330px; left:-100px; top:8%; background:rgba(22,141,255,.22); }
.showcase-glow-two { width:300px; height:300px; right:-80px; bottom:0; background:rgba(73,197,255,.24); }
.showcase-floating-label {
  position:absolute;
  z-index:3;
  min-width:190px;
  display:grid;
  grid-template-columns:38px 1fr;
  gap:0 11px;
  align-items:center;
  padding:13px 15px;
  border:1px solid rgba(255,255,255,.88);
  border-radius:17px;
  background:rgba(255,255,255,.88);
  box-shadow:0 18px 42px rgba(10,51,88,.15);
  backdrop-filter:blur(14px);
}
.showcase-floating-label > span {
  grid-row:1/3;
  width:38px; height:38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(145deg,#168dff,#44bdf4);
  color:#fff;
  font-size:12px;
  font-weight:950;
}
.showcase-floating-label strong { color:var(--navy); font-size:11px; }
.showcase-floating-label small { color:#7890a5; font-size:9px; }
.showcase-label-left { left:30px; bottom:45px; }
.showcase-label-right { right:30px; top:54px; }
.showcase-feature-strip {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid #dce9f5;
  background:linear-gradient(180deg,#fff,#f7fbff);
}
.showcase-feature-strip > div {
  position:relative;
  min-height:112px;
  padding:22px 20px 20px 58px;
  border-right:1px solid #e0ebf4;
}
.showcase-feature-strip > div:last-child { border-right:0; }
.showcase-feature-strip span {
  position:absolute;
  left:19px; top:23px;
  width:28px; height:28px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#e9f5ff;
  color:#0b78df;
  font-size:9px;
  font-weight:950;
}
.showcase-feature-strip strong { display:block; color:var(--navy); font-size:13px; }
.showcase-feature-strip small { display:block; margin-top:5px; color:#73869a; font-size:10px; line-height:1.45; }
.showcase-disclaimer { position:relative; z-index:2; margin:14px auto 0; max-width:900px; color:#8190a0; font-size:11px; text-align:center; }
.website-product-showcase .product-showcase-body { background:radial-gradient(circle at 48% 17%,rgba(255,255,255,.97),transparent 42%),linear-gradient(145deg,#eef7ff,#f8fcff 52%,#eaf6ff); }
.crm-product-showcase .product-showcase-body { background:radial-gradient(circle at 48% 13%,rgba(255,255,255,.97),transparent 42%),linear-gradient(145deg,#edf6ff,#f9fcff 50%,#e8f5ff); }

@media (max-width: 980px) {
  .showcase-heading { grid-template-columns:1fr; align-items:start; }
  .showcase-head-cta { width:max-content; }
  .product-showcase-body { min-height:390px; padding:22px 18px 0; }
  .showcase-feature-strip { grid-template-columns:1fr 1fr; }
  .showcase-feature-strip > div:nth-child(2) { border-right:0; }
  .showcase-feature-strip > div:nth-child(-n+2) { border-bottom:1px solid #e0ebf4; }
  .showcase-floating-label { transform:scale(.9); }
  .showcase-label-left { left:10px; bottom:20px; transform-origin:left bottom; }
  .showcase-label-right { right:10px; top:30px; transform-origin:right top; }
}
@media (max-width: 640px) {
  .product-showcase-section { padding-top:60px; }
  .showcase-heading { gap:18px; margin-bottom:22px; }
  .showcase-heading h2 { font-size:34px; }
  .showcase-heading .lead { font-size:15px; }
  .showcase-head-cta { width:100%; }
  .product-showcase-shell { border-radius:21px; }
  .showcase-windowbar { min-height:45px; grid-template-columns:auto 1fr; padding:0 12px; }
  .showcase-window-dots i { width:8px; height:8px; }
  .showcase-status { display:none; }
  .showcase-address { justify-self:stretch; min-width:0; min-height:28px; padding:0 9px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:9px; }
  .product-showcase-body { min-height:225px; padding:13px 8px 0; }
  .product-showcase-image { border-radius:13px 13px 0 0; filter:drop-shadow(0 16px 22px rgba(8,45,82,.18)); }
  .showcase-floating-label { display:none; }
  .showcase-feature-strip { grid-template-columns:1fr; }
  .showcase-feature-strip > div { min-height:auto; padding:17px 15px 17px 55px; border-right:0; border-bottom:1px solid #e0ebf4; }
  .showcase-feature-strip > div:last-child { border-bottom:0; }
  .showcase-feature-strip span { left:16px; top:17px; }
  .showcase-feature-strip strong { font-size:12px; }
  .showcase-feature-strip small { font-size:9px; }
  .showcase-disclaimer { font-size:10px; line-height:1.5; }
}