/* REBEL STORE GUARD — unified commercial site */
:root{color-scheme:dark;--bg:#080c12;--surface:#101720;--elevated:#141e29;--line:#2e3944;--gold:#e9bf73;--gold2:#f7da9f;--ink:#f6f4ee;--muted:#acbac8;--max:1160px}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.55}
body::before{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:790px;background:radial-gradient(ellipse 75% 55% at 75% 12%,rgba(222,177,96,.14),transparent 72%)}
*,*::before,*::after{box-sizing:border-box}
a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}
button,.button,.sg-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid transparent;border-radius:10px;background:var(--gold);color:#101214;padding:13px 19px;min-height:46px;font:700 15px/1.2 inherit;font-weight:750;cursor:pointer;text-decoration:none;transition:transform .18s,background .18s}
button:hover,.sg-button:hover{transform:translateY(-1px);background:var(--gold2);text-decoration:none}
.sg-secondary{background:transparent;color:var(--ink);border:1px solid #4c5660}.sg-secondary:hover{background:#212b36}
.sg-wrap{max-width:var(--max);margin:auto;padding:0 24px}
.sg-header{position:sticky;top:0;z-index:20;background:rgba(8,12,18,.93);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.sg-header-row{display:flex;align-items:center;gap:20px;justify-content:space-between;min-height:76px}
.sg-logo{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:15px;font-weight:850;letter-spacing:.08em;white-space:nowrap}
.sg-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:9px;background:linear-gradient(145deg,#e8c78d,#87622d);color:#121212;font-size:22px;font-weight:900}
.sg-header nav{display:flex;align-items:center;gap:23px;font-size:13px}
.sg-header nav a{color:#d0d6dc}.sg-header nav a:hover{color:var(--gold)}
.sg-header #language{width:auto;min-width:115px;background:#131b25;color:#fff;border:1px solid #46505b;padding:9px;margin:0;border-radius:8px}
.sg-hero{padding:96px 0 82px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:60px}
.sg-eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-size:12px;font-weight:800}
.sg-hero h1{font-size:clamp(38px,5.4vw,72px);line-height:1.07;letter-spacing:-.045em;margin:20px 0 22px}
.sg-hero p{font-size:18px;color:#c0c9d1;max-width:640px}
.sg-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}
.sg-points{display:flex;gap:14px 23px;flex-wrap:wrap;font-size:12px;color:#b5c2ce;margin-top:29px}.sg-points span:before{content:"✓";color:var(--gold);margin-right:8px}
.sg-visual{position:relative;border:1px solid #4b4539;background:linear-gradient(150deg,#1f2530,#0c121a);padding:26px;border-radius:22px;box-shadow:0 30px 85px rgba(0,0,0,.35)}
.sg-visual:after{content:"";position:absolute;width:115px;height:115px;right:-15px;top:-20px;background:radial-gradient(circle,rgba(232,188,112,.16),transparent 70%);pointer-events:none}
.sg-demo-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #37414c;padding-bottom:17px;font-size:12px;color:#d6dce0}
.sg-dot{display:inline-block;width:8px;height:8px;background:var(--gold);border-radius:50%;margin-right:7px}
.sg-stat-label{color:#9aa5b0;font-size:12px;margin-top:28px}
.sg-stat{font-weight:800;font-size:clamp(28px,3vw,42px);color:var(--gold);letter-spacing:-.025em}
.sg-chart{display:flex;align-items:end;gap:12px;height:130px;border-bottom:1px solid #47505a;margin-top:25px;padding:0 8px}
.sg-chart span{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(0deg,#765626,#e5b76b)}
.sg-finding{display:flex;gap:10px;align-items:center;background:#252b31;border:1px solid #3f454d;border-radius:9px;padding:12px;margin-top:17px;font-size:12px;color:#e7e7e6}.sg-finding strong{color:var(--gold)}
.sg-section{padding:75px 0;border-top:1px solid #27313a}
.sg-section-head{max-width:730px;margin-bottom:38px}.sg-section-head h2{font-size:clamp(29px,3.4vw,45px);letter-spacing:-.035em;line-height:1.15;margin:12px 0 14px}.sg-section-head p{color:var(--muted);font-size:16px}
.sg-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.sg-card,.sg-tool-card{border:1px solid #394550;background:linear-gradient(155deg,#171f2b,#0f151d);border-radius:17px;padding:27px}
.sg-card .sg-index{color:var(--gold);font-size:12px;letter-spacing:.14em;font-weight:800}
.sg-card h3{font-size:20px;margin:16px 0 8px}.sg-card p{color:var(--muted);font-size:14px;margin:0}
.sg-tool-grid{display:grid;grid-template-columns:1fr;gap:22px}
.sg-tool-card{padding:30px}
.sg-tool-card h2{font-size:23px;margin:0 0 12px}
.sg-tool-card .muted{color:var(--muted)}
.sg-tool-card .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-top:20px}
.sg-tool-card input,.sg-tool-card select,.sg-tool-card textarea{width:100%;background:#0c141d;border:1px solid #52606a;color:#fff;border-radius:8px;padding:11px;margin:8px 0 15px}
.sg-tool-card label{display:block;font-size:13px;color:#dbe0e5}
.sg-tool-card code{color:var(--gold);font-size:13px}
.sg-tool-card #results .panel,.sg-tool-card #summary{background:#111a24;border:1px solid #3b454d;padding:18px;border-radius:11px}
.sg-tool-card #results table{display:block;overflow:auto;max-width:100%;border-collapse:collapse}
.sg-tool-card #results th,.sg-tool-card #results td{padding:9px;border-bottom:1px solid #3e4955;text-align:left;font-size:13px}
.sg-tool-card .hidden{display:none}
.sg-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sg-price-card{display:flex;flex-direction:column;position:relative;background:#101821;border:1px solid #3f4a52;padding:31px;border-radius:18px}
.sg-price-card.featured{border-color:#d5a95c;box-shadow:0 0 0 1px #9d7944,0 22px 60px rgba(176,121,42,.08)}
.sg-tag{position:absolute;right:19px;top:18px;border:1px solid #907044;border-radius:50px;color:var(--gold);padding:5px 10px;font-size:10px;font-weight:700;text-transform:uppercase}
.sg-price-card h3{font-size:17px;letter-spacing:.06em;margin:0 0 15px}
.sg-money{font-size:43px;font-weight:850;letter-spacing:-.05em;margin-bottom:6px}.sg-money span{font-size:17px;color:#9fa9b2;letter-spacing:0}
.sg-price-card p{color:var(--muted);font-size:14px;min-height:60px}
.sg-price-card ul{list-style:none;margin:15px 0 25px;padding:0;font-size:14px;flex:1}
.sg-price-card li{padding:9px 0;border-top:1px solid #2b353e}.sg-price-card li::before{content:"✓";color:var(--gold);margin-right:10px}
.sg-price-card .sg-button{display:flex}
.sg-price-note{font-size:12px;color:#95a5b1;margin-top:17px}
.sg-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sg-step{padding:21px;background:#131b25;border-radius:13px;border:1px solid #34404b}
.sg-step span{font-size:27px;color:var(--gold);font-weight:800}
.sg-step h3{font-size:15px;margin:10px 0}.sg-step p{font-size:13px;color:var(--muted);margin:0}
.sg-faq{max-width:820px;margin:auto}.sg-faq details{border-bottom:1px solid #34404a;padding:20px 6px}.sg-faq summary{cursor:pointer;font-weight:700}.sg-faq details p{color:var(--muted);font-size:14px;line-height:1.7}
.sg-cta{padding:45px;border:1px solid #685435;background:linear-gradient(115deg,#2b251c,#161d26);border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.sg-cta h2{font-size:29px;letter-spacing:-.03em;margin:0}.sg-cta p{color:var(--muted);margin:12px 0 0}
.sg-footer{border-top:1px solid var(--line);padding:44px 0;color:#9ca9b4;font-size:13px}.sg-footer-flex{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.sg-footer a{color:#d7dde3;margin-right:14px}.sg-footer small{color:#909ca6;display:block;margin-top:10px;max-width:680px}
.sg-legal{color:#acbac8;font-size:12px;margin-top:22px}
@media(max-width:900px){.sg-hero{grid-template-columns:1fr;gap:35px;padding:65px 0}.sg-visual{max-width:550px}.sg-header nav{gap:12px}.sg-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.sg-wrap{padding:0 17px}.sg-header-row{flex-wrap:wrap;padding:12px 0}.sg-header nav{order:3;width:100%;overflow:auto;padding:4px 0 8px}.sg-header nav a{white-space:nowrap}.sg-header #language{margin-left:auto}.sg-cards,.sg-price-grid,.sg-steps{grid-template-columns:1fr}.sg-hero{padding:45px 0}.sg-section{padding:50px 0}.sg-tool-card{padding:20px}.sg-cta{flex-direction:column;align-items:start;padding:25px}.sg-price-card p{min-height:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,.sg-button{transition:none}}

/* Neutralize legacy page container and scope original tool styles. */
main.sg-app{max-width:none;margin:0;padding:0}
main.sg-app>.sg-header{max-width:none;padding:0;border-radius:0}
main.sg-app h2{margin-top:0}
main.sg-app footer{padding:44px 0}
main.sg-app .sg-tool-card button{font-weight:750}
main.sg-app .sg-tool-card #results .panel{margin:14px 0}
main.sg-app .sg-header nav{margin-left:0}
main.sg-app .sg-price-card .sg-button{min-height:49px}
main.sg-app .sg-price-card .sg-money{color:#f6f4ee}
main.sg-app .sg-section-head{margin-bottom:38px}

/* Keep intrinsic tool content within mobile columns; scroll wide result tables locally. */
.sg-tool-grid{grid-template-columns:minmax(0,1fr)}
.sg-tool-grid>*,.sg-hero>*,.sg-header-row>*{min-width:0}
.sg-tool-card{overflow-wrap:anywhere}
.sg-tool-card input[type=file]{max-width:100%}
@media(max-width:900px){
 .sg-header-row{flex-wrap:wrap;padding:12px 0}
 .sg-header nav{order:3;width:100%;overflow-x:auto;padding:4px 0 8px}
 .sg-header nav a{white-space:nowrap;flex-shrink:0}
 .sg-header #language{margin-left:auto}
 .sg-hero{grid-template-columns:minmax(0,1fr)}
 .sg-visual{width:100%}
}

/* The legacy header flex container must not size the entire navigation row by its content. */
main.sg-app>.sg-header{display:block}
.sg-header-row{width:100%}

@media(max-width:900px){.sg-header-row,.sg-hero{padding-left:24px;padding-right:24px}}
@media(max-width:650px){.sg-header-row,.sg-hero{padding-left:17px;padding-right:17px}}
