/* seohubsite.com | style.css */
/* Space Grotesk (heading) + Inter (body) */
/* Dark: #0A0A0F | Purple: #7C3AED | Amber: #F59F00 */

:root{
  --sh-purple:  #7C3AED;
  --sh-purple2: #6D28D9;
  --sh-purple-l:rgba(124,58,237,.14);
  --sh-indigo:  #4F46E5;
  --sh-amber:   #F59F00;
  --sh-dark:    #0A0A0F;
  --sh-card:    #131318;
  --sh-surface: #1C1C26;
  --sh-border:  rgba(255,255,255,.07);
  --sh-border2: rgba(124,58,237,.2);
  --sh-text:    #E4E4F0;
  --sh-muted:   #8B8BA0;
  --sh-white:   #FFFFFF;
  --sh-fh:'Space Grotesk',system-ui,sans-serif;
  --sh-fb:'Inter',system-ui,sans-serif;
  --sh-max:1200px;
  --sh-r:8px;
  --sh-r2:16px;
  --sh-r3:999px;
  --sh-sh:0 0 0 1px var(--sh-border),0 4px 24px rgba(0,0,0,.3);
  --sh-sh2:0 0 0 1px rgba(124,58,237,.2),0 8px 40px rgba(124,58,237,.15);
  --sh-tr:all .15s ease;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:var(--sh-fb);font-size:clamp(.92rem,1.4vw,1rem);color:var(--sh-text);background:var(--sh-dark);line-height:1.72;overflow-x:hidden;}
img,svg{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
button,input,select,textarea{font-family:inherit;font-size:inherit;}
ul,ol{list-style:none;}

/* ─ Layout ─ */
.sh-shell{max-width:var(--sh-max);margin:0 auto;padding:0 2rem;}
.sh-shell-sm{max-width:780px;margin:0 auto;padding:0 2rem;}

/* ─ Kicker ─ */
.sh-kicker{font-family:var(--sh-fh);font-size:.69rem;font-weight:700;text-transform:uppercase;letter-spacing:.34em;color:var(--sh-purple);display:block;margin-bottom:.6rem;}

/* ─ Headings ─ */
.sh-h2{font-family:var(--sh-fh);font-size:clamp(2.2rem,4.5vw,4.5rem);font-weight:800;color:var(--sh-white);letter-spacing:-.03em;line-height:.88;}
.sh-para{font-size:clamp(.88rem,1.4vw,1rem);color:var(--sh-muted);line-height:1.82;max-width:60ch;}

/* ─ Buttons ─ */
.sh-btn-purple{display:inline-flex;align-items:center;gap:.4rem;background:var(--sh-purple);color:var(--sh-white);font-family:var(--sh-fh);font-size:clamp(.84rem,1.3vw,.94rem);font-weight:700;padding:.6rem 1.8rem;border-radius:var(--sh-r3);border:none;cursor:pointer;transition:background .14s,transform .12s;white-space:nowrap;text-decoration:none;}
.sh-btn-purple:hover{background:var(--sh-purple2);transform:translateY(-1px);}
.sh-btn-ghost{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.06);color:var(--sh-text);font-family:var(--sh-fh);font-size:clamp(.84rem,1.3vw,.94rem);font-weight:600;padding:.6rem 1.8rem;border-radius:var(--sh-r3);border:1px solid var(--sh-border);cursor:pointer;transition:var(--sh-tr);white-space:nowrap;text-decoration:none;}
.sh-btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15);}
.sh-link{color:var(--sh-purple);font-weight:600;font-size:clamp(.82rem,1.2vw,.9rem);display:inline-flex;align-items:center;gap:.25rem;transition:gap .14s;}
.sh-link:hover{gap:.45rem;}

/* ─ Reveal ─ */
.sh-ri{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease;}
.sh-vis{opacity:1;transform:none;}

/* ═══════════════════════════════════
   HEADER: FLOATING PILL (glassmorphism)
   ═══════════════════════════════════ */
