.big-cta, .centered, .footer-links {text-align: center }:root {--primary: #7B5FFF;--accent1: #FF3CAC;--accent2: #784BA0;--gradient: linear-gradient(135deg, var(--accent1), var(--accent2));--bg: #F8F8F8;--text: #1E1E1E;--muted: #6B6B6B;--white: #ffffff;--brand-bg: #7851a9;--maxWidth: 1200px;--radius-xl: 18px;--radius-lg: 12px;--gap: 24px;font-family: Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial }* {box-sizing: border-box }body, html {height: 100% }body {margin: 0;color: var(--text);background: var(--white);-webkit-font-smoothing: antialiased;line-height: 1.45 }a {color: inherit;text-decoration: none }img {max-width: 100%;display: block }.container {max-width: var(--maxWidth);margin: 0 auto;padding: 0 24px }header {padding: 20px 0;display: flex;align-items: center;justify-content: space-between }.brand, .logo {align-items: center;display: flex }.brand {gap: 12px }.logo {width: 40px;height: 40px;border-radius: 10px;background: var(--primary);background-image: linear-gradient(135deg,#ff3cac,#784ba0);justify-content: center;color: var(--white);font-weight: 700;font-size: 18px }.hero, nav {align-items: center }nav {display: flex;gap: 18px }.nav-link {font-size: 15px;color: var(--muted) }.nav-cta {padding: 10px 16px;border-radius: 12px;border: 1px solid var(--primary);color: var(--primary);font-weight: 600 }.about, .hero {min-height: 84vh;display: flex;padding: 56px 0 }.btn, .control-label, .icon, .metric .value {font-weight: 700 }.hero {background-image: url('images/cubepattern_scale_down.png') }.about, .hero-grid {align-items: center }.hero-grid {display: grid;grid-template-columns: 1fr 560px;gap: 48px;width: 100% }.hero h1 {font-size: 48px;line-height: 1.05;margin: 0 0 16px }.hero p.lead {margin: 0 0 22px;font-size: 18px;color: var(--muted) }.cta-row, .mockup .schedule {display: flex;align-items: center }.cta-row {gap: 12px }.btn {padding: 12px 18px;border-radius: 14px;border: 0;cursor: pointer;box-shadow: 0 6px 20px rgba(123,91,255,.12) }.btn-primary {background: var(--gradient);color: var(--white);transform-origin: center }.btn-secondary {background: 0 0;border: 2px solid var(--primary);color: var(--primary) }.mockup {background: linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.75));border-radius: 18px;padding: 18px;box-shadow: 0 18px 40px rgba(18,18,18,.06) }.mockup .post {background: #fff;border-radius: 12px;padding: 14px;margin-bottom: 12px;border: 1px solid #eee }.mockup .post h4 {margin: 0 0 8px;font-size: 14px }.mockup .post p, .mockup .schedule {font-size: 13px;color: var(--muted) }.mockup .post p {margin: 0 }.mockup .schedule {margin-top: 8px;gap: 8px }.agent-avatar {display: block;width: 45px;height: 45px;background: url(https://storage.googleapis.com/workspace-user-assets/young-man-1.jpeg) center/cover no-repeat #e6e7ed;-moz-border-radius: 50px;-webkit-border-radius: 50px }section {padding: 88px 0;border-top: 1px solid rgba(0,0,0,.02) }.split {display: grid;grid-template-columns: 1fr 460px;gap: 36px;align-items: center }.chat, .icon, .icons, .metrics {display: flex }.split.reverse {grid-template-columns: 460px 1fr }.feature-title {font-size: 28px;margin: 0 0 12px }.feature-body {color: var(--muted);margin: 0 0 20px }.big-cta, footer {color: var(--white) }.card {background: var(--white);border-radius: 14px;padding: 18px;border: 1px solid #eee;box-shadow: 0 10px 30px rgba(10,10,10,.04) }.agent-builder {display: flex;gap: 12px;flex-wrap: wrap;justify-content: center }.builder-control {min-width: 160px;max-width: 260px;border-radius: 12px;padding: 14px;border: 1px dashed #eee;background: #fff }.control-label {margin-bottom: 6px }.slider {height: 8px;background: #eee;border-radius: 6px }.chat {flex-direction: column;gap: 10px }.bubble {max-width: 78%;padding: 12px 14px;border-radius: 12px;font-size: 14px }.bubble.user {align-self: flex-end;background: linear-gradient(90deg,var(--primary),var(--accent2));color: #fff;border-bottom-right: 6px }.bubble.agent {align-self: flex-start;background: #fff;border: 1px solid #eee;color: var(--text) }.icon, .metric {border-radius: 12px }.metrics {gap: 12px;flex-wrap: wrap }.metric {background: linear-gradient(90deg,rgba(123,91,255,.06),rgba(120,75,160,.03));padding: 14px;min-width: 160px }.metric .value {font-size: 20px }.metric .label {font-size: 13px;color: var(--muted) }.icons {gap: 18px;justify-content: center;flex-wrap: wrap }.icon {width: 84px;height: 84px;background: #fff;border: 1px solid #eee;align-items: center;justify-content: center;box-shadow: 0 8px 30px rgba(10,10,10,.03) }.big-cta {padding: 56px 24px;border-radius: 20px }.big-cta h2 {margin: 0 0 12px;font-size: 32px }.big-cta p {margin: 0 0 18px;color: rgba(255,255,255,.9) }footer {padding: 40px 0;background-color: var(--brand-bg) }.footer-grid {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 24px }.footer-links {padding: 2rem 0;display: block;margin: 0 auto }.footer-link, .footer-link:hover {text-decoration: none;color: #fff;margin-right: 15px }.footer h4 {color: #fff;margin: 0 0 6px }.muted {color: var(--muted) }.social-links, .social-links-start {margin-right: 30px }.social-icons {font-size: 1rem }@media (max-width:1000px) {.hero-grid {grid-template-columns: 1fr;padding-bottom: 20px }.split, .split.reverse {grid-template-columns: 1fr;text-align: left }.mockup {order: 2 }.hero {padding: 40px 0 }}@media (max-width:560px) {.hero h1 {font-size: 34px }.hero p.lead {font-size: 15px }.nav-hide {display: none }.footer-grid {grid-template-columns: 1fr }.social-links, .social-links-start {margin-right: 10px }}.btn:active {transform: translateY(1px) }.btn-primary:hover {transform: scale(1.03) }.btn-secondary:hover {background: rgba(123,91,255,.06) }.brand-background-dark {background: linear-gradient(90deg,#554e99 0,#7771ad 100%) }.feature-section-light {background: linear-gradient(90deg,#fff7f6 0,#fffaf9 100%) }