@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,500;0,9..40,700;1,9..40,500&family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary:#2563eb;--color-primary-light:#3b82f6;--color-primary-dark:#1d4ed8;--color-bg:#fff;--color-bg-muted:#f1f5f9;--color-text:#1e293b;--color-text-muted:#64748b;--color-border:#0f172a14;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"DM Sans", var(--font-sans);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 8px 30px #0f172a14;--shadow-lg:0 24px 60px #0f172a1f;--max-width:1180px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none}.container{width:min(100% - 2.5rem, var(--max-width));margin-inline:auto}.section{padding:clamp(4rem,8vw,6rem) 0}.section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--color-primary);border-radius:2px;width:24px;height:2px}.section-label--light{color:#93c5fd}.section-label--light:before{background:#93c5fd}.section-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(2rem,4vw,2.75rem);font-weight:700;line-height:1.15}.section-subtitle{max-width:560px;color:var(--color-text-muted);margin-top:1rem;font-size:1.0625rem;line-height:1.65}.btn{border-radius:var(--radius-md);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-lg{padding:.9375rem 1.625rem;font-size:1rem}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 14px #2563eb59}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 8px 24px #2563eb66}.btn-secondary{color:#f8fafc;background:#ffffff1a;border:1px solid #fff3}.btn-secondary:hover{background:#ffffff29}.btn-ghost{color:#f8fafcd9;padding-inline:1rem}.btn-ghost:hover{color:#fff;transform:none}.cta{background:var(--color-bg-muted)}.cta__card{border-radius:var(--radius-xl);color:#f8fafc;box-shadow:var(--shadow-lg);background:linear-gradient(145deg,#0f172a,#1e293b 55%,#172554);flex-direction:column;gap:2rem;padding:clamp(2rem,5vw,3.5rem);display:flex}.cta__title{font-family:var(--font-display);letter-spacing:-.02em;margin-top:1rem;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700}.cta__text{color:#f8fafcb8;max-width:520px;margin-top:.875rem;line-height:1.7}.cta__actions{flex-wrap:wrap;gap:1rem;display:flex}@media (width>=768px){.cta__card{flex-direction:row;justify-content:space-between;align-items:center}.cta__actions{flex-direction:column;flex-shrink:0;min-width:220px}}.features{background:var(--color-bg-muted)}.section-header{max-width:640px;margin-bottom:3rem}.features__grid{gap:1.5rem;display:grid}.feature-card{border-radius:var(--radius-lg);background:var(--color-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:1.75rem;transition:transform .2s,box-shadow .2s}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.feature-card__icon{width:48px;height:48px;color:var(--color-primary);background:#2563eb1a;border-radius:14px;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.feature-card__icon svg{width:24px;height:24px}.feature-card h3{font-family:var(--font-display);margin-bottom:.625rem;font-size:1.125rem;font-weight:700}.feature-card p{color:var(--color-text-muted);font-size:.9375rem;line-height:1.65}@media (width>=640px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.features__grid{grid-template-columns:repeat(4,1fr)}}.footer{background:var(--color-bg);border-top:1px solid var(--color-border);padding:3rem 0 2rem}.footer__inner{gap:2rem;display:grid}.footer__brand p{color:var(--color-text-muted);margin-top:.75rem;font-size:.9375rem}.footer__nav{flex-wrap:wrap;gap:1.25rem 2rem;display:flex}.footer__nav a{color:var(--color-text-muted);font-size:.9375rem;transition:color .2s}.footer__nav a:hover{color:var(--color-primary)}.footer__copy{color:var(--color-text-muted);font-size:.8125rem}@media (width>=768px){.footer__inner{grid-template-columns:1fr auto;align-items:start}.footer__copy{grid-column:1/-1}}.header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ab8;border-bottom:1px solid #ffffff0f;padding:1rem 0;position:fixed;inset:0 0 auto}.header__inner{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.header__brand{flex-shrink:0;align-items:center;display:flex}.header__nav{align-items:center;gap:2rem;display:none}.header__link{color:#f8fafcc7;font-size:.9375rem;font-weight:500;transition:color .2s}.header__link:hover{color:#fff}.header__actions{align-items:center;gap:.75rem;display:flex}@media (width>=900px){.header__nav{display:flex}}@media (width<=520px){.header__actions .btn-ghost{display:none}}.hero{color:#f8fafc;background:#0f172a;align-items:center;min-height:100vh;padding:7rem 0 4rem;display:flex;position:relative;overflow:hidden}.hero__bg{pointer-events:none;position:absolute;inset:0}.hero__orb{filter:blur(80px);opacity:.45;border-radius:50%;position:absolute}.hero__orb--1{background:#2563eb;width:480px;height:480px;top:-120px;right:-80px}.hero__orb--2{background:#0ea5e9;width:360px;height:360px;bottom:-60px;left:-100px}.hero__grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 80%);mask-image:radial-gradient(circle,#000 30%,#0000 80%)}.hero__inner{align-items:center;gap:3.5rem;display:grid;position:relative}.hero__title{font-family:var(--font-display);letter-spacing:-.03em;margin-top:1.25rem;font-size:clamp(2.5rem,5.5vw,4rem);font-weight:700;line-height:1.08}.hero__title span{background:linear-gradient(135deg,#60a5fa,#38bdf8);color:#0000;-webkit-background-clip:text;background-clip:text}.hero__subtitle{color:#f8fafcb8;max-width:520px;margin-top:1.25rem;font-size:1.125rem;line-height:1.7}.hero__actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.hero__trust{color:#f8fafc8c;flex-wrap:wrap;gap:1.5rem;margin-top:2.5rem;font-size:.875rem;list-style:none;display:flex}.hero__trust li{align-items:center;gap:.5rem;display:flex}.hero__trust li:before{content:"";background:#38bdf8;border-radius:50%;width:6px;height:6px}.hero__preview{perspective:1200px}.dashboard-mock{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172aa6;border:1px solid #ffffff1a;border-radius:20px;animation:6s ease-in-out infinite float;transform:rotateY(-8deg)rotateX(4deg);box-shadow:0 40px 80px #00000059}.dashboard-mock__chrome{border-bottom:1px solid #ffffff0f;gap:.5rem;padding:1rem 1.25rem;display:flex}.dashboard-mock__chrome span{background:#ffffff26;border-radius:50%;width:10px;height:10px}.dashboard-mock__body{grid-template-columns:72px 1fr;min-height:320px;display:grid}.dashboard-mock__sidebar{border-right:1px solid #ffffff0f;flex-direction:column;gap:.75rem;padding:1rem .75rem;display:flex}.dashboard-mock__nav-item{background:#ffffff0f;border-radius:10px;height:36px}.dashboard-mock__nav-item--active{background:#2563eb59}.dashboard-mock__main{flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.dashboard-mock__stats{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.dashboard-mock__stat{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;padding:.875rem}.dashboard-mock__stat small{color:#f8fafc80;text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;display:block}.dashboard-mock__stat strong{margin-top:.25rem;font-size:1.375rem;font-weight:700;display:block}.dashboard-mock__table{flex-direction:column;gap:.625rem;display:flex}.dashboard-mock__row{color:#f8fafcbf;background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.8125rem;display:flex}.dashboard-mock__pill{background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:999px;width:48px;height:8px}@keyframes float{0%,to{transform:rotateY(-8deg)rotateX(4deg)translateY(0)}50%{transform:rotateY(-8deg)rotateX(4deg)translateY(-10px)}}@media (width>=960px){.hero__inner{grid-template-columns:1fr 1.05fr}}@media (width<=959px){.dashboard-mock{animation:none;transform:none}}.modules{background:var(--color-bg)}.section-header--center{text-align:center;margin-inline:auto}.section-header--center .section-subtitle{margin-inline:auto}.modules__grid{gap:1rem;display:grid}.module-card{border-radius:var(--radius-md);border:1px solid var(--color-border);background:linear-gradient(135deg,#fff,#f8fafc);padding:1.5rem 1.5rem 1.5rem 4.5rem;transition:border-color .2s,box-shadow .2s;position:relative}.module-card:hover{box-shadow:var(--shadow-md);border-color:#2563eb40}.module-card__index{font-family:var(--font-display);color:var(--color-primary);opacity:.7;font-size:.8125rem;font-weight:700;position:absolute;top:1.5rem;left:1.5rem}.module-card h3{font-family:var(--font-display);margin-bottom:.375rem;font-size:1.0625rem;font-weight:700}.module-card p{color:var(--color-text-muted);font-size:.875rem}@media (width>=640px){.modules__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.modules__grid{grid-template-columns:repeat(3,1fr)}}.stats{color:#fff;background:linear-gradient(135deg,#1e40af,#2563eb 45%,#0ea5e9);padding:3.5rem 0}.stats__inner{text-align:center;grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.stats__item strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(2rem,4vw,2.75rem);font-weight:700;display:block}.stats__item span{opacity:.85;margin-top:.375rem;font-size:.9375rem;display:block}@media (width>=768px){.stats__inner{grid-template-columns:repeat(4,1fr)}}
