@import"https://fonts.googleapis.com/css2?family=Caveat:wght@600&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--sw-background: #f7f3ea;--sw-surface: #fffcf7;--sw-ink: #1f1c1a;--sw-muted: #4a4640;--sw-outline: #8a857c;--sw-border: #1f1c1a;--sw-teal: #8cc5be;--sw-teal-deep: #3d6f72;--sw-peach: #d97706;--sw-gold: #d97706;--sw-amber: #d97706;--sw-amber-soft: rgba(217, 119, 6, .18);--sw-violet: #9b7bb8;--sw-error: #ba1a1a;--sw-shadow: 4px 4px rgba(31, 28, 26, .22);--sw-radius: 12px;--sw-radius-sm: 8px;--sw-font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--sw-font-hand: "Caveat", cursive}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sw-font);font-size:1.125rem;line-height:1.6;color:var(--sw-ink);background:transparent;overflow-x:clip}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-color:var(--sw-background);background-image:radial-gradient(rgba(31,28,26,.05) 1px,transparent 1.1px),radial-gradient(rgba(31,28,26,.028) 1px,transparent 1px);background-size:5px 5px,11px 11px;background-position:0 0,3px 4px;background-repeat:repeat}::selection{background:var(--sw-teal);color:var(--sw-ink)}a{color:var(--sw-teal-deep);font-weight:600;text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block;max-width:100%}.skip-link{position:absolute;left:-9999px;top:0;z-index:999;padding:.75rem 1rem;background:var(--sw-teal);color:var(--sw-ink);border:2px solid var(--sw-ink)}.skip-link:focus{left:1rem;top:1rem}.container{width:min(72rem,100% - 10vw);margin-inline:auto}.eyebrow{margin:0 0 .75rem;font-size:.875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sw-muted)}.eyebrow-sentence{letter-spacing:.01em;text-transform:none;font-size:.975rem;line-height:1.45}.display{margin:0;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:800;line-height:1.08;letter-spacing:-.02em}.headline{margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;line-height:1.15;letter-spacing:-.015em}.lead{margin:1rem 0 0;max-width:38rem;font-size:1.125rem;line-height:1.65;color:var(--sw-muted)}.lead-lg{font-size:1.25rem}.subhead{margin:.85rem 0 0;max-width:38rem;font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:800;line-height:1.25;letter-spacing:-.015em;color:var(--sw-ink)}.muted{color:var(--sw-muted)}.step-copy{margin:0 0 1rem;font-size:.9375rem;line-height:1.55;color:var(--sw-muted)}.hand{font-family:var(--sw-font-hand);font-size:1.35rem;font-weight:600}.emphasis-brush{position:relative;display:inline;white-space:nowrap}.emphasis-brush:after{content:"";position:absolute;left:-.06em;right:-.1em;bottom:-.08em;height:.42em;background:#e8a06a8c;border-radius:999px;z-index:-1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;font:inherit;font-size:1rem;font-weight:700;line-height:1.2;color:var(--sw-ink);text-decoration:none;border:1.5px solid var(--sw-ink);border-radius:var(--sw-radius);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;box-shadow:var(--sw-shadow)}a.btn{color:var(--sw-ink)}.btn:hover{transform:translate(1px,1px);box-shadow:3px 3px #1f1c1a38;text-decoration:none}.btn-primary{background:var(--sw-teal);color:var(--sw-ink)}.btn-secondary{background:var(--sw-surface);color:var(--sw-ink)}.btn-peach{background:var(--sw-peach);color:var(--sw-ink)}.btn-on-teal{background:var(--sw-surface);color:var(--sw-ink);border-width:2px;box-shadow:5px 5px #1f1c1a47}a.btn-on-teal{color:var(--sw-ink)}.btn-on-teal:hover{background:#fff;box-shadow:3px 3px #1f1c1a38}.btn-sm{padding:.55rem 1rem;font-size:.875rem}.btn-group{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.trust-line{margin:1rem 0 0;font-size:.875rem;color:var(--sw-muted)}.card{background:var(--sw-surface);border:2px solid var(--sw-ink);border-radius:var(--sw-radius);box-shadow:var(--sw-shadow)}.card-pad{padding:1.25rem}.card-tilt-a{transform:rotate(-.6deg)}.card-tilt-b{transform:rotate(.5deg)}.card-tilt-c{transform:rotate(-.35deg)}.shadow-teal{box-shadow:7px 7px #7ecbc459}.shadow-peach{box-shadow:7px 7px #f2a68b59}.shadow-violet{box-shadow:7px 7px #9b7bb847}.hatch{background-image:repeating-linear-gradient(135deg,transparent,transparent 10px,#ede7db 10px,#ede7db 20px)}.placeholder-label{display:inline-block;padding:.35rem .65rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sw-muted);background:#fffcf7eb;border:1.5px dashed var(--sw-outline);border-radius:var(--sw-radius-sm)}.site-header{position:sticky;top:0;z-index:50;background:#f7f3eaeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1.5px solid rgba(31,28,26,.08)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0}.logo{font-size:1.125rem;font-weight:800;letter-spacing:-.02em;color:var(--sw-ink);text-decoration:none}.site-header .logo{font-size:1.5rem}.logo-lockup{display:inline-flex;align-items:center;gap:.625rem}.logo-mark{display:block;flex-shrink:0}.site-header .logo-mark{width:64px;height:64px}.logo-text{line-height:1.1;color:var(--sw-ink)}.footer-logo{color:var(--sw-surface);margin:0 0 .5rem}.footer-logo .logo-mark{border-radius:8px}.footer-logo .logo-text{color:inherit}.logo:hover{text-decoration:none}.nav-desktop{display:none;align-items:center;gap:1.25rem}.nav-desktop a{font-size:.9375rem;color:var(--sw-ink)}.nav-desktop a:hover{color:var(--sw-teal-deep)}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;background:var(--sw-surface);border:1.5px solid var(--sw-ink);border-radius:var(--sw-radius-sm);box-shadow:var(--sw-shadow);cursor:pointer}.menu-toggle svg{width:1.25rem;height:1.25rem}.nav-mobile{display:none;flex-direction:column;gap:.75rem;padding:0 0 1rem}.nav-mobile.is-open{display:flex}.nav-mobile a{color:var(--sw-ink)}@media (min-width: 768px){.nav-desktop{display:flex}.menu-toggle,.nav-mobile{display:none!important}}.section{padding:4rem 0}.section-tight{padding:2.5rem 0}.section-band{background:#e8dfd0}.section-peach{background:#f2a68b38}.section-teal{background:var(--sw-teal)}.section-ink{background:var(--sw-ink);color:var(--sw-surface)}.section-ink a{color:var(--sw-teal)}.section-ink .lead,.section-ink .muted,.section-ink .trust-line{color:#fffcf7c7}.split{display:grid;gap:2rem;align-items:center}@media (min-width: 900px){.split{grid-template-columns:1fr 1fr;gap:3rem}.split-reverse .split-copy{order:2}.split-reverse .split-media{order:1}}.compare-dest{display:grid;gap:.75rem}@media (min-width: 480px){.compare-dest{grid-template-columns:1fr 1fr}}.grid-2,.grid-3{display:grid;gap:1rem}@media (min-width: 640px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}}.grid-6{display:grid;gap:1rem}@media (min-width: 640px){.grid-6{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.grid-6{grid-template-columns:repeat(3,1fr)}}.step-num{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-bottom:.75rem;font-size:.875rem;font-weight:800;color:var(--sw-ink);background:var(--sw-teal);border:1.5px solid var(--sw-ink);border-radius:999px}.pill-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.pill{padding:.35rem .75rem;font-size:.8125rem;font-weight:600;background:var(--sw-surface);border:1.5px solid var(--sw-ink);border-radius:999px}.logo-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.logo-chip{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:6.5rem;padding:.65rem 1rem;font-size:.8125rem;font-weight:700;color:var(--sw-muted);background:var(--sw-surface);border:1.5px solid var(--sw-outline);border-radius:var(--sw-radius-sm)}.logo-chip-mark,.logo-chip svg{width:1.35rem;height:1.35rem;flex-shrink:0}.browser-mock{overflow:hidden;border:2px solid var(--sw-ink);border-radius:var(--sw-radius);box-shadow:7px 7px #1f1c1a2e;background:var(--sw-surface)}.browser-bar{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;background:#ebe5db;border-bottom:1.5px solid var(--sw-ink)}.browser-dots{display:flex;gap:.35rem}.browser-dots span{width:.55rem;height:.55rem;border:1px solid var(--sw-ink);border-radius:999px;background:var(--sw-peach)}.browser-dots span:nth-child(2){background:var(--sw-gold)}.browser-dots span:nth-child(3){background:var(--sw-teal)}.browser-url{flex:1;padding:.35rem .65rem;font-size:.75rem;color:var(--sw-muted);background:var(--sw-surface);border:1px solid var(--sw-outline);border-radius:999px}.browser-body{position:relative;min-height:18rem;padding:1.25rem;background:linear-gradient(180deg,rgba(140,197,190,.12),transparent 40%),var(--sw-surface)}.mock-hero-block{width:68%;height:1.1rem;margin-bottom:.5rem;background:var(--sw-ink);border-radius:4px;opacity:.85}.mock-line{width:88%;height:.55rem;margin-bottom:.45rem;background:#ddd5c8;border-radius:4px}.mock-line.short{width:52%}.mock-btn{width:5.5rem;height:1.6rem;margin-top:.75rem;background:var(--sw-peach);border:1.5px solid var(--sw-ink);border-radius:var(--sw-radius-sm)}.mock-pin{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:800;font-family:var(--sw-font-hand);color:var(--sw-ink);background:var(--sw-peach);border:1.5px solid var(--sw-ink);border-radius:var(--sw-radius-sm);box-shadow:2px 2px #1f1c1a2e}.mock-pin.one{top:28%;left:58%}.mock-pin.two{top:52%;left:22%}.mock-pin.three{top:68%;left:72%}.mock-box{position:absolute;top:46%;left:18%;width:42%;height:22%;border:2px dashed var(--sw-peach);border-radius:var(--sw-radius-sm);background:#f2a68b14}.mock-fab{position:absolute;right:1rem;bottom:1rem;display:flex;gap:.35rem}.mock-fab span{width:2rem;height:2rem;background:var(--sw-teal);border:1.5px solid var(--sw-ink);border-radius:var(--sw-radius-sm);box-shadow:2px 2px #1f1c1a26}.mock-drawer{position:absolute;right:0;top:0;bottom:0;width:38%;padding:.75rem;background:var(--sw-surface);border-left:2px solid var(--sw-ink)}.mock-drawer h4{margin:0 0 .5rem;font-size:.75rem;font-weight:800}.mock-note{margin-bottom:.45rem;padding:.45rem;font-size:.65rem;line-height:1.35;background:var(--sw-background);border:1px solid var(--sw-outline);border-radius:var(--sw-radius-sm)}.video-frame{position:relative;overflow:hidden;aspect-ratio:16 / 9;border:2px solid var(--sw-ink);border-radius:var(--sw-radius);box-shadow:7px 7px #1f1c1a2e;background:#ebe5db}.video-frame video,.video-frame img{width:100%;height:100%;object-fit:cover}.video-placeholder{display:grid;place-items:center;width:100%;height:100%;padding:2rem;text-align:center}.play-btn{display:inline-flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;margin-bottom:1rem;background:var(--sw-teal);border:2px solid var(--sw-ink);border-radius:999px;box-shadow:var(--sw-shadow)}.play-btn svg{width:1.5rem;height:1.5rem;margin-left:.15rem}.code-block{overflow:auto;margin:0;padding:1rem 1.1rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;line-height:1.55;color:#f5f1ea;background:var(--sw-ink);border:2px solid var(--sw-ink);border-radius:var(--sw-radius-sm)}.code-block .dim{color:#f5f1ea8c}.workflow{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:1.25rem 0;font-size:.9375rem;font-weight:700}.workflow span{padding:.45rem .75rem;background:var(--sw-surface);border:1.5px solid var(--sw-ink);border-radius:999px}.workflow .arrow{padding:0;background:none;border:none;font-family:var(--sw-font-hand);font-size:1.25rem;color:var(--sw-muted)}.tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.tab-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .95rem;font:inherit;font-size:.875rem;font-weight:700;color:var(--sw-ink);background:var(--sw-surface);border:1.5px solid var(--sw-ink);border-radius:999px;cursor:pointer;box-shadow:2px 2px #1f1c1a1f}.tab-btn .tab-icon{width:1rem;height:1rem;flex-shrink:0}.tab-btn[aria-selected=true]{background:var(--sw-teal)}.tab-panel{display:none}.tab-panel.is-active{display:block}.faq-list{display:grid;gap:.75rem}.faq-item{overflow:hidden;background:var(--sw-surface);border:2px solid var(--sw-ink);border-radius:var(--sw-radius);box-shadow:var(--sw-shadow)}.faq-q{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1rem 1.1rem;font:inherit;font-size:1rem;font-weight:700;text-align:left;color:var(--sw-ink);background:transparent;border:none;cursor:pointer}.faq-a{display:none;padding:0 1.1rem 1rem;color:var(--sw-muted)}.faq-item.is-open .faq-a{display:block}.faq-icon{flex-shrink:0;font-family:var(--sw-font-hand);font-size:1.35rem;line-height:1}.price-card{max-width:24rem}.price-card .price{margin:.5rem 0 0;font-size:2.5rem;font-weight:800}.price-card ul{margin:1rem 0 0;padding-left:1.1rem;color:var(--sw-muted)}.site-footer{padding:2.5rem 0 2rem}.footer-grid{display:grid;gap:1.5rem}@media (min-width: 768px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-grid h3{margin:0 0 .75rem;font-size:.875rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.footer-grid ul{margin:0;padding:0;list-style:none}.footer-grid li+li{margin-top:.45rem}.footer-grid a{color:#fffcf7d1}.footer-bottom{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,252,247,.15);font-size:.875rem;color:#fffcf7a6}.pain-list{margin:1.25rem 0 0;padding:0;list-style:none}.pain-list li{display:grid;grid-template-columns:auto 1fr;gap:.75rem;padding:.85rem 0;border-bottom:1px solid rgba(31,28,26,.08)}.pain-list li:last-child{border-bottom:none}.pain-list strong{display:block;margin-bottom:.15rem}.check{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:.875rem;background:var(--sw-teal);border:1.5px solid var(--sw-ink);border-radius:999px}.center-cta{text-align:center}.center-cta .lead{margin-inline:auto}.sticky-mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:center;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:#f7f3eaf5;border-top:1.5px solid rgba(31,28,26,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (min-width: 768px){.sticky-mobile-cta{display:none}}@media (min-width: 768px){.section{padding:5rem 0}}.hero-demo-slideshow{overflow:hidden;border:2px solid var(--sw-ink);border-radius:var(--sw-radius);background:var(--sw-surface);box-shadow:7px 7px #f2a68b59}.hero-demo-chrome{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .85rem;border-bottom:1.5px solid var(--sw-ink);background:linear-gradient(180deg,rgba(140,197,190,.14),transparent 70%),var(--sw-surface)}.hero-demo-step-label{font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--sw-ink)}.hero-demo-dots{display:flex;gap:.35rem}.hero-demo-dot{width:.5rem;height:.5rem;padding:0;margin:0;border:1.5px solid var(--sw-ink);border-radius:999px;background:transparent;cursor:pointer;transition:background .2s ease,transform .2s ease}.hero-demo-dot.is-active{background:var(--sw-teal);transform:scale(1.15)}.hero-demo-viewport{position:relative;min-height:16rem;background:#f3eee4}.hero-demo-slide{display:none;padding:.75rem;animation:hero-demo-fade .45s ease}.hero-demo-slide.is-active{display:block}.hero-demo-slide .demo-stage{height:14.5rem;border:none;border-radius:var(--sw-radius-sm);background:transparent;overflow:visible}.hero-demo-slide .demo-stage-tall{height:14.5rem}.hero-demo-slide .demo-stage-pin .demo-pin-scene{height:100%}@keyframes hero-demo-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.compare-visual{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden;border:2px solid var(--sw-ink);border-radius:var(--sw-radius);background:var(--sw-surface);box-shadow:7px 7px #f2a68b59}@media (max-width: 560px){.compare-visual{grid-template-columns:1fr}.compare-before{border-right:none;border-bottom:1.5px solid var(--sw-ink)}}.compare-panel{position:relative;min-height:14rem;padding:1rem}.compare-before{background:#ebe4d8;border-right:1.5px solid var(--sw-ink)}.compare-after{background:linear-gradient(180deg,rgba(140,197,190,.14),transparent 50%),var(--sw-surface)}.compare-label{display:inline-block;margin-bottom:.75rem;padding:.2rem .55rem;font-size:.6875rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--sw-surface);border:1.5px solid var(--sw-ink);border-radius:999px}.chaos-thread{position:relative;height:10rem}.chaos-shot{position:absolute;width:4.5rem;height:3.25rem;background:#d9d1c3;border:1.5px solid var(--sw-ink);border-radius:4px;box-shadow:2px 2px #1f1c1a26}.chaos-shot.rotate-a{top:.5rem;left:.5rem;transform:rotate(-8deg);background:linear-gradient(#cfc6b6 40%,transparent 40%),#ddd5c8}.chaos-shot.rotate-b{top:2.25rem;left:2.75rem;transform:rotate(6deg);background:linear-gradient(90deg,#c4bbb0 30%,transparent 30%),#e4ddd0}.chaos-bubble{position:absolute;max-width:7rem;padding:.4rem .55rem;font-size:.6875rem;font-weight:600;color:var(--sw-muted);background:var(--sw-surface);border:1.5px solid var(--sw-ink);border-radius:10px 10px 10px 2px}.chaos-bubble:not(.late){top:5.75rem;left:.35rem}.chaos-bubble.late{top:7.85rem;left:2.5rem;opacity:.85}.compare-page{position:relative;height:10rem;padding:.75rem;background:#fffcf7e6;border:1.5px solid var(--sw-outline);border-radius:var(--sw-radius-sm)}.compare-block{width:70%;height:.85rem;margin-bottom:.45rem;background:var(--sw-ink);border-radius:3px;opacity:.8}.compare-line{width:90%;height:.45rem;margin-bottom:.35rem;background:#ddd5c8;border-radius:3px}.compare-line.short{width:48%}.compare-pin-1{top:18%;left:62%}.compare-pin-2{top:48%;left:28%}.compare-pin-3{top:68%;left:72%}.hero-send-chip{position:absolute;right:.55rem;bottom:.55rem;padding:.35rem .55rem;font-size:.6875rem;font-weight:800;color:var(--sw-ink);background:var(--sw-teal);border:1.5px solid var(--sw-ink);border-radius:var(--sw-radius-sm);box-shadow:2px 2px #1f1c1a26}.agitation-grid{align-items:start}.agitation-card h3{margin:0 0 .5rem;font-size:1.1rem}.agitation-card p{margin:0;color:var(--sw-muted);font-size:1rem;line-height:1.6}.changes-grid{align-items:stretch}.changes-card h3{margin:0 0 .65rem;font-size:1.2rem}.changes-card>p{margin:0 0 1.25rem;color:var(--sw-muted);font-size:1rem;line-height:1.6}.changes-card .flow-steps{margin-top:.25rem}.demo-stage{height:8.5rem;overflow:hidden;border:1.5px solid var(--sw-ink);border-radius:var(--sw-radius-sm);background:#f3eee4}.demo-stage-tall{height:14rem}.demo-stage-pin{overflow:visible;background:transparent;border:none}.demo-stage-pin .demo-pin-scene{border:1.5px solid var(--sw-ink);border-radius:var(--sw-radius-sm);background:#f3eee4;overflow:visible}.demo-pin-scene,.demo-note-scene,.demo-send-scene,.demo-track-scene{position:relative;width:100%;height:100%}.demo-pin-phase{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.demo-pin-phase-hover{animation:demo-pin-phase-hover 16s ease-in-out infinite}.demo-pin-phase-select{animation:demo-pin-phase-select 16s ease-in-out infinite}.demo-pin-phase-region{animation:demo-pin-phase-region 16s ease-in-out infinite}.demo-track-scene{display:grid;place-items:center;padding:.75rem}.demo-status-flow{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center}.demo-status-flow span{padding:.35rem .55rem;font-size:.6875rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--sw-muted);background:var(--sw-surface);border:1.5px solid rgba(31,28,26,.2);border-radius:999px}.demo-status-flow .is-done{color:var(--sw-ink);border-color:var(--sw-ink);background:#7ecbc459}.demo-status-flow .is-active{color:var(--sw-ink);border-color:var(--sw-ink);background:var(--sw-teal);box-shadow:2px 2px #1f1c1a26}.demo-page{position:absolute;top:.65rem;right:.65rem;bottom:.65rem;left:.65rem;padding:.65rem;background:var(--sw-surface);border:1.5px solid var(--sw-outline);border-radius:6px}.demo-hero-line{width:55%;height:.55rem;margin-bottom:.55rem;background:var(--sw-ink);border-radius:3px;opacity:.75}.demo-target{width:4.25rem;height:1.35rem;background:var(--sw-peach);border:1.5px solid var(--sw-ink);border-radius:5px;animation:demo-target-pulse 4.5s ease-in-out infinite}.demo-line{width:72%;height:.4rem;margin-top:.55rem;background:#ddd5c8;border-radius:3px}.demo-cursor{position:absolute;top:18%;left:12%;width:1.15rem;height:1.15rem;color:var(--sw-ink);animation:demo-cursor-move 4.5s ease-in-out infinite;z-index:3;filter:drop-shadow(1px 1px 0 rgba(31,28,26,.2))}.demo-cursor svg{display:block;width:100%;height:100%}.demo-pin-scene .demo-page{top:.45rem;right:.45rem;bottom:.45rem;left:.45rem;padding:.5rem}.demo-pin-scene .demo-page-live{display:flex;flex-direction:column;gap:.45rem;overflow:visible;padding:1.15rem 1.65rem .75rem .75rem}.demo-page-kicker{margin:0;padding:.15rem .2rem;width:fit-content;font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sw-muted)}.demo-page-title{margin:0;padding:.15rem .2rem;width:fit-content;font-size:.8125rem;font-weight:800;letter-spacing:-.02em;line-height:1.25;color:var(--sw-ink)}.demo-page-body{margin:0;padding:.15rem .2rem;width:fit-content;max-width:100%;font-size:.6875rem;line-height:1.4;color:var(--sw-muted)}.demo-page-btn{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:.4rem .75rem;font-family:var(--sw-font);font-size:.6875rem;font-weight:700;letter-spacing:-.01em;color:var(--sw-ink);background:var(--sw-teal);border:1.5px solid var(--sw-ink);border-radius:5px;box-shadow:2px 2px #1f1c1a1f;cursor:default}.demo-pin-target-wrap{position:relative;align-self:flex-start;margin-top:.35rem;width:fit-content;padding:.15rem}.demo-pin-scene .demo-target-live{box-shadow:none;outline:none;animation:none;position:relative}.demo-pin-scene .demo-scan-target{position:relative;width:fit-content;max-width:100%;border-radius:4px;outline:3px solid transparent;outline-offset:2px;box-shadow:0 0 0 0 transparent;transition:none}.demo-pin-scene .demo-scan-1{animation:demo-scan-ring-1 16s ease-in-out infinite}.demo-pin-scene .demo-scan-2{animation:demo-scan-ring-2 16s ease-in-out infinite}.demo-pin-scene .demo-scan-3{animation:demo-scan-ring-3 16s ease-in-out infinite}.demo-pin-scene .demo-scan-4{animation:demo-scan-ring-4 16s ease-in-out infinite;margin-top:.35rem}.demo-pin-scene .demo-hover-pin-btn{position:absolute;top:-6px;right:-6px;left:auto;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;margin:0;background:var(--sw-amber);color:#fff;border:none;border-radius:999px;box-shadow:var(--sw-shadow);line-height:0;pointer-events:none;opacity:0;transform:none}.demo-pin-scene .demo-scan-1>.demo-hover-pin-btn{animation:demo-hover-pin-1 16s ease-in-out infinite}.demo-pin-scene .demo-scan-2>.demo-hover-pin-btn{animation:demo-hover-pin-2 16s ease-in-out infinite}.demo-pin-scene .demo-scan-3>.demo-hover-pin-btn{animation:demo-hover-pin-3 16s ease-in-out infinite}.demo-pin-scene .demo-scan-4>.demo-hover-pin-btn{animation:demo-hover-pin-4 16s ease-in-out infinite}.demo-hover-pin-btn .ccw-map-pin,.demo-selection-pin-btn .ccw-map-pin,.demo-region-pin-btn .ccw-map-pin{display:block}.demo-pin-scene .demo-cursor-hover{z-index:5;animation:demo-pin-cursor-scan 16s ease-in-out infinite}.demo-pin-scene .demo-cursor-select{z-index:5;animation:demo-pin-cursor-select 16s ease-in-out infinite}.demo-pin-scene .demo-cursor-region{z-index:5;animation:demo-pin-cursor-region 16s ease-in-out infinite}.demo-select-line{position:relative;max-width:100%}.demo-select-range{background:transparent;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone;animation:demo-select-highlight 16s ease-in-out infinite}.demo-pin-phase-select .demo-page-btn,.demo-pin-phase-region .demo-page-btn{align-self:flex-start;margin-top:.35rem}.demo-selection-pin-btn{position:absolute;top:42%;left:58%;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;margin:0;background:var(--sw-amber);color:#fff;border:none;border-radius:999px;box-shadow:var(--sw-shadow);line-height:0;pointer-events:none;opacity:0;animation:demo-selection-pin 16s ease-in-out infinite}.demo-region-box{position:absolute;top:22%;left:10%;width:0;height:0;border:2px dashed var(--sw-amber);background:#d9770624;border-radius:4px;pointer-events:none;z-index:3;opacity:0;animation:demo-region-draw 16s ease-in-out infinite}.demo-region-pin-btn{position:absolute;top:20%;left:72%;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;margin:0;background:var(--sw-amber);color:#fff;border:none;border-radius:999px;box-shadow:var(--sw-shadow);line-height:0;pointer-events:none;opacity:0;animation:demo-region-pin 16s ease-in-out infinite}.demo-pin-badge{display:none}.demo-send-scene{display:grid;place-items:center;padding:.65rem}.demo-send-panel{width:100%;max-width:17.5rem;background:var(--sw-surface);border:1.5px solid var(--sw-ink);border-radius:var(--sw-radius);box-shadow:var(--sw-shadow);overflow:hidden;pointer-events:none;animation:demo-send-panel-in 5s ease-in-out infinite}.demo-send-scene .ccw-send-dest{padding:10px 12px 0}.demo-send-scene .ccw-send-icons{display:flex;flex-wrap:nowrap;gap:6px;margin-bottom:10px;overflow:hidden}.demo-send-scene .ccw-send-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 8px 0 6px;border:1px solid #d6d3d1;border-radius:var(--sw-radius-sm);background:#fff;color:var(--sw-ink);font-family:var(--sw-font);font-size:11px;font-weight:600;white-space:nowrap;cursor:default}.demo-send-scene .ccw-send-chip--selected,.demo-send-scene .demo-send-chip-pick{border-color:var(--sw-ink);background:#8cc5be47;box-shadow:inset 0 0 0 1px var(--sw-ink);animation:demo-dest-pick 5s ease-in-out infinite}.demo-send-scene .ccw-channel-icon{display:block;flex-shrink:0;width:14px;height:14px}.demo-send-scene .ccw-send-actions{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid #e7e5e4}.demo-send-scene .ccw-btn{border:1.5px solid var(--sw-ink);border-radius:var(--sw-radius-sm);padding:7px 10px;font-family:var(--sw-font);font-size:12px;font-weight:700;letter-spacing:-.01em;background:var(--sw-surface);color:var(--sw-ink);box-shadow:var(--sw-shadow);cursor:default}.demo-send-scene .ccw-btn-primary,.demo-send-scene .demo-send-primary{flex:1;background:var(--sw-teal);color:var(--sw-ink);animation:demo-send-hit 5s ease-in-out infinite}.demo-send-scene .ccw-btn-icon-only{width:34px;padding:0;display:inline-flex;align-items:center;justify-content:center}@keyframes demo-send-panel-in{0%,10%{opacity:.55;transform:translateY(6px)}22%,78%{opacity:1;transform:translateY(0)}90%,to{opacity:.55;transform:translateY(4px)}}.demo-sidecar,.demo-dest,.demo-send-btn{display:none}@keyframes demo-dest-idle{0%,to{background:#f3eee4;border-color:var(--sw-outline);color:var(--sw-muted)}}@keyframes demo-dest-pick{0%,18%{border-color:#d6d3d1;background:#fff;box-shadow:none;transform:scale(1)}28%,70%{border-color:var(--sw-ink);background:#8cc5be47;box-shadow:inset 0 0 0 1px var(--sw-ink);transform:scale(1.03)}82%,to{border-color:#d6d3d1;background:#fff;box-shadow:none;transform:scale(1)}}@keyframes demo-send-hit{0%,40%{transform:scale(1);box-shadow:var(--sw-shadow)}48%,62%{transform:scale(1.04);box-shadow:3px 3px #1f1c1a33}72%,to{transform:scale(1);box-shadow:var(--sw-shadow)}}@keyframes demo-cursor-move{0%,12%{top:22%;left:14%;opacity:1}35%{top:68%;left:28%;opacity:1}48%,78%{top:68%;left:28%;opacity:1}90%,to{top:22%;left:14%;opacity:.35}}@keyframes demo-pin-phase-hover{0%,30%{opacity:1}34%,to{opacity:0}}@keyframes demo-pin-phase-select{0%,32%{opacity:0}36%,60%{opacity:1}64%,to{opacity:0}}@keyframes demo-pin-phase-region{0%,62%{opacity:0}66%,94%{opacity:1}to{opacity:0}}@keyframes demo-pin-cursor-scan{0%,2%{top:18%;left:22%;opacity:1}7%{top:22%;left:36%}13%{top:38%;left:48%}19%{top:54%;left:42%}25%,29%{top:72%;left:30%;opacity:1}33%,to{top:72%;left:30%;opacity:0}}@keyframes demo-pin-cursor-select{0%,35%{top:48%;left:28%;opacity:0}38%{top:48%;left:28%;opacity:1}48%{top:48%;left:58%;opacity:1}54%,58%{top:42%;left:62%;opacity:1}63%,to{top:42%;left:62%;opacity:0}}@keyframes demo-pin-cursor-region{0%,65%{top:24%;left:12%;opacity:0}68%{top:24%;left:12%;opacity:1}78%{top:58%;left:72%;opacity:1}84%,92%{top:22%;left:74%;opacity:1}to{top:22%;left:74%;opacity:0}}@keyframes demo-scan-ring-1{0%,2%{outline-color:transparent;box-shadow:0 0 0 0 transparent}4%,8%{outline-color:var(--sw-amber);box-shadow:0 0 0 4px var(--sw-amber-soft)}10%,to{outline-color:transparent;box-shadow:0 0 0 0 transparent}}@keyframes demo-scan-ring-2{0%,8%{outline-color:transparent;box-shadow:0 0 0 0 transparent}10%,14%{outline-color:var(--sw-amber);box-shadow:0 0 0 4px var(--sw-amber-soft)}16%,to{outline-color:transparent;box-shadow:0 0 0 0 transparent}}@keyframes demo-scan-ring-3{0%,14%{outline-color:transparent;box-shadow:0 0 0 0 transparent}16%,20%{outline-color:var(--sw-amber);box-shadow:0 0 0 4px var(--sw-amber-soft)}22%,to{outline-color:transparent;box-shadow:0 0 0 0 transparent}}@keyframes demo-scan-ring-4{0%,20%{outline-color:transparent;box-shadow:0 0 0 0 transparent}22%,28%{outline-color:var(--sw-amber);box-shadow:0 0 0 4px var(--sw-amber-soft)}30%,to{outline-color:transparent;box-shadow:0 0 0 0 transparent}}@keyframes demo-hover-pin-1{0%,2%{opacity:0}4%,8%{opacity:1}10%,to{opacity:0}}@keyframes demo-hover-pin-2{0%,8%{opacity:0}10%,14%{opacity:1}16%,to{opacity:0}}@keyframes demo-hover-pin-3{0%,14%{opacity:0}16%,20%{opacity:1}22%,to{opacity:0}}@keyframes demo-hover-pin-4{0%,20%{opacity:0}22%,28%{opacity:1}30%,to{opacity:0}}@keyframes demo-select-highlight{0%,38%{background:transparent}42%,58%{background:#d9770647}62%,to{background:transparent}}@keyframes demo-selection-pin{0%,46%{opacity:0;transform:scale(.85)}50%,58%{opacity:1;transform:scale(1)}62%,to{opacity:0;transform:scale(.85)}}@keyframes demo-region-draw{0%,67%{width:0;height:0;opacity:0}69%{width:0;height:0;opacity:1}78%,92%{width:68%;height:42%;opacity:1}to{width:68%;height:42%;opacity:0}}@keyframes demo-region-pin{0%,78%{opacity:0;transform:scale(.85)}82%,92%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes demo-target-pulse{0%,28%{box-shadow:none;outline:0 solid transparent}34%,72%{box-shadow:0 0 0 3px #8cc5be8c}to{box-shadow:none}}.demo-note-scene .demo-page{top:.45rem;right:.45rem;bottom:.45rem;left:.45rem;padding:.5rem}.demo-note-scene .demo-target-live{box-shadow:none;outline:none;animation:none;position:relative}.demo-note-scene-solo{display:grid;place-items:center;padding:.55rem .65rem}.demo-ui-highlight{position:absolute;top:2.55rem;left:1.05rem;width:4.25rem;height:1.35rem;border:3px solid var(--sw-amber);border-radius:4px;box-shadow:0 0 0 4px var(--sw-amber-soft);pointer-events:none;z-index:2;animation:demo-ui-fade-in 5.5s ease-in-out infinite}.demo-ui-marker{position:absolute;top:2.55rem;left:1.05rem;display:inline-flex;align-items:center;justify-content:center;width:24px;height:32px;color:var(--sw-amber);filter:drop-shadow(4px 4px 0 rgba(31,28,26,.22));transform:translate(-50%,-100%) scale(1.05);transform-origin:50% 100%;z-index:3;animation:demo-ui-marker-in 5.5s ease-in-out infinite}.demo-ui-marker .ccw-map-pin{display:block}.demo-ui-marker-num{position:absolute;top:5px;left:50%;transform:translate(-50%);font-family:var(--sw-font);font-size:10px;font-weight:800;color:#fff;line-height:1}.demo-ui-composer-scale{position:absolute;right:-.35rem;top:.15rem;width:320px;transform:scale(.52);transform-origin:top right;z-index:4;animation:demo-ui-composer-in 5.5s ease-in-out infinite}.demo-note-scene-solo .demo-ui-composer-scale{position:relative;right:auto;top:auto;width:100%;max-width:17.5rem;transform:none;transform-origin:center center;animation:demo-ui-composer-solo-in 5.5s ease-in-out infinite}.demo-note-scene .ccw-composer{position:relative;width:320px;max-width:none;pointer-events:none;background:var(--sw-surface);border:1.5px solid var(--sw-ink);border-radius:var(--sw-radius);box-shadow:var(--sw-shadow);font-family:var(--sw-font);color:var(--sw-ink);display:flex;flex-direction:column}.demo-note-scene-solo .ccw-composer{width:100%}.demo-note-scene .ccw-composer-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 10px 10px 12px;border-bottom:1.5px solid rgba(31,28,26,.12)}.demo-note-scene-solo .ccw-composer-header{padding:8px 8px 8px 10px}.demo-note-scene .ccw-composer-header-main{display:flex;align-items:center;gap:8px;min-width:0}.demo-note-scene .ccw-composer-grip{color:var(--sw-outline);font-size:14px;line-height:1}.demo-note-scene .ccw-composer-label{margin:0;font-size:12px;font-weight:800;letter-spacing:-.01em;color:var(--sw-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.demo-note-scene .ccw-composer-close{flex-shrink:0;width:32px;height:32px;border:none;border-radius:var(--sw-radius-sm);background:transparent;color:var(--sw-muted);font-family:var(--sw-font);font-size:22px;font-weight:500;line-height:1;padding:0;cursor:default}.demo-note-scene-solo .ccw-composer-close{width:28px;height:28px;font-size:20px}.demo-note-scene .ccw-composer-body{padding:12px;display:flex;flex-direction:column;gap:10px}.demo-note-scene-solo .ccw-composer-body{padding:10px;gap:8px}.demo-note-scene .ccw-composer-field{position:relative}.demo-note-scene .ccw-composer-textarea,.demo-note-scene .demo-note-text{margin:0;width:100%;min-height:96px;border:1.5px solid var(--sw-outline);border-radius:var(--sw-radius-sm);padding:10px 48px 48px 12px;font-family:var(--sw-font);font-size:14px;line-height:1.45;background:#fff;color:var(--sw-ink);box-sizing:border-box;display:block}.demo-note-scene-solo .ccw-composer-textarea,.demo-note-scene-solo .demo-note-text{min-height:6.75rem;padding:8px 40px 40px 10px;font-size:11.5px;line-height:1.4}.demo-note-scene .demo-note-text:after{content:"";animation:demo-note-type 5.5s steps(1,end) infinite}.demo-note-scene .ccw-composer-mic,.demo-note-scene .demo-mic{position:absolute;right:12px;bottom:12px;z-index:1;flex-shrink:0;width:32px;height:32px;border-radius:999px;border:1.5px solid var(--sw-ink);background:var(--sw-surface);color:var(--sw-ink);box-shadow:2px 2px #1f1c1a2e;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:default;animation:demo-mic-pulse 5.5s ease-in-out infinite}.demo-note-scene-solo .ccw-composer-mic,.demo-note-scene-solo .demo-mic{right:10px;bottom:10px;width:28px;height:28px}.demo-note-scene .ccw-composer-mic .ccw-mic-icon{display:block}.demo-note-scene .ccw-composer-actions{display:flex;gap:8px;margin-top:2px}.demo-note-scene .ccw-btn{flex:1;border:1.5px solid var(--sw-ink);border-radius:var(--sw-radius-sm);padding:8px 12px;font-family:var(--sw-font);font-size:13px;font-weight:700;letter-spacing:-.01em;background:var(--sw-surface);color:var(--sw-ink);box-shadow:var(--sw-shadow);cursor:default}.demo-note-scene-solo .ccw-btn{padding:7px 10px;font-size:12px}.demo-note-scene .ccw-btn-amber{flex:1.35;background:var(--sw-amber);color:#fff}.demo-note-scene .ccw-btn-secondary{background:var(--sw-surface);color:var(--sw-ink)}@keyframes demo-ui-fade-in{0%,8%{opacity:0}16%,88%{opacity:1}96%,to{opacity:0}}@keyframes demo-ui-marker-in{0%,8%{opacity:0;transform:translate(-50%,-100%) scale(.8)}16%,88%{opacity:1;transform:translate(-50%,-100%) scale(1.05)}96%,to{opacity:0;transform:translate(-50%,-100%) scale(.85)}}@keyframes demo-ui-composer-in{0%,8%{opacity:0;transform:translateY(10px) scale(.48)}16%,88%{opacity:1;transform:translateY(0) scale(.52)}96%,to{opacity:0;transform:translateY(8px) scale(.48)}}@keyframes demo-ui-composer-solo-in{0%,8%{opacity:0;transform:translateY(8px)}16%,88%{opacity:1;transform:translateY(0)}96%,to{opacity:0;transform:translateY(6px)}}@keyframes demo-mic-pulse{0%,14%{box-shadow:2px 2px #1f1c1a2e;background:var(--sw-surface);color:var(--sw-ink)}18%,72%{box-shadow:0 0 0 3px #1f1c1a24;background:var(--sw-ink);color:#fff}80%,to{box-shadow:2px 2px #1f1c1a2e;background:var(--sw-surface);color:var(--sw-ink)}}@keyframes demo-note-type{0%,16%{content:""}20%{content:"Align this to the Q3 campaign. "}26%{content:"Align this to the Q3 campaign. Double down on the imagery to match. "}34%{content:"Align this to the Q3 campaign. Double down on the imagery to match. Use the June S3 files "}42%,88%{content:"Align this to the Q3 campaign. Double down on the imagery to match. Use the June S3 files and evolve it across touchpoints."}96%,to{content:""}}.mode-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin-bottom:.65rem;color:var(--sw-ink);background:#8cc5be47;border:1.5px solid var(--sw-ink);border-radius:var(--sw-radius-sm)}.mode-icon svg{width:1.25rem;height:1.25rem}.mode-featured{border-color:var(--sw-teal-deep);box-shadow:5px 5px #7ecbc473}.mode-star{font-size:.75rem;font-weight:600;color:var(--sw-teal-deep)}.board-mock{overflow:hidden;border:2px solid var(--sw-ink);border-radius:var(--sw-radius);background:var(--sw-background);box-shadow:var(--sw-shadow)}.board-mock-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .9rem;background:var(--sw-ink);color:var(--sw-surface)}.board-mock-brand{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:800;letter-spacing:-.02em;color:var(--sw-surface)}.board-mock-logo{width:1.5rem;height:1.5rem;border-radius:6px}.board-mock-nav{display:flex;align-items:center;gap:.25rem;padding:0;background:transparent;border-radius:0}.board-mock-nav-item{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .55rem;font-size:.625rem;font-weight:700;color:#fffcf7b3;border-radius:var(--sw-radius-sm)}.board-mock-nav-item.is-current{color:var(--sw-ink);background:var(--sw-teal)}.board-mock-body{padding:.85rem .85rem 1rem}.board-mock-title{margin:0 0 .25rem;font-size:1.05rem;font-weight:800;letter-spacing:-.03em}.board-mock-lede{margin:0 0 .75rem;font-size:.6875rem;line-height:1.45;color:var(--sw-muted)}.board-mock-panel{padding:.75rem;background:var(--sw-surface);border:2px solid var(--sw-ink);border-radius:var(--sw-radius);box-shadow:3px 3px #1f1c1a1f}.board-mock-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.board-mock-section-title{font-size:.8125rem;font-weight:800;letter-spacing:-.02em}.board-mock-summary{font-size:.625rem;font-weight:700;color:var(--sw-muted)}.board-mock-tabs{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.65rem}.board-mock-tab{padding:.25rem .5rem;font-size:.5625rem;font-weight:700;color:var(--sw-muted);background:#fff;border:1.5px solid #d6d3d1;border-radius:999px;line-height:1.2}.board-mock-tab.is-active{color:var(--sw-ink);border-color:var(--sw-ink);box-shadow:1px 1px #1f1c1a1f}.board-mock-tab--updated.is-active{color:#1d4ed8;background:#3b82f624;border-color:#1d4ed8}.board-mock-pin{display:flex;align-items:stretch;justify-content:space-between;gap:.65rem;padding:.55rem .6rem;margin-bottom:.4rem;background:#fff;border:1.5px solid #d6d3d1;border-left-width:4px;border-radius:var(--sw-radius-sm)}.board-mock-pin:last-child{margin-bottom:0}.board-mock-pin--updated{border-left-color:#3b82f6}.board-mock-pin-main{min-width:0;flex:1;display:flex;flex-direction:column}.board-mock-pin-top{display:flex;align-items:center;gap:.35rem;margin-bottom:.25rem}.board-mock-pin-num{font-size:.625rem;font-weight:800;font-variant-numeric:tabular-nums}.board-mock-status-chip{display:inline-block;font-size:.5rem;font-weight:700;padding:.1rem .35rem;border-radius:999px;line-height:1.4}.board-mock-status-chip--updated{background:#3b82f624;color:#1d4ed8}.board-mock-pin-preview{margin:.15rem 0 .4rem;border-radius:6px;border:1px solid rgba(31,28,26,.06);background:#f5f5f4;overflow:hidden;opacity:.92}.board-mock-clip{padding:.45rem .55rem;display:flex;align-items:center}.board-mock-clip--cta{background:linear-gradient(180deg,#faf8f5,#f0ebe3)}.board-mock-clip--checkout{background:#fff;max-width:5.25rem}.board-mock-clip-btn{display:inline-block;padding:.28rem .55rem;font-size:.5rem;font-weight:700;line-height:1.2;border-radius:5px;white-space:nowrap}.board-mock-clip-btn--low{color:#c4b8a8;background:#e8e0d4;border:1px solid #d6cec2}.board-mock-clip-btn--wrap{color:#fff;background:#1f1c1a;border:1px solid #1f1c1a;white-space:normal;max-width:3.6rem;text-align:center;line-height:1.15}.board-mock-pin-note{margin:0;font-size:.6875rem;font-weight:700;line-height:1.35;color:var(--sw-ink)}.board-mock-pin-aside{flex-shrink:0;width:38%;max-width:7.5rem;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:.15rem}.board-mock-page-title{margin:0;font-size:.625rem;font-weight:700;line-height:1.3;color:var(--sw-teal-deep)}.board-mock-pin-meta{margin:0;font-size:.5rem;line-height:1.3;color:var(--sw-muted);word-break:break-all}.board-mock-open{margin-top:.25rem;display:inline-block;padding:.2rem .45rem;font-size:.5rem;font-weight:700;color:var(--sw-ink);background:var(--sw-teal);border:1px solid var(--sw-ink);border-radius:4px;box-shadow:1px 1px #1f1c1a1f}.audience-points{margin:0;padding-left:1.1rem;color:var(--sw-muted)}.audience-points li+li{margin-top:.45rem}.audience-points strong{color:var(--sw-ink)}.price-card .lead{font-size:1rem}.phase-header{max-width:42rem}.phase-badge{display:inline-block;margin-bottom:.75rem;padding:.35rem .7rem;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--sw-ink);background:var(--sw-peach);border:1.5px solid var(--sw-ink);border-radius:var(--sw-radius-sm)}.phase-badge-teal{background:var(--sw-teal)}.phase-badge-violet{background:#c9b4de}.flow-card{align-self:start}.flow-title{margin:0 0 1rem;font-family:var(--sw-font-hand);font-size:1.15rem;font-weight:600;color:var(--sw-muted)}.flow-steps{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}.flow-steps li{position:relative;padding:.55rem .75rem .55rem 2.1rem;font-size:.9375rem;font-weight:700;background:var(--sw-surface);border:1.5px solid var(--sw-ink);border-radius:var(--sw-radius-sm)}.flow-steps li:before{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--sw-muted)}.flow-steps-loss li:before{content:"↓"}.flow-steps-loss li:first-child:before,.flow-steps-direct li:first-child:before,.flow-steps-loop li:first-child:before{content:"•";color:var(--sw-ink)}.flow-steps-direct li:before,.flow-steps-loop li:before{content:"→";color:var(--sw-teal-deep)}.flow-steps-loss li:last-child{opacity:.72}.feature-list{margin:1.25rem 0 0;padding:0;list-style:none}.feature-list li{padding:.9rem 0;border-bottom:1px solid rgba(31,28,26,.08);color:var(--sw-muted);font-size:1rem;line-height:1.6}.feature-list li:last-child{border-bottom:none}.feature-list strong{display:block;margin-bottom:.25rem;color:var(--sw-ink)}.callout{margin-top:1.5rem;padding:1.25rem 1.35rem;background:#7ecbc42e;border:2px solid var(--sw-ink);border-radius:var(--sw-radius)}.callout-title{margin:0 0 .75rem;font-size:1.05rem;font-weight:800}.callout p{margin:0 0 .75rem;color:var(--sw-muted);font-size:1rem;line-height:1.6}.callout p:last-child{margin-bottom:0}.benefit{padding:.25rem 0}.benefit h3{margin:0 0 .5rem;font-size:1.1rem}.benefit p{margin:0;color:var(--sw-muted);font-size:1rem;line-height:1.6}.persona-widget .tab-panel{padding-top:.25rem}.persona-audience{margin:0 0 1.25rem;font-size:.9375rem;font-weight:700;letter-spacing:.01em;color:var(--sw-muted)}.persona-cols,.persona-flow{display:grid;gap:1rem}.persona-flow{align-items:stretch}@media (min-width: 900px){.persona-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem;align-items:stretch}.persona-flow{grid-template-columns:minmax(0,3fr) auto minmax(0,7fr);gap:.75rem;align-items:stretch}}.persona-flow-arrow{display:none;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:var(--sw-ink);line-height:1;padding-inline:.15rem}@media (min-width: 900px){.persona-flow-arrow{display:flex}}@media (max-width: 899px){.persona-flow-arrow{display:flex;padding:.15rem 0;font-size:1.25rem}.persona-flow-arrow span{transform:rotate(90deg)}}.persona-col{display:flex;flex-direction:column;padding:1.1rem 1.1rem 1.15rem;background:var(--sw-surface);border:1.5px solid var(--sw-ink);border-radius:var(--sw-radius-sm);box-shadow:3px 3px #1f1c1a1a;min-height:100%}.persona-col h3{display:flex;align-items:flex-start;gap:.5rem;margin:0 0 .85rem;font-size:.9375rem;font-weight:800;letter-spacing:-.01em;line-height:1.3;text-transform:none;color:var(--sw-ink)}.persona-col-icon{width:1.35rem;height:1.35rem;flex-shrink:0;margin-top:0;color:var(--sw-ink)}.persona-col-from .persona-col-icon{color:#c45c3e}.persona-col-to .persona-col-icon{color:#2f7a6b}.persona-col ul{margin:0;padding:0;list-style:none;display:grid;gap:.65rem;flex:1}.persona-col li{position:relative;padding-left:1.35rem;font-size:.9375rem;line-height:1.45;color:var(--sw-ink)}.persona-col li:before{position:absolute;left:0;top:.05em;width:1rem;height:auto;border-radius:0;background:none;opacity:1;font-size:.875rem;font-weight:800;line-height:1.45;text-align:center;color:var(--sw-ink)}.persona-col-from li:before,.persona-col-struggle li:before{content:"✗"}.persona-col-to li:before,.persona-col-people li:before,.persona-col-agents li:before{content:"✓"}.persona-to-paths{display:grid;gap:1rem}@media (min-width: 640px){.persona-to-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}.persona-to-path h4{margin:0 0 .55rem;font-size:.8125rem;font-weight:800;letter-spacing:.01em;text-transform:uppercase;color:var(--sw-muted)}.persona-to-path ul{gap:.5rem}.persona-to-path li{font-size:.875rem}.benefit-check{margin:1.25rem 0 0;padding:0;list-style:none;display:grid;gap:.7rem;max-width:34rem}.benefit-check li{position:relative;padding-left:1.6rem;font-size:1.0625rem;line-height:1.45;color:var(--sw-ink)}.benefit-check li:before{content:"✓";position:absolute;left:0;top:.05em;font-size:.9375rem;font-weight:800;color:var(--sw-ink)}.spread-list{margin:1.5rem 0 0;padding:0;list-style:none;max-width:44rem}.spread-list li{padding:1rem 0;border-bottom:1px solid rgba(31,28,26,.08);color:var(--sw-muted);line-height:1.6}.spread-list li:last-child{border-bottom:none}.spread-list strong{color:var(--sw-ink)}.modes-table{display:grid;gap:0;max-width:40rem;border:2px solid var(--sw-ink);border-radius:var(--sw-radius);overflow:hidden;background:var(--sw-surface);box-shadow:var(--sw-shadow)}.modes-row{display:grid;grid-template-columns:8.5rem 1fr;gap:1rem;padding:.9rem 1.1rem;border-bottom:1px solid rgba(31,28,26,.1);align-items:baseline}.modes-row:last-child{border-bottom:none}.modes-row strong{font-size:.975rem}.modes-row span{color:var(--sw-muted);font-size:.975rem;line-height:1.5}.modes-row-featured{background:#7ecbc438}.mode-star{color:var(--sw-peach)}@media (max-width: 560px){.modes-row{grid-template-columns:1fr;gap:.25rem}}.compare-table-wrap{overflow-x:auto;border:2px solid var(--sw-ink);border-radius:var(--sw-radius);background:var(--sw-surface);box-shadow:var(--sw-shadow)}.compare-table{width:100%;min-width:32rem;border-collapse:collapse;font-size:.875rem}.compare-table th,.compare-table td{padding:.75rem .85rem;text-align:center;vertical-align:middle;border-bottom:1px solid rgba(31,28,26,.1)}.compare-table thead th{font-size:.8125rem;font-weight:800;letter-spacing:.02em;white-space:nowrap;background:#7ecbc42e}.compare-table thead th:nth-child(2),.compare-table td.is-ours{background:#7ecbc447}.compare-table thead th:first-child,.compare-table tbody th{font-weight:700;color:var(--sw-ink);white-space:nowrap;text-align:left}.compare-table tbody td{color:var(--sw-muted)}.compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td{border-bottom:none}.cmp-yes{font-weight:800;color:var(--sw-teal-deep)}.cmp-no{color:#1f1c1a59}@media (prefers-reduced-motion: reduce){.hero-demo-slide{animation:none}.demo-cursor,.demo-target,.demo-ui-highlight,.demo-ui-marker,.demo-ui-composer-scale,.demo-mic,.demo-note-text:after,.demo-send-panel,.demo-send-chip-pick,.demo-send-primary,.demo-scan-target,.demo-hover-pin-btn,.demo-pin-phase,.demo-select-range,.demo-selection-pin-btn,.demo-region-box,.demo-region-pin-btn{animation:none!important}.demo-ui-highlight,.demo-ui-marker,.demo-ui-composer-scale,.demo-send-panel{opacity:1}.demo-pin-phase-hover{opacity:1!important}.demo-pin-phase-select,.demo-pin-phase-region{opacity:0!important}.demo-pin-scene .demo-scan-target{outline-color:transparent!important;box-shadow:none!important}.demo-pin-scene .demo-scan-1>.demo-hover-pin-btn,.demo-pin-scene .demo-scan-2>.demo-hover-pin-btn,.demo-pin-scene .demo-scan-3>.demo-hover-pin-btn{opacity:0!important}.demo-pin-scene .demo-scan-4{outline-color:var(--sw-amber)!important;box-shadow:0 0 0 4px var(--sw-amber-soft)!important}.demo-pin-scene .demo-scan-4>.demo-hover-pin-btn{opacity:1!important}.demo-ui-composer-scale{transform:scale(.52)!important}.demo-note-scene-solo .demo-ui-composer-scale{transform:none!important}.demo-ui-marker{transform:translate(-50%,-100%) scale(1.05)!important}.demo-note-text:after{content:"Align this to the Q3 campaign. Double down on the imagery to match. Use the June S3 files and evolve it across touchpoints."}.demo-send-chip-pick{border-color:var(--sw-ink);background:#8cc5be47;box-shadow:inset 0 0 0 1px var(--sw-ink)}}