:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7fb;color:#172033}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:linear-gradient(180deg,#eef5ff,#fff8fb 58%,#f6f8fb)}.hero{position:relative;min-height:92vh;overflow:hidden;color:#fff}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0c17362e,#3b20528f),url(/images/blue.jpg) center top / cover}.topbar,.hero-content,.workspace{position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:24px 0}.brand,.top-actions,.hero-buttons,.tabs,.billing-toggle{display:flex;align-items:center}.brand{gap:10px;font-weight:800}.brand-logo{width:34px;height:34px;border-radius:50%;background:#fff;object-fit:contain;padding:4px}.top-actions,.hero-buttons{gap:10px}.solid-btn,.ghost-btn,.send-btn,.tab,.mood,.billing{border:0;border-radius:999px;min-height:42px;padding:0 18px}.solid-btn{background:#25348e;color:#fff;box-shadow:0 14px 26px #1c27663d}.ghost-btn{background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.42)}.large{min-height:48px}.hero-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);align-items:center;gap:32px;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:64px 0 96px}.eyebrow{margin:0 0 10px;color:#50647a;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero .eyebrow{color:#dfe8ff}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(62px,10vw,132px);line-height:.9;letter-spacing:0}.hero-title{margin-bottom:16px;font-size:clamp(24px,4vw,40px);line-height:1.12}.hero-text{max-width:600px;color:#ffffffd6;line-height:1.7}.hero-visual{position:relative;min-height:460px}.wordmark{position:absolute;top:54px;left:0;right:0;color:#ffffff57;font-size:clamp(64px,9vw,118px);font-weight:900;text-align:center}.hero-girl{position:absolute;right:82px;bottom:42px;width:min(260px,64vw);height:auto;filter:drop-shadow(0 26px 38px rgba(26,25,52,.28))}.hero-weather{position:absolute;right:0;bottom:30px;width:min(420px,86vw);opacity:.88;filter:drop-shadow(0 22px 34px rgba(33,84,137,.2))}.floating-note{position:absolute;border:1px solid rgba(255,255,255,.42);border-radius:999px;padding:12px 16px;background:#ffffff3d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.note-one{top:136px;left:8px}.note-two{right:0;bottom:104px}.workspace{width:min(1120px,calc(100% - 32px));margin:-52px auto 0;padding-bottom:72px}.tabs{width:max-content;max-width:100%;gap:6px;padding:6px;border:1px solid #d9e2ef;border-radius:999px;background:#fff;box-shadow:0 14px 34px #242e4f1f}.tab{color:#50647a;background:transparent}.tab.active{color:#fff;background:#25348e}.panel{display:none;margin-top:20px;padding:28px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 22px 52px #1820381a}.panel.active{display:block}.section-heading{margin-bottom:24px}.section-heading h2{margin:0;font-size:clamp(28px,4vw,42px)}.chat-layout{display:grid;grid-template-columns:minmax(280px,520px) minmax(240px,1fr);gap:24px}.phone-frame{overflow:hidden;border:1px solid #e1e7f0;border-radius:8px;background:#f7f0fb}.chat-header{display:flex;align-items:center;gap:12px;padding:16px;background:#fff}.chat-header img{width:42px;height:42px;border-radius:50%}.chat-header span{display:block;color:#65758b;font-size:13px}.messages{display:grid;align-content:start;gap:12px;min-height:260px;padding:18px}.message{max-width:86%;padding:12px 14px;border-radius:8px;line-height:1.5}.message span{display:block;margin-bottom:4px;font-size:12px;font-weight:800;color:#65758b}.assistant{justify-self:start;background:#fff}.user{justify-self:end;background:#25348e;color:#fff}.user span{color:#ffffffbd}.composer{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px;background:#fff}textarea{min-height:76px;resize:vertical;border:1px solid #dbe3ee;border-radius:8px;padding:12px;color:#172033;outline:none}textarea:focus{border-color:#445fd1;box-shadow:0 0 0 3px #445fd124}.send-btn{align-self:end;color:#fff;background:#14936b}.side-panel,.vip-card,.insight-card{border:1px solid #e2e8f0;border-radius:8px;background:#fbfcff}.side-panel{padding:20px}.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.mood{color:#44505f;background:#edf2f8}.mood.active{color:#fff;background:#8d4c9f}.weather-card{min-height:170px;border-radius:8px;padding:22px;color:#fff;background:linear-gradient(135deg,#14936b,#445fd1 58%,#8d4c9f)}.weather-card span{display:block;margin-bottom:10px;font-weight:800}.weather-card strong{display:block;margin-bottom:12px;font-size:46px}.weather-card p{margin-bottom:0;color:#ffffffdb}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.insight-card{padding:22px}.insight-card span{color:#14936b;font-weight:900}.insight-card p,.vip-card li{color:#5c6b7c;line-height:1.6}.vip-card{display:grid;gap:20px;max-width:620px;padding:26px}.vip-label{margin-bottom:6px;color:#65758b}.vip-price{margin-bottom:0;font-size:52px;font-weight:900}.vip-price small{color:#65758b;font-size:16px;font-weight:700}.billing-toggle{width:max-content;gap:6px;padding:6px;border-radius:999px;background:#edf2f8}.billing{color:#50647a;background:transparent}.billing.active{color:#fff;background:#25348e}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media (max-width: 820px){.topbar,.hero-content{width:min(100% - 24px,640px)}.topbar,.hero-buttons,.composer{align-items:stretch}.topbar,.hero-buttons{flex-direction:column}.top-actions{width:100%;justify-content:space-between}.hero-content,.chat-layout,.insight-grid{grid-template-columns:1fr}.hero-content{padding-top:28px}.hero-visual{min-height:360px}.hero-girl{right:52px}.workspace{width:min(100% - 24px,640px)}.panel{padding:18px}.composer{grid-template-columns:1fr}.send-btn{width:100%}}