:root{--bg-body: #080C15;--bg-surface: #0E1422;--bg-card: rgba(17, 24, 39, .75);--bg-card-hover: rgba(28, 38, 58, .9);--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(99, 102, 241, .4);--primary: #4F46E5;--primary-light: #6366F1;--primary-gradient: linear-gradient(135deg, #4F46E5 0%, #3B82F6 100%);--cyan: #06B6D4;--cyan-gradient: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%);--emerald: #10B981;--amber: #F59E0B;--rose: #F43F5E;--purple: #8B5CF6;--text-main: #F8FAFC;--text-muted: #94A3B8;--text-dim: #64748B;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-subtle: 0 10px 30px -10px rgba(0, 0, 0, .5);--shadow-glow: 0 0 35px -5px rgba(99, 102, 241, .3)}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-body)}html,body{background-color:var(--bg-body);color:var(--text-main);min-height:100vh;line-height:1.6;overflow-x:hidden;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;color:#fff}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}.gradient-text{background:linear-gradient(135deg,#60a5fa,#a78bfa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-cyan{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ambient-orb{position:fixed;border-radius:50%;pointer-events:none;filter:blur(140px);opacity:.18;z-index:0}.orb-1{width:550px;height:550px;top:-150px;left:-100px;background:radial-gradient(circle,#4F46E5,transparent 70%)}.orb-2{width:600px;height:600px;top:40%;right:-200px;background:radial-gradient(circle,#06B6D4,transparent 70%)}.orb-3{width:500px;height:500px;bottom:-100px;left:20%;background:radial-gradient(circle,#8B5CF6,transparent 70%)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}.site-navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:14px 0;transition:all .3s cubic-bezier(.16,1,.3,1);background:#080c15b3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}.site-navbar.scrolled{padding:10px 0;background:#080c15f0;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #0009}.nav-container{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;background:transparent;padding:0;border:none;cursor:pointer}.official-nav-logo{height:52px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(0,120,255,.3));transition:transform .25s ease}.nav-brand:hover .official-nav-logo{transform:scale(1.04)}.nav-menu{display:flex;align-items:center;gap:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:6px;border-radius:99px}.nav-link{background:transparent;color:var(--text-muted);font-size:14px;font-weight:600;padding:8px 18px;border-radius:99px;transition:all .25s ease}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.active{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px #4f46e566}.nav-actions{display:flex;align-items:center;gap:16px}.btn-nav-live{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-size:13.5px;font-weight:800;padding:10px 20px;border-radius:var(--radius-md);box-shadow:0 4px 18px #10b98159;transition:all .25s ease}.btn-nav-live:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9818c;color:#fff}.pulse-indicator{width:7px;height:7px;background:#fff;border-radius:50%;animation:pulse-dot 1.8s infinite}@keyframes pulse-dot{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.4);opacity:1}to{transform:scale(.9);opacity:.7}}.hamburger-btn{display:none;background:transparent;flex-direction:column;gap:5px;padding:8px}.hamburger-btn span{width:24px;height:2px;background:#fff;transition:all .3s ease}@media (max-width: 900px){.nav-menu{position:fixed;top:75px;left:20px;right:20px;background:#0f172a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);flex-direction:column;padding:20px;gap:12px;display:none;box-shadow:0 20px 50px #000c}.nav-menu.active{display:flex}.nav-link{width:100%;text-align:center;padding:12px}.hamburger-btn{display:flex}}.site-footer{background:#050810;border-top:1px solid rgba(255,255,255,.08);padding:60px 0 30px;position:relative;z-index:10}.footer-container{max-width:1280px;margin:0 auto;padding:0 24px}.footer-top-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:40px}@media (max-width: 992px){.footer-top-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.footer-top-grid{grid-template-columns:1fr}}.footer-brand{margin-bottom:8px}.official-footer-logo{height:56px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(0,120,255,.3))}.footer-slogan{font-size:11px;font-weight:700;color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.footer-desc{font-size:13.5px;color:var(--text-muted);line-height:1.6;margin-bottom:18px}.demo-badge-footer{background:#1e293b99;border:1px solid rgba(99,102,241,.3);padding:10px 14px;border-radius:var(--radius-sm);font-size:12px;color:#cbd5e1}.demo-badge-footer code{display:block;color:var(--cyan);font-family:var(--font-mono);font-weight:600;margin-top:4px}.footer-heading{font-size:16px;font-weight:700;color:#fff;margin-bottom:18px;position:relative;padding-bottom:8px}.footer-heading:after{content:"";position:absolute;bottom:0;left:0;width:28px;height:2px;background:var(--primary-light);border-radius:2px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-links button{background:transparent;color:var(--text-muted);font-size:13.5px;padding:0;text-align:left;transition:all .2s ease}.footer-links button:hover{color:#fff;transform:translate(4px)}.footer-contact-list{list-style:none;display:flex;flex-direction:column;gap:12px;font-size:13.5px;color:var(--text-muted)}.footer-contact-list li{display:flex;align-items:center;gap:10px}.contact-icon{font-size:15px}.footer-contact-list a:hover{color:#fff}.btn-footer-wa{display:inline-flex;align-items:center;gap:6px;background:#10b98126;border:1px solid rgba(16,185,129,.4);color:var(--emerald);padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:all .2s ease}.btn-footer-wa:hover{background:#10b981;color:#fff}.footer-platform-row{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:30px}.footer-platform-title{font-size:13px;font-weight:700;color:#e2e8f0}.footer-platform-badges{display:flex;gap:8px;flex-wrap:wrap}.platform-pill{background:#1e293bcc;border:1px solid rgba(255,255,255,.12);padding:5px 12px;border-radius:99px;font-size:12px;font-weight:600;color:#f8fafc}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:12.5px;color:var(--text-dim)}.footer-badges{display:flex;gap:8px}.tech-pill{background:#ffffff0d;padding:4px 10px;border-radius:99px;font-size:11px;color:#94a3b8}.home-view{width:100%;position:relative;overflow:hidden}.hero-section{padding:130px 24px 70px;text-align:center;position:relative;z-index:1}.hero-container{max-width:1120px;margin:0 auto}.hero-pill{display:inline-flex;align-items:center;gap:8px;background:#6366f11f;border:1px solid rgba(99,102,241,.35);padding:6px 16px;border-radius:99px;font-size:13px;font-weight:600;color:#a5b4fc;margin-bottom:24px}.live-dot{width:8px;height:8px;background:var(--emerald);border-radius:50%;box-shadow:0 0 10px var(--emerald);animation:pulse-dot 1.8s infinite}.hero-heading{font-size:clamp(34px,5.5vw,62px);line-height:1.12;margin-bottom:22px;color:#fff}.hero-subheading{font-size:clamp(16px,2vw,20px);color:var(--text-muted);max-width:860px;margin:0 auto 36px;line-height:1.6}.hero-subheading strong{color:#fff}.hero-btn-group{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:48px}.btn-hero-live{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-size:16px;font-weight:800;padding:15px 30px;border-radius:var(--radius-md);box-shadow:0 6px 25px #10b98166;transition:all .25s ease}.btn-hero-live:hover{transform:translateY(-2px);box-shadow:0 10px 35px #10b98199;color:#fff}.live-pulse-badge{background:#00000040;font-size:11px;padding:2px 8px;border-radius:99px;color:#d1fae5;font-weight:800}.btn-hero-wa{display:inline-flex;align-items:center;gap:8px;background:#25d36626;border:1px solid rgba(37,211,102,.4);color:#4ade80;font-size:15.5px;font-weight:700;padding:15px 26px;border-radius:var(--radius-md);transition:all .25s ease}.btn-hero-wa:hover{background:#25d366;color:#000;transform:translateY(-2px)}.btn-hero-secondary{display:inline-flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:15.5px;font-weight:600;padding:15px 24px;border-radius:var(--radius-md);transition:all .25s ease}.btn-hero-secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.hero-demo-box{background:linear-gradient(145deg,#1e293bcc,#0f172af2);border:1px solid rgba(99,102,241,.4);border-radius:var(--radius-lg);padding:22px 30px;max-width:860px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;text-align:left;box-shadow:0 16px 40px #0009}.demo-tag{font-size:10.5px;font-weight:800;color:var(--cyan);letter-spacing:.08em;display:block;margin-bottom:4px}.demo-box-left h4{font-size:17px;color:#fff;margin-bottom:8px}.creds-row{display:flex;gap:10px;flex-wrap:wrap}.cred-badge{background:#00000080;padding:6px 14px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:13px;color:#e2e8f0;border:1px solid rgba(255,255,255,.12)}.cred-url{background:#0284c733;padding:6px 14px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:13px;color:#38bdf8;border:1px solid rgba(56,189,248,.4)}.btn-copy-and-open{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;font-weight:800;font-size:14px;padding:12px 22px;border-radius:var(--radius-md);box-shadow:0 4px 18px #4f46e566;transition:all .25s ease}.btn-copy-and-open:hover{transform:scale(1.04);box-shadow:0 8px 25px #4f46e599}.global-sales-section{padding:60px 24px;position:relative;z-index:1;background:radial-gradient(circle at 80% 20%,rgba(99,102,241,.08) 0%,transparent 60%)}.global-sales-container{max-width:1280px;margin:0 auto}.global-sales-grid{display:grid;grid-template-columns:1.15fr 1.05fr;gap:48px;align-items:center;margin-bottom:40px}@media (max-width: 1024px){.global-sales-grid{grid-template-columns:1fr}}.sales-highlight-badge{display:inline-flex;align-items:center;gap:8px;background:#06b6d41f;border:1px solid rgba(6,182,212,.35);padding:6px 14px;border-radius:99px;font-size:11.5px;font-weight:800;color:var(--cyan);letter-spacing:.06em;margin-bottom:16px}.sales-title{font-size:clamp(28px,4vw,42px);line-height:1.15;margin-bottom:18px;color:#fff}.sales-lead-text{font-size:16px;color:var(--text-muted);line-height:1.65;margin-bottom:28px}.sales-lead-text strong{color:#fff}.sales-bullets-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:32px}@media (max-width: 640px){.sales-bullets-grid{grid-template-columns:1fr}}.sales-bullet-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;display:flex;gap:12px;align-items:flex-start;transition:transform .25s ease}.sales-bullet-card:hover{transform:translateY(-2px);border-color:#6366f166}.bullet-icon-box{width:36px;height:36px;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.sales-bullet-card h4{font-size:14.5px;font-weight:700;color:#fff;margin-bottom:4px}.sales-bullet-card p{font-size:12.5px;color:var(--text-muted);line-height:1.45}.sales-cta-actions{display:flex;gap:14px;flex-wrap:wrap}.btn-sales-demo{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-size:15px;font-weight:800;padding:13px 26px;border-radius:var(--radius-md);box-shadow:0 4px 20px #10b98159;transition:all .25s ease}.btn-sales-demo:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9818c;color:#fff}.btn-sales-wa{display:inline-flex;align-items:center;gap:8px;background:#25d36626;border:1px solid rgba(37,211,102,.4);color:#4ade80;font-size:15px;font-weight:700;padding:13px 22px;border-radius:var(--radius-md);transition:all .25s ease}.btn-sales-wa:hover{background:#25d366;color:#000;transform:translateY(-2px)}.sales-image-wrapper{background:#080d1a;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 20px 60px #000000b3;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.sales-image-wrapper:hover{transform:scale(1.02);border-color:var(--cyan);box-shadow:0 25px 70px #06b6d440}.media-overlay-badge{position:absolute;top:14px;left:16px;background:#080c15d9;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px;border-radius:99px;font-size:11px;font-weight:700;color:#e2e8f0;display:flex;align-items:center;gap:8px;z-index:2}.live-indicator-dot{width:7px;height:7px;background:var(--emerald);border-radius:50%;box-shadow:0 0 8px var(--emerald);animation:pulse-dot 1.8s infinite}.sales-hero-image{width:100%;height:auto;display:block;object-fit:cover}.media-bottom-bar{background:#0b1020;padding:10px 18px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.08)}.telemetry-item{font-size:12px}.telemetry-label{color:var(--text-dim);margin-right:6px}.telemetry-val{color:var(--cyan);font-family:var(--font-heading);font-weight:700}.media-zoom-text{font-size:11px;color:var(--text-muted)}.platforms-devices-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:20px}.platform-os-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff08;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05)}.os-icon-wrap{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.os-text-group{display:flex;flex-direction:column}.os-text-group strong{font-size:13.5px;color:#fff}.os-text-group span{font-size:10.5px;color:var(--text-muted)}.icon-mac{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.icon-win{background:#0078d426;border:1px solid rgba(0,120,212,.35);color:#38bdf8}.icon-android{background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#34d399}.icon-ios{background:#a855f726;border:1px solid rgba(168,85,247,.35);color:#c084fc}.icon-web{background:#06b6d426;border:1px solid rgba(6,182,212,.35);color:#38bdf8}.metrics-section{padding:30px 24px 60px;position:relative;z-index:1}.metrics-container{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.metric-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;text-align:center;transition:transform .25s ease}.metric-item:hover{transform:translateY(-4px);border-color:#ffffff26}.metric-value{font-family:var(--font-heading);font-size:38px;font-weight:800;margin-bottom:4px}.metric-label{font-size:15px;font-weight:700;color:#fff;margin-bottom:4px}.metric-desc{font-size:12.5px;color:var(--text-muted)}.section-header-center{text-align:center;max-width:820px;margin:0 auto 40px;padding:0 20px}.pill-tag{display:inline-block;background:#6366f126;border:1px solid rgba(99,102,241,.35);color:#a5b4fc;font-size:11px;font-weight:700;letter-spacing:.08em;padding:4px 12px;border-radius:99px;margin-bottom:12px}.section-header-center h2{font-size:clamp(28px,4vw,40px);margin-bottom:12px}.section-header-center p{font-size:16px;color:var(--text-muted)}.showcase-section{padding:60px 24px 80px;position:relative;z-index:1}.showcase-container{max-width:1260px;margin:0 auto}.showcase-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:30px}.tab-item{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);font-size:14.5px;font-weight:600;padding:12px 20px;border-radius:var(--radius-md);transition:all .25s ease}.tab-item:hover{background:#ffffff0f;color:#fff}.tab-item.active{background:linear-gradient(135deg,#4f46e559,#06b6d440);border-color:var(--primary-light);color:#fff;box-shadow:0 0 25px #6366f14d}.showcase-display-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:40px;box-shadow:var(--shadow-subtle)}.screen-view-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:40px;align-items:center}@media (max-width: 1024px){.screen-view-grid{grid-template-columns:1fr}}.screen-badge{display:inline-block;font-size:11px;font-weight:800;color:var(--cyan);background:#06b6d41f;border:1px solid rgba(6,182,212,.35);padding:4px 10px;border-radius:6px;margin-bottom:12px;letter-spacing:.05em}.screen-text h3{font-size:28px;margin-bottom:14px}.screen-text p{color:var(--text-muted);font-size:15px;line-height:1.6;margin-bottom:20px}.screen-bullet-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.screen-bullet-list li{font-size:14px;color:#cbd5e1;position:relative;padding-left:24px}.screen-bullet-list li:before{content:"✔";position:absolute;left:0;color:var(--emerald);font-weight:800}.screen-cta-row{display:flex;gap:12px;flex-wrap:wrap}.btn-screen-live{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-weight:700;font-size:14.5px;padding:12px 24px;border-radius:var(--radius-md);box-shadow:0 4px 18px #10b98159;transition:all .25s ease}.btn-screen-live:hover{transform:translateY(-2px);color:#fff;box-shadow:0 8px 25px #10b98180}.demo-credentials-highlight{background:#0006;border:1px solid rgba(56,189,248,.3);border-radius:var(--radius-md);padding:16px;margin-bottom:24px}.demo-credentials-highlight h4{font-size:13px;color:var(--cyan);margin-bottom:6px}.demo-credentials-highlight p{font-size:13px;color:#e2e8f0;margin-bottom:4px}.demo-credentials-highlight code{color:#f8fafc;background:#1e293b;padding:2px 6px;border-radius:4px;font-family:var(--font-mono)}.real-screen-frame{background:#090e17;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 60px #000c;cursor:pointer;transition:all .3s ease;position:relative}.real-screen-frame:hover{transform:scale(1.02);border-color:var(--primary-light);box-shadow:0 25px 70px #6366f14d}.screen-frame-top{background:#111827;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.dots{display:flex;gap:6px}.dots span{width:10px;height:10px;border-radius:50%}.d-r{background:#ef4444}.d-y{background:#f59e0b}.d-g{background:#10b981}.frame-title{font-size:12px;font-family:var(--font-mono);color:var(--text-dim)}.zoom-hint{font-size:11px;color:var(--cyan);font-weight:600}.real-screen-img{width:100%;height:auto;display:block;object-fit:cover}.interactive-mockup-box{background:#090e17;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:24px;box-shadow:0 20px 50px #000000b3}.floorplan-mock{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.floor-mesa{background:#111b2e;border:1px solid #1E293B;border-radius:10px;padding:18px 12px;text-align:center}.floor-mesa.ocupada{border-color:#ef4444;background:#ef444426}.floor-mesa.cuenta{border-color:#f59e0b;background:#f59e0b26}.floor-mesa.libre{border-color:#10b981;background:#10b98126}.mesa-name{font-family:var(--font-heading);font-size:16px;font-weight:700;color:#fff;display:block}.mesa-sub{font-size:11.5px;color:var(--text-muted);display:block;margin-top:4px}.chat-mock-container{display:flex;flex-direction:column;gap:12px;background:#0b141a;border-radius:10px;padding:16px}.chat-bubble{padding:12px 16px;border-radius:12px;font-size:13.5px;max-width:80%;position:relative;line-height:1.5}.chat-bubble.user{align-self:flex-end;background:#005c4b;color:#e9edef;border-bottom-right-radius:2px}.chat-bubble.bot{align-self:flex-start;background:#202c33;color:#d1d7db;border-bottom-left-radius:2px}.chat-time{display:block;font-size:10.5px;color:#ffffff80;text-align:right;margin-top:6px}.services-grid-section{padding:70px 24px;position:relative;z-index:1}.services-cards-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.service-card-modern{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:30px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;justify-content:space-between}.service-card-modern:hover{transform:translateY(-6px);border-color:#6366f166;background:var(--bg-card-hover);box-shadow:var(--shadow-glow)}.svc-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px}.icon-blue{background:#3b82f626;border:1px solid rgba(59,130,246,.3)}.icon-purple{background:#8b5cf626;border:1px solid rgba(139,92,246,.3)}.icon-emerald{background:#10b98126;border:1px solid rgba(16,185,129,.3)}.icon-cyan{background:#06b6d426;border:1px solid rgba(6,182,212,.3)}.icon-amber{background:#f59e0b26;border:1px solid rgba(245,158,11,.3)}.icon-rose{background:#f43f5e26;border:1px solid rgba(244,63,94,.3)}.icon-violet{background:#a855f726;border:1px solid rgba(168,85,247,.3)}.icon-indigo{background:#6366f126;border:1px solid rgba(99,102,241,.3)}.service-card-modern h3{font-size:19px;margin-bottom:10px;color:#fff}.service-card-modern p{color:var(--text-muted);font-size:14px;line-height:1.55;margin-bottom:20px}.svc-tags{display:flex;flex-wrap:wrap;gap:6px}.svc-tags span{font-size:11px;background:#ffffff0d;color:#cbd5e1;padding:4px 8px;border-radius:6px;font-weight:500}.roi-calc-section{padding:70px 24px;position:relative;z-index:1}.roi-box{max-width:1240px;margin:0 auto;background:linear-gradient(145deg,#141b2dd9,#0c111df2);border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-xl);padding:48px;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;box-shadow:var(--shadow-subtle)}@media (max-width: 900px){.roi-box{grid-template-columns:1fr;padding:30px}}.roi-left h2{font-size:32px;margin-bottom:12px}.roi-left p{color:var(--text-muted);font-size:15px;margin-bottom:28px}.slider-item{margin-bottom:24px}.slider-label{display:flex;justify-content:space-between;font-size:14.5px;font-weight:600;color:#e2e8f0;margin-bottom:8px}.slider-val{color:var(--cyan);font-family:var(--font-heading);font-size:16px}input[type=range]{width:100%;height:8px;border-radius:5px;background:#1e293b;outline:none;-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#4f46e5;cursor:pointer;border:2px solid #FFF;box-shadow:0 0 12px #6366f1cc}.roi-right-card{background:#090e18d9;border:1px solid rgba(16,185,129,.35);border-radius:var(--radius-lg);padding:36px;text-align:center}.roi-card-tag{font-size:11px;letter-spacing:.1em;color:var(--text-muted);font-weight:700;text-transform:uppercase;display:block;margin-bottom:8px}.roi-big-num{font-family:var(--font-heading);font-size:48px;font-weight:900;color:var(--emerald);line-height:1;margin-bottom:12px}.roi-hours-text{font-size:15px;color:#e2e8f0;margin-bottom:24px}.roi-bullet-points{background:#ffffff0a;padding:16px;border-radius:var(--radius-sm);font-size:13.5px;color:#cbd5e1;text-align:left;display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.btn-roi-cta{display:block;width:100%;background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-weight:800;font-size:15.5px;padding:14px;border-radius:var(--radius-md);box-shadow:0 4px 20px #10b9814d;transition:all .25s ease;text-align:center}.btn-roi-cta:hover{transform:translateY(-2px);color:#fff;box-shadow:0 8px 25px #10b98180}.final-banner-section{padding:40px 24px 80px;position:relative;z-index:1}.final-banner-inner{max-width:1240px;margin:0 auto;background:linear-gradient(135deg,#312e81,#1e1b4b,#0f172a);border:1px solid rgba(99,102,241,.4);border-radius:var(--radius-xl);padding:60px 40px;text-align:center;box-shadow:0 20px 50px #00000080}.final-banner-inner h2{font-size:clamp(28px,4.5vw,44px);margin-bottom:14px;color:#fff}.final-banner-inner p{font-size:17px;color:#cbd5e1;max-width:740px;margin:0 auto 32px}.final-btns{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.btn-final-live{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-weight:800;font-size:16px;padding:16px 36px;border-radius:var(--radius-md);box-shadow:0 4px 25px #10b98166;transition:all .25s ease}.btn-final-live:hover{transform:translateY(-2px);color:#fff}.btn-final-wa{display:inline-flex;align-items:center;gap:8px;background:#25d36626;border:1px solid rgba(37,211,102,.4);color:#4ade80;font-weight:700;font-size:16px;padding:16px 32px;border-radius:var(--radius-md);transition:all .25s ease}.btn-final-wa:hover{background:#25d366;color:#000;transform:translateY(-2px)}.image-modal-backdrop{position:fixed;inset:0;background:#000000e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{background:#0f172a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);max-width:1100px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 25px 60px #000000e6}.modal-close-btn{position:absolute;top:14px;right:16px;background:#0009;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:700;cursor:pointer;z-index:10}.modal-close-btn:hover{background:#ef4444}.modal-enlarged-img{width:100%;height:auto;max-height:calc(90vh - 80px);object-fit:contain;display:block}.modal-footer-cta{background:#0b0f19;padding:14px 20px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.btn-modal-link{color:#38bdf8;font-weight:700;font-size:14px}.btn-modal-link:hover{text-decoration:underline}.services-page{padding-top:100px;position:relative;overflow:hidden}.services-hero{padding:60px 24px 40px;text-align:center}.services-hero-container{max-width:900px;margin:0 auto}.services-hero h1{font-size:clamp(32px,5vw,54px);margin:16px 0;color:#fff}.services-hero p{font-size:17px;color:var(--text-muted);line-height:1.6}.service-detail-section{padding:60px 24px;position:relative;z-index:1}.service-detail-section.alt-bg{background:#0f172a66;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.service-detail-container{max-width:1260px;margin:0 auto}.service-detail-grid{display:grid;grid-template-columns:1.1fr 1.2fr;gap:50px;align-items:center}.service-detail-grid.reverse{grid-template-columns:1.2fr 1.1fr}.service-detail-grid.reverse .service-detail-text{order:2}.service-detail-grid.reverse .service-detail-media{order:1}@media (max-width: 992px){.service-detail-grid,.service-detail-grid.reverse{grid-template-columns:1fr}.service-detail-grid.reverse .service-detail-text{order:1}.service-detail-grid.reverse .service-detail-media{order:2}}.detail-tag{display:inline-block;font-size:11px;font-weight:800;color:#a5b4fc;background:#6366f11f;border:1px solid rgba(99,102,241,.35);padding:4px 12px;border-radius:99px;margin-bottom:14px;letter-spacing:.06em}.service-detail-text h2{font-size:clamp(26px,3.5vw,36px);margin-bottom:16px;color:#fff;line-height:1.2}.service-detail-text p{font-size:15.5px;color:var(--text-muted);line-height:1.65;margin-bottom:24px}.detail-features-list{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.df-item{font-size:14.5px;color:#e2e8f0;background:#ffffff08;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.06)}.detail-cta-row{display:flex;gap:14px;flex-wrap:wrap}.btn-detail-live{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-weight:800;font-size:14.5px;padding:13px 26px;border-radius:var(--radius-md);box-shadow:0 4px 20px #10b98159;transition:all .25s ease}.btn-detail-live:hover{transform:translateY(-2px);color:#fff}.btn-detail-wa{display:inline-flex;align-items:center;gap:8px;background:#25d36626;border:1px solid rgba(37,211,102,.4);color:#4ade80;font-size:14.5px;font-weight:700;padding:13px 22px;border-radius:var(--radius-md);transition:all .25s ease}.btn-detail-wa:hover{background:#25d366;color:#000;transform:translateY(-2px)}.service-detail-media{background:#080d1a;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 20px 50px #000000b3;transition:transform .3s ease}.service-detail-media:hover{transform:scale(1.02);border-color:var(--cyan)}.detail-showcase-img{width:100%;height:auto;display:block;object-fit:cover}.about-page-view{width:100%;position:relative;overflow:hidden;padding-bottom:80px}.about-hero{padding:140px 24px 50px;text-align:center;position:relative;z-index:1}.about-hero-inner{max-width:840px;margin:0 auto}.about-hero h1{font-size:clamp(32px,5vw,52px);margin-bottom:16px}.about-hero p{font-size:18px;color:var(--text-muted);line-height:1.6}.about-pillars-section{padding:20px 24px 60px;position:relative;z-index:1}.about-pillars-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}.pillar-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:36px;transition:all .3s ease}.pillar-card:hover{transform:translateY(-4px);border-color:#6366f166;box-shadow:var(--shadow-glow)}.pillar-icon{font-size:36px;margin-bottom:18px}.pillar-card h3{font-size:22px;margin-bottom:12px;color:#fff}.pillar-card p{color:var(--text-muted);font-size:15px;line-height:1.6}.tech-stack-section{padding:40px 24px;position:relative;z-index:1}.stack-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.stack-card{background:#11182799;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:20px;transition:all .25s ease}.stack-card:hover{background:#1e293bcc;border-color:var(--cyan)}.stack-card h4{font-size:15.5px;color:#fff;margin-bottom:6px}.stack-card p{font-size:12.5px;color:var(--text-dim)}.contact-page-view{width:100%;position:relative;overflow:hidden;padding-bottom:80px}.contact-hero{padding:140px 24px 40px;text-align:center;position:relative;z-index:1}.contact-hero-inner{max-width:800px;margin:0 auto}.contact-hero h1{font-size:clamp(32px,5vw,50px);margin-bottom:16px}.contact-hero p{font-size:18px;color:var(--text-muted);line-height:1.6}.contact-main-section{padding:20px 24px;position:relative;z-index:1}.contact-layout-grid{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1.3fr;gap:36px}@media (max-width: 900px){.contact-layout-grid{grid-template-columns:1fr}}.contact-info-panel,.contact-form-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:36px;box-shadow:var(--shadow-subtle)}.contact-info-panel h3,.contact-form-panel h3{font-size:24px;margin-bottom:8px}.contact-info-panel p,.contact-form-panel p{color:var(--text-muted);font-size:14.5px;margin-bottom:24px}.info-items-list{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.info-row{display:flex;align-items:flex-start;gap:16px}.info-icon{width:44px;height:44px;border-radius:12px;background:#6366f126;border:1px solid rgba(99,102,241,.3);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.info-title{font-size:12px;color:var(--text-dim);text-transform:uppercase;font-weight:600;letter-spacing:.05em}.info-value{font-size:15px;font-weight:600;color:#fff}.info-value a:hover{color:var(--cyan)}.demo-callout-card{background:#090e17;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);padding:18px}.demo-callout-card h4{color:var(--emerald);font-size:14px;margin-bottom:4px}.demo-callout-card p{font-size:12px;color:var(--text-muted);margin-bottom:8px}.demo-callout-card code{font-family:var(--font-mono);font-size:12.5px;color:#38bdf8;display:block;line-height:1.5}.contact-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:#cbd5e1}.form-group input,.form-group select,.form-group textarea{background:#090e17;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:12px 14px;color:#fff;font-family:inherit;font-size:14px;outline:none;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-light);box-shadow:0 0 10px #6366f14d}.btn-submit-contact{background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-weight:700;font-size:15.5px;padding:14px;border-radius:var(--radius-md);margin-top:10px;box-shadow:0 4px 20px #10b98159;transition:all .25s ease}.btn-submit-contact:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98180}.drsolution-app-root{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-body);color:var(--text-main);position:relative}.drsolution-main-content{flex:1;width:100%}