@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";.chat-app{--ink: #18342f;position:relative;min-height:100vh;padding:24px;overflow:hidden;color:var(--ink);font-family:DM Sans,sans-serif;background:#f9f7ef}.chat-app__background{position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:0;background:radial-gradient(circle at 20% 18%,#d1f0dd 0 13%,transparent 34%),radial-gradient(circle at 85% 25%,#ffe1ae 0 11%,transparent 30%),radial-gradient(circle at 50% 90%,#f8c8c0 0 12%,transparent 37%);animation:chat-drift 16s ease-in-out infinite alternate}.chat-app__header,.chat-app__panel{position:relative;z-index:1;max-width:820px;margin:auto}.chat-app__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:14px;font-weight:700}.chat-app__header a{color:var(--ink);text-decoration:none;background:#ffffffba;border:1px solid #fff;padding:10px 14px;border-radius:13px}.chat-app__shell{position:relative;z-index:1;max-width:1000px;margin:auto;height:calc(100vh - 94px);min-height:0;display:grid;grid-template-columns:235px minmax(0,1fr);gap:18px}.chat-app__side{background:#ffffffbd;border:1px solid #fff;border-radius:26px;padding:22px;box-shadow:0 20px 55px #224d3b1a}.chat-app__side small{font-size:10px;letter-spacing:1px;font-weight:700;color:#71867e}.chat-app__side h2{font-family:Playfair Display,serif;margin:12px 0;font-size:25px}.chat-app__side p{font-size:13px;color:#60766e}.chat-app__progress{height:7px;background:#e7ece6;border-radius:9px;overflow:hidden}.chat-app__progress span{display:block;width:26%;height:100%;background:#e9785e;border-radius:9px}.chat-app__side ol{padding:10px 0 0;list-style:none;font-size:13px;color:#789086;line-height:2.8}.chat-app__side li.active{font-weight:700;color:var(--ink)}.chat-app__panel{background:#fffffff0;border:1px solid #fff;box-shadow:0 24px 60px #28503a1c;border-radius:26px;padding:30px;max-height:none;min-height:0;display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin;scrollbar-color:#78a98a55 transparent}.chat-app__chat-head{display:flex;align-items:center;gap:10px;padding:0 0 17px;border-bottom:1px solid #e5eae5}.chat-app__chat-head>b{display:grid;place-items:center;width:40px;height:40px;border-radius:15px;background:#d9f0df;font-size:20px}.chat-app__chat-head strong{display:block;font-size:15px}.chat-app__chat-head span,.chat-app__chat-head i{font-size:12px;color:#5b796d;font-style:normal}.chat-app__chat-head i{margin-left:auto;color:#4c9870}.chat-app__panel>h1,.chat-app__panel>h1+p{display:none}.chat-app__panel::-webkit-scrollbar{width:4px}.chat-app__panel::-webkit-scrollbar-thumb{background:#78a98a55;border-radius:9px}.chat-app h1{font-family:Playfair Display,serif;font-size:38px;margin:0 0 8px;letter-spacing:-1px}.chat-app p{line-height:1.6}.chat-app form{display:flex;gap:12px;align-items:center;margin:auto 0 0;order:99;position:sticky;bottom:-30px;padding:18px 0 20px;background:#fffffff2;box-shadow:0 -12px 24px #1e47300d}.chat-app form label{display:none}.chat-app textarea{flex:1;min-height:62px;border:1px solid #bad7c1;border-radius:16px;padding:14px;font:14px DM Sans;resize:none}.chat-app button{border:0;border-radius:14px;padding:12px 16px;background:linear-gradient(135deg,#e9785e,#d75d69);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 6px 15px #dc6a6244}.chat-app form button{height:52px}.chat-app section{margin:18px 0;padding:18px;border-radius:18px;background:#f5faf5}.chat-app input{width:100%;padding:10px;border:1px solid #c8ddd0;border-radius:10px;margin:6px 0 12px}@keyframes chat-drift{50%{transform:translate(4%,3%) rotate(4deg) scale(1.08)}}@media(max-width:650px){.chat-app{padding:14px}.chat-app__panel{padding:20px;max-height:calc(100vh - 80px)}.chat-app__shell{height:calc(100vh - 78px);display:block}.chat-app__side,.chat-app__chat-head i,.chat-app__header span{display:none}.chat-app h1{font-size:31px}}.landing{--ink: #18342f;--soft: #f8f6ef;--coral: #df694f;min-height:100vh;background:var(--soft);color:var(--ink);font-family:DM Sans,sans-serif;overflow:hidden}.landing *{box-sizing:border-box}.orb{position:absolute;border-radius:50%;z-index:0;animation:drift 9s ease-in-out infinite}.orb-one{width:340px;height:340px;background:#d7efe2;top:80px;right:-70px}.orb-two{width:240px;height:240px;background:#ffe1b0;top:480px;left:-90px}.orb-three{width:160px;height:160px;background:#f9c6b9;top:190px;left:45%}.landing-nav,.landing-hero,.landing-features{position:relative;z-index:1;max-width:1180px;margin:auto;padding-left:30px;padding-right:30px}.landing-nav{height:88px;display:flex;align-items:center;justify-content:space-between}.landing-brand,.landing h1,.landing h2{font-family:Playfair Display,serif}.landing-brand{font-size:28px;font-weight:700}.landing-brand i,.landing h1 em{color:var(--coral)}.landing-nav a{color:var(--ink);font-size:14px}.landing-hero{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center;padding-top:45px;padding-bottom:100px}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #dce4dd;background:#fff;padding:9px 13px;border-radius:30px;font-size:13px;font-weight:600}.eyebrow b{width:9px;height:9px;border-radius:50%;background:#f38b70;box-shadow:0 0 0 5px #ffe3dc}.landing h1{font-size:clamp(49px,6vw,76px);line-height:1.03;letter-spacing:-3px;margin:23px 0}.landing h1 em{display:block;font-style:italic}.landing-hero>div>p{font-size:18px;line-height:1.65;color:#46615a;max-width:570px}.start-button{border:0;background:var(--ink);color:#fff;border-radius:15px;padding:16px 22px;font-weight:700;font-size:15px;box-shadow:0 8px #0b201b;cursor:pointer;transition:.2s}.start-button:hover,.chat-fab:hover{transform:translateY(-3px)}.chat-preview{background:#fff;border:1px solid #e3e7e1;border-radius:30px;padding:26px;box-shadow:0 25px 60px #2d574624;transform:rotate(2deg);animation:float 5s ease-in-out infinite}.chat-preview header{display:flex;gap:10px;align-items:center;font-weight:700;border-bottom:1px solid #e7ece7;padding-bottom:18px}.chat-preview header span{padding:7px;border-radius:10px;background:#d9f0df}.chat-preview header i{margin-left:auto;width:9px;height:9px;background:#77c593;border-radius:50%}.chat-preview p{font-size:14px;line-height:1.5;padding:13px 15px;border-radius:18px;max-width:88%}.bot{background:#eff6ef}.user{background:#fff0db;margin-left:auto}.choice{border:1px solid #d7e7da;border-radius:12px;padding:12px;margin-top:10px;font-size:13px}.landing-features{text-align:center;padding-bottom:105px}.landing-features>span{color:var(--coral);font-weight:700;font-size:12px;letter-spacing:1px}.landing h2{font-size:42px;letter-spacing:-1.5px;margin:12px 0 38px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left}.feature-grid article{background:#ffffffc9;border:1px solid #dfe7df;border-radius:22px;padding:25px;font-size:26px;transition:.2s}.feature-grid article:hover{transform:translateY(-7px);box-shadow:0 17px 30px #27503f19}.feature-grid h3{font-size:18px;margin:16px 0 8px}.feature-grid p{font-size:14px;line-height:1.6;color:#577068;margin:0}.chat-fab{position:fixed;right:25px;bottom:25px;z-index:4;border:0;border-radius:100px;padding:14px 17px;background:#df694f;color:#fff;font-weight:700;box-shadow:0 9px 25px #df694f66;cursor:pointer;display:flex;gap:8px;align-items:center;transition:.2s}@keyframes float{50%{transform:rotate(-1deg) translateY(-10px)}}@keyframes drift{50%{transform:translate(22px,16px)}}@media(max-width:780px){.landing-nav,.landing-hero,.landing-features{padding-left:22px;padding-right:22px}.landing-nav a{display:none}.landing-hero{grid-template-columns:1fr;padding-top:30px;gap:45px}.landing h1{letter-spacing:-2px}.feature-grid{grid-template-columns:1fr}.chat-fab span{display:none}.chat-fab{border-radius:50%;width:54px;height:54px;justify-content:center;right:18px;bottom:18px}}
