/* SEOGIDTALK / 15 October 2026. Final legibility, CTA palette and SEO proof. */
:root{--sg36-mint:#02cda9;--sg36-mint-2:#71f4cf;--sg36-ink:#132f39}
html,body{font-family:Manrope,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
body,body p,body li,body label,body button,body input,body textarea,body select{font-feature-settings:"kern" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body :is(h1,h2,h3,h4,h5,h6){font-family:Manrope,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;letter-spacing:-.014em!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important;text-shadow:none!important;-webkit-text-stroke:0 transparent!important;filter:none!important}
/* Earlier CSS clipped gradient backgrounds to each Cyrillic glyph, distorting letters. */
body :is(.s26-hero,.s26-pagehero,.s26-section,.s26-cta,.sghero,.sgarticle,.sgcategory-hero,.sgsection,.sgarticlecta) :is(h1,h2,h3,h4){background-image:none!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;animation:none!important;color:#142f38!important}
body :is(.s26-section--contrast,.s26-cta,.s26-page-rail,.s26-measure) :is(h1,h2,h3,h4){color:#f2fffe!important}
body :is(h1,h2,h3,h4) .sg31-accent{background:none!important;-webkit-background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;color:#008f81!important}
body :is(.s26-section--contrast,.s26-cta) .sg31-accent{color:#aaffec!important}
/* Preserve the existing opaque mint / graphite H1 colour animation, without gradient clipping. */
body .s26-hero h1 .sg31-accent{animation:sg35-home-color 9s ease-in-out infinite!important;color:var(--sg35-home-ink,#008f81)!important}
body :is(.s26-hero h1,.s26-pagehero h1,.sghero h1,.sgarticle h1){letter-spacing:-.022em!important;line-height:1.16!important}
body :is(.s26-section h2,.sgarticle h2,.sgsection h2){line-height:1.23!important}
/* Uniform animated mint controls; no geometry/position changes to sticky/mobile buttons. */
body :is(a.btn,a.sgbtn,a.s26-btn,a.sgv22-primary,a.sgv22-secondary,a.sgcard-read,a.sg28-messenger,button:not(.menubtn):not([data-s26-row]),input[type=submit]){
 background:linear-gradient(115deg,#02cda9 0%,#64e8c8 50%,#02cda9 100%)!important;
 background-size:220% 100%!important;
 border:1px solid rgba(0,143,119,.27)!important;
 color:#07313a!important;
 -webkit-text-fill-color:#07313a!important;
 text-shadow:none!important;
 box-shadow:0 9px 24px rgba(3,165,137,.13)!important;
 font-weight:750!important;
 letter-spacing:0!important;
 text-decoration:none!important;
 transition:background-position .42s ease,transform .24s ease,box-shadow .26s ease,border-color .26s ease!important;
}
body :is(a.btn,a.sgbtn,a.s26-btn,a.sgv22-primary,a.sgv22-secondary,a.sgcard-read,a.sg28-messenger,button:not(.menubtn),input[type=submit]):is(:hover,:focus-visible){
 background-position:100% 50%!important;transform:translateY(-2px);box-shadow:0 14px 30px rgba(3,165,137,.23)!important;border-color:#04aa8e!important;
}
body :is(a.btn,a.sgbtn,a.s26-btn,a.sgv22-primary,a.sgv22-secondary,a.sgcard-read,a.sg28-messenger,button,input[type=submit]):focus-visible{outline:3px solid #007c70!important;outline-offset:3px!important}
body :is(a.btn,a.sgbtn,a.s26-btn,a.sgv22-primary,a.sgv22-secondary,a.sgcard-read) :is(span,b,strong,em,svg){color:inherit!important;-webkit-text-fill-color:currentColor!important}
/* The default navigation toggle stays compact and readable. */
body button.menubtn{background:#e6f9f4!important;color:#075b55!important;border:1px solid #89d7c6!important}
/* Proof board closely follows the requested reference, within the existing home grid. */
body .s26-hero .sg36-proof{display:block!important;overflow:hidden!important;width:100%!important;max-width:650px!important;margin:0!important;padding:0!important;color:#ecfbfc!important;background:#102b35!important;border:1px solid rgba(148,239,225,.12)!important;border-radius:12px!important;box-shadow:0 28px 58px rgba(10,51,63,.22)!important;animation:none!important;opacity:1!important;transform:none!important}
body .sg36-proof :is(span,p,small,strong,b,em,li,h2){filter:none!important;text-shadow:none!important;-webkit-text-stroke:0 transparent!important;-webkit-text-fill-color:currentColor!important;letter-spacing:0!important}
body .sg36-proof .sg36-proof-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 20px;padding:15px 0;border-bottom:1px solid rgba(196,238,235,.22);font-size:10px!important;color:#57efdc!important;font-weight:850!important}
body .sg36-proof .sg36-proof-head b{color:#e8f8fb!important;font-size:11px!important;letter-spacing:0!important;background:#23434e;border-radius:5px;padding:4px 7px}
body .sg36-proof .sg36-proof-body{padding:17px 20px 22px}
body .sg36-proof .sg36-proof-eyebrow,body .sg36-proof .sg36-demo-title{display:block;color:#4df2d3!important;font-size:11px;font-weight:850;line-height:1.4;margin-bottom:10px}
body .sg36-proof h2{font-size:clamp(25px,2.3vw,35px)!important;font-weight:850!important;line-height:1.16!important;margin:0 0 12px!important;letter-spacing:-.02em!important;color:#fff!important}
body .sg36-proof .sg36-proof-lead{font-size:13px!important;line-height:1.65!important;margin:0 0 16px!important;color:#e0f9f7!important}
body .sg36-proof .sg36-proof-benefits{background:#1c3c47!important;border-radius:9px;padding:14px 15px;margin-bottom:18px}
body .sg36-proof .sg36-proof-benefits>span{display:block;color:#66f2dc!important;font-size:11px;font-weight:900;margin-bottom:8px}
body .sg36-proof .sg36-proof-benefits ul{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:10px}
body .sg36-proof .sg36-proof-benefits li{position:relative;padding-left:27px!important;font-size:12px!important;line-height:1.4!important;color:#f5fffd!important}
body .sg36-proof .sg36-proof-benefits li:before{content:"✓";display:grid;place-items:center;position:absolute;left:0;top:1px;width:16px;height:16px;border:1px solid #39e7ca;border-radius:50%;font-size:11px;color:#3cf3ce}
body .sg36-proof .sg36-proof-benefits strong{display:block;color:#fff!important;font-weight:800!important}
body .sg36-proof .sg36-proof-benefits small{display:block;font-size:11px!important;line-height:1.55!important;color:#c3e1e2!important;margin-top:3px}
body .sg36-proof .sg36-demo-title{margin:0 0 4px}
body .sg36-proof .sg36-demo-disclaimer{margin:0 0 10px!important;color:#b8d9dc!important;font-size:10px!important;line-height:1.45!important}
body .sg36-proof .sg36-demo-table{display:block;width:100%;font-variant-numeric:tabular-nums}
body .sg36-proof .sg36-demo-row{display:grid;grid-template-columns:minmax(0,1fr) 57px 83px;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #42606b;font-size:12px;line-height:1.4;color:#f3fffe}
body .sg36-proof .sg36-demo-header{font-size:10px;font-weight:800;color:#dbf4f4;min-height:30px;padding:9px 0}
body .sg36-proof .sg36-demo-row span:nth-child(n+2){text-align:right}
body .sg36-proof .sg36-demo-row span:first-child{min-width:0;overflow-wrap:break-word}
body .sg36-proof .sg36-before,body .sg36-proof .sg36-after{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:42px;padding:8px 9px;border-radius:7px;font-size:12px;font-weight:900!important;white-space:nowrap}
body .sg36-proof .sg36-before{background:#24434e;color:#fff!important}
body .sg36-proof .sg36-after{background:linear-gradient(110deg,#0ccca9,#75eeca);color:#05363a!important}
body .sg36-proof .sg36-after em{font-style:normal;font-size:10px;font-weight:800;color:#073c3d!important}
body .sg36-proof .sg36-proof-footnote{font-size:12px!important;line-height:1.5!important;color:#d2eeef!important;margin:17px 0 12px!important}
body .sg36-proof .sg36-proof-cta{width:100%;display:flex!important;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:13px!important;font-size:12px!important;line-height:1.3!important}
body .sg36-proof .sg36-proof-secondary{display:block;margin:12px 0 0;text-align:center;font-size:11px;line-height:1.5;color:#75e6d8!important}
@media(max-width:700px){body .sg36-proof .sg36-proof-head{margin-inline:14px}body .sg36-proof .sg36-proof-body{padding:16px 14px 19px}body .sg36-proof h2{font-size:clamp(22px,5vw,30px)!important}body .sg36-proof .sg36-demo-row{grid-template-columns:minmax(0,1fr) 47px 74px;font-size:11px;gap:5px}}
@media(prefers-reduced-motion:reduce){body .s26-hero h1 .sg31-accent{animation:none!important}body :is(a.btn,a.sgbtn,a.s26-btn,a.sgv22-primary,a.sgv22-secondary,button){transition:none!important;transform:none!important}}
/* The reference board headline is white; avoid auto-accent on the generated h2. */
body .sg36-proof h2 .sg31-accent{color:#fff!important;-webkit-text-fill-color:#fff!important;animation:none!important}


/* SEOGIDTALK SG39 / home proof strip resize + gap fix / 2026-10-16 */
body .s26-hero{padding-bottom:34px!important}
body .s26-hero .s26-hero-grid{align-items:start!important}
body .s26-hero .s26-hero-copy > .s26-hero-proof{margin-top:24px!important;padding:16px clamp(118px,19%,146px) 9px 16px!important;grid-template-columns:minmax(0,1.02fr) minmax(0,1.34fr) minmax(0,1.02fr)!important}
body .s26-hero .s26-hero-copy > .s26-hero-proof > span{min-height:38px!important;font:750 12.8px/1.35 Inter,system-ui,-apple-system,'Segoe UI',sans-serif!important;padding:0 11px!important;gap:7px!important}
body .s26-hero .s26-hero-copy > .s26-hero-proof > span > b{flex:0 0 31px!important;width:31px!important;height:31px!important;font:800 14px/1 Inter,system-ui,-apple-system,'Segoe UI',sans-serif!important}
body .s26-hero .s26-hero-copy > .s26-hero-proof > span::before{flex:0 0 15px!important;width:15px!important;height:15px!important}
body .s26-hero .s26-hero-copy > .s26-hero-proof > span a,body .s26-hero .s26-hero-copy > .s26-hero-proof > span a.sg-editor-inline-link{color:#0a7f78!important;text-decoration-thickness:1px!important;text-underline-offset:2px!important}
body .s26-hero .s26-hero-copy > .s26-hero-disclaimer{padding:8px clamp(118px,20%,146px) 14px 16px!important;font:500 12.3px/1.58 Inter,system-ui,-apple-system,'Segoe UI',sans-serif!important}
body .s26-hero .s26-hero-copy > .s26-hero-disclaimer::after{top:-51px!important;width:clamp(118px,25%,168px)!important;height:104px!important}
body .s26-hero + .s26-section{padding-top:46px!important}
@media(max-width:930px){body .s26-hero{padding-bottom:28px!important}body .s26-hero + .s26-section{padding-top:40px!important}}
@media(max-width:680px){body .s26-hero .s26-hero-copy > .s26-hero-proof{padding:14px 96px 7px 12px!important}body .s26-hero .s26-hero-copy > .s26-hero-proof > span{font-size:11px!important}body .s26-hero .s26-hero-copy > .s26-hero-disclaimer{padding:7px 94px 14px 12px!important;font-size:11px!important}}
@media(max-width:500px){body .s26-hero{padding-bottom:20px!important}body .s26-hero .s26-hero-copy > .s26-hero-proof{padding:14px 14px 7px!important}body .s26-hero .s26-hero-copy > .s26-hero-proof > span{font-size:12px!important}body .s26-hero .s26-hero-copy > .s26-hero-disclaimer{padding:8px 118px 14px 14px!important}body .s26-hero + .s26-section{padding-top:32px!important}}
@media(max-width:365px){body .s26-hero .s26-hero-copy > .s26-hero-disclaimer{padding-right:14px!important;padding-bottom:84px!important}}