/* ── naglowek i stopka z landinga (generowane przez tmp/build-strone.mjs) ── */
.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;}
.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;}
}
.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;}
.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;}
}
.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;}
.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;}
}
.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);}
.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;}
.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;}
.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);}
.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;}
}
.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;}
.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);}
#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;}
}
.site-header.shell-header .shell-nav .brand{width: 126px;}
.shell-footer .footer-cta{max-width: 1020px;}
.shell-footer .footer-cta-actions .button{min-width: 265px;}
.shell-footer .footer-main{grid-template-columns: minmax(250px, 1.5fr) repeat(3, minmax(0, 1fr)); gap: clamp(28px, 4vw, 62px);}
.shell-footer .footer-logo{width: 150px;}
.shell-footer .footer-brand-copy{max-width: 320px; line-height: 1.65;}
.shell-footer .footer-bottom{color: #9aa8bc;}
@media (max-width: 980px) {
  .shell-footer .footer-main{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 620px) {
  .site-header.shell-header .shell-nav .brand{width: 112px;}
  .simple-hero{padding-top: 48px; padding-bottom: 68px;}
  .simple-hero .hero-copy{margin-top: 28px;}
  .simple-hero h1{font-size: clamp(32px, 8.8vw, 40px); line-height: 1.08; text-align: center;}
  .simple-hero .hero-description{margin-top: 22px; font-size: 17px;}
  .hero-agent-frame{border-radius: 24px;}
  .hero-agent-showcase{height: 290px; border-radius: 20px;}
  .hero-agent-showcase.is-expanded{height: 440px;}
  .hero-agent-showcase::before{height: 44px;}
  .hero-agent-submit{width: 40px; height: 40px;}
  .hero-agent-messages{padding: 18px 17px 10px;}
  .hero-agent-response{gap: 10px;}
  .hero-agent-avatar{flex-basis: 42px; width: 42px; height: 42px;}
  .hero-agent-message{padding: 13px 15px; font-size: 14px;}
  .hero-agent-message--user{margin-top: 12px;}
  .hero-agent-message--user + .hero-agent-message--assistant{margin-top: 12px;}
  .hero-agent-dock{min-height: 62px; gap: 12px; margin: 0 12px 12px; padding: 8px 8px 8px 16px; border-radius: 18px;}
  .hero-agent-dock-orbit{width: 24px; height: 24px; box-shadow: 0 0 0 3px #e9edf7;}
  .hero-agent-dock textarea{font-size: 16px;}
  .simple-hero .simple-preview{margin-top: 56px;}
  .simple-hero .simple-preview-orb{top: 8px; width: 100%; height: calc(100% + 46px); filter: blur(18px);}
  .simple-hero .trust-row{margin-top: 72px;}
  .simple-hero .trust-logos{display: flex; width: 100%; flex-wrap: wrap; justify-content: center; gap: 16px 22px; overflow: visible; padding: 0;}
  .simple-hero .client-logo{max-width: 125px; max-height: 22px;}
  .simple-problem{padding: 76px 0 88px;}
  .simple-problem .section-heading, .simple-benefits .section-heading{font-size: clamp(36px, 9vw, 46px);}
  .simple-problem-grid{gap: 16px; margin-top: 34px;}
  .simple-problem-card{min-height: 600px; padding: 30px 28px 0; border-radius: 24px;}
  .simple-problem-card h3{margin-bottom: 16px; font-size: 26px;}
  .simple-problem-card p{font-size: 16px;}
  .simple-problem-media{width: calc(100% + 56px); height: 270px; flex-basis: 270px; margin-inline: -28px;}
  .simple-benefits{padding-top: 72px; padding-bottom: 76px;}
  .simple-benefit-grid{gap: 18px; margin-top: 38px;}
  .simple-benefit-card{min-height: 0; border-radius: 24px;}
  .simple-benefit-copy{padding: 30px 28px 0;}
  .simple-benefit-number{margin-bottom: 20px;}
  .simple-benefit-card h3{font-size: 27px;}
  .simple-benefit-card p{font-size: 16px;}
  .simple-benefit-media{min-height: 330px; margin: 26px 0 0;}
  .simple-lead{min-height: 660px; align-items: flex-end; padding: 76px 0;}
  .simple-lead::after{background: linear-gradient(180deg, rgba(10, 20, 35, .12) 0%, rgba(10, 20, 35, .25) 30%, rgba(10, 20, 35, .86) 57%, rgba(10, 20, 35, .98) 100%);}
  .simple-lead-copy{max-width: 100%;}
  .simple-lead-copy h2{margin-bottom: 32px; font-size: clamp(36px, 9vw, 46px);}
  .simple-lead-points{gap: 14px; font-size: 16px;}
  .simple-lead-cta{margin-top: 32px;}
  .simple-references{--references-gutter: 16px; padding: 76px 0 80px;}
  .simple-references-heading h2{font-size: clamp(36px, 9vw, 46px);}
  .simple-references-track{margin-top: 34px; padding-right: 16px; scroll-padding-right: 16px;}
  .simple-reference-card{flex-basis: 100%; min-height: 300px; padding: 27px;}
  .simple-pricing{padding-top: 76px; padding-bottom: 82px;}
  .simple-plan-wrap{margin-top: 44px;}
  .simple-plan-card{padding: 28px 25px 30px; border-radius: 20px;}
  .simple-plan-ribbon{margin-bottom: 18px;}
  .simple-plan-card h3{font-size: 26px;}
  .simple-plan-subtitle{font-size: 15px;}
  .simple-plan-price{margin-top: 26px;}
  .simple-plan-price strong{font-size: 42px;}
  .simple-plan-cta{min-height: 60px; font-size: 17px;}
  .simple-plan-disclaimer{padding-inline: 10px;}
  .simple-contact{padding: 76px 0 86px;}
  .simple-contact-copy h2{margin-bottom: 20px; font-size: 46px;}
  .simple-contact-copy > p{margin-bottom: 26px; font-size: 17px;}
  .simple-contact-steps li{font-size: 15px;}
  .simple-contact-visual{width: min(100%, 390px);}
  .simple-contact-form{margin-top: 36px;}
  .simple-contact-visual{margin-top: 26px;}
  .simple-faq{padding: 76px 0 84px;}
  .simple-contact-form{padding: 27px 22px 30px; border-radius: 23px;}
  .simple-contact-form h3{font-size: 21px;}
  .simple-form-grid{grid-template-columns: 1fr; gap: 18px;}
  .simple-field--full{grid-column: auto;}
  .shell-footer .footer-main{grid-template-columns: 1fr; gap: 34px;}
}

.site-header.shell-header,
.site-footer.shell-footer { font-family: "Inter", "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.65; -webkit-font-smoothing: antialiased; }