/* Homepage visual refresh. Auth, signup and screenshot interactions remain in index.html. */
:root{--bg:#061623;--cyan:#65deed;--cyan2:#a1eef4;--muted:rgba(234,241,248,.76)}
body{background:radial-gradient(ellipse at 80% 4%,#0b304355,transparent 35%),var(--bg)}
.ui-icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.nav{height:92px;border-bottom:1px solid var(--line)}
.brand-icon{width:44px;height:44px;object-fit:contain;border-radius:0}
.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--cyan2)}
.hero{grid-template-columns:1fr 1fr;gap:44px;padding:48px 0 54px;min-height:740px}
.hero-copy{min-width:0}h1{font-size:clamp(54px,5.4vw,78px);line-height:1.02}
.hero-tagline{font-size:27px;line-height:1.3;margin:22px 0 18px}.hero-lead{line-height:1.65;font-size:17px;margin:0;max-width:480px}
.hero-actions{gap:14px;flex-wrap:wrap;margin-top:24px}.hero-actions .micro{width:100%;font-size:12px}
.btn,.btn-ghost{min-height:46px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #22d3ee30}.btn-ghost .ui-icon{width:16px;height:16px}
.trust{margin-top:22px}.avatars{gap:12px}.av-item{width:60px}.av-dot{width:45px;height:45px;border-width:1.5px;box-shadow:none}.av-item b{font-size:9px}.trust p{line-height:1.5;max-width:360px}
.hero-scene{isolation:isolate;min-height:650px;background:#021425;border:1px solid #8ac4d324;border-radius:36px;box-shadow:0 24px 80px #0003,inset 0 1px #ffffff08;overflow:hidden}
.hero-scene:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 28%,#3ed8e41a,transparent 65%);z-index:-1}
.scene-heading{position:absolute;top:26px;left:28px;color:#9cb9c9;font-size:10px;font-weight:700;letter-spacing:.18em;display:flex;align-items:center;gap:9px}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #65deed88}
.hero-device{position:relative;width:300px;height:auto;max-width:65%;margin:45px auto 30px;mask-image:radial-gradient(ellipse 65% 58% at 50% 50%,#000 72%,transparent 100%);z-index:1}
.scene-orbit{position:absolute;border:1px solid #65deed20;border-radius:50%;width:490px;height:490px;left:50%;top:46%;transform:translate(-50%,-50%) rotate(-24deg);pointer-events:none}
.orbit-two{width:370px;height:580px;border-style:dashed;border-color:#65deed14;transform:translate(-50%,-50%) rotate(26deg)}
.scene-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;padding:14px;background:#102b3aee;border:1px solid #78d1df4d;border-radius:14px;box-shadow:0 12px 28px #0005;backdrop-filter:blur(12px);text-align:left}
.scene-chip .ui-icon{width:24px;height:24px;color:var(--cyan)}.scene-chip b{display:block;font-size:12px;line-height:1.4}.scene-chip small{display:block;font-size:10px;color:#adcad7;margin-top:4px}
.chip-chat{left:16px;top:26%}.chip-forecast{right:14px;bottom:15%}
.scene-caption{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:center;gap:22px;font-size:11px;color:#a6c1cd;letter-spacing:.03em}.scene-caption span:last-child{color:var(--cyan2)}
.proof{border-radius:22px;background:linear-gradient(115deg,#102b3d,#091d2d);margin-bottom:80px}.proof article{gap:18px;padding:26px}.proof-icon{display:grid;place-items:center;align-self:flex-start;width:44px;height:44px;flex-shrink:0;border-radius:13px;background:#65deed0d;border:1px solid #65deed30}.proof h3{font-size:15px}.proof p{font-size:13px}
.section{padding-bottom:96px;scroll-margin-top:24px}.section-heading{margin-bottom:40px}.section-heading h2,.join h2{line-height:1.05}.eyebrow{letter-spacing:.22em}
.pay-demo-col{position:relative;padding:30px 20px 24px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(ellipse at 50% 20%,#65deed0c,transparent 60%),#0b203080;min-width:0;justify-content:space-between}
.pay-demo-col .demo-phone{width:100%}.pay-demo-col .pd-caption{font-size:13px;line-height:1.65;margin:12px 0 0}
.phone{background:linear-gradient(140deg,#84939f,#233d51 9%,#071522 42%,#455768 86%,#152d3c);box-shadow:0 24px 42px #0005,inset 0 0 0 1px #ffffff24;padding:9px;border-color:#a8becb45}
.demo-phone .phone{max-width:255px}.demo-phone.large .phone{max-width:295px}.phone-screen img{height:auto}
.bl-grid{gap:70px}.bl-grid>.demo-phone{position:relative;border:1px solid var(--line);border-radius:32px;padding:30px;background:radial-gradient(ellipse at 50% 40%,#65deed18,transparent 70%),#0a203066;min-width:0}
#copilot .bl-grid>.demo-phone{background:radial-gradient(ellipse at 50% 40%,#a78bfa1a,transparent 70%),#0a203066}
.bl-copy h2{font-size:clamp(36px,3.8vw,50px);line-height:1.07}.bl-lead{font-size:16px;line-height:1.75}
.forecast-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:26px 0}.forecast-path>span{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px 12px;border:1px solid #65deed28;border-radius:14px;background:#102b3d80}.forecast-path .ui-icon{color:var(--cyan)}.forecast-path b{font-size:11px;line-height:1.5}.forecast-path small{font-size:10px;color:var(--muted);line-height:1.5}
.zerofee-band{background:radial-gradient(ellipse at 10% 10%,#34d39918,transparent 55%),#0c2635;border-radius:28px}.zf-num{text-shadow:none}
.join{background:radial-gradient(ellipse at 0% 0%,#65deed20,transparent 55%),#0a2030;border-radius:30px;scroll-margin-top:28px}.signup{background:#071925}.footer{gap:24px}
@media(min-width:901px) and (max-width:1100px){.hero{gap:24px}.hero-scene{min-height:610px}.hero-device{max-width:72%}.chip-chat{left:8px;top:22%}.chip-forecast{right:8px;bottom:13%}.scene-chip{padding:10px;gap:7px}.scene-chip b{font-size:11px}.scene-chip small{font-size:9px}.bl-grid{gap:32px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:32px;min-height:0}.hero-copy{max-width:640px;margin:auto;width:100%}.hero h1{font-size:clamp(48px,8.5vw,72px)}.hero-scene{width:min(100%,560px);margin:auto;min-height:620px}.hero-device{max-width:64%;width:290px}.hero-actions{flex-direction:row;align-items:center}.bl-grid{gap:30px}.pay-demo-row.three{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-demo-row.three>.pay-demo-col:last-child{grid-column:1/-1;width:min(100%,430px);justify-self:center}.bl-grid>.demo-phone{width:min(100%,480px);justify-self:center}.nav-links{display:none}}
@media(max-width:900px){.hero-scene{min-height:750px;align-items:flex-start}.scene-chip{top:auto;bottom:52px;width:calc(50% - 26px);box-sizing:border-box}.chip-chat{left:18px}.chip-forecast{right:18px}}
@media(max-width:580px){.nav{height:76px}.hero{padding-top:34px;gap:28px}.hero-tagline{font-size:25px}.hero-actions{gap:12px}.hero-actions .btn,.hero-actions .btn-ghost{font-size:13px;padding:13px 18px}.hero-scene{min-height:720px;border-radius:26px}.hero-device{width:270px;max-width:82%;margin:46px auto 0}.scene-heading{font-size:8px;left:19px;top:23px}.scene-chip{gap:7px;padding:10px;border-radius:10px;bottom:48px;top:auto;width:calc(50% - 17px);min-height:54px;box-sizing:border-box}.scene-chip .ui-icon{width:19px;height:19px}.scene-chip b{font-size:10px}.scene-chip small{font-size:8px}.chip-chat{left:10px}.chip-forecast{right:10px}.scene-caption{font-size:10px;bottom:19px;gap:17px}.proof{margin-bottom:56px}.proof article{padding:22px}.section{padding-bottom:64px}.pay-demo-row.three,.pay-demo-row{grid-template-columns:1fr}.pay-demo-row.three>.pay-demo-col:last-child{grid-column:auto;width:100%}.pay-demo-col{padding:26px 20px}.demo-phone .phone{max-width:280px}.bl-grid>.demo-phone{padding:24px}.bl-copy h2{font-size:37px}.forecast-path{gap:6px}.forecast-path>span{padding:13px 9px}.join{padding:28px 20px}.signup{padding:23px 18px}.trust .avatars{gap:7px}.av-item{width:50px}.footer{padding:20px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.btn-ghost,.nav-links a{transition:none}.btn:hover{transform:none}}
/* Give the illustrative professionals real breathing room, with three per mobile row. */
.trust{margin-top:34px;padding-top:6px}
.trust .avatars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:490px;width:100%}
.trust .av-item{width:auto;min-width:0;gap:12px}
.trust .av-dot{width:72px;height:72px;max-width:100%;border-width:2px}
.trust .av-item b{font-size:11px;line-height:1.5}
.trust p{margin-top:20px}
@media(max-width:760px){
  .trust{margin-top:38px;padding-top:12px}
  .trust .avatars{grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 10px;max-width:430px}
  .trust .av-item{grid-column:span 2;gap:12px}
  .trust .av-item:nth-child(4){grid-column:2/span 2}
  .trust .av-item:nth-child(5){grid-column:4/span 2}
  .trust .av-dot{width:clamp(78px,24vw,104px);height:clamp(78px,24vw,104px)}
  .trust .av-item b{font-size:clamp(10px,3vw,12px)}
  .trust p{margin-top:24px}
}