/* SEOGIDTALK 15.10.2026: final non-destructive design layer.
   Base layout, link destinations and existing component structures are retained. */
:root{--sg36-mint:#02cda9;--sg36-deep:#0d3036;--sg36-mint-soft:#8cf3d4}

/* Clear Cyrillic and normal glyph paint across ALL public templates.
   No animated background-clip on individual letters or transformed text. */
html body{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif; font-synthesis:none; text-rendering:auto; -webkit-font-smoothing:antialiased}
body :is(h1,h2,h3,h4,h5,h6,p,li,dt,dd,td,th,a,button,strong,small,label,summary,blockquote){
  text-shadow:none!important; -webkit-text-stroke:0 transparent!important;
  font-kerning:normal; text-rendering:auto; overflow-wrap:break-word;
}
body :is(h1,h2,h3,h4,h5,h6){letter-spacing:-.014em!important;line-height:1.19;hyphens:none;word-break:normal;text-wrap:balance}
body :is(.s26-hero h1,.s26-pagehero h1,.sghero h1,.sgcategory-hero h1,.sgarticle h1,.sgarticle h2,.sgarticle h3,.s26-section h2,.s26-section h3,.sgsection h2,.solo-hero h1,.solo-section h2){
  font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:-.016em!important; -webkit-text-fill-color:currentColor!important;
  -webkit-background-clip:border-box!important;background-clip:border-box!important;
  background-image:none!important; background-color:transparent;
  filter:none!important; font-weight:750!important;
}
body .s26-hero h1{line-height:1.12!important;letter-spacing:-.022em!important}
body .s26-hero h1 .sg31-accent{font:inherit;letter-spacing:inherit!important;animation:sg35-home-color 9s ease-in-out infinite!important}
body :is(.s26-section--contrast h2,.s26-section--contrast h3,.s26-cta h2){color:#f6fffd!important}
/* One accent family for the whole site, based on the supplied #02CDA9 sample.
   Animate ONLY the background colors of clickable surfaces, not their glyphs. */
@keyframes sg36-cta-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
body a:is(.btn,.s26-btn,.sgbtn,.solo-btn),
body a:is(.sg36-board-cta,.solo-plan a,.solo-contact-buttons a,.solo-method a),
body .sticky>.btn,
body :is(button[type="submit"],input[type="submit"],button:not(.menubtn):not([aria-expanded])){
 background-image:linear-gradient(110deg,#02cda9 0%,#65ebcf 42%,#a8f5e0 66%,#02cda9 100%)!important;
 background-size:260% 100%!important;
 background-color:var(--sg36-mint)!important;
 color:#0b3036!important;
 -webkit-text-fill-color:#0b3036!important;
 border:1px solid #00bfa2!important;
 text-decoration:none!important;
 font-weight:750!important;
 animation:sg36-cta-flow 7s ease-in-out infinite!important;
 transition:box-shadow .24s ease,transform .24s ease,border-color .24s ease!important;
}
body a:is(.btn,.s26-btn,.sgbtn,.solo-btn):hover,
body a:is(.sg36-board-cta,.solo-plan a,.solo-contact-buttons a,.solo-method a):hover,
body .sticky>.btn:hover,
body button[type="submit"]:hover{box-shadow:0 14px 30px rgba(0,166,136,.22)!important;filter:none!important}
body a:is(.btn,.s26-btn,.sgbtn,.solo-btn):focus-visible,
body button:focus-visible,body input:focus-visible{outline:3px solid #02cda9!important;outline-offset:3px!important}
body .header .menubtn{color:#08363a;border:1px solid #02cda9;background:#b6f7e8}
body .s26-btn--ghost,body .sticky>.btn.white{background-image:linear-gradient(110deg,#b5f6e6,#effffa,#b5f6e6)!important}

/* Desktop/mobile evidence card matching supplied design, with clearly labeled demos. */
body .s26-measure.sg36-analytics{width:100%;max-width:610px;color:#fff!important;background:#102a34!important;border:1px solid rgba(112,222,203,.16)!important;border-radius:12px!important;box-shadow:0 26px 52px rgba(10,44,57,.16)!important;padding:16px 18px 12px;overflow:hidden;transform:none!important;filter:none!important;animation:none!important}
body .sg36-analytics::before{opacity:.22}
body .sg36-analytics :is(h2,p,span,li,b,strong){-webkit-text-fill-color:currentColor!important;text-shadow:none!important;filter:none!important}
body .sg36-board-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 16px;border-bottom:1px solid #ffffff29;font-size:10px;color:#64edda;letter-spacing:.014em;font-weight:800}
body .sg36-board-head>span:first-child{color:#69eedc!important}
body .sg36-board-tag{border-radius:5px;background:#284954;padding:5px 7px;color:white!important;white-space:nowrap}
body .sg36-board-intro{padding-top:20px}
body .sg36-board-eyebrow{display:block;font-size:10px!important;font-weight:800!important;color:#59e9d8!important;line-height:1.4;letter-spacing:.04em}
body .sg36-board-intro h2{font-family:system-ui,"Segoe UI",Arial,sans-serif!important;color:#fff!important;letter-spacing:-.022em!important;font-size:clamp(23px,2.15vw,35px)!important;line-height:1.12!important;font-weight:750!important;margin:9px 0 10px!important;background:none!important;animation:none!important}
body .sg36-board-intro h2::after{display:none!important}
body .sg36-board-intro p{font-size:13px!important;line-height:1.64!important;color:#d5edf0!important;margin:0 0 15px!important;max-width:95%}
body .sg36-board-benefits{padding:13px 14px;background:#1a3a45;border-radius:9px}
body .sg36-board-benefits ul{padding:0;margin:10px 0 0;list-style:none;display:grid;gap:11px}
body .sg36-board-benefits li{padding:0 0 0 27px;position:relative;font-size:12px;line-height:1.4;color:#fff;list-style:none}
body .sg36-board-benefits li::before{content:'✓';position:absolute;top:1px;left:0;display:grid;place-items:center;width:15px;height:15px;color:#33f0cf;border:1px solid #33f0cf;border-radius:50%;font-size:10px;font-weight:800}
body .sg36-board-benefits li strong{display:block;color:white!important;font-size:12px;font-weight:750}
body .sg36-board-benefits li span{display:block;margin-top:4px;font-size:11px;color:#cee5e8!important}
body .sg36-board-example{margin-top:15px}
body .sg36-board-example>p{color:#b8d6db!important;margin:6px 0 12px;font-size:10.5px!important}
body .sg36-positions{display:grid}
body .sg36-positions-row{display:grid;grid-template-columns:minmax(0,1fr) 46px 70px;gap:8px;align-items:center;border-bottom:1px solid rgba(177,236,228,.22);padding:12px 0;font-size:11.5px;min-width:0}
body .sg36-positions-head{font-size:10px!important;color:#c4e2e5;line-height:1.4;padding:0 0 11px!important}
body .sg36-positions-row>span:first-child{overflow-wrap:anywhere;color:#f2ffff!important}
body .sg36-positions-row>b{display:grid;place-items:center;background:#24434f;padding:8px 3px;border-radius:6px;color:white!important;font-weight:750;font-variant-numeric:tabular-nums}
body .sg36-positions-row>strong{display:flex;align-items:center;justify-content:center;gap:3px;background:#21675c;color:#fff!important;border-radius:6px;padding:8px 4px;font-weight:800;font-variant-numeric:tabular-nums}
body .sg36-positions-row>strong em{font:inherit;color:#acffe8;font-style:normal;font-size:10px}
body .sg36-board-note{font-size:12px!important;line-height:1.5!important;color:#dbebec!important;margin:15px 0 10px!important}
body .sg36-board-cta{display:flex!important;justify-content:center!important;align-items:center!important;gap:9px!important;width:100%!important;padding:14px 16px!important;min-height:47px!important;font-size:12.5px!important;border-radius:8px!important;text-align:center}
body .sg36-board-foot{color:#7af2dd!important;text-align:center;font-size:11px!important;margin:9px 0 0!important}
@media(max-width:700px){body .s26-measure.sg36-analytics{max-width:none;padding:14px!important}body .sg36-board-intro h2{font-size:clamp(23px,6vw,32px)!important}body .sg36-board-intro p{max-width:100%}body .sg36-positions-row{grid-template-columns:minmax(0,1fr) 43px 66px}body .s26-hero h1{font-size:clamp(34px,8vw,46px)!important}}
@media(prefers-reduced-motion:reduce){body a:is(.btn,.s26-btn,.sgbtn,.solo-btn),body .sticky>.btn,body .sg36-board-cta,body button[type="submit"]{animation:none!important;background-position:0 50%!important}body .s26-hero h1 .sg31-accent{animation:none!important;color:#018c80!important}}
