.sghow-page-active .entry-title,.sghow-page-active .page-header{display:none!important}
.sghow{--bg:#061421;--panel:#081b2b;--panel2:#0a2032;--line:rgba(67,157,220,.2);--text:#f7fbff;--muted:#9fb5c8;--cyan:#55d9ff;--teal:#47ebcf;--pink:#ff4f8d;width:min(1560px,calc(100vw - 28px));margin:42px auto 76px;color:var(--text);font-family:"Manrope",Inter,Arial,sans-serif}
.sghow *{box-sizing:border-box}.sghow svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sghow h1,.sghow h2{font-family:"Unbounded","Manrope",sans-serif;font-weight:800;letter-spacing:-.05em}.sghow h3,.sghow b,.sghow strong{font-weight:800}.sghow p{margin:0;color:var(--muted);line-height:1.7}.sghow a{text-decoration:none}
.sghow-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);min-height:500px;overflow:hidden;border:1px solid rgba(73,161,225,.24);border-radius:28px;background:linear-gradient(135deg,#071827,#081929 58%,#0b1727);box-shadow:0 28px 75px rgba(0,0,0,.28)}
.sghow-hero-copy{padding:54px 48px;display:flex;flex-direction:column;justify-content:center}.sghow-kicker,.sghow-section-head>div>span,.sghow-feature-copy>span,.sghow-panel>span,.sghow-support-copy>span,.sghow-final>div>span,.sghow-notice span{color:#5fddff;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.sghow h1{margin:14px 0 18px;font-size:clamp(46px,4.8vw,72px);line-height:1.02}.sghow h1 em,.sghow-section-head h2 em,.sghow-feature-copy h2 em,.sghow-support-copy h2 em,.sghow-final h2 em{font-style:normal;background:linear-gradient(90deg,#56d8ff 0%,#8ba9ff 45%,#ff5e96 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.sghow-lead{max-width:700px;font-size:15px;font-weight:600}.sghow-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.sghow-btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;border-radius:14px;border:1px solid transparent;color:#fff;font-size:13px;font-weight:800;transition:.24s ease}.sghow-btn:hover{transform:translateY(-2px)}.sghow-btn-primary{background:linear-gradient(100deg,#ff3e7d,#a85af1);box-shadow:0 14px 32px rgba(255,62,125,.2)}.sghow-btn-ghost{background:rgba(7,24,40,.9);border-color:rgba(83,190,255,.28)}.sghow-btn svg{width:16px;height:16px}.sghow-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.sghow-meta span{min-height:44px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid rgba(73,156,221,.13);border-radius:12px;background:rgba(7,24,40,.72);color:#bed0df}.sghow-meta svg{color:#5ddcff}.sghow-meta b{font-size:11px}.sghow-hero-art{position:relative;min-height:500px;background:#071827;overflow:hidden}.sghow-hero-art:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#071827 0%,rgba(7,24,39,.68) 10%,rgba(7,24,39,.08) 34%,rgba(7,24,39,0) 100%)}.sghow-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.08) contrast(1.04)}.sghow-hero-glow{position:absolute;width:160px;height:160px;right:12%;top:16%;z-index:3;border-radius:50%;background:rgba(80,211,255,.15);filter:blur(48px);animation:sghowGlow 4s ease-in-out infinite}
.sghow-notice{display:grid;grid-template-columns:56px 1fr auto;gap:18px;align-items:center;margin-top:16px;padding:20px 22px;border:1px solid rgba(255,173,66,.23);border-radius:20px;background:linear-gradient(90deg,rgba(35,28,19,.72),rgba(11,25,39,.98) 28%,rgba(8,20,34,.98));box-shadow:0 16px 38px rgba(0,0,0,.12)}.sghow-notice-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;color:#ffb45f;background:rgba(255,162,45,.09);border:1px solid rgba(255,172,68,.18)}.sghow-notice h2{margin:5px 0 5px;font-family:"Manrope",sans-serif;font-size:18px;letter-spacing:-.03em}.sghow-notice p{font-size:12px}.sghow-notice>a{display:inline-flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid rgba(255,96,147,.26);border-radius:12px;color:#fff;font-size:11px;font-weight:800;white-space:nowrap}.sghow-notice>a svg{width:15px;height:15px}
.sghow-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.sghow-step-card{position:relative;min-height:170px;padding:20px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(9,30,49,.98),rgba(7,20,34,.995));box-shadow:0 14px 30px rgba(0,0,0,.12)}.sghow-step-num{position:absolute;right:16px;top:14px;color:#617f98;font-size:10px;font-weight:800}.sghow-step-icon,.sghow-rule-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#62dcff;background:rgba(40,139,207,.12);border:1px solid rgba(85,187,247,.18)}.sghow-step-card h3{margin:18px 0 8px;font-size:17px}.sghow-step-card p{font-size:12px}.sghow-nav{display:flex;gap:4px;margin:16px 0;padding:6px;border:1px solid rgba(71,157,220,.18);border-radius:15px;background:rgba(6,20,34,.9);overflow:auto}.sghow-nav a{padding:10px 14px;border-radius:10px;color:#9cb5c8;font-size:11px;font-weight:800;white-space:nowrap}.sghow-nav a:hover{color:#fff;background:rgba(46,127,187,.18)}
.sghow-section,.sghow-feature,.sghow-split,.sghow-support,.sghow-rules,.sghow-final{margin-top:16px}.sghow-section{padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(6,22,37,.99),rgba(5,18,31,.995))}.sghow-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:24px;align-items:end;margin-bottom:18px}.sghow-section-head h2{margin:8px 0 0;font-size:clamp(30px,3vw,44px);line-height:1.08}.sghow-section-head p{font-size:12px}.sghow-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sghow-timeline .sghow-step-card:nth-child(4n+1){border-color:rgba(255,79,141,.22)}.sghow-timeline .sghow-step-card:nth-child(4n+2){border-color:rgba(118,106,255,.22)}.sghow-timeline .sghow-step-card:nth-child(4n+3){border-color:rgba(74,190,255,.24)}
.sghow-feature,.sghow-support{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(8,28,47,.99),rgba(6,19,32,.995))}.sghow-feature-reverse{grid-template-columns:1.08fr .92fr}.sghow-feature-copy,.sghow-support-copy{padding:8px}.sghow-feature-copy h2,.sghow-support-copy h2{margin:8px 0 14px;font-size:clamp(28px,3vw,42px);line-height:1.12}.sghow-feature-copy p,.sghow-support-copy p{font-size:13px}.sghow-tip{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:14px;border:1px solid rgba(76,170,232,.16);border-radius:13px;background:rgba(10,31,49,.76);color:#aac1d4;font-size:12px;line-height:1.55}.sghow-tip svg{flex:0 0 18px;color:#55d9ff}.sghow-shot{margin:0;overflow:hidden;border:1px solid rgba(76,170,232,.2);border-radius:20px;background:#05111b;box-shadow:0 20px 45px rgba(0,0,0,.2)}.sghow-shot img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;object-position:center}.sghow-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sghow-panel{padding:26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(9,29,48,.98),rgba(7,19,32,.99))}.sghow-panel-accent{background:linear-gradient(145deg,rgba(9,29,49,.98),rgba(16,22,48,.98))}.sghow-panel h2{margin:8px 0 12px;font-family:"Unbounded","Manrope",sans-serif;font-size:28px;line-height:1.14}.sghow-panel p{font-size:12.5px}.sghow-docs{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.sghow-docs a{padding:9px 11px;border:1px solid rgba(74,163,225,.18);border-radius:10px;background:rgba(8,24,40,.8);color:#65d8ff;font-size:11px;font-weight:800}
.sghow-support{grid-template-columns:.86fr 1.14fr}.sghow-support-copy ul{display:grid;gap:8px;margin:18px 0 0;padding:0;list-style:none}.sghow-support-copy li{position:relative;padding-left:24px;color:#adc3d5;font-size:12px}.sghow-support-copy li:before{content:"✓";position:absolute;left:0;color:#4de6cc;font-weight:900}.sghow-support-bottom{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px}.sghow-support-bottom small{color:#829db4;font-size:10px;font-weight:700}
.sghow-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sghow-rules article{position:relative;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(9,28,47,.97),rgba(6,19,32,.99))}.sghow-rules article>span{position:absolute;right:16px;top:15px;color:#648198;font-size:10px;font-weight:800}.sghow-rules h3{margin:30px 0 8px;font-size:17px}.sghow-rules p{font-size:12px}
.sghow-final{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;padding:30px;border:1px solid rgba(76,165,230,.22);border-radius:24px;background:radial-gradient(circle at 0 50%,rgba(27,166,232,.10),transparent 27%),radial-gradient(circle at 96% 20%,rgba(255,58,120,.10),transparent 28%),linear-gradient(110deg,rgba(8,27,47,.98),rgba(7,20,35,.99) 62%,rgba(12,20,38,.99))}.sghow-final h2{margin:7px 0 10px;font-size:clamp(28px,3vw,42px);line-height:1.08}.sghow-final p{font-size:12px}.sghow-final-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.sghow-final-actions>a:not(.sghow-btn){color:#69d7ff;font-size:11px;font-weight:800;padding:10px}
.sghow-reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.sghow-reveal.is-visible{opacity:1;transform:none}@keyframes sghowGlow{0%,100%{opacity:.6;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}
@media(max-width:1100px){.sghow-hero{grid-template-columns:1fr}.sghow-hero-copy{padding:42px 34px 24px}.sghow-hero-art{min-height:360px}.sghow-hero-art:before{background:linear-gradient(180deg,#071827 0%,rgba(7,24,39,.18) 20%,rgba(7,24,39,0) 50%)}.sghow-timeline{grid-template-columns:repeat(2,1fr)}.sghow-feature,.sghow-feature-reverse,.sghow-support,.sghow-final{grid-template-columns:1fr}.sghow-final-actions{justify-content:flex-start}.sghow-section-head{grid-template-columns:1fr}.sghow-principles{grid-template-columns:1fr}.sghow-notice{grid-template-columns:50px 1fr}.sghow-notice>a{grid-column:2;justify-self:start}}
@media(max-width:760px){.sghow{width:min(100% - 20px,1400px);margin-top:22px}.sghow-hero{border-radius:22px}.sghow-hero-copy{padding:30px 20px 20px}.sghow h1{font-size:40px}.sghow-lead{font-size:13px}.sghow-meta{grid-template-columns:1fr}.sghow-hero-art{min-height:270px}.sghow-notice{padding:16px}.sghow-section,.sghow-feature,.sghow-support,.sghow-final{padding:18px;border-radius:20px}.sghow-timeline,.sghow-split,.sghow-rules{grid-template-columns:1fr}.sghow-section-head h2,.sghow-feature-copy h2,.sghow-support-copy h2,.sghow-final h2{font-size:29px}.sghow-shot img{max-height:none}.sghow-actions{display:grid}.sghow-btn{width:100%}.sghow-final-actions{display:grid;grid-template-columns:1fr;width:100%}.sghow-final-actions>a:not(.sghow-btn){text-align:center}}
@media(prefers-reduced-motion:reduce){.sghow-reveal{opacity:1;transform:none;transition:none}.sghow-hero-glow{animation:none}}

/* ===== Motion system v2.1 ===== */
.sghow{--motion-fast:.22s;--motion-mid:.42s;--motion-slow:.72s;--ease-premium:cubic-bezier(.22,1,.36,1)}
.sghow a,.sghow button,.sghow-step-card,.sghow-panel,.sghow-rules article,.sghow-shot,.sghow-meta span,.sghow-notice,.sghow-nav a,.sghow-tip{will-change:transform,box-shadow,border-color,background-color}

/* Hero */
.sghow-hero{position:relative;isolation:isolate}
.sghow-hero:after{content:"";position:absolute;inset:-35% auto auto -15%;width:44%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(70,206,255,.12),transparent 67%);filter:blur(18px);pointer-events:none;animation:sghowHeroAura 7s ease-in-out infinite}
.sghow-hero-copy>*{transition:transform var(--motion-mid) var(--ease-premium),filter var(--motion-mid) ease}
.sghow-hero:hover .sghow-kicker{transform:translateX(4px)}
.sghow-hero-art img{transform:scale(1.015);transition:transform 1.2s var(--ease-premium),filter .7s ease}
.sghow-hero:hover .sghow-hero-art img{transform:scale(1.045);filter:saturate(1.13) contrast(1.06) brightness(1.035)}
.sghow-hero-glow{box-shadow:0 0 70px rgba(70,205,255,.18)}

/* Buttons */
.sghow-btn{position:relative;overflow:hidden;isolation:isolate;transition:transform var(--motion-fast) var(--ease-premium),box-shadow var(--motion-mid) ease,border-color var(--motion-mid) ease,filter var(--motion-mid) ease}
.sghow-btn:before{content:"";position:absolute;z-index:-1;top:-150%;left:-45%;width:34%;height:400%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transition:left .7s var(--ease-premium)}
.sghow-btn:hover:before{left:118%}
.sghow-btn:hover{transform:translateY(-3px) scale(1.015)}
.sghow-btn:active{transform:translateY(-1px) scale(.985)}
.sghow-btn-primary:hover{box-shadow:0 18px 42px rgba(255,62,125,.3),0 0 0 1px rgba(255,255,255,.08) inset;filter:saturate(1.08)}
.sghow-btn-ghost:hover{border-color:rgba(92,208,255,.54);box-shadow:0 13px 32px rgba(31,147,216,.12),0 0 0 1px rgba(83,190,255,.08) inset;background:rgba(10,32,50,.96)}
.sghow-btn svg{transition:transform .35s var(--ease-premium)}
.sghow-btn:hover svg{transform:translateX(4px)}

/* Meta chips + nav */
.sghow-meta span{transition:transform .3s var(--ease-premium),border-color .3s ease,background .3s ease,box-shadow .3s ease}
.sghow-meta span:hover{transform:translateY(-3px);border-color:rgba(84,215,255,.34);background:rgba(9,32,50,.93);box-shadow:0 12px 26px rgba(0,0,0,.16)}
.sghow-meta span svg{transition:transform .4s var(--ease-premium),color .3s ease}
.sghow-meta span:hover svg{transform:scale(1.14) rotate(-4deg);color:#8ceaff}
.sghow-nav{position:sticky;top:10px;z-index:12;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.sghow-nav a{position:relative;transition:color .25s ease,background .25s ease,transform .25s var(--ease-premium)}
.sghow-nav a:after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:4px;background:linear-gradient(90deg,#55d9ff,#ff4f8d);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease-premium)}
.sghow-nav a:hover{transform:translateY(-1px)}
.sghow-nav a:hover:after,.sghow-nav a.is-current:after{transform:scaleX(1)}
.sghow-nav a.is-current{color:#fff;background:rgba(46,127,187,.18)}

/* Notice */
.sghow-notice{transition:transform .35s var(--ease-premium),border-color .35s ease,box-shadow .35s ease}
.sghow-notice:hover{transform:translateY(-3px);border-color:rgba(255,173,66,.38);box-shadow:0 22px 44px rgba(0,0,0,.18)}
.sghow-notice-icon{animation:sghowIconPulse 3.4s ease-in-out infinite;transition:transform .35s var(--ease-premium)}
.sghow-notice:hover .sghow-notice-icon{transform:rotate(-5deg) scale(1.08)}
.sghow-notice>a{transition:transform .25s var(--ease-premium),border-color .25s ease,background .25s ease}
.sghow-notice>a:hover{transform:translateX(3px);border-color:rgba(255,96,147,.5);background:rgba(255,79,141,.07)}

/* Cards */
.sghow-step-card,.sghow-panel,.sghow-rules article{overflow:hidden;transition:transform .34s var(--ease-premium),border-color .34s ease,box-shadow .34s ease,background .34s ease}
.sghow-step-card:before,.sghow-panel:before,.sghow-rules article:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(87,210,255,.105),transparent 42%);opacity:0;transition:opacity .32s ease}
.sghow-step-card:hover:before,.sghow-panel:hover:before,.sghow-rules article:hover:before{opacity:1}
.sghow-step-card:hover,.sghow-panel:hover,.sghow-rules article:hover{transform:translateY(-6px);border-color:rgba(86,204,255,.34);box-shadow:0 20px 45px rgba(0,0,0,.22)}
.sghow-step-icon,.sghow-rule-icon{transition:transform .38s var(--ease-premium),box-shadow .38s ease,color .38s ease}
.sghow-step-card:hover .sghow-step-icon,.sghow-rules article:hover .sghow-rule-icon{transform:translateY(-2px) scale(1.08) rotate(-4deg);box-shadow:0 0 24px rgba(85,217,255,.16);color:#8be9ff}
.sghow-step-num{transition:color .3s ease,transform .3s var(--ease-premium)}
.sghow-step-card:hover .sghow-step-num{color:#8fb6d2;transform:translateY(-2px)}

/* Images */
.sghow-shot{position:relative;transition:transform .5s var(--ease-premium),border-color .4s ease,box-shadow .5s ease}
.sghow-shot:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.08) 43%,transparent 58%);transform:translateX(-120%);transition:transform .95s var(--ease-premium)}
.sghow-shot:hover{transform:translateY(-5px);border-color:rgba(91,207,255,.34);box-shadow:0 28px 58px rgba(0,0,0,.28)}
.sghow-shot:hover:after{transform:translateX(120%)}
.sghow-shot img{transition:transform .85s var(--ease-premium),filter .55s ease}
.sghow-shot:hover img{transform:scale(1.025);filter:saturate(1.05) brightness(1.025)}

/* Tips + docs + links */
.sghow-tip{transition:transform .28s var(--ease-premium),border-color .28s ease,background .28s ease}
.sghow-tip:hover{transform:translateX(4px);border-color:rgba(84,211,255,.3);background:rgba(11,36,56,.88)}
.sghow-docs a,.sghow-final-actions>a:not(.sghow-btn){transition:transform .25s var(--ease-premium),border-color .25s ease,color .25s ease,background .25s ease}
.sghow-docs a:hover{transform:translateY(-2px);border-color:rgba(101,216,255,.38);background:rgba(17,43,64,.95);color:#a7efff}
.sghow-final-actions>a:not(.sghow-btn):hover{transform:translateY(-2px);color:#9cecff}

/* Section heads */
.sghow-section-head h2,.sghow-feature-copy h2,.sghow-support-copy h2,.sghow-final h2{transition:letter-spacing .36s ease,filter .36s ease}
.sghow-section:hover .sghow-section-head h2,.sghow-feature:hover .sghow-feature-copy h2,.sghow-support:hover .sghow-support-copy h2,.sghow-final:hover h2{letter-spacing:-.045em;filter:brightness(1.05)}
.sghow-section,.sghow-feature,.sghow-support,.sghow-final{transition:border-color .45s ease,box-shadow .45s ease,transform .45s var(--ease-premium)}
.sghow-section:hover,.sghow-feature:hover,.sghow-support:hover,.sghow-final:hover{border-color:rgba(77,178,240,.29);box-shadow:0 22px 60px rgba(0,0,0,.12)}

/* Support checklist */
.sghow-support-copy li{transition:transform .25s var(--ease-premium),color .25s ease}
.sghow-support-copy li:hover{transform:translateX(4px);color:#d9e8f2}
.sghow-support-copy li:before{transition:transform .28s var(--ease-premium),filter .28s ease}
.sghow-support-copy li:hover:before{transform:scale(1.22);filter:drop-shadow(0 0 6px rgba(77,230,204,.4))}

/* Reveal gets premium blur/scale + stagger from JS */
.sghow-reveal{opacity:0;transform:translateY(22px) scale(.992);filter:blur(5px);transition:opacity .72s var(--ease-premium),transform .72s var(--ease-premium),filter .72s ease;transition-delay:var(--reveal-delay,0ms)}
.sghow-reveal.is-visible{opacity:1;transform:none;filter:none}
.sghow-step-card.sghow-reveal.is-visible{animation:sghowCardSettle .62s var(--ease-premium) both;animation-delay:var(--reveal-delay,0ms)}

/* Ambient micro motion */
.sghow-step-card:nth-child(odd) .sghow-step-icon{animation:sghowMicroFloat 5.6s ease-in-out infinite}
.sghow-step-card:nth-child(even) .sghow-step-icon{animation:sghowMicroFloat 6.4s ease-in-out infinite reverse}
.sghow-rule-icon{animation:sghowMicroFloat 6.8s ease-in-out infinite}

@keyframes sghowHeroAura{0%,100%{transform:translate3d(0,0,0) scale(.92);opacity:.58}50%{transform:translate3d(9%,5%,0) scale(1.08);opacity:1}}
@keyframes sghowIconPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,177,93,0)}50%{box-shadow:0 0 0 9px rgba(255,177,93,.045)}}
@keyframes sghowMicroFloat{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes sghowCardSettle{0%{opacity:0;transform:translateY(22px) scale(.975)}70%{opacity:1;transform:translateY(-2px) scale(1.004)}100%{opacity:1;transform:none}}

@media(max-width:760px){
  .sghow-nav{position:relative;top:auto}
  .sghow-step-card:hover,.sghow-panel:hover,.sghow-rules article:hover,.sghow-shot:hover,.sghow-meta span:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .sghow *,.sghow *:before,.sghow *:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .sghow-reveal{opacity:1!important;transform:none!important;filter:none!important}
}

/* ============================================================
   SniperGames Unified Service Pages UI — 2026-09
   Shared proportions, typography and premium motion.
   ============================================================ */
.sghow{--sg-ui-font-body:"Manrope","Inter","Segoe UI",Arial,sans-serif;--sg-ui-font-display:"Unbounded","Manrope","Inter",sans-serif;font-family:var(--sg-ui-font-body)!important;}
.sghow h1,.sghow h2,.sghow h3,.sghow h4{font-family:var(--sg-ui-font-display)!important;font-optical-sizing:auto;text-rendering:geometricPrecision;}
.sghow p,.sghow li,.sghow a,.sghow button,.sghow span,.sghow small{font-family:var(--sg-ui-font-body);}

/* Every service page starts with the same hero footprint on desktop. */
.sghow-hero{height:560px!important;min-height:560px!important;max-height:560px!important;width:100%!important;margin-top:0!important;border-radius:30px!important;overflow:hidden!important;isolation:isolate;animation:sgUnifiedHeroIn .72s cubic-bezier(.2,.75,.2,1) both;}
.sghow-hero>*{min-height:0;}
.sghow-hero h1{font-family:var(--sg-ui-font-display)!important;font-weight:800!important;letter-spacing:-.055em!important;line-height:.98!important;}

/* Premium interaction language shared by all service pages. */
.sghow-btn{position:relative!important;overflow:hidden!important;isolation:isolate;transition:transform .24s cubic-bezier(.2,.75,.2,1),box-shadow .3s ease,border-color .3s ease,filter .3s ease!important;will-change:transform;}
.sghow-btn::before{content:"";position:absolute;z-index:-1;top:-170%;left:-48%;width:34%;height:440%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.27),transparent);transition:left .68s cubic-bezier(.2,.75,.2,1);pointer-events:none;}
.sghow-btn:hover{transform:translateY(-3px) scale(1.012)!important;filter:brightness(1.06);}
.sghow-btn:hover::before{left:125%;}
.sghow-btn:active{transform:translateY(0) scale(.985)!important;transition-duration:.08s!important;}
.sghow-step-card,.sghow-panel,.sghow-rules article,.sghow-section,.sghow-feature,.sghow-support,.sghow-final{transition:transform .34s cubic-bezier(.2,.75,.2,1),border-color .34s ease,box-shadow .34s ease,background-color .34s ease,filter .34s ease!important;}
.sghow-step-card:hover,.sghow-panel:hover,.sghow-rules article:hover,.sghow-section:hover,.sghow-feature:hover,.sghow-support:hover,.sghow-final:hover{transform:translateY(-5px)!important;border-color:rgba(77,211,255,.34)!important;box-shadow:0 20px 46px rgba(0,0,0,.22),0 0 26px rgba(43,169,232,.055)!important;}
.sghow-hero img{transition:transform 1s cubic-bezier(.2,.75,.2,1),filter .6s ease!important;will-change:transform;}
.sghow-hero:hover img{transform:scale(1.025);filter:saturate(1.08) contrast(1.035);}

@keyframes sgUnifiedHeroIn{from{opacity:0;transform:translateY(18px) scale(.994)}to{opacity:1;transform:none}}
@keyframes sgUnifiedSoftFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes sgUnifiedPulse{0%,100%{filter:drop-shadow(0 0 0 rgba(75,211,255,0))}50%{filter:drop-shadow(0 0 12px rgba(75,211,255,.2))}}

@media (max-width:1100px){
  .sghow-hero{height:auto!important;min-height:0!important;max-height:none!important;}
  
}
@media (max-width:760px){
  .sghow-hero{border-radius:22px!important;}
  .sghow h1{letter-spacing:-.04em!important;}
}
@media (prefers-reduced-motion:reduce){
  .sghow *,.sghow *::before,.sghow *::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
}
.sghow-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(430px,1fr)!important;align-items:stretch!important;}
.sghow-hero-copy,.sghow-hero-art{height:100%!important;min-height:0!important;}
.sghow-hero-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;}
.sghow-hero-art img{width:100%!important;height:100%!important;object-fit:cover!important;}
@media(max-width:1100px){.sghow-hero{grid-template-columns:1fr!important}.sghow-hero-copy,.sghow-hero-art{height:auto!important}.sghow-hero-art{min-height:330px!important}}


/* === SniperGames Unified Hero v3 — exact shared geometry === */
.sghow{width:min(1490px,calc(100vw - 24px))!important;max-width:1490px!important;margin:44px auto 80px!important;}
.sghow-hero{height:520px!important;min-height:520px!important;max-height:520px!important;border-radius:30px!important;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr)!important;}
.sghow-hero-copy,.sghow-hero-art{height:100%!important;min-height:0!important;min-width:0!important;}
.sghow-hero-copy{padding:44px 46px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.sghow-hero-art{min-height:0!important;}
.sghow h1{font-family:"Unbounded","Manrope",sans-serif!important;font-size:clamp(48px,3.75vw,64px)!important;line-height:.99!important;letter-spacing:-.055em!important;max-width:760px!important;margin:14px 0 15px!important;}
.sghow-lead{font-family:"Manrope",sans-serif!important;font-size:15px!important;line-height:1.62!important;max-width:720px!important;}
.sghow-actions{margin-top:22px!important}.sghow-meta{margin-top:18px!important}
.sghow-btn,.sghow-step-card,.sghow-panel,.sghow-rules article,.sghow-section,.sghow-feature,.sghow-support,.sghow-final,.sghow-meta span{transition:transform .28s cubic-bezier(.2,.75,.2,1),box-shadow .3s ease,border-color .3s ease,filter .3s ease!important;}
.sghow-step-card:hover,.sghow-panel:hover,.sghow-rules article:hover,.sghow-section:hover,.sghow-feature:hover,.sghow-support:hover,.sghow-final:hover,.sghow-meta span:hover{transform:translateY(-3px)!important;filter:brightness(1.05);}
@media(max-width:1100px){.sghow{margin-top:24px!important}.sghow-hero{height:auto!important;min-height:0!important;max-height:none!important;grid-template-columns:1fr!important}.sghow-hero-copy{padding:34px 30px!important}.sghow-hero-art{height:360px!important;min-height:360px!important}.sghow h1{font-size:clamp(44px,7vw,60px)!important}}
@media(max-width:760px){.sghow{width:calc(100vw - 18px)!important;margin-top:16px!important}.sghow-hero-copy{padding:26px 18px!important}.sghow-hero-art{height:300px!important;min-height:300px!important}.sghow h1{font-size:40px!important}}

/* === SniperGames Unified Service Pages v4 — hard centering fix === */
.sghow{width:min(1490px,calc(100vw - 24px))!important;max-width:1490px!important;margin:44px auto 80px!important;left:auto!important;right:auto!important;transform:none!important;translate:none!important;}
@media(max-width:1100px){.sghow{margin-top:24px!important}}
@media(max-width:760px){.sghow{width:calc(100vw - 18px)!important;margin-top:16px!important}}