/*
Theme Name: Prinik Dreams
Theme URI: https://prinikdreams.com/
Author: Prinik Dreams
Description: A modern dark navy, electric yellow and violet digital marketing agency theme inspired by the supplied Prinik Dreams design. Includes 14 prebuilt pages, responsive layouts, service sections, case studies, blog cards, contact form styling and reusable CTA components.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: prinik-dreams
*/
:root{--navy:#06152f;--navy2:#081f42;--yellow:#ffd900;--purple:#5224d8;--violet:#7c3cff;--white:#fff;--muted:#b9c4d7;--line:rgba(255,255,255,.13);--card:#0b2348;--shadow:0 22px 55px rgba(0,0,0,.28);--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}.container{width:min(1160px,92%);margin:auto}.site-main{min-height:70vh}.eyebrow{color:var(--yellow);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.section{padding:78px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.section-head h2{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.08}.section-head p{max-width:650px;color:var(--muted);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--yellow);color:#10172a;border:0;border-radius:8px;padding:13px 19px;font-weight:900;transition:.2s;box-shadow:0 10px 24px rgba(255,217,0,.16)}.btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.btn.alt{background:var(--purple);color:#fff}.btn.outline{background:transparent;color:#fff;border:1px solid var(--line);box-shadow:none}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:linear-gradient(145deg,rgba(16,44,84,.96),rgba(7,26,57,.96));border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow)}.card h3{margin:12px 0 8px}.muted{color:var(--muted)}.icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#6e35f4,#4d20bf);color:#fff;font-size:1.25rem;font-weight:900}.site-header{position:sticky;top:0;z-index:100;background:rgba(4,16,37,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:10px;font-weight:900}.logo-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,var(--yellow),#f5a900);color:#0a1830;display:grid;place-items:center;font-weight:1000;font-size:1.05rem;box-shadow:0 0 25px rgba(255,217,0,.22)}.logo small{display:block;color:var(--yellow);font-size:.6rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase}.nav{display:flex;align-items:center;gap:19px;font-size:.79rem;font-weight:700}.nav a{color:#e7edf8}.nav a:hover,.nav .current-menu-item>a{color:var(--yellow)}.menu-toggle{display:none;background:none;color:#fff;border:0;font-size:1.7rem}.hero{position:relative;overflow:hidden;padding:82px 0 65px;background:radial-gradient(circle at 70% 25%,rgba(124,60,255,.25),transparent 30%),linear-gradient(180deg,#071a38,#06152f)}.hero:after{content:"";position:absolute;inset:auto -10% -130px;height:280px;background:linear-gradient(145deg,transparent 25%,rgba(124,60,255,.24) 25%,rgba(82,36,216,.55) 55%,transparent 55%);transform:skewY(-6deg);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:44px;position:relative;z-index:1}.hero h1{font-size:clamp(2.8rem,5.8vw,5.2rem);line-height:.98;margin:14px 0 20px;letter-spacing:-.04em}.hero h1 span{color:var(--yellow)}.hero p{font-size:1.06rem;color:#c5d0e1;max-width:650px}.hero-art{min-height:420px;display:grid;place-items:center;position:relative}.person-card{width:min(430px,92%);aspect-ratio:1/.9;border-radius:30px;background:linear-gradient(145deg,#162e55,#071a39);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.4);position:relative;overflow:hidden}.person-card:before{content:"";position:absolute;width:250px;height:250px;background:linear-gradient(145deg,#6d39f4,#2c147f);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);top:38px;right:-45px;opacity:.85}.person-silhouette{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:220px;height:290px;background:linear-gradient(180deg,#202f4c,#070e1e);border-radius:110px 110px 25px 25px;box-shadow:0 0 0 8px rgba(255,255,255,.02)}.person-silhouette:before{content:"";position:absolute;width:92px;height:105px;border-radius:50%;background:#c68c72;top:-70px;left:64px}.person-silhouette:after{content:"";position:absolute;width:130px;height:75px;border-radius:70% 70% 20% 20%;background:#151a28;top:-78px;left:45px}.laptop{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);width:280px;height:135px;border-radius:9px;background:linear-gradient(145deg,#c7d1dc,#6f7c8a);border:7px solid #202b39;z-index:3}.laptop:after{content:"";position:absolute;bottom:-22px;left:-30px;width:340px;height:20px;border-radius:50%;background:#8d9baa}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:40px}.stat{text-align:center;padding:17px 8px;border-top:1px solid var(--line)}.stat strong{display:block;font-size:1.8rem;color:#fff}.stat span{font-size:.72rem;color:var(--muted)}.service-card{min-height:180px;position:relative;overflow:hidden}.service-card:after{content:"→";position:absolute;right:20px;bottom:16px;color:var(--yellow);font-size:1.2rem}.service-card p{font-size:.86rem}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}.visual{border-radius:20px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,#0c2851,#071b3a);min-height:350px;position:relative}.visual .city{position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(180deg,transparent,rgba(3,10,22,.5)),repeating-linear-gradient(90deg,#0a2b4d 0 35px,#0d345b 35px 70px);clip-path:polygon(0 55%,5% 40%,10% 58%,15% 28%,20% 50%,27% 20%,34% 50%,42% 10%,49% 45%,57% 25%,64% 55%,72% 15%,79% 45%,87% 30%,94% 50%,100% 35%,100% 100%,0 100%)}.visual .arrow{position:absolute;right:10%;top:20%;font-size:7rem;color:var(--violet);transform:rotate(-20deg);text-shadow:0 0 25px #8a4cff}.checklist{display:grid;gap:12px;padding:0;margin:24px 0;list-style:none}.checklist li:before{content:"✓";color:var(--yellow);font-weight:900;margin-right:10px}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:7px 12px;border-radius:30px;background:#102b55;border:1px solid var(--line);font-size:.78rem}.case-card,.post-card,.industry-card{overflow:hidden;padding:0}.case-image,.post-image,.industry-image{height:190px;background:linear-gradient(135deg,#18385f,#4e20bc);position:relative}.case-image:after,.post-image:after,.industry-image:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(255,217,0,.3),transparent 25%),linear-gradient(180deg,transparent,rgba(3,12,27,.6))}.case-body,.post-body,.industry-body{padding:21px}.industry-image{height:150px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}.form-card input,.form-card textarea,.form-card select{width:100%;background:#f8fbff;border:1px solid #d9e0ea;color:#12213c;border-radius:8px;padding:12px;margin-bottom:12px}.form-card textarea{min-height:130px;resize:vertical}.contact-item{display:flex;gap:14px;margin:18px 0}.contact-item .icon{flex:0 0 42px;width:42px;height:42px}.cta{padding:58px 0;background:linear-gradient(135deg,#5320db,#29117a);position:relative;overflow:hidden}.cta:after{content:"";position:absolute;inset:auto -10% -90px;height:190px;background:linear-gradient(155deg,transparent 30%,rgba(7,25,55,.75) 30%,rgba(7,25,55,.95) 62%,transparent 62%);transform:skewY(-6deg)}.cta-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{font-size:clamp(2rem,4vw,3rem);margin:0}.site-footer{background:#031127;padding:50px 0 25px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:35px}.site-footer h4{margin-top:0}.site-footer ul{padding:0;margin:0;list-style:none;display:grid;gap:8px;color:var(--muted);font-size:.88rem}.footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:18px;color:#8fa0ba;font-size:.78rem;display:flex;justify-content:space-between;gap:15px}.page-hero{padding:70px 0 45px;text-align:center;background:radial-gradient(circle at 50% 10%,rgba(124,60,255,.28),transparent 32%)}.page-hero h1{font-size:clamp(2.4rem,5vw,4rem);margin:8px 0 10px}.page-hero p{max-width:700px;margin:auto;color:var(--muted)}.number-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.number-list div{display:flex;gap:13px;align-items:flex-start}.number-list b{color:var(--yellow);font-size:1.3rem}.faq{border-top:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:800}.site-main .entry-content{color:#dce5f4}.site-main .entry-content h2,.site-main .entry-content h3{color:#fff}.search-form{display:flex;gap:8px}.search-form input{flex:1;padding:11px;border-radius:8px;border:1px solid var(--line);background:#0c2447;color:#fff}.mobile-cta{display:none}
@media(max-width:980px){.nav{display:none}.menu-toggle{display:block}.mobile-cta{display:inline-flex}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.hero{padding-top:55px}.hero-art{min-height:360px}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.section{padding:55px 0}.header-inner{height:64px}.logo small{display:none}.hero h1{font-size:2.7rem}.stats{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3,.grid-4,.number-list{grid-template-columns:1fr}.section-head{display:block}.section-head .btn{margin-top:15px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom>*{margin:7px 0}.cta-inner{display:block}.cta-inner .btn{margin-top:18px}.person-card{width:100%}}