.sh-pill-header{position:fixed;top:1.4rem;left:50%;transform:translateX(-50%);z-index:800;display:flex;align-items:center;gap:.6rem;background:rgba(10,10,15,.82);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(124,58,237,.22);border-radius:var(--sh-r3);padding:.4rem .4rem .4rem 1.3rem;white-space:nowrap;max-width:calc(100vw - 2.4rem);}
.sh-pill-logo{font-family:var(--sh-fh);font-size:clamp(1.3rem,2vw,1.7rem);font-weight:800;letter-spacing:-.04em;color:var(--sh-white);flex-shrink:0;text-decoration:none;}
.sh-pill-logo span{color:var(--sh-purple);}
.sh-pill-sep{width:1px;height:20px;background:var(--sh-border);flex-shrink:0;margin:0 .2rem;}
.sh-pill-nav{display:flex;align-items:center;gap:0;}
.sh-pill-a{font-family:var(--sh-fh);font-size:clamp(.9rem,1.3vw,1rem);font-weight:600;color:rgba(228,228,240,.5);padding:.36rem .7rem;border-radius:var(--sh-r3);transition:color .15s,background .15s;display:block;text-decoration:none;}
.sh-pill-a:hover,.sh-pill-a.sh-on{color:var(--sh-white);background:rgba(255,255,255,.07);}
/* Dropdown inside pill */
.sh-pill-ni{position:relative;}
.sh-pill-drop{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);min-width:220px;background:var(--sh-card);border:1px solid var(--sh-border2);border-radius:var(--sh-r2);box-shadow:var(--sh-sh2);padding:.5rem;display:none;z-index:900;}
.sh-pill-ni:hover .sh-pill-drop{display:flex;flex-direction:column;}
.sh-pill-drop-item{font-size:clamp(.83rem,1.2vw,.9rem);font-weight:600;color:var(--sh-muted);padding:.45rem .75rem;border-radius:var(--sh-r);display:block;transition:background .14s,color .14s;}
.sh-pill-drop-item:hover{background:var(--sh-surface);color:var(--sh-white);}
/* Pill end: lang + CTA */
.sh-pill-end{display:flex;align-items:center;gap:.35rem;flex-shrink:0;}
.sh-pill-lang{font-size:.69rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--sh-border2);border-radius:var(--sh-r3);padding:.18rem .55rem;color:var(--sh-muted);transition:var(--sh-tr);background:none;cursor:pointer;text-decoration:none;}
.sh-pill-lang:hover{border-color:var(--sh-purple);color:var(--sh-purple);}
.sh-pill-cta{font-family:var(--sh-fh);font-size:clamp(.82rem,1.2vw,.9rem);font-weight:700;background:var(--sh-purple);color:var(--sh-white);border:none;border-radius:var(--sh-r3);padding:.4rem 1.1rem;cursor:pointer;transition:background .14s;white-space:nowrap;text-decoration:none;}
.sh-pill-cta:hover{background:var(--sh-purple2);}
/* Mobile */
.sh-pill-ham{display:none;align-items:center;justify-content:center;width:34px;height:34px;background:rgba(255,255,255,.06);border:1px solid var(--sh-border);border-radius:var(--sh-r);cursor:pointer;color:var(--sh-text);}
.sh-mob-drawer{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:900;background:var(--sh-dark);padding:2rem;overflow-y:auto;}
.sh-mob-drawer.sh-dr-open{display:flex;flex-direction:column;}
.sh-mob-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;}
.sh-mob-logo{font-family:var(--sh-fh);font-size:1.5rem;font-weight:800;letter-spacing:-.04em;color:var(--sh-white);}
.sh-mob-logo span{color:var(--sh-purple);}
.sh-mob-close{background:none;border:1px solid var(--sh-border);border-radius:var(--sh-r);padding:.3rem .5rem;color:var(--sh-text);cursor:pointer;}
.sh-mob-links{display:flex;flex-direction:column;gap:.5rem;}
.sh-mob-links a{font-family:var(--sh-fh);font-size:1.3rem;font-weight:700;color:var(--sh-muted);padding:.5rem 0;border-bottom:1px solid var(--sh-border);transition:color .14s;}
.sh-mob-links a:hover{color:var(--sh-white);}
.sh-mob-subs{padding-left:1rem;display:flex;flex-direction:column;gap:.25rem;}
.sh-mob-subs a{font-size:.95rem;color:var(--sh-muted);padding:.25rem 0;}

/* ═══════════════════════════════════
   HERO: FULL-VIEWPORT DARK + RADIAL GLOW
   ═══════════════════════════════════ */
.sh-hero{min-height:100vh;background:var(--sh-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:9rem 2rem 5rem;position:relative;overflow:hidden;}
.sh-hero-glow{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:900px;height:900px;background:radial-gradient(circle,rgba(124,58,237,.11) 0%,transparent 65%);pointer-events:none;}
.sh-hero-glow2{position:absolute;bottom:-100px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,159,0,.05) 0%,transparent 60%);pointer-events:none;}
.sh-hero-kicker{font-family:var(--sh-fh);font-size:.69rem;font-weight:700;text-transform:uppercase;letter-spacing:.34em;color:rgba(124,58,237,.6);margin-bottom:1.5rem;position:relative;z-index:1;}
.sh-hero-h1{font-family:var(--sh-fh);font-size:clamp(3.5rem,9vw,10rem);font-weight:800;color:var(--sh-white);letter-spacing:-.04em;line-height:.82;margin-bottom:1.8rem;position:relative;z-index:1;max-width:16ch;}
.sh-hero-h1 em{color:var(--sh-purple);font-style:normal;display:block;}
.sh-hero-sub{font-size:clamp(.92rem,1.5vw,1.1rem);color:var(--sh-muted);line-height:1.82;max-width:54ch;margin-bottom:2.2rem;position:relative;z-index:1;}
.sh-hero-btns{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center;position:relative;z-index:1;}
.sh-hero-stats{display:flex;gap:3rem;flex-wrap:wrap;justify-content:center;margin-top:4rem;position:relative;z-index:1;padding-top:4rem;border-top:1px solid var(--sh-border);}
.sh-stat-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;}
.sh-stat-n{font-family:var(--sh-fh);font-size:clamp(2rem,3.5vw,3rem);font-weight:800;color:var(--sh-white);letter-spacing:-.03em;line-height:1;}
.sh-stat-l{font-size:.69rem;font-weight:600;color:var(--sh-muted);text-transform:uppercase;letter-spacing:.15em;text-align:center;}
/* Scroll indicator */
.sh-scroll-ind{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--sh-muted);font-size:.69rem;text-transform:uppercase;letter-spacing:.2em;animation:shBounce 2.4s ease-in-out infinite;}
@keyframes shBounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}

