*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{cursor:pointer}button,input{font:inherit}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15}em{font-style:normal}[hidden]{display:none!important}
.skip-link{position:fixed;left:16px;top:-100px;z-index:200;padding:12px 20px;background:#fff;color:#17212b;border:2px solid #3558f4;border-radius:8px}.skip-link:focus{top:12px}
.brand,.main-nav,.auth-controls{display:flex;align-items:center}.google-signin{display:inline-flex;align-items:center;justify-content:center}.google-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%}.account-menu{position:relative}.account-summary{display:flex;align-items:center;text-align:left}.account-summary strong,.account-summary small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-summary>span{min-width:0}.account-summary>img{border-radius:50%;object-fit:cover}.account-summary>i{color:#7b8494;font-style:normal}.profile-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:90}.profile-menu>div{border-bottom:1px solid}.profile-menu>div b,.profile-menu>div span{display:block;overflow:hidden;text-overflow:ellipsis}.profile-menu>div span{color:var(--muted)}.profile-menu>a,.profile-menu>button{display:flex;width:100%;border:0;border-radius:8px;background:transparent;text-align:left}
.use-cases-menu:not([open]) .use-cases-panel{display:none}.use-cases-menu>summary{display:flex;align-items:center;list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.hero{position:relative}.hero-inner{display:grid;margin:0 auto}.hero-actions{display:flex;align-items:center;flex-wrap:wrap}.hero-stats{padding:0}.tool-shell{overflow:hidden}.tool-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.tool-topline>div{display:flex;align-items:center}.auth-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.auth-lock{display:grid;place-items:center}.tool-heading{display:flex;justify-content:space-between;gap:12px}.tool-heading h2{margin:0}
.drop-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:background .2s,border-color .2s}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0}.upload-icon{display:grid;place-items:center}.upload-icon svg{width:25px;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.drop-zone small{margin-top:10px;color:var(--muted)}.file-preview:not([hidden]){display:flex;align-items:center;gap:14px;min-height:124px}.file-preview img{width:92px;height:92px;object-fit:cover}.file-preview div{min-width:0;flex:1}.file-preview strong,.file-preview span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview span{color:var(--muted)}.file-preview button{width:34px;height:34px;flex-shrink:0;border:1px solid var(--line);border-radius:50%}
.mode-picker{border:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.mode-picker label{position:relative;cursor:pointer}.mode-picker input{position:absolute;opacity:0;width:1px;height:1px}.mode-picker label>span{display:flex;justify-content:center;align-items:center;border:1px solid}.mode-picker input:focus-visible+span{outline:3px solid #8ea7ff;outline-offset:2px}.mode-picker input:disabled+span{cursor:not-allowed}.tool-note{text-align:center}.primary-button.is-loading{position:relative;background:#edf1ff;color:#3558f4}.primary-button.is-loading::before{content:"";width:16px;height:16px;border:2px solid #b7c5fc;border-top-color:#3558f4;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.result-panel{border-top:1px solid var(--line)}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.result-heading h3{margin:0}.result-heading>span{padding:6px 9px;border-radius:6px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;border:1px solid}.result-grid figure{margin:0}.result-grid img{width:100%;aspect-ratio:3/4;object-fit:contain}.result-actions{display:grid;gap:8px}.result-actions>button{border:1px solid var(--line);color:var(--text)}
.proof-rail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.proof-rail>div{width:min(calc(100% - 48px),var(--max));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;color:var(--muted);font-size:13px;font-weight:600;overflow:auto;scrollbar-width:none;white-space:nowrap}.proof-rail i{width:3px;height:3px;flex-shrink:0;background:#b4bfd1;border-radius:50%}
.cases-section,.how-section,.faq-section,.seo-directory{width:min(calc(100% - 48px),var(--max));margin:0 auto;padding:80px 0}.section-heading{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:56px;margin-bottom:36px}.section-heading h2,.engine-copy h2,.truth-section h2,.final-cta h2{margin:0;font-size:clamp(30px,3.6vw,44px);font-weight:700;letter-spacing:-1.6px;line-height:1.16}.section-heading>p{max-width:440px;color:var(--muted);margin:0;font-size:16px;line-height:1.8}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.case-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.case-card>header{padding:22px 24px 20px;order:2}.case-card>header>div{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-direction:row-reverse}.case-index{color:#7a8799;font-size:11px;font-weight:700;letter-spacing:1px;white-space:nowrap}.case-card h3{margin:0;font-size:20px;letter-spacing:-.6px;font-weight:700}.case-card header p{margin:10px 0 0;font-size:14px;color:var(--muted);line-height:1.6}.case-card>.comparison{order:1}.case-card .case-meta{order:3;padding:0 24px 22px;display:flex;gap:8px;flex-wrap:wrap}.case-meta span{font-size:12px;color:#67738a;background:#f5f7fb;padding:4px 8px;border-radius:5px}.case-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr auto}.case-card:last-child>.comparison{grid-row:1/3}.case-card:last-child>header{align-self:end;padding:32px}.case-card:last-child .case-meta{padding:0 32px 32px}.case-disclaimer{color:var(--muted-2);font-size:12px;margin:18px 0 0}
.comparison{position:relative;aspect-ratio:1.35;overflow:hidden;user-select:none;touch-action:pan-y;background:#e8edf4}.comparison img{position:absolute;width:200%;max-width:none;height:auto;top:50%;transform:translateY(-50%);pointer-events:none}.comparison-after{left:-100%}.comparison-before{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}.comparison-before img{left:0}.comparison-label{position:absolute;z-index:3;bottom:16px;padding:6px 10px;background:#fffffff0;border:1px solid #ffffff70;border-radius:6px;color:#27323d;font-size:12px;font-weight:700;box-shadow:0 3px 8px #14274312;pointer-events:none}.label-before{left:16px}.label-after{right:16px}.comparison-handle{position:absolute;z-index:4;left:50%;top:0;bottom:0;width:2px;background:#fff;padding:0;border:0;cursor:ew-resize;touch-action:none}.comparison-handle::before{content:"";position:absolute;top:0;bottom:0;left:-20px;width:42px}.comparison-handle::after{content:"";position:absolute;width:40px;height:40px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 4px 14px #23334830}.comparison-handle span{position:absolute;z-index:1;top:50%;left:-12px;transform:translateY(-52%);color:#26344f;font-size:22px;font-weight:500}.comparison-handle span+span{left:5px}
.engine-section{width:min(calc(100% - 48px),var(--max));margin:0 auto;padding:60px;background:#eef2f8;border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.engine-lede{color:var(--muted);line-height:1.8;margin:24px 0}.engine-list{padding:0;list-style:none;margin:30px 0 0}.engine-list li{display:flex;gap:16px;border-top:1px solid #d9e1ec;padding:20px 0}.engine-list li>span{color:var(--acid);font-size:12px;font-weight:700;padding-top:4px}.engine-list h3{font-size:16px;margin:0 0 6px}.engine-list p{font-size:14px;color:var(--muted);margin:0;line-height:1.7}.engine-photo{margin:0;overflow:hidden;border-radius:16px;background:#fff;padding:8px}.engine-photo>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.engine-photo figcaption{padding:14px 10px 8px;font-size:13px;color:var(--muted)}
.steps{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.steps li{padding:28px;background:#fff;border:1px solid var(--line);border-radius:16px}.steps li>span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--blue-soft);color:var(--acid);font-size:12px;font-weight:700;margin-bottom:28px}.steps h3{font-size:21px;letter-spacing:-.5px;margin-bottom:12px}.steps p{color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:24px}.steps b{font-size:11px;letter-spacing:.5px;color:#77849a;font-weight:600}
.truth-section{width:min(calc(100% - 48px),var(--max));margin:0 auto;padding:36px 40px;border:1px solid var(--line);background:#fff;border-radius:16px}.truth-section>.eyebrow{margin-bottom:12px}.truth-section>div{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:start}.truth-section h2{font-size:28px;letter-spacing:-.9px}.truth-section p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}.truth-mark{display:none}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-heading{display:block}.faq-list{min-width:0}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary,.seo-faq summary{display:flex;justify-content:space-between;align-items:start;gap:18px;list-style:none;cursor:pointer;font-weight:600;font-size:16px;line-height:1.55;padding:22px 0}.faq-list summary>span,.seo-faq summary>span{color:var(--acid);font-size:20px;flex-shrink:0;transition:transform .2s}.faq-list details[open] summary>span,.seo-faq details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{margin:0 24px 22px 0;color:var(--muted);font-size:14px;line-height:1.8}
.seo-directory{border-top:1px solid var(--line)}.seo-directory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.seo-directory-grid>a{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;transition:transform .18s,box-shadow .18s}.seo-directory-grid>a:hover{transform:translateY(-3px);box-shadow:0 10px 26px #2436570e}.directory-image{display:block;overflow:hidden;aspect-ratio:1.4;background:#eef2f8}.directory-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.seo-directory-grid>a:hover img{transform:scale(1.04)}.directory-copy{padding:16px}.directory-copy strong{display:block;font-size:14px;line-height:1.5;margin-bottom:6px}.directory-copy small{display:block;color:var(--muted);font-size:12px;line-height:1.65}
.final-cta{width:min(calc(100% - 48px),var(--max));margin:0 auto 70px;padding:54px 60px;background:#edf2ff;border:1px solid #dde5fb;border-radius:24px;display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center;overflow:hidden}.cta-copy>p:not(.eyebrow){color:var(--muted);max-width:460px;margin:18px 0 24px;font-size:16px}.cta-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:rotate(-5deg)}.cta-gallery>div{aspect-ratio:3/4;overflow:hidden;border:6px solid #fff;border-radius:12px;box-shadow:0 14px 28px #35477715;position:relative}.cta-gallery>div:nth-child(2){transform:translateY(24px)}.cta-gallery img{height:100%;width:200%;max-width:none;object-fit:cover;position:absolute;left:-100%}.cta-gallery span{position:absolute;bottom:10px;left:10px;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 4px #000}
.site-footer{width:min(calc(100% - 48px),var(--max));margin:0 auto;padding:44px 0 28px;display:grid;grid-template-columns:1fr 1.5fr;align-items:start;gap:28px 48px;border-top:1px solid var(--line);color:var(--muted)}.footer-brand p{max-width:270px;font-size:13px;line-height:1.8;margin:16px 0 0}.footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.footer-links strong{display:block;color:var(--text);font-size:13px;font-weight:700;margin-bottom:16px}.footer-links a{display:block;margin:10px 0;font-size:13px}.footer-links a:hover{color:var(--acid)}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:12px}
@media(max-width:1000px){.engine-section{padding:36px;gap:36px}.seo-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-heading{gap:30px}.faq-section{gap:40px}.final-cta{padding:40px;gap:32px}.site-footer{grid-template-columns:1fr 1.8fr}}
@media(max-width:720px){.cases-section,.how-section,.faq-section,.seo-directory{width:calc(100% - 36px);padding:48px 0}.section-heading{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.section-heading h2,.engine-copy h2,.final-cta h2{font-size:32px;letter-spacing:-1px}.section-heading>p{font-size:15px}.case-grid{grid-template-columns:1fr;gap:20px}.case-card:last-child{display:flex;grid-column:auto}.case-card>header,.case-card:last-child>header{padding:20px}.case-card .case-meta,.case-card:last-child .case-meta{padding:0 20px 20px}.case-card h3{font-size:19px}.case-index{font-size:10px}.comparison{aspect-ratio:1.2}.proof-rail>div{width:calc(100% - 36px);justify-content:flex-start;padding:16px 0;font-size:12px}.engine-section{width:calc(100% - 36px);padding:26px;grid-template-columns:1fr;gap:24px;border-radius:18px}.engine-photo{order:-1}.engine-photo>img{aspect-ratio:1.5}.steps{grid-template-columns:1fr;gap:14px}.steps li{padding:24px;display:grid;grid-template-columns:40px 1fr;gap:0 16px}.steps li>span{margin:0}.steps h3{font-size:20px}.steps p{margin-bottom:14px}.steps b{grid-column:2}.truth-section{width:calc(100% - 36px);padding:26px}.truth-section>div{grid-template-columns:1fr;gap:18px}.truth-section h2{font-size:25px}.faq-section{grid-template-columns:1fr;gap:0}.faq-heading{margin-bottom:24px}.seo-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.directory-copy{padding:12px}.directory-copy small{font-size:12px}.final-cta{width:calc(100% - 36px);padding:32px 26px;grid-template-columns:1fr;gap:36px;margin-bottom:40px;border-radius:18px}.cta-gallery{max-width:300px;justify-self:center;margin-bottom:20px}.site-footer{width:calc(100% - 36px);grid-template-columns:1fr;padding:30px 0}.footer-links{gap:14px}.footer-bottom{flex-direction:column;gap:8px}.result-grid{grid-template-columns:1fr 1fr}.case-card>header>div{gap:6px}}