@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#06140d;--panel:#0b2116;--purple:#8ee7b0;--cyan:#f3d77a;--muted:#b0c7b9;--line:#ffffff1c;--mu-green:#087a3b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f8fafc;font-family:"DM Sans",system-ui,-apple-system,sans-serif;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button,a,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}.glow{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.19;width:400px;height:400px}.glow-a{top:-180px;left:-170px;background:#087a3b}.glow-b{top:250px;right:-220px;background:#b9a33d}
.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff0b}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:700;letter-spacing:-.7px}.brand-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;border:1px solid #a78bfa55;background:linear-gradient(145deg,#8b5cf655,#2563eb33);color:#ddd6fe;font-size:23px}.brand-dot{color:var(--purple)}nav{display:flex;gap:30px;color:#c5c8dc;font-size:13px}nav a:hover{color:white}.top-cta,.secondary-btn{border:1px solid #ffffff24;border-radius:999px;padding:11px 17px;font-size:13px}.top-cta{background:#ffffff08}.top-cta span{color:var(--purple);margin-left:6px}
.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:25px;padding-top:58px;padding-bottom:55px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2px;font-weight:700;color:#d8b4fe}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d399}.hero h1{font-size:clamp(37px,5vw,60px);line-height:1.12;letter-spacing:-2.4px;margin:23px 0 18px;font-weight:700}.hero h1 span{background:linear-gradient(100deg,#d8b4fe,#8b5cf6 48%,#60a5fa);background-clip:text;color:transparent}.lead{max-width:550px;color:#b5bad0;line-height:1.8;font-size:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.primary-btn{padding:14px 20px;border-radius:999px;background:linear-gradient(105deg,#8b5cf6,#3b82f6);font-size:13px;font-weight:700;box-shadow:0 7px 32px #6d28d944}.primary-btn span{margin-left:12px}.secondary-btn{padding:13px 20px;color:#e1e4f1}.trust-row{display:flex;flex-wrap:wrap;gap:19px;margin-top:28px;color:#9298b2;font-size:11px}
.hero-art{position:relative;aspect-ratio:1;display:grid;place-items:center;min-width:0}.hero-art:before{content:"";position:absolute;width:68%;height:68%;border-radius:50%;background:#6338ed;filter:blur(90px);opacity:.24}.orb{position:relative;display:grid;place-items:center;width:43%;aspect-ratio:1;border:2px solid #c4b5fd;border-radius:50%;background:radial-gradient(circle at 35% 25%,#7c3aed,#19143c 43%,#08091c 70%);box-shadow:0 0 20px #8b5cf6,0 0 55px #6d28d9aa,inset 0 0 30px #60a5fa55;animation:float 5s ease-in-out infinite}.orb:before,.orb:after{content:"";position:absolute;inset:-10%;border:1px solid #a78bfa88;border-radius:50%}.orb:after{inset:-19%;border-color:#60a5fa55}.eyes{width:55%;display:flex;justify-content:center;flex-wrap:wrap;gap:15px}.eyes i{height:18px;width:11px;border-radius:100%;background:#a5f3fc;box-shadow:0 0 14px #38bdf8}.eyes b{width:26px;height:12px;border-bottom:3px solid #a5f3fc;border-radius:50%}.orbit{position:absolute;width:67%;height:67%;border:1px solid #8b5cf633;border-radius:50%;transform:rotate(-25deg) scaleY(.62)}.orbit-two{width:81%;height:81%;border-color:#60a5fa44;transform:rotate(45deg) scaleY(.58)}.orbit-three{width:92%;height:92%;border-color:#c4b5fd22;transform:rotate(-65deg) scaleY(.65)}.soundwave{position:absolute;display:flex;gap:4px;align-items:center;height:45px}.wave-left{left:1%}.wave-right{right:1%}.soundwave i{width:3px;border-radius:8px;background:linear-gradient(#a78bfa,#38bdf8);animation:wave 1s ease-in-out infinite alternate}.soundwave i:nth-child(1),.soundwave i:nth-child(6){height:10px}.soundwave i:nth-child(2),.soundwave i:nth-child(5){height:22px;animation-delay:.2s}.soundwave i:nth-child(3){height:32px;animation-delay:.4s}.soundwave i:nth-child(4){height:42px;animation-delay:.1s}.float-note{position:absolute;display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid #ffffff20;border-radius:13px;background:#101329dc;box-shadow:0 12px 40px #0005;backdrop-filter:blur(16px);font-size:11px;color:#e2e8f0}.note-top{right:0;top:9%;max-width:210px}.note-bottom{bottom:8%;left:2%;color:#b7bdd3}.note-bottom span{font-size:22px;color:var(--purple)}
.chat-section{scroll-margin-top:25px;padding-top:30px;padding-bottom:64px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.section-heading h2{font-size:clamp(23px,3vw,31px);letter-spacing:-.8px;margin:9px 0 0}.section-heading>p{color:#969bb5;font-size:12px;line-height:1.7;margin:0}.purple{color:#c4b5fd}.chat-card{border:1px solid #ffffff18;border-radius:23px;overflow:hidden;background:linear-gradient(150deg,#111329f5,#090b1bf5);box-shadow:0 25px 90px #0004,0 0 70px #7c3aed0c}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;border-bottom:1px solid #ffffff0e}.assistant-id{display:flex;align-items:center;gap:11px}.mini-orb,.avatar{display:grid;place-items:center;flex-shrink:0;border:1px solid #a78bfa55;background:linear-gradient(145deg,#7c3aed55,#2563eb33);color:#ddd6fe}.mini-orb{width:38px;height:38px;border-radius:12px;font-size:18px}.assistant-id strong{font-size:13px;display:block}.assistant-id small{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:10px;color:#9ba2bb}.quiet-btn{border:1px solid #ffffff18;background:#ffffff06;color:#bdc2d6;border-radius:999px;padding:9px 12px;font-size:11px;cursor:pointer}.messages{display:flex;flex-direction:column;gap:17px;min-height:250px;max-height:450px;overflow:auto;padding:23px}.message{display:flex;align-items:flex-start;gap:9px}.message.user{justify-content:flex-end}.avatar{width:28px;height:28px;border-radius:10px;font-size:13px}.bubble{max-width:min(82%,680px);padding:12px 15px;border:1px solid #ffffff0b;border-radius:4px 15px 15px 15px;background:#171a31;color:#e2e8f0;font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.user .bubble{border-color:#8b5cf633;border-radius:15px 4px 15px 15px;background:linear-gradient(120deg,#6335b7,#244a9e);color:white}.typing{color:#c4b5fd}.suggestions{display:flex;flex-wrap:wrap;gap:8px;padding:0 23px 17px}.suggestions button{border:1px solid #a78bfa35;border-radius:999px;background:#8b5cf60b;color:#e4dcff;padding:9px 12px;font-size:11px;cursor:pointer}.suggestions button:hover{background:#8b5cf622}.composer{display:flex;align-items:end;gap:8px;margin:0 15px;padding:8px;border:1px solid #ffffff18;border-radius:17px;background:#080a18}.composer:focus-within{border-color:#a78bfa88}.composer textarea{min-width:0;max-height:130px;min-height:42px;flex:1;resize:vertical;border:0;outline:0;background:transparent;color:white;padding:12px 10px;font-size:13px}.composer textarea::placeholder{color:#727994}.icon-btn,.send-btn{height:42px;width:42px;flex-shrink:0;border-radius:12px;cursor:pointer}.icon-btn{border:1px solid #ffffff18;background:#ffffff08;color:#e0e7ff}.icon-btn.listening{background:#7f1d1d;border-color:#fca5a5}.send-btn{border:0;background:linear-gradient(135deg,#8b5cf6,#3b82f6);font-size:21px;font-weight:700;color:white}.send-btn:disabled{opacity:.4;cursor:not-allowed}.composer-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:11px 24px 17px;color:#747b98;font-size:10px}.composer-meta button{background:none;border:0;color:#c4b5fd;font-size:10px;cursor:pointer}.error{margin:0 18px 12px;padding:11px 13px;border:1px solid #fb718544;border-radius:12px;background:#fb718414;color:#fecdd3;font-size:12px}.disclaimer{text-align:center;color:#707692;font-size:10px;margin-top:13px}.features-section{padding:12px 0 70px}.centered{justify-content:center;text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.feature{padding:21px;border:1px solid #ffffff12;border-radius:17px;background:linear-gradient(145deg,#111329aa,#0c0e20aa)}.feature>span{display:grid;place-items:center;width:43px;height:43px;border:1px solid #a78bfa44;border-radius:13px;background:#8b5cf61c;color:#c4b5fd;font-size:21px}.feature h3{font-size:14px;margin:16px 0 7px}.feature p{font-size:12px;line-height:1.7;color:#9298b2;margin:0}.footer{border-top:1px solid #ffffff12;padding:25px 20px;text-align:center;color:#777e99;font-size:11px}.footer strong{color:#d7d9e8}.footer span{margin:0 7px}
@keyframes wave{to{transform:scaleY(.4);opacity:.6}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:760px){.wrap{width:min(100% - 30px,600px)}.topbar{height:70px}nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px;gap:0}.hero-copy{text-align:center}.hero h1{font-size:clamp(36px,9vw,53px);letter-spacing:-1.7px}.lead{margin-inline:auto;font-size:14px}.hero-actions,.trust-row{justify-content:center}.hero-art{width:min(100%,440px);margin:0 auto}.section-heading{align-items:start;flex-direction:column}.section-heading>p br{display:none}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.messages{padding:17px;min-height:220px}.chat-header{padding:14px 16px}.suggestions{padding-inline:15px}.composer-meta{padding-inline:18px}.float-note{font-size:10px}}@media(max-width:420px){.top-cta{padding:9px 12px;font-size:11px}.brand{font-size:19px}.hero h1{font-size:36px}.trust-row{gap:10px;font-size:10px}.feature-grid{gap:9px}.feature{padding:15px}.feature p{font-size:11px}.float-note{padding:9px}.note-top{max-width:175px}.bubble{max-width:88%;font-size:12px}.quiet-btn{font-size:10px;padding:8px}.composer{margin-inline:9px}.composer-meta{padding-inline:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* WakafMu Muhammadiyah identity refresh */
.brand{gap:12px;letter-spacing:0}
.brand-logo{width:48px;height:48px;object-fit:contain;border-radius:50%;background:#fff;padding:3px;flex:0 0 auto}
.brand-smile{width:48px;height:48px;object-fit:contain;border-radius:50%;background:#fff;padding:3px;flex:0 0 auto}
.brand-name{display:flex;flex-direction:column;font-size:22px;line-height:1.05}
.brand-name small{font-size:8px;letter-spacing:1.05px;color:#a8c8b3;margin-top:5px;font-weight:700}
.brand-dot{color:#8ee7b0}
.brand-icon{display:none}
.topbar{border-bottom-color:#8ee7b018}
.top-cta{border-color:#8ee7b044}
.top-cta span{color:#f3d77a}
.eyebrow{color:#9de9b8}
.hero h1 span{background:linear-gradient(100deg,#b7f7ca,#38b86c 50%,#f3d77a);background-clip:text;color:transparent}
.primary-btn{background:linear-gradient(105deg,#087a3b,#159957);box-shadow:0 7px 32px #087a3b44}
.secondary-btn{border-color:#8ee7b044}
.hero-art:before{background:#087a3b}
.orb{border-color:#a9edbd;background:radial-gradient(circle at 35% 25%,#149653,#123c27 43%,#06140d 70%);box-shadow:0 0 20px #149653,0 0 55px #087a3b88,inset 0 0 30px #f3d77a22}
.orb:before{border-color:#8ee7b088}.orb:after{border-color:#f3d77a55}
.orbit{border-color:#8ee7b033}.orbit-two{border-color:#f3d77a44}.orbit-three{border-color:#8ee7b022}
.soundwave i{background:linear-gradient(#8ee7b0,#f3d77a)}
.float-note{border-color:#8ee7b02a}
.note-bottom span{color:#8ee7b0}
.eyebrow.purple{color:#8ee7b0}
.orb-smile {
    display: block;
    width: 120px;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    position: relative;
    z-index: 2;
    filter: drop-shadow(0 0 12px rgba(142, 231, 176, 0.35));
}
@media(max-width:600px){.brand-logo{width:40px;height:40px}.brand-name{font-size:19px}.brand-name small{font-size:7px;letter-spacing:.7px}}