/* ─ Section spacing ─ */
.sh-sec{padding:7rem 0;}
.sh-sec-sm{padding:4rem 0;}
.sh-sec-dark{background:var(--sh-card);}
.sh-sec-surface{background:var(--sh-surface);}

/* ─ Inner page hero ─ */
.sh-ptop{background:var(--sh-dark);padding:9rem 2rem 4rem;text-align:center;position:relative;overflow:hidden;}
.sh-ptop-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(124,58,237,.09) 0%,transparent 65%);pointer-events:none;}
.sh-ptop h1{font-family:var(--sh-fh);font-size:clamp(2.4rem,5.5vw,6rem);font-weight:800;color:var(--sh-white);letter-spacing:-.035em;line-height:.86;position:relative;z-index:1;}
.sh-ptop .sh-para{text-align:center;margin:.8rem auto 0;position:relative;z-index:1;}
.sh-ptop .sh-kicker{position:relative;z-index:1;}
.sh-ptop-div{background:linear-gradient(to bottom,var(--sh-dark),var(--sh-dark));border-bottom:1px solid var(--sh-border);}

/* ─ SERVICES: numbered editorial grid ─ */
.sh-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--sh-border);border:1px solid var(--sh-border);border-radius:var(--sh-r2);overflow:hidden;}
.sh-svc-tile{background:var(--sh-card);padding:2.5rem;position:relative;overflow:hidden;transition:background .2s;display:block;text-decoration:none;}
.sh-svc-tile:hover{background:var(--sh-surface);}
.sh-svc-ghost{position:absolute;top:-.15em;right:.2em;font-family:var(--sh-fh);font-size:8rem;font-weight:900;color:rgba(255,255,255,.02);line-height:1;user-select:none;pointer-events:none;}
.sh-svc-ico{color:var(--sh-purple);margin-bottom:1rem;position:relative;z-index:1;}
.sh-svc-nm{font-family:var(--sh-fh);font-size:clamp(1.1rem,2vw,1.4rem);font-weight:800;color:var(--sh-white);margin-bottom:.4rem;position:relative;z-index:1;}
.sh-svc-br{font-size:clamp(.82rem,1.3vw,.9rem);color:var(--sh-muted);line-height:1.78;position:relative;z-index:1;display:block;margin-bottom:.8rem;}
.sh-svc-pr{font-size:.78rem;color:var(--sh-purple);font-weight:700;position:relative;z-index:1;}

/* ─ PORTFOLIO: horizontal editorial cards ─ */
.sh-port-list{display:flex;flex-direction:column;gap:0;}
.sh-port-card{display:grid;grid-template-columns:260px 1fr;border:1px solid var(--sh-border);margin-bottom:1.5rem;border-radius:var(--sh-r2);overflow:hidden;background:var(--sh-card);transition:var(--sh-tr);}
.sh-port-card:hover{border-color:rgba(124,58,237,.3);}
.sh-port-img{width:100%;height:100%;min-height:240px;object-fit:cover;display:block;}
.sh-port-body{padding:2.2rem;}
.sh-port-meta{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;flex-wrap:wrap;}
.sh-port-cat{font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;padding:.12rem .55rem;border-radius:var(--sh-r3);color:var(--sh-dark);}
.sh-port-loc{font-size:.69rem;color:var(--sh-muted);}
.sh-port-nm{font-family:var(--sh-fh);font-size:clamp(1.3rem,2.5vw,2rem);font-weight:800;color:var(--sh-white);margin-bottom:.15rem;letter-spacing:-.02em;}
.sh-port-svc{font-size:.69rem;color:var(--sh-muted);display:block;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.12em;}
.sh-port-stat{font-family:var(--sh-fh);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:var(--sh-white);line-height:1;display:block;}
.sh-port-sl{font-size:.69rem;color:var(--sh-muted);text-transform:uppercase;letter-spacing:.15em;display:block;margin-bottom:.6rem;}
.sh-port-desc{font-size:clamp(.82rem,1.3vw,.9rem);color:var(--sh-muted);line-height:1.8;}

