/* V0.6: a boundary opens, pauses, then carries the transaction forward. */
.brand{gap:10px;letter-spacing:-.055em}.brand>span{font-weight:700}.brand img{width:32px;height:32px}.brand .light{font-weight:500}
.cinematic{min-height:840px;padding-top:40px}.hero-photo{inset:0 0 0 25%;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%,0 38%,30% 38%)}.hero-photo img{object-position:60% 58%;filter:saturate(.85)}.hero-photo:after{background:linear-gradient(90deg,#123f3c 0%,#123f3c85 25%,transparent 65%),linear-gradient(0deg,#17202180,transparent 50%)}.hero-heading h1{font-size:clamp(68px,6.6vw,96px);max-width:1100px}.hero-action{margin-top:45px}.floating-state{right:8%;bottom:52px;width:355px;transform:rotate(-2deg);border-top:0;box-shadow:12px 12px 0 #c7a36a,24px 24px 0 #123f3c;z-index:1}.floating-state>*{transform:rotate(0deg)}.state-tab{background:var(--ink);color:var(--gold);font-size:9px;letter-spacing:.12em;padding:12px 16px;margin:-22px -26px 18px}.active-moment{border-left:3px solid var(--gold);padding-left:10px;background:#c7a36a20}.hero-boundary{position:absolute;right:4%;top:36px;width:38%;height:74%;border-top:1px solid var(--gold);border-right:1px solid var(--gold);pointer-events:none;z-index:-1}.hero-boundary:after{content:'';position:absolute;right:0;bottom:0;width:70px;height:30px;border-bottom:3px solid var(--gold);border-left:3px solid var(--gold)}.hero-boundary span{position:absolute;right:18px;top:15px;font-size:8px;letter-spacing:.14em;color:var(--cream)}
.clarity{padding-top:90px;padding-bottom:80px}.transaction-evidence{background:var(--cream);display:grid;grid-template-columns:1fr 1fr;min-height:660px;position:relative}.evidence-photo{position:relative;overflow:hidden}.evidence-photo img{width:100%;height:100%;object-fit:cover;object-position:55% 50%}.evidence-photo:after{content:'';position:absolute;inset:35px 35px 35px 0;border-top:1px solid var(--cream);border-right:1px solid var(--cream);border-bottom:1px solid var(--cream)}.evidence-content{padding:55px 10% 45px 9%;position:relative}.evidence-content:before{content:'';position:absolute;top:0;left:0;width:60px;height:5px;background:var(--gold)}.evidence-content h2{font-size:42px;line-height:1.08;margin:22px 0 28px}.evidence-ledger p{display:grid;grid-template-columns:25px 1fr;margin:0;padding:13px 0;border-top:1px solid var(--sage);font-size:10px;letter-spacing:.04em}.evidence-ledger b{grid-column:2;font-size:12px;font-weight:500;margin-top:4px;letter-spacing:0}.evidence-ledger span{color:var(--teal)}.evidence-ledger .timing-cue{border-left:4px solid var(--gold);padding-left:10px;margin-left:-14px}.evidence-note{font-size:11px;max-width:400px;margin:20px 0 0}
.signature{padding:75px 5% 65px;background:var(--ink);position:relative}.signature-title{margin-bottom:40px}.signature-title h2{font-size:51px}.signature-title h2 em{color:var(--gold)}.journey-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;border-top:1px solid var(--sage);padding:16px 0 35px;color:var(--cream)}.journey-label span{color:var(--gold)}.output-steps{position:relative;padding-top:40px;grid-template-columns:1fr 1.1fr 1fr;gap:0}.output-steps article{background:var(--cream);margin-top:0;padding:28px 32px 32px;border-top:4px solid var(--gold);box-shadow:14px 14px 0 #17202140}.output-steps article:nth-of-type(2){margin:65px -1px 0 -18px;background:var(--white);z-index:2}.output-steps article:nth-of-type(3){margin:130px 0 0 -18px;padding-left:36px;background:var(--teal);border-top:4px solid var(--gold)}.giant{font-size:80px}.ambang-path{position:absolute;left:0;top:0;width:100%;height:200px;overflow:visible;pointer-events:none}.ambang-path path{fill:none;stroke:var(--gold);stroke-width:2;vector-effect:non-scaling-stroke}.output-steps article:before{content:'';position:absolute;top:-11px;left:30px;width:14px;height:14px;background:var(--gold);border:3px solid var(--ink)}.sample-output{min-height:95px}.recognition{background:var(--white);padding-top:75px;padding-bottom:75px}.scenario-list span{border-left:2px solid var(--gold);padding-left:9px}.privacy-editorial{background:var(--cream);color:var(--ink);border-top:1px solid var(--sage)}.privacy-editorial .eyebrow{color:var(--teal)}.privacy-copy p{color:var(--ink)}.privacy-seal img{content:url('assets/semakrumah-ambang.svg')}.buyer-photo img{object-position:50% 60%;filter:saturate(.85)}.buyer-moment{border-top:3px solid var(--gold);box-shadow:12px 12px 0 #c7a36a}.buyer-action .cta .arrow,.flow .cta .arrow,.result .cta .arrow{background:var(--gold);color:var(--ink);border:0}.buyer-recognition{border-bottom:1px solid var(--sage)}
.conversion-close{min-height:470px;padding-top:75px;padding-bottom:75px;background:var(--teal)}.close-photo{inset:0;background:linear-gradient(90deg,#123f3c 0%,#123f3ce6 40%,#123f3c90 100%),url('assets/decision-threshold.png') 65% 50%/cover;opacity:1}.threshold-line{display:block;right:3%;top:30px;width:43%;height:calc(100% - 60px);border:1px solid var(--gold);border-left:0;opacity:1;z-index:0}.threshold-line:after{border-color:var(--gold);top:auto;bottom:0;height:55px;width:35px;left:-35px}.conversion-close h2{font-size:51px}.close-action{padding:0 0 20px}.conversion-close .eyebrow{margin-bottom:35px}
footer{position:relative;overflow:hidden;padding:70px 5% 28px}.footer-top{display:block}.footer-top .brand-line{font:400 clamp(45px,6.4vw,90px)/1.04 var(--serif);max-width:950px;margin:50px 0 60px!important;padding-left:35px;border-left:3px solid var(--gold)}footer:after{content:'';position:absolute;top:75px;right:-40px;width:190px;height:190px;border:1px solid var(--sage);border-left:0;pointer-events:none}.footer-bottom{position:relative;margin-top:0}.status-section{border-left:1px solid var(--gold);padding-left:18px}.status-section .number-label{border-left:0;padding-left:0}.status-section .number-label:before{content:'→ ';color:var(--teal)}
.language-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin:55px 0}.language-grid h2{font-size:32px}.boundary-demo{height:250px;border:1px solid var(--teal);border-top:0;position:relative;padding:40px}.boundary-demo img{width:130px}.boundary-demo span{display:block;font-size:9px;margin-top:20px;letter-spacing:.12em}.brass-roles{display:flex;justify-content:space-between;background:var(--ink);color:var(--gold);padding:25px;font-size:11px}.mark-sizes{display:flex;gap:30px;align-items:center;margin:40px 0}.mark-sizes figure{margin:0}.mark-sizes figcaption{font-size:10px;margin-top:10px}.mark-sizes .brand img{content:none}.mark-sizes p{font-size:11px}.image-family{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.image-family figure{margin:0}.image-family img{width:100%;height:200px;object-fit:cover}.image-family figcaption{font-size:9px;margin-top:12px}.language-sheet>p{font-size:12px}
@media(max-width:650px){.cinematic{min-height:1040px;padding-top:25px}.hero-heading h1{font-size:43px}.hero-action{margin-top:25px}.hero-photo{inset:450px 0 0;clip-path:polygon(0 6%,20% 6%,20% 0,100% 0,100% 100%,0 100%)}.hero-photo:after{background:linear-gradient(180deg,#123f3c 0%,#123f3c60 25%,transparent 60%)}.hero-boundary{top:540px;right:5%;height:430px;width:80%}.hero-boundary span{display:none}.floating-state{width:calc(100% - 66px);right:27px;bottom:44px;transform:rotate(-1deg);box-shadow:8px 8px 0 var(--gold),16px 16px 0 var(--teal);padding:19px 23px}.state-tab{margin:-19px -23px 15px;font-size:8px}.floating-state small{font-size:8px}.clarity{padding:45px 6%}.transaction-evidence{display:flex;flex-direction:column;min-height:0}.evidence-photo{height:270px}.evidence-photo:after{inset:20px 20px 20px 0}.evidence-content{padding:32px 6% 38px}.evidence-content h2{font-size:33px}.evidence-content .eyebrow{font-size:8px}.evidence-ledger p{padding:12px 0}.evidence-ledger .timing-cue{margin-left:0}.signature{padding:42px 6%}.signature-title h2{font-size:31px}.journey-label{font-size:7px;letter-spacing:0;gap:7px;padding:14px 0 23px}.output-steps{padding:0 0 0 13px;border-left:2px solid var(--gold);margin-left:2px}.ambang-path{display:none}.output-steps article,.output-steps article:nth-of-type(2),.output-steps article:nth-of-type(3){display:block;margin:0 0 23px;padding:24px 22px;border-top:0;box-shadow:none;min-height:0}.output-steps article:nth-of-type(2){margin-left:10px}.output-steps article:nth-of-type(3){margin-left:20px;margin-bottom:0}.output-steps article:before{left:-22px;top:30px;width:12px;height:12px}.output-steps article:nth-of-type(2):before{left:-32px}.output-steps article:nth-of-type(3):before{left:-42px}.output-steps article:after{content:'';position:absolute;left:-15px;top:37px;width:15px;height:1px;background:var(--gold)}.output-steps article:nth-of-type(2):after{left:-25px;width:25px}.output-steps article:nth-of-type(3):after{left:-35px;width:35px}.giant{font-size:59px;margin-bottom:16px}.output-steps h3{font-size:25px}.output-steps p{font-size:13px}.output-steps small{font-size:8px}.sample-output{min-height:0}.sample-output span{font-size:12px}.recognition{padding:42px 6%}.conversion-close{padding:45px 6%;min-height:0}.conversion-close h2{font-size:34px}.threshold-line{right:12px;top:22px;width:32%;height:calc(100% - 44px);opacity:.55}.close-action{padding:0}.close-photo{background-position:65% 50%}.buyer-moment{right:14px;width:calc(100% - 50px);box-shadow:7px 7px 0 var(--gold)}footer{padding:45px 6% 25px}.footer-top .brand-line{font-size:45px;max-width:320px;padding-left:18px;margin:38px 0 42px!important}footer:after{width:80px;height:100px;right:-40px;top:30px}.language-grid{grid-template-columns:1fr;gap:25px}.brass-roles{display:block}.brass-roles span{display:block;margin:12px 0}.mark-sizes{flex-wrap:wrap;gap:25px}.image-family{grid-template-columns:1fr 1fr}.image-family img{height:160px}.language-grid h2{font-size:28px}}

.output-steps article:nth-of-type(1){margin-top:0;background:var(--cream);color:var(--ink)}.output-steps article:nth-of-type(2){color:var(--ink)}.output-steps article:nth-of-type(1) .giant,.output-steps article:nth-of-type(2) .giant{color:var(--teal)}.output-steps article:nth-of-type(3) .giant{color:var(--gold)}
.output-steps article:nth-of-type(3){color:var(--cream)}
@media(max-width:650px){.output-steps article:nth-of-type(1){margin:0 0 23px;padding:24px 22px}.output-steps article:nth-of-type(2){margin:0 0 23px 10px;padding:24px 22px}.output-steps article:nth-of-type(3){margin:0 0 0 20px;padding:24px 22px}}
.mark-sizes figure:nth-of-type(1) img{width:16px;height:16px}.mark-sizes figure:nth-of-type(2) img{width:24px;height:24px}.mark-sizes figure:nth-of-type(3) img{width:32px;height:32px}.mark-sizes .brand{font-size:25px}