:root{--ink:#173d32;--forest:#10392f;--paper:#f8f7f2;--soft:#edeee5;--gold:#e4c17e;--muted:#53695e;--line:#c7d0c3;--pad:clamp(24px,5.55vw,96px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #aa791f;outline-offset:5px}img{display:block;width:100%;height:auto}p{line-height:1.75;margin:0}h1,h2,h3{margin:0;font-weight:400;letter-spacing:-.045em}h2{font-size:clamp(40px,4.3vw,66px);line-height:1.07}h3{font-size:30px;line-height:1.18}::selection{background:var(--gold);color:var(--ink)}[hidden]{display:none!important}.skip{position:absolute;left:24px;top:-100px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.08em;font-weight:500}.header{padding:12px var(--pad);display:flex;justify-content:space-between;align-items:center;gap:35px;position:relative;z-index:5;border-bottom:1px solid var(--line)}.brand{width:104px;flex-shrink:0}.brand img{height:67px;object-fit:contain}.nav{display:flex;align-items:center;gap:35px;font-size:14px}.nav a{padding:14px 0}.nav a:hover{color:#866127}.nav-cta{border-bottom:1px solid var(--ink);display:flex;gap:28px;align-items:center}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--ink);padding:12px 15px;min-height:44px}.hero{background:var(--forest);color:var(--paper);padding:34px var(--pad) 0}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.hero-top .eyebrow{font-size:12px;letter-spacing:.075em}.micro{font-size:11px;letter-spacing:.17em;color:#cad6cc}.hero-copy{padding:26px 0 32px}h1{font-size:clamp(62px,6.45vw,108px);line-height:1.03;font-weight:500;letter-spacing:-.055em}h1 span{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.065em;color:var(--gold)}.hero-aside{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-top:25px}.hero-aside p{max-width:555px;font-size:15px;color:#d6e0d6;line-height:1.7}.button{border:1px solid transparent;background:var(--gold);color:var(--ink);display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:19px 23px;font-size:14px;font-weight:500;min-height:56px;flex-shrink:0}.button:hover{background:#edce96}.arrow{font-size:22px;font-weight:400;line-height:1}.hero-photo{margin:0 calc(-1 * var(--pad));position:relative}.hero-photo img{width:100%;height:auto;aspect-ratio:2.56;object-fit:cover}.hero-photo:after{content:'';position:absolute;inset:76% 0 0;background:linear-gradient(transparent,#061b17b8);pointer-events:none}.hero-photo figcaption{position:absolute;bottom:25px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:20px;z-index:1;color:#fff;font-size:11px;letter-spacing:.06em}.hero-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:12px;color:#d5dfd4}.hero-foot a{padding:12px 0;border-bottom:1px solid #759b80;min-height:44px}.section{padding:108px var(--pad)}.section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:end;margin-bottom:49px}.section-head .eyebrow{margin-bottom:25px}.section-intro{max-width:375px;justify-self:end;font-size:16px;color:var(--muted)}.proof-grid{display:grid;grid-template-columns:1.23fr 1fr;gap:4vw;align-items:start}.work{margin:0}.work:nth-child(2){padding-top:92px}.image-button{padding:0;border:0;display:block;width:100%;position:relative;background:var(--soft);color:white;text-align:left;overflow:hidden}.image-button img{transition:transform .5s}.image-button:hover img{transform:scale(1.018)}.zoom{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:44px;height:44px;background:var(--forest);font-size:22px}.work figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:23px}.work h3{font-size:28px;margin-bottom:10px}.work small{font-size:13px;color:var(--muted)}.index{font-size:12px;line-height:1.6;color:var(--muted)}.services{background:var(--soft)}.service-row{display:grid;grid-template-columns:1.07fr 1fr;gap:6vw;align-items:center;padding:43px 0;border-top:1px solid #bfcbbc}.service-row:last-child{padding-bottom:0}.service-copy .index{display:block;margin-bottom:17px}.service-copy h3{font-size:clamp(34px,3.35vw,51px);line-height:1.07;margin-bottom:21px}.service-copy>div>p{font-size:15px;color:var(--muted);max-width:450px}.tags{font-size:12px;line-height:1.7;margin-top:18px;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:27px;font-size:13px;border-bottom:1px solid var(--ink);padding:14px 0 10px;margin-top:13px;min-height:44px}.why{background:var(--forest);color:var(--paper);display:grid;grid-template-columns:1.05fr 1fr;gap:9vw}.why .eyebrow{color:var(--gold);margin-bottom:26px}.why h2{font-size:clamp(42px,4.5vw,69px)}.why-intro{margin-top:30px;max-width:420px;font-size:16px;color:#ccd8ce}.reason{display:grid;grid-template-columns:25px 1fr;gap:18px;padding-bottom:26px;margin-bottom:27px;border-bottom:1px solid #426958}.reason:last-child{margin-bottom:0}.reason .index{color:var(--gold);padding-top:6px}.reason h3{font-size:27px;letter-spacing:-.035em;margin-bottom:12px}.reason p{font-size:15px;line-height:1.7;color:#ccd8ce}.programs{display:block}.program{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:5vw;padding:44px 0;border-top:1px solid var(--line)}.program:first-child{padding-top:0;border:0}.program:last-child{padding-bottom:0}.program:nth-child(2){grid-template-columns:1fr 1.35fr}.program:nth-child(2)>img{order:2}.program-copy .eyebrow{color:var(--muted);margin-bottom:22px}.program-copy h3{font-size:clamp(32px,3.1vw,48px);line-height:1.1;margin-bottom:21px}.program-copy>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:450px}.delivery{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.step{border-top:1px solid #8da38d;padding-top:20px}.step-num{font-family:Georgia,serif;font-style:italic;font-size:48px;color:#69836b;margin-bottom:23px}.step-label{font-size:12px!important;letter-spacing:.04em;color:var(--muted);margin-bottom:14px}.step h3{font-size:26px;line-height:1.14;margin-bottom:15px}.step>p:not(.step-label){font-size:14px;color:var(--muted);line-height:1.7}.output{font-size:12px;line-height:1.6;border-top:1px solid var(--line);margin-top:25px;padding-top:16px;color:var(--muted)}.ai{background:#e8ecdf;display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:77px;padding-bottom:77px}.ai .eyebrow{margin-bottom:24px}.ai h2{font-size:clamp(34px,3.3vw,51px)}.ai p{font-size:15px;color:var(--muted)}.ai-detail{border-top:1px solid #b5c4af;padding-top:23px;margin-top:25px}.ai-detail strong{font-weight:500;display:block;margin-bottom:12px}.trust{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.trust .eyebrow{margin-bottom:25px}.trust h2{font-size:clamp(35px,3.5vw,54px)}.trust-list{border-top:1px solid var(--line)}.trust-item{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:23px 0;font-size:16px}.trust-item span{font-size:12px;color:var(--muted);text-align:right;max-width:120px}.trust-note{margin-top:23px;font-size:15px;color:var(--muted)}.contact{background:var(--forest);color:var(--paper);display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end}.contact .eyebrow{color:var(--gold);margin-bottom:28px}.contact h2{font-size:clamp(49px,5.8vw,88px);line-height:1.035}.contact p{max-width:390px;color:#ccd8ce;font-size:16px;margin-bottom:27px}.contact .email{display:block;font-size:13px;line-height:1.6;margin-top:19px;overflow-wrap:anywhere;padding:8px 0}.footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;background:var(--forest);color:#ccd8ce;border-top:1px solid #426958;padding:28px var(--pad);font-size:12px;line-height:1.6}.footer-brand{font-weight:600;letter-spacing:.11em;font-size:12px}.footer a{padding:12px 0}.draft{border:1px solid #78977c;padding:5px 10px;font-size:11px}dialog{padding:0;border:0;background:var(--paper);color:var(--ink);width:min(760px,calc(100% - 32px));max-height:90dvh;box-shadow:0 25px 100px #0006}dialog::backdrop{background:#061e18d4;backdrop-filter:blur(5px)}.dialog-inner{padding:40px}.close{position:absolute;right:12px;top:12px;z-index:3;background:var(--paper);border:0;width:44px;height:44px;font-size:28px;color:var(--ink)}.dialog-inner h2{font-size:40px;line-height:1.1;margin:18px 30px 16px 0}.dialog-inner>p{font-size:14px;color:var(--muted)}.preproduction{font-size:12px!important;border-left:2px solid #9f783b;padding-left:12px;margin-top:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px;margin-top:26px}.form-grid>label{min-width:0}.full{grid-column:1/-1}label{font-size:13px;line-height:1.6}input,select,textarea{width:100%;min-width:0;background:transparent;border:1px solid #a4b7a1;color:var(--ink);padding:12px;margin-top:8px;border-radius:0;font-size:16px;min-height:48px}textarea{resize:vertical;min-height:112px}.form-action{display:flex;align-items:center;gap:23px;margin-top:25px}.form-action small{font-size:12px;line-height:1.6;color:var(--muted)}#prepared-brief{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}#brief-text{height:210px;font-size:14px}.brief-options{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.secondary{border:1px solid var(--ink);background:transparent}.brief-options .text-link{margin-top:0}#form-status{font-size:13px;line-height:1.6;margin-top:17px}#gallery{width:min(1150px,calc(100% - 32px));background:#0b281f;color:#fff}#gallery img{width:100%;height:auto;max-height:76dvh;object-fit:contain}#gallery-caption{padding:20px 24px;font-size:14px;line-height:1.6}.no-js-note{padding:20px;background:var(--gold);font-size:14px}
@media(min-width:1800px){body{max-width:1920px;margin:auto}}
@media(max-width:1100px){.nav{gap:23px;font-size:13px}.header{gap:25px}.hero-aside p{max-width:490px}.hero-aside{gap:30px}.button{gap:21px;padding:18px}.section{padding-top:88px;padding-bottom:88px}.section-head{gap:35px}.service-row{gap:5vw}.program{gap:4vw}.steps{grid-template-columns:1fr 1fr;gap:38px}.why{gap:6vw}.trust{gap:6vw}.contact{gap:40px}.trust-item{align-items:start}.step h3{font-size:28px}}
@media(max-width:760px){html{scroll-padding-top:20px}.header{padding:10px var(--pad)}.brand{width:88px}.brand img{height:57px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;padding:20px var(--pad) 27px;background:var(--paper);border-bottom:1px solid var(--line);align-items:stretch;font-size:15px;gap:7px}.nav.open{display:flex;flex-direction:column}.nav a{min-height:46px;padding:13px 0}.nav-cta{max-width:320px;justify-content:space-between}.hero{padding-top:25px}.hero-top .eyebrow{font-size:11px;line-height:1.6;letter-spacing:.035em}.hero-top .micro{display:none}.hero-copy{padding:23px 0 29px}h1{font-size:clamp(40px,10.6vw,70px);line-height:1.075;letter-spacing:-.05em}h1 span{letter-spacing:-.06em}.hero-aside{display:block;margin-top:22px}.hero-aside p{font-size:15px;line-height:1.7;max-width:520px}.hero-aside .button{margin-top:23px;min-width:270px}.hero-photo img{aspect-ratio:900/586;object-fit:contain}.hero-photo figcaption{position:static;background:var(--forest);padding:15px var(--pad) 0;font-size:10px;line-height:1.5;letter-spacing:.02em}.hero-photo figcaption span:last-child{display:none}.hero-photo:after{display:none}.hero-foot{align-items:start;gap:14px;font-size:11px;padding:16px 0 23px}.hero-foot>span{max-width:150px;line-height:1.7;padding-top:8px}.hero-foot a{font-size:12px;line-height:1.7;max-width:170px;padding:7px 0}.section{padding:70px var(--pad)}.section-head{display:block;margin-bottom:34px}.section-head .eyebrow{margin-bottom:22px}.eyebrow{font-size:12px;letter-spacing:.04em}h2{font-size:clamp(37px,9.5vw,53px);line-height:1.09}.section-intro{font-size:15px;line-height:1.75;max-width:100%;margin-top:23px}.proof-grid{display:block}.work:nth-child(2){padding-top:36px}.work figcaption{padding-top:20px}.work h3{font-size:27px;line-height:1.18}.work small{font-size:13px}.zoom{right:12px;bottom:12px}.service-row{display:flex;flex-direction:column;align-items:stretch;gap:23px;padding:34px 0}.service-copy .index{margin-bottom:12px}.service-copy h3{font-size:36px;line-height:1.09;margin-bottom:19px}.service-copy>div>p{font-size:15px}.tags{font-size:12px;line-height:1.8;margin-top:17px}.text-link{font-size:14px;gap:23px}.why,.ai,.trust,.contact{grid-template-columns:1fr;gap:36px}.why h2{font-size:42px}.why-intro{font-size:15px;margin-top:26px}.reason{grid-template-columns:24px 1fr;gap:15px;padding-bottom:24px;margin-bottom:25px}.reason h3{font-size:26px}.reason p{font-size:15px}.program,.program:nth-child(2){display:flex;flex-direction:column;gap:23px;align-items:stretch;padding:35px 0}.program:nth-child(2)>img{order:0}.program-copy .eyebrow{margin-bottom:17px}.program-copy h3{font-size:34px;line-height:1.11;margin-bottom:18px}.program-copy>p:not(.eyebrow){font-size:15px}.steps{grid-template-columns:1fr;gap:29px}.step{display:grid;grid-template-columns:55px 1fr;gap:0 20px;padding-top:23px}.step-num{grid-column:1;grid-row:1/5;font-size:42px;margin:0}.step-label,.step h3,.step>p,.output{grid-column:2}.step-label{font-size:12px!important;margin-bottom:10px}.step h3{font-size:28px;margin-bottom:12px}.step>p:not(.step-label){font-size:15px}.output{font-size:12px;margin-top:18px;padding-top:13px}.ai h2,.trust h2{font-size:37px;line-height:1.12}.ai p{font-size:15px}.trust-item{font-size:15px;line-height:1.5;padding:22px 0;gap:20px}.trust-item span{font-size:12px;max-width:106px}.trust-note{font-size:15px}.contact{gap:30px}.contact h2{font-size:clamp(43px,11.7vw,66px);line-height:1.06}.contact p{font-size:15px;max-width:470px}.contact .button{width:100%;max-width:350px}.footer{gap:17px;padding:27px var(--pad);font-size:12px;align-items:start}.footer-brand{flex-basis:100%}.footer>span:nth-child(2){flex-basis:100%;max-width:270px}.footer>a{margin-left:auto}.dialog-inner{padding:30px 24px}.dialog-inner h2{font-size:34px}.form-grid{grid-template-columns:1fr;gap:18px}.form-action{align-items:start;flex-direction:column;gap:15px}.form-action .button{width:100%}.dialog-inner>p{font-size:14px}.brief-options{gap:14px}.close{top:9px;right:9px}.trust .text-link{font-size:13px}}
@media(max-width:370px){h1{font-size:39px}.hero-aside .button{width:100%;min-width:0;padding-left:15px;padding-right:15px;gap:12px}.hero-foot{display:block}.hero-foot>span{display:block;max-width:none}.hero-foot a{display:inline-block;margin-top:10px}.why h2{font-size:37px}.ai h2,.trust h2{font-size:33px}.contact h2{font-size:43px}.service-copy h3{font-size:33px}.dialog-inner{padding:27px 20px}.steps{gap:27px}.step{grid-template-columns:40px 1fr;gap:0 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Owner hero strategy correction — v4 */
.hero-top .eyebrow{max-width:570px;line-height:1.6}
.hero h1{font-size:clamp(48px,5.25vw,91px);line-height:1.08}
.hero h1 .hero-line{display:block;font:inherit;letter-spacing:inherit;color:inherit}
.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--gold);letter-spacing:-.05em}
.hero-aside{align-items:center;margin-top:24px}
.hero-aside p{max-width:650px}
.hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:5px;flex-shrink:0}
.hero-secondary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 0;min-height:44px;font-size:14px;color:var(--paper)}
.hero-secondary:hover{text-decoration:underline;text-underline-offset:5px}
#karya{padding-top:64px}
#karya .section-head{margin-bottom:35px}
@media(max-width:760px){
.hero-top .eyebrow{max-width:320px;font-size:11px;line-height:1.65;letter-spacing:.05em}
.hero h1{font-size:clamp(34px,9.3vw,60px);line-height:1.13;letter-spacing:-.045em}
.hero h1 .hero-line+.hero-line{margin-top:7px}
.hero-aside p{font-size:15px}
.hero-actions{margin-top:22px;max-width:350px}
.hero-aside .button{margin-top:0;width:100%;min-width:0}
.hero-secondary{font-size:14px;padding:13px 0}
.hero-copy{padding-bottom:23px}
.hero-photo figcaption{padding-bottom:15px}
#karya{padding-top:46px}
#karya .section-head{margin-bottom:28px}
}

