/*
Theme Name: Rajara Portfolio V7
Author: B RAJARAVIKUMAR
Description: Premium black and lime portfolio WordPress theme.
Version: 7.3.0
License: GPL-2.0-or-later
Text Domain: rajara-portfolio
*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--lime:#C6FF33;--black:#101010;--black2:#171717;--white:#fff;--bg:#f5f4ef;--card:#fff;--text:#151515;--muted:#707070;--line:#e5e5df;--shadow:0 20px 60px rgba(16,16,16,.10);--ease:cubic-bezier(.2,.8,.2,1)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);font-family:'Manrope',sans-serif;color:var(--text);line-height:1.65;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(0,0,0,.04) .7px,transparent .7px);background-size:7px 7px;opacity:.22;z-index:-1}.container{width:min(1180px,calc(100% - 40px));margin:auto}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.site-noise{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* NAV */
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(16,16,16,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-inner{height:76px;display:flex;align-items:center;gap:28px}.logo{display:inline-flex;align-items:center;font-size:30px;font-weight:800;letter-spacing:-2px}.logo-b{color:#fff}.logo-r{color:var(--lime);background:var(--black);padding:0 5px;border-radius:5px}.nav-menu{margin-left:auto;display:flex;align-items:center;gap:30px;list-style:none}.nav-menu a{position:relative;color:#fff;font-size:14px;font-weight:700;opacity:.72;transition:.25s}.nav-menu a:hover,.nav-menu a.active{opacity:1;color:var(--lime)}.nav-menu a:after{content:'';position:absolute;left:0;bottom:-9px;width:0;height:2px;background:var(--lime);transition:.25s}.nav-menu a:hover:after,.nav-menu a.active:after{width:100%}.nav-cta{background:var(--lime);color:var(--black);padding:11px 16px;border-radius:999px;font-size:13px;font-weight:800;transition:.25s}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(198,255,51,.25)}.nav-toggle{display:none;background:none;border:0;flex-direction:column;gap:5px}.nav-toggle span{width:28px;height:3px;background:#fff;border-radius:4px;transition:.25s}
/* COMMON */
.section-space{padding:105px 0}.section-header{text-align:center;max-width:720px;margin:0 auto 48px}.section-header h2,.section-heading h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-1.8px;margin:12px 0}.section-header h2 span,.section-heading h2 span,.page-hero h1 span,.about-copy h2 span,.cta-box h2 span{background:var(--lime);padding:0 .15em;border-radius:8px;color:var(--black)}.section-header p,.intro-copy p{color:var(--muted)}.label{display:inline-block;text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:800;color:var(--black);background:rgba(198,255,51,.65);padding:7px 12px;border-radius:999px}.label-dark{background:var(--lime)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:14px 22px;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s,background .25s}.btn-primary{background:var(--lime);color:var(--black)}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(198,255,51,.3)}.btn-outline{border:1px solid #bdbdb6;color:var(--black);background:transparent}.btn-outline:hover{background:var(--black);color:#fff;border-color:var(--black);transform:translateY(-4px)}.btn-ghost{border:1px solid var(--line);background:#fff;color:var(--black)}.btn-sm{padding:10px 15px;font-size:12px}.text-link{font-weight:800;display:inline-flex;align-items:center;gap:8px}.text-link i{color:#777;transition:.2s}.text-link:hover i{transform:translateX(5px);color:var(--black)}.center-action{text-align:center;margin-top:40px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
/* HERO */
.hero{position:relative;overflow:hidden}.hero-home{min-height:760px;padding:145px 0 90px;background:linear-gradient(135deg,#f6f5ef,#fff)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:1.5px;margin-bottom:18px}.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 7px rgba(198,255,51,.2)}.greeting{font-size:17px;color:var(--muted);margin-bottom:8px}.hero h1{font-size:clamp(3.2rem,6.5vw,6.4rem);line-height:.95;letter-spacing:-5px;font-weight:800;margin-bottom:20px}.hero h1 span{color:var(--lime);background:var(--black);padding:0 .12em;border-radius:14px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.role{font-size:clamp(1.25rem,2.5vw,1.9rem);font-weight:800;color:#292929;margin-bottom:18px}.role b{color:#7d7d7d}.hero-lead{max-width:650px;color:var(--muted);font-size:17px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.hero-trust{display:flex;gap:20px;flex-wrap:wrap;color:#5d5d5d;font-size:12px;font-weight:700}.hero-trust i{color:#6e8e1d;margin-right:5px}.hero-visual{position:relative;min-height:570px;display:flex;align-items:center;justify-content:center}.profile-frame{position:relative;width:min(430px,80vw);aspect-ratio:4/5;border-radius:32px;overflow:hidden;background:var(--black);box-shadow:30px 35px 80px rgba(16,16,16,.18);transform:rotate(2deg);border:10px solid #fff}.profile-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(16,16,16,.35));pointer-events:none}.profile-frame img{width:100%;height:100%;object-fit:cover}.profile-glow{position:absolute;inset:-30px;background:var(--lime);filter:blur(70px);opacity:.45;z-index:-1}.floating-card{position:absolute;background:rgba(255,255,255,.94);backdrop-filter:blur(15px);border:1px solid rgba(0,0,0,.07);box-shadow:var(--shadow);border-radius:18px;padding:15px;display:flex;align-items:center;gap:12px;z-index:3}.floating-card strong{display:block;font-size:16px}.floating-card small,.floating-card span{display:block;color:#777;font-size:11px}.fc-top{top:17%;left:0;animation:float 5s ease-in-out infinite}.fc-bottom{bottom:12%;right:0;display:flex;flex-direction:column;align-items:flex-start;min-width:120px;animation:float 5s ease-in-out 1s infinite}.fc-bottom strong{font-size:30px}.fc-icon{width:40px;height:40px;display:grid;place-items:center;background:var(--lime);border-radius:12px;color:var(--black)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.orb-one{width:230px;height:230px;background:rgba(198,255,51,.28);right:-60px;top:110px}.orb-two{width:120px;height:120px;background:rgba(198,255,51,.18);left:5%;bottom:60px}
/* MARQUEE */
.marquee-strip{overflow:hidden;background:var(--black);color:#fff;border-top:1px solid #222;border-bottom:1px solid #222}.marquee-track{display:flex;gap:28px;white-space:nowrap;width:max-content;padding:18px 0;font-weight:800;letter-spacing:2px;font-size:13px;animation:marquee 24s linear infinite}.marquee-track i{color:var(--lime);font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}
/* INTRO / PROJECTS */
.intro-section{background:#fff}.section-heading h2{max-width:650px}.intro-copy{max-width:560px;font-size:17px}.intro-copy p{margin-bottom:20px}.projects-home{background:var(--bg)}.project-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.showcase-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:.35s var(--ease)}.showcase-card:hover{transform:translateY(-10px);box-shadow:var(--shadow)}.showcase-art{padding:18px;background:#e9e9e4}.browser{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 14px 35px rgba(0,0,0,.14);border:1px solid rgba(0,0,0,.08)}.browser-bar{height:30px;background:#181818;color:#fff;display:flex;align-items:center;gap:5px;padding:0 10px;font-size:9px}.browser-bar span{width:6px;height:6px;border-radius:50%;background:#666}.browser-bar b{margin-left:8px;opacity:.55;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-screen{min-height:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;gap:6px;background:linear-gradient(135deg,#f8f8f4,#fff)}.browser-screen i{font-size:34px;color:var(--black)}.browser-screen strong{font-size:14px}.browser-screen small{font-size:10px;color:#777}.browser-screen em{font-size:8px;font-style:normal;background:var(--lime);padding:4px 8px;border-radius:999px;font-weight:800;margin-top:8px}.art-1 .browser-screen{background:linear-gradient(135deg,#eaffad,#fff)}.art-2 .browser-screen{background:linear-gradient(135deg,#ffe7d8,#fff)}.art-3 .browser-screen{background:linear-gradient(135deg,#d9f6ff,#fff)}.showcase-info{padding:22px}.category{display:inline-block;color:#666;text-transform:uppercase;font-size:10px;letter-spacing:1px;font-weight:800;margin-bottom:8px}.showcase-info h3{font-size:20px;margin-bottom:7px}.showcase-info p{font-size:13px;color:var(--muted);margin-bottom:15px}.dark-section{background:var(--black);color:#fff}.section-header.light p{color:#aaa}.section-header.light h2{color:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process-card{position:relative;background:#171717;border:1px solid #292929;border-radius:20px;padding:26px;min-height:230px;transition:.3s}.process-card:hover{border-color:var(--lime);transform:translateY(-7px)}.process-card>b{position:absolute;right:18px;top:15px;color:#444;font-size:12px}.process-card i{display:grid;place-items:center;width:48px;height:48px;background:var(--lime);color:var(--black);border-radius:14px;margin-bottom:28px}.process-card h3{margin-bottom:7px}.process-card p{color:#9c9c9c;font-size:13px}.stats-section{padding:70px 0;background:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.stat-big{background:#fff;text-align:center;padding:30px}.stat-big strong{display:block;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-2px}.stat-big span{color:var(--muted);font-size:12px;font-weight:700}.cta-section{background:var(--bg)}.cta-box{background:var(--black);color:#fff;border-radius:30px;padding:50px 55px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:var(--shadow)}.cta-box h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;margin:10px 0}.cta-box p{color:#aaa;max-width:600px}
/* INNER HERO */
.page-hero{padding:150px 0 80px;background:var(--black);color:#fff;overflow:hidden}.page-hero h1{font-size:clamp(2.8rem,6vw,5.8rem);line-height:.98;letter-spacing:-4px;max-width:950px;margin:18px 0}.page-hero p{color:#aaa;font-size:17px}.page-hero h1 span{color:var(--black)}
/* ABOUT */
.about-page{background:#fff}.about-layout{align-items:center}.about-photo{position:relative}.about-photo img{width:100%;max-width:520px;aspect-ratio:4/5;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.photo-caption{position:absolute;left:20px;bottom:20px;background:rgba(16,16,16,.9);color:#fff;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:700}.photo-caption i{color:var(--lime);margin-right:6px}.about-copy h2{font-size:clamp(2.1rem,4vw,3.7rem);line-height:1.05;letter-spacing:-2px;margin:15px 0}.about-copy p{color:var(--muted);margin-bottom:15px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.mini-stats div{background:var(--bg);padding:15px;border-radius:15px}.mini-stats strong{display:block;font-size:24px}.mini-stats span{font-size:10px;color:#777}.skill-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:900px;margin:auto}.skill-pills span{padding:12px 18px;border:1px solid #303030;border-radius:999px;color:#ddd;font-size:13px;font-weight:700;transition:.25s}.skill-pills span:hover{background:var(--lime);border-color:var(--lime);color:var(--black);transform:translateY(-3px)}
/* PORTFOLIO */
.portfolio-grid-v7{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.portfolio-card{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;transition:.35s var(--ease)}.portfolio-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.portfolio-art{padding:22px;background:#e8e8e2}.portfolio-art .browser-screen{min-height:240px}.portfolio-art.art-1 .browser-screen{background:linear-gradient(135deg,#e7ff9a,#fff)}.portfolio-art.art-2 .browser-screen{background:linear-gradient(135deg,#ffe5d4,#fff)}.portfolio-art.art-3 .browser-screen{background:linear-gradient(135deg,#d7f7ff,#fff)}.portfolio-art.art-4 .browser-screen{background:linear-gradient(135deg,#e8dcff,#fff)}.portfolio-art.art-5 .browser-screen{background:linear-gradient(135deg,#ffe5ed,#fff)}.portfolio-art.art-6 .browser-screen{background:linear-gradient(135deg,#dfffdc,#fff)}.mock-lines{display:flex;gap:4px;margin-top:12px}.mock-lines i{display:block;width:28px;height:4px;background:#ddd;border-radius:99px}.portfolio-info{padding:25px}.portfolio-top{display:flex;justify-content:space-between;align-items:center}.project-status{font-size:9px;font-weight:900;letter-spacing:1px;background:#efffca;padding:5px 8px;border-radius:999px}.portfolio-info h3{font-size:24px;margin:5px 0}.portfolio-info p{font-size:14px;color:var(--muted);margin-bottom:15px}.tech{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.tech span{font-size:10px;background:var(--bg);padding:5px 9px;border-radius:999px;font-weight:700}.project-actions{display:flex;gap:8px;flex-wrap:wrap}
/* SERVICES */
.services-grid-v7{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card-v7{position:relative;background:#fff;border:1px solid var(--line);border-radius:25px;padding:30px;overflow:hidden;transition:.35s}.service-card-v7:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.service-card-v7.featured{border:2px solid var(--lime);box-shadow:0 12px 40px rgba(198,255,51,.15)}.popular{position:absolute;top:0;right:0;background:var(--lime);color:var(--black);padding:7px 13px;border-radius:0 0 0 15px;font-size:9px;font-weight:900;letter-spacing:1px}.service-icon{font-size:38px;margin-bottom:20px}.service-number{position:absolute;right:24px;top:28px;color:#d4d4ce;font-size:12px;font-weight:900}.service-card-v7 h3{font-size:24px}.service-card-v7 p{color:var(--muted);font-size:13px;margin:8px 0 18px}.service-card-v7 ul{list-style:none;border-top:1px solid var(--line);padding-top:15px;margin-bottom:22px}.service-card-v7 li{font-size:12px;padding:6px 0;color:#555}.service-card-v7 li:before{content:'✓';color:#71951e;font-weight:900;margin-right:7px}.service-price{font-size:30px;font-weight:900;margin-bottom:18px}.service-price small{font-size:11px;color:#888;font-weight:600}.included-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.included-grid>div{border:1px solid #2a2a2a;padding:24px;border-radius:18px}.included-grid i{font-size:24px;color:var(--lime);margin-bottom:20px}.included-grid h3{margin-bottom:7px}.included-grid p{color:#999;font-size:12px}
/* CONTACT */
.contact-v7{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.contact-panel,.contact-form-v7{background:#fff;border:1px solid var(--line);border-radius:25px;padding:35px}.contact-panel h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-1.5px;margin:14px 0}.contact-panel h2 span{background:var(--lime);border-radius:7px;padding:0 .1em}.contact-panel>p{color:var(--muted)}.contact-list{margin-top:28px;display:grid;gap:12px}.contact-list a,.contact-list>div{display:flex;align-items:center;gap:13px;padding:15px;background:var(--bg);border-radius:15px}.contact-list i{width:40px;height:40px;display:grid;place-items:center;background:var(--black);color:var(--lime);border-radius:12px}.contact-list span{font-size:12px;color:#777}.contact-list b{display:block;color:var(--black);font-size:11px;margin-bottom:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:12px;font-weight:800;margin-bottom:7px}.form-group input,.form-group textarea{width:100%;border:1px solid var(--line);background:var(--bg);border-radius:13px;padding:13px 14px;font:inherit;font-size:13px;outline:none;transition:.2s}.form-group input:focus,.form-group textarea:focus{border-color:#9dc62a;box-shadow:0 0 0 4px rgba(198,255,51,.16)}.form-message{padding:12px 14px;border-radius:12px;font-size:12px;font-weight:700;margin-bottom:15px}.form-message.success{background:#eaffbe}.form-message.error{background:#ffe2e2}.generic-page{min-height:300px;background:#fff;border:1px solid var(--line);padding:30px;border-radius:20px}
/* FOOTER */
.footer{background:var(--black);color:#fff;padding:75px 0 25px}.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:45px;padding-bottom:50px}.footer-logo{margin-bottom:15px}.footer-brand p{color:#999;font-size:13px;max-width:340px;margin-bottom:14px}.footer-mail{color:var(--lime);font-size:12px;font-weight:800}.footer h4{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:18px}.footer-links{display:flex;flex-direction:column;gap:9px}.footer-links a{color:#999;font-size:12px;transition:.2s}.footer-links a:hover{color:var(--lime);transform:translateX(3px)}.footer-connect p{color:#999;font-size:12px;margin-bottom:15px}.social-links{display:flex;gap:8px;margin-top:20px}.social-links a{width:38px;height:38px;border-radius:50%;background:#1d1d1d;display:grid;place-items:center;color:#fff;transition:.25s}.social-links a:hover{background:var(--lime);color:var(--black);transform:translateY(-4px)}.footer-bottom{border-top:1px solid #262626;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#666;font-size:10px}.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:900;background:#25D366;color:#fff;border-radius:999px;padding:12px 16px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;box-shadow:0 14px 35px rgba(0,0,0,.2);transition:.25s}.whatsapp-float:hover{transform:translateY(-4px)}.whatsapp-float i{font-size:18px}
/* ANIMATION */
.reveal{opacity:1;transform:none}.js-enabled .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.js-enabled .reveal.is-visible{opacity:1;transform:none}.reveal-delay{transition-delay:.14s!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-enabled .reveal{opacity:1;transform:none;transition:none}.marquee-track,.floating-card{animation:none}}
/* RESPONSIVE */
@media(max-width:980px){.nav-cta{display:none}.nav-menu{gap:20px}.hero-grid{gap:35px}.hero h1{letter-spacing:-3px}.process-grid{grid-template-columns:repeat(2,1fr)}.project-showcase{grid-template-columns:1fr 1fr}.services-grid-v7{grid-template-columns:1fr 1fr}.included-grid{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1.5fr 1fr 1fr}.footer-connect{grid-column:1/-1}.contact-v7{grid-template-columns:1fr}}
@media(max-width:720px){.container{width:min(100% - 28px,1180px)}.nav-inner{height:68px}.nav-menu{display:none;position:absolute;left:14px;right:14px;top:68px;background:#151515;border:1px solid #292929;border-radius:18px;padding:15px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 50px rgba(0,0,0,.3)}.nav-menu.active{display:flex}.nav-menu li a{display:block;padding:12px 10px}.nav-toggle{display:flex;margin-left:auto}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.hero-home{padding:120px 0 70px;min-height:auto}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(3rem,15vw,5rem);letter-spacing:-3px}.hero-visual{min-height:430px;order:-1}.profile-frame{width:78vw;max-width:360px}.fc-top{left:0;top:10%}.fc-bottom{right:0;bottom:7%}.two-col{grid-template-columns:1fr;gap:35px}.section-space{padding:75px 0}.project-showcase,.portfolio-grid-v7,.services-grid-v7{grid-template-columns:1fr}.process-grid,.stats-grid,.included-grid{grid-template-columns:1fr 1fr}.cta-box{padding:32px;flex-direction:column;align-items:flex-start}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-connect{grid-column:1/-1}.footer-bottom{flex-direction:column}.page-hero{padding:120px 0 65px}.page-hero h1{letter-spacing:-2px}.form-row{grid-template-columns:1fr}.whatsapp-float span{display:none}.whatsapp-float{width:50px;height:50px;padding:0;justify-content:center}.about-photo img{max-width:none}.mini-stats{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:430px){.hero-trust{gap:10px;flex-direction:column}.process-grid,.stats-grid,.included-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.portfolio-art .browser-screen{min-height:190px}.portfolio-info h3{font-size:21px}}

/* RAJARA V7.1 — FINAL MOBILE RESPONSIVE */
*,*::before,*::after{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}img,video,iframe,svg{max-width:100%;height:auto}.container{width:min(100% - 32px,1180px);margin-inline:auto}
@media(max-width:768px){
.navbar{padding:14px 0}.nav-inner{min-height:54px}.nav-toggle{display:flex!important;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;padding:10px;flex-shrink:0}.nav-menu{position:absolute!important;left:16px!important;right:16px!important;top:calc(100% + 8px)!important;width:auto!important;display:none!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;padding:10px!important;background:rgba(15,15,18,.98)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;box-shadow:0 20px 50px rgba(0,0,0,.35)!important;z-index:9999!important}.nav-menu.open{display:flex!important}.nav-menu.active{display:flex!important}.nav-menu li,.nav-menu a{width:100%!important}.nav-menu a{display:flex!important;min-height:48px!important;align-items:center!important;padding:12px 14px!important}
.hero,.hero-section{min-height:auto!important;padding:72px 0 58px!important}.hero h1,.hero-section h1{font-size:clamp(2.25rem,11vw,4rem)!important;line-height:1.02!important}.hero p,.hero-section p{font-size:15px!important;line-height:1.65!important}.hero-actions,.cta-group{display:flex!important;flex-direction:column!important;width:100%!important;gap:10px!important}.hero-actions a,.cta-group a,.btn{width:100%!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important}
section{max-width:100%;overflow:hidden}.about-grid,.contact-grid,.services-grid,.portfolio-grid,.projects-grid,.work-grid,.skills-grid,.two-column,.two-col{grid-template-columns:1fr!important}.portfolio-grid,.projects-grid,.work-grid,.services-grid{gap:16px!important}.project-card,.portfolio-card,.service-card{width:100%!important;min-width:0!important}.project-card img,.portfolio-card img{width:100%!important;display:block!important}
.stats,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.contact-form,.contact-card{width:100%!important}.contact-form input,.contact-form textarea,.contact-form select{width:100%!important;max-width:100%!important;font-size:16px!important}.contact-form textarea{min-height:140px!important}
.footer-grid,.footer-columns{grid-template-columns:1fr!important}.social-links{flex-wrap:wrap!important}
}
@media(max-width:480px){.container{width:calc(100% - 28px)}section{padding-top:48px!important;padding-bottom:48px!important}.hero,.hero-section{padding:54px 0 46px!important}.hero h1,.hero-section h1{font-size:clamp(2rem,12vw,3rem)!important}.stats,.stat-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.section-title{font-size:clamp(1.8rem,9vw,2.5rem)!important}.btn,button,input[type=submit]{min-height:48px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* =========================================================
   V7.2 — MOBILE VISUAL QA PATCH (reference-device layout)
   ========================================================= */
@media (max-width:720px){
  html,body{overflow-x:hidden!important;width:100%!important}
  .site-header{position:relative!important;z-index:1000!important}
  .nav-inner{height:72px!important;padding:0 16px!important}
  .brand{font-size:27px!important;letter-spacing:-1.5px!important}
  .nav-toggle{width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important}

  .hero-home{
    padding:28px 0 58px!important;
    min-height:auto!important;
  }
  .hero-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:34px!important;
    align-items:stretch!important;
  }
  .hero-visual{
    order:-1!important;
    width:100%!important;
    min-height:0!important;
    padding:0 4px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .profile-frame{
    width:min(100%,360px)!important;
    max-width:360px!important;
    aspect-ratio:4/5!important;
    border-width:8px!important;
    border-radius:24px!important;
    transform:none!important;
    box-shadow:0 22px 55px rgba(16,16,16,.18)!important;
  }
  .profile-frame img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
  }
  .fc-top,.fc-bottom{
    position:absolute!important;
    z-index:5!important;
    max-width:calc(100% - 42px)!important;
    box-sizing:border-box!important;
  }
  .fc-top{
    left:0!important;
    top:7%!important;
    padding:12px!important;
    border-radius:17px!important;
  }
  .fc-top .fc-icon{width:40px!important;height:40px!important;flex:0 0 40px!important}
  .fc-top strong{font-size:15px!important}
  .fc-top span{font-size:10px!important}
  .fc-bottom{
    right:0!important;
    bottom:7%!important;
    min-width:112px!important;
    padding:14px!important;
    border-radius:17px!important;
  }
  .fc-bottom strong{font-size:27px!important;line-height:1!important}
  .fc-bottom span{font-size:10px!important;margin-top:5px!important}

  .hero-copy{width:100%!important}
  .hero h1{font-size:clamp(2.35rem,12vw,4rem)!important;letter-spacing:-2.5px!important;line-height:1!important}
  .hero-buttons{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:10px!important}
  .hero-buttons .btn{width:100%!important;min-height:50px!important}
  .hero-trust{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
  .hero-trust span{font-size:10px!important;text-align:center!important}

  .section-space{padding:58px 0!important}
  .section-header{margin-bottom:30px!important}
  .section-header h2{font-size:clamp(1.9rem,9vw,2.8rem)!important;letter-spacing:-1px!important}

  .project-showcase,.portfolio-grid-v7,.services-grid-v7{grid-template-columns:1fr!important}
  .showcase-card,.portfolio-card,.service-card{width:100%!important;min-width:0!important}
  .showcase-art,.portfolio-art{padding:12px!important}
  .browser-screen{min-height:170px!important}

  .cta-box{width:100%!important;padding:28px 22px!important;border-radius:22px!important}
  .cta-box .btn{width:100%!important}
}

@media(max-width:430px){
  .container{width:calc(100% - 24px)!important}
  .hero-home{padding-top:20px!important}
  .profile-frame{max-width:100%!important;border-width:7px!important;border-radius:22px!important}
  .fc-top{left:-2px!important;top:6%!important}
  .fc-bottom{right:-2px!important;bottom:6%!important}
  .fc-top,.fc-bottom{padding:11px!important}
  .hero-trust{grid-template-columns:1fr!important;justify-items:start!important}
  .hero-trust span{text-align:left!important}
}

/* =========================================================
   RAJARA PORTFOLIO V7.3 — CLEAN MOBILE ALIGNMENT OVERRIDES
   These rules intentionally come last so earlier mobile patches
   cannot override the final layout.
   ========================================================= */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
body{min-width:0!important}
img,video,iframe,svg{max-width:100%!important}

@media (max-width: 720px){
  /* Header */
  .navbar{top:0!important;width:100%!important;padding:0!important}
  .nav-inner{width:100%!important;max-width:1180px!important;height:68px!important;min-height:68px!important;padding:0 16px!important;margin:0 auto!important;gap:0!important}
  .logo{font-size:30px!important;line-height:1!important;flex:0 0 auto!important}
  .nav-toggle{display:flex!important;margin-left:auto!important;width:48px!important;height:48px!important;padding:10px!important;flex:0 0 48px!important;align-items:center!important;justify-content:center!important}
  .nav-toggle span{width:28px!important;height:3px!important;display:block!important}
  .nav-menu{left:12px!important;right:12px!important;top:76px!important;width:auto!important;margin:0!important}

  /* Fixed navigation needs safe top spacing */
  .hero-home{padding:100px 0 58px!important;min-height:auto!important}
  .hero-grid{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:32px!important;width:100%!important}
  .hero-visual{order:-1!important;width:100%!important;min-height:0!important;height:auto!important;padding:38px 0 34px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important}
  .profile-frame{width:min(100%,330px)!important;max-width:330px!important;aspect-ratio:4/5!important;margin:0 auto!important;border:7px solid #fff!important;border-radius:24px!important;transform:none!important;overflow:hidden!important}
  .profile-frame img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}

  /* Floating cards stay inside the visual area */
  .floating-card{max-width:calc(100% - 16px)!important;box-sizing:border-box!important}
  .fc-top{left:0!important;right:auto!important;top:8px!important;padding:11px!important;border-radius:16px!important;gap:9px!important}
  .fc-top .fc-icon{width:38px!important;height:38px!important;flex:0 0 38px!important}
  .fc-top strong{font-size:14px!important;line-height:1.2!important}
  .fc-top small{font-size:9px!important;line-height:1.35!important}
  .fc-bottom{right:0!important;left:auto!important;bottom:4px!important;min-width:104px!important;padding:12px!important;border-radius:16px!important}
  .fc-bottom strong{font-size:26px!important;line-height:1!important}
  .fc-bottom span{font-size:9px!important;margin-top:4px!important}

  /* Hero copy */
  .hero-copy{width:100%!important;min-width:0!important}
  .eyebrow{font-size:9px!important;letter-spacing:1.1px!important;max-width:100%!important}
  .greeting{font-size:15px!important}
  .hero h1{font-size:clamp(2.15rem,11.5vw,3.6rem)!important;line-height:1.02!important;letter-spacing:-2.5px!important;overflow-wrap:normal!important;word-break:normal!important}
  .hero h1 span{box-decoration-break:clone;-webkit-box-decoration-break:clone}
  .role{font-size:1.2rem!important;line-height:1.3!important}
  .hero-lead{font-size:14px!important;line-height:1.65!important;max-width:100%!important}
  .hero-buttons{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:10px!important;margin:24px 0!important}
  .hero-buttons .btn{width:100%!important;min-height:50px!important}
  .hero-trust{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
  .hero-trust span{font-size:9px!important;text-align:center!important;min-width:0!important}

  /* All main sections */
  .container{width:calc(100% - 28px)!important;max-width:100%!important;margin-inline:auto!important}
  .section-space{padding:56px 0!important}
  .two-col{display:grid!important;grid-template-columns:1fr!important;gap:28px!important}
  .section-header{width:100%!important;max-width:100%!important;margin-bottom:30px!important}
  .section-header h2,.section-heading h2{font-size:clamp(1.9rem,9vw,2.8rem)!important;line-height:1.08!important;letter-spacing:-1px!important}
  .section-header p,.intro-copy p{font-size:14px!important;line-height:1.65!important}

  /* Grids */
  .project-showcase,.portfolio-grid-v7,.services-grid-v7{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;width:100%!important}
  .process-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  .stats-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .showcase-card,.portfolio-card,.service-card,.process-card{width:100%!important;min-width:0!important}
  .showcase-art,.portfolio-art{padding:12px!important}
  .browser-screen{min-height:170px!important}

  /* CTA and footer */
  .cta-box{width:100%!important;max-width:100%!important;padding:28px 20px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:22px!important;border-radius:22px!important}
  .cta-box .btn{width:100%!important}
  .footer-top{grid-template-columns:1fr!important;gap:26px!important}
  .footer-brand,.footer-connect{grid-column:auto!important}
  .footer-bottom{flex-direction:column!important;gap:10px!important;text-align:center!important}

  /* Forms */
  .form-row{grid-template-columns:1fr!important}
  input,textarea,select{width:100%!important;max-width:100%!important;font-size:16px!important}

  /* Avoid accidental fixed-width elements */
  table{max-width:100%!important}
  pre,code{max-width:100%!important}
}

@media (max-width: 480px){
  .nav-inner{height:64px!important;min-height:64px!important;padding:0 14px!important}
  .nav-menu{top:72px!important;left:10px!important;right:10px!important}
  .hero-home{padding-top:92px!important;padding-bottom:50px!important}
  .hero-visual{padding-top:36px!important;padding-bottom:30px!important}
  .profile-frame{width:min(100%,300px)!important;max-width:300px!important;border-width:6px!important;border-radius:22px!important}
  .fc-top{top:6px!important;left:0!important;max-width:72%!important}
  .fc-bottom{right:0!important;bottom:2px!important;min-width:96px!important}
  .hero h1{font-size:clamp(2rem,11.5vw,3rem)!important;letter-spacing:-2px!important}
  .hero-trust{grid-template-columns:1fr!important;justify-items:start!important}
  .hero-trust span{text-align:left!important}
}

/* WordPress admin toolbar: prevent the fixed navbar from covering content when logged in */
.admin-bar .navbar{top:32px!important}
@media (max-width:782px){
  .admin-bar .navbar{top:46px!important}
  .admin-bar .hero-home{padding-top:138px!important}
}
@media (max-width:480px){
  .admin-bar .hero-home{padding-top:130px!important}
}


/* Animated stats */
.count-number{font-variant-numeric:tabular-nums;min-width:2ch;display:block;}
.stat-big{overflow:hidden;}
@media (prefers-reduced-motion: reduce){.count-number{transition:none!important;}}