:root{--color-accent:#7c3aed;--color-accent-dark:#6d28d9;--color-accent-light:#f5f3ff;--color-accent-border:#e9d5ff;--color-navy:#0d1524;--color-navy-soft:#141d31;--color-ink:#0f172a;--color-body:#475569;--color-muted:#94a3b8;--color-border:#e2e8f0;--color-white:#fff;--color-bg:#fdfdfe;--color-bg-alt:#f8f9fc;--color-success:#10b981;--color-success-bg:#ecfdf5;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--font-sans:"Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:2.5rem;--fs-hero:2.6rem;--fs-display:clamp(2.4rem, 4.85vw, 5.25rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px;--radius-pill:100px;--shadow-sm:0 4px 6px #0f172a0a;--shadow-md:0 12px 24px #0f172a14;--shadow-lg:0 24px 24px #0f172a0f;--shadow-accent:0 8px 20px #7c3aed40;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-hover:ease;--dur-fast:.18s;--dur-base:.28s;--dur-slow:.48s;--dur-hover:.26s;--container:clamp(1280px, 82vw, 1560px);--container-wide:clamp(1280px, 92vw, 1760px);--gutter:clamp(40px, 5vw, 96px);--gutter-hero:clamp(20px, 3vw, 64px);--header-h:80px}@media (width<=1024px){:root{--gutter:40px;--fs-hero:2.4rem}}@media (width<=640px){:root{--gutter:20px;--fs-hero:2rem;--fs-3xl:1.875rem;--fs-2xl:1.5rem}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img,svg{max-width:100%;display:block}button,input,select,textarea{font-family:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}p,h1,h2,h3,h4{margin:0}.container{max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.container--wide{width:100%;padding-inline:var(--gutter-hero);margin-inline:auto}.section{padding-block:var(--space-24)}.section--alt{background:var(--color-bg-alt)}.section--navy{background:var(--color-navy);color:var(--color-white)}.eyebrow__spin-icon{transform-origin:50%;animation:6s linear infinite eyebrow-spin}@keyframes eyebrow-spin{to{transform:rotate(360deg)}}.eyebrow{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--color-accent-light);border:1px solid var(--color-accent-border);color:var(--color-accent);font-size:var(--fs-xs);letter-spacing:.02em;text-transform:uppercase;padding:6px 14px;font-weight:700;display:inline-flex}.section-head{max-width:640px;margin-bottom:var(--space-12)}.section-head--center{text-align:center;max-width:640px;margin-inline:auto}.section-title{font-size:var(--fs-3xl);letter-spacing:-.01em;margin-top:var(--space-4);font-weight:800;line-height:1.15}.section-subtitle{margin-top:var(--space-3);color:var(--color-body);font-size:var(--fs-md);line-height:1.6}.section--navy .section-subtitle{color:#94a3b8}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-size:var(--fs-sm);transition:transform var(--dur-hover) var(--ease-hover), box-shadow var(--dur-hover) var(--ease-hover), background var(--dur-hover) var(--ease-hover);border:none;padding:14px 24px;font-weight:600;display:inline-flex}.btn:active{transition-duration:.1s;transform:translateY(1px)}.btn-primary{background:var(--color-accent);color:var(--color-white);box-shadow:var(--shadow-accent)}.btn-primary:hover{background:var(--color-accent-dark)}.btn-secondary{background:var(--color-white);color:var(--color-ink);border:1px solid var(--color-border)}.btn-ghost{color:var(--color-ink);background:0 0}.btn-ghost:hover{color:var(--color-accent)}@media (hover:hover) and (pointer:fine){.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #7c3aed52}.btn-secondary:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}}[data-reveal]{opacity:0;filter:blur(10px);transition:opacity .65s var(--ease-out), transform .65s var(--ease-out), filter .65s var(--ease-out);will-change:transform, opacity, filter;transform:translateY(36px)scale(.97)}[data-reveal].is-visible{opacity:1;filter:blur();transform:translateY(0)scale(1)}[data-reveal-delay="1"]{transition-delay:90ms}[data-reveal-delay="2"]{transition-delay:.18s}[data-reveal-delay="3"]{transition-delay:.27s}[data-reveal-delay="4"]{transition-delay:.36s}[data-reveal-delay="5"]{transition-delay:.45s}[data-reveal-delay="6"]{transition-delay:.54s}@media (prefers-reduced-motion:reduce){html:not([data-motion=always]){scroll-behavior:auto}html:not([data-motion=always]) [data-reveal]{opacity:1;filter:none;transition:none;transform:none}}@media (width<=640px){.section{padding-block:var(--space-16)}.section-title{font-size:var(--fs-2xl)}}.toast-stack{bottom:var(--space-6);gap:var(--space-2);z-index:1000;pointer-events:none;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--color-ink);color:var(--color-white);font-size:var(--fs-sm);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);opacity:0;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);padding:12px 20px;font-weight:500;transform:translateY(8px)}.toast.is-visible{opacity:1;transform:translateY(0)}.swipe{--swipe-progress:0;border-radius:var(--radius-pill);background:var(--color-accent-light);border:1px solid var(--color-accent-border);touch-action:pan-y;align-items:center;width:100%;max-width:400px;height:56px;padding:6px;display:flex;position:relative;overflow:hidden}.swipe--dark{background:#7c3aed29;border-color:#7c3aed59}.swipe__fill{border-radius:var(--radius-pill);transform-origin:0;will-change:transform;pointer-events:none;background:linear-gradient(90deg,#7c3aed,#a855f7);width:100%;position:absolute;inset:0;transform:scaleX(0)}.swipe__label{z-index:1;text-align:center;font-size:var(--fs-sm);color:var(--color-accent);pointer-events:none;transition:color var(--dur-fast) var(--ease-out);flex:1;font-weight:500;position:relative}.swipe--dark .swipe__label{color:#ddd6fe}.swipe__handle{z-index:2;background:var(--color-accent);cursor:grab;touch-action:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;box-shadow:0 4px 10px #7c3aed59}.swipe__handle svg{stroke:#fff;width:18px;height:18px}.swipe__handle:active{cursor:grabbing}.swipe.is-hint .swipe__handle{animation:swipe-hint .7s var(--ease-out)}.swipe.is-complete .swipe__label{opacity:0}.swipe.is-complete .swipe__fill{background:linear-gradient(90deg,#7c3aed,#6d28d9)}.swipe--lg{background:var(--color-white);border-color:var(--color-border);max-width:430px;height:66px;transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);padding:7px;box-shadow:inset 0 1px 2px #0f172a0a,0 1px 2px #0f172a08}@media (hover:hover) and (pointer:fine){.swipe--lg:hover{border-color:var(--color-accent-border);box-shadow:inset 0 1px 2px #0f172a0a,0 6px 20px #7c3aed1a}}.swipe--lg .swipe__handle{width:52px;height:52px;transition:box-shadow var(--dur-base) var(--ease-out);box-shadow:0 4px 14px #7c3aed57}.swipe--lg .swipe__handle:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.swipe--lg.is-dragging .swipe__handle{box-shadow:0 6px 22px #7c3aed73}.swipe--lg .swipe__handle{position:relative}.swipe__icon{width:18px;height:18px;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-base) var(--ease-spring);position:absolute}.swipe__icon--check,.swipe.is-complete .swipe__icon--arrow{opacity:0;transform:scale(.6)}.swipe.is-complete .swipe__icon--check{opacity:1;transform:none}.swipe--lg .swipe__label{color:var(--color-ink);font-family:var(--font-mono);letter-spacing:-.02em;padding-right:52px;font-size:.8125rem;font-weight:500;display:grid;position:relative}.swipe--lg .swipe__label-line{transition:opacity var(--dur-fast) linear;grid-area:1/1}.swipe--lg .swipe__label-line--idle{opacity:calc(1 - var(--swipe-progress) * 2.4)}.swipe--lg .swipe__label-line--armed{opacity:0;color:var(--color-white)}.swipe--lg.is-armed .swipe__label-line--armed{opacity:1}.swipe--lg.is-complete .swipe__label{opacity:0}.swipe__label-tight{display:none}@media (width<=560px){.swipe__label-long{display:none}.swipe__label-tight{display:inline}}@keyframes swipe-hint{0%,to{transform:translate(0)}30%{transform:translate(14px)}55%{transform:translate(4px)}75%{transform:translate(10px)}}@media (prefers-reduced-motion:reduce){html:not([data-motion=always]) .swipe.is-hint .swipe__handle{animation:none}}.swipe__dest{pointer-events:none;opacity:.55;width:28px;height:28px;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);z-index:1;animation:2.6s ease-in-out infinite swipe-dest-pulse;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.swipe__dest img{border-radius:50%;width:100%;height:100%;display:block}.swipe.is-dragging .swipe__dest,.swipe.is-armed .swipe__dest{opacity:1;transform:translateY(-50%)scale(1.08)}.swipe.is-complete .swipe__dest{opacity:0}@keyframes swipe-dest-pulse{0%,to{transform:translateY(-50%)scale(1)}50%{transform:translateY(-50%)scale(1.06)}}@media (prefers-reduced-motion:reduce){html:not([data-motion=always]) .swipe__dest{animation:none}}@view-transition{navigation:auto}.case-page{background:var(--color-white);min-height:100vh}.case-hero{padding:var(--space-8) var(--gutter) var(--space-10);color:var(--color-white);background:linear-gradient(90deg,#4c1d95,#6d28d9,#7c3aed)}.case-hero__inner{max-width:var(--container);gap:var(--space-8);flex-direction:column;margin-inline:auto;display:flex}.case-hero__back{align-items:center;gap:var(--space-2);color:#ede9fe;font-size:var(--fs-sm);width:fit-content;transition:opacity var(--dur-hover) var(--ease-hover);font-weight:500;display:inline-flex}.case-hero__back:hover{opacity:.75}.case-hero__back svg{width:16px;height:16px}.case-hero__split{justify-content:space-between;align-items:flex-start;gap:var(--space-12);display:flex}.case-hero__left{gap:var(--space-8);flex-direction:column;max-width:660px;display:flex}.case-hero__title{font-size:clamp(2rem, 3.4vw, var(--fs-3xl));letter-spacing:-.01em;font-weight:800;line-height:1.15}.case-hero__cta-block{gap:var(--space-5);flex-direction:column;display:flex}.case-hero__subtitle{font-size:var(--fs-lg);color:#ede9fe;font-weight:600}.case-hero__cta-action{gap:var(--space-3);flex-direction:column;align-items:flex-start;display:flex}.case-hero__cta-button{border-radius:var(--radius-md);background:var(--color-white);color:#6d28d9;font-weight:700;font-size:var(--fs-base);transition:transform var(--dur-hover) var(--ease-hover), box-shadow var(--dur-hover) var(--ease-hover);padding:18px 32px;display:inline-flex}@media (hover:hover) and (pointer:fine){.case-hero__cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0003}}.case-hero__disclaimer{font-size:var(--fs-xs);color:#ede9fe;opacity:.7}.case-hero__illustration{flex:none;max-width:clamp(220px,24vw,380px);display:flex}.case-hero__illustration img{-o-object-fit:contain;object-fit:contain;width:auto;max-width:100%;height:auto;max-height:320px;animation:case-float 3.6s var(--ease-in-out) infinite;display:block}@keyframes case-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}html:not([data-motion=always]) .case-hero__illustration img{animation:none}.case-section{padding:var(--space-20) var(--gutter)}.case-section__inner{max-width:var(--container);gap:var(--space-10);flex-direction:column;margin-inline:auto;display:flex}.case-divider{max-width:var(--container);border:none;border-top:1px solid var(--color-border);margin-inline:auto}.case-highlight{border-radius:var(--radius-md);padding:var(--space-8);font-size:var(--fs-base);color:var(--color-ink);background:#ede9fe;border:1px solid #7c3aed;line-height:1.6}.case-highlight strong{font-weight:700}.case-meta{font-size:var(--fs-base);color:var(--color-ink)}.case-meta strong{font-weight:700}.case-columns{gap:var(--space-16);flex-wrap:wrap;display:flex}.case-col{gap:var(--space-6);flex-direction:column;flex:280px;display:flex}.case-col__title{font-size:var(--fs-lg);color:var(--color-ink);font-weight:700}.case-bullets{gap:var(--space-4);flex-direction:column;display:flex}.case-bullet{gap:var(--space-3);align-items:flex-start;display:flex}.case-bullet:before{content:"";background:var(--color-accent);border-radius:2px;flex:none;width:6px;height:6px;margin-top:8px}.case-bullet span{font-size:var(--fs-sm);color:var(--color-ink);line-height:1.5}.case-results-title{font-size:clamp(1.6rem, 2.6vw, var(--fs-3xl));color:var(--color-ink);font-weight:800;line-height:1.2}.case-highlights-title,.case-comparison-title,.case-summary-title,.case-rankings-title{font-size:var(--fs-md);color:var(--color-ink);font-weight:700}.case-comparison-table,.case-rankings-table{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.case-comparison-table table,.case-rankings-table table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.case-comparison-table thead th,.case-rankings-table thead th{color:#475467;font-weight:700;font-size:var(--fs-xs);text-align:left;padding:var(--space-2) var(--space-4);background:#f2f2f2;border:1px solid #e5e7eb}.case-comparison-table td{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);color:var(--color-ink)}.case-comparison-table td:first-child{font-weight:600}.case-comparison-table td.is-final{color:#1565c0;font-weight:700}.case-summary-list{font-size:var(--fs-sm);color:var(--color-ink);flex-direction:column;gap:6px;display:flex}.case-summary-list strong{font-weight:700}.case-rankings-scroll{overflow-x:auto}.case-rankings-table table{min-width:920px}.case-rankings-table th,.case-rankings-table td{text-align:center;white-space:nowrap;border:1px solid #e5e7eb;padding:10px 8px}.case-rankings-table th:first-child,.case-rankings-table td:first-child{text-align:left;width:200px}.case-rankings-table thead th:not(:first-child){color:#667085;text-align:center;font-weight:600}.case-rankings-table td:first-child{background:var(--color-white);color:var(--color-ink);font-weight:400}.case-rankings-table td.rank-cell{color:var(--color-ink);font-weight:600}.rank-blue{background:#d1e9f6}.rank-green{background:#d1f2d9}.rank-yellow{background:#fef3c7}.rank-red{background:#fee2e2}.case-meta-row{gap:var(--space-2) var(--space-8);flex-wrap:wrap;display:flex}.case-metrics-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(148px,1fr));display:grid}.case-metric-card{background:var(--color-accent-light);border:1px solid var(--color-accent-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-6) var(--space-5);gap:var(--space-2);transition:transform var(--dur-hover) var(--ease-out), box-shadow var(--dur-hover) var(--ease-out);flex-direction:column;display:flex}@media (hover:hover) and (pointer:fine){.case-metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}}.case-metric-card__value{font-family:var(--font-mono);font-size:clamp(1.6rem, 2.8vw, var(--fs-2xl));color:var(--color-accent);letter-spacing:-.02em;font-weight:700;line-height:1}.case-metric-card__label{font-size:var(--fs-sm);color:var(--color-body);line-height:1.4}.case-screenshots__title{font-size:var(--fs-md);color:var(--color-ink);margin-bottom:var(--space-4);font-weight:700}.case-screenshots__grid{gap:var(--space-6);flex-wrap:wrap;display:flex}.case-screenshot{gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);box-shadow:var(--shadow-sm);flex-direction:column;flex:280px;display:flex;overflow:hidden}.case-screenshot img{-o-object-fit:contain;object-fit:contain;width:100%;height:auto;display:block}.case-screenshot figcaption{padding:var(--space-3) var(--space-4) var(--space-4);font-size:var(--fs-xs);color:var(--color-body);line-height:1.5}.case-footer{padding:var(--space-20) var(--gutter);align-items:center;gap:var(--space-10);text-align:center;background:linear-gradient(90deg,#2e1065,#4c1d95,#5b21b6);flex-direction:column;display:flex}.case-footer__text-wrap{gap:var(--space-6);flex-direction:column;max-width:720px;display:flex}.case-footer__title{color:var(--color-white);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;line-height:1.2}.case-footer__subtitle{font-size:var(--fs-lg);color:#c4b5fd;line-height:1.5}.case-footer__swipe{width:min(460px,100%)}@media (width<=900px){.case-hero__split{flex-direction:column;align-items:flex-start}.case-hero__illustration{max-width:clamp(200px,60vw,320px);margin-top:var(--space-6);align-self:center}.case-columns{gap:var(--space-8)}}@media (width<=640px){.case-hero{padding:var(--space-6) var(--gutter) var(--space-12)}.case-section,.case-footer{padding:var(--space-12) var(--gutter)}}