/*
Theme Name: MikeBotAI Premium
Theme URI: https://mikebotai.com/
Author: MikeBotAI
Author URI: https://mikebotai.com/
Description: A premium, responsive single-page WordPress theme for an AI employees and automation agency.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mikebotai-premium
Tags: one-column, custom-background, custom-logo, featured-images, full-width-template
*/

/* WordPress front-end compatibility */
html { scroll-padding-top: 86px; }
body.admin-bar .site-header { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar .site-header { top: 46px; }
}
:root {
  --bg: #050815;
  --bg-soft: #091020;
  --panel: rgba(10, 18, 38, 0.78);
  --panel-strong: #0a1329;
  --text: #f7f8ff;
  --muted: #a0aac0;
  --line: rgba(112, 150, 255, 0.18);
  --cyan: #31d7ff;
  --blue: #3b82f6;
  --violet: #7c5cff;
  --purple: #c048ff;
  --green: #49e6a1;
  --amber: #ffbf4c;
  --pink: #ff6bc6;
  --radius: 22px;
  --shadow: 0 30px 90px rgba(0, 0, 0, 0.38);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  color: var(--text);
  background:
    radial-gradient(circle at 52% 0%, rgba(51, 95, 195, .16), transparent 31rem),
    linear-gradient(180deg, #050815 0%, #050916 54%, #060a16 100%);
  font-family: Inter, sans-serif;
  line-height: 1.6;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img, svg { display: block; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.section-pad { padding: 112px 0 90px; }
.content-section { position: relative; padding: 92px 0; }

.page-glow { position: fixed; width: 450px; height: 450px; border-radius: 50%; filter: blur(130px); opacity: .1; pointer-events: none; z-index: -1; }
.page-glow-one { background: var(--blue); top: 10%; left: -220px; }
.page-glow-two { background: var(--purple); top: 55%; right: -250px; }
.noise { position: fixed; inset: 0; pointer-events: none; z-index: 20; opacity: .025; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }

.site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 30; border-bottom: 1px solid transparent; transition: .3s ease; }
.site-header.scrolled { background: rgba(5, 8, 21, .78); backdrop-filter: blur(20px); border-color: var(--line); box-shadow: 0 16px 55px rgba(0,0,0,.2); }
.navbar { height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 12px; font-family: "Space Grotesk", sans-serif; font-size: 24px; font-weight: 700; letter-spacing: -.6px; }
.brand > span:last-child span { color: var(--cyan); }
.brand-mark { position: relative; width: 37px; height: 30px; flex: 0 0 auto; border-radius: 12px; background: linear-gradient(135deg, rgba(49, 215, 255, .34), rgba(124, 92, 255, .33)); border: 1px solid rgba(49, 215, 255, .7); box-shadow: inset 0 0 16px rgba(49, 215, 255, .2), 0 0 18px rgba(49, 215, 255, .2); }
.brand-mark::before { content:""; position:absolute; inset:5px 5px 6px; border-radius:8px; background:#071226; border:1px solid rgba(174,240,255,.55); }
.antenna { position:absolute; top:-7px; left:50%; width:1px; height:7px; background:var(--cyan); transform:translateX(-50%); }
.antenna::after { content:""; position:absolute; width:4px; height:4px; border-radius:50%; background:var(--cyan); top:-3px; left:-1.5px; box-shadow:0 0 8px var(--cyan); }
.bot-eye { position:absolute; z-index:2; width:4px; height:4px; border-radius:50%; top:13px; background:var(--cyan); box-shadow:0 0 6px var(--cyan); }
.bot-eye-left { left:12px; } .bot-eye-right { right:12px; }
.main-nav { display: flex; align-items: center; gap: 7px; margin-left: auto; }
.main-nav a { display:flex; align-items:center; gap:7px; padding:10px 12px; border-radius:12px; color:#c1c9da; font-size:14px; font-weight:600; transition:.25s ease; }
.main-nav a:hover, .main-nav a.active { color:white; background:rgba(255,255,255,.055); }
.main-nav svg, .btn svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.nav-cta { flex:0 0 auto; }
.menu-toggle { display:none; width:44px; height:44px; padding:10px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.04); }
.menu-toggle span { display:block; height:2px; background:white; margin:5px 0; transition:.25s; }

.btn { display:inline-flex; justify-content:center; align-items:center; gap:9px; min-height:52px; padding:0 21px; border:1px solid transparent; border-radius:13px; font-weight:700; font-size:14px; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.btn:hover { transform:translateY(-2px); }
.btn-small { min-height:42px; padding:0 17px; }
.btn-primary { color:#fff; background:linear-gradient(120deg, #2868ff, #7a52ff 58%, #b72dff); box-shadow:0 14px 36px rgba(102, 74, 255, .32), inset 0 1px rgba(255,255,255,.25); }
.btn-primary:hover { box-shadow:0 20px 45px rgba(102, 74, 255, .45); }
.btn-secondary { color:#f4f7ff; background:rgba(6, 14, 31, .75); border-color:rgba(75, 196, 255, .45); box-shadow:inset 0 0 24px rgba(49, 215, 255, .03); }
.btn-secondary:hover { border-color:var(--cyan); }

.hero { position:relative; min-height:780px; overflow:hidden; }
.hero::before { content:""; position:absolute; width:680px; height:680px; right:-100px; top:-180px; border-radius:50%; background:radial-gradient(circle, rgba(65,122,255,.18), transparent 65%); pointer-events:none; }
.hero-grid-bg { position:absolute; inset:0; opacity:.12; background-image:linear-gradient(rgba(84, 138, 255, .2) 1px, transparent 1px), linear-gradient(90deg, rgba(84, 138, 255, .2) 1px, transparent 1px); background-size:45px 45px; mask-image:linear-gradient(to bottom, black, transparent 86%); transform:perspective(700px) rotateX(55deg) translateY(230px) scale(1.5); transform-origin:center; }
.hero-grid { position:relative; display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; gap:45px; min-height:690px; }
.hero-copy { position:relative; z-index:5; padding-top:38px; }
.eyebrow, .section-kicker { display:flex; align-items:center; gap:9px; color:var(--cyan); font-size:12px; font-weight:800; letter-spacing:1.7px; }
.eyebrow span { width:28px; height:1px; background:linear-gradient(90deg, transparent, var(--cyan)); }
.hero h1 { margin:18px 0 20px; max-width:590px; font-family:"Space Grotesk",sans-serif; font-size:clamp(44px, 5.2vw, 68px); line-height:1.04; letter-spacing:-3px; }
.gradient-text { color:transparent; background:linear-gradient(100deg, #2ad9ff 0%, #6b9cff 38%, #b34bff 95%); -webkit-background-clip:text; background-clip:text; }
.hero-lead { max-width:600px; margin:0; color:#b3bdd0; font-size:17px; line-height:1.72; }
.hero-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:31px; }
.trust-row { display:flex; align-items:center; gap:14px; margin-top:30px; }
.avatar-stack { display:flex; padding-left:9px; }
.avatar-stack span { display:grid; place-items:center; width:34px; height:34px; margin-left:-9px; border:2px solid #081022; border-radius:50%; color:#fff; font-size:9px; font-weight:800; background:linear-gradient(135deg, #173d82, #7b4fba); }
.avatar-stack span:nth-child(2){background:linear-gradient(135deg,#7b3b63,#ca795f)}
.avatar-stack span:nth-child(3){background:linear-gradient(135deg,#175f68,#36ae92)}
.avatar-stack span:nth-child(4){background:linear-gradient(135deg,#6d5530,#d4a650)}
.trust-row small { display:block; margin-bottom:2px; color:#aab4c8; }
.rating { color:#d5dced; font-size:12px; }.rating > span{color:#ffbf35; letter-spacing:1px;}.rating strong{color:white; margin-left:7px;}

.hero-visual { position:relative; min-height:570px; }
.visual-orbit { position:absolute; border:1px dashed rgba(76,149,255,.22); border-radius:50%; }
.orbit-one { width:600px; height:390px; left:0; top:98px; transform:rotate(-5deg); }
.orbit-two { width:500px; height:310px; left:80px; top:136px; transform:rotate(12deg); }
.dashboard-shell { position:absolute; z-index:3; width:650px; max-width:100%; left:50%; top:52%; transform:translate(-48%,-45%) rotate(1.5deg); border:1px solid rgba(92,127,255,.55); border-radius:24px; background:linear-gradient(160deg, rgba(13, 27, 57, .97), rgba(5, 11, 27, .98)); box-shadow:0 0 0 5px rgba(86,75,255,.04), 0 35px 90px rgba(0,0,0,.48), 0 0 75px rgba(68,87,255,.19); overflow:hidden; }
.dashboard-topbar { height:42px; display:flex; justify-content:space-between; align-items:center; padding:0 16px; border-bottom:1px solid rgba(109,145,255,.14); background:rgba(255,255,255,.025); }
.dash-brand { display:flex; align-items:center; gap:8px; color:#8ddfff; font-size:10px; font-weight:800; letter-spacing:.9px; text-transform:uppercase; }
.pulse-dot { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 9px var(--green); }
.window-dots { display:flex; gap:5px; }.window-dots i{width:6px;height:6px;border-radius:50%;background:rgba(190,209,255,.35)}
.dashboard-body { display:grid; grid-template-columns:112px 1fr; min-height:355px; }
.dash-sidebar { padding:18px 11px; border-right:1px solid rgba(109,145,255,.13); display:flex; flex-direction:column; gap:7px; }
.dash-sidebar span { padding:8px 9px; border-radius:7px; color:#71819f; font-size:9px; }.dash-sidebar .selected{color:white;background:linear-gradient(90deg,rgba(41,100,255,.28),rgba(103,63,255,.12));border:1px solid rgba(67,126,255,.25)}
.dash-main { padding:15px; }
.metrics-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.metrics-grid article { padding:11px; min-width:0; border:1px solid rgba(121,153,255,.12); border-radius:10px; background:rgba(255,255,255,.025); }
.metrics-grid small { display:block; color:#8998b4; font-size:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.metrics-grid strong{display:block;font-size:18px;line-height:1.3}.metrics-grid span{color:var(--green);font-size:8px;font-weight:700}
.chart-row { display:grid; grid-template-columns:1.6fr .8fr; gap:9px; margin-top:9px; }
.line-chart-card,.donut-card { min-width:0; border:1px solid rgba(121,153,255,.12); border-radius:11px; background:rgba(255,255,255,.022); padding:11px; }
.chart-heading { display:flex; justify-content:space-between; gap:10px; align-items:center; }.chart-heading strong{font-size:9px}.chart-heading small{color:#64728e;font-size:7px}
.chart-wrap{position:relative;height:153px;margin-top:8px}.chart-wrap svg{position:absolute;inset:0;width:100%;height:100%}.chart-lines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(149,175,255,.09) 0,rgba(149,175,255,.09) 1px,transparent 1px,transparent 37px)}
.chart-labels{display:flex;justify-content:space-between;color:#586784;font-size:7px;margin-top:4px}
.donut-card { display:flex; flex-direction:column; }.donut{width:91px;height:91px;margin:22px auto 16px;border-radius:50%;background:conic-gradient(var(--cyan) 0 35%,var(--violet) 35% 60%,var(--green) 60% 82%,var(--amber) 82% 100%);position:relative;box-shadow:0 0 24px rgba(49,215,255,.12)}.donut::after{content:"";position:absolute;inset:20px;border-radius:50%;background:#0b1429;border:1px solid rgba(255,255,255,.08)}
.donut-card ul{list-style:none;padding:0;margin:auto 0 0}.donut-card li{display:flex;align-items:center;gap:5px;color:#7e8da9;font-size:7px;margin-top:5px}.donut-card li span{margin-left:auto;color:#bbc5d9}.donut-card i{width:5px;height:5px;border-radius:50%}.cyan-dot{background:var(--cyan)}.violet-dot{background:var(--violet)}.green-dot{background:var(--green)}.amber-dot{background:var(--amber)}
.floating-bot { position:absolute; z-index:5; display:flex; align-items:center; gap:9px; min-width:151px; padding:9px 11px; border:1px solid rgba(91,142,255,.48); border-radius:12px; background:rgba(7,15,34,.88); backdrop-filter:blur(12px); box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 24px rgba(52,132,255,.12); animation:float 4.7s ease-in-out infinite; }
.floating-bot strong,.floating-bot span{display:block}.floating-bot strong{font-size:10px}.floating-bot span{color:#8d9bb5;font-size:7px}.mini-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;font-size:13px;font-weight:800;color:white}.pink{background:linear-gradient(145deg,#ff72c5,#8e3dff)}.amber{background:linear-gradient(145deg,#ffcf4b,#f17128)}.green{background:linear-gradient(145deg,#57e6a2,#1685a2)}.cyan{background:linear-gradient(145deg,#3be7ff,#3974ff)}.violet{background:linear-gradient(145deg,#9b70ff,#5a3fd0)}
.bot-soshie{left:2%;top:28px}.bot-emmie{left:40%;top:3px;animation-delay:-1.7s}.bot-milli{right:-1%;top:34px;animation-delay:-2.3s}.bot-dexter{right:-2%;top:210px;animation-delay:-.7s}.bot-commet{right:2%;bottom:5px;animation-delay:-3.2s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

.section-heading { max-width:760px; margin:0 auto 38px; text-align:center; }.section-heading.left{margin-left:0;text-align:left}.section-heading.compact{margin-bottom:32px}.section-heading .section-kicker{justify-content:center}.section-heading.left .section-kicker{justify-content:flex-start}.section-heading h2{margin:12px 0 12px;font-family:"Space Grotesk",sans-serif;font-size:clamp(31px,4vw,46px);line-height:1.13;letter-spacing:-1.6px}.section-heading p{margin:0;color:var(--muted);font-size:16px}
.glass-card,.bot-card,.benefit-card,.blog-card { border:1px solid var(--line); background:linear-gradient(155deg,rgba(15,28,59,.68),rgba(7,13,29,.82)); box-shadow:inset 0 1px rgba(255,255,255,.025); }
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.process-card{position:relative;padding:25px 21px;border-radius:18px;overflow:hidden;transition:.3s ease}.process-card:hover{transform:translateY(-6px);border-color:rgba(70,180,255,.42);box-shadow:0 22px 65px rgba(0,0,0,.22)}.card-number{position:absolute;right:16px;top:12px;color:rgba(132,159,218,.17);font:700 34px/1 "Space Grotesk"}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;margin-bottom:18px;border:1px solid rgba(255,255,255,.12)}.feature-icon svg{width:24px;height:24px;fill:none;stroke:white;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.feature-icon.blue{background:linear-gradient(145deg,rgba(48,107,255,.28),rgba(32,56,156,.12));box-shadow:inset 0 0 20px rgba(63,113,255,.18)}.feature-icon.cyan{background:linear-gradient(145deg,rgba(35,207,255,.26),rgba(18,94,150,.12))}.feature-icon.violet{background:linear-gradient(145deg,rgba(135,86,255,.28),rgba(88,37,143,.12))}.feature-icon.purple{background:linear-gradient(145deg,rgba(199,66,255,.26),rgba(107,36,147,.12))}.feature-icon.green{background:linear-gradient(145deg,rgba(60,225,151,.25),rgba(18,116,92,.12))}
.process-card h3,.benefit-card h3{margin:0 0 9px;font-size:16px}.process-card p,.benefit-card p{margin:0;color:#8f9db6;font-size:13px;line-height:1.65}

.employee-section{background:linear-gradient(180deg,transparent,rgba(9,18,39,.36),transparent)}.bot-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.bot-card{position:relative;min-width:0;padding:22px 15px 19px;border-radius:18px;text-align:center;overflow:hidden;transition:.3s ease}.bot-card::before{content:"";position:absolute;left:20%;right:20%;top:-35px;height:80px;border-radius:50%;filter:blur(30px);opacity:.22}.pink-card::before{background:var(--pink)}.amber-card::before{background:var(--amber)}.green-card::before{background:var(--green)}.cyan-card::before{background:var(--cyan)}.violet-card::before{background:var(--violet)}.bot-card:hover{transform:translateY(-7px);border-color:rgba(120,152,255,.45);box-shadow:0 24px 55px rgba(0,0,0,.28)}
.bot-avatar{position:relative;width:76px;height:76px;border-radius:25px;margin:0 auto 15px;display:grid;place-items:center;box-shadow:inset 0 0 22px rgba(255,255,255,.22),0 12px 30px rgba(0,0,0,.25)}.bot-avatar b{position:relative;z-index:2;font-size:21px}.bot-head{position:absolute;width:45px;height:32px;border-radius:13px;border:1px solid rgba(255,255,255,.65);background:rgba(5,12,29,.72);top:20px}.bot-head::before{content:"";position:absolute;width:1px;height:8px;background:white;left:50%;top:-9px}.bot-head::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:white;left:calc(50% - 2px);top:-12px}.bot-head i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--cyan);top:13px;box-shadow:0 0 7px var(--cyan)}.bot-head i:first-child{left:11px}.bot-head i:last-child{right:11px}.bot-avatar b{opacity:0}.bot-card h3{margin:0;font-size:19px}.role-pill{display:inline-block;margin-top:6px;padding:4px 8px;border-radius:999px;color:#d9e6ff;background:rgba(94,109,255,.14);border:1px solid rgba(109,129,255,.18);font-size:9px;font-weight:800}.bot-card p{min-height:102px;margin:12px 0;color:#8e9bb4;font-size:11px;line-height:1.65}.bot-card a{font-size:11px;font-weight:700;color:#bcdfff}.bot-card a span{color:var(--cyan)}.more-card{display:flex;flex-direction:column;align-items:center;justify-content:center;border-style:dashed;background:linear-gradient(155deg,rgba(24,38,77,.56),rgba(9,14,31,.72))}.more-card strong{font:700 34px/1 "Space Grotesk";color:#99b8ff}.more-card h3{margin:7px 0 0}.more-card p{min-height:auto}.more-icon{height:35px;display:flex;align-items:flex-end}.more-icon span{width:19px;height:19px;border-radius:50%;border:2px solid #9ab7ff;margin:0 -3px;background:#132352}.more-icon span:nth-child(2){width:25px;height:25px;background:#263f83;z-index:2}

.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.benefit-card{padding:22px 17px;border-radius:17px;transition:.3s}.benefit-card:hover{transform:translateY(-5px);border-color:rgba(72,177,255,.4)}.benefit-card .feature-icon{margin-bottom:15px}.benefit-card h3{font-size:14px}
.savings-section{padding-top:44px}.savings-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:16px}.savings-card,.promise-card{position:relative;min-height:310px;border-radius:24px;overflow:hidden;border:1px solid rgba(103,109,255,.44);background:linear-gradient(135deg,#111531,#0a1530 57%,#11102c);box-shadow:var(--shadow)}.savings-card{display:grid;grid-template-columns:.43fr .57fr;align-items:center;padding:30px}.savings-card::before,.promise-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,164,40,.12),transparent 35%),radial-gradient(circle at 90% 5%,rgba(107,76,255,.2),transparent 38%)}.coin-visual{position:relative;height:230px}.coin{position:absolute;display:grid;place-items:center;border-radius:50%;font:800 56px/1 "Space Grotesk";color:#fff5c7;background:radial-gradient(circle at 35% 30%,#ffe779,#f9a11d 55%,#9c4b00);border:7px solid #ffca3d;box-shadow:inset 0 0 0 4px rgba(129,59,0,.36),0 0 38px rgba(255,171,32,.38)}.coin-back{width:125px;height:125px;left:20px;top:37px;transform:rotate(-11deg);opacity:.75}.coin-front{width:152px;height:152px;left:72px;top:10px;z-index:2}.coin-stack{position:absolute;left:18px;bottom:5px;z-index:3}.coin-stack i{display:block;width:140px;height:21px;margin-top:-7px;border-radius:50%;background:linear-gradient(#ffdc65,#d57b05);border:2px solid #ffbe29;box-shadow:0 5px 12px rgba(0,0,0,.25)}.savings-copy,.promise-card>div{position:relative;z-index:2}.section-kicker.gold{color:#ffd36d}.savings-copy h2{margin:8px 0 0;font:700 clamp(38px,5vw,59px)/1 "Space Grotesk";color:#ffd75c;text-shadow:0 0 20px rgba(255,179,32,.25)}.savings-copy h3{margin:8px 0 12px;font-size:20px}.savings-copy p,.promise-card p{margin:0;color:#9aa7bf;font-size:13px}.promise-card{display:flex;align-items:center;gap:25px;padding:34px}.promise-icon{position:relative;z-index:2;width:142px;flex:0 0 142px}.promise-icon svg{fill:rgba(30,105,255,.13);stroke:#65b7ff;stroke-width:4;filter:drop-shadow(0 0 12px rgba(55,142,255,.35))}.promise-card h2{margin:9px 0 12px;font-family:"Space Grotesk";font-size:32px;line-height:1.15}

.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.blog-card{border-radius:19px;overflow:hidden;transition:.3s}.blog-card:hover{transform:translateY(-6px);border-color:rgba(72,177,255,.38);box-shadow:0 25px 70px rgba(0,0,0,.26)}.blog-art{position:relative;height:175px;overflow:hidden;background:linear-gradient(135deg,#0e1d3c,#11102f)}.blog-art::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(7,12,28,.7),transparent)}.illustration-robot{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:grid;place-items:center;width:88px;height:70px;border-radius:24px;background:linear-gradient(145deg,#223f83,#4335a0);border:2px solid #59c8ff;box-shadow:0 0 45px rgba(49,215,255,.28);font:700 24px "Space Grotesk"}.illustration-robot::before{content:"";position:absolute;width:1px;height:25px;background:#5dd8ff;top:-24px}.illustration-robot::after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#5dd8ff;top:-30px;box-shadow:0 0 12px #5dd8ff}.desk-line{position:absolute;left:14%;right:14%;bottom:28px;height:4px;border-radius:50%;background:#345ea7;box-shadow:0 8px 30px rgba(61,125,255,.4)}.blog-art-two .bar{position:absolute;bottom:26px;width:27px;border-radius:7px 7px 0 0;background:linear-gradient(#41d5ff,#3252ce);box-shadow:0 0 20px rgba(49,215,255,.18)}.b1{height:35px;left:46px}.b2{height:63px;left:84px}.b3{height:92px;left:122px}.b4{height:128px;left:160px}.blog-art-two svg{position:absolute;right:30px;top:26px;width:170px;height:110px;fill:none;stroke:#65d5ff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #55bfff)}.team-person{position:absolute;bottom:29px;width:72px;height:96px;border-radius:37px 37px 18px 18px;background:linear-gradient(#2c5eaa,#101a38);border:1px solid rgba(96,202,255,.45)}.team-person::before{content:"";position:absolute;left:17px;top:-38px;width:38px;height:38px;border-radius:50%;background:#254c85;border:1px solid #5cbafa}.p1{left:72px;transform:scale(.82)}.p2{left:145px;z-index:2}.p3{right:70px;transform:scale(.82)}.training-ring{position:absolute;left:50%;top:48%;width:180px;height:180px;border:1px dashed rgba(89,199,255,.35);border-radius:50%;transform:translate(-50%,-50%)}.blog-copy{padding:22px}.blog-copy>span{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.blog-copy h3{margin:8px 0 9px;font-size:18px;line-height:1.38}.blog-copy p{margin:0 0 14px;color:#8d9ab2;font-size:13px}.blog-copy a{color:#bcdfff;font-size:12px;font-weight:700}

.contact-section{padding:38px 0 98px}.contact-card{display:grid;grid-template-columns:.75fr 1.25fr;gap:35px;padding:40px;border:1px solid rgba(99,106,255,.46);border-radius:26px;background:linear-gradient(140deg,rgba(16,24,59,.92),rgba(10,17,38,.95));box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.04)}.contact-copy h2{margin:11px 0 12px;font:700 43px/1.1 "Space Grotesk"}.contact-copy p{color:#99a6bd}.lead-form{padding:24px;border:1px solid var(--line);border-radius:19px;background:rgba(4,10,25,.48)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.lead-form label>span{display:block;margin:0 0 7px;color:#c6d0e3;font-size:11px;font-weight:700}.lead-form input,.lead-form select,.lead-form textarea{width:100%;outline:none;color:#f4f7ff;background:#090f21;border:1px solid rgba(121,147,218,.22);border-radius:11px;padding:12px 13px;transition:.2s}.lead-form textarea{resize:vertical;margin-bottom:14px}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(49,215,255,.08)}.lead-form select{color:#8f9ab0}.form-button{width:100%}.form-note{margin:10px 0 0;color:#66738d;font-size:10px;text-align:center}

.site-footer{border-top:1px solid var(--line);padding:48px 0 20px;background:rgba(3,6,15,.52)}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr .75fr .7fr 1.15fr;gap:34px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-grid h4{margin:0 0 8px;color:#7edfff;font-size:11px;letter-spacing:1px;text-transform:uppercase}.footer-grid a,.footer-grid span,.footer-grid p{color:#8390a8;font-size:12px}.footer-grid a:hover{color:white}.footer-brand p{margin:14px 0 0;color:#8390a8;font-size:13px}.socials{display:flex;gap:8px}.socials a{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;color:white;background:linear-gradient(145deg,#1b4da0,#6535a2);font-weight:800}.newsletter{display:flex;width:100%;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#080f21}.newsletter input{min-width:0;flex:1;border:0;outline:0;color:white;background:transparent;padding:10px;font-size:11px}.newsletter button{width:38px;border:0;color:white;background:linear-gradient(135deg,var(--blue),var(--violet))}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:34px;padding-top:18px;border-top:1px solid rgba(111,139,202,.12);color:#5f6b81;font-size:11px}.footer-bottom div{display:flex;gap:20px}.footer-bottom a{color:#667187}.whatsapp-button{position:fixed;right:22px;bottom:22px;z-index:25;display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#24d366;box-shadow:0 15px 35px rgba(36,211,102,.28);transition:.25s}.whatsapp-button:hover{transform:translateY(-4px) scale(1.03)}.whatsapp-button svg{width:29px;height:29px;fill:none;stroke:white;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}

@media (max-width:1100px){
  .hero-grid{grid-template-columns:1fr;gap:15px;padding-top:35px}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center}.hero h1,.hero-lead{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{min-height:610px}.dashboard-shell{width:690px}.bot-grid{grid-template-columns:repeat(3,1fr)}.bot-card p{min-height:70px}.benefit-grid{grid-template-columns:repeat(3,1fr)}.savings-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.3fr 1fr 1fr;}.footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){margin-top:8px}
}
@media (max-width:900px){
  .main-nav{position:fixed;inset:76px 20px auto;display:flex;flex-direction:column;align-items:stretch;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(6,11,26,.97);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.25s}.main-nav.open{opacity:1;visibility:visible;transform:none}.main-nav a{justify-content:flex-start;padding:13px}.menu-toggle{display:block;margin-left:auto}.nav-cta{display:none}.process-grid{grid-template-columns:repeat(2,1fr)}.contact-card{grid-template-columns:1fr}.contact-copy{text-align:center}.contact-copy .section-kicker{justify-content:center}.footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:700px){
  .container{width:min(100% - 26px,1180px)}.section-pad{padding-top:95px}.content-section{padding:72px 0}.hero{min-height:auto}.hero h1{font-size:43px;letter-spacing:-2px}.hero-lead{font-size:15px}.hero-actions .btn{width:100%}.trust-row{align-items:flex-start;text-align:left}.hero-visual{min-height:500px;margin-top:10px}.dashboard-shell{width:600px;left:50%;transform:translate(-50%,-48%) scale(.72)}.floating-bot{transform:scale(.8);animation:none}.bot-soshie{left:-3%;top:20px}.bot-emmie{left:45%;top:0}.bot-milli{right:-8%;top:56px}.bot-dexter{right:-9%;top:250px}.bot-commet{right:0;bottom:0}.section-heading h2{font-size:34px}.section-heading p{font-size:14px}.bot-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}.savings-card{grid-template-columns:1fr;text-align:center}.coin-visual{height:190px}.coin-back{left:calc(50% - 115px)}.coin-front{left:calc(50% - 55px)}.coin-stack{left:calc(50% - 120px)}.promise-card{flex-direction:column;text-align:center}.promise-icon{width:110px}.promise-card .section-kicker{justify-content:center}.blog-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.contact-card{padding:25px}.contact-copy h2{font-size:35px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-bottom div{gap:12px}
}
@media (max-width:500px){
  .navbar{height:68px}.brand{font-size:21px}.main-nav{inset:68px 13px auto}.hero h1{font-size:37px}.hero-visual{min-height:440px}.dashboard-shell{transform:translate(-50%,-48%) scale(.58)}.floating-bot{display:none}.process-grid,.bot-grid,.benefit-grid{grid-template-columns:1fr}.bot-card p{min-height:auto}.savings-card{padding:25px 18px}.coin-visual{transform:scale(.82);margin:-15px}.savings-copy h2{font-size:40px}.promise-card{padding:28px 21px}.promise-card h2{font-size:28px}.footer-grid{grid-template-columns:1fr}.contact-card{padding:20px}.lead-form{padding:17px}.whatsapp-button{width:49px;height:49px;right:15px;bottom:15px}
}