/* Mawardi Institute — Fullstack v3.0 • skala baca normal untuk situs panjang desktop & mobile */
:root{--font-body:17px;--font-card:16px;--font-hero:60px;--font-mobile:16px;--font-mobile-hero:39px;--layout-max:1280px}
body{font-size:var(--font-body);line-height:1.65;text-rendering:optimizeLegibility}
.container{width:min(var(--layout-max),calc(100% - 64px))}
.site-header{height:86px}.brand img{height:63px;max-width:245px}.nav-item{font-size:15px}.nav-cta{font-size:15px;min-height:46px}
.hero{min-height:625px}.hero-layout{min-height:625px}.hero-copy{width:50%;max-width:610px;padding:52px 0 60px}
.hero h1{font-size:clamp(46px,4.7vw,var(--font-hero));line-height:1.105;letter-spacing:-.048em;margin-bottom:24px}
.hero-description{font-size:clamp(17px,1.34vw,19px);line-height:1.67;max-width:540px;margin-bottom:20px}
.hero-illustration{height:580px;width:67%;right:-8%;bottom:0}
.hero-actions{gap:13px}.hero-actions .btn{font-size:15px;min-height:49px;padding:13px 25px}
.hero-stats{margin-top:32px}.hero-stat strong{font-size:39px}.hero-stat span{font-size:14px}
.eyebrow{font-size:12px;letter-spacing:.18em;margin-bottom:16px}
.benefits-panel{min-height:148px;padding:22px 24px;border-radius:24px}.benefit-copy h3{font-size:19px}.benefit-copy p{font-size:14px;line-height:1.56}.benefit-icon{width:66px;height:66px;flex-basis:66px}
.section{padding:80px 0}.feature-layout{grid-template-columns:260px minmax(0,1fr);gap:38px}.section-intro h2,.about-copy h2{font-size:clamp(37px,3.35vw,48px);line-height:1.16}.section-intro p,.about-copy p{font-size:var(--font-body);line-height:1.72}
.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.service-card{min-height:250px;padding:29px;border-radius:20px}.service-card h3{font-size:24px;line-height:1.24}.service-card p{font-size:var(--font-card);line-height:1.65}.service-card a{font-size:15px}
.about-layout{gap:65px}.about-visual{min-height:430px}.about-visual>img{height:410px}.about-float{width:250px}.about-float strong{font-size:18px}.about-float p{font-size:14px}
.portfolio-layout{display:block}.portfolio-layout .section-intro{max-width:660px;margin-bottom:28px}.portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.portfolio-photo{height:190px}.portfolio-caption{padding:16px;min-height:90px}.portfolio-caption h3{font-size:17px}.portfolio-caption p{font-size:14px}
.testimonial-layout{display:block}.testimonial-layout .section-intro{max-width:760px;margin-bottom:26px}.testimonial-grid{gap:20px}.testimonial-card{min-height:260px;padding:27px 24px 24px 59px}.quote-text{font-size:var(--font-card);line-height:1.66}.testimonial-person strong{font-size:15px}.testimonial-person span{font-size:13px}
.cta-section{padding:0}.cta-box{width:100%;max-width:none;min-height:310px;padding:0;border-radius:0;background-image:linear-gradient(90deg,#43107fea 0%,#5913a7ef 41%,#671fb3bb 63%,#6014ac29 100%),var(--cta-image);background-size:cover;background-position:center;color:#fff;display:block}
.cta-inner{min-height:310px;display:flex;align-items:center}.cta-copy{padding:54px 0;max-width:760px}.cta-box h2{font:700 clamp(34px,3.5vw,49px)/1.12 Georgia,'Times New Roman',serif;color:#fff;margin:0 0 16px;max-width:770px}.cta-box p{font-size:17px;line-height:1.65;max-width:610px;color:#f6eaff}.cta-box .eyebrow{color:#eacbff}.cta-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:24px}.cta-actions .btn{min-height:48px;padding:12px 24px;font-size:15px}.btn-cta-outline{border:1px solid #ffffffad;color:#fff;background:#ffffff14}
.footer{padding-top:62px}.footer-grid{grid-template-columns:1.05fr .85fr 1fr 1.18fr;gap:34px}.footer-logo img{height:65px}.footer-brand p{font-size:14px}.footer h3{font-size:17px}.footer-links a,.footer-contact a,.footer-contact p{font-size:14px}.footer-newsletter p{font-size:14px}.footer-bottom{font-size:13px}
@media(max-width:1120px){.feature-layout{grid-template-columns:1fr}.section-intro{max-width:680px}.hero-copy{width:54%}.hero-illustration{width:64%;right:-11%}.navlinks{gap:17px}.benefits-panel{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.benefit-item:nth-child(2):after{display:none}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-photo{height:230px}.about-layout{gap:35px}}
@media(max-width:960px){.site-header{height:74px}.navlinks{top:74px}.nav-item{font-size:17px}.hero{min-height:0}.hero-layout{min-height:620px}.hero-copy{width:65%;padding:48px 0 220px}.hero h1{font-size:clamp(42px,5.2vw,56px)}.hero-illustration{height:410px;right:-9%}.about-layout{grid-template-columns:1fr}.about-visual{max-width:740px}.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body{font-size:var(--font-mobile)}.container{width:calc(100% - 36px)}.site-header{height:70px}.navlinks{top:70px}.brand img{height:48px;max-width:188px}.hero-layout{min-height:0;padding-top:36px;display:flex;flex-direction:column;align-items:stretch}.hero-copy{width:100%;padding:0}.hero h1{font-size:clamp(34px,var(--font-mobile-hero),48px);line-height:1.14;margin-bottom:16px}.hero-description{font-size:var(--font-mobile);line-height:1.66}.hero-actions .btn{font-size:14px;min-height:45px;padding:11px 17px}.hero-stats{margin-top:26px;gap:7px}.hero-stat{padding-right:11px;margin-right:0}.hero-stat strong{font-size:30px}.hero-stat span{font-size:11px;white-space:normal}.hero-illustration{width:112%;height:auto;min-height:0;aspect-ratio:1.75;position:relative;right:auto;bottom:auto;margin:18px -6% -2px}.hero-illustration img{height:100%;object-fit:contain}.benefits-panel{grid-template-columns:1fr;min-height:0;padding:23px 18px;gap:19px}.benefit-item:after{display:none}.benefit-item{padding:0;gap:14px}.benefit-icon{width:59px;height:59px;flex-basis:59px}.benefit-copy h3{font-size:19px}.benefit-copy p{font-size:14px}.section{padding:57px 0}.section-intro h2,.about-copy h2{font-size:36px}.section-intro p,.about-copy p{font-size:var(--font-mobile)}.service-grid{grid-template-columns:1fr;gap:16px}.service-card{min-height:0;padding:24px}.service-card h3{font-size:23px}.service-card p{font-size:var(--font-mobile)}.about-layout{gap:25px}.about-visual{min-height:365px;padding-bottom:44px}.about-visual>img{height:300px}.about-float{width:61%;padding:14px}.about-float strong{font-size:15px}.about-float p{font-size:12px}.portfolio-grid{grid-template-columns:1fr}.portfolio-photo{height:225px}.portfolio-caption h3{font-size:17px}.portfolio-caption p{font-size:14px}.testimonial-grid{grid-template-columns:1fr}.testimonial-card{min-height:0;padding:25px 20px 22px 58px}.quote-text{font-size:var(--font-mobile)}.cta-inner{min-height:320px}.cta-copy{padding:48px 0}.cta-box h2{font-size:35px}.cta-box p{font-size:var(--font-mobile)}.cta-actions .btn{font-size:14px}.cta-box{background-image:linear-gradient(90deg,#43107ff2,#5c16adcf),var(--cta-image)}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.footer-brand,.footer-newsletter{grid-column:1/-1}.footer h3{font-size:16px}.footer-links a,.footer-contact a,.footer-contact p{font-size:14px}.footer-bottom{font-size:12px}}
@media(max-width:380px){.hero h1{font-size:34px}.hero-stat strong{font-size:26px}.about-float{width:66%}.footer-grid{grid-template-columns:1fr}.footer-brand,.footer-newsletter{grid-column:auto}}