/* Self-service website — preserves the approved palette. */
.mobile-login{display:none!important}.button,.menu-toggle{min-height:44px}.menu-toggle{min-width:44px}.nav-dropdown>summary{min-height:44px}.use-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0 60px}.use-case-card{display:flex;flex-direction:column;align-items:flex-start;padding:30px;border:1px solid var(--line);border-radius:16px;background:#fffdf7;text-decoration:none;transition:transform .2s}.use-case-card:hover{transform:translateY(-4px)}.use-case-card h3{font-size:28px;line-height:1.16;margin:25px 0 18px}.use-case-card p{font-size:15px;line-height:1.7;margin-bottom:28px}.use-case-card .text-link{margin-top:auto;font-size:14px}.eyebrow{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#476147}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.plan-card{border:1px solid var(--line);border-radius:16px;padding:26px 22px;background:#fffdf7;display:flex;flex-direction:column;gap:22px}.plan-card h2{font-size:30px}.plan-card p{font-size:15px;line-height:1.6}.plan-card .plan-price{font-size:15px;line-height:1.4}.plan-card .plan-price strong{display:block;font-size:30px;line-height:1.1}.plan-card .plan-price small{display:block;margin-top:6px;font-size:13px;color:#476147}.plan-card .button{margin-top:auto;font-size:13px;padding:14px}.pricing-notice{border-left:3px solid var(--orange);padding:16px 20px;background:#f0eee3;margin-bottom:24px}.plan-section>.small-print{margin:22px 0 55px}.use-case-video{padding:20px 0 50px;max-width:1000px}.use-case-video video{display:block;width:100%;border-radius:16px;background:#203528}.use-case-video h2{font-size:30px;margin-bottom:18px}.use-case-video p{font-size:14px;line-height:1.7;margin-top:14px}.channel-item small,.channel-disclosure,.preview-note,.art-caption{font-size:12px!important}.header nav{gap:20px}.header nav a,.header nav summary{font-size:14px}.header .nav-cta{font-size:14px}.button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a94625;outline-offset:4px}
@media(max-width:1100px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.use-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header nav{gap:12px}.header nav a,.header nav summary{font-size:12px}.mobile-login{display:block!important}}
@media(max-width:760px){.use-case-grid,.plan-grid{grid-template-columns:1fr}.use-case-card{padding:26px}.header nav a,.header nav summary{font-size:16px;min-height:44px}.header .nav-cta{font-size:13px;padding:10px 14px}.use-case-card h3{font-size:27px}.header nav{max-height:calc(100dvh - 90px);overflow:auto}.integration-menu{max-width:100%}.hero h1{font-size:42px}.use-case-video h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.use-case-card{transition:none}.use-case-card:hover{transform:none}}
@media(max-width:380px){.header{padding-inline:12px;gap:6px}.header .brand{width:125px;min-width:125px}.header .brand img{max-width:125px}.header .nav-cta{font-size:12px;padding-inline:12px}.hero h1{font-size:36px}}
@media(max-width:760px){.hero h1{white-space:normal;overflow-wrap:normal}.hero-copy{min-width:0}}
.plan-card .text-link{font-size:13px}
.plan-card-custom{background:#e8eddb}
.compare-heading{font-size:36px;margin:10px 0 22px}
.compare-scroll{position:relative;overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fffdf7;-webkit-overflow-scrolling:touch}
.compare-scroll:focus-visible{outline:3px solid #8a3a1e;outline-offset:4px}
.plan-compare{width:100%;min-width:680px;border-collapse:collapse;font-size:15px}
.plan-compare th,.plan-compare td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.plan-compare thead th{font:600 18px var(--display);letter-spacing:-.02em;background:#fffdf7;border-bottom:2px solid var(--ink)}
.plan-compare td{width:22%;color:var(--ink)}
.plan-compare tbody th{font-weight:500}
.plan-compare tbody th small{display:block;font-size:12px;color:var(--muted);font-weight:400}
.plan-compare .compare-group th{background:#e8eddb;font:700 12px var(--body);letter-spacing:.12em;text-transform:uppercase;color:#46543b;padding:10px 18px}
.plan-compare tbody tr:last-child>*{border-bottom:0}
.compare-yes{display:inline-flex;width:26px;height:26px;border-radius:50%;background:var(--pistachio);align-items:center;justify-content:center;color:var(--ink)}
.compare-no{color:#9a9d93}
.compare-note{margin:16px 0 55px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media(max-width:760px){.compare-heading{font-size:28px}.plan-compare{font-size:14px}.plan-compare th,.plan-compare td{padding:12px 12px}.plan-compare thead th:first-child,.plan-compare tbody th[scope=row]{position:sticky;left:0;background:#fffdf7;z-index:1;width:150px;min-width:150px;box-shadow:1px 0 0 var(--line)}.plan-compare{min-width:510px}.plan-compare td{width:auto;min-width:115px}}
/* Phase 1 (2026-10-15): live channels only, one homepage footnote, and a readable text floor for
   copy outside the miniature product illustrations (their internal labels are part of the drawing). */
.channel-grid,.home-channels .channel-grid{grid-template-columns:repeat(4,1fr)}
.home-footnote{max-width:1312px;margin:0 auto 48px;padding:0 64px;font-size:13px;line-height:1.6;color:var(--muted)}
.hero-note,.workspace-art figcaption,.platform-caption,.channel-disclosure,.account-map figcaption,.channel-photo figcaption small,.channel-platform figcaption small,.story-persistent-source,.story-video-content>p,.story-caption,.preview-note{font-size:13px;line-height:1.55}
.footer-bottom,.back-link,.channel-item small,.integration-menu a small,.channel-highlights,.story-time,.review-bar,.story-tabs button>span{font-size:12px}
.product-tabs button,.story-tabs button{font-size:13px}
@media(max-width:1100px){.home-footnote{padding:0 35px}}
@media(max-width:760px){.channel-grid,.home-channels .channel-grid{grid-template-columns:repeat(2,1fr)}.home-footnote{padding:0 20px}}
/* Real application screens (2026-10-15). */
.app-screen{margin:0}
.app-screen-frame{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fffdf7;box-shadow:0 34px 70px -42px rgba(37,44,38,.5)}
.app-screen-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 14px;background:#efeee6;border-bottom:1px solid var(--line)}
.app-screen-bar i{width:9px;height:9px;border-radius:50%;background:#d3d1c5}
.app-screen-bar span{margin-left:10px;font-size:12px;color:var(--muted)}
.app-screen img{display:block;width:100%;height:auto}
.app-screen figcaption{font-size:13px;line-height:1.5;color:var(--muted);margin-top:12px}
.app-screen figcaption strong{color:var(--ink);font-weight:600}
.hero-art.hero-screen{height:auto;min-height:440px;display:flex;align-items:center;perspective:none}
.hero-screen .orange-disc{top:50%;left:42%;transform:translate(-50%,-50%)}
.hero-screen .app-screen{position:relative;z-index:1;flex:none;width:165%;max-width:none;animation:screen-in .9s cubic-bezier(.16,1,.3,1) both}
@keyframes screen-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.hero-screen .app-screen{animation:none}}
.product-tabs{overflow-x:auto;scrollbar-width:none}
.product-tabs button{white-space:nowrap}
.product-panel.screen-panel{grid-template-columns:1fr;gap:34px;min-height:0;padding:48px 56px 56px;align-items:start}
.product-panel.screen-panel[hidden]{display:none}
.screen-panel .feature-copy{display:grid;grid-template-columns:1fr 1fr;gap:20px 60px;align-items:end}
.screen-panel .feature-copy h3{grid-row:span 2}
.screen-panel .feature-copy>p{margin:0}
.screen-note{font-size:13px;color:var(--muted);text-align:right;margin-top:12px}
.trust .trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:0 0 34px}
.trust article{border-top:2px solid var(--ink);padding-top:20px}
.trust article h3{font-size:20px;letter-spacing:-.02em;margin-bottom:10px}
.trust article p{font-size:14px;line-height:1.65}
.page-screens{margin:0 0 80px;display:grid;gap:48px}
.page-screens-head h2{font-size:34px}
.page-screens-head p{font-size:14px;margin-top:8px}
@media(max-width:1100px){.trust .trust-grid{grid-template-columns:repeat(2,1fr)}.screen-panel .feature-copy{grid-template-columns:1fr}.screen-panel .feature-copy h3{grid-row:auto}}
@media(max-width:760px){.hero-art.hero-screen{min-height:0;margin-top:20px}.hero-screen .app-screen{width:100%}.hero-screen .orange-disc{left:50%}.hero-screen .orange-disc{width:260px;height:260px}.product-panel.screen-panel{padding:26px 18px 22px}.page-screens{gap:34px;margin-bottom:56px}.page-screens-head h2{font-size:28px}.trust .trust-grid{grid-template-columns:1fr}.screen-note{text-align:left}}
/* The original hero illustration, kept as the visual for "A workspace that moves with you". */
.home-paths.home-paths-art{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center;padding-top:40px}
.home-paths-art>.paths-art,.home-paths-art>.paths-copy{display:block}
.paths-art .hero-art{max-width:600px;margin:0 auto}
.paths-copy>p{font-size:16px;line-height:1.7;margin:-12px 0 26px;max-width:460px}
.home-paths-art .paths-links{display:grid;grid-template-columns:1fr;gap:0}
.home-paths-art .paths-links a{padding:18px 0}
@media(max-width:1100px){.home-paths.home-paths-art{gap:40px}}
@media(max-width:760px){.home-paths.home-paths-art{grid-template-columns:1fr;gap:20px;padding-top:10px}.paths-art{overflow:hidden;padding:4px 0 8px}.paths-art .hero-art{height:480px}}
/* Homepage v2 (2026-10-15): centered hero, works-with strip, lifecycle, films, AI band, trust, pricing. */
.hv2{--hv2-gap:96px}
.hv2-hero{width:min(1312px,100% - 128px);margin:0 auto;padding:72px 0 0;text-align:center;overflow-x:clip}
.hv2-hero-copy h1{font-size:clamp(40px,5.4vw,74px);line-height:1.04;letter-spacing:-.045em}
.hv2-hero-copy>p{font-size:19px;line-height:1.6;max-width:700px;margin:24px auto 0}
.hv2-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:32px}
.button.cream-outline{background:transparent;border:1px solid var(--ink);color:var(--ink)}
.hv2-trust{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;list-style:none;padding:0;margin:26px 0 0;font-size:14px;color:var(--muted)}
.hv2-trust li:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#799b4f;margin-right:9px;vertical-align:middle}
.hv2-hero-shot{max-width:1180px;margin:52px auto 0;position:relative;isolation:isolate}
.hv2-hero-shot:before{content:'';position:absolute;inset:6% -5% -8%;background:radial-gradient(ellipse at 50% 55%,rgba(244,108,60,.30),rgba(217,232,172,.40) 45%,transparent 72%);filter:blur(34px);z-index:-1}
.works-with{width:min(1312px,100% - 128px);margin:60px auto 0;text-align:center}
.works-with>p{font:600 13px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.works-with ul{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 12px}
.works-with a{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border:1px solid var(--line);border-radius:30px;background:#fffdf7;font-size:14px;font-weight:600;transition:border-color .2s}
.works-with a:hover{border-color:var(--ink)}
.works-with svg{width:18px;height:18px;fill:currentColor;stroke:none}
.works-with svg.stroke{fill:none;stroke:currentColor;stroke-width:1.8}
.hv2-section{width:min(1312px,100% - 128px);margin:0 auto;padding:var(--hv2-gap) 0 0}
.hv2-band,.hv2-dark{margin-top:var(--hv2-gap);padding:var(--hv2-gap) 0}
.hv2-band{background:#e8eddb}
.hv2-dark{background:var(--ink);color:var(--paper)}
.hv2-inner{width:min(1312px,100% - 128px);margin:0 auto}
.hv2-band+.hv2-dark,.hv2-dark+.hv2-band{margin-top:0}
.hv2-head{max-width:780px;margin-bottom:42px}
.hv2-head h2{font-size:clamp(32px,3.6vw,50px);line-height:1.1}
.hv2-head h2 span,.hv2-ai h2 span{color:#7a8072}
.hv2-head>p{font-size:16px;margin-top:14px}
.hv2-eyebrow{display:block;font:700 12px var(--body);letter-spacing:.14em;text-transform:uppercase;color:#a8421e;margin-bottom:14px}
.hv2-life-grid{display:grid;grid-template-columns:390px 1fr;gap:48px;align-items:start}
.hv2-stages{display:flex;flex-direction:column;gap:10px}
.hv2-stage{display:flex;flex-direction:column;gap:6px;text-align:left;background:none;border:0;border-left:3px solid var(--line);padding:18px 22px;color:var(--ink);font:inherit;cursor:pointer;border-radius:0 12px 12px 0;transition:background .2s,border-color .2s}
.hv2-stage[aria-selected=true]{border-left-color:var(--orange);background:#fffdf7;box-shadow:0 18px 40px -30px rgba(37,44,38,.45)}
.hv2-stage-num{font:700 12px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.hv2-stage strong{font:600 21px/1.25 var(--display);letter-spacing:-.02em}
.hv2-stage-text{display:none;font-size:15px;line-height:1.6;color:var(--muted)}
.hv2-stage[aria-selected=true] .hv2-stage-text{display:block}
.hv2-stage-shots [role=tabpanel][hidden]{display:none}
.hv2-stage-shots .text-link{display:inline-flex;margin-top:18px}
.hv2-film-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.hv2-film-tabs button{border:1px solid #b9c3a6;background:#f6f8ef;color:var(--ink);border-radius:30px;padding:10px 18px;font:600 14px var(--body);cursor:pointer}
.hv2-film-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.hv2-film[hidden]{display:none}
.hv2-film video{display:block;width:100%;height:auto;border-radius:16px;background:#1c221d;box-shadow:0 34px 70px -42px rgba(37,44,38,.6)}
.hv2-film-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px}
.hv2-film-meta strong{font:600 21px var(--display);letter-spacing:-.02em}
.hv2-ai{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}
.hv2-ai h2{font-size:clamp(32px,3.6vw,50px);line-height:1.1;color:var(--paper)}
.hv2-dark .hv2-ai h2 span{color:var(--pistachio)}
.hv2-dark .hv2-eyebrow{color:var(--pistachio)}
.hv2-ai-cols{display:grid;gap:18px;margin:30px 0 34px}
.hv2-ai-cols article{border-top:1px solid rgba(255,255,255,.16);padding-top:16px}
.hv2-ai-cols h3{font-size:18px;color:var(--paper);letter-spacing:-.01em}
.hv2-dark .hv2-head p,.hv2-dark article>p{color:#c0c8ba}
.hv2-ai-cols p{font-size:15px;margin-top:6px}
.hv2-dark .app-screen-frame{border-color:#3b453c;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.hv2 .home-paths.home-paths-art{padding:var(--hv2-gap) 0 0}
.hv2-secure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hv2-secure-grid article{background:#fffdf7;border:1px solid var(--line);border-radius:16px;padding:26px}
.hv2-check{display:inline-flex;width:36px;height:36px;border-radius:50%;background:var(--pistachio);align-items:center;justify-content:center;margin-bottom:16px;color:var(--ink)}
.hv2-secure-grid h3{font-size:19px;letter-spacing:-.02em;margin-bottom:8px}
.hv2-secure-grid p{font-size:14px;line-height:1.65}
.hv2-secure-grid .hv2-secure-link{background:var(--ink);border-color:var(--ink);display:flex;flex-direction:column;gap:8px}
.hv2-secure-link h3{color:var(--paper)}
.hv2-secure-link p{color:#c0c8ba}
.hv2-secure-link .text-link{color:var(--pistachio);margin-top:auto}
.hv2-price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.hv2-price-grid article{background:#fffdf7;border:1px solid var(--line);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:12px}
.hv2-price-grid h3{font-size:22px;letter-spacing:-.02em}
.hv2-price{color:var(--ink)}
.hv2-price strong{font:700 30px var(--display);letter-spacing:-.03em}
.hv2-price-grid p{font-size:14px;line-height:1.6}
.hv2-price-grid .text-link{margin-top:auto}
.hv2-price-grid .hv2-price-custom{background:transparent;border-style:dashed;border-color:#9aa48c}
.hv2 .faq{padding-top:var(--hv2-gap);padding-bottom:64px}
@media(max-width:1100px){.hv2{--hv2-gap:76px}.hv2-hero,.hv2-section,.hv2-inner,.works-with{width:calc(100% - 70px)}.hv2-life-grid,.hv2-ai{grid-template-columns:1fr}.hv2-stages{display:grid;grid-template-columns:repeat(3,1fr)}.hv2-stage{border-left:0;border-top:3px solid var(--line);border-radius:0 0 12px 12px}.hv2-stage[aria-selected=true]{border-top-color:var(--orange)}.hv2-secure-grid,.hv2-price-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.hv2{--hv2-gap:56px}.hv2-hero{padding-top:40px}.hv2-hero,.hv2-section,.hv2-inner,.works-with{width:calc(100% - 48px)}.hv2-hero-copy>p{font-size:17px}.hv2-hero-shot{margin-top:36px}.hv2-stages{grid-template-columns:1fr}.hv2-stage:not([aria-selected=true]) .hv2-stage-text{display:none}.hv2-secure-grid,.hv2-price-grid{grid-template-columns:1fr}.hv2-film-meta{flex-direction:column;align-items:flex-start}.hv2-film-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.hv2-film-tabs button{white-space:nowrap}.hv2-head{margin-bottom:28px}}
/* Floating product visuals (Vis.astro). */
.vis{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;padding:34px;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink)}
.vis-light{background:radial-gradient(110% 85% at 88% 12%,rgba(244,108,60,.20),transparent 55%),radial-gradient(90% 80% at 8% 92%,rgba(217,232,172,.85),transparent 62%),#f1f0e8}
.vis-dark{background:radial-gradient(70% 55% at 50% 105%,rgba(244,108,60,.38),transparent 70%),radial-gradient(55% 55% at 15% 0%,rgba(217,232,172,.16),transparent 70%),#1c221d;color:var(--paper)}
.vis-panel{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;width:min(100%,440px);padding:18px;border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 30px 60px -30px rgba(37,44,38,.45);color:var(--ink)}
.vis-msg{display:flex;gap:10px;align-items:flex-end}
.vis-msg.out{justify-content:flex-end}
.vis-msg p{margin:0;max-width:80%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.45;color:var(--ink)}
.vis-msg.in p{background:#efefe9;border-bottom-left-radius:5px}
.vis-msg.out p{background:#e6efcc;border-bottom-right-radius:5px}
.vis-tag{display:inline-block;margin:0 6px 4px 0;padding:2px 7px;border-radius:5px;background:var(--ink);color:var(--pistachio);font:700 11px var(--body);letter-spacing:.05em;text-transform:uppercase}
.vis-tag.ai{background:var(--orange);color:var(--ink)}
.vis-av{position:relative;display:inline-block;flex-shrink:0;border-radius:50%}
.vis-av img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #fff;background:#ddd}
.vis-badge{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;border:2px solid #fff}
.vis-badge svg{width:10px;height:10px;fill:#fff;stroke:none}
.vis-badge.wa{background:#25d366}.vis-badge.ig{background:#dd2a7b}.vis-badge.fb{background:#0084ff}.vis-badge.web{background:#252c26}
.vis-badge.web svg{fill:none;stroke:#fff;stroke-width:2}
.vis-float{position:absolute;z-index:2;right:22px;bottom:22px;display:flex;gap:10px;align-items:center;padding:12px 16px;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 22px 44px -20px rgba(37,44,38,.55);font-size:14px}
.vis-float strong{display:block;font-size:14px;line-height:1.3}
.vis-float small{display:block;font-size:12px;color:var(--muted)}
.vis-tick{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--pistachio);font-weight:800}
.vis-claim{background:var(--ink);color:#fff;font-weight:700;padding:13px 20px}
.vis-note{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#fbefd2;font-size:13px}
.vis-note strong{display:block;font-size:14px}.vis-note small{display:block;color:#7a5c1e}
.vis--chat .vis-panel,.vis--handoff .vis-panel,.vis--reminder .vis-panel,.vis--lookup .vis-panel,.vis--webhook .vis-panel,.vis--channels .vis-panel{margin-bottom:34px}
.vis-stack{position:relative;width:min(100%,340px);height:112px}
.vis-row{position:absolute;left:0;right:0;display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:14px;background:#fff;color:var(--ink);font-size:14px;box-shadow:0 16px 32px -18px rgba(0,0,0,.5)}
.vis-row small{display:block;color:var(--muted);font-size:13px}
.vis-row.ghost2{top:0;transform:scale(.86);opacity:.5}.vis-row.ghost1{top:18px;transform:scale(.93);opacity:.78}.vis-row.lead{top:40px}
.vis-line{width:2px;height:30px;margin:6px 0;background:repeating-linear-gradient(to bottom,currentColor 0 6px,transparent 6px 11px);opacity:.45}
.vis-pill{display:flex;gap:12px;align-items:center;padding:15px 22px;border-radius:16px;background:var(--ink);color:#fff;font:600 17px var(--display);letter-spacing:-.01em;box-shadow:0 20px 40px -22px rgba(0,0,0,.6)}
.vis-dark .vis-pill{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22)}
.vis-spark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--orange);color:var(--ink);font-weight:800}
.vis-team{display:flex;gap:10px}
.vis-stages{display:flex;flex-direction:column;align-items:center}
.vis-stages span{position:relative;margin-top:-8px;padding:12px 28px;border-radius:14px;background:#fff;color:var(--ink);font:700 22px var(--display);letter-spacing:-.02em;box-shadow:0 16px 32px -16px rgba(0,0,0,.55)}
.vis-stages .s1{z-index:5;transform:scale(1.06)}.vis-stages .s2{z-index:4;transform:scale(.94);opacity:.92}.vis-stages .s3{z-index:3;transform:scale(.82);opacity:.8}.vis-stages .s4{z-index:2;transform:scale(.7);opacity:.62}.vis-stages .s5{z-index:1;transform:scale(.6);opacity:.45}
.vis-loop{position:relative;width:290px;height:250px}
.vis-loop:before{content:'';position:absolute;inset:28px 34px;border:2px dashed currentColor;border-radius:50%;opacity:.25}
.vis-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:78px;height:78px;border-radius:22px;background:linear-gradient(135deg,#f46c3c,#ffa071);color:#fff;font:800 24px var(--display);box-shadow:0 0 44px rgba(244,108,60,.55)}
.vis-core.small{position:static;transform:none;width:64px;height:64px;font-size:20px;margin-top:18px}
.vis-loop .o{position:absolute}
.vis-loop .o1{left:4px;top:28px}.vis-loop .o2{left:46%;top:0}.vis-loop .o3{right:0;top:44px}.vis-loop .o4{right:22px;bottom:16px}.vis-loop .o5{left:40%;bottom:0}.vis-loop .o6{left:14px;bottom:44px}
.vis-chips{display:flex;flex-direction:column;align-items:center;gap:10px}
.vis-chips .chip{display:inline-flex;gap:8px;align-items:center;padding:10px 20px;border-radius:30px;background:#fff;color:var(--ink);font:600 15px var(--body);box-shadow:0 14px 28px -16px rgba(0,0,0,.5)}
.vis-chips .chip.on{outline:2px solid var(--orange);outline-offset:2px}
.vis-chips .chip.dim{opacity:.55}
.vis-chips svg{width:15px;height:15px;fill:currentColor;stroke:none}
.vis-sheet-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:14px}
.vis-sheet-head small{color:var(--muted);font-size:12px}
.vis-sheet-row{display:grid;grid-template-columns:70px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line);font-size:14px}
.vis-sheet-row .st{padding:3px 10px;border-radius:8px;background:#ecebe3;font-size:12px;font-weight:700}
.vis-sheet-row .st.ready{background:#e6efcc;color:#2f3930;outline:2px solid var(--orange)}
.vis-sheet-row .st.wait{background:#fbefd2;color:#8a5a00}
.vis-auto .vis-badge,.vis-li .vis-badge{position:static;width:30px;height:30px;border:0}
.vis-auto .vis-badge svg,.vis-li .vis-badge svg{width:15px;height:15px}
.vis-code{background:#141915;color:#e9ebe2}
.vis-code-head{font:500 13px ui-monospace,SFMono-Regular,Menlo,monospace;color:#c0c8ba}
.vis-code-head .m{padding:2px 7px;border-radius:5px;background:var(--orange);color:var(--ink);font-weight:700;margin-right:6px}
.vis-code pre{margin:0;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;color:#e9ebe2}
.vis-code .k{color:var(--pistachio)}
.vis-check-title{font:700 17px var(--display)}
.vis-check .bar{height:8px;border-radius:8px;background:#ecebe3;overflow:hidden}
.vis-check .bar i{display:block;height:100%;background:var(--orange)}
.vis-check-row{display:flex;gap:10px;font-size:14px;color:var(--muted)}
.vis-check-row.done{color:var(--ink)}
.vis-check-row.done:first-letter{color:#4c7330}
.vis-buttons{display:flex;justify-content:flex-end;gap:8px}
.vis-buttons span{padding:6px 12px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:13px;font-weight:600}
.vis-li{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;font-size:14px}
.vis-li.active{background:#f1f5e4}
@media(max-width:760px){.vis{min-height:300px;padding:22px}.vis-float{right:14px;bottom:14px;padding:10px 12px}.vis-stages span{font-size:18px;padding:10px 20px}.vis-loop{transform:scale(.88)}}
/* Spotlight, AI cards and feature-page v2 (2026-10-15). */
.vis-bare{display:block;min-height:0;padding:0;overflow:visible;background:none}
.vis-bare .vis-panel{width:100%;margin:0!important;background:rgba(255,255,255,.95)}
.vis-bare .vis-float{position:relative;right:auto;bottom:auto;width:fit-content;margin:-16px 0 0 auto}
.vis-bare .vis-stages span,.vis-bare .vis-chips .chip{box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
.vis-bare.vis--loop,.vis-bare.vis--models,.vis-bare.vis--stages,.vis-bare.vis--route{display:flex;flex-direction:column;align-items:center;color:#fff}
.spotlight{display:grid;grid-template-columns:1.1fr 1fr;min-height:470px;border-radius:24px;overflow:hidden;background:var(--ink);color:var(--paper)}
.spotlight-photo{position:relative;min-height:380px}
.spotlight-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.spotlight-card{position:absolute;right:26px;bottom:26px;width:min(80%,370px)}
.spotlight-copy{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:56px 52px}
.spotlight-copy h2{font-size:clamp(28px,3vw,42px);line-height:1.12;color:var(--paper)}
.spotlight-copy p{font-size:16px;line-height:1.7;color:#c0c8ba}
.spotlight .hv2-eyebrow{color:var(--pistachio);margin:0}
.spotlight .text-link{color:var(--pistachio)}
.spotlight-copy small{font-size:12px;color:#8f988a}
.hv2-ai-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:36px}
.hv2-ai-cards article{display:flex;flex-direction:column;overflow:hidden;padding:28px 28px 0;border-radius:22px;background:#232a24;border:1px solid #3b453c}
.hv2-ai-cards h3{font-size:20px;letter-spacing:-.02em;color:var(--paper)}
.hv2-ai-cards article>p{margin-top:8px;font-size:14px;line-height:1.6}
.hv2-ai-cards .vis{margin:22px -28px 0;min-height:290px;border-radius:0;background:transparent}
.hv2-dark .hv2-head h2{color:var(--paper)}
.hv2-dark .hv2-head h2 span{color:var(--pistachio)}
.fv2{width:min(1312px,100% - 128px);margin:0 auto}
.fv2-hero{padding:34px 0 0;text-align:center}
.fv2-hero .back-link{display:block;margin-bottom:26px}
.fv2-hero h1{font-size:clamp(38px,5vw,66px);line-height:1.06;letter-spacing:-.04em}
.fv2-hero>p{max-width:700px;margin:22px auto 0;font-size:18px;line-height:1.65}
.fv2-hero-visual{max-width:1100px;margin:48px auto 0}
.fv2-hero-visual .vis{min-height:430px}
.fv2-high{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:90px}
.fv2-high article{overflow:hidden;padding:0 0 28px;border-radius:22px;background:var(--ink);color:var(--paper)}
.fv2-high .vis{min-height:280px;max-height:300px;padding:22px;border-radius:0}
.fv2-high .vis-panel{transform:scale(.88)}
.fv2-high h2{padding:24px 26px 0;font-size:21px;letter-spacing:-.02em;color:var(--paper)}
.fv2-high article>p{padding:8px 26px 0;font-size:14px;line-height:1.6;color:#c0c8ba}
.fv2-rows{display:grid;gap:96px;margin-top:110px}
.fv2-row{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center}
.fv2-row.flip .fv2-row-copy{order:2}
.fv2-row.solo{grid-template-columns:1fr;max-width:780px}
.fv2-step{font:700 13px var(--body);letter-spacing:.12em;color:#a8421e}
.fv2-row-copy h2{margin:10px 0 14px;font-size:clamp(26px,2.6vw,38px);line-height:1.15}
.fv2-row-copy p{font-size:16px;line-height:1.75}
.fv2-row-copy ul{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.fv2-row-copy li{position:relative;padding-left:28px;font-size:15px;color:var(--ink)}
.fv2-row-copy li:before{content:'✓';position:absolute;left:0;top:0;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--pistachio);font-size:12px;font-weight:800}
.fv2 .spotlight{margin-top:110px}
.fv2-faq{margin-top:110px;padding-top:60px}
.fv2-related{margin-top:80px}
.fv2-note{margin:44px 0 64px;font-size:13px;color:var(--muted)}
@media(max-width:1100px){.fv2{width:calc(100% - 70px)}.fv2-row,.fv2-row.flip{grid-template-columns:1fr;gap:32px}.fv2-row.flip .fv2-row-copy{order:0}.fv2-high,.hv2-ai-cards{grid-template-columns:1fr 1fr}.spotlight{grid-template-columns:1fr}.spotlight-copy{padding:40px 36px}}
@media(max-width:760px){.fv2{width:calc(100% - 48px)}.fv2-high,.hv2-ai-cards{grid-template-columns:1fr}.fv2-hero>p{font-size:17px}.fv2-hero-visual .vis{min-height:340px}.fv2-rows{gap:64px;margin-top:72px}.fv2-high{margin-top:64px}.fv2 .spotlight,.fv2-faq{margin-top:72px}.spotlight-photo{min-height:340px}.spotlight-card{right:14px;bottom:14px;width:calc(100% - 28px)}.spotlight-copy{padding:32px 24px}}

.spotlight-photo.person-right img{object-position:72% center}
.spotlight-photo.person-right .spotlight-card{right:auto;left:26px}
.spotlight-photo:not(.person-right) img{object-position:28% center}
@media(max-width:760px){.spotlight-photo.person-right .spotlight-card{left:14px}}
.vis-bare .vis-code{background:#141915}
.fv2-high .vis{height:290px;min-height:0;max-height:none}
.vis-key{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:14px}
.vis-key strong{display:block}.vis-key small{display:block;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}
.vis-key .st{padding:3px 10px;border-radius:8px;background:#e6efcc;font-size:12px;font-weight:700}
.vis-key .st.off{background:#ecebe3;color:var(--muted)}
.vis-key.dim{opacity:.6}
.fv2-hero-visual .vis-panel,.fv2-hero-visual .vis-chips{transform:scale(1.18)}
.fv2-hero-visual .vis-float{transform:scale(1.12);transform-origin:bottom right}
@media(max-width:760px){.fv2-hero-visual .vis-panel,.fv2-hero-visual .vis-stages,.fv2-hero-visual .vis-chips,.fv2-hero-visual .vis-float{transform:none}}
.vis--sources{gap:0}
.vis-sources{gap:4px;padding:12px}
.vis-src{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;font-size:15px;font-weight:600}
.vis-src .vis-badge{position:static;width:32px;height:32px;border:0}
.vis-src .vis-badge svg{width:16px;height:16px}
.vis-src b{margin-left:auto;padding:3px 10px;border-radius:20px;background:var(--orange);color:var(--ink);font-size:12px}
.vis-src:first-child{background:#f1f5e4}
.vis--sources .vis-float{right:22px;bottom:22px}
.vis-bare.vis--sources{display:flex;flex-direction:column;align-items:center;color:#fff}
.vis-bare.vis--sources .vis-float{position:absolute;right:-8px;bottom:-24px;margin:0}
.vis--widget{align-items:flex-end;justify-content:flex-end}
.vis-widget{position:relative;z-index:1;width:min(100%,340px);overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 34px 70px -30px rgba(37,44,38,.55);color:var(--ink)}
.vis-widget-head{display:flex;gap:12px;align-items:center;padding:14px 16px;background:var(--ink);color:#fff}
.vis-widget-head strong{display:block;font:700 15px var(--display)}
.vis-widget-head small{display:block;font-size:12px;color:var(--pistachio)}
.vis-widget-head .x{margin-left:auto;font-size:20px;opacity:.7}
.vis-widget-av{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--ink)}
.vis-widget-av svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.vis-widget-av i{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#4fbf63;border:2px solid var(--ink)}
.vis-widget-body{display:flex;flex-direction:column;gap:8px;padding:14px;background:#f6f5ef}
.vis-widget-body p{margin:0;max-width:86%;padding:9px 12px;border-radius:12px;font-size:13px;line-height:1.45;color:var(--ink)}
.vis-widget-body .bot{background:#fff;border:1px solid var(--line);align-self:flex-start}
.vis-widget-body .me{background:var(--orange);color:var(--ink);align-self:flex-end;font-weight:600}
.vis-widget-input{display:flex;gap:8px;align-items:center;padding:10px 12px;border-top:1px solid var(--line)}
.vis-widget-input .field{flex:1;padding:8px 12px;border:1px solid var(--line);border-radius:10px;font-size:13px;color:var(--muted)}
.vis-widget-input .send{padding:8px 14px;border-radius:10px;background:var(--ink);color:#fff;font-size:13px;font-weight:700}
.vis-widget-input .clip{color:var(--muted);font-size:16px}
.vis-launcher{position:relative;z-index:1;display:grid;place-items:center;width:52px;height:52px;margin-top:12px;border-radius:50%;background:var(--orange);color:var(--ink);box-shadow:0 18px 30px -14px rgba(0,0,0,.5)}
.vis-launcher svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9}
.fv2-high .vis--widget .vis-widget{transform:scale(.8);transform-origin:top center}
.fv2-high .vis--widget .vis-launcher{display:none}
.vis-bare.vis--widget{display:flex;flex-direction:column;align-items:flex-end}
/* Integration pages v2. */
.ch2 .channel-status{max-width:640px;margin:18px auto 0;font-size:13px;line-height:1.6;color:var(--muted)}
.ch2-hero-photo{position:relative;max-width:1180px;margin:44px auto 0;border-radius:24px;overflow:hidden;aspect-ratio:16/8;box-shadow:0 40px 80px -50px rgba(37,44,38,.55)}
.ch2-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% center}
.ch2-hero-photo.person-right img{object-position:70% center}
.ch2-hero-card{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:min(40%,380px);text-align:left}
.ch2-hero-photo.person-right .ch2-hero-card{right:auto;left:5%}
.ch2-workspace{margin-top:110px}
.ch2-connect{margin-top:110px}
.ch2-connect ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ch2-connect li{padding:26px;border-radius:20px;background:#fffdf7;border:1px solid var(--line)}
.ch2-num{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--ink);color:var(--pistachio);font:800 15px var(--display);margin-bottom:16px}
.ch2-connect h3{font-size:18px;letter-spacing:-.02em;margin-bottom:8px}
.ch2-connect li p{font-size:14px;line-height:1.65}
@media(max-width:1100px){.ch2-connect ol{grid-template-columns:1fr 1fr}.ch2-hero-card{width:min(48%,360px)}}
@media(max-width:760px){.ch2-hero-photo{aspect-ratio:auto;display:flex;flex-direction:column;overflow:visible;box-shadow:none}.ch2-hero-photo img{position:relative;height:300px;border-radius:20px}.ch2-hero-card,.ch2-hero-photo.person-right .ch2-hero-card{position:relative;inset:auto;transform:none;width:100%;margin-top:-60px;padding:0 12px}.ch2-connect ol{grid-template-columns:1fr}.ch2-workspace,.ch2-connect{margin-top:72px}}
/* Centered hero for overview pages (integrations, use cases, pricing, contact). */
.page-hero.hero-v2{max-width:880px;margin:0 auto;padding:40px 0 56px;text-align:center}
.hero-v2 h1{font-size:clamp(38px,5vw,64px);line-height:1.06;letter-spacing:-.04em}
.hero-v2 .page-hero-copy>p{margin-left:auto;margin-right:auto;font-size:18px}
.hero-v2 .back-link{display:block;margin-bottom:24px}
.use-case-card.has-poster img{display:block;width:calc(100% + 2px);height:auto;margin:-1px -1px 18px;border-radius:14px 14px 0 0;aspect-ratio:16/9;object-fit:cover}
.use-case-card.has-poster{overflow:hidden}
.hv2-overview video{display:block;width:100%;height:auto;border-radius:18px;background:#1c221d;box-shadow:0 40px 80px -46px rgba(37,44,38,.55)}
.hv2-overview-note{margin-top:14px;font-size:13px;color:var(--muted)}