:root{--ink:#17202d;--muted:#626b78;--paper:#fbfaf6;--accent:#6252db;--tint:#efecff;--line:#e3e3df;--radius:20px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:disabled{opacity:.65;cursor:wait}.skip{position:absolute;top:-80px;background:#fff;padding:12px;z-index:9}.skip:focus{top:8px}.wrap{max-width:1180px;padding:0 28px;margin:auto}.header{position:sticky;top:0;z-index:5;background:rgba(251,250,246,.96);border-bottom:1px solid var(--line)}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:82px}.brand{text-decoration:none;display:flex;flex-direction:column;line-height:1.1;font-size:22px;font-weight:800;letter-spacing:-1px}.brand small{font-size:10px;letter-spacing:3.8px;font-weight:600;margin-top:6px}.nav{display:flex;align-items:center;gap:26px;font-size:13px}.nav>a:not(.button){text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--ink);border-radius:9px;background:var(--ink);color:#fff;text-decoration:none;padding:14px 22px;font-size:14px;font-weight:650;transition:transform .15s,background .15s}.button:hover{background:#303b4d;transform:translateY(-1px)}.button.light{background:transparent;color:var(--ink);border-color:#c9ccd0}.button.small{padding:10px 16px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin:0 0 22px}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}.hero{padding:76px 0 65px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero h1{font-size:clamp(44px,5.1vw,68px);line-height:1.07;letter-spacing:-3.2px;font-weight:650;margin:0 0 24px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.intro{font-size:17px;color:var(--muted);max-width:480px;line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 18px}.micro{font-size:12px;color:var(--muted)}.topic-strip{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;color:#5c6671;font-size:12px}.topic-strip span{display:flex;align-items:center;gap:8px}.topic-strip span:before{content:"+";font-size:16px;color:var(--accent)}.visual{background:var(--tint);padding:30px;border-radius:var(--radius);position:relative;min-height:440px}.visual-label{display:flex;justify-content:space-between;gap:12px;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;font-weight:650;color:#615b81;margin-bottom:25px}.visual-note{font-size:11px;color:#6a647f;margin:18px 0 0}.screen{background:#fff;border:1px solid #e4dff5;border-radius:13px;box-shadow:0 20px 45px #45347615;padding:18px;transform:rotate(-2deg)}.screen-top{display:flex;gap:5px;border-bottom:1px solid #eee;padding-bottom:13px;margin-bottom:16px}.screen-top i{width:5px;height:5px;background:#cbc7d8;border-radius:50%}.demo-app{display:grid;grid-template-columns:85px 1fr;gap:16px;min-height:220px}.demo-menu{border-right:1px solid #f0eef6;padding-right:10px}.demo-logo{font-size:13px;font-weight:800;letter-spacing:-.3px;margin-bottom:20px}.demo-menu span{display:block;height:7px;background:#efedf6;border-radius:3px;margin:12px 0}.demo-menu span:first-of-type{background:#c5bbf1}.demo-content h3{font-size:20px;letter-spacing:-.5px;margin:0}.demo-content p{font-size:10px;color:#8b859a;margin:4px 0 15px}.demo-stats{display:flex;gap:8px}.demo-stats div{padding:11px;background:#f5f3fc;border-radius:7px;flex:1}.demo-stats b{display:block;font-size:17px}.demo-stats small{font-size:9px;color:#746b91}.demo-chart{height:93px;display:flex;gap:10px;align-items:flex-end;padding:15px 8px 0;background:linear-gradient(transparent 95%,#f0edf9 95%);background-size:100% 22px}.demo-chart i{display:block;background:#b9aeeb;width:17%;border-radius:4px 4px 0 0}.demo-chart i:nth-child(3){background:var(--accent)}.demo-tabs{display:flex;gap:6px;justify-content:center;margin-top:20px}.demo-tabs button{padding:7px 14px;border:1px solid #d6cfeb;border-radius:50px;font-size:11px;background:transparent;color:#564d75}.demo-tabs button[aria-pressed=true]{background:#fff;color:#322a55;box-shadow:0 2px 7px #45347612}.visual.unfocused .demo-menu span:first-of-type{background:#ddd}.visual.unfocused .demo-stats div{background:#fbfafa;border:1px dashed #ddd}.visual.unfocused .demo-stats b{font-size:12px;font-weight:400}.visual.unfocused .demo-content h3{font-size:14px}.visual.unfocused .demo-chart i{background:#d8d4dc}.poster-page{--accent:#dd5437;--tint:#f7eadd}.poster{background:#ec542f;color:#fff1d7;min-height:300px;padding:25px;border-radius:4px;box-shadow:12px 12px 0 #d6c5b5;transform:rotate(3deg);transition:background .25s,color .25s;position:relative;overflow:hidden}.poster>small{font-size:9px;letter-spacing:2px;font-weight:750}.poster h3{font-size:61px;line-height:.96;letter-spacing:-3px;text-transform:uppercase;position:relative;z-index:1;margin:35px 0 24px}.poster h3 span{font-family:Georgia,serif;font-style:italic;font-weight:400;text-transform:none}.poster-circle{width:180px;height:180px;border:32px solid #ffb82f;border-radius:50%;position:absolute;right:-65px;bottom:25px;opacity:.9}.poster-bottom{font-size:9px;letter-spacing:1px;position:relative;z-index:1}.poster.calm{background:#364b46;color:#f4ebd9}.poster.calm .poster-circle{border-color:#a9bba0}.poster.playful{background:#6a54b7;color:#ffeab9}.poster.playful .poster-circle{border-color:#f2a1b0}.section{padding:80px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:38px}.section h2{font-size:clamp(29px,3.3vw,42px);letter-spacing:-1.5px;line-height:1.2;font-weight:650;margin:0}.section-head p{margin:0;color:var(--muted);font-size:15px;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.step{border-top:1px solid #bfc2c8;padding-top:20px}.step .number{font-family:Georgia,serif;color:var(--accent);font-size:27px}.step h3{font-size:19px;margin:20px 0 10px;letter-spacing:-.5px}.step p{font-size:14px;color:var(--muted);line-height:1.8}.project-band{background:#f0efe9;border-radius:var(--radius);padding:38px;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;margin-bottom:20px}.project-band h3{font-size:25px;letter-spacing:-.8px;line-height:1.3;margin:0}.project-list{display:grid;gap:12px}.project-list>div{padding:14px 0;border-bottom:1px solid #dbdcd6;display:flex;justify-content:space-between;gap:25px;font-size:14px}.project-list small{color:var(--muted)}.enquiry-section{background:#202b38;color:white;border-radius:24px;padding:48px;display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:start}.enquiry-section h2{font-size:39px;margin:0 0 20px}.enquiry-section .eyebrow{color:#c4c2d9}.enquiry-section .eyebrow:before{background:#c4b7ff}.enquiry-section p{color:#c1c8d1;font-size:15px;line-height:1.8}.enquiry-section ul{padding-left:18px;color:#c1c8d1;font-size:14px;line-height:2.1}.form{background:#fff;color:var(--ink);padding:27px;border-radius:14px}.form h3{font-size:20px;letter-spacing:-.5px;margin:0 0 6px}.form .micro{margin:0 0 20px;color:var(--muted);font-size:12px}.form label{display:block;font-size:12px;font-weight:650;margin-bottom:5px}.form input,.form select{display:block;width:100%;min-height:44px;border:1px solid #d6dae1;border-radius:6px;background:#fff;color:var(--ink);padding:10px 11px;font-size:14px}.field{margin-bottom:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form .consent{display:flex;align-items:flex-start;gap:10px;font-size:11px;font-weight:400;color:#596579;line-height:1.6;margin:3px 0 18px}.consent input{width:16px;min-height:16px;margin:3px 0;flex-shrink:0}.form .button{width:100%;background:var(--accent);border-color:var(--accent)}.form-status{font-size:12px!important;color:#9d3030!important;margin:12px 0 0;min-height:20px}.thanks{padding:28px;border:1px solid #ffffff36;border-radius:14px}.thanks h3{font-size:26px;margin-top:0}.faq{max-width:800px;margin:auto}.faq h2{margin-bottom:28px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-size:15px;font-weight:600;cursor:pointer;padding-right:15px}.faq details p{font-size:14px;color:var(--muted);line-height:1.8}.footer{border-top:1px solid var(--line);padding:35px 0 80px}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center;flex-wrap:wrap}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.mobile-cta{display:none}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}[hidden]{display:none!important}
@media(max-width:950px){.hero{gap:30px;padding-top:50px}.hero h1{font-size:49px;letter-spacing:-2px}.visual{padding:22px;min-height:390px}.section-head{gap:30px}.enquiry-section{gap:35px;padding:32px}.poster h3{font-size:54px}}
@media(max-width:700px){.wrap{padding:0 20px}.header-inner{min-height:70px}.brand{font-size:19px}.nav{gap:12px}.nav>a:not(.button){display:none}.button.small{font-size:12px;padding:9px 13px}.hero{grid-template-columns:1fr;gap:35px;padding:40px 0}.hero h1{font-size:47px;letter-spacing:-2.1px}.intro{font-size:15px}.visual{min-height:0;padding:25px}.screen{max-width:420px;margin:auto}.topic-strip{gap:12px 25px;font-size:11px;padding:20px 0}.section{padding:52px 0}.section-head{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.steps{grid-template-columns:1fr;gap:15px}.step{display:grid;grid-template-columns:40px 1fr;gap:5px 15px;padding-top:16px}.step .number{grid-row:1 / 3}.step h3{margin:0}.step p{margin:0}.project-band{grid-template-columns:1fr;gap:20px;padding:25px}.project-list>div{gap:15px}.enquiry-section{grid-template-columns:1fr;padding:25px;gap:25px;margin-left:-5px;margin-right:-5px}.enquiry-section h2{font-size:32px}.form{padding:22px}.form-grid{grid-template-columns:1fr;gap:0}.footer-inner{align-items:flex-start;flex-direction:column}.mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fbfaf6;border-top:1px solid var(--line);padding:10px 20px;padding-bottom:max(10px,env(safe-area-inset-bottom));box-shadow:0 -5px 25px #17202d0a}.mobile-cta span{font-size:12px;font-weight:650}.mobile-cta .button{font-size:12px;padding:9px 15px}.footer{padding-bottom:100px}.poster{max-width:390px;margin:auto}.faq summary{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Supplied official logo, displayed unchanged on white. */
.brand-logo{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;padding:7px 12px;text-decoration:none;flex-shrink:0}.brand-logo img{display:block;width:190px;max-height:86px;height:auto;object-fit:contain}@media(max-width:700px){.brand-logo{padding:5px 7px}.brand-logo img{width:145px}}

/* Joint certificate branding; original logos remain on white. */
.course-brands{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.reva-brand{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;padding:12px 16px;flex-shrink:0}
.reva-brand img{display:block;width:145px;height:60px;object-fit:contain}
.certificate-note{margin:22px 0;padding:16px 20px;border:1px solid var(--line,#dedde4);border-radius:14px;background:#fff;color:#282434;font-size:14px;line-height:1.6}
.certificate-note strong{display:block;font-size:16px;margin-bottom:4px}
@media(max-width:700px){.header-inner{flex-wrap:wrap;gap:12px}.course-brands{gap:8px}.reva-brand{padding:8px}.reva-brand img{width:105px;height:45px}.certificate-note{padding:14px 16px}.header .nav{margin-left:auto}}

/* Original REVA lockup is white artwork, including its NAAC badge. */
.reva-brand{background:#008c9e;padding:14px 18px}.reva-brand img{width:225px;height:60px;object-fit:contain}@media(max-width:700px){.reva-brand{padding:10px 12px}.reva-brand img{width:170px;height:45px}.header .course-brands{flex-wrap:wrap}}

/* Shared landing-page identity: REVA teal opening, yellow highlights, light content. */
:root,.poster-page{--accent:#008c9e;--tint:#e5f5f5;--paper:#fff}
.header{background:#008c9e;color:#fff;border-bottom:1px solid #ffffff30}
.header .nav>.button,.hero-stage .hero-actions>.button:not(.light){background:#ffc92b;color:#17343a;border-color:#ffc92b}
.header .nav>.button:hover,.hero-stage .hero-actions>.button:not(.light):hover{background:#ffdc70}
.header .reva-brand{background:transparent}
.hero-stage{position:relative;isolation:isolate;overflow:hidden;background:#008c9e;color:#fff}
.hero-stage:before{content:"";position:absolute;z-index:-1;width:460px;height:460px;border:80px solid #ffffff0b;border-radius:50%;right:-150px;top:-200px;pointer-events:none}
.hero-stage:after{content:"";position:absolute;z-index:-1;width:230px;height:230px;border:2px solid #ffc92b55;border-radius:50%;left:-135px;bottom:-100px;pointer-events:none}
.hero-stage .hero h1{color:#fff}
.hero-stage .hero h1 em{color:#ffc92b}
.hero-stage .intro,.hero-stage .hero .micro{color:#f0ffff}
.hero-stage .eyebrow{color:#fff}
.hero-stage .eyebrow:before{background:#ffc92b}
.hero-stage .hero-actions .light{color:#fff;border-color:#ffffff90;background:transparent}
.hero-stage .text-link{color:#fff}
.hero-stage .hero-topics span{color:#fff;border-color:#ffffff60}
.hero-stage .certificate-note{color:#fff;background:#007b8b;border-color:#ffffff45}
.hero-stage .certificate-note strong{color:#ffe17c}
.creative-ribbon{background:#fff8dc;color:#17484e}
.creative-ribbon i{color:#008c9e}
.footer{background:#f0f8f8}
.mobile-cta .button{background:#008c9e;border-color:#008c9e}
a:focus-visible,button:focus-visible{outline-color:#d69200}
.hero-stage a:focus-visible,.header a:focus-visible{outline-color:#ffc92b}
@media(max-width:700px){.hero-stage .hero{padding-top:38px;padding-bottom:42px}.header .nav{flex-wrap:wrap;gap:14px}.hero-stage:before{width:300px;height:300px}}

/* White header mark uses the original transparent logo silhouette. */
.header .brand-logo{background:transparent;border-radius:0;box-shadow:none}
.header .brand-logo img{filter:none}

/* Preserve the supplied brand colours; never recolour the logo artwork. */
.header .brand-logo{background:transparent;border-radius:0;box-shadow:none}.header .brand-logo img{filter:none}

/* Vibrant UI/UX studio: readable interface artwork built as responsive HTML. */
.ux-art{position:relative;min-height:540px;border-radius:24px;background:#5024bd;overflow:hidden;color:#fff;box-shadow:0 24px 60px #003c4766;border:1px solid #ffffff35}
.ux-art-top,.ux-art-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;font-size:9px;font-weight:750;letter-spacing:1.2px;z-index:3}
.ux-art-top{top:22px}.ux-art-bottom{bottom:20px;font-size:8px;letter-spacing:.5px}
.ux-orbit{position:absolute;width:430px;height:430px;border:65px solid #ff775f;border-radius:50%;right:-205px;top:75px;transform:rotate(-20deg)}
.ux-board{position:absolute;left:22px;top:100px;width:61%;height:300px;background:#ffce35;color:#25143f;padding:25px 20px;transform:rotate(-8deg);border-radius:14px;box-shadow:0 14px 30px #25104244}
.ux-board-label,.ux-board-foot{font-size:8px;font-weight:800;letter-spacing:1px}.ux-board h2{font-size:33px;line-height:1.05;letter-spacing:-1.4px;margin:28px 0 22px}.ux-board h2 em{font-family:Georgia,serif;font-weight:400}
.ux-flow{display:flex;align-items:center;gap:8px;margin-bottom:18px}.ux-flow i{display:block;width:34px;height:40px;border:2px solid #4e257f;border-radius:5px;background:#fff5be}.ux-flow i:last-child{background:#ff8069}.ux-flow b{font-size:18px}
.ux-phone{position:absolute;top:63px;right:32px;width:210px;height:408px;border:7px solid #24153a;border-radius:34px;padding:15px 14px;background:#ff735f;color:#27163b;transform:rotate(9deg);box-shadow:0 25px 40px #24113966;overflow:hidden}
.ux-phone-notch{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:70px;height:13px;border-radius:20px;background:#24153a}
.ux-phone-top{display:flex;justify-content:space-between;font-size:8px;font-weight:800;margin-bottom:27px}
.ux-phone>p{font-size:8px;font-weight:800;letter-spacing:1.5px;margin:0 0 6px}.ux-phone>strong{display:block;font-size:44px;line-height:.95;letter-spacing:-2px;position:relative;z-index:1}.ux-phone>strong em{font-family:Georgia,serif;font-weight:400}
.ux-phone-shape{position:absolute;right:-17px;top:96px;font-size:116px;line-height:1;color:#ffda48}
.ux-phone-card{position:relative;margin-top:22px;background:#fff8e7;border-radius:13px;padding:14px;z-index:1}.ux-phone-card>span:first-child{font-size:7px;font-weight:800;letter-spacing:.6px}.ux-phone-card b{display:block;font-size:13px;line-height:1.3;margin:8px 0 12px}.ux-phone-button{display:block;background:#5024bd;color:#fff;padding:9px;border-radius:8px;font-size:8px;font-weight:800;text-align:center}
.ux-phone-nav{display:flex;justify-content:space-around;font-size:21px;margin-top:13px}.ux-phone-nav span{color:#5024bd}
.ux-float{position:absolute;bottom:56px;left:28px;background:#c6fa4b;color:#281a3a;padding:16px 20px;width:175px;border-radius:12px;transform:rotate(-5deg);box-shadow:0 12px 25px #24113944;z-index:2}
.ux-float>span{font-size:7px;font-weight:800;letter-spacing:.8px}.ux-float strong{display:block;font-size:27px;line-height:1.02;margin-top:10px;letter-spacing:-1px}.ux-float i{position:absolute;right:15px;bottom:18px;font-size:40px;font-style:normal}
.ux-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ux-modules article{padding:28px 24px;border-radius:18px;background:#e9f7f6;min-width:0}
.ux-modules article:nth-child(2),.ux-modules article:nth-child(6){background:#fff2c3}
.ux-modules article:nth-child(3),.ux-modules article:nth-child(4){background:#f0e8ff}
.ux-modules article>span,.ux-project-grid article>span{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#4d4561}
.ux-modules h3{font-size:22px;letter-spacing:-.6px;line-height:1.2;margin:24px 0 12px}.ux-modules p{font-size:14px;color:#4f5360;line-height:1.7;margin:0}
.ux-toolbelt{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:30px 0 0}.ux-toolbelt h3{font-size:19px;margin:0}.ux-toolbelt .eyebrow{margin-bottom:8px}.ux-tools{display:flex;gap:10px;flex-wrap:wrap}.ux-tools span{background:#5024bd;color:#fff;border-radius:50px;padding:10px 16px;font-size:13px;font-weight:700}.ux-toolbelt>p{flex-basis:100%;font-size:12px;color:#626b78;margin:0}
.ux-careers{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:44px;background:#5024bd;color:#fff;border-radius:22px;align-items:center}
.ux-careers h2{font-size:38px;line-height:1.1;letter-spacing:-1.2px;margin:0 0 18px}.ux-careers p:not(.eyebrow){font-size:14px;color:#f2eaff}.ux-careers .eyebrow{color:#ffda48}.ux-role-tags{display:flex;flex-wrap:wrap;gap:12px}.ux-role-tags span{padding:12px 16px;border:1px solid #ffffff66;border-radius:40px;font-size:13px}.ux-role-tags span:nth-child(2n){background:#ffce35;color:#281a3a;border-color:#ffce35}
.ux-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.ux-project-grid article{border-top:4px solid #ff775f;padding-top:22px}.ux-project-grid h3{font-size:21px;line-height:1.2;margin:15px 0 12px}.ux-project-grid p{font-size:14px;color:#626b78}
@media(max-width:1050px) and (min-width:701px){.hero{gap:28px}.ux-phone{right:12px;width:185px}.ux-board{left:15px;padding:25px 15px}.ux-board h2{font-size:28px}.ux-float{left:18px;width:148px}.ux-art-top,.ux-art-bottom{left:16px;right:16px;font-size:7px}.ux-modules{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ux-art{width:100%;max-width:480px;min-height:510px;margin:0 auto}.ux-phone{right:22px;top:60px;width:195px;height:390px}.ux-board{left:17px;top:100px;padding:22px 16px}.ux-board h2{font-size:29px}.ux-float{width:155px;left:20px;bottom:50px}.ux-art-top,.ux-art-bottom{left:17px;right:17px;font-size:7px}.ux-modules,.ux-project-grid{grid-template-columns:1fr}.ux-modules article{padding:24px}.ux-modules h3{margin-top:16px}.ux-careers{grid-template-columns:1fr;padding:28px;gap:22px}.ux-careers h2{font-size:32px}.ux-role-tags{gap:8px}.ux-role-tags span{font-size:12px;padding:9px 13px}.ux-toolbelt{gap:18px}.ux-toolbelt h3{font-size:18px}}
@media(max-width:380px){.ux-phone{right:10px;width:175px}.ux-board{left:12px;width:65%}.ux-board h2{font-size:25px}.ux-float{left:13px;width:140px}.ux-art-top{letter-spacing:.3px}}