:root{--canopy:#108077;--deep:#2A5567;--teal:#15988A;--sprout:#41BFAB;--mist:#E7F5F1;--sand:#F1F6F4;--ink:#173E4A;--white:#fdfefb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--white);font-family:"Helvetica Neue",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.shell{overflow:hidden}.header{position:fixed;z-index:50;inset:0 0 auto;height:84px;padding:0 4.5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #ffffff2d;background:#2A55677a;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;width:max-content;font-weight:900;letter-spacing:.08em}.leaf{width:35px;height:35px;display:grid;place-items:center;border:1px solid #41BFAB70;border-radius:50% 50% 50% 8px;color:var(--sprout);transform:rotate(-8deg)}.leaf:before{content:"◆";font-size:14px}.nav{display:flex;gap:29px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.nav a{padding:34px 0;color:#ffffffb0;position:relative}.nav a:hover,.nav a.active{color:white}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:var(--sprout);transform:scaleX(0);transition:.25s}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}.actions{display:flex;justify-content:flex-end;align-items:center;gap:20px}.lang{display:flex;gap:6px;color:#ffffff70}.lang button{border:0;background:none;color:inherit;padding:0;cursor:pointer;font-size:11px;font-weight:800}.lang button.active{color:white}.download{display:inline-flex;align-items:center;gap:9px;padding:14px 19px;background:var(--sprout);color:var(--deep);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.menu{display:none;border:0;background:none;color:white;font-size:24px}.mobile-nav{display:none}.hero{min-height:100svh;padding:145px 7vw 90px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;isolation:isolate}.hero-bg{position:absolute;inset:0;z-index:-3;background:url('palm-landscape.png') center/cover;animation:breathe 15s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#244A5Af7 0%,#2A5567dc 45%,#2A55676b 78%,#244A5A99)}.eyebrow{margin:0 0 22px;color:var(--sprout);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero h1,.page-hero h1{font:500 clamp(4.7rem,8.2vw,8.8rem)/.84 Georgia,serif;letter-spacing:-.065em;margin:0}.hero h1 em{font-weight:400;color:var(--sprout)}.lead{max-width:620px;margin:32px 0;color:#ffffffc5;font-size:1.1rem;line-height:1.75}.buttons{display:flex;align-items:center;gap:25px;margin-top:34px}.text-link{border-bottom:1px solid #ffffff80;padding-bottom:5px;font-size:13px;font-weight:700}.phones{height:650px;position:relative;perspective:1000px}.phone{position:absolute;width:274px;height:610px;padding:9px;background:#111a18;border:1px solid #ffffff66;border-radius:37px;overflow:hidden;box-shadow:0 40px 80px #0006}.phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:28px}.phone:first-child{left:6%;transform:rotate(-7deg) scale(.88);opacity:.76}.phone:last-child{left:39%;top:38px;transform:rotate(5deg);animation:float 5s ease-in-out infinite}.route{position:absolute;right:-5%;top:25%;width:50%;height:48%;border:1px dashed #41BFAB80;border-left-color:transparent;border-radius:50%;transform:rotate(-10deg)}.section{padding:120px 7vw;color:var(--ink);background:var(--white)}.section.mist{background:var(--mist)}.section.sand{background:var(--sand)}.heading{max-width:800px}.heading h2,.content h2{font:400 clamp(2.8rem,5vw,5.4rem)/.98 Georgia,serif;letter-spacing:-.045em;margin:0}.heading p:last-child,.content>p{color:#60706b;line-height:1.75}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:65px;background:#b7ccc6;border:1px solid #b7ccc6}.card{min-height:275px;padding:31px;background:white}.card .icon{width:45px;height:45px;display:grid;place-items:center;border:1px solid #b8d3cb;border-radius:50%;color:var(--teal)}.card b{display:block;margin-top:55px;font:400 24px Georgia,serif}.card p{color:#61716c;line-height:1.65;font-size:14px}.quote{min-height:460px;padding:90px 10vw;display:grid;place-items:center;background:var(--teal);text-align:center;position:relative}.quote p{max-width:1120px;margin:0;font:400 clamp(2.7rem,5vw,5.7rem)/1.04 Georgia,serif;letter-spacing:-.04em}.process{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;margin-top:70px}.sticky{position:relative;min-height:1050px}.sticky .phone{position:sticky;top:120px;left:12%;transform:rotate(-3deg)}.steps{border-top:1px solid #9dafaa}.step{padding:55px 0;border-bottom:1px solid #9dafaa;display:grid;grid-template-columns:65px 1fr;gap:20px}.step span{color:var(--teal);font-size:12px;font-weight:800}.step h3{margin:0 0 14px;font:400 clamp(2rem,3.3vw,3.5rem) Georgia,serif}.step p{color:#60706b;line-height:1.7}.parallax{min-height:740px;padding:110px 7vw;display:flex;align-items:center;background:linear-gradient(90deg,#2A5567f2,#2A556766),url('palm-landscape.png') center/cover fixed}.parallax .content{max-width:720px}.parallax .content p{color:#ffffffbd}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.photo{min-height:520px;background:linear-gradient(145deg,#2A556722,#2A5567aa),url('palm-landscape.png') center/cover}.cta{min-height:550px;padding:100px 10vw;background:var(--canopy);display:grid;grid-template-columns:1.2fr .8fr;align-items:center}.cta h2{font:400 clamp(3rem,5vw,5.6rem)/.96 Georgia,serif;margin:0}.cta p{max-width:580px;color:#ffffffb8;line-height:1.7}.orbit{width:280px;height:280px;border:1px dashed #41BFAB70;border-radius:50%;display:grid;place-items:center;justify-self:center;animation:spin 18s linear infinite}.orbit:before{content:"ANDROID";color:var(--sprout);font-size:12px;font-weight:900;letter-spacing:.15em}.footer{padding:65px 7vw;background:#244A5A;display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:30px;border-top:1px solid #ffffff20}.footer div{display:flex;flex-direction:column;gap:8px}.footer strong{font-size:10px;color:#ffffff70;text-transform:uppercase;letter-spacing:.12em}.footer a,.footer small{font-size:13px}.page-hero{min-height:72vh;padding:155px 7vw 85px;display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center;background:radial-gradient(circle at 78% 45%,#41BFAB25,transparent 32%),var(--deep)}.page-hero .lead{max-width:760px}.diagram{aspect-ratio:1;max-width:460px;border:1px solid #41BFAB45;border-radius:50%;position:relative;margin:auto;display:grid;place-items:center}.diagram:before,.diagram:after{content:"";position:absolute;border:1px solid #41BFAB30;border-radius:50%;inset:18%}.diagram:after{inset:35%}.diagram b{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:var(--sprout);color:var(--deep);font-size:28px}.audiences{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:55px;background:#aebfba}.audience{min-height:330px;padding:35px;background:var(--sand);display:flex;flex-direction:column}.audience span{margin-top:auto;color:var(--teal);font-size:11px}.audience h2{font:400 28px Georgia,serif}.audience p{color:#60706b;line-height:1.65}.outcomes{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.outcome{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid #aabbb6}.outcome:first-child{border-top:1px solid #aabbb6}.outcome i{width:48px;height:48px;border-radius:50%;background:var(--mist);display:grid;place-items:center;color:var(--teal);font-style:normal}.outcome h3{margin:0 0 8px}.outcome p{margin:0;color:#60706b;line-height:1.6}.workflow{padding:40px 7vw;background:var(--sand);color:var(--ink)}.flow{display:grid;grid-template-columns:80px 1fr .65fr;gap:5vw;align-items:center;padding:75px 0;border-bottom:1px solid #a8b7b2}.flow>span{color:var(--teal);font-size:12px}.flow h2{font:400 clamp(2.3rem,4vw,4.4rem)/1 Georgia,serif;margin:10px 0 20px}.flow p{color:#60706b;line-height:1.7}.flow ul{padding:0;list-style:none;display:flex;gap:10px;flex-wrap:wrap}.flow li{padding:9px 13px;background:white;border-radius:50px;font-size:12px}.blob{aspect-ratio:1.15;border-radius:50% 45% 55% 50%;background:var(--teal);color:var(--sprout);display:grid;place-items:center;font:700 62px Georgia,serif}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.faq details{border-top:1px solid #a7b8b2;padding:0}.faq details:last-child{border-bottom:1px solid #a7b8b2}.faq summary{padding:25px 0;cursor:pointer;font-weight:700}.faq details p{color:#60706b;line-height:1.65;margin:0 0 25px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}html[lang="en"] [data-lang="id"],html[lang="id"] [data-lang="en"]{display:none!important}.menu-open .mobile-nav{display:grid}
@keyframes breathe{to{transform:scale(1.06)}}@keyframes float{50%{transform:rotate(5deg) translateY(-15px)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.header{grid-template-columns:1fr auto}.nav{display:none}.menu{display:block}.mobile-nav{position:absolute;top:84px;left:0;right:0;padding:20px;background:var(--deep);gap:1px}.mobile-nav a{padding:14px;border-bottom:1px solid #ffffff18}.hero{grid-template-columns:1fr 400px}.phones{transform:scale(.8);transform-origin:center right}.audiences{grid-template-columns:1fr 1fr}.outcomes,.faq{grid-template-columns:1fr}.flow{grid-template-columns:55px 1fr}.blob{grid-column:2;width:min(100%,400px)}.footer{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.header{height:72px;padding:0 20px}.download{display:none}.mobile-nav{top:72px}.hero{display:block;padding:125px 22px 65px}.hero h1,.page-hero h1{font-size:clamp(3.9rem,18vw,6rem)}.phones{height:540px;margin:45px -50px 0;transform:scale(.75);transform-origin:top center}.section{padding:85px 22px}.cards,.audiences{grid-template-columns:1fr}.process,.split,.cta,.page-hero{grid-template-columns:1fr}.sticky{min-height:680px}.sticky .phone{left:50%;transform:translateX(-50%) rotate(-3deg);height:610px}.parallax{background-attachment:scroll}.cta{gap:60px;padding:85px 22px}.orbit{justify-self:start;width:220px;height:220px}.footer{grid-template-columns:1fr;padding:55px 22px}.page-hero{padding:125px 22px 75px}.diagram{width:78vw}.flow{grid-template-columns:1fr}.flow>span{display:none}.blob{grid-column:1}.outcomes{gap:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-bg,.phone:last-child,.orbit{animation:none}.reveal{opacity:1;transform:none}.parallax{background-attachment:scroll}}

/* Official Hamurni identity */
.brand{line-height:0}.brand-logo{display:block;width:clamp(132px,12vw,178px);height:auto}.header{background:rgba(255,255,255,.94);border-bottom-color:rgba(42,85,103,.18)}.nav a{color:rgba(42,85,103,.72)}.nav a:hover,.nav a.active{color:var(--deep)}.lang{color:rgba(42,85,103,.52)}.lang button.active{color:var(--deep)}.menu{color:var(--deep)}.header .download{background:var(--teal);color:white}.mobile-nav{background:white;box-shadow:0 20px 35px rgba(42,85,103,.14)}.mobile-nav a{color:var(--deep);border-bottom-color:rgba(42,85,103,.12)}.footer .brand{width:max-content;padding:10px 14px;background:white;border-radius:2px}.footer .brand-logo{width:155px}

/* Homepage product motion: field records moving through one traceable route */
.hero-product-stage{--tilt-x:0deg;--tilt-y:0deg;position:relative;z-index:1;width:min(58vw,900px);min-height:650px;margin-left:-5vw;display:grid;place-items:center;perspective:1200px;isolation:isolate}.hero-product-stage:before{content:"";position:absolute;z-index:-2;width:92%;aspect-ratio:1.55;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.96) 0%,rgba(231,245,241,.86) 50%,rgba(65,191,171,.08) 69%,transparent 72%);filter:blur(2px);animation:product-breathe 7s ease-in-out infinite}.product-halo{position:absolute;z-index:-1;width:68%;aspect-ratio:1;border:1px solid rgba(65,191,171,.3);border-radius:50%;animation:halo-turn 24s linear infinite}.product-halo:before,.product-halo:after{content:"";position:absolute;border:1px dashed rgba(65,191,171,.24);border-radius:50%}.product-halo:before{inset:12%}.product-halo:after{inset:27%}.hero-product{display:block;width:112%;max-width:none;height:auto;mix-blend-mode:multiply;filter:drop-shadow(0 36px 35px rgba(20,55,65,.25));transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(0);transform-style:preserve-3d;transition:transform .35s ease-out;animation:product-float 6s ease-in-out infinite}.product-route{position:absolute;z-index:2;inset:14% 7% 20%;border:1px dashed rgba(65,191,171,.55);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-8deg);pointer-events:none}.product-route span{position:absolute;width:12px;height:12px;border:3px solid var(--deep);outline:1px solid var(--sprout);border-radius:50%;background:var(--sprout);box-shadow:0 0 0 0 rgba(65,191,171,.55);animation:route-signal 2.7s ease-out infinite}.product-route span:nth-child(1){left:4%;top:31%}.product-route span:nth-child(2){left:53%;top:-1%;animation-delay:.9s}.product-route span:nth-child(3){right:2%;bottom:18%;animation-delay:1.8s}.product-status{position:absolute;z-index:4;right:3%;bottom:11%;display:flex;align-items:center;gap:10px;margin:0;padding:12px 16px;background:rgba(255,255,255,.92);color:var(--deep);box-shadow:0 16px 34px rgba(20,55,65,.2);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.product-status i{width:8px;height:8px;border-radius:50%;background:var(--sprout);box-shadow:0 0 0 6px rgba(65,191,171,.18)}
@keyframes product-float{0%,100%{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(0)}50%{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-15px)}}@keyframes product-breathe{50%{transform:scale(1.045);opacity:.82}}@keyframes halo-turn{to{transform:rotate(360deg)}}@keyframes route-signal{0%{box-shadow:0 0 0 0 rgba(65,191,171,.55)}75%,100%{box-shadow:0 0 0 16px rgba(65,191,171,0)}}
@media(max-width:1000px){.hero-product-stage{width:610px;min-height:590px;margin-left:-7vw}.hero-product{width:118%}}
@media(max-width:760px){.hero-product-stage{width:calc(100vw + 40px);min-height:420px;margin:28px -42px -20px}.hero-product{width:108%}.product-status{right:10%;bottom:8%;font-size:9px}.product-route{inset:9% 8% 18%}}
@media(prefers-reduced-motion:reduce){.hero-product,.hero-product-stage:before,.product-halo,.product-route span{animation:none}.hero-product{transform:none}.hero-product-stage{perspective:none}}

/* Balanced hero: equal space for the message and product image */
@media(min-width:761px){.hero{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-product-stage{width:100%;margin-left:0;min-width:0}.hero-product{width:112%;mix-blend-mode:normal}}

/* Solid homepage hero background */
.hero-bg{background:var(--deep);animation:none}.hero:after{background:transparent}

/* Keep the phone mockup fully clear against the solid hero */
.hero-product-stage:before{display:none}

/* Hamurni living-trace pattern: crops connected from their first mile */
.hero-bg{overflow:hidden}.hero-bg:before,.hero-bg:after{content:"";position:absolute;width:min(43vw,620px);aspect-ratio:1.35;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 620 460'%3E%3Cg fill='none' stroke='%2341BFAB' stroke-linecap='round'%3E%3Cpath d='M620 42C490 34 414 91 349 162S205 279 50 331' stroke-width='2' stroke-dasharray='7 10'/%3E%3Cpath d='M566 63c-34 80-98 149-190 204-72 43-160 72-278 88' stroke-width='1.5' opacity='.75'/%3E%3C/g%3E%3Cg fill='%2341BFAB'%3E%3Cpath d='M476 106c-49-3-78 23-85 67 47 5 78-16 85-67Z'/%3E%3Cpath d='M401 190c-44-2-70 21-76 61 42 4 70-15 76-61Z'/%3E%3Cpath d='M319 249c-38 0-61 21-64 57 36 2 60-16 64-57Z'/%3E%3Cpath d='M525 78c-4 40 16 66 53 73 6-38-12-64-53-73Z'/%3E%3Cpath d='M445 154c-2 37 17 60 51 66 4-35-13-58-51-66Z'/%3E%3Cpath d='M367 221c0 32 18 51 48 55 2-31-14-50-48-55Z'/%3E%3C/g%3E%3Cg fill='%23E7F5F1'%3E%3Ccircle cx='566' cy='63' r='5'/%3E%3Ccircle cx='401' cy='190' r='4'/%3E%3Ccircle cx='255' cy='306' r='4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;opacity:.2;pointer-events:none}.hero-bg:before{right:-4%;top:5%}.hero-bg:after{left:-8%;bottom:-20%;transform:rotate(188deg) scale(.82);opacity:.12}
@media(max-width:760px){.hero-bg:before{width:88vw;right:-35%;top:10%}.hero-bg:after{width:76vw;left:-35%;bottom:-8%;opacity:.09}}

/* Extend the living-trace foliage across the right side */
.hero-bg:before{width:min(57vw,820px);right:-2%;top:-1%;opacity:.24;background-size:contain}.hero-product-stage{background-image:radial-gradient(circle at 88% 18%,rgba(65,191,171,.18) 0 3px,transparent 4px),radial-gradient(circle at 96% 31%,rgba(65,191,171,.13) 0 2px,transparent 3px),radial-gradient(circle at 82% 39%,rgba(65,191,171,.15) 0 2px,transparent 3px);background-repeat:no-repeat}
@media(max-width:760px){.hero-bg:before{width:110vw;right:-42%;top:5%;opacity:.17}.hero-product-stage{background-image:none}}

/* Route artwork stays behind the phones */
.hero>.route{z-index:-1;pointer-events:none}.hero>div:not(.hero-bg):not(.route){position:relative;z-index:1}.hero-product-stage{isolation:isolate}.product-halo{z-index:-1}.hero-product{position:relative;z-index:10}

/* More breathing room around the mockup on mobile */
@media(max-width:760px){.hero-product-stage{width:100%;min-height:0;margin:24px 0 0;padding:0}.hero-product{width:calc(100% + 12px);max-width:none;margin:0 -6px}}

/* Animated botanical cluster at the lower-right edge */
.hero:after{inset:auto -4% -9% auto;width:min(35vw,510px);aspect-ratio:1.2;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 540 450'%3E%3Cg fill='none' stroke='%2341BFAB' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M520 432C424 358 350 270 296 169 260 102 205 57 119 27'/%3E%3Cpath d='M469 386c-93-29-180-34-272-4' stroke-dasharray='5 10' opacity='.55'/%3E%3C/g%3E%3Cg fill='%2341BFAB'%3E%3Cpath d='M390 330c57-8 92 15 106 65-55 11-91-9-106-65Z'/%3E%3Cpath d='M329 249c50-5 80 17 89 62-48 8-79-11-89-62Z'/%3E%3Cpath d='M279 165c43-2 68 18 73 58-41 4-67-14-73-58Z'/%3E%3Cpath d='M427 365c-6-49 15-80 59-91 9 47-9 78-59 91Z'/%3E%3Cpath d='M356 286c-3-44 17-70 57-77 6 42-12 68-57 77Z'/%3E%3Cpath d='M300 207c0-37 19-59 54-62 2 35-15 57-54 62Z'/%3E%3Cpath d='M197 382c39-31 77-30 111 2-36 33-74 34-111-2Z'/%3E%3C/g%3E%3Cg fill='%23E7F5F1'%3E%3Ccircle cx='427' cy='365' r='5'/%3E%3Ccircle cx='329' cy='249' r='4'/%3E%3Ccircle cx='279' cy='165' r='4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;transform-origin:100% 100%;opacity:.2;animation:botanical-sway 9s ease-in-out infinite alternate;pointer-events:none}@keyframes botanical-sway{0%{transform:rotate(-1.5deg) translate3d(0,4px,0)}100%{transform:rotate(2deg) translate3d(-8px,-5px,0)}}
@media(max-width:760px){.hero:after{width:70vw;right:-24%;bottom:-4%;opacity:.14}}
@media(prefers-reduced-motion:reduce){.hero:after{animation:none}}

/* Continue the hero foliage into the Why Hamurni section */
.hero+.section.mist{position:relative;isolation:isolate;overflow:hidden}.hero+.section.mist:before{content:"";position:absolute;z-index:0;right:-5%;top:-18%;width:min(36vw,520px);aspect-ratio:1.2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 540 450'%3E%3Cg fill='none' stroke='%2315988A' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M520 18C424 92 350 180 296 281c-36 67-91 112-177 142'/%3E%3Cpath d='M469 64c-93 29-180 34-272 4' stroke-dasharray='5 10' opacity='.45'/%3E%3C/g%3E%3Cg fill='%2315988A'%3E%3Cpath d='M390 120c57 8 92-15 106-65-55-11-91 9-106 65Z'/%3E%3Cpath d='M329 201c50 5 80-17 89-62-48-8-79 11-89 62Z'/%3E%3Cpath d='M279 285c43 2 68-18 73-58-41-4-67 14-73 58Z'/%3E%3Cpath d='M427 85c-6 49 15 80 59 91 9-47-9-78-59-91Z'/%3E%3Cpath d='M356 164c-3 44 17 70 57 77 6-42-12-68-57-77Z'/%3E%3Cpath d='M300 243c0 37 19 59 54 62 2-35-15-57-54-62Z'/%3E%3C/g%3E%3Cg fill='%232A5567'%3E%3Ccircle cx='427' cy='85' r='5'/%3E%3Ccircle cx='329' cy='201' r='4'/%3E%3Ccircle cx='279' cy='285' r='4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;transform-origin:100% 0;opacity:.1;animation:botanical-continuation 9s ease-in-out infinite alternate;pointer-events:none}.hero+.section.mist>*{position:relative;z-index:1}@keyframes botanical-continuation{0%{transform:rotate(1.5deg) translate3d(0,-4px,0)}100%{transform:rotate(-2deg) translate3d(-8px,5px,0)}}
@media(max-width:760px){.hero+.section.mist:before{width:72vw;right:-28%;top:-7%;opacity:.075}}
@media(prefers-reduced-motion:reduce){.hero+.section.mist:before{animation:none}}

/* A different botanical language for the relationship quote: spreading seed vine */
.quote{isolation:isolate;overflow:hidden}.quote:before{content:"";position:absolute;z-index:-1;left:-4%;right:-4%;bottom:-7%;height:62%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 320'%3E%3Cg fill='none' stroke='%23E7F5F1' stroke-linecap='round'%3E%3Cpath d='M-20 264c180-104 358-95 518-20s329 77 466-16 284-88 462 8' stroke-width='2'/%3E%3Cpath d='M30 285c191-75 354-51 501 11 148 63 288 43 421-27 147-77 292-61 465 19' stroke-width='1.2' stroke-dasharray='3 11' opacity='.6'/%3E%3C/g%3E%3Cg fill='%23E7F5F1'%3E%3Cpath d='M159 205c44-31 87-27 120 9-41 33-83 31-120-9Z'/%3E%3Cpath d='M392 207c-7-48 13-78 57-89 10 46-8 76-57 89Z'/%3E%3Cpath d='M614 253c43-33 86-31 121 4-40 35-82 34-121-4Z'/%3E%3Cpath d='M865 234c-5-47 16-76 60-84 8 45-11 74-60 84Z'/%3E%3Cpath d='M1084 190c45-28 87-21 116 17-42 30-83 25-116-17Z'/%3E%3Cpath d='M1250 213c-2-43 19-68 59-72 4 41-15 66-59 72Z'/%3E%3C/g%3E%3Cg fill='%232A5567' stroke='%23E7F5F1' stroke-width='2'%3E%3Ccircle cx='281' cy='244' r='9'/%3E%3Ccircle cx='531' cy='286' r='7'/%3E%3Ccircle cx='964' cy='228' r='9'/%3E%3Ccircle cx='1201' cy='226' r='7'/%3E%3C/g%3E%3C/svg%3E") center bottom/cover no-repeat;opacity:.16;transform-origin:50% 100%;animation:seed-vine-drift 12s ease-in-out infinite alternate;pointer-events:none}.quote p{position:relative;z-index:1}@keyframes seed-vine-drift{from{transform:translate3d(-10px,3px,0) scale(1.01)}to{transform:translate3d(10px,-4px,0) scale(1.025)}}
@media(max-width:760px){.quote:before{left:-30%;right:-30%;height:48%;bottom:-2%;opacity:.12}}
@media(prefers-reduced-motion:reduce){.quote:before{animation:none}}

/* Tighter rhythm between homepage workflow rows */
.steps .step{padding:34px 0}.steps .step h3{margin-bottom:9px}.steps .step p{margin:0}
@media(max-width:760px){.steps .step{padding:28px 0;grid-template-columns:44px 1fr;gap:12px}}

/* Content-sized How It Works section with the transparent Profile mockup */
.process .sticky{min-height:0;align-self:stretch;display:flex;justify-content:center;align-items:flex-start}.workflow-phone{position:sticky;top:112px;width:min(100%,390px);line-height:0}.workflow-phone img{display:block;width:100%;height:auto;filter:drop-shadow(0 28px 34px rgba(23,62,74,.2))}
@media(max-width:760px){.process .sticky{min-height:0}.workflow-phone{position:relative;top:auto;width:min(82vw,360px);margin:0 auto 14px}}

/* Cursor-responsive motion for the Profile phone */
.workflow-phone{--phone-rx:0deg;--phone-ry:0deg;--phone-x:0px;--phone-y:0px;perspective:1100px}.workflow-phone img{transform:translate3d(var(--phone-x),var(--phone-y),0) rotateX(var(--phone-rx)) rotateY(var(--phone-ry));transform-style:preserve-3d;transform-origin:50% 48%;transition:transform .22s cubic-bezier(.2,.75,.25,1),filter .3s ease;will-change:transform}.workflow-phone:hover img{filter:drop-shadow(0 34px 40px rgba(23,62,74,.28))}
@media(prefers-reduced-motion:reduce){.workflow-phone img{transform:none;transition:none}}

/* Combine ambient floating motion with the existing pointer tilt */
.process .sticky{align-items:center}.workflow-phone-motion{transform:translate3d(var(--phone-x),var(--phone-y),0) rotateX(var(--phone-rx)) rotateY(var(--phone-ry));transform-style:preserve-3d;transform-origin:50% 48%;transition:transform .22s cubic-bezier(.2,.75,.25,1);will-change:transform}.workflow-phone-motion img{transform:none;animation:workflow-phone-float 6s ease-in-out infinite}@keyframes workflow-phone-float{0%,100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-13px) rotate(.35deg)}}

/* Consistent bilingual workflow typography and number alignment */
.steps .step{align-items:start}.steps .step>span{height:29px;display:grid;place-items:center;align-self:start}.steps .step h3{font-size:24px;line-height:1.2;letter-spacing:-.02em}
@media(max-width:760px){.process .sticky{align-items:center}.steps .step>span{height:29px}.steps .step h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.workflow-phone-motion{transform:none;transition:none}.workflow-phone-motion img{animation:none}}

/* Interactive About Hamurni smallholder composition */
.about-visual{--about-rx:0deg;--about-ry:0deg;--about-x:0px;--about-y:0px;min-height:0;display:grid;place-items:center;perspective:1200px;isolation:isolate}.about-visual-motion{width:112%;transform:translate3d(var(--about-x),var(--about-y),0) rotateX(var(--about-rx)) rotateY(var(--about-ry));transform-style:preserve-3d;transform-origin:50% 52%;transition:transform .22s cubic-bezier(.2,.75,.25,1);will-change:transform}.about-visual img{display:block;width:100%;height:auto;filter:drop-shadow(0 28px 34px rgba(23,62,74,.18));animation:about-visual-float 6.5s ease-in-out infinite}@keyframes about-visual-float{0%,100%{transform:translateY(0) rotate(-.25deg)}50%{transform:translateY(-12px) rotate(.25deg)}}
@media(max-width:760px){.about-visual{min-height:0;margin-bottom:30px}.about-visual-motion{width:108%}}
@media(prefers-reduced-motion:reduce){.about-visual-motion{transform:none;transition:none}.about-visual img{animation:none}}

/* The About artwork is tightly cropped and follows the standard section spacing */
@media(max-width:760px){.home-about .about-visual{margin-bottom:18px}}

/* Homepage download panel: compact copy with the application emerging from the card */
.home-cta-wrap{padding:78px 7vw;background:repeating-linear-gradient(90deg,var(--white) 0 62px,#f7e9e6 62px 124px);color:white}.home-cta{position:relative;min-height:330px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;overflow:hidden;padding:48px clamp(32px,4vw,68px);border-radius:9px;background:linear-gradient(105deg,#12877d,#159b8d);box-shadow:0 28px 65px rgba(23,62,74,.18)}.home-cta:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 62px,rgba(42,85,103,.16) 62px 124px);pointer-events:none}.home-cta-copy{position:relative;z-index:2;max-width:760px}.home-cta .eyebrow{color:#c9fff2;margin-bottom:14px}.home-cta h2{margin:0;font:400 clamp(2.5rem,4.2vw,4.7rem)/.98 Georgia,serif;letter-spacing:-.04em}.home-cta p:not(.eyebrow){max-width:650px;margin:18px 0 24px;color:rgba(255,255,255,.84);font-size:1rem;line-height:1.6}.home-cta .download{background:var(--white);color:var(--deep);box-shadow:0 10px 24px rgba(23,62,74,.2)}.home-cta-visual{position:absolute;z-index:1;right:-1.5%;bottom:-25%;width:min(47%,610px);line-height:0;pointer-events:none}.home-cta-visual img{display:block;width:100%;height:auto;filter:drop-shadow(0 28px 30px rgba(23,62,74,.3));animation:cta-phone-float 6.5s ease-in-out infinite}@keyframes cta-phone-float{0%,100%{transform:translateY(0) rotate(.25deg)}50%{transform:translateY(-10px) rotate(-.25deg)}}
@media(max-width:900px){.home-cta{grid-template-columns:1fr;min-height:520px;align-items:start}.home-cta-copy{max-width:620px}.home-cta-visual{right:-8%;bottom:-18%;width:min(68%,560px)}}
@media(max-width:600px){.home-cta-wrap{padding:48px 16px;background:repeating-linear-gradient(90deg,var(--white) 0 42px,#f7e9e6 42px 84px)}.home-cta{min-height:610px;padding:36px 26px;background:linear-gradient(120deg,#12877d,#159b8d)}.home-cta:before{background:repeating-linear-gradient(90deg,transparent 0 42px,rgba(42,85,103,.14) 42px 84px)}.home-cta h2{font-size:clamp(2.35rem,12vw,3.5rem)}.home-cta-visual{right:-16%;bottom:-6%;width:104%}}
@media(prefers-reduced-motion:reduce){.home-cta-visual img{animation:none}}

/* The reference stripes were a Figma layout grid, not part of the CTA artwork */
.home-cta-wrap{background:var(--white)}
.home-cta:before{display:none}
@media(max-width:600px){.home-cta-wrap{background:var(--white)}}

/* Tighten the transition from About into the download card */
.home-cta-wrap{padding-top:28px}
@media(max-width:600px){.home-cta-wrap{padding-top:20px}}

/* Structured bilingual footer */
.footer{padding:76px 7vw 82px;background:#063f3a;grid-template-columns:minmax(280px,1.45fr) .62fr .7fr .78fr;gap:clamp(42px,6vw,100px);border-top:0}.footer>div{gap:0}.footer strong{margin:0 0 24px;color:var(--white);font-size:13px;font-weight:900;letter-spacing:.2em;line-height:1.2;text-transform:uppercase}.footer-title{display:block}.footer-intro p{max-width:430px;margin:0;color:rgba(255,255,255,.82);font-size:15px;line-height:1.75}.footer-column a{width:max-content;margin:0 0 10px;color:rgba(255,255,255,.86);font-size:15px;line-height:1.35;transition:color .2s ease}.footer-column a:hover{color:var(--sprout)}.play-badge{display:flex!important;align-items:center;gap:10px;width:max-content!important;margin:0!important;padding:8px 13px!important;border-radius:6px;background:white;color:#101817!important;box-shadow:0 8px 20px rgba(0,0,0,.15)}.play-mark{font-size:25px;line-height:1;color:#15988a}.play-badge>span:last-child{display:flex;flex-direction:column;gap:0}.play-badge small{font-size:8px;line-height:1.05}.play-badge b{font-size:17px;line-height:1.05;letter-spacing:-.03em}.play-badge:hover{color:#101817!important;transform:translateY(-1px)}
@media(max-width:900px){.footer{grid-template-columns:1.3fr 1fr;gap:55px 10vw}.footer-intro{grid-column:1/-1}}
@media(max-width:600px){.footer{grid-template-columns:1fr;padding:58px 24px;gap:42px}.footer-intro{grid-column:auto}.footer strong{margin-bottom:18px}}

/* Botanical trace pattern shared by every download CTA */
.home-cta{isolation:isolate}.home-cta:after{content:"";position:absolute;z-index:0;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 420'%3E%3Cg fill='none' stroke='%23C9FFF2' stroke-linecap='round'%3E%3Cpath d='M-50 365C170 330 260 192 414 205s240 145 420 91 217-185 430-202' stroke-width='2'/%3E%3Cpath d='M-30 392c220-19 343-116 486-104s267 105 410 45 219-157 370-166' stroke-width='1.3' stroke-dasharray='6 11'/%3E%3C/g%3E%3Cg fill='%23C9FFF2'%3E%3Cpath d='M168 297c-49-3-78 23-85 67 47 5 78-16 85-67Z'/%3E%3Cpath d='M258 232c-4 40 16 66 53 73 6-38-12-64-53-73Z'/%3E%3Cpath d='M725 305c-45-2-72 22-78 63 43 4 71-17 78-63Z'/%3E%3Cpath d='M888 255c-2 38 17 61 52 67 4-36-14-59-52-67Z'/%3E%3Cpath d='M1060 129c-42 1-66 23-68 62 40 1 64-19 68-62Z'/%3E%3C/g%3E%3Cg fill='%23E7F5F1'%3E%3Ccircle cx='414' cy='205' r='4'/%3E%3Ccircle cx='834' cy='296' r='4'/%3E%3Ccircle cx='1060' cy='129' r='4'/%3E%3C/g%3E%3C/svg%3E");background-position:center bottom;background-size:cover;background-repeat:no-repeat;opacity:.14;transform-origin:50% 100%;animation:cta-botanical-drift 11s ease-in-out infinite alternate;pointer-events:none}.home-cta-copy,.home-cta-visual{position:relative;z-index:2}.home-cta-visual{position:absolute}@keyframes cta-botanical-drift{from{transform:translate3d(-7px,3px,0) scale(1.01)}to{transform:translate3d(7px,-3px,0) scale(1.025)}}
@media(max-width:600px){.home-cta:after{background-position:42% bottom;background-size:auto 72%;opacity:.12}}
@media(prefers-reduced-motion:reduce){.home-cta:after{animation:none}}

/* Privacy policy: legal content organised like a traceable record */
.privacy-page{background:var(--white);color:var(--ink)}.privacy-hero{min-height:500px;padding:155px 7vw 90px;background:radial-gradient(circle at 82% 35%,rgba(65,191,171,.18),transparent 28%),var(--deep);color:white}.privacy-hero h1{max-width:850px;margin:0;font:400 clamp(4.5rem,8vw,8rem)/.86 Georgia,serif;letter-spacing:-.055em}.privacy-hero>p:last-child{max-width:700px;margin:32px 0 0;color:rgba(255,255,255,.75);font-size:1.05rem;line-height:1.7}.privacy-layout{display:grid;grid-template-columns:260px minmax(0,850px);justify-content:center;gap:clamp(60px,9vw,140px);padding:100px 7vw 130px}.privacy-index{position:sticky;top:120px;align-self:start}.privacy-index>strong{display:block;margin-bottom:24px;color:var(--teal);font-size:11px;letter-spacing:.17em;text-transform:uppercase}.privacy-index nav{display:flex;flex-direction:column;border-top:1px solid #b8c8c3}.privacy-index a{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:14px 0;border-bottom:1px solid #b8c8c3;color:#60706b;font-size:13px;line-height:1.35}.privacy-index a span:first-child{color:var(--teal);font-size:10px}.privacy-copy{min-width:0}.privacy-intro{margin-bottom:75px;padding:34px;border-left:4px solid var(--sprout);background:var(--mist)}.privacy-intro p{margin:0 0 16px;color:#4f6661;line-height:1.75}.privacy-intro p:last-child{margin-bottom:0}.privacy-copy article{position:relative;padding:0 0 68px 82px;margin-bottom:68px;border-bottom:1px solid #c2cfcb;scroll-margin-top:110px}.privacy-copy article:last-child{margin-bottom:0}.policy-number{position:absolute;top:6px;left:0;width:48px;height:48px;display:grid;place-items:center;border:1px solid #a9c5bd;border-radius:50%;color:var(--teal);font-size:11px;font-weight:900}.privacy-copy h2{margin:0 0 25px;font:400 clamp(2.25rem,4vw,3.6rem)/1 Georgia,serif;letter-spacing:-.035em}.privacy-copy p,.privacy-copy li{color:#526963;font-size:15px;line-height:1.8}.privacy-copy p{margin:0 0 17px}.privacy-copy ul{margin:15px 0 20px;padding-left:22px}.privacy-copy li{margin-bottom:9px;padding-left:5px}.privacy-copy a{color:var(--teal);border-bottom:1px solid currentColor}.privacy-contact{padding:44px 44px 44px 82px!important;border:0!important;background:var(--sand)}.privacy-contact .policy-number{top:45px;left:22px}
@media(max-width:900px){.privacy-layout{grid-template-columns:1fr;padding-top:75px}.privacy-index{position:relative;top:auto}.privacy-index nav{display:grid;grid-template-columns:1fr 1fr}.privacy-index a:nth-child(odd){padding-right:20px}.privacy-index a:nth-child(even){padding-left:20px}.privacy-copy{max-width:850px}}
@media(max-width:600px){.privacy-hero{min-height:430px;padding:130px 22px 70px}.privacy-hero h1{font-size:clamp(4rem,20vw,6rem)}.privacy-layout{padding:65px 22px 85px;gap:55px}.privacy-index nav{grid-template-columns:1fr}.privacy-index a:nth-child(n){padding-left:0;padding-right:0}.privacy-intro{padding:25px 22px}.privacy-copy article{padding:0 0 52px;margin-bottom:55px}.policy-number{position:relative;top:auto;left:auto;margin-bottom:18px}.privacy-copy h2{font-size:2.35rem}.privacy-contact{padding:30px 22px!important}.privacy-contact .policy-number{position:relative;top:auto;left:auto}}

/* Manfaat page headline scale */
.benefits-hero h1{font-size:72px;line-height:.98}
@media(max-width:760px){.benefits-hero h1{font-size:clamp(44px,13vw,60px)}}

/* Manfaat section field photo with ambient and pointer-responsive motion */
.benefits-photo{--benefit-rx:0deg;--benefit-ry:0deg;--benefit-x:0px;--benefit-y:0px;display:grid;place-items:center;perspective:1100px}.benefits-photo-motion{width:min(100%,500px);transform:translate3d(var(--benefit-x),var(--benefit-y),0) rotateX(var(--benefit-rx)) rotateY(var(--benefit-ry));transform-style:preserve-3d;transform-origin:50% 52%;transition:transform .22s cubic-bezier(.2,.75,.25,1);will-change:transform}.benefits-photo img{display:block;width:100%;height:auto;filter:drop-shadow(0 28px 34px rgba(23,62,74,.2));animation:benefits-photo-float 6.3s ease-in-out infinite}@keyframes benefits-photo-float{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-12px) rotate(.3deg)}}
@media(max-width:900px){.benefits-photo{justify-items:start}.benefits-photo-motion{width:min(75vw,440px)}}
@media(max-width:600px){.benefits-photo{justify-items:center}.benefits-photo-motion{width:min(88vw,400px)}}
@media(prefers-reduced-motion:reduce){.benefits-photo-motion{transform:none;transition:none}.benefits-photo img{animation:none}}

/* How It Works: exact app screens in one consistent Android device */
.stage-phone{--stage-rx:0deg;--stage-ry:0deg;--stage-x:0px;--stage-y:0px;display:grid;place-items:center;min-height:600px;perspective:1200px}.stage-phone-motion{width:min(100%,310px);transform:translate3d(var(--stage-x),var(--stage-y),0) rotateX(var(--stage-rx)) rotateY(var(--stage-ry));transform-style:preserve-3d;transition:transform .22s cubic-bezier(.2,.75,.25,1);will-change:transform;animation:stage-phone-float 6.4s ease-in-out infinite}.stage-device{position:relative;padding:9px;border:2px solid #66706e;border-radius:42px;background:linear-gradient(145deg,#111716,#3b4442 47%,#080b0b);box-shadow:0 34px 55px rgba(23,62,74,.24),inset 0 0 0 2px rgba(255,255,255,.15);line-height:0}.stage-device:before{content:"";position:absolute;z-index:2;top:17px;left:50%;width:15px;height:15px;border:3px solid #17201f;border-radius:50%;background:#080b0b;transform:translateX(-50%);box-shadow:inset 0 0 0 2px #23302e}.stage-device:after{content:"";position:absolute;right:-5px;top:25%;width:4px;height:82px;border-radius:0 4px 4px 0;background:linear-gradient(#505957,#151a19)}.stage-device img{display:block;width:100%;height:auto;border-radius:32px;object-fit:cover;object-position:top;background:#f4f4f4}.flow:nth-child(even) .stage-phone-motion{animation-delay:-3.2s}.flow:nth-child(even) .stage-device{transform:rotate(.7deg)}.flow:nth-child(odd) .stage-device{transform:rotate(-.7deg)}.stage-phone:hover .stage-device{box-shadow:0 40px 65px rgba(23,62,74,.31),inset 0 0 0 2px rgba(255,255,255,.18)}
@keyframes stage-phone-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@media(max-width:900px){.stage-phone{grid-column:2;min-height:540px;justify-items:start}.stage-phone-motion{width:min(70vw,285px)}}
@media(max-width:760px){.stage-phone{grid-column:1;min-height:0;margin:25px auto 5px;justify-items:center}.stage-phone-motion{width:min(74vw,290px)}}
@media(prefers-reduced-motion:reduce){.stage-phone-motion{animation:none;transform:none;transition:none}}

/* Compact five-stage workflow slider */
.workflow-slider{padding:72px 7vw 64px}.workflow-slider-head{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding-bottom:30px;border-bottom:1px solid #a8b7b2}.workflow-slider-head h2{max-width:760px;margin:0;font:400 clamp(2.5rem,4.5vw,4.8rem)/.98 Georgia,serif;letter-spacing:-.045em}.workflow-slider-arrows{display:flex;gap:10px}.workflow-slider-arrows button{width:52px;height:52px;border:1px solid #9db3ad;border-radius:50%;background:transparent;color:var(--ink);font-size:22px;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}.workflow-slider-arrows button:hover:not(:disabled),.workflow-slider-arrows button:focus-visible{border-color:var(--teal);background:var(--teal);color:white;transform:translateY(-2px)}.workflow-slider-arrows button:disabled{opacity:.3;cursor:default}.workflow-slider-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.workflow-slider-viewport::-webkit-scrollbar{display:none}.workflow-slider-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%}.workflow-slider .flow{scroll-snap-align:start;scroll-snap-stop:always;min-height:630px;padding:34px 1vw 24px;border-bottom:0}.workflow-slider .stage-phone{min-height:560px}.workflow-slider-dots{display:flex;justify-content:center;gap:9px;padding-top:28px}.workflow-slider-dots button{width:42px;height:8px;padding:0;border:0;border-radius:50px;background:#b9c8c4;cursor:pointer;transition:width .25s,background .25s}.workflow-slider-dots button.active{width:72px;background:var(--teal)}.workflow-slider-dots button:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
@media(max-width:900px){.workflow-slider-head{align-items:center}.workflow-slider .flow{grid-template-columns:55px 1fr;min-height:auto;padding:55px 0}.workflow-slider .stage-phone{grid-column:2;min-height:540px}.workflow-slider-dots{justify-content:flex-start;margin-left:55px}}
@media(max-width:760px){.workflow-slider{padding:58px 22px 52px}.workflow-slider-head{grid-template-columns:1fr;gap:24px}.workflow-slider-head h2{font-size:clamp(2.3rem,12vw,3.5rem)}.workflow-slider-arrows{justify-content:flex-end}.workflow-slider .flow{display:grid;grid-template-columns:1fr;gap:12px;padding:42px 0 22px}.workflow-slider .flow>span{display:block}.workflow-slider .stage-phone{grid-column:1;min-height:0;margin-top:24px}.workflow-slider-dots{justify-content:center;margin-left:0;gap:7px}.workflow-slider-dots button{width:28px}.workflow-slider-dots button.active{width:48px}}
@media(prefers-reduced-motion:reduce){.workflow-slider-viewport{scroll-behavior:auto}.workflow-slider-arrows button{transition:none}.workflow-slider-dots button{transition:none}}

/* Continue the homepage botanical trace language into the Manfaat hero */
.benefits-hero{position:relative;isolation:isolate;overflow:hidden}.benefits-hero:before,.benefits-hero:after{content:"";position:absolute;z-index:-1;width:min(48vw,680px);aspect-ratio:1.35;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 620 460'%3E%3Cg fill='none' stroke='%2341BFAB' stroke-linecap='round'%3E%3Cpath d='M620 42C490 34 414 91 349 162S205 279 50 331' stroke-width='2' stroke-dasharray='7 10'/%3E%3Cpath d='M566 63c-34 80-98 149-190 204-72 43-160 72-278 88' stroke-width='1.5' opacity='.75'/%3E%3C/g%3E%3Cg fill='%2341BFAB'%3E%3Cpath d='M476 106c-49-3-78 23-85 67 47 5 78-16 85-67Z'/%3E%3Cpath d='M401 190c-44-2-70 21-76 61 42 4 70-15 76-61Z'/%3E%3Cpath d='M319 249c-38 0-61 21-64 57 36 2 60-16 64-57Z'/%3E%3Cpath d='M525 78c-4 40 16 66 53 73 6-38-12-64-53-73Z'/%3E%3Cpath d='M445 154c-2 37 17 60 51 66 4-35-13-58-51-66Z'/%3E%3Cpath d='M367 221c0 32 18 51 48 55 2-31-14-50-48-55Z'/%3E%3C/g%3E%3Cg fill='%23E7F5F1'%3E%3Ccircle cx='566' cy='63' r='5'/%3E%3Ccircle cx='401' cy='190' r='4'/%3E%3Ccircle cx='255' cy='306' r='4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;opacity:.14;pointer-events:none;animation:benefits-botanical-sway 10s ease-in-out infinite alternate}.benefits-hero:before{right:-5%;top:-3%}.benefits-hero:after{left:-13%;bottom:-29%;transform:rotate(186deg) scale(.82);opacity:.08;animation-direction:alternate-reverse}.benefits-hero>div{position:relative;z-index:1}@keyframes benefits-botanical-sway{from{translate:0 4px;rotate:-1deg}to{translate:-7px -4px;rotate:1.5deg}}
@media(max-width:760px){.benefits-hero:before{width:105vw;right:-46%;top:17%;opacity:.11}.benefits-hero:after{width:90vw;left:-43%;bottom:-12%;opacity:.06}}
@media(prefers-reduced-motion:reduce){.benefits-hero:before,.benefits-hero:after{animation:none}}

/* Botanical continuation from the Manfaat hero into Nilai Bersama */
.benefits-shared{position:relative;isolation:isolate;overflow:hidden}.benefits-shared:before{content:"";position:absolute;z-index:0;right:-5%;top:-17%;width:min(37vw,530px);aspect-ratio:1.2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 540 450'%3E%3Cg fill='none' stroke='%2315988A' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M520 18C424 92 350 180 296 281c-36 67-91 112-177 142'/%3E%3Cpath d='M469 64c-93 29-180 34-272 4' stroke-dasharray='5 10' opacity='.45'/%3E%3C/g%3E%3Cg fill='%2315988A'%3E%3Cpath d='M390 120c57 8 92-15 106-65-55-11-91 9-106 65Z'/%3E%3Cpath d='M329 201c50 5 80-17 89-62-48-8-79 11-89 62Z'/%3E%3Cpath d='M279 285c43 2 68-18 73-58-41-4-67 14-73 58Z'/%3E%3Cpath d='M427 85c-6 49 15 80 59 91 9-47-9-78-59-91Z'/%3E%3Cpath d='M356 164c-3 44 17 70 57 77 6-42-12-68-57-77Z'/%3E%3Cpath d='M300 243c0 37 19 59 54 62 2-35-15-57-54-62Z'/%3E%3C/g%3E%3Cg fill='%232A5567'%3E%3Ccircle cx='427' cy='85' r='5'/%3E%3Ccircle cx='329' cy='201' r='4'/%3E%3Ccircle cx='279' cy='285' r='4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;transform-origin:100% 0;opacity:.09;animation:benefits-shared-sway 9s ease-in-out infinite alternate;pointer-events:none}.benefits-shared>*{position:relative;z-index:1}@keyframes benefits-shared-sway{from{transform:rotate(1.5deg) translate3d(0,-4px,0)}to{transform:rotate(-2deg) translate3d(-8px,5px,0)}}
@media(max-width:760px){.benefits-shared:before{width:76vw;right:-31%;top:-7%;opacity:.07}}
@media(prefers-reduced-motion:reduce){.benefits-shared:before{animation:none}}

/* Unified hero headline scale across every visible page */
.hero h1,.page-hero h1,.privacy-hero h1{font-size:96px}
@media(max-width:760px){.hero h1,.page-hero h1,.privacy-hero h1{font-size:clamp(52px,15vw,72px)}}

/* Beranda hero follows its content instead of forcing a full viewport */
.hero{min-height:0}

/* Mobile download access: menu action stays compact, page CTAs stay visible */
.mobile-download{display:none}
@media(max-width:760px){.download{display:inline-flex}.header .actions>.download{display:none}.mobile-download{display:flex!important;align-items:center;justify-content:space-between;margin-top:12px;padding:16px 18px!important;border:0!important;background:var(--teal);color:white!important;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.home-cta .download{display:inline-flex}.cta .download{display:inline-flex}}

/* Cara Kerja mill photo: mirrored circular frame and interactive motion */
.how-hero-photo{--how-rx:0deg;--how-ry:0deg;--how-x:0px;--how-y:0px;display:grid;place-items:center;perspective:1100px}.how-hero-photo-motion{position:relative;width:min(100%,500px);transform:translate3d(var(--how-x),var(--how-y),0) rotateX(var(--how-rx)) rotateY(var(--how-ry));transform-style:preserve-3d;transition:transform .22s cubic-bezier(.2,.75,.25,1);will-change:transform}.how-hero-photo-motion:after{display:none}.how-hero-photo img{display:block;width:100%;height:auto;filter:drop-shadow(0 28px 34px rgba(23,62,74,.22));animation:how-hero-float 6.6s ease-in-out infinite}@keyframes how-hero-float{0%,100%{transform:translateY(0) rotate(.25deg)}50%{transform:translateY(-11px) rotate(-.25deg)}}
.how-hero{position:relative;isolation:isolate;overflow:hidden}.how-hero:before,.how-hero:after{content:"";position:absolute;z-index:-1;width:min(46vw,660px);aspect-ratio:1.35;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 620 460'%3E%3Cg fill='none' stroke='%2341BFAB' stroke-linecap='round'%3E%3Cpath d='M620 42C490 34 414 91 349 162S205 279 50 331' stroke-width='2' stroke-dasharray='7 10'/%3E%3Cpath d='M566 63c-34 80-98 149-190 204-72 43-160 72-278 88' stroke-width='1.5' opacity='.75'/%3E%3C/g%3E%3Cg fill='%2341BFAB'%3E%3Cpath d='M476 106c-49-3-78 23-85 67 47 5 78-16 85-67Z'/%3E%3Cpath d='M401 190c-44-2-70 21-76 61 42 4 70-15 76-61Z'/%3E%3Cpath d='M319 249c-38 0-61 21-64 57 36 2 60-16 64-57Z'/%3E%3Cpath d='M525 78c-4 40 16 66 53 73 6-38-12-64-53-73Z'/%3E%3Cpath d='M445 154c-2 37 17 60 51 66 4-35-13-58-51-66Z'/%3E%3Cpath d='M367 221c0 32 18 51 48 55 2-31-14-50-48-55Z'/%3E%3C/g%3E%3Cg fill='%23E7F5F1'%3E%3Ccircle cx='566' cy='63' r='5'/%3E%3Ccircle cx='401' cy='190' r='4'/%3E%3Ccircle cx='255' cy='306' r='4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;opacity:.14;pointer-events:none;animation:how-botanical-sway 10s ease-in-out infinite alternate}.how-hero:before{right:-6%;top:-5%}.how-hero:after{left:-12%;bottom:-28%;transform:rotate(186deg) scale(.82);opacity:.08;animation-direction:alternate-reverse}.how-hero>div{position:relative;z-index:1}@keyframes how-botanical-sway{from{translate:0 4px;rotate:-1deg}to{translate:-8px -4px;rotate:1.6deg}}
.section.faq{background:var(--white)}
@media(max-width:900px){.how-hero-photo{justify-items:start}.how-hero-photo-motion{width:min(75vw,440px)}}
@media(max-width:600px){.how-hero-photo{justify-items:center}.how-hero-photo-motion{width:min(88vw,400px)}}
@media(prefers-reduced-motion:reduce){.how-hero-photo-motion{transform:none;transition:none}.how-hero-photo img{animation:none}}