/* finesse · brand · liquid glass product map · calm editorial · 2026-09-15 */
@import url("/official-v2/site-supplements.css?v=20260915-seo");

.v2-seo-guide .seo-guide-hero{min-height:0;padding:82px 0 64px}
.v2-seo-guide h1{font-size:clamp(42px,4.2vw,64px);line-height:1.14}

/* CTA refinement: one calm, actionable glass surface instead of a detached dark banner. */
.v2-seo-guide .seo-guide-cta{position:relative;padding:0 0 clamp(64px,7vw,108px);background:transparent;color:var(--ink)}
.v2-seo-guide .seo-guide-cta>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(28px,5vw,72px);isolation:isolate;padding:clamp(34px,5vw,64px);border:1px solid color-mix(in srgb,var(--accent) 13%,var(--stroke));border-radius:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--glass-high)),color-mix(in srgb,var(--blue) 7%,var(--glass-high)));box-shadow:0 26px 64px -44px color-mix(in srgb,var(--accent-deep) 54%,transparent),inset 0 1px 0 var(--glass-high)}
.v2-seo-guide .seo-guide-cta>div::before{content:"";position:absolute;z-index:-1;inset:auto -7% -74% auto;width:min(56vw,620px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 19%,transparent),transparent 67%);pointer-events:none}
.v2-seo-guide .seo-guide-cta>div::after{display:none}
.v2-seo-guide .seo-guide-cta-copy{min-width:0;max-width:680px}
.v2-seo-guide .seo-guide-cta h2{max-width:16ch;color:var(--ink);text-wrap:balance}
.v2-seo-guide .seo-guide-cta p{max-width:42ch;margin:15px 0 0;color:var(--muted);font-size:16px;line-height:1.72}
.v2-seo-guide .seo-guide-cta .button{min-width:150px;margin:0;justify-content:center;white-space:nowrap;box-shadow:0 14px 24px -18px color-mix(in srgb,var(--accent-deep) 62%,transparent)}

@media(max-width:700px){.v2-seo-guide .seo-guide-cta>div{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:26px;padding:32px 22px;border-radius:22px}.v2-seo-guide .seo-guide-cta h2{max-width:13ch}.v2-seo-guide .seo-guide-cta .button{width:100%;min-height:48px}.v2-seo-guide .seo-guide-cta{padding-bottom:54px}}

@media(max-width:850px){.v2-seo-guide .seo-guide-hero{padding-top:46px}}
@media(max-width:560px){.nav{gap:10px;padding-inline:14px}.nav .brand{min-width:0}.nav .brand img{width:124px;height:auto}.nav .nav-actions{display:flex!important;align-items:center;margin-left:auto}.nav .language-switch,.nav .nav-install{display:none}.nav .seo-guide-nav-menu{display:block!important}.nav .seo-guide-nav-menu summary{display:grid;place-items:center;list-style:none;width:44px;height:44px;border-radius:14px;background:var(--glass);border:1px solid var(--stroke);box-shadow:inset 0 1px 0 var(--glass-high)}.nav .seo-guide-nav-menu summary::-webkit-details-marker{display:none}.nav .seo-guide-nav-menu summary span{display:none}.nav .seo-guide-nav-menu summary::after{content:"";width:18px;height:12px;background:linear-gradient(var(--accent-deep) 0 0) 0 0/18px 2px,linear-gradient(var(--accent-deep) 0 0) 0 5px/18px 2px,linear-gradient(var(--accent-deep) 0 0) 0 10px/18px 2px;background-repeat:no-repeat}.v2-seo-guide .seo-guide-hero{padding-top:34px;gap:32px}.v2-seo-guide h1{font-size:clamp(32px,9.6vw,38px);line-height:1.2;text-wrap:pretty;overflow-wrap:anywhere}.v2-seo-guide .guide-lead{font-size:15px}.v2-seo-guide .guide-preview-header{align-items:flex-start;flex-direction:column;gap:4px}.v2-seo-guide .guide-preview-header small{line-height:1.45}}

/* finesse · component: public footer · register=brand
 * states: default · hover · focus-visible · active · current · responsive
 * tokens: inherited from official-v2 */
.footer{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.68fr);column-gap:clamp(48px,7vw,108px);row-gap:34px;align-items:start;padding:44px 0 30px}
.footer-brand{align-items:flex-start;min-width:0;padding-top:3px}
.footer-brand img{flex:0 0 auto}
.footer-brand p{max-width:24ch;line-height:1.65}
.footer-link-groups{display:grid;grid-template-columns:minmax(190px,.72fr) minmax(320px,1.28fr);gap:clamp(38px,5vw,76px);width:100%}
.footer-links,.footer-guide-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px;align-content:start;margin:0}
.footer-group-title,.footer-guide-links>span{grid-column:1/-1;margin:0 0 10px;color:var(--ink);font-size:11px;font-weight:760;letter-spacing:.055em;line-height:1.4}
.footer-links .footer-group-title{display:block;min-height:0}
.footer-links a,.footer-guide-links a{display:flex;align-items:center;min-width:0;min-height:40px;padding:2px 0;color:var(--muted);font-size:12px;line-height:1.45;white-space:normal;text-wrap:pretty;outline:2px solid transparent;outline-offset:3px;transition:color .18s var(--ease),background-color .18s var(--ease)}
@media(hover:hover){.footer-links a:hover,.footer-guide-links a:hover{color:var(--accent-deep)}}
.footer-links a:focus-visible,.footer-guide-links a:focus-visible{color:var(--accent-deep);outline-color:var(--accent)}
.footer-links a:active,.footer-guide-links a:active{color:var(--ink)}
.preview-note{grid-column:1/-1;margin-top:3px;padding-top:18px}
@media(max-width:920px){.footer{grid-template-columns:minmax(0,1fr);column-gap:0;row-gap:30px}.footer-brand{max-width:360px}.footer-link-groups{grid-template-columns:minmax(180px,.72fr) minmax(280px,1.28fr);gap:36px}}
@media(max-width:620px){.footer{gap:26px;padding:34px 0 26px}.footer-link-groups{grid-template-columns:minmax(0,1fr);gap:28px}.footer-links,.footer-guide-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.footer-links a,.footer-guide-links a{min-height:44px}.preview-note{padding-top:16px}}
@media(max-width:360px){.footer-links,.footer-guide-links{grid-template-columns:minmax(0,1fr)}}