:root {
  --cs-bg: #070b12;
  --cs-bg-soft: #0b1220;
  --cs-panel: rgba(18, 28, 43, .72);
  --cs-panel-solid: #101a29;
  --cs-text: #f4f7fb;
  --cs-muted: #9aa9bc;
  --cs-green: #00e676;
  --cs-green-dark: #00b85c;
  --cs-yellow: #ffd700;
  --cs-border: rgba(255, 255, 255, .1);
  --cs-radius: 24px;
  --cs-shadow: 0 22px 60px rgba(0, 0, 0, .35), 0 1px 0 rgba(255, 255, 255, .04) inset;
}

html { scroll-behavior: smooth; }
body.cs-site {
  margin: 0; color: var(--cs-text); background: var(--cs-bg);
  background-image: radial-gradient(circle at 8% 4%, rgba(0,230,118,.11), transparent 28rem), radial-gradient(circle at 92% 14%, rgba(255,215,0,.08), transparent 26rem);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65; overflow-x: hidden;
}
body.cs-site::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.15; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(to bottom,#000,transparent 80%); }
.cs-tool-site{background-color:var(--cs-bg)!important}.cs-tool-site main,.cs-tool-site>.container{position:relative}.cs-tool-site .page-header{margin:32px 0 26px;padding:26px;border:1px solid var(--cs-border)!important;border-radius:20px;background:linear-gradient(135deg,rgba(0,230,118,.08),rgba(16,26,41,.85));box-shadow:var(--cs-shadow)}.cs-tool-site .page-header h1,.cs-tool-site .page-header h2{color:var(--cs-text)!important;font-weight:850}.cs-tool-site .page-header small{color:var(--cs-yellow)!important}.cs-tool-site .panel,.cs-tool-site .well,.cs-tool-site .thumbnail,.cs-tool-site .dev-container{border:1px solid var(--cs-border)!important;border-radius:18px!important;background:rgba(16,26,41,.9)!important;color:var(--cs-text)!important;box-shadow:var(--cs-shadow)!important}.cs-tool-site .panel-heading{border-color:var(--cs-border)!important;border-radius:17px 17px 0 0!important;background:rgba(0,230,118,.1)!important;color:var(--cs-text)!important}.cs-tool-site .panel-title,.cs-tool-site h1,.cs-tool-site h2,.cs-tool-site h3,.cs-tool-site h4{color:var(--cs-text)}.cs-tool-site p,.cs-tool-site .help-block,.cs-tool-site .text-muted{color:var(--cs-muted)!important}.cs-tool-site label{color:#cbd5e1!important}.cs-tool-site .form-control,.cs-tool-site input,.cs-tool-site select,.cs-tool-site textarea{border:1px solid var(--cs-border)!important;border-radius:11px!important;background:#080e17!important;color:var(--cs-text)!important;box-shadow:none!important}.cs-tool-site .form-control:focus,.cs-tool-site input:focus,.cs-tool-site select:focus,.cs-tool-site textarea:focus{border-color:var(--cs-green)!important;box-shadow:0 0 0 3px rgba(0,230,118,.09)!important}.cs-tool-site select option{background:#101a29}.cs-tool-site .btn{border-radius:10px!important;font-weight:800}.cs-tool-site .btn-success,.cs-tool-site .btn-primary{border-color:var(--cs-green)!important;background:var(--cs-green)!important;color:#05130b!important}.cs-tool-site .btn-warning{border-color:var(--cs-yellow)!important;background:var(--cs-yellow)!important;color:#161100!important}.cs-tool-site pre,.cs-tool-site code,.cs-tool-site .result-box{border-color:var(--cs-border)!important;background:#05090f!important;color:#9effbd!important}.cs-tool-site footer{margin-top:70px;background:#05080d!important;border-top:1px solid var(--cs-border)!important}.cs-tool-site footer h2{color:var(--cs-yellow)!important}.cs-tool-site footer p,.cs-tool-site footer a{color:#c1ccd8!important}.cs-tool-site footer input{background:#0b1320!important}.cs-tool-site hr{border-color:var(--cs-border)}
.cs-site *, .cs-site *::before, .cs-site *::after { box-sizing: border-box; }
.cs-site a { color: inherit; }
.cs-site > a[href^="https://api.whatsapp.com"] { display: none !important; }
.cs-site img { max-width: 100%; }
.cs-container { width:min(1160px, calc(100% - 40px)); margin-inline:auto; }
.cs-section { padding: 96px 0; position:relative; }
.cs-section--compact { padding: 64px 0; }
.cs-eyebrow { display:inline-flex; gap:8px; align-items:center; color:var(--cs-green); background:rgba(0,230,118,.08); border:1px solid rgba(0,230,118,.2); border-radius:999px; padding:7px 12px; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.cs-title { margin:18px 0 14px; color:var(--cs-text); font-size:clamp(34px,5vw,62px); line-height:1.04; font-weight:850; letter-spacing:-.04em; }
.cs-title--section { font-size:clamp(28px,4vw,44px); }
.cs-gradient { color:var(--cs-green); background:linear-gradient(100deg,var(--cs-green),#a8ef78 45%,var(--cs-yellow)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.cs-lead { max-width:680px; color:var(--cs-muted); font-size:clamp(16px,2vw,19px); }
.cs-section-head { margin-bottom:38px; display:flex; justify-content:space-between; align-items:end; gap:24px; }
.cs-section-head p { margin:0; max-width:520px; color:var(--cs-muted); }

.cs-nav-wrap { position:sticky; top:0; z-index:1000; padding:14px 0; background:linear-gradient(to bottom,rgba(7,11,18,.88),rgba(7,11,18,.45),transparent); }
.cs-nav { min-height:68px; padding:10px 12px 10px 20px; display:flex; align-items:center; gap:26px; border:1px solid var(--cs-border); border-radius:20px; background:rgba(10,16,26,.78); backdrop-filter:blur(18px); box-shadow:0 14px 45px rgba(0,0,0,.25); }
.cs-brand { display:flex; align-items:center; flex-shrink:0; text-decoration:none; }
.cs-brand img { width:164px; height:42px; object-fit:contain; }
.cs-menu { display:flex; align-items:center; justify-content:center; gap:6px; margin-left:auto; }
.cs-menu a { padding:10px 11px; border-radius:10px; color:#c6d0dd; text-decoration:none; font-size:14px; font-weight:700; transition:.2s ease; }
.cs-menu a:hover,.cs-menu a:focus,.cs-menu a[aria-current="page"] { color:var(--cs-text); background:rgba(255,255,255,.06); }
.cs-nav-toggle { display:none; margin-left:auto; width:44px; height:44px; border:1px solid var(--cs-border); border-radius:12px; background:rgba(255,255,255,.04); color:#fff; font-size:20px; }
.cs-btn { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:12px 20px; border:1px solid transparent; border-radius:12px; text-decoration:none!important; font-weight:800; font-size:14px; cursor:pointer; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.cs-btn:hover { color:inherit; transform:translateY(-2px); }
.cs-btn--primary { color:#02150b!important; background:linear-gradient(135deg,var(--cs-green),#76ff9d); box-shadow:0 0 0 1px rgba(0,230,118,.22),0 10px 32px rgba(0,230,118,.2); }
.cs-btn--secondary { color:#151000!important; background:linear-gradient(135deg,var(--cs-yellow),#fff079); box-shadow:0 10px 32px rgba(255,215,0,.14); }
.cs-btn--ghost { color:var(--cs-text)!important; border-color:var(--cs-border); background:rgba(255,255,255,.035); }
.cs-btn--small { min-height:40px; padding:9px 14px; }

.cs-hero { min-height:720px; display:flex; align-items:center; padding:88px 0 100px; }
.cs-hero-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:70px; align-items:center; }
.cs-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.cs-proof { display:flex; flex-wrap:wrap; gap:22px; margin-top:34px; color:var(--cs-muted); font-size:13px; font-weight:700; }
.cs-proof span::before { content:"\2713"; color:var(--cs-green); margin-right:7px; }
.cs-orbit { position:relative; min-height:440px; display:grid; place-items:center; }
.cs-orbit::before,.cs-orbit::after { content:""; position:absolute; border-radius:50%; border:1px solid rgba(0,230,118,.18); animation:cs-spin 18s linear infinite; }
.cs-orbit::before { width:390px; height:390px; border-right-color:var(--cs-yellow); }
.cs-orbit::after { width:310px; height:310px; border-left-color:var(--cs-green); animation-direction:reverse; animation-duration:13s; }
.cs-dashboard { position:relative; z-index:2; width:min(400px,90%); padding:20px; transform:perspective(900px) rotateY(-7deg) rotateX(3deg); }
.cs-browser { border:1px solid rgba(255,255,255,.12); border-radius:18px; background:rgba(13,21,34,.88); box-shadow:0 35px 90px rgba(0,0,0,.55),0 0 50px rgba(0,230,118,.09); overflow:hidden; }
.cs-browser-top { display:flex; gap:6px; padding:12px 14px; border-bottom:1px solid var(--cs-border); }
.cs-browser-top i { width:8px; height:8px; border-radius:50%; background:var(--cs-green); }.cs-browser-top i:nth-child(2){background:var(--cs-yellow)}.cs-browser-top i:nth-child(3){background:#ff5d62}
.cs-browser-body { padding:22px; }
.cs-metric { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-bottom:14px; }
.cs-metric div,.cs-chart { padding:13px; border:1px solid var(--cs-border); border-radius:12px; background:rgba(255,255,255,.03); }
.cs-metric b { display:block; color:var(--cs-green); font-size:18px; }.cs-metric small{color:var(--cs-muted)}
.cs-chart { height:155px; display:flex; align-items:end; gap:9px; }
.cs-chart i { flex:1; height:var(--h); min-height:15px; border-radius:5px 5px 2px 2px; background:linear-gradient(var(--cs-green),rgba(0,230,118,.12)); animation:cs-bars 1.4s ease both; }
.cs-float-badge { position:absolute; z-index:3; padding:10px 14px; border:1px solid rgba(255,215,0,.25); border-radius:12px; background:rgba(17,25,38,.92); color:var(--cs-yellow); box-shadow:var(--cs-shadow); font-size:13px; font-weight:800; animation:cs-float 4s ease-in-out infinite; }
.cs-float-badge--one{top:13%;right:0}.cs-float-badge--two{bottom:12%;left:0;animation-delay:-2s;color:var(--cs-green)}

.cs-grid { display:grid; gap:20px; }.cs-grid--3{grid-template-columns:repeat(3,1fr)}.cs-grid--2{grid-template-columns:repeat(2,1fr)}
.cs-card { position:relative; padding:28px; border:1px solid var(--cs-border); border-radius:var(--cs-radius); background:linear-gradient(145deg,rgba(20,31,47,.84),rgba(10,16,26,.7)); box-shadow:var(--cs-shadow); overflow:hidden; transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease; }
.cs-card::after { content:""; position:absolute; inset:auto -35% -65% auto; width:190px; height:190px; border-radius:50%; background:var(--glow,var(--cs-green)); opacity:.07; filter:blur(8px); transition:.3s ease; }
.cs-card:hover { transform:translateY(-7px); border-color:rgba(0,230,118,.32); box-shadow:0 28px 75px rgba(0,0,0,.42),0 0 30px rgba(0,230,118,.06); }.cs-card:hover::after{opacity:.15;transform:scale(1.2)}
.cs-icon { width:50px; height:50px; display:grid; place-items:center; border-radius:14px; background:rgba(0,230,118,.1); border:1px solid rgba(0,230,118,.16); color:var(--cs-green); font-size:20px; }
.cs-card h3 { margin:20px 0 9px; color:var(--cs-text); font-size:20px; font-weight:800; }.cs-card p{color:var(--cs-muted);margin:0 0 20px}.cs-card-link{color:var(--cs-green)!important;text-decoration:none;font-weight:800;font-size:14px}
.cs-media-card { padding:0; }.cs-media-card__image{display:block;height:235px;background:#0d1521;overflow:hidden}.cs-media-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.cs-media-card:hover img{transform:scale(1.045)}.cs-media-card__body{padding:24px}.cs-media-card__body h3{margin:0 0 5px}.cs-kicker{color:var(--cs-yellow);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.cs-process { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--cs-border); border:1px solid var(--cs-border); border-radius:var(--cs-radius); overflow:hidden; }.cs-step{padding:28px;background:var(--cs-bg-soft)}.cs-step b{font-size:12px;color:var(--cs-green)}.cs-step h3{font-size:18px;margin:10px 0}.cs-step p{font-size:14px;color:var(--cs-muted);margin:0}
.cs-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cs-tool-card{min-height:104px;display:flex;align-items:center;gap:15px;padding:18px;border:1px solid var(--cs-border);border-radius:17px;background:rgba(16,26,41,.7);text-decoration:none!important;box-shadow:0 12px 35px rgba(0,0,0,.18);transition:.25s ease}.cs-tool-card:hover{color:var(--cs-text);transform:translateY(-4px);border-color:rgba(0,230,118,.35);background:rgba(18,31,46,.92)}.cs-tool-card .cs-icon{width:44px;height:44px;flex:0 0 44px}.cs-tool-card>span:nth-child(2){min-width:0;flex:1}.cs-tool-card strong{display:block;color:var(--cs-text);font-size:15px}.cs-tool-card small{display:block;margin-top:3px;color:var(--cs-muted);line-height:1.35}.cs-tool-card>.fa-arrow-right{color:var(--cs-green);font-size:12px}
.cs-price { padding-top:36px; }.cs-price--featured{border-color:rgba(255,215,0,.35);transform:translateY(-10px)}.cs-price--featured:hover{border-color:rgba(255,215,0,.6);}.cs-badge{position:absolute;right:20px;top:18px;padding:6px 10px;border-radius:999px;background:var(--cs-yellow);color:#151000;font-size:10px;font-weight:900;text-transform:uppercase}.cs-price strong{display:block;margin:16px 0;color:var(--cs-text);font-size:28px}.cs-list{list-style:none;padding:0;margin:22px 0}.cs-list li{margin:10px 0;color:var(--cs-muted)}.cs-list li::before{content:"\2713";color:var(--cs-green);font-weight:900;margin-right:9px}
.cs-banner { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:40px; border:1px solid rgba(255,215,0,.22); border-radius:var(--cs-radius); background:radial-gradient(circle at 90%,rgba(255,215,0,.12),transparent 35%),linear-gradient(130deg,rgba(0,230,118,.09),rgba(15,23,42,.82)); box-shadow:var(--cs-shadow); }.cs-banner h2{margin:0 0 8px;font-size:clamp(25px,4vw,40px)}.cs-banner p{color:var(--cs-muted);margin:0}

.cs-form { display:grid; gap:16px; }.cs-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cs-field label{display:block;margin-bottom:7px;color:#cbd5e1;font-size:13px;font-weight:700}.cs-field input,.cs-field select,.cs-field textarea{width:100%;padding:14px 15px;border:1px solid var(--cs-border);border-radius:12px;outline:none;background:rgba(5,10,17,.7);color:var(--cs-text);font:inherit;transition:border .2s,box-shadow .2s}.cs-field select option{background:#111b2a}.cs-field input:focus,.cs-field select:focus,.cs-field textarea:focus{border-color:var(--cs-green);box-shadow:0 0 0 3px rgba(0,230,118,.09)}.cs-field textarea{min-height:130px;resize:vertical}.cs-check{display:flex;gap:10px;color:var(--cs-muted);font-size:13px}.cs-check input{accent-color:var(--cs-green)}.cs-form-status{display:none;padding:12px;border-radius:10px;font-weight:700}.cs-form-status.is-visible{display:block}.cs-form-status.is-success{color:#82ffb2;background:rgba(0,230,118,.09)}.cs-form-status.is-error{color:#ffb1b1;background:rgba(255,70,70,.1)}
.cs-login-modal .modal-dialog{max-width:480px;margin-top:10vh}.cs-login-modal .modal-content{border:1px solid var(--cs-border);border-radius:22px;background:#101a29;color:var(--cs-text);box-shadow:0 30px 90px rgba(0,0,0,.65);overflow:hidden}.cs-login-modal .modal-header{padding:28px 30px 18px;border-bottom:1px solid var(--cs-border)}.cs-login-modal .modal-header h2{margin:7px 0;color:var(--cs-text);font-weight:850}.cs-login-modal .modal-header p{margin:0;color:var(--cs-muted)}.cs-login-modal .modal-header .close{color:#fff;opacity:.7}.cs-login-modal .modal-body{padding:28px 30px 32px}.cs-login-modal .cs-btn{width:100%}
.cs-contact-stack{display:grid;gap:16px}.cs-contact-item{display:flex;gap:14px;align-items:flex-start;padding:20px;border:1px solid var(--cs-border);border-radius:16px;background:rgba(255,255,255,.025)}.cs-contact-item i{color:var(--cs-green);font-size:20px}.cs-contact-item b{display:block}.cs-contact-item span,.cs-contact-item a{color:var(--cs-muted);text-decoration:none}.cs-map{min-height:260px;padding:0;display:grid;grid-template-rows:180px auto}.cs-map iframe{width:100%;height:180px;border:0;filter:grayscale(1) invert(.9) hue-rotate(110deg);opacity:.62}.cs-map>div{padding:18px 22px}.cs-map h3{margin:4px 0 0}

.cs-footer { padding:60px 0 28px; border-top:1px solid var(--cs-border); background:#05080d; }.cs-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.cs-footer img{width:170px}.cs-footer p{color:var(--cs-muted);max-width:400px}.cs-footer h3{font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:var(--cs-yellow)}.cs-footer-links{display:grid;gap:9px}.cs-footer-links a{color:var(--cs-muted);text-decoration:none}.cs-footer-links a:hover{color:var(--cs-green)}.cs-footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:48px;padding-top:22px;border-top:1px solid var(--cs-border);color:#738195;font-size:13px}.cs-social{display:flex;gap:10px}.cs-social a{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--cs-border);border-radius:10px;text-decoration:none}.cs-whatsapp{position:fixed;right:22px;bottom:22px;z-index:900;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#25d366;color:#04140a!important;text-decoration:none;font-size:27px;box-shadow:0 10px 35px rgba(37,211,102,.3);transition:.2s}.cs-whatsapp:hover{transform:translateY(-4px) scale(1.03)}
.cs-reveal{opacity:0;transform:translateY(25px);transition:opacity .65s ease,transform .65s ease}.cs-reveal.is-visible{opacity:1;transform:none}
.cs-pagination{display:flex;justify-content:center;gap:8px;margin-top:34px}.cs-pagination a,.cs-pagination span{min-width:42px;height:42px;display:grid;place-items:center;padding:0 12px;border:1px solid var(--cs-border);border-radius:10px;text-decoration:none}.cs-pagination .is-active{background:var(--cs-green);color:#05130b;border-color:var(--cs-green);font-weight:900}
.cs-empty{text-align:center;padding:50px;color:var(--cs-muted)}
@keyframes cs-spin{to{transform:rotate(360deg)}}@keyframes cs-bars{from{height:0}}@keyframes cs-float{50%{transform:translateY(-9px)}}
@media(max-width:900px){.cs-nav-toggle{display:block}.cs-menu{position:absolute;top:92px;left:20px;right:20px;display:none;align-items:stretch;flex-direction:column;padding:14px;border:1px solid var(--cs-border);border-radius:16px;background:#0c1420;box-shadow:var(--cs-shadow)}.cs-menu.is-open{display:flex}.cs-nav>.cs-btn{display:none}.cs-hero-grid,.cs-grid--3,.cs-footer-grid{grid-template-columns:1fr 1fr}.cs-tools-grid{grid-template-columns:1fr 1fr}.cs-hero{padding-top:55px}.cs-orbit{min-height:380px}.cs-process{grid-template-columns:1fr 1fr}.cs-price--featured{transform:none}}
@media(max-width:640px){.cs-container{width:min(1160px,calc(100% - 28px))}.cs-section{padding:70px 0}.cs-section-head{display:block}.cs-hero{min-height:auto;padding:45px 0 76px}.cs-hero-grid,.cs-grid--3,.cs-grid--2,.cs-footer-grid,.cs-form-row,.cs-tools-grid{grid-template-columns:1fr}.cs-orbit{min-height:330px;margin-top:25px}.cs-orbit::before{width:310px;height:310px}.cs-orbit::after{width:245px;height:245px}.cs-float-badge{font-size:11px}.cs-metric{grid-template-columns:1fr}.cs-metric div:nth-child(n+2){display:none}.cs-process{grid-template-columns:1fr}.cs-banner{display:block;padding:28px}.cs-banner .cs-btn{margin-top:22px}.cs-footer-bottom{display:block}.cs-footer-bottom span{display:block;margin-top:8px}.cs-title{font-size:39px}.cs-proof{gap:10px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cs-reveal{opacity:1;transform:none}.cs-orbit::before,.cs-orbit::after,.cs-float-badge{animation:none}}