:root{color:#f8fafc;--bg:#020617;--bg2:#0f172a;--blue:#2563eb;--cyan:#06b6d4;--violet:#7c3aed;--muted:#94a3b8;--line:#ffffff14;background:#020617;font-family:Poppins,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:#f8fafc;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-shell{overflow:hidden}.container{width:min(1180px,100% - 40px);margin:auto}.header{z-index:50;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020617b8;border-radius:18px;justify-content:space-between;align-items:center;width:min(1180px,100% - 28px);height:72px;padding:0 18px 0 16px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #00000047}.brand{align-items:center;display:flex}.logo-wrap{align-items:center;gap:11px;display:flex}.logo-mark{object-fit:contain;filter:drop-shadow(0 0 18px #2563eb47);width:42px;height:42px}.logo-image{object-fit:contain;object-position:left center;filter:drop-shadow(0 0 18px #2563eb33);width:168px;height:54px}.logo-wrap-compact{justify-content:center;width:165px;height:165px}.logo-wrap-compact .logo-mark{filter:drop-shadow(0 0 24px #2563eb52);width:165px;height:165px}.nav{color:#cbd5e1;gap:24px;font-size:13px;display:flex}.nav a:hover{color:#fff}.btn{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--cyan),var(--blue) 55%,var(--violet));box-shadow:0 12px 35px #2563eb3d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 46px #2563eb57}.btn-secondary{background:#ffffff08;border-color:#ffffff24}.btn-secondary:hover{background:#2563eb14;border-color:#60a5fa80}.btn-small{padding:11px 15px;font-size:12px}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:60px;width:min(1180px,100% - 40px);min-height:100vh;margin:auto;padding:150px 0 80px;display:grid;position:relative}.hero-grid{pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:-120px -20vw;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.glow{filter:blur(80px);opacity:.28;pointer-events:none;border-radius:999px;position:absolute}.glow-a{background:#2563eb;width:420px;height:420px;top:120px;left:-220px}.glow-b{background:#7c3aed;width:360px;height:360px;bottom:100px;right:-200px}.eyebrow{letter-spacing:.19em;text-transform:uppercase;color:#60a5fa;font-size:12px;font-weight:600;display:inline-block}.hero h1{letter-spacing:-.05em;max-width:820px;margin:22px 0 26px;font-size:clamp(54px,7vw,92px);line-height:.92}.hero h1 span{background:linear-gradient(90deg,var(--cyan),#60a5fa,var(--violet));color:#0000;-webkit-background-clip:text}.hero-content>p{color:#cbd5e1;max-width:680px;font-size:18px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-pills{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero-pills span{border:1px solid var(--line);color:#cbd5e1;background:#0f172a99;border-radius:999px;align-items:center;gap:8px;padding:10px 13px;font-size:12px;display:flex}.hero-visual{height:540px;position:relative}.orb{background:radial-gradient(circle at 35% 25%,#06b6d459,#0000 25%),linear-gradient(145deg,#2563eb29,#7c3aed14);border:1px solid #60a5fa38;border-radius:44% 56% 50% 50%;place-items:center;width:330px;height:330px;animation:6s ease-in-out infinite float;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 80px #2563eb1f,0 0 110px #2563eb24}.orb .logo-mark{width:165px;height:165px}.float-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172aad;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:12px;padding:15px 16px;display:flex;position:absolute;box-shadow:0 20px 50px #0000004d}.float-card svg{color:#60a5fa}.float-card b{letter-spacing:.12em;font-size:12px;display:block}.float-card span{color:#94a3b8;margin-top:3px;font-size:10px;display:block}.fc1{top:55px;left:10px}.fc2{top:205px;right:0}.fc3{bottom:55px;left:44px}@keyframes float{50%{transform:translate(-50%,-53%)rotate(1deg)}}.section{padding:110px 0;position:relative}.section-alt{background:linear-gradient(#0f172a9e,#02061759);border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a}.section-heading{max-width:780px}.section-heading h2{letter-spacing:-.04em;margin:15px 0 18px;font-size:clamp(36px,5vw,62px);line-height:1.06}.section-heading p{color:#94a3b8;margin:0;font-size:17px;line-height:1.8}.split{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.about-copy p{color:#cbd5e1;font-size:16px;line-height:1.9}.about-copy blockquote{background:linear-gradient(90deg,#2563eb1a,#0000);border-left:2px solid #3b82f6;margin:28px 0 0;padding:22px;font-weight:600}.pillars{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:70px;display:grid}.pillar{border:1px solid var(--line);background:#0f172a73;border-radius:20px;padding:28px}.pillar svg{color:#60a5fa}.pillar h3{font-size:20px}.pillar p{color:#94a3b8;line-height:1.7}.services-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px;display:grid}.service-card{border:1px solid var(--line);background:linear-gradient(#0f172ab8,#0f172a73);border-radius:20px;padding:25px;transition:all .25s}.service-card:hover{border-color:#60a5fa59;transform:translateY(-5px);box-shadow:0 22px 60px #2563eb1c}.service-icon{color:#60a5fa;background:linear-gradient(135deg,#06b6d426,#2563eb33,#7c3aed29);border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.service-card h3{margin:18px 0 10px;font-size:18px}.service-card p{color:#94a3b8;min-height:67px;font-size:13px;line-height:1.7}.service-card ul{margin:15px 0 0;padding:0;list-style:none}.service-card li{color:#cbd5e1;padding:5px 0;font-size:12px}.service-card li:before{content:"•";color:#3b82f6;margin-right:8px}.media-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:190px;gap:16px;margin-top:50px;display:grid}.media-tile{border:1px solid var(--line);background:linear-gradient(145deg,#2563eb2e,#0f172acc);border-radius:22px;flex-direction:column;justify-content:flex-end;padding:24px;display:flex;position:relative;overflow:hidden}.media-tile:before{content:"";background:radial-gradient(circle at 70% 20%,#06b6d43d,#0000 30%),linear-gradient(120deg,#0000,#7c3aed17);transition:all .4s;position:absolute;inset:0}.media-tile:hover:before{opacity:1;transform:scale(1.08)}.media-tile>span{color:#64748b;font-size:12px;position:absolute;top:18px;left:20px}.media-tile h3{margin:0;font-size:24px;position:relative}.media-tile svg{position:absolute;bottom:22px;right:20px}.tile-1,.tile-4{grid-column:span 5}.tile-2,.tile-3,.tile-5,.tile-6{grid-column:span 3}.tile-3,.tile-6{grid-column:span 4}.live-split{align-items:center}.tags{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.tags span{border:1px solid var(--line);color:#cbd5e1;background:#ffffff05;border-radius:10px;padding:9px 12px;font-size:12px}.broadcast-console{border:1px solid var(--line);background:linear-gradient(#111827,#0b1220);border-radius:24px;padding:18px;box-shadow:0 30px 80px #00000059}.screen{background:#020617;border:1px solid #60a5fa38;border-radius:16px;overflow:hidden}.screen-top{border-bottom:1px solid var(--line);letter-spacing:.15em;padding:10px 12px;font-size:11px}.live-dot{background:#ef4444;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 12px #ef4444}.screen-inner{background:radial-gradient(circle,#2563eb29,#0000 52%);flex-direction:column;justify-content:center;align-items:center;height:270px;display:flex}.screen-inner svg{color:#60a5fa}.screen-inner b{letter-spacing:.22em;margin-top:16px}.screen-inner small{color:#64748b;margin-top:5px}.console-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.console-key{text-align:center;border:1px solid var(--line);color:#94a3b8;background:#111827;border-radius:10px;padding:10px;font-size:10px}.tech-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:50px;display:grid}.tech-card{border:1px solid var(--line);background:#02061766;border-radius:16px;align-items:center;gap:12px;padding:20px;display:flex}.tech-card svg{color:#60a5fa}.diff-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px;display:grid}.diff-card{background:linear-gradient(#0f172a73,#0000);border-top:1px solid #60a5fa59;padding:25px}.diff-card>span{color:#60a5fa;letter-spacing:.18em;font-size:11px}.diff-card h3{font-size:19px}.diff-card p{color:#94a3b8;font-size:13px;line-height:1.7}.timeline{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px;display:grid}.timeline-item{border:1px solid var(--line);border-radius:18px;gap:16px;padding:22px;display:flex}.timeline-item>span{color:#60a5fa;font-size:11px}.timeline-item h3{margin:0 0 8px}.timeline-item p{color:#94a3b8;margin:0;font-size:13px;line-height:1.6}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:48px;display:grid}.portfolio-card{border:1px solid var(--line);background:radial-gradient(circle at 75% 25%,#06b6d438,#0000 28%),linear-gradient(145deg,#2563eb2e,#0f172ae6);border-radius:22px;min-height:320px;position:relative;overflow:hidden}.portfolio-2,.portfolio-5{background:radial-gradient(circle at 30% 30%,#7c3aed33,#0000 30%),linear-gradient(145deg,#0f172ae6,#2563eb1f)}.portfolio-overlay{background:linear-gradient(#0000,#0206178c,#020617fa);padding:26px;position:absolute;inset:auto 0 0}.portfolio-overlay span{text-transform:uppercase;letter-spacing:.16em;color:#60a5fa;font-size:11px}.portfolio-overlay h3{margin:9px 0;font-size:22px}.portfolio-overlay p{color:#94a3b8;font-size:13px}.portfolio-overlay a{color:#bfdbfe;align-items:center;gap:7px;margin-top:7px;font-size:12px;display:inline-flex}.client-row{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:40px;display:grid}.client-row div{border:1px solid var(--line);color:#475569;letter-spacing:.12em;border-radius:15px;place-items:center;height:90px;font-size:12px;display:grid}.cta-section{text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(#020617,#07101f);padding:120px 0;position:relative}.cta-glow{filter:blur(120px);opacity:.14;background:#2563eb;width:600px;height:250px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-inner{max-width:900px;position:relative}.cta-inner h2{letter-spacing:-.04em;margin:16px 0;font-size:clamp(42px,6vw,72px);line-height:1.05}.cta-inner p{color:#94a3b8;max-width:720px;margin:auto;line-height:1.8}.cta-inner .hero-actions{justify-content:center}.contact-grid{grid-template-columns:.9fr 1.1fr;gap:70px;display:grid}.contact-list{gap:12px;margin-top:30px;display:grid}.contact-list a,.contact-list div{color:#cbd5e1;align-items:center;gap:12px;display:flex}.contact-list svg{color:#60a5fa}.contact-form{border:1px solid var(--line);background:#0f172a7a;border-radius:22px;gap:13px;padding:24px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:13px;display:grid}.contact-form input,.contact-form textarea,.contact-form select{border:1px solid var(--line);color:#e2e8f0;background:#081120;border-radius:12px;outline:none;width:100%;padding:14px 15px}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#60a5fa8c}.contact-form textarea{resize:vertical}.footer{border-top:1px solid var(--line);background:#01040d;padding:70px 0 28px}.footer-grid{grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:40px;display:grid}.footer p{color:#64748b;max-width:380px;font-size:13px;line-height:1.7}.footer h4{font-size:13px}.footer a,.footer span{color:#64748b;margin:10px 0;font-size:12px;display:block}.footer a:hover{color:#cbd5e1}.footer-bottom{border-top:1px solid var(--line);justify-content:space-between;margin-top:45px;padding-top:22px;display:flex}.whatsapp{z-index:40;background:linear-gradient(135deg,#06b6d4,#2563eb);border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 40px #2563eb59}@media (width<=980px){.nav{display:none}.hero{grid-template-columns:1fr;padding-top:140px}.hero-visual{height:420px}.split,.contact-grid{grid-template-columns:1fr;gap:45px}.services-grid{grid-template-columns:repeat(2,1fr)}.pillars{grid-template-columns:1fr}.tech-grid,.diff-grid,.timeline{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.media-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:190px}.media-tile{grid-column:span 1!important}.client-row{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.container{width:min(100% - 28px,1180px)}.header{height:64px;top:10px}.logo-image{width:142px;height:48px}.header .btn-small{display:none}.hero{width:min(100% - 28px,1180px);min-height:auto;padding-top:115px}.hero h1{font-size:52px}.hero-content>p{font-size:15px}.hero-visual{height:360px}.orb{width:240px;height:240px}.orb .logo-mark{width:120px}.fc2{right:-10px}.fc1{left:-5px}.fc3{left:10px}.section{padding:78px 0}.section-heading h2{font-size:38px}.section-heading p{font-size:15px}.services-grid,.tech-grid,.diff-grid,.timeline,.portfolio-grid,.client-row,.footer-grid,.media-grid,.form-row{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.footer-bottom span{text-align:left}.hero-actions .btn{width:100%}.hero-pills{gap:8px}.hero-pills span{font-size:11px}}