/* ===== Fonts (self-hosted) ===== */
/* ibm-plex-sans-hebrew-hebrew-400-normal */
@font-face {
  font-family: 'IBM Plex Sans Hebrew';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(./fonts/ibm-plex-sans-hebrew-hebrew-400-normal.woff2) format('woff2');
  unicode-range: U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
}
/* ibm-plex-sans-hebrew-latin-ext-400-normal */
@font-face {
  font-family: 'IBM Plex Sans Hebrew';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(./fonts/ibm-plex-sans-hebrew-latin-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;
}
/* ibm-plex-sans-hebrew-latin-400-normal */
@font-face {
  font-family: 'IBM Plex Sans Hebrew';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(./fonts/ibm-plex-sans-hebrew-latin-400-normal.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;
}
/* ibm-plex-sans-hebrew-hebrew-500-normal */
@font-face {
  font-family: 'IBM Plex Sans Hebrew';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(./fonts/ibm-plex-sans-hebrew-hebrew-500-normal.woff2) format('woff2');
  unicode-range: U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
}
/* ibm-plex-sans-hebrew-latin-ext-500-normal */
@font-face {
  font-family: 'IBM Plex Sans Hebrew';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(./fonts/ibm-plex-sans-hebrew-latin-ext-500-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;
}
/* ibm-plex-sans-hebrew-latin-500-normal */
@font-face {
  font-family: 'IBM Plex Sans Hebrew';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(./fonts/ibm-plex-sans-hebrew-latin-500-normal.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;
}
/* ibm-plex-sans-hebrew-hebrew-600-normal */
@font-face {
  font-family: 'IBM Plex Sans Hebrew';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(./fonts/ibm-plex-sans-hebrew-hebrew-600-normal.woff2) format('woff2');
  unicode-range: U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
}
/* ibm-plex-sans-hebrew-latin-ext-600-normal */
@font-face {
  font-family: 'IBM Plex Sans Hebrew';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(./fonts/ibm-plex-sans-hebrew-latin-ext-600-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;
}
/* ibm-plex-sans-hebrew-latin-600-normal */
@font-face {
  font-family: 'IBM Plex Sans Hebrew';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(./fonts/ibm-plex-sans-hebrew-latin-600-normal.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;
}
/* ibm-plex-sans-hebrew-hebrew-700-normal */
@font-face {
  font-family: 'IBM Plex Sans Hebrew';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(./fonts/ibm-plex-sans-hebrew-hebrew-700-normal.woff2) format('woff2');
  unicode-range: U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
}
/* ibm-plex-sans-hebrew-latin-ext-700-normal */
@font-face {
  font-family: 'IBM Plex Sans Hebrew';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(./fonts/ibm-plex-sans-hebrew-latin-ext-700-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;
}
/* ibm-plex-sans-hebrew-latin-700-normal */
@font-face {
  font-family: 'IBM Plex Sans Hebrew';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(./fonts/ibm-plex-sans-hebrew-latin-700-normal.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;
}
/* secular-one-hebrew-400-normal */
@font-face {
  font-family: 'Secular One';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(./fonts/secular-one-hebrew-400-normal.woff2) format('woff2');
  unicode-range: U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
}
/* secular-one-latin-ext-400-normal */
@font-face {
  font-family: 'Secular One';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(./fonts/secular-one-latin-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;
}
/* secular-one-latin-400-normal */
@font-face {
  font-family: 'Secular One';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(./fonts/secular-one-latin-400-normal.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;
}
/* outfit-latin-ext-400-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(./fonts/outfit-latin-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;
}
/* outfit-latin-400-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(./fonts/outfit-latin-400-normal.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;
}
/* outfit-latin-ext-600-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(./fonts/outfit-latin-ext-600-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;
}
/* outfit-latin-600-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(./fonts/outfit-latin-600-normal.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;
}
/* outfit-latin-ext-700-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(./fonts/outfit-latin-ext-700-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;
}
/* outfit-latin-700-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(./fonts/outfit-latin-700-normal.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;
}
/* outfit-latin-ext-800-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(./fonts/outfit-latin-ext-800-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;
}
/* outfit-latin-800-normal */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(./fonts/outfit-latin-800-normal.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;
}

/* ===== Base, animations, accessibility ===== */
body{margin:0}
.brand{font-family:'Outfit',sans-serif;unicode-bidi:isolate}
h1 .brand,h2 .brand{font-weight:700}
a{color:#1D5BD8}a:hover{color:#0B2463}
a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8DB8FF;outline-offset:3px}
details summary{cursor:pointer;list-style:none}
details summary::-webkit-details-marker{display:none}
details[open] .faq-plus{transform:rotate(45deg)}
@keyframes drift1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(90px,60px) scale(1.18)}}
@keyframes drift2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-80px,-50px) scale(1.12)}}
@keyframes drift3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(50px,-70px) scale(.9)}}
.blob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(12px)}
.blob-a{animation:drift1 14s ease-in-out infinite}
.blob-b{animation:drift2 18s ease-in-out infinite}
.blob-c{animation:drift3 22s ease-in-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 16px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.pulse{animation:pulse 2.4s ease-out infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.clock-hand{transform-origin:12px 12px;transform-box:view-box;animation:spin 4s linear infinite}
@keyframes stampIn{0%{opacity:0;transform:scale(1.7) rotate(-16deg)}60%{opacity:1;transform:scale(.93) rotate(-4deg)}100%{opacity:1;transform:scale(1) rotate(-6deg)}}
.stamp{animation:stampIn .65s cubic-bezier(.2,.9,.3,1.3) 1s both}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.floaty{animation:floaty 6s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){.blob,.pulse,.clock-hand,.stamp,.floaty{animation:none}.stamp{transform:rotate(-6deg)}}
@keyframes fanL{from{transform:rotate(0) translate(0,0)}to{transform:rotate(-7deg) translate(-40px,22px)}}
@keyframes fanR{from{transform:rotate(0) translate(0,0)}to{transform:rotate(6deg) translate(38px,30px)}}
.fan-l{animation:fanL .7s cubic-bezier(.2,.8,.3,1) .4s both}
.fan-r{animation:fanR .7s cubic-bezier(.2,.8,.3,1) .55s both}
@media (prefers-reduced-motion: reduce){.fan-l{animation:none;transform:rotate(-7deg) translate(-40px,22px)}.fan-r{animation:none;transform:rotate(6deg) translate(38px,30px)}}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(50%)}}
.ticker{animation:tick 30s linear infinite}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:.15}}
.blink{animation:blink 1s steps(1) infinite}
@keyframes draw{0%{stroke-dashoffset:24}40%,100%{stroke-dashoffset:0}}
.draw{stroke-dasharray:24;animation:draw 3.2s ease-in-out infinite}
.draw2{animation-delay:.35s}.draw3{animation-delay:.7s}
@keyframes ring{0%{transform:scale(.6);opacity:.8}100%{transform:scale(1.5);opacity:0}}
.ring{transform-origin:24px 24px;transform-box:view-box;animation:ring 2s ease-out infinite}
.ring2{animation-delay:1s}
.sweep{transform-origin:24px 24px;transform-box:view-box;animation:spin 2.4s linear infinite}
@keyframes popcheck{0%,15%{transform:scale(0)}30%{transform:scale(1.2)}40%,85%{transform:scale(1)}100%{transform:scale(0)}}
.popcheck{transform-origin:24px 24px;transform-box:view-box;animation:popcheck 3.2s ease-in-out infinite}
.card{transition:transform .25s ease, box-shadow .25s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(13,27,58,.12)}
@keyframes rise{from{opacity:0;transform:translateY(40px) scale(.97)}to{opacity:1;transform:none}}
@supports (animation-timeline: view()){.rv{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 45%}}
@media (prefers-reduced-motion: reduce){.ticker,.blink,.draw,.ring,.sweep,.popcheck,.rv{animation:none}.card{transition:none}}
.skip-link{position:absolute;top:-120px;right:16px;z-index:1100;background:#FFFFFF;color:#0B2463;font-weight:700;font-size:17px;padding:12px 20px;border-radius:10px;box-shadow:0 8px 24px rgba(2,10,35,.3)}
.skip-link:focus{top:16px}
.a11y-z1{zoom:1.1}.a11y-z2{zoom:1.2}.a11y-z3{zoom:1.32}
.a11y-contrast,.a11y-contrast *:not(img):not(svg):not(svg *){background:#000000 !important;color:#FFFFFF !important;border-color:#FFFFFF !important;box-shadow:none !important;text-shadow:none !important}
.a11y-contrast a,.a11y-contrast a *{color:#FFEB3B !important}
.a11y-contrast .blob{display:none !important}
.a11y-contrast input,.a11y-contrast select,.a11y-contrast button{border:2px solid #FFFFFF !important}
.a11y-contrast svg *{stroke:currentColor}
.a11y-links a{text-decoration:underline !important;text-underline-offset:4px;outline:2px solid #FFBF00 !important;outline-offset:3px}
.a11y-still *,.a11y-still *::before,.a11y-still *::after{animation:none !important;transition:none !important}
.a11y-still .fan-l{transform:rotate(-7deg) translate(-40px,22px)}.a11y-still .fan-r{transform:rotate(6deg) translate(38px,30px)}.a11y-still .stamp{transform:rotate(-6deg)}
.a11y-readable *:not(.brand):not(.font-outfit){font-family:Arial,'Segoe UI',sans-serif !important;letter-spacing:.02em;word-spacing:.08em}
.a11y-readable p,.a11y-readable li{line-height:1.9 !important}
.a11y-opt{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:46px;padding:0 14px;border-radius:10px;border:1px solid #DFE7F4;background:#F2F6FD;color:#0D1B3A;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;text-align:right}
.a11y-opt:hover{border-color:#1D5BD8}
.a11y-opt[aria-pressed="true"]{background:#0B2463;color:#FFFFFF;border-color:#0B2463}
.a11y-opt[aria-pressed="true"] .a11y-dot{background:#22C55E}
.a11y-dot{width:12px;height:12px;border-radius:50%;background:#C9D3E6;flex:0 0 12px}
.wa-fab{transition:transform .2s ease}
.wa-fab:hover{transform:translateY(-3px);color:#052E16}
@media (max-width:520px){.wa-label{display:none}.wa-fab{padding:0 !important;width:60px;justify-content:center}}
[data-if][hidden]{display:none !important}

/* Page styles. Rules are scoped under #app so they keep the precedence the
   original inline styles had over the base rules above. */
#app {
  position: relative;
  font-family: 'IBM Plex Sans Hebrew', 'Segoe UI', Arial, sans-serif;
  color: #0D1B3A;
  background: #FFFFFF;
}

/* ---- shared ---- */
#app .shared-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
#app .shared-box {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
  gap: 12px;
}
#app .shared-label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 15px;
  font-weight: 500;
}
#app .shared-input {
  height: 50px;
  box-sizing: border-box;
  padding: 0 14px;
  border-radius: 10px;
  border: 0;
  background: #FFFFFF;
  color: #0D1B3A;
  font-family: inherit;
  font-size: 17px;
}
#app .shared-input-2 {
  height: 50px;
  box-sizing: border-box;
  padding: 0 14px;
  border-radius: 10px;
  border: 0;
  background: #FFFFFF;
  color: #0D1B3A;
  font-family: inherit;
  font-size: 17px;
  text-align: right;
}
#app .shared-label-2 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-height: 44px;
  font-size: 15px;
  line-height: 1.55;
  color: #E3ECFF;
  cursor: pointer;
}
#app .shared-input-3 {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin: 1px 0 0;
  accent-color: #22C55E;
  cursor: pointer;
}
#app .shared-box-2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
}
#app .shared-btn {
  background: #22C55E;
  color: #052E16;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  padding: 0 30px;
  border-radius: 10px;
  min-height: 54px;
}
#app .shared-box-3 {
  background: #FFFFFF;
  color: #0D1B3A;
  border-radius: 12px;
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#app .shared-strong {
  font-size: 19px;
  color: #15803D;
}
#app .shared-span {
  font-size: 17px;
  line-height: 1.6;
}
#app .shared-title {
  margin: 0;
  font-family: 'Secular One', 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: clamp(32px, 3.6vw, 46px);
  line-height: 1.15;
}
#app .shared-text {
  margin: 0;
  font-size: 17px;
  line-height: 1.65;
  color: #33415C;
}

