.project-stories{padding:90px 0;background:#fff;color:#172237}.project-stories-heading{max-width:720px;margin-bottom:54px}.project-stories-heading h2{font-size:clamp(32px,4vw,51px);font-weight:800;line-height:1.08;letter-spacing:-.05em;margin:14px 0 20px}.project-stories-heading h2 span{color:#5263da}.project-stories-heading>p:last-child{font-size:18px;color:#64748b;line-height:1.75;max-width:580px}.project-story{display:grid;grid-template-columns:1.1fr 1fr;gap:36px 56px;align-items:center;padding:52px 0 62px;border-top:1px solid #e2e8f2;scroll-margin-top:125px}.project-story-visual{margin:0;background:#f5f7fc;border:1px solid #e0e6f1;border-radius:18px;overflow:hidden;box-shadow:0 22px 44px -30px #21397650}.project-story-browser{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;font-size:11px;color:#8291a8;background:#fff}.project-story-browser>span:first-child{letter-spacing:3px;font-size:8px;color:#bac6dc}.project-story-visual img{width:100%;height:auto;display:block;aspect-ratio:1272/716;object-fit:cover}.project-story-visual a{display:block}.project-story-visual figcaption{display:flex;align-items:center;gap:12px;padding:20px;color:var(--project-color);font-size:13px;font-weight:600}.project-story-visual figcaption>svg:last-child{margin-left:auto;flex-shrink:0}.project-story-sector{color:var(--project-color);font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:750;margin:0 0 10px}.project-story-name{color:#6c7b90;font-size:15px}.project-story-copy h3{font-size:clamp(26px,3vw,36px);font-weight:800;line-height:1.12;letter-spacing:-.035em;margin:12px 0 20px}.project-story-copy>p:not(.project-story-sector){font-size:15px;line-height:1.85;color:#61718b}.project-story-copy ul{display:flex;gap:10px 20px;flex-wrap:wrap;list-style:none;margin:22px 0;padding:0}.project-story-copy li{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--project-color)}.project-story-copy>a{display:inline-flex;align-items:center;gap:10px;color:#086cd7;font-size:14px;font-weight:700}.project-story-flow{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-radius:14px;padding:18px 22px;background:#f7f9fd;gap:20px}.project-story-flow>div{display:flex;align-items:center;gap:12px;min-width:0}.project-story-flow span{color:#91a1b8;font-size:10px}.project-story-flow strong{font-size:12px;font-weight:600}.project-story-flow svg{margin-left:auto;color:#a2b0c4;flex-shrink:0}.project-story-1 .project-story-visual{grid-column:2;grid-row:1}.project-story-1 .project-story-copy{grid-column:1;grid-row:1}@media(max-width:800px){.project-stories{padding:60px 0}.project-story{grid-template-columns:1fr;gap:28px;padding:38px 0 44px}.project-story-1 .project-story-visual,.project-story-1 .project-story-copy{grid-column:auto;grid-row:auto}.project-story-flow{gap:12px;padding:18px}.project-story-flow>div{flex-wrap:wrap;gap:7px}.project-story-flow strong{font-size:11px;flex-basis:100%}.project-story-flow svg{display:none}.project-story-copy h3{max-width:450px}}@media(max-width:380px){.project-story-flow{grid-template-columns:1fr}.project-story-flow>div{flex-wrap:nowrap}.project-story-flow strong{flex-basis:auto}.project-story-visual figcaption{font-size:11px;padding:16px}}.references-intro{padding-bottom:54px}.references-intro .seo-h1{max-width:920px}.seo-case{padding:62px 0 72px;background:#f5f7fb}.seo-case-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:38px}.seo-case-heading .seo-eyebrow{margin:0}.seo-case-status{font-size:11px;color:#5d6471;padding:7px 11px;border:1px solid #d8dfeb;border-radius:20px}.seo-case-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:end}.seo-case-domain{display:flex;align-items:center;gap:12px;font-size:18px;color:#425776;margin-bottom:18px}.seo-case h2{font-size:clamp(36px,4.4vw,64px);line-height:1.06;font-weight:800;letter-spacing:-.055em;color:#172235}.seo-case h2 em{font-style:normal;color:#245ce0}.seo-case-summary{color:#526176;font-size:16px;line-height:1.8}.seo-case-summary a{display:inline-block;margin-top:15px;font-size:13px}.seo-case-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:48px 0;border-top:1px solid #d5deeb;border-bottom:1px solid #d5deeb}.seo-case-path article{padding:29px 24px;border-right:1px solid #d5deeb}.seo-case-path article:first-child{padding-left:0}.seo-case-path article:last-child{border:0}.seo-case-path svg{color:#245ce0;margin-bottom:24px}.seo-case-path span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#66788e;font-weight:700}.seo-case-path h3{font-size:19px;line-height:1.3;font-weight:750;letter-spacing:-.03em;margin:10px 0}.seo-case-path p{font-size:13px;line-height:1.75;color:#526176}.seo-case-economics{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #dde4ee;border-radius:26px;overflow:hidden}.seo-case-equation{padding:42px;color:#fff;background:#142c29;display:flex;flex-direction:column;align-items:center;text-align:center}.seo-case-equation>p{font-size:12px;color:#b8d4c8;margin-bottom:32px}.seo-case-equation>div{display:flex;align-items:center;justify-content:center;gap:28px;width:100%}.seo-case-equation strong{font-size:clamp(32px,3.5vw,48px);letter-spacing:-.04em;line-height:1.2}.seo-case-equation small{display:block;font-size:11px;font-weight:400;letter-spacing:0;margin-top:7px;color:#bdd2ca}.seo-case-equation>svg{margin:25px 0 10px;color:#8cd5b0}.seo-case-equation output{font-size:clamp(48px,5vw,76px);font-weight:750;letter-spacing:-.05em;color:#bbefb8}.seo-case-explanation{padding:38px}.seo-case-explanation h3{font-size:26px;line-height:1.2;font-weight:750;letter-spacing:-.04em;margin-bottom:16px}.seo-case-explanation>p:not(.seo-eyebrow){font-size:14px;line-height:1.75;color:#526176}.seo-case-formula{border-left:2px solid #4e79dc;padding-left:17px;margin:23px 0;font-weight:650;font-size:17px}.seo-case-formula span{font-size:13px;color:#526176;font-weight:400}.seo-case-explanation .seo-case-note{font-size:11px!important}.seo-case-measurement{margin-top:25px;color:#526176;font-size:13px;line-height:1.75}.seo-case-measurement summary{cursor:pointer;padding:12px 0;font-weight:650;color:#263c58}.seo-case-measurement>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding-top:15px}.seo-case a:focus-visible,.seo-case summary:focus-visible{outline:3px solid #2476ff;outline-offset:5px}.reference-project-image{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-bottom:1px solid #e3e7ef}@media(max-width:900px){.seo-case-intro{gap:30px}.seo-case-path{grid-template-columns:1fr 1fr}.seo-case-path article{padding:25px!important;border-bottom:1px solid #d5deeb}.seo-case-path article:nth-child(2){border-right:0}.seo-case-path article:nth-child(3){border-bottom:0}.seo-case-equation,.seo-case-explanation{padding:28px}}@media(max-width:620px){.seo-case{padding:38px 0 45px}.seo-case-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:28px}.seo-case-intro,.seo-case-economics,.seo-case-measurement>div{grid-template-columns:1fr}.seo-case-intro{gap:23px}.seo-case-path{margin:30px 0}.seo-case-path article{padding:20px 12px!important}.seo-case-path h3{font-size:17px}.seo-case-path p{font-size:12px}.seo-case-path span{font-size:9px}.seo-case-equation{padding:30px 20px}.seo-case-explanation{padding:27px 23px}.seo-case-measurement>div{gap:12px}}.seo-case-search{display:flex;gap:16px;align-items:flex-start;margin-top:35px;padding:20px 24px;background:#fff;border:1px solid #dde4ee;border-radius:16px;color:#36517a}.seo-case-search>svg{flex-shrink:0;margin-top:4px}.seo-case-search span{font-size:11px;color:#66788e}.seo-case-search p{font-size:15px;line-height:1.8;margin:3px 0}.seo-case-search b{margin:0 9px;color:#bac5d5}.seo-case-search small{font-size:10px;color:#66788e}.seo-case-equation .seo-case-result-number{font-size:120px;line-height:1;color:#bbefb8;letter-spacing:-.07em}.seo-case-equation h3{font-size:27px;font-weight:650;margin:10px 0 18px;letter-spacing:-.025em}.seo-case-equation .seo-case-result-caption{font-size:14px;line-height:1.7;margin:0 0 28px}.seo-case-equation .seo-case-channels{gap:20px;flex-wrap:wrap}.seo-case-channels span{display:flex;gap:6px;align-items:center;font-size:11px;color:#bdd2ca}.seo-case-personal{margin-top:18px}.seo-case-author{display:block;font-size:11px;color:#526176;margin-top:24px}.seo-case-data-note{max-width:850px;font-size:11px;line-height:1.8;color:#647187;margin-top:18px}.seo-case-summary a{display:inline-flex;align-items:center;gap:6px}.seo-case-showcase{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:22px;margin-top:42px;align-items:stretch}.seo-case-browser{min-width:0;margin:0;background:#fff;border:1px solid #dce3ed;border-radius:18px;overflow:hidden;align-self:center;box-shadow:0 20px 50px #1e385a0b}.seo-case-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 17px;font-size:11px;color:#67788e;border-bottom:1px solid #e8edf3}.seo-case-browser-bar>span:first-child{color:#bbc8d8;font-size:8px;letter-spacing:2px}.seo-case-browser img{display:block;width:100%;height:auto}.seo-case-browser figcaption{padding:10px 15px;font-size:10px;color:#66788e;line-height:1.5}.seo-case-stats{padding:28px;background:#142c29;border-radius:18px;color:#fff;display:flex;flex-direction:column;justify-content:center}.seo-case-stats>p{font-size:13px;font-weight:650}.seo-case-stats>p small{display:block;font-size:10px;color:#a6beb4;font-weight:400;margin-top:5px}.seo-case-stats>div{padding:19px 0;border-bottom:1px solid #ffffff20}.seo-case-stats strong{display:block;color:#c2eea6;font-size:65px;font-weight:750;line-height:1.1;letter-spacing:-.055em}.seo-case-stats strong small{font-size:16px;font-weight:400;letter-spacing:0}.seo-case-stats>div>span{font-size:13px;color:#d5e2dd}.seo-case-stats footer{display:flex;gap:12px;align-items:center;margin-top:21px;font-size:11px;line-height:1.7;color:#bdd2ca}.seo-case-stats footer img{background:#fff;padding:5px;border-radius:50%;box-sizing:content-box;object-fit:contain}.seo-case-search>img{object-fit:contain;flex-shrink:0;margin-top:3px}.seo-case-comparison{display:grid;grid-template-columns:1fr 1fr;position:relative;border:1px solid #dce3ed;border-radius:22px;overflow:hidden;background:#fff}.seo-case-comparison>div{padding:35px 38px}.seo-case-comparison>div:last-child{background:#eaf3ee}.seo-case-comparison h3,.seo-case-business-value h3{font-size:29px;line-height:1.15;letter-spacing:-.035em;font-weight:750;margin:12px 0 24px}.seo-case-comparison ul{list-style:none;padding:0;display:grid;gap:15px}.seo-case-comparison li{display:flex;gap:12px;font-size:14px;color:#526176;line-height:1.5}.seo-case-comparison li svg{flex-shrink:0;margin-top:2px;color:#8996a4}.seo-case-comparison>div:last-child li svg{color:#298360}.seo-case-comparison-arrow{position:absolute;top:48px;left:50%;transform:translate(-50%);width:42px;height:42px;display:grid;place-items:center;border:1px solid #dce3ed;border-radius:50%;background:#fff;color:#3c6654}.seo-case-contact-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 0;border-bottom:1px solid #d5deeb}.seo-case-contact-strip h3{font-size:21px;font-weight:700;margin-bottom:7px}.seo-case-contact-strip p{color:#526176;font-size:13px;max-width:450px;line-height:1.7}.seo-case-contact-icons{display:flex;gap:26px}.seo-case-contact-icons span{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:11px;color:#36517a}.seo-case-business-value{display:grid;grid-template-columns:1fr 1.2fr;gap:45px;margin-top:38px}.seo-case-business-value h3{margin-bottom:0}.seo-case-business-value>div>p:not(.seo-eyebrow){color:#526176;font-size:15px;line-height:1.8}.seo-case-business-value small{display:block;color:#67788e;font-size:11px;line-height:1.7;margin-top:10px}@media(max-width:900px){.seo-case-showcase{grid-template-columns:1.45fr 1fr;gap:15px}.seo-case-stats{padding:22px}.seo-case-stats strong{font-size:50px}.seo-case-comparison>div{padding:28px}}@media(max-width:620px){.seo-case-showcase,.seo-case-comparison,.seo-case-business-value{grid-template-columns:1fr}.seo-case-stats{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.seo-case-stats>p,.seo-case-stats footer{grid-column:1/-1}.seo-case-stats footer{margin-top:15px}.seo-case-comparison-arrow{display:none}.seo-case-comparison h3,.seo-case-business-value h3{font-size:26px}.seo-case-contact-strip{align-items:flex-start;flex-direction:column;gap:23px}.seo-case-contact-icons{gap:35px}.seo-case-business-value{gap:20px}}.references-page{color:#172237}.references-page .references-intro{padding-top:55px;padding-bottom:55px;background:radial-gradient(ellipse at 90% 0%,#eef0ff88,transparent 60%)}.reference-heading-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end}.reference-heading-grid h1{font-size:clamp(40px,4.7vw,66px);line-height:1.04;letter-spacing:-.055em;font-weight:850;margin:20px 0 0}.reference-heading-grid h1 span{color:#5263da}.reference-heading-grid>div:last-child>p{font-size:20px;line-height:1.7;margin:0 0 12px}.reference-heading-grid>div:last-child>span{font-size:14px;line-height:1.8;color:#6d7b90;display:block}.reference-project-nav{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e0e7f3}.reference-project-nav>a{position:relative;padding:22px 25px 0 0;display:flex;flex-direction:column;gap:6px}.reference-project-nav small{font-size:10px;color:#7c8da6}.reference-project-nav strong{font-size:13px;font-weight:650}.reference-project-nav svg{position:absolute;right:20px;bottom:2px;color:#899abb}.reference-project-nav a:hover{color:#087cff}.references-page .seo-case{scroll-margin-top:120px}.reference-final{background:linear-gradient(120deg,#eef6ff,#f6f1ff);text-align:center;padding:70px 24px 85px}.reference-final .seo-container>svg{margin:0 auto 20px;color:#5566df}.reference-final h2{font-size:clamp(30px,4vw,45px);font-weight:800;line-height:1.14;letter-spacing:-.04em;margin:15px 0 20px}.reference-final .seo-container>p:not(.seo-eyebrow){max-width:560px;margin:0 auto 28px;line-height:1.8;color:#62728b}.reference-final .seo-button{gap:12px}@media(max-width:800px){.reference-heading-grid{grid-template-columns:1fr;gap:26px}.reference-heading-grid>div:last-child>p{font-size:18px}.reference-project-nav{grid-template-columns:1fr 1fr;gap:15px}.reference-project-nav>a{padding-right:20px}.reference-project-nav svg{right:5px}.references-page .references-intro{padding-top:35px}}@media(max-width:380px){.reference-project-nav strong{font-size:11px}.reference-project-nav svg{display:none}}
