:root{--bg:#050608;--panel:rgba(12,15,18,.88);--gold:#d8b56d;--gold2:#f1cf8a;--text:#f4efe4;--muted:#b7aa96;--line:rgba(216,181,109,.32);--blue:#6fc7ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050608;color:var(--text);font-family:Georgia,"Times New Roman",serif}.site-shell{min-height:100vh;background:radial-gradient(circle at 52% 17%,rgba(58,123,170,.20),transparent 30%),radial-gradient(circle at 82% 48%,rgba(255,116,61,.12),transparent 25%),linear-gradient(180deg,#030405 0%,#071017 46%,#050608 100%)}
.topbar{position:fixed;top:0;left:0;width:100%;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(14px,4vw,58px);background:linear-gradient(180deg,rgba(0,0,0,.86),rgba(0,0,0,.25));backdrop-filter:blur(10px);border-bottom:1px solid rgba(216,181,109,.10)}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--gold2);text-decoration:none;letter-spacing:8px}.brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;letter-spacing:0}.brand b{font-size:24px}.brand small{display:block;font-size:11px;letter-spacing:4px;text-align:center}nav{display:flex;align-items:center;gap:clamp(10px,1.8vw,24px)}nav a{color:var(--text);text-decoration:none;font-size:15px;opacity:.92;white-space:nowrap}.nav-support{background:linear-gradient(135deg,var(--gold2),#b8863b);color:#111!important;font-weight:bold;padding:10px 16px;border-radius:999px}
.hero{min-height:100vh;position:relative;overflow:hidden;padding:112px clamp(18px,4.5vw,70px) 128px}.hero-art{position:absolute;inset:0;background-image:url("../img/janani_frontpage.png");background-size:cover;background-position:center top;opacity:.42;transform:scale(1.03)}.hero-face-focus{position:absolute;top:92px;left:50%;transform:translateX(-50%);width:min(480px,36vw);height:min(620px,60vh);background:radial-gradient(ellipse at center,rgba(216,181,109,.16),rgba(90,160,210,.10) 42%,transparent 72%);filter:blur(2px);z-index:1}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.58) 30%,rgba(0,0,0,.18) 50%,rgba(0,0,0,.60) 70%,rgba(0,0,0,.90) 100%),linear-gradient(180deg,rgba(0,0,0,.08),#050608 100%)}
.hero-grid-v4{position:relative;z-index:2;display:grid;grid-template-columns:minmax(310px,430px) minmax(390px,560px);justify-content:space-between;gap:clamp(28px,12vw,260px);align-items:start}.hero-content{padding-top:34px;max-width:430px;overflow:hidden}.eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:3px;font-size:13px;margin:0 0 14px}h1{font-size:clamp(58px,7vw,110px);line-height:.88;letter-spacing:9px;margin:0;color:var(--gold2);text-shadow:0 0 22px rgba(216,181,109,.25);max-width:100%;overflow-wrap:normal}h2{font-size:clamp(26px,3.4vw,46px);line-height:1.08;color:var(--gold2);margin:0 0 18px}.hero h2{font-size:clamp(23px,2.1vw,33px);color:var(--text);margin-top:18px}.lead{color:var(--muted);max-width:420px;font-size:18px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.btn,button{border:1px solid var(--line);border-radius:10px;padding:14px 22px;font-size:16px;font-family:Georgia,"Times New Roman",serif;cursor:pointer;text-decoration:none}.btn.primary,button,.support-btn{background:linear-gradient(135deg,var(--gold2),#b8863b);color:#111!important;font-weight:bold}.btn.ghost{background:rgba(0,0,0,.38);color:var(--gold2)}.btn.support-btn{box-shadow:0 0 28px rgba(216,181,109,.22)}
.chat-card{background:rgba(8,11,14,.91);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 24px 70px rgba(0,0,0,.42);backdrop-filter:blur(9px)}.hero-chat{margin-top:0}.chat-intro-inline h2{font-size:28px}.row{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center;margin-bottom:12px}label{color:var(--gold2)}select,textarea,input{width:100%;background:rgba(0,0,0,.46);color:var(--text);border:1px solid rgba(216,181,109,.24);border-radius:12px;padding:13px 14px;font-size:16px;font-family:Arial,sans-serif}.messages{min-height:330px;max-height:50vh;overflow-y:auto;padding:10px;background:rgba(0,0,0,.30);border:1px solid rgba(255,255,255,.06);border-radius:14px}.msg{white-space:pre-wrap;line-height:1.65;padding:14px;margin:10px 0;border-radius:14px;font-family:Arial,sans-serif}.msg.ai{background:rgba(216,181,109,.10);border-left:4px solid var(--gold2)}.msg.user{background:rgba(111,199,255,.10);border-left:4px solid var(--blue)}.input-wrap{display:grid;grid-template-columns:1fr 145px;gap:12px;margin-top:12px}textarea{min-height:76px;resize:vertical}.chat-hint{color:var(--muted);font-size:13px;margin-bottom:0}
.thinking-wrap{display:flex;gap:14px;align-items:center}.thinking-orb{width:52px;height:52px;border-radius:50%;border:2px solid var(--gold2);position:relative;animation:spin 1.2s linear infinite;box-shadow:0 0 24px rgba(216,181,109,.45)}.thinking-orb span{position:absolute;width:8px;height:8px;background:var(--gold2);border-radius:50%;top:4px;left:22px}.thinking-orb span:nth-child(2){top:34px;left:8px}.thinking-orb span:nth-child(3){top:34px;left:36px}@keyframes spin{to{transform:rotate(360deg)}}.thinking-line{color:var(--muted);margin:4px 0}.matrix-line{font-family:monospace;color:#86ffc0;font-size:12px;letter-spacing:1px}.error-soft p{color:var(--muted)}.inline-support{display:inline-block;margin-top:10px;background:linear-gradient(135deg,var(--gold2),#b8863b);color:#111;text-decoration:none;padding:10px 14px;border-radius:9px;font-weight:bold}
.element-strip{position:absolute;left:clamp(18px,4.5vw,70px);right:clamp(18px,4.5vw,70px);bottom:22px;z-index:4;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.element-strip div{background:rgba(2,4,7,.66);border:1px solid var(--line);border-radius:12px;padding:14px;backdrop-filter:blur(8px)}.element-strip b{display:block;color:var(--gold2);letter-spacing:3px;font-size:18px}.element-strip span{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.agent-section,.support-strip,.content-grid,.lineage{width:min(1180px,calc(100% - 32px));margin:0 auto}.agent-section{display:grid;grid-template-columns:1fr 440px;gap:28px;align-items:start;padding:72px 0}.agent-copy,.agent-form,.support-strip,.cards article,.lineage{background:rgba(9,11,14,.78);border:1px solid var(--line);border-radius:18px;padding:28px}.agent-copy p,.support-strip p,.section-title p,.lineage p,.cards p,.small-note{color:var(--muted);line-height:1.7;font-size:17px}.agent-form{display:grid;gap:12px}.consent-line{font-size:13px;line-height:1.45;color:var(--muted);display:flex;gap:8px;align-items:flex-start}.consent-line input{width:auto;margin-top:3px}.agent-form small{color:var(--gold2);line-height:1.5}.support-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:42px 34px}.content-grid{padding:72px 0}.section-title{max-width:650px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.cards h3{color:var(--gold2)}.lineage{padding:54px;text-align:center}footer{padding:30px 16px 42px;border-top:1px solid rgba(216,181,109,.18);color:var(--gold2);text-align:center;letter-spacing:2px}
@media(max-width:1080px){.hero-grid-v4{grid-template-columns:1fr;gap:24px}.hero-content{max-width:720px}.hero-art{opacity:.30}.hero-face-focus{width:75vw;opacity:.5}.element-strip{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:repeat(2,1fr);margin-top:30px}.hero{padding-bottom:30px}.agent-section,.support-strip{grid-template-columns:1fr;display:grid}.cards{grid-template-columns:1fr 1fr}.messages{min-height:300px}}@media(max-width:720px){.topbar{position:absolute}.topbar nav a:not(.nav-support){display:none}.brand b{font-size:19px}.hero{padding-top:96px}.element-strip,.cards{grid-template-columns:1fr}.input-wrap{grid-template-columns:1fr}.messages{min-height:280px}h1{font-size:54px;letter-spacing:6px}.lineage{padding:30px 18px}}