@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#10b981;--primary-dark:#064e3b;--accent:#f59e0b;--bg:#09090b;--bg-card:#18181b;--text:#fafafa;--text-muted:#71717a;--border:#ffffff14;--border-hover:#ffffff26}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 24px}.container--wide{max-width:1280px;margin:0 auto;padding:0 24px}.nav{z-index:50;background-color:var(--bg);border-bottom:1px solid var(--border);align-items:center;height:64px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.nav__inner{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.nav__brand{align-items:center;gap:12px;text-decoration:none;display:flex}.nav__logo{background-color:var(--primary);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.nav__logo svg{color:#fff}.nav__name{color:#fff;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700}.nav__links{align-items:center;gap:32px;display:flex}.nav__link{color:var(--text-muted);font-size:14px;text-decoration:none;transition:color .2s}.nav__link:hover{color:#fff}.nav__cta{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;align-items:center;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.nav__cta:hover{background:#ffffff0d;border-color:#fff3}@media (max-width:768px){.nav__links{display:none}}main{padding-top:64px}.hero{align-items:center;min-height:calc(100vh - 64px);padding:60px 0;display:flex;position:relative;overflow:hidden}.hero__bg{background:radial-gradient(ellipse at 20% 30%, #064e3b59 0%, transparent 60%), radial-gradient(ellipse at 80% 70%, #f59e0b14 0%, transparent 50%), var(--bg);pointer-events:none;position:absolute;inset:0}.hero__grid{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:100%;max-width:1200px;margin:0 auto;padding:0 24px;display:grid;position:relative}.hero__content{animation:.6s forwards fadeInUp}.hero__badge{background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 14px;font-size:13px;display:inline-flex}.hero__badge-dot{background-color:var(--primary);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse}.hero__title{color:#fff;margin-bottom:24px;font-family:Space Grotesk,sans-serif;font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.05}.hero__title span{color:var(--primary)}.hero__subtitle{color:var(--text-muted);max-width:480px;margin-bottom:40px;font-size:17px;line-height:1.65}.hero__buttons{flex-direction:column;gap:12px;max-width:340px;display:flex}.hero__trust{color:var(--text-muted);margin-top:28px;font-size:14px}.hero__trust strong{color:var(--primary);font-weight:600}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 32px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn--primary{background-color:var(--primary);color:#fff;box-shadow:0 0 #10b98100}.btn--primary:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 8px 30px #10b98159}.btn--secondary{color:#fff;background-color:#0000;border:1px solid #ffffff1f}.btn--secondary:hover{background-color:#ffffff0d;border-color:#fff3;transform:translateY(-1px)}.hero__visual{opacity:0;animation:.6s .15s forwards fadeInUp}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:16px}.card--p8{padding:24px}.card--p10{padding:32px}.card__header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.card__icon{background-color:#10b98126;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.card__meta{flex-direction:column;gap:2px;display:flex}.card__meta-label{color:var(--text-muted);font-size:13px}.card__meta-value{color:#fff;font-weight:600}.card__row{background-color:#ffffff0a;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 12px;display:flex}.card__row--highlight{background-color:#10b98114;border:1px solid #10b98159}.card__dist{color:var(--text-muted);font-size:13px}.card__dist-sub{color:#10b98199;margin-top:1px;font-size:11px}.card__price{color:#fff;font-weight:600}.card__price--green{color:var(--primary)}.card__metric{background-color:var(--bg-card);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;margin-top:10px;padding:16px;display:flex}.card__metric-icon{background-color:#f59e0b26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.card__metric-text{flex:1}.card__metric-label{color:var(--text-muted);font-size:12px}.card__metric-value{color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700}.card__metric-diff{text-align:right}.card__metric-diff-label{color:var(--text-muted);font-size:11px}.card__metric-diff-value{color:var(--primary);font-size:14px;font-weight:600}.stats-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stats-bar__grid{grid-template-columns:repeat(4,1fr);max-width:1200px;margin:0 auto;display:grid}.stats-bar__item{text-align:center;border-right:1px solid var(--border);padding:36px 32px}.stats-bar__item:last-child{border-right:none}.stats-bar__value{margin-bottom:4px;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700}.stats-bar__value--green{color:var(--primary)}.stats-bar__value--amber{color:var(--accent)}.stats-bar__label{color:var(--text-muted);font-size:13px}@media (max-width:768px){.stats-bar__grid{grid-template-columns:repeat(2,1fr)}.stats-bar__item{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.stats-bar__item:nth-child(2n){border-right:none}.stats-bar__item:nth-child(3),.stats-bar__item:nth-child(4){border-bottom:none}}.features{padding:96px 24px}.features__header{text-align:center;margin-bottom:56px}.features__title{color:#fff;font-family:Space Grotesk,sans-serif;font-size:clamp(28px,4vw,44px);font-weight:700}.features__grid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:1200px;margin:0 auto;display:grid}.feature-card{background-color:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:16px;padding:28px;transition:transform .2s,border-color .2s,box-shadow .2s}.feature-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 20px 40px #0000004d}.feature-card__icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.feature-card__icon--green{color:var(--primary);background-color:#10b9811f}.feature-card__icon--amber{color:var(--accent);background-color:#f59e0b1f}.feature-card__title{color:#fff;margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600}.feature-card__desc{color:var(--text-muted);font-size:14px;line-height:1.6}@media (max-width:768px){.features__grid{grid-template-columns:1fr}.hero__grid{grid-template-columns:1fr;gap:40px}.hero__visual{display:none}.hero__buttons{max-width:100%}}.step-card{background-color:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:16px;padding:32px;position:relative}@media (max-width:768px){.steps__grid{grid-template-columns:1fr}}@media (min-width:480px){.cta-card__buttons{flex-direction:row;justify-content:center}}@media (max-width:480px){.cta-card{padding:40px 24px}}.footer{background-color:var(--bg);border-top:1px solid var(--border);padding:48px 24px 32px}.footer__grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;max-width:1200px;margin:0 auto 48px;display:grid}.footer__brand-name{color:#fff;margin-bottom:12px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700}.footer__brand-desc{color:var(--text-muted);max-width:280px;font-size:14px;line-height:1.6}.footer__col-title{color:#fff;margin-bottom:16px;font-size:13px;font-weight:600}.footer__links{flex-direction:column;gap:10px;list-style:none;display:flex}.footer__link{color:var(--text-muted);font-size:13px;text-decoration:none;transition:color .2s}.footer__link:hover{color:var(--primary)}.footer__bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding-top:24px;display:flex}.footer__copy,.footer__location{color:var(--text-muted);font-size:13px}@media (max-width:768px){.footer__grid{grid-template-columns:1fr 1fr}.footer__grid>:first-child{grid-column:1/-1}}@media (max-width:480px){.footer__grid{grid-template-columns:1fr}}@media (max-width:900px){.benefits__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.benefits__grid{grid-template-columns:1fr}}.pricing-card__cta{cursor:pointer;color:#fff;border:1px solid var(--border);background-color:#ffffff12;border-radius:10px;width:100%;padding:11px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.pricing-card__cta:hover{background-color:#ffffff1f}.pricing-card__cta--primary{background-color:var(--primary);border-color:var(--primary)}.pricing-card__cta--primary:hover{background-color:#059669}@media (max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:420px}}.page-hero{padding:80px 24px 60px;position:relative;overflow:hidden}.page-hero__bg{pointer-events:none;background:radial-gradient(at 50% 0,#064e3b59 0%,#0000 60%);position:absolute;inset:0}.page-hero__inner{z-index:1;max-width:1200px;margin:0 auto;position:relative}.page-hero__label{text-transform:uppercase;letter-spacing:.12em;color:var(--primary);margin-bottom:12px;font-size:11px;font-weight:600;display:block}.page-hero__title{color:#fff;margin-bottom:20px;font-family:Space Grotesk,sans-serif;font-size:clamp(36px,5vw,58px);font-weight:700;line-height:1.1}.page-hero__title span{color:var(--primary)}.page-hero__subtitle{color:var(--text-muted);max-width:600px;margin-bottom:32px;font-size:17px;line-height:1.65}.page-hero__buttons{flex-wrap:wrap;gap:12px;display:flex}.page-hero--pools .page-hero__bg{background:radial-gradient(at 30% 40%,#064e3b66 0%,#0000 55%),radial-gradient(at 75% 65%,#f59e0b1a 0%,#0000 45%)}.page-hero--dashboard .page-hero__bg{background:radial-gradient(at 65% 35%,#f59e0b33 0%,#0000 50%),radial-gradient(at 20% 70%,#064e3b4d 0%,#0000 50%)}.benefits{border-top:1px solid var(--border);padding:60px 24px}.benefits__title{color:#fff;margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:700}.benefits__subtitle{color:var(--text-muted);margin-bottom:40px;font-size:14px}.benefits__grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1200px;margin:0 auto;display:grid}.benefit-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:22px;transition:transform .2s,border-color .2s}.benefit-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.benefit-card__icon{width:44px;height:44px;color:var(--primary);background-color:#10b9811f;border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.benefit-card__title{color:#fff;margin-bottom:8px;font-size:15px;font-weight:600}.benefit-card__desc{color:var(--text-muted);font-size:13px;line-height:1.6}@media (max-width:900px){.benefits__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.benefits__grid{grid-template-columns:1fr}}.steps{border-top:1px solid var(--border);padding:80px 24px}.steps__header{text-align:center;margin-bottom:48px}.steps__grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto;display:grid}.step-card{background-color:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:16px;padding:28px}.step-card__num{width:48px;height:48px;color:var(--primary);background-color:#10b9811f;border-radius:12px;justify-content:center;align-items:center;margin:0 auto 16px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;display:flex}.step-card__title{color:#fff;margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600}.step-card__desc{color:var(--text-muted);font-size:13px;line-height:1.6}@media (max-width:768px){.steps__grid{grid-template-columns:1fr}}.cta-section{padding:80px 24px}.cta-card{background-color:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:24px;max-width:1200px;margin:0 auto;padding:56px 48px;position:relative;overflow:hidden}.cta-card__bg{pointer-events:none;background:radial-gradient(at 30%,#10b9810f 0%,#0000 60%),radial-gradient(at 70%,#f59e0b0f 0%,#0000 60%);position:absolute;inset:0}.cta-card__content{z-index:1;position:relative}.cta-card__title{color:#fff;margin-bottom:16px;font-family:Space Grotesk,sans-serif;font-size:clamp(26px,4vw,42px);font-weight:700}.cta-card__subtitle{color:var(--text-muted);max-width:520px;margin-bottom:36px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.6}.cta-card__buttons{flex-direction:column;align-items:center;gap:12px;display:flex}@media (min-width:480px){.cta-card__buttons{flex-direction:row;justify-content:center}}@media (max-width:480px){.cta-card{padding:40px 24px}}.catalog-header{border-bottom:1px solid var(--border);padding:60px 24px 40px}.catalog-header__inner{max-width:1200px;margin:0 auto}.catalog-header__label{text-transform:uppercase;letter-spacing:.12em;color:var(--primary);margin-bottom:12px;font-size:11px;font-weight:600;display:block}.catalog-header__title{color:#fff;margin-bottom:12px;font-family:Space Grotesk,sans-serif;font-size:clamp(28px,4vw,42px);font-weight:700}.catalog-header__subtitle{color:var(--text-muted);max-width:560px;font-size:15px;line-height:1.6}.catalog-layout{grid-template-columns:240px 1fr;gap:32px;max-width:1200px;margin:0 auto;padding:40px 24px;display:grid}.catalog-sidebar{background-color:var(--bg-card);border:1px solid var(--border);border-radius:16px;height:fit-content;padding:22px;position:sticky;top:80px}.catalog-sidebar__title{color:#fff;margin-bottom:18px;font-size:14px;font-weight:600}.catalog-filter{margin-bottom:18px}.catalog-filter__label{color:var(--text-muted);margin-bottom:6px;font-size:12px;display:block}.catalog-filter__select{border:1px solid var(--border);color:#fff;cursor:pointer;appearance:none;background-color:#ffffff0d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2371717A' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:10px;width:100%;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px}.catalog-filter__select:focus{border-color:#10b98166;outline:none}.catalog-search{margin-bottom:0;position:relative}.catalog-search__icon{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}@media (max-width:768px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{position:static}}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:40px auto 0;display:grid}.pricing-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:28px}.pricing-card--highlight{border-width:2px;border-color:#10b98166}.pricing-card__badge{color:var(--primary);background-color:#10b98126;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.pricing-card__name{color:#fff;margin-bottom:4px;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:700}.pricing-card__price{align-items:baseline;gap:4px;margin-bottom:6px;display:flex}.pricing-card__price-value{color:#fff;font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:700}.pricing-card__price-period{color:var(--text-muted);font-size:13px}.pricing-card__desc{color:var(--text-muted);margin-bottom:20px;font-size:13px}.pricing-card__features{flex-direction:column;gap:10px;margin-bottom:24px;list-style:none;display:flex}.pricing-card__feature{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.pricing-card__feature svg{color:var(--primary);flex-shrink:0}.pricing-card__cta{cursor:pointer;color:#fff;border:1px solid var(--border);background:#ffffff12;border-radius:10px;width:100%;padding:10px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.pricing-card__cta:hover{background:#ffffff1f}.pricing-card__cta--primary{background:var(--primary);border-color:var(--primary)}.pricing-card__cta--primary:hover{background:#059669}@media (max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:420px}}.features__label{text-transform:uppercase;letter-spacing:.12em;color:var(--primary);margin-bottom:12px;font-size:11px;font-weight:600;display:block}.nav__hamburger{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:color .2s;display:none}.nav__hamburger:hover{color:#fff}.nav__mobile-menu{border-top:1px solid var(--border);background:var(--bg);flex-direction:column;gap:4px;padding:12px 24px 20px;display:none}.nav__mobile-menu .nav__link{border-bottom:1px solid var(--border);padding:10px 0;font-size:15px}.nav__mobile-menu .nav__link:last-child{border-bottom:none}@media (max-width:768px){.nav__links{display:none!important}.nav__hamburger{display:flex!important}.nav__inner{position:relative}.nav__mobile-menu--open{display:flex!important}}.timeline{border-left:2px solid var(--border);margin-left:8px;padding-left:24px;position:relative}.timeline__item{padding:0 0 28px 28px;position:relative}.timeline__item:last-child{padding-bottom:0}.timeline__dot{background:var(--primary);border:2px solid var(--bg);border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:-33px}.timeline__line{background:var(--border);width:2px;position:absolute;top:14px;bottom:0;left:-28px}.timeline__content{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px 16px}