/* v5: balanced audiences and the Owner's longer value-led headline */
.hero-top .eyebrow{max-width:670px}
.hero h1{font-size:clamp(44px,4.65vw,82px)}
.hero-aside p{max-width:700px}
.audiences{margin-top:70px;padding-top:44px;border-top:1px solid var(--line)}
.audience-intro{display:flex;align-items:start;justify-content:space-between;gap:32px;margin-bottom:35px}
.audience-intro h2{font-size:38px;line-height:1.15}
.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}
.audience-grid article{border-top:1px solid var(--line);padding-top:22px;min-width:0}
.audience-grid h3{font-size:27px;line-height:1.2;min-height:65px;letter-spacing:-.035em}
.audience-grid p{font-size:15px;line-height:1.75;color:var(--muted);margin-top:16px}
.footer>span:nth-child(2){max-width:390px}
@media(max-width:760px){
.hero h1{font-size:clamp(33px,8.8vw,56px);line-height:1.14}
.hero-top .eyebrow{max-width:355px;letter-spacing:.035em}
.audiences{margin-top:45px;padding-top:32px}
.audience-intro{display:block;margin-bottom:28px}
.audience-intro h2{font-size:33px;margin-top:17px}
.audience-grid{grid-template-columns:1fr;gap:26px}
.audience-grid h3{font-size:27px;min-height:0}
.audience-grid p{margin-top:13px}
}