/* ---- page ---- */
#app .page-wrap {
  text-wrap: pretty;
}

/* ---- wa ---- */
#app .wa-link {
  position: fixed;
  bottom: 24px;
  left: 24px;
  z-index: 1000;
  height: 60px;
  box-sizing: border-box;
  padding: 0 22px 0 18px;
  border-radius: 999px;
  background: #25D366;
  color: #052E16;
  text-decoration: none;
  font-size: 17px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 12px 30px rgba(2, 10, 35, 0.3);
}

/* ---- access ---- */
#app .access-box {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
}
#app .access-box-2 {
  width: 290px;
  max-width: calc(100vw - 48px);
  box-sizing: border-box;
  background: #FFFFFF;
  color: #0D1B3A;
  border: 1px solid #DFE7F4;
  border-radius: 16px;
  box-shadow: 0 20px 50px rgba(2, 10, 35, 0.35);
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-family: 'IBM Plex Sans Hebrew', Arial, sans-serif;
}
#app .access-box-3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 4px;
}
#app .access-strong {
  font-size: 19px;
}
#app .access-btn {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #0D1B3A;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}
#app .access-box-4 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
#app .access-btn-2 {
  justify-content: center;
}
#app .access-btn-3 {
  justify-content: center;
  background: #FFFFFF;
}
#app .access-link {
  align-self: center;
  font-size: 16px;
  font-weight: 600;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
