/*
Theme Name: Spring Digitals Premium
Author: Spring Digitals
Description: Premium animated business and digital agency theme.
Version: 1.0
Text Domain: spring-digitals-premium
*/
:root{--bg:#030711;--bg2:#071326;--card:#0b1629;--green:#a8cf42;--pink:#df167d;--pink2:#ff5bab;--blue:#00aaff;--white:#fff;--text:#d7deeb;--muted:#8d9aae}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-5;background:radial-gradient(circle at 15% 20%,rgba(168,207,66,.10),transparent 25%),radial-gradient(circle at 85% 30%,rgba(223,22,125,.12),transparent 28%),radial-gradient(circle at 50% 80%,rgba(0,170,255,.10),transparent 35%);pointer-events:none}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1200px,88%);margin:auto}
.site-header{position:fixed;top:0;left:0;width:100%;height:82px;z-index:1000;background:rgba(3,7,17,.75);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:55px;height:55px;object-fit:contain}.brand-text{font-size:22px;font-weight:800}.brand-text .spring{color:var(--green)}.brand-text .digital{color:var(--pink2)}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:28px}.main-nav a{font-size:14px;color:#d9e0eb;transition:.3s}.main-nav a:hover{color:var(--green)}.quote-btn{padding:13px 22px;border-radius:50px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(90deg,rgba(168,207,66,.15),rgba(223,22,125,.35));transition:.3s}.quote-btn:hover{transform:translateY(-3px);box-shadow:0 0 30px rgba(223,22,125,.35)}
.hero{min-height:100vh;padding:145px 0 80px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px}.hero-tag{display:inline-block;padding:10px 18px;border-radius:30px;margin-bottom:25px;color:#d7f56b;font-size:13px;background:rgba(168,207,66,.08);border:1px solid rgba(168,207,66,.25)}.hero h1{font-size:clamp(55px,7vw,100px);line-height:.92;letter-spacing:-4px;margin:0 0 28px}.green{color:var(--green)}.pink{color:var(--pink2)}.hero p{font-size:17px;line-height:1.8;color:var(--text);max-width:590px}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 26px;border-radius:50px;font-weight:bold;transition:.35s}.btn-primary{background:linear-gradient(90deg,var(--green),#d7f56b);color:#07100c;box-shadow:0 10px 35px rgba(168,207,66,.20)}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 15px 50px rgba(168,207,66,.38)}.btn-secondary{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.04)}.btn-secondary:hover{border-color:var(--pink);background:rgba(223,22,125,.12)}
.hero-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:470px;height:470px;border-radius:50%;border:1px solid rgba(0,170,255,.3);box-shadow:0 0 60px rgba(0,170,255,.15),inset 0 0 60px rgba(223,22,125,.08);animation:spin 14s linear infinite}.orbit:before,.orbit:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--pink);box-shadow:0 0 25px var(--pink)}.orbit:before{top:20px;left:50%}.orbit:after{bottom:20px;right:50%;background:var(--green);box-shadow:0 0 25px var(--green)}.logo-core{width:330px;height:330px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(8,20,38,.85),rgba(3,7,17,.95));box-shadow:0 0 60px rgba(0,170,255,.15),0 0 100px rgba(223,22,125,.12)}.logo-core img{width:250px;animation:float 5s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(168,207,66,.22))}
.floating{position:absolute;padding:14px 19px;border-radius:15px;background:rgba(10,20,40,.78);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(15px);animation:floatCard 5s ease-in-out infinite}.floating.one{top:60px;right:0;color:#d7f56b}.floating.two{bottom:70px;left:0;color:var(--pink2);animation-delay:1.5s}
.marquee{overflow:hidden;padding:22px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:#050b17}.marquee-track{display:flex;width:max-content;animation:marquee 25s linear infinite}.marquee-item{font-size:21px;font-weight:bold;color:rgba(255,255,255,.55);padding:0 28px;white-space:nowrap}.marquee-item span{color:var(--pink)}
.section{padding:110px 0}.label{color:var(--green);font-size:12px;font-weight:bold;letter-spacing:4px;text-transform:uppercase;margin-bottom:18px}.section-title{font-size:clamp(40px,5vw,70px);line-height:1.05;max-width:800px;margin:0 0 55px}
.services{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.service{min-height:255px;padding:28px;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,rgba(17,33,60,.9),rgba(5,12,25,.8));border:1px solid rgba(255,255,255,.09);transition:.45s}.service:hover{transform:translateY(-12px);border-color:rgba(168,207,66,.6);box-shadow:0 20px 50px rgba(0,0,0,.4)}.num{color:var(--pink2);font-size:13px;margin-bottom:52px}.icon{font-size:35px;margin-bottom:18px}.service h3{font-size:21px;margin:0 0 12px}.service p,.project p{color:var(--muted);font-size:14px;line-height:1.7}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.08);border-radius:25px;overflow:hidden}.stat{padding:40px 25px;text-align:center;background:rgba(4,10,22,.7);border-right:1px solid rgba(255,255,255,.08)}.stat:last-child{border-right:0}.stat h2{font-size:48px;color:#d7f56b;margin:0}.stat:nth-child(even) h2{color:var(--pink2)}.stat p{color:var(--muted);margin:10px 0 0}
.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.project{min-height:390px;padding:40px;border-radius:30px;position:relative;overflow:hidden;background:linear-gradient(145deg,#0d1c32,#050a14);border:1px solid rgba(255,255,255,.08);transition:.45s}.project:hover{transform:scale(1.02)}.project:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(168,207,66,.22),transparent 70%);top:-80px;right:-80px}.project:nth-child(even):before{background:radial-gradient(circle,rgba(223,22,125,.25),transparent 70%)}.project h3,.project p{position:relative;z-index:1}.project h3{font-size:35px;margin:0}
.cta-box{text-align:center;padding:100px 30px;border-radius:40px;background:radial-gradient(circle at top,rgba(223,22,125,.18),transparent 35%),radial-gradient(circle at bottom,rgba(168,207,66,.14),transparent 40%),#07101e;border:1px solid rgba(255,255,255,.08)}.cta-box h2{font-size:clamp(50px,7vw,105px);line-height:.95;margin:0 0 25px}.cta-box p{color:var(--muted);font-size:18px;margin-bottom:32px}
.site-footer{padding:45px 0;border-top:1px solid rgba(255,255,255,.08);color:var(--muted)}.footer-wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:50px}.scroll-top{position:fixed;right:24px;bottom:24px;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--pink),#9d1cff);box-shadow:0 10px 30px rgba(223,22,125,.4);z-index:999}
.reveal{opacity:0;transform:translateY(55px);transition:1s cubic-bezier(.2,.8,.2,1)}.reveal.active{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px) scale(1.03)}}@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1100px){.services{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.main-nav,.quote-btn{display:none}.hero{grid-template-columns:1fr;padding-top:125px}.hero-visual{min-height:390px}.orbit{width:350px;height:350px}.logo-core{width:250px;height:250px}.logo-core img{width:190px}.services{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.projects{grid-template-columns:1fr}.footer-wrap{flex-direction:column;align-items:flex-start}.section{padding:80px 0}.hero h1{letter-spacing:-2px}.floating.one{right:5px}.floating.two{left:5px}}