@font-face {font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/inter-var-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/inter-var-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
:root{--ink: #1d1d1f; --teal: #635bff; --teal-deep: #5048d9; --aqua: #f5f7fa; --yellow: #ffd00c; --paper: #ffffff; --soft: #f5f5f7; --muted: #6e6e73; --line: #e6eaef; --page: min(1320px, calc(100% - 64px));}
*, *::before, *::after{box-sizing: border-box;}
html{overflow-x: hidden; scroll-behavior: smooth;}
body{margin: 0; padding-top: 76px; color: var(--ink); background: var(--paper); font-family: "Inter", "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
img{display: block; max-width: 100%;}
a{color: inherit; text-decoration: none;}
button, input, select, textarea{font: inherit;}
button{color: inherit;}
h1, h2, h3, p{margin-top: 0;}
h1, h2, h3{text-wrap: balance;}
p{text-wrap: pretty;}
section[id]{scroll-margin-top: 20px;}
:focus-visible{outline: 3px solid rgba(0, 221, 255, .75); outline-offset: 3px;}
.skip-link{position: fixed; z-index: 100; top: -80px; left: 18px; padding: 11px 16px; border-radius: 9px; background: var(--yellow); color: var(--ink); font-weight: 800; transition: top .2s ease;}
.skip-link:focus{top: 16px;}
.container{width: var(--page); margin-inline: auto;}
.section{padding: 112px 0;}
.section-heading{margin: 0; font-size: clamp(40px, 5vw, 68px); font-weight: 800; letter-spacing: -.055em; line-height: 1.02;}
.section-subtitle{margin: 16px 0 0; color: var(--muted); font-size: clamp(16px, 1.5vw, 19px);}
.center{text-align: center;}
.center .section-subtitle{margin-inline: auto;}
.button{position: relative; display: inline-flex; min-height: 56px; align-items: center; justify-content: center; padding: 0 28px; border: 1px solid transparent; border-radius: 11px; cursor: pointer; font-size: 14px; font-weight: 800; letter-spacing: .01em; text-transform: uppercase; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;}
.button:hover{transform: translateY(-2px);}
.button-teal{background: var(--teal); color: #fff; box-shadow: 0 16px 38px rgba(99, 91, 255, .25);}
.button-teal:hover{background: var(--teal-deep);}
.brand{display: inline-flex; align-items: center;}
.brand img{width: 192px; height: auto;}
.hero{position: relative; overflow: hidden; min-height: 100vh; padding: 26px 0 96px; background: #fff;}
.hero > .container{position: relative; z-index: 1;}
.hero-copy{max-width: 1060px; margin: 54px auto 0; text-align: center;}
.hero h1{margin: 0; font-size: clamp(48px, 6.1vw, 82px); font-weight: 800; letter-spacing: -.065em; line-height: .99;}
.hero h1 > span{display: block;}
.hero-description{margin: 30px auto 0; font-size: clamp(16px, 1.7vw, 20px);}
.trust-row{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px 30px; margin: 34px auto 26px; color: #778396; font-size: 11px; font-weight: 700;}
.trust-row .trust-label{font-weight: 500;}
.app-stage{width: min(1040px, 100%); margin-inline: auto;}
.pricing{padding-bottom: 132px;}
.faq{padding: 108px 0 116px; background: var(--aqua);}
.faq-answer p{margin: 0;}
.site-footer{padding: 58px 0 54px; background: var(--ink); color: #fff;}
@media (max-width: 860px) {
  :root{--page: min(100% - 36px, 680px);}
  .section{padding: 88px 0;}
  .brand img{width: 166px;}
  .hero{min-height: auto; padding-bottom: 78px;}
  .hero-copy{margin-top: 46px;}
}
@media (max-width: 620px) {
  :root{--page: calc(100% - 28px);}
  body{font-size: 15px;}
  .section{padding: 74px 0;}
  .section-heading{font-size: 40px;}
  .hero{padding-top: 20px;}
  .hero-copy{margin-top: 40px;}
  .hero h1{font-size: clamp(40px, 12vw, 58px); line-height: 1.01;}
  .hero-description{margin-top: 24px;}
  .trust-row{gap: 12px 20px;}
  .pricing{padding-bottom: 88px;}
}
section[id]{scroll-margin-top: 92px;}
.site-header{position: fixed; z-index: 80; top: 0; right: 0; left: 0; width: 100%; border-bottom: 1px solid rgba(14, 25, 43, .08); background: rgba(255, 255, 255, .94); box-shadow: 0 8px 30px rgba(14, 25, 43, .04); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);}
.nav-links{display: flex; align-items: center; justify-content: center; gap: clamp(20px, 2.2vw, 36px); margin-left: auto;}
.nav-links > a{position: relative; padding: 27px 0 25px; color: #293649; font-size: 13px; font-weight: 700; white-space: nowrap;}
.nav-links > a::after{content: ""; position: absolute; right: 0; bottom: 18px; left: 0; height: 2px; border-radius: 999px; background: var(--teal); transform: scaleX(0); transform-origin: right; transition: transform .22s ease;}
.nav-links > a:hover::after, .nav-links > a:focus-visible::after{transform: scaleX(1); transform-origin: left;}
.nav-cta{flex: 0 0 auto; min-height: 46px; padding-inline: 22px; border-radius: 8px; font-size: 12px; text-transform: none;}
.menu-toggle{display: none; width: 44px; height: 44px; place-items: center; border: 1px solid var(--line); border-radius: 10px; background: #fff; cursor: pointer;}
.menu-toggle span, .menu-toggle::before, .menu-toggle::after{display: block; width: 20px; height: 2px; border-radius: 999px; background: var(--ink); transition: transform .22s ease, opacity .22s ease;}
.menu-toggle::before, .menu-toggle::after{content: "";}
.menu-toggle span{margin-block: 4px;}
.site-header.menu-open .menu-toggle::before{transform: translateY(6px) rotate(45deg);}
.site-header.menu-open .menu-toggle span{opacity: 0;}
.site-header.menu-open .menu-toggle::after{transform: translateY(-6px) rotate(-45deg);}
.mobile-menu{display: none;}
.hero{min-height: auto; padding: 46px 0 62px;}
.hero-copy{max-width: min(1180px, 100%); margin: 0 auto;}
.hero h1{font-size: var(--hero-heading-size, clamp(42px, 3.55vw, 54px)); line-height: 1.04;}
.hero-description{max-width: 930px; margin-top: 20px; color: #3e4a5c; font-size: clamp(14px, 1.2vw, 16px); line-height: 1.55;}
.hero .trust-row{margin: 22px auto 18px;}
.hero .app-stage{width: min(832px, 100%);}
.faq{padding: 104px 0 112px; background: var(--soft);}
.faq-list{display: block; width: min(1000px, 100%); margin: 44px auto 0; border: 0;}
.faq details, .faq details[open]{overflow: visible; border: 0; border-top: 1px solid rgba(0, 0, 0, .12); border-radius: 0; background: transparent; box-shadow: none;}
.faq details:last-child{border-bottom: 1px solid rgba(0, 0, 0, .12);}
.faq summary{position: relative; display: flex; align-items: center; gap: 24px; min-height: 0; padding: 26px 46px 26px 0; color: var(--ink); font-size: clamp(17px, 1.7vw, 21px); font-weight: 600; letter-spacing: -.01em; line-height: 1.35;}
.faq summary::before{content: ""; position: absolute; top: 50%; right: 6px; width: 13px; height: 13px; margin-top: -8px; border-right: 2px solid #6e6e73; border-bottom: 2px solid #6e6e73; border-radius: 2px; background: none; transform: rotate(45deg); transform-origin: center; transition: transform .3s cubic-bezier(.32, .72, 0, 1);}
.faq summary::after{display: none;}
.faq details[open] summary::before{margin-top: -2px; transform: rotate(-135deg);}
.faq-answer{max-width: 900px; padding: 0 60px 30px 0; color: #6e6e73; font-size: clamp(15px, 1.5vw, 17px); line-height: 1.55;}
.site-footer{padding: 0; background: var(--ink); color: #fff;}
.footer-cta{max-width: 820px; margin: 0 auto; padding: 90px 0 72px; text-align: center;}
.footer-cta h2{margin: 0; font-size: clamp(42px, 4.5vw, 62px); font-weight: 800; letter-spacing: -.055em; line-height: 1.05;}
.footer-cta p{max-width: 670px; margin: 24px auto 0; color: #9ba9bd; font-size: 16px; line-height: 1.65;}
.footer-cta-actions{display: flex; justify-content: center; gap: 14px; margin-top: 34px;}
.footer-cta-actions .button{min-width: 190px; min-height: 56px; text-transform: none;}
.button-footer-outline{border-color: #607087; background: transparent; color: #fff;}
.button-footer-outline:hover{border-color: #fff; background: rgba(255,255,255,.06);}
.footer-divider{height: 1px; background: rgba(255, 255, 255, .09);}
.footer-main{display: grid; grid-template-columns: 1.35fr 1.05fr .9fr .7fr; gap: clamp(34px, 5vw, 72px); padding: 52px 0 48px;}
.footer-logo{position: relative; display: inline-block; width: 190px;}
.footer-logo img{width: 100%;}
.footer-brand-copy{max-width: 310px; margin: 24px 0 0; color: #8f9db2; font-size: 12px; line-height: 1.75;}
.footer-column h3{margin: 3px 0 22px; color: #62728a; font-size: 10px; letter-spacing: .14em; text-transform: uppercase;}
.footer-column nav{display: grid; gap: 14px;}
.footer-column a{color: #aeb9c8; font-size: 12px; font-weight: 600; line-height: 1.5;}
.footer-column a:hover{color: #fff;}
.footer-bottom{display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 0 26px; color: #62728a; font-size: 10px;}
@media (max-width: 1020px) {
  .nav-links{gap: 18px;}
  .nav-links > a{font-size: 12px;}
  .footer-main{grid-template-columns: 1fr repeat(3, minmax(0, .72fr)); gap: 34px;}
}
@media (max-width: 900px) {
  body{padding-top: 64px;}
  section[id]{scroll-margin-top: 74px;}
  .nav-links{display: none;}
  .menu-toggle{display: grid; margin-left: 0;}
  .mobile-menu{position: absolute; top: calc(100% + 8px); right: 18px; left: 18px; padding: 12px; border: 1px solid rgba(14,25,43,.09); border-radius: 18px; background: #fff; box-shadow: 0 24px 70px rgba(14,25,43,.18);}
  .site-header.menu-open .mobile-menu{display: grid;}
  .mobile-menu a{padding: 13px 14px; border-radius: 10px; color: #293649; font-size: 14px; font-weight: 700;}
  .mobile-menu a:hover{background: var(--soft);}
  .mobile-menu .button{margin-top: 7px; color: #fff; text-transform: none;}
  .hero{padding-top: 38px;}
  .footer-main{grid-template-columns: repeat(3, 1fr);}
  .footer-brand-block{grid-column: 1 / -1;}
  .footer-brand-copy{max-width: 430px;}
}
@media (max-width: 620px) {
  .menu-toggle{width: 42px; height: 42px;}
  .hero{padding: 30px 0 52px;}
  .hero-copy{margin-top: 0;}
  .hero h1{font-size: clamp(36px, 10.5vw, 46px); line-height: 1.04;}
  .hero-description{margin-top: 18px; font-size: 13px;}
  .hero .trust-row{gap: 9px 17px; margin: 21px auto 17px;}
  .faq{padding: 76px 0 84px;}
  .faq-list{gap: 10px; margin-top: 38px;}
  .faq summary{padding: 20px 34px 20px 0;}
  .faq-answer{padding: 0 30px 24px 0;}
  .footer-cta{padding: 72px 0 58px;}
  .footer-cta h2{font-size: 38px;}
  .footer-cta p{margin-top: 20px; font-size: 14px;}
  .footer-cta-actions{display: grid; gap: 10px; margin-top: 28px;}
  .footer-cta-actions .button{width: 100%;}
  .footer-main{grid-template-columns: 1fr; gap: 34px; padding: 44px 0;}
  .footer-brand-block{grid-column: auto;}
  .footer-column h3{margin-bottom: 16px;}
  .footer-column nav{gap: 10px;}
  .footer-bottom{align-items: flex-start; flex-direction: column; gap: 8px;}
}
body{overflow-x: clip; font-kerning: normal;}
h1, h2, h3{overflow: visible;}
.section-heading{letter-spacing: -.045em; line-height: 1.08;}
.hero h1{letter-spacing: -.05em; line-height: 1.08;}
.menu-toggle{position: relative;}
.menu-toggle::before, .menu-toggle::after{content: none;}
.menu-toggle > .menu-icon{position: relative; display: block; width: 22px; height: 16px; margin: 0; background: transparent;}
.menu-toggle .menu-icon span{position: absolute; left: 0; display: block; width: 22px; height: 2px; margin: 0; border-radius: 999px; background: var(--ink); transform-origin: center; transition: top .22s cubic-bezier(.22, 1, .36, 1), transform .22s cubic-bezier(.22, 1, .36, 1), opacity .16s ease;}
.menu-toggle .menu-icon span:nth-child(1){top: 0;}
.menu-toggle .menu-icon span:nth-child(2){top: 7px;}
.menu-toggle .menu-icon span:nth-child(3){top: 14px;}
.site-header.menu-open .menu-toggle .menu-icon span:nth-child(1){top: 7px; opacity: 1; transform: rotate(45deg);}
.site-header.menu-open .menu-toggle .menu-icon span:nth-child(2){opacity: 0; transform: scaleX(.35);}
.site-header.menu-open .menu-toggle .menu-icon span:nth-child(3){top: 7px; opacity: 1; transform: rotate(-45deg);}
.site-header.menu-open .menu-toggle > .menu-icon{opacity: 1;}
.faq details{will-change: height;}
.footer-brand-copy{margin-top: 0;}
@media (max-width: 900px) {
  .mobile-menu{position: absolute; top: 100%; right: 0; bottom: auto; left: 0; width: 100vw; height: calc(100dvh - 64px); display: grid; grid-auto-rows: max-content; align-content: start; gap: 2px; padding: 20px max(18px, calc((100vw - 680px) / 2)) 28px; overflow-y: auto; border: 0; border-top: 1px solid rgba(14,25,43,.07); border-radius: 0; background: #fff; box-shadow: 0 24px 60px rgba(14,25,43,.12); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-8px); transition: opacity .2s ease, transform .24s cubic-bezier(.22,1,.36,1), visibility .2s;}
  .site-header.menu-open .mobile-menu{display: grid; opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);}
  .mobile-menu a{min-height: 50px; display: flex; align-items: center; padding: 0 14px;}
  .mobile-menu .button{justify-content: center; margin-top: 12px;}
}
@media (max-width: 620px) {
  :root{--page: calc(100% - 32px);}
  body{padding-top: 58px;}
  .section-heading{font-size: clamp(34px, 9.5vw, 40px); letter-spacing: -.035em; line-height: 1.1;}
  .hero h1{letter-spacing: -.04em; line-height: 1.1;}
  .mobile-menu{top: 100%; height: calc(100dvh - 58px); padding-inline: 16px;}
  .menu-toggle{width: 40px; height: 40px; border-radius: 10px;}
  .faq summary{padding-right: 40px;}
}
:root{--radius-control: 12px;}
body{line-height: 1.65;}
.section-heading{font-size: clamp(38px, 4.2vw, 56px); letter-spacing: -.04em; line-height: 1.08;}
.section-subtitle{font-size: clamp(16px, 1.4vw, 18px); line-height: 1.65;}
.button{min-height: 52px; padding-inline: 24px; border-radius: var(--radius-control); font-size: 14px; font-weight: 700; letter-spacing: 0; text-transform: none; transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease;}
.button:hover{transform: translateY(-2px);}
.button:active{transform: translateY(0) scale(.99);}
.button-teal{box-shadow: 0 9px 24px rgba(99, 91, 255, .22);}
.nav-cta{min-height: 44px; padding-inline: 20px; border-radius: var(--radius-control); font-size: 13px; box-shadow: 0 7px 18px rgba(99, 91, 255, .18);}
.trust-row{gap: 16px 24px;}
.client-logo{display: block; width: auto; height: auto; max-height: 32px; flex: 0 0 auto; object-fit: contain;}
.hero .client-logo{max-height: 27px;}
@media (max-width: 620px) {
  .section-heading{font-size: clamp(32px, 9vw, 38px);}
  .hero h1{font-size: clamp(36px, 10.5vw, 44px);}
  .trust-row{position: relative; display: flex; width: calc(100% + 36px); flex-wrap: nowrap; justify-content: flex-start; gap: 24px; margin-inline: -18px; padding: 38px 18px 12px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-padding-inline: 18px; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch;}
  .trust-row::-webkit-scrollbar{display: none;}
  .trust-row .trust-label{position: absolute; top: 5px; left: 50%; width: max-content; transform: translateX(-50%); text-align: center;}
  .client-logo{max-width: none; max-height: 27px; flex: 0 0 auto; scroll-snap-align: start;}
}
@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior: auto;}
  *, *::before, *::after{animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important;}
}
@media (max-width: 620px) {
  .hero h1{font-size: clamp(32px, 8.8vw, 40px); line-height: 1.08;}
}
.shell-nav .nav-cta{min-height: 34px; padding: 0 16px; border-radius: 980px; font-size: 15px; font-weight: 400; letter-spacing: -.01em; box-shadow: none !important;}
.shell-nav .nav-cta:hover{transform: none;}
.site-header .menu-toggle{width: 40px; height: 40px; border: 0; border-radius: 980px; background: transparent;}
.site-header .menu-toggle:hover{background: #f5f5f7;}
.menu-toggle .menu-icon{width: 18px; height: 11px;}
.menu-toggle .menu-icon span{width: 18px; height: 1.5px; background: var(--ink); border-radius: 2px;}
.menu-toggle .menu-icon span:nth-child(1){top: 0;}
.menu-toggle .menu-icon span:nth-child(2){top: 5px; opacity: 0;}
.menu-toggle .menu-icon span:nth-child(3){top: 10px;}
.site-header.menu-open .menu-toggle .menu-icon span:nth-child(1){top: 5px; transform: rotate(45deg);}
.site-header.menu-open .menu-toggle .menu-icon span:nth-child(2){opacity: 0;}
.site-header.menu-open .menu-toggle .menu-icon span:nth-child(3){top: 5px; transform: rotate(-45deg);}
@media (max-width: 900px) {
  .site-header.shell-header .mobile-menu{padding-top: 8px; background: #fff; box-shadow: none; border-top: 1px solid rgba(14, 25, 43, .08);}
  .site-header.menu-open .mobile-menu{gap: 0;}
  .site-header.shell-header .mobile-menu > a{min-height: 54px; padding: 0 2px; border-radius: 0; border-bottom: 1px solid rgba(14, 25, 43, .07); color: var(--ink); font-size: 19px; font-weight: 500; letter-spacing: -.02em;}
  .site-header.shell-header .mobile-menu > .button{justify-content: center; justify-self: start; width: auto; min-height: 0; margin-top: 22px; padding: 11px 26px; border-radius: 980px; font-size: 17px; font-weight: 400; letter-spacing: -.01em; box-shadow: none !important;}
}
.site-header.shell-header, .site-header.shell-header *, .site-footer, .site-footer *, button, input, select, textarea{font-family: "Inter", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;}
.section-heading{font-size: clamp(40px, 4.6vw, 64px); font-weight: 700; letter-spacing: -.02em; line-height: 1.06;}
.section-subtitle{font-size: clamp(17px, 1.6vw, 21px);}
.button{min-height: 0; padding: 11px 22px; border-radius: 980px; font-size: 17px; font-weight: 400; letter-spacing: -.01em; line-height: 1.18; text-transform: none; box-shadow: none !important;}
.button-teal{box-shadow: none;}
.hero{padding: 20px 0 88px;}
.hero .app-stage{width: min(810px, 100%); margin-top: 56px;}
.hero-copy{margin-top: 48px;}
.hero h1{font-size: var(--hero-heading-size, clamp(40px, 4.6vw, 64px)); font-weight: 700; letter-spacing: -.02em;}
.hero-description{margin: 16px auto 0; color: var(--ink); font-size: clamp(18px, 1.8vw, 21px); font-weight: 400; letter-spacing: 0; line-height: 1.45;}
.hero .trust-row{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: clamp(26px, 4vw, 52px); margin: 72px auto 0;}
.trust-logos{display: contents;}
.hero .trust-label{flex-basis: 100%; margin: 0 0 4px; color: #86868b; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; text-align: center;}
.hero .app-stage{position: relative;}
.client-logo{filter: grayscale(1) contrast(1.9) brightness(.55); opacity: .9; transition: filter .25s ease, opacity .25s ease;}
.client-logo:hover{filter: none; opacity: 1;}
.hero .client-logo{height: clamp(20px, 2.2vw, 26px); width: auto;}
.shell-footer .footer-cta h2{font-size: clamp(38px, 4.2vw, 56px); font-weight: 700; letter-spacing: -.02em;}
.shell-footer .footer-cta p{color: #a1a1a6; font-size: 17px; font-weight: 400; line-height: 1.5;}
.shell-footer .footer-cta-actions{gap: 18px; margin-top: 34px;}
.footer-brand-copy{max-width: 320px; margin: 20px 0; color: #86868b; font-size: 13px; font-weight: 400; line-height: 1.55;}
.footer-column h3{margin: 2px 0 16px; color: #86868b; font-size: 12px; font-weight: 600; letter-spacing: .04em;}
.footer-column nav{gap: 11px;}
.footer-column a{color: #d2d2d7; font-size: 13px; font-weight: 400; letter-spacing: -.01em;}
.footer-column a:hover{color: #fff; text-decoration: underline; text-underline-offset: 3px;}
.shell-footer .footer-bottom{color: #86868b; font-size: 12px; font-weight: 400;}
.shell-footer .footer-cta-actions .button{border-radius: 980px;}
.shell-footer .button-footer-outline{border: 1px solid rgba(255, 255, 255, .35);}
.shell-footer .button-footer-outline:hover{border-color: #fff; background: rgba(255, 255, 255, .08);}
.pricing{background: var(--soft);}
@media (max-width: 860px) {
  .hero{padding-bottom: 56px;}
  .hero .app-stage{margin-top: 36px;}
  .hero .trust-row{display: block; margin: 44px 0 0; padding: 0;}
  .hero .trust-label{position: static; display: block; width: auto; margin: 0 0 14px; transform: none; text-align: left;}
  .hero .trust-logos{display: flex; align-items: center; width: calc(100% + 32px); gap: 26px; margin-inline: -16px; padding: 2px 16px 6px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-padding-inline: 16px; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch;}
  .hero .trust-logos::-webkit-scrollbar{display: none;}
  .hero .client-logo{flex: 0 0 auto; height: 24px; max-width: none; scroll-snap-align: start;}
  .section{padding: 84px 0 88px;}
  .pricing{padding: 36px 0 88px;}
  .faq{padding: 84px 0 92px;}
  .section-heading{margin-bottom: 0;}
  .section-subtitle{margin-top: 14px;}
}
.ai-mark{position: absolute; z-index: 3; right: 10px; bottom: 10px;}
.ai-mark-btn{display: grid; place-items: center; width: 26px; height: 26px; padding: 0; border: 0; border-radius: 50%; background: rgba(0, 0, 0, .42); color: #fff; cursor: pointer; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: background .2s ease;}
.ai-mark-btn:hover{background: rgba(0, 0, 0, .62);}
.ai-mark-btn:focus-visible{outline: 2px solid #fff; outline-offset: 2px;}
.ai-mark-btn svg{width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round;}
.ai-mark-tip{position: absolute; right: 0; bottom: calc(100% + 8px); width: max-content; max-width: min(260px, 70vw); padding: 9px 12px; border-radius: 12px; background: rgba(28, 28, 30, .94); color: #f5f5f7; font-size: 12px; font-weight: 400; line-height: 1.4; opacity: 0; visibility: hidden; transform: translateY(4px); transition: opacity .18s ease, transform .18s ease, visibility .18s; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);}
.ai-mark:hover .ai-mark-tip, .ai-mark-btn:focus-visible + .ai-mark-tip, .ai-mark-btn[aria-expanded="true"] + .ai-mark-tip{opacity: 1; visibility: visible; transform: translateY(0);}
.ai-mark--dark .ai-mark-btn{background: rgba(255, 255, 255, .18);}
.ai-mark--dark .ai-mark-btn:hover{background: rgba(255, 255, 255, .3);}
:root{--shell-ink: #0e192b; --shell-teal: #4070D4; --shell-teal-deep: #2F58AC; --shell-page: min(1180px, calc(100% - 48px));}
*{box-sizing: border-box;}
html{scroll-behavior: smooth;}
h1, h2, h3{word-spacing: .08em;}
.shell-container{width: var(--shell-page); margin-inline: auto;}
.skip-link{position: fixed; z-index: 999; top: 10px; left: 10px; padding: 10px 14px; border-radius: 8px; background: var(--shell-ink); color: #fff !important; transform: translateY(-150%);}
.skip-link:focus{transform: translateY(0);}
.button{display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 8px; padding: 0 24px; border: 1px solid transparent; border-radius: 10px; font-size: 13px; font-weight: 800; letter-spacing: -.01em; transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;}
.button:hover{transform: translateY(-1px);}
.button:focus-visible{outline: 3px solid rgba(64, 112, 212, .23); outline-offset: 3px;}
.button-teal{background: var(--shell-teal); box-shadow: 0 10px 25px rgba(64, 112, 212, .2); color: #fff !important;}
.button-teal:hover{background: var(--shell-teal-deep); box-shadow: 0 14px 30px rgba(64, 112, 212, .25);}
.site-header.shell-header{position: fixed; z-index: 100; inset: 0 0 auto; width: 100%; border-bottom: 1px solid rgba(14, 25, 43, .08); background: rgba(255, 255, 255, .96); box-shadow: 0 4px 20px rgba(14, 25, 43, .045); backdrop-filter: blur(18px);}
.shell-nav{min-height: 75px; display: flex; align-items: center; gap: 20px;}
.shell-nav .brand{display: inline-flex; flex: 0 0 auto; width: 179px; align-items: center;}
.shell-nav .brand img{width: 100%;}
.shell-nav-links{display: flex; align-items: center; gap: 4px; margin-left: auto;}
.site-header.shell-header .shell-nav-links > a{min-height: 42px; display: inline-flex; align-items: center; padding: 0 12px; border: 0; border-radius: 9px; background: transparent; color: #263449; cursor: pointer; font-family: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 12px; font-weight: 750; letter-spacing: -.01em; line-height: 1; text-decoration: none !important; white-space: nowrap;}
.shell-nav-links > a::before, .shell-nav-links > a::after{display: none !important; content: none !important;}
.shell-nav-links > a:hover, .shell-nav-links > a[aria-current="page"]{background: #f0f7f7; color: #087e78;}
.site-header.shell-header .shell-nav-links > a:focus-visible{outline: 3px solid rgba(64, 112, 212, .22); outline-offset: 2px;}
.shell-nav .nav-cta{min-height: 42px; padding-inline: 18px;}
.menu-toggle{display: none; width: 42px; height: 42px; align-items: center; justify-content: center; padding: 0; border: 1px solid #d8e1e9; border-radius: 10px; background: #fff;}
.menu-icon{position: relative; display: block; width: 21px; height: 15px;}
.menu-icon span{position: absolute; left: 0; width: 21px; height: 2px; border-radius: 99px; background: var(--shell-ink); transition: top .2s ease, opacity .16s ease, transform .2s ease;}
.menu-icon span:nth-child(1){top: 0;}
.menu-icon span:nth-child(2){top: 6.5px;}
.menu-icon span:nth-child(3){top: 13px;}
.site-header.menu-open .menu-icon span:nth-child(1){top: 6.5px; transform: rotate(45deg);}
.site-header.menu-open .menu-icon span:nth-child(2){opacity: 0;}
.site-header.menu-open .menu-icon span:nth-child(3){top: 6.5px; transform: rotate(-45deg);}
.mobile-menu{display: none;}
.site-footer.shell-footer{padding: 0; background: var(--shell-ink); color: #fff;}
.shell-footer .footer-cta{max-width: 820px; margin: 0 auto; padding: 88px 0 70px; text-align: center;}
.shell-footer .footer-cta h2{margin: 12px 0 0; font-size: clamp(40px, 4.5vw, 60px); letter-spacing: -.055em; line-height: 1.05;}
.shell-footer .footer-cta p{max-width: 680px; margin: 22px auto 0; color: #9eabbd; font-size: 14px; line-height: 1.7;}
.shell-footer .footer-cta-actions{display: flex; justify-content: center; gap: 12px; margin-top: 30px;}
.button-footer-outline{border-color: #5f6e82; background: transparent; color: #fff !important;}
.button-footer-outline:hover{border-color: #fff; background: rgba(255,255,255,.05);}
.footer-divider{height: 1px; background: rgba(255, 255, 255, .09);}
.footer-logo{display: inline-block; width: 178px;}
.footer-logo img{width: 100%;}
.footer-brand-copy{max-width: 300px; margin: 22px 0; color: #8f9db2; font-size: 11px; line-height: 1.75;}
.footer-column h3{margin: 3px 0 20px; color: #637188; font-size: 9px; letter-spacing: .14em; text-transform: uppercase;}
.footer-column nav{display: grid; gap: 10px;}
.footer-column a{color: #aeb9c8; font-size: 10px; font-weight: 650; line-height: 1.5;}
.footer-column a:hover{color: #fff;}
.footer-bottom{min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #68768c; font-size: 9px;}
@media (max-width: 1120px) {
  .shell-nav{gap: 11px;}
  .shell-nav .brand{width: 163px;}
  .site-header.shell-header .shell-nav-links > a{padding-inline: 8px; font-size: 11px;}
}
@media (max-width: 900px) {
  :root{--shell-page: min(700px, calc(100% - 36px));}
  .shell-nav{min-height: 63px;}
  .shell-nav .brand{width: 167px;}
  .shell-nav-links, .shell-nav > .nav-cta{display: none;}
  .menu-toggle{display: inline-flex; margin-left: auto;}
  .mobile-menu{position: absolute; top: 100%; right: 0; left: 0; width: 100%; height: calc(100dvh - 64px); padding: 18px max(18px, calc((100vw - 700px) / 2)) 30px; overflow-y: auto; border-top: 1px solid #e8edf2; background: #fff; box-shadow: 0 25px 60px rgba(14, 25, 43, .12); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-8px); transition: opacity .2s ease, transform .22s ease, visibility .2s;}
  .site-header.menu-open .mobile-menu{display: grid; align-content: start; gap: 3px; opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);}
  .mobile-menu > a{min-height: 49px; display: flex; align-items: center; padding: 0 13px; border-radius: 9px; color: #27354a; cursor: pointer; font-size: 13px; font-weight: 800; list-style: none;}
  .mobile-menu > .button{margin-top: 10px; color: #fff;}
}
@media (max-width: 620px) {
  :root{--shell-page: calc(100% - 32px);}
  .shell-nav{min-height: 57px;}
  .shell-nav .brand{width: 152px;}
  .menu-toggle{width: 40px; height: 40px;}
  .mobile-menu{height: calc(100dvh - 58px); padding-inline: 16px;}
  .shell-footer .footer-cta{padding: 70px 0 56px;}
  .shell-footer .footer-cta h2{font-size: 38px;}
  .shell-footer .footer-cta-actions{display: grid; gap: 9px;}
  .footer-bottom{align-items: flex-start; flex-direction: column; gap: 10px; padding: 22px 0;}
}
@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior: auto;}
  *, *::before, *::after{animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important;}
}
@font-face {font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 200 800; font-display: swap; src: url("../fonts/plus-jakarta-sans-var-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 200 800; font-display: swap; src: url("../fonts/plus-jakarta-sans-var-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/inter-var-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/inter-var-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
.site-header.shell-header, .site-header.shell-header *, .site-footer.shell-footer, .site-footer.shell-footer *{font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;}
.button{min-height: 0; padding: 11px 22px; border-radius: 980px; font-size: 17px; font-weight: 400; letter-spacing: -.01em; line-height: 1.18; text-transform: none; box-shadow: none !important;}
.button:hover{transform: none;}
.site-header.shell-header .shell-nav-links > a{font-size: 13px; font-weight: 400; letter-spacing: -.01em;}
.site-header.shell-header .shell-nav-links > a{transition: color .18s ease, background-color .18s ease;}
.site-header.shell-header .shell-nav-links > a:hover, .site-header.shell-header .shell-nav-links > a:focus-visible, .site-header.shell-header .shell-nav-links > a[aria-current="page"]{background: transparent; color: var(--shell-teal-deep);}
.site-header.shell-header .shell-nav .nav-cta{min-height: 34px; padding: 0 16px; border-radius: 980px; font-size: 15px; font-weight: 400; letter-spacing: -.01em; box-shadow: none !important;}
.site-header.shell-header .shell-nav .nav-cta:hover{transform: none;}
.site-header.shell-header, .site-footer.shell-footer{font-size: 16px;}
.site-footer.shell-footer .footer-column h3{margin: 3px 0 20px; color: #86868b; font-size: 12px; font-weight: 400; letter-spacing: 0; line-height: 1.4; text-transform: none;}
.site-footer.shell-footer .footer-column a{color: #d2d2d7; font-size: 13px; font-weight: 400; letter-spacing: -.01em; line-height: 1.5;}
.site-footer.shell-footer .footer-column a:hover{color: #fff; text-decoration: underline; text-underline-offset: 3px;}
@media (max-width: 900px) {
  .site-header .menu-toggle{width: 40px; height: 40px; border: 0; border-radius: 980px; background: transparent;}
  .site-header .menu-toggle:hover{background: var(--soft);}
  .menu-icon{width: 18px; height: 11px;}
  .menu-icon span{width: 18px; height: 1.5px; border-radius: 2px;}
  .menu-icon span:nth-child(1){top: 0;}
  .menu-icon span:nth-child(2){top: 5px; opacity: 0;}
  .menu-icon span:nth-child(3){top: 10px;}
  .site-header.menu-open .menu-icon span:nth-child(1){top: 5px; transform: rotate(45deg);}
  .site-header.menu-open .menu-icon span:nth-child(3){top: 5px; transform: rotate(-45deg);}
  .mobile-menu{padding-top: 8px; background: #fff; box-shadow: none; border-top: 1px solid rgba(14, 25, 43, .08);}
  .site-header.menu-open .mobile-menu{gap: 0;}
  .mobile-menu > a{min-height: 54px; padding: 0 2px; border-radius: 0; border-bottom: 1px solid rgba(14, 25, 43, .07); color: var(--ink); font-size: 19px; font-weight: 500; letter-spacing: -.02em;}
  .mobile-menu > .button{justify-self: start; width: auto; margin-top: 22px; padding: 11px 26px; border-radius: 980px; font-size: 17px; font-weight: 400;}
}
.site-header.shell-header .shell-nav-links > a{font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;}
.ai-mark{position: absolute; z-index: 3; right: 10px; bottom: 10px;}
.ai-mark-btn{display: grid; place-items: center; width: 26px; height: 26px; padding: 0; border: 0; border-radius: 50%; background: rgba(0, 0, 0, .42); color: #fff; cursor: pointer; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: background .2s ease;}
.ai-mark-btn:hover{background: rgba(0, 0, 0, .62);}
.ai-mark-btn:focus-visible{outline: 2px solid #fff; outline-offset: 2px;}
.ai-mark-btn svg{width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round;}
.ai-mark-tip{position: absolute; right: 0; bottom: calc(100% + 8px); width: max-content; max-width: min(260px, 70vw); padding: 9px 12px; border-radius: 12px; background: rgba(28, 28, 30, .94); color: #f5f5f7; font-size: 12px; font-weight: 400; line-height: 1.4; opacity: 0; visibility: hidden; transform: translateY(4px); transition: opacity .18s ease, transform .18s ease, visibility .18s; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);}
.ai-mark:hover .ai-mark-tip, .ai-mark-btn:focus-visible + .ai-mark-tip, .ai-mark-btn[aria-expanded="true"] + .ai-mark-tip{opacity: 1; visibility: visible; transform: translateY(0);}
.ai-mark--dark .ai-mark-btn{background: rgba(255, 255, 255, .18);}
.ai-mark--dark .ai-mark-btn:hover{background: rgba(255, 255, 255, .3);}
:root{--teal: #635bff; --teal-deep: #5048d9; --shell-teal: #635bff; --shell-teal-deep: #5048d9;}
.button-teal{box-shadow: 0 10px 25px rgba(99,91,255,.2);}
.button-teal:hover{box-shadow: 0 14px 30px rgba(99,91,255,.25);}
#poczatek .trust-logos .client-logo{filter: none; opacity: 1;}
#siteHeader .shell-nav .brand{width: 140px;}
@media (max-width:1120px) {
  #siteHeader .shell-nav .brand{width: 132px;}
}
@media (max-width:620px) {
  #siteHeader .shell-nav .brand{width: 118px;}
}