/* ─ PROCESS: vertical alternating timeline ─ */
.sh-proc-track{position:relative;max-width:900px;margin:0 auto;}
.sh-proc-track::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--sh-border2);transform:translateX(-50%);}
.sh-proc-item{display:grid;grid-template-columns:1fr 60px 1fr;gap:0;align-items:center;margin-bottom:4rem;}
.sh-proc-item:last-child{margin-bottom:0;}
.sh-proc-content{padding:0 2.5rem;}
.sh-proc-item:nth-child(even) .sh-proc-content:first-child{order:3;}
.sh-proc-item:nth-child(even) .sh-proc-dot{order:2;}
.sh-proc-item:nth-child(even) .sh-proc-content:last-child{order:1;text-align:right;}
.sh-proc-dot{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.3rem;z-index:1;}
.sh-proc-circle{width:48px;height:48px;border-radius:50%;background:var(--sh-purple);display:flex;align-items:center;justify-content:center;font-family:var(--sh-fh);font-size:.75rem;font-weight:800;color:var(--sh-white);flex-shrink:0;}
.sh-proc-n{font-family:var(--sh-fh);font-size:clamp(1.2rem,2.5vw,2rem);font-weight:800;color:var(--sh-white);display:block;margin-bottom:.3rem;}
.sh-proc-nm{font-family:var(--sh-fh);font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;color:var(--sh-white);margin-bottom:.4rem;}
.sh-proc-body{font-size:clamp(.85rem,1.3vw,.96rem);color:var(--sh-muted);line-height:1.82;}

/* ─ PRICING: 3-col dark cards ─ */
.sh-price-rack{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:start;}
.sh-price-box{background:var(--sh-card);border:1px solid var(--sh-border);border-radius:var(--sh-r2);padding:2.5rem;display:flex;flex-direction:column;}
.sh-price-box.sh-pf{border-color:var(--sh-purple);box-shadow:var(--sh-sh2);}
.sh-price-badge{font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em;background:var(--sh-purple);color:var(--sh-white);padding:.12rem .55rem;border-radius:var(--sh-r3);display:inline-block;margin-bottom:.8rem;align-self:flex-start;}
.sh-price-nm{font-family:var(--sh-fh);font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:800;color:var(--sh-white);margin-bottom:.2rem;}
.sh-price-tag{font-size:.75rem;color:var(--sh-muted);margin-bottom:1.5rem;display:block;}
.sh-price-fig{font-family:var(--sh-fh);font-size:clamp(2.5rem,4.5vw,3.5rem);font-weight:800;color:var(--sh-white);display:block;line-height:1;}
.sh-price-pp{font-size:.69rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--sh-muted);display:block;margin-top:.2rem;margin-bottom:2rem;}
.sh-price-list{display:flex;flex-direction:column;gap:.35rem;flex:1;margin-bottom:1.5rem;}
.sh-price-li{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--sh-muted);}
.sh-price-li svg{color:var(--sh-purple);flex-shrink:0;}

/* ─ TESTIMONIALS: 3-col dark cards ─ */
.sh-voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.sh-voice-card{background:var(--sh-surface);border:1px solid var(--sh-border);border-radius:var(--sh-r2);padding:2rem;display:flex;flex-direction:column;}
.sh-voice-stars{display:flex;gap:3px;color:var(--sh-amber);margin-bottom:.8rem;}
.sh-voice-q{font-size:clamp(.88rem,1.4vw,1.02rem);color:var(--sh-text);line-height:1.72;flex:1;font-style:italic;}
.sh-voice-who{font-family:var(--sh-fh);font-size:.9rem;font-weight:700;color:var(--sh-white);display:block;margin-top:1rem;}
.sh-voice-role{font-size:.72rem;color:var(--sh-muted);display:block;margin-top:.1rem;}

/* ─ FAQ: grouped accordion ─ */
.sh-faq-list{max-width:780px;margin:0 auto;}
.sh-qi{border-bottom:1px solid var(--sh-border);}
.sh-qi-btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem 0;background:none;border:none;cursor:pointer;text-align:left;}
.sh-qi-text{font-family:var(--sh-fh);font-size:clamp(.95rem,1.6vw,1.1rem);font-weight:700;color:var(--sh-white);}
.sh-qi-ico{width:28px;height:28px;border-radius:50%;border:1px solid var(--sh-border2);display:flex;align-items:center;justify-content:center;color:var(--sh-purple);flex-shrink:0;transition:var(--sh-tr);}
.sh-qi.sh-qi-open .sh-qi-ico{background:var(--sh-purple);border-color:var(--sh-purple);color:var(--sh-white);}
.sh-qi.sh-qi-open .sh-qi-ico svg{transform:rotate(45deg);}
.sh-qi-ans{display:none;padding-bottom:1.3rem;}
.sh-qi-ans p{font-size:clamp(.85rem,1.3vw,.96rem);color:var(--sh-muted);line-height:1.85;}
.sh-qi.sh-qi-open .sh-qi-ans{display:block;}

