:root{--bg: #05060a;--bg-soft: #0b0d14;--panel: #0f111a;--accent: #7cf5ff;--accent-2: #ff5ea8;--text: #f5f6fb;--muted: #96a0b5;--border: #1a1d26;--glow: 0 0 40px rgba(124, 245, 255, .4);--radius: 18px;--font-display: "Space Grotesk", "Sora", system-ui, -apple-system, sans-serif;--font-mono: "DM Mono", "JetBrains Mono", ui-monospace, SFMono-Regular}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v16/V8mDoQDjQSkFtoL2ZHQjllHc.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:#05060a;color:var(--text);font-family:var(--font-display);min-height:100vh;overflow-x:hidden}body:before,body:after{content:"";position:fixed;inset:-10%;z-index:-2;background:radial-gradient(circle at 20% 20%,rgba(124,245,255,.07),transparent 26%),radial-gradient(circle at 80% 10%,rgba(255,94,168,.1),transparent 24%),radial-gradient(circle at 50% 80%,rgba(60,120,255,.08),transparent 32%),linear-gradient(120deg,#05060a,#090b12,#05060a);filter:blur(0px);animation:bg-shift 18s ease-in-out infinite alternate;pointer-events:none}body:after{z-index:-3;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 1px,transparent 1px,transparent 80px),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 1px,transparent 1px,transparent 80px);opacity:.35;animation:grid-move 24s linear infinite}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit}.container{width:min(1180px,92vw);margin:0 auto}.grid{display:grid;gap:1.5rem}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.4rem;border-radius:999px;border:1px solid var(--border);color:var(--text);background:linear-gradient(120deg,#101321,#0b0d14);transition:all .22s ease;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#7cf5ff24,#ff5ea82e);opacity:0;transition:opacity .22s ease}.btn span,.btn i{position:relative;z-index:1}.btn:hover{border-color:#7cf5ff66;box-shadow:var(--glow);transform:translateY(-2px)}.btn:hover:after{opacity:1}.btn-secondary{background:transparent;border-color:#ffffff1f}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border-radius:999px;background:#7cf5ff1f;color:var(--accent);letter-spacing:.02em;font-size:.78rem;text-transform:uppercase;border:1px solid rgba(124,245,255,.25)}.section{padding:clamp(3rem,8vw,6.5rem) 0}.section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2.5rem}.section-title{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em;line-height:1.05}.section-subtitle{color:var(--muted);max-width:600px;margin-top:.6rem}.panel{background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.glass{background:linear-gradient(145deg,#ffffff0d,#ffffff03);border:1px solid rgba(255,255,255,.07);box-shadow:0 10px 60px #00000059}.highlight{color:var(--accent)}.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;border-radius:999px;background:#ffffff0f;color:var(--muted);border:1px solid rgba(255,255,255,.08);font-size:.8rem}.blur-blob{position:absolute;width:520px;height:520px;filter:blur(120px);opacity:.35;z-index:0}.blur-blob.pink{background:#ff5ea8;top:-140px;right:-140px}.blur-blob.cyan{background:#48f2ff;bottom:-120px;left:-160px}@keyframes bg-shift{0%{transform:translateZ(0)}to{transform:translate3d(-2%,3%,0)}}@keyframes grid-move{0%{background-position:0 0,0 0}to{background-position:160px 0,0 160px}}@media(max-width:860px){.section-header{flex-direction:column;align-items:flex-start}}.page{position:relative}.navbar{position:fixed;top:0;left:0;width:100%;z-index:20;padding:1rem 0;pointer-events:none}.navbar .container{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-radius:14px;background:#090b12b8;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:all}.brand{display:flex;align-items:center;gap:.7rem;font-weight:700;letter-spacing:-.03em}.brand-badge{width:38px;height:38px;border-radius:10px;background:linear-gradient(140deg,#48f2ff,#ff5ea8);display:grid;place-items:center;color:#05060a;font-weight:800;box-shadow:0 8px 26px #00000059;overflow:hidden}.brand-img{background:#111;background-image:url(https://dfnetwork.in/FILES/df.png);background-size:cover;background-position:center}.nav-links{display:flex;align-items:center;gap:1rem}.nav-links a{color:var(--muted);padding:.65rem 1rem;border-radius:999px;transition:color .2s ease,background .2s ease}.nav-links a:hover{color:var(--text);background:#ffffff0f}.menu-toggle{width:46px;height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;display:grid;place-items:center;color:var(--text);cursor:pointer}.menu-overlay{position:fixed;inset:0;background:#05060acc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:19;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .22s ease}.menu-overlay.active{opacity:1;pointer-events:all}.menu-card{width:min(640px,90vw);background:#0c0e16e6;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2rem;box-shadow:0 24px 80px #00000073}.menu-card h3{margin:0 0 1rem;letter-spacing:-.02em}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.menu-item{padding:1rem 1.2rem;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:#ffffff08;transition:transform .2s ease,border .2s ease}.menu-item:hover{border-color:#7cf5ff80;transform:translateY(-3px)}.menu-item .tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.menu-item .tags span{font-size:.78rem;color:var(--muted);background:#ffffff0d;padding:.2rem .55rem;border-radius:10px}.footer{padding:3rem 0 4rem;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff05,#fff0)}.footer .top{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.footer .top h3{margin:0}.footer .links{display:flex;gap:1.2rem}.footer small{color:var(--muted)}@media(max-width:780px){.nav-links{display:none}}.hero{position:relative;min-height:92vh;padding-top:6.5rem;overflow:hidden}.hero .container{position:relative;z-index:2;display:grid;gap:2rem}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}.hero h1{font-size:clamp(2.8rem,6vw,4.8rem);line-height:1.05;letter-spacing:-.04em;margin:0 0 1rem}.hero p.lead{color:var(--muted);font-size:1.05rem;max-width:540px}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin:1.6rem 0}.hero-stats{display:flex;gap:1.3rem;flex-wrap:wrap}.stat-card{padding:1rem 1.1rem;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;min-width:140px}.stat-card .value{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.stat-card .label{color:var(--muted)}.hero-visual{position:relative;height:clamp(320px,55vh,520px);border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 30% 20%,rgba(124,245,255,.2),transparent 40%),radial-gradient(circle at 70% 50%,rgba(255,94,168,.2),transparent 45%),#0a0c14}.hero-visual canvas{width:100%;height:100%;display:block}.layered-stack{display:grid;gap:1rem}.layer-card{padding:1.2rem 1.3rem;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);display:flex;gap:.9rem;align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.layer-card .dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(140deg,var(--accent),var(--accent-2));box-shadow:var(--glow)}.layer-card h4{margin:0;font-size:1rem}.layer-card p{margin:.15rem 0 0;color:var(--muted);font-size:.95rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem}.service-card{position:relative;padding:1.4rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,#ffffff0f,#ffffff05);overflow:hidden;transition:transform .2s ease,border .2s ease,background .2s ease}.service-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(124,245,255,.12),transparent 45%),radial-gradient(circle at 80% 60%,rgba(255,94,168,.12),transparent 45%);opacity:.6;pointer-events:none;transition:opacity .2s ease,transform .4s ease}.service-card:hover{transform:translateY(-6px);border-color:#7cf5ff99;background:linear-gradient(160deg,#7cf5ff1f,#ffffff05);box-shadow:0 20px 60px #00000059}.service-card:hover:after{opacity:.9;transform:translateY(-6px)}.service-card .badge{margin-bottom:.6rem}.service-card h3{margin:0 0 .35rem;letter-spacing:-.02em}.service-card p{color:var(--muted);line-height:1.6}.service-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin:.8rem 0 .4rem}.service-meta span{padding:.25rem .7rem;border-radius:999px;background:#ffffff0d;color:var(--muted);font-size:.85rem}.price-tag{margin-top:.8rem;font-weight:700}.projects-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-card{position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#0a0c14;min-height:280px;transition:transform .22s ease,border .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-6px);border-color:#7cf5ff8c;box-shadow:0 20px 60px #00000059}.project-media{position:relative;overflow:hidden;height:210px}.project-media img,.project-media .fallback{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.project-card:hover .project-media img{transform:scale(1.05) rotate(-.5deg)}.project-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 10%,rgba(5,6,10,.7) 100%);display:flex;align-items:flex-end;padding:1rem}.project-type{padding:.4rem .8rem;border-radius:12px;background:#ffffff1f;color:var(--text);font-size:.9rem}.project-body{padding:1.1rem 1.2rem 1.3rem}.project-body h3{margin:0 0 .35rem}.project-body p{margin:0 0 .7rem;color:var(--muted);line-height:1.55}.coming-soon{background:linear-gradient(120deg,#ff5ea81f,#7cf5ff14)}.featured-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.featured-item{position:relative;padding:1rem;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#ffffff08;transition:transform .2s ease}.featured-item:hover{transform:translateY(-4px)}.featured-thumb{position:relative;height:180px;border-radius:14px;overflow:hidden;margin-bottom:.9rem}.featured-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.featured-item:hover img{transform:scale(1.04)}.featured-tags{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--muted)}.chatbot{position:relative;border-radius:20px;padding:1.5rem;background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);overflow:hidden}.chat-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.chat-log{min-height:180px;max-height:340px;overflow:auto;padding:1rem;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#05060a99;display:grid;gap:.8rem}.chat-bubble{padding:.85rem 1rem;border-radius:14px;max-width:90%;line-height:1.5}.bot{background:#7cf5ff1f;color:var(--text);border:1px solid rgba(124,245,255,.4)}.user{background:#ffffff14;color:var(--text);margin-left:auto}.chat-input{display:flex;gap:.6rem;margin-top:1rem}.chat-input input,.chat-input select{flex:1;padding:.9rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text)}.chat-input button{border:none;background:linear-gradient(120deg,#48f2ff,#ff5ea8);color:#05060a;padding:.95rem 1.2rem;border-radius:12px;cursor:pointer;font-weight:700}.cookie-banner{position:fixed;bottom:1.5rem;right:1.5rem;width:min(420px,92vw);z-index:18;background:#0c0e16eb;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.2rem 1.2rem 1.4rem;box-shadow:0 18px 60px #00000073}.cookie-actions{display:flex;gap:.6rem;margin-top:.8rem;flex-wrap:wrap}.cursor{position:fixed;top:0;left:0;width:18px;height:18px;border:2px solid rgba(124,245,255,.8);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:100;mix-blend-mode:difference}.cursor.secondary{width:42px;height:42px;border-width:1px;opacity:.35}.clients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.logo-tile{position:relative;padding:1rem 1.1rem;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;display:grid;gap:.4rem;align-items:center;justify-items:flex-start;overflow:hidden}.logo-tile:after{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--c) 50%,transparent),transparent 50%);opacity:.6;filter:blur(30px);animation:float 6s ease-in-out infinite alternate}.logo-mark{width:46px;height:46px;border-radius:12px;background:#ffffff0d;display:grid;place-items:center;font-weight:800;color:#05060a;box-shadow:0 10px 30px #00000059;overflow:hidden}.logo-name{position:relative;z-index:1;font-weight:700;letter-spacing:-.01em}.logo-mark img{width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.contact-info{display:grid;gap:.9rem}.contact-item{padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff08}.contact-item h4{margin:.15rem 0 .2rem}.contact-item p{margin:0;color:var(--muted)}.contact-form{padding:1.2rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#05060ab3;display:grid;gap:.8rem}.form-group{display:grid;gap:.35rem}.form-group label{color:var(--muted);font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.85rem .95rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text)}.form-group textarea{resize:vertical}@media(max-width:780px){.contact-grid{grid-template-columns:1fr}}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-12px)}}@media(max-width:980px){.hero-grid{grid-template-columns:1fr}}@media(max-width:640px){.hero h1{font-size:clamp(2.4rem,8vw,3.2rem)}.projects-grid,.services-grid{grid-template-columns:1fr}}