.hero{border-bottom:1px solid var(--line);padding:140px 32px 80px}.hero-inner{grid-template-columns:180px 1fr;gap:80px;max-width:1400px;margin:0 auto;display:grid}.hero-content{grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;display:grid}.hero-text{max-width:680px}.product-label{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);background:#ff4a1c14;border:1px solid #ff4a1c4d;border-radius:100px;align-items:center;gap:10px;margin-bottom:24px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.product-label:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}h1.product-name{letter-spacing:-.05em;margin-bottom:24px;font-family:Fraunces,serif;font-size:clamp(96px,14vw,220px);font-weight:400;line-height:.85}h1.product-name em{color:var(--accent);font-style:italic;font-weight:300}.product-tagline{letter-spacing:-.015em;color:#0a0a0acc;max-width:600px;margin-bottom:32px;font-family:Fraunces,serif;font-size:clamp(22px,2.5vw,32px);font-style:italic;font-weight:300;line-height:1.3}.product-sub-desc{color:#0a0a0ab3;max-width:560px;margin-bottom:40px;font-size:17px;line-height:1.55}.hero-ctas{flex-wrap:wrap;gap:12px;display:flex}.hero-visual{justify-content:center;align-items:center;height:560px;padding:20px;display:flex;position:relative}.doc-stage{width:100%;max-width:400px;position:relative}.doc-paper{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:32px 28px;animation:.8s cubic-bezier(.22,1,.36,1) forwards doc-in;position:relative;transform:rotate(-1.2deg);box-shadow:0 24px 48px #0a0a0a14,0 4px 12px #0a0a0a0a}@keyframes doc-in{0%{opacity:0;transform:rotate(-4deg)translateY(20px)}to{opacity:1;transform:rotate(-1.2deg)translateY(0)}}.doc-header{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:16px}.doc-type{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:9px}.doc-title{letter-spacing:-.015em;font-family:Fraunces,serif;font-size:22px;font-weight:400;line-height:1.15}.doc-lines{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.doc-line{background:var(--bone);opacity:.7;border-radius:2px;height:6px}.doc-line.accent{background:var(--accent);opacity:.9}.doc-line:first-child{width:100%}.doc-line:nth-child(2){width:88%}.doc-line:nth-child(3){width:94%}.doc-line:nth-child(4){width:72%}.doc-line:nth-child(5){width:96%}.doc-line:nth-child(6){width:64%}.doc-clause{background:var(--paper-2);border-left:3px solid var(--accent);color:var(--ink);border-radius:4px;margin-bottom:20px;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.5}.doc-clause .cl-label{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:4px;font-size:9px;font-weight:700;display:block}.doc-signatures{border-top:1px dashed var(--line);justify-content:space-between;gap:20px;padding-top:20px;display:flex}.sig-block{text-align:center;color:var(--muted);letter-spacing:.15em;text-transform:uppercase;flex:1;font-family:JetBrains Mono,monospace;font-size:8px}.sig-line{background:var(--ink);opacity:.3;height:1px;margin-bottom:6px}.seal{text-align:center;letter-spacing:.1em;text-transform:uppercase;opacity:0;z-index:5;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;padding:12px;font-family:JetBrains Mono,monospace;font-size:8px;line-height:1.3;animation:.8s cubic-bezier(.22,1,.36,1) forwards seal-in;display:flex;position:absolute}@keyframes seal-in{0%{opacity:0;transform:scale(.5)rotate(-20deg)}to{opacity:1;transform:scale(1)rotate(var(--rot))}}.seal:before{content:"";opacity:.5;border:1px dashed;border-radius:50%;position:absolute;inset:4px}.seal-perdata{--rot:6deg;background:var(--ink);color:var(--paper);border:2px solid var(--ink);animation-delay:.6s;top:-10px;right:-20px;box-shadow:0 8px 20px #0a0a0a33}.seal-perdata .seal-top{font-size:10px;font-weight:700}.seal-perdata .seal-sub{opacity:.7;margin-top:4px;font-size:7px}.seal-perdata .seal-check{background:var(--accent);width:18px;height:18px;color:var(--paper);border-radius:50%;justify-content:center;align-items:center;margin:4px 0;font-size:10px;font-weight:700;display:flex}.seal-syariah{--rot:-8deg;background:var(--accent);color:var(--paper);border:2px solid var(--accent);animation-delay:.85s;bottom:-20px;left:-24px;box-shadow:0 8px 20px #ff4a1c4d}.seal-syariah .seal-top{font-size:10px;font-weight:700}.seal-syariah .seal-sub{opacity:.85;margin-top:4px;font-size:7px}.seal-syariah .seal-check{background:var(--paper);width:18px;height:18px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:4px 0;font-size:10px;font-weight:700;display:flex}@media (max-width:1100px){.hero-content{grid-template-columns:1fr;gap:60px}.hero-visual{order:2;height:auto;padding:40px 20px}}@media (max-width:900px){.hero-inner{grid-template-columns:1fr;gap:32px}.hero{padding:120px 20px 60px}.doc-stage{max-width:340px}}.framework-section{border-bottom:1px solid var(--line);padding:120px 32px}.framework-inner{grid-template-columns:180px 1fr;gap:80px;max-width:1400px;margin:0 auto;display:grid}.framework-grid{border:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;display:grid}.framework-col{background:var(--paper);flex-direction:column;gap:20px;padding:40px;display:flex}.framework-col.syariah{background:var(--ink);color:var(--paper)}.fw-label{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:12px;font-family:JetBrains Mono,monospace;font-size:10px}.framework-col.syariah .fw-label{color:#f2efe880;border-color:#f2efe826}.fw-title{letter-spacing:-.025em;font-family:Fraunces,serif;font-size:32px;font-weight:400;line-height:1.1}.fw-title em{color:var(--accent);font-style:italic}.fw-desc{color:#0a0a0ab3;font-size:14px;line-height:1.55}.framework-col.syariah .fw-desc{color:#f2efe8bf}.fw-list{border-top:1px dashed var(--line);flex-direction:column;gap:10px;margin-top:auto;padding-top:24px;list-style:none;display:flex}.framework-col.syariah .fw-list{border-color:#f2efe826}.fw-list li{text-transform:uppercase;letter-spacing:.1em;color:var(--ink);align-items:center;gap:12px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.framework-col.syariah .fw-list li{color:#f2efe8d9}.fw-list li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.framework-divider{background:var(--line);justify-content:center;align-items:center;width:1px;display:flex;position:relative}.framework-divider:before{content:"";background:linear-gradient(to bottom,var(--ink)50%,var(--accent)50%);opacity:.3;position:absolute;inset:0}.fw-plus{background:var(--paper);border:1px solid var(--line);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-family:Fraunces,serif;font-size:24px;font-weight:300;display:flex;position:relative}@media (max-width:1000px){.framework-grid{grid-template-columns:1fr}.framework-divider{width:100%;height:1px}.fw-plus{transform:rotate(0)}}@media (max-width:900px){.framework-inner{grid-template-columns:1fr;gap:32px}.framework-section{padding:80px 20px}.framework-col{padding:28px}}.docs-section{background:var(--paper-2);border-bottom:1px solid var(--line);padding:120px 32px}.docs-inner{grid-template-columns:180px 1fr;gap:80px;max-width:1400px;margin:0 auto;display:grid}.doc-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.doc-card{background:var(--paper);border:1px solid var(--line);flex-direction:column;gap:16px;padding:32px;transition:all .25s;display:flex}.doc-card:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:translateY(-2px)}.doc-card:hover .dc-desc{color:#f2efe8b3}.doc-card:hover .dc-examples{color:#f2efe899;border-color:#f2efe826}.doc-card:hover .dc-badges{opacity:1}.dc-head{justify-content:space-between;align-items:flex-start;display:flex}.dc-cat{text-transform:uppercase;letter-spacing:.15em;border:1px solid var(--line-strong);color:var(--muted);border-radius:100px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:10px;transition:all .3s}.doc-card:hover .dc-cat{color:#f2efe8b3;border-color:#f2efe84d}.dc-arrow{color:var(--muted);font-size:16px;transition:color .3s}.doc-card:hover .dc-arrow{color:var(--accent)}.dc-name{letter-spacing:-.02em;font-family:Fraunces,serif;font-size:26px;font-weight:400;line-height:1.1}.dc-desc{color:#0a0a0a99;flex:1;font-size:13px;line-height:1.55;transition:color .25s}.dc-badges{flex-wrap:wrap;gap:6px;padding-top:12px;transition:opacity .25s;display:flex}.dc-badge{text-transform:uppercase;letter-spacing:.15em;background:var(--paper-2);color:var(--muted);border-radius:3px;padding:3px 7px;font-family:JetBrains Mono,monospace;font-size:8px}.dc-badge.p{background:var(--ink);color:var(--paper)}.dc-badge.s{background:var(--accent);color:var(--paper)}.doc-card:hover .dc-badge{color:#f2efe8b3;background:#f2efe81a}.doc-card:hover .dc-badge.p{color:var(--paper);background:#f2efe833}.doc-card:hover .dc-badge.s{background:var(--accent);color:var(--paper)}.dc-examples{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);border-top:1px dashed var(--line);padding-top:14px;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.6;transition:all .3s}@media (max-width:1000px){.doc-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.doc-grid{grid-template-columns:1fr}}@media (max-width:900px){.docs-inner{grid-template-columns:1fr;gap:32px}.docs-section{padding:80px 20px}}.caps-section{border-bottom:1px solid var(--line);padding:120px 32px}.caps-inner{grid-template-columns:180px 1fr;gap:80px;max-width:1400px;margin:0 auto;display:grid}.caps-grid{grid-template-columns:repeat(2,1fr);gap:0;display:grid}.cap-item{border-top:1px solid var(--line);grid-template-columns:60px 1fr;align-items:start;gap:28px;padding:40px 40px 40px 0;display:grid}.cap-item:nth-child(2n){border-left:1px solid var(--line);padding-left:40px;padding-right:0}.cap-item:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.cap-num{color:var(--accent);letter-spacing:.15em;padding-top:4px;font-family:JetBrains Mono,monospace;font-size:11px}.cap-item h3{letter-spacing:-.015em;margin-bottom:10px;font-family:Fraunces,serif;font-size:22px;font-weight:400;line-height:1.2}.cap-item p{color:#0a0a0aa6;font-size:14px;line-height:1.55}@media (max-width:900px){.caps-inner{grid-template-columns:1fr;gap:32px}.caps-section{padding:80px 20px}.caps-grid{grid-template-columns:1fr}.cap-item,.cap-item:nth-child(2n){border-left:none;padding:28px 0}.cap-item:not(:first-child){border-top:1px solid var(--line)}}.risks-section{background:var(--ink);color:var(--paper);border-bottom:1px solid var(--line);padding:120px 32px;position:relative;overflow:hidden}.risks-section:before{content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);height:1px;position:absolute;top:0;left:0;right:0}.risks-inner{grid-template-columns:180px 1fr;gap:80px;max-width:1400px;margin:0 auto;display:grid}.risks-section .section-tag{color:var(--paper);border-color:var(--accent)}.risks-section .section-header h2{color:var(--paper)}.risks-section .section-header p{color:#f2efe8a6}.risk-list{border-top:1px solid #f2efe826;flex-direction:column;display:flex}.risk-row{border-bottom:1px solid #f2efe826;grid-template-columns:60px 160px 1fr 120px;align-items:center;gap:32px;padding:28px 0;transition:all .25s;display:grid}.risk-row:hover{background:#ff4a1c0a;padding-left:12px;padding-right:12px}.risk-row:hover .risk-cat{color:var(--accent)}.risk-level{letter-spacing:.1em;border:1px solid #f2efe840;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;display:flex}.risk-level.high{color:var(--accent);background:#ff4a1c26;border-color:#ff4a1c66}.risk-level.med{color:#f2efe8cc;background:#f2efe80d}.risk-level.low{color:#f2efe880;background:0 0}.risk-cat{text-transform:uppercase;letter-spacing:.2em;color:#f2efe880;font-family:JetBrains Mono,monospace;font-size:10px;transition:color .25s}.risk-text{color:var(--paper);font-family:Fraunces,serif;font-size:18px;font-style:italic;font-weight:300;line-height:1.35}.risk-ref{color:var(--accent);letter-spacing:.1em;text-align:right;font-family:JetBrains Mono,monospace;font-size:10px}@media (max-width:900px){.risks-inner{grid-template-columns:1fr;gap:32px}.risks-section{padding:80px 20px}.risk-row{grid-template-columns:60px 1fr;gap:16px}.risk-row>.risk-text,.risk-row>.risk-ref{grid-column:1/-1;margin-left:76px}.risk-ref{text-align:left}.risk-row .risk-cat{grid-column:2}}