/*
Theme Name: Arslankoç Digital
Theme URI: https://arslankocdigital.com
Author: Arslankoç Digital
Description: Arslankoç Digital için modern, animasyonlu ve mobil uyumlu kurumsal WordPress teması.
Version: 2.5.4
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: arslankoc-digital
*/

:root {
  --blue: #0969ff;
  --cyan: #00e8ff;
  --silver: #dbe8f8;
  --ink: #020611;
  --line: rgba(118, 174, 240, 0.26);
}

body.ak-loading { overflow: hidden !important; }
.site-loader { position: fixed; z-index: 99999; inset: 0; display: grid; place-content: center; justify-items: center; overflow: hidden; background: radial-gradient(circle at 50% 46%, #062651 0, #020b1c 28%, #01040c 72%); opacity: 1; visibility: visible; transition: opacity .55s ease, visibility .55s ease; }
.ak-loaded .site-loader { opacity: 0; visibility: hidden; pointer-events: none; }
.site-loader__glow { position: absolute; z-index: 0; width: 440px; height: 440px; border-radius: 50%; background: radial-gradient(circle, rgba(0,137,255,.19), transparent 65%); filter: blur(18px); animation: loaderPulse 2.1s ease-in-out infinite; }
.site-loader__orbit { position: absolute; z-index: 1; left: 50%; top: 50%; width: 290px; height: 290px; border: 1px solid rgba(37,180,255,.2); border-radius: 50%; transform: translate(-50%,-50%); animation: loaderOrbit 8s linear infinite; }
.site-loader__orbit::before,.site-loader__orbit::after { content: ""; position: absolute; inset: 24px; border: 1px solid rgba(0,103,255,.13); border-radius: 50%; }.site-loader__orbit::after { inset: -26px; border-style: dashed; }
.site-loader__orbit i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #32ddff; box-shadow: 0 0 9px #32ddff,0 0 23px #087cff; }.site-loader__orbit i:nth-child(1){left:18%;top:8%}.site-loader__orbit i:nth-child(2){right:-1%;top:52%}.site-loader__orbit i:nth-child(3){left:24%;bottom:3%}
.site-loader img { position: relative; z-index: 3; width: min(245px,62vw); height: auto; filter: drop-shadow(0 0 22px rgba(0,143,255,.38)); animation: loaderLogo 1.8s ease-in-out infinite; }
.site-loader__text { position: relative; z-index: 2; margin-top: 32px; color: #79bff0; font-size: 10px; font-weight: 800; letter-spacing: .28em; }
.site-loader__bar { position: relative; z-index: 2; width: min(245px,62vw); height: 2px; margin-top: 14px; overflow: hidden; background: rgba(84,159,221,.18); }.site-loader__bar i { display: block; width: 45%; height: 100%; background: linear-gradient(90deg,transparent,#00d9ff,#087cff,transparent); box-shadow: 0 0 14px #078cff; animation: loaderBar 1.25s ease-in-out infinite; }
@keyframes loaderPulse { 50% { transform: scale(1.15); opacity: .62; } }
@keyframes loaderOrbit { from { transform: translate(-50%,-50%) rotate(0deg); } to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes loaderLogo { 50% { transform: translateY(-5px); filter: drop-shadow(0 0 32px rgba(0,174,255,.6)); } }
@keyframes loaderBar { from { transform: translateX(-115%); } to { transform: translateX(335%); } }
@media (prefers-reduced-motion:reduce) { .site-loader__glow,.site-loader__orbit,.site-loader img,.site-loader__bar i { animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }

/* Detail pages, portfolio and analysis tool */
.service-page-shell,.projects-page-shell{position:relative;min-height:100vh;overflow:hidden;isolation:isolate;background:#020611 linear-gradient(180deg,rgba(1,5,15,.18),rgba(1,5,15,.72)),url("assets/images/hero-wide.png") top center/cover fixed no-repeat}.detail-header{position:relative;z-index:30;width:min(1120px,calc(100% - 56px));height:108px;margin:auto;display:flex;align-items:center;gap:30px}.detail-nav{margin-left:auto;display:flex;gap:31px}.detail-nav a{color:#aeb9ca;font-size:12px;font-weight:700}.detail-nav a:hover{color:#fff}.detail-menu-button{display:none;margin-left:auto}.service-detail-hero,.service-content-section,.service-final-cta,.service-footer,.projects-hero,.projects-showcase,.projects-method{width:min(1120px,calc(100% - 56px));margin-left:auto;margin-right:auto}.service-detail-hero{padding:28px 0 95px}.service-breadcrumb{display:flex;gap:10px;color:#71829a;font-size:11px}.service-breadcrumb strong{color:#1ea7ff}.service-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center;padding-top:65px}.service-eyebrow,.section-kicker,.section-heading span{color:#1aa8ff;font-size:11px;font-weight:900;letter-spacing:.14em}.service-hero-copy h1{margin:18px 0;font-size:clamp(45px,5vw,70px);line-height:1.01;letter-spacing:-.05em}.service-hero-copy h1 em{display:block;font-style:normal;background:linear-gradient(90deg,#078aff,#39d6e9,#d8e7f2);-webkit-background-clip:text;color:transparent}.service-hero-copy>p{max-width:690px;color:#a7b4c7;line-height:1.75}.service-hero-actions{display:flex;gap:15px;margin:28px 0}.service-back-link{display:flex;align-items:center;padding:0 20px;border:1px solid #26527f;border-radius:10px;color:#c2d2e6;font-size:13px;font-weight:800}.service-trust-row{display:flex;gap:20px;color:#7f91aa;font-size:11px}.service-signal-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:320px;height:320px;border:1px solid rgba(30,155,255,.3);border-radius:50%;background:radial-gradient(circle,rgba(0,112,255,.2),rgba(1,8,20,.85) 63%);box-shadow:0 0 70px rgba(0,104,255,.16)}.signal-icon{color:#1caaff;font-size:34px}.service-signal-card>strong{font-size:55px}.service-signal-card>small{color:#8ea0b7}.signal-bars{position:absolute;bottom:45px;display:flex;gap:6px;align-items:flex-end}.signal-bars i{width:7px;height:12px;background:#078aff}.signal-bars i:nth-child(2){height:22px}.signal-bars i:nth-child(3){height:31px}.signal-bars i:nth-child(4){height:42px}.signal-bars i:nth-child(5){height:55px}.service-content-section{padding:85px 0}.service-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:24px}.service-copy-grid h2,.section-heading h2{font-size:38px;line-height:1.15;margin:0}.service-copy-grid p,.section-heading p{color:#92a2b8;line-height:1.8}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}.section-heading>div{max-width:650px}.section-heading p{max-width:390px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.benefit-card{position:relative;min-height:230px;padding:24px;border:1px solid rgba(99,152,211,.24);border-radius:16px;background:rgba(4,15,32,.73)}.benefit-card>span{float:right;color:#35506e}.benefit-icon{color:#18aaff;font-size:23px}.benefit-card h3{margin-top:30px}.benefit-card p{color:#8091a9;font-size:12px;line-height:1.65}.service-process-wrap{border-top:1px solid rgba(80,140,210,.15);border-bottom:1px solid rgba(80,140,210,.15);background:rgba(1,8,19,.66)}.process-list{display:grid;grid-template-columns:repeat(5,1fr)}.process-list article{position:relative;padding:18px}.process-list article>span{display:grid;place-items:center;width:35px;height:35px;border:1px solid #0987f8;border-radius:9px;color:#1fa9ff}.process-list h3{font-size:14px}.process-list p{color:#7f91a8;font-size:11px;line-height:1.6}.service-final-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:70px;margin-bottom:70px;padding:38px;border:1px solid #1f5487;border-radius:20px;background:linear-gradient(120deg,rgba(0,94,255,.18),rgba(2,12,27,.9))}.service-final-cta span{color:#1ba8ff;font-size:10px;letter-spacing:.15em}.service-final-cta h2{max-width:720px;font-size:32px}.service-final-cta p{color:#8798ad}.service-final-cta>a{padding:15px 20px;border-radius:10px;background:linear-gradient(135deg,#075eea,#0b96ff);font-weight:800;white-space:nowrap}.service-footer{display:flex;align-items:center;justify-content:space-between;padding:25px 0 45px;color:#8191a7;font-size:11px}
.projects-hero{padding:28px 0 100px}.projects-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;padding-top:65px}.projects-hero h1{font-size:clamp(46px,5vw,68px);line-height:1.05;margin:18px 0}.projects-hero h1 em{color:#18a8ff;font-style:normal}.projects-hero p{color:#9aaac0;line-height:1.75}.projects-hero-stats{display:grid;gap:10px}.projects-hero-stats>div{padding:18px;border:1px solid #203e62;border-radius:13px;background:rgba(3,15,32,.76)}.projects-hero-stats strong{display:block;color:#16a4ff;font-size:29px}.projects-hero-stats span{color:#91a1b6;font-size:11px}.projects-showcase{display:grid;gap:110px;padding-bottom:100px}.portfolio-project{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:65px}.portfolio-project--reverse{grid-template-columns:.8fr 1.2fr}.portfolio-project--reverse .project-visual{order:2}.project-visual{position:relative;display:block;overflow:hidden;border:1px solid #2c527b;border-radius:20px;box-shadow:0 28px 70px rgba(0,0,0,.4)}.project-visual img{display:block;width:100%;height:auto}.project-visual>span{position:absolute;right:14px;bottom:14px;padding:9px 12px;border-radius:8px;background:#0785ff;font-size:11px;font-weight:800}.project-content{position:relative}.project-number{position:absolute;right:0;top:-35px;color:rgba(20,148,255,.12);font-size:80px;font-weight:900}.project-category{color:#14a5ff;font-size:10px;letter-spacing:.13em}.project-content h2{font-size:42px;margin:10px 0}.project-content>p{color:#96a6bb;line-height:1.75}.project-content h3{font-size:13px;margin-top:24px}.project-content ul{padding:0;list-style:none;color:#b2bfd0;font-size:12px;line-height:2}.project-tags{display:flex;flex-wrap:wrap;gap:7px}.project-tags span{padding:6px 9px;border:1px solid #274764;border-radius:99px;color:#7790ad;font-size:10px}.project-visit{display:inline-block;margin-top:23px;padding:12px 16px;border-radius:9px;background:#087ff4;font-size:12px;font-weight:800}.projects-method{padding:80px 0;border-top:1px solid rgba(70,130,190,.18)}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.method-grid article{padding:26px;border:1px solid #203d5d;border-radius:15px;background:rgba(4,15,31,.7)}.method-grid b{color:#1aa8ff;font-size:25px}.method-grid p{color:#8395ad;font-size:12px;line-height:1.7}
.analysis-page{min-height:100vh;background:#f4f7fb;color:#07152d;overflow:hidden}.analysis-header{position:absolute;z-index:20;left:50%;transform:translateX(-50%);width:min(1320px,calc(100% - 48px));border-bottom:1px solid rgba(109,171,255,.12)}.analysis-header .detail-nav a{color:#c9d4e6}.analysis-hero{position:relative;min-height:520px;padding:145px 24px 74px;text-align:center;color:#fff;background:linear-gradient(180deg,rgba(1,8,20,.78),rgba(1,11,28,.96)),url("assets/images/hero-wide.png") center 32%/cover no-repeat}.analysis-eyebrow{color:#22adff;font-size:12px;font-weight:800;letter-spacing:.2em}.analysis-hero h1{margin:20px 0 0;font-size:clamp(38px,5vw,67px);line-height:1.03}.analysis-hero h1 em{font-style:normal;color:#128fff}.analysis-hero>p{max-width:730px;margin:18px auto 26px;color:#abb9ce;line-height:1.65}.analysis-form{display:flex;align-items:center;gap:12px;width:min(800px,100%);margin:auto;padding:7px 7px 7px 18px;border:1px solid #6385ab;border-radius:13px;background:rgba(2,10,24,.8)}.analysis-form input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font:inherit}.analysis-form button,.result-actions button{padding:15px 20px;border:0;border-radius:9px;color:#fff;background:linear-gradient(135deg,#075eea,#0b96ff);font-weight:800}.analysis-loading,.analysis-error{width:min(800px,100%);margin:12px auto;padding:11px;border-radius:9px;color:#9dccff}.analysis-error{background:#5d1824;color:#ffd0d0}.analysis-trust{display:flex;justify-content:center;gap:70px;margin-top:25px}.analysis-trust>span{display:grid;color:#edf5ff;font-size:12px}.analysis-trust small{color:#8293aa}.analysis-result{position:relative;z-index:3;width:min(1320px,calc(100% - 48px));margin:-38px auto 80px;padding:34px;border-radius:24px;background:#fff;box-shadow:0 28px 80px rgba(6,25,54,.16)}.result-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.result-toolbar h2{margin:5px 0}.result-toolbar span{color:#0878f9;font-size:10px;font-weight:900}.result-actions{display:flex;gap:9px}.result-actions button{background:#fff;color:#153151;border:1px solid #d7e1ee}.score-grid{display:grid;grid-template-columns:1.12fr repeat(5,1fr);gap:13px}.overall-card,.metric-result-card{padding:21px;border:1px solid #dce5f0;border-radius:16px;background:#fff}.overall-card{text-align:center}.score-ring{display:grid;place-content:center;width:128px;height:128px;margin:auto;border-radius:50%;background:radial-gradient(circle,#fff 61%,transparent 62%),conic-gradient(#087cff var(--score),#dce5ef 0)}.score-ring strong{font-size:42px}.metric-result-card>span{display:block;color:#52647d;font-size:12px}.metric-result-card>strong{display:block;font-size:30px;margin:9px 0}.metric-result-card>div{height:5px;background:#e4eaf1}.metric-result-card>div i{display:block;height:100%;background:#087cff}.metric-result-card em,.overall-card>span{display:inline-block;margin-top:9px;padding:5px 8px;border-radius:99px;background:#e9faf4;color:#008b66;font-size:10px;font-style:normal}.metric-result-card p{color:#718198;font-size:10px}.analysis-detail-grid{display:grid;grid-template-columns:1.7fr .75fr;gap:20px;margin-top:20px}.findings-panel,.technical-panel{padding:23px;border:1px solid #dce5f0;border-radius:17px}.panel-heading h2{font-size:20px}.findings-list{display:grid;gap:9px}.finding{display:grid;grid-template-columns:42px 1fr auto;gap:13px;padding:15px;border:1px solid #e2e8f1;border-radius:12px}.finding-index{display:grid;place-items:center;width:39px;height:39px;border-radius:9px;background:#edf5ff;color:#087cff;font-weight:900}.finding small{color:#74869e}.finding h3{margin:3px 0;font-size:14px}.finding p,.finding div div{color:#607189;font-size:11px}.finding>em{padding:5px 8px;height:max-content;border-radius:7px;background:#fff2e4;color:#c76e00;font-size:10px;font-style:normal}.analysis-cta-card{padding:28px;border-radius:17px;color:#fff;background:linear-gradient(155deg,#06152d,#020b18)}.analysis-cta-card p{color:#a9b7cb;line-height:1.65}.analysis-cta-card ul{list-style:none;padding:0;line-height:2}.analysis-cta-card>a{display:flex;justify-content:center;margin-top:18px;padding:13px;border-radius:9px;background:#087cff}.analysis-cta-card .instagram-text-link{background:none;color:#8da4c3}.technical-panel{margin-top:20px}.technical-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.technical-grid>div{padding:12px;border-radius:9px;background:#f6f9fc}.technical-grid span{display:block;color:#718198;font-size:10px}.technical-grid strong{font-size:11px}.limitations-panel{display:flex;gap:15px;margin-top:20px;padding:20px;border:1px solid #f2cf88;border-radius:14px;background:#fff9ed}.limitations-panel p{font-size:11px}.analysis-how{padding:75px max(24px,calc((100vw - 1120px)/2));text-align:center;background:#fff}.analysis-how>span{color:#087cff;font-size:11px;font-weight:900}.analysis-how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.analysis-how article{padding:28px;border:1px solid #e1e8f0;border-radius:16px}.analysis-how b{font-size:30px;color:#087cff}.analysis-how p{color:#66778e;font-size:13px}.analysis-footer{display:flex;justify-content:space-between;align-items:center;padding:28px max(24px,calc((100vw - 1200px)/2));background:#030b18;color:#8fa0b6}.contact-icon--asset img{width:100%;height:100%;object-fit:contain}
@media(max-width:900px){.detail-header{width:calc(100% - 34px);height:91px}.detail-nav,.detail-header>.header-cta{display:none}.detail-menu-button{display:grid}.service-hero-grid,.service-copy-grid,.projects-hero-grid,.analysis-detail-grid{grid-template-columns:1fr}.benefit-grid,.method-grid{grid-template-columns:1fr 1fr}.process-list{grid-template-columns:1fr}.portfolio-project,.portfolio-project--reverse{grid-template-columns:1fr}.portfolio-project--reverse .project-visual{order:initial}.score-grid{grid-template-columns:repeat(3,1fr)}.technical-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.service-detail-hero,.service-content-section,.service-final-cta,.service-footer,.projects-hero,.projects-showcase,.projects-method{width:calc(100% - 28px)}.service-hero-copy h1,.projects-hero h1{font-size:40px}.service-signal-card{width:260px;height:260px;margin:auto}.benefit-grid,.method-grid,.score-grid,.technical-grid{grid-template-columns:1fr}.service-final-cta,.result-toolbar{align-items:stretch;flex-direction:column}.analysis-hero{padding:120px 16px 55px}.analysis-form{display:grid;grid-template-columns:auto 1fr}.analysis-form button{grid-column:1/-1}.analysis-trust{display:none}.analysis-result{width:calc(100% - 20px);padding:17px}.analysis-how>div{grid-template-columns:1fr}.finding{grid-template-columns:38px 1fr}.finding>em{grid-column:2}.analysis-footer,.service-footer{flex-direction:column;text-align:center}}
@media print{.analysis-header,.analysis-hero,.analysis-how,.analysis-footer,.contact-dock,.custom-cursor,.result-actions,.analysis-cta-card{display:none!important}.analysis-result{width:100%;margin:0;padding:0;border:0;box-shadow:none}}

* { box-sizing: border-box; }
html { width: 100%; min-height: 100%; scroll-behavior: smooth; background: var(--ink); }
body { width: 100%; min-height: 100%; margin: 0; overflow-x: hidden; background: var(--ink); color: #f8fbff; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.custom-cursor { display: none; }

@media (pointer: fine) {
  html, body, a, button { cursor: none !important; }
  .custom-cursor { display: block; }
  .cursor-dot, .cursor-ring, .cursor-trail { position: fixed; z-index: 1000; left: 0; top: 0; pointer-events: none; border-radius: 50%; opacity: 0; will-change: transform; }
  .cursor-dot { width: 5px; height: 5px; background: #fff; box-shadow: 0 0 6px #fff, 0 0 13px #00e5ff, 0 0 25px #087cff; transition: opacity 120ms ease; }
  .cursor-ring { width: 31px; height: 31px; border: 1px solid rgba(90, 222, 255, 0.55); background: radial-gradient(circle, transparent 48%, rgba(0, 184, 255, 0.08) 58%, transparent 70%), conic-gradient(from 40deg, rgba(0, 220, 255, 0.88), transparent 20%, rgba(7, 105, 255, 0.7) 45%, transparent 67%, rgba(197, 248, 255, 0.8)); box-shadow: 0 0 18px rgba(0, 127, 255, 0.25); transition: width 190ms cubic-bezier(.2,.8,.2,1), height 190ms cubic-bezier(.2,.8,.2,1), opacity 130ms ease, border-radius 190ms ease, filter 190ms ease; }
  .cursor-ring::after { content: ""; position: absolute; inset: 3px; border-radius: inherit; background: rgba(2, 6, 17, 0.82); box-shadow: inset 0 0 7px rgba(0, 202, 255, 0.12); }
  .cursor-trail { background: #13cfff; box-shadow: 0 0 10px #008cff; transition: opacity 160ms ease; }
  .cursor-trail--one { width: 4px; height: 4px; opacity: 0; }
  .cursor-trail--two { width: 3px; height: 3px; opacity: 0; filter: blur(0.4px); }
  .cursor-dot[data-visible="true"], .cursor-ring[data-visible="true"] { opacity: 1; }
  .cursor-trail--one[data-visible="true"] { opacity: 0.5; }
  .cursor-trail--two[data-visible="true"] { opacity: 0.24; }
  .cursor-ring[data-active="true"] { width: 46px; height: 46px; border-radius: 13px; filter: brightness(1.3); box-shadow: 0 0 25px rgba(0, 128, 255, 0.44); }
}

.site-shell {
  position: relative;
  width: 100%;
  min-height: max(100vh, 1536px);
  overflow: hidden;
  isolation: isolate;
  background-color: #020611;
  background-image: linear-gradient(180deg, rgba(1, 5, 15, 0.1), rgba(1, 5, 15, 0.08)), url("assets/images/hero-future.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  background-attachment: fixed;
}

.ambient { position: absolute; z-index: -1; border-radius: 50%; filter: blur(70px); pointer-events: none; }
.ambient-one { width: 280px; height: 280px; top: 150px; left: calc(50% - 470px); background: rgba(0, 105, 255, 0.1); }
.ambient-two { width: 220px; height: 220px; top: 290px; right: calc(50% - 450px); background: rgba(0, 211, 255, 0.07); }

.site-header {
  position: relative;
  z-index: 30;
  width: min(920px, calc(100% - 48px));
  height: 112px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 28px;
}

.brand { display: inline-flex; align-items: center; flex: 0 0 auto; }
.brand-logo { display: block; width: 134px; height: 89px; object-fit: contain; filter: drop-shadow(0 0 10px rgba(0, 157, 255, 0.34)); }
.brand--small .brand-logo { width: 82px; height: 54px; filter: drop-shadow(0 0 6px rgba(0, 190, 255, 0.34)); }

.desktop-nav { margin-left: auto; align-self: stretch; display: flex; align-items: center; gap: 31px; }
.desktop-nav a { position: relative; height: 100%; display: grid; place-items: center; color: rgba(242, 248, 255, 0.72); font-size: 12px; font-weight: 600; transition: color 180ms ease; }
.desktop-nav a:hover, .desktop-nav a:focus-visible { color: #fff; }
.desktop-nav a.active { color: #fff; }
.desktop-nav a.active::after { content: ""; position: absolute; left: 0; right: 0; bottom: 31px; height: 2px; border-radius: 4px; background: linear-gradient(90deg, var(--blue), var(--cyan)); box-shadow: 0 0 12px #087cff; }

.header-cta, .primary-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: linear-gradient(105deg, #0756ea, #078dff); box-shadow: 0 10px 28px rgba(0, 89, 255, 0.22); transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease; }
.header-cta:hover, .primary-button:hover { transform: translateY(-2px); filter: brightness(1.12); box-shadow: 0 15px 36px rgba(0, 102, 255, 0.34); }
.header-cta { width: 147px; height: 40px; border-radius: 10px; font-size: 12px; font-weight: 700; }
.menu-button, .mobile-nav { display: none; }

.hero { position: relative; width: min(780px, calc(100% - 32px)); height: 462px; margin: 0 auto; padding-top: 23px; display: flex; flex-direction: column; align-items: center; text-align: center; isolation: isolate; }
.hero > :not(.hero-motion) { position: relative; z-index: 2; }
.hero-motion { position: absolute; z-index: 0; top: 33px; left: 50%; width: 760px; height: 285px; overflow: hidden; transform: translateX(-50%); pointer-events: none; opacity: 0.88; mask-image: radial-gradient(ellipse at center, #000 0 48%, rgba(0,0,0,.78) 66%, transparent 91%); -webkit-mask-image: radial-gradient(ellipse at center, #000 0 48%, rgba(0,0,0,.78) 66%, transparent 91%); }
.motion-glow { position: absolute; left: 50%; top: 52%; width: 420px; height: 150px; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient(ellipse, rgba(0, 126, 255, 0.24), rgba(0, 226, 255, 0.07) 44%, transparent 72%); filter: blur(23px); animation: motionGlow 4.8s ease-in-out infinite; }
.motion-grid { position: absolute; inset: 25px 48px; opacity: 0.28; background-image: linear-gradient(rgba(0, 189, 255, 0.16) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 132, 255, 0.13) 1px, transparent 1px); background-size: 46px 46px; transform: perspective(480px) rotateX(65deg) translateY(83px) scale(1.25); transform-origin: center bottom; animation: gridDrift 8s linear infinite; }
.motion-orbit { position: absolute; left: 50%; top: 50%; display: block; border: 1px solid rgba(54, 183, 255, 0.28); border-radius: 50%; box-shadow: inset 0 0 18px rgba(0, 121, 255, 0.05), 0 0 18px rgba(0, 121, 255, 0.05); }
.orbit-one { width: 650px; height: 205px; margin: -103px 0 0 -325px; border-right-color: rgba(0, 232, 255, 0.78); border-left-color: rgba(0, 103, 255, 0.05); animation: orbitSpin 18s linear infinite; }
.orbit-two { width: 505px; height: 258px; margin: -129px 0 0 -252px; border-top-color: rgba(220, 242, 255, 0.62); border-bottom-color: rgba(0, 93, 255, 0.06); animation: orbitSpinReverse 24s linear infinite; }
.motion-orbit i { position: absolute; width: 7px; height: 7px; border: 1px solid rgba(224, 249, 255, 0.82); border-radius: 50%; background: #0aa8ff; box-shadow: 0 0 5px #02d8ff, 0 0 14px #0871ff; animation: dataPulse 2.3s ease-in-out infinite; }
.orbit-one i:nth-child(1) { top: 18px; left: 93px; }.orbit-one i:nth-child(2) { right: 25px; top: 78px; animation-delay: -.8s; }.orbit-one i:nth-child(3) { left: 47%; bottom: -4px; animation-delay: -1.5s; }
.orbit-two i:nth-child(1) { left: 16px; top: 102px; animation-delay: -.4s; }.orbit-two i:nth-child(2) { right: 92px; top: 27px; animation-delay: -1.2s; }
.motion-scan { position: absolute; left: 12%; right: 12%; top: 28%; height: 1px; background: linear-gradient(90deg, transparent, rgba(110, 218, 255, 0.2), rgba(255,255,255,0.75), rgba(0, 220, 255, 0.26), transparent); box-shadow: 0 0 10px rgba(0, 176, 255, 0.5); animation: scanPass 5.4s ease-in-out infinite; }
.eyebrow { display: flex; align-items: center; justify-content: center; gap: 11px; color: #2ba8ff; font-size: 13px; font-weight: 700; letter-spacing: 2.2px; }
.eyebrow { opacity: 0; animation: textRise .72s cubic-bezier(.2,.75,.25,1) .08s forwards; }
.eyebrow > span { width: 50px; height: 1px; background: linear-gradient(90deg, transparent, #158dff); }
.eyebrow > span:last-child { background: linear-gradient(90deg, #158dff, transparent); }
.hero h1 { margin: 19px 0 18px; font-size: clamp(51px, 6vw, 68px); line-height: 1.02; letter-spacing: -3px; font-weight: 800; text-shadow: 0 5px 30px rgba(0, 0, 0, 0.35); }
.headline-line { display: block; opacity: 0; transform: translateY(34px) scale(.97); filter: blur(9px); animation: headlineReveal .95s cubic-bezier(.18,.82,.22,1) forwards; }
.headline-main { animation-delay: .2s; }
.headline-accent { animation-delay: .38s; }
.hero h1 em { font-style: normal; background: linear-gradient(100deg, #eff7ff 0%, #6bdfff 24%, #0875ff 48%, #00e8ff 67%, #f4fbff 84%, #6bdfff 100%); background-size: 230% auto; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 5px 16px rgba(0, 116, 255, 0.16)); animation: headlineShimmer 6.5s linear .9s infinite; }
.hero > p { margin: 0; color: rgba(234, 242, 252, 0.71); font-size: 16px; line-height: 1.65; opacity: 0; animation: textRise .78s cubic-bezier(.2,.75,.25,1) .58s forwards; }
.hero-actions { display: flex; gap: 14px; margin-top: 23px; opacity: 0; animation: textRise .78s cubic-bezier(.2,.75,.25,1) .74s forwards; }
.primary-button, .secondary-button { height: 48px; border-radius: 11px; font-size: 14px; font-weight: 700; }
.primary-button { width: 201px; }
.secondary-button { width: 200px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid rgba(41, 159, 255, 0.68); background: rgba(4, 15, 34, 0.52); box-shadow: inset 0 0 20px rgba(0, 105, 255, 0.06); transition: background 180ms ease, transform 180ms ease; }
.secondary-button:hover { transform: translateY(-2px); background: rgba(5, 71, 145, 0.26); }
.secondary-button svg { color: #37b5ff; }
.hero-proof { margin-top: 21px; display: flex; align-items: center; gap: 25px; color: rgba(225, 238, 253, 0.52); font-size: 10px; letter-spacing: 0.3px; opacity: 0; animation: textRise .75s cubic-bezier(.2,.75,.25,1) .9s forwards; }
.hero-proof span { display: flex; align-items: center; gap: 6px; }
.hero-proof i { width: 5px; height: 5px; border-radius: 50%; background: #16bdff; box-shadow: 0 0 8px #087cff; }

@keyframes orbitSpin { from { transform: rotate(7deg); } to { transform: rotate(367deg); } }
@keyframes orbitSpinReverse { from { transform: rotate(354deg); } to { transform: rotate(-6deg); } }
@keyframes dataPulse { 0%, 100% { opacity: .42; transform: scale(.72); } 50% { opacity: 1; transform: scale(1.35); } }
@keyframes scanPass { 0%, 100% { top: 24%; opacity: 0; } 17% { opacity: .75; } 55% { opacity: .36; } 82% { opacity: .68; } 95% { top: 78%; opacity: 0; } }
@keyframes gridDrift { from { background-position: 0 0, 0 0; } to { background-position: 0 46px, 46px 0; } }
@keyframes motionGlow { 0%, 100% { opacity: .58; transform: translate(-50%, -50%) scale(.88); } 50% { opacity: 1; transform: translate(-50%, -50%) scale(1.08); } }
@keyframes textRise { from { opacity: 0; transform: translateY(18px); filter: blur(5px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } }
@keyframes headlineReveal { 0% { opacity: 0; transform: translateY(34px) scale(.97); filter: blur(9px); letter-spacing: -1px; } 100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); letter-spacing: -3px; } }
@keyframes headlineShimmer { to { background-position: -230% center; } }
@keyframes dashboardLine { from { opacity: 0; transform: translateX(-16px); filter: blur(4px); } to { opacity: 1; transform: translateX(0); filter: blur(0); } }
@keyframes metricRise { to { opacity: 1; transform: translateY(0); } }
@keyframes metricGlow { 0%, 100% { color: #fff; text-shadow: 0 0 0 transparent; } 50% { color: #7be7ff; text-shadow: 0 0 12px rgba(0, 200, 255, .72); } }
@keyframes labelPulse { 0%, 100% { color: rgba(226, 239, 253, .2); } 45%, 60% { color: rgba(86, 208, 255, .72); } }

.display-stage { position: relative; width: 100%; height: 508px; }
.dashboard { position: absolute; top: 26px; left: 50%; width: 680px; height: 388px; transform: translateX(-50%); overflow: hidden; border: 0; border-radius: 11px; background: linear-gradient(145deg, rgba(2, 8, 20, 0.78), rgba(4, 19, 38, 0.68)); box-shadow: inset 0 0 65px rgba(0, 99, 203, 0.08); }
.dashboard::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(120deg, rgba(255, 255, 255, 0.035), transparent 22%, transparent 72%, rgba(0, 190, 255, 0.03)); }
.dashboard-top { height: 58px; padding: 0 22px; display: flex; align-items: center; gap: 18px; border-bottom: 1px solid rgba(76, 135, 194, 0.13); }
.dashboard-top { opacity: 0; animation: textRise .65s ease-out .35s forwards; }
.dashboard-title { margin-left: auto; color: rgba(202, 231, 255, 0.46); font-size: 7px; font-weight: 700; letter-spacing: 1.45px; }
.live { display: flex; align-items: center; gap: 5px; color: #46d8ff; font-size: 7px; font-weight: 800; letter-spacing: 0.8px; }
.live i { width: 5px; height: 5px; border-radius: 50%; background: #1dffca; box-shadow: 0 0 8px #1dffca; }

.dashboard-grid { position: relative; height: calc(100% - 58px); padding: 18px 22px; display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: 215px 62px; gap: 12px; }
.dashboard-intro { grid-column: 1 / 4; padding: 12px 0 0 5px; }
.mini-label { display: inline-flex; align-items: center; gap: 5px; color: #26baff; font-size: 7px; font-weight: 700; letter-spacing: 1.2px; }
.mini-label { opacity: 0; animation: textRise .62s ease-out .52s forwards; }
.dashboard-intro h2 { margin: 16px 0 13px; font-size: 34px; line-height: 1.04; letter-spacing: -1.5px; }
.dashboard-intro h2 > span { display: block; opacity: 0; transform: translateX(-16px); animation: dashboardLine .62s cubic-bezier(.2,.75,.25,1) forwards; }
.dashboard-intro h2 > span:nth-child(1) { animation-delay: .61s; }
.dashboard-intro h2 > span:nth-child(2) { animation-delay: .73s; }
.dashboard-intro h2 > span:nth-child(3) { animation-delay: .85s; }
.dashboard-intro h2 em { color: #239eff; font-style: normal; }
.dashboard-intro p { max-width: 275px; margin: 0; color: rgba(225, 236, 250, 0.55); font-size: 9px; line-height: 1.58; opacity: 0; animation: textRise .6s ease-out .94s forwards; }
.dashboard-checks { margin-top: 16px; display: flex; gap: 8px; opacity: 0; animation: textRise .6s ease-out 1.04s forwards; }
.dashboard-checks span { height: 23px; padding: 0 8px; display: inline-flex; align-items: center; gap: 4px; border: 1px solid rgba(54, 138, 224, 0.25); border-radius: 6px; color: rgba(232, 243, 255, 0.66); font-size: 7px; background: rgba(7, 25, 48, 0.6); }
.dashboard-checks svg { color: #1fd7ff; }

.analytics-panel { position: relative; grid-column: 4 / 7; padding: 16px; border: 1px solid rgba(80, 145, 211, 0.18); border-radius: 12px; background: linear-gradient(145deg, rgba(6, 22, 45, 0.77), rgba(2, 12, 26, 0.6)); }
.analytics-head { display: flex; justify-content: space-between; color: #34bbff; }
.analytics-head > b { color: #34bbff; font-size: 22px; }
.analytics-head > div { display: grid; gap: 2px; }
.analytics-head span { color: rgba(231, 242, 255, 0.6); font-size: 8px; }
.analytics-head strong { color: #fff; font-size: 21px; }
.analytics-head strong { animation: metricGlow 3.4s ease-in-out 1.1s infinite; }
.analytics-head small { color: rgba(231, 242, 255, 0.33); font-size: 6px; }
.line-chart { position: absolute; left: 16px; right: 16px; bottom: 28px; height: 112px; border-bottom: 1px solid rgba(88, 148, 209, 0.16); }
.grid-line { position: absolute; left: 0; right: 0; height: 1px; background: rgba(78, 139, 201, 0.09); }
.grid-line.l1 { top: 25%; }.grid-line.l2 { top: 50%; }.grid-line.l3 { top: 75%; }
.line-chart i { position: absolute; z-index: 2; width: 6px; height: 6px; margin: -3px 0 0 -3px; border: 1px solid #6ce4ff; border-radius: 50%; background: #087cff; box-shadow: 0 0 8px #078dff; }
.p1 { left: 3%; top: 78%; }.p2 { left: 22%; top: 60%; }.p3 { left: 41%; top: 69%; }.p4 { left: 60%; top: 43%; }.p5 { left: 79%; top: 48%; }.p6 { left: 97%; top: 15%; }
.line-chart b { position: absolute; z-index: 1; height: 2px; transform-origin: left center; background: linear-gradient(90deg, #087cff, #42d5ff); box-shadow: 0 0 7px rgba(0, 150, 255, 0.75); }
.s1 { left: 3%; top: 78%; width: 20.5%; transform: rotate(-28deg); }.s2 { left: 22%; top: 60%; width: 20.4%; transform: rotate(13deg); }.s3 { left: 41%; top: 69%; width: 23%; transform: rotate(-34deg); }.s4 { left: 60%; top: 43%; width: 19.5%; transform: rotate(8deg); }.s5 { left: 79%; top: 48%; width: 22.5%; transform: rotate(-42deg); }
.chart-months { position: absolute; left: 15px; right: 15px; bottom: 9px; display: flex; justify-content: space-between; color: rgba(226, 239, 253, 0.25); font-size: 5px; }
.chart-months span { animation: labelPulse 4.2s ease-in-out infinite; }
.chart-months span:nth-child(2) { animation-delay: -.5s; }.chart-months span:nth-child(3) { animation-delay: -1s; }.chart-months span:nth-child(4) { animation-delay: -1.5s; }.chart-months span:nth-child(5) { animation-delay: -2s; }.chart-months span:nth-child(6) { animation-delay: -2.5s; }

.metric-card { min-width: 0; height: 62px; padding: 9px 11px; display: grid; grid-template-columns: 1fr auto; align-items: center; border: 1px solid rgba(80, 145, 211, 0.15); border-radius: 9px; background: rgba(4, 17, 34, 0.58); }
.metric-card { opacity: 0; transform: translateY(12px); animation: metricRise .65s cubic-bezier(.2,.75,.25,1) forwards; }
.metric-card:nth-of-type(3) { grid-column: 1 / 3; animation-delay: .94s; }.metric-card:nth-of-type(4) { grid-column: 3 / 5; animation-delay: 1.04s; }.metric-card:nth-of-type(5) { grid-column: 5 / 7; animation-delay: 1.14s; }
.metric-card > span { display: flex; align-items: center; gap: 5px; color: rgba(226, 239, 253, 0.53); font-size: 7px; }
.metric-card > span b { color: #28b9ff; font-size: 11px; }
.metric-card svg { color: #28b9ff; }
.metric-card strong { font-size: 15px; }
.metric-card strong small { color: rgba(225, 237, 251, 0.34); font-size: 7px; }
.metric-card > div { grid-column: 1 / -1; height: 2px; overflow: hidden; border-radius: 3px; background: rgba(74, 130, 186, 0.18); }
.metric-card > div i { display: block; height: 100%; background: linear-gradient(90deg, #096dff, #24d4ff); box-shadow: 0 0 6px #087cff; }

.services { position: relative; z-index: 5; width: min(812px, calc(100% - 48px)); margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.service-card { height: 178px; padding: 17px 17px 14px; border: 1px solid rgba(154, 194, 238, 0.32); border-radius: 14px; background: linear-gradient(155deg, rgba(10, 29, 55, 0.86), rgba(2, 9, 21, 0.93)); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.28), inset 0 0 25px rgba(0, 118, 230, 0.08); backdrop-filter: blur(8px); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
.service-card:hover { transform: translateY(-6px); border-color: rgba(40, 186, 255, 0.7); box-shadow: 0 18px 40px rgba(0, 75, 201, 0.18), inset 0 0 25px rgba(0, 112, 255, 0.12); }
.service-card-top { display: flex; align-items: center; justify-content: space-between; }
.service-icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(42, 177, 255, 0.35); border-radius: 11px; color: #4ac5ff; background: linear-gradient(145deg, rgba(0, 120, 255, 0.22), rgba(4, 16, 33, 0.4)); box-shadow: inset 0 0 16px rgba(0, 113, 255, 0.15); }
.service-number { color: rgba(141, 183, 226, 0.22); font-size: 13px; font-weight: 800; }
.service-card h2 { margin: 12px 0 7px; font-size: 15px; }
.service-card p { margin: 0; min-height: 38px; color: rgba(226, 238, 252, 0.56); font-size: 9.5px; line-height: 1.4; }
.service-card > a { margin-top: 9px; display: inline-flex; align-items: center; gap: 5px; color: #2eb8ff; font-size: 8px; font-weight: 700; }

.stats { position: relative; z-index: 5; width: min(856px, calc(100% - 48px)); min-height: 91px; margin: 28px auto 0; padding: 15px 17px 15px 23px; display: flex; align-items: center; gap: 22px; border: 1px solid rgba(82, 173, 243, 0.34); border-radius: 14px; background: linear-gradient(100deg, rgba(4, 15, 32, 0.94), rgba(5, 29, 58, 0.86)); box-shadow: 0 0 34px rgba(0, 99, 255, 0.16), inset 0 0 24px rgba(0, 105, 255, 0.07); }
.stats-copy { flex: 0 0 160px; display: grid; gap: 5px; }
.stats-copy span { color: #2db8ff; font-size: 8px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; }
.stats-copy strong { font-size: 13px; line-height: 1.25; }
.stats-list { flex: 1; display: grid; grid-template-columns: repeat(4, 1fr); }
.stat { min-height: 56px; display: grid; place-content: center; gap: 6px; text-align: center; border-left: 1px solid rgba(102, 157, 215, 0.18); }
.stat strong { font-size: 22px; line-height: 1; }.stat span { color: rgba(226, 238, 252, 0.5); font-size: 8px; white-space: nowrap; }
.stats > a { flex: 0 0 44px; height: 44px; display: grid; place-items: center; border-radius: 11px; color: #fff; background: linear-gradient(135deg, #0753e2, #099bff); box-shadow: 0 8px 25px rgba(0, 98, 255, 0.3); transition: transform 180ms ease; }
.stats > a:hover { transform: translateX(3px); }

.footer-line { width: min(590px, calc(100% - 40px)); margin: 29px auto 0; display: flex; align-items: center; justify-content: center; gap: 13px; color: rgba(225, 238, 253, 0.66); font-size: 9px; font-weight: 700; letter-spacing: 1.6px; }
.footer-line::before, .footer-line::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #168dff); }
.footer-line::after { background: linear-gradient(90deg, #168dff, transparent); }
.footer-line i { width: 4px; height: 4px; border-radius: 50%; background: #15a9ff; box-shadow: 0 0 8px #087cff; }

[hidden] { display: none !important; }
.icon-symbol { display: inline-grid; place-items: center; font-style: normal; font-weight: 800; line-height: 1; }
.service-icon .icon-symbol { font-size: 8px; letter-spacing: 0.5px; }
.theme-content { width: min(856px, calc(100% - 48px)); margin: 80px auto; padding: 30px; border: 1px solid var(--line); border-radius: 16px; background: rgba(3, 14, 30, 0.86); }
.theme-content h1 { margin-top: 0; }
.theme-content p { color: rgba(226, 238, 252, 0.72); line-height: 1.7; }
.theme-content a { color: #31baff; }

.contact-dock { position: fixed; z-index: 60; right: 20px; bottom: 20px; display: grid; gap: 9px; }
.contact-link { position: relative; min-width: 192px; height: 52px; padding: 0 14px 0 7px; display: flex; align-items: center; gap: 10px; overflow: hidden; border: 1px solid rgba(92, 181, 255, 0.4); border-radius: 15px; background: linear-gradient(130deg, rgba(7, 29, 59, 0.91), rgba(2, 10, 24, 0.92)); box-shadow: 0 14px 34px rgba(0, 0, 0, 0.42), inset 0 0 24px rgba(0, 120, 255, 0.09); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
.contact-link::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(110deg, rgba(255, 255, 255, 0.08), transparent 30%, transparent 72%, rgba(0, 214, 255, 0.06)); }
.contact-link:hover, .contact-link:focus-visible { transform: translateX(-4px); border-color: rgba(52, 205, 255, 0.78); box-shadow: 0 16px 38px rgba(0, 88, 220, 0.3), inset 0 0 27px rgba(0, 139, 255, 0.14); outline: none; }
.contact-icon { position: relative; flex: 0 0 38px; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(80, 198, 255, 0.42); border-radius: 11px; color: #dff9ff; background: linear-gradient(145deg, rgba(0, 115, 255, 0.78), rgba(0, 203, 255, 0.35)); box-shadow: 0 0 18px rgba(0, 128, 255, 0.28); }
.contact-link--whatsapp .contact-icon { border-color: rgba(73, 231, 163, 0.48); background: linear-gradient(145deg, rgba(6, 153, 102, 0.88), rgba(0, 198, 255, 0.34)); box-shadow: 0 0 18px rgba(20, 214, 137, 0.22); }
.contact-link--instagram .contact-icon { background: linear-gradient(145deg, rgba(83, 61, 255, 0.82), rgba(0, 201, 255, 0.38)); }
.contact-label { position: relative; display: grid; gap: 2px; line-height: 1.05; }
.contact-label small { color: rgba(198, 225, 250, 0.55); font-size: 8px; font-weight: 700; letter-spacing: 0.9px; text-transform: uppercase; }
.contact-label strong { color: #f7fbff; font-size: 11px; font-weight: 750; letter-spacing: 0.15px; }

@media (min-width: 1200px) {
  .site-header { width: min(1180px, calc(100% - 80px)); }
  .desktop-nav { gap: 42px; }
  .hero { width: min(1000px, calc(100% - 48px)); }
  .display-stage { height: 535px; }
  .dashboard { top: 20px; transform: translateX(-50%) scale(1.15); transform-origin: top center; }
  .services { width: min(1080px, calc(100% - 80px)); gap: 18px; }
  .service-card { height: 190px; padding: 20px 20px 16px; }
  .service-card h2 { font-size: 17px; }
  .service-card p { font-size: 10.5px; }
  .stats { width: min(1120px, calc(100% - 80px)); }
}

@media (max-width: 900px) {
  .site-header { width: calc(100% - 36px); gap: 18px; }
  .desktop-nav { gap: 18px; }
  .header-cta { width: 133px; }
}

@media (max-width: 760px) {
  .site-shell { min-height: 100vh; padding-bottom: 64px; background-size: cover; background-position: top center; background-attachment: scroll; }
  .site-header { height: 88px; width: calc(100% - 28px); }
  .brand-logo { width: 104px; height: 69px; }
  .desktop-nav, .header-cta { display: none; }
  .menu-button { margin-left: auto; width: 43px; height: 43px; display: grid; place-items: center; border: 1px solid rgba(72, 166, 238, 0.45); border-radius: 11px; color: #fff; background: rgba(3, 14, 30, 0.88); }
  .mobile-nav { position: absolute; top: 76px; right: 0; width: 220px; padding: 11px; display: grid; gap: 3px; border: 1px solid rgba(70, 158, 233, 0.4); border-radius: 13px; background: rgba(2, 9, 21, 0.98); box-shadow: 0 20px 45px rgba(0, 0, 0, 0.55); }
  .mobile-nav a { padding: 10px 12px; border-radius: 8px; font-size: 13px; }.mobile-nav a:hover { background: rgba(0, 112, 255, 0.16); }
  .mobile-nav .mobile-cta { margin-top: 5px; display: flex; align-items: center; justify-content: space-between; color: #fff; background: linear-gradient(105deg, #0756ea, #078dff); }

  .hero { height: 470px; padding-top: 38px; }
  .hero-motion { top: 45px; width: 620px; height: 270px; opacity: .68; }
  .orbit-one { width: 570px; margin-left: -285px; }.orbit-two { width: 450px; margin-left: -225px; }
  .eyebrow { gap: 7px; font-size: 10px; letter-spacing: 1.2px; }.eyebrow > span { width: 25px; }
  .hero h1 { margin-top: 18px; font-size: clamp(41px, 11vw, 56px); letter-spacing: -2px; }
  .hero > p { padding: 0 12px; font-size: 14px; }.hero > p br { display: none; }
  .hero-actions { width: 100%; padding: 0 18px; }.primary-button, .secondary-button { flex: 1; max-width: 210px; font-size: 12px; }
  .hero-proof { gap: 12px; flex-wrap: wrap; justify-content: center; padding: 0 20px; }

  .display-stage { height: 375px; }
  .dashboard { top: 12px; width: 680px; height: 388px; transform: translateX(-50%) scale(0.78); transform-origin: top center; }
  .services { width: min(540px, calc(100% - 30px)); grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .service-card { height: 183px; }
  .stats { width: min(540px, calc(100% - 30px)); flex-direction: column; align-items: stretch; padding: 19px; }
  .stats-copy { flex: none; text-align: center; }.stats-list { width: 100%; }.stats > a { flex: none; width: 100%; }
  .footer-line { flex-wrap: wrap; }.footer-line::before, .footer-line::after { display: none; }
  .contact-dock { right: 12px; bottom: 12px; grid-template-columns: repeat(2, 48px); gap: 8px; }
  .contact-link { min-width: 0; width: 48px; height: 48px; padding: 0; justify-content: center; border-radius: 14px; }
  .contact-link:hover, .contact-link:focus-visible { transform: translateY(-3px); }
  .contact-icon { flex-basis: 100%; width: 100%; height: 100%; border: 0; background: transparent; box-shadow: none; }
  .contact-link--whatsapp .contact-icon,
  .contact-link--instagram .contact-icon { background: transparent; }
  .contact-label { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
}

@media (max-width: 460px) {
  .hero { height: 520px; }.hero h1 { font-size: 40px; }
  .hero-motion { top: 55px; width: 500px; opacity: .58; transform: translateX(-50%) scale(.92); }
  .hero-actions { flex-direction: column; align-items: center; }.primary-button, .secondary-button { flex: none; width: min(270px, 100%); max-width: none; }
  .hero-proof { margin-top: 17px; }
  .display-stage { height: 290px; }.dashboard { top: 0; transform: translateX(-50%) scale(0.58); }
  .services { grid-template-columns: 1fr; }.service-card { height: 170px; }
  .stats-list { grid-template-columns: repeat(2, 1fr); row-gap: 15px; }.stat:nth-child(3) { border-left: 0; }
  .footer-line { max-width: 300px; line-height: 1.5; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: 0.01ms !important; }
  .motion-glow, .motion-grid, .motion-orbit, .motion-orbit i, .motion-scan { animation: none !important; }
  .eyebrow, .headline-line, .hero > p, .hero-actions, .hero-proof, .dashboard-top, .mini-label, .dashboard-intro h2 > span, .dashboard-intro p, .dashboard-checks, .metric-card { opacity: 1 !important; transform: none !important; filter: none !important; animation: none !important; }
  .hero h1 em, .analytics-head strong, .chart-months span { animation: none !important; }
}