/* ─ CTA band ─ */
.sh-cta-band{background:linear-gradient(135deg,var(--sh-purple2) 0%,var(--sh-purple) 60%,var(--sh-indigo) 100%);padding:6rem 2rem;text-align:center;position:relative;overflow:hidden;}
.sh-cta-band::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(255,255,255,.06),transparent 60%);}
.sh-cta-h{font-family:var(--sh-fh);font-size:clamp(2rem,5vw,5rem);font-weight:800;color:var(--sh-white);letter-spacing:-.035em;line-height:.86;margin-bottom:1rem;position:relative;z-index:1;}
.sh-cta-sub{font-size:clamp(.9rem,1.5vw,1.1rem);color:rgba(255,255,255,.5);margin-bottom:2.2rem;position:relative;z-index:1;}
.sh-cta-form{display:flex;gap:.6rem;max-width:480px;margin:0 auto;position:relative;z-index:1;}
.sh-cta-inp{flex:1;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--sh-r3);padding:.65rem 1.2rem;font-size:clamp(.85rem,1.3vw,.95rem);color:var(--sh-white);outline:none;transition:border-color .14s;}
.sh-cta-inp:focus{border-color:rgba(255,255,255,.5);}
.sh-cta-inp::placeholder{color:rgba(255,255,255,.35);}
.sh-cta-btn{background:var(--sh-white);color:var(--sh-purple);font-family:var(--sh-fh);font-size:clamp(.84rem,1.3vw,.92rem);font-weight:700;border:none;border-radius:var(--sh-r3);padding:.65rem 1.8rem;cursor:pointer;transition:background .14s;white-space:nowrap;}
.sh-cta-btn:hover{background:rgba(255,255,255,.9);}
.sh-cta-done{font-size:.9rem;color:rgba(255,255,255,.5);margin-top:.8rem;display:none;position:relative;z-index:1;}

/* ─ BUILDER ─ */
.sh-bld-2col{display:grid;grid-template-columns:1fr 360px;gap:3rem;align-items:start;}
.sh-bld-col{display:flex;flex-direction:column;gap:2rem;}
.sh-bld-blk{background:var(--sh-card);border:1px solid var(--sh-border);border-radius:var(--sh-r2);padding:2rem;}
.sh-bld-blk-h{font-family:var(--sh-fh);font-size:clamp(1rem,1.7vw,1.15rem);font-weight:800;color:var(--sh-white);margin-bottom:.25rem;}
.sh-bld-blk-s{font-size:clamp(.78rem,1.2vw,.88rem);color:var(--sh-muted);margin-bottom:1.2rem;}
.sh-plan-list{display:flex;flex-direction:column;gap:.5rem;}
.sh-plan-r{position:absolute;opacity:0;width:0;height:0;}
.sh-plan-lbl{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid var(--sh-border);border-radius:var(--sh-r);cursor:pointer;transition:var(--sh-tr);background:var(--sh-surface);}
.sh-plan-r:checked+.sh-plan-lbl{border-color:var(--sh-purple);background:var(--sh-purple-l);}
.sh-plan-lbl:hover{border-color:rgba(124,58,237,.4);}
.sh-pln-nm{font-family:var(--sh-fh);font-size:clamp(.88rem,1.4vw,.98rem);font-weight:700;color:var(--sh-white);}
.sh-pln-sub{font-size:.69rem;color:var(--sh-muted);}
.sh-pln-pr{font-family:var(--sh-fh);font-size:clamp(.95rem,1.7vw,1.1rem);font-weight:700;color:var(--sh-white);white-space:nowrap;}
.sh-add-list{display:flex;flex-direction:column;gap:.4rem;}
.sh-add-r{position:absolute;opacity:0;width:0;height:0;}
.sh-add-lbl{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.75rem .9rem;border:1px solid var(--sh-border);border-radius:var(--sh-r);cursor:pointer;transition:var(--sh-tr);background:var(--sh-surface);}
.sh-add-r:checked+.sh-add-lbl{border-color:var(--sh-purple);background:var(--sh-purple-l);}
.sh-add-lbl:hover{border-color:rgba(124,58,237,.4);}
.sh-add-nm{font-size:clamp(.82rem,1.2vw,.9rem);font-weight:700;color:var(--sh-white);}
.sh-add-brief{font-size:.69rem;color:var(--sh-muted);margin-top:.1rem;}
.sh-add-pr{font-size:clamp(.82rem,1.2vw,.9rem);font-weight:700;color:var(--sh-purple);white-space:nowrap;}
.sh-hrs-row{display:flex;align-items:center;gap:1rem;}
.sh-hrs-slide{flex:1;accent-color:var(--sh-purple);}
.sh-hrs-val{font-family:var(--sh-fh);font-size:1.5rem;font-weight:800;color:var(--sh-white);min-width:2.5ch;text-align:center;}
/* Ledger */
.sh-ledger{position:sticky;top:5.5rem;background:var(--sh-card);border:1px solid var(--sh-border2);border-radius:var(--sh-r2);padding:2rem;}
.sh-ledger-lbl{font-size:.69rem;font-weight:700;text-transform:uppercase;letter-spacing:.25em;color:var(--sh-muted);display:block;margin-bottom:1.2rem;}
.sh-ledger-rows{min-height:2rem;margin-bottom:1rem;}
.sh-ledger-row{display:flex;justify-content:space-between;gap:.5rem;font-size:.82rem;color:var(--sh-muted);padding:.2rem 0;}
.sh-ledger-ph{font-size:.82rem;color:rgba(255,255,255,.15);font-style:italic;}
.sh-ledger-div{border:none;border-top:1px solid var(--sh-border);margin:.6rem 0;}
.sh-ledger-total-row{display:flex;justify-content:space-between;align-items:baseline;}
.sh-ledger-tl{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--sh-muted);}
.sh-ledger-total{font-family:var(--sh-fh);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;color:var(--sh-purple);}
.sh-ledger-go{margin-top:1.2rem;width:100%;font-size:clamp(.85rem,1.2vw,.94rem);font-weight:700;padding:.62rem;border-radius:var(--sh-r3);border:none;background:var(--sh-purple);color:var(--sh-white);cursor:pointer;transition:background .14s;font-family:var(--sh-fb);}
.sh-ledger-go:hover:not(:disabled){background:var(--sh-purple2);}
.sh-ledger-go:disabled{opacity:.25;cursor:not-allowed;}
.sh-ledger-note{font-size:.69rem;color:var(--sh-muted);text-align:center;margin-top:.5rem;line-height:1.5;}

