.sp-hero[data-astro-cid-dlmjhi4f]{background:#e6e7ea;padding-block:var(--size-10);.breadcrumb{display:flex;align-items:center;gap:.6rem;font-size:var(--fs-300);color:var(--clr-primary-700);margin-block-end:var(--size-5);a{color:var(--clr-secondary-900);text-decoration:none;&:hover{text-decoration:underline}}}.hero-grid{display:grid;grid-template-columns:1fr 46rem;gap:var(--size-10);align-items:center}.hero-left{display:flex;flex-direction:column;gap:var(--size-3)}.hero-cat{display:flex;align-items:center;gap:.6rem;color:var(--clr-secondary-900);font-size:var(--fs-300);font-weight:var(--fw-semi-bold);letter-spacing:.06em;text-transform:uppercase}h1{color:var(--clr-primary-900);font-family:var(--ff-header);font-size:var(--fs-800);font-weight:var(--fw-bold);line-height:1.15;em{font-style:italic;color:var(--clr-secondary-900)}}.hero-desc{color:var(--clr-primary-700);font-size:var(--fs-500);line-height:var(--lh-400);max-width:56ch}.trust-strip{display:flex;flex-wrap:wrap;gap:var(--size-4);margin-block-start:var(--size-1);.trust-item{display:flex;align-items:center;gap:.8rem;.trust-icon{width:3.2rem;height:3.2rem;min-width:3.2rem;border-radius:50%;background:#07133314;display:flex;align-items:center;justify-content:center;color:var(--clr-primary-900)}.trust-label{color:var(--clr-primary-900);font-size:var(--fs-400);font-weight:var(--fw-semi-bold);line-height:1.3}.trust-sub{color:var(--clr-primary-700);font-size:var(--fs-300);line-height:1.4}}}.hero-right{.hero-preview-card{background:#fff;border-radius:var(--border-radius-card);padding:var(--size-4);box-shadow:0 4px 24px #0713331a;display:flex;flex-direction:column;gap:var(--size-2);.hpc-label{color:var(--clr-primary-700);font-size:var(--fs-300);font-weight:var(--fw-semi-bold);text-transform:uppercase;letter-spacing:.08em}.hpc-result{display:flex;flex-direction:column;gap:.4rem;padding:var(--size-2);background:var(--clr-primary-100);border-radius:.8rem;.hpc-url-row{display:flex;align-items:center;gap:.5rem;.hpc-favicon{width:1.8rem;height:1.8rem;border-radius:50%;background:#e8eaed;display:flex;align-items:center;justify-content:center;color:#5f6368;flex-shrink:0}.hpc-url{color:#4d5156;font-size:1.2rem;line-height:1.4;font-family:Arial,sans-serif}}.hpc-title{color:#1a0dab;font-size:var(--fs-500);font-weight:400;line-height:1.3;font-family:Arial,sans-serif}.hpc-desc{color:#4d5156;font-size:1.3rem;line-height:1.58;font-family:Arial,sans-serif}}.hpc-stats{display:flex;gap:var(--size-3);padding-block-start:var(--size-1);border-top:1px solid rgba(0,0,0,.06);.hpc-stat{display:flex;align-items:center;gap:.5rem;color:var(--clr-primary-700);font-size:var(--fs-300);.hpc-stat-dot{width:.8rem;height:.8rem;border-radius:50%;flex-shrink:0;&.hpc-stat-dot--good{background:#34a853}&.hpc-stat-dot--warning{background:#fbbc04}&.hpc-stat-dot--over{background:#ea4335}}}}}}@media(width<=1100px){.hero-grid{grid-template-columns:1fr;gap:var(--size-6)}h1{font-size:var(--fs-700)}.hero-right{max-width:52rem}}@media(width<=768px){padding-block:var(--size-8);.trust-strip{gap:var(--size-3)}}}.sp-tool[data-astro-cid-hfjltngw]{background:var(--clr-primary-100);padding-block:var(--size-10);.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-8);align-items:start}.tool-form{background:#fff;border-radius:var(--border-radius-card);padding:var(--size-5);display:flex;flex-direction:column;gap:var(--size-4);.form-title{color:var(--clr-primary-900);font-family:var(--ff-header);font-size:var(--fs-600);font-weight:var(--fw-bold);line-height:1.3}}.field-group{display:flex;flex-direction:column;gap:.6rem;.field-header{display:flex;align-items:center;justify-content:space-between;gap:var(--size-2);label{color:var(--clr-primary-900);font-size:var(--fs-400);font-weight:var(--fw-semi-bold);line-height:1.4}.char-counter{color:var(--clr-primary-700);font-size:var(--fs-300);font-weight:var(--fw-semi-bold);white-space:nowrap;transition:color .2s}.field-tag{color:var(--clr-primary-700);font-size:var(--fs-300);background:#0000000f;border-radius:99px;padding-inline:.8rem;padding-block:.2rem}}input,textarea{width:100%;background:var(--clr-primary-100);border:1.5px solid rgba(0,0,0,.12);border-radius:var(--border-radius-btn);color:var(--clr-primary-900);font-family:var(--ff-base);font-size:var(--fs-400);line-height:var(--lh-400);padding:1rem 1.2rem;transition:border-color .2s;resize:none;&::placeholder{color:#07133359}&:focus{outline:none;border-color:var(--clr-primary-900);background:#fff}}.url-wrap{display:flex;align-items:center;background:var(--clr-primary-100);border:1.5px solid rgba(0,0,0,.12);border-radius:var(--border-radius-btn);overflow:hidden;transition:border-color .2s;&:focus-within{border-color:var(--clr-primary-900);background:#fff}.url-prefix{padding-inline:1.2rem;color:var(--clr-primary-700);font-size:var(--fs-400);white-space:nowrap;border-right:1px solid rgba(0,0,0,.1);background:#00000008}input{border:none;background:transparent;border-radius:0;flex:1;&:focus{background:transparent}}}.field-sub{color:var(--clr-primary-700);font-size:var(--fs-300);line-height:var(--lh-400)}.counter-bar{display:flex;align-items:center;gap:var(--size-2);.bar-track{flex:1;height:.4rem;background:#00000014;border-radius:99px;overflow:hidden;.bar-fill{height:100%;border-radius:99px;width:0;transition:width .15s ease,background-color .2s;background:#0003}}.field-hint{color:var(--clr-primary-700);font-size:var(--fs-300);white-space:nowrap;transition:color .2s;min-width:18ch;text-align:right}}&[data-state=good]{.char-counter{color:#1e7e34}.bar-fill{background:#34a853}.field-hint{color:#1e7e34}}&[data-state=warning]{.char-counter{color:#a06800}.bar-fill{background:#fbbc04}.field-hint{color:#a06800}}&[data-state=over]{.char-counter{color:#c62828}.bar-fill{background:#ea4335}.field-hint{color:#c62828}input,textarea{border-color:#ea433566}}}.copy-wrap{display:flex;flex-direction:column;gap:.6rem;padding-block-start:var(--size-1);border-top:1px solid rgba(0,0,0,.06);.copy-btn{display:inline-flex;align-items:center;gap:.7rem;background:var(--clr-primary-100);border:1.5px solid rgba(0,0,0,.12);border-radius:var(--border-radius-btn);color:var(--clr-primary-900);cursor:pointer;font-family:var(--ff-base);font-size:var(--fs-400);font-weight:var(--fw-semi-bold);padding:1rem 1.6rem;transition:border-color .2s,color .2s;&:hover{border-color:var(--clr-secondary-900);color:var(--clr-secondary-900)}}.copy-feedback{font-size:var(--fs-300);min-height:1.6rem;&[data-state=success]{color:#1e7e34}&[data-state=error]{color:#c62828}}}.tool-preview{display:flex;flex-direction:column;gap:var(--size-3);.preview-header{display:flex;align-items:center;justify-content:space-between;gap:var(--size-3);.preview-label{color:var(--clr-primary-900);font-family:var(--ff-header);font-size:var(--fs-600);font-weight:var(--fw-bold);line-height:1.3}.view-tabs{display:flex;gap:.4rem;.view-tab{display:flex;align-items:center;gap:.5rem;background:#fff;border:1.5px solid rgba(0,0,0,.12);border-radius:var(--border-radius-btn);color:var(--clr-primary-700);cursor:pointer;font-family:var(--ff-base);font-size:var(--fs-300);font-weight:var(--fw-semi-bold);padding:.6rem 1.2rem;transition:border-color .2s,color .2s,background .2s;&:hover{border-color:var(--clr-primary-900);color:var(--clr-primary-900)}}.view-tab--active{background:var(--clr-primary-900);border-color:var(--clr-primary-900);color:#fff}}}}.preview-frame{background:#fff;border-radius:var(--border-radius-card);border:1px solid rgba(0,0,0,.1);overflow:hidden;.search-bar-mock{display:flex;align-items:center;gap:.8rem;padding:1.2rem 1.6rem;border-bottom:1px solid rgba(0,0,0,.08);background:#f8f9fa;.search-icon{color:#5f6368;flex-shrink:0}.mic-icon{color:#5f6368;flex-shrink:0;margin-inline-start:auto}.search-text{flex:1;color:var(--clr-primary-900);font-size:var(--fs-400);font-family:Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.serp-result{padding:var(--size-3) var(--size-4);display:flex;flex-direction:column;gap:.3rem;.serp-url-row{display:flex;align-items:center;gap:.6rem;.serp-favicon{width:1.8rem;height:1.8rem;border-radius:50%;background:#e8eaed;display:flex;align-items:center;justify-content:center;color:#5f6368;flex-shrink:0}.serp-url-info{color:#4d5156;font-size:1.2rem;font-family:Arial,sans-serif;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.serp-title{color:#1a0dab;font-size:2rem;font-weight:400;line-height:1.3;font-family:Arial,sans-serif;cursor:pointer;&:hover{text-decoration:underline}strong{font-weight:700}}.serp-desc{color:#4d5156;font-size:1.4rem;line-height:1.58;font-family:Arial,sans-serif;strong{font-weight:700;color:#202124}}}}.preview-frame--mobile{padding:var(--size-3);background:var(--clr-primary-100);display:flex;flex-direction:column;align-items:center;gap:var(--size-2);.phone-frame{width:28rem;max-width:100%;background:#fff;border-radius:2.4rem;border:2px solid rgba(0,0,0,.15);overflow:hidden;box-shadow:0 4px 20px #0000001a;.phone-status{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.6rem .4rem;background:#f8f9fa;font-size:1.1rem;font-weight:600;color:var(--clr-primary-900);font-family:Arial,sans-serif}.phone-search{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;background:#f8f9fa;border-bottom:1px solid rgba(0,0,0,.08);color:#5f6368;.phone-search-text{color:var(--clr-primary-900);font-size:1.3rem;font-family:Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.phone-result{padding:1.2rem;display:flex;flex-direction:column;gap:.3rem}}.mobile-note{color:var(--clr-primary-700);font-size:var(--fs-300);text-align:center;line-height:var(--lh-400)}}.status-row{display:flex;flex-wrap:wrap;gap:var(--size-2) var(--size-4);padding:var(--size-2) var(--size-3);background:#fff;border-radius:var(--border-radius-btn);border:1px solid rgba(0,0,0,.08);.status-item{display:flex;align-items:center;gap:.6rem;.status-dot{width:.8rem;height:.8rem;border-radius:50%;flex-shrink:0;background:#0003;transition:background .2s;&[data-state=good]{background:#34a853}&[data-state=short]{background:#0000004d}&[data-state=warning]{background:#fbbc04}&[data-state=over]{background:#ea4335}}.status-lbl{color:var(--clr-primary-700);font-size:var(--fs-300);font-weight:var(--fw-semi-bold)}.status-txt{color:var(--clr-primary-900);font-size:var(--fs-300)}}}@media(width<=1100px){.tool-grid{grid-template-columns:1fr}}@media(width<=768px){padding-block:var(--size-8);.tool-form{padding:var(--size-3)}.field-group .counter-bar{flex-direction:column;align-items:flex-start;gap:.4rem;.field-hint{text-align:left;white-space:normal}}}}