*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit}img,svg{max-width:100%}
h1,h2,h3{font-family:var(--display);line-height:1.12;margin:0 0 .5em}
p{margin:0 0 1em}.muted{color:var(--muted)}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.legal{padding:56px 20px 80px;max-width:780px;margin:0 auto}.legal h2{font-size:1.25rem;margin-top:1.8em}
.bdg{position:relative;overflow:hidden;display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:var(--b);color:#fff;font:800 .74rem/1 var(--body);letter-spacing:.02em}
.bdg img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:12%}
.ok{color:#15803d}.ko{color:var(--muted)}
.notice{padding:18px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);text-align:center}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ok{color:#4ade80}}
:root[data-theme="dark"] .ok{color:#4ade80}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

:root{--bg:#fbf7ef;--ink:#1d2a26;--muted:#5f6b66;--line:#e6dccb;--card:#fffdf8;--soft:#f3ecdf;--primary:#0f5b4a;--on-primary:#fbf7ef;--accent:#a8873f;
--display:'Lora',Georgia,serif;--body:'Nunito Sans',system-ui,sans-serif;--radius:14px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0e1714;--ink:#efe8da;--muted:#a7b2ac;--line:#24322d;--card:#13201c;--soft:#172621;--primary:#5fc2a4;--on-primary:#0e1714;--accent:#d8b86e}}
:root[data-theme="dark"]{--bg:#0e1714;--ink:#efe8da;--muted:#a7b2ac;--line:#24322d;--card:#13201c;--soft:#172621;--primary:#5fc2a4;--on-primary:#0e1714;--accent:#d8b86e}
body{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2272%22%20height%3D%2272%22%3E%3Cpolygon%20points%3D%2236.00%2C22.00%2040.07%2C26.17%2045.90%2C26.10%2045.83%2C31.93%2050.00%2C36.00%2045.83%2C40.07%2045.90%2C45.90%2040.07%2C45.83%2036.00%2C50.00%2031.93%2C45.83%2026.10%2C45.90%2026.17%2C40.07%2022.00%2C36.00%2026.17%2C31.93%2026.10%2C26.10%2031.93%2C26.17%22%20fill%3D%22none%22%20stroke%3D%22%230f5b4a%22%20stroke-opacity%3D%22.09%22%20stroke-width%3D%221.2%22/%3E%3C/svg%3E");background-attachment:fixed}
h1,h2,h3{font-weight:700}
header.am{background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}
header.am .wrap{display:flex;align-items:center;justify-content:space-between;height:78px;gap:16px}
.am-brand{display:flex;align-items:center;gap:12px;white-space:nowrap;text-decoration:none;font:700 1.4rem var(--display);color:var(--primary)}.am-brand i{color:var(--accent)}
.am-nav{display:flex;align-items:center;gap:26px}.am-nav a{text-decoration:none;font-weight:600;color:var(--muted)}.am-nav a:hover,.am-nav a[aria-current]{color:var(--primary)}
.am-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:999px;background:var(--primary);color:var(--on-primary);text-decoration:none;font-weight:700;border:0}
.am-btn.line{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}
.am-nav a.am-btn{color:var(--on-primary)}
.am-hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-top:64px;padding-bottom:88px}
.salam{display:inline-flex;align-items:center;gap:10px;font:italic 600 1.05rem var(--display);color:var(--accent);margin-bottom:16px}
.salam::before{content:"";width:28px;height:1.5px;background:currentColor}
.am-hero h1{font-size:clamp(2.4rem,5.4vw,4.2rem);line-height:1.08;margin-bottom:22px;color:var(--ink)}
.am-hero h1 em{color:var(--primary)}
.am-hero p{font-size:1.1rem;color:var(--muted);max-width:540px;margin-bottom:30px}
.am-hero .cta{display:flex;flex-wrap:wrap;gap:12px}
.arch{position:relative;justify-self:center;width:100%;max-width:420px;aspect-ratio:4/5;border-radius:210px 210px 28px 28px;background:linear-gradient(180deg,#0f5b4a,#0b4136);overflow:hidden;box-shadow:0 30px 60px -30px rgba(15,91,74,.6)}
.arch::before{content:"";position:absolute;inset:14px;border-radius:200px 200px 18px 18px;border:1.5px solid rgba(201,168,92,.55)}
.arch .big{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);filter:drop-shadow(0 18px 30px rgba(0,0,0,.3))}
.arch .orb{position:absolute;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#fbf7ef;color:#0f5b4a;box-shadow:0 12px 24px -10px rgba(0,0,0,.4);animation:float 5s ease-in-out infinite}
.arch .o1{left:12%;top:24%}.arch .o2{right:12%;top:30%;animation-delay:-1.5s}.arch .o3{left:16%;bottom:24%;animation-delay:-3s}.arch .o4{right:16%;bottom:18%;animation-delay:-2s}
@keyframes float{50%{transform:translateY(-10px)}}
.arch .cap{position:absolute;left:0;right:0;bottom:28px;text-align:center;color:#f3e7c9;font:italic 600 1.15rem var(--display)}
.am-sec{padding:96px 0}
.am-head{text-align:center;max-width:680px;margin:0 auto 52px}
.am-head .salam{justify-content:center}.am-head .salam::after{content:"";width:28px;height:1.5px;background:currentColor}
.am-head h2{font-size:clamp(1.9rem,3.8vw,2.9rem);margin:0 0 10px}.am-head p{color:var(--muted)}
.am-vals{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.am-vals>div{padding:40px 28px 30px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:160px 160px 20px 20px}
.am-vals .ic{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--soft);color:var(--primary);margin-bottom:18px}
.am-vals h3{font-size:1.4rem;margin:0 0 8px}.am-vals p{margin:0;color:var(--muted)}
.am-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.am-list>div{display:flex;gap:18px;align-items:flex-start;padding:24px;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.am-list .ic{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--primary);color:var(--on-primary)}
.am-list h3{font-size:1.2rem;margin:2px 0 4px}.am-list p{margin:0;color:var(--muted)}
.am-quote{text-align:center;padding:72px 24px;border-radius:32px;background:var(--primary);color:#f6efe2;position:relative;overflow:hidden}
.am-quote::before,.am-quote::after{content:"";position:absolute;width:220px;height:220px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2272%22%20height%3D%2272%22%3E%3Cpolygon%20points%3D%2236.00%2C22.00%2040.07%2C26.17%2045.90%2C26.10%2045.83%2C31.93%2050.00%2C36.00%2045.83%2C40.07%2045.90%2C45.90%2040.07%2C45.83%2036.00%2C50.00%2031.93%2C45.83%2026.10%2C45.90%2026.17%2C40.07%2022.00%2C36.00%2026.17%2C31.93%2026.10%2C26.10%2031.93%2C26.17%22%20fill%3D%22none%22%20stroke%3D%22%230f5b4a%22%20stroke-opacity%3D%22.09%22%20stroke-width%3D%221.2%22/%3E%3C/svg%3E");background-size:72px;opacity:.9;filter:invert(1)}
.am-quote::before{left:-60px;top:-60px}.am-quote::after{right:-60px;bottom:-60px}
.am-quote p{position:relative;font:italic 600 clamp(1.5rem,3.4vw,2.4rem)/1.35 var(--display);max-width:760px;margin:0 auto 12px}
.am-quote small{position:relative;color:#d8c48e;letter-spacing:.12em}
.am-about{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.am-about p{color:var(--muted);font-size:1.06rem}
.am-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.am-steps>div{text-align:center}.am-steps b{display:inline-grid;place-items:center;width:58px;height:58px;font:700 1.4rem var(--display);color:var(--primary);
background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpolygon%20points%3D%2232.00%2C1.00%2041.02%2C10.23%2053.92%2C10.08%2053.77%2C22.98%2063.00%2C32.00%2053.77%2C41.02%2053.92%2C53.92%2041.02%2C53.77%2032.00%2C63.00%2022.98%2C53.77%2010.08%2C53.92%2010.23%2C41.02%201.00%2C32.00%2010.23%2C22.98%2010.08%2C10.08%2022.98%2C10.23%22%20fill%3D%22%23f3ecdf%22%20stroke%3D%22%23c9a85c%22%20stroke-width%3D%221.5%22/%3E%3C/svg%3E") center/contain no-repeat;margin-bottom:14px}
.am-steps h3{font-size:1.25rem;margin:0 0 6px}.am-steps p{margin:0;color:var(--muted)}
.am-contact{text-align:center;padding:56px 24px;border-radius:28px;border:1.5px dashed var(--accent);background:var(--card)}
.am-contact h2{font-size:clamp(1.8rem,3.6vw,2.6rem)}.am-contact p{color:var(--muted)}
.am-office{display:grid;grid-template-columns:1fr 1.3fr;gap:28px;align-items:center;margin-top:40px;text-align:left}
.am-office .ic{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--primary);color:var(--on-primary);margin-bottom:14px}
.am-office b{display:block;font:700 1.4rem var(--display);margin-bottom:6px}.am-office p{color:var(--muted);margin:0}
.am-office iframe{width:100%;height:300px;border:0;border-radius:150px 150px 20px 20px}
@media (max-width:900px){.am-office{grid-template-columns:1fr}}
footer.am{margin-top:96px;background:#0b4136;color:#cfe0d9}
footer.am .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:34px;padding-bottom:34px}
footer.am .am-brand{color:#f6efe2}footer.am a{color:#cfe0d9;text-decoration:none;margin-left:20px}footer.am a:hover{color:#fff}
.am-sub{text-align:center;padding:64px 0 36px}.am-sub h1{font-size:clamp(2.2rem,5vw,3.6rem);margin:0}.am-sub p{color:var(--muted);max-width:620px;margin:14px auto 0}
.am-page{padding:0 20px}
@media (max-width:900px){.am-nav a:not(.am-btn){display:none}.am-nav a.am-btn{padding:10px 16px;font-size:.88rem}.am-brand{font-size:1.2rem}.am-hero .wrap,.am-about{grid-template-columns:1fr}.arch{max-width:320px}
.am-vals,.am-steps,.am-list{grid-template-columns:1fr}.am-sec{padding:72px 0}footer.am a{margin:0 18px 0 0}}

.cover{position:relative;max-width:760px;margin:48px auto 0;padding:72px 48px 64px;text-align:center;border-radius:300px 300px 24px 24px;
background:linear-gradient(180deg,#0f5b4a,#0b4136);color:#f6efe2;box-shadow:0 40px 80px -40px rgba(15,91,74,.7)}
.cover::before{content:"";position:absolute;inset:16px;border-radius:290px 290px 14px 14px;border:1.5px solid rgba(201,168,92,.6)}
.cover::after{content:"";position:absolute;inset:26px;border-radius:280px 280px 8px 8px;border:1px solid rgba(201,168,92,.25)}
.cover>*{position:relative;z-index:1}
.cover .orn{display:flex;align-items:center;justify-content:center;gap:14px;color:#d8c48e;font:italic 600 1rem var(--display);margin:18px 0 10px}
.cover .orn::before,.cover .orn::after{content:"";width:60px;height:1px;background:currentColor}
.cover h1{font-size:clamp(2.8rem,7vw,5rem);line-height:1;margin:0 0 18px;color:#fbf7ef}
.cover h1 i{color:#d8c48e}
.cover p{max-width:520px;margin:0 auto 30px;color:rgba(246,239,226,.85);font-size:1.05rem}
.cover .am-btn{background:#f6efe2;color:#0f5b4a}.cover .am-btn.line{background:transparent;color:#f6efe2;border-color:rgba(246,239,226,.6)}
.cover .cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.book{display:grid;grid-template-columns:230px minmax(0,1fr);gap:64px;padding-top:88px;padding-bottom:40px}
.toc{position:sticky;top:110px;align-self:start}
.toc small{display:block;font:italic 600 1rem var(--display);color:var(--accent);margin-bottom:14px}
.toc a{display:grid;grid-template-columns:36px 1fr;padding:11px 0;border-bottom:1px dashed var(--line);text-decoration:none;color:var(--muted);font-weight:600}
.toc a b{font:italic 600 1rem var(--display);color:var(--accent)}
.toc a.on{color:var(--primary)}.toc a.on b{color:var(--primary)}
.chap{padding-bottom:88px}
.chap .no{display:flex;align-items:center;gap:14px;font:italic 600 1.05rem var(--display);color:var(--accent);margin-bottom:12px}
.chap .no::after{content:"";flex:1;height:1px;background:var(--line)}
.chap h2{font-size:clamp(2rem,4vw,3rem);margin:0 0 22px}
.chap .story p{font-size:1.12rem;line-height:1.8;color:var(--ink)}
.chap .story p:first-child::first-letter{float:left;font:700 4.4rem/.8 var(--display);color:var(--primary);margin:8px 12px 0 0}
.kisah{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
.plate{margin:0;padding:12px 12px 16px;background:var(--card);border:1px solid var(--line);border-radius:200px 200px 16px 16px;box-shadow:0 30px 50px -35px rgba(15,91,74,.5);transform:rotate(1.2deg)}
.plate img{display:block;width:100%;height:auto;border-radius:190px 190px 8px 8px;outline:1.5px solid rgba(201,168,92,.7);outline-offset:-8px}
.plate figcaption{margin-top:12px;text-align:center;font:italic 600 .92rem var(--display);color:var(--muted)}
.svc{display:grid;gap:14px}
.svc>div{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:center}
.svc .st{display:grid;place-items:center;width:64px;height:64px;color:var(--primary);background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpolygon%20points%3D%2232.00%2C1.00%2041.02%2C10.23%2053.92%2C10.08%2053.77%2C22.98%2063.00%2C32.00%2053.77%2C41.02%2053.92%2C53.92%2041.02%2C53.77%2032.00%2C63.00%2022.98%2C53.77%2010.08%2C53.92%2010.23%2C41.02%201.00%2C32.00%2010.23%2C22.98%2010.08%2C10.08%2022.98%2C10.23%22%20fill%3D%22%23f3ecdf%22%20stroke%3D%22%23c9a85c%22%20stroke-width%3D%221.5%22/%3E%3C/svg%3E") center/contain no-repeat}
.svc h3{font-size:1.25rem;margin:0 0 2px}.svc p{margin:0;color:var(--muted)}
.paper{position:relative;padding:28px 28px 28px 72px;border-radius:6px;background:#fffdf6;color:#2a2a2a;box-shadow:0 1px 0 #e9e1cf,0 24px 40px -30px rgba(0,0,0,.35);
background-image:linear-gradient(90deg,transparent 54px,#e9a4a4 54px,#e9a4a4 56px,transparent 56px),repeating-linear-gradient(#fffdf6 0 35px,#cfe0ea 35px 36px);background-position:0 0,0 18px;transform:rotate(-.6deg)}
.paper h3{font:italic 700 1.4rem var(--display);margin:0 0 6px;color:#0f5b4a}
.paper .ln{display:flex;align-items:center;gap:10px;height:36px;font-size:1rem}
.paper .ln .bdg{width:24px;height:24px;border-radius:50%}
.paper .ln span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paper .ln b{color:#0f5b4a;font-family:var(--display)}
.paper .sig{text-align:right;font:italic 600 .95rem var(--display);color:var(--muted);margin-top:8px}
.letters{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.letter{position:relative;padding:44px 24px 26px;border-radius:8px;background:var(--card);border:1px solid var(--line);text-align:center}
.letter::before{content:"";position:absolute;left:0;right:0;top:0;height:28px;background:linear-gradient(135deg,transparent 50%,var(--soft) 50%) left/50% 100% no-repeat,linear-gradient(225deg,transparent 50%,var(--soft) 50%) right/50% 100% no-repeat;border-bottom:1px solid var(--line)}
.letter .seal{position:absolute;left:50%;top:14px;transform:translateX(-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#a8873f;color:#fff}
.letter h3{font-size:1.25rem;margin:10px 0 6px}.letter p{margin:0;color:var(--muted);font-size:.95rem}
.ways{display:grid;gap:12px}.ways>div{display:flex;gap:16px;align-items:center;padding:16px 20px;border-radius:16px;background:var(--soft)}
.ways b{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--primary);color:var(--on-primary);font-family:var(--display)}
.ways h3{font-size:1.05rem;margin:0}.ways p{margin:0;color:var(--muted);font-size:.93rem}
@media (max-width:900px){.kisah{grid-template-columns:1fr}.plate{max-width:440px;margin:8px auto 0;transform:none}.book{grid-template-columns:1fr;gap:0;padding-top:56px}.toc{display:none}.cover{margin:28px 16px 0;padding:60px 24px 48px}.letters{grid-template-columns:1fr}.chap{padding-bottom:64px}.paper{padding-left:64px}}

.acc{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:900px;margin:0 auto}
.asr{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 20px;border-radius:999px;background:var(--card);border:1.5px solid var(--line);margin-bottom:8px}
.asr svg{color:var(--primary)}.asr input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:1.02rem;color:var(--ink);outline:none;padding:10px 0}
.acc-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.acc details{border-radius:20px;background:var(--card);border:1px solid var(--line);overflow:hidden}
.acc summary{display:flex;align-items:center;gap:14px;padding:18px 22px;cursor:pointer;list-style:none;font:700 1.2rem var(--display)}
.acc summary::-webkit-details-marker{display:none}
.acc summary .ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--soft);color:var(--primary)}
.acc summary small{margin-left:auto;font:600 .82rem var(--body);color:var(--muted)}
.acc summary::after{content:"";width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin:0 4px 4px 8px;transition:transform .2s}
.acc details[open] summary::after{transform:rotate(-135deg);margin-bottom:-4px}
.acc details[open] summary{border-bottom:1px solid var(--line)}
.bgrp{padding:6px 22px 14px}
.bgrp h4{display:flex;align-items:center;gap:10px;margin:14px 0 6px;font:700 .95rem var(--body);color:var(--primary)}
.bgrp .bdg{width:30px;height:30px;border-radius:50%}
.arow2{display:flex;justify-content:space-between;gap:12px;padding:9px 0 9px 40px;border-bottom:1px dashed var(--line);font-size:.95rem}
.arow2:last-child{border-bottom:0}.arow2 b{white-space:nowrap;color:var(--primary)}.arow2.off{opacity:.5}
.ameta{text-align:center;color:var(--muted);font-size:.86rem}