/* ─ Checkout ─ */
.sh-co-sec{padding:3rem 0 6rem;}
.sh-co-2col{display:grid;grid-template-columns:1fr 360px;gap:3rem;align-items:start;}
.sh-co-panel{background:var(--sh-card);border:1px solid var(--sh-border);border-radius:var(--sh-r2);padding:2.5rem;}
.sh-co-panel h2{font-family:var(--sh-fh);font-size:clamp(1.4rem,2.5vw,2rem);font-weight:800;color:var(--sh-white);margin-bottom:1.5rem;}
.sh-co-sumbox{background:var(--sh-card);border:1px solid var(--sh-border2);border-radius:var(--sh-r2);padding:2rem;position:sticky;top:5.5rem;}
.sh-co-sumbox h2{font-family:var(--sh-fh);font-size:1.1rem;font-weight:800;color:var(--sh-white);margin-bottom:1.2rem;}
.sh-co-row{display:flex;justify-content:space-between;gap:.5rem;padding:.35rem 0;border-bottom:1px solid var(--sh-border);font-size:.82rem;color:var(--sh-muted);}
.sh-co-total-row{display:flex;justify-content:space-between;align-items:baseline;padding-top:.8rem;}
.sh-co-tlbl{font-weight:700;font-size:.82rem;color:var(--sh-muted);}
.sh-co-tval{font-family:var(--sh-fh);font-size:1.6rem;font-weight:800;color:var(--sh-purple);}
.sh-co-note{font-size:.69rem;color:var(--sh-muted);margin-top:.8rem;line-height:1.6;}

/* ─ Forms ─ */
.sh-form{display:flex;flex-direction:column;gap:1rem;}
.sh-field{display:flex;flex-direction:column;gap:.3rem;}
.sh-field label{font-size:.75rem;font-weight:700;color:var(--sh-text);}
.sh-field input,.sh-field select,.sh-field textarea{width:100%;background:var(--sh-surface);border:1px solid var(--sh-border);border-radius:var(--sh-r);padding:.55rem .85rem;font-size:clamp(.85rem,1.3vw,.94rem);color:var(--sh-white);transition:border-color .14s;outline:none;}
.sh-field input:focus,.sh-field select:focus,.sh-field textarea:focus{border-color:var(--sh-purple);}
.sh-field input::placeholder,.sh-field textarea::placeholder{color:var(--sh-muted);}
.sh-field select option{background:var(--sh-card);}
.sh-field textarea{min-height:120px;resize:vertical;}
.sh-row2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.sh-agree{display:flex;align-items:flex-start;gap:.5rem;font-size:clamp(.78rem,1.2vw,.86rem);color:var(--sh-muted);}
.sh-agree input[type="checkbox"]{width:16px;height:16px;margin-top:.15rem;flex-shrink:0;accent-color:var(--sh-purple);}
.sh-agree a{color:var(--sh-purple);}

/* ─ Service page ─ */
.sh-svc-pg-top{background:var(--sh-dark);padding:9rem 2rem 4rem;position:relative;overflow:hidden;}
.sh-svc-pg-top-glow{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(124,58,237,.09) 0%,transparent 65%);pointer-events:none;}
.sh-svc-pg-in{max-width:var(--sh-max);margin:0 auto;display:grid;grid-template-columns:1fr 320px;gap:4rem;align-items:start;position:relative;z-index:1;}
.sh-svc-pg-in h1{font-family:var(--sh-fh);font-size:clamp(2.5rem,5.5vw,5.5rem);font-weight:800;color:var(--sh-white);letter-spacing:-.035em;line-height:.86;margin-bottom:1rem;}
.sh-svc-pg-in .sh-para{color:rgba(255,255,255,.38);}
.sh-svc-page-content{padding:4rem 0;background:var(--sh-dark);}
.sh-svc-2col{max-width:var(--sh-max);margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 280px;gap:4rem;}
.sh-svc-body h2{font-family:var(--sh-fh);font-size:clamp(1.3rem,2.2vw,1.8rem);font-weight:800;color:var(--sh-white);margin:1.5rem 0 .5rem;}
.sh-svc-body p{font-size:clamp(.88rem,1.4vw,.98rem);color:var(--sh-muted);line-height:1.85;margin-bottom:.9rem;}
.sh-svc-aside{position:sticky;top:5.5rem;}
.sh-svc-aside-box{background:var(--sh-card);border:1px solid var(--sh-border2);border-radius:var(--sh-r2);padding:2rem;}
.sh-svc-aside-box h3{font-family:var(--sh-fh);font-size:1rem;font-weight:800;color:var(--sh-white);margin-bottom:.6rem;}
.sh-svc-pr-big{font-family:var(--sh-fh);font-size:clamp(2rem,3.5vw,3rem);font-weight:800;color:var(--sh-purple);display:block;margin-bottom:.2rem;}
.sh-svc-pr-note{font-size:.69rem;color:var(--sh-muted);display:block;margin-bottom:1.2rem;}
.sh-svc-inc-list{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1.5rem;}
.sh-svc-inc-row{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--sh-muted);}
.sh-svc-inc-row svg{color:var(--sh-purple);flex-shrink:0;}
.sh-other-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.sh-other-tile{background:var(--sh-card);border:1px solid var(--sh-border);border-radius:var(--sh-r2);padding:1.5rem;display:block;transition:var(--sh-tr);text-decoration:none;}
.sh-other-tile:hover{border-color:rgba(124,58,237,.35);}
.sh-other-tile-nm{font-family:var(--sh-fh);font-size:.95rem;font-weight:700;color:var(--sh-white);margin-bottom:.25rem;}
.sh-other-tile-pr{font-size:.78rem;color:var(--sh-purple);}

