:root {
    --wp-ink: #0d1321;
    --wp-muted: #586174;
    --wp-blue: #3858f6;
    --wp-violet: #7c3aed;
    --wp-cyan: #0ea5e9;
    --wp-mint: #10b981;
    --wp-line: rgba(40, 54, 92, .13);
    --wp-soft: #f5f7ff;
}

.wp-page { overflow-x: hidden; color: var(--wp-ink); }
.wp-builder-steps { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:1.6rem; color:#6671ac; font-size:.7rem; font-weight:700; }
.wp-builder-steps span { padding:8px 10px; border:1px solid #dce1f5; border-radius:9px; background:rgba(255,255,255,.85); color:#4f46a4; }
.wp-builder-steps i { font-size:.65rem; }
.wp-page main { background: #fff; }
.wp-page .section-title { max-width: 850px; margin-left: auto; margin-right: auto; }
.wp-page .section-desc { max-width: 770px; }

.wp-hero { position: relative; min-height: 780px; padding: 10.5rem 0 7rem; overflow: hidden; background: linear-gradient(145deg, #f7f8ff 0%, #fff 47%, #f4fbff 100%); }
.wp-hero-grid { position: absolute; inset: 0; opacity: .42; background-image: linear-gradient(rgba(56,88,246,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(56,88,246,.06) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to bottom, black 0%, transparent 92%); }
.wp-orb { position: absolute; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.wp-orb-one { width: 520px; height: 520px; top: -220px; right: -80px; background: radial-gradient(circle, rgba(124,58,237,.22), transparent 68%); animation: wpFloat 9s ease-in-out infinite; }
.wp-orb-two { width: 420px; height: 420px; left: -230px; bottom: -120px; background: radial-gradient(circle, rgba(14,165,233,.18), transparent 68%); animation: wpFloat 12s ease-in-out infinite reverse; }
.wp-hero-layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(440px, .96fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.wp-eyebrow { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 1.4rem; padding: 8px 14px; border: 1px solid rgba(56,88,246,.17); border-radius: 999px; background: rgba(255,255,255,.82); color: #3147ba; font-size: .8rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; box-shadow: 0 9px 30px rgba(56,88,246,.08); }
.wp-eyebrow i { font-size: 1rem; }
.wp-hero h1 { max-width: 760px; margin: 0; font-size: clamp(3.4rem, 6.5vw, 6.4rem); line-height: .98; letter-spacing: -.065em; font-weight: 800; color: var(--wp-ink); }
.wp-hero h1 span { display: block; color: transparent; background: linear-gradient(105deg, var(--wp-blue), var(--wp-violet) 62%, #db2777); -webkit-background-clip: text; background-clip: text; }
.wp-hero-lead { max-width: 700px; margin: 1.8rem 0 0; color: var(--wp-muted); font-size: clamp(1.05rem, 1.45vw, 1.22rem); line-height: 1.75; }
.wp-hero-actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; }
.wp-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 0 1.6rem; border-radius: 14px; font-size: .96rem; font-weight: 750; text-decoration: none; transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }
.wp-btn:hover { transform: translateY(-2px); }
.wp-btn-primary { color: #fff; background: linear-gradient(135deg, var(--wp-blue), var(--wp-violet)); box-shadow: 0 16px 34px rgba(56,88,246,.26); }
.wp-btn-primary:hover { color: #fff; box-shadow: 0 20px 40px rgba(56,88,246,.34); }
.wp-btn-secondary { color: var(--wp-ink); background: #fff; border: 1px solid var(--wp-line); box-shadow: 0 12px 30px rgba(26,35,74,.07); }
.wp-btn-secondary:hover { color: var(--wp-blue); }
.wp-hero-checks { display: flex; flex-wrap: wrap; gap: .75rem 1.2rem; padding: 0; margin: 1.6rem 0 0; list-style: none; color: #334155; font-size: .88rem; font-weight: 650; }
.wp-hero-checks li { display: flex; align-items: center; gap: 7px; }
.wp-hero-checks i { color: var(--wp-mint); }

.wp-care-console { position: relative; border: 1px solid rgba(74,84,125,.16); border-radius: 28px; background: rgba(255,255,255,.86); box-shadow: 0 42px 100px rgba(39,44,96,.18); backdrop-filter: blur(18px); transform: perspective(1200px) rotateY(-3deg) rotateX(1deg); }
.wp-console-bar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: 54px; padding: 0 18px; border-bottom: 1px solid var(--wp-line); }
.wp-console-bar > span { display: flex; gap: 6px; }
.wp-console-bar > span i { width: 8px; height: 8px; border-radius: 50%; background: #c9cede; }
.wp-console-bar > span i:first-child { background: #fb7185; } .wp-console-bar > span i:nth-child(2) { background: #fbbf24; } .wp-console-bar > span i:last-child { background: #34d399; }
.wp-console-bar em { color: #6b7280; font-size: .72rem; font-style: normal; font-weight: 650; }
.wp-console-bar b { justify-self: end; padding: 5px 9px; border-radius: 999px; color: #087e5b; background: #dcfce7; font-size: .62rem; letter-spacing: .05em; text-transform: uppercase; }
.wp-console-body { padding: 1.25rem; }
.wp-site-card { display: flex; align-items: center; gap: .9rem; padding: 1rem; border: 1px solid var(--wp-line); border-radius: 16px; background: #fff; }
.wp-site-logo { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; color: #fff; background: linear-gradient(135deg, #2563eb, #7c3aed); font-size: 1.35rem; }
.wp-site-card div:nth-child(2) { display: flex; flex: 1; flex-direction: column; }
.wp-site-card strong { font-size: .85rem; }.wp-site-card span { color: #7b8496; font-size: .7rem; }
.wp-ok { color: var(--wp-mint); }
.wp-care-ring { position: relative; width: 340px; height: 340px; margin: .8rem auto; }
.wp-care-orbit { position: absolute; inset: 54px; border: 1px dashed rgba(56,88,246,.28); border-radius: 50%; animation: wpSpin 24s linear infinite; }
.wp-care-core { position: absolute; z-index: 2; inset: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 126px; height: 126px; border-radius: 38px; color: #fff; background: radial-gradient(circle at 35% 25%, #7186ff, #4f46e5 52%, #6d28d9); box-shadow: 0 24px 46px rgba(79,70,229,.32); transform: translate(-50%,-50%); }
.wp-care-core i { font-size: 1.6rem; }.wp-care-core span { margin-top: 6px; font-size: .72rem; font-weight: 750; line-height: 1.25; text-align: center; }
.wp-care-node { position: absolute; z-index: 3; display: flex; align-items: center; gap: 7px; padding: 9px 11px; border: 1px solid var(--wp-line); border-radius: 12px; background: #fff; box-shadow: 0 10px 24px rgba(42,49,90,.11); font-size: .68rem; font-weight: 750; animation: wpNode 4s ease-in-out infinite; }
.wp-care-node i { font-size: .9rem; color: var(--wp-blue); }.wp-node-speed { top: 22px; left: 124px; }.wp-node-safe { top: 142px; right: -2px; animation-delay: -.8s; }.wp-node-backup { bottom: 15px; left: 116px; animation-delay: -1.6s; }.wp-node-help { top: 142px; left: -5px; animation-delay: -2.4s; }
.wp-console-feed { display: grid; grid-template-columns: repeat(3,1fr); gap: .55rem; }
.wp-console-feed span { display: flex; align-items: center; gap: 6px; padding: .65rem; border-radius: 10px; color: #5d6679; background: #f6f7fc; font-size: .58rem; font-weight: 650; }.wp-console-feed i { color: var(--wp-mint); }

.wp-proof-strip { position: relative; z-index: 3; margin-top: -1px; background: #10172a; }
.wp-proof-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.wp-proof-grid div { display: flex; align-items: baseline; justify-content: center; gap: .7rem; padding: 1.35rem 1rem; border-right: 1px solid rgba(255,255,255,.1); color: #fff; }.wp-proof-grid div:last-child { border: 0; }
.wp-proof-grid strong { font-size: 1.15rem; }.wp-proof-grid span { color: rgba(255,255,255,.58); font-size: .72rem; font-weight: 600; }

.wp-pricing { padding-top: 7.5rem; }
.wp-pricing .mch-plan-picker { max-width: 1050px; margin: 3rem auto 0; }
.wp-plan-card .mch-plan-main { background: radial-gradient(circle at 100% 0, rgba(14,165,233,.52), transparent 46%), radial-gradient(circle at 0 100%, rgba(236,72,153,.28), transparent 42%), linear-gradient(140deg, #263bd3, #6d28d9); }
.wp-custom-price { font-size: clamp(2.7rem,5vw,4rem) !important; }
.wp-every-plan { max-width: 1050px; margin: 1.5rem auto 0; padding: 1.4rem 1.6rem; border: 1px solid var(--wp-line); border-radius: 18px; background: #fff; box-shadow: 0 14px 36px rgba(32,43,93,.06); }
.wp-every-plan p { margin: 0 0 .9rem; font-size: .88rem; }.wp-every-plan ul { display: grid; grid-template-columns: repeat(4,1fr); gap: .7rem 1.2rem; margin: 0; padding: 0; list-style: none; }.wp-every-plan li { display: flex; gap: 7px; color: #495268; font-size: .76rem; font-weight: 650; }.wp-every-plan i { color: var(--wp-mint); }

.wp-managed-section, .wp-performance-section, .wp-security-section, .wp-workflow-section, .wp-included-section, .wp-testimonials-section { padding: 7.5rem 0; }
.wp-managed-section { background: #0f172a; color: #fff; }
.wp-section-intro { max-width: 780px; margin-bottom: 3rem; }.wp-section-intro.text-center { margin-left: auto; margin-right: auto; }
.wp-section-intro h2, .wp-split-copy h2 { margin: .8rem 0 1.2rem; color: inherit; font-size: clamp(2.35rem,4.6vw,4.4rem); line-height: 1.04; letter-spacing: -.05em; font-weight: 800; }
.wp-section-intro p, .wp-split-copy > p { color: var(--wp-muted); font-size: 1.02rem; line-height: 1.75; }
.wp-managed-section .section-label { color: #9eb0ff; }.wp-managed-section .wp-section-intro p { color: rgba(255,255,255,.62); }
.wp-day-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; }
.wp-day-card { position: relative; min-height: 310px; padding: 1.7rem; border: 1px solid rgba(255,255,255,.11); border-radius: 22px; background: linear-gradient(160deg, rgba(255,255,255,.085), rgba(255,255,255,.025)); overflow: hidden; }
.wp-day-card:after { content:""; position:absolute; width:120px; height:120px; right:-55px; bottom:-55px; border-radius:50%; background:var(--day-color,rgba(56,88,246,.25)); filter:blur(3px); transition:transform .4s ease; }.wp-day-card:hover:after { transform:scale(1.5); }
.wp-day-card:nth-child(2) { --day-color:rgba(16,185,129,.26); }.wp-day-card:nth-child(3) { --day-color:rgba(14,165,233,.28); }.wp-day-card:nth-child(4) { --day-color:rgba(236,72,153,.24); }
.wp-day-time { display: inline-flex; padding: 5px 9px; border-radius: 999px; background: rgba(255,255,255,.09); color: rgba(255,255,255,.68); font-size: .64rem; font-weight: 750; text-transform: uppercase; letter-spacing: .06em; }
.wp-day-card > i { display: block; margin: 2.3rem 0 1.2rem; color: #a9b8ff; font-size: 2rem; }.wp-day-card h3 { color:#fff; font-size:1.14rem; font-weight:750; }.wp-day-card p { position:relative; z-index:1; margin:0; color:rgba(255,255,255,.56); font-size:.84rem; line-height:1.65; }

.wp-performance-section { background: #fff; }
.wp-split { display:grid; grid-template-columns:1fr 1fr; gap:clamp(3rem,7vw,7rem); align-items:center; }.wp-split-copy { max-width:650px; }.wp-detail-list { display:grid; gap:1.25rem; margin-top:2rem; }.wp-detail-list > div { display:flex; gap:1rem; }.wp-detail-list > div > i { display:grid; place-items:center; flex:0 0 42px; height:42px; border-radius:12px; color:var(--wp-blue); background:#eef1ff; }.wp-detail-list span { color:var(--wp-muted); font-size:.84rem; line-height:1.55; }.wp-detail-list strong { display:block; margin-bottom:.25rem; color:var(--wp-ink); font-size:.92rem; }
.wp-performance-demo { position:relative; min-height:520px; border-radius:32px; background:radial-gradient(circle at 15% 20%,rgba(14,165,233,.18),transparent 34%),radial-gradient(circle at 90% 80%,rgba(124,58,237,.2),transparent 37%),#f0f3ff; overflow:hidden; }
.wp-browser { position:absolute; width:73%; top:72px; left:9%; border-radius:18px; border:1px solid rgba(38,52,101,.14); background:#fff; box-shadow:0 28px 60px rgba(38,52,101,.18); overflow:hidden; animation:wpFloat 7s ease-in-out infinite; }.wp-browser-top { display:flex; align-items:center; gap:1rem; height:40px; padding:0 12px; border-bottom:1px solid var(--wp-line); }.wp-browser-top span { display:flex; gap:4px; }.wp-browser-top i { display:block; width:6px; height:6px; border-radius:50%; background:#cbd1df; }.wp-browser-top em { color:#8a91a0; font-size:.56rem; font-style:normal; }.wp-browser-page { padding:1.4rem; }.wp-page-nav { width:100%; height:10px; border-radius:4px; background:#eff1f7; }.wp-page-title { width:67%; height:25px; margin-top:1.5rem; border-radius:6px; background:linear-gradient(90deg,#334155,#6d28d9); }.wp-page-copy { width:87%; height:8px; margin-top:.8rem; border-radius:4px; background:#dce1ec; }.wp-page-copy.short { width:62%; margin-top:.45rem; }.wp-page-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:.55rem; margin-top:1.5rem; }.wp-page-cards i { height:80px; border-radius:8px; background:linear-gradient(145deg,#e4e9ff,#f8f9ff); }
.wp-speed-report { position:absolute; z-index:3; right:6%; bottom:50px; width:210px; padding:1rem; border-radius:18px; color:#fff; background:#111827; box-shadow:0 24px 50px rgba(17,24,39,.28); }.wp-grade { display:flex; align-items:center; gap:.8rem; padding-bottom:.8rem; border-bottom:1px solid rgba(255,255,255,.1); }.wp-grade strong { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; color:#fff; background:#10b981; font-size:1.5rem; }.wp-grade span { color:rgba(255,255,255,.63); font-size:.68rem; }.wp-vital { display:flex; justify-content:space-between; padding-top:.75rem; color:rgba(255,255,255,.6); font-size:.65rem; }.wp-vital b { color:#8ff3d1; }.wp-packet { position:absolute; width:8px; height:8px; border-radius:50%; background:var(--wp-cyan); box-shadow:0 0 0 6px rgba(14,165,233,.11); animation:wpPacket 4s linear infinite; }.wp-packet-one { top:42px; left:12%; }.wp-packet-two { top:36%; right:7%; animation-delay:-1.2s; }.wp-packet-three { bottom:20%; left:5%; animation-delay:-2.6s; }

.wp-security-section { color:#fff; background:#0c1222; }.wp-security-section .wp-split-copy > p { color:rgba(255,255,255,.6); }.wp-security-section .section-label { color:#7dd3fc; }.wp-security-list { display:grid; gap:.8rem; margin:1.7rem 0 0; padding:0; list-style:none; }.wp-security-list li { display:flex; gap:9px; color:rgba(255,255,255,.8); font-size:.88rem; }.wp-security-list i { color:#34d399; }
.wp-shield-stage { position:relative; min-height:520px; border:1px solid rgba(255,255,255,.08); border-radius:32px; background:radial-gradient(circle at 55% 50%,rgba(56,88,246,.2),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015)); overflow:hidden; }.wp-protected-site { position:absolute; z-index:2; right:7%; top:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; width:150px; height:150px; border-radius:28px; color:#fff; background:linear-gradient(145deg,#27344f,#151d31); box-shadow:0 20px 48px rgba(0,0,0,.35); transform:translateY(-50%); }.wp-protected-site i { font-size:2.3rem; }.wp-protected-site strong { margin-top:.5rem; font-size:.8rem; }.wp-protected-site span { color:#6ee7b7; font-size:.62rem; }.wp-shield { position:absolute; z-index:4; left:52%; top:50%; display:grid; place-items:center; width:115px; height:115px; color:#fff; border-radius:34px; background:linear-gradient(145deg,#38bdf8,#3858f6 52%,#6d28d9); box-shadow:0 0 0 12px rgba(56,88,246,.08),0 24px 50px rgba(56,88,246,.32); transform:translate(-50%,-50%); animation:wpShield 3s ease-in-out infinite; }.wp-shield i { font-size:3.3rem; }
.wp-attack { position:absolute; left:-120px; z-index:2; padding:8px 11px; border:1px solid rgba(251,113,133,.25); border-radius:9px; color:#fecdd3; background:rgba(127,29,29,.5); font-size:.62rem; font-weight:750; animation:wpAttack 5s linear infinite; }.wp-attack-one { top:20%; }.wp-attack-two { top:38%; animation-delay:-1.15s; }.wp-attack-three { top:59%; animation-delay:-2.5s; }.wp-attack-four { top:76%; animation-delay:-3.65s; }.wp-dust { position:absolute; z-index:5; left:43%; top:31%; }.wp-dust-two { top:66%; }.wp-dust i { position:absolute; width:4px; height:4px; border-radius:50%; background:#fda4af; opacity:0; animation:wpDust 5s linear infinite; }.wp-dust i:nth-child(2){--dx:20px;--dy:-14px}.wp-dust i:nth-child(3){--dx:18px;--dy:16px}.wp-dust i:nth-child(4){--dx:-8px;--dy:20px}.wp-dust-two i { animation-delay:-2.5s; }

.wp-workflow-section { background:#f7f8fc; }.wp-workflow-section .wp-section-intro { max-width:760px; }.wp-workflow { display:grid; grid-template-columns:1fr 80px 1fr 80px 1fr 80px 1fr; align-items:center; }.wp-workflow-step { position:relative; min-height:270px; padding:1.6rem; border:1px solid var(--wp-line); border-radius:22px; background:#fff; box-shadow:0 16px 38px rgba(32,43,93,.06); }.wp-workflow-step > span { position:absolute; top:1rem; right:1rem; color:#d5d9e6; font-size:1.6rem; font-weight:800; }.wp-workflow-step > i { display:grid; place-items:center; width:48px; height:48px; margin-bottom:2rem; border-radius:14px; color:#fff; background:linear-gradient(135deg,var(--wp-blue),var(--wp-violet)); box-shadow:0 12px 24px rgba(56,88,246,.2); }.wp-workflow-step h3 { font-size:1.08rem; font-weight:760; }.wp-workflow-step p { margin:0; color:var(--wp-muted); font-size:.8rem; line-height:1.65; }.wp-flow-line { position:relative; height:2px; background:linear-gradient(90deg,#cdd5ff,#8ea0ff,#cdd5ff); overflow:hidden; }.wp-flow-line i { position:absolute; width:20px; height:100%; background:#fff; filter:blur(3px); animation:wpLine 2.6s linear infinite; }

.wp-included-section { background:#fff; }.wp-bento { display:grid; grid-template-columns:repeat(6,1fr); gap:1.2rem; }.wp-bento-card { position:relative; grid-column:span 2; min-height:330px; padding:2rem; border:1px solid var(--wp-line); border-radius:25px; background:#fff; overflow:hidden; }.wp-bento-card:before { content:""; position:absolute; width:180px; height:180px; right:-70px; top:-80px; border-radius:50%; background:rgba(56,88,246,.08); }.wp-bento-icon { position:relative; display:grid; place-items:center; width:48px; height:48px; margin-bottom:2.2rem; border-radius:14px; color:var(--wp-blue); background:#eef1ff; font-size:1.25rem; }.wp-bento-card h3 { position:relative; font-size:1.25rem; font-weight:780; }.wp-bento-card > p { position:relative; color:var(--wp-muted); font-size:.84rem; line-height:1.7; }.wp-bento-builder { background:linear-gradient(145deg,#f8f9ff,#eef2ff); }.wp-builder-mini { position:absolute; left:2rem; right:2rem; bottom:1.4rem; display:grid; grid-template-columns:1fr 1fr; gap:6px; height:56px; padding:8px; border-radius:10px; background:#fff; box-shadow:0 10px 24px rgba(56,88,246,.12); }.wp-builder-mini span { grid-column:span 2; height:7px; border-radius:4px; background:#566ff9; }.wp-builder-mini b,.wp-builder-mini i { border-radius:4px; background:#e3e7f5; }.wp-bento-maxpage { color:#fff; background:radial-gradient(circle at 100% 0,rgba(14,165,233,.38),transparent 44%),linear-gradient(145deg,#312e81,#5b21b6); border-color:transparent; }.wp-bento-maxpage .wp-bento-icon { color:#fff; background:rgba(255,255,255,.14); }.wp-bento-maxpage h3 { color:#fff; }.wp-bento-maxpage > p { color:rgba(255,255,255,.67); }.wp-credit-pill { position:absolute; left:2rem; bottom:1.8rem; padding:9px 12px; border-radius:999px; color:#e0e7ff; background:rgba(255,255,255,.12); font-size:.7rem; font-weight:750; }.wp-bento-mail { background:#f5fffb; }.wp-bento-mail:before { background:rgba(16,185,129,.11); }.wp-bento-mail .wp-bento-icon { color:#059669; background:#d1fae5; }.wp-activation-note { padding-top:.8rem; border-top:1px solid rgba(16,185,129,.16); font-size:.7rem !important; }.wp-activation-note i { color:#059669; }.wp-bento-support { grid-column:span 6; display:grid; grid-template-columns:200px 1fr; align-items:center; min-height:260px; color:#fff; background:radial-gradient(circle at 0 50%,rgba(14,165,233,.33),transparent 34%),linear-gradient(130deg,#111827,#25227e); border-color:transparent; }.wp-bento-support:before { display:none; }.wp-bento-support h3 { color:#fff; font-size:clamp(1.7rem,3vw,2.6rem); }.wp-bento-support p { color:rgba(255,255,255,.65); max-width:720px; }.wp-support-pulse { position:relative; display:grid; place-items:center; width:110px; height:110px; margin:auto; border-radius:32px; background:linear-gradient(145deg,#38bdf8,#6366f1); box-shadow:0 0 0 14px rgba(99,102,241,.12); font-size:2.5rem; }.wp-support-pulse span { position:absolute; inset:-20px; border:1px solid rgba(125,211,252,.32); border-radius:45px; animation:wpPulse 2.5s ease-out infinite; }.wp-kicker { display:block; margin-bottom:.7rem; color:#a5b4fc; font-size:.7rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }

.wp-testimonials-section { background:#f6f7fc; }.wp-testimonials { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }.wp-testimonials figure { display:flex; flex-direction:column; min-height:330px; margin:0; padding:1.8rem; border:1px solid var(--wp-line); border-radius:22px; background:#fff; box-shadow:0 16px 40px rgba(32,43,93,.055); }.wp-stars { color:#f59e0b; letter-spacing:.1em; font-size:.78rem; }.wp-testimonials blockquote { margin:1.5rem 0 2rem; color:#2f3747; font-size:.88rem; line-height:1.75; }.wp-testimonials figcaption { display:flex; align-items:center; gap:.8rem; margin-top:auto; }.wp-testimonials figcaption > b { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; color:#fff; background:linear-gradient(135deg,var(--wp-blue),var(--wp-violet)); font-size:.7rem; }.wp-testimonials figcaption span { display:flex; flex-direction:column; color:#7a8396; font-size:.68rem; }.wp-testimonials figcaption strong { color:var(--wp-ink); font-size:.78rem; }

.wp-faq-section { background:#fff; }.wp-faq-section .faq-grid { max-width:960px; margin-left:auto; margin-right:auto; }
.wp-final-cta { padding:1rem 0 7.5rem; background:#fff; }.wp-final-card { display:grid; grid-template-columns:1.2fr .8fr; gap:3rem; align-items:center; padding:clamp(2.2rem,5vw,4.5rem); border-radius:32px; color:#fff; background:radial-gradient(circle at 95% 5%,rgba(14,165,233,.45),transparent 30%),radial-gradient(circle at 10% 100%,rgba(236,72,153,.28),transparent 38%),linear-gradient(135deg,#2735c4,#6d28d9); box-shadow:0 34px 70px rgba(68,50,176,.28); }.wp-final-card h2 { max-width:720px; margin:0 0 1rem; color:#fff; font-size:clamp(2.3rem,4.5vw,4.1rem); line-height:1.02; letter-spacing:-.05em; font-weight:800; }.wp-final-card p { max-width:650px; margin:0; color:rgba(255,255,255,.68); line-height:1.7; }.wp-final-actions { display:flex; align-items:center; flex-direction:column; gap:1rem; }.wp-btn-light { width:100%; color:#4338ca; background:#fff; box-shadow:0 16px 36px rgba(18,20,70,.22); }.wp-btn-light:hover { color:#4338ca; }.wp-final-actions > a:last-child { color:rgba(255,255,255,.78); font-size:.8rem; font-weight:650; }

@keyframes wpFloat { 0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)} }
@keyframes wpSpin { to{transform:rotate(360deg)} }
@keyframes wpNode { 0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)} }
@keyframes wpPacket { 0%{transform:translate(0,0);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translate(120px,90px);opacity:0} }
@keyframes wpShield { 0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.04)} }
@keyframes wpAttack { 0%{left:-120px;opacity:0}12%{opacity:1}62%{left:42%;opacity:1;transform:scale(1)}68%{left:44%;opacity:0;transform:scale(.2)}100%{left:44%;opacity:0} }
@keyframes wpDust { 0%,58%{opacity:0;transform:translate(0,0) scale(.5)}65%{opacity:1}82%{opacity:0;transform:translate(var(--dx,12px),var(--dy,-18px)) scale(1)}100%{opacity:0} }
@keyframes wpLine { from{left:-30px}to{left:100%} }
@keyframes wpPulse { 0%{transform:scale(.8);opacity:0}35%{opacity:1}100%{transform:scale(1.25);opacity:0} }

@media (max-width:1199px) {
    .wp-hero-layout { grid-template-columns:1fr 440px; gap:3rem; }.wp-hero h1 { font-size:clamp(3.2rem,6vw,5.4rem); }.wp-day-grid { grid-template-columns:repeat(2,1fr); }.wp-workflow { grid-template-columns:repeat(2,1fr); gap:1rem; }.wp-flow-line { display:none; }
}
@media (max-width:991px) {
    .wp-hero { padding-top:9rem; }.wp-hero-layout,.wp-split { grid-template-columns:1fr; }.wp-care-console { max-width:600px; width:100%; margin:auto; transform:none; }.wp-performance-split .wp-performance-demo { order:2; }.wp-security-split .wp-split-copy { order:1; }.wp-security-split .wp-shield-stage { order:2; }.wp-proof-grid { grid-template-columns:repeat(2,1fr); }.wp-proof-grid div:nth-child(2) { border-right:0; }.wp-proof-grid div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.1); }.wp-every-plan ul { grid-template-columns:repeat(2,1fr); }.wp-bento-card { grid-column:span 3; }.wp-bento-mail { grid-column:span 6; min-height:280px; }.wp-testimonials { grid-template-columns:1fr; }.wp-testimonials figure { min-height:auto; }.wp-final-card { grid-template-columns:1fr; }
}
@media (max-width:767px) {
    .wp-hero { min-height:0; padding:8.2rem 0 5rem; }.wp-hero h1 { font-size:clamp(2.8rem,14vw,4.4rem); }.wp-hero-lead { font-size:1rem; }.wp-hero-actions,.wp-hero-actions .wp-btn { width:100%; }.wp-hero-checks { display:grid; }.wp-care-ring { width:280px; height:300px; }.wp-care-orbit { inset:48px 28px; }.wp-care-core { width:110px; height:110px; }.wp-node-speed { left:93px; }.wp-node-backup { left:85px; }.wp-node-safe { right:-8px; }.wp-node-help { left:-7px; }.wp-console-feed { grid-template-columns:1fr; }.wp-proof-grid { grid-template-columns:1fr 1fr; }.wp-proof-grid div { align-items:center; flex-direction:column; gap:.25rem; text-align:center; }.wp-proof-grid span { font-size:.64rem; }.wp-managed-section,.wp-performance-section,.wp-security-section,.wp-workflow-section,.wp-included-section,.wp-testimonials-section { padding:5.5rem 0; }.wp-section-intro h2,.wp-split-copy h2 { font-size:clamp(2.2rem,11vw,3.3rem); }.wp-day-grid { grid-template-columns:1fr; }.wp-day-card { min-height:260px; }.wp-performance-demo,.wp-shield-stage { min-height:440px; }.wp-browser { width:85%; left:5%; top:45px; }.wp-speed-report { right:5%; bottom:35px; width:190px; }.wp-shield { left:52%; }.wp-protected-site { right:4%; width:120px; height:130px; }.wp-workflow { grid-template-columns:1fr; }.wp-workflow-step { min-height:230px; }.wp-bento { grid-template-columns:1fr; }.wp-bento-card,.wp-bento-mail,.wp-bento-support { grid-column:1; }.wp-bento-support { grid-template-columns:1fr; gap:2rem; text-align:center; }.wp-bento-support p { margin-left:auto; margin-right:auto; }.wp-every-plan ul { grid-template-columns:1fr; }.wp-final-card { border-radius:24px; }.wp-final-actions { align-items:stretch; text-align:center; }
}
@media (max-width:575px) {
    .wp-care-console { border-radius:20px; }.wp-console-body { padding:.8rem; }.wp-site-card { padding:.8rem; }.wp-care-ring { margin-left:auto; margin-right:auto; transform:scale(.92); }.wp-plan-card .mch-plan-main,.wp-plan-card .mch-plan-side { padding:1.4rem; }.wp-pricing .mch-plan-tick { font-size:.65rem; }.wp-performance-demo,.wp-shield-stage { margin-left:-6px; margin-right:-6px; border-radius:24px; }.wp-attack { font-size:.54rem; }.wp-final-cta { padding-bottom:5rem; }
}

/* Performance concept: watch a WordPress page move through the delivery stack. */
.wp-speed-engine { position:relative; min-height:570px; padding:1rem; border:1px solid rgba(56,88,246,.13); border-radius:30px; background:radial-gradient(circle at 10% 12%,rgba(14,165,233,.13),transparent 29%),radial-gradient(circle at 90% 72%,rgba(124,58,237,.14),transparent 34%),linear-gradient(145deg,#f8fbff,#f4f2ff); box-shadow:0 28px 70px rgba(43,55,112,.11); overflow:hidden; isolation:isolate; }
.wp-speed-engine:before { content:""; position:absolute; z-index:-1; inset:0; opacity:.55; background-image:linear-gradient(rgba(56,88,246,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(56,88,246,.04) 1px,transparent 1px); background-size:28px 28px; mask-image:linear-gradient(to bottom,#000,transparent 78%); }
.wp-speed-topbar { display:flex; align-items:center; justify-content:space-between; min-height:42px; padding:0 .2rem .8rem; border-bottom:1px solid rgba(56,88,246,.09); }
.wp-speed-topbar > div,.wp-speed-topbar em { display:flex; align-items:center; gap:7px; }
.wp-speed-topbar > div > span { width:8px; height:8px; border-radius:50%; background:#6366f1; box-shadow:0 0 0 5px rgba(99,102,241,.1); animation:wpSpeedLive 1.8s ease-in-out infinite; }
.wp-speed-topbar strong { color:#344057; font-size:.66rem; }
.wp-speed-topbar em { padding:6px 9px; border-radius:999px; color:#087e5b; background:#ecfdf5; font-size:.53rem; font-style:normal; font-weight:750; }
.wp-speed-topbar em i { width:5px; height:5px; border-radius:50%; background:#10b981; }
.wp-speed-stage { position:relative; display:grid; grid-template-columns:auto 34px minmax(130px,.82fr) 34px minmax(155px,1fr); align-items:center; gap:.45rem; min-height:378px; padding:1rem .2rem; }
.wp-speed-source { position:relative; display:flex; flex-direction:column; align-items:center; gap:.5rem; width:78px; padding:.75rem .4rem; border:1px solid rgba(56,88,246,.12); border-radius:17px; background:rgba(255,255,255,.88); box-shadow:0 12px 26px rgba(47,58,112,.08); text-align:center; }
.wp-speed-source:after { content:""; position:absolute; inset:-7px; border:1px solid rgba(99,102,241,.13); border-radius:22px; animation:wpSpeedSource 2.8s ease-out infinite; }
.wp-speed-source-icon { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; color:#fff; background:linear-gradient(135deg,#3858f6,#7c3aed); box-shadow:0 9px 20px rgba(79,70,229,.22); }
.wp-speed-source > span:last-child { display:flex; flex-direction:column; }.wp-speed-source small { color:#8a92a2; font-size:.45rem; }.wp-speed-source strong { color:#30394d; font-size:.57rem; }
.wp-speed-track { position:relative; height:2px; background:linear-gradient(90deg,#dbe2ff,#7183f6,#dbe2ff); }
.wp-speed-track i { position:absolute; top:-3px; left:-4px; width:8px; height:8px; border-radius:50%; background:#6175f4; box-shadow:0 0 0 4px rgba(99,102,241,.11),0 0 12px rgba(99,102,241,.45); animation:wpSpeedPacket 2.8s linear infinite; }.wp-speed-track i:nth-child(2) { animation-delay:-1.4s; }.wp-speed-track i:nth-child(3) { animation-delay:-.9s; }
.wp-speed-processors { display:grid; gap:.55rem; }
.wp-speed-chip { position:relative; display:flex; align-items:center; gap:.55rem; min-height:62px; padding:.65rem; border:1px solid rgba(56,88,246,.1); border-radius:14px; background:rgba(255,255,255,.92); box-shadow:0 10px 22px rgba(47,58,112,.065); overflow:hidden; }
.wp-speed-chip > i { display:grid; place-items:center; flex:0 0 30px; height:30px; border-radius:9px; color:#4f46e5; background:#eef0ff; font-size:.78rem; }.wp-speed-chip > span { display:flex; min-width:0; flex-direction:column; }.wp-speed-chip small { color:#8b93a3; font-size:.43rem; }.wp-speed-chip strong { color:#30394d; font-size:.55rem; white-space:nowrap; }
.wp-speed-chip > b { position:absolute; left:0; bottom:0; width:0; height:2px; background:linear-gradient(90deg,#6366f1,#22d3ee); animation:wpSpeedProcess 5.4s ease-in-out infinite; }
.wp-speed-cache > i { color:#d97706; background:#fef3c7; }.wp-speed-cache > b { animation-delay:-3.6s; }.wp-speed-edge > i { color:#0284c7; background:#e0f2fe; }.wp-speed-edge > b { animation-delay:-1.8s; }
.wp-speed-result { position:relative; border:1px solid rgba(56,88,246,.13); border-radius:18px; background:#fff; box-shadow:0 18px 40px rgba(44,55,108,.12); overflow:hidden; animation:wpSpeedResult 5.4s ease-in-out infinite; }
.wp-speed-browser-bar { display:flex; align-items:center; gap:.65rem; height:32px; padding:0 .6rem; border-bottom:1px solid #e8ebf3; background:#fafbfe; }.wp-speed-browser-bar > span { display:flex; gap:3px; }.wp-speed-browser-bar i { width:4px; height:4px; border-radius:50%; background:#cbd1df; }.wp-speed-browser-bar i:first-child { background:#fb7185; }.wp-speed-browser-bar i:nth-child(2) { background:#fbbf24; }.wp-speed-browser-bar i:last-child { background:#34d399; }.wp-speed-browser-bar em { color:#8a91a0; font-size:.43rem; font-style:normal; }
.wp-speed-paint { min-height:228px; padding:.8rem; background:linear-gradient(150deg,#fff,#f8f9ff); }
.wp-paint-nav { display:flex; align-items:center; gap:.35rem; }.wp-paint-nav > i { width:18px; height:18px; border-radius:5px; background:linear-gradient(135deg,#3858f6,#7c3aed); }.wp-paint-nav span { flex:1; height:4px; border-radius:4px; background:#e3e7f0; }.wp-paint-nav b { width:18px; height:3px; border-radius:3px; background:#d3d8e5; }
.wp-paint-copy { position:relative; z-index:2; width:66%; margin-top:.9rem; }.wp-paint-copy small { display:block; width:35px; height:3px; margin-bottom:.4rem; border-radius:3px; background:#8895f7; }.wp-paint-copy strong { display:block; width:100%; height:9px; margin-bottom:4px; border-radius:3px; background:#30394f; }.wp-paint-copy strong:nth-child(3) { width:66%; }.wp-paint-copy p { width:90%; height:3px; margin:8px 0 0; border-radius:3px; background:#c9ceda; }.wp-paint-copy p:nth-of-type(2) { width:65%; margin-top:4px; }.wp-paint-copy button { width:40px; height:12px; margin-top:.65rem; padding:0; border:0; border-radius:4px; background:linear-gradient(90deg,#3858f6,#7c3aed); }
.wp-paint-media { position:absolute; right:.8rem; top:68px; width:40%; height:104px; border-radius:11px; background:radial-gradient(circle at 70% 28%,rgba(14,165,233,.32),transparent 28%),linear-gradient(145deg,#e4e9ff,#f3e8ff); overflow:hidden; }.wp-paint-media span { position:absolute; width:70px; height:70px; right:-18px; bottom:-22px; border:12px solid rgba(99,102,241,.12); border-radius:50%; animation:wpSpeedTurn 12s linear infinite; }.wp-paint-media i { position:absolute; width:6px; height:6px; border-radius:50%; background:#6366f1; box-shadow:0 0 0 5px rgba(99,102,241,.11); }.wp-paint-media i:nth-child(2) { left:22px; top:25px; }.wp-paint-media i:nth-child(3) { right:25px; top:45px; background:#0ea5e9; }
.wp-speed-loaded { position:absolute; right:.55rem; bottom:.55rem; display:flex; align-items:center; gap:4px; padding:5px 7px; border-radius:999px; color:#087e5b; background:#ecfdf5; box-shadow:0 6px 14px rgba(16,185,129,.12); font-size:.45rem; font-weight:750; }.wp-speed-loaded i { display:grid; place-items:center; width:12px; height:12px; border-radius:50%; color:#fff; background:#10b981; }
.wp-speed-summary { display:grid; grid-template-columns:1.25fr repeat(3,.8fr); gap:.55rem; padding:.65rem; border:1px solid rgba(56,88,246,.1); border-radius:17px; background:rgba(255,255,255,.86); box-shadow:0 12px 30px rgba(44,55,108,.06); }
.wp-speed-grade,.wp-speed-metric { display:flex; align-items:center; gap:.55rem; min-height:52px; padding:.5rem; border-radius:11px; background:#f8f9fd; }
.wp-speed-grade > span { position:relative; display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:conic-gradient(#10b981 0 92%,#dfe6e3 92%); }.wp-speed-grade > span:before { content:""; position:absolute; inset:4px; border-radius:50%; background:#fff; }.wp-speed-grade > span strong { position:relative; z-index:1; color:#059669; font-size:1rem; }.wp-speed-grade > span i { position:absolute; inset:-3px; border:1px solid rgba(16,185,129,.18); border-radius:50%; animation:wpSpeedGrade 2.8s ease-out infinite; }
.wp-speed-grade em,.wp-speed-metric span { display:flex; min-width:0; flex-direction:column; font-style:normal; }.wp-speed-grade small,.wp-speed-metric small { color:#8a92a2; font-size:.4rem; }.wp-speed-grade b,.wp-speed-metric strong { color:#30394d; font-size:.49rem; line-height:1.25; }
.wp-speed-metric > i { display:grid; place-items:center; flex:0 0 27px; height:27px; border-radius:8px; color:#4f46e5; background:#eceeff; font-size:.7rem; }.wp-speed-metric:nth-child(3) > i { color:#0284c7; background:#e0f2fe; }.wp-speed-metric:nth-child(4) > i { color:#7c3aed; background:#f3e8ff; }

@keyframes wpSpeedLive { 0%,100%{transform:scale(.7);opacity:.6}50%{transform:scale(1.15);opacity:1} }
@keyframes wpSpeedSource { 0%{transform:scale(.9);opacity:0}45%{opacity:.65}100%{transform:scale(1.08);opacity:0} }
@keyframes wpSpeedPacket { 0%{left:-4px;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:100%;opacity:0} }
@keyframes wpSpeedProcess { 0%,8%{width:0;opacity:0}20%{opacity:1}55%{width:100%;opacity:1}70%,100%{width:100%;opacity:0} }
@keyframes wpSpeedResult { 0%,62%,100%{transform:translateY(0);box-shadow:0 18px 40px rgba(44,55,108,.12)}72%{transform:translateY(-4px);box-shadow:0 24px 46px rgba(44,55,108,.17)} }
@keyframes wpSpeedTurn { to{transform:rotate(360deg)} }
@keyframes wpSpeedGrade { 0%{transform:scale(.8);opacity:0}50%{opacity:.8}100%{transform:scale(1.18);opacity:0} }

@media (max-width:1199px) {
    .wp-speed-stage { grid-template-columns:auto 24px minmax(120px,.8fr) 24px minmax(145px,1fr); gap:.3rem; }.wp-speed-summary { grid-template-columns:1.2fr repeat(3,.7fr); }.wp-speed-metric { gap:.35rem; padding:.4rem; }
}
@media (max-width:991px) {
    .wp-speed-engine { max-width:650px; width:100%; margin:auto; }
}
@media (max-width:575px) {
    .wp-speed-engine { min-height:0; padding:.7rem; border-radius:24px; }
    .wp-speed-stage { grid-template-columns:1fr; gap:.55rem; padding:.75rem .1rem; }
    .wp-speed-source { width:100%; flex-direction:row; justify-content:center; padding:.55rem; }.wp-speed-source:after { display:none; }.wp-speed-source > span:last-child { text-align:left; }
    .wp-speed-track { width:2px; height:24px; margin:auto; background:linear-gradient(#dbe2ff,#7183f6,#dbe2ff); }.wp-speed-track i { top:-4px; left:-3px; animation-name:wpSpeedPacketMobile; }
    .wp-speed-processors { grid-template-columns:repeat(3,1fr); gap:.35rem; }.wp-speed-chip { flex-direction:column; justify-content:center; min-height:92px; padding:.45rem .25rem; text-align:center; }.wp-speed-chip > span { align-items:center; }.wp-speed-chip strong { font-size:.5rem; white-space:normal; }
    .wp-speed-result { max-width:280px; width:100%; margin:auto; }.wp-speed-paint { min-height:190px; }.wp-paint-media { height:82px; }
    .wp-speed-summary { grid-template-columns:1.2fr 1fr; }.wp-speed-metric:nth-child(4) { display:none; }.wp-speed-grade { grid-row:span 2; }.wp-speed-metric { min-height:48px; }
}
@keyframes wpSpeedPacketMobile { 0%{top:-4px;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:100%;opacity:0} }

/* Performance lab: contained layout with no floating component collisions. */
.wp-perf-lab { position:relative; min-height:570px; padding:1rem; border:1px solid rgba(56,88,246,.13); border-radius:30px; background:radial-gradient(circle at 5% 10%,rgba(14,165,233,.12),transparent 27%),radial-gradient(circle at 95% 85%,rgba(124,58,237,.13),transparent 30%),linear-gradient(145deg,#f9fbff,#f5f3ff); box-shadow:0 28px 70px rgba(43,55,112,.11); overflow:hidden; isolation:isolate; }
.wp-perf-lab:before { content:""; position:absolute; z-index:-1; inset:0; opacity:.46; background-image:linear-gradient(rgba(56,88,246,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(56,88,246,.045) 1px,transparent 1px); background-size:30px 30px; mask-image:linear-gradient(#000,transparent 78%); }
.wp-perf-lab-head { display:flex; align-items:center; justify-content:space-between; min-height:46px; padding:.15rem .25rem .9rem; }
.wp-perf-lab-head > div { display:flex; align-items:center; gap:.65rem; }.wp-perf-lab-head > div > i { display:grid; place-items:center; width:32px; height:32px; border-radius:10px; color:#fff; background:linear-gradient(135deg,#3858f6,#7c3aed); box-shadow:0 8px 18px rgba(79,70,229,.2); }.wp-perf-lab-head > div > span { display:flex; flex-direction:column; }.wp-perf-lab-head strong { color:#2e374d; font-size:.68rem; }.wp-perf-lab-head small { color:#8991a2; font-size:.48rem; }
.wp-perf-live { display:flex; align-items:center; gap:6px; padding:6px 9px; border-radius:999px; color:#087e5b; background:#ecfdf5; font-size:.5rem; font-weight:750; }.wp-perf-live i { width:6px; height:6px; border-radius:50%; background:#10b981; box-shadow:0 0 0 4px rgba(16,185,129,.11); animation:wpPerfLive 1.8s ease-in-out infinite; }
.wp-perf-browser { position:relative; width:100%; border:1px solid rgba(56,88,246,.12); border-radius:19px; background:#fff; box-shadow:0 18px 42px rgba(46,56,109,.11); overflow:hidden; }
.wp-perf-browser-head { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; height:38px; padding:0 .7rem; border-bottom:1px solid #e8ebf3; background:#fafbfe; }.wp-perf-browser-head > span { display:flex; gap:4px; }.wp-perf-browser-head > span i { width:5px; height:5px; border-radius:50%; background:#cbd1df; }.wp-perf-browser-head > span i:first-child { background:#fb7185; }.wp-perf-browser-head > span i:nth-child(2) { background:#fbbf24; }.wp-perf-browser-head > span i:last-child { background:#34d399; }.wp-perf-browser-head em { display:flex; align-items:center; gap:4px; color:#7f8797; font-size:.46rem; font-style:normal; }.wp-perf-browser-head em i { color:#10b981; }.wp-perf-browser-head b { display:flex; justify-self:end; align-items:center; gap:4px; color:#087e5b; font-size:.45rem; }.wp-perf-browser-head b i { width:5px; height:5px; border-radius:50%; background:#10b981; }
.wp-perf-page { position:relative; min-height:266px; padding:1rem; background:linear-gradient(155deg,#fff 35%,#f7f8ff); overflow:hidden; }
.wp-perf-page-nav { display:flex; align-items:center; gap:.45rem; }.wp-perf-page-nav span { flex:1; height:6px; border-radius:5px; background:linear-gradient(90deg,#5b6ff3 0 18%,#e2e6ef 18%); }.wp-perf-page-nav i { width:24px; height:4px; border-radius:4px; background:#d7dce7; }
.wp-perf-page-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:.8rem; align-items:center; margin-top:1rem; }
.wp-perf-page-copy small { display:block; width:42px; height:4px; margin-bottom:.5rem; border-radius:4px; background:#8290f4; }.wp-perf-page-copy strong { display:block; width:92%; height:11px; margin-bottom:5px; border-radius:4px; background:#2d3650; }.wp-perf-page-copy strong:nth-child(3) { width:65%; }.wp-perf-page-copy p { width:86%; height:4px; margin:10px 0 0; border-radius:4px; background:#c9ced9; }.wp-perf-page-copy p:nth-of-type(2) { width:68%; margin-top:5px; }.wp-perf-page-copy button { width:48px; height:15px; margin-top:.8rem; padding:0; border:0; border-radius:5px; background:linear-gradient(90deg,#3858f6,#7c3aed); }
.wp-perf-page-art { position:relative; height:122px; border-radius:14px; background:radial-gradient(circle at 72% 25%,rgba(14,165,233,.3),transparent 25%),linear-gradient(145deg,#e5eaff,#f2e9ff); overflow:hidden; }.wp-perf-page-art span { position:absolute; width:104px; height:104px; right:-20px; bottom:-36px; border:16px solid rgba(99,102,241,.12); border-radius:50%; animation:wpPerfRotate 14s linear infinite; }.wp-perf-page-art i { position:absolute; width:8px; height:8px; border-radius:50%; background:#6366f1; box-shadow:0 0 0 6px rgba(99,102,241,.11); }.wp-perf-page-art i:nth-child(2) { left:27px; top:28px; }.wp-perf-page-art i:nth-child(3) { right:32px; top:48px; background:#0ea5e9; }.wp-perf-page-art b { position:absolute; left:30px; bottom:25px; width:54px; height:7px; border-radius:7px; background:rgba(79,70,229,.23); }
.wp-perf-page-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; margin-top:.8rem; }.wp-perf-page-cards span { height:39px; border:1px solid #edf0f6; border-radius:9px; background:#fff; box-shadow:0 5px 14px rgba(44,54,99,.04); }
.wp-perf-render-line { position:absolute; z-index:3; left:0; right:0; top:0; height:2px; background:linear-gradient(90deg,transparent,#38bdf8 35%,#6366f1 65%,transparent); box-shadow:0 5px 18px rgba(56,189,248,.45); animation:wpPerfRender 4.5s ease-in-out infinite; }
.wp-perf-score { display:grid; grid-template-columns:auto minmax(110px,.9fr) minmax(220px,1.35fr); gap:.75rem; align-items:center; width:100%; min-height:78px; margin-top:.7rem; padding:.7rem .8rem; border:1px solid rgba(16,185,129,.14); border-radius:16px; background:rgba(255,255,255,.92); box-shadow:0 12px 26px rgba(39,73,70,.07); }
.wp-perf-score-ring { position:relative; display:grid; place-items:center; width:51px; height:51px; border-radius:50%; background:conic-gradient(#10b981 0 94%,#dce7e3 94%); }.wp-perf-score-ring:before { content:""; position:absolute; inset:5px; border-radius:50%; background:#fff; }.wp-perf-score-ring strong { position:relative; z-index:1; color:#059669; font-size:1.35rem; }.wp-perf-score-ring span { position:absolute; inset:-4px; border:1px solid rgba(16,185,129,.18); border-radius:50%; animation:wpPerfScore 2.8s ease-out infinite; }
.wp-perf-score-copy { display:flex; flex-direction:column; }.wp-perf-score small { color:#8991a2; font-size:.44rem; }.wp-perf-score-copy > strong { color:#2f394d; font-size:.58rem; }.wp-perf-score-copy > span { display:flex; align-items:center; gap:5px; margin-top:3px; color:#087e5b; font-size:.44rem; font-weight:700; }.wp-perf-score-copy > span i { width:5px; height:5px; border-radius:50%; background:#10b981; }
.wp-perf-vitals { display:grid; grid-template-columns:repeat(3,1fr); gap:.35rem; padding-left:.7rem; border-left:1px solid #e8eeeB; }.wp-perf-vitals > div { display:flex; min-width:0; flex-direction:column; padding:.4rem .45rem; border-radius:9px; background:#f6faf8; }.wp-perf-vitals small { color:#718096; font-size:.39rem; font-weight:800; letter-spacing:.06em; }.wp-perf-vitals strong { color:#087e5b; font-size:.62rem; }.wp-perf-vitals span { overflow:hidden; color:#9aa2af; font-size:.34rem; text-overflow:ellipsis; white-space:nowrap; }
.wp-perf-stack { display:grid; grid-template-columns:repeat(4,1fr); gap:.45rem; margin-top:.7rem; }
.wp-perf-stack > div { position:relative; display:flex; align-items:center; gap:.45rem; min-width:0; min-height:63px; padding:.55rem; border:1px solid rgba(56,88,246,.1); border-radius:13px; background:rgba(255,255,255,.88); box-shadow:0 8px 20px rgba(45,55,103,.05); overflow:hidden; }.wp-perf-stack > div > span { display:grid; place-items:center; flex:0 0 27px; height:27px; border-radius:8px; color:#4f46e5; background:#eceeff; font-size:.7rem; }.wp-perf-stack > div:nth-child(2) > span { color:#d97706; background:#fef3c7; }.wp-perf-stack > div:nth-child(3) > span { color:#0284c7; background:#e0f2fe; }.wp-perf-stack > div:nth-child(4) > span { color:#7c3aed; background:#f3e8ff; }.wp-perf-stack em { display:flex; min-width:0; flex-direction:column; font-style:normal; }.wp-perf-stack small { color:#8991a2; font-size:.39rem; }.wp-perf-stack strong { overflow:hidden; color:#30394d; font-size:.47rem; text-overflow:ellipsis; white-space:nowrap; }.wp-perf-stack b { position:absolute; left:0; bottom:0; width:0; height:2px; background:linear-gradient(90deg,#6366f1,#22d3ee); animation:wpPerfStack 5s ease-in-out infinite; }.wp-perf-stack > div:nth-child(2) b { animation-delay:-1.25s; }.wp-perf-stack > div:nth-child(3) b { animation-delay:-2.5s; }.wp-perf-stack > div:nth-child(4) b { animation-delay:-3.75s; }

@keyframes wpPerfLive { 0%,100%{transform:scale(.72);opacity:.65}50%{transform:scale(1.15);opacity:1} }
@keyframes wpPerfRotate { to{transform:rotate(360deg)} }
@keyframes wpPerfRender { 0%,8%{top:0;opacity:0}18%{opacity:1}72%{top:100%;opacity:1}84%,100%{top:100%;opacity:0} }
@keyframes wpPerfScore { 0%{transform:scale(.82);opacity:0}45%{opacity:.7}100%{transform:scale(1.18);opacity:0} }
@keyframes wpPerfStack { 0%,10%{width:0;opacity:0}25%{opacity:1}60%{width:100%;opacity:1}76%,100%{width:100%;opacity:0} }

@media (max-width:1199px) {
    .wp-perf-score { grid-template-columns:auto minmax(100px,.8fr) minmax(200px,1.4fr); }.wp-perf-stack { grid-template-columns:1fr 1fr; }.wp-perf-stack > div { min-height:56px; }
}
@media (max-width:991px) {
    .wp-perf-lab { max-width:650px; width:100%; margin:auto; }.wp-perf-stack { grid-template-columns:repeat(4,1fr); }
}
@media (max-width:575px) {
    .wp-perf-lab { min-height:0; padding:.7rem; border-radius:23px; }
    .wp-perf-lab-head { padding:.1rem .05rem .7rem; }.wp-perf-lab-head small { display:none; }
    .wp-perf-browser-head { grid-template-columns:auto 1fr auto; }.wp-perf-browser-head em { justify-self:center; }
    .wp-perf-page { min-height:252px; padding:.75rem; }.wp-perf-page-grid { grid-template-columns:1fr .82fr; gap:.55rem; }.wp-perf-page-art { height:105px; }.wp-perf-page-nav i:last-child { display:none; }
    .wp-perf-score { grid-template-columns:auto 1fr; min-height:70px; }.wp-perf-vitals { grid-column:1 / -1; padding:.6rem 0 0; border-top:1px solid #e8eeeb; border-left:0; }
    .wp-perf-stack { grid-template-columns:1fr 1fr; gap:.4rem; }.wp-perf-stack > div { min-height:58px; }.wp-perf-stack strong { font-size:.5rem; }
}

/* Security perimeter: threats dissolve at the AI WAF before reaching the site. */
.wp-sec-console { position:relative; min-height:560px; padding:1rem; border:1px solid rgba(56,88,246,.13); border-radius:30px; background:radial-gradient(circle at 5% 18%,rgba(244,63,94,.08),transparent 28%),radial-gradient(circle at 95% 82%,rgba(16,185,129,.12),transparent 31%),linear-gradient(145deg,#fff,#f3f7ff); box-shadow:0 28px 70px rgba(43,55,112,.11); overflow:hidden; isolation:isolate; }
.wp-sec-console:before { content:""; position:absolute; z-index:-1; inset:0; opacity:.45; background-image:linear-gradient(rgba(56,88,246,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(56,88,246,.04) 1px,transparent 1px); background-size:30px 30px; mask-image:linear-gradient(#000,transparent 84%); }
.wp-sec-head { display:flex; align-items:center; justify-content:space-between; min-height:48px; padding:.1rem .2rem .9rem; border-bottom:1px solid rgba(56,88,246,.09); }
.wp-sec-head > div { display:flex; align-items:center; gap:.6rem; }.wp-sec-head > div > span { display:grid; place-items:center; width:33px; height:33px; border-radius:10px; color:#fff; background:linear-gradient(135deg,#3858f6,#7c3aed); box-shadow:0 8px 18px rgba(79,70,229,.2); }.wp-sec-head em { display:flex; flex-direction:column; font-style:normal; }.wp-sec-head strong { color:#30394d; font-size:.67rem; }.wp-sec-head small { color:#8991a2; font-size:.47rem; }
.wp-sec-head > b { display:flex; align-items:center; gap:6px; padding:6px 9px; border-radius:999px; color:#087e5b; background:#ecfdf5; font-size:.49rem; }.wp-sec-head > b i { width:6px; height:6px; border-radius:50%; background:#10b981; box-shadow:0 0 0 4px rgba(16,185,129,.1); animation:wpSecLive 1.8s ease-in-out infinite; }
.wp-sec-workspace { display:grid; grid-template-columns:minmax(128px,.85fr) minmax(105px,.72fr) minmax(135px,.9fr); gap:.65rem; min-height:380px; padding:1rem 0 .7rem; }
.wp-sec-label { display:block; margin:0 0 .55rem .15rem; color:#8a93a4; font-size:.45rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.wp-sec-inbox,.wp-sec-safe { min-width:0; }
.wp-sec-threat { position:relative; display:flex; align-items:center; gap:.5rem; min-height:61px; margin-bottom:.48rem; padding:.55rem; border:1px solid rgba(244,63,94,.11); border-radius:13px; background:rgba(255,255,255,.9); box-shadow:0 8px 20px rgba(89,50,68,.045); overflow:hidden; animation:wpSecThreat 6s ease-in-out infinite; }.wp-sec-threat > i { display:grid; place-items:center; flex:0 0 28px; height:28px; border-radius:8px; color:#e11d48; background:#fff1f2; font-size:.7rem; }.wp-sec-threat > span { display:flex; min-width:0; flex-direction:column; }.wp-sec-threat strong { color:#713448; font-size:.51rem; }.wp-sec-threat small { color:#a1808c; font-size:.4rem; }.wp-sec-threat > b { position:absolute; right:0; top:0; width:3px; height:100%; background:#fb7185; opacity:.7; }
.wp-sec-threat-two { animation-delay:-1.5s; }.wp-sec-threat-three { animation-delay:-3s; }.wp-sec-threat-four { animation-delay:-4.5s; }
.wp-sec-filter { position:relative; display:grid; grid-template-rows:1fr auto 1fr; align-items:center; min-width:0; }
.wp-sec-lane,.wp-sec-safe-line { position:relative; width:2px; height:100%; min-height:68px; margin:auto; background:linear-gradient(#e2e6f2,#f87171,#e2e6f2); overflow:visible; }.wp-sec-safe-line { background:linear-gradient(#d9eee6,#34d399,#d9eee6); }
.wp-sec-lane > i,.wp-sec-safe-line > i { position:absolute; left:-3px; top:-4px; width:8px; height:8px; border-radius:50%; background:#fb7185; box-shadow:0 0 0 5px rgba(244,63,94,.1); animation:wpSecPacket 3.2s linear infinite; }.wp-sec-lane > i:nth-child(2) { animation-delay:-.8s; }.wp-sec-lane > i:nth-child(3) { animation-delay:-1.6s; }.wp-sec-lane > i:nth-child(4) { animation-delay:-2.4s; }.wp-sec-safe-line > i { background:#10b981; box-shadow:0 0 0 5px rgba(16,185,129,.1); animation-name:wpSecSafePacket; }.wp-sec-safe-line > i:nth-child(2) { animation-delay:-1.6s; }
.wp-sec-core { position:relative; z-index:2; display:flex; align-items:center; justify-content:center; flex-direction:column; width:112px; height:112px; margin:auto; border:1px solid rgba(99,102,241,.13); border-radius:31px; background:linear-gradient(145deg,#fff,#edf1ff); box-shadow:0 18px 38px rgba(65,70,138,.15),inset 0 0 0 7px rgba(99,102,241,.045); overflow:hidden; }.wp-sec-core > i { color:#4f46e5; font-size:2rem; }.wp-sec-core > strong { margin-top:.25rem; color:#30394d; font-size:.65rem; }.wp-sec-core > small { color:#059669; font-size:.39rem; }
.wp-sec-scan { position:absolute; left:9px; right:9px; top:8px; height:2px; background:linear-gradient(90deg,transparent,#38bdf8,transparent); box-shadow:0 4px 14px rgba(56,189,248,.45); animation:wpSecScan 3.2s ease-in-out infinite; }
.wp-sec-dust { position:absolute; inset:0; pointer-events:none; }.wp-sec-dust i { position:absolute; left:50%; top:50%; width:4px; height:4px; border-radius:50%; background:#fb7185; opacity:0; animation:wpSecDust 3.2s ease-out infinite; }.wp-sec-dust i:nth-child(2){--x:30px;--y:-24px;animation-delay:-.2s}.wp-sec-dust i:nth-child(3){--x:-28px;--y:-19px;animation-delay:-.4s}.wp-sec-dust i:nth-child(4){--x:27px;--y:23px;animation-delay:-.6s}.wp-sec-dust i:nth-child(5){--x:-25px;--y:25px;animation-delay:-.8s}.wp-sec-dust i:nth-child(6){--x:5px;--y:34px;animation-delay:-1s}
.wp-sec-site { display:grid; grid-template-columns:auto 1fr auto; gap:.55rem; align-items:center; min-height:82px; padding:.7rem; border:1px solid rgba(16,185,129,.14); border-radius:16px; background:#fff; box-shadow:0 12px 28px rgba(35,91,71,.08); }.wp-sec-site > span { display:grid; place-items:center; width:37px; height:37px; border-radius:11px; color:#fff; background:linear-gradient(135deg,#3858f6,#7c3aed); }.wp-sec-site em { display:flex; min-width:0; flex-direction:column; font-style:normal; }.wp-sec-site small { color:#8991a2; font-size:.42rem; }.wp-sec-site strong { color:#1f4338; font-size:.58rem; }.wp-sec-site > b { display:flex; align-items:center; gap:4px; color:#059669; font-size:.4rem; }.wp-sec-site > b i { width:5px; height:5px; border-radius:50%; background:#10b981; }
.wp-sec-check { display:flex; align-items:center; gap:.55rem; min-height:72px; margin-top:.55rem; padding:.65rem; border:1px solid rgba(56,88,246,.09); border-radius:14px; background:rgba(255,255,255,.86); }.wp-sec-check > i { display:grid; place-items:center; flex:0 0 29px; height:29px; border-radius:9px; color:#059669; background:#dcfce7; font-size:.72rem; }.wp-sec-check > span { display:flex; min-width:0; flex-direction:column; }.wp-sec-check small { color:#8991a2; font-size:.41rem; }.wp-sec-check strong { color:#334155; font-size:.49rem; line-height:1.3; }
.wp-sec-footer { display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; padding:.65rem; border:1px solid rgba(56,88,246,.1); border-radius:15px; background:rgba(255,255,255,.82); }.wp-sec-footer > span { display:flex; align-items:center; justify-content:center; gap:.5rem; min-height:44px; border-radius:10px; background:#f7f9fd; }.wp-sec-footer > span > i { display:grid; place-items:center; width:26px; height:26px; border-radius:8px; color:#4f46e5; background:#eceeff; font-size:.65rem; }.wp-sec-footer em { display:flex; flex-direction:column; font-style:normal; }.wp-sec-footer small { color:#8991a2; font-size:.38rem; }.wp-sec-footer strong { color:#30394d; font-size:.48rem; }

@keyframes wpSecLive { 0%,100%{transform:scale(.7);opacity:.6}50%{transform:scale(1.15);opacity:1} }
@keyframes wpSecThreat { 0%,100%{transform:translateX(0)}50%{transform:translateX(3px)} }
@keyframes wpSecPacket { 0%{top:-4px;opacity:0}12%{opacity:1}78%{opacity:1}100%{top:100%;opacity:0;transform:scale(.35)} }
@keyframes wpSecSafePacket { 0%{top:-4px;opacity:0}15%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0} }
@keyframes wpSecScan { 0%,100%{top:8px;opacity:0}18%{opacity:1}70%{top:calc(100% - 10px);opacity:1}86%{opacity:0} }
@keyframes wpSecDust { 0%,50%{transform:translate(0,0) scale(.4);opacity:0}58%{opacity:1}82%,100%{transform:translate(var(--x,20px),var(--y,-25px)) scale(1);opacity:0} }

@media (max-width:1199px) {
    .wp-sec-workspace { grid-template-columns:minmax(120px,.8fr) 105px minmax(128px,.86fr); gap:.45rem; }.wp-sec-core { width:100px; height:100px; }.wp-sec-threat { padding:.45rem; }.wp-sec-threat > i { flex-basis:25px; height:25px; }
}
@media (max-width:991px) {
    .wp-sec-console { max-width:650px; width:100%; margin:auto; }
}
@media (max-width:575px) {
    .wp-sec-console { min-height:0; padding:.7rem; border-radius:23px; }.wp-sec-head small { display:none; }
    .wp-sec-workspace { grid-template-columns:1fr; min-height:0; padding:.8rem 0 .6rem; }.wp-sec-inbox { display:grid; grid-template-columns:1fr 1fr; gap:.4rem; }.wp-sec-inbox .wp-sec-label { grid-column:1 / -1; margin-bottom:.05rem; }.wp-sec-threat { min-height:62px; margin:0; }.wp-sec-threat small { display:none; }
    .wp-sec-filter { grid-template-columns:1fr auto 1fr; grid-template-rows:1fr; min-height:116px; }.wp-sec-lane,.wp-sec-safe-line { width:100%; height:2px; min-height:0; background:linear-gradient(90deg,#e2e6f2,#f87171,#e2e6f2); }.wp-sec-safe-line { background:linear-gradient(90deg,#d9eee6,#34d399,#d9eee6); }.wp-sec-lane > i,.wp-sec-safe-line > i { top:-3px; left:-4px; animation-name:wpSecPacketMobile; }.wp-sec-core { width:102px; height:102px; }
    .wp-sec-safe { display:grid; grid-template-columns:1fr 1fr; gap:.4rem; }.wp-sec-safe .wp-sec-label,.wp-sec-site { grid-column:1 / -1; }.wp-sec-check { min-height:68px; margin:0; padding:.55rem; }
    .wp-sec-footer { gap:.35rem; padding:.5rem; }.wp-sec-footer > span { gap:.3rem; }.wp-sec-footer > span > i { display:none; }
}
@keyframes wpSecPacketMobile { 0%{left:-4px;opacity:0}12%{opacity:1}78%{opacity:1}100%{left:100%;opacity:0;transform:scale(.35)} }

.wp-sec-perimeter { position:relative; width:100%; min-width:0; padding:1rem; border:1px solid rgba(99,102,241,.16); border-radius:30px; background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,248,255,.98)); box-shadow:0 30px 80px rgba(35,49,105,.13); overflow:hidden; isolation:isolate; }
.wp-sec-perimeter:before { content:""; position:absolute; z-index:-2; inset:0; background:radial-gradient(circle at 67% 39%,rgba(79,70,229,.16),transparent 31%),radial-gradient(circle at 92% 86%,rgba(16,185,129,.12),transparent 25%),linear-gradient(rgba(69,85,180,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(69,85,180,.035) 1px,transparent 1px); background-size:auto,auto,28px 28px,28px 28px; }
.wp-sec-perimeter:after { content:""; position:absolute; z-index:-1; width:230px; height:230px; right:-90px; top:90px; border:1px solid rgba(99,102,241,.13); border-radius:50%; box-shadow:0 0 0 38px rgba(99,102,241,.025),0 0 0 76px rgba(99,102,241,.018); }
.wp-sec-perimeter-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.1rem .2rem .85rem; border-bottom:1px solid #e5eaf3; color:#5f6b80; font-size:.55rem; font-weight:780; letter-spacing:.01em; }
.wp-sec-perimeter-head > span,.wp-sec-perimeter-head > strong { display:flex; align-items:center; gap:.42rem; }.wp-sec-perimeter-head > span > i { width:7px; height:7px; border-radius:50%; background:#6366f1; box-shadow:0 0 0 5px rgba(99,102,241,.1); animation:wpSecPerimeterLive 2s ease-in-out infinite; }.wp-sec-perimeter-head > strong { padding:6px 9px; border:1px solid #d1fae5; border-radius:999px; color:#087e5b; background:#ecfdf5; font-size:.5rem; }
.wp-sec-visual { position:relative; min-height:430px; padding:.5rem 0; overflow:hidden; }
.wp-sec-threat-stream { position:absolute; z-index:5; inset:0; pointer-events:none; }.wp-sec-threat-pill { position:absolute; left:50%; top:50%; z-index:5; width:0; height:0; animation:wpSecThreatTravel var(--dur) cubic-bezier(.4,0,.6,1) var(--d) infinite backwards; }
.wp-sec-threat-pill em { position:absolute; padding:7px 12px; border:1px solid rgba(244,63,94,.32); border-radius:100px; color:#be123c; background:#fff1f2; box-shadow:0 8px 18px rgba(113,52,72,.1); font-size:.54rem; font-style:normal; font-weight:760; line-height:1; white-space:nowrap; animation:wpSecThreatLabel var(--dur) ease-out var(--d) infinite backwards; }.wp-sec-threat-nw em { right:0;bottom:0;transform-origin:right bottom }.wp-sec-threat-ne em { left:0;bottom:0;transform-origin:left bottom }.wp-sec-threat-se em { left:0;top:0;transform-origin:left top }.wp-sec-threat-sw em { right:0;top:0;transform-origin:right top }
.wp-sec-threat-pill i { position:absolute; z-index:6; top:var(--py); left:var(--px); width:4px; height:4px; border-radius:50%; background:#fb7185; box-shadow:0 0 6px rgba(244,63,94,.42); opacity:0; animation:wpSecThreatDust var(--dur) ease-out var(--d) infinite backwards; }.wp-sec-threat-pill i:nth-of-type(odd) { width:3px;height:3px;background:#fda4af }.wp-sec-threat-pill i:nth-of-type(3n) { width:5px;height:5px;background:#f43f5e }
.wp-sec-defense-core { position:absolute; inset:0; display:grid; place-items:center; overflow:hidden; }.wp-sec-defense-core:before,.wp-sec-defense-core:after { content:""; position:absolute; z-index:1; width:250px; height:250px; border:2px solid rgba(99,102,241,.34); border-radius:50%; box-shadow:0 0 0 9px rgba(99,102,241,.045),inset 0 0 38px rgba(99,102,241,.07); animation:wpSecBoundaryPulse 2.6s ease-in-out infinite; }.wp-sec-defense-core:after { width:202px; height:202px; border:1px dashed rgba(99,102,241,.22); box-shadow:none; animation:wpSecRadar 8s linear infinite; }
.wp-sec-orbit { position:absolute; z-index:2; width:226px; height:226px; border:1px solid rgba(99,102,241,.13); border-radius:50%; animation:wpSecOrbit 12s linear infinite; }.wp-sec-orbit i { position:absolute; width:8px; height:8px; border-radius:50%; background:#6366f1; box-shadow:0 0 0 5px rgba(99,102,241,.1),0 0 18px #818cf8; }.wp-sec-orbit i:first-child { left:20px; top:35px; }.wp-sec-orbit i:nth-child(2) { right:4px; top:98px; background:#10b981; box-shadow:0 0 0 5px rgba(16,185,129,.1),0 0 18px #34d399; }.wp-sec-orbit i:nth-child(3) { left:78px; bottom:-2px; background:#38bdf8; }
.wp-sec-waf { position:absolute; z-index:6; left:50%; top:50%; display:flex; align-items:center; gap:.5rem; min-width:132px; padding:.58rem .68rem; border:1px solid #c7d2fe; border-radius:15px; background:rgba(255,255,255,.98); box-shadow:0 12px 30px rgba(79,70,229,.17),inset 0 0 0 3px #f5f3ff; transform:translate(-50%,-142px); }.wp-sec-waf:before { content:""; position:absolute; left:50%; bottom:-10px; width:7px; height:7px; border-radius:50%; background:#6366f1; box-shadow:0 0 0 5px rgba(99,102,241,.12); transform:translateX(-50%); animation:wpSecPerimeterLive 2s ease-in-out infinite; }.wp-sec-waf > i { display:grid; place-items:center; width:32px; height:32px; border-radius:10px; color:#fff; background:linear-gradient(135deg,#4f46e5,#8b5cf6); animation:wpSecWafGlow 2.4s ease-in-out infinite; }.wp-sec-waf > span { display:flex; flex-direction:column; }.wp-sec-waf small { color:#8b93a5; font-size:.36rem; }.wp-sec-waf strong { color:#30394d; font-size:.59rem; }
.wp-sec-site-card { position:relative; z-index:3; display:flex; align-items:center; flex-direction:column; justify-content:center; width:156px; height:156px; padding:1rem; border:1px solid rgba(167,243,208,.9); border-radius:50%; background:rgba(255,255,255,.96); box-shadow:0 20px 48px rgba(37,72,92,.14),0 0 0 10px rgba(255,255,255,.62); text-align:center; }.wp-sec-site-mark { display:grid; place-items:center; width:47px; height:47px; border-radius:15px; color:#fff; background:linear-gradient(135deg,#3858f6,#7c3aed); box-shadow:0 10px 22px rgba(79,70,229,.22); font-size:1.2rem; }.wp-sec-site-copy { display:flex; align-items:center; flex-direction:column; }.wp-sec-site-copy small { margin-top:.4rem; color:#8791a3; font-size:.4rem; }.wp-sec-site-copy strong { color:#173f34; font-size:.78rem; }.wp-sec-site-copy span { display:flex; align-items:center; gap:5px; color:#07815d; font-size:.39rem; font-weight:760; }.wp-sec-site-copy span i { width:5px; height:5px; border-radius:50%; background:#10b981; animation:wpSecPerimeterLive 2s ease-in-out infinite; }.wp-sec-site-ring { position:absolute; right:4px; bottom:20px; display:grid; place-items:center; width:30px; height:30px; border:1px solid #a7f3d0; border-radius:50%; color:#059669; background:#ecfdf5; font-size:.72rem; }
.wp-sec-scan-beam { position:absolute; z-index:4; width:142px; height:2px; border-radius:2px; background:linear-gradient(90deg,transparent,#38bdf8 25%,#34d399 75%,transparent); box-shadow:0 4px 15px rgba(56,189,248,.7); animation:wpSecCoreScan 3.4s ease-in-out infinite; }.wp-sec-core-caption { position:absolute; z-index:4; left:50%; bottom:54px; display:flex; align-items:center; gap:5px; padding:5px 8px; border-radius:99px; color:#526079; background:rgba(255,255,255,.86); font-size:.4rem; font-weight:750; transform:translateX(-50%); }.wp-sec-core-caption i { color:#6366f1; animation:wpSecOrbit 2s linear infinite; }
@keyframes wpSecPerimeterLive { 0%,100%{transform:scale(.75);opacity:.65}50%{transform:scale(1.12);opacity:1} }
@keyframes wpSecThreatTravel { 0%{transform:translate(var(--sx),var(--sy))}32%,100%{transform:translate(var(--ix),var(--iy))} }
@keyframes wpSecThreatLabel { 0%{opacity:0;filter:blur(0);scale:1}5%,32%{opacity:1;filter:blur(0);scale:1}39%,100%{opacity:0;filter:blur(7px);scale:.18} }
@keyframes wpSecThreatDust { 0%,32%{opacity:0;transform:translate(0,0) scale(1)}35%{opacity:1;transform:translate(calc(var(--dx) * .2),calc(var(--dy) * .2)) scale(1)}57%,100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.15)} }
@keyframes wpSecRadar { to{transform:rotate(360deg)} }
@keyframes wpSecOrbit { to{transform:rotate(360deg)} }
@keyframes wpSecWafGlow { 0%,100%{box-shadow:0 0 0 0 rgba(99,102,241,0)}50%{box-shadow:0 0 0 7px rgba(99,102,241,.12)} }
@keyframes wpSecBoundaryPulse { 0%,100%{border-color:rgba(99,102,241,.25);box-shadow:0 0 0 9px rgba(99,102,241,.035),inset 0 0 38px rgba(99,102,241,.05)}50%{border-color:rgba(99,102,241,.52);box-shadow:0 0 0 13px rgba(99,102,241,.065),inset 0 0 42px rgba(99,102,241,.1)} }
@keyframes wpSecCoreScan { 0%,100%{transform:translateY(-54px);opacity:0}18%,78%{opacity:1}88%{transform:translateY(54px);opacity:0} }
@media (max-width:991px) { .wp-sec-perimeter { max-width:650px; margin:auto; } }
@media (max-width:575px) { .wp-sec-perimeter { padding:.7rem; border-radius:23px; }.wp-sec-perimeter-head { gap:.5rem; }.wp-sec-perimeter-head > strong { padding:5px 7px; }.wp-sec-visual { min-height:370px; }.wp-sec-threat-pill { animation-name:wpSecThreatTravelMobile }.wp-sec-threat-pill em { padding:6px 9px;font-size:.45rem }.wp-sec-defense-core:before { width:210px;height:210px }.wp-sec-defense-core:after { width:172px;height:172px }.wp-sec-orbit { width:190px;height:190px }.wp-sec-orbit i:first-child { left:16px;top:28px }.wp-sec-orbit i:nth-child(2) { top:82px }.wp-sec-orbit i:nth-child(3) { left:66px }.wp-sec-waf { min-width:116px;padding:.5rem .58rem;transform:translate(-50%,-122px) }.wp-sec-waf > i { width:27px;height:27px }.wp-sec-waf strong { font-size:.51rem }.wp-sec-site-card { width:138px;height:138px }.wp-sec-site-mark { width:43px;height:43px }.wp-sec-core-caption { bottom:39px } }
@keyframes wpSecThreatTravelMobile { 0%{transform:translate(var(--msx),var(--msy))}32%,100%{transform:translate(var(--mix),var(--miy))} }
@media (prefers-reduced-motion: reduce) {
    .wp-page *, .wp-page *:before, .wp-page *:after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; }
}

/* Cenmax design rule: full-width sections use light surfaces, never dark backgrounds. */
.wp-proof-strip {
    /* Cells own the spacing; do not inherit the generic section padding. */
    padding: 0;
    background: #f3f5ff;
    border-top: 1px solid rgba(56, 88, 246, .1);
    border-bottom: 1px solid rgba(56, 88, 246, .1);
}
.wp-proof-grid div {
    color: var(--wp-ink);
    border-right-color: rgba(56, 88, 246, .12);
}
.wp-proof-grid span { color: var(--wp-muted); }
.wp-proof-grid strong { color: #3147ba; }

.wp-managed-section {
    color: var(--wp-ink);
    background: linear-gradient(180deg, #f8f9ff 0%, #eef4ff 100%);
}
.wp-managed-section .section-label { color: #4f46e5; }
.wp-managed-section .wp-section-intro p { color: var(--wp-muted); }
.wp-day-card {
    border-color: rgba(56, 88, 246, .13);
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 18px 42px rgba(42, 55, 110, .07);
}
.wp-day-time { color: #536079; background: #eef1ff; }
.wp-day-card > i { color: #4f46e5; }
.wp-day-card h3 { color: var(--wp-ink); }
.wp-day-card p { color: var(--wp-muted); }

.wp-security-section {
    color: var(--wp-ink);
    background: linear-gradient(180deg, #f7fbff 0%, #eef7ff 100%);
}
.wp-security-section .wp-split-copy > p { color: var(--wp-muted); }
.wp-security-section .section-label { color: #2563eb; }
.wp-security-list li { color: #39445a; }
.wp-shield-stage {
    border-color: rgba(56, 88, 246, .13);
    background: radial-gradient(circle at 55% 50%, rgba(56, 88, 246, .16), transparent 35%), linear-gradient(145deg, #ffffff, #edf4ff);
    box-shadow: 0 24px 55px rgba(47, 62, 120, .09);
}
.wp-protected-site {
    color: var(--wp-ink);
    background: #fff;
    border: 1px solid rgba(56, 88, 246, .14);
    box-shadow: 0 20px 48px rgba(47, 62, 120, .14);
}
.wp-protected-site i { color: #4f46e5; }
.wp-protected-site span { color: #059669; }
.wp-attack { color: #9f1239; background: #fff1f2; }

.wp-bento-maxpage {
    color: var(--wp-ink);
    background: radial-gradient(circle at 100% 0, rgba(14, 165, 233, .17), transparent 44%), linear-gradient(145deg, #f5f3ff, #eef6ff);
    border-color: rgba(99, 102, 241, .15);
}
.wp-bento-maxpage .wp-bento-icon { color: #5b21b6; background: #ede9fe; }
.wp-bento-maxpage h3 { color: var(--wp-ink); }
.wp-bento-maxpage > p { color: var(--wp-muted); }
.wp-credit-pill { color: #4c1d95; background: #ede9fe; }
.wp-bento-support {
    color: var(--wp-ink);
    background: radial-gradient(circle at 0 50%, rgba(14, 165, 233, .16), transparent 36%), linear-gradient(130deg, #f5f9ff, #eef1ff);
    border-color: rgba(56, 88, 246, .13);
}
.wp-bento-support h3 { color: var(--wp-ink); }
.wp-bento-support p { color: var(--wp-muted); }
.wp-bento-support .wp-kicker { color: #4f46e5; }

.wp-final-card {
    color: var(--wp-ink);
    background: radial-gradient(circle at 95% 5%, rgba(14, 165, 233, .18), transparent 31%), radial-gradient(circle at 10% 100%, rgba(236, 72, 153, .1), transparent 38%), linear-gradient(135deg, #f4f6ff, #eef7ff);
    border: 1px solid rgba(56, 88, 246, .14);
    box-shadow: 0 30px 65px rgba(68, 78, 145, .13);
}
.wp-final-card h2 { color: var(--wp-ink); }
.wp-final-card p { color: var(--wp-muted); }
.wp-final-card .wp-kicker { color: #4f46e5; }
.wp-btn-light {
    color: #fff;
    background: linear-gradient(135deg, var(--wp-blue), var(--wp-violet));
    box-shadow: 0 16px 36px rgba(56, 88, 246, .24);
}
.wp-btn-light:hover { color: #fff; }
.wp-final-actions > a:last-child { color: #4f46e5; }

@media (max-width: 991px) {
    .wp-proof-grid div:nth-child(-n+2) { border-bottom-color: rgba(56, 88, 246, .12); }
}

/* Hero management animation, expanded with live system activity. */
.wp-site-uptime { display:flex; align-items:center; gap:5px; padding:5px 8px; border-radius:999px; color:#13795b; background:#ecfdf5; font-size:.57rem; font-weight:750; white-space:nowrap; }
.wp-site-uptime span { width:6px; height:6px; border-radius:50%; background:#10b981; box-shadow:0 0 0 4px rgba(16,185,129,.12); animation:wpLiveDot 1.8s ease-in-out infinite; }
.wp-care-ring { width:370px; height:350px; margin:.35rem auto -.15rem; }
.wp-care-ring:before { content:""; position:absolute; inset:72px 82px; border-radius:50%; background:radial-gradient(circle,rgba(99,102,241,.14),rgba(99,102,241,.035) 58%,transparent 70%); animation:wpCareGlow 3.4s ease-in-out infinite; }
.wp-care-orbit { border-radius:50%; }
.wp-care-orbit-outer { inset:38px 48px; border:1px dashed rgba(56,88,246,.25); animation:wpSpin 26s linear infinite; }
.wp-care-orbit-inner { inset:76px 86px; border:1px solid rgba(56,88,246,.12); animation:wpSpin 17s linear infinite reverse; }
.wp-care-orbit b { position:absolute; display:block; width:7px; height:7px; border-radius:50%; background:#6477fa; box-shadow:0 0 0 5px rgba(99,102,241,.1),0 0 18px rgba(99,102,241,.55); }
.wp-care-orbit-outer b:first-child { left:24%; top:-4px; }
.wp-care-orbit-outer b:nth-child(2) { right:-4px; top:58%; background:#0ea5e9; }
.wp-care-orbit-outer b:nth-child(3) { left:17%; bottom:8px; background:#10b981; }
.wp-care-orbit-inner b:first-child { right:15%; top:6px; width:5px; height:5px; }
.wp-care-orbit-inner b:nth-child(2) { left:-3px; top:57%; width:5px; height:5px; background:#ec4899; }
.wp-care-beam { position:absolute; z-index:1; left:50%; top:50%; width:94px; height:1px; transform-origin:left center; background:linear-gradient(90deg,rgba(99,102,241,.45),transparent); overflow:hidden; }
.wp-care-beam:after { content:""; position:absolute; width:28px; height:1px; background:#fff; filter:blur(1px); animation:wpBeam 2.6s linear infinite; }
.wp-beam-one { transform:rotate(-90deg); }.wp-beam-two { transform:rotate(0); }.wp-beam-three { transform:rotate(90deg); }.wp-beam-four { transform:rotate(180deg); }
.wp-beam-two:after { animation-delay:-.65s; }.wp-beam-three:after { animation-delay:-1.3s; }.wp-beam-four:after { animation-delay:-1.95s; }
.wp-care-core:before { content:""; position:absolute; inset:-10px; border:1px solid rgba(99,102,241,.24); border-radius:46px; animation:wpCoreRing 2.8s ease-out infinite; }
.wp-care-core i { animation:wpHeart 1.8s ease-in-out infinite; }
.wp-node-speed { top:12px; left:139px; }.wp-node-safe { top:147px; right:-5px; }.wp-node-backup { bottom:6px; left:132px; }.wp-node-help { top:147px; left:-8px; }
.wp-care-signal { position:absolute; z-index:1; display:flex; gap:3px; align-items:flex-end; }
.wp-care-signal i { display:block; width:3px; border-radius:3px; background:#a5b4fc; animation:wpSignal 1.3s ease-in-out infinite; }
.wp-care-signal i:first-child { height:7px; }.wp-care-signal i:nth-child(2) { height:13px; animation-delay:-.35s; }.wp-care-signal i:nth-child(3) { height:19px; animation-delay:-.7s; }
.wp-signal-one { top:57px; left:66px; }.wp-signal-two { right:67px; bottom:54px; transform:rotate(180deg); }
.wp-care-status { position:absolute; z-index:4; display:grid; grid-template-columns:auto 1fr; gap:0 7px; align-items:center; min-width:94px; padding:7px 9px; border:1px solid rgba(56,88,246,.12); border-radius:10px; background:rgba(255,255,255,.9); box-shadow:0 9px 22px rgba(42,49,90,.08); backdrop-filter:blur(8px); }
.wp-care-status > i { grid-row:span 2; color:#6366f1; font-size:.8rem; }.wp-care-status span { color:#6b7280; font-size:.52rem; }.wp-care-status b { color:#139a70; font-size:.56rem; }
.wp-status-cdn { left:14px; top:64px; }.wp-status-scan { right:12px; bottom:53px; }
.wp-health-row { display:grid; grid-template-columns:1fr 1.1fr auto; gap:.9rem; align-items:center; padding:.7rem .85rem; margin:0 0 .6rem; border:1px solid rgba(56,88,246,.1); border-radius:12px; background:linear-gradient(90deg,#fafbff,#f5f8ff); }
.wp-health-copy { display:flex; flex-direction:column; gap:3px; }.wp-health-copy > span { color:#7b8496; font-size:.54rem; font-weight:650; }.wp-health-copy strong { display:flex; align-items:center; gap:5px; color:#263044; font-size:.61rem; }.wp-health-copy strong i { width:6px; height:6px; border-radius:50%; background:#10b981; box-shadow:0 0 0 3px rgba(16,185,129,.1); }
.wp-health-chart { display:flex; align-items:flex-end; gap:3px; height:28px; padding-top:4px; border-bottom:1px solid #dfe4f1; }.wp-health-chart i { flex:1; height:var(--h); min-width:4px; border-radius:3px 3px 0 0; background:linear-gradient(#818cf8,#c7d2fe); animation:wpChart 2.8s ease-in-out infinite; }.wp-health-chart i:nth-child(2n) { animation-delay:-.4s; }.wp-health-chart i:nth-child(3n) { animation-delay:-.9s; }
.wp-health-now { display:flex; flex-direction:column; text-align:right; }.wp-health-now strong { color:#4f46e5; font-size:.72rem; }.wp-health-now span { color:#8a91a0; font-size:.5rem; }

@keyframes wpLiveDot { 0%,100%{transform:scale(.75);opacity:.65}50%{transform:scale(1.15);opacity:1} }
@keyframes wpCareGlow { 0%,100%{transform:scale(.92);opacity:.65}50%{transform:scale(1.08);opacity:1} }
@keyframes wpCoreRing { 0%{transform:scale(.8);opacity:0}40%{opacity:.8}100%{transform:scale(1.15);opacity:0} }
@keyframes wpHeart { 0%,100%{transform:scale(1)}15%{transform:scale(1.16)}28%{transform:scale(1)}42%{transform:scale(1.1)} }
@keyframes wpBeam { from{left:-30px}to{left:100%} }
@keyframes wpSignal { 0%,100%{opacity:.45;transform:scaleY(.65)}50%{opacity:1;transform:scaleY(1)} }
@keyframes wpChart { 0%,100%{filter:saturate(.8);opacity:.7}50%{filter:saturate(1.4);opacity:1} }

@media (max-width:767px) {
    .wp-care-ring { width:310px; height:310px; margin-left:calc(50% - 155px); margin-right:0; transform:scale(.92); }
    .wp-care-orbit-outer { inset:36px 30px; }.wp-care-orbit-inner { inset:76px 70px; }
    .wp-node-speed { left:109px; }.wp-node-backup { left:101px; }.wp-node-safe { right:-4px; }.wp-node-help { left:-4px; }
    .wp-care-status { display:none; }
    .wp-health-row { grid-template-columns:1fr 1.1fr; }.wp-health-now { display:none; }
}
@media (max-width:575px) { .wp-site-uptime { display:none; } }

/* Hero concept: a live WordPress operations board. */
.wp-ops-board { position:relative; padding:1rem; border:1px solid rgba(56,88,246,.14); border-radius:30px; background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,248,255,.94)); box-shadow:0 38px 90px rgba(39,44,96,.16); overflow:hidden; isolation:isolate; }
.wp-ops-board:before { content:""; position:absolute; z-index:-1; width:260px; height:260px; top:-130px; right:-80px; border-radius:50%; background:radial-gradient(circle,rgba(99,102,241,.2),transparent 68%); }
.wp-ops-board:after { content:""; position:absolute; z-index:-1; width:220px; height:220px; left:-110px; bottom:-120px; border-radius:50%; background:radial-gradient(circle,rgba(14,165,233,.16),transparent 68%); }
.wp-ops-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.25rem .25rem 1rem; }
.wp-ops-identity { display:flex; align-items:center; gap:.7rem; }
.wp-ops-identity > span:last-child { display:flex; flex-direction:column; }
.wp-ops-identity strong { color:#202941; font-size:.75rem; }
.wp-ops-identity small { color:#81899a; font-size:.58rem; }
.wp-ops-wp { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; color:#fff; background:linear-gradient(135deg,#3858f6,#7c3aed); box-shadow:0 9px 20px rgba(79,70,229,.2); }
.wp-ops-normal { display:flex; align-items:center; gap:6px; padding:7px 10px; border:1px solid rgba(16,185,129,.14); border-radius:999px; color:#087e5b; background:#ecfdf5; font-size:.58rem; font-weight:750; white-space:nowrap; }
.wp-ops-normal i { width:6px; height:6px; border-radius:50%; background:#10b981; box-shadow:0 0 0 4px rgba(16,185,129,.12); animation:wpOpsLive 1.8s ease-in-out infinite; }
.wp-ops-traffic { position:relative; display:grid; grid-template-columns:auto 1fr auto .44fr auto; align-items:center; min-height:78px; padding:.75rem; border:1px solid rgba(56,88,246,.1); border-radius:17px; background:rgba(255,255,255,.78); box-shadow:0 10px 30px rgba(52,62,110,.05); }
.wp-visitor-stack { position:relative; display:flex; align-items:center; padding-right:.7rem; }
.wp-visitor-stack > span { display:grid; place-items:center; width:24px; height:24px; margin-left:-7px; border:2px solid #fff; border-radius:50%; color:#5668dd; background:#e9edff; font-size:.62rem; }
.wp-visitor-stack > span:first-child { margin-left:0; }.wp-visitor-stack > span:nth-child(2) { color:#0891b2; background:#e0f7ff; }.wp-visitor-stack > span:nth-child(3) { color:#7c3aed; background:#f1eaff; }
.wp-visitor-stack small { position:absolute; left:0; top:29px; color:#8790a1; font-size:.48rem; font-weight:700; }
.wp-ops-route { position:relative; height:1px; margin:0 .7rem; background:linear-gradient(90deg,#dbe2ff,#7c8df7,#dbe2ff); overflow:visible; }
.wp-ops-route i { position:absolute; top:-3px; left:-5px; width:7px; height:7px; border-radius:50%; background:#6578f6; box-shadow:0 0 0 4px rgba(99,102,241,.1); animation:wpOpsPacket 3.2s linear infinite; }
.wp-ops-route i:nth-child(2) { animation-delay:-1.05s; }.wp-ops-route i:nth-child(3) { animation-delay:-2.1s; }
.wp-ops-route-short i:nth-child(2) { animation-delay:-1.6s; }
.wp-route-stop { position:relative; display:flex; align-items:center; gap:.55rem; min-width:114px; padding:.65rem .7rem; border:1px solid rgba(56,88,246,.11); border-radius:13px; background:#fff; box-shadow:0 8px 20px rgba(44,54,101,.07); }
.wp-route-stop > i { display:grid; place-items:center; flex:0 0 28px; height:28px; border-radius:9px; color:#3858f6; background:#edf0ff; font-size:.8rem; }
.wp-route-stop > span { display:flex; flex-direction:column; }
.wp-route-stop strong { color:#30394d; font-size:.57rem; }.wp-route-stop small { color:#8a92a2; font-size:.46rem; }
.wp-route-waf > i { color:#059669; background:#dcfce7; }
.wp-route-waf > b { position:absolute; inset:5px; border-radius:9px; border:1px solid transparent; animation:wpOpsWaf 3.2s ease-out infinite; }
.wp-ops-workspace { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(145px,.72fr); gap:.75rem; margin-top:.75rem; }
.wp-ops-preview { position:relative; min-height:286px; border:1px solid rgba(56,88,246,.12); border-radius:18px; background:#fff; box-shadow:0 16px 36px rgba(45,55,105,.08); overflow:hidden; }
.wp-preview-bar { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; height:36px; padding:0 .7rem; border-bottom:1px solid #e8ebf3; background:#fafbfe; }
.wp-preview-bar > span { display:flex; gap:4px; }.wp-preview-bar > span i { width:5px; height:5px; border-radius:50%; background:#c8cede; }.wp-preview-bar > span i:first-child { background:#fb7185; }.wp-preview-bar > span i:nth-child(2) { background:#fbbf24; }.wp-preview-bar > span i:last-child { background:#34d399; }
.wp-preview-bar em { color:#8a91a0; font-size:.48rem; font-style:normal; }.wp-preview-bar b { justify-self:end; color:#059669; font-size:.48rem; text-transform:uppercase; }
.wp-preview-page { padding:1rem; background:linear-gradient(145deg,#fff 35%,#f5f7ff); }
.wp-preview-nav { display:flex; align-items:center; gap:.45rem; }.wp-preview-nav i { width:20px; height:20px; border-radius:6px; background:linear-gradient(135deg,#3858f6,#7c3aed); }.wp-preview-nav span { flex:1; height:5px; border-radius:5px; background:#e2e6f0; }.wp-preview-nav b { width:18px; height:4px; border-radius:4px; background:#d3d8e7; }
.wp-preview-hero { position:relative; margin-top:.9rem; padding:1rem; border-radius:12px; background:radial-gradient(circle at 90% 15%,rgba(14,165,233,.2),transparent 30%),linear-gradient(135deg,#eef1ff,#faf7ff); overflow:hidden; }
.wp-preview-hero:after { content:""; position:absolute; width:90px; height:90px; right:-18px; bottom:-30px; border:14px solid rgba(99,102,241,.09); border-radius:50%; animation:wpOpsTurn 14s linear infinite; }
.wp-preview-kicker { display:block; width:38px; height:4px; margin-bottom:.55rem; border-radius:4px; background:#8290f4; }
.wp-preview-hero strong { display:block; width:64%; height:10px; margin-bottom:5px; border-radius:4px; background:#2d3650; }.wp-preview-hero strong.short { width:43%; }
.wp-preview-hero p { width:72%; height:4px; margin:9px 0 0; border-radius:4px; background:#c6ccda; }.wp-preview-hero p.short { width:54%; margin-top:4px; }
.wp-preview-hero button { width:44px; height:14px; margin-top:.75rem; padding:0; border:0; border-radius:4px; background:linear-gradient(90deg,#3858f6,#7c3aed); }
.wp-preview-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:.45rem; margin-top:.65rem; }.wp-preview-cards i { height:42px; border:1px solid #edf0f6; border-radius:8px; background:#fff; box-shadow:0 5px 12px rgba(42,52,96,.04); }
.wp-preview-ready { position:absolute; right:.65rem; bottom:.6rem; display:flex; align-items:center; gap:4px; padding:5px 7px; border-radius:999px; color:#087e5b; background:#ecfdf5; box-shadow:0 5px 14px rgba(16,185,129,.12); font-size:.48rem; font-weight:750; animation:wpOpsReady 4s ease-in-out infinite; }
.wp-ops-rail { display:grid; grid-template-rows:repeat(3,1fr); gap:.65rem; }
.wp-ops-card { position:relative; display:grid; grid-template-columns:auto 1fr; gap:.55rem; align-items:center; min-height:76px; padding:.7rem; border:1px solid rgba(56,88,246,.1); border-radius:15px; background:rgba(255,255,255,.94); box-shadow:0 10px 25px rgba(44,54,101,.055); overflow:hidden; }
.wp-ops-card-icon { display:grid; place-items:center; width:31px; height:31px; border-radius:10px; color:#4f46e5; background:#eef0ff; font-size:.83rem; }
.wp-ops-card > span:nth-child(2) { display:flex; min-width:0; flex-direction:column; }.wp-ops-card small { color:#8a92a2; font-size:.47rem; }.wp-ops-card strong { color:#30394d; font-size:.55rem; line-height:1.25; }
.wp-ops-security .wp-ops-card-icon { color:#059669; background:#dcfce7; }.wp-scan-line { position:absolute; left:0; right:0; top:0; height:2px; background:linear-gradient(90deg,transparent,#34d399,transparent); animation:wpOpsScan 3.6s ease-in-out infinite; }
.wp-ops-backup b { position:absolute; right:8px; bottom:8px; width:24px; height:24px; border-radius:50%; background:conic-gradient(#6366f1 0 88%,#e6e9f4 88%); animation:wpOpsBackup 5s ease-in-out infinite; }.wp-ops-backup b:after { content:""; position:absolute; inset:4px; border-radius:50%; background:#fff; }.wp-ops-backup b i { position:absolute; z-index:1; inset:8px; border-right:1.5px solid #6366f1; border-bottom:1.5px solid #6366f1; transform:rotate(45deg); }
.wp-ops-support .wp-ops-card-icon { color:#0284c7; background:#e0f2fe; }.wp-ops-support em { grid-column:2; margin-top:-5px; color:#4f46e5; font-size:.45rem; font-style:normal; font-weight:750; }
.wp-ops-footer { display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; margin-top:.75rem; }
.wp-ops-footer span { display:flex; align-items:center; justify-content:center; gap:5px; min-height:31px; border:1px solid rgba(56,88,246,.09); border-radius:9px; color:#667085; background:rgba(255,255,255,.72); font-size:.48rem; font-weight:700; }.wp-ops-footer i { color:#6366f1; }.wp-ops-footer .active i { color:#f59e0b; }

@keyframes wpOpsLive { 0%,100%{transform:scale(.7);opacity:.6}50%{transform:scale(1.15);opacity:1} }
@keyframes wpOpsPacket { 0%{left:-5px;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:100%;opacity:0} }
@keyframes wpOpsWaf { 0%,48%{border-color:transparent;box-shadow:none}58%{border-color:rgba(16,185,129,.35);box-shadow:0 0 0 3px rgba(16,185,129,.08)}76%,100%{border-color:transparent;box-shadow:none} }
@keyframes wpOpsTurn { to{transform:rotate(360deg)} }
@keyframes wpOpsReady { 0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)} }
@keyframes wpOpsScan { 0%,100%{top:0;opacity:0}15%{opacity:1}65%{opacity:1}85%{top:100%;opacity:0} }
@keyframes wpOpsBackup { 0%,72%,100%{transform:scale(1)}82%{transform:scale(1.14)} }

@media (max-width:1199px) {
    .wp-ops-traffic { grid-template-columns:auto 1fr auto .25fr auto; }.wp-route-stop { min-width:104px; padding:.6rem; }
}
@media (max-width:991px) {
    .wp-ops-board { max-width:620px; width:100%; margin:auto; }
}
@media (max-width:575px) {
    .wp-ops-board { padding:.7rem; border-radius:22px; }
    .wp-ops-header { align-items:flex-start; }.wp-ops-normal { padding:6px 8px; font-size:.5rem; }
    .wp-ops-traffic { grid-template-columns:auto 1fr auto; min-height:70px; padding:.55rem; }
    .wp-ops-route-short,.wp-route-waf { display:none; }.wp-route-stop { min-width:105px; }.wp-visitor-stack > span { width:21px; height:21px; }
    .wp-ops-workspace { grid-template-columns:1fr; }.wp-ops-preview { min-height:263px; }
    .wp-ops-rail { grid-template-columns:repeat(3,1fr); grid-template-rows:1fr; gap:.4rem; }
    .wp-ops-card { grid-template-columns:1fr; justify-items:center; min-height:102px; padding:.55rem .35rem; text-align:center; }.wp-ops-card > span:nth-child(2) { align-items:center; }.wp-ops-card strong { font-size:.5rem; }.wp-ops-support em { grid-column:1; margin-top:-4px; }.wp-ops-backup b { display:none; }
    .wp-ops-footer { grid-template-columns:1fr 1fr; }.wp-ops-footer span:last-child { display:none; }
}