/* DAGNIX — Futuristic responsive landing page */
:root{
  --bg:#030711;--bg2:#071225;--panel:#0a1428;--text:#f7f9ff;--muted:#9aa8c0;
  --line:rgba(150,180,255,.14);--blue:#159cff;--cyan:#24e7ff;--violet:#8a4dff;--pink:#d73cff;
  --radius:22px;--container:1440px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;background:var(--bg);color:var(--text);line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.container{width:min(var(--container),calc(100% - 48px));margin:auto}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.site-header{position:absolute;top:0;left:0;width:100%;z-index:10;border-bottom:1px solid rgba(255,255,255,.08)}
.nav{height:76px;display:flex;align-items:center;gap:46px}
.logo{font:700 26px/1 "Space Grotesk",sans-serif;letter-spacing:-1.8px}
.logo span{color:#24cfff}
.main-nav{display:flex;gap:34px;margin-left:auto}
.main-nav a{font-size:14px;color:#c4cede;transition:.25s}
.main-nav a:hover{color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 23px;border-radius:12px;font-weight:700;font-size:14px;transition:.25s;border:1px solid transparent}
.btn:hover{transform:translateY(-2px)}
.btn-gradient{background:linear-gradient(110deg,#096cff,#18cfff 55%,#a23bff);box-shadow:0 12px 35px rgba(21,156,255,.2)}
.btn-outline{border-color:rgba(190,205,255,.38);background:rgba(255,255,255,.025)}
.btn-small{min-height:42px;padding:0 18px;border-radius:10px}
.menu-toggle{display:none;background:none;border:0;color:#fff}
.menu-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px}
.footer{background:#02060d;color:#fff;padding-top:65px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:50px;padding-bottom:55px}.footer-brand p{color:#8290a6;font-size:12px;margin:17px 0}.footer-grid h4{font:600 13px "Space Grotesk";margin-bottom:16px}.footer-grid>div:not(.footer-brand)>a{display:block;color:#8491a7;font-size:14px;margin:10px 0}.footer-grid>div:not(.footer-brand)>a:hover{color:#fff}.socials{display:flex;gap:8px}.socials a{width:32px;height:32px;border:1px solid #263449;border-radius:8px;display:grid;place-items:center;font-size:11px;color:#9aa9bf}.footer-grid p{color:#8290a6;font-size:14px}.footer-email{color:#3fc8ff!important;font-weight:700;margin-top:17px!important}.footer-bottom{border-top:1px solid #141e2d;min-height:60px;display:flex;align-items:center;justify-content:space-between;color:#647188;font-size:14px}.footer-bottom div{display:flex;gap:20px}.footer-bottom a:hover{color:#fff}
footer a.logo img {width: 80%;}
@media(max-width:780px){
  .container{width:min(var(--container),calc(100% - 32px))}
  .site-header{background:rgba(3,7,17,.8);backdrop-filter:blur(12px)}.nav{height:68px}.menu-toggle{display:block;margin-left:auto}.nav-cta{display:none}.main-nav{position:absolute;left:16px;right:16px;top:62px;display:none;flex-direction:column;gap:0;padding:10px;background:#081225;border:1px solid var(--line);border-radius:14px}.main-nav.open{display:flex}.main-nav a{padding:13px 14px}.hero{min-height:900px}.hero-inner{grid-template-columns:1fr;padding-top:120px;min-height:900px}.hero h1{font-size:48px;letter-spacing:-2.5px}.hero-text{font-size:15px}.hero-points{margin-top:30px}.hero-points>div{padding-right:14px;margin-right:14px}.hero-visual{height:390px;transform:none;margin:0}.globe{width:270px;height:270px}.ring-a{width:380px;height:180px}.ring-b{width:320px;height:320px}.float-card{font-size:9px;padding:8px 10px}.card-web{top:50px;left:0}.card-mobile{top:48px;right:0}.card-software{bottom:65px;left:0}.card-api{bottom:63px;right:0}.platform{bottom:12px}.section{padding:75px 0}.section-heading.split,.why-grid{grid-template-columns:1fr;gap:20px}.section-heading>p,.section-heading.split>p{justify-self:start}.section-heading h2,.why h2{font-size:37px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0}.benefits{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr;gap:28px}.step:not(:last-child):after{content:"↓";right:50%;top:auto;bottom:-25px}.work-grid{grid-template-columns:1fr}.project-art{height:220px}.testimonial-grid{grid-template-columns:1fr}.cta{padding:70px 0}.cta-inner{display:block}.cta-actions{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}
}
@media(max-width:480px){
    .footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{display:block;padding:18px 0}.footer-bottom div{margin-top:9px}.cta-actions .btn{width:100%}
}
a.logo img {
    width: 100%;
    height: 55px;
    margin-top: 5px;
}



/* =========================================
   DAGNIX INNER PAGE HERO
   ========================================= */

.dagnix-inner-hero {
    position: relative;
    /*min-height: 420px;*/
    padding: 70px 0 90px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 75% 35%,
            rgba(21,156,255,.12),
            transparent 32%
        ),
        radial-gradient(
            circle at 25% 70%,
            rgba(138,77,255,.08),
            transparent 30%
        ),
        #030711;
}

.dagnix-inner-hero .container {
    position: relative;
    z-index: 2;
}

.dagnix-inner-hero .eyebrow {
    margin-bottom: 18px;
}

.dagnix-inner-hero h1 {
    margin: 0;
    font-family: "Space Grotesk", sans-serif;
    font-size: clamp(48px, 6vw, 78px);
    line-height: 1;
    letter-spacing: -2px;
    color: #f7f9ff;
    text-align: center;
}

.dagnix-inner-hero-text {
    max-width: 680px;
    margin: 22px 0 0;
    color: #9aa8c0;
    font-size: 17px;
    line-height: 1.7;
}


/* Mobile */

@media (max-width: 780px) {

    .dagnix-inner-hero {
        /*min-height: 360px;*/
        padding: 70px 0 70px;
    }

    .dagnix-inner-hero h1 {
        font-size: 48px;
        letter-spacing: -1.5px;
    }

    .dagnix-inner-hero-text {
        font-size: 15px;
    }

}

@media (max-width: 480px) {

    .dagnix-inner-hero {
        /*min-height: 330px;*/
        padding: 70px 0 60px;
    }

    .dagnix-inner-hero h1 {
        font-size: 42px;
    }

}