@font-face{font-family:"Shabnam";src:url("../fonts/eot/Shabnam.eot?#iefix") format("embedded-opentype"),url("../fonts/woff2/Shabnam.woff2") format("woff2"),url("../fonts/woff/Shabnam.woff") format("woff"),url("../fonts/ttf/Shabnam.ttf") format("truetype");font-style:normal;font-weight:normal;font-display:swap}
.submission-readiness-body{background:#f8f9fd}
.sra-page{
  --sra-ink:#14213f;
  --sra-muted:#657089;
  --sra-purple:#6657df;
  --sra-purple-dark:#493bb9;
  --sra-soft:#f3f1ff;
  --sra-border:#e7e9f2;
  --sra-success:#1a8f69;
  direction:rtl;
  color:var(--sra-ink);
  overflow:hidden;
  font-family:"Shabnam",Tahoma,sans-serif;
}
.sra-page *{box-sizing:border-box;font-family:"Shabnam",Tahoma,sans-serif}
.sra-page a{text-decoration:none}
.sra-page h1,.sra-page h2,.sra-page h3,.sra-page p,.sra-page ul,.sra-page ol{font-family:"Shabnam",Tahoma,sans-serif}
.sra-skip-link{
  position:fixed;z-index:9999;top:12px;right:12px;transform:translateY(-150%);
  background:#111827;color:#fff;padding:9px 14px;border-radius:10px;font-size:13px
}
.sra-skip-link:focus{transform:none}

.sra-breadcrumb{background:#fff;border-bottom:1px solid #eef0f5}
.sra-breadcrumb ol{
  display:flex;gap:7px;align-items:center;list-style:none;padding:11px 0;margin:0;
  font-size:12px;color:var(--sra-muted)
}
.sra-breadcrumb li+li:before{content:"/";margin-left:7px;color:#b0b6c5}
.sra-breadcrumb a{color:#56617a}

.sra-hero{
  position:relative;
  padding:34px 0 30px;
  background:linear-gradient(135deg,#fff 0%,#fbfaff 58%,#f2f0ff 100%);
}
.sra-orb{position:absolute;border-radius:50%;pointer-events:none}
.sra-orb-one{
  width:210px;height:210px;left:-95px;top:-55px;
  background:radial-gradient(circle at 65% 65%,rgba(112,93,227,.17),rgba(112,93,227,0) 70%)
}
.sra-orb-two{
  width:155px;height:155px;right:-65px;bottom:-70px;
  background:radial-gradient(circle at 40% 40%,rgba(75,120,234,.09),rgba(75,120,234,0) 72%)
}
.sra-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.82fr);
  gap:34px;
  align-items:center
}
.sra-eyebrow,.sra-section-head>span,.sra-result-kicker,.sra-final-card>div>span{
  display:inline-flex;gap:7px;align-items:center;
  font-size:12px;font-weight:700;color:var(--sra-purple);
  background:var(--sra-soft);padding:6px 11px;border-radius:999px
}
.sra-hero h1{
  font-size:clamp(30px,3vw,42px);
  line-height:1.45;
  margin:12px 0 9px;
  font-weight:900;
  letter-spacing:-.25px;
}
.sra-hero-copy>p{
  max-width:690px;
  font-size:15px;
  line-height:1.9;
  color:var(--sra-muted);
  margin:0;
}
.sra-hero-actions{display:flex;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}
.sra-time{font-size:12px;color:var(--sra-muted);display:inline-flex;gap:6px;align-items:center}
.sra-btn{
  border:0;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:8px;
  min-height:42px;padding:9px 17px;border-radius:12px;font-size:13px;font-weight:800;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease
}
.sra-btn:hover{transform:translateY(-1px)}
.sra-btn:focus-visible,.sra-restart:focus-visible,.sra-options input:focus-visible+span{
  outline:3px solid rgba(97,84,217,.22);outline-offset:3px
}
.sra-btn-primary{
  color:#fff;background:linear-gradient(135deg,var(--sra-purple),var(--sra-purple-dark));
  box-shadow:0 9px 22px rgba(72,58,183,.16)
}
.sra-btn-secondary{background:#fff;color:var(--sra-ink);border:1px solid var(--sra-border)}
.sra-btn-light{background:#fff;color:var(--sra-purple-dark)}
.sra-btn:disabled{opacity:.44;cursor:not-allowed;transform:none;box-shadow:none}

.sra-trust{
  display:flex;list-style:none;padding:0;margin:15px 0 0;gap:14px;flex-wrap:wrap;
  color:#59647b;font-size:12px
}
.sra-trust li{display:flex;align-items:center;gap:6px}
.sra-trust i{color:var(--sra-purple)}

.sra-hero-visual{min-height:260px;display:flex;align-items:center;justify-content:center}
.sra-route-card{
  position:relative;
  width:min(100%,430px);
  background:rgba(255,255,255,.9);
  border:1px solid rgba(219,221,239,.82);
  box-shadow:0 18px 48px rgba(50,52,90,.11);
  border-radius:22px;
  padding:21px;
  backdrop-filter:blur(8px);
  display:grid;
  grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr;
  align-items:center;
}
.sra-route-kicker{
  position:absolute;top:-15px;left:18px;background:#17264a;color:#fff;
  padding:7px 11px;border-radius:9px;font-size:10px;letter-spacing:.2px
}
.sra-route-node{
  height:76px;border-radius:14px;background:#f8f8fc;border:1px solid #ebeaf5;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  color:#68728a;font-size:10px;font-weight:700;text-align:center
}
.sra-route-node i{font-size:19px;color:#7a70d8}
.sra-route-node.is-active{
  background:linear-gradient(145deg,#675bdc,#4b3eb8);color:#fff;
  box-shadow:0 8px 20px rgba(79,64,187,.2)
}
.sra-route-node.is-active i{color:#fff}
.sra-route-line{height:2px;background:linear-gradient(90deg,#c8c2f6,#e2e0f5)}

.sra-assessment-section{padding:46px 0 50px;background:#f8f9fd}
.sra-section-head{text-align:center;max-width:720px;margin:0 auto 20px}
.sra-section-head h2{
  font-size:clamp(24px,2.6vw,32px);
  line-height:1.55;margin:9px 0 5px;font-weight:900
}
.sra-section-head p{color:var(--sra-muted);line-height:1.8;margin:0;font-size:13px}

.sra-tool{
  max-width:930px;margin:0 auto;background:#fff;border:1px solid var(--sra-border);
  border-radius:22px;box-shadow:0 18px 50px rgba(33,42,79,.07);padding:22px
}
.sra-progress{margin-bottom:17px}
.sra-progress-meta{
  display:flex;justify-content:space-between;align-items:center;font-size:11px;
  color:var(--sra-muted);margin-bottom:7px
}
.sra-progress-meta strong{color:var(--sra-purple)}
.sra-progress-track{height:6px;background:#eeeef6;border-radius:999px;overflow:hidden}
.sra-progress-track i{
  display:block;height:100%;width:20%;background:linear-gradient(90deg,#8277ed,#5749cb);
  border-radius:999px;transition:width .25s ease
}
.sra-form{margin:0}
.sra-question{border:0;padding:0;margin:0}
.sra-question[hidden]{display:none}
.sra-question legend{
  width:100%;font-size:20px;line-height:1.55;font-weight:900;margin-bottom:3px
}
.sra-question-help{font-size:12.5px;color:var(--sra-muted);line-height:1.75;margin:0 0 14px}
.sra-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sra-options label{display:block;margin:0;cursor:pointer}
.sra-options input{position:absolute;opacity:0;pointer-events:none}
.sra-options span{
  min-height:88px;
  border:1px solid var(--sra-border);
  border-radius:15px;
  padding:13px 14px;
  display:grid;
  grid-template-columns:34px 1fr;
  grid-template-rows:auto auto;
  column-gap:10px;
  transition:border .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
  background:#fff
}
.sra-options span>i{
  grid-row:1/3;width:34px;height:34px;border-radius:10px;background:#f1efff;color:var(--sra-purple);
  display:flex;align-items:center;justify-content:center;font-size:15px
}
.sra-options b{font-size:14px;align-self:end}
.sra-options small{font-size:11.5px;color:var(--sra-muted);line-height:1.7;align-self:start}
.sra-options input:checked+span{
  border-color:#8175e8;background:#f8f7ff;box-shadow:0 7px 18px rgba(91,75,199,.08);transform:translateY(-1px)
}
.sra-options input:checked+span>i{background:var(--sra-purple);color:#fff}
.sra-form-actions{
  display:flex;justify-content:space-between;gap:10px;margin-top:16px;padding-top:15px;
  border-top:1px solid #f0f1f5
}
.sra-form-message{min-height:18px;text-align:center;margin:7px 0 0;color:#a03b46;font-size:11px}

.sra-result{text-align:center;padding:5px 5px 0}
.sra-result[hidden]{display:none}
.sra-result-icon{
  width:64px;height:64px;border-radius:19px;background:linear-gradient(145deg,#6256d8,#4236ad);
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:25px;
  margin:0 auto 13px;box-shadow:0 11px 24px rgba(72,58,183,.18)
}
.sra-result h2{font-size:25px;margin:9px 0 7px;font-weight:900}
.sra-result>p{max-width:660px;margin:0 auto;color:var(--sra-muted);line-height:1.8;font-size:13px}
.sra-result-checks{max-width:650px;margin:14px auto 0;display:grid;gap:7px;text-align:right}
.sra-result-checks span{
  display:flex;gap:8px;align-items:flex-start;background:#fafaff;border:1px solid #efeff7;
  border-radius:11px;padding:9px 11px;font-size:12px;color:#58637a;line-height:1.65
}
.sra-result-checks i{color:var(--sra-success);margin-top:2px}
.sra-result-actions{display:flex;justify-content:center;gap:9px;margin-top:16px;flex-wrap:wrap}
.sra-restart{
  margin-top:12px;border:0;background:transparent;color:var(--sra-purple);font-size:12px;
  font-weight:800;cursor:pointer
}
.sra-disclaimer{font-size:10.5px!important;color:#9299aa!important;margin-top:15px!important}

.sra-paths{padding:46px 0 48px;background:#fff}
.sra-path-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px
}
.sra-path-grid>a{
  border:1px solid var(--sra-border);
  border-radius:16px;
  padding:14px;
  color:var(--sra-ink);
  transition:transform .18s ease,border .18s ease,box-shadow .18s ease;
  background:#fff;
  min-height:146px
}
.sra-path-grid>a:hover{
  transform:translateY(-2px);
  border-color:#cfcaf5;
  box-shadow:0 9px 22px rgba(61,52,133,.07)
}
.sra-path-grid>a>i{
  width:36px;height:36px;border-radius:11px;background:var(--sra-soft);
  display:flex;align-items:center;justify-content:center;color:var(--sra-purple);
  font-size:15px;margin-bottom:14px
}
.sra-path-grid span{font-size:10px;color:#8175d9;font-weight:800}
.sra-path-grid h3{font-size:15px;margin:3px 0 5px;line-height:1.5}
.sra-path-grid p{font-size:11px;line-height:1.7;color:var(--sra-muted);margin:0}

.sra-final{padding:0 0 48px;background:#fff}
.sra-final-card{
  background:linear-gradient(135deg,#4b3fb6,#685bdd 70%,#756af0);
  border-radius:20px;
  padding:22px 26px;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  box-shadow:0 17px 42px rgba(75,63,182,.16)
}
.sra-final-card>div>span{color:#fff;background:rgba(255,255,255,.13)}
.sra-final-card h2{
  max-width:760px;font-size:19px;line-height:1.65;margin:8px 0 4px
}
.sra-final-card p{
  margin:0;color:rgba(255,255,255,.78);font-size:12px;line-height:1.75
}
.sra-final-card .sra-btn{flex:0 0 auto}

@media(max-width:991px){
  .sra-hero-grid{grid-template-columns:1fr;gap:24px}
  .sra-hero-visual{min-height:auto}
  .sra-route-card{max-width:560px}
  .sra-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sra-final-card{align-items:flex-start;flex-direction:column}
}

@media(max-width:767px){
  .sra-breadcrumb ol{padding:9px 0}
  .sra-hero{padding:28px 0 26px}
  .sra-hero h1{font-size:28px;line-height:1.55}
  .sra-hero-copy>p{font-size:14px;line-height:1.8}
  .sra-hero-actions{margin-top:14px}
  .sra-route-card{
    padding:17px 14px;
    grid-template-columns:1fr 10px 1fr 10px 1fr
  }
  .sra-route-node:nth-of-type(n+6),.sra-route-line:nth-of-type(n+6){display:none}
  .sra-route-node{height:72px;font-size:9.5px}
  .sra-route-kicker{font-size:9px}
  .sra-assessment-section,.sra-paths{padding:38px 0}
  .sra-section-head{margin-bottom:15px}
  .sra-section-head h2{font-size:23px}
  .sra-tool{padding:16px 13px;border-radius:18px}
  .sra-question legend{font-size:18px}
  .sra-options,.sra-options-two{grid-template-columns:1fr}
  .sra-options span{min-height:82px}
  .sra-form-actions{flex-direction:column-reverse}
  .sra-form-actions .sra-btn{width:100%}
  .sra-path-grid{grid-template-columns:1fr}
  .sra-path-grid>a{min-height:auto;padding:13px 14px}
  .sra-final{padding-bottom:38px}
  .sra-final-card{padding:20px 17px;border-radius:17px}
  .sra-final-card h2{font-size:17px}
  .sra-final-card .sra-btn{width:100%}
}

@media(prefers-reduced-motion:reduce){
  .sra-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
/* Borna Submission Readiness - mobile route visual fix */
@media(max-width:767px){

  .sra-hero-visual{
    width:100%;
    min-height:auto;
  }

  .sra-route-card{
    width:100%;
    max-width:100%;
    padding:18px 10px 12px;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:6px;
    align-items:stretch;
  }

  .sra-route-line{
    display:none !important;
  }

  .sra-route-node{
    display:flex !important;
    min-width:0;
    width:100%;
    height:66px;
    padding:5px 2px;
    gap:4px;
    border-radius:11px;
    font-size:8.5px;
    line-height:1.45;
    overflow:hidden;
  }

  .sra-route-node i{
    font-size:16px;
    flex:0 0 auto;
  }

  .sra-route-kicker{
    top:-13px;
    left:12px;
    padding:6px 9px;
    font-size:8.5px;
  }
}

@media(max-width:390px){

  .sra-route-card{
    padding-left:7px;
    padding-right:7px;
    gap:4px;
  }

  .sra-route-node{
    height:63px;
    font-size:8px;
  }

  .sra-route-node i{
    font-size:15px;
  }
}
