@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');:root{--navy:#102b52;--teal:#087f8c;--gold:#e6b65c;--ink:#14233c;--muted:#64748b;--pale:#f5f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);line-height:1.65}h1,h2,h3{font-family:'Plus Jakarta Sans',Arial,sans-serif;line-height:1.17;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,5vw,5.2rem);margin:17px 0 20px}h2{font-size:clamp(2rem,3.1vw,3.15rem);margin:8px 0 22px}h3{font-size:1.3rem}p{color:#596a7d}a{color:inherit;text-decoration:none}button,select{font:inherit}.wrap{width:min(1170px,calc(100% - 44px));margin:auto}.top{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 2px 16px #0d2d5212}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{width:178px;max-height:68px;object-fit:contain}.nav nav{display:flex;align-items:center;gap:19px}.nav nav>a{font-size:13px;font-weight:700;white-space:nowrap}.nav nav>a:not(.btn):hover{color:var(--teal)}.hamb{display:none;border:0;background:transparent;font-size:26px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--teal);color:white!important;border-radius:9px;padding:13px 21px;font-weight:800;line-height:1.3;border:1px solid transparent;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#076b76}.btn.small{padding:12px 16px}.btn.gold{background:var(--gold);color:#102b52!important}.btn.ghost{background:transparent;border-color:#ffffff66;color:#fff!important}.hero{background:radial-gradient(circle at 10% 80%,#135576 0,transparent 35%),linear-gradient(120deg,#102b52,#092441);color:white;padding:76px 0 83px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:64px}.eyebrow{font-size:12px;font-weight:800;color:var(--teal);letter-spacing:.16em}.eyebrow.light{color:var(--gold)}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{color:#d3e2ee;font-size:17px;max-width:540px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.hero-points{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:12px;color:#d6e9ef}.hero-photo{position:relative}.hero-photo>img{width:100%;height:455px;object-fit:cover;border-radius:22px;box-shadow:25px 25px 0 #ffffff13}.photo-note{position:absolute;bottom:-18px;left:-25px;background:white;color:var(--ink);border-radius:12px;padding:16px 22px;box-shadow:0 15px 35px #071f3a3d;display:flex;flex-direction:column}.photo-note span{font-size:12px;color:var(--muted)}.strip{border-bottom:1px solid #e7ebef}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0}.strip-grid>div{display:flex;flex-direction:column;align-items:center;border-right:1px solid #e7ebef}.strip-grid>div:last-child{border:0}.strip strong{font-size:27px;color:var(--navy);font-family:'Plus Jakarta Sans'}.strip span{font-size:12px;color:var(--muted)}.section{padding:94px 0}.section.pale{background:var(--pale)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.section-head>div{max-width:690px}.section-head>p{max-width:325px;font-size:14px}.program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.program-card{background:#f5f7fb;border:1px solid #e9edf4;border-radius:16px;padding:26px;min-height:250px;display:flex;flex-direction:column;transition:.2s}.program-card:hover{transform:translateY(-5px);border-color:var(--teal);box-shadow:0 14px 28px #102b5215}.program-card>span{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.08em}.program-card h3{margin:28px 0 0}.program-card p{font-size:13px;flex:1}.program-card b{font-size:13px;color:var(--teal)}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:center}.about-grid>div>p{max-width:620px}.feature-list{display:grid;gap:12px;margin:26px 0}.feature-list>div{border-left:3px solid var(--teal);padding-left:16px;display:flex;flex-direction:column}.feature-list span{font-size:13px;color:var(--muted)}.founder{display:flex;gap:16px;align-items:center;background:white;border:1px solid #e8edf2;padding:13px;border-radius:15px}.founder img{width:70px;height:78px;object-fit:cover;border-radius:9px}.founder>div{display:flex;flex-direction:column}.founder small{font-size:10px;color:var(--teal);font-weight:800}.founder b{font-size:13px}.founder span{font-size:11px;color:var(--muted)}.about-image{position:relative}.about-image img{width:100%;height:540px;object-fit:cover;border-radius:20px}.float-label{position:absolute;bottom:25px;left:-24px;background:var(--gold);font-weight:800;padding:18px;border-radius:12px}.tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px}.tabs button{border:1px solid #dbe3eb;background:#fff;padding:10px 17px;border-radius:100px;cursor:pointer;color:var(--ink);font-weight:700}.tabs button.active,.tabs button:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.fees{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.fee{border:1px solid #e1e8ef;border-radius:17px;padding:26px;background:#fff;display:flex;flex-direction:column;min-height:285px;box-shadow:0 7px 28px #12335507}.fee:hover{border-color:var(--teal)}.fee small{color:var(--teal);font-weight:800;letter-spacing:.09em}.fee h3{margin:12px 0 8px}.price{font-size:38px;line-height:1.3;font-family:'Plus Jakarta Sans';font-weight:800;color:var(--navy)}.price span{font-size:13px;font-weight:500;color:var(--muted)}.fee p{font-size:13px;flex:1}.fee .btn{width:100%}.info-line{display:flex;gap:15px;align-items:baseline;background:#f5f7fb;padding:17px 22px;border-radius:12px;margin-top:22px}.info-line b{white-space:nowrap}.info-line p{margin:0;font-size:13px}.schedule-box{background:#fff;padding:32px;border-radius:20px;border:1px solid #e4ebf2;box-shadow:0 15px 35px #102b520a}.selectors{display:flex;gap:20px;margin-bottom:24px}.selectors label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;flex:1}.selectors select{padding:13px;border:1px solid #dce4ed;border-radius:9px;background:#fff;color:var(--ink)}.schedule-box table{border-collapse:collapse;width:100%;font-size:14px}.schedule-box th{background:var(--navy);color:#fff;text-align:left}.schedule-box th,.schedule-box td{padding:14px;border-bottom:1px solid #e5ebf1}.schedule-box .note{font-size:13px;color:var(--muted);margin-top:18px}.text-link{display:inline-block;color:var(--teal);font-weight:800;margin-top:18px}.tutor-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.tutor-grid>div{background:#fff;border:1px solid #e5eaf0;border-radius:14px;overflow:hidden}.tutor-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.tutor-grid b{display:block;text-align:center;font-size:12px;padding:13px 5px}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.activity-grid article{background:#fff;border-radius:15px;overflow:hidden}.activity-grid img{width:100%;height:240px;object-fit:cover;display:block}.activity-grid article>div{padding:22px}.activity-grid small{color:var(--teal);font-weight:800}.activity-grid h3{margin:7px 0}.activity-grid p{font-size:13px;margin:0}.event-note{display:flex;align-items:center;gap:20px;background:#e7f3f4;border-radius:12px;margin-top:25px;padding:18px 23px;font-size:14px}.event-note b{color:var(--navy);white-space:nowrap}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.location-grid article{padding:33px;border:1px solid #e4eaf0;border-radius:18px}.location-no{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.1em}.location-grid h3{font-size:25px}.location-grid p{font-size:14px;max-width:350px}.location-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.outline{border:1px solid #d5e0ea;padding:12px 18px;border-radius:9px;font-weight:800;font-size:13px}.final-cta{background:var(--navy);color:white;padding:55px 0}.final-cta>.wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.final-cta h2{margin:7px 0}.final-cta p{color:#c6d9e9;margin:0}footer{background:#081c35;color:#e8eff7;padding:52px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid img{width:180px;max-height:85px;object-fit:contain}.footer-grid p,.footer-grid small{color:#9eb0c3;font-size:12px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:9px}.footer-grid a{font-size:13px;color:#b8c9d8}.copyright{border-top:1px solid #ffffff22;padding-top:18px;margin-top:40px;font-size:11px;color:#9eb0c3}@media(max-width:1100px){.nav nav{gap:11px}.nav nav>a{font-size:11px}.brand img{width:140px}.hero-grid{gap:30px}.program-grid{grid-template-columns:repeat(2,1fr)}.tutor-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.wrap{width:min(100% - 32px,1170px)}.nav{height:70px}.hamb{display:block}.nav nav{display:none;position:absolute;left:0;right:0;top:70px;background:white;padding:20px;box-shadow:0 18px 24px #102b5220;flex-direction:column;align-items:stretch;gap:12px}.nav nav.open{display:flex}.nav nav>a{font-size:14px;padding:6px}.hero{padding:50px 0 65px}.hero-grid,.about-grid{grid-template-columns:1fr}.hero-photo>img{height:320px}.photo-note{left:12px}.strip-grid{grid-template-columns:repeat(2,1fr);row-gap:20px}.strip-grid>div:nth-child(2){border:0}.section{padding:65px 0}.section-head{display:block}.section-head>p{max-width:none}.program-grid,.fees,.activity-grid,.location-grid{grid-template-columns:1fr}.about-grid{gap:25px}.about-image img{height:300px}.float-label{left:10px}.tutor-grid{grid-template-columns:repeat(2,1fr)}.selectors{flex-direction:column}.schedule-box{padding:18px;overflow-x:auto}.schedule-box table{min-width:420px}.info-line,.event-note{display:block}.final-cta>.wrap{display:block}.final-cta .btn{margin-top:24px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
/* V2 — colour, visual rhythm, interactive schedules */
body{background:#f5f7fb} .hero{background:radial-gradient(circle at 90% 10%,#166c9a 0%,transparent 38%),linear-gradient(125deg,#071d42,#103d76 60%,#087f8c)!important}.hero-photo{position:relative;min-height:400px}.hero-slides{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}.hero-slide.is-on{opacity:1}.hero-dots{position:absolute;z-index:4;bottom:84px;right:18px;display:flex;gap:8px}.hero-dots button{width:12px;height:12px;border-radius:100%;background:#fff8;border:2px solid #fff;cursor:pointer}.hero-dots button.is-on{background:#ffd15a}.program-card:nth-child(1){background:linear-gradient(140deg,#dff7fb,#fff)!important;border-top:6px solid #07a4b3}.program-card:nth-child(2){background:linear-gradient(140deg,#e8e3ff,#fff)!important;border-top:6px solid #7c4ee0}.program-card:nth-child(3){background:linear-gradient(140deg,#fff0d2,#fff)!important;border-top:6px solid #f5b629}.program-card:nth-child(4){background:linear-gradient(140deg,#e5f9e7,#fff)!important;border-top:6px solid #2aab76}.events-section{background:linear-gradient(180deg,#e9f6ff 0%,#fff3e6 56%,#e8f6f5 100%)}.event-highlight{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;background:linear-gradient(120deg,#102b52,#006e89);padding:26px;border-radius:26px;color:white;margin:25px 0 34px;overflow:hidden}.event-highlight h3{font-size:clamp(26px,4vw,46px);color:white;line-height:1.12}.event-highlight p{color:#e8f8ff}.event-highlight img{width:100%;height:300px;object-fit:cover;object-position:top;border-radius:18px}.event-pill{background:#ffcf4a;color:#102b52;padding:8px 12px;border-radius:30px;font-weight:800;font-size:12px}.subheading{font-size:25px;margin:26px 0 18px;color:#102b52}.poster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.poster-grid article{background:white;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #173b6517}.poster-grid img{width:100%;height:340px;object-fit:cover;object-position:top;display:block}.poster-grid article>div{padding:18px}.poster-grid h3{margin:10px 0 5px}.poster-grid p{margin:0}.archive-tag{font-size:11px;background:#ffebbc;color:#704300;border-radius:50px;padding:6px 10px;font-weight:700}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.gallery-grid img{width:100%;height:220px;object-fit:cover;border-radius:16px;box-shadow:0 8px 20px #102b5215}.schedule-section{background:linear-gradient(140deg,#d8f4f7,#f4f1ff 55%,#fff4da)}.schedule-box{background:#fff;border:2px solid #a9e4ed;box-shadow:0 16px 50px #102b5217}.schedule-title{font-size:22px;color:#102b52;margin:16px 0}.level-buttons{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.level-buttons button{border:1px solid #b9dbe0;border-radius:40px;background:#e9f7f9;color:#102b52;padding:10px 16px;font-weight:700;cursor:pointer}.level-buttons button.active{background:#087f8c;color:white}.table-scroll{overflow-x:auto;border-radius:12px}.table-scroll table{min-width:530px}.table-scroll th{background:#087f8c;color:#fff}.table-scroll tr:nth-child(even) td{background:#edf9fc}.table-scroll td{vertical-align:top}.fee:nth-child(2n){border-top:5px solid #087f8c}.fee:nth-child(2n+1){border-top:5px solid #efbd4e}.gallery-grid img:hover,.poster-grid img:hover{transform:scale(1.015);transition:transform .2s ease}@media(max-width:700px){.event-highlight{grid-template-columns:1fr}.event-highlight img{height:240px}.poster-grid{grid-template-columns:1fr 1fr;gap:12px}.poster-grid img{height:260px}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid img{height:150px}.hero-photo{min-height:330px}}@media(max-width:450px){.poster-grid{grid-template-columns:1fr}.poster-grid img{height:340px}.hero-photo{min-height:270px}}

/* V3: legibility, editorial founder profile and genuine-feedback area */
.hero-tagline{display:flex;flex-direction:column;gap:7px;margin:22px 0 12px;padding:17px 19px;border-left:4px solid #f3c75d;background:rgba(255,255,255,.1);border-radius:0 13px 13px 0;color:#fff;max-width:650px}
.hero-tagline strong{font-size:clamp(18px,2vw,25px);line-height:1.25;color:#ffe18b}.hero-tagline span{font-size:clamp(15px,1.35vw,18px);line-height:1.65;color:#f0f8ff}
#tentang> .wrap p{font-size:clamp(16px,1.3vw,18px);line-height:1.8}
.founder-expanded{align-items:flex-start;gap:20px}.founder-expanded img{width:100px;height:115px;object-fit:cover;flex-shrink:0}.founder-expanded b{font-size:19px}.founder-expanded span{font-size:15px;line-height:1.6;display:block}.founder-expanded p{margin:11px 0 0;font-size:16px!important;line-height:1.75}
.vision-mission{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:27px 0}.vision-mission article{background:linear-gradient(145deg,#d8f6f6,#fff);border-radius:18px;padding:24px;border:1px solid #b6e7e9;box-shadow:0 8px 22px #102b5210}.vision-mission article:nth-child(2){background:linear-gradient(145deg,#fff0cc,#fff);border-color:#f4dea4}.vision-mission span{color:#087f8c;font-size:12px;letter-spacing:.11em;font-weight:800}.vision-mission h3{font-size:26px;margin:8px 0;color:#102b52}.vision-mission p{margin:0!important;font-size:16px!important;line-height:1.7!important}
.fee-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto}.fee-actions .btn{flex:1;min-width:145px;text-align:center;white-space:nowrap}.fee-actions .fee-whatsapp{background:#168f62;color:#fff;border:1px solid #168f62}.fee-actions .fee-whatsapp:hover{background:#0f7450}
.testimonials-section{background:linear-gradient(125deg,#dff7f9 0%,#fff2d2 48%,#eae6ff 100%)}.testimonials-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.testimonials-grid article{border-radius:22px;padding:30px}.testimonial-intro{background:#102b52;color:#fff}.testimonial-intro h3{color:#fff;font-size:clamp(23px,2.6vw,34px);line-height:1.2}.testimonial-intro p{color:#e2eff7;font-size:17px;line-height:1.7}.testimonial-icon{font-size:60px;color:#ffcc4b;line-height:1}.testimonial-placeholder{background:#fff;border:2px dashed #a6c9d5;display:flex;flex-direction:column;justify-content:center}.testimonial-placeholder h3{font-size:24px;color:#102b52}.testimonial-placeholder p{font-size:17px;line-height:1.65}.testimonial-placeholder span{font-size:13px;color:#566779}.quote-symbol{font-size:68px;color:#087f8c;line-height:1}
@media(max-width:850px){.vision-mission,.testimonials-grid{grid-template-columns:1fr}.founder-expanded{flex-direction:column}.fee-actions .btn{min-width:100%}}

/* V4: Home tuition & feedback gallery */
.home-tuition-note{margin:28px 0 20px;background:linear-gradient(115deg,#102b52,#087f8c);color:white;padding:27px 30px;border-radius:20px;border-left:6px solid #ffd05c}.home-tuition-note strong{font-size:24px}.home-tuition-note p{font-size:16px;line-height:1.7;color:#f1f8ff;max-width:950px}.testimonials-section{background:linear-gradient(130deg,#d9f5f6,#fff3d7 55%,#e7e5ff)}.testimonial-showcase{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.feedback-lead{background:#102b52;color:white;padding:34px;border-radius:22px}.feedback-lead h3{color:white;font-size:30px}.feedback-lead p{font-size:17px;line-height:1.7;color:#e5f3fc}.feedback-gallery{display:grid;grid-template-columns:1fr 1fr;gap:15px}.feedback-gallery article{background:white;border:1px solid #cce6eb;border-radius:22px;padding:25px;box-shadow:0 8px 28px #102b5210}.feedback-gallery h3{font-size:21px}.feedback-gallery p{font-size:15px;line-height:1.7}.feedback-graphic{font-size:40px}.feedback-caption{font-size:13px;margin-top:18px;color:#43576c}@media(max-width:850px){.testimonial-showcase,.feedback-gallery{grid-template-columns:1fr}}

/* V5: actual parent and student feedback */
.quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0 42px}.quote-card{background:#fff;border:1px solid #dce7ef;border-radius:20px;padding:27px;box-shadow:0 10px 30px #102b520b;display:flex;flex-direction:column;align-items:flex-start}.quote-card blockquote{margin:4px 0 22px;color:#19344b;font-size:clamp(16px,1.4vw,19px);line-height:1.75;flex:1}.quote-mark{color:#e6b65c;font-size:54px;font-weight:800;line-height:1}.quote-card strong{color:#102b52;font-size:16px}.quote-card small{color:#557085;margin-top:5px}.testimonial-intro{max-width:740px;line-height:1.7}.testimonial-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.testimonial-photos figure{margin:0;border:1px solid #dae5ee;border-radius:17px;overflow:hidden;background:#fff}.testimonial-photos img{display:block;width:100%;height:330px;object-fit:contain;background:#f3f6fa}.testimonial-photos figcaption{padding:13px 15px;font-weight:700;color:#19344b}.feedback-bottom{margin-top:30px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.feedback-bottom p{max-width:560px}@media(max-width:900px){.testimonial-photos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.quote-grid,.testimonial-photos{grid-template-columns:1fr}.testimonial-photos img{height:auto;max-height:530px}.quote-card{padding:22px}}


/* V6 — visual refinement only: existing V5 content, prices, schedules and testimonials retained */
:root{--navy:#0a2855;--teal:#008e9c;--gold:#f6bd35}
.hero{position:relative;background:radial-gradient(ellipse at 87% 35%,#066e98 0,transparent 49%),linear-gradient(120deg,#071d42 5%,#0a3571 64%,#06597b 100%)!important;padding:74px 0 85px}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background:linear-gradient(135deg,transparent 13%,#18b7b730 13.1%,transparent 13.4%),linear-gradient(160deg,transparent 85%,#f6bd3540 85.1%,transparent 85.5%)}
.hero-grid{position:relative;grid-template-columns:1.02fr 1fr;gap:48px}
.hero h1{font-size:clamp(3.2rem,4.5vw,5rem);line-height:1.13}
.hero-text>p{font-size:18px;line-height:1.75}
.hero-photo{min-height:440px;isolation:isolate}
.hero-slides{position:absolute;inset:0;overflow:hidden;border-radius:32px;border:4px solid #ffffff3d;box-shadow:0 24px 60px #0005,14px 14px 0 #14a4a92b}
.hero-slide{border-radius:28px;object-position:center}
.hero-dots{bottom:17px;right:50%;transform:translateX(50%);padding:7px 11px;background:#0a234ba6;border-radius:20px}
.hero-dots button{width:11px;height:11px;border:1px solid #fff9}
.hero-arrow{position:absolute;top:48%;transform:translateY(-50%);z-index:5;width:38px;height:38px;border-radius:50%;background:#fffef2;color:#102b52;border:0;font-size:29px;line-height:1;cursor:pointer;box-shadow:0 5px 18px #001c3d55}
.hero-prev{left:-18px}.hero-next{right:-18px}
.photo-note{left:auto;right:22px;bottom:49px;border-radius:12px;padding:12px 18px;box-shadow:0 9px 25px #00152d55}
.photo-note b{font-size:15px}.photo-note span{font-size:13px}
.hero-tagline{padding:17px 20px!important;border-radius:15px!important;background:linear-gradient(110deg,#125b91a8,#0e6d8e80)!important;border-left:4px solid var(--gold);box-shadow:0 8px 22px #001a3320}
.hero-tagline strong{font-size:18px!important}.hero-tagline span{font-size:15px!important;line-height:1.7!important}
.hero-points{font-size:14px;gap:13px 18px;font-weight:700;margin-top:16px}
.strip{background:#fff}
.strip-grid{padding:24px 0}
.strip strong{font-size:31px}.strip span{font-size:14px;font-weight:600}
#tentang{background:linear-gradient(115deg,#e8f7fc 0%,#f7fcff 50%,#dff2f4 100%);position:relative}
#tentang:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#f6bd35,#008e9c,#0a2855)}
#tentang .about-grid{grid-template-columns:1.18fr .82fr;align-items:start;gap:34px}
#tentang .about-grid>div:first-child{background:#ffffffb8;padding:32px;border-radius:25px;box-shadow:0 12px 36px #153a5412;border:1px solid #d3eaf1}
#tentang h2{font-size:clamp(2rem,3.1vw,3rem);max-width:700px;color:#082f5d}
#tentang .about-grid>div>p{font-size:16px;line-height:1.8}
#tentang .feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:25px 0}
#tentang .feature-heading{grid-column:1/-1;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;font-size:12px;color:#087f8c;letter-spacing:.1em;font-weight:800}
#tentang .feature-list>div:not(.feature-heading){padding:16px 12px!important;border:1px solid #d2e9ee!important;border-radius:13px;background:linear-gradient(150deg,#fff,#eaf8f8);min-height:114px;display:flex;flex-direction:column;justify-content:center}
#tentang .feature-list b{font-size:14px;color:#063a59}
#tentang .feature-list span{font-size:12px;line-height:1.5;margin-top:5px}
#tentang .founder{position:relative;border:1px solid #b9e2e6;box-shadow:0 12px 25px #073b5814;background:linear-gradient(125deg,#fff,#e7f6fa);padding:22px;align-items:flex-start}
#tentang .founder-accent{position:absolute;right:16px;top:12px;font-size:10px;letter-spacing:.1em;color:#008e9c;font-weight:800}
#tentang .founder img{width:96px;height:110px;flex-shrink:0;border-radius:14px;border:3px solid white}
#tentang .founder b{font-size:16px;color:#0a2855}
#tentang .founder span{font-size:13px;line-height:1.6}
#tentang .founder p{font-size:13px;line-height:1.65}
#tentang .about-image{position:sticky;top:110px;padding:10px;background:white;border-radius:27px;box-shadow:0 20px 42px #0a28551e}
#tentang .about-image img{border-radius:19px;height:660px;object-fit:cover}
#tentang .float-label{left:20px;bottom:20px;border-radius:12px;box-shadow:0 6px 16px #0002}
#tentang .vision-mission article{background:white;border:1px solid #d3e8ef;border-radius:14px;padding:18px}
.social-section{background:linear-gradient(110deg,#061d3f,#0a3e6b 70%,#076b82);padding:30px 0;color:white}
.social-inner{display:flex;align-items:center;gap:30px;justify-content:space-between}
.social-title{display:flex;flex-direction:column;min-width:230px}
.social-title>span{color:#f6bd35;font-size:11px;font-weight:800;letter-spacing:.13em}
.social-title>strong{font-size:21px;line-height:1.35}
.social-title>small{color:#bcdbe7;font-size:12px;margin-top:4px}
.social-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex:1}
.social-links>a{display:flex;align-items:center;gap:10px;border:1px solid #ffffff42;border-radius:13px;padding:13px;background:#ffffff13;min-width:0;transition:background .2s}
.social-links>a:hover{background:#ffffff29}
.social-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#fff;color:#07375a;font-size:24px;font-weight:900;flex-shrink:0}
.social-links a>span:nth-child(2){display:flex;flex-direction:column;min-width:0}
.social-links b{font-size:14px}.social-links small{font-size:11px;color:#c5e1e9;overflow-wrap:anywhere}
.social-external{margin-left:auto;color:#f6bd35}
.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}
.footer-social{display:flex;flex-direction:column;gap:9px}
.footer-social a{font-size:13px;color:#b8c9d8}
@media(max-width:1000px){.social-inner{flex-direction:column;align-items:stretch}.hero-grid{gap:26px}#tentang .about-grid{grid-template-columns:1fr}#tentang .about-image{position:relative;top:auto}#tentang .about-image img{height:420px}}
@media(max-width:760px){.hero{padding:48px 0 65px}.hero-photo{min-height:310px}.hero-slides{border-radius:22px}.hero-slide{border-radius:19px}.hero-prev{left:3px}.hero-next{right:3px}.hero-arrow{width:32px;height:32px}.photo-note{right:10px;bottom:45px}.hero-tagline strong{font-size:16px!important}.hero-tagline span{font-size:14px!important}.hero-points{font-size:13px}.strip span{font-size:12px}#tentang .about-grid>div:first-child{padding:22px}#tentang .feature-list{grid-template-columns:1fr 1fr}#tentang .feature-list>div:not(.feature-heading){min-height:100px}#tentang .founder{flex-wrap:wrap;padding:18px}#tentang .founder-accent{position:static;width:100%}.social-links{grid-template-columns:1fr}.social-inner{gap:18px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){#tentang .feature-list{grid-template-columns:1fr}#tentang .about-image img{height:300px}.hero-photo{min-height:260px}.photo-note{padding:8px 12px}.photo-note span{font-size:11px}}