/* Generated from the organised CSS sources by tools/build.py. */
*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,ul,ol{margin:0}ul,ol{padding:0;list-style:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}img{height:auto}button{color:inherit}table{border-collapse:collapse}fieldset{border:0;padding:0;margin:0}[hidden]{display:none!important}

:root{--color-navy:#141b3d;--color-violet:#6842dd;--color-purple:#a589ff;--color-blue:#507ef6;--color-mint:#14775c;--color-yellow:#f5b544;--color-coral:#ed657c;--color-text:var(--color-navy);--color-text-muted:#596580;--color-background:#fff;--color-surface:#f7f8fc;--color-border:#e7eaf2;--color-lilac:#f0ecff;--color-blue-light:#edf2ff;--color-mint-light:#e7f8f1;--color-yellow-light:#fff5df;--color-coral-light:#fff0f2;--color-paper:#fcfcfe;--color-white:#fff;--color-error:#bd3145;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:34px;--radius-pill:999px;--shadow-sm:0 5px 18px rgb(20 27 61 / .035);--shadow-md:0 16px 48px rgb(20 27 61 / .075);--shadow-device:0 24px 42px rgb(20 27 61 / .12);--container:1240px;--font-sans:'Plus Jakarta Sans',Arial,sans-serif;--font-hand:'Caveat',cursive;--ease:cubic-bezier(.2,.7,.2,1)}

@font-face{font-family:'Plus Jakarta Sans';src:url('../fonts/jakarta-variable.woff2') format('woff2');font-weight:400 800;font-display:swap}@font-face{font-family:'Caveat';src:url('../fonts/caveat-500.woff2') format('woff2');font-weight:500;font-display:swap}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:var(--font-sans);font-size:15px;line-height:1.7;background:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased}body.scroll-locked{overflow:hidden}h1,h2,h3,h4{line-height:1.15;font-weight:800;letter-spacing:-.045em}h1{font-size:clamp(40px,5vw,70px)}h2{font-size:clamp(30px,3.2vw,44px)}h3{font-size:22px;letter-spacing:-.035em}h4{font-size:17px;letter-spacing:-.025em}p{color:var(--color-text-muted)}h1 span,h2 span{white-space:pre-line}a,button,input,select,textarea{touch-action:manipulation}a,button{transition:color .2s,background .2s,box-shadow .2s,transform .2s}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid var(--color-violet);outline-offset:4px}::selection{background:var(--color-lilac);color:var(--color-navy)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-100px;z-index:200;background:var(--color-navy);color:var(--color-white);padding:12px 20px;border-radius:var(--radius-sm)}.skip-link:focus{top:12px}.icon{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--color-violet);font-weight:700;font-size:14px}.text-link:hover .icon{transform:translateX(4px)}.text-link .icon{width:17px;transition:transform .2s}.lead{font-size:clamp(16px,1.45vw,19px);line-height:1.65}.muted{color:var(--color-text-muted)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--color-violet);margin-bottom:18px}.eyebrow.pill{background:var(--color-lilac);border-radius:var(--radius-pill);padding:5px 11px}.badge{display:inline-flex;gap:6px;align-items:center;border-radius:var(--radius-pill);padding:4px 10px;background:var(--color-lilac);color:var(--color-violet);font-size:10px;font-weight:700}.note{font-size:12px;line-height:1.7}.handwritten{font-family:var(--font-hand);font-size:30px;line-height:1.03;color:var(--color-violet);font-weight:500;transform:rotate(-9deg)}.check-list{display:grid;gap:13px;margin-top:25px}.check-list li{display:flex;gap:11px;align-items:flex-start;color:var(--color-text-muted);font-size:14px}.check-list .icon{width:19px;height:19px;color:var(--color-violet);margin-top:3px}.check-list.soft .icon{background:var(--color-lilac);border-radius:50%;padding:3px;width:23px;height:23px}.demo-label{font-size:10px;letter-spacing:.03em;color:var(--color-text-muted);display:block;margin:10px 0}.legal-notice{background:var(--color-yellow-light);border-radius:var(--radius-md);padding:18px 22px;font-size:14px;color:var(--color-navy);margin:25px 0}.standalone-link{color:var(--color-violet);text-decoration:underline;text-underline-offset:3px}

.container{width:min(var(--container),calc(100% - 80px));margin-inline:auto}.section{padding-block:80px}.section.compact{padding-block:45px}.section-header{max-width:700px;margin:0 auto 42px;text-align:center}.section-header p{margin-top:14px}.section-header.align-left{text-align:left;margin-left:0}.surface{background:var(--color-surface);border-radius:var(--radius-lg);padding:50px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split.reverse .split-copy{order:2}.split-copy h2{max-width:490px}.split-copy>.lead{margin-top:20px}.split-copy>.text-link,.split-copy>.button{margin-top:27px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stack{display:grid;gap:18px}.hero{padding:55px 0 35px}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:24px;min-height:550px}.hero-copy{position:relative;z-index:2}.hero-copy h1{margin-bottom:24px}.hero-copy .lead{max-width:470px}.hero-pill{font-size:11px;letter-spacing:0;text-transform:none;color:var(--color-text-muted);font-weight:500;margin-bottom:22px;background:var(--color-lilac);border-radius:var(--radius-pill);padding:5px 12px 5px 5px;display:inline-flex;gap:8px;align-items:center}.hero-pill b{color:var(--color-violet);background:var(--color-white);padding:2px 7px;border-radius:var(--radius-pill);font-size:10px}.button-group{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:28px}.microcopy{display:flex;gap:18px;flex-wrap:wrap;margin-top:19px;font-size:10px;color:var(--color-text-muted)}.microcopy span{display:inline-flex;align-items:center;gap:5px}.microcopy .icon{width:13px;height:13px;color:var(--color-violet)}.page-hero{text-align:center;padding:70px 0 48px;max-width:860px;margin:auto}.page-hero h1{font-size:clamp(38px,4.5vw,60px)}.page-hero .lead{max-width:680px;margin:20px auto 0}.page-hero .button-group{justify-content:center}.intro-strip{padding-block:20px}.footer{margin-top:60px;padding:60px 0 24px;border-top:1px solid var(--color-border)}.footer-top{display:grid;grid-template-columns:1.55fr repeat(4,1fr);gap:30px}.footer-brand p{max-width:230px;margin-top:16px;font-size:13px}.footer h2{font-size:12px;letter-spacing:0;margin-bottom:17px;font-weight:700}.footer-links{display:grid;gap:9px;font-size:12px;color:var(--color-text-muted)}.footer-links a:hover{color:var(--color-violet)}.footer-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:50px;padding-top:20px;border-top:1px solid var(--color-border);font-size:11px;color:var(--color-text-muted)}.footer-bottom-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.social-links{display:flex;gap:14px;margin-top:22px}.social-links a{font-size:12px;color:var(--color-text-muted)}.social-links a:hover{color:var(--color-violet)}.editorial{display:grid;grid-template-columns:230px 1fr;gap:65px;max-width:1060px}.toc{align-self:start;position:sticky;top:115px;font-size:13px;display:grid;gap:15px}.toc a{color:var(--color-text-muted)}.toc a:hover{color:var(--color-violet)}.prose{max-width:760px}.prose h2{font-size:28px;margin:42px 0 18px}.prose h3{font-size:21px;margin:30px 0 14px}.prose p{margin:0 0 20px}.prose ul{list-style:disc;padding-left:24px;color:var(--color-text-muted);margin-bottom:20px}.prose li{margin-bottom:10px}.prose blockquote{border-left:3px solid var(--color-violet);padding:10px 0 10px 26px;margin:35px 0;font-size:25px;font-weight:700;line-height:1.5;letter-spacing:-.03em}.callout{background:var(--color-lilac);padding:24px 28px;border-radius:var(--radius-md);margin:30px 0}.callout p:last-child{margin:0}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--color-text-muted);margin:0 0 25px}.breadcrumb .icon{width:12px;height:12px}.breadcrumb a:hover{color:var(--color-violet)}