#app .access-btn-4 {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 3px solid #FFFFFF;
  background: #1D5BD8;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 30px rgba(2, 10, 35, 0.3);
}

/* ---- hero ---- */
#app .hero-header {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #0B2463 0%, #1D5BD8 100%);
  color: #FFFFFF;
  padding: 0 24px 88px;
}
#app .hero-box {
  width: 560px;
  height: 560px;
  top: -180px;
  left: -140px;
  background: radial-gradient(circle, rgba(96, 165, 250, 0.6), rgba(96, 165, 250, 0) 70%);
}
#app .hero-box-2 {
  width: 460px;
  height: 460px;
  bottom: -200px;
  right: 8%;
  background: radial-gradient(circle, rgba(34, 197, 94, 0.32), rgba(34, 197, 94, 0) 70%);
}
#app .hero-box-3 {
  width: 380px;
  height: 380px;
  top: 28%;
  left: 38%;
  background: radial-gradient(circle, rgba(147, 197, 253, 0.38), rgba(147, 197, 253, 0) 70%);
}
#app .hero-box-4 {
  position: relative;
  z-index: 1;
  max-width: 1160px;
  margin: 0 auto;
}
#app .hero-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 24px 0;
}
#app .hero-link {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  color: #FFFFFF;
  text-decoration: none;
}
#app .hero-span {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 30px;
}
#app .hero-span-2 {
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #C9D8FF;
}
#app .hero-box-5 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 26px;
  font-size: 16px;
}
#app .hero-link-2 {
  color: #FFFFFF;
  text-decoration: none;
}
#app .hero-link-3 {
  color: #FFFFFF;
  font-weight: 600;
  text-decoration: none;
  padding: 10px 18px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  min-height: 44px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
}
#app .hero-box-6 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 56px;
  padding-top: 40px;
}
#app .hero-box-7 {
  flex: 1 1 520px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 22px;
  align-items: flex-start;
}
#app .hero-span-3 {
  background: #15803D;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 600;
  padding: 6px 16px 6px 14px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
