/* Landing SOW: aset lokal, tanpa framework atau font eksternal. */
:root{--navy:#102d4b;--ink:#16324c;--muted:#526575;--gold:#efc64b;--gold-light:#fff4cc;--paper:#fffefb;--cream:#f7f5ef;--line:#dde3e5;--green:#245b48;--radius:20px;--max:1160px}
*{box-sizing:border-box}html{font-size:112.5%;scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:.22em}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:3px solid #176abc;outline-offset:5px}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{line-height:1.16;letter-spacing:-.035em}h1{font-size:clamp(2.3rem,4.1vw,3.65rem);font-weight:750}h2{font-size:clamp(1.9rem,3.1vw,2.65rem);max-width:24ch}h3{font-size:1.25rem;letter-spacing:-.02em}p+p{margin-top:14px}ul{padding-left:1.2em;margin:16px 0 0}li+li{margin-top:8px}strong{font-weight:700}small,.small{font-size:.889rem}.wrap{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.section{padding:88px 0}.tint{background:var(--cream)}.eyebrow{font-size:.889rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:var(--green);margin-bottom:16px}.intro{max-width:64ch;color:var(--muted);margin-top:20px}.section-top{display:flex;gap:28px;justify-content:space-between;align-items:end;margin-bottom:36px}.section-top>p{max-width:43ch;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 22px;border:1px solid transparent;border-radius:9px;text-decoration:none;text-align:center;font-weight:700;line-height:1.35;background:var(--gold);color:var(--navy);transition:background .15s}.button:hover{background:#e5b72d}.button.outline{background:transparent;border-color:#9baab6}.button.outline:hover{background:#edf1f3}.text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:650}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.muted{color:var(--muted)}.anchor{scroll-margin-top:110px}.skip-link{position:fixed;top:10px;left:10px;padding:10px 18px;background:white;z-index:30;transform:translateY(-200%)}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;background:rgba(255,254,251,.98);border-bottom:1px solid var(--line);z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;font-weight:760;font-size:.95rem;line-height:1.25;letter-spacing:-.025em}.brand img{width:43px;height:43px;object-fit:contain;flex-shrink:0}.brand small{display:block;font-size:.889rem;font-weight:600;letter-spacing:.08em;color:var(--muted);margin-top:3px}.site-menu{display:flex;align-items:center;gap:24px;font-size:.889rem;font-weight:600}.site-menu>a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}.site-menu>a:not(.button):hover{text-decoration:underline}.site-menu .login{color:var(--muted)}.site-menu .button{min-height:44px;padding:10px 16px}.menu-toggle{display:none;border:1px solid var(--line);background:white;color:var(--ink);min-height:44px;padding:8px 12px;border-radius:8px;font-weight:650}
.hero{padding:64px 0 52px}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:58px;align-items:center}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy>.lead{font-size:1.075rem;color:var(--muted);max-width:45ch;margin:22px 0 26px}.hero-copy .small{margin-top:16px;max-width:52ch}.hero-price{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);font-size:.889rem;color:var(--muted)}.hero-price strong{color:var(--ink)}.hero-image{border-radius:var(--radius);overflow:hidden;background:#e5ecea;border:1px solid #d4dfdc}.hero-image>img{width:100%;aspect-ratio:8/5;object-fit:cover}.hero-image figcaption{padding:18px 22px;background:var(--navy);color:white;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:.889rem;line-height:1.5}.hero-image figcaption strong{display:block;font-size:.95rem}.photo-note{display:flex;align-items:center;gap:12px;margin:18px 4px 0;font-size:.889rem;color:var(--muted)}.photo-note:before{content:"";height:32px;width:3px;border-radius:2px;background:var(--gold);flex-shrink:0}.facts{margin-top:48px;padding-top:27px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.fact strong{display:block;font-size:1.08rem;margin-bottom:5px}.fact span{font-size:.889rem;color:var(--muted)}.fact+.fact{border-left:1px solid var(--line);padding-left:26px}
.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.feature{padding:30px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.feature .number{display:block;color:var(--green);font-size:.889rem;font-weight:750;margin-bottom:22px}.feature p{color:var(--muted);margin-top:12px;font-size:1rem}.program-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.program{border-top:2px solid var(--navy);padding-top:19px}.program h3{font-size:1.05rem}.program p{color:var(--muted);font-size:1rem;margin-top:8px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:36px}.step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #b5c7bf;color:var(--green);border-radius:50%;font-size:.889rem;font-weight:700;margin-bottom:20px}.step p{margin-top:12px;color:var(--muted);font-size:1rem}.assessment-options{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:start;margin-top:42px;padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:var(--cream)}.assessment-options h3{font-size:1.4rem}.assessment-options p{margin-top:14px;font-size:1rem;color:var(--muted)}.assessment-options .button{margin-top:20px}.online-option{padding-left:28px;border-left:1px solid #cdd6d9}.online-option .price{font-size:1.65rem;font-weight:740;letter-spacing:-.04em;margin-top:10px}.online-option .text-link{margin-top:10px}
.packages{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:34px}.package{background:white;border:1px solid #cdd7db;border-radius:var(--radius);padding:32px;display:flex;flex-direction:column;align-items:start}.package.annual{border:2px solid var(--green);position:relative;background:#fcfefb}.package-tag{color:var(--green);background:#ecf2e9;padding:5px 10px;border-radius:5px;font-size:.889rem;font-weight:700;display:inline-block;margin-bottom:20px}.package h3{font-size:1.6rem}.package .description{font-size:.91rem;color:var(--muted);margin:12px 0 22px}.price-list{width:100%;margin:0}.price-list>div{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding:18px 0;border-top:1px solid var(--line)}.price-list dt{font-weight:600;font-size:.889rem}.price-list dd{margin:0;text-align:right}.price-list strong{font-size:clamp(1.38rem,2.3vw,1.9rem);letter-spacing:-.045em;display:block;line-height:1.2}.price-list small{display:block;color:var(--muted);font-size:.889rem;margin-top:6px}.package .pay-note{font-size:.889rem;font-weight:650;border-top:1px solid var(--line);padding-top:17px;width:100%}.package .guarantee{font-size:.889rem;margin:18px 0 24px;flex-grow:1}.package .button{width:100%}.included{display:flex;gap:12px 25px;flex-wrap:wrap;margin-top:26px;font-size:.889rem}.included span:before{content:"✓";color:var(--green);font-weight:800;margin-right:8px}.price-footnote{font-size:.889rem;color:var(--muted);margin-top:18px;max-width:88ch}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.class-photo{overflow:hidden;border-radius:var(--radius);border:1px solid var(--line)}.class-photo img{width:100%;aspect-ratio:8/5;object-fit:cover}.class-photo figcaption{font-size:.889rem;color:var(--muted);padding:12px 18px}.list-clean{list-style:none;padding:0}.list-clean li{padding:18px 0;border-top:1px solid var(--line)}.list-clean strong{display:block}.list-clean span{display:block;color:var(--muted);font-size:.91rem;margin-top:5px}.sample-log{margin-top:20px;background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:22px;font-size:.889rem}.sample-log .sample-label{display:inline-block;font-size:.889rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--green);margin-bottom:12px}.sample-log dl{margin:0;display:grid;grid-template-columns:95px minmax(0,1fr);gap:8px 15px}.sample-log dt{font-weight:700}.sample-log dd{margin:0;color:var(--muted)}.founders{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:42px}.founder{display:flex;gap:22px;align-items:start;border-top:1px solid var(--line);padding-top:26px}.founder img{width:82px;height:104px;object-fit:cover;object-position:top;border-radius:12px;flex-shrink:0}.founder h3{font-size:1.1rem}.founder p{font-size:1rem;color:var(--muted);margin-top:8px}.founder .role{font-size:.889rem;font-weight:650;color:var(--green);margin-top:6px}
.testimonials{background:var(--navy);color:white}.testimonials .eyebrow{color:var(--gold)}.testimonials .section-top>p{color:#c4d0dc}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.story{background:#fffefb;color:var(--ink);padding:24px;border-radius:14px;display:flex;flex-direction:column;align-items:start}.story-head{display:flex;align-items:center;gap:12px;margin-bottom:22px}.story img{height:48px;width:48px;border-radius:50%;object-fit:cover}.story h3{font-size:1rem}.story .context{font-size:.889rem;color:var(--muted);margin-top:4px}.story blockquote{font-size:1rem;line-height:1.65;flex-grow:1}.story .outcome{font-size:.889rem;color:var(--muted);margin-top:20px}.story .text-link{font-size:.889rem;margin-top:12px}.testimonials .more-stories{margin-top:28px;font-size:.9rem;color:#d7e0e9}.testimonials .more-stories a{display:inline-block;min-height:44px;padding:10px 0;margin-right:20px}.testimonials .attribution{margin-top:24px;font-size:.889rem;color:#c4d0dc;max-width:95ch}
.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.location-grid h2{margin-bottom:24px}.location-details{margin-top:20px}.location-details>div{padding:16px 0;border-top:1px solid var(--line)}.location-details dt{font-size:.889rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.location-details dd{margin:0;color:var(--muted);font-size:1rem}.location-card{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--cream)}.location-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.location-card>div{padding:28px}.location-card h3{font-size:1.4rem}.location-card p{font-size:1rem;color:var(--muted);margin-top:12px}.location-card .button{margin-top:22px}.area-links{display:flex;flex-wrap:wrap;gap:0 20px;margin-top:18px;font-size:.889rem}.area-links a{min-height:44px;padding:10px 0}
.faq-grid{display:grid;grid-template-columns:.7fr 1fr;gap:65px}.faq-grid .intro{font-size:1rem}.faq-list details{border-bottom:1px solid #ccd7d9}.faq-list details:first-child{border-top:1px solid #ccd7d9}summary{min-height:60px;padding:18px 34px 18px 0;font-weight:650;position:relative;list-style:none;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-weight:400;font-size:1.5rem;position:absolute;right:4px;top:12px}details[open]>summary:after{content:"−"}.answer{padding:0 0 22px;color:var(--muted);font-size:1rem;max-width:72ch}.terms{margin-top:36px;padding:22px 28px;background:white;border:1px solid var(--line);border-radius:14px}.terms summary{padding-top:5px;padding-bottom:5px;min-height:40px}.terms summary:after{top:0}.terms .answer{padding-top:14px;padding-bottom:0}.terms h3{font-size:1rem;margin:20px 0 10px}.terms h3:first-child{margin-top:0}
.final-cta{padding:60px 0;background:var(--gold-light)}.final-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.final-cta h2{font-size:clamp(1.75rem,2.8vw,2.3rem)}.final-cta p{margin-top:12px;max-width:62ch;color:var(--muted);font-size:1rem}.final-cta .button{flex-shrink:0;background:var(--navy);color:white}.final-cta .button:hover{background:#234f74}.site-footer{padding:35px 0;background:var(--paper);font-size:.889rem;color:var(--muted)}.footer-top{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{min-height:44px;display:inline-flex;align-items:center}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:20px;margin-top:18px}.footer-bottom p{max-width:75ch}
@media(max-width:1100px){.site-menu{gap:15px}.brand{font-size:.889rem}.header-inner{gap:15px}.site-menu .button{padding:10px 12px}.hero-grid{gap:30px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.header-inner{flex-wrap:wrap;min-height:76px;padding:12px 0;gap:12px}.brand{font-size:.95rem}.js-nav #menu-toggle{display:block}.site-menu{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--line);padding:10px 0;font-size:1rem}.site-menu>a{padding:12px 8px;min-height:48px}.site-menu .button{margin-top:10px}.js-nav .site-menu:not(.is-open){display:none}.js-nav .site-menu.is-open{max-height:calc(100dvh - 98px);overflow-y:auto}.hero-grid{grid-template-columns:1fr 1fr;gap:25px}.hero h1{font-size:2.7rem}.hero-copy .actions{align-items:stretch;flex-direction:column}.hero-copy .actions .text-link{justify-content:center}.hero-copy>.lead{font-size:1rem}.hero-price{font-size:.889rem}.three-grid{gap:15px}.feature{padding:24px}.proof-grid,.location-grid{gap:30px}.faq-grid{gap:35px}.founder{gap:15px}.founder img{width:65px;height:84px}.final-inner{align-items:start;flex-direction:column}.final-cta .button{align-self:start}}
@media(max-width:680px){.site-header .brand small{display:none}.site-header .brand img{width:36px;height:36px}.site-header .brand{font-size:.889rem;gap:8px}.menu-toggle{font-size:.9rem;padding:8px 10px}html{scroll-padding-top:92px}.wrap{width:calc(100% - 40px)}.section{padding:58px 0}.section-top{display:block;margin-bottom:26px}.section-top>p{margin-top:18px}.hero{padding:34px 0 35px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(2.15rem,8.6vw,3rem);max-width:17ch}.hero-copy>.lead{margin:20px 0 24px;max-width:46ch}.hero-copy .actions{gap:8px}.hero-copy .actions .button{width:100%}.hero-price{margin-top:18px;padding-top:16px;font-size:.889rem}.hero-image figcaption{padding:16px;font-size:.889rem}.hero-image figcaption strong{font-size:.9rem}.photo-note{margin-top:13px}.facts{margin-top:30px;padding-top:24px;grid-template-columns:1fr;gap:17px}.fact+.fact{border-left:0;padding:17px 0 0;border-top:1px solid var(--line)}.fact strong{font-size:1rem;margin-bottom:3px}.three-grid,.program-row,.steps,.assessment-options,.packages,.proof-grid,.founders,.location-grid,.faq-grid{grid-template-columns:1fr}.three-grid{gap:14px}.feature{padding:25px}.feature .number{margin-bottom:15px}.steps{gap:25px}.step{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 18px}.step-number{grid-row:1/3;margin-bottom:0}.step p{margin-top:8px}.step h3{align-self:center}.assessment-options{padding:25px;gap:26px;margin-top:30px}.online-option{border-left:0;padding:24px 0 0;border-top:1px solid #ccd7d9}.packages{gap:18px}.package{padding:26px 24px}.package h3{font-size:1.5rem}.included{gap:10px;font-size:.889rem}.included span{width:100%}.proof-grid{gap:25px}.founders{gap:25px;margin-top:30px}.founder img{width:78px;height:98px}.story-grid{grid-template-columns:1fr;gap:15px}.story{padding:25px}.story-head{margin-bottom:16px}.story .outcome{margin-top:15px}.location-grid{gap:30px}.location-card>div{padding:24px}.faq-grid{gap:26px}.terms{padding:20px;margin-top:24px}.terms summary{font-size:.95rem}.final-cta{padding:44px 0}.final-cta .button{width:100%}.footer-top,.footer-bottom{align-items:start;flex-direction:column;gap:15px}.footer-links{gap:0 20px}.site-footer{padding:26px 0}.footer-bottom{margin-top:8px}.story-grid>*{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media(max-width:380px){.site-header .brand span{max-width:6.5rem}}