:root {
  --ink:#172e43;--muted:#576b7b;--blue:#285ee5;--line:rgba(56,89,120,.14);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#edf4f7;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:110px
}
* {
  box-sizing:border-box
}
html {
  overflow-x:clip
}
body {
  margin:0;overflow-x:clip
}
main {
  overflow:hidden
}
a {
  color:inherit;text-decoration:none
}
button {
  font:inherit
}
a,button {
  -webkit-tap-highlight-color:transparent
}
a:focus-visible,button:focus-visible {
  outline:3px solid var(--blue);outline-offset:6px
}
img {
  max-width:100%;height:auto;display:block
}
svg {
  width:24px;height:24px
}
p {
  color:var(--muted);line-height:1.75
}
h1,h2,h3,p {
  margin-top:0
}
h2 {
  font-size:clamp(30px,3.5vw,45px);font-weight:570;line-height:1.17;letter-spacing:-1.6px;margin-bottom:24px
}
h3 {
  font-size:21px;letter-spacing:-.6px;font-weight:600
}
section[id] {
  scroll-margin-top:30px
}
.wrap {
  width:min(1180px,calc(100% - 80px));margin-inline:auto
}
.glass {
  background:linear-gradient(130deg,rgba(255,255,255,.77),rgba(255,255,255,.34));border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 16px 50px -30px #7794b64d;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)
}
.ambient {
  position:absolute;inset:0 0 auto;height:2400px;overflow:hidden;z-index:-1;pointer-events:none
}
.ambient i {
  position:absolute;border-radius:50%;filter:blur(75px)
}
.ambient i:nth-child(1) {
  width:650px;height:780px;background:#c4dbfa;right:-90px;top:10px;opacity:.8
}
.ambient i:nth-child(2) {
  width:500px;height:500px;background:#bef1df;left:35%;top:300px;opacity:.65
}
.ambient i:nth-child(3) {
  width:800px;height:800px;background:#d4e4f5;left:-400px;top:1100px
}
.nav {
  margin-top:24px;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;border-radius:22px;gap:25px
}
.brand img {
  width:105px;height:auto
}
.nav nav,.nav-end {
  display:flex;align-items:center;gap:30px
}
.nav nav a {
  font-size:13px;font-weight:550;color:#4c6071
}
.nav nav a:hover,.text-link:hover,.contact-link:hover {
  color:var(--blue)
}
.nav-end {
  gap:20px
}
.language {
  background:transparent;border:0;cursor:pointer;color:var(--muted);font-size:12px;min-width:44px;min-height:44px
}
.language-menu { position:relative }
.language-options { display:none; position:absolute; z-index:8; right:0; top:calc(100% - 2px); min-width:170px; padding:7px; border:1px solid #ffffffb8; border-radius:15px; background:#f7fbfccc; box-shadow:0 16px 35px #31556d26; backdrop-filter:blur(18px) }
.language-menu.is-open .language-options { display:grid; gap:3px }
.language-options button { display:grid; grid-template-columns:22px 27px 1fr; align-items:center; gap:4px; width:100%; border:0; border-radius:10px; padding:10px 9px; color:var(--ink); background:transparent; text-align:left; cursor:pointer; font-size:12px }
.language-options button:hover, .language-options button[aria-current="true"] { background:#ffffffb8 }
.language-options button span { color:var(--muted); font-size:11px }
.nav-dashboard {
  font-size:12px;font-weight:600;border:1px solid var(--line);padding:13px 18px;border-radius:12px;display:flex;gap:20px;background:#ffffff66
}
.hero {
  display:grid;grid-template-columns:1.05fr 1fr;min-height:770px;align-items:center;gap:40px;padding-top:55px;padding-bottom:55px
}
.eyebrow {
  font-size:10px;letter-spacing:1.8px;font-weight:650;display:flex;align-items:center;gap:10px;color:#536b7f;margin-bottom:27px
}
.status-dot {
  width:7px;height:7px;display:inline-block;background:#399575;box-shadow:0 0 0 4px #39957512;border-radius:50%;flex-shrink:0
}
h1 {
  font-size:clamp(50px,5.5vw,76px);line-height:1.06;letter-spacing:-3.9px;font-weight:570;margin-bottom:28px
}
h1 em {
  font-style:normal;background:linear-gradient(100deg,#2761d7,#308587);background-clip:text;-webkit-background-clip:text;color:transparent
}
.intro {
  font-size:16px;max-width:440px;margin-bottom:30px
}
.button {
  display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-radius:14px;padding:17px 22px;font-size:14px;font-weight:550;transition:transform .2s,box-shadow .2s
}
.primary {
  color:white;background:linear-gradient(135deg,#3676f2,#2459d8);box-shadow:0 8px 25px #2861df30,inset 0 1px 0 #ffffff40
}
.button:hover {
  transform:translateY(-2px);box-shadow:0 10px 30px #2861df40
}
.hero-note {
  display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px;margin-top:20px
}
.mini-spark {
  font-size:19px;color:var(--blue)
}
.hero-visual {
  height:640px;position:relative;display:flex;align-items:center;justify-content:center
}
.phone {
  background:#26363f;padding:7px;border:2px solid #93a8b2;border-radius:43px;box-shadow:inset 0 0 0 2px #c5d0d9,14px 30px 50px -15px #1b46654d;overflow:hidden
}
.phone img {
  border-radius:34px;width:100%
}
.phone-main {
  width:270px;transform:rotate(7deg);position:relative;z-index:1
}
.orbit {
  position:absolute;border:1px solid #ffffffc9;border-radius:50%;width:460px;height:460px;transform:rotate(-25deg)
}
.orbit-two {
  width:550px;height:550px;border-color:#ffffff6e
}
.float-card {
  display:flex;align-items:center;gap:12px;position:absolute;z-index:2;padding:17px;border-radius:18px;box-shadow:0 12px 35px #40608014
}
.float-card strong {
  display:block;font-size:12px;font-weight:600
}
.float-card small {
  display:block;font-size:10px;color:var(--muted);margin-top:5px
}
.float-top {
  top:68px;left:-5px;transform:rotate(-5deg)
}
.float-bottom {
  bottom:80px;right:-10px;transform:rotate(-4deg)
}
.icon-box {
  height:38px;width:38px;display:grid;place-items:center;border-radius:12px;font-size:23px
}
.blue {
  color:#3666d9;background:#e4eeff
}
.green {
  color:#338c71;background:#dff2e7
}
.visual-label {
  position:absolute;bottom:0;font-size:9px;letter-spacing:2px;color:#657f92
}
.categories {
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px 0 32px;text-align:center
}
.categories>span {
  font-size:9px;letter-spacing:1.6px;color:var(--muted)
}
.categories>div {
  display:flex;justify-content:space-around;gap:20px;margin-top:24px
}
.categories>div>span {
  display:flex;gap:12px;align-items:center;font-size:14px;font-weight:550
}
.categories b {
  font-size:22px;font-weight:400;color:#5b8094
}
.section {
  padding-block:105px
}
.section-head {
  display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end;margin-bottom:38px
}
.section-head h2 {
  margin-bottom:0
}
.section-head p:not(.eyebrow) {
  font-size:14px;margin-bottom:5px
}
.section-head .eyebrow {
  margin-bottom:18px
}
.steps {
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px
}
.step {
  padding:28px;border-radius:24px;position:relative
}
.step-number {
  font-size:11px;letter-spacing:1px;color:#678295
}
.step-symbol {
  display:block;font-size:38px;color:#42838c;margin:22px 0
}
.step h3 {
  font-size:19px
}
.step p {
  font-size:13px;margin:0
}
.app-section {
  border-radius:36px;display:grid;grid-template-columns:1fr 1.1fr;gap:60px;padding:65px 70px 0;overflow:hidden;background:linear-gradient(115deg,#c8e8e870,#ffffff95)
}
.app-screens {
  position:relative;display:flex;justify-content:center;align-items:flex-start;padding-top:14px;max-height:570px
}
.phone-secondary {
  width:245px;flex-shrink:0;transform:rotate(-8deg);margin-bottom:-80px
}
.screen-tag {
  position:absolute;bottom:70px;left:-20px;padding:17px 20px;border-radius:14px;font-size:11px;transform:rotate(-4deg);white-space:nowrap
}
.screen-tag>span:first-child {
  color:#2c897f;margin-right:8px
}
.app-copy {
  padding-bottom:55px
}
.app-copy h2 {
  font-size:36px
}
.app-copy>p:not(.eyebrow) {
  font-size:14px
}
.feature-list {
  list-style:none;padding:0;margin:28px 0 0
}
.feature-list li {
  display:flex;gap:13px;margin:22px 0
}
.feature-list li>span {
  border:1px solid #52988240;border-radius:50%;height:22px;width:22px;flex-shrink:0;color:#288773;display:grid;place-items:center;font-size:12px
}
.feature-list strong {
  font-size:13px;font-weight:600
}
.feature-list p {
  font-size:12px;margin:6px 0 0
}
.text-link {
  display:inline-flex;align-items:center;gap:20px;color:#255cd2;font-size:13px;margin-top:20px;font-weight:550
}
.dashboard-frame {
  margin:0;padding:10px;border-radius:24px;overflow:hidden;box-shadow:0 25px 80px -40px #2f557380
}
.browser-bar {
  height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 13px 10px;font-size:10px;color:#728496
}
.browser-bar>div {
  display:flex;gap:5px
}
.browser-bar i {
  width:7px;height:7px;border-radius:50%;background:#c2cfd8
}
.dashboard-frame>img {
  width:100%;border-radius:14px
}
.dashboard-frame figcaption {
  font-size:10px;color:var(--muted);padding:13px 8px 4px;text-align:center
}
.platform-features {
  display:flex;gap:20px;justify-content:space-around;padding-top:25px;font-size:11px;color:var(--muted)
}
.platform-features span:before {
  content:'✓';color:#478e7f;margin-right:9px
}
.about-section {
  padding-bottom: 55px;
}
.about-grid {
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr;
  gap: 16px;
}
.about-card {
  border-radius: 22px;
  padding: 27px;
  min-height: 185px;
}
.about-story {
  grid-row: span 2;
  background: linear-gradient(140deg, #d7f0e4a6, #ffffff70);
}
.about-mark {
  display: block;
  color: #398d83;
  font-size: 31px;
  margin-bottom: 28px;
}
.about-card .eyebrow {
  margin-bottom: 15px;
}
.about-card h3 {
  margin-bottom: 13px;
}
.about-card p {
  font-size: 13px;
  margin-bottom: 0;
}
.about-number {
  display: block;
  color: #5c8995;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 27px;
}
.about-card:not(.about-story) h3 {
  font-size: 18px;
}
.faq-section {
  padding-top: 55px;
  padding-bottom: 75px;
}
.faq-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 16px;
}
.faq-item {
  border-radius: 17px;
  padding: 0 21px;
}
.faq-item summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 65px;
  font-size: 14px;
  font-weight: 600;
}
.faq-item summary::-webkit-details-marker {
  display: none;
}
.faq-item summary b {
  color: #3d7d8c;
  font-size: 22px;
  font-weight: 400;
  transition: transform .2s;
}
.faq-item[open] summary b {
  transform: rotate(45deg);
}
.faq-item p {
  font-size: 12px;
  margin: -4px 28px 20px 0;
}
.privacy-card {
  border-radius: 28px;
  padding: 42px 55px;
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 70px;
  align-items: center;
  background: linear-gradient(120deg, #dce9fb90, #e4f4eaa6);
}
.privacy-card h2 {
  margin-bottom: 0;
  font-size: 34px;
}
.privacy-copy p {
  font-size: 13px;
  margin-bottom: 0;
}
.privacy-links { display:flex; flex-wrap:wrap; gap:12px 24px; align-items:center }
.download {
  position:relative;text-align:center;overflow:hidden;border-radius:36px;padding:65px 25px;background:linear-gradient(130deg,#f8fbffac,#dbe9fb88,#d9f1e9aa)
}
.download-glow {
  position:absolute;width:450px;height:450px;background:#92bffe22;filter:blur(30px);border-radius:50%;left:calc(50% - 225px);top:40px;z-index:-1
}
.coming-pill {
  font-size:9px;letter-spacing:1.8px;display:inline-flex;gap:12px;align-items:center;padding:12px 17px;border-radius:30px;border:1px solid white;background:#ffffff66;margin-bottom:25px
}
.download h2 {
  font-size:clamp(34px,4vw,51px);letter-spacing:-2px
}
.download>p {
  font-size:14px
}
.store-badges {
  display:flex;justify-content:center;gap:14px;margin:28px 0
}
.store-badge {
  display:flex;align-items:center;gap:12px;text-align:left;padding:13px 22px;border:1px solid #fff;border-radius:14px;background:#ffffff96;min-width:175px;box-shadow:0 5px 18px #25496209
}
.store-badge svg {
  width:28px;height:28px
}
.store-badge small {
  display:block;font-size:9px;color:var(--muted);margin-bottom:3px
}
.store-badge strong {
  font-size:17px;font-weight:550
}
.contact-link {
  font-size:11px;color:var(--muted)
}
footer {
  padding-top:65px
}
.footer-top {
  display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:35px;position:relative
}
.footer-top .brand img {
  width:90px
}
.footer-top p {
  font-size:11px;margin:12px 0 0
}
.footer-email {
  display:inline-flex;align-items:center;gap:8px;font-size:15px;position:absolute;left:50%;transform:translateX(-50%)
}
.footer-email__icon {
  width:16px;height:16px;flex:none
}
.footer-email span {
  margin-left:10px;color:#6c8598
}
.socials {
  display:flex;align-items:center;gap:10px
}
.socials>span:first-child {
  font-size:10px;color:var(--muted);margin-right:5px
}
.social-icon {
  display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;color:#536e82
}
.social-icon svg {
  width:15px;height:15px
}
.social-icon:first-child:hover { color:#1877f2; border-color:#1877f2; background:#1877f214 }
.social-icon:nth-child(2):hover { color:#fff; border-color:#e1306c; background:linear-gradient(135deg,#fdf497 0%,#fd5949 45%,#d6249f 75%,#285aeb 100%) }
.footer-bottom {
  border-top:1px solid var(--line);padding:22px 0 30px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:20px;color:#657a8b;font-size:10px
}
.footer-bottom>span:nth-child(2) { text-align:center }
.footer-bottom-links { display:flex; flex-direction:column; gap:7px; align-items:flex-end; text-align:right }
.footer-bottom-links a:hover { color:var(--ink) }
.privacy-document { padding:80px 0 40px }
.privacy-document-head { max-width:760px; margin:0 auto 44px; text-align:center }
.privacy-document-head h1 { font-size:clamp(38px,6vw,68px); margin:12px 0 18px; letter-spacing:-2px }
.privacy-lead { max-width:620px; margin:0 auto; color:var(--muted); line-height:1.7; font-size:16px }
.privacy-updated { color:var(--muted); font-size:11px; margin-top:22px }
.privacy-document-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px }
.privacy-document-card { padding:28px 30px; border-radius:22px }
.privacy-document-card h2 { font-size:19px; margin:0 0 12px }
.privacy-document-card p { color:var(--muted); font-size:13px; line-height:1.75; margin:0 }
.privacy-contact { margin-top:16px; padding:30px; display:flex; align-items:center; gap:20px; flex-wrap:wrap; border-radius:22px }
.privacy-contact h2 { margin:0; font-size:20px }
.privacy-contact p { margin:0; color:var(--muted); font-size:13px; flex:1 }
.privacy-contact .button { margin-left:auto }
.privacy-footer { border-top:1px solid var(--line); padding:24px 0 36px; display:flex; justify-content:space-between; color:var(--muted); font-size:11px }
.privacy-footer a:first-child { color:var(--ink); font-weight:700; letter-spacing:1px }
.skip {
  position:fixed;left:15px;top:-100px;background:white;padding:15px;z-index:10;border-radius:10px
}
.skip:focus {
  top:15px
}
@media(min-width:1400px) {
  .hero {
    min-height:830px
  }
}
@media(max-width:1000px) {
  .wrap {
    width:calc(100% - 48px)
  }
  .nav nav {
    gap:15px
  }
  .nav nav a {
    font-size:11px
  }
  .nav-end {
    gap:8px
  }
  .hero {
    gap:10px;min-height:700px
  }
  h1 {
    font-size:58px
  }
  .hero-visual {
    height:590px
  }
  .phone-main {
    width:235px
  }
  .float-top {
    left:-20px;top:60px
  }
  .float-bottom {
    right:-10px;bottom:50px
  }
  .float-card {
    padding:12px;gap:8px
  }
  .float-card strong {
    font-size:10px
  }
  .float-card small {
    font-size:9px
  }
  .orbit {
    width:330px;height:400px
  }
  .orbit-two {
    width:410px;height:490px
  }
  .section-head {
    gap:35px
  }
  .app-section {
    padding:45px 35px 0;gap:35px
  }
  .app-copy h2 {
    font-size:30px
  }
  .step {
    padding:24px
  }
  .step h3 {
    font-size:17px
  }
  .categories>div>span {
    font-size:12px
  }
  .about-grid {
    grid-template-columns:1fr 1fr
  }
  .about-story {
    grid-column:span 2;grid-row:auto
  }
  .privacy-card {
    padding:32px 28px;gap:20px
  }
}
@media(max-width:720px) {
  .privacy-document { padding-top:45px }
  .privacy-document-grid { grid-template-columns:1fr }
  .privacy-contact .button { margin-left:0 }
  .privacy-footer { gap:14px; flex-wrap:wrap }
  .wrap {
    width:calc(100% - 36px)
  }
  .nav {
    margin-top:14px;padding:8px 14px;border-radius:18px;gap:10px
  }
  .brand img {
    width:80px
  }
  .nav nav {
    display:none
  }
  .nav-dashboard {
    font-size:10px;padding:12px;gap:10px
  }
  .hero {
    grid-template-columns:1fr;text-align:center;padding-top:55px;gap:15px
  }
  .hero-copy .eyebrow {
    justify-content:center;font-size:8px;letter-spacing:1.2px
  }
  h1 {
    font-size:clamp(46px,10.5vw,68px);letter-spacing:-2.6px
  }
  .intro {
    font-size:14px;margin-inline:auto;max-width:380px
  }
  .hero-note {
    justify-content:center
  }
  .hero-visual {
    height:610px;width:min(100%,420px);margin-inline:auto;margin-top:10px
  }
  .phone-main {
    width:245px
  }
  .float-top {
    left:0;top:65px
  }
  .float-bottom {
    right:0;bottom:65px
  }
  .categories>span {
    font-size:8px;letter-spacing:1px
  }
  .categories>div {
    display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:20px 12px;max-width:350px;margin-inline:auto
  }
  .categories>div>span {
    font-size:11px;gap:8px
  }
  .section {
    padding-block:65px
  }
  .section-head {
    grid-template-columns:1fr;gap:20px
  }
  .section-head h2 {
    font-size:33px
  }
  .section-head p:not(.eyebrow) {
    font-size:13px
  }
  .eyebrow {
    font-size:8px;letter-spacing:1.3px
  }
  .steps {
    grid-template-columns:1fr;gap:13px
  }
  .step {
    padding:25px 25px 25px 80px
  }
  .step-number {
    position:absolute;left:23px;top:26px
  }
  .step-symbol {
    position:absolute;left:22px;top:35px;font-size:28px
  }
  .step h3 {
    font-size:19px;margin-bottom:12px
  }
  .step p {
    font-size:13px
  }
  .app-section {
    grid-template-columns:1fr;padding:35px 25px 0;gap:20px;border-radius:25px
  }
  .about-grid {
    grid-template-columns:1fr
  }
  .about-story {
    grid-column:auto
  }
  .about-card {
    min-height:0
  }
  .faq-list {
    grid-template-columns:1fr
  }
  .privacy-card {
    grid-template-columns:1fr;padding:30px 24px;gap:2px;border-radius:25px
  }
  .privacy-card h2 {
    font-size:31px
  }
  .app-copy {
    grid-row:1;padding-bottom:0
  }
  .app-copy h2 {
    font-size:31px
  }
  .app-screens {
    height:440px
  }
  .phone-secondary {
    width:225px
  }
  .screen-tag {
    left:0;bottom:45px
  }
  .dashboard-frame {
    padding:6px;border-radius:15px
  }
  .dashboard-frame>img {
    border-radius:8px
  }
  .dashboard-frame figcaption {
    font-size:9px;line-height:1.5
  }
  .platform-features {
    display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:17px
  }
  .download {
    border-radius:25px;padding:45px 18px
  }
  .download h2 {
    font-size:36px
  }
  .download>p {
    font-size:13px
  }
  .store-badges {
    gap:10px
  }
  .store-badge {
    min-width:0;gap:8px;padding:12px 13px
  }
  .store-badge strong {
    font-size:15px
  }
  .store-badge svg {
    width:24px
  }
  .footer-top {
    flex-wrap:wrap;gap:28px
  }
  .footer-email {
    position:static;transform:none;font-size:13px
  }
  .socials {
    width:100%;justify-content:flex-start
  }
  .footer-bottom {
    grid-template-columns:1fr;justify-items:center;text-align:center;line-height:1.8;font-size:9px
  }
  .footer-bottom>span:nth-child(2) { order:2 }
  .footer-bottom-links { order:3; align-items:center; text-align:center }
}
@media(prefers-reduced-motion:reduce) {
  :root {
    scroll-behavior:auto
  }
  * {
    transition:none!important
  }
}