:root { --green:#17743a; --green-dark:#10582b; --ink:#17251d; --muted:#6d7b73; --line:#e6ebe7; --bg:#f5f8f6; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:radial-gradient(circle at 18% 20%, #e9f4ec 0, transparent 27%),var(--bg); font-family:Manrope,Arial,sans-serif; }
.site-header { height:96px; padding:8px clamp(20px,7vw,140px); background:#fff; display:flex; align-items:flex-start; justify-content:flex-start; border-bottom:1px solid #edf1ee; }
.brand-logo { width:270px; height:78px; object-fit:contain; object-position:left center; mix-blend-mode:multiply; } .online { font-size:13px; color:#465249; font-weight:700; display:flex; gap:8px; align-items:center; }.online span,.advisor-online { width:9px;height:9px;border-radius:50%;background:#2db65f;box-shadow:0 0 0 4px #e4f7eb; }
.page-shell { min-height:calc(100vh - 96px); display:flex; flex-direction:column; align-items:center; padding:38px 20px 20px; }.chat-card { width:min(100%,760px); min-height:640px; background:#fff; border:1px solid #e5ece7; border-radius:26px; box-shadow:0 18px 60px rgba(23,63,36,.12); overflow:hidden; display:flex; flex-direction:column; }
.advisor-head { display:flex; gap:12px; align-items:center; padding:18px 22px; border-bottom:1px solid var(--line); }.advisor-head img { width:48px;height:48px;border-radius:50%;object-fit:cover; }.advisor-head strong,.advisor-head small { display:block; }.advisor-head strong{font-size:15px}.advisor-head small{font-size:12px;color:var(--muted);margin-top:2px}.advisor-online{margin-left:auto;width:8px;height:8px;}
.chat-log { flex:1; overflow:auto; padding:24px 26px 8px; scroll-behavior:smooth; }.message { display:flex; gap:9px; margin:14px 0; align-items:flex-end; animation:in .28s ease-out; }.message.bot .mini-avatar { width:28px;height:28px;border-radius:50%;object-fit:cover; }.bubble { max-width:78%; padding:13px 15px 10px; background:#f8faf8; border:1px solid #edf1ee; border-radius:4px 17px 17px 17px; font-size:15px; line-height:1.55; box-shadow:0 4px 16px rgba(14,62,31,.05); }.time{display:block;font-size:10px;color:#9ba69f;text-align:right;margin-top:6px}.message.user{justify-content:flex-end}.message.user .bubble{background:var(--green);color:#fff;border:none;border-radius:17px 4px 17px 17px}.message.user .time{color:#d7f1e0}.typing{font-size:12px;color:#77837c;padding:10px 13px;background:#f6f8f6;border-radius:15px;width:max-content;margin:10px 0 10px 38px}.photo-card { margin:13px 0 14px 37px; max-width:360px; border-radius:16px; overflow:hidden; border:1px solid var(--line); background:#fff; box-shadow:0 5px 18px rgba(18,59,33,.08); animation:in .28s ease-out;}.photo-card img { display:block;width:100%;height:190px;object-fit:cover;}.photo-card p{padding:10px 12px;margin:0;font-size:12px;color:#536159;font-weight:700}
.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0 18px 37px;max-width:470px}.trust{font-size:12px;padding:10px;border:1px solid #dcebe1;background:#f7fbf8;border-radius:12px;color:#28533a;font-weight:700}.answers{padding:12px 26px 28px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer{appearance:none;text-align:left;background:#fff;border:1px solid #dce6df;border-radius:15px;padding:15px 14px;color:var(--ink);font:600 14px/1.35 inherit;cursor:pointer;transition:.18s;min-height:64px}.answer:hover{border-color:var(--green);box-shadow:0 6px 18px rgba(23,116,58,.12);transform:translateY(-1px)}.answer .arrow{float:right;color:var(--green);font-size:20px;line-height:16px}.form-card{margin:15px 0 8px 37px;max-width:440px;padding:17px;border:1px solid #dce8df;border-radius:17px;background:#fbfdfb;animation:in .28s ease-out}.form-card label{display:block;font-weight:700;font-size:13px;margin:9px 0 6px}.form-card input{width:100%;border:1px solid #d6e1d9;border-radius:10px;padding:12px;font:inherit;font-size:14px}.submit{width:100%;margin-top:14px;background:var(--green);border:0;color:white;border-radius:11px;padding:13px;font:700 14px inherit;cursor:pointer}.consent{font-size:10px;color:#748076;line-height:1.5;margin:11px 0 0}.success{text-align:center;margin:auto;padding:60px 28px;animation:in .35s ease-out}.success .check{font-size:48px}.success h1{font-size:25px;margin:14px 0 10px}.success p{font-size:14px;line-height:1.7;color:#536159;max-width:440px;margin:0 auto}footer{font-size:12px;color:#708078;padding:16px;text-align:center}footer button{border:0;background:none;color:var(--green);font:700 12px inherit;cursor:pointer;text-decoration:underline}dialog{border:0;border-radius:22px;max-width:760px;padding:36px;box-shadow:0 24px 80px rgba(0,0,0,.24);color:var(--ink)}dialog::backdrop{background:rgba(13,29,19,.4)}dialog h1{font-size:28px;margin:4px 0 20px}dialog p{line-height:1.65;color:#536159}.close{float:right;border:0;background:#f1f5f2;border-radius:50%;font-size:24px;width:35px;height:35px;cursor:pointer}@keyframes in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:620px){.site-header{padding:8px 16px}.brand-logo{width:145px}.online{font-size:11px}.page-shell{padding:16px 10px 10px}.chat-card{min-height:calc(100vh - 125px);border-radius:20px}.advisor-head{padding:14px 16px}.chat-log{padding:18px 15px 5px}.bubble{max-width:88%;font-size:14px}.trust-grid{margin-left:0;max-width:none}.photo-card{margin-left:0;max-width:none}.answers{padding:10px 15px 18px;grid-template-columns:1fr}.answer{min-height:56px}.form-card{margin-left:0}.site-header .online{gap:5px}}
.policy-shell{min-height:calc(100vh - 96px);padding:56px 20px;background:radial-gradient(circle at 18% 20%, #e9f4ec 0, transparent 27%),var(--bg)}.policy-card{width:min(100%,760px);margin:auto;padding:clamp(28px,5vw,54px);border-radius:28px;background:white;box-shadow:0 18px 60px rgba(23,63,36,.12)}.policy-card h1{font-size:clamp(28px,5vw,45px);margin:0 0 20px}.policy-card p{font-size:16px;line-height:1.65;color:#536159}.back-link{display:inline-block;margin-top:12px;color:var(--green);font-weight:800;text-decoration:none}
.photo-card figcaption{padding:10px 12px;margin:0;font-size:12px;color:#536159;font-weight:700}
@media(max-width:620px){.site-header{height:92px;padding:6px 16px;align-items:flex-start}.brand-logo{width:min(88vw,330px);height:78px}.page-shell{min-height:calc(100vh - 92px)}.policy-shell{min-height:calc(100vh - 92px)}}