:root{--ink:#161932;--muted:#5a6279;--purple:#6932cc;--blue:#345cdb;--pink:#c22b89;--line:#e7e6f1;--radius:24px;--header:126px;--font-body:Inter,"Segoe UI",Arial,sans-serif;--font-heading:"Inter Display",Inter,"Segoe UI",Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 24px)}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}svg{display:block}button:disabled{cursor:default}button,a,summary{touch-action:manipulation}p{margin:0 0 1em}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:750;color:var(--ink);line-height:1.13;margin:0 0 .5em;letter-spacing:-.035em}h1{font-size:clamp(2.65rem,5.1vw,4.3rem)}h2{font-size:clamp(2rem,3.4vw,2.9rem)}h3{font-size:1.38rem;line-height:1.3;letter-spacing:-.02em}h4{font-size:1.15rem;letter-spacing:-.015em}small{font-size:.8rem}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #5929b8;outline-offset:5px;border-radius:6px}a,button,summary{transition:background .2s,color .2s,box-shadow .2s,transform .2s}a:hover{color:var(--purple)}[hidden]{display:none!important}.wrap{width:min(1232px,calc(100% - 64px));margin-inline:auto}.narrow{max-width:800px}.section{padding:92px 0}.section-sm{padding:54px 0}.muted{color:var(--muted)}.lead{font-size:1.16rem;line-height:1.75;color:var(--muted);max-width:660px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;letter-spacing:.12em;font-weight:750;text-transform:uppercase;color:#5832a7;margin:0 0 18px}.eyebrow.pill{background:#ffffffc9;border:1px solid #e5dcff;padding:7px 13px;border-radius:100px}.dot{width:7px;height:7px;background:#21b79d;border-radius:50%;display:inline-block;flex:0 0 auto}.gradient-text{background:linear-gradient(110deg,#2563d9 5%,#8135c7 50%,#c52a8c 90%);background-size:200% 200%;color:transparent;-webkit-background-clip:text;background-clip:text;animation:gradient-flow 10s ease infinite}.section-head{text-align:center;max-width:770px;margin:0 auto 44px}.section-head p{color:var(--muted);font-size:1.1rem;margin:14px 0 0}.section-head .eyebrow{margin-bottom:13px}.head-row{display:flex;gap:30px;align-items:end;justify-content:space-between;margin-bottom:38px}.head-row h2{margin-bottom:12px}.head-row p{margin:0;max-width:650px;color:var(--muted)}.soft-blue{background:linear-gradient(125deg,#f0faff,#f7f1ff 57%,#fff2fa)}.soft-warm{background:linear-gradient(125deg,#fffced,#fff4f9 52%,#fff1e9)}.soft-green{background:linear-gradient(120deg,#effcf7,#f2fff4 50%,#eefdfe)}.soft-rainbow{background:linear-gradient(125deg,#e8faff,#f1e9ff 45%,#ffeaf5 75%,#fff8df)}.text-link{color:var(--purple);font-weight:680;display:inline-flex;align-items:center;gap:8px;font-size:.94rem}.text-link:hover{gap:13px}.buttons{display:flex;flex-wrap:wrap;gap:13px;margin:27px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:13px 23px;border:1px solid transparent;border-radius:100px;font-size:.95rem;line-height:1.4;font-weight:700;text-align:center;min-height:49px;white-space:normal}.btn-primary{color:#fff;background:linear-gradient(115deg,#445cdd,#7931cf 65%,#a238b4);box-shadow:0 6px 20px #7240c52b}.btn-primary:hover{color:white;transform:translateY(-2px);box-shadow:0 12px 25px #7240c540}.btn-secondary{border-color:#bcb0e5;color:#6439b1;background:#ffffffad}.btn-secondary:hover{background:#f2eaff;transform:translateY(-2px)}.btn-small{font-size:.82rem;min-height:40px;padding:10px 17px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;color:var(--purple);padding:15px;border:2px solid var(--purple)}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:50;background:#fffffff2;backdrop-filter:blur(18px);border-bottom:1px solid #edeaf5}.brand-row{display:flex;align-items:center;justify-content:center;padding:18px 0 10px;position:relative}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:2.1rem;font-weight:800;letter-spacing:-1.2px;line-height:1.25}.brand img{width:32px;height:32px}.nav-links{display:flex;align-items:center;justify-content:center;gap:28px;padding:12px 0 18px;list-style:none;margin:0;font-size:.85rem;font-weight:600}.nav-links a{position:relative;display:block}.nav-links a[aria-current=page]{color:var(--purple)}.nav-links a[aria-current=page]:after{content:'';position:absolute;bottom:-8px;left:25%;right:25%;height:3px;border-radius:5px;background:linear-gradient(90deg,#45d2e2,#a263e9,#f092ca)}.menu-toggle{display:none;border:1px solid #e3dcf5;border-radius:12px;padding:9px 12px;background:#faf7ff;color:#55358b;font-weight:650;font-size:.83rem}.hero{padding:82px 0 80px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:60px;align-items:center}.hero h1{font-size:clamp(2.8rem,4.4vw,4.15rem);line-height:1.07;letter-spacing:-.055em;margin-bottom:24px}.hero h1 .gradient-text{display:block;margin-top:9px}.hero p{font-size:1.1rem;color:#555c78;line-height:1.8;max-width:510px}.hero .buttons{margin:28px 0 24px}.value-pills{display:flex;flex-wrap:wrap;gap:15px 21px;font-size:.79rem;font-weight:600;color:#53596f}.value-pills span{display:inline-flex;gap:7px;align-items:center}.hero-visual{position:relative;padding:18px 0 32px;min-width:0}.hero-visual:before{content:'';position:absolute;inset:25px -30px -8px;background:radial-gradient(ellipse at 20% 70%,#65e4e994,transparent 65%),radial-gradient(ellipse at 90% 20%,#b588fc70,transparent 65%);filter:blur(23px)}.sticker{position:absolute;z-index:2;background:#ffffffef;border:1px solid #e8dff5;box-shadow:0 8px 26px #3b326010;border-radius:16px;display:flex;gap:9px;align-items:center;padding:12px 16px;font-size:.8rem;font-weight:650;animation:float 7s ease-in-out infinite}.sticker.top{right:-12px;top:-7px;transform:rotate(3deg)}.sticker.bottom{left:-14px;bottom:3px;animation-delay:-3s}.sticker .emoji{font-size:1.5rem}.dashboard{background:#fff;border:1px solid #e8e3f1;border-radius:24px;box-shadow:0 20px 55px #53339119;position:relative;overflow:hidden;min-width:0}.dash-chrome{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #edeaf4;padding:13px 19px;background:#fbfaff;font-size:.67rem;color:#74758e}.window-dots{display:flex;gap:6px}.window-dots i{width:7px;height:7px;background:#ff9dc0;border-radius:50%}.window-dots i:nth-child(2){background:#ffe17c}.window-dots i:nth-child(3){background:#9ce8cf}.demo-badge{color:#5c458b;background:#ede8fa;padding:3px 8px;font-size:.62rem;font-weight:750;border-radius:100px;white-space:nowrap}.dash-inner{padding:22px}.dash-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px}.dash-title h2,.dash-title h3{font-size:1.06rem;margin:0 0 3px;letter-spacing:-.025em}.dash-title p{font-size:.71rem;line-height:1.4;color:#747891;margin:0}.range-button{border:1px solid #e4dfed;background:#fff;border-radius:8px;padding:6px 9px;font-size:.63rem;font-weight:650;white-space:nowrap}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kpi{padding:13px 11px;background:linear-gradient(135deg,#f1f8ff,#f7f2ff);border:1px solid #e9e6f6;border-radius:12px}.kpi:nth-child(2){background:linear-gradient(135deg,#f6f0ff,#fff4fa)}.kpi:nth-child(3){background:linear-gradient(135deg,#edf9f4,#f7fbeb)}.kpi-label{font-size:.63rem;color:#6c7189;display:block}.kpi-value{font-size:1.42rem;font-weight:800;line-height:1.4;letter-spacing:-.03em}.kpi-detail{font-size:.58rem;color:#687285}.dash-chart{border:1px solid #eeebf6;border-radius:12px;margin-top:15px;padding:14px 14px 8px}.chart-label-row{display:flex;justify-content:space-between;font-size:.67rem;margin-bottom:7px}.chart-label-row strong{font-weight:650}.chart-label-row span{color:#818298}.chart-svg{width:100%;height:auto;overflow:visible}.chart-axis{display:flex;justify-content:space-between;font-size:.6rem;color:#7a7f93;margin-top:3px}.dash-browsers{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:17px}.dash-browser{display:flex;align-items:center;gap:5px;font-size:.65rem;color:#666b81}.dash-browser img{width:19px;height:19px}.browser-strip{padding:43px 0 39px;overflow:hidden}.strip-title{text-align:center;font-size:.83rem;font-weight:650;color:#69708a;margin-bottom:23px}.marquee{overflow:hidden;position:relative;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 42s linear infinite;gap:16px;padding:6px 0}.marquee-group{display:flex;gap:16px;align-items:center}.browser-pill{display:inline-flex;align-items:center;gap:12px;padding:11px 24px;border-radius:100px;white-space:nowrap;background:#f6f2ff;border:1px solid #ece3fc;color:#4d4076;font-size:1rem;font-weight:650}.browser-pill img{width:29px;height:29px}.browser-pill:nth-child(3n+1){background:#eff9ff;border-color:#dfedf6}.browser-pill:nth-child(3n+2){background:#fff4f8;border-color:#f6e4ef}.marquee:hover .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.cards-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{display:flex;flex-direction:column;background:white;border:1px solid var(--card-border,#dce6f8);border-radius:22px;padding:29px;box-shadow:0 6px 14px #26395805;transition:transform .25s,box-shadow .25s,border-color .25s}.feature-card:hover{transform:translateY(-6px);box-shadow:0 14px 36px #56417714;border-color:#c1a3e8}.feature-card .icon-tile{width:54px;height:54px;display:grid;place-items:center;font-size:1.8rem;border-radius:17px;background:var(--tile-bg,#eef3ff);margin-bottom:20px}.feature-card p{font-size:.94rem;line-height:1.75;color:var(--muted);margin-bottom:20px}.feature-card .text-link{margin-top:auto;font-size:.82rem}.feature-card:nth-child(2n){--card-border:#e7dafa;--tile-bg:#f6edff}.feature-card:nth-child(3n){--card-border:#f0d9e7;--tile-bg:#fff0f8}.feature-card:nth-child(4n){--card-border:#d1ebe5;--tile-bg:#eafbf4}.feature-card:nth-child(5n){--card-border:#e0e0fa;--tile-bg:#f0f0ff}.feature-card:nth-child(6n){--card-border:#f0dfc6;--tile-bg:#fff6df}.split{display:grid;grid-template-columns:1fr 1fr;gap:66px;align-items:center}.split h2{margin:0 0 19px}.split p{color:var(--muted);font-size:1.04rem}.stat-list{display:grid;gap:12px;margin-top:24px}.stat-row{background:linear-gradient(110deg,#f6f5ff,#f2faff);border:1px solid #e9e4f7;padding:15px 19px;border-radius:15px}.stat-meta{display:flex;align-items:center;justify-content:space-between;font-size:.86rem;font-weight:650;margin-bottom:10px}.stat-meta span{display:flex;align-items:center;gap:10px}.stat-meta img{width:23px;height:23px}.bar{height:7px;background:#e5e2f0;border-radius:100px;overflow:hidden}.bar span{height:100%;background:linear-gradient(90deg,#678aee,#a279e6);display:block;border-radius:100px}.stat-row:nth-child(2) .bar span{background:linear-gradient(90deg,#e887c8,#b482e8)}.stat-row:nth-child(3) .bar span{background:linear-gradient(90deg,#f4b769,#f092b6)}.small-note{font-size:.75rem!important;color:#6a7085!important;margin:13px 0 0}.browser-art{border-radius:28px;background:linear-gradient(130deg,#e2f9ff,#f2e4ff 55%,#ffe8f4);padding:36px;position:relative;border:1px solid #e7e7f5}.browser-art .inner-card{background:white;border-radius:20px;padding:27px;box-shadow:0 12px 40px #5e429918}.browser-art-title{display:flex;justify-content:space-between;align-items:center;font-size:.86rem;font-weight:700}.donut-row{display:flex;align-items:center;justify-content:space-around;gap:30px;margin:30px 0}.donut{width:168px;height:168px;border-radius:50%;background:conic-gradient(#7b57df 0 56%,#52c9e4 56% 80%,#e494d8 80% 89%,#9acf87 89% 95%,#f0c778 95% 98%,#c6c3d8 98%);display:grid;place-items:center;position:relative;flex:0 0 auto}.donut:before{content:'';position:absolute;inset:24px;border-radius:50%;background:white}.donut-center{position:relative;text-align:center}.donut-center strong{font-size:1.9rem;line-height:1.3;display:block}.donut-center small{color:#79778e;font-size:.63rem}.legend{display:grid;gap:12px;font-size:.78rem}.legend span{display:flex;align-items:center;gap:8px}.legend i{width:8px;height:8px;border-radius:3px;background:var(--legend)}.art-bottom{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;gap:15px;font-size:.7rem;color:#7d8198}.art-bottom strong{color:#524477}.journey-panel{border-radius:25px;padding:28px;background:white;border:1px solid #e6d8f6;box-shadow:0 10px 25px #67479309}.journey-step{display:flex;gap:15px;align-items:center;padding:17px;border-radius:16px;background:#f4efff}.journey-step:nth-of-type(3){background:#fff0f8}.journey-step:nth-of-type(5){background:#edf9f3}.step-num{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:white;color:var(--purple);font-weight:750;font-size:.85rem}.journey-step h3{font-size:.95rem;margin:0 0 3px}.journey-step p{font-size:.76rem;margin:0;color:#71758b}.step-arrow{height:24px;padding-left:35px;color:#b19bdf;line-height:24px}.mini-checks{display:grid;gap:15px;margin:24px 0}.mini-checks span{display:flex;gap:12px;align-items:flex-start;font-size:.95rem;color:#565e72}.mini-checks b{color:#279c7a;font-weight:700}.signal-banner{padding:22px 0;border-top:1px solid #eee1fa;border-bottom:1px solid #eee1fa;background:linear-gradient(95deg,#effaff,#f7eeff,#fff4e9);overflow:hidden}.signal-banner .marquee-track{animation-duration:50s}.signal-item{display:inline-flex;align-items:center;gap:15px;font-size:1.1rem;font-weight:700;color:#71518e;padding:0 22px;white-space:nowrap}.signal-item i{font-style:normal;font-size:1.45rem}.integration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.integration-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:white;border:1px solid #dbebe5;border-radius:20px;padding:28px 18px}.integration-card .emoji{font-size:2rem;margin-bottom:15px}.integration-card h3{font-size:1rem;margin-bottom:5px}.integration-card p{font-size:.8rem;color:var(--muted);margin:0}.integration-card:hover{transform:translateY(-5px);box-shadow:0 12px 26px #29684f10;border-color:#96d5bd}.pricing-card{position:relative;padding:32px 28px;background:#fcfdff;border:1px solid #dddff4;border-radius:24px;display:flex;flex-direction:column}.pricing-card.featured{border:2px solid #b18de3;background:linear-gradient(140deg,#fbf7ff,#fff6fb);box-shadow:0 16px 36px #986ac719}.plan-label{color:#79559f;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.pricing-card h3{margin-top:12px}.price{font-size:2.4rem;line-height:1.4;letter-spacing:-.045em;font-weight:800;margin:8px 0 0}.price small{font-size:.85rem;font-weight:450;letter-spacing:0;color:#73758a}.pricing-card>p{font-size:.87rem;color:var(--muted)}.pricing-card ul{margin:20px 0 28px;padding:0;list-style:none;font-size:.89rem;display:grid;gap:12px}.pricing-card li:before{content:'✓';color:#278969;font-weight:750;margin-right:10px}.pricing-card .btn{margin-top:auto}.plan-badge{position:absolute;left:50%;top:-15px;transform:translateX(-50%);background:linear-gradient(90deg,#7453dc,#a245bf);color:white;border-radius:100px;padding:5px 15px;font-size:.7rem;white-space:nowrap;font-weight:700}.blog-card{border:1px solid #ece1e7;border-radius:23px;overflow:hidden;background:white;box-shadow:0 6px 18px #39254405;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.blog-card:hover{transform:translateY(-7px);box-shadow:0 17px 32px #76554916}.blog-card-img{display:block;overflow:hidden;background:#f4ecff}.blog-card-img img{aspect-ratio:1/1;width:100%;object-fit:cover;transition:transform .6s}.blog-card:hover img{transform:scale(1.035)}.blog-card-body{padding:23px;display:flex;flex-direction:column;flex:1}.category{display:inline-flex;width:fit-content;padding:4px 11px;background:#f2eaff;color:#6531a6;font-size:.67rem;font-weight:750;border-radius:100px;letter-spacing:.02em}.blog-card h3{font-size:1.19rem;line-height:1.35;margin:14px 0 12px}.blog-card p{font-size:.86rem;line-height:1.7;color:var(--muted)}.post-meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:.73rem;color:#78778a}.blog-card .post-meta{margin-top:auto;padding-top:16px;border-top:1px solid #eeeaf3}.blog-card .post-meta .arrow{margin-left:auto;color:var(--purple);font-size:1.1rem}.faq-list{display:grid;gap:13px;max-width:880px;margin:auto}.faq-item{background:linear-gradient(100deg,#f4f5ff,#faf3ff);border:1px solid #e5ddf6;border-radius:17px;overflow:hidden}.faq-item:nth-child(2n){background:linear-gradient(100deg,#effaff,#f5f8ff);border-color:#dcebf6}.faq-item:nth-child(3n){background:linear-gradient(100deg,#fff7ea,#fff3f8);border-color:#f0e5d9}.faq-item summary{padding:21px 24px;font-size:.99rem;font-weight:650;list-style:none;cursor:pointer;display:flex;gap:15px;align-items:center;justify-content:space-between;line-height:1.4}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';font-size:1.4rem;line-height:1;color:#8351bd;font-weight:450;flex:0 0 auto}.faq-item[open] summary:after{content:'−'}.faq-answer{padding:0 24px 22px;color:#62647e;font-size:.95rem}.faq-answer p:last-child{margin:0}.cta-panel{text-align:center;padding:55px 30px;border:1px solid #e5ddf2;border-radius:28px;background:linear-gradient(120deg,#ebf7ff,#f2eaff 50%,#ffeaf4);position:relative;overflow:hidden}.cta-panel h2{font-size:clamp(2rem,3vw,2.8rem)}.cta-panel p{max-width:580px;margin:16px auto;color:#5c5e7b}.cta-panel .buttons{justify-content:center;margin-bottom:0}.footer{padding:63px 0 24px;background:linear-gradient(140deg,#f9f7ff,#f1f8ff 52%,#fff5f9);border-top:1px solid #e7dff2}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:37px}.footer-brand .brand{font-size:1.5rem}.footer-brand p{font-size:.86rem;color:#697189;max-width:265px;margin:15px 0}.footer-brand>a:not(.brand){color:#664399;font-size:.83rem}.footer-col h2{font-family:var(--font-body);font-size:.79rem;letter-spacing:.055em;text-transform:uppercase;font-weight:750;margin:7px 0 19px;color:#3b3652}.footer-col ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:.81rem;color:#71708b}.footer-bottom{margin-top:44px;padding-top:20px;border-top:1px solid #e6dfef;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.74rem;color:#7b788e}.footer-bottom p{margin:0}.motion-toggle{border:1px solid #dcd3ed;padding:7px 12px;border-radius:100px;color:#644982;background:#ffffffb0;font-size:.72rem;min-height:36px}.rainbow-rule{height:3px;background:linear-gradient(90deg,#4edfe6,#8660de,#ee83ca,#fed888,#b7e886)}.breadcrumbs{font-size:.75rem;color:#777488;padding:24px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.breadcrumbs a{color:#6d43a7}.page-hero{padding:43px 0 57px;border-bottom:1px solid #ede6f5}.page-hero h1{max-width:880px;margin:0 0 20px;font-size:clamp(2.4rem,4.1vw,3.6rem)}.page-hero .lead{max-width:800px}.page-hero .buttons{margin-bottom:0}.page-content{padding:62px 0 76px}.info-panel{padding:29px;background:#f6f2ff;border:1px solid #e5dcf5;border-radius:22px}.info-panel p{color:#696680;font-size:.93rem}.info-panel h3{font-size:1.16rem}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;counter-reset:steps;margin-top:35px}.step-card{padding:28px;border:1px solid #e9e3f3;border-radius:22px;background:white}.step-card:before{counter-increment:steps;content:'0' counter(steps);display:block;font-size:.8rem;letter-spacing:.08em;font-weight:750;color:#8053b8;margin-bottom:21px}.step-card p{font-size:.95rem;color:var(--muted);margin:0}.content-section{margin:0 0 48px;scroll-margin-top:160px}.content-section:last-child{margin-bottom:0}.content-section h2{font-size:1.9rem;margin-bottom:18px}.content-section>p{max-width:820px;color:var(--muted)}.prose{font-size:1.045rem;line-height:1.9;color:#484d67}.prose p{margin:0 0 1.4em}.prose h2{font-size:1.75rem;line-height:1.25;margin:2.1em 0 .85em;scroll-margin-top:155px}.prose h3{font-size:1.2rem;line-height:1.4;margin:1.6em 0 .75em;scroll-margin-top:155px}.prose a{color:#6535ad;text-decoration:underline;text-decoration-color:#c3ade5;text-underline-offset:4px}.prose strong{color:#30324e;font-weight:700}.prose ul,.prose ol{padding-left:22px;margin:0 0 1.5em}.prose li{margin:8px 0}.prose code{font-size:.85em;padding:3px 6px;background:#f1edfa;color:#65419d;border-radius:4px;overflow-wrap:anywhere}.prose pre{font-size:.85rem;line-height:1.7;background:#f6f2ff;border:1px solid #e5daf5;border-radius:17px;padding:22px;overflow:auto;white-space:pre-wrap;word-break:break-word}.prose pre code{background:none;padding:0;font-size:inherit}.prose>p:first-child{font-size:1.14rem;color:#555471;line-height:1.85}.callout{background:linear-gradient(100deg,#f0f9ff,#f7f0ff);border-left:4px solid #9c7bdf;padding:23px 25px;border-radius:0 16px 16px 0;margin:28px 0;font-size:.94rem;color:#605b77}.chips{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #e0d8ef;background:white;border-radius:100px;padding:8px 16px;font-size:.78rem;font-weight:600;min-height:38px;color:#746188}.chip.active,.chip:hover{color:#6135a6;background:#f3ebff;border-color:#c6b2e8}.article-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:66px;align-items:center;padding-bottom:65px}.article-hero h1{font-size:clamp(2.25rem,3.65vw,3.4rem);line-height:1.13;margin:18px 0}.article-hero .lead{font-size:1.04rem}.article-hero img{border-radius:24px;max-width:385px;justify-self:end;box-shadow:0 15px 40px #60428215}.article-hero .post-meta{margin-top:23px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 265px;gap:75px;align-items:start}.toc{position:sticky;top:calc(var(--header) + 23px);border:1px solid #e5ddf1;border-radius:20px;padding:25px;background:#fcfaff;font-size:.8rem;color:#716381;max-height:calc(100vh - 185px);overflow:auto}.toc h2{font-size:.79rem;text-transform:uppercase;letter-spacing:.09em;margin-bottom:18px;color:#694796}.toc ol{padding:0;list-style:none;display:grid;gap:12px;margin:0}.toc a{display:block;line-height:1.5}.toc-footer{border-top:1px solid #e5dcee;margin-top:22px;padding-top:18px;font-size:.72rem}.tags-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:40px;padding-top:25px;border-top:1px solid #e8e0f0}.reading-progress{position:fixed;left:0;top:0;height:3px;background:linear-gradient(90deg,#46d0dc,#935ae3,#ed7ebd);width:0;z-index:70}.data-table-wrap{overflow:auto;border:1px solid #e5deef;border-radius:17px;background:white}.data-table{width:100%;border-collapse:collapse;text-align:left;white-space:normal;min-width:460px;font-size:.85rem}.data-table caption{text-align:left;font-size:.8rem;color:#6e637d;padding:15px 19px;background:#faf6ff}.data-table th{font-size:.71rem;text-transform:uppercase;letter-spacing:.04em;color:#78678d;background:#f6f0fc;padding:14px 19px;white-space:nowrap}.data-table td{padding:14px 19px;border-top:1px solid #eee7f5;color:#4d4b65}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.data-table td img{width:23px;height:23px;display:inline-block;vertical-align:middle;margin-right:9px}.demo-controls{display:flex;justify-content:space-between;gap:17px;align-items:center;flex-wrap:wrap;margin-bottom:23px}.segmented{display:flex;gap:4px;padding:5px;border:1px solid #dfd5ed;border-radius:100px;background:#faf7ff}.segmented button{border:0;background:transparent;border-radius:100px;padding:9px 17px;font-size:.8rem;color:#70617f;font-weight:650}.segmented button[aria-pressed=true]{background:white;color:#6738ab;box-shadow:0 2px 9px #52377614}.full-demo{padding:30px;background:linear-gradient(140deg,#f5faff,#faf5ff);border:1px solid #e0e2f1;border-radius:26px}.full-demo .kpis{grid-template-columns:repeat(4,1fr);gap:17px}.full-demo .kpi{background:white;padding:22px 20px}.full-demo .kpi-value{font-size:2rem}.full-demo .kpi-label{font-size:.79rem}.full-demo .kpi-detail{font-size:.67rem;margin-top:4px}.full-demo .dash-chart{background:white;margin:22px 0;padding:22px}.full-demo .chart-label-row{font-size:.84rem}.full-demo .chart-axis{font-size:.75rem}.full-demo .chart-svg{max-height:290px}.status-message{font-size:.82rem;color:#66527d;margin-top:14px;min-height:1.4em}.resource-card{padding:28px;border:1px solid #e1d7f0;border-radius:20px;background:#fff;display:flex;gap:20px;align-items:start}.resource-card .emoji{font-size:2.2rem}.resource-card h3{font-size:1.1rem;margin-bottom:10px}.resource-card p{font-size:.9rem;color:var(--muted)}.resource-list{display:grid;gap:19px}.copy-panel{border:1px solid #e3d8f0;border-radius:18px;overflow:hidden;background:#faf7ff}.copy-panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#f1eafd;font-size:.82rem;font-weight:650;color:#614286}.copy-panel pre{white-space:pre-wrap;word-break:break-word;margin:0;padding:25px;color:#5d4381;font-family:ui-monospace,monospace;font-size:.85rem;line-height:1.75}.contact-email{font-size:clamp(1.15rem,2.8vw,2rem);font-weight:750;color:#7144b2;overflow-wrap:anywhere}.sitemap-columns{columns:3;column-gap:50px}.sitemap-group{break-inside:avoid;margin:0 0 32px}.sitemap-group h2{font-size:1.25rem}.sitemap-group ul{padding:0;list-style:none;display:grid;gap:9px;font-size:.9rem;color:#6e577e}.archive-intro{max-width:850px}.archive-context{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0 42px}.archive-context div{padding:23px;background:#fff;border:1px solid #e8e0f2;border-radius:18px}.archive-context h2{font-size:1rem}.archive-context p{font-size:.87rem;color:var(--muted);margin:0}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused{scroll-behavior:auto}.motion-paused .feature-card:hover,.motion-paused .blog-card:hover,.motion-paused .btn:hover,.motion-paused .integration-card:hover{transform:none}.print-only{display:none}@keyframes marquee{to{transform:translateX(calc(-50% - 8px))}}@keyframes gradient-flow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(min-width:1550px){.hero{padding:98px 0}.hero h1{font-size:4.4rem}}
@media(max-width:1120px){:root{--header:92px}.brand-row{padding:19px 0;justify-content:space-between}.brand{font-size:1.9rem}.menu-toggle{display:block}.nav-links{gap:12px 24px;flex-wrap:wrap;padding:12px 0 23px}.js .nav-links{display:none}.js .nav-links.is-open{display:flex}.site-header .wrap{position:relative}.hero-grid{gap:35px}.hero h1{font-size:3.3rem}.dash-inner{padding:18px}.dash-title h3{font-size:.96rem}.dash-browser{font-size:.58rem}.sticker{padding:10px;font-size:.7rem}.kpi-value{font-size:1.24rem}.split{gap:40px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:30px}.footer-brand{grid-row:span 2}.article-layout{grid-template-columns:minmax(0,1fr) 220px;gap:42px}.article-hero{gap:40px}.browser-art{padding:25px}.donut{width:140px;height:140px}.legend{font-size:.71rem}.donut-row{gap:20px}}
@media(max-width:850px){.wrap{width:calc(100% - 42px)}.section{padding:67px 0}.hero{padding:54px 0 59px}.hero-grid,.split{grid-template-columns:1fr;gap:39px}.hero h1{max-width:650px;font-size:clamp(2.7rem,7vw,4rem)}.hero p{max-width:640px}.hero-visual{width:min(600px,100%);margin:auto}.dashboard{border-radius:22px}.hero-visual .dash-title h3{font-size:1.05rem}.hero-visual .kpi-value{font-size:1.6rem}.dash-browser{font-size:.75rem}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-grid{grid-template-columns:1fr;gap:16px}.step-card{padding:23px}.step-card:before{margin-bottom:13px}.head-row{align-items:start}.head-row .text-link{flex-shrink:0}.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{margin-top:12px}.split .browser-art{max-width:600px;width:100%;margin:auto}.article-layout{display:flex;flex-direction:column;gap:30px}.toc{position:static;width:100%;max-height:none;order:-1}.toc ol{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}.toc-footer{display:none}.article-hero{gap:28px;grid-template-columns:1.4fr 1fr}.article-hero h1{font-size:2.2rem}.article-hero .lead{font-size:.93rem}.archive-context{grid-template-columns:1fr}.sitemap-columns{columns:2}.full-demo .kpis{grid-template-columns:repeat(2,1fr)}.page-hero{padding:35px 0 45px}.page-content{padding:42px 0 56px}}
@media(max-width:550px){:root{--header:77px}.wrap{width:calc(100% - 32px)}body{font-size:15px}.brand-row{padding:16px 0}.brand{font-size:1.53rem;gap:7px;letter-spacing:-.8px}.brand img{width:25px;height:25px}.menu-toggle{font-size:.72rem;padding:8px 10px}.nav-links{justify-content:start;display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;max-height:calc(100dvh - 95px);overflow:auto;padding:6px 0 18px;font-size:.85rem}.js .nav-links.is-open{display:grid}.nav-links a{padding:10px 4px}.nav-links a[aria-current=page]:after{display:none}.hero{padding-top:36px}.hero h1{font-size:2.8rem;line-height:1.075;letter-spacing:-.05em}.hero p{font-size:1rem;line-height:1.75}.eyebrow{font-size:.67rem;letter-spacing:.08em}.hero .btn{padding:13px 18px;font-size:.84rem}.value-pills{gap:12px;font-size:.67rem}.hero-visual{padding-top:15px;padding-bottom:25px}.sticker{font-size:.65rem;border-radius:12px}.sticker .emoji{font-size:1.13rem}.sticker.top{right:-4px;top:-5px}.sticker.bottom{left:-4px;bottom:2px}.dash-inner{padding:16px 13px}.dash-title{margin-bottom:14px}.dash-title h3{font-size:.91rem!important}.dash-title p{font-size:.61rem}.dash-chrome{padding:10px 14px;font-size:.56rem}.kpis{gap:7px}.kpi{padding:10px 8px}.kpi-value,.hero-visual .kpi-value{font-size:1.22rem}.kpi-label{font-size:.56rem}.kpi-detail{font-size:.52rem}.dash-chart{margin-top:11px;padding:10px}.dash-browsers{padding-top:13px;gap:6px;flex-wrap:wrap}.dash-browser{font-size:.6rem}.dash-browser img{width:17px;height:17px}.browser-strip{padding:28px 0}.browser-pill{padding:10px 18px;font-size:.87rem;gap:9px}.browser-pill img{width:24px;height:24px}.section{padding:52px 0}.section-sm{padding:38px 0}.section-head{margin-bottom:28px}.section-head p{font-size:.97rem}.cards-grid,.cards-grid.two{grid-template-columns:1fr;gap:17px}.feature-card{padding:24px}.feature-card .icon-tile{width:47px;height:47px;font-size:1.6rem;margin-bottom:16px}.feature-card h3{font-size:1.25rem}.feature-card p{font-size:.92rem}.head-row{flex-direction:column;gap:18px}.split{gap:30px}.split p{font-size:.98rem}.browser-art{padding:20px}.browser-art .inner-card{padding:20px}.donut-row{gap:12px;margin:27px 0}.donut{width:132px;height:132px}.donut:before{inset:20px}.donut-center strong{font-size:1.6rem}.legend{font-size:.66rem;gap:9px}.art-bottom{font-size:.6rem}.integration-grid{gap:12px}.integration-card{padding:22px 12px}.integration-card h3{font-size:.88rem}.integration-card p{font-size:.73rem}.integration-card .emoji{font-size:1.8rem}.pricing-card{padding:29px 24px}.blog-card-body{padding:23px}.faq-item summary{padding:18px;font-size:.93rem}.faq-answer{padding:0 18px 20px;font-size:.91rem}.cta-panel{padding:34px 22px;border-radius:22px}.cta-panel p{font-size:.94rem}.cta-panel .btn{width:100%}.footer{padding-top:43px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1;grid-row:auto}.footer-brand p{max-width:330px}.footer-col h2{font-size:.77rem;margin-bottom:13px}.footer-col ul{gap:8px;font-size:.8rem}.footer-bottom{flex-direction:column;align-items:start;gap:15px;margin-top:31px}.page-hero h1{font-size:2.3rem}.lead{font-size:1rem}.breadcrumbs{font-size:.67rem;padding:20px 0;gap:7px}.article-hero{display:flex;flex-direction:column;align-items:start;gap:26px;padding-bottom:37px}.article-hero img{width:min(100%,370px);max-width:100%;margin:auto}.article-hero h1{font-size:2.35rem}.article-hero .lead{font-size:1rem}.toc{padding:22px;font-size:.76rem}.toc ol{grid-template-columns:1fr}.prose{font-size:1rem;line-height:1.85}.prose>p:first-child{font-size:1.07rem}.prose h2{font-size:1.52rem;margin-top:1.8em}.prose h3{font-size:1.12rem}.data-table{font-size:.78rem}.full-demo{padding:16px}.full-demo .kpis{gap:10px}.full-demo .kpi{padding:14px}.full-demo .kpi-value{font-size:1.55rem}.full-demo .kpi-label{font-size:.7rem}.full-demo .kpi-detail{font-size:.57rem}.full-demo .dash-chart{padding:14px 10px}.full-demo .chart-label-row{font-size:.69rem}.full-demo .chart-axis{font-size:.6rem}.demo-controls{gap:14px}.segmented button{font-size:.76rem;padding:9px 13px}.sitemap-columns{columns:1}.resource-card{padding:23px;gap:14px}.resource-card .emoji{font-size:1.7rem}.content-section h2{font-size:1.65rem}.copy-panel pre{font-size:.72rem;padding:18px}.copy-panel-head{padding:12px 15px;font-size:.75rem}.chips{gap:8px}.chip{font-size:.72rem;padding:7px 13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.marquee-track{animation:none!important}.sticker{animation:none!important}.feature-card:hover,.blog-card:hover,.btn:hover,.integration-card:hover,.blog-card:hover img{transform:none!important}}
@media print{.site-header,.footer,.toc,.related-section,.motion-toggle,.reading-progress,.article-hero img,.skip-link{display:none!important}.wrap{width:100%;max-width:none}.article-layout{display:block}.article-hero{display:block;padding:15px 0}.section,.page-content{padding:15px 0}.prose{font-size:11pt;line-height:1.6}.prose a{color:inherit;text-decoration:underline}body{color:#111;background:#fff}.gradient-text{color:#111;background:none}.print-only{display:block}}
html:not(.js) .demo-controls .segmented{display:none}
/* Keep decorative stickers clear of chart labels and the sample-data badge. */
.sticker.top{top:-48px}.sticker.bottom{bottom:-32px}.cards-grid+.section-head{margin-top:55px}
@media(max-width:550px){.sticker.top{display:none}}