/* v6 — fewer sections, unique imagery, no forced image crop */
.hero-photo img{aspect-ratio:16/9;object-fit:contain;height:auto}
.proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}
.work:nth-child(2){padding-top:0}
.work h3{font-size:25px;line-height:1.2}
.work img{aspect-ratio:auto;object-fit:contain;height:auto}
.service-row{display:block;padding:30px 0}
.service-copy{display:grid;grid-template-columns:36px 1fr 1.2fr;gap:12px 24px;align-items:start}
.service-copy .index{margin:6px 0 0}
.service-copy h3{font-size:36px;margin:0}
.service-copy .text-link{grid-column:3;justify-self:start;margin-top:0}
.service-copy .tags{margin-top:12px}
@media(max-width:760px){
.hero-photo img{aspect-ratio:16/9;height:auto;object-fit:contain}
.proof-grid{display:grid;grid-template-columns:1fr;gap:32px}
.work:nth-child(2){padding-top:0}
.work h3{font-size:27px}
.service-row{padding:27px 0}
.service-copy{grid-template-columns:25px minmax(0,1fr);gap:12px 14px}
.service-copy h3{font-size:31px}
.service-copy>div,.service-copy .text-link{grid-column:2}
.section{padding-top:55px;padding-bottom:55px}
}

