/* UppingShield product area — shared styles. Dark-first, light theme via [data-sh-theme=light] */
:root{--sh-green:#16a34a;--sh-green2:#22c55e;--sh-green3:#4ade80;--sh-bg:#050b16;--sh-bg2:#081120;--sh-surface:#0b1728;--sh-card:#0e1d33;--sh-border:rgba(148,163,184,.14);--sh-border2:rgba(148,163,184,.28);--sh-text:#cbd5e1;--sh-text2:#8ea3bc;--sh-head:#f1f5f9;--sh-glow:rgba(34,197,94,.13);--sh-headbg:rgba(5,11,22,.84);--sh-shadow:0 24px 60px rgba(0,0,0,.45)}
[data-sh-theme=light]{--sh-bg:#f8fafc;--sh-bg2:#ffffff;--sh-surface:#ffffff;--sh-card:#ffffff;--sh-border:#e2e8f0;--sh-border2:#cbd5e1;--sh-text:#334155;--sh-text2:#64748b;--sh-head:#0a1929;--sh-glow:rgba(22,163,74,.10);--sh-headbg:rgba(255,255,255,.9);--sh-shadow:0 24px 60px rgba(10,25,41,.12)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--sh-bg);color:var(--sh-text);line-height:1.65;overflow-x:hidden;transition:background .3s,color .3s}
h1,h2,h3,h4{font-family:'Sora','Inter',sans-serif;color:var(--sh-head);letter-spacing:-.015em;line-height:1.15}
a{color:var(--sh-green2)}
a:hover{color:var(--sh-green3)}
img{max-width:100%}
.sh-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}
.sh-accent{background:linear-gradient(135deg,#22c55e 0%,#4ade80 60%,#86efac 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
[data-sh-theme=light] .sh-accent{background:linear-gradient(135deg,#15803d,#16a34a 60%,#22c55e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* Header */
.sh-header{position:fixed;top:0;inset-inline:0;z-index:100;background:var(--sh-headbg);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--sh-border);transition:box-shadow .25s}
.sh-header.scrolled{box-shadow:0 6px 24px rgba(0,0,0,.25)}
.sh-nav{max-width:1200px;margin:0 auto;padding:.8rem 1.5rem;display:flex;align-items:center;gap:1.25rem}
.sh-logo{display:flex;align-items:center;gap:.65rem;text-decoration:none;margin-right:auto}
.sh-logo .mark{width:38px;height:38px;flex:none;filter:drop-shadow(0 4px 12px rgba(34,197,94,.35))}
.sh-logo .lt{display:flex;flex-direction:column;line-height:1.05}
.sh-logo .lt strong{font-family:'Sora',sans-serif;font-weight:800;font-size:1.06rem;color:var(--sh-head);letter-spacing:-.02em}
.sh-logo .lt small{font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--sh-text2)}
.sh-links{display:flex;gap:.25rem;align-items:center}
.sh-links a{padding:.5rem .85rem;border-radius:9px;text-decoration:none;color:var(--sh-text);font-weight:600;font-size:.92rem;transition:background .2s,color .2s}
.sh-links a:hover{background:var(--sh-glow);color:var(--sh-head)}
.sh-links a.on{color:var(--sh-green2);background:var(--sh-glow)}
.sh-back{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .95rem .4rem .5rem;border-radius:999px;background:var(--sh-surface);border:1.5px solid var(--sh-border2);color:var(--sh-head) !important;text-decoration:none;font-weight:800;font-size:.84rem;transition:transform .2s,border-color .2s,box-shadow .2s;white-space:nowrap}
.sh-back:hover{transform:translateY(-2px);border-color:#3399ff;box-shadow:0 8px 20px rgba(0,102,204,.25)}
.sh-back img{width:26px;height:26px;flex:none}
.sh-back .arr{color:var(--sh-text2);flex:none}
.sh-hactions{display:flex;gap:.6rem;align-items:center}
.sh-theme{width:40px;height:40px;border-radius:10px;border:1px solid var(--sh-border2);background:transparent;color:var(--sh-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s}
.sh-theme:hover{border-color:var(--sh-green);color:var(--sh-green2)}
.sh-theme .sun{display:none}
[data-sh-theme=light] .sh-theme .sun{display:block}
[data-sh-theme=light] .sh-theme .moon{display:none}
.sh-burger{display:none;width:42px;height:42px;border-radius:10px;border:1px solid var(--sh-border2);background:transparent;color:var(--sh-head);cursor:pointer;align-items:center;justify-content:center}
.sh-mobile{display:none;position:fixed;top:63px;inset-inline:0;z-index:99;background:var(--sh-bg2);border-bottom:1px solid var(--sh-border);padding:1rem 1.5rem;flex-direction:column;gap:.25rem;box-shadow:0 20px 40px rgba(0,0,0,.35)}
.sh-mobile.open{display:flex}
.sh-mobile a{padding:.85rem 1rem;border-radius:10px;text-decoration:none;color:var(--sh-text);font-weight:700;font-size:1rem}
.sh-mobile a:hover{background:var(--sh-glow);color:var(--sh-head)}
.sh-mobile .row{display:flex;gap:.6rem;margin-top:.75rem;flex-wrap:wrap}
/* Buttons */
.sh-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.95rem 1.55rem;border-radius:12px;font-weight:800;font-size:.98rem;text-decoration:none;border:none;cursor:pointer;font-family:'Inter',sans-serif;background:linear-gradient(135deg,var(--sh-green),var(--sh-green2));color:#fff;box-shadow:0 10px 26px rgba(22,163,74,.32);transition:transform .2s,box-shadow .2s}
.sh-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(22,163,74,.45);color:#fff}
.sh-btn.sm{padding:.6rem 1.1rem;font-size:.88rem;border-radius:10px}
.sh-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.95rem 1.55rem;border-radius:12px;font-weight:800;font-size:.98rem;text-decoration:none;cursor:pointer;background:transparent;color:var(--sh-head);border:1.5px solid var(--sh-border2);transition:border-color .2s,background .2s,transform .2s}
.sh-btn-ghost:hover{border-color:var(--sh-green);background:var(--sh-glow);color:var(--sh-head);transform:translateY(-2px)}
.sh-btn-ghost.sm{padding:.6rem 1.1rem;font-size:.88rem;border-radius:10px}
/* Hero */
.sh-hero{padding:9.5rem 0 5rem;position:relative;overflow:hidden;background:radial-gradient(ellipse at 12% -5%,rgba(34,197,94,.14),transparent 50%),radial-gradient(ellipse at 90% 110%,rgba(0,102,204,.12),transparent 55%)}
.sh-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--sh-border) 1px,transparent 1px),linear-gradient(90deg,var(--sh-border) 1px,transparent 1px);background-size:64px 64px;opacity:.35;pointer-events:none;mask-image:radial-gradient(ellipse at 50% 20%,black 20%,transparent 75%)}
.sh-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
.sh-eyebrow{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem 1rem;background:var(--sh-glow);border:1px solid rgba(34,197,94,.3);border-radius:999px;color:var(--sh-green2);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.4rem}
.sh-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--sh-green2);animation:shPulse 1.8s infinite}
@keyframes shPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.55);opacity:.55}}
.sh-hero h1{font-size:clamp(2.2rem,4.8vw,3.6rem);font-weight:800;margin-bottom:1.3rem}
.sh-hero .lede{font-size:clamp(1.04rem,1.4vw,1.19rem);color:var(--sh-text2);max-width:580px;margin-bottom:1.9rem}
.sh-ctas{display:flex;flex-wrap:wrap;gap:.85rem}
.sh-hero-note{margin-top:1.05rem;font-size:.86rem;color:var(--sh-text2)}
.sh-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.6rem}
.sh-chips span{display:inline-flex;align-items:center;gap:.45rem;padding:.48rem .9rem;border-radius:999px;border:1px solid var(--sh-border);background:var(--sh-surface);font-size:.82rem;font-weight:700;color:var(--sh-text)}
.sh-chips svg{color:var(--sh-green2);flex:none}
/* Console mock — always dark, it IS the product */
.cm{border-radius:18px;border:1px solid rgba(148,163,184,.18);background:#0a1524;box-shadow:var(--sh-shadow),0 0 0 1px rgba(34,197,94,.06),0 0 80px rgba(34,197,94,.07);overflow:hidden;font-size:.8rem}
.cm-top{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:#0d1b2e;border-bottom:1px solid rgba(148,163,184,.12)}
.cm-dots{display:flex;gap:.4rem}
.cm-dots span{width:10px;height:10px;border-radius:50%}
.cm-dots span:nth-child(1){background:#ef4444}.cm-dots span:nth-child(2){background:#f59e0b}.cm-dots span:nth-child(3){background:#22c55e}
.cm-url{margin:0 auto;font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:.72rem;color:#7d93ad;background:#081120;border:1px solid rgba(148,163,184,.14);border-radius:999px;padding:.22rem 1rem;display:flex;align-items:center;gap:.4rem}
.cm-url svg{color:#22c55e}
.cm-tabs{display:flex;gap:.3rem;padding:.55rem .8rem;background:#0b1728;border-bottom:1px solid rgba(148,163,184,.1);overflow-x:auto;scrollbar-width:none}
.cm-tab{flex:none;padding:.45rem .85rem;border-radius:8px;border:1px solid transparent;background:transparent;color:#8ea3bc;font-weight:700;font-size:.78rem;font-family:'Inter',sans-serif;cursor:pointer;transition:all .2s}
.cm-tab:hover{color:#e2e8f0}
.cm-tab.on{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.3);color:#4ade80}
.cm-body{padding:1rem;min-height:352px}
.cm-panel{display:none}
.cm-panel.on{display:block;animation:cmIn .35s ease}
@keyframes cmIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cm-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.cm-kpi{background:#0e1d33;border:1px solid rgba(148,163,184,.12);border-radius:10px;padding:.7rem .85rem}
.cm-kpi .v{font-family:'Sora',sans-serif;font-weight:800;font-size:1.25rem;color:#f1f5f9}
.cm-kpi .v em{font-style:normal;font-size:.72rem;color:#4ade80;font-weight:700}
.cm-kpi .l{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#7d93ad}
.cm-sec{margin-top:.8rem;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#7d93ad;display:flex;align-items:center;gap:.5rem}
.cm-sec .live{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:shPulse 1.6s infinite}
.cm-feed{margin-top:.5rem;display:flex;flex-direction:column;gap:.38rem}
.cm-ev{display:flex;align-items:center;gap:.6rem;padding:.5rem .65rem;border-radius:9px;background:#0e1d33;border:1px solid rgba(148,163,184,.1);font-size:.76rem;color:#cbd5e1}
.cm-ev.new{animation:evIn .45s ease}
@keyframes evIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.cm-ev .ico{width:26px;height:26px;flex:none;border-radius:7px;display:flex;align-items:center;justify-content:center}
.cm-ev .ico.red{background:rgba(239,68,68,.15);color:#f87171}.cm-ev .ico.amb{background:rgba(245,158,11,.15);color:#fbbf24}.cm-ev .ico.grn{background:rgba(34,197,94,.15);color:#4ade80}.cm-ev .ico.blu{background:rgba(59,130,246,.15);color:#60a5fa}
.cm-ev .tx{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-ev .tx small{display:block;color:#7d93ad;font-size:.66rem}
.cm-tag{flex:none;padding:.16rem .6rem;border-radius:999px;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.cm-tag.grn{background:rgba(34,197,94,.15);color:#4ade80}.cm-tag.amb{background:rgba(245,158,11,.15);color:#fbbf24}.cm-tag.red{background:rgba(239,68,68,.15);color:#f87171}.cm-tag.blu{background:rgba(59,130,246,.15);color:#60a5fa}
.cm-term{background:#04080f;border:1px solid rgba(148,163,184,.12);border-radius:10px;padding:.9rem 1rem;font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:.76rem;line-height:1.75;color:#9fe8b8;min-height:238px}
.cm-term .p{color:#4ade80;font-weight:700}
.cm-term .mut{color:#64748b}
.cm-term .wrn{color:#fbbf24}
.cm-term .caret{display:inline-block;width:8px;height:14px;background:#4ade80;vertical-align:-2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.cm-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem}
.cm-actions span{padding:.42rem .8rem;border-radius:8px;border:1px solid rgba(148,163,184,.2);background:#0e1d33;color:#cbd5e1;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;gap:.4rem}
.cm-actions span svg{color:#4ade80}
.cm-actions span.danger svg{color:#f87171}
.cm-row{display:grid;grid-template-columns:1fr;gap:.38rem;margin-top:.5rem}
.cm-vul{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.7rem;padding:.5rem .65rem;border-radius:9px;background:#0e1d33;border:1px solid rgba(148,163,184,.1);font-size:.74rem;color:#cbd5e1}
.cm-vul code{font-family:ui-monospace,Menlo,monospace;color:#93c5fd;font-size:.72rem}
.cm-vul .host{color:#7d93ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-vul .score{font-family:'Sora',sans-serif;font-weight:800;color:#f1f5f9}
.cm-bars{display:flex;flex-direction:column;gap:.72rem;margin-top:.5rem}
.cm-bar{display:grid;grid-template-columns:110px 1fr 44px;gap:.7rem;align-items:center;font-size:.76rem;color:#cbd5e1}
.cm-bar .trk{display:block;height:8px;border-radius:999px;background:#0e1d33;border:1px solid rgba(148,163,184,.1);overflow:hidden}
.cm-bar .fil{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#16a34a,#4ade80);transition:width 1.2s cubic-bezier(.22,1,.36,1)}
.cm-bar .pct{font-family:'Sora',sans-serif;font-weight:800;color:#4ade80;text-align:right}
.cm-check{display:flex;align-items:center;gap:.6rem;padding:.5rem .65rem;border-radius:9px;background:#0e1d33;border:1px solid rgba(148,163,184,.1);font-size:.76rem;color:#cbd5e1}
.cm-check svg{flex:none}
.cm-check .ok{color:#4ade80}.cm-check .bad{color:#f87171}.cm-check .wrn{color:#fbbf24}
.cm-check .r{margin-left:auto;color:#7d93ad;font-family:ui-monospace,Menlo,monospace;font-size:.68rem}
/* Sections */
.sh-section{padding:5.5rem 0;position:relative}
.sh-section.alt{background:var(--sh-bg2);border-block:1px solid var(--sh-border)}
.sh-shead{text-align:center;max-width:760px;margin:0 auto 3.2rem}
.sh-chip{display:inline-block;padding:.42rem 1rem;background:var(--sh-glow);color:var(--sh-green2);border:1px solid rgba(34,197,94,.28);border-radius:999px;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin-bottom:1rem}
.sh-h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800;margin-bottom:.9rem}
.sh-sub{color:var(--sh-text2);font-size:clamp(1rem,1.3vw,1.12rem)}
.sh-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.sh-grid2{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.sh-card{background:var(--sh-card);border:1px solid var(--sh-border);border-radius:16px;padding:1.9rem;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;flex-direction:column}
.sh-card:hover{transform:translateY(-5px);border-color:rgba(34,197,94,.4);box-shadow:0 18px 44px rgba(0,0,0,.3),0 0 0 1px rgba(34,197,94,.12)}
[data-sh-theme=light] .sh-card:hover{box-shadow:0 18px 44px rgba(10,25,41,.12),0 0 0 1px rgba(22,163,74,.15)}
.sh-card h3{font-size:1.16rem;font-weight:800;margin:1.1rem 0 .55rem}
.sh-card p{color:var(--sh-text2);font-size:.94rem}
.sh-card .more{margin-top:auto;padding-top:1rem;font-weight:800;font-size:.88rem;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}
.sh-ico{width:48px;height:48px;border-radius:13px;background:var(--sh-glow);border:1px solid rgba(34,197,94,.25);color:var(--sh-green2);display:flex;align-items:center;justify-content:center;flex:none}
/* vs comparison */
.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;align-items:stretch}
.vs-card{border-radius:18px;padding:2rem;border:1px solid var(--sh-border);background:var(--sh-card)}
.vs-card.bad h3{color:var(--sh-text2)}
.vs-card.good{border-color:rgba(34,197,94,.4);background:linear-gradient(160deg,rgba(34,197,94,.09),transparent 55%),var(--sh-card);box-shadow:0 0 60px rgba(34,197,94,.08)}
.vs-card h3{font-size:1.2rem;margin-bottom:1.2rem;display:flex;align-items:center;gap:.6rem}
.vs-card ul{list-style:none;display:flex;flex-direction:column;gap:.7rem}
.vs-card li{display:flex;gap:.65rem;align-items:flex-start;font-size:.94rem;color:var(--sh-text)}
.vs-card li svg{flex:none;margin-top:.18rem}
.vs-card.bad li{color:var(--sh-text2)}
.vs-card.bad li svg{color:#f87171}
.vs-card.good li svg{color:var(--sh-green2)}
.vs-foot{margin-top:1.4rem;padding-top:1.2rem;border-top:1px dashed var(--sh-border2);font-size:.9rem;color:var(--sh-text2)}
.vs-card.good .vs-foot{color:var(--sh-green2);font-weight:700}
/* Steps */
.sh-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;counter-reset:step}
.sh-step{position:relative;background:var(--sh-card);border:1px solid var(--sh-border);border-radius:16px;padding:2rem 1.9rem}
.sh-step .n{font-family:'Sora',sans-serif;font-weight:800;font-size:.8rem;color:var(--sh-green2);background:var(--sh-glow);border:1px solid rgba(34,197,94,.3);width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem}
.sh-step h3{font-size:1.1rem;margin-bottom:.5rem}
.sh-step p{color:var(--sh-text2);font-size:.93rem}
@media (min-width:981px){.sh-steps.cols4{grid-template-columns:repeat(4,1fr)}}
/* Stats band */
.sh-band{background:linear-gradient(135deg,#071224,#0a1a30);border-block:1px solid var(--sh-border);position:relative;overflow:hidden}
.sh-band::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 0%,rgba(34,197,94,.14),transparent 55%)}
[data-sh-theme=light] .sh-band{background:linear-gradient(135deg,#0a1929,#0f2743)}
.sh-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;text-align:center;padding:3.6rem 0}
.sh-stat .v{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(1.9rem,3.4vw,2.7rem);color:#fff}
.sh-stat .v em{font-style:normal;color:#4ade80}
.sh-stat .l{color:#94a3b8;font-size:.88rem;font-weight:600;margin-top:.25rem}
/* CTA band */
.sh-cta{background:linear-gradient(140deg,#0b2018,#0a1626 65%);border:1px solid rgba(34,197,94,.28);border-radius:22px;padding:3.6rem 2.5rem;text-align:center;position:relative;overflow:hidden}
.sh-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% -30%,rgba(34,197,94,.22),transparent 60%)}
.sh-cta h2{font-size:clamp(1.7rem,3.2vw,2.4rem);color:#fff;margin-bottom:.8rem;position:relative}
.sh-cta p{color:#94a3b8;max-width:560px;margin:0 auto 1.8rem;position:relative}
.sh-cta .sh-ctas{justify-content:center;position:relative}
/* Pricing */
.pr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;align-items:stretch}
.pr-card{background:var(--sh-card);border:1px solid var(--sh-border);border-radius:18px;padding:2.1rem 1.9rem;display:flex;flex-direction:column;position:relative;transition:transform .25s,border-color .25s}
.pr-card:hover{transform:translateY(-5px);border-color:rgba(34,197,94,.35)}
.pr-card.hot{border-color:rgba(34,197,94,.5);background:linear-gradient(165deg,rgba(34,197,94,.08),transparent 45%),var(--sh-card);box-shadow:0 0 70px rgba(34,197,94,.1)}
.pr-flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--sh-green),var(--sh-green2));color:#fff;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.34rem .95rem;border-radius:999px;white-space:nowrap}
.pr-name{font-size:1.15rem;font-weight:800}
.pr-for{color:var(--sh-text2);font-size:.86rem;margin:.3rem 0 1.3rem}
.pr-price{font-family:'Sora',sans-serif;font-weight:800;font-size:2.7rem;color:var(--sh-head);line-height:1}
.pr-price sup{font-size:1.1rem;top:-1.1em}
.pr-per{color:var(--sh-text2);font-size:.84rem;margin:.4rem 0 1.5rem}
.pr-list{list-style:none;display:flex;flex-direction:column;gap:.62rem;margin-bottom:1.8rem}
.pr-list li{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;color:var(--sh-text)}
.pr-list li svg{flex:none;color:var(--sh-green2);margin-top:.2rem}
.pr-list li.base{color:var(--sh-text2);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}
.pr-card .sh-btn,.pr-card .sh-btn-ghost{margin-top:auto;width:100%}
/* Comparison table */
.cmp-wrap{overflow-x:auto;border:1px solid var(--sh-border);border-radius:16px;background:var(--sh-card)}
.cmp{width:100%;border-collapse:collapse;min-width:640px;font-size:.9rem}
.cmp th,.cmp td{padding:.85rem 1.1rem;text-align:center;border-bottom:1px solid var(--sh-border)}
.cmp th{font-family:'Sora',sans-serif;color:var(--sh-head);font-size:.92rem}
.cmp td:first-child,.cmp th:first-child{text-align:left;color:var(--sh-text);font-weight:600}
.cmp tr:last-child td{border-bottom:none}
.cmp .yes{color:var(--sh-green2)}
.cmp .no{color:var(--sh-text2);opacity:.5}
.cmp .hotcol{background:var(--sh-glow)}
/* FAQ */
.sh-faq{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:.8rem}
.sh-faq details{background:var(--sh-card);border:1px solid var(--sh-border);border-radius:14px;padding:1.15rem 1.4rem;transition:border-color .2s}
.sh-faq details[open]{border-color:rgba(34,197,94,.35)}
.sh-faq summary{cursor:pointer;font-weight:800;color:var(--sh-head);font-size:1rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.sh-faq summary::-webkit-details-marker{display:none}
.sh-faq summary::after{content:'+';font-size:1.4rem;color:var(--sh-green2);font-weight:400;transition:transform .2s}
.sh-faq details[open] summary::after{transform:rotate(45deg)}
.sh-faq details p{margin-top:.8rem;color:var(--sh-text2);font-size:.94rem}
/* Feature deep-dive rows */
.ft-row{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center;padding:3.4rem 0;border-bottom:1px solid var(--sh-border)}
.ft-row>*{min-width:0}
.cm{max-width:100%}
.ft-row:last-of-type{border-bottom:none}
.ft-row.flip .ft-copy{order:2}
.ft-copy h3{font-size:clamp(1.35rem,2.4vw,1.75rem);margin:1rem 0 .8rem}
.ft-copy>p{color:var(--sh-text2);font-size:1rem;margin-bottom:1.2rem}
.ft-copy ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}
.ft-copy li{display:flex;gap:.6rem;align-items:flex-start;font-size:.93rem;color:var(--sh-text)}
.ft-copy li svg{flex:none;color:var(--sh-green2);margin-top:.2rem}
.ft-vis .cm-body{min-height:0}
/* Forms */
.sh-form{background:var(--sh-card);border:1px solid var(--sh-border);border-radius:18px;padding:2.2rem}
.sh-form .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.sh-form .full{grid-column:1/-1}
.sh-form label{display:block;font-weight:700;font-size:.86rem;color:var(--sh-head);margin-bottom:.4rem}
.sh-form input,.sh-form select,.sh-form textarea{width:100%;padding:.85rem 1rem;border-radius:11px;border:1.5px solid var(--sh-border2);background:var(--sh-bg2);color:var(--sh-head);font-family:'Inter',sans-serif;font-size:.95rem;transition:border-color .2s,box-shadow .2s}
.sh-form input:focus,.sh-form select:focus,.sh-form textarea:focus{outline:none;border-color:var(--sh-green);box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.sh-form textarea{resize:vertical;min-height:120px}
.sh-form .sh-btn{width:100%;margin-top:1.3rem}
.sh-form .msg{display:none;margin-top:1rem;padding:.9rem 1.1rem;border-radius:11px;font-weight:700;font-size:.92rem}
.sh-form .msg.ok{display:block;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);color:var(--sh-green2)}
.sh-form .msg.err{display:block;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#f87171}
.hp-field{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
/* Contact cards */
.ct-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1.6rem;align-items:start}
.ct-side{display:flex;flex-direction:column;gap:1.1rem}
.ct-card{background:var(--sh-card);border:1px solid var(--sh-border);border-radius:16px;padding:1.6rem;display:flex;gap:1rem;align-items:flex-start;transition:border-color .2s,transform .2s}
.ct-card:hover{border-color:rgba(34,197,94,.35);transform:translateY(-3px)}
.ct-card h3{font-size:1.02rem;margin-bottom:.3rem}
.ct-card p{color:var(--sh-text2);font-size:.88rem;margin-bottom:.55rem}
.ct-card a.lnk{font-weight:800;font-size:.92rem;text-decoration:none}
/* Footer */
.sh-footer{background:#040910;border-top:1px solid rgba(148,163,184,.12);padding:3.5rem 0 2rem;color:#8ea3bc}
.sh-footer a{color:#8ea3bc;text-decoration:none}
.sh-footer a:hover{color:#4ade80}
.sh-fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:2.5rem}
.sh-fgrid h4{color:#e2e8f0;font-size:.92rem;margin-bottom:1rem}
.sh-fgrid ul{list-style:none;display:flex;flex-direction:column;gap:.55rem;font-size:.9rem}
.sh-fgrid .about{font-size:.9rem;max-width:300px}
.sh-fbot{border-top:1px solid rgba(148,163,184,.1);padding-top:1.6rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.82rem;color:#64748b}
/* Topbar (link to main site + language switcher) */
.sh-top{background:#03070d;border-bottom:1px solid rgba(148,163,184,.12);font-size:.76rem;color:#7d93ad}
[data-sh-theme=light] .sh-top{background:#0a1929;color:#94a3b8}
.sh-top-in{max-width:1200px;margin:0 auto;padding:.4rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.sh-top a{color:#a7bdd4;text-decoration:none;font-weight:700}
.sh-top a:hover{color:#4ade80}
.sh-top-note{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sh-lang{display:flex;gap:.15rem;flex:none}
.sh-lang a{padding:.12rem .6rem;border-radius:999px;font-weight:800;letter-spacing:.03em;display:inline-flex;align-items:center;gap:.4rem}
.sh-lang a.on{background:rgba(34,197,94,.16);color:#4ade80}
.sh-lang .flag{width:16px;height:11px;border-radius:2px;overflow:hidden;line-height:0;flex:none}
.sh-lang .flag svg{display:block;width:100%;height:100%}
@media (max-width:600px){.sh-top .hide-sm{display:none}}
/* Mobile sticky CTA bar */
.sh-ctabar{position:fixed;bottom:0;inset-inline:0;z-index:95;display:none;gap:.6rem;padding:.6rem .9rem calc(.6rem + env(safe-area-inset-bottom,0px));background:var(--sh-headbg);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-top:1px solid var(--sh-border)}
.sh-ctabar .sh-btn{flex:1;padding:.9rem 1rem;font-size:.95rem}
.sh-ctabar .wa{flex:none;width:54px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;box-shadow:0 8px 20px rgba(37,211,102,.35)}
/* Reveal */
.rv{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}
.rv.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
/* Responsive */
@media (max-width:1280px){.sh-hactions .sh-btn-ghost.sm{display:none}}
@media (max-width:1020px){.sh-links{display:none}.sh-hactions .sh-btn-ghost.sm{display:none}.sh-burger{display:flex}.sh-hactions>.sh-back{display:none}}
@media (max-width:980px){.sh-hero-grid{grid-template-columns:1fr;gap:2.6rem}.sh-grid3{grid-template-columns:1fr 1fr}.sh-steps{grid-template-columns:1fr}.pr-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto;gap:2rem}.pr-card.hot{order:-1}.ft-row{grid-template-columns:1fr;gap:1.8rem;padding:2.6rem 0}.ft-row.flip .ft-copy{order:0}.ct-grid{grid-template-columns:1fr}.sh-stats{grid-template-columns:1fr 1fr;gap:2rem}.vs-grid{grid-template-columns:1fr}.sh-fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:768px){.sh-ctabar{display:flex}body{padding-bottom:78px}.sh-hero .lede{font-size:1.02rem}.sh-shead{margin-bottom:2.2rem}}
@media (max-width:480px){.sh-hactions .sh-btn.sm{display:none}.sh-nav{padding:.8rem 1rem;gap:.75rem}.sh-hactions{gap:.5rem}}
@media (max-width:640px){.cm-vul{grid-template-columns:auto minmax(0,1fr) auto;font-size:.7rem}.cm-vul .score{display:none}.sh-grid3{grid-template-columns:1fr}.sh-form .fgrid{grid-template-columns:1fr}.sh-hero{padding:7.5rem 0 3rem}.sh-section{padding:3.6rem 0}.sh-ctas .sh-btn,.sh-ctas .sh-btn-ghost{width:100%}.cm-kpis{grid-template-columns:repeat(3,1fr)}.cm-body{min-height:0}.sh-cta{padding:2.6rem 1.4rem}.sh-fgrid{grid-template-columns:1fr}.cm-bar{grid-template-columns:88px 1fr 40px}.sh-card{padding:1.5rem}.sh-form{padding:1.6rem}.pr-card{padding:1.8rem 1.5rem}.sh-nav{padding:.7rem 1rem}.sh-top-in{padding:.4rem 1rem}.hero .lede{margin-bottom:1.4rem}.sh-chips span{font-size:.78rem;padding:.42rem .75rem}.cm-ev .tx small{white-space:normal}}

/* Spotlight hover (cursor-reactive) */
.sh-card,.pr-card,.ct-card,.sh-step{position:relative;overflow:hidden}
.sh-card::after,.pr-card::after,.ct-card::after,.sh-step::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(34,197,94,.13),transparent 65%)}
.sh-card:hover::after,.pr-card:hover::after,.ct-card:hover::after,.sh-step:hover::after{opacity:1}
/* Proof strip */
.sh-proof{border-block:1px solid var(--sh-border);background:var(--sh-bg2)}
.sh-proof-in{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:.5rem 2rem;justify-content:center;align-items:center;padding:.95rem 1.5rem;font-size:.84rem;font-weight:700;color:var(--sh-text2)}
.sh-proof-in span{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}
.sh-proof-in svg{color:var(--sh-green2);flex:none}
/* Radar */
.sh-radar-grid{display:grid;grid-template-columns:320px 1fr;gap:3rem;align-items:center;padding:3.4rem 0}
.sh-radar-wrap{width:100%;max-width:320px;margin:0 auto;text-align:center}
#shRadar{width:100%;height:auto;display:block;filter:drop-shadow(0 0 30px rgba(34,197,94,.15))}
.sh-radar-cap{margin-top:.7rem;font-size:.7rem;color:#7d93ad;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sh-stats.two{grid-template-columns:1fr 1fr;padding:0}
@media (max-width:980px){.sh-radar-grid{grid-template-columns:1fr;gap:2.2rem;padding:2.8rem 0}.sh-radar-wrap{max-width:260px}}