/* Maa Jaa Innovations — cinematic black and red theme */
:root{--bg:#090909;--panel:#121212;--panel2:#171717;--red:#e3232a;--red-dark:#a90f18;--white:#f7f5f3;--muted:#aaa6a4;--line:rgba(255,255,255,.13);--font:"DM Sans",sans-serif;--display:"Manrope",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:-999px;top:10px;background:#fff;color:#000;padding:10px;z-index:100}.skip-link:focus{left:10px}.site-header{height:78px;position:sticky;top:0;z-index:50;background:rgba(7,7,7,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{font-family:var(--display);font-weight:800;font-size:43px;line-height:1;color:var(--red);letter-spacing:-7px;transform:skew(-12deg);display:inline-block;text-shadow:4px 0 0 rgba(227,35,42,.18);padding-right:6px}.brand-copy{display:flex;flex-direction:column;line-height:1.02}.brand-copy strong{font-family:var(--display);font-size:21px;letter-spacing:-.7px}.brand-copy small{font-size:9px;letter-spacing:4px;color:#c6c0be;margin-top:5px}.nav-links{display:flex;align-items:center;gap:30px}.nav-links>a:not(.nav-cta){font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:#d1cdcb;transition:color .2s}.nav-links>a:hover,.nav-links>a.active{color:var(--red)}.nav-cta{background:var(--red);padding:12px 18px;border-radius:3px;text-transform:uppercase;letter-spacing:.7px;font-size:11px;font-weight:700}.nav-cta span{margin-left:12px}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:23px;height:2px;background:#fff;margin:5px}
.hero{position:relative;overflow:hidden;min-height:650px;background:radial-gradient(ellipse at 77% 43%,rgba(174,14,24,.3),transparent 40%),linear-gradient(112deg,#090909 20%,#130708 65%,#090909)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090909 0%,rgba(9,9,9,.96) 34%,rgba(9,9,9,.5) 67%,rgba(9,9,9,.3)),repeating-linear-gradient(0deg,transparent 0 57px,rgba(255,255,255,.025) 58px 59px);pointer-events:none}.hero-backdrop{position:absolute;width:54%;height:88%;right:-5%;top:5%;background:linear-gradient(145deg,rgba(210,25,34,.15),transparent 60%),radial-gradient(ellipse at center bottom,rgba(220,23,33,.17),transparent 60%);transform:skewY(-5deg);border-bottom:1px solid rgba(255,50,50,.18)}.hero-grid{position:relative;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:35px;min-height:650px;padding-top:45px;padding-bottom:65px}.eyebrow{font-size:10px;letter-spacing:2px;color:#ff5559;font-weight:700;display:flex;align-items:center;gap:10px;margin:0 0 21px}.eyebrow-line{height:1px;width:25px;background:var(--red);display:inline-block}.hero h1,.section-copy h2,.section-heading h2,.approach-grid h2,.contact-copy h2{font-family:var(--display);font-size:clamp(45px,5.4vw,70px);line-height:1.04;letter-spacing:-2.9px;margin:0;font-weight:800}.hero h1 span,.section-copy h2 span,.section-heading h2 span,.approach-grid h2 span,.contact-copy h2 span{color:var(--red)}.hero-lede{font-size:18px;line-height:1.55;max-width:500px;color:#f1ecea;margin:24px 0 10px}.hero-support{font-size:13px;color:#aaa6a4;max-width:470px;margin:0}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 19px;border-radius:3px;font-size:11px;letter-spacing:.7px;text-transform:uppercase;font-weight:700;border:1px solid transparent;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-red{background:var(--red);color:white}.button-red:hover{background:#ff3038}.button-ghost{border-color:rgba(255,255,255,.3);color:#fff}.button-ghost:hover{border-color:var(--red)}.hero-note{margin-top:38px;font-size:10px;letter-spacing:.4px;color:#a8a3a1;display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;background:#ed3339;border-radius:50%;box-shadow:0 0 12px #e3232a}
.hero-visual{position:relative;height:430px;align-self:center;perspective:900px}.screen-frame{position:absolute;top:38px;left:6%;width:89%;height:62%;padding:10px;background:linear-gradient(135deg,#2b2525,#050505);border:1px solid rgba(255,255,255,.15);box-shadow:0 25px 65px rgba(0,0,0,.65),0 0 70px rgba(202,16,28,.13);transform:rotateY(-8deg) rotateX(2deg);z-index:2}.screen-content{height:100%;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 30%,rgba(255,65,59,.55),transparent 30%),linear-gradient(130deg,#3a090c,#9c1019 53%,#260709);display:flex;flex-direction:column;justify-content:center;padding:8% 10%;border:1px solid rgba(255,255,255,.15)}.screen-content:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 70px,rgba(255,255,255,.035) 71px 72px)}.screen-kicker,.screen-caption{font-size:10px;letter-spacing:3px;font-weight:700;position:relative;z-index:1}.screen-content strong{font-family:var(--display);font-size:clamp(25px,3.4vw,45px);line-height:1.05;margin:13px 0;letter-spacing:-1.5px;position:relative;z-index:1}.screen-content em{font-style:normal;color:#ffcc9b}.screen-caption{font-size:8px;color:#f2c6c6}.screen-decoration{position:absolute;right:6%;bottom:10%;display:flex;align-items:end;gap:7px;opacity:.6}.screen-decoration i{display:block;width:15px;border:1px solid #ffc3a6;height:36px;transform:skewY(-25deg)}.screen-decoration i:nth-child(2){height:50px}.screen-decoration i:nth-child(3){height:28px}.screen-decoration i:nth-child(4){height:44px}.screen-decoration i:nth-child(5){height:58px}.seat-row{position:absolute;bottom:5px;left:0;right:0;height:100px;background:radial-gradient(ellipse at 50% 100%,#4c1015 0 15%,transparent 16%);opacity:.9}.seat-row:before,.seat-row:after{content:"";position:absolute;bottom:0;width:100%;height:75px;background:repeating-linear-gradient(90deg,transparent 0 19px,#20080a 20px 38px,transparent 39px 44px)}.seat-row-1{bottom:14px;transform:scaleX(1.1);opacity:.65}.seat-row-2{bottom:-7px;transform:scaleX(1.25);opacity:.8}.seat-row-3{bottom:-25px;transform:scaleX(1.4);opacity:.55}.visual-caption{position:absolute;z-index:4;bottom:4px;right:2%;background:rgba(18,18,18,.93);border:1px solid rgba(255,255,255,.13);padding:13px 17px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 30px #000}.caption-icon{color:var(--red);font-size:24px}.visual-caption b,.visual-caption small{display:block}.visual-caption b{font-size:11px}.visual-caption small{font-size:10px;color:#aaa}.hero-bottom-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent)}
.value-strip{background:#111;border-bottom:1px solid var(--line)}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0}.value-item{display:flex;gap:15px;align-items:center;padding:5px 22px;border-right:1px solid var(--line)}.value-item:first-child{padding-left:0}.value-item:last-child{border:0;padding-right:0}.line-icon{font-size:29px;color:var(--red);font-weight:400;min-width:31px}.value-item h3{font-size:12px;margin:0 0 3px;font-weight:700}.value-item p{font-size:10px;color:#aaa;margin:0;line-height:1.5}
.section{padding:105px 0}.about-section{background:#f4f2f0;color:#151313}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}.about-art{min-height:410px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:270px 112px;gap:10px;position:relative}.art-main{grid-column:1/3;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,#d12a31,transparent 50%),linear-gradient(130deg,#171212,#050505);border-radius:4px;box-shadow:0 15px 30px rgba(0,0,0,.14)}.art-screen{position:absolute;top:15%;left:16%;width:68%;height:60%;background:linear-gradient(120deg,#1d252c,#31526a 55%,#101317);border:7px solid #25201e;box-shadow:0 0 30px #000;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;transform:perspective(500px) rotateY(-6deg);color:white}.art-screen span{font-size:9px;letter-spacing:3px}.art-screen b{font-family:var(--display);font-size:clamp(24px,3vw,40px);text-align:center;margin:8px 0;color:#ffddc6}.art-screen i{font-size:8px;font-style:normal;letter-spacing:2px;color:#f2a7a7}.art-seat-row{position:absolute;bottom:-20px;left:-5%;width:110%;height:70px;background:repeating-linear-gradient(90deg,#090909 0 22px,#501116 23px 40px,#090909 41px 46px);transform:perspective(100px) rotateX(12deg)}.art-small{background:#171515;color:white;border-radius:4px;padding:18px;display:flex;align-items:center;justify-content:space-between;font-size:11px;line-height:1.4;letter-spacing:1px;position:relative;overflow:hidden}.art-small b{font-size:14px}.art-number{color:#e83a40;font-size:10px;align-self:flex-start}.art-arrow{font-size:20px;color:#e83a40}.art-small-red{background:#a61019}.art-small-red .art-number,.art-small-red .art-arrow{color:#ffd1c5}.art-glow{position:absolute;bottom:-70px;right:-40px;width:180px;height:180px;border-radius:50%;background:rgba(227,35,42,.1);filter:blur(25px);pointer-events:none}.section-copy .eyebrow{color:#c21d25}.section-copy h2,.section-heading h2,.approach-grid h2,.contact-copy h2{font-size:clamp(35px,4vw,50px);letter-spacing:-1.8px}.section-copy>p:not(.eyebrow){font-size:13px;color:#57514f;max-width:510px;margin:20px 0;line-height:1.85}.check-list{list-style:none;padding:0;margin:23px 0 27px;display:grid;gap:11px}.check-list li{font-size:12px;color:#373230;display:flex;align-items:center;gap:11px}.check-list span{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid var(--red);color:var(--red);border-radius:50%;font-size:11px}.text-link{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.6px;color:#b9151e;border-bottom:1px solid #d9a0a1;padding-bottom:7px}.text-link span{margin-left:16px}
.services-section{background:#0a0a0a}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-heading .eyebrow{margin-bottom:15px}.section-heading>p{max-width:365px;color:#a9a4a2;font-size:13px;margin:0 0 5px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.service-card{min-height:245px;background:linear-gradient(145deg,#171717,#101010);border:1px solid #292929;padding:25px 24px 22px;display:flex;flex-direction:column;transition:border-color .25s,transform .25s}.service-card:hover{border-color:#8f2025;transform:translateY(-3px)}.service-card-highlight{background:linear-gradient(145deg,#321012,#171010);border-color:#5c2023}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.service-icon{color:var(--red);font-size:28px;line-height:1}.service-index{font-size:9px;color:#686363;letter-spacing:1px}.service-card h3{font-size:16px;line-height:1.4;margin:0 0 9px;font-weight:700}.service-card p{font-size:12px;color:#aaa5a3;line-height:1.7;margin:0 0 20px}.card-link{font-size:10px;color:#f15b60;text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin-top:auto;display:flex;justify-content:space-between;gap:8px;border-top:1px solid #2d2a2a;padding-top:15px}.card-link span{font-size:15px}
.approach-section{padding:90px 0;background:linear-gradient(110deg,#180809,#0b0b0b 55%,#111);border-block:1px solid #281315}.approach-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;align-items:center}.approach-grid h2{font-size:49px}.approach-intro{color:#aaa4a2;font-size:13px;max-width:290px;margin:22px 0 25px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.step-no{font-family:var(--display);font-size:24px;color:var(--red);font-weight:800}.step h3{font-size:15px;margin:0 0 5px}.step p{font-size:12px;color:#aaa5a3;margin:0;max-width:480px}
.partner-section{padding:55px 0;background:#0a0a0a}.partner-banner{position:relative;overflow:hidden;background:linear-gradient(110deg,#a91019,#5d0c11);padding:38px 45px;display:flex;align-items:center;gap:32px;justify-content:space-between}.partner-banner:after{content:"";position:absolute;right:20%;top:-100px;width:300px;height:300px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 30px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.02)}.partner-symbol{font-family:var(--display);font-size:72px;font-weight:800;color:rgba(255,255,255,.18);letter-spacing:-12px;position:relative;z-index:1}.partner-symbol span{font-size:28px;color:#fff;vertical-align:top;letter-spacing:0}.partner-copy{flex:1;position:relative;z-index:1}.partner-copy .eyebrow{color:#ffd2d2;margin-bottom:8px}.partner-copy h2{font-family:var(--display);font-size:30px;line-height:1.2;letter-spacing:-1px;margin:0}.partner-copy>p:last-child{font-size:12px;color:#f0c6c6;margin:10px 0 0}.button-light{background:#fff;color:#151010;white-space:nowrap;position:relative;z-index:1}.button-light:hover{background:#f2dede}
.contact-section{background:#f4f2f0;color:#151313}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:start}.contact-copy .eyebrow{color:#c21d25}.contact-copy>p:not(.eyebrow){font-size:13px;color:#5c5654;max-width:380px;line-height:1.85;margin:21px 0 32px}.contact-details{display:grid;gap:19px}.contact-detail{display:flex;gap:13px;align-items:center}.detail-icon{width:40px;height:40px;border:1px solid #e3c4c4;display:grid;place-items:center;color:#c21d25;border-radius:50%;font-size:17px;flex-shrink:0}.contact-detail small,.contact-detail b{display:block}.contact-detail small{font-size:9px;letter-spacing:1.4px;color:#8b8180;margin-bottom:2px}.contact-detail b{font-size:12px;font-weight:700}.enquiry-form{background:#fff;padding:30px;border:1px solid #e4dfdc;box-shadow:0 18px 45px rgba(28,15,15,.06)}.form-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eae5e3;padding-bottom:16px;margin-bottom:20px}.form-heading span{font-size:11px;font-weight:800;letter-spacing:1.2px}.form-heading small{font-size:10px;color:#8a8380}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.enquiry-form label{display:block;font-size:11px;font-weight:700;color:#37312f;margin-bottom:15px}.enquiry-form input:not([type=checkbox]),.enquiry-form textarea,.enquiry-form select{width:100%;display:block;margin-top:7px;border:1px solid #ddd7d4;border-radius:2px;background:#fbfaf9;padding:12px;color:#191514;font-size:12px;outline:none;transition:border-color .2s}.enquiry-form input:focus,.enquiry-form textarea:focus,.enquiry-form select:focus{border-color:#c21d25}.enquiry-form textarea{resize:vertical;min-height:105px}.enquiry-form input::placeholder,.enquiry-form textarea::placeholder{color:#a49c99}.consent{display:flex!important;gap:9px;align-items:flex-start;font-weight:400!important;color:#665f5c!important;line-height:1.5}.consent input{margin-top:3px;accent-color:var(--red)}.submit-button{width:100%;border:0}.form-note{font-size:10px;color:#817976;line-height:1.6;margin:13px 0 0}.form-status{font-size:12px;color:#a10f18;margin-top:10px}
.site-footer{background:#070707;border-top:1px solid #252222}.footer-main{padding:48px 0 38px;display:grid;grid-template-columns:1.3fr .7fr 1fr 1.2fr;gap:45px}.footer-brand-col>p{font-size:12px;color:#a29b99;max-width:190px;margin:20px 0 8px}.footer-location{font-size:10px;color:#77716f}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col h3{font-size:9px;letter-spacing:1.8px;color:#f15b60;margin:0 0 7px}.footer-col a{font-size:11px;color:#aaa4a2;transition:color .2s;overflow-wrap:anywhere}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #252222;display:flex;justify-content:space-between;padding:17px 0;color:#77716f;font-size:10px}.footer-bottom a{color:#aaa4a2}.whatsapp-float{position:fixed;z-index:40;right:22px;bottom:22px;display:flex;align-items:center;gap:9px;background:#1f9d59;color:#fff;border-radius:50px;padding:12px 17px;box-shadow:0 8px 25px rgba(0,0,0,.35);font-size:12px}.whatsapp-float span{font-size:20px}.whatsapp-float b{font-weight:700}
@media(max-width:980px){.nav-links{gap:17px}.nav-links>a:not(.nav-cta){font-size:10px}.hero-grid{gap:10px}.hero-visual{height:370px}.value-item{padding-inline:12px}.value-item p{font-size:9px}.about-grid{gap:6%}.footer-main{gap:25px}}
@media(max-width:760px){.container{width:min(100% - 36px,560px)}.site-header{height:70px}.brand-mark{font-size:37px}.brand-copy strong{font-size:18px}.menu-toggle{display:block;z-index:3}.nav-links{display:none;position:absolute;top:69px;left:0;right:0;padding:17px 24px 23px;background:#0a0a0a;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links>a:not(.nav-cta){padding:13px 0;border-bottom:1px solid #222;font-size:11px}.nav-cta{margin-top:15px;text-align:center}.hero-grid{grid-template-columns:1fr;padding-top:65px;padding-bottom:55px;gap:15px}.hero{min-height:0}.hero h1{font-size:clamp(46px,12vw,65px)}.hero-lede{font-size:16px}.hero-visual{height:300px;margin-top:5px}.screen-frame{top:15px;left:4%;width:91%;height:66%}.screen-content strong{font-size:clamp(28px,8vw,40px)}.visual-caption{bottom:0;right:0}.hero-note{margin-top:25px}.value-grid{grid-template-columns:1fr 1fr;gap:0;padding:10px 0}.value-item{padding:16px 9px;border-right:0;border-bottom:1px solid var(--line)}.value-item:nth-child(odd){border-right:1px solid var(--line)}.value-item:nth-child(3),.value-item:nth-child(4){border-bottom:0}.value-item:first-child{padding-left:9px}.value-item:last-child{padding-right:9px}.value-item h3{font-size:11px}.value-item p{font-size:10px}.section{padding:70px 0}.about-grid,.contact-grid,.approach-grid{grid-template-columns:1fr;gap:45px}.about-art{min-height:350px;grid-template-rows:230px 100px}.section-copy h2,.section-heading h2,.approach-grid h2,.contact-copy h2{font-size:39px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:18px}.services-grid{grid-template-columns:1fr 1fr}.service-card{padding:20px 17px;min-height:260px}.service-card h3{font-size:14px}.service-card p{font-size:11px}.card-link{font-size:9px}.approach-section{padding:70px 0}.partner-banner{padding:30px 24px;display:grid;grid-template-columns:45px 1fr;gap:18px}.partner-symbol{font-size:48px;letter-spacing:-9px}.partner-copy h2{font-size:26px}.partner-banner .button{grid-column:2;justify-self:start}.footer-main{grid-template-columns:1fr 1fr;gap:35px 24px}.footer-brand-col{grid-column:1/3}.contact-grid{gap:35px}.enquiry-form{padding:22px 18px}.whatsapp-float{right:13px;bottom:13px;padding:10px 13px}.whatsapp-float b{font-size:11px}}
@media(max-width:420px){.container{width:calc(100% - 28px)}.services-grid{grid-template-columns:1fr}.service-card{min-height:220px}.form-row{grid-template-columns:1fr;gap:0}.hero-actions .button{flex:1;padding-inline:12px}.about-art{grid-template-rows:200px 90px;min-height:310px}.art-small{padding:12px}.art-small b{font-size:11px}.footer-bottom{gap:15px;flex-wrap:wrap}.value-item{gap:8px}.line-icon{font-size:23px;min-width:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
