:root{color-scheme:light dark;--background: #f7f5f0;--surface: #fffdf9;--surface-soft: #eee9df;--text: #262822;--muted: #62665c;--accent: #586f56;--accent-strong: #3e553e;--border: #dad6cc;--button-text: #fffdf9;--phone-glow: rgb(127 107 88 / 22%);--phone-shadow: 0 2px 5px rgb(37 43 34 / 7%), 0 14px 32px rgb(37 43 34 / 10%), 0 42px 90px rgb(37 43 34 / 16%)}*{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;overflow-x:clip;background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.shell{width:min(1120px,calc(100% - 2rem));margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent);background:color-mix(in srgb,var(--background) 88%,transparent);backdrop-filter:blur(18px)}.nav{min-height:4.5rem;display:flex;align-items:center;gap:2rem}.brand{font-weight:800;letter-spacing:-.04em;font-size:1.2rem}.nav-links{display:flex;gap:1.4rem;margin-inline:auto;color:var(--muted);font-size:.92rem}.nav-actions,.hero-actions{display:flex;align-items:center;gap:.75rem}.language-switcher{display:inline-flex;align-items:center;overflow:clip;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 78%,transparent)}.language-link{min-width:2.5rem;padding:.34rem .62rem;color:var(--muted);font-size:.78rem;font-weight:800;text-align:center;text-transform:uppercase}.language-link.active{background:var(--accent);color:var(--button-text)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.7rem 1.15rem;border:1px solid var(--accent);border-radius:.85rem;background:var(--accent);color:var(--button-text);font-weight:700;transition:transform .18s cubic-bezier(.23,1,.32,1),background .18s ease,border-color .18s ease,color .18s ease}.button-small{min-height:2.5rem;padding:.45rem .85rem}.button.button-secondary{background:var(--surface);color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 6px 20px #363a2f12}.button:active{transform:scale(.97);transition-duration:.12s}a:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:4px;border-radius:.4rem}.hero{position:relative;min-height:760px;padding-block:6.5rem;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem}.hero:before{content:"";position:absolute;width:min(90%,800px);height:min(70vw,560px);left:50%;top:50%;z-index:-1;background:radial-gradient(ellipse at center,var(--phone-glow),transparent 68%);transform:translate(-50%,-50%)}h1,h2{margin:0 0 1rem;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}h1{font-size:clamp(2.8rem,6vw,5.4rem)}h2{font-size:clamp(2.1rem,4vw,3.7rem)}p{color:var(--muted)}.hero-lead,.lead{font-size:clamp(1.08rem,2vw,1.28rem)}.eyebrow{margin:0 0 1rem;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-actions{margin-top:2rem;flex-wrap:wrap}.security-note{width:fit-content;display:flex;align-items:center;gap:.65rem;margin:1.5rem 0 0;padding:.58rem .78rem;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--accent-strong);font-size:.86rem;font-weight:750;line-height:1.35}.security-note svg{width:1.2rem;height:1.2rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.feature{padding-block:7rem;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:clamp(2rem,7vw,6rem)}.feature.reverse .feature-copy{order:2}.chips{display:flex;flex-wrap:wrap;gap:.55rem;padding:0;margin:2rem 0 0;list-style:none}.chips li{border:1px solid var(--border);border-radius:999px;padding:.42rem .75rem;background:var(--surface);color:var(--muted);font-size:.9rem}.phone-showcase{position:relative;width:min(100%,24rem);margin-inline:auto;padding:1.2rem 1.2rem 1.5rem}.phone-showcase:before{content:"";position:absolute;inset:18% -4% 12%;z-index:-1;background:radial-gradient(ellipse at center,var(--phone-glow),transparent 68%);filter:blur(32px)}.phone-viewport{overflow:hidden}.phone-track{display:flex;gap:.875rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.phone-track::-webkit-scrollbar{display:none}.phone-slide{min-width:100%;margin:0;padding:.25rem;scroll-snap-align:start;scroll-snap-stop:always}.phone-frame{position:relative;overflow:clip;padding:.375rem;border:1px solid color-mix(in srgb,var(--border) 65%,#8b8177);border-radius:2rem;background:#0d0d0e;clip-path:inset(0 round 2rem)}.phone-frame:before{content:"";position:absolute;top:.72rem;left:50%;z-index:2;width:31%;height:1.05rem;border-radius:999px;background:#050505;transform:translate(-50%)}.phone-frame:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 0 0 .4rem #0d0d0e}.phone-frame img{display:block;width:100%;height:auto;border-radius:1.65rem}.phone-controls{min-height:2.75rem;display:flex;justify-content:center;align-items:center;gap:.25rem;margin-top:1rem}.phone-dots{display:flex;align-items:center}.phone-dot{position:relative;width:2.75rem;height:2.75rem;padding:0;border:0;background:transparent;cursor:pointer}.phone-dot:before{content:"";position:absolute;top:50%;left:50%;width:.55rem;height:.55rem;border-radius:999px;background:color-mix(in srgb,var(--muted) 34%,transparent);transform:translate(-50%,-50%) scaleX(1);transition:transform .18s cubic-bezier(.23,1,.32,1),background .18s ease}.phone-dot.active:before{background:var(--accent);transform:translate(-50%,-50%) scaleX(2.64)}.phone-dot:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:-4px;border-radius:999px}.phone-autoplay{position:relative;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;transition:background .18s ease,color .18s ease}.phone-autoplay:before{content:"";position:absolute;top:50%;left:50%;width:.55rem;height:.75rem;border-inline:.15rem solid currentColor;transform:translate(-50%,-50%)}[data-autoplay-paused] .phone-autoplay:before{width:0;height:0;margin-left:.08rem;border:0;border-top:.4rem solid transparent;border-bottom:.4rem solid transparent;border-left:.65rem solid currentColor}.phone-autoplay:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:-4px}.phone-autoplay [data-phone-autoplay-label]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.privacy{position:relative;overflow:hidden;padding-block:clamp(5rem,9vw,8rem);background:#26372b;color:#f4f7f2}.privacy:before{content:"";position:absolute;width:42rem;height:42rem;top:-25rem;right:-12rem;border-radius:50%;background:#a9c4a617;filter:blur(1px)}.privacy p{color:#cbd5ca}.privacy .eyebrow{color:#a9c4a6}.privacy-intro{position:relative;max-width:820px;text-align:center;margin-inline:auto}.privacy-intro .lead{max-width:760px;margin:0 auto}.privacy-cards{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,17.5rem));gap:6rem;width:min(100%,64.5rem);margin:clamp(2.5rem,5vw,4rem) auto 0}.js [data-privacy-reveal]{opacity:0;transform:translateY(1.5rem);transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1)}.js .privacy-card:nth-child(2){transition-delay:.1s}.js .privacy-card:nth-child(3){transition-delay:.2s}.js [data-privacy-reveal].visible{opacity:1;transform:translateY(0)}.privacy-card{position:relative;min-height:15rem;padding:1.5rem;border:1px solid #4b5d4d;border-radius:1.25rem;background:#304435c7;backdrop-filter:blur(12px)}.privacy-card:not(:last-child):after{content:"→";position:absolute;top:50%;right:-4.15rem;z-index:1;width:2.3rem;height:2.3rem;display:grid;place-items:center;border:1px solid #4b5d4d;border-radius:999px;background:#26372b;color:#a9c4a6;font-size:1.1rem;transform:translateY(-50%)}.privacy-card-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.privacy-icon{width:3rem;height:3rem;display:grid;place-items:center;border-radius:.9rem;background:#3d5541;color:#c5ddc2}.privacy-icon svg{width:1.55rem;height:1.55rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.privacy-step{color:#829782;font-size:.74rem;font-weight:800;letter-spacing:.12em}.privacy-card h3{margin:1.5rem 0 .65rem;font-size:1.12rem;line-height:1.3}.privacy-card p{margin:0;font-size:.94rem}.analytics-section{position:relative;overflow:hidden;padding-block:clamp(5rem,9vw,8rem);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,var(--surface)),var(--surface))}.analytics-section:before{content:"";position:absolute;width:min(70vw,54rem);height:min(70vw,54rem);left:50%;top:42%;z-index:0;border-radius:50%;background:radial-gradient(circle,var(--phone-glow),transparent 68%);transform:translate(-50%,-50%)}.analytics-shell{position:relative}.analytics-copy{max-width:850px;margin-inline:auto;text-align:center}.analytics-copy .lead{max-width:780px;margin-inline:auto}.analytics-copy .chips{justify-content:center}.analytics-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,7vw,6rem);max-width:820px;margin:clamp(3rem,6vw,5rem) auto 0}.analytics-example{position:relative;min-width:0;margin:0}.analytics-example:first-child:after{content:"→";position:absolute;top:2.1rem;right:clamp(-4.2rem,-4.5vw,-2.5rem);z-index:2;width:2.75rem;height:2.75rem;display:grid;place-items:center;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--accent);box-shadow:0 10px 30px #252b221a;font-size:1.2rem}.analytics-caption{min-height:5.4rem;display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start;margin-bottom:1.25rem}.analytics-caption>span:last-child{display:grid;gap:.25rem}.analytics-caption strong{line-height:1.3}.analytics-caption span span{color:var(--muted);font-size:.92rem}.analytics-step{display:inline-grid;place-items:center;min-width:2.25rem;height:2.25rem;border-radius:.7rem;background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--accent-strong);font-size:.74rem;font-weight:800;letter-spacing:.1em}.analytics-phone{width:min(100%,18rem);margin-inline:auto}.analytics-phone .phone-frame{box-shadow:var(--phone-shadow)}.analytics-phone .phone-frame img{display:block;width:100%;height:auto;border-radius:1.65rem}.webapp{padding-block:6rem;text-align:center;max-width:800px}.faq{padding-block:7rem}.faq>h2{max-width:700px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem}details{padding:1.25rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface)}summary{cursor:pointer;font-weight:700}details p{margin-bottom:0}.final-cta{margin-block:5rem 8rem;padding:clamp(2rem,6vw,5rem);border:1px solid var(--border);border-radius:2rem;text-align:center;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--accent) 12%,var(--surface)))}.final-cta p{max-width:620px;margin-inline:auto}.final-cta .button{margin-top:1rem}.footer{border-top:1px solid var(--border)}.footer-inner{min-height:11rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.footer p{margin:.2rem 0 0}.footer nav{display:flex;flex-wrap:wrap;gap:1.2rem;color:var(--muted)}@media (max-width: 980px){.privacy-cards{grid-template-columns:1fr;gap:4rem;max-width:36rem}.privacy-card{min-height:auto}.privacy-card:not(:last-child):after{content:"↓";top:auto;right:50%;bottom:-3.15rem;transform:translate(50%)}}@media (max-width: 820px){.nav{gap:1rem}.nav-links{display:none}.nav-actions{margin-left:auto}.hero{min-height:auto;padding-block:4.5rem}.hero,.feature{grid-template-columns:1fr}.feature{padding-block:4.5rem}.feature.reverse .feature-copy{order:initial}.faq-grid{grid-template-columns:1fr}.analytics-examples{grid-template-columns:1fr;max-width:20rem;gap:2.5rem}.analytics-example:first-child:after{content:"↓";top:auto;right:50%;bottom:-2.7rem;transform:translate(50%)}.analytics-caption{min-height:auto}.footer-inner{padding-block:2.5rem;align-items:flex-start;flex-direction:column}}@media (max-width: 470px){.text-link{display:none}.language-link{min-width:2.1rem;padding-inline:.5rem}.hero-actions .button{width:100%}.nav{min-height:4rem}}@media (hover: hover) and (pointer: fine){.button:hover{transform:translateY(-2px);background:var(--accent-strong)}.button.button-secondary:hover{background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--text);border-color:var(--accent)}.button:hover:active{transform:scale(.97)}.phone-dot:hover:before{background:var(--accent)}.phone-autoplay:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent-strong)}}@media (prefers-color-scheme: dark){:root{--background: #171412;--surface: #211d19;--surface-soft: #29231f;--text: #f2ece5;--muted: #b7aa9e;--accent: #b89a7e;--accent-strong: #c9aa8d;--border: #3b332d;--button-text: #171412;--phone-glow: rgb(184 154 126 / 20%);--phone-shadow: 0 2px 5px rgb(0 0 0 / 24%), 0 16px 36px rgb(0 0 0 / 34%), 0 44px 96px rgb(0 0 0 / 42%)}.privacy{background:#211d19}.privacy p{color:#b7aa9e}.privacy .eyebrow{color:#b89a7e}.security-note{color:var(--accent)}.privacy-card{border-color:#50453d;background:#29231fcc}.privacy-card:not(:last-child):after{border-color:#50453d;background:#211d19;color:#b89a7e}.privacy-icon{background:#3a302a;color:#d8b99d}.privacy-step{color:#8f7865}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.button{transition:background .12s ease,border-color .12s ease,color .12s ease}.button:hover,.button:active{transform:none}.phone-dot:before{transition:background .12s ease}.phone-autoplay{display:none}.js [data-privacy-reveal]{opacity:1;transform:none;transition:none}}@media (prefers-reduced-transparency: reduce){.site-header{background:var(--background);backdrop-filter:none}.language-switcher{background:var(--surface)}.privacy-card{background:#304435;backdrop-filter:none}}@media (prefers-color-scheme: dark) and (prefers-reduced-transparency: reduce){.privacy-card{background:#29231f}}@media (prefers-contrast: more){.site-header{border-bottom-color:var(--text);background:var(--background);backdrop-filter:none}.language-switcher,.privacy-card{border-color:currentColor}.privacy-card{background:#304435;backdrop-filter:none}}@media (prefers-color-scheme: dark) and (prefers-contrast: more){.privacy-card{background:#29231f}}.blog-hero{max-width:900px;padding-block:clamp(5rem,10vw,8rem) clamp(3rem,6vw,5rem);text-align:center}.blog-hero h1{font-size:clamp(2.7rem,6vw,5rem)}.blog-hero .lead{max-width:720px;margin-inline:auto}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;padding-bottom:clamp(5rem,10vw,9rem)}.blog-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-bottom:2.5rem}.blog-filter{min-height:2.75rem;display:inline-flex;align-items:center;gap:.65rem;padding:.55rem .8rem .55rem 1rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.9rem;font-weight:750;line-height:1.2;transition:transform .12s ease-out,border-color .16s ease,background .16s ease,color .16s ease}.blog-filter-count{min-width:1.65rem;padding:.2rem .42rem;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:.75rem;text-align:center}.blog-filter.active{border-color:var(--accent);background:var(--accent);color:var(--button-text)}.blog-filter.active .blog-filter-count{background:color-mix(in srgb,var(--button-text) 18%,transparent);color:var(--button-text)}.blog-filter:active{transform:scale(.97)}.blog-card[hidden]{display:none}.blog-card{min-width:0;border:1px solid var(--border);border-radius:1.5rem;background:var(--surface);box-shadow:0 16px 45px #252b220f;transition:border-color .2s ease,transform .18s cubic-bezier(.23,1,.32,1)}.blog-card-link{height:100%;display:flex;flex-direction:column;padding:clamp(1.5rem,4vw,2.4rem)}.blog-card-number,.article-section-number{color:color-mix(in srgb,var(--accent) 65%,var(--muted));font-size:.75rem;font-weight:800;letter-spacing:.14em}.blog-card-meta,.article-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.8rem;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.blog-card h2{margin-top:.8rem;font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.15}.blog-card p{margin:0}.blog-card-action{display:inline-flex;align-items:center;gap:.55rem;margin-top:auto;padding-top:2rem;color:var(--accent-strong);font-weight:750}.landing-blog{padding-block:clamp(5rem,9vw,8rem) 0}.landing-blog-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}.landing-blog-heading h2{max-width:760px}.blog-grid-preview{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:0}.blog-grid-preview .blog-card h2{font-size:clamp(1.35rem,2.3vw,1.75rem)}.article-shell{max-width:1120px;padding-block:clamp(4rem,8vw,7rem)}.article-header{max-width:900px;margin-inline:auto;text-align:center}.article-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);font-weight:750}.article-meta{justify-content:center;margin-top:2.2rem}.article-header h1{margin-top:1rem;font-size:clamp(2.5rem,6vw,4.9rem)}.article-deck{max-width:760px;margin:1.5rem auto 0;font-size:clamp(1.12rem,2vw,1.35rem)}.article-date{margin-top:1.5rem;font-size:.9rem}.article-layout{display:grid;grid-template-columns:230px minmax(0,720px);justify-content:center;gap:clamp(2rem,7vw,5rem);margin-top:clamp(4rem,8vw,7rem)}.article-toc{position:sticky;top:7rem;align-self:start;padding:1.2rem;border-left:2px solid var(--border)}.article-toc strong{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.article-toc ol{display:grid;gap:.75rem;margin:1rem 0 0;padding-left:1.25rem;color:var(--muted);font-size:.9rem;line-height:1.4}.article-toc a{position:relative;display:block;padding-left:.75rem;font-weight:700;transition:color .18s ease}.article-toc a:before{content:"";position:absolute;top:.25em;bottom:.25em;left:0;width:.2rem;border-radius:999px;background:var(--accent);opacity:0;transition:opacity .12s ease}.article-toc a[aria-current=location]{color:var(--text)}.article-toc a[aria-current=location]:before{opacity:1}.article-content{min-width:0}.article-intro{margin:0 0 4rem;color:var(--text);font-size:clamp(1.25rem,2.3vw,1.55rem);line-height:1.55}.article-content>section{scroll-margin-top:7rem;margin-top:4.5rem}.article-content>section:first-of-type{margin-top:0}.article-content h2{margin-top:.55rem;font-size:clamp(2rem,4vw,3rem)}.article-content p,.article-list{font-size:1.05rem}.article-list{display:grid;gap:.85rem;margin:1.7rem 0;padding-left:1.5rem;color:var(--muted)}.article-list li::marker{color:var(--accent);font-weight:800}.article-note{margin-top:2rem;padding:1.35rem 1.5rem;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:1rem;background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--text)}.article-quote{margin:2rem 0;padding:1.4rem 1.6rem;border-left:.25rem solid var(--accent);border-radius:0 1rem 1rem 0;background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--text);font-size:1.08rem;font-style:italic;line-height:1.7}.article-sources{padding:clamp(1.5rem,4vw,2.25rem);border:1px solid var(--border);border-radius:1.25rem;background:var(--surface)}.article-sources ol{display:grid;gap:1.15rem;margin:1.75rem 0 0;padding-left:1.5rem}@media (hover: hover) and (pointer: fine){.blog-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 22px 55px #252b221a;transform:translateY(-3px)}.article-toc a:hover{color:var(--accent)}.blog-filter:not(.active):hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));color:var(--accent-strong)}}@media (prefers-reduced-motion: reduce){.blog-card{transition:border-color .12s ease}.blog-card:hover{transform:none}.blog-filter{transition:border-color .12s ease,background .12s ease,color .12s ease}}.article-sources li{padding-left:.35rem}.article-sources li::marker{color:var(--accent);font-weight:800}.article-sources a{color:var(--accent-strong);font-weight:750;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent);text-underline-offset:.2em}.article-sources span{display:block;margin-top:.3rem;color:var(--muted);font-size:.92rem}.article-cta{margin-top:5rem;padding:clamp(1.8rem,5vw,3.5rem);border-radius:1.5rem;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--accent) 14%,var(--surface)));box-shadow:inset 0 0 0 1px var(--border)}.article-cta h2{font-size:clamp(1.9rem,4vw,2.8rem)}.article-cta .button{margin-top:1rem}.article-cta-with-image{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(11rem,15rem);align-items:center;gap:clamp(1.5rem,5vw,3.5rem);padding-block:clamp(1.8rem,4vw,2.8rem)}.article-cta-copy{position:relative;z-index:1}.article-cta-preview{width:min(100%,14rem);margin:-.75rem auto -7rem;transform:rotate(2deg)}.article-cta-preview .phone-frame{box-shadow:var(--phone-shadow)}.related-section{padding-block:2rem clamp(6rem,10vw,9rem)}.related-section>h2{font-size:clamp(2rem,4vw,3rem)}.blog-grid-related{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2rem;padding-bottom:0}@media (max-width: 820px){.blog-filters{justify-content:flex-start;margin-bottom:2rem}.blog-grid,.blog-grid-preview,.blog-grid-related{grid-template-columns:1fr}.landing-blog-heading{align-items:flex-start;flex-direction:column}.article-layout{grid-template-columns:1fr}.article-toc{position:static;border:1px solid var(--border);border-radius:1rem;background:var(--surface)}.article-cta-with-image{grid-template-columns:1fr}.article-cta-preview{width:min(72%,14rem);margin-bottom:-9rem}}