/* ─ Legal ─ */
.sh-legal-wrap{max-width:780px;margin:0 auto;padding:3rem 2rem 6rem;}
.sh-legal-wrap h2{font-family:var(--sh-fh);font-size:clamp(1.3rem,2.2vw,1.8rem);font-weight:800;color:var(--sh-white);margin:2rem 0 .5rem;}
.sh-legal-wrap h3{font-family:var(--sh-fh);font-size:clamp(1.1rem,1.8vw,1.35rem);font-weight:700;color:var(--sh-white);margin:1.5rem 0 .4rem;}
.sh-legal-wrap p{font-size:clamp(.88rem,1.4vw,.98rem);color:var(--sh-muted);line-height:1.85;margin-bottom:.9rem;}
.sh-legal-wrap ul{margin:.5rem 0 .9rem 1.2rem;list-style:disc;}
.sh-legal-wrap li{font-size:clamp(.85rem,1.3vw,.95rem);color:var(--sh-muted);line-height:1.78;margin-bottom:.3rem;}

/* ─ Status ─ */
.sh-status-pg{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center;}
.sh-status-in h1{font-family:var(--sh-fh);font-size:clamp(2rem,4vw,4rem);font-weight:800;color:var(--sh-white);margin-bottom:.8rem;}
.sh-status-in p{font-size:clamp(.9rem,1.5vw,1.05rem);color:var(--sh-muted);max-width:52ch;margin:0 auto 1.5rem;line-height:1.8;}

/* ─ FOOTER ─ */
.sh-footer{background:var(--sh-card);border-top:1px solid var(--sh-border);}
.sh-footer-top{max-width:var(--sh-max);margin:0 auto;padding:4rem 2rem 3rem;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:3rem;}
.sh-footer-logo{font-family:var(--sh-fh);font-size:clamp(1.4rem,2vw,1.8rem);font-weight:800;letter-spacing:-.04em;color:var(--sh-white);display:block;margin-bottom:.4rem;text-decoration:none;}
.sh-footer-logo span{color:var(--sh-purple);}
.sh-footer-tag{font-size:.75rem;color:rgba(255,255,255,.15);line-height:1.6;margin-bottom:.8rem;}
.sh-soc-row{display:flex;gap:.5rem;}
.sh-soc-row a{color:rgba(255,255,255,.18);transition:color .14s;padding:3px;}
.sh-soc-row a:hover{color:var(--sh-purple);}
.sh-ft-h{font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.28em;color:rgba(255,255,255,.12);display:block;margin-bottom:.8rem;}
.sh-ft-nav{display:flex;flex-direction:column;gap:.4rem;}
.sh-ft-nav a{font-size:clamp(.78rem,1.1vw,.86rem);color:rgba(255,255,255,.25);transition:color .14s;}
.sh-ft-nav a:hover{color:var(--sh-white);}
.sh-ft-contact{display:flex;flex-direction:column;gap:.4rem;}
.sh-ft-contact a,.sh-ft-contact span{font-size:clamp(.75rem,1.1vw,.84rem);color:rgba(255,255,255,.25);display:flex;align-items:center;gap:.4rem;transition:color .14s;}
.sh-ft-contact a:hover{color:var(--sh-white);}
.sh-footer-foot{border-top:1px solid var(--sh-border);padding:1.2rem 2rem;max-width:var(--sh-max);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;}
.sh-footer-copy{font-size:.69rem;color:rgba(255,255,255,.08);}
.sh-footer-legal{display:flex;gap:1rem;flex-wrap:wrap;}
.sh-footer-legal a{font-size:.69rem;color:rgba(255,255,255,.08);transition:color .14s;}
.sh-footer-legal a:hover{color:rgba(255,255,255,.4);}

