@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:wght@400;450;500;550;600;650;700;750;800&display=swap');

:root{
  --bg:#050917;--bg2:#080d21;--panel:rgba(12,18,42,.82);--panel2:rgba(16,23,54,.72);
  --text:#f5f7ff;--muted:#9ba8c7;--muted2:#7581a3;--line:rgba(139,164,255,.16);
  --cyan:#36d8ff;--blue:#3f79ff;--violet:#8a5cff;--purple:#c65dff;--success:#52e6bd;
  --danger:#ff7799;--radius:28px;--shadow:0 28px 80px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-height:100%;font-family:"Google Sans Flex","Google Sans",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#050815 0%,#070b1d 44%,#050814 100%);font-optical-sizing:auto;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
a{color:inherit;text-decoration:none}.hidden{display:none!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:url('img/backgrounds/ai-grid-bg.png');background-size:cover;background-position:center top;opacity:.12;mix-blend-mode:screen}
.ambient{position:fixed;border-radius:50%;filter:blur(95px);pointer-events:none;opacity:.18}.ambient-one{width:430px;height:430px;left:-190px;top:280px;background:#006dff}.ambient-two{width:400px;height:400px;right:-180px;top:90px;background:#7b2cff}
.page-shell{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:24px 26px 44px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 0 22px}.brand-row{display:flex;align-items:center;gap:11px}.brand-orb{width:42px;height:42px;border-radius:14px;padding:1px;background:linear-gradient(135deg,var(--cyan),var(--violet),var(--purple));box-shadow:0 0 28px rgba(67,165,255,.22)}.brand-orb span{height:100%;display:grid;place-items:center;border-radius:13px;background:#0a1027;font-size:19px;font-weight:800}.brand-copy{display:flex;align-items:baseline;gap:5px;font-size:21px;letter-spacing:-.025em}.brand-copy strong{font-weight:700}.brand-copy b{font-weight:700;background:linear-gradient(90deg,var(--cyan),#9f7cff);-webkit-background-clip:text;background-clip:text;color:transparent}.top-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(9,14,34,.62);backdrop-filter:blur(16px);padding:9px 13px;border-radius:999px;color:#bdc8e4;font-size:13px;font-weight:550}.top-pill i,.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 13px var(--success)}
.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);align-items:center;min-height:500px;border:1px solid rgba(104,137,255,.16);border-radius:34px;padding:52px 48px;background:linear-gradient(100deg,rgba(4,8,25,.98) 0%,rgba(8,12,33,.92) 49%,rgba(7,12,33,.52) 100%),url('img/backgrounds/hero-glow-bg.png') center/cover no-repeat;box-shadow:var(--shadow);isolation:isolate}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 73% 38%,rgba(37,160,255,.16),transparent 33%),radial-gradient(circle at 88% 70%,rgba(126,74,255,.18),transparent 32%)}
.hero-copy{position:relative;z-index:2;min-width:0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#b9c9ed;font-size:14px;font-weight:600;letter-spacing:.01em;margin-bottom:18px}.spark{color:var(--cyan);font-size:18px;text-shadow:0 0 14px var(--cyan)}h1{font-size:clamp(46px,5.45vw,76px);line-height:.98;letter-spacing:-.055em;margin:0 0 24px;font-weight:650;max-width:740px}h1 span{background:linear-gradient(90deg,#79e9ff 2%,#78a8ff 44%,#b37bff 82%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:665px;margin:0;color:#aab7d4;font-size:18px;line-height:1.62;font-weight:450}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.hero-primary{display:inline-flex;align-items:center;gap:20px;padding:14px 18px 14px 20px;border-radius:14px;background:linear-gradient(110deg,#238bff,#7758ff);box-shadow:0 12px 32px rgba(57,91,255,.28);font-size:14px;font-weight:650}.hero-primary span{font-size:19px}.hero-stat{display:flex;align-items:center;gap:9px;color:#aebad7}.hero-stat strong{font-size:27px;font-weight:650;color:#fff}.hero-stat span{font-size:13px;line-height:1.15;max-width:70px}.trust-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:34px}.trust-row span{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:rgba(11,18,43,.55);color:#aab7d3;font-size:12.5px;font-weight:500}.trust-row b{font-size:10px;color:#58dfff;letter-spacing:.06em}.hero-visual{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:390px}.hero-image-frame{position:absolute;right:-48px;bottom:-54px;width:min(690px,118%);filter:drop-shadow(0 34px 40px rgba(0,0,0,.38))}.hero-image-frame img{display:block;width:100%;height:auto;mask-image:linear-gradient(to bottom,#000 76%,transparent 100%)}.float-chip{position:absolute;z-index:3;padding:9px 12px;border:1px solid rgba(113,198,255,.26);border-radius:11px;background:rgba(8,15,39,.75);backdrop-filter:blur(12px);font-size:11px;font-weight:600;letter-spacing:.04em;color:#c6d9f8;box-shadow:0 12px 30px rgba(0,0,0,.2)}.float-chip i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;background:var(--success);box-shadow:0 0 10px var(--success)}.chip-a{left:8%;top:27%}.chip-b{right:3%;bottom:19%;color:#7ce9ff}
.layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:22px;align-items:start;margin-top:22px}.card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,rgba(14,21,50,.91),rgba(7,12,31,.94));box-shadow:0 22px 60px rgba(0,0,0,.24);backdrop-filter:blur(20px)}.card-glow{position:absolute;width:210px;height:210px;border-radius:50%;right:-95px;top:-100px;background:#603cff;filter:blur(70px);opacity:.18;pointer-events:none}.profile-card{padding:26px;position:sticky;top:18px}.chat-card{padding:27px;min-height:720px}.section-top{display:flex;align-items:flex-start;gap:13px}.section-top.compact{align-items:center}.step-badge{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:12px;border:1px solid rgba(70,199,255,.25);background:linear-gradient(150deg,rgba(39,154,255,.18),rgba(95,66,255,.13));color:#76e5ff;font-size:12px;font-weight:700}.section-kicker,.mini-kicker{color:#84a7db;font-size:13px;font-weight:600;letter-spacing:.015em}.section-top h2,.chat-head h2{margin:4px 0 0;font-size:25px;line-height:1.13;letter-spacing:-.035em;font-weight:620}.intro-copy{margin:17px 0 20px;color:#8f9dbd;font-size:14px;line-height:1.55;font-weight:450}.profile-progress{padding:13px 14px;border:1px solid var(--line);border-radius:15px;background:rgba(7,12,31,.68);margin-bottom:21px}.progress-copy{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;color:#a6b3cf;font-weight:550}.progress-copy b{color:#74dfff;font-size:12px}.progress-track{height:4px;margin-top:10px;border-radius:99px;background:#131d3d;overflow:hidden}.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#25caff,#765fff);box-shadow:0 0 12px rgba(52,193,255,.55);transition:width .28s ease}.profile-progress.complete{border-color:rgba(82,230,189,.25)}.profile-progress.complete .progress-copy b{color:var(--success)}.profile-progress.complete .progress-track span{background:linear-gradient(90deg,#36d7c2,#52e6bd)}.field-title{margin:0 0 10px;color:#b8c4dd;font-size:13px;font-weight:600}.species-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:17px}.species{min-height:73px;border:1px solid var(--line);background:rgba(10,16,38,.72);border-radius:15px;padding:9px 6px;color:#aebbd6;cursor:pointer;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;transition:.2s ease}.species:hover{border-color:rgba(67,202,255,.35);transform:translateY(-1px)}.species.active{border-color:rgba(71,207,255,.58);background:linear-gradient(150deg,rgba(25,119,209,.22),rgba(102,64,213,.18));box-shadow:inset 0 0 24px rgba(47,125,255,.08),0 0 0 1px rgba(75,197,255,.06)}.species-icon{font-size:21px}.species>span:last-child{font-size:13px;font-weight:600}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:550;color:#b1bed7}input,select,textarea{width:100%;border:1px solid rgba(134,156,221,.17);background:rgba(5,10,27,.72);border-radius:13px;padding:12px 13px;color:#eef3ff;outline:none;transition:.2s ease}input::placeholder,textarea::placeholder{color:#5f6c8c}select{color-scheme:dark}input:focus,select:focus,textarea:focus{border-color:rgba(63,198,255,.65);box-shadow:0 0 0 3px rgba(43,164,255,.1),0 0 26px rgba(61,94,255,.06)}.privacy-note{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px;border-radius:13px;background:rgba(9,16,38,.58);border:1px solid rgba(117,145,219,.11);color:#7f90b3}.privacy-note>span{color:#68dcff}.privacy-note div{display:flex;flex-direction:column;gap:2px}.privacy-note strong{font-size:12px;color:#aebbd3;font-weight:600}.privacy-note small{font-size:11px;line-height:1.35}.profile-art{height:88px;margin:18px -26px -26px;overflow:hidden;border-top:1px solid var(--line);background:#070c1c}.profile-art img{width:100%;height:170px;object-fit:cover;object-position:center 54%;opacity:.54;filter:saturate(.85) contrast(1.05);transform:translateY(-34px)}
.chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.quota{flex:0 0 auto;border:1px solid rgba(73,207,255,.2);background:rgba(21,111,167,.11);color:#73e5ff;padding:9px 12px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap}.ai-status-line{display:flex;align-items:center;gap:8px;margin:19px 0 16px;padding:9px 11px;border-radius:11px;background:rgba(7,12,30,.66);border:1px solid rgba(120,145,214,.1);color:#8d9dbd;font-size:12px;font-weight:500}.ai-status-line i{width:1px;height:12px;background:var(--line);margin:0 2px}.profile-lock{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px;border:1px solid rgba(93,121,219,.2);border-radius:17px;background:linear-gradient(100deg,rgba(25,36,83,.62),rgba(12,19,46,.58));margin-bottom:15px}.lock-visual{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,rgba(45,168,255,.18),rgba(111,69,255,.16));border:1px solid rgba(66,192,255,.25);color:#6fe6ff;font-size:24px}.profile-lock strong{display:block;font-size:13.5px;font-weight:600;color:#dce5f7}.profile-lock p{margin:3px 0 0;color:#8796b6;font-size:12px;line-height:1.42}.profile-lock>a{padding:9px 11px;border-radius:10px;background:rgba(65,114,255,.15);border:1px solid rgba(88,138,255,.23);color:#9fc7ff;font-size:12px;font-weight:600}.suggestions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 13px}.suggestions button{border:1px solid var(--line);background:rgba(10,17,39,.72);border-radius:999px;padding:8px 11px;color:#98a6c4;font-size:12.5px;font-weight:500;cursor:pointer;transition:.18s ease}.suggestions button:not(:disabled):hover{color:#dfeaff;border-color:rgba(66,198,255,.35);background:rgba(31,76,128,.2)}.suggestions button:disabled{opacity:.42;cursor:not-allowed}.messages{height:340px;overflow-y:auto;padding:18px 4px 13px;border-top:1px solid var(--line);scrollbar-color:#26345c transparent;scrollbar-width:thin}.msg{display:flex;gap:10px;margin:13px 0;align-items:flex-start}.msg.user{flex-direction:row-reverse}.avatar{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;padding:1px;border-radius:12px;background:linear-gradient(140deg,var(--cyan),var(--violet))}.avatar span{display:grid;place-items:center;width:100%;height:100%;border-radius:11px;background:#0b122c;color:#eaf6ff;font-size:11px;font-weight:700}.user .avatar{background:linear-gradient(140deg,#52627f,#27324a)}.bubble{max-width:82%;padding:13px 15px;border:1px solid rgba(129,153,215,.1);border-radius:17px;background:rgba(19,28,58,.8);color:#dce5f5;font-size:14px;line-height:1.58;white-space:pre-wrap}.bubble strong{font-weight:620}.user .bubble{background:linear-gradient(115deg,#1b74d8,#694bcf);border-color:rgba(127,188,255,.18);color:#fff}.loading .bubble{opacity:.65}.composer{border:1px solid rgba(93,137,255,.27);border-radius:18px;padding:9px;background:linear-gradient(120deg,rgba(8,15,36,.94),rgba(13,18,43,.94));box-shadow:inset 0 0 28px rgba(50,85,203,.04);transition:.2s}.composer:focus-within{border-color:rgba(67,201,255,.55);box-shadow:0 0 0 3px rgba(49,164,255,.07),inset 0 0 28px rgba(50,85,203,.04)}.composer.is-locked{opacity:.58;filter:saturate(.62)}.composer textarea{border:0;background:transparent;resize:none;min-height:72px;box-shadow:none;padding:9px 10px;font-size:14px;line-height:1.5}.composer textarea:focus{box-shadow:none}.composer-bottom{display:flex;justify-content:space-between;align-items:center;padding:3px 3px 2px 10px}.composer-bottom>span{font-size:11px;color:#677697}.send-btn,.primary-btn{border:0;color:#fff;font-weight:600;border-radius:12px;cursor:pointer;background:linear-gradient(110deg,#188fe9,#7257e8);box-shadow:0 9px 24px rgba(45,80,218,.22);transition:.18s ease}.send-btn{display:flex;align-items:center;gap:11px;padding:10px 10px 10px 15px}.send-btn b{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(255,255,255,.12);font-size:14px}.primary-btn{padding:12px 15px}.send-btn:not(:disabled):hover,.primary-btn:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.08)}button:disabled{opacity:.48;cursor:not-allowed}.medical-note{text-align:center;color:#71809f;font-size:11px;margin:10px 0 0}.medical-note span{color:#7edfff;margin-right:4px}.access-gate{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:18px;align-items:stretch;margin-top:20px;border:1px solid rgba(102,119,255,.2);background:linear-gradient(120deg,rgba(19,29,67,.86),rgba(10,15,38,.88));border-radius:20px;overflow:hidden}.access-copy{padding:21px}.access-gate h3{font-size:20px;letter-spacing:-.025em;margin:5px 0 8px}.access-gate p{color:#8796b7;font-size:13px;line-height:1.5}.access-gate form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:14px}.access-art{position:relative;min-height:190px;background:linear-gradient(90deg,rgba(8,14,34,.2),rgba(20,17,54,.5))}.access-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.74}.form-message{font-size:12px;margin-top:11px;color:#6fe3c1;font-weight:600}footer{display:flex;justify-content:center;align-items:center;gap:9px;color:#647392;font-size:12px;padding:29px 0 0}footer span{color:#8b9aba;font-weight:600}footer i{width:3px;height:3px;border-radius:50%;background:#546382}
@media(max-width:1040px){.hero{grid-template-columns:1fr .72fr;padding:42px 35px}.hero-image-frame{right:-145px;width:650px}.layout{grid-template-columns:350px minmax(0,1fr)}.access-gate{grid-template-columns:1fr}.access-art{display:none}}
@media(max-width:850px){.page-shell{padding:18px 16px 35px}.hero{grid-template-columns:1fr;padding:38px 28px 330px;min-height:auto}.hero-visual{position:absolute;left:0;right:0;bottom:0;height:330px;min-height:0}.hero-image-frame{right:-35px;bottom:-92px;width:620px}.chip-a{left:10%;top:18%}.chip-b{right:8%;bottom:17%}.layout{grid-template-columns:1fr}.profile-card{position:static}.profile-art{height:105px}.profile-art img{height:220px;transform:translateY(-55px)}.chat-card{min-height:0}.messages{height:330px}}
@media(max-width:620px){.page-shell{padding:13px 11px 28px}.top-pill{display:none}.hero{padding:30px 20px 270px;border-radius:24px}h1{font-size:clamp(40px,12vw,56px)}.hero-copy>p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.trust-row{gap:7px}.trust-row span{font-size:11.5px}.hero-visual{height:280px}.hero-image-frame{width:520px;right:-85px;bottom:-80px}.float-chip{font-size:9px}.card{border-radius:22px}.profile-card,.chat-card{padding:20px}.profile-art{margin:18px -20px -20px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.chat-head{display:block}.quota{display:inline-block;margin-top:12px}.profile-lock{grid-template-columns:auto 1fr}.profile-lock>a{grid-column:1/-1;text-align:center}.bubble{max-width:88%}.access-gate form{grid-template-columns:1fr}.section-top h2,.chat-head h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
