/*
Theme Name: Wolfix Digital
Theme URI: https://wolfixdigital.com
Author: Wolfix Digital
Description: Wolfix Digital landing page theme, styled to match the approved design. Elementor-compatible.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: wolfix-digital
*/

    :root{--bg:#080d1d;--panel:#10182d;--panel2:#0d1427;--text:#f5f7ff;--muted:#a7b1c8;--blue:#4f8cff;--cyan:#49d7ee;--line:rgba(180,200,255,.14);--white:#fff}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.6}
    a{color:inherit;text-decoration:none} button,input,textarea{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}
    .nav-wrap{position:sticky;top:0;z-index:20;background:rgba(8,13,29,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
    nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-family:"Space Grotesk",sans-serif;font-size:22px;font-weight:700;letter-spacing:-.7px}.brand-mark{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#071022;font-size:20px;font-weight:800;box-shadow:0 0 24px rgba(79,140,255,.25)}.brand span span{color:var(--cyan)}
    .nav-links{display:flex;align-items:center;gap:27px;color:#c2cbe0;font-size:14px}.nav-links a:hover{color:var(--cyan)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 19px;border-radius:12px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.2s;cursor:pointer}.nav-cta,.btn-primary{background:linear-gradient(110deg,var(--blue),#3977ee);color:white;box-shadow:0 10px 30px rgba(56,113,239,.2)}.nav-cta:hover,.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-secondary{border-color:var(--line);background:rgba(255,255,255,.03);color:#e8eeff}.btn-secondary:hover{border-color:rgba(73,215,238,.55)}
    .menu-toggle{display:none;background:none;border:1px solid var(--line);color:white;border-radius:10px;padding:8px 11px}
    .hero{position:relative;overflow:hidden;padding:88px 0 76px;background:radial-gradient(ellipse at 75% 25%,rgba(46,104,228,.19),transparent 40%),radial-gradient(ellipse at 12% 60%,rgba(41,194,224,.08),transparent 32%)}
    .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(73,215,238,.24);background:rgba(73,215,238,.07);padding:7px 12px;border-radius:100px;color:#8deafa;font-size:12px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
    h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Space Grotesk",sans-serif;line-height:1.12;letter-spacing:-1.2px}h1{font-size:clamp(42px,5.2vw,66px);margin:23px 0 20px;max-width:680px}h1 .gradient{background:linear-gradient(95deg,#fff 10%,#7cafff 55%,#61e5ed);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{font-size:17px;color:var(--muted);max-width:550px;line-height:1.8}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:30px 0 26px}.trust-line{display:flex;align-items:center;gap:12px;color:#aebbd4;font-size:13px}.trust-dots{display:flex}.trust-dots i{display:block;width:9px;height:9px;border-radius:50%;margin-right:4px;background:var(--cyan)}.trust-dots i:nth-child(2){background:var(--blue)}.trust-dots i:nth-child(3){background:#8c78ff}
    .visual{position:relative;min-height:430px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(105,156,255,.18);border-radius:50%;width:390px;height:390px}.orbit.two{width:300px;height:300px;border-style:dashed;animation:spin 36s linear infinite}.glow{position:absolute;width:270px;height:270px;background:linear-gradient(140deg,rgba(72,136,255,.32),rgba(73,215,238,.12));filter:blur(55px);border-radius:50%}.dashboard{position:relative;width:min(100%,440px);padding:23px;border-radius:24px;border:1px solid rgba(160,188,255,.22);background:linear-gradient(145deg,rgba(22,33,59,.96),rgba(10,18,36,.94));box-shadow:0 30px 80px rgba(0,0,0,.3);transform:rotate(-2deg)}.dash-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:12px;color:#b8c4de}.live{color:#70e6c0;background:rgba(112,230,192,.1);padding:5px 8px;border-radius:7px}.dash-label{font-size:12px;color:#a4b1ca;margin:20px 0 5px}.dash-number{font:700 35px "Space Grotesk",sans-serif}.dash-number span{font-size:14px;color:#6de5c1;margin-left:8px}.chart{height:112px;margin-top:13px;display:flex;align-items:end;gap:9px;border-bottom:1px solid var(--line);padding:0 4px}.chart b{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#56d8ec,#477bf5);opacity:.9}.chart b:nth-child(1){height:25%}.chart b:nth-child(2){height:38%}.chart b:nth-child(3){height:31%}.chart b:nth-child(4){height:52%}.chart b:nth-child(5){height:44%}.chart b:nth-child(6){height:64%}.chart b:nth-child(7){height:57%}.chart b:nth-child(8){height:82%}.chart b:nth-child(9){height:72%}.chart b:nth-child(10){height:100%}.dash-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.mini-stat{padding:13px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:12px}.mini-stat small{display:block;color:#9daac4;font-size:11px}.mini-stat strong{font-family:"Space Grotesk",sans-serif;font-size:19px}.float-tag{position:absolute;padding:12px 15px;background:#131f38;border:1px solid rgba(160,188,255,.2);border-radius:13px;box-shadow:0 15px 35px rgba(0,0,0,.22);font-size:12px;color:#dce8ff}.float-tag strong{display:block;font-size:14px}.tag-one{top:42px;right:-8px}.tag-two{bottom:35px;left:-20px}.tag-icon{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(73,215,238,.13);color:var(--cyan);margin-right:7px}
    .strip{border-block:1px solid var(--line);background:rgba(255,255,255,.018)}.strip-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:23px 0;color:#aab6cf;font-size:13px}.strip-inner span{display:flex;align-items:center;gap:9px}.strip-inner b{color:#edf3ff;font-weight:600}
    section{padding:88px 0}.section-head{text-align:center;max-width:690px;margin:0 auto 43px}.kicker{color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase}.section-head h2{font-size:clamp(31px,4vw,43px);margin:12px 0 14px}.section-head p{color:var(--muted);font-size:16px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{padding:27px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(19,29,52,.86),rgba(12,19,36,.8));border-radius:18px;transition:.25s}.service-card:hover{transform:translateY(-5px);border-color:rgba(73,215,238,.42)}.service-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,rgba(79,140,255,.22),rgba(73,215,238,.12));border:1px solid rgba(73,215,238,.18);font-size:22px;margin-bottom:21px}.service-card h3{font-size:20px;letter-spacing:-.5px;margin-bottom:11px}.service-card p{font-size:14px;color:var(--muted);margin-bottom:18px}.learn{color:#83dff2;font-weight:700;font-size:13px}
    .about{background:linear-gradient(180deg,rgba(18,28,51,.45),rgba(8,13,29,0))}.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:65px;align-items:center}.about-panel{padding:30px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(145deg,#121e38,#0b1224)}.about-panel h3{font-size:24px}.about-panel p{color:var(--muted);font-size:14px}.check-list{display:grid;gap:12px;margin-top:23px}.check{display:flex;gap:11px;align-items:flex-start;color:#dce5fa;font-size:14px}.check i{font-style:normal;color:#6de5c1;font-weight:800}.about-copy h2{font-size:clamp(31px,4vw,43px);margin:13px 0 18px}.about-copy>p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.feature{border-left:2px solid var(--cyan);padding-left:13px}.feature strong{display:block;font-size:15px}.feature span{font-size:12px;color:var(--muted)}
    .process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.step{padding:25px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025)}.step-no{font:700 13px "Space Grotesk",sans-serif;color:var(--cyan);margin-bottom:25px}.step h3{font-size:19px;margin-bottom:10px}.step p{font-size:14px;color:var(--muted);margin-bottom:0}
    .cta-band{padding:0 0 88px}.cta-box{position:relative;overflow:hidden;padding:48px;border:1px solid rgba(94,159,255,.3);border-radius:24px;background:radial-gradient(ellipse at 90% 20%,rgba(73,215,238,.15),transparent 40%),linear-gradient(110deg,#142343,#0e1830)}.cta-box h2{font-size:clamp(29px,4vw,42px);max-width:670px;margin-bottom:13px}.cta-box p{color:var(--muted);max-width:620px}.cta-box .btn{margin-top:13px}
    .contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.contact-copy h2{font-size:38px;margin:12px 0}.contact-copy p{color:var(--muted)}.contact-details{display:grid;gap:13px;margin-top:27px}.contact-item{display:flex;gap:12px;align-items:center;color:#dbe5fb;font-size:14px}.contact-item span{width:36px;height:36px;display:grid;place-items:center;background:rgba(79,140,255,.12);border-radius:10px;color:var(--cyan)}form{padding:27px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:7px;margin-bottom:15px}.field label{font-size:12px;color:#c5d0e5;font-weight:700}.field input,.field textarea,.field select{width:100%;border:1px solid rgba(180,200,255,.18);background:#0a1122;color:#f4f7ff;border-radius:10px;padding:12px 13px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--cyan)}.field textarea{min-height:100px;resize:vertical}.form-note{font-size:11px;color:#8998b5;margin:12px 0 0}
    footer{border-top:1px solid var(--line);padding:26px 0;color:#9eabc4;font-size:12px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:18px}.footer-links a:hover{color:var(--cyan)}
    @keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.nav-links{gap:15px}.hero-grid{gap:25px}.visual{min-height:370px}.orbit{width:320px;height:320px}.orbit.two{width:245px;height:245px}.services{grid-template-columns:repeat(2,1fr)}.about-grid{gap:30px}.tag-one{right:0}.tag-two{left:0}}
    @media(max-width:700px){.container{width:min(100% - 30px,560px)}nav{height:68px}.menu-toggle{display:block}.nav-cta{display:none}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;padding:20px 24px;background:#0b1224;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.hero{padding:55px 0 52px}.hero-grid{grid-template-columns:1fr}.hero-copy{font-size:15px}.hero-actions .btn{flex:1}.visual{min-height:360px;margin-top:3px}.dashboard{max-width:390px;padding:18px}.orbit{width:300px;height:300px}.orbit.two{width:230px;height:230px}.tag-one{top:15px;right:-2px}.tag-two{bottom:10px;left:-2px}section{padding:65px 0}.services,.process-grid{grid-template-columns:1fr}.service-card{padding:23px}.about-grid,.contact-grid{grid-template-columns:1fr}.about-panel{order:2}.about-copy{order:1}.feature-grid{gap:12px}.cta-band{padding-bottom:65px}.cta-box{padding:29px 23px}.form-row{grid-template-columns:1fr;gap:0}.contact-copy h2{font-size:33px}.strip-inner{justify-content:flex-start;gap:13px 22px}.footer-inner{align-items:flex-start;flex-direction:column}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}