#app .hero-title {
  margin: 0;
  font-family: 'Secular One', 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: clamp(38px, 4.6vw, 60px);
  line-height: 1.12;
}
#app .hero-text {
  margin: 0;
  font-size: 19px;
  line-height: 1.65;
  color: #E3ECFF;
  max-width: 33em;
}
#app .hero-box-8 {
  width: 100%;
  max-width: 540px;
  padding-top: 8px;
}
#app .hero-span-4 {
  font-size: 15px;
  color: #E3ECFF;
}
#app .hero-figure {
  flex: 1 1 360px;
  min-width: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#app .hero-box-9 {
  position: relative;
  width: auto;
  max-width: 440px;
  margin: 10px 44px 36px;
}
#app .hero-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 18px 40px rgba(2, 10, 35, 0.35);
  z-index: 0;
}
#app .hero-img-2 {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 24px 50px rgba(2, 10, 35, 0.45);
}
#app .hero-box-10 {
  position: absolute;
  z-index: 2;
  top: -18px;
  left: -18px;
  background: #22C55E;
  color: #052E16;
  font-size: 19px;
  font-weight: 700;
  padding: 10px 18px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 12px 28px rgba(2, 10, 35, 0.4);
}
#app .hero-caption {
  font-size: 14px;
  line-height: 1.6;
  color: #E3ECFF;
  max-width: 460px;
  padding-top: 14px;
}
#app .hero-main {
  outline: none;
}