/* ─ COOKIE ─ */
.sh-ckbar{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);z-index:900;background:var(--sh-surface);border:1px solid rgba(124,58,237,.2);border-radius:var(--sh-r2);padding:1rem 1.4rem;max-width:500px;width:calc(100% - 2rem);box-shadow:var(--sh-sh2);display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}
.sh-ckbar p{font-size:.75rem;color:var(--sh-muted);line-height:1.4;flex:1;margin:0;}
.sh-ckbar a{color:var(--sh-purple);}
.sh-ck-btns{display:flex;gap:.4rem;flex-shrink:0;}
.sh-ck-yes{font-size:.72rem;font-weight:700;background:var(--sh-purple);color:var(--sh-white);border:none;border-radius:var(--sh-r3);padding:.28rem .9rem;cursor:pointer;}
.sh-ck-no{font-size:.72rem;font-weight:600;background:transparent;color:var(--sh-muted);border:1px solid var(--sh-border);border-radius:var(--sh-r3);padding:.28rem .9rem;cursor:pointer;}
.sh-ckbar.sh-ck-hide{display:none;}

/* ─ CHAT ─ */
.sh-chat-fab{position:fixed;bottom:1.5rem;right:1.5rem;z-index:800;width:52px;height:52px;border-radius:50%;background:var(--sh-purple);color:var(--sh-white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(124,58,237,.4);transition:background .14s;}
.sh-chat-fab:hover{background:var(--sh-purple2);}
.sh-chat-popup{position:fixed;bottom:5.5rem;right:1.5rem;z-index:800;width:300px;background:var(--sh-card);border:1px solid var(--sh-border2);border-radius:var(--sh-r2);box-shadow:var(--sh-sh2);display:none;flex-direction:column;overflow:hidden;}
.sh-chat-popup.sh-ch-on{display:flex;}
.sh-chat-hd{background:var(--sh-purple);padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;}
.sh-chat-hd-nm{font-family:var(--sh-fh);font-size:.9rem;font-weight:800;color:var(--sh-white);}
.sh-chat-cls{background:none;border:none;color:rgba(255,255,255,.6);font-size:1.2rem;cursor:pointer;}
.sh-chat-body{padding:1.2rem;flex:1;}
.sh-chat-bbl{background:var(--sh-surface);border-radius:var(--sh-r);padding:.65rem .9rem;font-size:.82rem;color:var(--sh-muted);margin-bottom:.5rem;line-height:1.6;}
.sh-chat-inp-row{display:flex;gap:.4rem;padding:1rem;border-top:1px solid var(--sh-border);}
.sh-chat-inp{flex:1;background:var(--sh-surface);border:1px solid var(--sh-border);border-radius:var(--sh-r3);padding:.4rem .8rem;font-size:.82rem;color:var(--sh-white);outline:none;transition:border-color .14s;}
.sh-chat-inp:focus{border-color:var(--sh-purple);}
.sh-chat-snd{background:var(--sh-purple);color:var(--sh-white);border:none;border-radius:var(--sh-r3);padding:.4rem .8rem;cursor:pointer;display:flex;align-items:center;}

/* ─ Responsive ─ */
@media(max-width:1060px){
  .sh-pill-nav,.sh-pill-end .sh-pill-cta{display:none;}
  .sh-pill-end{gap:.3rem;}
  .sh-pill-ham{display:flex;}
  .sh-svc-grid{grid-template-columns:repeat(2,1fr);}
  .sh-price-rack{grid-template-columns:1fr 1fr;}
  .sh-voice-grid{grid-template-columns:1fr 1fr;}
  .sh-footer-top{grid-template-columns:1fr 1fr;}
  .sh-proc-track::before{display:none;}
  .sh-proc-item{grid-template-columns:1fr;}
  .sh-proc-item:nth-child(even) .sh-proc-content:first-child{order:unset;}
  .sh-proc-item:nth-child(even) .sh-proc-dot{order:unset;}
  .sh-proc-item:nth-child(even) .sh-proc-content:last-child{order:unset;text-align:left;}
  .sh-proc-dot{flex-direction:row;justify-content:flex-start;margin-bottom:.5rem;}
}
@media(max-width:800px){
  .sh-svc-grid{grid-template-columns:1fr;}
  .sh-price-rack{grid-template-columns:1fr;}
  .sh-voice-grid{grid-template-columns:1fr;}
  .sh-port-card{grid-template-columns:1fr;}
  .sh-port-img{height:220px;}
  .sh-bld-2col,.sh-co-2col{grid-template-columns:1fr;}
  .sh-ledger,.sh-co-sumbox{position:static;}
  .sh-svc-pg-in,.sh-svc-2col{grid-template-columns:1fr;}
  .sh-svc-aside{position:static;}
  .sh-other-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:540px){
  .sh-hero-stats{gap:1.5rem;}
  .sh-footer-top{grid-template-columns:1fr;}
  .sh-row2{grid-template-columns:1fr;}
  .sh-cta-form{flex-direction:column;max-width:300px;}
  .sh-pill-logo{font-size:1.2rem;}
  .sh-other-grid{grid-template-columns:1fr;}
}