:root{--bg:#f4f7fb;--bg-strong:#e8eef8;--surface:#ffffff;--surface-2:#eef3fa;--panel:#ffffffd9;--panel-strong:#ffffff;--ink:#162036;--ink-soft:#55657f;--muted:#8693aa;--line:#dce3f0;--line-strong:#bec8dc;--accent:#6b52ff;--accent-strong:#4e39d6;--accent-soft:#6b52ff12;--accent-wash:#6b52ff22;--warm:#23a8ff;--warm-soft:#23a8ff16;--sky:#5e77ff;--sky-soft:#5e77ff18;--rose:#f156c1;--rose-soft:#f156c118;--mint:#2fd6c4;--mint-soft:#2fd6c414;--success:#2f9368;--danger:#bc5d57;--shadow-soft:0 30px 70px -34px #21386e24;--shadow-panel:0 42px 110px -48px #30406c38;--radius:30px;--radius-md:22px;--radius-sm:16px;--radius-xs:12px;--container:1220px;--header-h:84px;--font:'Manrope', system-ui, sans-serif;--font-mono:'IBM Plex Mono', monospace}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100%;overflow-x:clip}
body{font-family:var(--font);background:radial-gradient(circle at 12% 8%, #7d68ff22 0, #7d68ff00 24%), radial-gradient(circle at 88% 10%, #38cfff20 0, #38cfff00 20%), radial-gradient(circle at 52% 32%, #ffffff 0, #ffffff00 38%), linear-gradient(180deg, #fbfdff 0%, var(--bg) 34%, #edf2fb 100%);color:var(--ink);line-height:1.65;min-height:100dvh;overflow-x:hidden;width:100%;max-width:100%}
body.no-scroll{overflow:hidden}
h1, h2, h3, h4{color:var(--ink);line-height:1.05;letter-spacing:-0.04em}
h1{font-size:clamp(2.2rem, 4.2vw, 3.6rem);max-width:11ch}
h2{font-size:clamp(2rem, 4.2vw, 3.6rem);max-width:13ch}
h3{font-size:1.3rem}
p{color:var(--ink-soft);max-width:66ch}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
ul{list-style:none}
main{padding-top:var(--header-h);width:100%;max-width:100%;overflow-x:clip}
.container{width:min(100%, var(--container));margin:0 auto;padding:0 28px;max-width:100%}
.page-shell{position:relative;width:100%;max-width:100%;overflow-x:clip}
.section{padding:104px 0;width:100%;max-width:100%}
.section--hero{padding-top:72px}
.section--dark{position:relative;background:radial-gradient(ellipse at 10% 0%, #6b52ff18 0, transparent 50%), radial-gradient(ellipse at 90% 20%, #23a8ff12 0, transparent 50%), linear-gradient(160deg, #eef0ff 0%, #f4f2ff 40%, #eaf6ff 100%);border-bottom:1px solid #dce3f8;overflow:hidden}
.section--dark-soft{position:relative;background:radial-gradient(ellipse at 80% 10%, #6b52ff10 0, transparent 45%), linear-gradient(180deg, #f4f2ff 0%, #eef1ff 100%);border-top:1px solid #dce3f8;border-bottom:1px solid #dce3f8}
.hero{position:relative}
video, iframe, canvas, svg{max-width:100%}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 20%, #8a77ff20 0, transparent 35%), radial-gradient(circle at 20% 70%, #23a8ff15 0, transparent 30%), radial-gradient(circle at 60% 80%, #f156c112 0, transparent 25%);pointer-events:none}
.section--alt{background:linear-gradient(180deg, #fffcf680 0%, #efeade80 100%);border-top:1px solid #ffffff70;border-bottom:1px solid #ddd5c730}
.section--dark h1, .section--dark h2, .section--dark h3, .section--dark-soft h2, .section--dark-soft h3{color:#162036}
.section--dark p, .section--dark-soft p{color:#55657f}
.section--dark .section-heading p, .section--dark-soft .section-heading p{color:#55657f}
.section-kicker--dark, .section--dark-soft .section-kicker, .section--dark .section-kicker{background:#6b52ff18;border-color:#6b52ff30;box-shadow:inset 0 1px 0 #ffffff80;color:#5040cc}
.section-kicker, .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#ffffff8c;box-shadow:inset 0 1px 0 #ffffff;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}
.section-heading{display:grid;gap:18px;margin-bottom:42px}
.section-heading--split{grid-template-columns:1.1fr .9fr;align-items:end}
.section-heading h1, .section-heading h2{margin-bottom:8px}
.hero__grid, .feature-split, .contact-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:start}
.feature-split--wide{grid-template-columns:1fr 1fr}
.feature-split--reverse > :first-child{order:2}
.hero__content{padding-top:18px}
.hero__lead{font-size:1.15rem;margin-bottom:28px}
.hero__mini-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;margin-bottom:18px}
.hero__mini-proof span{padding:9px 14px;border-radius:999px;background:#ffffff92;border:1px solid #edf2fd;box-shadow:none;font-size:.82rem;font-weight:700;color:var(--ink-soft);opacity:.78}
.section--dark .hero__mini-proof span{background:#ffffff92;border-color:#dce3f8;box-shadow:none;color:#55657f;opacity:1}
.section--dark .btn--secondary{background:#6b52ff12;border-color:#6b52ff30;color:#5040cc}
.hero-actions, .section-actions{display:flex;flex-wrap:wrap;gap:14px}
.hero-actions{margin-bottom:0}
.section-actions{margin-top:34px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease}
.btn:active{transform:translateY(1px) scale(.985)}
.btn--primary{background:var(--accent);color:#fffdf9;box-shadow:0 18px 34px -18px #0f5b4d88}
.btn--primary:hover{background:var(--accent-strong)}
.btn--secondary{background:#fffdf7;border-color:var(--line-strong);color:var(--ink)}
.btn--secondary:hover{border-color:var(--accent);color:var(--accent)}
.btn--ghost{background:var(--accent-soft);color:var(--accent);border-color:#0000}
.btn--ghost:hover{background:var(--accent-wash)}
.btn--small{min-height:42px;padding:0 16px;font-size:.88rem}
.btn--large{min-height:56px;padding:0 26px}
.btn--full{width:100%}
.metrics, .value-grid, .mode-grid, .shots-grid, .review-grid, .usecase-grid, .channel-detail-grid, .pricing-grid, .feature-grid, .steps-grid, .compare-grid, .result-grid, .testimonial-grid{display:grid;gap:24px}
.metrics--hero{grid-template-columns:repeat(3, 1fr);margin-top:28px}
.metric, .value-card, .mode-card, .shot-card, .review-card, .usecase-card, .channel-detail-card, .pricing-card, .feature-tile, .step-card, .sidebar-card{background:var(--panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffffc8;box-shadow:var(--shadow-soft);border-radius:var(--radius-md)}
.metric{padding:22px}
.metric strong{display:block;font-size:1.2rem;color:var(--ink);margin-bottom:8px}
.metric span{display:block;font-size:.92rem;color:#60718e}
.hero__visual{position:relative}
.hero-stage{position:relative;padding:34px 0 28px}
.hero-stage::before{content:'';position:absolute;inset:18px 12px 0 12px;border-radius:38px;background:linear-gradient(135deg, #6f52ff18 0%, #1cc6ff10 52%, #6f52ff14 100%);filter:blur(22px);pointer-events:none}
.hero-orb{position:absolute;border-radius:50%;filter:blur(14px);pointer-events:none;animation:pulseGlow 6s ease-in-out infinite}
.hero-orb--violet{top:-24px;right:10px;width:240px;height:240px;background:radial-gradient(circle, #7c65ff34 0, #7c65ff00 70%)}
.hero-orb--cyan{left:-18px;bottom:18px;width:180px;height:180px;background:radial-gradient(circle, #22c8ff28 0, #22c8ff00 70%);animation-delay:-2s}
.hero-float{position:absolute;z-index:3;padding:14px 16px;border-radius:20px;background:#ffffffde;border:1px solid #ffffffd6;box-shadow:0 28px 46px -30px #42508f7a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:floatCard 6.5s ease-in-out infinite}
.hero-float span{display:block;margin-bottom:4px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.hero-float strong{display:block;max-width:20ch;font-size:.98rem;line-height:1.25}
.hero-float--left{left:-34px;top:140px;animation-delay:-.8s}
.hero-float--right{right:-18px;top:300px;animation-delay:-2.4s}
.hero-float--top{right:54px;top:10px;animation-delay:-1.6s}
.hero-glass-badge{position:absolute;z-index:4;padding:10px 16px;border-radius:999px;background:#ffffffcc;border:1px solid #dce3f8;color:#3d4e6a;font-size:.78rem;font-weight:700;letter-spacing:.04em;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.hero-glass-badge--top{top:20px;left:28px}
.hero-glass-badge--bottom{left:28px;bottom:22px}
.value-card, .pricing-card, .step-card, .compare-card, .audience-card, .testimonial-card, .result-card, .feature-panel, .cta-panel, .steps-panel, .channels-configurator-preview__copy, .day-rhythm__card, .day-rhythm__mobile-note{display:grid;gap:12px;align-content:start}
.value-card h3, .pricing-card h3, .step-card h3, .compare-card h2, .compare-card h3, .audience-card h3, .testimonial-card p{margin:0}
.value-card p, .pricing-card p, .step-card p, .compare-card p, .audience-card p, .channels-configurator-preview__copy p, .day-rhythm__card p, .day-rhythm__mobile-note p{max-width:none}
.check-list, .stack-list{display:grid;gap:12px}
.check-list div, .stack-list div{display:grid;gap:4px;padding:14px 16px;border-radius:18px;background:#ffffffc9;border:1px solid #dbe5f2}
.channels-configurator-preview{display:grid;gap:18px}
.channels-configurator-preview__copy strong{display:block;margin-bottom:2px;color:var(--ink)}
.header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-h);background:#f7faffc9;backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);border-bottom:1px solid #ffffffcc}
.header--home{background:#f5f8ffc2}
.header.is-scrolled{box-shadow:0 14px 40px -28px #30281b55}
.header__inner{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;height:var(--header-h)}
.header__logo, .footer__logo{display:inline-flex;align-items:center;gap:12px}
.header__logo-image, .footer__logo-image{display:block;width:42px;height:42px;object-fit:contain}
.header__logo-copy, .footer__brand-copy{display:grid;gap:1px}
.header__logo-copy strong, .footer__logo strong{font-size:1rem}
.header__logo-copy span, .footer__logo span{font-size:.78rem;color:var(--muted)}
.header__nav{justify-self:center}
.nav-list{display:flex;align-items:center;gap:8px}
.nav-list a{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:999px;color:var(--ink-soft);font-weight:700}
.nav-list a:hover{background:#ffffffaa;color:var(--ink)}
.nav-list a.active{color:var(--accent);background:var(--accent-soft)}
.header__actions{display:flex;gap:10px}
.lang-switch{position:relative}
.lang-current{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:999px;border:1px solid #dbe5f4;background:#ffffffd9;color:var(--ink);font-size:.82rem;font-weight:800;letter-spacing:.08em;cursor:pointer}
.lang-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:180px;padding:10px;border-radius:18px;background:#ffffffef;border:1px solid #dce5f4;box-shadow:0 24px 44px -30px #243b7560;display:none;z-index:8}
.lang-switch.active .lang-menu{display:grid;gap:6px}
.lang-menu a{display:block;padding:10px 12px;border-radius:12px;color:var(--ink-soft);font-weight:700;white-space:nowrap}
.lang-menu a.active, .lang-menu a:hover{background:#eef3ff;color:var(--ink)}
.header__toggle{display:none;width:46px;height:46px;justify-self:end;margin-left:0;border-radius:50%;border:1px solid var(--line);background:#fffdf8;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.header__toggle span{width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .2s ease, opacity .2s ease}
.header__toggle.is-active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.header__toggle.is-active span:nth-child(2){opacity:0}
.header__toggle.is-active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-nav{position:fixed;inset:var(--header-h) 0 0 0;background:#f5f1e8f0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:99}
.mobile-nav.is-active{opacity:1;pointer-events:auto}
.mobile-nav__inner{padding:18px 18px 28px;display:block}
.mobile-nav__list{display:grid;gap:10px;width:100%;max-width:100%;margin:0;justify-items:stretch}
.mobile-nav__list a{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 18px;border-radius:18px;border:1px solid #d8e1ef;background:#ffffffd6;font-weight:700;text-align:left}
.mobile-nav__list a.active{color:var(--accent);border-color:var(--accent-wash);background:var(--accent-soft)}
.mobile-nav__cta{margin-top:12px;width:100%}
.mobile-nav__cta a{display:inline-flex;justify-content:center;padding:0 18px;border:none;background:none}
.mobile-nav .lang-switch{margin-top:6px;width:100%}
.mobile-nav .lang-current{width:100%;justify-content:space-between}
.mobile-nav .lang-menu{position:static;display:grid;gap:6px;margin-top:8px;box-shadow:none}
.footer{padding:42px 0 28px;border-top:1px solid #ffffffc8;background:linear-gradient(180deg, #eef3fc 0%, #e8eef8 100%)}
.footer__inner{display:grid;grid-template-columns:minmax(0, 1.45fr) minmax(240px, .75fr);gap:24px 36px;align-items:start}
.footer__brand{display:grid;gap:14px;max-width:560px}
.footer__cols{display:grid;justify-items:end}
.footer__col{display:grid;gap:10px}
.footer__col h2{font-size:1rem;letter-spacing:-.02em;max-width:none}
.footer__col ul{display:grid;gap:8px}
.footer__col li, .footer__col a, .footer__bottom p{color:var(--ink-soft)}
.footer__bottom{display:flex;justify-content:space-between;gap:16px;padding-top:20px;grid-column:1 / -1;border-top:1px solid #d9d1c2}
.mobile-sticky-cta{position:fixed;left:12px;right:12px;bottom:12px;z-index:80;display:none;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:18px;background:#ffffffea;border:1px solid #dce5f4;box-shadow:0 28px 50px -34px #243b7563;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.mobile-sticky-cta p{max-width:22ch;font-size:.88rem;line-height:1.35;color:var(--ink)}
.mobile-sticky-cta.is-hidden{display:none}
.examples-profile-demo{border-radius:28px;background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);border:1px solid #dbe5f2;box-shadow:0 34px 46px -36px #30437765;overflow:hidden;border-radius:28px;background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);border:1px solid #dbe5f2;box-shadow:0 34px 46px -36px #30437765;overflow:hidden}
.examples-profile-demo__header{padding:18px 18px 0;padding:18px 18px 0}
.examples-profile-demo__header strong{display:block;color:var(--ink);margin-bottom:4px;display:block;color:var(--ink);margin-bottom:4px}
.examples-profile-demo__header span{color:#60718c;font-size:.92rem;color:#60718c;font-size:.92rem}
.examples-profile-demo__tabs{display:flex;flex-wrap:wrap;gap:10px;padding:18px 18px 0;display:flex;flex-wrap:wrap;gap:10px;padding:18px 18px 0}
.examples-profile-demo__tab{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid #d8e2f1;background:#f6f8fd;color:#44516b;font-size:.86rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid #d8e2f1;background:#f6f8fd;color:#44516b;font-size:.86rem;font-weight:700;cursor:pointer}
.examples-profile-demo__tab.is-active{background:linear-gradient(135deg, #f1e9ff 0%, #e7f4ff 100%);border-color:#d4ddf4;color:#26334b;background:linear-gradient(135deg, #f1e9ff 0%, #e7f4ff 100%);border-color:#d4ddf4;color:#26334b}
.examples-profile-demo__panel{padding:18px;display:grid;gap:14px;padding:18px;display:grid;gap:14px}
.examples-profile-demo__row{display:grid;gap:8px;display:grid;gap:8px}
.examples-profile-demo__row label{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#61718c;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#61718c}
.examples-profile-demo__row input, .examples-profile-demo__textarea{width:100%;padding:14px 16px;border-radius:18px;border:1px solid #dce5f3;background:#fbfcff;color:#32415f;font:inherit;width:100%;padding:14px 16px;border-radius:18px;border:1px solid #dce5f3;background:#fbfcff;color:#32415f;font:inherit}
.examples-profile-demo__textarea{min-height:112px;line-height:1.65;min-height:112px;line-height:1.65}
.examples-profile-demo__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:14px;display:grid;grid-template-columns:repeat(2, 1fr);gap:14px}
.examples-profile-demo__toggles{display:flex;flex-wrap:wrap;gap:10px;display:flex;flex-wrap:wrap;gap:10px}
.roi-calculator{display:grid;gap:16px;padding:24px;border-radius:28px;background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);border:1px solid #dbe5f2;box-shadow:0 34px 46px -36px #30437765;display:grid;gap:16px;padding:24px;border-radius:28px;background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);border:1px solid #dbe5f2;box-shadow:0 34px 46px -36px #30437765}
.roi-calculator label{font-size:.84rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#61718c;font-size:.84rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#61718c}
.roi-calculator input[type=range]{width:100%;width:100%}
.roi-calculator__stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:14px;display:grid;grid-template-columns:repeat(3, 1fr);gap:14px}
.roi-calculator__stats div{padding:16px;border-radius:18px;background:#f3f7fe;border:1px solid #dbe5f2;padding:16px;border-radius:18px;background:#f3f7fe;border:1px solid #dbe5f2}
.roi-calculator__stats strong{display:block;margin-bottom:6px;color:var(--ink);font-size:1.35rem;display:block;margin-bottom:6px;color:var(--ink);font-size:1.35rem}
.roi-calculator__stats span{color:#60718c;color:#60718c}
.roi-calculator__note{max-width:none;font-size:.92rem;color:#5f718c;max-width:none;font-size:.92rem;color:#5f718c}
.browser-shot, .phone-shot, .feature-panel, .cta-panel, .steps-panel{background:var(--panel);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #ffffffd8;box-shadow:var(--shadow-panel);border-radius:var(--radius)}
.browser-shot__bar{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid #e5ebf6;background:linear-gradient(180deg, #ffffff 0%, #f9fbff 100%)}
.browser-shot__bar span{width:10px;height:10px;border-radius:50%;background:#dde5f6}
.browser-shot__bar span:nth-child(1){background:#ff8cc4}
.browser-shot__bar span:nth-child(2){background:#7ad6ff}
.browser-shot__bar span:nth-child(3){background:#8b75ff}
.browser-shot__bar strong{margin-left:6px;font-size:.9rem;letter-spacing:-.02em}
.browser-shot__body{display:grid;grid-template-columns:280px 1fr;min-height:510px}
.browser-shot__body--conversation{display:block;min-height:420px}
.browser-shot__sidebar{padding:16px;border-right:1px solid #e5ebf6;background:linear-gradient(180deg, #f9fbff 0%, #f3f7fd 100%)}
.browser-shot__main{position:relative;padding:24px;background:linear-gradient(180deg, #f6f9ff 0%, #eef3fb 100%)}
.pill-row, .filter-row, .filter-bar, .channel-strip, .workspace-panel__row, .conversation-tags{display:flex;flex-wrap:wrap;gap:10px}
.pill, .select-chip, .channel-pill, .tag, .response-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:700}
.pill{background:#edf3ff;color:#586b91}
.pill--active{background:linear-gradient(135deg, #745bff 0%, #8958ff 100%);color:#fff;box-shadow:0 16px 26px -18px #745bffb8}
.select-chip{background:#ffffff;border:1px solid #dae4f2;color:#687993}
.channel-pill{background:#fffdf8;border:1px solid var(--line)}
.channel-pill--active{background:var(--accent-soft);border-color:#12715f30;color:var(--accent)}
.tag{background:#eef2fa;color:#647392}
.tag--green{background:#defaf6;color:#17988f}
.thread-list, .phone-shot__list{display:grid;gap:8px;margin-top:16px}
.thread-row, .phone-thread{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:start;padding:12px;border-radius:18px;background:#ffffff;border:1px solid #edf1f7;box-shadow:0 14px 30px -28px #4150907a}
.thread-row--active{background:linear-gradient(180deg, #f7f4ff 0%, #f8fafe 100%);border-color:#dacffd;box-shadow:inset 3px 0 0 #a56dff, 0 18px 34px -28px #745bff80}
.thread-row strong, .phone-thread strong{display:block;font-size:.92rem;margin-bottom:3px}
.thread-row p, .phone-thread p{font-size:.8rem;color:var(--muted)}
.thread-row > span:last-child, .phone-thread > span:last-child{font-family:var(--font-mono);font-size:.76rem;color:var(--muted)}
.avatar{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;font-weight:800;color:var(--ink)}
.avatar--rose{background:linear-gradient(135deg, #ffd4ec 0%, #ffdff5 100%)}
.avatar--mint{background:linear-gradient(135deg, #d7fff6 0%, #dff8ff 100%)}
.avatar--sand{background:linear-gradient(135deg, #ece7ff 0%, #f4e8ff 100%)}
.avatar--sky{background:linear-gradient(135deg, #dde8ff 0%, #e8f4ff 100%)}
.summary-card, .analysis-card, .prompt-block, .mini-note, .file-card, .roi-panel, .workspace-panel, .timeline-list, .translation-stack, .translation-strip, .summary-demo, .cta-panel__content{border-radius:var(--radius-sm)}
.summary-card{background:#ffffffd8;border:1px solid #dce6f8;padding:18px;box-shadow:0 28px 48px -36px #5668a86b}
.summary-card span, .analysis-card span, .prompt-block span, .pricing-card__label, .mode-label, .mode-speed{display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.summary-card p, .analysis-card p, .prompt-block p{margin-top:10px}
.summary-card--floating{max-width:360px;margin-left:auto;margin-bottom:24px}
.message-stack, .conversation-flow{display:grid;gap:16px;margin-top:18px}
.message-bubble{max-width:420px;padding:16px 18px;border-radius:20px;background:#ffffff;border:1px solid #e4eaf6;box-shadow:0 24px 38px -30px #384d8f78}
.message-bubble strong{display:block;font-size:.82rem;margin-bottom:6px}
.message-bubble--out{margin-left:auto;background:linear-gradient(135deg, #eef2ff 0%, #f7edff 100%);border-color:#ddd5ff}
.response-dock{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.response-chip--auto{background:#ede7ff;color:#6852ff}
.response-chip--instruction{background:#dff4ff;color:#1a98e8}
.response-chip--voice{background:#ffe2f5;color:#e44bb7}
.value-grid--four{grid-template-columns:repeat(4, 1fr)}
.value-grid--three, .pricing-grid--custom, .channel-board--three{grid-template-columns:repeat(3, 1fr)}
.value-card, .usecase-card, .review-card, .channel-detail-card, .pricing-card, .feature-tile, .step-card, .sidebar-card{padding:24px}
.icon-badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;margin-bottom:18px;font-weight:800}
.icon-badge--mint{background:#d8efe5}
.icon-badge--sand{background:#f3e0cf}
.icon-badge--sky{background:#dae9f1}
.icon-badge--rose{background:#f1d8dd}
.mode-grid{grid-template-columns:repeat(3, 1fr)}
.mode-card{padding:28px;display:flex;flex-direction:column;border:1px solid #dde4f2;box-shadow:0 28px 42px -34px #30437755}
.mode-card__top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.mode-label{color:var(--ink);font-size:.78rem;letter-spacing:.1em}
.mode-speed{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;font-size:.82rem;letter-spacing:.02em;text-transform:none;border:1px solid #d8e1f2;background:#f6f8fd;color:#34425f}
.mode-card--auto{background:linear-gradient(180deg, #fdfdff 0%, #f1edff 100%)}
.mode-card--auto .mode-speed{background:#f1e9ff;border-color:#dbcfff;color:#744ee8}
.mode-card--instruction{background:linear-gradient(180deg, #fefeff 0%, #e8f7ff 100%)}
.mode-card--instruction .mode-speed{background:#e7f4ff;border-color:#cbe7ff;color:#1f73d8}
.mode-card--voice{background:linear-gradient(180deg, #fffdfd 0%, #ffe9f9 100%)}
.mode-card--voice .mode-speed{background:#ffeaf4;border-color:#ffd2e8;color:#d84784}
.mode-card h3{color:var(--ink)}
.mode-card p{color:#506079;max-width:none}
.mini-note{margin-top:20px;padding:16px;background:#fffdf8aa;border:1px solid #ffffffc8;margin-top:auto}
.mini-note strong{display:block;margin-bottom:6px}
.mini-note span{color:#55657f}
.section--dark-soft .mode-card h3{color:#1f2b40}
.section--dark-soft .mode-card p{color:#5a6b86}
.section--dark-soft .mode-card .mode-label{color:#26334b}
.section--dark-soft .mode-card .mini-note strong{color:#22314a}
.section--dark-soft .mode-card .mini-note span{color:#5c6e88}
.bento{display:grid;grid-template-columns:repeat(12, 1fr);gap:18px}
.bento-card{grid-column:span 4;padding:28px;background:var(--panel);border:1px solid #ffffffd0;border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}
.bento-card--wide{grid-column:span 8}
.summary-demo{margin-top:20px;padding:16px;background:linear-gradient(180deg, #f8fbff 0%, #eff3ff 100%);border:1px solid #d9e4f8}
.summary-demo__items{display:grid;gap:12px}
.summary-demo__items div, .timeline-list div, .roi-panel div, .workspace-panel__feed div{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #d6dbe0}
.summary-demo__items div:last-child, .timeline-list div:last-child, .workspace-panel__feed div:last-child{border-bottom:none}
.translation-strip, .translation-stack{display:grid;gap:12px;margin-top:20px}
.translation-strip div, .translation-stack div{padding:16px;background:#fffdf9;border:1px solid var(--line);border-radius:16px}
.translation-strip strong, .translation-stack strong, .workspace-panel strong, .roi-panel strong, .pricing-card__price, .step-card strong{display:block;margin-bottom:8px}
.shots-grid--two{grid-template-columns:repeat(2, 1fr)}
.shot-card{padding:0;overflow:hidden}
.product-screenshot{width:100%;height:auto;display:block;border-radius:var(--radius-md);box-shadow:0 32px 64px -32px #2a3a7060}
.conversation-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 18px 6px}
.phone-shot{max-width:360px;margin:0 auto;padding:16px;background:linear-gradient(180deg, #ffffff 0%, #f4f7ff 100%)}
.phone-shot__top{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}
.phone-shot__top span{font-size:.78rem;color:var(--muted)}
.section--integration-belt{padding:24px 0 38px}
.integration-marquee{display:grid;gap:16px}
.integration-marquee__label{display:block;text-align:center;font-size:.8rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#61759a}
.integration-marquee__viewport{position:relative;overflow:hidden;mask-image:linear-gradient(90deg, #0000, #000 10%, #000 90%, #0000);-webkit-mask-image:linear-gradient(90deg, #0000, #000 10%, #000 90%, #0000)}
.integration-marquee__track{display:flex;align-items:center;gap:18px;width:max-content;animation:marqueeX 28s linear infinite}
.integration-logo{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;border-radius:999px;background:#ffffffc9;border:1px solid #e4eaf5;box-shadow:0 24px 40px -34px #3d59a27a;font-size:1.1rem;font-weight:800;color:#607293;white-space:nowrap}
.consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--surface);border-top:1px solid var(--line);box-shadow:var(--shadow-panel);padding:20px 0}
.consent-banner.is-hidden{display:none}
.consent-banner__inner{max-width:var(--container);margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:24px;justify-content:space-between}
.consent-banner__copy{display:flex;flex-direction:column;gap:4px}
.consent-banner__copy strong{font-size:.95rem}
.consent-banner__copy p{font-size:.875rem;color:var(--ink-soft);margin:0}
.consent-banner__actions{display:flex;gap:10px;flex-shrink:0}
.wapps-demo{position:relative;z-index:2;border-radius:34px;padding:18px;background:linear-gradient(180deg, #eef3fb 0%, #f8fbff 100%);border:1px solid #cfd9eb;box-shadow:0 48px 120px -58px #060d1ea8}
.wapps-demo--experience{padding:20px}
.wapps-demo__shell{display:grid;grid-template-columns:312px 1fr;min-height:660px;border-radius:28px;overflow:hidden;background:#ffffff}
#hero-demo .wapps-demo__shell{min-height:580px}
.wapps-demo__sidebar{padding:18px;background:linear-gradient(180deg, #f8fbff 0%, #f1f5fc 100%);border-right:1px solid #e1e8f5;display:grid;align-content:start;gap:12px}
.wapps-demo__sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:6px}
.wapps-demo__sidebar-top strong{font-size:2rem;letter-spacing:-.04em}
.demo-pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#e8f8ff;color:#1499df;font-size:.82rem;font-weight:800}
.wapps-demo__filters{display:flex;gap:10px;flex-wrap:wrap}
.demo-filter{display:inline-flex;align-items:center;padding:9px 12px;background:#fff;border:1px solid #dde6f4;border-radius:12px;font-size:.82rem;color:#61728f}
.demo-thread, .experience-thread{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:start;text-align:left;width:100%;padding:14px 12px;border-radius:0;border:none;background:#0000;border-top:1px solid #e8eef8;cursor:pointer;transition:background .18s ease, box-shadow .18s ease}
.demo-thread:first-of-type, .experience-thread:first-of-type{border-top:none}
.demo-thread strong, .experience-thread strong{display:block;margin-bottom:4px;font-size:1rem;color:var(--ink)}
.demo-thread p, .demo-thread > span > span, .experience-thread p{font-size:.84rem;color:#7a8ba6;max-width:none}
.demo-thread > span:last-child, .experience-thread > span:last-child{font-size:.8rem;font-weight:700;color:#99a7be}
.demo-thread.is-active{background:#ffffff;box-shadow:inset 4px 0 0 #9f68ff, 0 20px 28px -28px #5c6bf085}
.experience-thread.is-active{background:#ffffff;box-shadow:inset 4px 0 0 #38bdf8, 0 20px 28px -28px #5c6bf085}
.experience-lab{display:grid;gap:24px}
.experience-lab__intro{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:start;margin-bottom:8px}
.experience-lab__choices{display:flex;flex-wrap:wrap;gap:12px}
.experience-choice{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:18px;border:1px solid #d8e2f1;background:#ffffffcf;color:var(--ink);font-size:.92rem;font-weight:700;text-align:left;cursor:pointer;transition:border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease}
.experience-choice.is-active{border-color:#8d73ff;background:linear-gradient(135deg, #f4f0ff 0%, #eef7ff 100%);box-shadow:0 18px 28px -24px #4a59b678;color:#30256b}
.experience-lab__note{padding:18px 20px;border-radius:22px;background:#ffffffb8;border:1px solid #dde6f3}
.experience-lab__note strong{display:block;font-size:1.05rem;color:var(--ink);margin-bottom:6px}
.experience-demo__subline{display:block;margin-top:4px;font-size:.82rem;color:#7d8ea9;font-weight:600}
.wapps-demo__sidebar--experience{grid-template-rows:auto auto repeat(4, auto)}
.wapps-demo__main{display:grid;grid-template-rows:auto 1fr auto auto;min-height:660px;background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%)}
.wapps-demo__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #e4ebf7}
.experience-stagebar{display:flex;flex-wrap:wrap;gap:10px;padding:14px 22px;border-bottom:1px solid #e8eef8;background:#f9fbff}
.experience-stage{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#edf2fb;border:1px solid #dce5f2;color:#7c8ba3;font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;transition:background .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease}
.experience-stage.is-active{background:linear-gradient(135deg, #eef4ff 0%, #f5efff 100%);border-color:#d9d4ff;color:#5f46d5;box-shadow:0 14px 24px -22px #6b52ff}
.wapps-demo__head strong{font-size:1.5rem;letter-spacing:-.03em}
.wapps-demo__meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.demo-lang{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:36px;padding:0 12px;border-radius:12px;background:#eef3ff;color:#6d57ff;font-weight:800}
.wapps-demo__conversation{padding:18px 22px 8px;overflow-y:auto;max-height:360px;scrollbar-width:thin;scrollbar-color:#b4bfd3 #edf2f9}
#hero-demo .wapps-demo__conversation{max-height:292px}
.demo-bubble{max-width:78%;padding:16px 18px;border-radius:22px;margin-bottom:14px;background:#fff;border:1px solid #e4e9f5;box-shadow:0 20px 30px -28px #3445817a}
.demo-bubble strong{display:block;font-size:.84rem;margin-bottom:6px}
.demo-bubble--in{background:#ffffff}
.demo-bubble--out{margin-left:auto;background:#1e2a42;border-color:#1e2a42}
.demo-bubble--out strong, .demo-bubble--out p{color:#f5f8ff}
#hero-demo .demo-bubble--out{background:linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);border-color:#d7e1f1}
#hero-demo .demo-bubble--out p{color:#21314d}
.demo-bubble--assistant{background:linear-gradient(135deg, #eef4ff 0%, #f8efff 100%);border-color:#dddafc}
.demo-bubble--meta{width:fit-content;padding:10px 16px;background:#fff;border-color:#e1d6ff;color:#8b64ff;font-weight:800}
.demo-bubble--meta span{font-size:.84rem}
.demo-bubble--translation{background:linear-gradient(135deg, #f2f7ff 0%, #eef4ff 100%);border-color:#d9e5ff}
.demo-bubble--translation strong{color:#5d70a4}
.wapps-demo__conversation--experience{max-height:420px}
.wapps-demo__summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 22px;border-top:1px solid #e6ecf7;background:#fbfcff}
.wapps-demo__summary span:first-child{display:inline-block;margin-bottom:6px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8f72ff}
.wapps-demo__summary p{max-width:58ch}
#hero-demo .wapps-demo__summary{padding:12px 22px}
#hero-demo .wapps-demo__summary p{max-width:38ch;font-size:.92rem;line-height:1.45}
.wapps-demo__summary-actions{display:flex;flex-wrap:wrap;gap:10px}
.wapps-demo__composer{padding:14px 22px 20px;border-top:1px solid #e6ecf7;background:linear-gradient(180deg, #ffffff 0%, #f9fbff 100%)}
.wapps-demo__composer-toolbar, .wapps-demo__composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:.82rem;color:#8a97ad}
.wapps-demo__composer-field{min-height:124px;margin:10px 0 12px;padding:18px;border-radius:22px;background:#ffffff;border:1px solid #dce4f3;box-shadow:inset 0 1px 0 #fff}
#hero-demo .wapps-demo__composer-field{min-height:96px;background:linear-gradient(180deg, #1c2640 0%, #152033 100%);border-color:#283755;box-shadow:inset 0 1px 0 #314364}
.wapps-demo__typing{display:block;white-space:pre-wrap;font-size:1.02rem;line-height:1.7;color:#41506a}
#hero-demo .wapps-demo__typing{color:#eef4ff}
.wapps-demo__typing::after{content:'';display:inline-block;width:1px;height:1.1em;margin-left:3px;background:#6b52ff;vertical-align:-2px;animation:blinkCursor 1s steps(2, start) infinite}
#hero-demo .wapps-demo__composer-toolbar{color:#73839f}
.demo-send{display:inline-flex;align-items:center;justify-content:center;min-width:136px;height:46px;padding:0 18px;border-radius:14px;border:none;background:#18223a;color:#fff;font-weight:800;cursor:pointer}
.channels-video-block{margin:8px 0 28px;border-radius:30px;overflow:hidden;border:1px solid #dce3f8;background:linear-gradient(180deg, #f4f7ff 0%, #eef1ff 100%);box-shadow:0 36px 56px -42px #2a3a7040;max-width:1120px;margin-left:auto;margin-right:auto}
.channels-video-player{display:block;width:100%;height:auto;background:#e8ecf8;aspect-ratio:16 / 9;object-fit:contain}
.channels-ask{max-width:12ch}
.channels-configurator{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.channels-configurator__chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border-radius:999px;border:1px solid #d6e0f2;background:#ffffff;color:var(--ink-soft);font-weight:700;cursor:pointer}
.channels-configurator__chip.is-active{background:linear-gradient(135deg, #eef4ff 0%, #f5efff 100%);border-color:#d8d4ff;color:#5f46d5}
.day-rhythm{position:relative;display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:18px;margin-top:18px;padding:10px 0 22px}
.day-rhythm__rail{position:absolute;left:4%;right:4%;top:50%;height:10px;border-radius:999px;background:linear-gradient(90deg, #6fe2ff 0%, #6b52ff 50%, #ffbc73 100%);box-shadow:0 18px 28px -22px #4b64bb7c}
.day-rhythm__stop{position:relative;z-index:1;display:grid;gap:12px;align-content:start}
.day-rhythm__stop--top{padding-bottom:154px}
.day-rhythm__stop--top::before{bottom:36px}
.day-rhythm__stop--bottom{padding-top:154px}
.day-rhythm__stop--bottom::before{top:36px}
.day-rhythm__time{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:8px 12px;border-radius:999px;background:#111b31;color:#f6f9ff;font-size:.84rem;font-weight:800;letter-spacing:.04em;box-shadow:0 18px 24px -22px #091122}
.day-rhythm__card{padding:22px 20px;border-radius:24px;background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);border:1px solid #dbe5f2;box-shadow:0 32px 42px -34px #3043776b;min-height:176px}
.day-rhythm__card strong{display:block;margin-bottom:10px;font-size:1.08rem;color:var(--ink)}
.day-rhythm__card p{max-width:none}
.day-rhythm__meta{display:inline-block;margin-top:14px;padding:8px 11px;border-radius:12px;background:#eef4ff;color:#6174a0;font-size:.8rem;font-weight:700}
.day-rhythm__workspace{margin-top:24px;display:grid;grid-template-columns:minmax(0, 360px) minmax(0, 1fr);gap:24px;align-items:center}
.day-rhythm__mobile-note{padding:24px 26px;border-radius:26px;background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);border:1px solid #dbe5f2;box-shadow:0 32px 42px -34px #3043776b}
.day-rhythm__mobile-note strong{display:block;margin-bottom:10px;font-size:1.12rem;color:var(--ink)}
.examples-overview{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;margin-top:10px}
.examples-overview__card{display:grid;gap:10px;padding:22px;border-radius:24px;background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);border:1px solid #dbe5f2;box-shadow:0 30px 42px -36px #3043775c}
.examples-autoplay{margin-top:22px;overflow:hidden;border-radius:24px;border:1px solid #dbe5f2;background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%)}
.examples-autoplay__track{display:flex;gap:14px;padding:14px;width:max-content;animation:examplesMarquee 28s linear infinite}
.examples-autoplay__panel{display:grid;gap:6px;min-width:260px;padding:18px;border-radius:18px;background:#f3f7fe;border:1px solid #dce6f4}
.examples-autoplay__panel strong{display:block;color:var(--ink)}
.examples-autoplay__panel span{color:#5f708c;font-size:.92rem}
.examples-showcase{display:grid;grid-template-columns:1.02fr .98fr;gap:28px;align-items:center}
.examples-showcase--reverse > :first-child{order:2}
.examples-showcase__copy{display:grid;gap:14px;align-content:start}
.examples-video-block{margin-bottom:28px;border-radius:24px;overflow:hidden;line-height:0}
.examples-video-block video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;background:#e8ecf8}
.examples-points{display:grid;gap:14px;margin-top:18px}
.examples-points div{display:grid;gap:6px;padding:18px;border-radius:20px;background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);border:1px solid #dbe5f2}
.examples-points strong{display:block;color:var(--ink)}
.examples-points span{color:#5a6c87}
.contact-layout{align-items:start}
.contact-panel, .contact-sidebar{display:grid;gap:18px}
.contact-panel{padding:30px;background:var(--panel);border:1px solid #ffffffd0;border-radius:var(--radius);box-shadow:var(--shadow-panel)}
.contact-form{display:grid;gap:16px}
.form-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:14px}
.form-field{display:grid;gap:8px}
.form-field span, .form-options > span{font-weight:700;color:var(--ink)}
.form-field input, .form-field textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line-strong);background:#fffdf9;font:inherit;color:var(--ink);outline:none;transition:border-color .18s ease, box-shadow .18s ease}
.form-field input:focus, .form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #12715f14}
.form-options{display:grid;gap:10px;padding:16px;background:#fffdf8;border:1px solid var(--line);border-radius:18px}
.form-options label{display:flex;align-items:center;gap:10px;color:var(--ink-soft)}
.form-note{font-size:.9rem;color:var(--muted)}
.sidebar-card h3{margin:4px 0 10px}
.sidebar-list{display:grid;gap:10px}
.steps-panel{padding:28px}
.steps-panel__intro{margin-bottom:24px}
.steps-grid{grid-template-columns:repeat(3, 1fr)}
.step-card strong{font-size:2rem;color:var(--accent);line-height:1}
.faq-list{display:grid;gap:12px}
.faq-item{background:var(--panel);border:1px solid #ffffffd0;border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);padding:18px 20px}
.faq-item summary{cursor:pointer;list-style:none;font-weight:800;color:var(--ink)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item p{margin-top:12px}
.page-top{padding-bottom:60px}
.page-hero{padding-top:56px;padding-bottom:52px}
.page-hero__grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:34px;align-items:center}
.page-hero__copy{max-width:40rem}
.page-hero__copy h1{max-width:10ch;font-size:clamp(2.35rem, 5vw, 4.4rem)}
.page-hero__copy p{max-width:58ch;font-size:1.04rem}
.page-hero__visual{display:flex;justify-content:flex-end}
.page-hero__frame{width:min(100%, 620px);padding:14px;border-radius:30px;background:linear-gradient(180deg, #ffffff1c 0%, var(--hero-accent-tint, #9cb8ff14) 100%);border:1px solid var(--hero-accent-border, #c9d8ea);box-shadow:0 34px 58px -44px #23507870, 0 0 70px -24px var(--hero-accent-glow, transparent)}
.page-hero--features{--hero-accent-tint:#1e8dff12;--hero-accent-border:#b8d8f4;--hero-accent-glow:#1e8dff22;--hero-kicker-color:#2c78c4;background:radial-gradient(circle at 16% 18%, #34c7ff24 0, #34c7ff00 28%), radial-gradient(circle at 82% 16%, #6b52ff1a 0, #6b52ff00 30%), linear-gradient(135deg, #f7fbff 0%, #eef6ff 50%, #f4f2ff 100%)}
.page-hero--examples{--hero-accent-tint:#ffb15f14;--hero-accent-border:#e9c796;--hero-accent-glow:#ffb15f22;--hero-kicker-color:#9b5a18;background:radial-gradient(circle at 14% 16%, #ffb15f2a 0, #ffb15f00 28%), radial-gradient(circle at 82% 18%, #38cfff1c 0, #38cfff00 30%), linear-gradient(135deg, #fffaf4 0%, #f4faff 50%, #f8f2ff 100%)}
.page-hero--channels{--hero-accent-tint:#2fd6c414;--hero-accent-border:#aee7df;--hero-accent-glow:#2fd6c422;--hero-kicker-color:#1a887b;background:radial-gradient(circle at 20% 14%, #2fd6c424 0, #2fd6c400 28%), radial-gradient(circle at 82% 18%, #5e77ff18 0, #5e77ff00 30%), linear-gradient(135deg, #f3fffc 0%, #eef8ff 52%, #f4f2ff 100%)}
.page-hero--start{--hero-kicker-color:#8a5d00;text-align:center;background:radial-gradient(circle at 18% 16%, #ffd36d34 0, #ffd36d00 28%), radial-gradient(circle at 82% 14%, #6b52ff1c 0, #6b52ff00 28%), radial-gradient(circle at 50% 95%, #23a8ff18 0, #23a8ff00 34%), linear-gradient(135deg, #fffdf8 0%, #f4f2ff 50%, #eaf7ff 100%)}
.page-hero--contact{--hero-accent-tint:#f156c112;--hero-accent-border:#efbedf;--hero-accent-glow:#f156c122;--hero-kicker-color:#b23b86;background:radial-gradient(circle at 18% 18%, #f156c11f 0, #f156c100 28%), radial-gradient(circle at 82% 16%, #23a8ff1b 0, #23a8ff00 30%), linear-gradient(135deg, #fff7fc 0%, #f4faff 52%, #eff7f2 100%)}
.page-hero .section-kicker--dark{color:var(--hero-kicker-color, rgba(255,255,255,.55))}
.page-hero__video{width:100%;display:block;border-radius:18px;box-shadow:0 24px 42px -30px #0000008c}
.page-hero--start .page-hero__grid{grid-template-columns:1fr;max-width:680px;margin:0 auto}
.page-hero--start .page-hero__copy h1{max-width:none;font-size:clamp(2rem, 4.5vw, 3.6rem)}
.page-hero--start .page-hero__copy p{max-width:none;font-size:1.08rem;color:var(--ink-soft);margin-top:14px}
.page-hero--start .page-hero__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.page-hero__image{width:100%;display:block;border-radius:18px;box-shadow:0 24px 42px -30px #0000008c}
.hero-video-wrap{position:relative;width:100%}
.hero-video-wrap::before{content:'';position:absolute;inset:-40px;background:radial-gradient(ellipse at 55% 50%, #7c5fff28 0%, transparent 68%);pointer-events:none;z-index:0}
.hero-video-frame{position:relative;z-index:1;padding:10px;border-radius:28px;background:linear-gradient(180deg, #ffffff1a 0%, #9cb8ff12 100%);border:1px solid rgba(255,255,255,.13);box-shadow:0 48px 90px -40px #020c1e, 0 0 0 1px #1c3054}
.hero-video{width:100%;display:block;border-radius:20px;box-shadow:0 20px 44px -18px #00000090}
.hero__quote{margin-top:20px;padding:14px 18px;border-left:3px solid rgba(255,255,255,.22)}
.hero__quote p{font-size:.95rem;font-style:italic;color:rgba(255,255,255,.72);margin:0}
.hero__quote cite{display:block;font-style:normal;font-size:.82rem;color:rgba(255,255,255,.4);margin-top:5px}
.hero__link{font-size:.95rem;font-weight:600;color:rgba(255,255,255,.6);text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color .18s ease;align-self:center}
.hero__link:hover{color:#fff}
.intake-wizard{max-width:720px;margin:0 auto}
.intake-progress{display:flex;align-items:center;gap:14px;margin-bottom:28px}
.intake-progress.is-hidden{display:none}
.intake-progress__bar, .intake-modal__bar{flex:1;height:6px;background:var(--line);border-radius:3px;overflow:hidden}
.intake-progress__fill, .intake-modal__fill{height:100%;width:0;background:var(--accent);border-radius:3px;transition:width .35s ease}
.intake-progress__label, .intake-modal__label{font-size:.85rem;font-weight:600;color:var(--muted);white-space:nowrap}
.intake-question{display:none}
.intake-question.is-active{display:block}
.intake-question h2{font-size:clamp(1.4rem, 3vw, 2rem);margin-bottom:20px;max-width:28ch}
.intake-subtext{color:var(--ink-soft);margin-bottom:16px}
.click-cards{display:grid;gap:12px}
.click-card{display:block;text-align:left;padding:18px 22px;background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-md);font:inherit;font-weight:600;color:var(--ink);cursor:pointer;transition:border-color .18s ease, box-shadow .18s ease}
.click-card:hover{border-color:var(--accent)}
.click-card span{display:block;font-weight:400;color:var(--ink-soft);font-size:.92rem;margin-top:2px}
.click-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px #6b52ff22;background:#6b52ff08}
.tag-select{display:flex;flex-wrap:wrap;gap:8px}
.tag-btn{padding:10px 18px;border-radius:100px;border:1.5px solid var(--line-strong);background:var(--surface);font:inherit;font-size:.92rem;font-weight:500;color:var(--ink);cursor:pointer;transition:border-color .18s ease, background .18s ease;min-height:44px}
.tag-btn:hover{border-color:var(--accent)}
.tag-btn.is-selected{border-color:var(--accent);background:var(--accent);color:#fff}
.tag-counter{display:inline-block;font-size:.82rem;font-weight:500;color:var(--muted);margin-left:6px}
.intake-next{margin-top:18px}
.intake-next.is-hidden, .intake-preview.is-hidden, .intake-confirmation.is-hidden, .wizard-step-error.is-hidden, .wizard-confirmation.is-hidden{display:none}
.intake-preview__card{padding:28px;background:var(--panel);border:1px solid #ffffffd0;border-radius:var(--radius);box-shadow:var(--shadow-panel)}
.intake-preview__layout{display:grid;gap:20px;margin-bottom:22px}
.intake-preview__copy{display:grid;align-content:start}
.intake-preview__text{font-size:1.1rem;font-weight:500;color:var(--ink);line-height:1.5;max-width:none}
.intake-preview__visual{display:grid}
.intake-preview-ui{padding:18px;border-radius:24px;background:linear-gradient(180deg, #f8fbff 0%, #eef3fc 100%);border:1px solid #dbe4f3;box-shadow:0 24px 54px -38px #30406c42;display:grid;gap:14px}
.intake-preview-ui__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.intake-preview-ui__profiles, .intake-preview-ui__channels{display:flex;flex-wrap:wrap;gap:8px}
.intake-preview-ui__body{display:grid;grid-template-columns:.88fr 1.12fr;gap:14px}
.intake-preview-ui__threads{display:grid;gap:8px;padding:12px;border-radius:18px;background:#f1f4fa;border:1px solid #e2e8f3}
.intake-preview-ui__detail{display:grid;gap:10px;padding-left:14px;border-left:1px solid #d9e2ef;@media (max-width: 700px):;padding-left:0;padding-top:14px;border-left:none;border-top:1px solid #d9e2ef}
.intake-preview-ui__conversation{display:grid}
.message-bubble--compact{max-width:none;padding:14px 15px;border-radius:16px;box-shadow:0 16px 30px -26px #384d8f54}
.message-bubble--compact strong{font-size:.78rem;margin-bottom:4px}
.message-bubble--compact p{font-size:.86rem;line-height:1.5}
.intake-preview-ui .summary-card, .intake-preview-ui .prompt-block{padding:14px 15px}
.intake-preview-ui .summary-card p, .intake-preview-ui .prompt-block p{margin-top:6px;font-size:.86rem;line-height:1.5}
.intake-preview__actions{display:flex;flex-wrap:wrap;gap:12px}
.intake-quick-form{margin-top:20px;padding:20px;background:var(--surface-2);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:12px}
.intake-quick-form__error{color:var(--danger);font-size:.875rem}
.intake-confirmation, .wizard-confirmation{padding:36px 28px;background:var(--panel);border-radius:var(--radius);text-align:center}
.intake-confirmation h2, .wizard-confirmation h2{max-width:none;margin-bottom:10px}
.intake-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease}
.intake-modal.is-open{opacity:1;pointer-events:auto}
.intake-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.intake-modal__dialog{position:relative;width:94vw;max-width:720px;max-height:90vh;overflow-y:auto;background:var(--surface);border-radius:var(--radius);padding:32px;box-shadow:0 24px 80px rgba(0,0,0,.18)}
.intake-modal__close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:none;background:var(--bg);font-size:1.1rem;color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}
.intake-modal__close:hover{background:var(--line)}
.intake-modal__progress{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.intake-modal__progress.is-hidden, .intake-modal__body.is-hidden, .intake-modal__nav.is-hidden{display:none}
.wizard-step{display:none}
.wizard-step.is-active{display:block}
.wizard-step h3{margin-bottom:18px}
.wizard-intro{margin-bottom:20px;color:var(--ink-soft)}
.wizard-company{padding:20px;background:var(--bg);border-radius:var(--radius-md);margin-bottom:14px;display:grid;gap:14px}
.wizard-company select, .form-field__input{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line-strong);background:#fffdf9;font:inherit;color:var(--ink);outline:none}
.form-field__input{margin-top:8px}
.wiz-sector-other.is-hidden, .form-field__input.is-hidden, .wizard-conditional.is-hidden{display:none}
.click-row{display:grid;gap:10px}
.click-row--two{grid-template-columns:repeat(2, 1fr)}
.click-row--three{grid-template-columns:repeat(3, 1fr)}
.click-row--four{grid-template-columns:repeat(4, 1fr)}
.click-option{padding:14px 16px;border-radius:var(--radius-sm);border:2px solid var(--line);background:var(--surface);font:inherit;font-size:.92rem;font-weight:600;color:var(--ink);cursor:pointer;text-align:center;min-height:44px;transition:border-color .18s ease, box-shadow .18s ease}
.click-option:hover{border-color:var(--accent)}
.click-option.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px #6b52ff22;background:#6b52ff08}
.form-microcopy{display:block;font-size:.84rem;color:var(--muted);margin-top:6px}
.channel-matrix{display:grid;gap:0;margin-bottom:18px}
.channel-matrix__head, .channel-matrix__row{display:grid;grid-template-columns:1fr 100px 100px;gap:8px;padding:8px 12px;align-items:center}
.channel-matrix__head{font-size:.82rem;font-weight:700;color:var(--muted)}
.channel-matrix__head span:nth-child(2), .channel-matrix__head span:nth-child(3){display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:999px}
.channel-matrix__head span:nth-child(2){background:#e8f3ff;color:#2e6ca8}
.channel-matrix__head span:nth-child(3){background:#f1ebff;color:#684cc8}
.channel-matrix__row{border-top:1px solid var(--line)}
.channel-matrix__row span{font-size:.92rem;color:var(--ink)}
.matrix-toggle{width:40px;height:40px;border-radius:10px;border:2px solid var(--line);background:var(--surface);cursor:pointer;margin:0 auto;transition:border-color .15s ease, background .15s ease}
.matrix-toggle[data-col="now"]{border-color:#bfd8f4;background:#f6fbff}
.matrix-toggle[data-col="add"]{border-color:#d9cbff;background:#fbf8ff}
.matrix-toggle[data-col="now"].is-active{border-color:#2c78c4;background:#2c78c4}
.matrix-toggle[data-col="add"].is-active{border-color:#7657ff;background:#7657ff}
.matrix-toggle.is-active::before{content:'✓';color:#fff;font-weight:800}
.wizard-conditional{margin-top:18px;padding:18px;background:var(--bg);border-radius:var(--radius-sm)}
.pref-rows{display:grid;gap:12px}
.pref-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pref-label{font-weight:600;font-size:.88rem;color:var(--ink-soft);min-width:60px}
.wizard-consent{display:flex;align-items:flex-start;gap:10px;margin-top:18px;color:var(--ink-soft);font-size:.92rem;cursor:pointer}
.wizard-consent input{margin-top:3px;min-width:18px;min-height:18px}
.wizard-review{padding:20px;margin-bottom:22px;background:linear-gradient(180deg, #f8fbff 0%, #eef3fc 100%);border:1px solid #dbe5f5;border-radius:var(--radius-md)}
.wizard-review h3{margin-bottom:14px}
.wizard-review__content{display:grid;gap:10px}
.wizard-review__item{padding:14px 16px;border-radius:16px;background:#ffffff;border:1px solid #e4eaf5}
.wizard-review__item strong{display:block;margin-bottom:6px;font-size:.88rem}
.wizard-review__item span{color:var(--ink-soft)}
.wizard-step-error{margin-top:18px;padding:14px 16px;border-radius:16px;background:#fff1f1;border:1px solid #f0caca;color:#9b4b4b;font-weight:600}
.intake-modal__nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.intake-modal__nav .is-hidden{display:none}
.wizard-confirm__summary{margin-top:20px;text-align:left;padding:18px;background:var(--bg);border-radius:var(--radius-sm);font-size:.92rem;line-height:1.7}
.integration-showcase{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:center;margin-bottom:24px}
.integration-cloud{display:flex;flex-wrap:wrap;gap:12px;padding:22px;border-radius:var(--radius);background:linear-gradient(180deg, #ffffffcc 0%, #f4f7ffda 100%);border:1px solid #e3eaf6;box-shadow:var(--shadow-soft)}
.usecase-grid{grid-template-columns:repeat(3, 1fr)}
.compare-grid--two, .audience-grid--two{grid-template-columns:repeat(2, 1fr)}
.channels-compare-grid{gap:14px;grid-template-columns:repeat(2, minmax(0, 1fr))}
.compare-card, .audience-card, .testimonial-card, .case-study, .origin-story, .price-anchor{background:var(--panel);border:1px solid #ffffffd0;border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}
.compare-card, .audience-card{padding:26px}
.compare-card--before{background:linear-gradient(180deg, #fff8f8 0%, #fff0f0 100%);border-color:#f5d8d8}
.compare-card--after{background:linear-gradient(180deg, #f5fff8 0%, #edfff6 100%);border-color:#c8edd8}
.compare-card--before h2, .compare-card--before h3, .compare-card--after h2, .compare-card--after h3{color:#162036}
.compare-card--before .eyebrow, .compare-card--after .eyebrow{background:#ffffff;border-color:#e8d8e8;box-shadow:none}
.compare-card--before .compare-list li{color:#55657f}
.compare-card--after .compare-list li{color:#55657f}
.compare-list{display:grid;gap:12px;margin-top:18px}
.compare-list li{position:relative;padding-left:24px;color:var(--ink-soft)}
.compare-card--before .compare-list li::before, .audience-card--less-fit .compare-list li::before{content:'x';position:absolute;left:0;top:0;color:#ff7897;font-weight:800}
.compare-card--after .compare-list li::before, .audience-card--fit .compare-list li::before{content:'v';position:absolute;left:0;top:0;color:#42d3a7;font-weight:800}
.result-grid--four{grid-template-columns:repeat(4, 1fr)}
.result-card{padding:28px 22px;border-radius:var(--radius-md);background:linear-gradient(180deg, #ffffff 0%, #f2f6ff 100%);border:1px solid #dfe8fb;box-shadow:0 26px 54px -34px #2f4c8750;position:relative;overflow:hidden}
.result-card::before{content:'';position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg, #6d56ff 0%, #2ebfff 100%)}
.result-card strong{display:block;font-size:clamp(1.8rem, 3vw, 2.7rem);line-height:1;letter-spacing:-.05em;color:var(--ink);margin-bottom:10px}
.result-card span{display:block;color:var(--ink-soft);font-size:.95rem;max-width:22ch}
.result-note{margin-top:18px;color:var(--muted);font-size:.95rem}
.testimonial-grid--three{grid-template-columns:repeat(3, 1fr)}
.testimonial-card{padding:24px;display:grid;gap:16px;background:linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%);border-color:#e0e8f7}
.testimonial-card__placeholder{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:linear-gradient(180deg, #eef2ff 0%, #dde8ff 100%);border:1px dashed #cad7ef;color:var(--muted);font-size:1rem;font-weight:800;text-align:center;letter-spacing:.04em}
.testimonial-card__meta{display:grid;gap:4px}
.testimonial-card__meta span, .testimonial-card small{color:var(--muted)}
.testimonial-card p{color:var(--ink);font-size:1rem}
.testimonial-card small{display:block;padding-top:12px;border-top:1px solid #e7ecf7}
.case-study{padding:28px;display:grid;grid-template-columns:260px 1fr;gap:24px}
.case-study__placeholder{display:flex;align-items:center;justify-content:center;min-height:220px;padding:22px;border-radius:var(--radius-md);background:linear-gradient(180deg, #eef2fb 0%, #e5ecfa 100%);border:1px dashed #c7d5ef;color:var(--ink-soft);font-weight:800;text-align:center;font-size:1.1rem;letter-spacing:.04em}
.origin-story__placeholder{overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--line);align-self:start}
.origin-story__placeholder .product-screenshot{border-radius:var(--radius-md);box-shadow:none}
.case-study__logos{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.case-logo{display:inline-flex;align-items:center;justify-content:center;width:78px;height:78px;border-radius:22px;font-size:1.05rem;font-weight:800;letter-spacing:.04em;box-shadow:0 22px 36px -28px #243c7560}
.case-logo--clean{background:linear-gradient(180deg, #eaf6ff 0%, #d9f2ff 100%);color:#2a86b2}
.case-logo--legal{background:linear-gradient(180deg, #f1edff 0%, #e3dbff 100%);color:#6a54d8}
.case-logo--estate{background:linear-gradient(180deg, #eefcf7 0%, #dff7ef 100%);color:#2e8c70}
.case-study__content{display:grid;gap:14px}
.profile-demo{display:grid;gap:16px;padding:20px;background:linear-gradient(180deg, #f7faff 0%, #edf2fa 100%);border:1px solid #dfe7f5;border-radius:var(--radius);box-shadow:var(--shadow-panel)}
.profile-demo__tabs{display:flex;flex-wrap:wrap;gap:10px}
.profile-demo__tab{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid #d8e3f4;background:#ffffff;color:var(--ink-soft);font-weight:700;cursor:pointer}
.profile-demo__tab.is-active{background:linear-gradient(135deg, #745cff 0%, #55bfff 100%);border-color:#745cff;color:#fff;box-shadow:0 18px 34px -22px #6857ff7c}
.profile-demo__panel{display:grid;gap:14px}
.profile-demo__row{display:grid;gap:8px}
.profile-demo__row label{font-weight:700;color:var(--ink)}
.profile-demo__row input, .profile-demo__textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid #d9e4f4;background:#ffffff;color:var(--ink-soft);font:inherit}
.profile-demo__textarea{min-height:118px;white-space:pre-wrap;line-height:1.6;overflow:auto}
.profile-demo__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:14px}
.profile-demo__toggles{display:flex;flex-wrap:wrap;gap:10px}
.profile-toggle{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:#eef2fb;color:#70829f;font-size:.86rem;font-weight:700}
.profile-toggle.is-active{background:#dff6ef;color:#257d63}
.profile-demo__actions{display:flex;gap:12px;flex-wrap:wrap}
.voice-demo, .pricing-preview, .channel-capability-card{background:linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);border:1px solid #dfe8f8;border-radius:var(--radius);box-shadow:var(--shadow-panel)}
.voice-demo{display:grid;gap:16px;padding:22px}
.voice-demo__top{display:flex;justify-content:space-between;gap:18px;align-items:center}
.voice-demo__top strong, .pricing-preview__header strong{display:block;margin-bottom:6px}
.voice-demo__top span:not(.tag){color:var(--muted);font-size:.92rem}
.voice-demo__wave{display:flex;align-items:end;gap:8px;height:56px;padding:12px 16px;border-radius:18px;background:linear-gradient(135deg, #171f38 0%, #12192c 100%)}
.voice-demo__wave span{display:block;width:10px;border-radius:999px;background:linear-gradient(180deg, #7d67ff 0%, #4ec3ff 100%);animation:voiceWave 1.6s ease-in-out infinite}
.voice-demo__wave span:nth-child(2) { height{34px; animation-delay:.08s }}
.voice-demo__wave span:nth-child(3) { height{48px; animation-delay:.16s }}
.voice-demo__wave span:nth-child(4) { height{28px; animation-delay:.24s }}
.voice-demo__wave span:nth-child(5) { height{42px; animation-delay:.32s }}
.voice-demo__wave span:nth-child(6) { height{22px; animation-delay:.4s }}
.voice-demo__panel{display:grid;gap:8px}
.voice-demo__panel label{font-weight:700;color:var(--ink)}
.voice-demo__transcript, .voice-demo__output{padding:16px 18px;border-radius:18px;background:#ffffff;border:1px solid #dce6f5;color:var(--ink-soft);line-height:1.65}
.voice-demo__output{background:linear-gradient(135deg, #f4f1ff 0%, #eef8ff 100%);border-color:#d5dcff;color:var(--ink)}
.voice-demo__actions{display:flex;flex-wrap:wrap;gap:10px}
.voice-demo__chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid #d6e0f2;background:#ffffff;color:var(--ink-soft);font-weight:700;cursor:pointer}
.voice-demo__chip.is-active{background:linear-gradient(135deg, #745cff 0%, #55bfff 100%);border-color:#745cff;color:#fff;box-shadow:0 18px 34px -22px #6857ff7c}
.channel-capability-grid{display:grid}
.channel-capability-grid--three{grid-template-columns:repeat(3, 1fr);gap:24px}
.channel-capability-card{padding:24px}
.channel-capability-card h3{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.pricing-preview{padding:22px;display:grid;gap:16px}
.pricing-preview__header{display:flex;justify-content:space-between;gap:16px;align-items:center}
.pricing-preview__stack{display:grid;gap:12px}
.pricing-preview__stack div{padding:16px 18px;border-radius:18px;background:#fffdf9;border:1px solid #e6ebf5}
.pricing-preview__stack span{display:block;color:var(--ink-soft)}
.section--dark-soft .case-study{background:#ffffff;border-color:#dce3f8}
.section--dark-soft .case-study h3, .section--dark-soft .case-study p, .section--dark-soft .case-study strong, .section--dark-soft .case-study__note{color:#162036}
.section--dark-soft .case-study .eyebrow{background:#6b52ff18;border-color:#6b52ff30;box-shadow:none}
.section--dark-soft .case-study__grid div{background:#f4f7ff;border-color:#dce3f8}
.section--dark-soft .case-study__placeholder{background:linear-gradient(180deg, #eef2fb 0%, #e5ecfa 100%);border-color:#c7d5ef;color:#55657f}
.case-study__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:16px}
.case-study__grid div{padding:18px;border-radius:18px;background:#fffdf9;border:1px solid var(--line)}
.case-study__note, .origin-story__signature{color:var(--muted);font-size:.95rem}
.audience-card--fit{background:linear-gradient(180deg, #fbfefd 0%, #eff8f2 100%)}
.audience-card--less-fit{background:linear-gradient(180deg, #fffefe 0%, #f7f3f6 100%)}
.price-anchor{padding:18px 22px;margin-top:18px;margin-bottom:28px;background:linear-gradient(180deg, #f8fbff 0%, #eef3fc 100%)}
.price-anchor p{max-width:none;color:var(--ink);font-weight:600}
.origin-story{padding:28px;display:grid;grid-template-columns:220px 1fr;gap:24px;margin-bottom:26px;background:linear-gradient(180deg, #ffffff 0%, #f5f7fe 100%);border-color:#e0e7f7}
.origin-story__content{display:grid;gap:14px;align-content:start}
.section--dark-soft .compare-card, .section--dark-soft .testimonial-card, .section--dark-soft .result-card{box-shadow:0 28px 64px -42px #00000090}
.section--dark-soft .voice-demo{background:#ffffff;border-color:#dce3f8}
.section--dark-soft .voice-demo__top strong, .section--dark-soft .voice-demo__panel label{color:#162036}
.section--dark-soft .voice-demo__top span:not(.tag){color:#55657f}
.section--dark-soft .voice-demo__transcript{background:#f4f7ff;border-color:#dce3f8;color:#162036}
.section--dark-soft .voice-demo__output{background:linear-gradient(135deg, #eef4ff 0%, #f5efff 100%);border-color:#dce3f8;color:#162036}
.section--dark-soft .voice-demo__chip{background:#f4f7ff;border-color:#dce3f8;color:#55657f}
.section--dark-soft .voice-demo .eyebrow{background:#6b52ff18;border-color:#6b52ff30;box-shadow:none}
.direct-contact-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.review-grid--four{grid-template-columns:repeat(4, 1fr)}
.review-card p{font-size:1rem;color:var(--ink);margin-bottom:20px}
.review-card__meta{display:grid;gap:3px}
.review-card__meta span{color:var(--muted);font-size:.88rem}
.cta-panel{padding:34px;background:linear-gradient(135deg, #fbfcff 0%, #eef2ff 42%, #e9fbff 100%);position:relative;overflow:hidden}
.cta-panel::before{content:'';position:absolute;inset:auto -80px -80px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle, #6b52ff26 0%, #6b52ff00 72%);pointer-events:none}
.cta-panel__content{position:relative;z-index:1}
.section--dark .cta-panel, .section--dark-soft .cta-panel{background:linear-gradient(135deg, #121b30 0%, #16233e 44%, #163148 100%);border:1px solid #28395f;box-shadow:0 42px 110px -48px #00000066}
.section--dark .cta-panel::before, .section--dark-soft .cta-panel::before{background:radial-gradient(circle, #6b52ff3b 0%, #6b52ff00 72%)}
.section--dark .cta-panel h1, .section--dark .cta-panel h2, .section--dark-soft .cta-panel h1, .section--dark-soft .cta-panel h2{color:#f8fbff}
.section--dark .cta-panel p, .section--dark-soft .cta-panel p{color:#aebcda}
.channel-detail-grid--two{grid-template-columns:repeat(2, 1fr)}
.channel-detail-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.channel-board{display:grid;gap:18px}
.channel-board__group{padding:24px;background:var(--panel);border:1px solid #ffffffd0;border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}
.channel-board__group h3{margin-bottom:14px}
.channel-board__group ul{display:grid;gap:10px}
.channel-board__group li{padding:10px 0;border-bottom:1px solid #e5ddcf;color:var(--ink-soft)}
.channel-board__group li:last-child{border-bottom:none}
.workspace-panel{padding:20px;background:linear-gradient(180deg, #f8f4ea 0%, #fffdf8 100%);border:1px solid var(--line)}
.workspace-panel__feed{display:grid;gap:0;margin-top:16px}
.feature-copy h2{margin-bottom:14px}
.feature-copy p{margin-bottom:18px}
.feature-panel{padding:22px;background:linear-gradient(180deg, #fffdfa 0%, #f5f0e6 100%)}
.feature-panel__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.feature-panel__body{display:grid;gap:16px}
.stack-list, .check-list{display:grid;gap:14px}
.stack-list div, .check-list div{padding:14px 16px;background:#fffdf8;border:1px solid var(--line);border-radius:16px}
.stack-list strong{display:block;margin-bottom:6px}
.timeline-list, .roi-panel{display:grid;gap:0;background:#fffdf8;border:1px solid var(--line);padding:0 16px}
.file-card{padding:16px;background:#fff;border:1px solid var(--line);margin-bottom:14px}
.analysis-card, .prompt-block{padding:18px;background:#fffdf8;border:1px solid var(--line)}
.pricing-card{padding:28px}
.pricing-card h3{color:var(--ink)}
.pricing-card p{color:var(--ink-soft)}
.pricing-card--featured{background:linear-gradient(180deg, #fefefe 0%, #eff6f2 100%);border-color:#d4e8e0}
.pricing-card__label{color:var(--accent);margin-bottom:12px}
.pricing-card__price{font-size:1.4rem;font-weight:800;color:var(--ink);margin:4px 0 0}
.pricing-card__price small{font-size:.75em;font-weight:600;color:var(--ink-soft)}
.pricing-card__price-block{display:grid;gap:14px;margin:18px 0;padding:18px;background:var(--surface-2);border-radius:var(--radius-xs)}
.pricing-card__price-note{display:block;font-size:.8rem;color:var(--ink-soft);margin-top:2px}
.pricing-card--featured .pricing-card__price-block{background:rgba(107,82,255,.06)}
.section--dark-soft .pricing-card h3{color:var(--ink)}
.section--dark-soft .pricing-card p{color:var(--ink-soft)}
.pricing-list{display:grid;gap:10px}
.pricing-list li, .sidebar-list li{padding-left:18px;position:relative;color:var(--ink-soft)}
.pricing-list li::before, .sidebar-list li::before{content:'';position:absolute;left:0;top:11px;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.feature-grid--eight{grid-template-columns:repeat(4, 1fr)}
.feature-tile{min-height:168px}
.demo-recording{display:grid;grid-template-columns:1fr;gap:22px;padding:24px;margin-top:24px;border-radius:30px;background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);border:1px solid #dbe5f2;box-shadow:0 34px 46px -36px #30437765}
.demo-recording__visual{border-radius:24px;overflow:hidden;line-height:0}
.demo-recording__visual video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.demo-recording__copy h3{color:var(--ink);margin-bottom:10px}
.demo-recording__copy p{max-width:none}
.product-hero-image{margin-top:40px;margin-bottom:0}
.product-hero-image .product-screenshot{border-radius:var(--radius)}
.page-hero--examples .page-hero__frame{transform:rotate(-1.2deg)}
.page-hero--start .page-hero__frame{transform:rotate(.8deg)}
.page-hero--contact .page-hero__frame{transform:rotate(-.6deg)}
.page-hero--channels .page-hero__image{box-shadow:0 28px 44px -28px #19baa94f}
.page-hero--features .section-kicker{color:#2c78c4}
.page-hero--examples .section-kicker{color:#9b5a18}
.page-hero--start .section-kicker{color:#8a5d00}
.page-hero--contact .section-kicker{color:#b23b86}
.icon{background-image:url(/icons.png?.9.6.3);;background-position-y:bottom;;display:inline-block;;overflow:hidden;;padding:0;;width:24px;;height:24px;}
.icon.whatsapp{background-position-x:-24px;}
.icon.telegram{background-position-x:-48px;}
.icon.teams{background-position-x:-72px;}
.icon.slack{background-position-x:-96px;}
.icon.messenger{background-position-x:-120px;}
.icon.linkedin{background-position-x:-144px;}
.icon.intercom{background-position-x:-168px;}
.icon.instagram{background-position-x:-192px;}
.icon.email{background-position-x:-216px;}
.icon.chat{background-position-x:-240px;}
@keyframes floatCard{
0%, 100%{transform:translateY(0px)}
50%{transform:translateY(-10px)}}
@keyframes pulseGlow{
0%, 100%{transform:scale(1);opacity:1}
50%{transform:scale(1.06);opacity:.74}}
@keyframes marqueeX{
0%{transform:translateX(0)}
100%{transform:translateX(-50%)}}
@keyframes blinkCursor{
0%, 49%{opacity:1}
50%, 100%{opacity:0}}
@keyframes voiceWave{
0%, 100%{transform:scaleY(.72);opacity:.7}
50%{transform:scaleY(1.08);opacity:1}}
@media (max-width: 640px){
h1{font-size:clamp(1.8rem, 8vw, 2.4rem)}
h2{font-size:clamp(1.65rem, 7.5vw, 2.35rem)}
.hero__lead{font-size:1rem}
.intake-modal__dialog padding{20px; border-radius:var(--radius-md)}}
@media (max-width: 980px){
.hero-float--left{left:0;top:110px}
.hero-float--right{right:0;top:290px}
.hero-float--top{right:18px}}
@media (max-width: 760px){
.header__inner{gap:12px;grid-template-columns:minmax(0, 1fr) auto}
.header__logo-copy span{display:none}
.header__logo-copy strong{font-size:.94rem}
.header__logo-image{width:38px;height:38px}
.mobile-nav__inner{padding:16px 14px 24px}
.mobile-nav__list a{min-height:50px;padding:0 16px}
.mobile-sticky-cta{display:flex}
body{padding-bottom:96px}}
@media (max-width: 420px){
.header__logo-copy{display:none}
.header__inner{grid-template-columns:auto 1fr auto}}
@media (max-width: 720px){
.browser-shot__sidebar{border-right:none;border-bottom:1px solid #e5ebf6}}
@media (max-width: 820px){
.wapps-demo__sidebar{border-right:none;border-bottom:1px solid #e1e8f5}}
@media (max-width: 1080px){
.day-rhythm{grid-template-columns:1fr;padding:0}
.day-rhythm__stop, .day-rhythm__stop--top, .day-rhythm__stop--bottom{padding:0}
.day-rhythm__stop{grid-template-columns:auto 1fr;align-items:start}
.day-rhythm__card{min-height:0}}