/* ---- ticker ---- */
#app .ticker-section {
  background: #15803D;
  color: #FFFFFF;
  overflow: hidden;
  padding: 16px 0;
}
#app .ticker-box {
  display: flex;
  width: max-content;
}
#app .ticker-list {
  list-style: none;
  margin: 0;
  padding: 0 0 0 44px;
  display: flex;
  align-items: center;
  gap: 44px;
  font-size: 19px;
  font-weight: 600;
  white-space: nowrap;
}
#app .ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}

/* ---- night ---- */
#app .night-section {
  position: relative;
  overflow: hidden;
  background: #061436;
  color: #FFFFFF;
  padding: 104px 24px;
}
#app .night-box {
  width: 520px;
  height: 520px;
  top: -220px;
  right: -120px;
  background: radial-gradient(circle, rgba(29, 91, 216, 0.55), rgba(29, 91, 216, 0) 70%);
}
#app .night-box-2 {
  width: 420px;
  height: 420px;
  bottom: -220px;
  left: 10%;
  background: radial-gradient(circle, rgba(34, 197, 94, 0.22), rgba(34, 197, 94, 0) 70%);
}
#app .night-box-3 {
  position: relative;
  z-index: 1;
  max-width: 1160px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
#app .night-box-4 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 640px;
}
#app .night-title {
  margin: 0;
  font-family: 'Secular One', 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.1;
}
#app .night-text {
  margin: 0;
  font-size: 19px;
  line-height: 1.6;
  color: #C9D8FF;
}
#app .night-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
  gap: 32px;
}
#app .night-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-top: 2px solid rgba(201, 216, 255, 0.25);
  padding-top: 22px;
}
#app .night-span {
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
  font-size: clamp(72px, 9vw, 120px);
  line-height: 1;
  letter-spacing: -2px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
#app .night-span-2 {
  font-size: 18px;
  font-weight: 600;
  color: #86EFAC;
}
#app .night-img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 10px;
  border-radius: 12px;
  transform: rotate(-2deg);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.45);
}
#app .night-img-2 {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 10px;
  border-radius: 12px;
  transform: rotate(1.5deg);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.45);
}
#app .night-item-2 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-top: 2px solid #22C55E;
  padding-top: 22px;
}
#app .night-span-3 {
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
  font-size: clamp(72px, 9vw, 120px);
  line-height: 1;
  letter-spacing: -2px;
  text-align: right;
  color: #22C55E;
  font-variant-numeric: tabular-nums;
}
#app .night-img-3 {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 10px;
  border-radius: 12px;
  transform: rotate(-1.5deg);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.45);
}
#app .night-text-2 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #FFFFFF;
}

/* ---- how ---- */
#app .how-section {
  padding: 104px 24px;
  background: #F2F6FD;
}
#app .how-box {
  max-width: 1160px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 44px;
}
#app .how-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
  gap: 24px;
}
#app .how-item {
  background: #FFFFFF;
  border: 1px solid #DFE7F4;
  border-radius: 18px;
  padding: 30px 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#app .how-box-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#app .how-span {
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
  font-size: 44px;
  color: #DCE6F7;
}
#app .how-heading {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
}

/* ---- included ---- */
#app .included-section {
  padding: 104px 24px;
}
#app .included-box {
  max-width: 1160px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
#app .included-box-2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
  gap: 20px;
}
#app .included-box-3 {
  background: #FFFFFF;
  border: 1px solid #DFE7F4;
  border-radius: 18px;
  padding: 26px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#app .included-span {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: #EAF1FF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#app .included-heading {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}
#app .included-span-2 {
  display: inline-block;
  vertical-align: 2px;
  background: #15803D;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 600;
  padding: 2px 10px;
  border-radius: 999px;
}

