@import "tailwindcss";
@import "tw-animate-css";
@import "../vendor/shadcn-tailwind-4.13.0.css";
:root{--bg:#fbfcf9;--surface:#fff;--muted:#596a65;--ink:#152d2b;--green:#0e796c;--mint:#bff3dc;--cream:#f5f2e9;--orange:#f5a461;--line:#d9e3dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg,#fbfcf9);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.header{height:92px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #152d2b17}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.6px;line-height:0}.brand>span{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:white;background:var(--green);transform:rotate(-4deg)}.brand-logo{display:block;height:72px;width:auto;max-width:min(260px,48vw)}.brand-logo.footer{height:72px;max-width:240px}.footer .brand{color:inherit}nav{display:flex;gap:34px;font-size:14px;font-weight:600;color:#52635f}nav a:hover{color:var(--green)}.outline{display:flex;align-items:center;gap:8px;padding:11px 17px;border:1px solid var(--ink);border-radius:10px;font-size:13px;font-weight:700}.outline:hover{background:var(--ink);color:white}
.hero{min-height:670px;max-width:1240px;margin:auto;padding:86px 28px 72px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:72px}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:9px;color:var(--green);text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:1.7px}.eyebrow i{width:8px;height:8px;border-radius:50%;background:#24b78e;box-shadow:0 0 0 5px #24b78e21}h1{margin:22px 0 25px;font-family:Georgia,serif;font-size:clamp(56px,6vw,82px);line-height:.96;letter-spacing:-4.4px;font-weight:500}h1 em{color:var(--green);font-weight:400}.lede{max-width:650px;margin:0;font-size:19px;line-height:1.7;color:#52635f}.actions{display:flex;align-items:center;gap:25px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 21px;border-radius:11px;font-size:14px;font-weight:800;color:white;background:var(--green);box-shadow:0 11px 28px #0e796c38;transition:.2s}.button:hover{transform:translateY(-1px)}.learn{display:flex;align-items:center;font-size:14px;font-weight:800}.trust{margin-top:40px;display:flex;flex-wrap:wrap;gap:20px;color:#62706c;font-size:12px}.trust span{display:flex;align-items:center;gap:5px}.trust svg,.caps svg{width:15px;color:var(--green)}
.demo-wrap{position:relative;padding:25px}.orbit{position:absolute;border:1px solid #c7dfd5;border-radius:50%;pointer-events:none}.orbit.one{width:520px;height:520px;inset:-35px -55px}.orbit.two{width:420px;height:420px;inset:16px -6px;border-style:dashed}.demo{position:relative;z-index:1;max-width:430px;margin:auto;background:white;border:1px solid #dce6e0;border-radius:20px;box-shadow:0 30px 70px #152d2b21;overflow:hidden;transform:rotate(1.1deg)}.demo-head{display:flex;align-items:center;gap:11px;padding:17px 18px;border-bottom:1px solid #e7ece8}.demo-head>b{width:35px;height:35px;border-radius:10px;background:#e2f7ed;color:var(--green);display:grid;place-items:center}.demo-head>span{display:flex;flex-direction:column;font-size:13px}.demo-head small{font-size:10px;color:#82908c;margin-top:2px}.demo-head label{margin-left:auto;display:flex;align-items:center;gap:4px;color:var(--green);font-size:11px;font-weight:800}.chat{padding:22px;background:#f8faf7;display:flex;flex-direction:column;gap:13px}.bubble{max-width:87%;margin:0;padding:12px 14px;border-radius:14px;font-size:13px;line-height:1.5}.bubble.user{align-self:flex-end;color:white;background:var(--ink);border-bottom-right-radius:4px}.bubble.assistant{background:white;border:1px solid #e3e9e5;border-bottom-left-radius:4px}.working{display:flex;align-items:center;gap:4px;color:#7e8b87;font-size:10px}.working i{width:5px;height:5px;border-radius:50%;background:#44b99a}.working i:nth-child(2){opacity:.65}.working i:nth-child(3){opacity:.35}.result{border:1px solid #dce6df;border-radius:14px;background:white;padding:14px}.result-head{display:flex;align-items:center;gap:10px}.result-head>b{width:37px;height:37px;border-radius:10px;background:var(--orange);display:grid;place-items:center;color:white;font-size:11px}.result-head>span{display:flex;flex-direction:column;font-size:12px}.result-head small{display:flex;align-items:center;gap:3px;color:#7a8884;margin-top:3px}.result-head>svg{margin-left:auto;color:var(--green)}.slot{margin-top:13px;padding:11px;border-radius:9px;background:#eff9f4;display:flex;align-items:center;gap:9px;color:var(--green)}.slot>span{display:flex;flex-direction:column;font-size:11px}.slot small{color:#6e807a;margin-top:2px}.slot em{margin-left:auto;font-size:9px;font-weight:800;text-transform:uppercase;font-style:normal}.consent{display:flex;align-items:center;gap:8px;padding:12px 18px;color:#72817c;font-size:10px}.consent svg{color:var(--green)}
.systems{background:var(--ink);color:white;padding:25px max(28px,calc((100vw - 1184px)/2));display:flex;justify-content:space-between;align-items:center;gap:30px}.systems p{color:#b9c7c3;font-size:12px;margin:0}.systems div{display:flex;align-items:center;gap:38px}.marquee{overflow:hidden;flex:1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;align-items:center;gap:38px;width:max-content;animation:marquee 28s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track strong{font-size:16px;white-space:nowrap;color:#dfe9e5}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.systems strong{font-size:16px}.systems strong span{font-weight:400}.systems small{color:#8ea09b;text-transform:uppercase;letter-spacing:1px}.section{max-width:1184px;margin:auto;padding:110px 0}.section-head{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:90px;margin-bottom:55px}h2{font-family:Georgia,serif;font-size:50px;line-height:1.06;letter-spacing:-2.2px;font-weight:500;margin:14px 0 0}.section-head>p{color:#65746f;line-height:1.7;font-size:16px;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white}.steps article{position:relative;padding:34px;min-height:285px;border-right:1px solid var(--line)}.steps article:last-child{border:0}.steps article>small{position:absolute;right:24px;top:24px;color:#b5c2bd;font-family:Georgia,serif;font-size:20px}.steps article>b{width:49px;height:49px;display:grid;place-items:center;border-radius:13px;color:var(--green);background:#e6f7ef}.steps h3{margin:45px 0 10px;font-size:18px}.steps p{margin:0;color:#6b7975;font-size:14px;line-height:1.65}
.proof{padding:96px max(28px,calc((100vw - 1050px)/2));background:var(--green);color:white;display:grid;grid-template-columns:1fr 440px;align-items:center;gap:120px}.proof>div:first-child>p{max-width:490px;color:#d4ede6;font-size:17px;line-height:1.7;margin:23px 0 31px}.kicker.pale{color:var(--mint)}.button.cream{background:#f7f1e5;color:var(--ink)}.profile{background:white;color:var(--ink);border-radius:18px;overflow:hidden;box-shadow:18px 22px 0 #053d3666;transform:rotate(-1deg)}.cover{padding:35px;background:linear-gradient(120deg,#f2b479,#d98763);display:flex;flex-direction:column;color:white;letter-spacing:3px}.cover span{font-family:Georgia,serif;font-size:28px}.cover small{margin-top:5px;font-size:10px;letter-spacing:1px}.profile-body{padding:25px}.profile-title{display:flex;justify-content:space-between;align-items:start}.profile-title h3{margin:0;font-family:Georgia,serif;font-size:26px}.profile-title p{display:flex;align-items:center;gap:4px;margin:6px 0;color:#78847f;font-size:12px}.profile-title em{display:flex;align-items:center;gap:4px;padding:6px 8px;background:#e9f8f1;color:var(--green);border-radius:7px;font-size:9px;font-weight:800;font-style:normal}.service{display:flex;align-items:center;gap:11px;padding:17px 0;margin-top:14px;border-block:1px solid #e6ebe8}.service>b{width:35px;height:35px;display:grid;place-items:center;background:#fff2e7;color:#d5804b;border-radius:9px}.service>span{display:flex;flex-direction:column;font-size:13px}.service small{display:flex;align-items:center;gap:4px;margin-top:4px;color:#7a8783}.service>em{margin-left:auto;color:var(--green);font-size:11px;font-weight:800;font-style:normal}.caps{display:flex;gap:17px;margin-top:17px;color:#61706b;font-size:10px}.caps span{display:flex;align-items:center;gap:4px}
.find{max-width:1040px;margin:auto;padding:112px 28px;text-align:center}.find>p{color:#687671;margin:17px 0 35px}.search{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;text-align:left;background:white;border:1px solid #dce5df;border-radius:15px;padding:8px;box-shadow:0 18px 50px #152d2b14}.search label{display:flex;align-items:center;gap:12px;padding:8px 17px;border-right:1px solid #e4e9e6;color:var(--green)}.search label>span{display:flex;flex-direction:column;flex:1}.search small{font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:800;color:#7c8985}.search input{border:0;outline:0;background:transparent;padding-top:5px;color:var(--ink);font-size:14px;width:100%}.search button{border:0;border-radius:10px;background:var(--green);color:white;padding:16px 19px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;cursor:pointer}
footer{background:#102522;color:white;padding:62px max(28px,calc((100vw - 1184px)/2)) 26px;display:grid;grid-template-columns:1fr 1fr;gap:50px}footer>div:first-child p{max-width:370px;color:#91a29e;line-height:1.65;font-size:13px;margin-top:20px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:35px}.footer-links>div{display:flex;flex-direction:column;gap:11px;font-size:12px;color:#9aaba7}.footer-links b{color:white;margin-bottom:6px}.footer-links a:hover{color:var(--mint)}.foot{grid-column:1/-1;border-top:1px solid #29403c;padding-top:22px;display:flex;justify-content:space-between;color:#6f837e;font-size:10px;text-transform:uppercase;letter-spacing:1px}
@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.demo-wrap{max-width:520px;width:100%;margin:auto}.systems{flex-direction:column}.section{padding:80px 24px}.section-head{grid-template-columns:1fr;gap:22px}.proof{grid-template-columns:1fr;gap:55px}.profile{max-width:480px}.search{grid-template-columns:1fr}.search label{border-right:0;border-bottom:1px solid #e4e9e6}}
@media(max-width:600px){.header{height:66px;padding:0 18px}.outline{padding:10px 12px;font-size:0}.hero{padding:55px 20px 62px;gap:45px}h1{font-size:54px;letter-spacing:-3px}.lede{font-size:16px}.actions{align-items:flex-start;flex-direction:column}.trust{gap:11px;flex-direction:column}.demo-wrap{padding:0}.orbit{display:none}.demo{transform:none}.systems{gap:14px}.marquee-track{animation-duration:20s;gap:26px}.systems small{width:100%;text-align:center}h2{font-size:39px}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line);min-height:240px}.proof{padding-block:75px}.caps{flex-direction:column}.find{padding:80px 18px}footer{grid-template-columns:1fr}.foot{flex-direction:column;gap:10px}.footer-links{grid-row:2}}

/* ---- Theme toggle + dark mode ---- */
.theme-toggle{appearance:none;border:1px solid var(--line,#d9e3dc);background:var(--surface,#fff);color:var(--ink,#152d2b);width:42px;height:42px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;line-height:1;flex:0 0 auto}
.theme-toggle:hover{border-color:var(--green,#0e796c)}
.theme-toggle-moon{display:none}
html[data-theme="dark"] .theme-toggle-sun{display:none}
html[data-theme="dark"] .theme-toggle-moon{display:inline}
.brand-logo.theme-dark{display:none}
html[data-theme="dark"] .brand-logo.theme-light{display:none}
html[data-theme="dark"] .brand-logo.theme-dark{display:block}

html[data-theme="dark"]{
  color-scheme:dark;
  --ink:#e8eef6;
  --green:#3db8ff;
  --mint:#16324a;
  --cream:#122033;
  --orange:#f5a461;
  --line:#2a3d55;
  --muted:#9bb0c7;
  --surface:#0f1b2b;
  --bg:#0b1522;
}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] .header{border-bottom-color:#ffffff14;background:rgba(11,21,34,.92);backdrop-filter:blur(8px)}
html[data-theme="dark"] nav{color:#b7c7da}
html[data-theme="dark"] nav a:hover{color:var(--green)}
html[data-theme="dark"] .outline{border-color:#8aa0b8;color:var(--ink)}
html[data-theme="dark"] .outline:hover{background:#e8eef6;color:#0b1522}
html[data-theme="dark"] .hero{background:linear-gradient(135deg,#0d1a2b 0%,#102338 55%,#0b1522 100%)}
html[data-theme="dark"] .lede,html[data-theme="dark"] .section p,html[data-theme="dark"] .find>p{color:var(--muted)}
html[data-theme="dark"] .button{background:var(--green);color:#041018}
html[data-theme="dark"] .button.cream{background:#1a2f46;color:var(--ink);border:1px solid var(--line)}
html[data-theme="dark"] .systems{background:#0e1c2e;color:#b7c7da}
html[data-theme="dark"] .marquee-track strong{color:#d5e3f2}
html[data-theme="dark"] .section{background:transparent}
html[data-theme="dark"] .steps article{background:#122033;border:1px solid var(--line)}
html[data-theme="dark"] .proof{background:#0e1c2e}
html[data-theme="dark"] .profile,.demo,.card,.auth-card{background:#122033;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .demo-head,.result,.bubble.assistant{background:#163049}
html[data-theme="dark"] .bubble.user{background:#1d3a57}
html[data-theme="dark"] .find{background:#0b1522}
html[data-theme="dark"] .search{background:#122033;border-color:var(--line)}
html[data-theme="dark"] .search input{background:transparent;color:var(--ink)}
html[data-theme="dark"] footer{background:#070f18;color:#b7c7da}
html[data-theme="dark"] footer .brand{color:var(--ink)}
html[data-theme="dark"] .footer-links a:hover{color:var(--green)}
html[data-theme="dark"] .cover{background:#163049}
html[data-theme="dark"] .caps span,html[data-theme="dark"] .trust span{color:#b7c7da}
html[data-theme="dark"] .kicker,.eyebrow{color:var(--green)}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3{color:var(--ink)}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#0f1b2b;border-color:var(--line);color:var(--ink)}