/* v7 — authentic method samples, commercial clarity and discovery */
.method-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.method-proof article{border-top:1px solid var(--line);padding-top:23px;min-width:0}
.method-proof h3{font-size:32px;margin:21px 0 17px}
.method-proof article>p:not(.eyebrow){font-size:15px;color:var(--muted)}
.method-proof details{margin-top:22px;border-top:1px solid var(--line)}
.method-proof summary{padding:16px 0;min-height:48px;font-size:14px;cursor:pointer}
.method-proof ul{padding-left:20px;font-size:14px;line-height:1.7;color:var(--muted)}
.method-proof li{margin-bottom:10px}
.service-cta{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}
.service-cta p{max-width:570px;font-size:16px}
.inquiry-next{border-top:1px solid var(--line);margin-top:25px;padding-top:23px}
.inquiry-next h3{font-size:23px;margin-bottom:10px}.inquiry-next p{font-size:14px;color:var(--muted)}
.contact .contact-next{font-size:13px;margin-top:19px;line-height:1.7}
@media(max-width:1100px){.hero-aside{align-items:start}.hero-aside p{max-width:55%}.service-copy{grid-template-columns:30px minmax(0,1fr) minmax(0,1.1fr)}}
@media(max-width:760px){.method-proof{grid-template-columns:1fr;gap:25px}.method-proof h3{font-size:30px;margin-top:15px}.hero-aside p{max-width:100%}.service-cta{align-items:stretch;flex-direction:column;gap:20px}.service-copy{grid-template-columns:25px minmax(0,1fr)}.hero-photo figcaption{display:block}.hero-photo figcaption span{display:block!important}.hero-photo figcaption span+span{margin-top:5px}}

