@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-ink: #1d1d1f;--color-graphite: #595959;--color-slate: #474747;--color-ash: #333333;--color-fog: #f5f5f7;--color-snow: #ffffff;--color-obsidian: #000000;--color-silver-mist: #e8e8ed;--color-azure: #0071e3;--color-cobalt-link: #0066cc;--color-caution: #b64400;--gradient-web: linear-gradient(184deg,rgb(29,29,31) 0%,rgb(79,223,150) 33%,rgb(42,156,94) 66%,rgb(26,134,10) 95%);--gradient-hesap: linear-gradient(184deg,rgb(29,29,31) 20%,rgb(168,211,251) 43%,rgb(0,18,249) 76%,rgb(37,53,224) 95%);--gradient-eticaret:linear-gradient(184deg,rgb(29,29,31) 20%,rgb(243,196,246) 43%,rgb(245,0,180) 76%,rgb(204,41,188) 95%);--finish-web: #8cddb2;--finish-hesap: #596680;--finish-eticaret: #e8d0d0;--font-display: 'Inter',ui-sans-serif,system-ui,-apple-system,sans-serif;--font-text: 'Inter',ui-sans-serif,system-ui,-apple-system,sans-serif;--text-caption: 12px;--text-body-sm: 14px;--text-body: 17px;--text-subheading: 20px;--text-heading-sm: 24px;--text-heading: 40px;--text-heading-lg: 56px;--text-display: 96px;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-52: 52px;--spacing-80: 80px;--spacing-120: 120px;--radius-card: 28px;--radius-btn: 999px;--radius-sm: 10px;--radius-pill: 36px;--surface-canvas: #f5f5f7;--surface-card: #ffffff;--surface-dark: #000000}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{scroll-behavior: smooth}body{font-family: var(--font-text);background: var(--surface-canvas);color: var(--color-ink);-webkit-font-smoothing: antialiased;overflow-x: hidden}img{display: block;max-width: 100%}a{text-decoration: none;color: inherit}.container{max-width: 1200px;margin: 0 auto;padding: 0 var(--spacing-24)}.global-nav{position: fixed;top: 0;left: 0;right: 0;z-index: 1000;height: 44px;background: rgba(245,245,247,0.88);backdrop-filter: saturate(180%) blur(20px);-webkit-backdrop-filter: saturate(180%) blur(20px);border-bottom: 1px solid transparent;transition: transform 0.35s ease,opacity 0.35s ease}.global-nav.scrolled{background: rgba(255,255,255,0.88);border-color: var(--color-silver-mist)}.global-nav.nav-hidden{transform: translateY(-100%);pointer-events: none}.global-nav__inner{max-width: 1200px;margin: 0 auto;padding: 0 var(--spacing-24);height: 100%;display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-40)}.global-nav__logo{font-size: 18px;font-weight: 700;color: var(--color-ink);letter-spacing: -0.3px;white-space: nowrap;flex-shrink: 0}.global-nav__logo span{color: var(--color-cobalt-link)}.global-nav__links{display: flex;align-items: center;gap: var(--spacing-32);list-style: none;flex: 1;justify-content: center}.global-nav__links a{font-size: 12px;font-weight: 400;color: var(--color-ink);letter-spacing: -0.1px}.global-nav__links a:hover{color: var(--color-graphite)}.global-nav__cta{display: inline-flex;align-items: center;gap: var(--spacing-8);background: var(--color-azure);color: #fff;border-radius: var(--radius-btn);padding: 6px 16px;font-size: 12px;font-weight: 400;transition: transform 0.1s ease;white-space: nowrap;flex-shrink: 0}.global-nav__cta:hover{background: #0077ed}.nav-toggle{display: none;flex-direction: column;gap: 5px;cursor: pointer;padding: 4px;background: none;border: none}.nav-toggle span{display: block;width: 20px;height: 1.5px;background: var(--color-ink);border-radius: 2px;transition: transform 0.3s ease,opacity 0.3s ease}.mobile-nav{display: none;position: fixed;top: 44px;left: 0;right: 0;bottom: 0;background: rgba(245,245,247,0.96);backdrop-filter: blur(20px);z-index: 999;padding: var(--spacing-40) var(--spacing-24);flex-direction: column;gap: var(--spacing-24)}.mobile-nav.active{display: flex}.mobile-nav a{font-size: 24px;font-weight: 600;color: var(--color-ink);letter-spacing: -0.4px;padding: var(--spacing-12) 0;border-bottom: 1px solid var(--color-silver-mist)}.product-nav{position: sticky;top: 44px;z-index: 900;transition: opacity 0.35s ease,transform 0.35s ease;background: var(--surface-card);border-bottom: 1px solid var(--color-silver-mist);height: 52px;display: flex;align-items: center}.product-nav__inner{max-width: 1200px;margin: 0 auto;padding: 0 var(--spacing-24);width: 100%;display: flex;align-items: center;justify-content: space-between}.product-nav__title{font-size: 20px;font-weight: 600;color: var(--color-ink);letter-spacing: -0.3px}.product-nav__links{display: flex;align-items: center;gap: var(--spacing-24);list-style: none}.product-nav__links a{font-size: 14px;font-weight: 400;color: var(--color-ink);letter-spacing: -0.04px;padding-bottom: 2px;border-bottom: 2px solid transparent}.product-nav__links a:hover,.product-nav__links a.active{border-color: var(--color-ink)}.product-nav.nav-top{top: 0}.product-nav.nav-gone{opacity: 0;pointer-events: none;transform: translateY(-100%)}.product-nav__buy{background: var(--color-azure);color: #fff;border-radius: var(--radius-btn);padding: 8px 16px;font-size: 14px;font-weight: 400}.product-nav__buy:hover{background: #0077ed}.hero{padding-top: 160px;padding-bottom: 80px;text-align: center;background: var(--surface-canvas)}.hero__eyebrow{font-size: var(--text-heading-sm);font-weight: 600;color: var(--color-ink);letter-spacing: -0.36px;line-height: 1.29;margin-bottom: var(--spacing-12)}.hero__headline{font-size: clamp(56px,8vw,96px);font-weight: 700;color: var(--color-ink);letter-spacing: -2.11px;line-height: 1.04;margin-bottom: var(--spacing-24);max-width: 900px;margin-left: auto;margin-right: auto}.hero__sub{font-size: var(--text-body);font-weight: 400;color: var(--color-graphite);letter-spacing: -0.1px;line-height: 1.47;margin-bottom: var(--spacing-32)}.hero__actions{display: flex;align-items: center;justify-content: center;gap: var(--spacing-16);flex-wrap: wrap}.btn-primary{background: var(--color-azure);color: #fff;border-radius: var(--radius-btn);padding: 12px 24px;font-size: var(--text-body);font-weight: 400;letter-spacing: -0.1px;transition: transform 0.1s ease;display: inline-block}.btn-primary:hover{background: #0077ed;transform: scale(1.01)}.btn-ghost{color: var(--color-cobalt-link);font-size: var(--text-body);font-weight: 400;letter-spacing: -0.1px;display: inline-flex;align-items: center;gap: 4px;transition: opacity 0.1s ease}.btn-ghost:hover{opacity: 0.75}.btn-ghost::after{content: " ›"}.hero__visual{margin-top: var(--spacing-80);max-width: 1000px;margin-left: auto;margin-right: auto}.hero__visual picture{display: block;width: 100%}.hero__img{width: 100%;height: auto;border-radius: var(--radius-card);box-shadow: 0 32px 80px rgba(0,0,0,0.12);display: block}.software-mockup{background: #1a1a2e;border-radius: 12px;overflow: hidden;aspect-ratio: 16/9;position: relative;display: flex;flex-direction: column}.mockup-bar{background: #16213e;height: 36px;display: flex;align-items: center;padding: 0 16px;gap: 8px;flex-shrink: 0}.mockup-dot{width: 10px;height: 10px;border-radius: 50%}.mockup-dot:nth-child(1){background: #ff5f56}.mockup-dot:nth-child(2){background: #febc2e}.mockup-dot:nth-child(3){background: #28c840}.mockup-content{flex: 1;display: grid;grid-template-columns: 200px 1fr}.mockup-sidebar{background: #0f3460;padding: 20px 16px;display: flex;flex-direction: column;gap: 12px}.mockup-menu-item{height: 8px;border-radius: 4px;background: rgba(255,255,255,0.15)}.mockup-menu-item.active{background: var(--color-azure);width: 80%}.mockup-main{padding: 24px;display: flex;flex-direction: column;gap: 16px}.mockup-stat-row{display: grid;grid-template-columns: repeat(4,1fr);gap: 12px}.mockup-stat{background: rgba(255,255,255,0.06);border-radius: 8px;padding: 16px 12px;display: flex;flex-direction: column;gap: 8px}.mockup-stat-label{height: 6px;border-radius: 3px;background: rgba(255,255,255,0.25);width: 60%}.mockup-stat-value{height: 14px;border-radius: 3px;background: rgba(255,255,255,0.7);width: 80%}.mockup-chart{background: rgba(255,255,255,0.04);border-radius: 8px;flex: 1;padding: 16px;display: flex;align-items: flex-end;gap: 8px}.mockup-bar-item{flex: 1;border-radius: 4px 4px 0 0;background: var(--color-azure);opacity: 0.7}.band{padding: var(--spacing-120) 0}.band--white{background: var(--surface-card)}.band--fog{background: var(--surface-canvas)}.section-header{text-align: center;margin-bottom: var(--spacing-80)}.section-header__eyebrow{font-size: var(--text-body);font-weight: 600;color: var(--color-cobalt-link);letter-spacing: 0.5px;text-transform: uppercase;margin-bottom: var(--spacing-12)}.section-header__title{font-size: clamp(40px,5vw,56px);font-weight: 700;color: var(--color-ink);letter-spacing: -0.9px;line-height: 1.07;margin-bottom: var(--spacing-20)}.section-header__body{font-size: var(--text-subheading);font-weight: 300;color: var(--color-graphite);letter-spacing: -0.2px;line-height: 1.4;max-width: 600px;margin: 0 auto}.card-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--spacing-20)}.card-grid--3{grid-template-columns: repeat(3,1fr)}.feature-card{border-radius: var(--radius-card);padding: var(--spacing-40) var(--spacing-40) var(--spacing-32);position: relative;overflow: hidden;transition: transform 0.344s ease}.feature-card:hover{transform: translateY(-2px)}.feature-card--white{background: var(--surface-card)}.feature-card--fog{background: var(--surface-canvas)}.feature-card--dark{background: var(--surface-dark);color: #fff}.feature-card__icon{width: 48px;height: 48px;margin-bottom: var(--spacing-24);display: flex;align-items: center;justify-content: center}.feature-card__icon svg{width: 40px;height: 40px}.feature-card--dark .feature-card__icon svg{fill: #fff;color: #fff}.feature-card:not(.feature-card--dark) .feature-card__icon svg{fill: var(--color-ink);color: var(--color-ink)}.feature-card__eyebrow{font-size: var(--text-body);font-weight: 600;color: var(--color-cobalt-link);letter-spacing: -0.1px;margin-bottom: var(--spacing-8)}.feature-card--dark .feature-card__eyebrow{color: #88c0ff}.feature-card__title{font-size: var(--text-heading-sm);font-weight: 700;letter-spacing: -0.36px;line-height: 1.29;margin-bottom: var(--spacing-12)}.feature-card--dark .feature-card__title{color: #fff}.feature-card__body{font-size: var(--text-body);font-weight: 400;color: var(--color-graphite);letter-spacing: -0.1px;line-height: 1.47;margin-bottom: var(--spacing-24)}.feature-card--dark .feature-card__body{color: rgba(255,255,255,0.7)}.feature-card__link{color: var(--color-cobalt-link);font-size: var(--text-body);font-weight: 400;display: inline-flex;align-items: center;gap: 4px}.feature-card__link::after{content: " ›"}.feature-card--dark .feature-card__link{color: #88c0ff}.feature-card--wide{grid-column: span 2}.showcase{position: relative;min-height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;overflow: hidden;padding: var(--spacing-120) var(--spacing-24) 0}.showcase--web{background: var(--gradient-web)}.showcase--hesap{background: var(--gradient-hesap)}.showcase--eticaret{background: var(--gradient-eticaret)}.showcase__content{position: relative;z-index: 1;max-width: 800px}.showcase--with-visual{min-height: auto;padding-bottom: 0}.showcase__visual{position: relative;z-index: 1;width: 100%;max-width: 1000px;margin-top: var(--spacing-80);flex-shrink: 0}.dash-panel{display: flex;border-radius: 16px 16px 0 0;overflow: hidden;background: #0d1117;box-shadow: 0 -20px 80px rgba(0,0,0,0.5);min-height: 380px}.dash-panel__sidebar{width: 180px;background: #161b22;padding: 20px 0;display: flex;flex-direction: column;flex-shrink: 0}.dash-logo{font-size: 14px;font-weight: 700;color: #58a6ff;padding: 0 16px 20px;border-bottom: 1px solid rgba(255,255,255,0.05);margin-bottom: 12px;letter-spacing: 0.5px}.dash-nav{display: flex;flex-direction: column;gap: 2px;padding: 0 8px}.dash-nav-item{display: flex;align-items: center;gap: 10px;padding: 8px 12px;border-radius: 6px;font-size: 12px;color: rgba(255,255,255,0.5);cursor: default}.dash-nav-item--active{background: rgba(88,166,255,0.15);color: #58a6ff}.dash-panel__main{flex: 1;padding: 20px 24px;display: flex;flex-direction: column;gap: 16px;overflow: hidden}.dash-topbar{display: flex;justify-content: space-between;align-items: center}.dash-topbar__title{font-size: 14px;font-weight: 600;color: rgba(255,255,255,0.9)}.dash-topbar__date{font-size: 11px;color: rgba(255,255,255,0.7)}.dash-kpis{display: grid;grid-template-columns: repeat(4,1fr);gap: 10px}.dash-kpi{background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.06);border-radius: 8px;padding: 12px 14px;display: flex;flex-direction: column;gap: 4px}.dash-kpi__label{font-size: 10px;color: rgba(255,255,255,0.7);letter-spacing: 0.3px}.dash-kpi__value{font-size: 15px;font-weight: 700;color: rgba(255,255,255,0.9);letter-spacing: -0.3px}.dash-kpi__trend{font-size: 10px;font-weight: 500}.dash-kpi__trend.up{color: #3fb950}.dash-kpi__trend.down{color: #f85149}.dash-kpi__trend.neutral{color: rgba(255,255,255,0.65)}.dash-chart-area{background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.05);border-radius: 8px;padding: 14px 16px}.dash-chart-label{font-size: 10px;color: rgba(255,255,255,0.7);margin-bottom: 12px;letter-spacing: 0.3px}.dash-bars{display: flex;align-items: flex-end;gap: 8px;height: 60px}.dash-bar-group{flex: 1;display: flex;flex-direction: column;align-items: center;gap: 4px;height: 100%;justify-content: flex-end}.dash-bar{width: 100%;height: var(--h);background: rgba(88,166,255,0.3);border-radius: 3px 3px 0 0}.dash-bar-group--active .dash-bar{background: #58a6ff}.dash-bar-group span{font-size: 9px;color: rgba(255,255,255,0.65)}.dash-table{flex: 1}.dash-table__head{display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px}.dash-table__head > span:first-child{font-size: 11px;font-weight: 600;color: rgba(255,255,255,0.6)}.dash-table__all{font-size: 10px;color: #58a6ff;cursor: default}.dash-row{display: flex;align-items: center;gap: 8px;padding: 7px 0;border-bottom: 1px solid rgba(255,255,255,0.04)}.dash-row:last-child{border-bottom: none}.dash-row__name{flex: 1;font-size: 11px;color: rgba(255,255,255,0.7);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.dash-row__amount{font-size: 11px;font-weight: 600;color: rgba(255,255,255,0.85)}.dash-row__badge{font-size: 9px;font-weight: 600;padding: 2px 7px;border-radius: 999px;letter-spacing: 0.3px;text-transform: uppercase}.dash-row__badge.paid{background: rgba(63,185,80,0.15);color: #3fb950}.dash-row__badge.pending{background: rgba(210,153,34,0.15);color: #d29922}.browser-mock{border-radius: 12px 12px 0 0;overflow: hidden;background: rgba(255,255,255,0.08);backdrop-filter: blur(10px);box-shadow: 0 -20px 80px rgba(0,0,0,0.4)}.browser-mock__bar{height: 36px;background: rgba(0,0,0,0.3);display: flex;align-items: center;padding: 0 14px;gap: 12px}.browser-mock__dots{display: flex;gap: 5px;flex-shrink: 0}.browser-mock__dots span{width: 10px;height: 10px;border-radius: 50%;background: rgba(255,255,255,0.2)}.browser-mock__dots span:nth-child(1){background: rgba(255,95,86,0.7)}.browser-mock__dots span:nth-child(2){background: rgba(254,188,46,0.7)}.browser-mock__dots span:nth-child(3){background: rgba(40,200,64,0.7)}.browser-mock__url{flex: 1;background: rgba(255,255,255,0.08);border-radius: 6px;height: 22px;display: flex;align-items: center;padding: 0 10px;font-size: 11px;color: rgba(255,255,255,0.5);max-width: 300px;margin: 0 auto}.browser-mock__actions{display: flex;gap: 8px;flex-shrink: 0}.browser-mock__actions span{width: 14px;height: 14px;border-radius: 3px;background: rgba(255,255,255,0.1)}.browser-mock__content{padding: 16px 20px 0;background: rgba(255,255,255,0.06)}.bm-nav{display: flex;align-items: center;gap: 20px;padding-bottom: 12px;border-bottom: 1px solid rgba(255,255,255,0.08);margin-bottom: 16px}.bm-nav__logo{width: 80px;height: 10px;border-radius: 5px;background: rgba(255,255,255,0.5)}.bm-nav__links{display: flex;gap: 14px;flex: 1}.bm-nav__links span{width: 44px;height: 8px;border-radius: 4px;background: rgba(255,255,255,0.2)}.bm-nav__cta{width: 60px;height: 22px;border-radius: 11px;background: rgba(88,166,255,0.5)}.bm-hero{display: grid;grid-template-columns: 1fr 1fr;gap: 20px;margin-bottom: 16px;align-items: center}.bm-line{border-radius: 4px;margin-bottom: 8px}.bm-line--title{height: 14px;background: rgba(255,255,255,0.6)}.bm-line--body{height: 8px;background: rgba(255,255,255,0.2)}.bm-line--btn{height: 28px;width: 100px;border-radius: 14px;background: rgba(88,166,255,0.5)}.bm-hero__img{border-radius: 10px;background: rgba(255,255,255,0.12);height: 100px}.bm-cards{display: grid;grid-template-columns: repeat(3,1fr);gap: 10px}.bm-card{background: rgba(255,255,255,0.06);border-radius: 8px;padding: 10px}.bm-card__img{border-radius: 6px;background: rgba(255,255,255,0.2);height: 50px;margin-bottom: 8px}.bm-card__line{height: 7px;border-radius: 3px;background: rgba(255,255,255,0.2);margin-bottom: 5px}.shop-mock{border-radius: 12px 12px 0 0;overflow: hidden;background: rgba(0,0,0,0.2);backdrop-filter: blur(10px);box-shadow: 0 -20px 80px rgba(0,0,0,0.4)}.shop-mock__header{background: rgba(0,0,0,0.3);padding: 12px 20px;display: flex;align-items: center;gap: 16px}.shop-mock__brand{width: 90px;height: 10px;border-radius: 5px;background: rgba(255,255,255,0.5);flex-shrink: 0}.shop-mock__search{flex: 1;height: 28px;border-radius: 14px;background: rgba(255,255,255,0.1);max-width: 300px}.shop-mock__cart{position: relative;flex-shrink: 0;display: flex;align-items: center}.shop-cart-badge{position: absolute;top: -6px;right: -8px;background: rgba(255,100,150,0.9);color: #fff;font-size: 9px;font-weight: 700;width: 14px;height: 14px;border-radius: 50%;display: flex;align-items: center;justify-content: center}.shop-mock__cats{display: flex;gap: 8px;padding: 10px 20px;background: rgba(255,255,255,0.04);border-bottom: 1px solid rgba(255,255,255,0.06)}.shop-cat{font-size: 11px;color: rgba(255,255,255,0.5);padding: 4px 12px;border-radius: 999px;cursor: default}.shop-cat--active{background: rgba(255,255,255,0.12);color: rgba(255,255,255,0.9)}.shop-mock__grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 12px;padding: 16px 20px}.shop-product{background: rgba(255,255,255,0.06);border-radius: 10px;overflow: hidden;display: flex;flex-direction: column}.shop-product__img{aspect-ratio: 1;display: flex;align-items: center;justify-content: center;background: rgba(255,255,255,0.08)}.shop-product__info{padding: 8px 10px 4px;flex: 1}.shop-product__name{font-size: 10px;color: rgba(255,255,255,0.6);margin-bottom: 3px}.shop-product__price{font-size: 12px;font-weight: 700;color: rgba(255,255,255,0.9)}.shop-product__add{margin: 6px 10px 10px;background: rgba(255,255,255,0.12);border-radius: 6px;padding: 5px;font-size: 9px;color: rgba(255,255,255,0.7);text-align: center;cursor: default}.footer-bottom__app{font-size: var(--text-caption);color: rgba(255,255,255,0.4)}.footer-bottom__app a{color: rgba(255,255,255,0.6);text-decoration: underline;text-underline-offset: 2px}.footer-bottom__app a:hover{color: rgba(255,255,255,0.9)}.wide-card-inner{display: grid;grid-template-columns: 1fr 1fr;gap: 40px;align-items: center}.showcase__label{display: inline-block;font-size: var(--text-body);font-weight: 600;color: rgba(255,255,255,0.7);letter-spacing: 1px;text-transform: uppercase;margin-bottom: var(--spacing-16)}.showcase__title{font-size: clamp(40px,6vw,80px);font-weight: 700;color: #fff;letter-spacing: -1.5px;line-height: 1.05;margin-bottom: var(--spacing-20)}.showcase__body{font-size: var(--text-subheading);font-weight: 300;color: rgba(255,255,255,0.8);letter-spacing: -0.2px;line-height: 1.5;margin-bottom: var(--spacing-40)}.btn-dark{background: var(--surface-dark);color: #fff;border-radius: var(--radius-btn);padding: 12px 24px;font-size: var(--text-body);font-weight: 400;display: inline-block;transition: transform 0.1s ease;margin-right: var(--spacing-12)}.btn-dark:hover{background: #222;transform: scale(1.01)}.btn-outline-white{background: transparent;color: #fff;border: 1px solid rgba(255,255,255,0.4);border-radius: var(--radius-btn);padding: 12px 24px;font-size: var(--text-body);font-weight: 400;display: inline-block}.btn-outline-white:hover{border-color: rgba(255,255,255,0.8);background: rgba(255,255,255,0.1)}.stats-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: var(--spacing-20)}.stat-card{background: var(--surface-card);border-radius: var(--radius-card);padding: var(--spacing-40) var(--spacing-32);text-align: center}.stat-card__number{font-size: clamp(48px,5vw,72px);font-weight: 700;color: var(--color-ink);letter-spacing: -1.5px;line-height: 1;margin-bottom: var(--spacing-8)}.stat-card__number span{color: var(--color-azure)}.stat-card__label{font-size: var(--text-body);font-weight: 400;color: var(--color-graphite);letter-spacing: -0.1px;line-height: 1.4}.pricing-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: var(--spacing-20);align-items: start}.pricing-card{border-radius: var(--radius-card);padding: var(--spacing-40) var(--spacing-32);background: var(--surface-card);position: relative}.pricing-card--featured{background: var(--surface-dark);color: #fff;transform: scale(1.02)}.pricing-card__badge{position: absolute;top: -12px;left: 50%;transform: translateX(-50%);background: var(--color-azure);color: #fff;font-size: var(--text-caption);font-weight: 600;padding: 4px 16px;border-radius: var(--radius-btn);letter-spacing: 0.5px;text-transform: uppercase;white-space: nowrap}.pricing-card__tier{font-size: var(--text-body);font-weight: 600;color: var(--color-azure);letter-spacing: 0.5px;text-transform: uppercase;margin-bottom: var(--spacing-12)}.pricing-card--featured .pricing-card__tier{color: #88c0ff}.pricing-card__price{font-size: clamp(36px,4vw,48px);font-weight: 700;color: var(--color-ink);letter-spacing: -1px;line-height: 1.1;margin-bottom: var(--spacing-4)}.pricing-card--featured .pricing-card__price{color: #fff}.pricing-card__price sup{font-size: 20px;font-weight: 400;vertical-align: super;margin-right: 2px}.pricing-card__price span{font-size: 16px;font-weight: 400;color: var(--color-graphite)}.pricing-card--featured .pricing-card__price span{color: rgba(255,255,255,0.6)}.pricing-card__desc{font-size: var(--text-body-sm);color: var(--color-graphite);margin-bottom: var(--spacing-32);line-height: 1.5}.pricing-card--featured .pricing-card__desc{color: rgba(255,255,255,0.6)}.pricing-card__divider{height: 1px;background: var(--color-silver-mist);margin-bottom: var(--spacing-24)}.pricing-card--featured .pricing-card__divider{background: rgba(255,255,255,0.1)}.pricing-card__features{list-style: none;display: flex;flex-direction: column;gap: var(--spacing-12);margin-bottom: var(--spacing-32)}.pricing-card__features li{font-size: var(--text-body-sm);color: var(--color-slate);display: flex;align-items: center;gap: var(--spacing-8);line-height: 1.5}.pricing-card--featured .pricing-card__features li{color: rgba(255,255,255,0.8)}.pricing-card__features li::before{content: '';width: 16px;height: 16px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%230071e3' d='M6.5 12L2 7.5l1.4-1.4L6.5 9.2 12.6 3 14 4.4z'/%3E%3C/svg%3E") center/contain no-repeat;flex-shrink: 0}.pricing-card--featured .pricing-card__features li::before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%2388c0ff' d='M6.5 12L2 7.5l1.4-1.4L6.5 9.2 12.6 3 14 4.4z'/%3E%3C/svg%3E") center/contain no-repeat}.btn-pricing{display: block;width: 100%;text-align: center;background: var(--color-azure);color: #fff;border-radius: var(--radius-btn);padding: 12px 24px;font-size: var(--text-body);font-weight: 400}.btn-pricing:hover{background: #0077ed}.btn-pricing--outline{background: transparent;color: var(--color-azure);border: 1px solid var(--color-azure)}.btn-pricing--outline:hover{background: rgba(0,113,227,0.06)}.contact-grid{display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-80);align-items: start}.contact-info__title{font-size: clamp(36px,4vw,56px);font-weight: 700;color: var(--color-ink);letter-spacing: -0.9px;line-height: 1.1;margin-bottom: var(--spacing-20)}.contact-info__body{font-size: var(--text-body);color: var(--color-graphite);line-height: 1.6;margin-bottom: var(--spacing-40)}.contact-detail{display: flex;align-items: center;gap: var(--spacing-12);margin-bottom: var(--spacing-16);font-size: var(--text-body);color: var(--color-slate)}.contact-detail a{color: var(--color-cobalt-link);transition: opacity 0.1s}.contact-detail a:hover{opacity: 0.75}.contact-form{display: flex;flex-direction: column;gap: var(--spacing-16)}.form-group{display: flex;flex-direction: column;gap: var(--spacing-8)}.form-group label{font-size: var(--text-body-sm);font-weight: 500;color: var(--color-ink);letter-spacing: -0.04px}.form-group input,.form-group textarea,.form-group select{background: var(--surface-canvas);border: 1px solid var(--color-silver-mist);border-radius: 12px;padding: 12px 16px;font-size: var(--text-body);font-family: var(--font-text);color: var(--color-ink);outline: none;width: 100%;-webkit-appearance: none}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color: var(--color-azure)}.form-group textarea{resize: vertical;min-height: 120px;line-height: 1.5}.form-row{display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-16)}.btn-submit{background: var(--color-azure);color: #fff;border: none;border-radius: var(--radius-btn);padding: 14px 32px;font-size: var(--text-body);font-weight: 400;font-family: var(--font-text);cursor: pointer;width: 100%;transition: transform 0.1s ease}.btn-submit:hover{background: #0077ed;transform: scale(1.01)}.form-success{display: none;background: var(--surface-canvas);border: 1px solid #28c840;border-radius: var(--radius-card);padding: var(--spacing-32);text-align: center;color: #1a8a1a;font-size: var(--text-body);font-weight: 500}footer{background: var(--surface-dark);color: rgba(255,255,255,0.6);padding: var(--spacing-80) 0 var(--spacing-40)}.footer-grid{display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;gap: var(--spacing-48);margin-bottom: var(--spacing-48)}.footer-brand__logo{font-size: 20px;font-weight: 700;color: #fff;letter-spacing: -0.3px;margin-bottom: var(--spacing-16)}.footer-brand__logo span{color: #58a6ff}.footer-brand__body{font-size: var(--text-body-sm);line-height: 1.6;color: rgba(255,255,255,0.5);margin-bottom: var(--spacing-24)}.footer-social{display: flex;gap: var(--spacing-12)}.footer-social a{width: 36px;height: 36px;border-radius: 50%;background: rgba(255,255,255,0.1);display: flex;align-items: center;justify-content: center;color: rgba(255,255,255,0.6);font-size: 14px}.footer-social a:hover{background: rgba(255,255,255,0.2);color: #fff}.footer-col__title{font-size: var(--text-body-sm);font-weight: 600;color: rgba(255,255,255,0.8);letter-spacing: 0.5px;text-transform: uppercase;margin-bottom: var(--spacing-16)}.footer-col__links{list-style: none;display: flex;flex-direction: column;gap: var(--spacing-12)}.footer-col__links a{font-size: var(--text-body-sm);color: rgba(255,255,255,0.5)}.footer-col__links a:hover{color: rgba(255,255,255,0.85)}.footer-bottom{border-top: 1px solid rgba(255,255,255,0.1);padding-top: var(--spacing-24);display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--spacing-16)}.footer-bottom__copy{font-size: var(--text-caption);color: rgba(255,255,255,0.65)}.showcase__actions{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: var(--spacing-12)}.showcase__actions .btn-dark{margin-right: 0;margin-bottom: 0}.reveal{opacity: 0;transform: translateY(24px);transition: opacity 0.5s ease,transform 0.5s ease}.reveal.visible{opacity: 1;transform: none}.reveal-stagger > *{opacity: 0;transform: translateY(24px);transition: opacity 0.5s ease,transform 0.5s ease}.reveal-stagger.visible > *:nth-child(1){opacity:1;transform:none;transition-delay: 0s}.reveal-stagger.visible > *:nth-child(2){opacity:1;transform:none;transition-delay: 0.08s}.reveal-stagger.visible > *:nth-child(3){opacity:1;transform:none;transition-delay: 0.16s}.reveal-stagger.visible > *:nth-child(4){opacity:1;transform:none;transition-delay: 0.24s}@media (max-width: 1024px){.card-grid--3{grid-template-columns: repeat(2,1fr)}.footer-grid{grid-template-columns: 1fr 1fr;gap: var(--spacing-32)}.band{padding: var(--spacing-80) 0}.section-header{margin-bottom: 56px}}@media (max-width: 900px){.global-nav__links{display: none}.nav-toggle{display: flex}.product-nav__links{display: none}.product-nav__title{font-size: 16px}.hero{padding-top: 100px;padding-bottom: 56px}.hero__visual{margin-top: var(--spacing-48)}.band{padding: var(--spacing-80) 0}.section-header{margin-bottom: 56px}.card-grid,.card-grid--3{grid-template-columns: 1fr}.feature-card--wide{grid-column: span 1}.feature-card{padding: var(--spacing-28) var(--spacing-28) var(--spacing-24)}.wide-card-inner{grid-template-columns: 1fr;gap: 24px}.showcase{padding: var(--spacing-80) var(--spacing-24) 0}.showcase__visual{margin-top: var(--spacing-48)}.dash-panel__sidebar{display: none}.dash-kpis{grid-template-columns: repeat(2,1fr)}.bm-hero{grid-template-columns: 1fr}.bm-hero__img{display: none}.bm-cards{grid-template-columns: repeat(2,1fr)}.contact-grid{grid-template-columns: 1fr;gap: var(--spacing-40)}.form-row{grid-template-columns: 1fr}.footer-grid{grid-template-columns: 1fr 1fr;gap: var(--spacing-32)}}@media (max-width: 640px){.hero{padding-top: 80px;padding-bottom: 40px}.hero__eyebrow{font-size: 18px}.hero__headline{letter-spacing: -1px}.hero__sub{font-size: 15px}.hero__visual{margin-top: var(--spacing-40)}.hero__img{border-radius: 16px}.band{padding: 56px 0}.section-header{margin-bottom: var(--spacing-40)}.section-header__body{font-size: var(--text-body)}.feature-card{padding: var(--spacing-24) var(--spacing-24) var(--spacing-20)}.showcase{padding: 56px var(--spacing-20) 0}.showcase__body{font-size: var(--text-body)}.showcase__visual{margin-top: var(--spacing-32)}.showcase__actions{flex-direction: column;align-items: center}.btn-dark,.btn-outline-white{width: 100%;text-align: center;margin-right: 0}.product-nav__title{font-size: 14px}.product-nav__buy{padding: 6px 12px;font-size: 13px}.dash-panel{min-height: 260px}.bm-cards{display: none}.contact-info__title{font-size: 32px}.footer-grid{grid-template-columns: 1fr}.footer-bottom{flex-direction: column;align-items: flex-start}}@media (max-width: 480px){.container{padding: 0 var(--spacing-16)}.hero{padding-top: 72px}.hero__headline{font-size: clamp(38px,11vw,56px)}.hero__actions{flex-direction: column;align-items: stretch}.btn-primary{width: 100%;text-align: center}.btn-ghost{justify-content: center}.hero__img{border-radius: 12px}.band{padding: var(--spacing-40) 0}.section-header{margin-bottom: var(--spacing-32)}.feature-card{padding: var(--spacing-20) var(--spacing-20) var(--spacing-16);border-radius: 20px}.showcase{padding: var(--spacing-40) var(--spacing-16) 0}.showcase__title{letter-spacing: -0.8px}.dash-table{display: none}.dash-kpis{gap: 8px}.dash-kpi{padding: 10px}.dash-kpi__value{font-size: 13px}.browser-mock__actions{display: none}.bm-nav__links{display: none}.section-header__title{letter-spacing: -0.5px}.footer-grid{gap: var(--spacing-24)}.footer-brand__body{font-size: var(--text-caption)}.form-group input,.form-group textarea,.form-group select{font-size: 16px}}@media (max-width: 375px){.hero__headline{font-size: clamp(34px,10vw,44px)}.showcase__title{font-size: clamp(28px,9vw,40px)}.contact-info__title{font-size: 26px}.product-nav__title{font-size: 12px}.product-nav__buy{padding: 5px 10px;font-size: 12px}.feature-card{border-radius: 16px}}.faq-list{max-width: 720px;margin: var(--spacing-48) auto 0;display: flex;flex-direction: column;gap: var(--spacing-8)}.faq-item{background: var(--surface-card);border-radius: var(--radius-sm);border: 1px solid var(--color-silver-mist);overflow: hidden}.faq-item[open]{border-color: rgba(0,102,204,0.25);box-shadow: 0 2px 12px rgba(0,102,204,0.06)}.faq-question{display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-16);padding: var(--spacing-20) var(--spacing-24);font-size: var(--text-body);font-weight: 600;color: var(--color-ink);letter-spacing: -0.1px;cursor: pointer;list-style: none;user-select: none}.faq-question::-webkit-details-marker{display: none}.faq-question::marker{display: none}.faq-question:hover{color: var(--color-cobalt-link)}.faq-chevron{flex-shrink: 0;width: 22px;height: 22px;border-radius: 50%;background: var(--surface-canvas);display: flex;align-items: center;justify-content: center;position: relative}.faq-chevron::before,.faq-chevron::after{content: '';position: absolute;background: var(--color-graphite);border-radius: 1px;transition: transform 0.25s ease,opacity 0.25s ease}.faq-chevron::before{width: 9px;height: 1.5px}.faq-chevron::after{width: 1.5px;height: 9px}.faq-item[open] .faq-chevron::after{transform: rotate(90deg);opacity: 0}.faq-item[open] .faq-question{color: var(--color-cobalt-link)}.faq-item[open] .faq-chevron{background: rgba(0,102,204,0.1)}.faq-item[open] .faq-chevron::before,.faq-item[open] .faq-chevron::after{background: var(--color-cobalt-link)}.faq-answer{padding: 0 var(--spacing-24) var(--spacing-20);animation: faqOpen 0.22s ease both}.faq-answer p{font-size: var(--text-body);font-weight: 400;color: var(--color-graphite);letter-spacing: -0.1px;line-height: 1.6;border-top: 1px solid var(--color-silver-mist);padding-top: var(--spacing-16)}.faq-answer strong{color: var(--color-ink);font-weight: 600}@keyframes faqOpen{from{opacity: 0;transform: translateY(-4px)}to{opacity: 1;transform: translateY(0)}}.whatsapp-float{position: fixed;bottom: 28px;right: 28px;z-index: 1000;display: flex;align-items: center;gap: 10px;background: #25d366;color: #fff;text-decoration: none;border-radius: 50px;padding: 13px 20px 13px 16px;font-size: 14px;font-weight: 600;letter-spacing: -0.01em;transition: transform 0.2s ease;white-space: nowrap;will-change: transform}.whatsapp-float::before{content: '';position: absolute;inset: 0;border-radius: inherit;box-shadow: 0 4px 24px rgba(37,211,102,0.45);transition: opacity 0.2s ease;pointer-events: none}.whatsapp-float::after{content: '';position: absolute;inset: 0;border-radius: inherit;box-shadow: 0 8px 32px rgba(37,211,102,0.6);opacity: 0;transition: opacity 0.2s ease;pointer-events: none}.whatsapp-float:hover{transform: translateY(-3px);color: #fff}.whatsapp-float:hover::before{opacity: 0}.whatsapp-float:hover::after{opacity: 1}.whatsapp-float svg{flex-shrink: 0}@media (max-width: 480px){.whatsapp-float{bottom: 16px;right: 16px;padding: 11px 14px 11px 12px;font-size: 13px;gap: 8px}}