.seo-visual{--line: #ffffff26;margin:0;padding:clamp(22px,3vw,36px);min-width:0;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse at 95% 0%,#ffad1414,transparent 55%),#101010;color:#fff;text-align:left;position:relative}.seo-visual:before{content:"";position:absolute;top:-1px;left:30px;right:30px;height:2px;background:linear-gradient(90deg,#ff6f0c,#ffd72f)}.seo-eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.7;letter-spacing:.13em;text-transform:uppercase;font-weight:500;margin-bottom:26px}.seo-visual .seo-eyebrow{color:#ffd36c}.seo-visual strong{font-weight:500}.seo-visual p{line-height:1.6}.seo-caption{font-size:12px;color:#aaa;margin:22px 0 0}.seo-portrait{position:relative;overflow:hidden;border-radius:24px;margin:0;aspect-ratio:4/5;background:#242424}.seo-portrait img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 20%;object-position:50% 20%}.seo-portrait:after{content:"";position:absolute;top:35%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#000e)}.seo-portrait figcaption{position:absolute;z-index:1;bottom:0;padding:28px;color:#fff}.seo-portrait .seo-eyebrow{margin-bottom:14px;color:#ffdc81}.seo-portrait strong{display:block;font-size:28px;margin-bottom:8px}.seo-portrait figcaption>span:last-child{font-size:15px;line-height:1.6;color:#ffffffbf}.seo-bar-label{display:flex;justify-content:space-between;gap:8px;font-size:13px;margin-bottom:10px}.seo-bar{height:24px;background:#242424;border-radius:4px;overflow:hidden;margin-bottom:24px}.seo-bar span{display:block;height:100%;background:linear-gradient(90deg,#ff6f0c,#ffd72f)}.seo-bar:nth-of-type(4) span{background:#bbb}.seo-capacity{border-top:1px solid var(--line);padding-top:20px}.seo-capacity>strong{font-size:46px;letter-spacing:-.04em;color:#ffd36c}.seo-capacity strong span{font-size:18px;letter-spacing:0}.seo-capacity p{font-size:13px;color:#aaa}.seo-cost-equation{display:flex;flex-direction:column;gap:7px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:#bbb}.seo-cost-equation strong{font-size:22px;color:#fff}.seo-check-progress{display:flex;justify-content:space-between;align-items:center;font-size:38px;color:#ffd36c}.seo-check-progress strong>span{font-size:16px;color:#aaa}.seo-progress-track{background:#303030;height:5px;border-radius:5px;margin:18px 0 12px;overflow:hidden}.seo-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#ff6f0c,#ffd72f);transition:width .2s}.seo-check-items label{display:flex;gap:13px;align-items:center;cursor:pointer;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5}.seo-check-items input{width:19px;height:19px;accent-color:#ffbd39;flex-shrink:0;color-scheme:dark}.seo-check-items input:checked+span{text-decoration:line-through;color:#aaa}.seo-os-section{margin-bottom:72px;padding-bottom:56px;border-bottom:1px solid #0002}.seo-os-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.seo-os-heading .seo-eyebrow{color:#9c4c00;margin-bottom:18px}.seo-os-heading h2{font-family:Sora,sans-serif;font-size:clamp(30px,4vw,46px);line-height:1.15;letter-spacing:-.04em}.seo-os-heading h2 span{color:#9c4c00}.seo-os-heading>p{font-size:17px;line-height:1.8;color:#555}.seo-os-figure{margin:36px 0 0;background:#fff;border:1px solid #0002;border-radius:24px;padding:30px}.seo-os-desktop{display:block;width:100%;height:auto;font-family:Inter,sans-serif}.seo-os-label{font-size:11px;letter-spacing:.1em;fill:#666}.seo-os-figure figcaption{font-size:13px;color:#666;padding-top:20px;margin-top:16px;border-top:1px solid #0002;line-height:1.6}.seo-os-mobile{display:none}@media (max-width:699px){.seo-os-heading{grid-template-columns:1fr;gap:24px}.seo-os-desktop{display:none}.seo-os-mobile{display:block}.seo-os-figure{padding:22px}.seo-os-mobile ol{list-style:none;padding:0;margin:0}.seo-os-mobile li{display:flex;gap:14px;padding:15px 0;border-top:1px solid #0002}.seo-os-mobile li>span{font-size:11px;color:#985400;padding-top:4px}.seo-os-mobile strong{font-weight:500}.seo-os-mobile li p{font-size:13px;color:#666;line-height:1.6;margin-top:5px}.seo-os-mobile-arrow{text-align:center;color:#a35a00;padding:12px;font-size:28px}.seo-os-mobile-hub{background:#111;color:#fff;border-radius:12px;padding:24px 16px;text-align:center;border-top:2px solid #ffbc2b}.seo-os-mobile-hub p{margin-top:10px;font-size:13px;color:#ccc;line-height:1.6}}@media (max-width:380px){.seo-visual{padding:22px}}@media (prefers-reduced-motion:reduce){.seo-progress-track span{transition:none}}