/* v8 — shorter inquiry and buyer-first content */
.service-output{border-top:1px solid var(--line);padding-top:13px;margin-top:16px;font-size:14px!important;line-height:1.65!important}
.service-output strong{font-weight:600;color:var(--ink)}
.optional-fields{margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.optional-fields summary{min-height:48px;padding:14px 0;font-size:14px;cursor:pointer}
.optional-fields .form-grid{margin-top:0;margin-bottom:20px}
.privacy-note{font-size:13px;line-height:1.65;color:var(--muted);margin-top:20px}
.direct-email{display:inline-block;border-bottom:1px solid var(--ink);padding:13px 0;min-height:44px;font-size:14px;margin-top:8px}
#operating-advantage{padding-top:48px;padding-bottom:48px}
#operating-advantage h2{font-size:clamp(30px,3vw,43px)}
#karya .method-proof h3{font-size:29px}
@media(max-width:760px){.hero-photo figcaption{font-size:10px}.optional-fields summary{line-height:1.6}.service-output{font-size:14px!important}.form-action .button{font-size:14px;gap:10px}}

/* v8.1 — editorial phrase grouping; no forced title line breaks */
h1,h2,h3{text-wrap:balance;word-break:normal;overflow-wrap:normal;hyphens:none}
.hero h1 .phrase{font:inherit;letter-spacing:inherit;color:inherit;white-space:nowrap}
.phrase{white-space:nowrap}
.section-head>*,.hero-aside>*,.why>*,.ai>*,.trust>*,.contact>*{min-width:0}
.hero h1{font-size:clamp(40px,4.65vw,82px)}
.why h2{font-size:clamp(34px,3.7vw,56px);line-height:1.12}
.section-head h2{max-width:18ch}
#karya .section-head h2{max-width:19ch}
.service-copy h3{font-size:clamp(28px,2.5vw,36px);line-height:1.15}
.service-copy h3 .phrase{display:inline-block}
.contact h2{font-size:clamp(40px,4.8vw,70px);max-width:16ch;line-height:1.1}
.dialog-inner h2{font-size:clamp(27px,4.4vw,40px);margin-right:0;max-width:19ch}
.button,.text-link,.hero-secondary{text-wrap:balance;line-height:1.4;max-width:100%}
summary:focus-visible{outline:3px solid #aa791f;outline-offset:4px}
@media(min-width:761px) and (max-width:900px){
.service-copy{grid-template-columns:28px minmax(0,1fr);gap:16px 22px}
.service-copy>div,.service-copy .text-link{grid-column:2}
.method-proof{gap:24px}.method-proof h3,#karya .method-proof h3{font-size:26px}
}
@media(max-width:760px){
.hero h1{font-size:clamp(29px,8.55vw,56px);line-height:1.15}
.why h2{font-size:clamp(30px,8.1vw,42px);max-width:20ch}
.service-copy h3{font-size:clamp(26px,7.6vw,34px)}
#operating-advantage h2{font-size:clamp(28px,7.7vw,36px);line-height:1.17}
.section-head h2{font-size:clamp(30px,8.5vw,47px)}
.dialog-inner h2{font-size:clamp(27px,7.8vw,34px);line-height:1.16}
.contact h2{font-size:clamp(35px,9.6vw,53px)}
.form-action .button{padding-inline:12px;white-space:normal}
}
@media(max-width:370px){
:root{--pad:20px}
.dialog-inner{padding:30px 18px}
.button{gap:10px;padding-inline:14px}
.service-copy{grid-template-columns:20px minmax(0,1fr);gap:12px}
.step h3{font-size:25px}.audience-grid h3{font-size:25px}
}

/* v8.2 — sentence boundaries and complete service names */
h2 .sentence{display:block;text-wrap:balance}
#layanan .section-head h2{max-width:none}
.service-unit{display:inline-block;white-space:nowrap}
.service-copy h3{font-size:clamp(25px,2.35vw,36px)}
@media(max-width:760px){.service-copy h3{font-size:clamp(25px,6.7vw,31px)}}

/* v8.3 — six sections, compact evidence examples and secondary AI support */
.why h2{font-size:clamp(32px,3.4vw,50px)}
.why h2 .sentence{white-space:normal}
.sample-note{grid-column:1/-1;font-size:12px;color:#ccd8ce;border-top:1px solid #426958;padding-top:16px;margin-top:-20px}
.sample-output{margin-top:14px;border-top:1px solid #426958;color:#ccd8ce;font-size:13px;line-height:1.7}
.sample-output summary{cursor:pointer;padding:12px 0;min-height:44px;color:var(--gold)}
.sample-output ul{padding-left:20px;margin:0 0 12px}
.audience-section .audiences{margin-top:0;padding-top:0;border-top:0}
.audience-intro h2{max-width:17ch}
.operating-note{margin-top:36px;padding:24px;background:var(--soft);display:grid;grid-template-columns:1fr 1.5fr;gap:28px}
.operating-note h3{font-size:23px;line-height:1.3}.operating-note p{font-size:14px;color:var(--muted)}
.procurement-note{margin-top:24px;display:flex;gap:32px;align-items:center;justify-content:space-between}
.procurement-note p{font-size:14px;max-width:650px;color:var(--muted)}
.procurement-note a{flex-shrink:0;margin-top:0}
.section{padding-top:76px;padding-bottom:76px}
.section-head{margin-bottom:35px}.service-output{margin-top:12px}
@media(min-width:761px) and (max-width:1000px){.why{grid-template-columns:1fr;gap:32px}.why-intro{max-width:650px}.why>div:nth-child(2){max-width:700px}}
@media(max-width:760px){
.section{padding-top:48px;padding-bottom:48px}
#layanan .section-head h2{font-size:clamp(24px,6.8vw,40px);line-height:1.2}
.why h2{font-size:clamp(28px,7.7vw,40px)}
.why{gap:28px}.sample-note{margin-top:0}
.operating-note{display:block;padding:20px;margin-top:25px}.operating-note h3{font-size:22px;margin-bottom:12px}
.procurement-note{display:block}.procurement-note a{margin-top:8px}
.audience-intro h2{font-size:30px}
}

/* v8.4 — bounded phrase wrapping and clearer contact/review controls */
.contact-centre{margin-top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.contact-centre span{font-size:12px;color:#ccd8ce}
.contact-centre a{font-size:clamp(22px,2.2vw,30px);line-height:1.4;padding:8px 0;text-decoration:underline;text-underline-offset:5px;min-height:44px;letter-spacing:.015em}
.dialog-phone{margin-top:16px}.dialog-phone a{display:inline-block;padding:8px 0;text-decoration:underline;text-underline-offset:4px;min-height:44px}
.review-hint{font-size:13px;color:var(--muted);line-height:1.65;margin:12px 0 18px}
#prepared-brief{scroll-margin-top:24px}.brief-options>*{min-width:0;white-space:normal}
.hero h1,.section h2,.service-copy h3,.dialog-inner h2{overflow-wrap:normal}
.service-copy h3 .service-unit{max-width:100%;white-space:normal;text-wrap:balance}
.contact h2 .phrase,.dialog-inner h2 .phrase{display:inline-block;max-width:100%;white-space:normal}
@media(max-width:760px){
.hero h1{font-size:clamp(28px,8.4vw,56px)}
#layanan h2 .sentence .phrase{display:inline-block;max-width:100%;white-space:normal}
.why h2{font-size:clamp(27px,7.5vw,40px);line-height:1.17}
.service-copy h3{font-size:clamp(24px,6.5vw,31px)}
.audience-grid h3{max-width:100%;overflow-wrap:normal}
.dialog-inner h2{max-width:100%;padding-right:18px}
.brief-options{flex-direction:column;align-items:stretch;gap:12px}
.brief-options .text-link{justify-content:space-between}
.contact-centre a{font-size:26px}
}
@media(max-width:370px){
.hero h1{font-size:clamp(26px,8.2vw,31px)}
.hero h1 .phrase{white-space:normal;display:inline-block;max-width:100%}
.section-head h2{font-size:28px}.audience-intro h2{font-size:28px}
.dialog-inner h2{font-size:27px}
}

/* v8.5 — concise copy, direct contact and balanced corporate composition */
.hero-aside{align-items:start}.hero-aside p{max-width:660px}
.hero-phone{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;font-size:15px;min-height:44px;padding:8px 0;color:var(--paper);text-decoration:underline;text-underline-offset:4px}
.hero-phone span{font-size:11px;color:#ccd8ce;text-decoration:none}
.hero-photo{margin:0 auto;max-width:1080px;border-top:1px solid #426958}
.hero-photo figcaption{position:static;background:var(--forest);padding:14px 18px;font-size:10px;line-height:1.6}
.hero-photo:after{display:none}
.contact{align-items:start;grid-template-columns:1fr 1fr;gap:7vw}
.contact h2{font-size:clamp(40px,4.3vw,64px);max-width:13ch}
.contact>div+div{border-left:1px solid #426958;padding-left:40px}
.contact .contact-centre{margin-top:24px}.contact .email{margin-top:8px}
.contact .contact-next{margin-top:22px;padding-top:18px;border-top:1px solid #426958;max-width:390px}
.direct-options{display:flex;flex-wrap:wrap;align-items:center;gap:4px 22px;border-bottom:1px solid var(--line);margin-top:12px;padding-bottom:10px}
.direct-options a{font-size:13px;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.dialog-inner .preproduction{font-size:12px!important;line-height:1.65;margin-top:12px}
.dialog-inner #brief-description{margin-bottom:0}
@media(max-width:760px){
.hero-aside p{font-size:15px;line-height:1.65}
.hero-actions{margin-top:20px}.hero-phone{padding:5px 0}
.hero-photo{margin:0 calc(-1 * var(--pad))}
.hero-photo figcaption{padding:12px var(--pad);font-size:9px}
.contact{grid-template-columns:1fr;gap:26px}
.contact>div+div{border-left:0;padding-left:0}
.contact h2{font-size:clamp(35px,9.6vw,53px);max-width:14ch}
.contact p{margin-bottom:22px}
.dialog-inner{padding-top:30px}
.dialog-inner h2{margin-top:10px;margin-bottom:12px}
.dialog-inner .eyebrow{font-size:11px}
.dialog-inner .form-grid{margin-top:20px;gap:16px}
.direct-options{gap:4px 16px;margin-top:8px;padding-bottom:6px}
.why-intro{margin-top:22px}
}

/* v8.6 — selectable scope, compact sections and direct inquiry */
.section{padding-top:60px;padding-bottom:60px}.section-head{margin-bottom:28px}
.service-row{padding:23px 0}.service-copy{gap:10px 24px}
.service-role{margin-top:10px}.service-role strong{font-weight:600;color:var(--ink)}
.service-deliverables{margin-top:10px;border-top:1px solid var(--line);font-size:14px;line-height:1.65;color:var(--muted)}
.service-deliverables summary{padding:12px 0;cursor:pointer;min-height:44px;color:var(--ink)}
.service-deliverables p{padding-bottom:12px}
.scope-agreement{margin-top:26px;padding:24px;background:var(--paper);border:1px solid var(--line)}
.scope-agreement h3{font-size:25px;line-height:1.25;margin-bottom:18px}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.scope-grid h4{font-size:14px;font-weight:600;margin-bottom:7px}.scope-grid p{font-size:14px;color:var(--muted)}
.scope-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);margin-top:18px;padding-top:14px}
.service-cta{margin-top:24px;padding-top:20px}.compact-audiences{margin-top:36px;padding-top:30px;border-top:1px solid var(--line)}
.compact-audiences .audiences{margin:0;padding:0;border:0}.compact-audiences .audience-intro{margin-bottom:24px}
.compact-audiences .audience-intro h2{font-size:30px}.compact-audiences .audience-grid h3{font-size:23px;min-height:0}
.why .reason{padding-bottom:20px;margin-bottom:20px}.why .sample-note{margin-top:0}
.brief-shortcut{display:block;background:transparent;border:0;border-bottom:1px solid currentColor;color:var(--paper);padding:12px 0;min-height:44px;font-size:13px;margin-top:8px;text-align:left}
.direct-contact{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;margin-top:24px}
.direct-phone{display:flex;flex-direction:column;gap:4px;padding:8px 0;min-height:44px;font-size:20px;text-decoration:underline;text-underline-offset:4px}
.direct-phone span{font-size:11px;color:var(--muted)}.direct-note{font-size:12px;color:var(--muted);margin-top:10px}
.brief-builder{margin-top:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.brief-builder>summary{font-size:14px;cursor:pointer;min-height:48px;padding:14px 0}
.brief-builder[open]{padding-bottom:20px}.inquiry-next{margin-top:18px;padding-top:18px}
@media(max-width:760px){
.section{padding-top:40px;padding-bottom:40px}.service-row{padding:22px 0}
.scope-agreement{padding:20px}.scope-agreement h3{font-size:23px}.scope-grid{grid-template-columns:1fr;gap:18px}
.compact-audiences{margin-top:28px;padding-top:24px}.compact-audiences .audience-intro h2{font-size:28px}
.why .sample-note{margin-top:0}.direct-contact{grid-template-columns:1fr;gap:8px;margin-top:20px}
.direct-contact .button{width:100%}.direct-phone{font-size:23px}
.dialog-inner h2{font-size:clamp(26px,7.8vw,34px)}
}

/* v8.7 — explicit service headline with semantic phrase wrapping */
.hero h1{font-size:clamp(38px,4.2vw,74px);line-height:1.1;max-width:none}
.hero h1 .hero-category{margin-bottom:12px}
.hero h1 .hero-line{max-width:100%;text-wrap:balance}
.hero h1 .hero-line+.hero-line{margin-top:0}
.why h2{max-width:20ch}.why .reason h3{font-size:26px}
@media(max-width:760px){
.hero h1{font-size:clamp(27px,8vw,52px);line-height:1.15;max-width:100%}
.hero h1 .hero-category{margin-bottom:12px}
.hero h1 .phrase{display:inline-block;max-width:100%;white-space:normal}
.why h2{font-size:clamp(28px,7.7vw,40px)}
}
@media(max-width:370px){.hero h1{font-size:clamp(25px,7.9vw,29px)}}

.hero h1 em.phrase{color:var(--gold);font-family:Georgia,"Times New Roman",serif;font-weight:400}

/* v8.8 — category-first hierarchy and source-grounded visual candidates */
.hero h1{font-size:clamp(40px,4.65vw,78px);line-height:1.09;max-width:none}
.hero h1 .category-unit{display:inline-block;max-width:100%;text-wrap:balance;font:inherit;letter-spacing:inherit;color:inherit}
.hero-promise{font-size:clamp(23px,2.25vw,35px);line-height:1.3;color:var(--paper);margin-top:20px;text-wrap:balance}
.hero-promise span{display:inline-block}.hero-promise span+span{margin-left:12px}
.hero-promise em{font-family:Georgia,'Times New Roman',serif;font-style:normal;color:var(--gold)}
.hero-aside{margin-top:24px}.hero-photo img{aspect-ratio:auto;object-fit:contain;height:auto}
.service-copy{grid-template-columns:28px minmax(0,1fr) minmax(0,1.1fr);gap:14px 28px}
.service-copy>.index{grid-column:1;grid-row:1}
.service-copy>h3{grid-column:2;grid-row:1}
.service-copy>.service-media{grid-column:2;grid-row:2;margin:0;max-width:420px;min-width:0}
.service-copy>div{grid-column:3;grid-row:1 / span 2;min-width:0}
.service-copy>.text-link{grid-column:3;grid-row:3;justify-self:start;align-self:end}
.service-media img{display:block;width:100%;height:auto;object-fit:contain}
.service-media figcaption{font-size:11px;color:var(--muted);line-height:1.5;padding:9px 0 0}
.media-review-note{font-size:12px;color:var(--muted);padding-top:14px;border-top:1px solid var(--line);line-height:1.65}
.compact-audiences .audience-intro{display:block;margin-bottom:18px}
.compact-audiences .audience-intro h2{font-size:24px;max-width:none}
.compact-audiences .audience-grid{gap:18px}
.compact-audiences .audience-grid article{padding:14px 16px;border:1px solid var(--line)}
.compact-audiences .audience-grid h3{font-size:20px;line-height:1.3;letter-spacing:-.02em}
@media(min-width:761px) and (max-width:1000px){
.service-copy{grid-template-columns:24px minmax(0,1fr) minmax(0,1.1fr);gap:14px 22px}
.service-copy>h3{font-size:26px}.service-copy>.text-link{grid-column:3}
}
@media(max-width:760px){
.hero h1{font-size:clamp(28px,8.6vw,47px);line-height:1.13}
.hero-promise{font-size:clamp(19px,5.5vw,25px);line-height:1.35;margin-top:16px;text-align:left}
.hero-promise span{display:block}.hero-promise span+span{margin:3px 0 0}
.hero-aside{margin-top:18px}.hero-aside p{font-size:14px;line-height:1.65}
.hero-actions{margin-top:18px}
.service-copy{grid-template-columns:22px minmax(0,1fr);gap:12px 14px}
.service-copy>.service-media{grid-column:2;grid-row:2;max-width:none}
.service-copy>div{grid-column:2;grid-row:3}
.service-copy>.text-link{grid-column:2;grid-row:4}
.service-copy>h3{font-size:clamp(24px,6.5vw,31px)}
.compact-audiences .audience-intro h2{font-size:24px}
.compact-audiences .audience-grid{grid-template-columns:1fr;gap:10px}
.compact-audiences .audience-grid article{padding:12px 14px}
}
@media(max-width:370px){.hero h1{font-size:clamp(25px,8.2vw,30px)}.hero-promise{font-size:19px}}

/* v8.9 — compact service flow, with CTA adjacent to its explanation */
.service-copy{grid-template-columns:24px minmax(230px,340px) minmax(0,1fr);column-gap:32px;row-gap:14px;align-items:start}
.service-copy>.index{grid-column:1;grid-row:1}
.service-copy>h3{grid-column:3;grid-row:1;font-size:clamp(28px,2.4vw,36px);line-height:1.15}
.service-copy>.service-media{grid-column:2;grid-row:1 / span 2;max-width:340px}
.service-copy>div{grid-column:3;grid-row:2}
.service-copy>div>p{max-width:590px}
.service-copy>div>.text-link{margin-top:10px;align-self:start}
.service-row{padding:30px 0}
.scope-agreement{margin-top:26px}
.scope-grid h4{margin-top:0}
.document-samples{margin-top:22px;border-top:1px solid var(--line)}
.document-samples>summary{cursor:pointer;min-height:48px;padding:15px 0;font-size:14px;line-height:1.5}
.document-samples .sample-note{font-size:12px;color:var(--muted);margin:0 0 18px;padding:0;border:0;line-height:1.6}
.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sample-grid h4{margin:0 0 8px;font-size:15px;line-height:1.4}
.sample-grid p{font-size:14px;line-height:1.65;color:var(--muted)}
.delivery .section-head{grid-template-columns:1fr;gap:0;max-width:850px}
@media(min-width:761px) and (max-width:1000px){
.service-copy{grid-template-columns:20px minmax(200px,280px) minmax(0,1fr);column-gap:22px}
.service-copy>h3{font-size:27px}
}
@media(max-width:760px){
.hero-aside p{max-width:38ch}
.service-copy{grid-template-columns:22px minmax(0,1fr);gap:14px 12px}
.service-copy>.index{grid-column:1;grid-row:1}
.service-copy>h3{grid-column:2;grid-row:1;font-size:clamp(24px,6.5vw,31px)}
.service-copy>.service-media{grid-column:1 / -1;grid-row:2;max-width:420px;width:100%}
.service-copy>div{grid-column:1 / -1;grid-row:3}
.service-copy>div>p{font-size:14px;line-height:1.7}
.service-copy>div>.text-link{margin-top:9px}
.service-row{padding:26px 0}
.scope-agreement{margin-top:22px}.sample-grid{grid-template-columns:1fr;gap:18px}
.scope-grid{gap:18px}.scope-agreement{padding:20px}
.steps{gap:21px}.step{padding-top:18px}.step h3{font-size:25px;margin-bottom:8px}
.step>p:not(.step-label){font-size:14px}
.delivery .section-head{margin-bottom:28px}
}

@media(min-width:761px){.service-copy{grid-template-rows:min-content 1fr}}

/* v8.10 — distinguish scope discussion from agreed service role */
.service-copy>div>.service-scope-note{font-size:13px;line-height:1.65;margin-top:12px}

/* v8.11 — readable service scope note; same content and page structure */
.service-copy>div>.service-scope-note{font-size:15px;line-height:1.7;color:var(--ink);margin-top:14px;padding:12px 16px;border-left:3px solid var(--ink);background:var(--paper)}
.service-scope-note strong{display:block;font-weight:600;margin-bottom:4px}
@media(max-width:760px){.service-copy>div>.service-scope-note{font-size:14px;padding:12px 14px}}

/* v8.12 — a quieter scope note with the readable type sizes retained */
.service-copy>div>.service-scope-note{padding:12px 0 0;border-left:0;border-top:1px solid var(--line);background:transparent}
.service-scope-note strong{display:inline;font-weight:500;margin:0}
@media(max-width:760px){.service-copy>div>.service-scope-note{padding:12px 0 0}}

/* v8.13 — balance headings with more readable supporting text */
.hero h1{font-size:clamp(40px,4.3vw,72px)}
.hero-aside p{font-size:16px;line-height:1.7;max-width:64ch}
.services .section-head h2,.delivery .section-head h2{font-size:clamp(36px,3.6vw,54px);line-height:1.12}
.service-copy>h3{font-size:clamp(27px,2.1vw,32px);line-height:1.2;letter-spacing:-.035em}
.service-copy>div>p{font-size:16px;line-height:1.7;max-width:62ch}
.service-copy>div>.service-scope-note{font-size:15px;line-height:1.7}
.scope-grid p{font-size:15px;line-height:1.7}
@media(min-width:761px) and (max-width:1000px){.service-copy>h3{font-size:26px}}
@media(max-width:760px){
.hero h1{font-size:clamp(28px,8.6vw,47px)}
.hero-aside p{font-size:15px;line-height:1.7;max-width:38ch}
.services .section-head h2,.delivery .section-head h2{font-size:clamp(28px,7.2vw,38px);line-height:1.16}
.service-copy>h3{font-size:clamp(23px,6vw,28px);line-height:1.22}
.service-copy>div>p{font-size:15px;line-height:1.7}
.service-copy>div>.service-scope-note{font-size:14px;line-height:1.7}
}
@media(max-width:370px){.hero h1{font-size:clamp(25px,8.2vw,30px)}}

/* v8.15 — owner-confirmed identity and service scope */
.business-details{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid #426958;padding-top:30px;margin-top:8px;min-width:0}
.business-details h3{font-size:24px;line-height:1.3;margin-bottom:16px;letter-spacing:-.025em}
.business-details address{font-style:normal;font-size:15px;line-height:1.75;max-width:52ch;color:#d6e0d6}
.contact .business-details p{font-size:14px;line-height:1.7;margin-top:12px;color:#d6e0d6}
.business-domain{overflow-wrap:anywhere}
.business-legality{border-top:1px solid #759b80;min-width:0;align-self:start}
.business-legality summary{padding:15px 0;min-height:48px;cursor:pointer;font-size:15px;line-height:1.5}
.business-legality dl{margin:0 0 8px;font-size:14px;line-height:1.7}
.business-legality dl>div{padding:10px 0;border-top:1px solid #426958}
.business-legality dt{font-size:12px;color:#c3d3c7;margin-bottom:3px}
.business-legality dd{margin:0;overflow-wrap:anywhere}
@media(max-width:760px){.business-details{grid-template-columns:1fr;gap:24px;padding-top:24px;margin-top:0}.business-details h3{font-size:23px}.business-details address{font-size:15px}}

.email-alternatives{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:16px 0}.email-alternatives button{font:inherit;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer;color:inherit}.email-alternatives p{flex-basis:100%;margin:0;overflow-wrap:anywhere}