.nav--project{z-index:100;-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #0000000f;padding:14px 24px;position:fixed;top:0;left:0;right:0}@media (width>=768px){.nav--project{padding:14px 40px}}.nav--project .nav__inner{max-width:var(--page-max-width,1440px);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav__left{flex:1;justify-content:flex-start;display:flex}.nav__center{flex:1;justify-content:center;display:flex}.nav__right{flex:1;justify-content:flex-end;display:flex}.btn--nav{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-bone);white-space:nowrap;border:1px solid #0000001f;border-radius:100px;align-items:center;gap:8px;padding:10px 20px;font-size:11px;text-decoration:none;transition:background .2s ease-out,border-color .2s ease-out;display:inline-flex}.btn--nav:hover{background:#0000000a;border-color:#0003}.btn--back{padding:10px 20px;font-size:11px}@media (width<=640px){.nav__center{display:none}.nav__right .btn--nav span,.btn--nav{padding:8px 14px;font-size:10px}}.project-hero{padding:180px 0 80px}.project-hero__num{color:var(--color-graphite);margin-bottom:24px;font-size:clamp(32px,5vw,72px);display:block}.project-hero__title{letter-spacing:-.04em;margin-bottom:40px;font-size:clamp(56px,12vw,160px);line-height:.9}.project-hero__desc{color:var(--color-mist);max-width:640px;margin-bottom:32px;font-size:20px;line-height:1.5}.project-hero__tags{flex-wrap:wrap;gap:10px;display:flex}.project-preview{padding:0 0 120px}.project-preview__frame{border:1px solid #0000000f;border-radius:24px;overflow:hidden}.project-preview__frame img{width:100%;height:auto;display:block}.metrics{border-top:1px solid #00000014;padding:120px 0}.metrics__top{grid-template-columns:repeat(2,1fr);gap:40px;max-width:900px;margin-bottom:120px;margin-left:auto;margin-right:auto;display:grid}@media (width>=640px){.metrics__top{grid-template-columns:repeat(4,1fr)}}.gauge{flex-direction:column;align-items:center;gap:16px;display:flex}.gauge__svg{width:100px;height:100px;transform:rotate(-90deg)}.gauge__track{fill:none;stroke:#00000014;stroke-width:6px}.gauge__fill{fill:none;stroke:#0cce6b;stroke-width:6px;stroke-linecap:round;stroke-dasharray:326.73;stroke-dashoffset:326.73px;transition:stroke .3s}.gauge__value{font-family:var(--font-display);color:var(--color-bone);z-index:1;margin-top:-78px;font-size:36px;font-weight:700;position:relative}.gauge__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-mist);text-align:center;font-size:11px}.gauge[data-gauge-color=green] .gauge__fill{stroke:#0cce6b}.gauge[data-gauge-color=orange] .gauge__fill{stroke:#ffa400}.gauge[data-gauge-color=red] .gauge__fill{stroke:#ff4e42}.metrics__breakdown{grid-template-columns:1fr;align-items:center;gap:80px;margin-bottom:120px;display:grid}@media (width>=768px){.metrics__breakdown{grid-template-columns:1fr 1fr}}.perf-ring{width:280px;height:280px;margin:60px auto;position:relative}.perf-ring__svg{width:100%;height:100%;transform:rotate(-90deg)}.perf-ring__track{fill:none;stroke:#0000000f;stroke-width:14px}.perf-ring__segment{fill:none;stroke-width:14px;stroke-linecap:butt;stroke-dasharray:753.98;stroke-dashoffset:753.98px}.perf-ring__center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.perf-ring__score{font-family:var(--font-display);color:var(--color-bone);font-size:64px;font-weight:700}.perf-ring__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-mist);opacity:0;font-size:11px;position:absolute}.perf-ring__label--fcp{top:-8px;right:20px}.perf-ring__label--si{top:-8px;left:20px}.perf-ring__label--lcp{top:50%;right:-36px;transform:translateY(-50%)}.perf-ring__label--tbt{bottom:-8px;left:50%;transform:translate(-50%)}.perf-ring__label--cls{top:50%;left:-36px;transform:translateY(-50%)}.perf-ring__title{text-align:center;margin-top:24px}.perf-ring__title h3{letter-spacing:-.02em;margin-bottom:12px;font-size:28px}.perf-ring__title p{color:var(--color-graphite);max-width:400px;margin:0 auto;font-size:11px;line-height:1.5}.perf-legend{justify-content:center;gap:24px;margin-top:32px;display:flex}.perf-legend__item{align-items:center;gap:8px;display:flex}.perf-legend__dot{border-radius:2px;width:10px;height:10px}.perf-legend__dot--red{background:#ff4e42}.perf-legend__dot--orange{background:#ffa400}.perf-legend__dot--green{background:#0cce6b}.metrics__phone-frame{background:var(--color-bone);border:1px solid #0000000f;border-radius:24px;max-width:300px;margin:0 auto;padding:8px}.metrics__phone-frame img{border-radius:18px;width:100%;height:auto;display:block}.metrics__cards{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.metrics__cards{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.metrics__cards{grid-template-columns:repeat(5,1fr)}}.metric-card{background:var(--color-charcoal);border:1px solid #0000000f;border-radius:16px;padding:28px 24px}.metric-card__top{align-items:center;gap:10px;margin-bottom:16px;display:flex}.metric-card__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.metric-card__dot--green{background:#0cce6b}.metric-card__dot--orange{background:#ffa400}.metric-card__dot--red{background:#ff4e42}.metric-card__name{color:var(--color-mist);font-size:10px}.metric-card__value{letter-spacing:-.02em;font-size:clamp(28px,3vw,36px)}.results{background:var(--color-charcoal);padding:120px 0}.results__hero{text-align:center;background:var(--color-bone);color:var(--color-void);border-radius:16px;margin-bottom:40px;padding:56px 32px 40px}.results__hero-num{color:var(--color-accent);margin-bottom:12px;font-size:clamp(72px,12vw,120px);line-height:1;display:block}.results__hero-desc{color:#fff;margin-bottom:8px;font-size:20px}.results__hero .mono-label{color:#ffffff80}.results__grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width>=768px){.results__grid{grid-template-columns:repeat(4,1fr)}}.results__card{background:#fff;border:1px solid #0000000f;border-radius:16px;padding:28px 24px}.results__card-num{letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(32px,5vw,48px);line-height:1;display:block}.results__card-num--accent{color:var(--color-accent)}.results__card-label{font-family:var(--font-body);color:var(--color-mist);font-size:14px;line-height:1.4}.results__note{background:var(--color-personality);border-radius:12px;margin-bottom:48px;padding:16px 24px}.results__note p{color:var(--color-bone);font-size:15px}.results__searches{margin-bottom:48px}.results__searches-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:20px;font-size:24px;font-weight:700}.results__searches-list{margin:0;padding:0;list-style:none}.results__searches-list li{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:14px 0;font-size:16px;display:flex}.results__query{color:var(--color-bone)}.results__traffic{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.results__traffic-card{text-align:center;background:#fff;border:1px solid #0000000f;border-radius:16px;padding:28px 24px}.results__traffic-num{color:var(--color-accent);letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(32px,5vw,48px);line-height:1;display:block}.results__traffic-label{font-family:var(--font-body);color:var(--color-mist);font-size:14px}.results__source{text-align:center;color:var(--color-graphite);font-size:11px}.project-details{border-top:1px solid #00000014;padding:120px 0}.project-details__grid{grid-template-columns:1fr;gap:48px;display:grid}@media (width>=768px){.project-details__grid{grid-template-columns:repeat(3,1fr);gap:60px}}.project-details__block .mono-label{color:var(--color-mist);margin-bottom:14px;display:block}.project-details__block p{color:var(--color-bone);font-size:18px;line-height:1.5}.project-cta{padding:120px 0}.project-cta__inner{text-align:center}.project-cta__heading{letter-spacing:-.03em;margin-bottom:40px;font-size:clamp(36px,6vw,72px)}body.js-ready [data-fade-up]{opacity:0;transform:translateY(30px)}body.js-ready [data-fade-up].is-visible{opacity:1;transition:opacity .8s cubic-bezier(.25,0,0,1),transform .8s cubic-bezier(.25,0,0,1);transform:translateY(0)}