:root{--bg:#050b14;--panel:#0a1422;--panel2:#0d1b2c;--text:#f4f8ff;--muted:#93a8bf;--cyan:#21d7ff;--blue:#3978ff;--violet:#9f56ff;--border:#17314c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 60% 0%,#0d2040 0,#050b14 35%);color:var(--text)}a{color:inherit}.section-pad{padding:100px max(6vw,28px)}.topbar{height:82px;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:rgba(4,10,18,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(57,120,255,.18)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:53px;height:53px;border-radius:50%;object-fit:cover}.brand strong{font-size:20px;letter-spacing:.5px}.brand strong span{color:var(--cyan)}.brand small{display:block;color:#7389a1;font-size:9px;letter-spacing:2.2px;margin-top:4px}.main-nav{display:flex;gap:28px;align-items:center}.main-nav a{text-decoration:none;color:#c8d6e5;font-size:14px}.main-nav a:hover{color:var(--cyan)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:26px}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--cyan);font-weight:800}.hero h1,.section-title h2,.contact-info h2{font-size:clamp(42px,5.5vw,78px);line-height:1.04;margin:18px 0 24px;letter-spacing:-2.2px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),#6b8cff,var(--violet));-webkit-background-clip:text;color:transparent}.hero p,.section-title p,.contact-info>p{font-size:18px;line-height:1.75;color:var(--muted);max-width:760px}.hero-actions{display:flex;gap:14px;margin-top:32px}.btn{border:0;border-radius:12px;padding:14px 20px;text-decoration:none;font-weight:800;cursor:pointer;font-size:14px}.primary{background:linear-gradient(90deg,var(--cyan),var(--blue));color:#03111a;box-shadow:0 10px 32px rgba(33,215,255,.18)}.secondary{background:#0d1b2c;color:white;border:1px solid var(--border)}.full{width:100%}.hero-stats{display:flex;gap:34px;margin-top:50px}.hero-stats div{display:flex;flex-direction:column}.hero-stats b{font-size:18px}.hero-stats span{font-size:12px;color:#7189a4;margin-top:6px}.hero-visual{position:relative;display:grid;place-items:center;min-height:560px}.hero-visual img{width:min(520px,88%);border-radius:50%;position:relative;z-index:2;box-shadow:0 0 90px rgba(40,153,255,.22)}.orb{position:absolute;width:470px;height:470px;border-radius:50%;background:linear-gradient(145deg,rgba(28,211,255,.28),rgba(128,62,255,.13));filter:blur(34px)}.services,.examples{background:linear-gradient(180deg,rgba(9,19,32,.72),rgba(5,11,20,.95))}.section-title{max-width:900px;margin-bottom:44px}.section-title h2,.contact-info h2{font-size:clamp(34px,4vw,56px)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-grid article,.template-card{background:linear-gradient(145deg,#0b1726,#08111d);border:1px solid var(--border);border-radius:22px;padding:28px;transition:.25s}.service-grid article:hover,.template-card:hover{transform:translateY(-4px);border-color:#275a87}.icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#0b2740;color:var(--cyan);font-weight:900}.service-grid h3{font-size:21px;margin:22px 0 10px}.service-grid p{color:var(--muted);line-height:1.65}.inline-title{display:flex;justify-content:space-between;gap:40px;max-width:none;align-items:flex-end}.inline-title p{max-width:520px}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.template-card{padding:0;overflow:hidden}.template-thumb{height:260px;background:#07111d}.template-thumb iframe{width:200%;height:520px;border:0;transform:scale(.5);transform-origin:0 0;pointer-events:none}.template-body{padding:22px}.template-body small{color:var(--cyan);text-transform:uppercase;letter-spacing:1.5px}.template-body h3{margin:8px 0}.template-body p{color:var(--muted);min-height:46px}.template-actions{display:flex;gap:10px;margin-top:16px}.contact-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}.contact-cards div{padding:18px;border:1px solid var(--border);border-radius:14px;background:#091522}.contact-cards small{display:block;color:#6e88a1;margin-bottom:7px}.contact-cards a{text-decoration:none;color:white}.contact-form{background:#091522;border:1px solid var(--border);border-radius:24px;padding:28px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:block;color:#b8c8da;font-size:13px;margin-bottom:17px}.contact-form input,.contact-form select,.contact-form textarea,.editor-meta input{width:100%;margin-top:8px;background:#050d17;border:1px solid #19334e;border-radius:11px;color:white;padding:13px;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--cyan)}.form-status{min-height:18px;font-size:13px;color:var(--cyan)}footer{border-top:1px solid var(--border);background:#030811}.footer-main{padding:55px max(6vw,28px);display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-main>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px}.footer-main h4{margin:0 0 10px}.footer-main a{text-decoration:none;color:#849bb4;font-size:14px}.footer-brand{display:flex;align-items:center;gap:16px}.footer-brand img{width:68px;height:68px;border-radius:50%}.footer-brand strong{font-size:22px}.footer-brand p{color:#7e94ab;max-width:360px}.footer-bottom{border-top:1px solid #102338;padding:18px max(6vw,28px);display:flex;justify-content:space-between;color:#647c94;font-size:12px}.social-float{position:fixed;left:16px;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;gap:9px}.social-float a,.whatsapp-float{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;text-decoration:none;font-weight:900;background:#0b1a2a;border:1px solid #24415f;box-shadow:0 8px 24px rgba(0,0,0,.25)}.social-float a:hover{border-color:var(--cyan);color:var(--cyan)}.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:90;width:58px;height:58px;border-radius:50%;background:#25d366;color:#04140a;border:0;box-shadow:0 10px 28px rgba(37,211,102,.25)}.modal{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.82);display:none;padding:24px}.modal.open{display:block}.modal-panel{height:calc(100vh - 48px);background:#07111d;border:1px solid #25445f;border-radius:20px;display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #18314b}.modal-head h3{margin:5px 0 0}.close-btn{font-size:31px;color:#99aec1;background:none;border:0;cursor:pointer}.editor-meta{display:grid;grid-template-columns:1fr .6fr 1.5fr;gap:10px;padding:12px 18px;border-bottom:1px solid #14293e}.editor-meta input{margin:0}.editor-layout{min-height:0;flex:1;display:grid;grid-template-columns:1fr 1.1fr}.editor-code{display:flex;flex-direction:column;min-height:0;border-right:1px solid #14293e}.code-tabs,.preview-bar{height:46px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid #14293e}.code-tabs button,.preview-bar button{background:#0c1b2b;color:#a8bfd4;border:1px solid #203c56;border-radius:8px;padding:6px 10px;cursor:pointer}.code-tabs button.active{color:var(--cyan);border-color:#237699}.editor-code textarea{flex:1;resize:none;background:#030811;color:#d7e6f2;border:0;padding:18px;font:13px/1.55 Consolas,monospace;outline:none}.preview-wrap{display:flex;flex-direction:column;min-height:0}.preview-bar{justify-content:space-between}.preview-wrap iframe{flex:1;border:0;background:white}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid #14293e}.modal-actions span{margin-right:auto;color:#7fe5ff;font-size:12px}
@media(max-width:900px){.main-nav{position:absolute;top:82px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:18px 24px;background:#07111d}.main-nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr}.hero-visual{min-height:360px}.service-grid{grid-template-columns:1fr 1fr}.template-grid{grid-template-columns:1fr}.contact-section{grid-template-columns:1fr}.inline-title{display:block}.editor-layout{grid-template-columns:1fr}.editor-code{min-height:45vh}.preview-wrap{min-height:45vh}.modal{padding:8px}.modal-panel{height:calc(100vh - 16px)}.editor-meta{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:600px){.section-pad{padding:72px 22px}.hero h1{font-size:45px}.hero-visual{min-height:280px}.service-grid{grid-template-columns:1fr}.hero-stats{gap:18px;flex-wrap:wrap}.field-row,.contact-cards{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.social-float{left:8px}.social-float a{width:39px;height:39px}.whatsapp-float{right:14px;bottom:14px}.editor-meta{display:none}.modal-actions{flex-wrap:wrap}.modal-actions .btn{padding:10px 12px}}

/* Rocalservis social icons */
.social-float a,.whatsapp-float{overflow:hidden}
.social-float svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.9}
.social-float .fill-path,.social-float .fill-dot{fill:currentColor;stroke:none}
.social-float .facebook{background:#1877f2;color:#fff;border-color:#1877f2}
.social-float .instagram{background:radial-gradient(circle at 30% 110%,#ffd600 0 12%,#ff7a00 28%,#ff0169 55%,#d300c5 72%,#7638fa 100%);color:#fff;border-color:transparent}
.social-float .discord{background:#5865f2;color:#fff;border-color:#5865f2}
.social-float a:hover{transform:translateX(3px) scale(1.05);color:#fff;filter:brightness(1.12)}
.whatsapp-float{display:grid;place-items:center;background:#25d366;color:#fff}
.whatsapp-float svg{width:31px;height:31px}
.whatsapp-float .fill-path{fill:currentColor}
.whatsapp-float:hover{transform:scale(1.07);filter:brightness(1.06)}