/* ---- law ---- */
#app .law-section {
  position: relative;
  overflow: hidden;
  background: #0B2463;
  color: #FFFFFF;
  padding: 104px 24px;
}
#app .law-box {
  width: 520px;
  height: 520px;
  top: -200px;
  left: -160px;
  background: radial-gradient(circle, rgba(96, 165, 250, 0.45), rgba(96, 165, 250, 0) 70%);
}
#app .law-box-2 {
  width: 400px;
  height: 400px;
  bottom: -200px;
  right: 20%;
  background: radial-gradient(circle, rgba(34, 197, 94, 0.25), rgba(34, 197, 94, 0) 70%);
}
#app .law-box-3 {
  position: relative;
  z-index: 1;
  max-width: 1160px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 48px 72px;
  align-items: flex-start;
}
#app .law-box-4 {
  flex: 1 1 360px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
#app .law-text {
  margin: 0;
  font-size: 18px;
  line-height: 1.65;
  color: #E3ECFF;
}
#app .law-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
  font-size: 18px;
  line-height: 1.6;
  color: #E3ECFF;
}
#app .law-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
#app .law-icon {
  flex: 0 0 22px;
  margin-top: 3px;
}
#app .law-box-5 {
  flex: 1 1 440px;
  min-width: 0;
}
#app .law-link {
  color: #FFFFFF;
  font-size: 16px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

/* ---- faq ---- */
#app .faq-section {
  padding: 88px 24px;
}
#app .faq-box {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#app .faq-box-2 {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #DFE7F4;
}
#app .faq-faq-item {
  border-bottom: 1px solid #DFE7F4;
  padding: 18px 0;
}
#app .faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  font-size: 18px;
  font-weight: 600;
  min-height: 44px;
}
#app .faq-span {
  font-size: 28px;
  font-weight: 400;
  color: #1D5BD8;
}
#app .faq-text {
  margin: 8px 0 0;
  font-size: 17px;
  line-height: 1.7;
  color: #33415C;
}

/* ---- cta ---- */
#app .cta-section {
  position: relative;
  overflow: hidden;
  background: #1D5BD8;
  color: #FFFFFF;
  padding: 72px 24px;
}
#app .cta-box {
  width: 440px;
  height: 440px;
  top: -200px;
  right: -100px;
  background: radial-gradient(circle, rgba(147, 197, 253, 0.5), rgba(147, 197, 253, 0) 70%);
}
#app .cta-box-2 {
  width: 380px;
  height: 380px;
  bottom: -220px;
  left: 15%;
  background: radial-gradient(circle, rgba(34, 197, 94, 0.3), rgba(34, 197, 94, 0) 70%);
}
#app .cta-box-3 {
  position: relative;
  z-index: 1;
  max-width: 1160px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px 56px;
}
#app .cta-box-4 {
  flex: 1 1 320px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#app .cta-title {
  margin: 0;
  font-family: 'Secular One', 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: clamp(30px, 3.2vw, 40px);
  line-height: 1.2;
}
#app .cta-text {
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
  color: #E3ECFF;
}
#app .cta-box-5 {
  flex: 1 1 520px;
  min-width: 0;
}
#app .cta-box-6 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
  gap: 12px;
}
#app .cta-input {
  height: 54px;
  box-sizing: border-box;
  padding: 0 14px;
  border-radius: 10px;
  border: 0;
  background: #FFFFFF;
  color: #0D1B3A;
  font-family: inherit;
  font-size: 17px;
}
#app .cta-input-2 {
  height: 54px;
  box-sizing: border-box;
  padding: 0 14px;
  border-radius: 10px;
  border: 0;
  background: #FFFFFF;
  color: #0D1B3A;
  font-family: inherit;
  font-size: 17px;
  text-align: right;
}
#app .cta-btn {
  align-self: flex-start;
  background: #22C55E;
  color: #052E16;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  padding: 0 30px;
  border-radius: 10px;
  min-height: 54px;
}
#app .cta-label {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-height: 44px;
  font-size: 15px;
  line-height: 1.55;
  color: #FFFFFF;
  cursor: pointer;
}

/* ---- footer ---- */
#app .footer-footer {
  background: #0B2463;
  color: #C9D8FF;
  padding: 32px 24px;
}
#app .footer-box {
  max-width: 1160px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  font-size: 15px;
}
#app .footer-span {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}
#app .footer-span-2 {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 22px;
}
#app .footer-span-3 {
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: #AFC3EE;
}
#app .footer-span-4 {
  max-width: 640px;
  line-height: 1.6;
}
#app .footer-span-5 {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 22px;
}
#app .footer-link {
  color: #FFFFFF;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}