@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0d1117;--panel:#151b24;--panel2:#1c2531;--line:#2a3544;--text:#f3f6fb;--muted:#a8b3c2;--blue:#91add5;--blue2:#6f89b0;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 44px));margin:auto}.top-glow{position:absolute;inset:0 0 auto;height:700px;pointer-events:none;background:radial-gradient(ellipse at 78% 8%,#7897c52a,transparent 45%),linear-gradient(180deg,#202a38 0%,transparent 85%);z-index:-1}
header{position:sticky;top:0;z-index:20;background:#0d1117d9;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff10}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{font:800 19px Manrope;letter-spacing:-.7px}.brand span{color:var(--blue)}.navlinks{display:flex;gap:30px;color:var(--muted);font-size:14px}.navlinks a:hover,.navlinks a.active{color:white}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 19px;border-radius:999px;background:var(--blue);color:#101722;font-weight:700;font-size:14px;border:1px solid transparent;transition:.2s}.btn:hover,.nav-cta:hover{transform:translateY(-2px);background:#b3c9e8}.btn.secondary{background:transparent;color:var(--text);border-color:#536174}.btn.secondary:hover{background:#ffffff0b}.menu-toggle{display:none;background:none;color:white;border:0;font-size:25px}
.eyebrow{color:var(--blue);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px}.hero{padding:90px 0 82px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:65px;min-height:650px}.hero h1{font:800 clamp(42px,6vw,72px)/1.07 Manrope;letter-spacing:-3px;margin:18px 0 22px}.hero h1 em{font-style:normal;color:var(--blue)}.lead{font-size:18px;color:var(--muted);max-width:570px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.hero-meta{display:flex;gap:25px;margin-top:38px;color:var(--muted);font-size:13px}.hero-photo{position:relative;max-width:470px;margin:auto}.hero-photo:before{content:"";position:absolute;inset:7% -7% -5% 10%;border:1px solid #91add566;border-radius:48% 48% 30px 30px;transform:rotate(5deg)}.hero-photo img{position:relative;border-radius:48% 48% 28px 28px;aspect-ratio:4/5;object-fit:cover;object-position:center 25%;filter:saturate(.9);box-shadow:0 30px 90px #0008}.floating-note{position:absolute;bottom:28px;left:-38px;background:#202a38;border:1px solid #52647e;padding:14px 18px;border-radius:14px;font-size:13px;box-shadow:0 15px 40px #0007}
section{padding:82px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.section-head h2,.page-hero h1{font:800 clamp(30px,4vw,46px)/1.15 Manrope;letter-spacing:-1.5px;margin:10px 0}.section-head p{color:var(--muted);max-width:450px;margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(145deg,#1b2430,#121821);border:1px solid var(--line);border-radius:20px;overflow:hidden}.card-pad{padding:25px}.card h3{font:700 19px Manrope;margin:0 0 9px}.card p{color:var(--muted);font-size:14px;margin:0}.card-art{width:100%;aspect-ratio:16/10;object-fit:cover}.tag{display:inline-block;color:var(--blue);font-size:11px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.split img{border-radius:20px;border:1px solid var(--line);width:100%;aspect-ratio:1.45;object-fit:cover}.split h2{font:800 38px/1.15 Manrope;letter-spacing:-1.2px;margin:10px 0 18px}.muted{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.stat{padding:17px;border:1px solid var(--line);border-radius:14px;background:#ffffff05}.stat strong{display:block;font:800 23px Manrope;color:var(--blue)}.stat span{font-size:12px;color:var(--muted)}.quote{padding:38px;border-radius:22px;background:linear-gradient(120deg,#28384d,#17202c);border:1px solid #53657e;font:600 24px/1.45 Manrope}.quote small{display:block;font:400 13px 'DM Sans';color:var(--muted);margin-top:20px}
.page-hero{padding:90px 0 48px;max-width:780px}.page-hero p{font-size:18px;color:var(--muted)}.feature-list{display:grid;gap:13px;margin-top:25px}.feature{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:15px;background:#ffffff04}.feature .dot{width:9px;height:9px;border-radius:50%;background:var(--blue);margin-top:9px;flex:none}.feature strong{display:block}.feature span{color:var(--muted);font-size:14px}
.cta-band{padding:40px;border-radius:24px;background:linear-gradient(120deg,#28384d,#17202c);border:1px solid #52647e;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta-band h2{font:800 30px Manrope;margin:0 0 7px}.cta-band p{margin:0;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:38px 0 55px;margin-top:45px}.footer-row{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-links{display:flex;gap:20px;color:var(--muted);font-size:13px}.copyright{color:#748093;font-size:12px;margin-top:25px}
.socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.socials a{border:1px solid var(--line);border-radius:999px;padding:9px 15px;font-size:13px;color:#dbe5f4}.socials a:hover{border-color:var(--blue);background:#91add511}
.chat-launch{position:fixed;right:24px;bottom:24px;z-index:50;border:0;border-radius:999px;padding:14px 19px;background:var(--blue);color:#101722;font-weight:800;box-shadow:0 10px 35px #0008;cursor:pointer}.chat-panel{position:fixed;right:24px;bottom:88px;width:min(380px,calc(100vw - 30px));height:520px;max-height:70vh;background:#121923;border:1px solid #45566d;border-radius:20px;z-index:51;box-shadow:0 25px 90px #000b;display:none;overflow:hidden}.chat-panel.open{display:flex;flex-direction:column}.chat-head{padding:16px 18px;background:#202b3a;display:flex;justify-content:space-between;align-items:center}.chat-head strong{font:700 15px Manrope}.chat-head small{display:block;color:#aab9cd;font-size:11px}.chat-close{border:0;background:transparent;color:white;font-size:22px;cursor:pointer}.chat-messages{padding:16px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:12px}.bubble{max-width:88%;padding:11px 13px;border-radius:14px;font-size:13px;white-space:pre-wrap}.bubble.bot{align-self:flex-start;background:#263242;color:#eaf0f8;border-bottom-left-radius:4px}.bubble.user{align-self:flex-end;background:#8da9d0;color:#111925;border-bottom-right-radius:4px}.typing{display:flex;gap:4px;padding:13px 15px}.typing i{width:6px;height:6px;border-radius:50%;background:#b7c9e2;animation:blink 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.chat-form{padding:12px;border-top:1px solid var(--line);display:flex;gap:8px}.chat-form input{flex:1;min-width:0;background:#202a37;border:1px solid #3c4a5d;border-radius:999px;padding:12px 15px;color:white;outline:none}.chat-form button{border:0;border-radius:50%;width:43px;height:43px;background:var(--blue);font-size:18px;cursor:pointer}
@media(max-width:800px){.navlinks{display:none;position:absolute;top:78px;left:0;right:0;padding:22px;background:#111821;flex-direction:column;gap:17px;border-bottom:1px solid var(--line)}.navlinks.show{display:flex}.menu-toggle{display:block}.nav-cta{display:none}.hero{grid-template-columns:1fr;gap:40px;padding-top:65px}.hero-copy{order:1}.hero-photo{order:0;max-width:340px}.hero h1{letter-spacing:-2px}.floating-note{left:-8px}.grid-3{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr;gap:28px}.section-head{display:block}.section-head p{margin-top:12px}.cta-band{display:block}.cta-band .btn{margin-top:20px}}
@media(max-width:520px){.container{width:min(100% - 32px,var(--max))}.grid-3{grid-template-columns:1fr}.hero-meta{gap:13px;flex-wrap:wrap}.hero{min-height:unset}.stats{grid-template-columns:1fr 1fr}.footer-row{display:block}.footer-links{margin-top:18px;flex-wrap:wrap}.quote{font-size:20px}.chat-launch{right:15px;bottom:15px}.chat-panel{right:15px;bottom:75px}}
