.case-hero{padding-block-end:clamp(var(--s-7), 6vw, var(--s-9))}.case-hero h1{max-inline-size:24ch;font-size:clamp(1.75rem,1.2rem + 2.2vw,3rem);line-height:1.3}.case-hero-grid{gap:var(--s-7);align-items:center;display:grid}@media (min-width:64rem){.case-hero-grid{gap:var(--s-8);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}.case-hero-copy{min-inline-size:0}.case-hero-visual{min-inline-size:0;position:relative}.case-kicker{align-items:center;gap:var(--s-2) var(--s-3);font-size:var(--fs-sm);color:var(--ink-400);flex-wrap:wrap;margin-block-end:var(--s-4);font-weight:700;display:flex}.case-kicker .sep{inline-size:var(--s-1);block-size:var(--s-1);background:var(--lime-500);border-radius:50%}.case-kicker .demo-tag{color:var(--lime-500)}.case-handle{font-size:var(--fs-sm);color:var(--ink-400);margin-block-start:var(--s-4)}.case-handle .ltr{color:var(--white);font-weight:800}.case-sheet{background:var(--white);color:var(--ink-900);padding:var(--s-4);box-shadow:var(--shadow-2);margin:0;position:relative}.case-sheet .crop{color:var(--lime-500)}.case-sheet figcaption{font-size:var(--fs-sm);color:var(--ink-600);margin-block-start:var(--s-3);font-weight:700}.case-igp{--igp-pad:var(--s-5);max-inline-size:30rem;box-shadow:var(--shadow-2);margin-inline:auto;transform:rotate(-1deg)}.case-igp .crop{color:var(--lime-500)}.case-igp .igp-av{inline-size:5.5rem}.case-igp .igp-stat dd{font-size:1.5rem}.case-igp .igp-stat dt{font-size:.875rem}.case-igp .igp-stat small{font-size:.8125rem}.case-igp .igp-name{white-space:normal;font-size:1rem}.case-igp .igp-bio{-webkit-line-clamp:7;line-clamp:7;-webkit-box-orient:vertical;font-size:.875rem;display:-webkit-box;overflow:hidden}.case-igp .igp-handle{font-size:1.0625rem}@media (max-width:30rem){.case-igp{--igp-pad:var(--s-4)}.case-igp .igp-av{inline-size:4.5rem}.case-igp .igp-stat dd{font-size:1.25rem}}.case-today{align-items:center;gap:var(--s-2);color:var(--white);margin-block-start:var(--s-2);font-weight:700;display:flex}.case-today i{background:var(--lime-500);border-radius:50%;flex:none;block-size:.625rem;inline-size:.625rem}.ev-pair{gap:var(--s-4);margin:0;display:grid}.ev-cards{gap:var(--s-3);align-items:center;display:grid}.ev-step{justify-content:center;align-items:center;gap:var(--s-2);font-size:var(--fs-sm);color:var(--ink-700);text-align:center;margin:0;font-weight:800;line-height:1.6;display:flex}.ev-step .icon{block-size:1.25rem;inline-size:1.25rem;color:var(--ink-900);transform:rotate(-90deg)}@media (min-width:40rem){.ev-cards{gap:var(--s-4);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch}.ev-step{gap:var(--s-1);flex-direction:column;inline-size:5.5rem}.ev-step .icon{transform:none}}.ev-note{font-size:var(--fs-sm);color:var(--ink-600);border-inline-start:var(--line-xl) solid var(--lime-500);padding-inline-start:var(--s-3);line-height:1.8}.case-mini{background:var(--ink-900);padding:var(--s-5);place-items:center;min-block-size:12rem;display:grid;overflow:hidden}.case-main{padding-block:clamp(var(--s-7), 6vw, var(--s-9))}.case-grid{gap:var(--s-7);display:grid}@media (min-width:64rem){.case-grid{gap:var(--s-8);grid-template-columns:minmax(0,1fr) 20rem;align-items:start}}.case-col{gap:var(--s-7);min-inline-size:0;display:grid}.case-aside{min-inline-size:0}@media (min-width:64rem){.case-aside{position:sticky;inset-block-start:calc(var(--header-h) + var(--s-5))}}.case-block{min-inline-size:0}.case-h{font-size:var(--fs-xl);border-block-end:var(--line-xl) solid var(--ink-900);margin-block-end:var(--s-4);padding-block-end:var(--s-2)}.case-h-row{justify-content:space-between;align-items:center;gap:var(--s-4);border-block-end:var(--line-xl) solid var(--ink-900);margin-block-end:var(--s-4);padding-block-end:var(--s-2);display:flex}.case-h-row .case-h{border:0;margin:0;padding:0}.case-deed{background:var(--white);border:1px solid var(--ink-200);padding:var(--s-6) var(--s-5) var(--s-4);background-image:repeating-linear-gradient(to bottom, transparent 0 calc(2.5rem - 1px), var(--ink-200) calc(2.5rem - 1px) 2.5rem);position:relative}.case-deed-k{font-size:var(--fs-sm);color:var(--ink-600);font-weight:800}.case-deed .ba-to .num{font-size:clamp(3rem,2rem + 4vw,5.5rem)}.case-deed .result-stamp{block-size:clamp(5.5rem,4rem + 4vw,7.5rem);inline-size:clamp(5.5rem,4rem + 4vw,7.5rem);font-size:clamp(1.5rem,1.1rem + 1.2vw,2.125rem)}.case-deed .result-stamp small{white-space:normal;text-align:center;max-inline-size:85%;line-height:1.3}.case-deed .ba-src{margin-block-end:0}@media (max-width:30rem){.case-deed .impact{flex-direction:column;align-items:flex-start}.case-deed{padding-inline:var(--s-4)}}.case-steps{margin:0;padding:0;list-style:none;display:grid}.case-steps li{gap:var(--s-4);padding-block:var(--s-4);border-block-start:1px dashed var(--ink-400);display:flex}.case-steps li:first-child{border-block-start:0;padding-block-start:0}.case-step-n{background:var(--ink-900);block-size:2.5rem;inline-size:2.5rem;color:var(--lime-500);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid;transform:rotate(-8deg)}.case-steps h3{font-size:var(--fs-lg);margin-block-end:var(--s-1)}.case-steps p{color:var(--ink-700)}.case-pains{margin:0;padding:0;list-style:none;display:grid}.case-pains li{padding-block:var(--s-3);font-weight:700;font-size:var(--fs-lg);padding-inline-start:var(--s-6);line-height:1.7;position:relative}.case-pains li:before{content:"";inline-size:var(--s-4);block-size:var(--line-xl);background:var(--lime-500);box-shadow:0 var(--line-xl) 0 var(--ink-900);position:absolute;inset-block-start:calc(var(--s-3) + .55em);inset-inline-start:0}.case-result-line{margin:0;font-size:clamp(1.25rem,1rem + 1vw,1.75rem);font-weight:900;line-height:1.8}.case-cta{gap:var(--s-2);background:var(--bg);color:var(--text);padding:var(--s-6) var(--s-5);border-block-start:var(--line-xl) solid var(--lime-500);display:grid;position:relative}.case-cta-k{font-size:var(--fs-sm);color:var(--ink-400);font-weight:700}.case-cta-t{font-size:var(--fs-xl);font-weight:900;line-height:1.4}.case-cta-p{color:var(--lime-500);font-weight:800}.case-cta-ctas{align-items:center;gap:var(--s-3) var(--s-5);flex-wrap:wrap;margin-block-start:var(--s-3);display:flex}.tag-chips{gap:var(--s-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tag-chips li{min-block-size:2.25rem;padding-inline:var(--s-4);border:1px dashed var(--ink-600);border-radius:var(--r-pill);align-items:center;font-size:.9375rem;font-weight:800;display:inline-flex}.tag-chips a{min-block-size:2.75rem;color:var(--ink-900);align-items:center;text-decoration:none;display:inline-flex}.tag-chips li:has(a):hover{background:var(--ink-900);border-color:var(--ink-900);border-style:solid}.tag-chips li:has(a):hover a{color:var(--white)}.case-table{border-collapse:collapse;inline-size:100%;font-size:.9375rem;line-height:1.7}.case-table th,.case-table td{padding:var(--s-3) var(--s-4);text-align:start;border-block-end:1px solid var(--ink-200)}.case-table thead th{background:var(--ink-100);font-weight:800}.case-table tbody th{font-weight:700}.case-table tr:last-child>*{border-block-end:0}.case-table .is-before{color:var(--ink-600);text-decoration:line-through;-webkit-text-decoration-color:var(--ink-400);text-decoration-color:var(--ink-400)}.case-table .is-after{font-weight:900;font-size:var(--fs-lg)}.case-stamp-sm{block-size:5rem;inline-size:5rem;font-size:1.25rem}.case-stamp-sm small{white-space:normal;text-align:center;max-inline-size:80%;font-size:.625rem;line-height:1.25}.checklist{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.checklist li{align-items:flex-start;gap:var(--s-3);padding-block:var(--s-2);border-block-end:1px dashed var(--ink-300);font-weight:700;display:flex}.checklist .icon{background:var(--lime-500);color:var(--ink-900);border-radius:50%;flex:none;block-size:1.25rem;inline-size:1.25rem;margin-block-start:.3em;padding:2px}@media (min-width:48rem){.checklist--grid{column-gap:var(--s-6);grid-template-columns:1fr 1fr}}.logo-ba-grid{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.logo-tile{aspect-ratio:1;padding:var(--s-4);text-align:center;place-items:center;display:grid;position:relative;overflow:hidden}.logo-tile-k{font-size:var(--fs-sm);font-weight:800;position:absolute;inset-block-start:var(--s-2);inset-inline-start:var(--s-3)}.logo-tile--before{background:var(--ink-100);color:var(--ink-600)}.logo-tile--before b{font-family:var(--font-sample-old);font-size:clamp(1.25rem,.9rem + 1.6vw,2rem);font-style:italic;font-weight:400}.logo-tile--after{background:var(--brand,var(--lime-500));color:var(--brand-ink,var(--ink-900))}.logo-tile--after b{font-size:clamp(2.5rem,1.6rem + 4vw,4.5rem);font-weight:900;line-height:1}.logo-tile--after i{inline-size:40%;block-size:var(--line-xl);background:currentColor;position:absolute;inset-block-end:18%}.swatches{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));margin:0;padding:0;list-style:none;display:grid}.swatches li{gap:var(--s-2);display:grid}.swatch{aspect-ratio:4/3;background:var(--sw);border:1px solid var(--ink-300);display:block;position:relative}.swatch:after{content:"";border:var(--line-lg) dashed var(--ink-900);opacity:.35;border-radius:50%;block-size:1.5rem;inline-size:1.5rem;position:absolute;inset-block-end:var(--s-2);inset-inline-end:var(--s-2)}.swatches code{font-size:var(--fs-sm);background:var(--ink-100);padding:0 var(--s-2);border-radius:var(--r-sm);justify-self:start;font-weight:800}.apps-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));margin:0;padding:0;list-style:none;display:grid}.app-tile{gap:var(--s-2);font-weight:700;font-size:var(--fs-sm);display:grid}.app-mock{aspect-ratio:1;background:var(--ink-100);border:1px solid var(--ink-200);place-items:center;display:grid}.app-mock b{background:var(--brand,var(--lime-500));color:var(--brand-ink,var(--ink-900));font-weight:900;font-size:var(--fs-xl);place-items:center;display:grid}.app-tile--0 .app-mock b{aspect-ratio:1;inline-size:55%;box-shadow:0 0 0 var(--s-1) var(--white), 0 0 0 calc(var(--s-1) + var(--line-lg)) var(--brand,var(--lime-500));border-radius:50%}.app-tile--1 .app-mock b{aspect-ratio:1;inline-size:70%;font-size:var(--fs-2xl)}.app-tile--2 .app-mock b{aspect-ratio:1.75;border-radius:var(--r-sm);inline-size:75%}.app-tile--3 .app-mock b{aspect-ratio:3;border-radius:var(--r-sm);inline-size:85%}.devices{padding-block-end:var(--s-6);padding-inline-end:clamp(4rem,2rem + 6vw,6rem);position:relative}.dev-browser{background:var(--white);color:var(--ink-900);border:1px solid var(--ink-700);box-shadow:var(--shadow-2);overflow:hidden}.dev-bar{align-items:center;gap:var(--s-1);padding:var(--s-2) var(--s-3);background:var(--ink-200);direction:ltr;display:flex}.dev-bar i{inline-size:var(--dot-md);block-size:var(--dot-md);background:var(--ink-500);border-radius:50%}.dev-bar i:first-child{background:var(--lime-500)}.dev-url{background:var(--white);border-radius:var(--r-pill);padding:0 var(--s-3);color:var(--ink-600);white-space:nowrap;text-overflow:ellipsis;text-align:center;flex:1;margin-inline-start:var(--s-3);font-size:.75rem;font-weight:700;overflow:hidden}.dev-screen{gap:var(--s-3);padding:var(--s-5);align-content:start;min-block-size:13rem;display:grid}.dev-title{font-size:var(--fs-xl);font-weight:900}.dev-line{block-size:var(--s-2);background:var(--ink-200);border-radius:var(--r-pill);inline-size:85%;display:block}.dev-line--short{inline-size:55%}.dev-cards{gap:var(--s-2);grid-template-columns:repeat(3,1fr);inline-size:70%;margin-block-start:var(--s-2);display:grid}.dev-cards span{aspect-ratio:4/3;background:var(--ink-100);border-block-start:var(--line-xl) solid var(--lime-500)}.dev-phone{aspect-ratio:9/18;background:var(--ink-950);border:var(--line-xl) solid var(--ink-700);border-radius:var(--r-lg);inline-size:clamp(7.5rem,5rem + 8vw,10rem);padding:var(--s-4) var(--s-2) var(--s-2);box-shadow:var(--shadow-2);display:grid;position:absolute;inset-block-end:0;inset-inline-end:0}.dev-notch{inline-size:35%;block-size:var(--s-2);border-radius:var(--r-pill);background:var(--ink-800);position:absolute;inset-block-start:var(--s-1);inset-inline-start:50%;translate:-50%}[dir=rtl] .dev-notch{translate:50%}.dev-phone-screen{min-block-size:0;padding:var(--s-2);border-radius:var(--r-md)}.dev-phone-screen .mini-speed{gap:var(--s-3);flex-direction:column}.phones{gap:var(--s-3);padding-block:var(--s-2);justify-content:center;align-items:flex-end;display:flex}.phone{aspect-ratio:9/18.5;background:var(--ink-950);border:var(--line-xl) solid var(--ink-700);border-radius:var(--r-xl);max-inline-size:11rem;padding:var(--s-5) var(--s-2) var(--s-2);box-shadow:var(--shadow-2);flex:1 1 0;display:grid;position:relative}.phone--main{transform:translateY(calc(var(--s-5) * -1));border-color:var(--lime-500)}.phone-screen{border-radius:var(--r-lg);padding:var(--s-2);background:var(--white);min-block-size:0}.phone-screen .mini-app{padding:var(--s-2);max-inline-size:none;font-size:.625rem}.phone-screen--feature{align-content:start;gap:var(--s-2);padding:var(--s-3) var(--s-2);color:var(--ink-900);display:grid}.phone-screen--feature b{font-size:.8125rem;font-weight:900;line-height:1.5}.phone-screen--feature span{background:var(--ink-100);border-radius:var(--r-sm);block-size:2rem;display:block}.phone-screen--feature .is-cta{background:var(--lime-500);border-radius:var(--r-pill);block-size:1.5rem;margin-block-start:var(--s-2)}.platforms{margin:var(--s-4) 0 0;gap:var(--s-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.platforms li{min-block-size:2rem;padding-inline:var(--s-4);border:var(--line-lg) solid var(--lime-500);color:var(--lime-500);border-radius:var(--r-pill);font-weight:800;font-size:var(--fs-sm);letter-spacing:.02em;align-items:center;display:inline-flex}@media (max-width:30rem){.phone--3{display:none}}.serp-mini .mini-serp,.crm-mini .mini-crm{max-inline-size:24rem}.rank-after{align-items:center;gap:var(--s-2);display:inline-flex}.rank-arrow{block-size:1rem;inline-size:1rem}.rank-arrow.is-up{fill:var(--lime-700)}.rank-arrow.is-down{fill:var(--error-light)}.traffic{gap:var(--s-3);margin:0;display:grid}.traffic-svg{background:var(--white);border:1px solid var(--ink-200);block-size:auto;inline-size:100%;max-inline-size:36rem}.traffic-axis{stroke:var(--ink-900);stroke-width:2px}.traffic-grid{stroke:var(--ink-300);stroke-width:1px;stroke-dasharray:4 4}.traffic-bar{fill:var(--ink-300)}.traffic-bar.is-last{fill:var(--lime-500);stroke:var(--ink-900);stroke-width:2px}.traffic-val{font-family:var(--font);fill:var(--ink-900);font-size:15px;font-weight:900}.traffic-month{font-family:var(--font);fill:var(--ink-600);font-size:13px;font-weight:700}.traffic figcaption{font-size:var(--fs-sm);color:var(--ink-600);font-weight:700}.traffic-data summary{cursor:pointer;font-size:var(--fs-sm);color:var(--link);align-items:center;min-block-size:2.75rem;font-weight:800;display:flex}.traffic-data .table-wrap{margin-block-start:var(--s-2)}.local-note{margin:0}.flow{gap:var(--s-6);counter-reset:none;margin:0;padding:0;list-style:none;display:grid}@media (min-width:48rem){.flow:not(:has(>li:nth-child(5))){gap:var(--s-7);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}}.flow-node{gap:var(--s-2);padding:var(--s-5) var(--s-4) var(--s-4);background:var(--white);border:var(--line-lg) solid var(--ink-900);justify-items:start;display:grid;position:relative}.flow-node b{font-size:var(--fs-lg);font-weight:900;line-height:1.5}.flow-n{background:var(--lime-500);block-size:2rem;inline-size:2rem;color:var(--ink-900);border:var(--line-lg) solid var(--ink-900);border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute;inset-block-start:calc(var(--s-4) * -1);inset-inline-start:var(--s-4)}.flow-tool{font-size:var(--fs-sm);color:var(--ink-700);border:1px dashed var(--ink-600);border-radius:var(--r-pill);padding:0 var(--s-3);font-weight:800}.flow-node:not(:last-child):after{content:"";inline-size:0;block-size:var(--s-6);border-inline-start:var(--line-lg) dashed var(--ink-900);position:absolute;inset-block-start:100%;inset-inline-start:var(--s-6)}.flow-node:not(:last-child):before{content:"";border:6px solid #0000;border-block-start-color:var(--ink-900);border-block-end:0;position:absolute;inset-block-start:calc(100% + var(--s-6) - 8px);inset-inline-start:calc(var(--s-6) - 5px)}@media (min-width:48rem){.flow:not(:has(>li:nth-child(5))) .flow-node:not(:last-child):after{inline-size:var(--s-7);border-inline-start:0;border-block-start:var(--line-lg) dashed var(--ink-900);block-size:0;inset-block-start:50%;inset-inline-start:100%}.flow:not(:has(>li:nth-child(5))) .flow-node:not(:last-child):before{border:6px solid #0000;border-inline-start-color:var(--ink-900);border-inline-end:0;inset-block-start:calc(50% - 5px);inset-inline-start:calc(100% + var(--s-7) - 8px)}}.hours-stamp{background:var(--lime-500)}.cat-kicker{align-items:center;gap:var(--s-2);font-size:var(--fs-sm);padding-inline:var(--s-3);border-radius:var(--r-pill);background:var(--lime-500);color:var(--ink-900);place-self:start;font-weight:900;line-height:1.8;display:inline-flex}.cat-kicker[data-cat=logo-design]{color:var(--lime-700);border:var(--line-lg) solid currentColor;background:0 0}.cat-kicker[data-cat=web-design]{background:var(--ink-900);color:var(--lime-500);border-radius:0}.cat-kicker[data-cat=app-development]{color:var(--ink-900);background:0 0;padding-inline:0}.cat-kicker[data-cat=app-development]:before{content:"";inline-size:var(--dot-md);block-size:var(--dot-md);background:var(--lime-600);box-shadow:0 0 0 var(--line-md) var(--ink-900);border-radius:50%}.cat-kicker[data-cat=seo]{background:var(--lime-200);border:1px dashed var(--ink-900);transform:rotate(-2deg)}.cat-kicker[data-cat=ai-automation]{color:var(--ink-900);border:1px dashed var(--ink-900);border-radius:var(--r-sm);background:0 0}[data-theme=dark] .cat-kicker[data-cat=logo-design]{color:var(--lime-500)}[data-theme=dark] .cat-kicker[data-cat=web-design]{background:var(--white);color:var(--ink-900)}[data-theme=dark] .cat-kicker[data-cat=app-development],[data-theme=dark] .cat-kicker[data-cat=ai-automation]{color:var(--lime-500);border-color:var(--lime-500)}[data-theme=dark] .cat-kicker[data-cat=seo]{color:var(--ink-900)}.article-hero .cat-kicker{margin-block-end:var(--s-4)}.article-hero h1{font-size:clamp(1.875rem,1.2rem + 2.6vw,3.25rem)}.cat-kicker--hero{margin-block-start:var(--s-5)}.article-foot-grid{gap:var(--s-6);display:grid}@media (min-width:64rem){.article-foot-grid{gap:var(--s-7);grid-template-columns:minmax(0,1fr) 22rem;align-items:start}}.article-sig{min-inline-size:0}.article-sig:empty{display:none}.cat-cta{gap:var(--s-2);background:var(--bg);color:var(--text);padding:var(--s-6) var(--s-5) var(--s-5);display:grid;position:relative;overflow:hidden}.cat-cta-stamp{text-align:center;max-inline-size:6.5rem;color:var(--ink-900);background:var(--lime-500);border:var(--line-lg) solid var(--white);border-radius:var(--r-pill);padding:var(--s-1) var(--s-3);font-size:.6875rem;font-weight:900;line-height:1.4;position:absolute;inset-block-start:var(--s-4);inset-inline-end:var(--s-4);transform:rotate(8deg)}.cat-cta-k{font-size:var(--fs-sm);color:var(--ink-400);font-weight:700}.cat-cta-t{font-size:var(--fs-xl);padding-inline-end:6rem;line-height:1.4}.cat-cta-p{color:var(--lime-500);font-weight:900;font-size:var(--fs-lg)}.cat-cta-i{color:var(--ink-300);border-block-start:1px dashed var(--ink-600);padding-block-start:var(--s-2);font-size:.9375rem}.cat-cta-ctas{align-items:center;gap:var(--s-3) var(--s-5);flex-wrap:wrap;margin-block-start:var(--s-3);display:flex}.cat-cta[data-cat=seo]{border-block-start:var(--line-xl) solid var(--lime-500)}.sig-box{gap:var(--s-3);background:var(--white);border:var(--line-lg) solid var(--ink-900);padding:var(--s-6) var(--s-5);display:grid;position:relative}.sig-k{font-size:var(--fs-sm);color:var(--lime-700);font-weight:900}.sig-t{font-size:var(--fs-xl);line-height:1.45}.sig-box>p{color:var(--ink-700)}.sig-box .btn,.sig-box .link-arrow{justify-self:start}.sig-check{margin:0;padding:0;list-style:none;display:grid}.sig-check li{gap:var(--s-3);padding-block:var(--s-3);border-block-start:1px dashed var(--ink-400);align-items:flex-start;display:flex}.sig-check b{font-weight:800;display:block}.sig-check small{font-size:var(--fs-sm);color:var(--ink-600);display:block}.sig-tick{border:var(--line-lg) solid var(--ink-900);flex:none;place-items:center;block-size:1.5rem;inline-size:1.5rem;margin-block-start:.2em;display:grid}.sig-tick .icon{block-size:1rem;inline-size:1rem;color:var(--lime-700)}.sig-audit{background:var(--lime-500);border-color:var(--ink-900)}.sig-audit .sig-k{color:var(--ink-900)}.sig-audit>p{color:var(--ink-800)}.sig-tp{background:var(--lime-50)}.sig-tp .sig-k{letter-spacing:.08em}.sig-cost-rows{margin:0;display:grid}.sig-cost-rows>div{justify-content:space-between;align-items:baseline;gap:var(--s-4);padding-block:var(--s-3);border-block-start:1px dashed var(--ink-400);display:flex}.sig-cost-rows dt{font-weight:800}.sig-cost-rows dd{text-align:end;justify-items:end;margin:0;display:grid}.sig-cost-rows dd b{font-weight:900}.sig-cost-rows dd small{font-size:var(--fs-sm);color:var(--ink-600)}.vs-grid{gap:var(--s-6);display:grid;position:relative}@media (min-width:48rem){.vs-grid{gap:var(--s-7);grid-template-columns:1fr 1fr}}.vs-col{gap:var(--s-2);padding:var(--s-5) var(--s-4);border:1px dashed var(--ink-600);align-content:start;display:grid}.vs-col:last-of-type{background:var(--ink-900);color:var(--white);border-style:solid;border-color:var(--ink-900)}.vs-col:last-of-type p{color:var(--ink-300)}.vs-col:last-of-type .vs-price b{color:var(--lime-500)}.vs-n{color:var(--lime-700);font-weight:900}.vs-col:last-of-type .vs-n{color:var(--lime-500)}.vs-col h3{font-size:var(--fs-lg)}.vs-price{font-size:var(--fs-sm)}.vs-or{background:var(--lime-500);block-size:2.75rem;inline-size:2.75rem;color:var(--ink-900);border:var(--line-lg) solid var(--ink-900);z-index:1;border-radius:50%;place-items:center;font-weight:900;display:none;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:50% -50%}@media (min-width:48rem){.vs-or{display:grid}}.sig-plates{margin-block:var(--s-2)}@media (min-width:72rem){.sig-plates.cases--grid{grid-template-columns:1fr 1fr}}.post-list{gap:var(--s-5);display:grid}@media (min-width:48rem){.post-list{grid-template-columns:1fr 1fr}}@media (min-width:72rem){.post-list{grid-template-columns:1fr 1fr 1fr}}.post-list--more{margin-block-start:var(--s-6)}.post-card{gap:var(--s-3);padding:var(--s-5);background:var(--white);border:1px solid var(--ink-200);color:var(--ink-900);transition:box-shadow var(--d-base) var(--ease-out), transform var(--d-base) var(--ease-out), border-color var(--d-base);align-content:start;text-decoration:none;display:grid;position:relative}.post-card:hover{color:var(--ink-900);border-color:var(--ink-900);box-shadow:var(--shadow-lift);transform:translateY(calc(var(--s-1) * -1))}.post-card h2,.post-card h3{font-size:var(--fs-lg);line-height:1.5}.post-card p{color:var(--ink-700)}.post-card .post-meta{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.related-posts{margin-block-start:var(--s-8)}.related-posts .h2{margin-block-end:var(--s-5)}.cat-link{margin-block-start:var(--s-5)}.cat-nav{align-items:center;gap:var(--s-3) var(--s-4);border-block-start:1px solid var(--ink-200);flex-wrap:wrap;margin-block-start:var(--s-6);padding-block-start:var(--s-5);display:flex}.cat-grid{gap:var(--s-7);display:grid}@media (min-width:64rem){.cat-grid{grid-template-columns:minmax(0,1fr) 20rem;align-items:start}}.cat-grid>*{min-inline-size:0}.cat-grid .post-list{grid-template-columns:1fr}@media (min-width:48rem){.cat-grid .post-list{grid-template-columns:1fr 1fr}}.cat-nav--top{margin-block:0 var(--s-7);padding-block:0 var(--s-5);border-block-start:0;border-block-end:1px solid var(--ink-200)}.cat-empty{border:1px dashed var(--ink-400);padding:var(--s-6) var(--s-5);color:var(--ink-700);font-weight:700}.post-feature .post-art{min-inline-size:0}.post-card-img{margin:calc(var(--s-5) * -1) calc(var(--s-5) * -1) var(--s-2);aspect-ratio:16/9;background:var(--ink-900);border-block-end:1px solid var(--ink-200);display:block;overflow:hidden}.post-card-img img,.post-feature-img img{object-fit:cover;block-size:100%;inline-size:100%;transition:transform var(--d-slow) var(--ease-out);display:block}.post-card:hover .post-card-img img,.post-feature:hover .post-feature-img img{transform:scale(1.03)}.post-feature--cover{overflow:hidden}@media (min-width:56rem){.post-feature--cover{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch}}.post-feature-img{background:var(--ink-900);align-items:center;min-inline-size:0;display:grid;overflow:hidden}.post-feature-img img{aspect-ratio:16/9;block-size:auto}.article-cover{background:linear-gradient(to bottom, transparent 0 45%, var(--bg) 45% 100%)}.article-cover-img{aspect-ratio:16/9;background:var(--ink-800);border:1px solid var(--ink-900);block-size:auto;inline-size:100%;display:block}.article-cover+.doc-band{padding-block-start:clamp(var(--s-7), 5vw, var(--s-8))}.prose .fig{margin:var(--s-6) 0;gap:var(--s-3);display:grid}.prose .fig img{border:1px solid var(--ink-200);background:var(--ink-50);block-size:auto;inline-size:100%;display:block}.prose .fig-motion{position:relative}.prose .fig-motion video{border:1px solid var(--ink-200);background:var(--ink-50);block-size:auto;inline-size:100%;display:block}.prose .fig-motion-btn{background:var(--ink-900);block-size:44px;inline-size:44px;color:var(--lime-500);cursor:pointer;opacity:.85;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;inset-block-end:var(--s-3);inset-inline-end:var(--s-3)}.prose .fig-motion-btn:hover,.prose .fig-motion-btn:focus-visible{opacity:1}.prose .fig-motion-btn:focus-visible{outline:var(--line-xl) solid var(--lime-500);outline-offset:2px}.prose .fig-motion-btn svg{block-size:22px;inline-size:22px}@media (max-width:600px){.prose .fig-motion-btn{block-size:36px;inline-size:36px;inset-block-end:var(--s-2);inset-inline-end:var(--s-2)}.prose .fig-motion-btn svg{block-size:18px;inline-size:18px}}.prose .fig figcaption{font-size:var(--fs-sm);color:var(--ink-600);border-inline-start:var(--line-xl) solid var(--lime-500);padding-inline-start:var(--s-3);line-height:1.8}.prose .faq-block{margin-block-start:calc(var(--s-3) * -1)}.prose .faq-block .qa summary{font-size:var(--fs-base)}.prose .faq-block .qa-body{margin:0}@media (prefers-reduced-motion:reduce){.post-card,.post-card:hover,.post-card-img img,.post-feature-img img,.post-card:hover .post-card-img img,.post-feature:hover .post-feature-img img{transition:none;transform:none}}.case-gallery{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));margin:0;padding:0;list-style:none;display:grid}.case-gallery li{background:var(--ink-100);border-radius:var(--r-md);overflow:hidden}.case-gallery img{aspect-ratio:1;object-fit:cover;block-size:auto;inline-size:100%;transition:transform var(--d-reveal) var(--ease-out);display:block}.case-gallery li:hover img{transform:scale(1.04)}.logo-mark-sheet img{background:var(--white);block-size:auto;inline-size:100%;display:block}.case-companion{align-items:center;gap:var(--s-5);padding:var(--s-4);background:var(--white);border:var(--line-lg) solid var(--ink-900);color:var(--ink-900);grid-template-columns:minmax(0,2fr) minmax(0,3fr);text-decoration:none;display:grid}.case-companion img{border:1px solid var(--ink-200);border-radius:var(--r-sm);block-size:auto;inline-size:100%;display:block}.case-companion-body{gap:var(--s-2);justify-items:start;display:grid}.case-companion-k{font-size:var(--fs-sm);color:var(--ink-600);font-weight:800}.case-companion-t{font-size:var(--fs-xl);font-weight:900;line-height:1.4}.case-companion-p{color:var(--ink-700);line-height:1.8}.case-companion:hover .link-arrow{text-decoration:underline}.case-companion:hover .link-arrow .icon{transform:translateX(calc(var(--s-1) * -1))}@media (max-width:40rem){.case-companion{grid-template-columns:1fr}}.devices--shot .dev-browser .dev-shot{block-size:auto;inline-size:100%;display:block}.devices--shot .dev-phone{padding:0;overflow:hidden}.devices--shot .dev-phone .dev-shot{object-fit:cover;object-position:top;border-radius:inherit;block-size:100%;inline-size:100%;display:block}.devices--shot .dev-phone .dev-notch{z-index:1}