.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 23px;border-radius:var(--radius-sm);font-size:13px;font-weight:700;line-height:1.5;border:1px solid transparent;min-height:46px}.button .icon{width:17px;height:17px}.button-primary{background:var(--color-navy);color:var(--color-white);box-shadow:0 4px 9px rgb(20 27 61 / .09)}.button-primary:hover{background:var(--color-violet);transform:translateY(-2px)}.button-secondary{background:var(--color-white);border-color:var(--color-border)}.button-secondary:hover{border-color:var(--color-purple);background:var(--color-lilac)}.button-violet{background:var(--color-violet);color:var(--color-white)}.button-violet:hover{background:var(--color-navy);transform:translateY(-2px)}.button-small{padding:9px 16px;min-height:38px;font-size:12px}.button:active{transform:translateY(0)}.brand{display:inline-flex;align-items:center;gap:9px;font-size:25px;font-weight:800;letter-spacing:-.06em;line-height:1}.brand img{width:30px;height:32px}.site-header{height:82px;position:sticky;top:0;z-index:50;background:rgb(255 255 255 / .97);border-bottom:1px solid transparent;transition:box-shadow .25s,border-color .25s}.site-header.is-scrolled{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.main-nav{display:flex;gap:29px;align-items:center}.nav-item{position:relative}.nav-trigger,.nav-link{display:flex;gap:6px;align-items:center;font-size:12px;font-weight:500;padding:12px 0;background:none;border:0;white-space:nowrap}.nav-trigger .icon{width:12px;height:12px}.nav-trigger[aria-expanded=true],.nav-link:hover,.nav-trigger:hover,.nav-link.is-active,.nav-trigger.is-active{color:var(--color-violet)}.nav-link.is-active::after,.nav-trigger.is-active::after{content:'';height:2px;background:var(--color-violet);position:absolute;bottom:5px;left:0;right:0}.header-actions{display:flex;align-items:center;gap:13px}.language-picker{position:relative}.language-trigger{display:flex;align-items:center;gap:5px;background:none;border:0;font-size:11px;padding:10px 4px}.language-trigger .icon{width:12px;height:12px}.language-options{position:absolute;right:0;top:45px;min-width:155px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px;box-shadow:var(--shadow-md);z-index:60}.language-options a{display:block;border:0;background:none;font-size:12px;width:100%;text-align:left;padding:9px;border-radius:7px}.language-options a:hover,.language-options a[aria-current=true]{background:var(--color-lilac);color:var(--color-violet)}.mega-menu{position:fixed;top:73px;left:50%;transform:translateX(-50%);width:min(1080px,calc(100vw - 60px));background:var(--color-white);border:1px solid var(--color-border);padding:28px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:grid;grid-template-columns:repeat(4,1fr) 1.2fr;gap:24px}.mega-menu.solutions-menu{grid-template-columns:repeat(3,1fr) 1.2fr}.mega-menu.resources-menu{width:600px;grid-template-columns:1fr 1fr}.mega-menu h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:13px;color:var(--color-text-muted)}.mega-menu ul{display:grid;gap:5px}.mega-menu a{display:block;font-size:12px;padding:6px 0}.mega-menu a:hover{color:var(--color-violet)}.mega-promo{background:var(--color-lilac);border-radius:var(--radius-sm);padding:20px;display:flex;flex-direction:column;justify-content:center}.mega-promo h3{font-size:18px;letter-spacing:-.03em;text-transform:none;color:var(--color-navy)}.mega-promo p{font-size:11px}.mobile-trigger{display:none;background:none;border:0;padding:9px}.mobile-panel{display:none}.icon-box{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--radius-sm);color:var(--color-violet);background:var(--color-lilac)}.icon-box.mint{color:var(--color-mint);background:var(--color-mint-light)}.icon-box.blue{color:var(--color-blue);background:var(--color-blue-light)}.icon-box.yellow{color:var(--color-yellow);background:var(--color-yellow-light)}.icon-box.coral{color:var(--color-coral);background:var(--color-coral-light)}.icon-box .icon{width:24px;height:24px}.card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:28px;background:var(--color-white)}.feature-card{position:relative;transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.feature-card h3{margin-top:22px;font-size:19px}.feature-card p{font-size:13px;margin-top:11px;line-height:1.7}.feature-card .text-link{margin-top:20px;font-size:12px}.product-card{display:flex;gap:17px;align-items:flex-start;padding:23px}.product-card h3{font-size:14px;letter-spacing:-.02em;margin-bottom:7px}.product-card p{font-size:12px;line-height:1.7}.product-card .icon-box{flex-shrink:0}.product-card>.icon{width:16px;height:16px;margin-left:auto;color:var(--color-violet)}.product-card:hover{border-color:var(--color-purple)}.logo-strip{text-align:center;padding:15px 0 35px}.logo-strip>p{font-size:9px;letter-spacing:.16em;font-weight:700}.logo-row{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:22px;color:var(--color-text-muted);opacity:1}.demo-logo{font-size:21px;font-weight:700;letter-spacing:-.04em;display:flex;align-items:center;gap:8px}.demo-logo .icon{width:20px;height:20px}.logo-strip .demo-label{margin-top:15px;font-size:9px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.step{position:relative}.step::after{content:'→';position:absolute;right:-15px;top:65px;color:var(--color-purple)}.step:last-child::after{display:none}.step .icon-box{margin-bottom:20px}.step-heading{display:flex;gap:10px;align-items:center}.step-number{background:var(--color-violet);border-radius:50%;color:var(--color-white);font-size:10px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step h3{font-size:14px;letter-spacing:-.02em}.step p{font-size:12px;line-height:1.7;margin-top:10px;padding-left:32px}.cta-banner{position:relative;isolation:isolate;overflow:hidden;background:var(--color-lilac);border-radius:var(--radius-lg);padding:58px 65px;display:grid;grid-template-columns:1fr 220px;gap:30px;align-items:center}.cta-banner h2{max-width:650px}.cta-banner .lead{margin-top:15px;font-size:16px}.cta-banner .mascot{width:220px;position:relative;z-index:1}.connection-line{position:absolute;pointer-events:none;z-index:-1;width:100%;height:100%;top:0;left:0;overflow:visible}.connection-line path{stroke:var(--color-purple);fill:none;stroke-width:4;stroke-linecap:round}.quote-card blockquote{font-size:15px;line-height:1.75;color:var(--color-navy);margin:17px 0 25px}.quote-person{display:flex;align-items:center;gap:12px;font-size:11px}.quote-person strong{display:block;font-size:12px}.quote-mark{font-size:36px;color:var(--color-violet);line-height:.8}.avatar{width:35px;height:35px;border-radius:50%;object-fit:cover;flex-shrink:0}.avatar.large{width:45px;height:45px}.quote-card .badge{background:var(--color-surface);color:var(--color-text-muted);font-size:9px}.tabs{display:flex;gap:8px;padding:7px;background:var(--color-surface);border-radius:var(--radius-md)}.tabs a,.tabs button{flex:1;display:flex;justify-content:center;gap:10px;align-items:center;padding:17px 12px;background:none;border:0;border-radius:var(--radius-sm);font-size:13px;font-weight:700}.tabs a:hover,.tabs button:hover,.tabs .is-active{background:var(--color-lilac);color:var(--color-violet)}.pricing-toggle{display:inline-flex;align-items:center;gap:4px;background:var(--color-surface);padding:5px;border-radius:var(--radius-sm);margin-top:28px}.pricing-toggle button{border:0;background:none;padding:10px 18px;border-radius:7px;font-size:12px;font-weight:600}.pricing-toggle button[aria-pressed=true]{background:var(--color-violet);color:var(--color-white);box-shadow:var(--shadow-sm)}.pricing-toggle .badge{margin-inline:6px}.pricing-card{display:flex;flex-direction:column;position:relative;padding:30px}.pricing-card.popular{border-color:var(--color-violet);box-shadow:0 10px 35px rgb(117 83 246 / .07)}.popular-label{position:absolute;left:50%;transform:translateX(-50%);top:-14px;background:var(--color-violet);color:var(--color-white);border-radius:var(--radius-pill);padding:5px 16px;font-size:10px;white-space:nowrap}.plan-heading{display:flex;gap:15px;align-items:center}.plan-heading h2{font-size:21px}.plan-heading p{font-size:11px;margin-top:4px}.price{font-size:36px;font-weight:800;letter-spacing:-.06em;margin-top:25px;line-height:1.3}.price-caption{font-size:11px;min-height:36px;margin-top:6px}.pricing-card .check-list{margin-bottom:30px;gap:14px}.pricing-card .check-list li{font-size:12px}.pricing-card .button{margin-top:auto}.pricing-note{text-align:center;margin-top:23px;font-size:12px}.comparison-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.comparison{width:100%;min-width:650px;font-size:12px}.comparison th,.comparison td{padding:18px 24px;border-bottom:1px solid var(--color-border);text-align:center}.comparison th:first-child,.comparison td:first-child{text-align:left;width:40%}.comparison th{background:var(--color-surface);font-size:14px}.comparison tr:last-child td{border-bottom:0}.comparison .icon{width:18px;height:18px;color:var(--color-violet);margin:auto}.comparison td:nth-child(3){background:var(--color-paper)}.faq{border-bottom:1px solid var(--color-border)}.faq-button{display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;padding:21px 0;width:100%;border:0;background:none;font-size:14px;font-weight:600}.faq-button .icon{width:17px;height:17px;transition:transform .2s;flex-shrink:0}.faq-button[aria-expanded=true] .icon{transform:rotate(45deg);color:var(--color-violet)}.faq-answer{font-size:14px;line-height:1.8;padding-bottom:24px;max-width:740px}.js .faq-answer[hidden]{display:none}.faq-group{max-width:850px;margin:auto}.search-wrap{position:relative;max-width:570px;margin:26px auto}.search-wrap>.icon{position:absolute;left:18px;top:18px;color:var(--color-text-muted);width:19px;height:19px}.search-wrap input{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:15px 18px 15px 48px;background:var(--color-white);color:var(--color-navy)}.filter-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:35px}.filter-button{border:1px solid var(--color-border);background:var(--color-white);border-radius:var(--radius-pill);padding:8px 15px;font-size:12px}.filter-button[aria-pressed=true],.filter-button:hover{background:var(--color-navy);color:var(--color-white);border-color:var(--color-navy)}.article-card{padding:0;overflow:hidden}.article-art{height:180px;position:relative;overflow:hidden;background:var(--color-lilac);display:flex;align-items:center;justify-content:center}.article-art .icon{width:72px;height:72px;color:var(--color-violet);stroke-width:1.2}.article-art.mint{background:var(--color-mint-light)}.article-art.mint .icon{color:var(--color-mint)}.article-art.blue{background:var(--color-blue-light)}.article-art.blue .icon{color:var(--color-blue)}.article-art.yellow{background:var(--color-yellow-light)}.article-art.yellow .icon{color:var(--color-yellow)}.article-art.coral{background:var(--color-coral-light)}.article-art.coral .icon{color:var(--color-coral)}.article-card-body{padding:24px}.article-card .eyebrow{margin-bottom:13px;font-size:9px}.article-card h2{font-size:20px;line-height:1.4}.article-card p{font-size:12px;margin-top:12px}.article-meta{display:flex;gap:10px;font-size:10px;color:var(--color-text-muted);margin-top:20px}.article-card:hover h3{color:var(--color-violet)}.empty-state{text-align:center;padding:50px;background:var(--color-surface);border-radius:var(--radius-md)}.help-category{display:flex;gap:16px;align-items:center;padding:23px}.help-category h2{font-size:15px}.help-category p{font-size:11px;margin-top:3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:grid;gap:7px;align-content:start}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:600}.field input,.field select,.field textarea{width:100%;min-width:0;border:1px solid var(--color-border);background:var(--color-white);padding:13px 14px;border-radius:var(--radius-sm);font-size:13px;color:var(--color-navy)}.field textarea{resize:vertical;min-height:125px}.field input[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--color-error)}.field-error{font-size:11px;color:var(--color-error);min-height:0}.form-status{font-size:12px;padding:14px 17px;background:var(--color-mint-light);border-radius:var(--radius-sm);color:var(--color-navy);margin-top:17px}.form-status[data-state=error]{background:var(--color-coral-light);color:var(--color-error)}.check-field{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--color-text-muted);margin:17px 0}.check-field input{accent-color:var(--color-violet);width:16px;height:16px;margin-top:3px}.form-bottom{margin-top:22px}.form-bottom .note{margin-top:15px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.contact-copy h1{font-size:clamp(42px,4.7vw,62px);margin-bottom:23px}.contact-copy .mascot{width:220px;margin-top:38px}.contact-form{padding:36px;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.contact-form h2{font-size:24px;margin-bottom:24px}.auth-layout{max-width:1080px;margin:55px auto;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;min-height:650px}.auth-form{padding:48px}.auth-form h1{font-size:34px;margin-top:18px}.auth-form>.lead{font-size:13px;margin-top:12px}.auth-form form{margin-top:28px}.auth-form .field{margin-top:17px}.auth-form .button{width:100%}.auth-form .form-bottom{margin-top:20px}.auth-forgot{text-align:right;margin-top:8px;font-size:11px}.auth-aside{background:var(--color-lilac);padding:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;isolation:isolate}.auth-aside h2{font-size:38px}.auth-aside p{margin-top:18px;font-size:14px}.auth-aside .mascot{width:275px;margin-top:25px}.auth-divider{display:flex;align-items:center;gap:14px;color:var(--color-text-muted);font-size:10px;margin:23px 0}.auth-divider::before,.auth-divider::after{content:'';height:1px;background:var(--color-border);flex:1}.social-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.social-buttons button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);font-size:10px;padding:12px 4px}.social-buttons button:hover{background:var(--color-lilac)}.auth-bottom{text-align:center;font-size:12px;margin-top:22px}.newsletter{padding:40px;background:var(--color-surface);border-radius:var(--radius-lg);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.newsletter h2{font-size:28px}.newsletter p{font-size:13px;margin-top:10px}.newsletter .inline-form{display:flex;gap:9px;align-items:start}.newsletter .field{flex:1}.newsletter .button{white-space:nowrap}.cookie-banner{position:fixed;bottom:18px;left:18px;z-index:90;width:min(490px,calc(100vw - 36px));padding:22px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.cookie-banner h2{font-size:16px;letter-spacing:-.02em}.cookie-banner p{font-size:11px;line-height:1.8;margin-top:9px}.cookie-actions{display:flex;gap:7px;align-items:center;margin-top:15px;flex-wrap:wrap}.cookie-actions .button{font-size:10px;padding:9px 12px;min-height:36px}.cookie-actions .text-link{font-size:10px}.cookie-modal{width:min(490px,calc(100% - 32px));padding:30px;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-navy);box-shadow:var(--shadow-md)}.cookie-modal::backdrop{background:rgb(20 27 61 / .3)}.cookie-modal h2{font-size:24px;margin-bottom:13px}.cookie-modal p{font-size:12px}.modal-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.close-button{border:0;background:var(--color-surface);padding:8px;border-radius:50%}.close-button .icon{width:17px;height:17px}.cookie-option{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:24px}.cookie-option strong{font-size:13px;display:block}.cookie-option p{font-size:11px;margin-top:4px}.cookie-option input{accent-color:var(--color-violet);width:18px;height:18px}.cookie-modal .button-group{margin-top:28px}.security-item{border-top:1px solid var(--color-border);padding:26px 0}.security-item h3{font-size:18px;margin-bottom:11px}.security-item p{font-size:14px}.value-card{padding:28px 0;border-top:1px solid var(--color-border)}.value-card h3{font-size:18px;margin:20px 0 12px}.value-card p{font-size:13px}.team-placeholder{display:flex;gap:20px;align-items:center;background:var(--color-surface);padding:30px;border-radius:var(--radius-md)}.team-placeholder .icon-box{flex-shrink:0}.team-placeholder p{font-size:13px}.story-hero{padding:32px;background:var(--color-surface);border-radius:var(--radius-md);display:flex;align-items:center;gap:20px}.story-section{margin-top:23px}.story-section h3{font-size:13px;letter-spacing:0;margin-bottom:7px}.story-section p{font-size:12px}.story-card>.button{margin-top:22px}.story-card h2{font-size:22px}.culture-image{border-radius:var(--radius-lg);aspect-ratio:1.15;object-fit:cover;object-position:center}.culture-visual{position:relative}.culture-visual .mascot{position:absolute;bottom:-24px;left:-30px;width:175px}.article-hero-image{width:100%;height:370px;object-fit:cover;border-radius:var(--radius-lg);margin:32px 0}.article-header{max-width:900px;margin:auto;padding:55px 0 0}.article-header h1{font-size:clamp(36px,4.4vw,60px)}.article-header .lead{margin-top:22px}.article-byline{display:flex;gap:13px;align-items:center;margin-top:25px;font-size:12px;color:var(--color-text-muted)}.article-body{margin-inline:auto}.article-wide{max-width:1040px}.error-page{text-align:center;padding:60px 0}.error-page .mascot{width:250px;margin:auto auto 22px}.error-page h1{font-size:clamp(36px,4.4vw,58px);max-width:700px;margin:auto}.error-page p{margin:20px 0}.error-page .button-group{justify-content:center}
.plain-button{font-size:inherit;border:0;background:none;padding:0;color:inherit;text-align:left}.plain-button:hover{color:var(--color-violet)}.center-link{text-align:center;margin-top:28px}.cookie-option>span>span{display:block;font-size:11px;color:var(--color-text-muted);margin-top:4px}.nojs-nav{padding:10px 0;font-size:13px}.article-card-link{display:block}.article-card-link:focus-visible{outline-offset:-4px}
html:not(.js) .mobile-trigger,html:not(.js) .language-picker,html:not(.js) [data-cookie-preferences],html:not(.js) .pricing-toggle,html:not(.js) .filter-row,html:not(.js) .search-wrap,html:not(.js) .social-buttons,html:not(.js) .nav-trigger{display:none}

/* Long translated story headings must shrink inside the grid at tablet widths. */
.story-card,.story-hero>div{min-width:0}.story-hero{padding:24px 18px;gap:12px}.story-hero h2{overflow-wrap:anywhere}

/* Feature tiles use bespoke two tone illustrations built from Wispout’s violet and blue mark. */
.icon-box .brand-icon{width:31px;height:31px;overflow:visible;stroke-width:2.2}
.product-card .icon-box .brand-icon{width:33px;height:33px}

/* The final call to action keeps one clear next step. */
.cta-banner{grid-template-columns:minmax(0,1fr) 300px}
.cta-banner .cta-banner-copy{position:relative;z-index:1;max-width:760px}
.cta-banner h2{max-width:760px;text-wrap:balance}
.cta-banner .mascot{width:180px;justify-self:center;transform-origin:center bottom;--walk-left:-60px;--walk-quarter-left:-30px;--walk-right:60px;--walk-quarter-right:30px;animation:cta-mascot-walk 4s ease-in-out infinite}

/* A calmer, more branded mega menu with a useful feature tile. */
.mega-menu{width:min(1100px,calc(100vw - 48px));padding:22px;border-radius:20px;gap:16px;box-shadow:0 20px 55px rgb(20 27 61 / .14),0 3px 12px rgb(20 27 61 / .05)}
.mega-menu>div{min-width:0}
.mega-menu>div>h3{display:flex;align-items:center;gap:8px;margin-bottom:11px;color:var(--color-violet);font-size:10px;letter-spacing:.1em}
.mega-menu>div>h3::before{content:'';width:6px;height:6px;flex:none;border-radius:50%;background:var(--color-purple)}
.mega-menu ul{gap:3px}
.mega-menu li a{padding:8px 9px;border-radius:8px;transition:background .18s,color .18s,transform .18s}
.mega-menu li a:hover,.mega-menu li a:focus-visible{background:var(--color-surface);color:var(--color-violet);transform:translateX(2px)}
.mega-menu li a:focus-visible{outline:2px solid var(--color-purple);outline-offset:-2px}
.mega-menu a.mega-promo{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-self:center;gap:8px;justify-content:flex-start;min-height:180px;padding:15px 15px 14px;border:1px solid rgb(104 66 221 / .12);border-radius:15px;background:linear-gradient(145deg,#faf8ff 0%,#ece7ff 100%);color:var(--color-navy);transition:transform .2s,box-shadow .2s,border-color .2s}
.mega-promo::after{content:'';position:absolute;z-index:-1;right:-39px;top:-47px;width:137px;height:137px;border-radius:50%;background:rgb(138 99 255 / .1)}
.mega-promo:hover,.mega-promo:focus-visible{transform:translateY(-2px);box-shadow:0 10px 24px rgb(104 66 221 / .12);color:var(--color-navy)}
.mega-promo:focus-visible{outline:2px solid var(--color-violet);outline-offset:3px}
.mega-promo-art{position:absolute;z-index:0;top:0;right:4px;width:78px;height:86px;overflow:hidden;pointer-events:none}
.mega-promo-art img{position:absolute;top:0;left:-33px;width:145px;height:auto;max-width:none;filter:drop-shadow(0 6px 6px rgb(69 47 144 / .1));transform-origin:70% 80%;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.mega-promo-top,.mega-promo h3,.mega-promo p,.mega-promo-cta{position:relative;z-index:1}
.mega-promo-top{display:flex;align-items:center;min-height:15px;max-width:130px}
.mega-promo-kicker{display:block;max-width:125px;font-size:8px;line-height:1.25;font-weight:800;letter-spacing:.055em;text-transform:uppercase;color:var(--color-violet)}
.mega-promo h3{max-width:132px;margin:4px 0 0;font-size:14px;line-height:1.12;letter-spacing:-.035em;text-transform:none;color:var(--color-navy)}
.mega-promo p{max-width:158px;font-size:9px;line-height:1.4;color:var(--color-text-muted)}
.mega-promo-cta{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:34px;margin-top:auto;padding:8px 10px;border-radius:9px;background:var(--color-violet);font-size:10px;line-height:1.2;font-weight:800;color:var(--color-white);transition:background .2s,box-shadow .2s}
.mega-promo-cta .icon{width:15px;height:15px;flex:none;color:var(--color-white);transition:transform .2s}
.mega-promo:hover,.mega-promo:focus-visible{border-color:rgb(104 66 221 / .28)}
.mega-promo:hover .mega-promo-art img,.mega-promo:focus-visible .mega-promo-art img{transform:translateY(-3px) rotate(-3deg)}
.mega-promo:hover .mega-promo-cta,.mega-promo:focus-visible .mega-promo-cta{background:#5637c5;box-shadow:0 4px 10px rgb(81 49 184 / .2)}
.mega-promo:hover .mega-promo-cta .icon,.mega-promo:focus-visible .mega-promo-cta .icon{transform:translateX(3px)}

.website-trap{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.brand-picture{display:block;line-height:0}

@keyframes float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(-2deg)}}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-mascot{animation:float 6s ease-in-out infinite}.js [data-reveal].reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.js [data-reveal].reveal-visible{opacity:1;transform:none}.mega-menu:not([hidden]),.language-options:not([hidden]){animation:enter .2s ease}.icon-box{transition:transform .2s}.feature-card:hover .icon-box{transform:rotate(-4deg)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js [data-reveal].reveal-ready{opacity:1;transform:none}}
/* The recognition feed enters in sequence; each reaction pops in just after its note. */
@keyframes recognition-note-enter{0%{opacity:0;transform:translateY(30px) scale(.94)}72%{opacity:1;transform:translateY(-3px) scale(1.01)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes recognition-like-pop{0%{opacity:0;transform:scale(.35) rotate(-18deg)}70%{opacity:1;transform:scale(1.25) rotate(7deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
.js .recognition-note:nth-child(1){--note-delay:0ms}
.js .recognition-note:nth-child(2){--note-delay:180ms}
.js .recognition-note:nth-child(3){--note-delay:360ms}
.js .recognition-note[data-reveal].reveal-ready{transition-delay:var(--note-delay,0ms)}
.js .recognition-note[data-reveal].reveal-ready>.icon{opacity:0}
.js .recognition-note[data-reveal].reveal-visible{animation:recognition-note-enter .68s cubic-bezier(.2,.75,.25,1) both;animation-delay:var(--note-delay,0ms)}
.js .recognition-note[data-reveal].reveal-visible>.icon{animation:recognition-like-pop .52s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--note-delay,0ms) + 420ms)}
@media(prefers-reduced-motion:reduce){.js .recognition-note[data-reveal].reveal-ready{opacity:1;transform:none}.js .recognition-note[data-reveal].reveal-ready>.icon{opacity:1;transform:none}}
/* The Team Pulse chart draws in once it enters the viewport. */
@keyframes pulse-trend-draw{to{stroke-dashoffset:0}}
@keyframes pulse-bar-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.js .pulse-trend-path{stroke-dasharray:1;stroke-dashoffset:1}
.js [data-reveal].reveal-visible .pulse-trend-path{animation:pulse-trend-draw 1.45s cubic-bezier(.2,.7,.2,1) .12s both}
.js .pulse-bars .pulse-bar:nth-child(1){--pulse-delay:.42s}
.js .pulse-bars .pulse-bar:nth-child(2){--pulse-delay:.58s}
.js .pulse-bars .pulse-bar:nth-child(3){--pulse-delay:.74s}
.js .pulse-bars .pulse-track i{transform:scaleX(0);transform-origin:left center}
.js [data-reveal].reveal-visible .pulse-bars .pulse-track i{animation:pulse-bar-grow .78s cubic-bezier(.2,.7,.2,1) var(--pulse-delay) both}
@media(prefers-reduced-motion:reduce){.js .pulse-trend-path{stroke-dasharray:none;stroke-dashoffset:0}.js .pulse-bars .pulse-track i{transform:none}}
@keyframes cta-mascot-walk{0%,100%{transform:translateX(var(--walk-left)) translateY(0) rotate(-4deg)}25%{transform:translateX(var(--walk-quarter-left)) translateY(-7px) rotate(2deg)}50%{transform:translateX(var(--walk-right)) translateY(0) rotate(4deg)}75%{transform:translateX(var(--walk-quarter-right)) translateY(-7px) rotate(-2deg)}}
/* Network nodes appear, then their connections draw across the graph. */
@keyframes network-node-appear{from{opacity:0;transform:scale(.68)}to{opacity:1;transform:scale(1)}}
@keyframes network-connect{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.js .network-panel[data-reveal].reveal-ready .network-edge{stroke-dasharray:1;stroke-dashoffset:1}
.js .network-panel[data-reveal].reveal-visible .network-edge{animation:network-connect .62s cubic-bezier(.2,.7,.2,1) var(--edge-delay,850ms) both}
.js .network-panel[data-reveal].reveal-ready .network-node{opacity:0;transform:scale(.68);transform-box:fill-box;transform-origin:center}
.js .network-panel[data-reveal].reveal-visible .network-node{animation:network-node-appear .46s cubic-bezier(.2,.75,.25,1) var(--node-delay,0ms) both}
@media(prefers-reduced-motion:reduce){.js .network-panel[data-reveal].reveal-ready .network-edge{stroke-dasharray:none;stroke-dashoffset:0}.js .network-panel[data-reveal].reveal-ready .network-node{opacity:1;transform:none}}
/* Keep the fixed mega menu centered throughout its entrance animation. */
@keyframes mega-menu-enter{from{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
.mega-menu:not([hidden]){animation:mega-menu-enter .2s ease}
/* Product illustrations animate once when they enter view. */
@keyframes visual-card-enter{0%{opacity:0;translate:0 13px;scale:.96}72%{opacity:1;translate:0 -2px;scale:1.01}100%{opacity:1;translate:0 0;scale:1}}
@keyframes visual-item-enter{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes chart-line-draw{to{stroke-dashoffset:0}}
@keyframes chart-bar-rise{from{transform:scaleY(0);opacity:.45}to{transform:scaleY(1);opacity:1}}
@keyframes chart-node-pop{0%{opacity:0;transform:scale(.55)}75%{opacity:1;transform:scale(1.12)}100%{opacity:1;transform:scale(1)}}
.js [data-animate-visual].motion-ready{opacity:0;transition:opacity .55s var(--ease),translate .65s var(--ease),scale .65s var(--ease);translate:0 18px;scale:.985}
.js [data-animate-visual].motion-visible{opacity:1;translate:0 0;scale:1}
.js .device.motion-visible{animation:visual-card-enter .72s cubic-bezier(.2,.75,.25,1) both}
.js .phone-send.motion-visible{animation-delay:100ms}
.js .phone-people.motion-visible .people-row,.js .phone-send.motion-visible .wisp-type,.js .phone-home.motion-visible .mood,.js .phone-home.motion-visible .activity-row{animation:visual-item-enter .42s ease both}
.js .phone-send.motion-visible .wisp-type:nth-child(1),.js .phone-home.motion-visible .mood:nth-child(1),.js .phone-home.motion-visible .activity-row:nth-of-type(1){animation-delay:180ms}
.js .phone-send.motion-visible .wisp-type:nth-child(2),.js .phone-home.motion-visible .mood:nth-child(2),.js .phone-home.motion-visible .activity-row:nth-of-type(2){animation-delay:280ms}
.js .phone-send.motion-visible .wisp-type:nth-child(3),.js .phone-home.motion-visible .mood:nth-child(3),.js .phone-home.motion-visible .activity-row:nth-of-type(3){animation-delay:380ms}
.js .phone-send.motion-visible .wisp-type:nth-child(4),.js .phone-home.motion-visible .mood:nth-child(4),.js .phone-home.motion-visible .activity-row:nth-of-type(4){animation-delay:480ms}
.js .phone-send.motion-visible .wisp-type:nth-child(5){animation-delay:580ms}
.js .phone-send.motion-visible .wisp-type:nth-child(6){animation-delay:680ms}
.js .phone-people.motion-visible .people-row:nth-child(1){animation-delay:160ms}.js .phone-people.motion-visible .people-row:nth-child(2){animation-delay:250ms}.js .phone-people.motion-visible .people-row:nth-child(3){animation-delay:340ms}.js .phone-people.motion-visible .people-row:nth-child(4){animation-delay:430ms}.js .phone-people.motion-visible .people-row:nth-child(5){animation-delay:520ms}.js .phone-people.motion-visible .people-row:nth-child(6){animation-delay:610ms}
.js .connection-line.motion-ready path{stroke-dasharray:1;stroke-dashoffset:1}
.js .connection-line.motion-visible path{animation:chart-line-draw 1.25s cubic-bezier(.2,.7,.2,1) .1s both}
.js .device.motion-visible .pulse-trend-path{stroke-dasharray:1;stroke-dashoffset:1;animation:chart-line-draw 1.35s cubic-bezier(.2,.7,.2,1) .32s both}
.js .device.motion-ready .bar-chart span{transform:scaleY(0);transform-origin:center bottom}
.js .device.motion-visible .bar-chart span{animation:chart-bar-rise .65s cubic-bezier(.2,.7,.2,1) calc(.45s + var(--bar-delay,0ms)) both}
.js .mini-network line{stroke-dasharray:1;stroke-dashoffset:1}
.js .device.motion-visible .mini-network line{animation:chart-line-draw .6s ease calc(.5s + var(--edge-delay,0ms)) both}
.js .mini-network circle{opacity:0;transform-box:fill-box;transform-origin:center}
.js .device.motion-visible .mini-network circle{animation:chart-node-pop .4s cubic-bezier(.2,.75,.25,1) calc(.9s + var(--node-delay,0ms)) both}
.js .donut-layout.motion-ready .donut-segment{stroke-dasharray:0 377}
.js .donut-layout.motion-visible .donut-segment{animation:donut-segment-draw .9s cubic-bezier(.2,.7,.2,1) var(--ring-delay,0ms) both}
@keyframes donut-segment-draw{to{stroke-dasharray:var(--ring-size,170) calc(377 - var(--ring-size,170))}}
.js .donut-segment.violet{--ring-size:170}.js .donut-segment.mint{--ring-size:120}.js .donut-segment.yellow{--ring-size:87}
.js .chart-legend b{font-weight:inherit}
.js .flow-step.motion-ready,.js .flow-complete.motion-ready{transition-delay:var(--flow-delay,0ms)}
.js .flow-step:nth-child(1){--flow-delay:0ms}.js .flow-step:nth-child(2){--flow-delay:150ms}.js .flow-step:nth-child(3){--flow-delay:300ms}.js .flow-complete{--flow-delay:450ms}
.js .flow-step.motion-visible,.js .flow-complete.motion-visible{animation:visual-card-enter .65s cubic-bezier(.2,.75,.25,1) var(--flow-delay,0ms) both}
.js .flow-types .flow-type{transition:transform .25s,box-shadow .25s}
.js .flow-types .flow-type:hover{transform:translateY(-3px) scale(1.04);box-shadow:var(--shadow-sm)}
@media(prefers-reduced-motion:reduce){.js [data-animate-visual].motion-ready{opacity:1;translate:0 0;scale:1}.js .connection-line.motion-ready path{stroke-dasharray:none;stroke-dashoffset:0}.js .mini-network line{stroke-dasharray:none;stroke-dashoffset:0}.js .mini-network circle{opacity:1;transform:none}.js .device.motion-ready .bar-chart span{transform:none}.js .donut-layout.motion-ready .donut-segment{stroke-dasharray:var(--ring-size,170) calc(377 - var(--ring-size,170))}}
@keyframes culture-mascot-arrive{0%{opacity:0;translate:-16px 20px;scale:.88}72%{opacity:1;translate:2px -2px;scale:1.03}100%{opacity:1;translate:0 0;scale:1}}
.js .culture-visual.motion-visible>.mascot{animation:culture-mascot-arrive .72s cubic-bezier(.2,.75,.25,1) .34s both}
@keyframes culture-image-reveal{from{clip-path:inset(0 100% 0 0 round var(--radius-lg));translate:-22px 0;opacity:.72}to{clip-path:inset(0 0 0 0 round var(--radius-lg));translate:0 0;opacity:1}}
@keyframes culture-mascot-pop{0%{opacity:0;translate:-34px 24px;scale:.78}55%{opacity:1;translate:10px -16px;scale:1.1}76%{translate:-3px 4px;scale:.97}100%{opacity:1;translate:0 0;scale:1}}
.js .culture-visual.motion-ready>.culture-image{clip-path:inset(0 100% 0 0 round var(--radius-lg))}
.js .culture-visual.motion-visible>.culture-image{animation:culture-image-reveal .95s cubic-bezier(.2,.75,.25,1) both}
.js .culture-visual.motion-visible>.mascot{animation:culture-mascot-pop .76s cubic-bezier(.2,.75,.25,1) .55s both}
@media(prefers-reduced-motion:reduce){.js .culture-visual.motion-ready>.culture-image{clip-path:none}}

.hero-visual{position:relative;height:545px;isolation:isolate;min-width:0}.hero-visual::before{content:'';position:absolute;width:440px;height:410px;background:var(--color-lilac);border-radius:42% 58% 60% 40%;top:54px;left:90px;z-index:-2;opacity:.65}.hero-visual .connection-line{z-index:-1}.phone{width:224px;height:466px;flex-shrink:0;padding:7px;background:var(--color-navy);border-radius:38px;box-shadow:var(--shadow-device),inset 0 0 0 2px var(--color-text-muted);position:relative}.phone-screen{border-radius:31px;overflow:hidden;height:100%;background:var(--color-white);padding:28px 14px 10px;position:relative}.phone::after{content:'';position:absolute;top:13px;left:50%;transform:translateX(-50%);width:65px;height:18px;border-radius:var(--radius-pill);background:var(--color-navy)}.phone-status{display:flex;justify-content:space-between;font-size:8px;font-weight:800;position:absolute;top:10px;left:19px;right:19px}.phone-status .icon{width:11px;height:11px}.hero-visual .phone-home{position:absolute;top:18px;left:144px;z-index:3;transform:rotate(-3deg)}.hero-visual .phone-send{position:absolute;top:54px;left:342px;z-index:2;transform:rotate(6deg);width:207px;height:437px}.hero-visual .hero-mascot{position:absolute;width:222px;bottom:18px;left:1px;z-index:4}.hero-visual .hand-one{position:absolute;left:16px;top:102px;z-index:5;font-size:27px}.hero-visual .hand-two{position:absolute;right:-16px;top:205px;z-index:5;font-size:25px;transform:rotate(8deg)}.app-greeting{display:flex;align-items:center;gap:7px;margin:10px 0 18px}.app-greeting .avatar{width:28px;height:28px}.app-greeting p{font-size:8px;line-height:1.5;color:var(--color-navy);font-weight:700}.app-greeting .icon{margin-left:auto;width:12px;height:12px;color:var(--color-violet)}.app-heading{font-size:10px;font-weight:800;line-height:1.4;letter-spacing:-.025em;margin:13px 0 10px}.app-title{font-size:16px;font-weight:800;line-height:1.3;margin:20px 0 10px;letter-spacing:-.035em}.app-subtitle{font-size:8px;color:var(--color-text-muted);line-height:1.5}.moods{display:flex;gap:7px;margin:12px 0 18px}.mood{display:flex;flex-direction:column;align-items:center;font-size:6px;color:var(--color-text-muted);gap:5px;flex:1}.mood-face{width:29px;height:29px;background:var(--color-yellow-light);border-radius:50%;display:flex;align-items:center;justify-content:center}.mood-face .icon{width:19px;height:19px;stroke-width:1.5;color:var(--color-navy)}.mood:nth-child(3) .mood-face{background:var(--color-lilac)}.app-metric{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;margin-bottom:5px}.app-metric .positive{font-size:8px}.positive{color:var(--color-mint);font-weight:700}.mini-line{width:100%;height:66px}.chart-axis{display:flex;justify-content:space-between;color:var(--color-text-muted);font-size:6px;margin:3px 0 16px}.activity-row{display:flex;gap:8px;align-items:center;margin:10px 0}.activity-row .avatar{width:23px;height:23px}.activity-row p{font-size:7px;line-height:1.5;color:var(--color-navy);font-weight:700}.activity-row small{font-size:6px;color:var(--color-text-muted);font-weight:400;display:block}.activity-row time{margin-left:auto;font-size:6px;white-space:nowrap;color:var(--color-text-muted)}.app-nav{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:8px;left:14px;right:14px;padding-top:6px;border-top:1px solid var(--color-border);background:var(--color-white);color:var(--color-text-muted)}.app-nav-item{display:grid;justify-items:center;gap:2px;font-size:5px}.app-nav-item .icon{width:13px;height:13px}.app-nav-item:first-child{color:var(--color-violet)}.app-nav-item.plus{width:26px;height:26px;background:var(--color-violet);color:var(--color-white);border-radius:50%;display:flex;justify-content:center}.app-topbar{display:flex;justify-content:space-between;align-items:center;margin:12px 0 26px;font-size:8px;font-weight:700}.app-topbar .icon{width:12px;height:12px}.app-dots{display:flex;gap:4px;justify-content:center;margin-bottom:18px}.app-dots span{width:4px;height:4px;border-radius:50%;background:var(--color-border)}.app-dots span:first-child{background:var(--color-violet)}.wisp-types{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.wisp-type{border:1px solid var(--color-border);border-radius:8px;text-align:center;padding:10px 4px;background:var(--color-white);display:flex;flex-direction:column;align-items:center}.wisp-type .icon{width:24px;height:24px;margin-bottom:6px;color:var(--color-coral)}.wisp-type strong{font-size:7px;line-height:1.5}.wisp-type p{font-size:6px;line-height:1.4;max-width:66px;margin-top:3px}.wisp-type:nth-child(2) .icon{color:var(--color-mint)}.wisp-type:nth-child(3){border-color:var(--color-violet);background:var(--color-lilac)}.wisp-type:nth-child(3) .icon{color:var(--color-yellow)}.wisp-type:nth-child(4) .icon{color:var(--color-blue)}.wisp-type:nth-child(5) .icon{color:var(--color-violet)}.wisp-type:nth-child(6) .icon{color:var(--color-yellow)}.phone-visual{position:relative;isolation:isolate;min-height:510px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden}.phone-visual .phone{transform:rotate(-4deg);z-index:2}.phone-visual .mascot{position:absolute;width:180px;right:18px;bottom:25px;z-index:3}.phone-visual .connection-line{z-index:0}.app-tabs{display:flex;gap:4px;margin:13px 0}.app-tabs span{font-size:6px;border-radius:5px;background:var(--color-surface);padding:6px 9px;flex:1;text-align:center}.app-tabs span:first-child{background:var(--color-lilac);color:var(--color-violet)}.app-search{font-size:6px;border-radius:6px;background:var(--color-surface);padding:8px 10px;display:flex;gap:5px;align-items:center;color:var(--color-text-muted);margin:12px 0}.app-search .icon{width:9px;height:9px}.people-row{display:flex;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid var(--color-surface)}.people-row .avatar{width:29px;height:29px}.people-row strong{font-size:8px;display:block;line-height:1.5}.people-row p{font-size:6px;line-height:1.5}.people-row .people-action{margin-left:auto;width:25px;height:25px;background:var(--color-lilac);border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--color-violet)}.people-row .people-action .icon{width:15px;height:15px}.people-row:nth-child(2) .people-action{color:var(--color-yellow);background:var(--color-yellow-light)}.people-row:nth-child(3) .people-action{color:var(--color-mint);background:var(--color-mint-light)}.send-section{position:relative;background:var(--color-surface);border-radius:var(--radius-lg);padding:45px;overflow:hidden}.send-section .section-header{margin-bottom:35px}.wisp-flow{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:20px;align-items:start;max-width:740px;margin:0 auto}.flow-step .step-heading{margin-bottom:12px}.flow-step h3{font-size:12px}.flow-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:20px;background:var(--color-white);min-height:100px}.flow-person{display:flex;gap:10px;align-items:center}.flow-person strong{font-size:11px}.flow-person p{font-size:9px}.flow-types{display:flex;gap:7px;justify-content:center}.flow-type{border:1px solid var(--color-border);border-radius:8px;display:flex;align-items:center;justify-content:center;width:45px;height:50px;background:var(--color-mint-light);color:var(--color-mint)}.flow-type.selected{border-color:var(--color-violet);background:var(--color-lilac);color:var(--color-yellow)}.flow-type.blue{background:var(--color-blue-light);color:var(--color-blue)}.flow-message{font-size:11px;color:var(--color-text-muted)}.flow-complete{margin:26px auto 0;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--color-violet);font-size:12px;font-weight:700}.flow-complete .icon{width:17px;height:17px}.interaction-moments{display:flex;gap:13px;flex-wrap:wrap;margin-top:25px}.moment-tag{display:inline-flex;gap:8px;align-items:center;padding:9px 13px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:12px;color:var(--color-text-muted)}.moment-tag .icon{width:16px;height:16px;color:var(--color-violet)}.recognition-wall{padding:30px;background:var(--color-surface);border-radius:var(--radius-lg);display:grid;gap:17px}.recognition-note{background:var(--color-white);border-radius:var(--radius-sm);padding:20px;display:flex;align-items:flex-start;gap:13px;box-shadow:var(--shadow-sm)}.recognition-note:nth-child(2){margin-left:30px}.recognition-note:nth-child(3){margin-right:30px}.recognition-note .avatar{width:35px;height:35px}.recognition-note strong{display:block;font-size:12px;margin-bottom:4px}.recognition-note p{font-size:11px}.recognition-note>.icon{flex-shrink:0;color:var(--color-coral);margin-left:auto}.browser{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);box-shadow:var(--shadow-md);overflow:hidden;text-align:left}.browser-bar{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:11px 17px;font-size:9px;color:var(--color-text-muted)}.browser-dots{display:flex;gap:5px}.browser-dots i{width:6px;height:6px;border-radius:50%;background:var(--color-border)}.browser-dots i:first-child{background:var(--color-coral)}.browser-dots i:nth-child(2){background:var(--color-yellow)}.browser-dots i:nth-child(3){background:var(--color-mint)}.browser-lock{display:flex;gap:5px;align-items:center}.browser-lock .icon{width:10px;height:10px}.dashboard{display:grid;grid-template-columns:142px 1fr;min-height:410px}.dash-sidebar{padding:24px 15px;background:var(--color-paper);border-right:1px solid var(--color-border)}.dash-sidebar .brand{font-size:16px;gap:5px}.dash-sidebar .brand .brand-lockup{width:90px;height:auto}.dash-nav{margin-top:26px;display:grid;gap:8px}.dash-nav span{display:flex;gap:9px;align-items:center;font-size:9px;padding:9px 10px;color:var(--color-text-muted);border-radius:6px}.dash-nav span:first-child{background:var(--color-lilac);color:var(--color-violet)}.dash-nav .icon{width:12px;height:12px}.dash-content{padding:24px;min-width:0}.dash-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.dash-heading h2{font-size:17px}.dash-heading>span{font-size:8px;border:1px solid var(--color-border);padding:4px 9px;border-radius:5px}.dash-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{border:1px solid var(--color-border);padding:12px 13px;border-radius:9px}.metric-label{display:block;font-size:8px;color:var(--color-text-muted);margin-bottom:4px}.metric-number{font-size:22px;font-weight:800;letter-spacing:-.05em}.metric small{font-size:8px;color:var(--color-mint);margin-left:5px}.dashboard-chart{margin-top:18px;border:1px solid var(--color-border);padding:16px;border-radius:var(--radius-sm)}.dashboard-chart h3{font-size:11px;margin-bottom:14px}.dashboard-chart svg{width:100%;height:115px}.dash-chart-axis{display:flex;justify-content:space-between;font-size:7px;color:var(--color-text-muted);padding:8px 0 0}.dash-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dash-bottom .dashboard-chart{margin-top:14px}.bar-chart{display:flex;align-items:flex-end;gap:10px;height:94px;padding:8px 10px 0}.bar-chart span{flex:1;background:var(--color-purple);border-radius:4px 4px 0 0;min-width:7px;height:var(--bar-height)}.bar-chart span:nth-child(even){background:var(--color-violet)}.bar-chart span:last-child{background:var(--color-blue)}.mini-network{height:94px;width:100%}.mini-network line{stroke:var(--color-purple);stroke-width:1.4;opacity:.7}.mini-network circle{fill:var(--color-lilac);stroke:var(--color-violet);stroke-width:2}.mini-network circle:nth-last-child(2){fill:var(--color-mint-light);stroke:var(--color-mint)}.analytics-showcase{padding:50px 0 0;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden}.analytics-showcase .browser{width:calc(100% - 100px);margin:35px auto 0;border-bottom-left-radius:0;border-bottom-right-radius:0}.analytics-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}.analytics-benefit{display:flex;gap:15px;align-items:flex-start}.analytics-benefit h3{font-size:14px;margin-bottom:7px}.analytics-benefit p{font-size:12px}.analytics-benefit .icon-box{width:40px;height:40px;flex-shrink:0}.network-panel{background:var(--color-surface);border-radius:var(--radius-lg);padding:35px;min-height:380px}.network-graph{width:100%;height:auto}.network-graph .network-edge{stroke:var(--color-purple);stroke-width:2;opacity:.55}.network-graph .network-edge.frequent{stroke:var(--color-violet);stroke-width:3;opacity:.9}.network-graph .network-edge.new{stroke:var(--color-mint);stroke-dasharray:5 5}.network-node circle{fill:var(--color-white);stroke:var(--color-border);stroke-width:2}.network-node text{fill:var(--color-navy);font:700 11px var(--font-sans)}.network-node image{clip-path:circle(17px at center)}.network-legend{display:flex;justify-content:center;gap:20px;margin-top:15px;font-size:10px;color:var(--color-text-muted)}.network-legend span{display:flex;align-items:center;gap:7px}.network-legend i{width:17px;height:2px;background:var(--color-violet)}.network-legend span:nth-child(2) i{background:var(--color-purple)}.network-legend span:nth-child(3) i{background:var(--color-mint)}.pulse-panel{padding:35px;background:var(--color-surface);border-radius:var(--radius-lg)}.pulse-card{background:var(--color-white);padding:25px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.pulse-card>.dash-heading{margin-bottom:25px}.pulse-card .mini-line{height:130px}.pulse-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.pulse-stats strong{font-size:25px;letter-spacing:-.045em;display:block}.pulse-stats span{font-size:9px;color:var(--color-text-muted);display:block}.pulse-bars{display:grid;gap:13px;margin-top:25px}.pulse-bar{display:grid;grid-template-columns:95px 1fr 28px;gap:14px;align-items:center;font-size:10px;color:var(--color-text-muted)}.pulse-track{height:7px;background:var(--color-surface);border-radius:var(--radius-pill);overflow:hidden}.pulse-track i{display:block;width:var(--bar-width);height:100%;border-radius:inherit;background:var(--color-violet)}.pulse-bar:nth-child(2) .pulse-track i{background:var(--color-mint)}.pulse-bar:nth-child(3) .pulse-track i{background:var(--color-blue)}.product-hero .hero-visual{height:485px;display:flex;align-items:center}.product-hero .browser{width:570px;position:absolute;left:0;top:30px;transform:rotate(-3deg)}.product-hero .dashboard{grid-template-columns:110px 1fr;min-height:370px}.product-hero .dash-sidebar{padding:19px 10px}.product-hero .dash-content{padding:20px 16px}.product-hero .dash-nav span{font-size:8px;padding:7px}.product-hero .metric{padding:9px}.product-hero .metric-number{font-size:20px}.product-hero .phone{width:173px;height:365px;position:absolute;right:0;top:95px;transform:rotate(5deg);z-index:2;border-radius:31px}.product-hero .phone-screen{border-radius:25px;padding:25px 10px 8px}.product-hero .phone .app-greeting{margin:7px 0 10px}.product-hero .phone .activity-row{margin:7px 0}.product-hero .phone .mini-line{height:48px}.product-hero .phone .app-nav{left:11px;right:11px}.product-hero .hero-mascot{left:-55px;bottom:-5px;width:185px;z-index:3}.product-hero .handwritten{position:absolute;top:0;left:20px;z-index:2;font-size:25px}.role-teasers{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.role-teaser{padding:30px;border-radius:var(--radius-md);background:var(--color-surface);min-width:0}.role-teaser h3{font-size:20px;margin:21px 0 12px}.role-teaser p{font-size:13px}.role-teaser .text-link{margin-top:24px;font-size:12px}.role-card{padding:35px;background:var(--color-surface);border-radius:var(--radius-lg);position:relative;overflow:hidden;min-height:350px}.role-card h2{font-size:28px;max-width:360px;margin:20px 0 15px}.role-card .lead{font-size:14px;max-width:440px}.role-card .button{margin-top:25px}.role-card .check-list{max-width:420px}.privacy-principle{padding:35px;border-radius:var(--radius-md);background:var(--color-mint-light);display:flex;gap:24px;align-items:flex-start;margin-top:45px}.privacy-principle .icon{color:var(--color-mint);width:32px;height:32px;flex-shrink:0}.privacy-principle h2{font-size:19px;margin-bottom:9px}.privacy-principle p{font-size:13px}.overview-metrics{padding:20px 0}.overview-metrics .metric{padding:26px}.overview-metrics .metric-number{font-size:35px}.overview-metrics .metric-label{font-size:11px}.donut-layout{display:flex;align-items:center;gap:30px}.donut{width:145px;height:145px;flex-shrink:0}.donut circle{fill:none;stroke-width:16}.donut text{fill:var(--color-navy);font:800 19px var(--font-sans)}.donut text.caption{font:400 7px var(--font-sans);fill:var(--color-text-muted)}.chart-legend{display:grid;gap:9px;font-size:11px;color:var(--color-text-muted)}.chart-legend span{display:flex;gap:8px;align-items:center}.chart-legend i{width:8px;height:8px;border-radius:50%;background:var(--color-violet)}.chart-legend span:nth-child(2) i{background:var(--color-mint)}.chart-legend span:nth-child(3) i{background:var(--color-yellow)}
.about-mascot-visual{position:relative;isolation:isolate;min-height:440px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:45% 55% 40% 60%}.about-mascot-visual .mascot{width:580px}.about-mascot-visual .handwritten{position:absolute;right:12px;top:55px;white-space:pre-line}.mascot-panel{position:relative;isolation:isolate;min-height:330px;display:flex;align-items:center;justify-content:center;background:var(--color-lilac);border-radius:var(--radius-lg)}.mascot-panel .mascot{width:470px}.resource-feature-copy{margin:20px 0 25px}.featured-mascot{display:flex;align-items:center;justify-content:center}.featured-mascot .mascot{width:430px}.auth-preview-note{font-size:10px;text-align:center;margin-top:20px}.security-item h2{font-size:22px;margin-bottom:13px}.handwritten{white-space:pre-line}.hero-visual .hero-mascot{width:340px;left:-45px;bottom:0}.product-hero .hero-mascot{width:290px;left:-70px;bottom:-20px}.article-hero-image{object-position:center 42%}
.comparison-wrap{position:relative}.hero-visual{width:600px}.hero{overflow:hidden}
.product-hero .hero-copy h1{font-size:clamp(40px,4.3vw,56px)}.spotlight-wall{max-width:850px;margin:auto}.team-wide-image{display:block;width:100%;max-width:960px;aspect-ratio:1.85;object-fit:cover;object-position:center 9%;margin-inline:auto;border-radius:var(--radius-lg)}

@media(min-width:1600px){.container{width:min(var(--container),calc(100% - 120px))}.hero{padding-top:75px}.hero-grid{min-height:600px}.section{padding-block:90px}}
@media(max-width:1190px){.container{width:calc(100% - 56px)}.hero-visual{transform:scale(.88);transform-origin:center right}.hero-grid{grid-template-columns:.95fr 1.05fr;gap:0}.hero-copy h1{font-size:clamp(40px,5vw,60px)}.main-nav{gap:20px}.header-actions{gap:9px}.split{gap:45px}.hero-visual .hand-two{right:-26px}.product-hero .hero-visual{transform:scale(.83);transform-origin:center right}.contact-layout{gap:50px}.footer-top{gap:23px}.dashboard{grid-template-columns:115px 1fr}.dash-content{padding:20px}.dash-sidebar{padding:20px 10px}.dash-nav span{font-size:8px;padding:7px}.dash-metrics{gap:8px}.metric{padding:10px}.analytics-benefits{gap:25px}.auth-layout{margin-inline:28px}}
@media(max-width:980px){.header-actions>.sign-in{display:none}.hero-grid{grid-template-columns:1fr 1fr;min-height:510px}.hero-visual{transform:scale(.72);transform-origin:center right;height:520px}.hero-copy h1{font-size:48px}.hero-copy .lead{font-size:15px}.hero-pill{font-size:9px}.microcopy{gap:10px;font-size:9px}.split{gap:35px}.surface{padding:35px}.section{padding-block:58px}.grid-3{gap:16px}.card{padding:23px}.product-card{gap:12px;padding:20px}.product-card .icon-box{width:36px;height:36px}.product-card .icon-box .icon{width:21px}.product-card>.icon{display:none}.grid-4{gap:16px}.logo-row{gap:20px}.demo-logo{font-size:18px}.demo-logo:last-child{display:none}.steps{gap:20px}.step p{font-size:11px}.step::after{right:-12px}.cta-banner{padding:40px;grid-template-columns:1fr 160px}.cta-banner .mascot{width:160px}.cta-banner h2{font-size:34px}.role-teasers{gap:16px}.role-teaser{padding:24px}.role-teaser h3{font-size:18px}.price{font-size:28px}.plan-heading{gap:10px}.plan-heading .icon-box{width:35px;height:35px}.plan-heading h2{font-size:18px}.analytics-benefits{grid-template-columns:repeat(2,1fr)}.product-hero .hero-visual{transform:scale(.68)}.product-hero .hero-copy h1{font-size:45px}.contact-layout{gap:35px}.contact-form{padding:28px}.footer-top{grid-template-columns:1.35fr repeat(4,1fr);gap:18px}.footer-brand .brand{font-size:22px}.footer-links{font-size:11px}.footer-brand p{font-size:12px}.auth-form{padding:35px}.auth-aside{padding:35px}.auth-aside h2{font-size:33px}.editorial{gap:40px;grid-template-columns:190px 1fr}.newsletter{padding:30px;gap:25px}.newsletter .inline-form{flex-direction:column}.newsletter .field{width:100%}.donut-layout{gap:17px}.donut{width:115px;height:115px}}
@media(max-width:820px){.site-header{height:72px}.main-nav,.header-actions>.language-picker{display:none}.header-inner{gap:12px}.header-actions{margin-left:auto}.mobile-trigger{display:block}.mobile-panel:not([hidden]){display:flex;flex-direction:column;position:fixed;inset:72px 0 0;z-index:55;background:var(--color-white);padding:25px 28px;overflow-y:auto}.mobile-panel details{border-bottom:1px solid var(--color-border)}.mobile-panel summary{font-size:19px;font-weight:700;padding:17px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.mobile-panel summary .icon{width:17px;height:17px}.mobile-panel details[open] summary .icon{transform:rotate(180deg)}.mobile-submenu{padding:0 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.mobile-submenu a{font-size:13px;color:var(--color-text-muted)}.mobile-panel>.nav-link{font-size:19px;font-weight:700;padding:17px 0}.mobile-panel-bottom{margin-top:25px;display:flex;justify-content:space-between;align-items:center}.mobile-panel .language-picker{display:block}.mobile-panel .language-options{top:auto;bottom:40px;left:0;right:auto}.hero-grid{grid-template-columns:1fr;min-height:0}.hero{padding-top:35px}.hero-copy{text-align:center;max-width:620px;margin:auto}.hero-copy h1{font-size:clamp(44px,7vw,62px)}.hero-copy .lead{margin:auto;max-width:490px;font-size:17px}.hero-copy .button-group,.hero-copy .microcopy{justify-content:center}.hero-visual{width:590px;max-width:100%;margin:25px auto 0;transform:scale(.9);transform-origin:top center;height:500px}.hero-visual .hand-two{right:-2px}.hero-visual .phone-home{left:155px}.hero-visual .phone-send{left:351px}.hero-visual .hand-one{left:10px}.hero-visual .hero-mascot{left:8px}.split{gap:40px}.grid-3{grid-template-columns:repeat(2,1fr)}.grid-3>.pricing-card:last-child{grid-column:1/-1}.grid-3>.quote-card:last-child{grid-column:1/-1}.steps{gap:24px;grid-template-columns:repeat(2,1fr)}.step::after{display:none}.surface{padding:35px}.logo-row{flex-wrap:wrap;justify-content:center;gap:25px 35px}.demo-logo:last-child{display:flex}.logo-strip{padding-top:0}.split-copy h2{font-size:32px}.split-copy>.lead{font-size:15px}.phone-visual{min-height:470px}.phone-visual .phone{width:205px;height:427px;transform:rotate(-3deg)}.phone-visual .mascot{width:120px;right:0}.phone-screen{padding-inline:11px}.pulse-panel{padding:20px}.pulse-card{padding:20px}.pulse-stats{gap:8px}.pulse-stats strong{font-size:22px}.pulse-bar{grid-template-columns:75px 1fr 25px;gap:8px}.network-panel{padding:20px;min-height:290px}.network-legend{gap:12px;font-size:9px}.recognition-wall{padding:22px}.recognition-note{padding:15px}.recognition-note:nth-child(2){margin-left:15px}.recognition-note:nth-child(3){margin-right:15px}.recognition-note .avatar{width:28px;height:28px}.role-teasers{grid-template-columns:1fr}.role-teaser{display:grid;grid-template-columns:46px 1fr auto;gap:15px;align-items:start}.role-teaser h3{margin:0 0 8px}.role-teaser .text-link{margin-top:3px}.cta-banner{grid-template-columns:1fr 135px;padding:36px}.cta-banner .mascot{width:135px}.cta-banner .microcopy{font-size:9px}.culture-visual .mascot{width:120px;left:-15px;bottom:-15px}.footer-top{grid-template-columns:repeat(4,1fr);gap:30px}.footer-brand{grid-column:1/-1;display:flex;gap:25px;align-items:center;flex-wrap:wrap}.footer-brand p{margin-top:0;max-width:280px}.footer-brand .social-links{margin-top:0;margin-left:auto}.footer-bottom{align-items:flex-start}.product-hero .hero-visual{height:460px;margin-top:35px;transform:scale(.88);width:620px}.product-hero .hero-copy h1{font-size:clamp(40px,6vw,55px)}.product-hero .hero-mascot{left:-15px}.product-hero .phone{right:-5px}.tabs a{font-size:11px;padding:13px 8px}.tabs .icon{width:18px;height:18px}.contact-layout{grid-template-columns:1fr;gap:35px;max-width:680px;margin:auto}.contact-copy{text-align:center}.contact-copy .mascot{display:none}.contact-copy .check-list{justify-content:center;text-align:left}.auth-layout{grid-template-columns:1fr;max-width:510px;min-height:0}.auth-aside{display:none}.auth-form{padding:40px}.editorial{grid-template-columns:1fr;gap:25px}.toc{position:static;display:flex;flex-wrap:wrap;gap:10px 18px;border-bottom:1px solid var(--color-border);padding-bottom:22px}.toc strong{width:100%}.newsletter{grid-template-columns:1fr;gap:25px}.newsletter .inline-form{flex-direction:row}.grid-4{grid-template-columns:repeat(2,1fr)}.article-hero-image{height:290px}}
@media(max-width:600px){.container{width:calc(100% - 36px)}.header-inner{gap:9px}.brand{font-size:23px;gap:7px}.brand img{width:27px;height:29px}.header-actions .button{font-size:10px;padding:9px 12px;min-height:36px}.mobile-trigger{padding:8px 2px 8px 8px}.section{padding-block:44px}.section.compact{padding-block:30px}.hero{padding:30px 0 0}.hero-pill{font-size:8px;padding-right:9px;max-width:100%;margin-bottom:20px}.hero-copy h1{font-size:clamp(39px,9vw,52px);letter-spacing:-.055em;margin-bottom:19px}.hero-copy .lead{font-size:15px;line-height:1.75;max-width:390px}.button-group{gap:9px;margin-top:23px}.button{padding:12px 16px;font-size:12px;gap:8px}.microcopy{gap:8px 13px;font-size:8px}.hero-visual{width:550px;max-width:none;left:50%;margin-left:-275px;height:430px;transform:scale(.68);transform-origin:center top;margin-top:25px;margin-bottom:-100px}.hero-visual .phone-home{left:143px}.hero-visual .phone-send{left:340px}.hero-visual .hand-one{left:5px}.hero-visual .hand-two{right:-6px;font-size:24px}.hero-visual .hero-mascot{width:212px;left:0;bottom:-24px}.hero-visual::before{left:74px}.home-hero{overflow:hidden}.logo-strip{padding:25px 0 15px}.logo-strip>p{font-size:8px}.logo-row{gap:18px 28px;margin-top:18px}.demo-logo{font-size:16px}.demo-logo .icon{width:16px;height:16px}.logo-strip .demo-label{font-size:8px}.surface{padding:29px 23px;border-radius:var(--radius-md)}.section-header{margin-bottom:29px}.section-header h2{font-size:30px}.section-header p{font-size:14px}.eyebrow{font-size:9px;margin-bottom:14px}.steps{grid-template-columns:1fr;gap:27px}.step{display:grid;grid-template-columns:40px 1fr;column-gap:14px}.step .icon-box{width:40px;height:40px;grid-row:span 2;margin-bottom:0}.step-heading{align-self:center}.step p{padding-left:32px;grid-column:2;font-size:12px;margin-top:7px}.step::before{content:'';position:absolute;height:calc(100% + 14px);border-left:1px dashed var(--color-purple);left:19px;top:47px}.step:last-child::before{display:none}.grid-3,.grid-2{grid-template-columns:1fr;gap:16px}.grid-3>.pricing-card:last-child,.grid-3>.quote-card:last-child{grid-column:auto}.product-card{padding:21px;gap:16px}.product-card h3{font-size:14px}.product-card p{font-size:12px}.product-card>.icon{display:block}.product-card .icon-box{width:42px;height:42px}.split{grid-template-columns:1fr;gap:30px}.split.reverse .split-copy{order:0}.split-copy h2{font-size:32px;max-width:420px}.split-copy .lead{font-size:15px}.split-copy .check-list{gap:12px}.split-copy>.text-link,.split-copy>.button{margin-top:23px}.phone-visual{min-height:450px}.phone-visual .phone{width:214px;height:447px;margin-top:25px;margin-bottom:-30px}.phone-visual .mascot{width:155px;bottom:12px;right:12px}.send-section{padding:28px 20px}.wisp-flow{grid-template-columns:1fr;gap:22px;max-width:330px}.flow-card{min-height:85px}.flow-step h3{font-size:13px}.flow-complete{font-size:12px}.recognition-wall{padding:25px 20px}.recognition-note{padding:18px}.recognition-note:nth-child(2){margin-left:17px}.recognition-note:nth-child(3){margin-right:17px}.recognition-note strong{font-size:12px}.recognition-note p{font-size:12px}.recognition-note .avatar{width:32px;height:32px}.pulse-panel{padding:24px}.pulse-card{padding:23px}.pulse-card .mini-line{height:100px}.pulse-bars{gap:12px}.pulse-bar{grid-template-columns:85px 1fr 25px}.pulse-stats strong{font-size:24px}.analytics-showcase{padding-top:30px;border-radius:var(--radius-md)}.analytics-showcase .section-header{padding-inline:23px}.analytics-showcase .browser{width:calc(100% - 30px);margin-top:25px}.dashboard{grid-template-columns:1fr;min-height:0}.dash-sidebar{display:none}.dash-content{padding:17px}.dash-heading h2{font-size:15px}.dash-metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metric{padding:12px}.metric-label{font-size:8px}.metric-number{font-size:23px}.dashboard-chart{padding:13px}.dashboard-chart svg{height:100px}.dash-bottom{gap:9px}.dash-bottom .dashboard-chart{padding:12px 10px}.dash-bottom .dashboard-chart h3{font-size:9px}.bar-chart{gap:6px;padding-inline:3px;height:80px}.dashboard-chart .mini-network{height:80px}.analytics-benefits{grid-template-columns:1fr;gap:23px;margin-top:30px}.analytics-benefit h3{font-size:15px}.analytics-benefit p{font-size:13px}.network-panel{padding:28px 19px;min-height:0}.network-legend{gap:17px;margin-top:14px;font-size:9px}.culture-image{aspect-ratio:1.25}.culture-visual .mascot{width:140px;left:0;bottom:-12px}.role-teaser{display:block;padding:28px}.role-teaser h3{margin:18px 0 11px;font-size:20px}.role-teaser .text-link{margin-top:20px}.quote-card blockquote{font-size:15px}.cta-banner{padding:34px 25px;grid-template-columns:1fr;text-align:center;gap:15px}.cta-banner h2{font-size:32px}.cta-banner .lead{font-size:14px}.cta-banner .button-group,.cta-banner .microcopy{justify-content:center}.cta-banner .mascot{width:150px;margin:auto;grid-row:1}.cta-banner .connection-line{top:-30%;height:130%}.footer{padding-top:40px;margin-top:40px}.footer-top{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-brand{display:block}.footer-brand p{margin-top:15px;max-width:260px}.footer-brand .social-links{margin-top:17px}.footer h2{font-size:12px}.footer-links{font-size:12px;gap:9px}.footer-bottom{flex-direction:column;gap:17px;margin-top:30px}.footer-bottom-links{gap:15px;font-size:10px}.page-hero{padding:40px 0 30px}.page-hero h1{font-size:38px}.page-hero .lead{font-size:15px;margin-top:17px}.product-hero{overflow:hidden}.product-hero .hero-copy h1{font-size:40px}.product-hero .hero-visual{width:550px;height:420px;max-width:none;transform:scale(.65);margin-bottom:-140px;left:50%;margin-left:-275px;transform-origin:top center}.product-hero .browser{width:540px;left:-5px}.product-hero .dashboard{grid-template-columns:100px 1fr}.product-hero .dash-sidebar{display:block;padding:18px 8px}.product-hero .dash-content{padding:16px}.product-hero .dash-metrics{grid-template-columns:repeat(4,1fr);gap:6px}.product-hero .metric{padding:8px 5px}.product-hero .metric-label{font-size:7px}.product-hero .metric-number{font-size:18px}.product-hero .metric small{font-size:6px}.product-hero .phone{right:-5px;top:110px}.product-hero .hero-mascot{left:0;bottom:-35px;width:170px}.product-hero .handwritten{top:0;left:45px}.tabs{gap:3px;padding:5px;flex-wrap:wrap}.tabs a{flex:1 1 40%;padding:12px 8px;font-size:12px}.role-card{padding:30px 24px;min-height:0}.role-card h2{font-size:28px}.role-card .check-list li{font-size:13px}.privacy-principle{padding:25px 22px;gap:17px;margin-top:30px}.privacy-principle h2{font-size:17px}.privacy-principle p{font-size:12px}.pricing-card{padding:28px}.plan-heading h2{font-size:23px}.plan-heading .icon-box{width:44px;height:44px}.plan-heading p{font-size:12px}.price{font-size:36px}.price-caption{font-size:12px}.pricing-card .check-list li{font-size:13px}.pricing-card .button{width:100%}.pricing-toggle{margin-top:23px}.pricing-toggle button{padding:10px 14px}.comparison th,.comparison td{padding:15px 18px}.faq-button{font-size:13px;padding:19px 0}.faq-answer{font-size:13px}.article-art{height:170px}.article-card-body{padding:23px}.article-card h2{font-size:20px}.filter-row{gap:7px}.filter-button{font-size:10px;padding:8px 12px}.help-category{padding:22px}.form-grid{grid-template-columns:1fr;gap:16px}.field.full{grid-column:auto}.contact-layout{gap:30px}.contact-copy h1{font-size:40px}.contact-form{padding:25px 22px}.auth-layout{margin:30px 18px}.auth-form{padding:30px 24px}.auth-form h1{font-size:31px}.auth-form .brand{font-size:21px}.newsletter{padding:29px 23px}.newsletter h2{font-size:27px}.newsletter .inline-form{flex-direction:column}.newsletter .button{width:100%}.newsletter .field{width:100%}.article-header{padding-top:35px}.article-header h1{font-size:38px}.article-byline{font-size:10px;gap:10px}.article-hero-image{height:230px;margin:25px 0}.prose h2{font-size:26px;margin-top:32px}.prose p{font-size:14px}.prose blockquote{font-size:22px;padding-left:20px}.overview-metrics .metric{padding:20px}.overview-metrics .metric-number{font-size:28px}.overview-metrics .metric-label{font-size:10px}.donut-layout{gap:23px}.donut{width:125px;height:125px}.team-placeholder{padding:23px;gap:15px}.story-hero{padding:25px}.cookie-banner{padding:18px;bottom:12px;left:12px;width:calc(100vw - 24px)}.cookie-banner p{font-size:10px}.cookie-modal{padding:25px}.error-page .mascot{width:190px}.error-page h1{font-size:36px}}
@media(max-width:360px){.container{width:calc(100% - 28px)}.hero-copy h1{font-size:39px}.hero-pill{font-size:7px;gap:5px}.hero-visual{transform:scale(.58);margin-bottom:-143px}.hero-copy .lead{font-size:14px}.hero-copy .button-group .button{font-size:11px;padding:11px 13px}.microcopy{font-size:7px;gap:7px 10px}.product-hero .hero-visual{transform:scale(.55);margin-bottom:-185px}.surface{padding:26px 20px}.section-header h2,.split-copy h2{font-size:29px}.cta-banner{padding:30px 21px}.cta-banner h2{font-size:30px}.cta-banner .button{font-size:11px}.hero-visual .hand-two{right:0}.donut-layout{gap:15px}.donut{width:105px;height:105px}.chart-legend{font-size:10px}}
@media(max-width:820px){.hero-visual .hero-mascot{left:-40px;width:335px}.product-hero .hero-mascot{left:-35px;width:280px}.about-mascot-visual{min-height:350px}.about-mascot-visual .mascot{width:480px}.about-mascot-visual .handwritten{right:15px;top:28px;font-size:24px}}
@media(max-width:600px){.hero-visual{height:550px;margin-bottom:-160px}.hero-visual .hero-mascot{width:335px;left:-40px;bottom:0}.product-hero .hero-visual{height:510px;margin-bottom:-170px}.product-hero .hero-mascot{left:-30px;bottom:-15px;width:280px}.about-mascot-visual{min-height:280px;margin-top:28px}.about-mascot-visual .mascot{width:390px}.mascot-panel{min-height:280px}.featured-mascot .mascot{width:340px}.about-mascot-visual .handwritten{right:6px;top:32px;font-size:23px}.security-item h2{font-size:21px}.comparison-wrap:has(.comparison th:nth-child(2):last-child) .comparison{min-width:0}.prose .comparison th,.prose .comparison td{padding:14px 10px;font-size:10px}.prose .comparison th:first-child{width:45%}}
@media(max-width:360px){.hero-visual{margin-bottom:-205px}.product-hero .hero-visual{margin-bottom:-218px}}
@media(max-width:600px){.hero-visual .hand-two{display:none}.story-card{min-width:0}.story-hero{padding:24px 18px;align-items:flex-start}.story-hero>div{min-width:0}.story-hero h2{font-size:21px}.pricing-toggle{max-width:100%;flex-wrap:wrap;justify-content:center}.prose .comparison{min-width:0}.about-mascot-visual{min-width:0}}
@media(max-width:430px){.hero-visual{transform:scale(.64);margin-bottom:-174px}}
@media(max-width:390px){.hero-visual{transform:scale(.60);margin-bottom:-196px}}
.hero-visual .hand-two{top:-48px;right:0}
@media(max-width:600px){.hero-visual .hand-two{display:none}}
.brand{gap:0;line-height:0}
.brand .brand-lockup{display:block;width:158px;height:auto;max-width:100%}
.dash-sidebar .brand .brand-lockup{width:90px}
@media(max-width:600px){.brand .brand-lockup{width:124px}}
@media(max-width:360px){.brand .brand-lockup{width:112px}}
@media(max-width:360px){.hero-visual{transform:scale(.55);margin-bottom:-223px}.story-hero{display:block}.story-hero .icon-box{margin-bottom:16px}}
@media(min-width:821px) and (max-width:1190px){.hero-visual,.product-hero .hero-visual{transform-origin:left center}}
@media(max-width:820px){.product-hero .hero-copy h1{font-size:clamp(40px,6vw,55px)}}
@media(max-width:600px){.product-hero .hero-copy h1{font-size:40px}.team-wide-image{aspect-ratio:1.4}}

/* CTA mascot gets a full walking lane at each responsive size. */
@media(min-width:601px) and (max-width:820px){.cta-banner{grid-template-columns:minmax(0,1fr) 220px}.cta-banner .mascot{width:120px;--walk-left:-46px;--walk-quarter-left:-23px;--walk-right:46px;--walk-quarter-right:23px}}
@media(max-width:600px){.cta-banner .mascot{--walk-left:-64px;--walk-quarter-left:-32px;--walk-right:64px;--walk-quarter-right:32px}}

/* App access link (WISP-691): shown only when the environment configures the app URL. */
.mobile-app-link{margin-top:20px;justify-content:center}
.header-app-link{white-space:nowrap}
/* On narrow screens the app link takes the header slot of "Subscribe", which stays in the hero and in Pricing. */
@media(max-width:600px){.header-actions .header-app-link{padding-inline:9px}}
@media(max-width:440px){.header-actions>.button-primary{display:none}}
@media(min-width:821px){.mobile-app-link{display:none}}

/* Inline help (WISP-645): a disclosure next to an alert, so the page keeps its state. */
.help-inline{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);padding:0 20px;margin:-10px 0 25px}
.help-inline summary{cursor:pointer;font-weight:700;color:var(--color-navy);padding:14px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.help-inline summary::-webkit-details-marker{display:none}
.help-inline summary::after{content:"+";font-size:20px;line-height:1;color:var(--color-violet)}
.help-inline[open] summary::after{content:"\2212"}
.help-inline dl{margin:0;display:grid;gap:14px;padding-bottom:6px}
.help-inline dt{font-weight:700;color:var(--color-navy);font-size:14px}
.help-inline dd{margin:2px 0 0;color:var(--color-text-muted);font-size:14px}
.help-inline .help-note{font-size:14px;padding:10px 0 16px;margin:0}

/* Cookie preferences (WISP-669): current state, consequences and the persistent policy link. */
.cookie-status{font-weight:700;color:var(--color-navy);margin:12px 0}
.cookie-option>span>span{display:block;margin-top:4px}
.cookie-meaning{display:grid;gap:10px;margin:12px 0 22px}
.cookie-banner .text-link{align-self:center}