:root{
  --fr3-red:#b70f28;
  --fr3-red-dark:#8e1220;
  --fr3-red-soft:#fdf0f2;
  --fr3-red-soft-2:#f8e4e8;
  --fr3-text:#111827;
  --fr3-text-soft:#5f6776;
  --fr3-bg:#ffffff;
  --fr3-bg-soft:#f6f7f9;
  --fr3-bg-alt:#f1f3f5;
  --fr3-line:rgba(17,24,39,.08);
  --fr3-line-strong:rgba(183,15,40,.14);
  --fr3-shadow-sm:0 10px 24px rgba(17,24,39,.05);
  --fr3-shadow-md:0 18px 42px rgba(17,24,39,.08);
  --fr3-shadow-lg:0 24px 60px rgba(17,24,39,.10);
  --fr3-radius-xl:32px;
  --fr3-radius-lg:24px;
  --fr3-radius-md:18px;
  --fr3-radius-sm:14px;
}

html{
  scroll-behavior:smooth;
}

body.fr3-page{
  min-height:100%;
  color:var(--fr3-text);
  font-family:"Inter","Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at top right, rgba(183,15,40,.08), transparent 24%),
    linear-gradient(180deg, #ffffff 0%, #f7f8fa 58%, #ffffff 100%);
  overflow-x:hidden;
}

body.fr3-page::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(180deg, rgba(183,15,40,.02), transparent 18%),
    repeating-linear-gradient(90deg, rgba(17,24,39,.02) 0 1px, transparent 1px 120px);
  opacity:.55;
}

.fr3-page h1,
.fr3-page h2,
.fr3-page h3,
.fr3-page h4,
.fr3-page h5,
.fr3-page h6{
  font-family:"Poppins","Inter",system-ui,sans-serif;
  letter-spacing:-.03em;
}

.fr3-page img{
  display:block;
  max-width:100%;
}

.fr3-page a{
  text-decoration:none;
}

.fr3-page .container{
  width:min(100%,1240px);
}

.fr3-progress{
  position:fixed;
  inset:0 0 auto 0;
  height:3px;
  background:rgba(17,24,39,.06);
  z-index:2100;
}
.fr3-progress > span{
  display:block;
  width:0;
  height:100%;
  background:linear-gradient(90deg,var(--fr3-red-dark),var(--fr3-red));
  box-shadow:0 0 26px rgba(183,15,40,.35);
}

.fr3-page header{
  position:relative;
  z-index:1600;
  isolation:isolate;
}

.fr3-page .navbar.navbar-light.bg-white{
  margin:1rem auto 0;
  width:min(calc(100% - 2rem),1240px);
  padding-block:.45rem;
  border:1px solid rgba(17,24,39,.08);
  border-radius:22px;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 16px 40px rgba(17,24,39,.08);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.fr3-page .navbar.sticky-top{
  z-index:1700;
}

.fr3-page header .dropdown-menu.gear-dd{
  z-index:1800;
}

.fr3-page .navbar .container{
  width:100%;
}

.fr3-page .navbar-brand img.logo-gear{
  height:54px;
  width:auto;
}

.fr3-page .fr3-nav-bayi,
.fr3-page .navbar-light .navbar-nav .nav-link.active{
  color:var(--fr3-red)!important;
}

.fr3-page .navbar-light .navbar-nav .nav-link:hover{
  color:var(--fr3-red);
}

.fr3-main,
.fr3-page footer{
  position:relative;
  z-index:1;
}

.fr3-main{
  padding-bottom:1rem;
}

.fr3-hero,
.fr3-detail-hero{
  padding:4.4rem 0 2.5rem;
}

.fr3-hero-grid,
.fr3-detail-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  gap:2rem;
  align-items:start;
}

.fr3-copy{
  position:relative;
  padding:1.4rem 0;
}

.fr3-kicker{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  margin-bottom:1rem;
  padding:.6rem .95rem;
  border-radius:999px;
  background:var(--fr3-red-soft);
  border:1px solid var(--fr3-line-strong);
  color:var(--fr3-red);
  font-size:.84rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.fr3-kicker--soft{
  background:rgba(255,255,255,.88);
}

.fr3-copy h1{
  max-width:13ch;
  margin:0;
  font-size:clamp(2.6rem,5vw,4.75rem);
  line-height:1.03;
}

.fr3-page--detail .fr3-copy h1{
  max-width:15ch;
}

.fr3-lead{
  max-width:720px;
  margin:1.25rem 0 0;
  color:var(--fr3-text-soft);
  font-size:1.08rem;
  line-height:1.8;
}

.fr3-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1.6rem;
}

.fr3-chip-row span{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:.65rem .95rem;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  border:1px solid var(--fr3-line);
  color:var(--fr3-text);
  font-size:.94rem;
  font-weight:600;
  box-shadow:var(--fr3-shadow-sm);
}

.fr3-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.9rem;
  margin-top:1.9rem;
}

.fr3-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.6rem;
  min-height:52px;
  padding:.9rem 1.2rem;
  border-radius:999px;
  border:1px solid transparent;
  font-weight:700;
  line-height:1.15;
  transition:transform .24s ease, box-shadow .24s ease, background-color .24s ease, color .24s ease, border-color .24s ease;
}

.fr3-btn:hover{
  transform:translateY(-1px);
}

.fr3-btn--primary{
  background:linear-gradient(135deg,var(--fr3-red-dark),var(--fr3-red));
  color:#fff;
  box-shadow:0 16px 26px rgba(183,15,40,.18);
}
.fr3-btn--primary:hover{
  color:#fff;
  box-shadow:0 18px 34px rgba(183,15,40,.24);
}

.fr3-btn--secondary{
  background:#fff;
  color:var(--fr3-text);
  border-color:var(--fr3-line);
  box-shadow:var(--fr3-shadow-sm);
}
.fr3-btn--secondary:hover{
  color:var(--fr3-red);
  border-color:var(--fr3-line-strong);
}

.fr3-btn--ghost,
.fr3-btn--surface{
  background:rgba(255,255,255,.86);
  color:var(--fr3-text);
  border-color:var(--fr3-line);
}
.fr3-btn--ghost:hover,
.fr3-btn--surface:hover{
  color:var(--fr3-red);
  border-color:var(--fr3-line-strong);
}

.fr3-stat-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  margin-top:1.6rem;
}

.fr3-stat-strip article{
  padding:1.15rem;
  border-radius:var(--fr3-radius-md);
  background:rgba(255,255,255,.9);
  border:1px solid var(--fr3-line);
  box-shadow:var(--fr3-shadow-sm);
}

.fr3-stat-strip strong{
  display:block;
  font-size:1rem;
  margin-bottom:.35rem;
  color:var(--fr3-text);
}

.fr3-stat-strip span{
  color:var(--fr3-text-soft);
  font-size:.94rem;
  line-height:1.6;
}

.fr3-surface{
  border:1px solid var(--fr3-line);
  border-radius:var(--fr3-radius-xl);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,250,251,.98));
  box-shadow:var(--fr3-shadow-lg);
}

.fr3-hero-card{
  padding:1.8rem;
  position:relative;
  overflow:hidden;
}
.fr3-hero-card::before,
.fr3-summary-panel::before,
.fr3-panel::before,
.fr3-calc-results::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at top right, rgba(183,15,40,.12), transparent 34%),
    linear-gradient(180deg, transparent, rgba(183,15,40,.015));
  pointer-events:none;
}

.fr3-card-head{
  position:relative;
  z-index:1;
}

.fr3-card-kicker{
  display:inline-block;
  color:var(--fr3-red);
  font-size:.82rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.fr3-card-head h2,
.fr3-card-head h3{
  margin:.5rem 0 0;
  font-size:clamp(1.35rem,2vw,2rem);
  line-height:1.25;
}

.fr3-card-head p{
  margin:.9rem 0 0;
  color:var(--fr3-text-soft);
  line-height:1.75;
}

.fr3-commission-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  margin-top:1.35rem;
}

.fr3-rate-card{
  padding:1.15rem;
  border-radius:var(--fr3-radius-md);
  background:#fff;
  border:1px solid rgba(17,24,39,.06);
  box-shadow:var(--fr3-shadow-sm);
}

.fr3-rate-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 .85rem;
  border-radius:999px;
  background:var(--fr3-red-soft);
  color:var(--fr3-red);
  font-size:1rem;
  font-weight:800;
}

.fr3-rate-card h3{
  margin:1rem 0 .45rem;
  font-size:1.18rem;
  line-height:1.35;
}

.fr3-rate-card p{
  margin:0;
  color:var(--fr3-text-soft);
  line-height:1.65;
  font-size:.95rem;
}

.fr3-note,
.fr3-muted-note{
  position:relative;
  z-index:1;
  display:flex;
  gap:.7rem;
  margin-top:1rem;
  padding:1rem 1.05rem;
  border-radius:var(--fr3-radius-md);
  background:#fff;
  border:1px solid var(--fr3-line);
  color:var(--fr3-text-soft);
  line-height:1.65;
  box-shadow:var(--fr3-shadow-sm);
}

.fr3-note i,
.fr3-muted-note i{
  margin-top:.15rem;
  color:var(--fr3-red);
  flex:0 0 auto;
}

.fr3-note a{
  color:var(--fr3-red);
  font-weight:700;
}

.fr3-section{
  padding:5rem 0;
}

.fr3-section--soft{
  background:
    linear-gradient(180deg, rgba(248,249,251,.94), rgba(246,247,249,.98)),
    radial-gradient(circle at top right, rgba(183,15,40,.05), transparent 24%);
}

.fr3-section--contact{
  padding-bottom:0;
}

.fr3-section-head{
  max-width:760px;
  margin-bottom:2rem;
}
.fr3-section-head h2{
  margin:0;
  font-size:clamp(2rem,3vw,3rem);
  line-height:1.14;
}
.fr3-section-head p{
  margin:.95rem 0 0;
  color:var(--fr3-text-soft);
  font-size:1.02rem;
  line-height:1.78;
}

.fr3-support-grid,
.fr3-process-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}

.fr3-feature-card,
.fr3-process-card,
.fr3-fit-card,
.fr3-panel,
.fr3-table-shell,
.fr3-calc-panel,
.fr3-calc-results{
  padding:1.4rem;
}

.fr3-feature-icon{
  display:grid;
  place-items:center;
  width:3.35rem;
  height:3.35rem;
  border-radius:1rem;
  background:var(--fr3-red-soft);
  color:var(--fr3-red);
  font-size:1.25rem;
  box-shadow:inset 0 0 0 1px var(--fr3-line-strong);
}

.fr3-feature-card h3,
.fr3-fit-card h3,
.fr3-process-card h3{
  margin:1rem 0 .5rem;
  font-size:1.22rem;
  line-height:1.35;
}

.fr3-feature-card p,
.fr3-fit-card p,
.fr3-process-card p{
  margin:0;
  color:var(--fr3-text-soft);
  line-height:1.72;
}

.fr3-check-list{
  display:grid;
  gap:.8rem;
  margin:1rem 0 0;
  padding:0;
  list-style:none;
}

.fr3-check-list li{
  position:relative;
  padding-left:1.7rem;
  color:var(--fr3-text-soft);
  line-height:1.65;
}
.fr3-check-list li::before{
  content:"";
  position:absolute;
  top:.45rem;
  left:0;
  width:.95rem;
  height:.95rem;
  border-radius:50%;
  background:var(--fr3-red-soft);
  box-shadow:inset 0 0 0 4px var(--fr3-red);
}

.fr3-check-list--compact{
  margin-top:0;
}

.fr3-fit-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}

.fr3-fit-kicker{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 .8rem;
  border-radius:999px;
  background:var(--fr3-red-soft);
  color:var(--fr3-red);
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.fr3-process-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.fr3-process-card{
  position:relative;
}

.fr3-process-no{
  display:grid;
  place-items:center;
  width:3rem;
  height:3rem;
  border-radius:50%;
  background:var(--fr3-red-soft);
  color:var(--fr3-red);
  font-weight:800;
  font-size:1.05rem;
  box-shadow:inset 0 0 0 1px var(--fr3-line-strong);
}

.fr3-cta-band{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  margin-top:1.5rem;
  padding:1.5rem 1.6rem;
  border-radius:var(--fr3-radius-xl);
  border:1px solid var(--fr3-line);
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(253,240,242,.9));
  box-shadow:var(--fr3-shadow-md);
}

.fr3-cta-band h3{
  margin:.45rem 0 .55rem;
  font-size:clamp(1.45rem,2.4vw,2rem);
  line-height:1.28;
}

.fr3-cta-band p{
  max-width:760px;
  margin:0;
  color:var(--fr3-text-soft);
  line-height:1.72;
}

.fr3-cta-band__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.85rem;
  justify-content:flex-end;
}

.fr3-contact-shell{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(340px,.85fr);
  gap:1.5rem;
  align-items:center;
}

.fr3-contact-copy h2{
  margin:0;
  font-size:clamp(2rem,3vw,2.8rem);
  line-height:1.16;
}
.fr3-contact-copy p{
  margin:1rem 0 0;
  color:var(--fr3-text-soft);
  line-height:1.8;
}

.fr3-contact-card{
  padding:1.5rem;
}

.fr3-contact-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  margin-top:1.2rem;
}

.fr3-breadcrumb{
  display:flex;
  align-items:center;
  gap:.5rem;
  margin-bottom:1rem;
  color:var(--fr3-text-soft);
  font-size:.94rem;
}
.fr3-breadcrumb a{
  color:var(--fr3-text-soft);
}
.fr3-breadcrumb a:hover{
  color:var(--fr3-red);
}

.fr3-summary-panel{
  position:relative;
  padding:1.6rem;
  overflow:hidden;
}
.fr3-summary-panel__grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.fr3-summary-panel__grid article{
  padding:1rem;
  border-radius:var(--fr3-radius-md);
  background:#fff;
  border:1px solid rgba(17,24,39,.06);
  box-shadow:var(--fr3-shadow-sm);
}
.fr3-summary-panel__grid strong{
  display:block;
  color:var(--fr3-red);
  font-size:1.55rem;
  line-height:1;
}
.fr3-summary-panel__grid span{
  display:block;
  margin-top:.35rem;
  color:var(--fr3-text-soft);
  line-height:1.55;
}

.fr3-detail-panels{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}

.fr3-panel{
  position:relative;
  overflow:hidden;
}
.fr3-table-shell{
  overflow:hidden;
}

.fr3-table th{
  padding:1rem;
  border-bottom-color:var(--fr3-line);
  background:#fff;
  color:var(--fr3-text);
  font-size:.95rem;
  font-weight:700;
}
.fr3-table td{
  padding:1rem;
  border-color:var(--fr3-line);
  color:var(--fr3-text-soft);
  background:rgba(255,255,255,.92);
  font-weight:600;
}
.fr3-table tbody tr:hover td{
  background:var(--fr3-red-soft);
}

.fr3-table-note{
  margin-top:.95rem;
  color:var(--fr3-text-soft);
  font-size:.92rem;
  line-height:1.65;
}

.fr3-bar-chart{
  display:grid;
  gap:1rem;
  margin-top:1.2rem;
}
.fr3-bar-row{
  display:grid;
  gap:.55rem;
}
.fr3-bar-row__label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.85rem;
  font-size:.95rem;
}
.fr3-bar-row__label strong{
  font-size:1rem;
  color:var(--fr3-text);
}
.fr3-bar-row__label span{
  color:var(--fr3-red);
  font-weight:800;
}
.fr3-bar-track{
  height:.9rem;
  border-radius:999px;
  background:rgba(17,24,39,.08);
  overflow:hidden;
}
.fr3-bar-track span{
  display:block;
  width:var(--fr3-bar);
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--fr3-red-dark),var(--fr3-red));
}

.fr3-metric-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  margin-top:1.2rem;
}
.fr3-metric-grid article{
  padding:1rem;
  border-radius:var(--fr3-radius-md);
  background:#fff;
  border:1px solid rgba(17,24,39,.06);
  box-shadow:var(--fr3-shadow-sm);
}
.fr3-metric-grid strong{
  display:block;
  color:var(--fr3-red);
  font-size:1.4rem;
  line-height:1.1;
}
.fr3-metric-grid span{
  display:block;
  margin-top:.4rem;
  color:var(--fr3-text-soft);
  line-height:1.55;
}

.fr3-calc-shell{
  display:grid;
  grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);
  gap:1rem;
}

.fr3-input-label{
  display:block;
  margin-bottom:.9rem;
  font-size:.95rem;
  font-weight:700;
  color:var(--fr3-text);
}

.fr3-range{
  width:100%;
  accent-color:var(--fr3-red);
}

.fr3-calc-number-row{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin-top:1rem;
}
.fr3-calc-number-row span{
  font-weight:700;
  color:var(--fr3-text);
}

.fr3-input{
  width:100%;
  min-height:52px;
  padding:.85rem 1rem;
  border-radius:14px;
  border:1px solid var(--fr3-line);
  background:#fff;
  color:var(--fr3-text);
  font-weight:700;
  outline:none;
  box-shadow:var(--fr3-shadow-sm);
}
.fr3-input:focus{
  border-color:var(--fr3-line-strong);
  box-shadow:0 0 0 .2rem rgba(183,15,40,.08);
}

.fr3-calc-results{
  position:relative;
  overflow:hidden;
}
.fr3-result-head{
  position:relative;
  z-index:1;
}
.fr3-result-head h3{
  margin:.45rem 0 0;
  font-size:clamp(1.4rem,2vw,2rem);
  line-height:1.25;
}
.fr3-result-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  margin-top:1.2rem;
}
.fr3-result-grid article{
  padding:1rem;
  border-radius:var(--fr3-radius-md);
  background:#fff;
  border:1px solid rgba(17,24,39,.06);
  box-shadow:var(--fr3-shadow-sm);
}
.fr3-result-grid span{
  display:block;
  color:var(--fr3-text-soft);
  font-size:.92rem;
}
.fr3-result-grid strong{
  display:block;
  margin-top:.45rem;
  color:var(--fr3-red);
  font-size:1.45rem;
  line-height:1.15;
}

.fr3-reveal{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .72s ease, transform .72s cubic-bezier(.2,.8,.2,1);
  transition-delay:var(--fr3-delay,0ms);
}
.fr3-reveal.is-visible{
  opacity:1;
  transform:none;
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  .fr3-btn,
  .fr3-reveal{
    transition:none!important;
  }
  .fr3-reveal{
    opacity:1;
    transform:none;
  }
}

@media (max-width: 1199.98px){
  .fr3-hero-grid,
  .fr3-detail-grid,
  .fr3-contact-shell,
  .fr3-calc-shell{
    grid-template-columns:1fr;
  }
  .fr3-copy h1,
  .fr3-page--detail .fr3-copy h1{
    max-width:15ch;
  }
}

@media (max-width: 991.98px){
  .fr3-page .navbar.navbar-light.bg-white{
    width:min(calc(100% - 1.25rem),1240px);
  }
  .fr3-hero,
  .fr3-detail-hero{
    padding-top:3.25rem;
  }
  .fr3-stat-strip,
  .fr3-commission-grid,
  .fr3-support-grid,
  .fr3-fit-grid,
  .fr3-process-grid,
  .fr3-detail-panels,
  .fr3-metric-grid,
  .fr3-result-grid{
    grid-template-columns:1fr 1fr;
  }
  .fr3-cta-band{
    flex-direction:column;
    align-items:flex-start;
  }
  .fr3-cta-band__actions{
    justify-content:flex-start;
  }
}

@media (max-width: 767.98px){
  body.fr3-page::before{
    background:linear-gradient(180deg, rgba(183,15,40,.025), transparent 18%);
  }
  .fr3-hero,
  .fr3-detail-hero{
    padding:2.6rem 0 2rem;
  }
  .fr3-copy{
    padding:.5rem 0 0;
  }
  .fr3-copy h1,
  .fr3-page--detail .fr3-copy h1{
    max-width:100%;
    font-size:clamp(2.25rem,12vw,3.4rem);
  }
  .fr3-lead{
    font-size:1rem;
    line-height:1.75;
  }
  .fr3-actions{
    gap:.75rem;
  }
  .fr3-btn{
    width:100%;
  }
  .fr3-stat-strip,
  .fr3-commission-grid,
  .fr3-support-grid,
  .fr3-fit-grid,
  .fr3-process-grid,
  .fr3-detail-panels,
  .fr3-metric-grid,
  .fr3-result-grid,
  .fr3-summary-panel__grid{
    grid-template-columns:1fr;
  }
  .fr3-section{
    padding:4rem 0;
  }
  .fr3-section-head h2{
    font-size:clamp(1.7rem,7vw,2.4rem);
  }
  .fr3-card-head h2,
  .fr3-card-head h3,
  .fr3-result-head h3{
    font-size:clamp(1.35rem,7vw,1.85rem);
  }
  .fr3-hero-card,
  .fr3-summary-panel,
  .fr3-feature-card,
  .fr3-fit-card,
  .fr3-process-card,
  .fr3-panel,
  .fr3-table-shell,
  .fr3-calc-panel,
  .fr3-calc-results,
  .fr3-contact-card{
    padding:1.2rem;
  }
  .fr3-kicker{
    font-size:.78rem;
  }
  .fr3-bar-row__label{
    flex-direction:column;
    align-items:flex-start;
  }
  .fr3-calc-number-row{
    flex-direction:column;
    align-items:stretch;
  }
  .fr3-note,
  .fr3-muted-note{
    padding:.95rem 1rem;
  }
}

@media (max-width: 575.98px){
  .fr3-page .navbar.navbar-light.bg-white{
    margin-top:.75rem;
  }
}

/* === 2026-05-14d / Franchise tam sayfa sunum akışı === */
.fr3-showcase{
  width:100%;
  background:#fff;
  overflow:hidden;
}

.fr3-showcase-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(360px, 48vw);
  min-height:74vh;
  align-items:stretch;
  border-top:1px solid rgba(183,15,40,.10);
}

.fr3-showcase-row--reverse{
  grid-template-columns:minmax(360px, 48vw) minmax(0, 1fr);
}

.fr3-showcase-row--reverse .fr3-showcase-copy{
  grid-column:2;
}

.fr3-showcase-row--reverse .fr3-showcase-media{
  grid-column:1;
  grid-row:1;
}

.fr3-showcase-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:1.15rem;
  padding:clamp(3rem, 7vw, 7rem);
  background:linear-gradient(135deg, #fff 0%, rgba(183,15,40,.045) 100%);
}

.fr3-showcase-copy h2{
  max-width:760px;
  margin:0;
  color:#151515;
  font-size:clamp(2rem, 4vw, 4.2rem);
  line-height:.98;
  letter-spacing:-.06em;
}

.fr3-showcase-copy p{
  max-width:680px;
  margin:0;
  color:#575757;
  font-size:clamp(1rem, 1.4vw, 1.18rem);
  line-height:1.85;
}

.fr3-showcase-copy .fr3-check-list{
  max-width:680px;
  margin-top:.3rem;
}

.fr3-showcase-media{
  position:relative;
  min-height:100%;
  margin:0;
  overflow:hidden;
  background:#151515;
}

.fr3-showcase-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 42%, rgba(0,0,0,.58) 100%);
  pointer-events:none;
}

.fr3-showcase-media img{
  display:block;
  width:100%;
  height:100%;
  min-height:74vh;
  object-fit:cover;
  transform:scale(1.01);
}

.fr3-showcase-media figcaption{
  position:absolute;
  left:clamp(1rem, 3vw, 2.6rem);
  right:clamp(1rem, 3vw, 2.6rem);
  bottom:clamp(1rem, 3vw, 2.4rem);
  z-index:2;
  margin:0;
  color:#fff;
  font-size:.98rem;
  line-height:1.65;
  font-weight:700;
  text-shadow:0 2px 12px rgba(0,0,0,.38);
}

.fr3-showcase + .fr3-section{
  border-top:1px solid rgba(183,15,40,.08);
}

@media (max-width: 991.98px){
  .fr3-showcase-row,
  .fr3-showcase-row--reverse{
    grid-template-columns:1fr;
    min-height:auto;
  }

  .fr3-showcase-row--reverse .fr3-showcase-copy,
  .fr3-showcase-row--reverse .fr3-showcase-media{
    grid-column:auto;
    grid-row:auto;
  }

  .fr3-showcase-copy{
    padding:3rem 1.25rem;
  }

  .fr3-showcase-copy h2{
    font-size:clamp(2rem, 10vw, 3.1rem);
  }

  .fr3-showcase-media img{
    min-height:360px;
  }
}

/* 2026-05-15: Franchise sayfaları kısa sunum ve hareketli akış tasarımı */
.fr3-cinema-hero{
  position:relative;
  overflow:hidden;
}

.fr3-cinema-hero::before{
  content:"";
  position:absolute;
  inset:12% -10% auto 54%;
  width:520px;
  height:520px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(183,15,40,.14), transparent 64%);
  animation:fr3FloatGlow 9s ease-in-out infinite;
  pointer-events:none;
}

.fr3-cinema-grid{
  align-items:center;
}

.fr3-cinema-panel{
  position:relative;
  overflow:hidden;
  min-height:520px;
  padding:1.35rem;
  border:1px solid rgba(183,15,40,.16);
  border-radius:34px;
  background:
    radial-gradient(circle at 18% 8%, rgba(183,15,40,.12), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,244,245,.96));
  box-shadow:0 30px 72px rgba(17,24,39,.12);
}

.fr3-cinema-panel::after{
  content:"";
  position:absolute;
  inset:auto -20% -22% 12%;
  height:170px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(183,15,40,.18), rgba(17,24,39,.05));
  filter:blur(8px);
  transform:rotate(-6deg);
  pointer-events:none;
}

.fr3-ribbon-flow{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:.62rem;
  padding:.85rem;
  border-radius:999px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(17,24,39,.08);
  box-shadow:0 16px 34px rgba(17,24,39,.08);
}

.fr3-ribbon-flow span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:.45rem .82rem;
  border-radius:999px;
  background:linear-gradient(135deg, var(--fr3-red-dark), var(--fr3-red));
  color:#fff;
  font-size:.82rem;
  font-weight:800;
  box-shadow:0 10px 20px rgba(183,15,40,.16);
}

.fr3-ribbon-flow i{
  color:var(--fr3-red);
  animation:fr3Nudge 1.8s ease-in-out infinite;
}

.fr3-orbit-board,
.fr3-rate-cards{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  margin-top:1.25rem;
}

.fr3-orbit-board article,
.fr3-rate-cards article{
  min-height:174px;
  padding:1.25rem;
  border-radius:24px;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(17,24,39,.08);
  box-shadow:0 18px 38px rgba(17,24,39,.07);
  animation:fr3FloatCard 7s ease-in-out infinite;
}

.fr3-orbit-board article:nth-child(2),
.fr3-rate-cards article:nth-child(2){ animation-delay:.45s; }
.fr3-orbit-board article:nth-child(3),
.fr3-rate-cards article:nth-child(3){ animation-delay:.9s; }
.fr3-orbit-board article:nth-child(4),
.fr3-rate-cards article:nth-child(4){ animation-delay:1.35s; }

.fr3-orbit-board i{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  margin-bottom:.85rem;
  border-radius:14px;
  background:var(--fr3-red-soft);
  color:var(--fr3-red);
  font-size:1.18rem;
}

.fr3-orbit-board strong,
.fr3-rate-cards strong{
  display:block;
  color:var(--fr3-text);
  font-size:1.02rem;
  line-height:1.24;
}

.fr3-orbit-board span,
.fr3-rate-cards span{
  display:block;
  margin-top:.5rem;
  color:var(--fr3-text-soft);
  font-size:.92rem;
  line-height:1.55;
}

.fr3-stat-strip--wide{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.fr3-motion-band,
.fr3-journey,
.fr3-cta{
  padding:3.4rem 0;
}

.fr3-motion-band{
  position:relative;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(183,15,40,.035) 42%, rgba(255,255,255,0));
}

.fr3-split-stack{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(130px,170px) minmax(0,1fr);
  gap:1.1rem;
  align-items:center;
  margin-top:2rem;
}

.fr3-side-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:1rem;
  align-items:start;
  padding:1.4rem;
  border:1px solid var(--fr3-line);
  border-radius:28px;
  background:rgba(255,255,255,.94);
  box-shadow:var(--fr3-shadow-md);
}

.fr3-side-card--right{
  grid-column:3;
}

.fr3-split-stack .fr3-side-card:nth-of-type(3){
  grid-column:1 / 4;
  width:min(760px,100%);
  justify-self:center;
}

.fr3-side-icon{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:18px;
  background:linear-gradient(135deg,var(--fr3-red-dark),var(--fr3-red));
  color:#fff;
  font-size:1.35rem;
  box-shadow:0 16px 26px rgba(183,15,40,.16);
}

.fr3-side-card span{
  color:var(--fr3-red);
  font-weight:900;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.fr3-side-card h3{
  margin:.3rem 0 .45rem;
  font-size:1.2rem;
  line-height:1.28;
}

.fr3-side-card p{
  margin:0;
  color:var(--fr3-text-soft);
  line-height:1.66;
}

.fr3-center-rail{
  grid-column:2;
  grid-row:1 / 3;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.8rem;
  min-height:360px;
}

.fr3-center-rail::before{
  content:"";
  position:absolute;
  width:3px;
  min-height:340px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(183,15,40,0), rgba(183,15,40,.38), rgba(183,15,40,0));
}

.fr3-center-rail span{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:96px;
  height:96px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(183,15,40,.15);
  color:var(--fr3-red);
  font-weight:900;
  box-shadow:0 18px 38px rgba(17,24,39,.08);
}

.fr3-journey-card,
.fr3-cta-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);
  gap:1.5rem;
  align-items:center;
  padding:2rem;
  border:1px solid var(--fr3-line);
  border-radius:34px;
  background:rgba(255,255,255,.94);
  box-shadow:var(--fr3-shadow-lg);
}

.fr3-journey-card p,
.fr3-cta-card p{
  margin:.7rem 0 0;
  color:var(--fr3-text-soft);
  line-height:1.7;
}

.fr3-journey-steps{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
}

.fr3-journey-steps span{
  display:flex;
  align-items:center;
  gap:.72rem;
  min-height:68px;
  padding:.85rem;
  border-radius:18px;
  background:var(--fr3-bg-soft);
  border:1px solid var(--fr3-line);
  font-weight:800;
}

.fr3-journey-steps b{
  display:grid;
  place-items:center;
  flex:0 0 40px;
  width:40px;
  height:40px;
  border-radius:14px;
  background:#fff;
  color:var(--fr3-red);
  box-shadow:0 10px 20px rgba(17,24,39,.06);
}

.fr3-rate-cards article{
  min-height:142px;
}

.fr3-rate-cards strong{
  margin-top:.55rem;
  color:var(--fr3-red);
  font-size:2.15rem;
}

.fr3-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);
  gap:1.2rem;
  margin-top:2rem;
  align-items:start;
}

.fr3-mini-table,
.fr3-calc-card{
  padding:1.35rem;
  border:1px solid var(--fr3-line);
  border-radius:28px;
  background:rgba(255,255,255,.94);
  box-shadow:var(--fr3-shadow-md);
}

.fr3-mini-table{
  display:grid;
  gap:.7rem;
}

.fr3-mini-table > div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:1rem;
  padding:.9rem 1rem;
  border-radius:18px;
  background:var(--fr3-bg-soft);
}

.fr3-mini-table > div:first-child{
  background:var(--fr3-red-soft);
  color:var(--fr3-red);
  font-weight:900;
}

.fr3-mini-table b{
  color:var(--fr3-red);
  font-size:1.08rem;
}

.fr3-calc-card h3{
  margin:.35rem 0 1rem;
}

.fr3-calc-label{
  display:block;
  color:var(--fr3-text-soft);
  font-weight:800;
  margin-bottom:.45rem;
}

.fr3-calc-input{
  width:100%;
  min-height:50px;
  padding:.75rem .95rem;
  border:1px solid var(--fr3-line);
  border-radius:16px;
  font-weight:800;
}

.fr3-calc-range{
  width:100%;
  margin:1rem 0;
  accent-color:var(--fr3-red);
}

.fr3-calc-results{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}

.fr3-calc-results > div{
  padding:.85rem;
  border-radius:16px;
  background:var(--fr3-bg-soft);
  border:1px solid var(--fr3-line);
}

.fr3-calc-results span{
  display:block;
  color:var(--fr3-text-soft);
  font-size:.78rem;
  font-weight:800;
}

.fr3-calc-results strong{
  display:block;
  margin-top:.25rem;
  color:var(--fr3-text);
}

.fr3-calc-note{
  margin:1rem 0 0;
  color:var(--fr3-text-soft);
  line-height:1.6;
}

.fr3-reveal--left{
  transform:translate3d(-46px,18px,0);
}

.fr3-reveal--right{
  transform:translate3d(46px,18px,0);
}

.fr3-reveal.is-visible{
  transform:translate3d(0,0,0);
}

@keyframes fr3FloatGlow{
  0%,100%{ transform:translate3d(0,0,0) scale(1); }
  50%{ transform:translate3d(-34px,28px,0) scale(1.08); }
}

@keyframes fr3FloatCard{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-8px); }
}

@keyframes fr3Nudge{
  0%,100%{ transform:translateX(0); opacity:.68; }
  50%{ transform:translateX(4px); opacity:1; }
}

@media (max-width: 991.98px){
  .fr3-cinema-panel{
    min-height:auto;
  }

  .fr3-orbit-board,
  .fr3-rate-cards,
  .fr3-detail-layout,
  .fr3-journey-card,
  .fr3-cta-card{
    grid-template-columns:1fr;
  }

  .fr3-split-stack{
    grid-template-columns:1fr;
  }

  .fr3-side-card,
  .fr3-side-card--right,
  .fr3-split-stack .fr3-side-card:nth-of-type(3),
  .fr3-center-rail{
    grid-column:auto;
    grid-row:auto;
    width:auto;
  }

  .fr3-center-rail{
    min-height:auto;
    flex-direction:row;
    flex-wrap:wrap;
  }

  .fr3-center-rail::before{
    display:none;
  }

  .fr3-center-rail span{
    width:auto;
    height:auto;
    min-height:46px;
    padding:.65rem .9rem;
  }
}

@media (max-width: 575.98px){
  .fr3-orbit-board,
  .fr3-rate-cards,
  .fr3-stat-strip--wide,
  .fr3-journey-steps,
  .fr3-calc-results{
    grid-template-columns:1fr;
  }

  .fr3-cinema-panel,
  .fr3-journey-card,
  .fr3-cta-card{
    border-radius:24px;
    padding:1.15rem;
  }
}

@media (prefers-reduced-motion: reduce){
  .fr3-cinema-hero::before,
  .fr3-orbit-board article,
  .fr3-rate-cards article,
  .fr3-ribbon-flow i{
    animation:none!important;
  }
}

/* 2026-05-16 / Franchise sunum sahnesi: kenar kullanımı, daha güçlü görsel ritim ve mikro animasyonlar */
body.fr3-page::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(90deg, rgba(183,15,40,.12), rgba(183,15,40,0) 9%, rgba(183,15,40,0) 91%, rgba(183,15,40,.12)),
    radial-gradient(circle at 0 22%, rgba(183,15,40,.17), transparent 20%),
    radial-gradient(circle at 100% 70%, rgba(183,15,40,.14), transparent 22%);
  opacity:.78;
}

.fr3-main::before,
.fr3-main::after{
  content:"";
  position:fixed;
  top:8.5rem;
  bottom:3rem;
  width:min(10vw,132px);
  pointer-events:none;
  z-index:0;
  opacity:.62;
  background:
    linear-gradient(180deg, transparent, rgba(183,15,40,.28), transparent),
    repeating-linear-gradient(180deg, rgba(183,15,40,.18) 0 1px, transparent 1px 44px);
  mask-image:linear-gradient(180deg, transparent, #000 14%, #000 86%, transparent);
  -webkit-mask-image:linear-gradient(180deg, transparent, #000 14%, #000 86%, transparent);
  animation:fr3RailPulse 9s linear infinite;
}

.fr3-main::before{ left:0; }
.fr3-main::after{ right:0; animation-direction:reverse; }

.fr3-cinema-hero .container,
.fr3-motion-band .container,
.fr3-journey .container,
.fr3-cta .container{
  width:min(100%, 1360px);
}

.fr3-cinema-panel{
  isolation:isolate;
  transform-style:preserve-3d;
  --fr3-tilt-x:0deg;
  --fr3-tilt-y:0deg;
  --fr3-glow-x:50%;
  --fr3-glow-y:20%;
}

.fr3-cinema-panel.fr3-reveal.is-visible{
  transform:perspective(1100px) rotateX(var(--fr3-tilt-x)) rotateY(var(--fr3-tilt-y));
  transition:opacity .72s ease, transform .38s cubic-bezier(.2,.8,.2,1), box-shadow .38s ease;
}

.fr3-cinema-panel::before{
  content:"";
  position:absolute;
  inset:-40% -30%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at var(--fr3-glow-x) var(--fr3-glow-y), rgba(255,255,255,.95), rgba(255,255,255,0) 13%),
    linear-gradient(115deg, transparent 0 41%, rgba(183,15,40,.16) 48%, transparent 57% 100%);
  mix-blend-mode:screen;
  opacity:.64;
  transform:translateX(-16%) rotate(4deg);
  animation:fr3Scanner 6.8s ease-in-out infinite;
}

.fr3-cinema-panel > *{
  position:relative;
  z-index:2;
}

.fr3-ribbon-flow span{
  position:relative;
  overflow:hidden;
}

.fr3-ribbon-flow span::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent);
  transform:translateX(-130%);
  transition:transform .55s ease;
}

.fr3-ribbon-flow span.is-active{
  transform:translateY(-1px) scale(1.04);
  box-shadow:0 14px 28px rgba(183,15,40,.28), 0 0 0 5px rgba(183,15,40,.09);
}

.fr3-ribbon-flow span.is-active::after{
  transform:translateX(130%);
}

.fr3-orbit-board article,
.fr3-rate-cards article,
.fr3-side-card,
.fr3-mini-table,
.fr3-calc-card,
.fr3-journey-card,
.fr3-cta-card{
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.fr3-orbit-board article.is-lit,
.fr3-rate-cards article.is-lit{
  border-color:rgba(183,15,40,.26);
  box-shadow:0 26px 58px rgba(183,15,40,.13), 0 0 0 1px rgba(183,15,40,.08) inset;
}

.fr3-motion-band{
  overflow:hidden;
}

.fr3-motion-band::before,
.fr3-motion-band::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
}

.fr3-motion-band::before{
  inset:10% auto auto -12%;
  width:32vw;
  height:32vw;
  min-width:290px;
  min-height:290px;
  border-radius:999px;
  border:1px solid rgba(183,15,40,.12);
  background:radial-gradient(circle, rgba(183,15,40,.10), transparent 62%);
  animation:fr3FloatGlow 11s ease-in-out infinite reverse;
}

.fr3-motion-band::after{
  right:-14%;
  bottom:4%;
  width:38vw;
  height:38vw;
  min-width:320px;
  min-height:320px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(183,15,40,.11), transparent 66%);
  filter:blur(3px);
  animation:fr3FloatGlow 12s ease-in-out infinite;
}

.fr3-motion-band .container{
  position:relative;
  z-index:1;
}

.fr3-impact-stage,
.fr3-finance-stage{
  position:relative;
  overflow:hidden;
  margin:1.2rem 0 2.1rem;
  border:1px solid rgba(183,15,40,.20);
  border-radius:42px;
  box-shadow:0 34px 86px rgba(17,24,39,.14);
  isolation:isolate;
}

.fr3-impact-stage{
  min-height:430px;
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(320px, .9fr);
  gap:1rem;
  padding:1.2rem;
  background:
    radial-gradient(circle at 28% 32%, rgba(183,15,40,.32), transparent 28%),
    radial-gradient(circle at 74% 76%, rgba(255,255,255,.20), transparent 24%),
    linear-gradient(135deg, #171923 0%, #2a1118 52%, #ffffff 52%, #fff7f8 100%);
}

.fr3-impact-stage::before,
.fr3-finance-stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(115deg, transparent 0 38%, rgba(255,255,255,.16) 46%, transparent 56% 100%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.055) 0 1px, transparent 1px 88px);
  transform:translateX(-18%);
  animation:fr3StageSweep 7.4s ease-in-out infinite;
}

.fr3-impact-photo,
.fr3-impact-copy,
.fr3-impact-core,
.fr3-finance-stage > *{
  position:relative;
  z-index:1;
}

.fr3-impact-photo{
  margin:0;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 26px 58px rgba(0,0,0,.22);
  background:#111827;
}

.fr3-impact-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.04);
  filter:saturate(1.06) contrast(1.03);
  transition:transform .9s cubic-bezier(.2,.8,.2,1), filter .9s ease;
}

.fr3-impact-stage:hover .fr3-impact-photo img{
  transform:scale(1.09);
  filter:saturate(1.14) contrast(1.06);
}

.fr3-impact-photo--main{
  min-height:390px;
}

.fr3-impact-photo--side{
  position:absolute;
  z-index:4;
  left:34%;
  top:8%;
  width:min(330px, 30vw);
  height:190px;
  transform:rotate(3deg);
}

.fr3-impact-photo figcaption{
  position:absolute;
  left:1rem;
  right:1rem;
  bottom:1rem;
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  width:max-content;
  max-width:calc(100% - 2rem);
  padding:.68rem .9rem;
  border-radius:999px;
  background:rgba(255,255,255,.90);
  color:var(--fr3-red);
  font-weight:900;
  box-shadow:0 14px 34px rgba(0,0,0,.16);
  backdrop-filter:blur(14px);
}

.fr3-impact-core{
  position:absolute;
  left:49%;
  top:50%;
  width:230px;
  height:230px;
  transform:translate(-50%, -50%);
  display:grid;
  place-items:center;
  pointer-events:none;
}

.fr3-impact-logo{
  z-index:3;
  display:grid;
  place-items:center;
  width:118px;
  height:118px;
  border-radius:999px;
  background:linear-gradient(135deg, #fff, #fff0f2);
  color:var(--fr3-red);
  font-weight:1000;
  letter-spacing:.06em;
  box-shadow:0 24px 64px rgba(183,15,40,.24), 0 0 0 10px rgba(255,255,255,.32);
}

.fr3-impact-ring{
  position:absolute;
  inset:0;
  border-radius:999px;
  border:1px dashed rgba(255,255,255,.58);
  animation:fr3OrbitSpin 16s linear infinite;
}

.fr3-impact-node{
  position:absolute;
  left:50%;
  top:50%;
  display:grid;
  place-items:center;
  min-width:72px;
  min-height:36px;
  padding:.45rem .65rem;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:var(--fr3-red-dark);
  font-size:.78rem;
  font-weight:900;
  box-shadow:0 14px 30px rgba(0,0,0,.16);
  transform:rotate(calc(var(--i) * 90deg)) translateX(116px) rotate(calc(var(--i) * -90deg));
}

.fr3-impact-copy{
  align-self:end;
  padding:clamp(1.2rem, 3vw, 2rem);
  border-radius:30px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 24px 56px rgba(17,24,39,.10);
  backdrop-filter:blur(16px);
}

.fr3-impact-copy h3,
.fr3-finance-copy h3{
  margin:.45rem 0 .65rem;
  font-size:clamp(1.55rem, 2.7vw, 2.65rem);
  line-height:1.08;
}

.fr3-impact-copy p,
.fr3-finance-copy p{
  margin:0;
  color:var(--fr3-text-soft);
  line-height:1.72;
}

.fr3-finance-stage{
  display:grid;
  grid-template-columns:260px minmax(0, 1fr) minmax(280px, .72fr);
  gap:1.2rem;
  align-items:center;
  padding:1.35rem;
  min-height:310px;
  background:
    radial-gradient(circle at 18% 38%, rgba(183,15,40,.24), transparent 30%),
    linear-gradient(135deg, #ffffff, #fff7f8 48%, #171923 48%, #241019);
}

.fr3-finance-radar{
  width:220px;
  height:220px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(183,15,40,.18);
  box-shadow:0 24px 58px rgba(183,15,40,.16);
}

.fr3-finance-radar span{
  position:absolute;
  inset:22px;
  border-radius:999px;
  border:1px solid rgba(183,15,40,.18);
  animation:fr3RadarPulse 2.8s ease-out infinite;
}

.fr3-finance-radar span:nth-child(2){ animation-delay:.55s; }
.fr3-finance-radar span:nth-child(3){ animation-delay:1.1s; }

.fr3-finance-radar b{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:118px;
  height:118px;
  border-radius:999px;
  background:linear-gradient(135deg, var(--fr3-red-dark), var(--fr3-red));
  color:#fff;
  font-size:2.25rem;
  box-shadow:0 18px 38px rgba(183,15,40,.28);
}

.fr3-finance-copy{
  padding:1rem .4rem;
}

.fr3-finance-bars{
  align-self:stretch;
  display:flex;
  align-items:end;
  justify-content:center;
  gap:.8rem;
  min-height:240px;
  padding:1.2rem;
  border-radius:28px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
  backdrop-filter:blur(12px);
}

.fr3-finance-bars span{
  position:relative;
  display:flex;
  align-items:end;
  justify-content:center;
  width:48px;
  height:var(--h);
  min-height:70px;
  border-radius:999px 999px 12px 12px;
  background:linear-gradient(180deg, #fff, #ffc6cf 58%, var(--fr3-red));
  box-shadow:0 16px 32px rgba(183,15,40,.24);
  animation:fr3BarLift 4s ease-in-out infinite;
}

.fr3-finance-bars span:nth-child(2){ animation-delay:.25s; }
.fr3-finance-bars span:nth-child(3){ animation-delay:.5s; }
.fr3-finance-bars span:nth-child(4){ animation-delay:.75s; }

.fr3-finance-bars b{
  position:absolute;
  top:-2.1rem;
  color:#fff;
  font-size:.84rem;
  white-space:nowrap;
}

@keyframes fr3RailPulse{
  0%{ background-position:0 0, 0 0; opacity:.35; }
  50%{ opacity:.74; }
  100%{ background-position:0 220px, 0 220px; opacity:.35; }
}

@keyframes fr3Scanner{
  0%,100%{ transform:translateX(-20%) rotate(4deg); opacity:.34; }
  48%,58%{ transform:translateX(18%) rotate(4deg); opacity:.78; }
}

@keyframes fr3StageSweep{
  0%,100%{ transform:translateX(-24%); opacity:.42; }
  52%{ transform:translateX(24%); opacity:.72; }
}

@keyframes fr3OrbitSpin{
  to{ transform:rotate(360deg); }
}

@keyframes fr3RadarPulse{
  0%{ transform:scale(.72); opacity:.52; }
  100%{ transform:scale(1.34); opacity:0; }
}

@keyframes fr3BarLift{
  0%,100%{ transform:translateY(0) scaleY(1); }
  50%{ transform:translateY(-8px) scaleY(1.045); }
}

@media (max-width: 1199.98px){
  .fr3-impact-stage,
  .fr3-finance-stage{
    grid-template-columns:1fr;
  }

  .fr3-impact-photo--side{
    left:auto;
    right:1.5rem;
    top:1.5rem;
    width:min(320px, 42vw);
  }

  .fr3-impact-core{
    left:52%;
  }

  .fr3-finance-bars{
    min-height:220px;
  }
}

@media (max-width: 991.98px){
  .fr3-main::before,
  .fr3-main::after{
    display:none;
  }

  .fr3-impact-stage,
  .fr3-finance-stage{
    border-radius:32px;
  }

  .fr3-impact-photo--main{
    min-height:330px;
  }

  .fr3-impact-photo--side,
  .fr3-impact-core{
    position:relative;
    inset:auto;
    left:auto;
    top:auto;
    width:100%;
    height:auto;
    transform:none;
  }

  .fr3-impact-core{
    min-height:220px;
    margin:.2rem 0;
  }

  .fr3-finance-radar{
    justify-self:center;
  }
}

@media (max-width: 575.98px){
  .fr3-impact-stage,
  .fr3-finance-stage{
    padding:.85rem;
    border-radius:24px;
  }

  .fr3-impact-photo,
  .fr3-impact-copy,
  .fr3-finance-bars{
    border-radius:22px;
  }

  .fr3-impact-photo--main{
    min-height:260px;
  }

  .fr3-impact-node{
    min-width:62px;
    transform:rotate(calc(var(--i) * 90deg)) translateX(102px) rotate(calc(var(--i) * -90deg));
  }

  .fr3-finance-radar{
    width:190px;
    height:190px;
  }

  .fr3-finance-radar b{
    width:102px;
    height:102px;
    font-size:1.95rem;
  }

  .fr3-finance-bars span{
    width:40px;
  }
}

@media (prefers-reduced-motion: reduce){
  body.fr3-page::after,
  .fr3-main::before,
  .fr3-main::after,
  .fr3-cinema-panel::before,
  .fr3-motion-band::before,
  .fr3-motion-band::after,
  .fr3-impact-stage::before,
  .fr3-finance-stage::before,
  .fr3-impact-ring,
  .fr3-finance-radar span,
  .fr3-finance-bars span{
    animation:none!important;
  }

  .fr3-cinema-panel.fr3-reveal.is-visible{
    transform:none!important;
  }
}

.fr3-ribbon-flow span{
  transition:transform .34s cubic-bezier(.2,.8,.2,1), box-shadow .34s ease;
}

.fr3-finance-radar{
  position:relative;
}

/* 2026-05-16b / Franchise + Franchise Detaylar: sade premium sunum, ayrılmış içerik ve güçlü ama sakin animasyon */
.fr3-hero-v4,
.fr3-detail-hero-v4{
  padding-top:clamp(4.5rem, 7vw, 6.8rem);
  padding-bottom:clamp(2.4rem, 5vw, 4rem);
}

.fr3-hero-v4::after,
.fr3-detail-hero-v4::after{
  content:"";
  position:absolute;
  left:50%;
  top:8%;
  width:min(1040px, 88vw);
  height:min(520px, 48vw);
  border-radius:999px;
  transform:translateX(-50%);
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 48%, rgba(183,15,40,.12), transparent 34%),
    radial-gradient(circle at 82% 38%, rgba(183,15,40,.10), transparent 32%);
  filter:blur(2px);
  opacity:.82;
}

.fr3-hero-grid--v4,
.fr3-detail-grid--v4{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);
  gap:clamp(2rem,4.6vw,4.4rem);
  align-items:center;
}

.fr3-launch-scene,
.fr3-rate-lab,
.fr3-decision-board,
.fr3-showcase-card,
.fr3-process-lane,
.fr3-journey-card--terminal{
  --fr3-surface-glow:rgba(183,15,40,.12);
  position:relative;
  isolation:isolate;
}

.fr3-launch-scene,
.fr3-rate-lab{
  min-height:560px;
  border:1px solid rgba(183,15,40,.18);
  border-radius:46px;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 12%, rgba(183,15,40,.16), transparent 32%),
    radial-gradient(circle at 86% 76%, rgba(17,24,39,.08), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.97), rgba(255,247,248,.96));
  box-shadow:0 34px 90px rgba(17,24,39,.13);
}

.fr3-launch-grid,
.fr3-rate-lab-grid{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(183,15,40,.055) 1px, transparent 1px),
    linear-gradient(180deg, rgba(183,15,40,.045) 1px, transparent 1px);
  background-size:74px 74px;
  mask-image:radial-gradient(circle at 50% 50%, #000 0 48%, transparent 78%);
  -webkit-mask-image:radial-gradient(circle at 50% 50%, #000 0 48%, transparent 78%);
  opacity:.78;
}

.fr3-launch-beam{
  position:absolute;
  inset:12% -22%;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(100deg, transparent 0 38%, rgba(183,15,40,.16) 46%, rgba(255,255,255,.85) 50%, rgba(183,15,40,.13) 54%, transparent 62% 100%);
  transform:translateX(-38%) rotate(-9deg);
  animation:fr3V4Beam 8.6s ease-in-out infinite;
}

.fr3-launch-device{
  position:absolute;
  z-index:3;
  left:50%;
  top:51%;
  width:min(310px, 52%);
  min-height:360px;
  padding:1rem;
  border-radius:34px;
  transform:translate(-50%,-50%);
  background:linear-gradient(145deg, #171923, #241019 62%, #ffffff 62%, #fff5f6);
  border:1px solid rgba(255,255,255,.58);
  box-shadow:0 34px 74px rgba(17,24,39,.26), 0 0 0 10px rgba(255,255,255,.38);
}

.fr3-launch-device::before{
  content:"";
  position:absolute;
  inset:1rem;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.14);
  pointer-events:none;
}

.fr3-device-top,
.fr3-device-screen,
.fr3-device-status{
  position:relative;
  z-index:1;
}

.fr3-device-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  color:#fff;
}

.fr3-device-top span{
  display:grid;
  place-items:center;
  width:72px;
  height:72px;
  border-radius:24px;
  background:#fff;
  color:var(--fr3-red);
  font-weight:1000;
  letter-spacing:.06em;
  box-shadow:0 20px 44px rgba(0,0,0,.22);
}

.fr3-device-top b{
  color:rgba(255,255,255,.78);
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  text-align:right;
}

.fr3-device-screen{
  display:grid;
  gap:.72rem;
  margin-top:2.2rem;
}

.fr3-device-screen span{
  display:flex;
  align-items:center;
  gap:.65rem;
  min-height:54px;
  padding:.74rem .8rem;
  border-radius:18px;
  background:rgba(255,255,255,.94);
  color:#172033;
  border:1px solid rgba(255,255,255,.50);
  font-weight:850;
  box-shadow:0 14px 28px rgba(17,24,39,.10);
}

.fr3-device-screen i{
  display:grid;
  place-items:center;
  flex:0 0 34px;
  width:34px;
  height:34px;
  border-radius:12px;
  background:var(--fr3-red-soft);
  color:var(--fr3-red);
}

.fr3-device-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
  margin-top:1rem;
  padding:.84rem .9rem;
  border-radius:18px;
  background:rgba(255,255,255,.20);
  color:#fff;
  border:1px solid rgba(255,255,255,.20);
  backdrop-filter:blur(12px);
}

.fr3-device-status b{
  color:#fff;
}

.fr3-device-status em{
  color:rgba(255,255,255,.72);
  font-style:normal;
  font-size:.82rem;
}

.fr3-launch-node{
  position:absolute;
  z-index:4;
  width:min(238px, 42%);
  padding:1rem;
  border-radius:24px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(183,15,40,.14);
  box-shadow:0 24px 56px rgba(17,24,39,.12);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transition:transform .38s cubic-bezier(.2,.8,.2,1), box-shadow .38s ease, border-color .38s ease;
}

.fr3-launch-node::after{
  content:"";
  position:absolute;
  width:54px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(183,15,40,.05), rgba(183,15,40,.42));
}

.fr3-launch-node--top{
  left:6%;
  top:9%;
}

.fr3-launch-node--top::after{
  right:-42px;
  bottom:34px;
  transform:rotate(18deg);
}

.fr3-launch-node--right{
  right:5%;
  top:26%;
}

.fr3-launch-node--right::after{
  left:-42px;
  bottom:34px;
  transform:rotate(-12deg);
}

.fr3-launch-node--bottom{
  left:8%;
  bottom:10%;
}

.fr3-launch-node--bottom::after{
  right:-42px;
  top:32px;
  transform:rotate(-16deg);
}

.fr3-launch-node i{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:16px;
  background:linear-gradient(135deg,var(--fr3-red-dark),var(--fr3-red));
  color:#fff;
  box-shadow:0 16px 28px rgba(183,15,40,.18);
}

.fr3-launch-node > span{
  position:absolute;
  right:1rem;
  top:1rem;
  color:rgba(183,15,40,.18);
  font-weight:1000;
  font-size:1.65rem;
  line-height:1;
}

.fr3-launch-node strong{
  display:block;
  margin:.9rem 0 .35rem;
  color:var(--fr3-text);
  font-size:1.04rem;
  letter-spacing:-.02em;
}

.fr3-launch-node p{
  margin:0;
  color:var(--fr3-text-soft);
  font-size:.88rem;
  line-height:1.55;
}

.fr3-launch-node.is-active,
.fr3-launch-pill.is-active,
.fr3-rate-node.is-active,
.fr3-process-item.is-active,
.fr3-journey-steps span.is-active,
.fr3-decision-step.is-active{
  border-color:rgba(183,15,40,.28);
  box-shadow:0 28px 68px rgba(183,15,40,.14), 0 0 0 1px rgba(183,15,40,.08) inset;
}

.fr3-launch-node.is-active,
.fr3-process-item.is-active{
  transform:translateY(-5px);
}

.fr3-launch-flow{
  position:absolute;
  z-index:5;
  right:5%;
  bottom:7%;
  display:flex;
  flex-wrap:wrap;
  gap:.48rem;
  max-width:280px;
  justify-content:flex-end;
}

.fr3-launch-pill{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:.42rem .72rem;
  border-radius:999px;
  background:#fff;
  color:var(--fr3-red);
  border:1px solid rgba(183,15,40,.14);
  box-shadow:0 12px 26px rgba(17,24,39,.08);
  font-size:.78rem;
  font-weight:900;
  transition:transform .34s ease, box-shadow .34s ease, background .34s ease, color .34s ease;
}

.fr3-launch-pill.is-active{
  background:linear-gradient(135deg,var(--fr3-red-dark),var(--fr3-red));
  color:#fff;
  transform:translateY(-2px);
}

.fr3-motion-band--v4{
  padding:clamp(3.8rem, 7vw, 6.2rem) 0;
}

.fr3-showcase-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  align-items:stretch;
}

.fr3-showcase-card{
  overflow:hidden;
  min-height:430px;
  padding:1.2rem;
  border:1px solid rgba(183,15,40,.15);
  border-radius:34px;
  background:rgba(255,255,255,.94);
  box-shadow:0 24px 60px rgba(17,24,39,.09);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transition:transform .32s cubic-bezier(.2,.8,.2,1), box-shadow .32s ease, border-color .32s ease;
}

.fr3-showcase-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(circle at var(--fr3-card-x, 22%) var(--fr3-card-y, 12%), rgba(183,15,40,.14), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.0), rgba(183,15,40,.025));
  pointer-events:none;
}

.fr3-showcase-card > *{
  position:relative;
  z-index:1;
}

.fr3-showcase-card:hover{
  transform:translateY(-6px);
  border-color:rgba(183,15,40,.24);
  box-shadow:0 34px 74px rgba(17,24,39,.13);
}

.fr3-showcase-card figure{
  position:relative;
  overflow:hidden;
  min-height:210px;
  margin:0 0 1.1rem;
  border-radius:26px;
  background:#111827;
}

.fr3-showcase-card figure img{
  width:100%;
  height:100%;
  min-height:210px;
  object-fit:cover;
  transform:scale(1.035);
  transition:transform .82s cubic-bezier(.2,.8,.2,1), filter .82s ease;
}

.fr3-showcase-card:hover figure img{
  transform:scale(1.09);
  filter:saturate(1.08) contrast(1.04);
}

.fr3-showcase-card figcaption{
  position:absolute;
  left:.9rem;
  bottom:.9rem;
  display:inline-flex;
  align-items:center;
  gap:.48rem;
  padding:.55rem .72rem;
  border-radius:999px;
  background:rgba(255,255,255,.90);
  color:var(--fr3-red);
  font-size:.78rem;
  font-weight:900;
  box-shadow:0 12px 28px rgba(17,24,39,.18);
  backdrop-filter:blur(12px);
}

.fr3-showcase-card--center{
  display:grid;
  align-content:center;
  min-height:430px;
  background:
    radial-gradient(circle at 50% 28%, rgba(183,15,40,.18), transparent 34%),
    linear-gradient(145deg, #fff, #fff6f7);
}

.fr3-showcase-orb{
  display:grid;
  place-items:center;
  width:118px;
  height:118px;
  margin:0 auto 1.4rem;
  border-radius:999px;
  background:linear-gradient(135deg,var(--fr3-red-dark),var(--fr3-red));
  color:#fff;
  font-size:2.4rem;
  box-shadow:0 28px 58px rgba(183,15,40,.23), 0 0 0 12px rgba(183,15,40,.07);
  animation:fr3V4Orb 4.8s ease-in-out infinite;
}

.fr3-showcase-no{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  margin-bottom:1rem;
  border-radius:16px;
  background:var(--fr3-red-soft);
  color:var(--fr3-red);
  font-weight:1000;
}

.fr3-showcase-card h3{
  margin:0 0 .55rem;
  color:var(--fr3-text);
  font-size:clamp(1.28rem, 2vw, 1.7rem);
  line-height:1.16;
}

.fr3-showcase-card p{
  margin:0;
  color:var(--fr3-text-soft);
  line-height:1.72;
}

.fr3-showcase-meter{
  display:grid;
  gap:.55rem;
  margin-top:1.25rem;
}

.fr3-showcase-meter span{
  display:block;
  height:10px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(183,15,40,.18), rgba(183,15,40,.72));
  transform-origin:left;
  animation:fr3V4Meter 4.8s ease-in-out infinite;
}

.fr3-showcase-meter span:nth-child(2){ width:78%; animation-delay:.28s; }
.fr3-showcase-meter span:nth-child(3){ width:58%; animation-delay:.56s; }

.fr3-process-lane{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.85rem;
  margin-top:1.25rem;
  padding:1rem;
  border:1px solid rgba(183,15,40,.12);
  border-radius:30px;
  background:rgba(255,255,255,.72);
  box-shadow:0 20px 54px rgba(17,24,39,.07);
  backdrop-filter:blur(14px);
}

.fr3-process-item{
  position:relative;
  overflow:hidden;
  min-height:142px;
  padding:1rem;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(17,24,39,.07);
  box-shadow:0 14px 30px rgba(17,24,39,.05);
  transition:transform .34s ease, box-shadow .34s ease, border-color .34s ease;
}

.fr3-process-item::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:4px;
  background:linear-gradient(90deg,var(--fr3-red-dark),var(--fr3-red));
  transform-origin:left;
  transform:scaleX(.28);
  opacity:.38;
  transition:transform .36s ease, opacity .36s ease;
}

.fr3-process-item.is-active::before,
.fr3-process-item:hover::before{
  transform:scaleX(1);
  opacity:1;
}

.fr3-process-item b{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  background:var(--fr3-red-soft);
  color:var(--fr3-red);
  font-weight:1000;
}

.fr3-process-item strong{
  display:block;
  margin:.78rem 0 .26rem;
  color:var(--fr3-text);
}

.fr3-process-item span{
  color:var(--fr3-text-soft);
  font-size:.9rem;
  line-height:1.52;
}

.fr3-journey-card--terminal{
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 0%, rgba(183,15,40,.13), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,246,247,.96));
}

.fr3-journey-card--terminal::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg, transparent 0 42%, rgba(255,255,255,.70) 48%, transparent 56% 100%);
  transform:translateX(-120%);
  animation:fr3V4PanelSweep 8.8s ease-in-out infinite;
}

.fr3-journey-card--terminal > *{
  position:relative;
  z-index:1;
}

.fr3-journey-steps--icons span{
  position:relative;
  overflow:hidden;
  background:#fff;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.fr3-journey-steps--icons span::after{
  content:"";
  position:absolute;
  inset:auto 1rem .72rem 4.4rem;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(183,15,40,.18), rgba(183,15,40,.58));
  transform:scaleX(.22);
  transform-origin:left;
  opacity:.36;
  transition:transform .36s ease, opacity .36s ease;
}

.fr3-journey-steps--icons span.is-active,
.fr3-journey-steps--icons span:hover{
  transform:translateY(-3px);
}

.fr3-journey-steps--icons span.is-active::after,
.fr3-journey-steps--icons span:hover::after{
  transform:scaleX(1);
  opacity:1;
}

.fr3-rate-lab{
  min-height:540px;
}

.fr3-rate-lab-core{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  display:grid;
  place-items:center;
  width:220px;
  height:220px;
  border-radius:999px;
  transform:translate(-50%,-50%);
  background:linear-gradient(135deg,#fff,#fff1f3);
  border:1px solid rgba(183,15,40,.18);
  box-shadow:0 30px 70px rgba(183,15,40,.16), 0 0 0 14px rgba(255,255,255,.48);
}

.fr3-rate-lab-core::before,
.fr3-rate-lab-core::after{
  content:"";
  position:absolute;
  inset:-24px;
  border-radius:999px;
  border:1px dashed rgba(183,15,40,.24);
  animation:fr3V4Rotate 18s linear infinite;
}

.fr3-rate-lab-core::after{
  inset:-48px;
  opacity:.52;
  animation-duration:26s;
  animation-direction:reverse;
}

.fr3-rate-lab-core span,
.fr3-rate-lab-core strong,
.fr3-rate-lab-core em{
  position:relative;
  z-index:1;
}

.fr3-rate-lab-core span{
  color:var(--fr3-red);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.fr3-rate-lab-core strong{
  margin-top:.2rem;
  color:var(--fr3-text);
  font-size:2.3rem;
  line-height:1;
}

.fr3-rate-lab-core em{
  color:var(--fr3-text-soft);
  font-size:.82rem;
  font-style:normal;
  font-weight:800;
}

.fr3-rate-node{
  position:absolute;
  z-index:4;
  width:min(210px, 40%);
  padding:1rem;
  border-radius:24px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(183,15,40,.14);
  box-shadow:0 24px 56px rgba(17,24,39,.11);
  backdrop-filter:blur(14px);
  transition:transform .36s ease, box-shadow .36s ease, border-color .36s ease;
}

.fr3-rate-node--one{ left:6%; top:10%; }
.fr3-rate-node--two{ right:6%; top:12%; }
.fr3-rate-node--three{ left:7%; bottom:10%; }
.fr3-rate-node--four{ right:7%; bottom:10%; }

.fr3-rate-node span{
  display:block;
  color:var(--fr3-text-soft);
  font-size:.82rem;
  font-weight:850;
}

.fr3-rate-node strong{
  display:block;
  margin:.42rem 0 .22rem;
  color:var(--fr3-red);
  font-size:2.35rem;
  line-height:1;
}

.fr3-rate-node small{
  display:block;
  color:var(--fr3-text-soft);
  font-weight:750;
}

.fr3-rate-node.is-active{
  transform:translateY(-5px) scale(1.035);
}

.fr3-decision-board{
  display:grid;
  grid-template-columns:minmax(0,1fr) 240px minmax(300px,.72fr);
  gap:1rem;
  align-items:center;
  margin:1.3rem 0 2rem;
  padding:1.25rem;
  border-radius:38px;
  border:1px solid rgba(183,15,40,.18);
  background:
    radial-gradient(circle at 18% 30%, rgba(183,15,40,.13), transparent 30%),
    linear-gradient(135deg, #fff, #fff7f8 54%, #171923 54%, #251018);
  box-shadow:0 32px 82px rgba(17,24,39,.13);
  overflow:hidden;
}

.fr3-decision-board::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(110deg, transparent 0 40%, rgba(255,255,255,.18) 48%, transparent 58% 100%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 1px, transparent 1px 84px);
  pointer-events:none;
  transform:translateX(-24%);
  animation:fr3V4Beam 9.2s ease-in-out infinite;
}

.fr3-decision-board > *{
  position:relative;
  z-index:1;
}

.fr3-decision-copy{
  padding:1.2rem;
}

.fr3-decision-copy h3{
  margin:.45rem 0 .65rem;
  font-size:clamp(1.55rem,2.7vw,2.55rem);
  line-height:1.08;
}

.fr3-decision-copy p{
  margin:0;
  color:var(--fr3-text-soft);
  line-height:1.72;
}

.fr3-decision-meter{
  justify-self:center;
  display:grid;
  place-items:center;
  width:210px;
  height:210px;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(183,15,40,.18);
  box-shadow:0 24px 58px rgba(183,15,40,.16);
}

.fr3-decision-ring{
  position:absolute;
  inset:14px;
  border-radius:999px;
  background:conic-gradient(from 210deg, var(--fr3-red) 0 68%, rgba(183,15,40,.12) 68% 100%);
  mask:radial-gradient(circle, transparent 0 59%, #000 60% 100%);
  -webkit-mask:radial-gradient(circle, transparent 0 59%, #000 60% 100%);
  animation:fr3V4MeterSpin 5.8s ease-in-out infinite;
}

.fr3-decision-meter b{
  position:relative;
  z-index:1;
  color:var(--fr3-red);
  font-size:2.8rem;
  line-height:1;
}

.fr3-decision-meter em{
  position:relative;
  z-index:1;
  margin-top:.25rem;
  color:var(--fr3-text-soft);
  font-style:normal;
  font-size:.82rem;
  font-weight:850;
}

.fr3-decision-steps{
  align-self:stretch;
  display:flex;
  align-items:end;
  justify-content:center;
  gap:.72rem;
  min-height:250px;
  padding:1rem;
  border-radius:28px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.15);
  backdrop-filter:blur(12px);
}

.fr3-decision-step{
  position:relative;
  display:flex;
  align-items:end;
  justify-content:center;
  width:54px;
  height:100%;
  border-radius:999px 999px 16px 16px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  transition:transform .34s ease, box-shadow .34s ease;
}

.fr3-decision-step i{
  display:block;
  width:100%;
  height:var(--h);
  min-height:70px;
  border-radius:inherit;
  background:linear-gradient(180deg,#fff,#ffc6cf 55%,var(--fr3-red));
  box-shadow:0 18px 34px rgba(183,15,40,.24);
  animation:fr3V4Bar 4.7s ease-in-out infinite;
}

.fr3-decision-step:nth-child(2) i{ animation-delay:.18s; }
.fr3-decision-step:nth-child(3) i{ animation-delay:.36s; }
.fr3-decision-step:nth-child(4) i{ animation-delay:.54s; }

.fr3-decision-step b{
  position:absolute;
  top:.2rem;
  color:#fff;
  font-size:.82rem;
  white-space:nowrap;
}

.fr3-decision-step.is-active{
  transform:translateY(-5px);
}

.fr3-detail-layout--v4 .fr3-mini-table,
.fr3-detail-layout--v4 .fr3-calc-card{
  border-color:rgba(183,15,40,.15);
  box-shadow:0 26px 64px rgba(17,24,39,.09);
}

.fr3-detail-layout--v4 .fr3-mini-table > div:not(:first-child){
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.fr3-detail-layout--v4 .fr3-mini-table > div:not(:first-child):hover{
  transform:translateX(4px);
  box-shadow:0 14px 28px rgba(183,15,40,.08);
}

@keyframes fr3V4Beam{
  0%,100%{ transform:translateX(-38%) rotate(-9deg); opacity:.38; }
  50%{ transform:translateX(38%) rotate(-9deg); opacity:.78; }
}

@keyframes fr3V4Orb{
  0%,100%{ transform:translateY(0) scale(1); box-shadow:0 28px 58px rgba(183,15,40,.23), 0 0 0 12px rgba(183,15,40,.07); }
  50%{ transform:translateY(-6px) scale(1.025); box-shadow:0 34px 70px rgba(183,15,40,.28), 0 0 0 18px rgba(183,15,40,.05); }
}

@keyframes fr3V4Meter{
  0%,100%{ transform:scaleX(.34); opacity:.55; }
  50%{ transform:scaleX(1); opacity:1; }
}

@keyframes fr3V4PanelSweep{
  0%,60%{ transform:translateX(-120%); opacity:0; }
  75%{ opacity:.75; }
  100%{ transform:translateX(120%); opacity:0; }
}

@keyframes fr3V4Rotate{
  to{ transform:rotate(360deg); }
}

@keyframes fr3V4MeterSpin{
  0%,100%{ transform:rotate(-8deg); }
  50%{ transform:rotate(12deg); }
}

@keyframes fr3V4Bar{
  0%,100%{ transform:translateY(0) scaleY(1); }
  50%{ transform:translateY(-7px) scaleY(1.035); }
}

@media (max-width:1199.98px){
  .fr3-hero-grid--v4,
  .fr3-detail-grid--v4{
    grid-template-columns:1fr;
  }

  .fr3-launch-scene,
  .fr3-rate-lab{
    min-height:540px;
  }

  .fr3-decision-board{
    grid-template-columns:1fr;
  }

  .fr3-decision-steps{
    min-height:220px;
  }
}

@media (max-width:991.98px){
  .fr3-showcase-grid,
  .fr3-process-lane{
    grid-template-columns:1fr;
  }

  .fr3-showcase-card,
  .fr3-showcase-card--center{
    min-height:auto;
  }

  .fr3-process-item{
    min-height:auto;
  }
}

@media (max-width:767.98px){
  .fr3-launch-scene,
  .fr3-rate-lab{
    min-height:auto;
    padding:1rem;
    border-radius:30px;
  }

  .fr3-launch-device,
  .fr3-launch-node,
  .fr3-rate-lab-core,
  .fr3-rate-node,
  .fr3-launch-flow{
    position:relative;
    inset:auto;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    width:100%;
    max-width:none;
    transform:none;
  }

  .fr3-launch-device{
    min-height:auto;
    margin-bottom:1rem;
  }

  .fr3-launch-node,
  .fr3-rate-node{
    margin-top:.75rem;
  }

  .fr3-launch-node::after{
    display:none;
  }

  .fr3-launch-flow{
    justify-content:flex-start;
    margin-top:.85rem;
  }

  .fr3-rate-lab-core{
    width:100%;
    height:auto;
    min-height:168px;
    border-radius:26px;
    margin-bottom:.9rem;
  }

  .fr3-rate-lab-core::before,
  .fr3-rate-lab-core::after{
    display:none;
  }

  .fr3-decision-steps{
    min-height:190px;
  }
}

@media (max-width:575.98px){
  .fr3-hero-v4,
  .fr3-detail-hero-v4{
    padding-top:3rem;
  }

  .fr3-launch-device,
  .fr3-launch-node,
  .fr3-showcase-card,
  .fr3-process-lane,
  .fr3-decision-board,
  .fr3-journey-card--terminal{
    border-radius:24px;
  }

  .fr3-device-top{
    align-items:flex-start;
    flex-direction:column;
  }

  .fr3-device-top b{
    text-align:left;
  }

  .fr3-showcase-card figure,
  .fr3-showcase-card figure img{
    min-height:180px;
  }

  .fr3-decision-step{
    width:42px;
  }
}

@media (prefers-reduced-motion: reduce){
  .fr3-launch-beam,
  .fr3-journey-card--terminal::before,
  .fr3-showcase-orb,
  .fr3-showcase-meter span,
  .fr3-rate-lab-core::before,
  .fr3-rate-lab-core::after,
  .fr3-decision-board::before,
  .fr3-decision-ring,
  .fr3-decision-step i{
    animation:none!important;
  }

  .fr3-launch-node,
  .fr3-launch-pill,
  .fr3-rate-node,
  .fr3-process-item,
  .fr3-journey-steps--icons span,
  .fr3-decision-step{
    transition:none!important;
  }
}

/* 2026-05-17 / Franchise 1.25.0 yeniden tasarım: sunum sayfası + kurumsal detay dosyası */
.fr4-page{
  --fr4-red:#b70f28;
  --fr4-red-dark:#82121e;
  --fr4-ink:#121723;
  --fr4-muted:#687182;
  --fr4-soft:#fff5f6;
  --fr4-line:rgba(18,23,35,.10);
  --fr4-red-line:rgba(183,15,40,.20);
  --fr4-shadow:0 28px 76px rgba(18,23,35,.12);
  --fr4-shadow-soft:0 18px 42px rgba(18,23,35,.08);
  --fr4-radius:34px;
  background:
    radial-gradient(circle at 8% 20%, rgba(183,15,40,.13), transparent 26%),
    radial-gradient(circle at 94% 18%, rgba(183,15,40,.10), transparent 24%),
    linear-gradient(180deg,#ffffff 0%,#f7f8fb 48%,#ffffff 100%);
}

.fr4-page::before{
  background:
    linear-gradient(90deg, rgba(183,15,40,.11), transparent 10%, transparent 90%, rgba(183,15,40,.11)),
    repeating-linear-gradient(90deg, rgba(18,23,35,.022) 0 1px, transparent 1px 92px);
  opacity:.72;
}

.fr4-main{
  overflow:hidden;
}

.fr4-main .container{
  width:min(100%,1360px);
}

.fr4-hero,
.fr4-strip,
.fr4-showcase,
.fr4-layers,
.fr4-roadmap,
.fr4-corporate-summary,
.fr4-rates,
.fr4-legal,
.fr4-application-file,
.fr4-notice,
.fr4-cta{
  position:relative;
  z-index:1;
}

.fr4-hero{
  padding:clamp(4.3rem,7vw,7.2rem) 0 clamp(2.6rem,5vw,4.6rem);
}

.fr4-hero::before,
.fr4-hero::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
}

.fr4-hero::before{
  inset:7% auto auto 50%;
  width:min(760px,74vw);
  height:min(760px,74vw);
  border-radius:999px;
  transform:translateX(-8%);
  background:radial-gradient(circle, rgba(183,15,40,.16), transparent 64%);
  filter:blur(2px);
  animation:fr4FloatGlow 11s ease-in-out infinite;
}

.fr4-hero::after{
  inset:8% -14% auto auto;
  width:min(520px,44vw);
  height:min(520px,44vw);
  border-radius:999px;
  background:repeating-radial-gradient(circle, rgba(183,15,40,.22) 0 2px, transparent 2px 18px);
  opacity:.18;
  mask-image:linear-gradient(90deg, transparent, #000 24%, #000 70%, transparent);
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 24%, #000 70%, transparent);
}

.fr4-hero-shell,
.fr4-detail-hero-shell{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);
  gap:clamp(2rem,5vw,5rem);
  align-items:center;
}

.fr4-detail-hero-shell{
  grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);
}

.fr4-hero-copy h1{
  max-width:14ch;
  margin:0;
  color:var(--fr4-ink);
  font-size:clamp(2.75rem,5.1vw,5.35rem);
  line-height:.98;
  letter-spacing:-.066em;
}

.fr4-page--detail .fr4-hero-copy h1{
  max-width:16ch;
  font-size:clamp(2.45rem,4.5vw,4.95rem);
}

.fr4-kicker,
.fr4-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  color:var(--fr4-red);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.09em;
}

.fr4-kicker{
  min-height:42px;
  padding:.58rem .88rem;
  margin-bottom:1.1rem;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  border:1px solid var(--fr4-red-line);
  box-shadow:0 12px 28px rgba(183,15,40,.09);
  font-size:.8rem;
}

.fr4-eyebrow{
  font-size:.8rem;
  margin-bottom:.75rem;
}

.fr4-lead{
  max-width:760px;
  margin:1.25rem 0 0;
  color:var(--fr4-muted);
  font-size:clamp(1.02rem,1.35vw,1.18rem);
  line-height:1.82;
}

.fr4-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.85rem;
  margin-top:1.85rem;
}

.fr4-actions--end{
  justify-content:flex-end;
}

.fr4-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:.72rem;
  margin-top:1.35rem;
}

.fr4-trust-row span{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  min-height:42px;
  padding:.62rem .86rem;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--fr4-line);
  color:var(--fr4-ink);
  box-shadow:var(--fr4-shadow-soft);
  font-weight:800;
}

.fr4-trust-row b{
  color:var(--fr4-red);
  font-size:.78rem;
}

.fr4-stage,
.fr4-document-stack{
  position:relative;
  min-height:620px;
  border-radius:48px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 18% 16%, rgba(183,15,40,.24), transparent 32%),
    linear-gradient(135deg,#171923 0%,#271118 46%,#fff6f7 46%,#ffffff 100%);
  border:1px solid rgba(183,15,40,.20);
  box-shadow:var(--fr4-shadow);
}

.fr4-stage::before,
.fr4-document-stack::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(110deg, transparent 0 36%, rgba(255,255,255,.18) 46%, transparent 56% 100%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.055) 0 1px, transparent 1px 86px);
  transform:translateX(-28%);
  animation:fr4StageScan 8.6s ease-in-out infinite;
}

.fr4-stage-photo{
  position:absolute;
  inset:1.1rem 1.1rem 6.8rem 1.1rem;
  margin:0;
  overflow:hidden;
  border-radius:36px;
  border:1px solid rgba(255,255,255,.36);
  background:#111827;
  box-shadow:0 26px 62px rgba(0,0,0,.28);
}

.fr4-stage-photo::after,
.fr4-document-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.52));
  pointer-events:none;
}

.fr4-stage-photo img,
.fr4-document-image img,
.fr4-presentation-card figure img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.03);
  transition:transform .9s cubic-bezier(.2,.8,.2,1), filter .9s ease;
}

.fr4-stage:hover .fr4-stage-photo img,
.fr4-document-stack:hover .fr4-document-image img,
.fr4-presentation-card:hover figure img{
  transform:scale(1.09);
  filter:saturate(1.08) contrast(1.05);
}

.fr4-stage-card,
.fr4-stage-kpis,
.fr4-stage-flow,
.fr4-doc-card{
  position:absolute;
  z-index:3;
}

.fr4-stage-card--top{
  left:2rem;
  top:2rem;
  width:min(310px,calc(100% - 4rem));
  padding:1rem;
  border-radius:24px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 22px 48px rgba(0,0,0,.15);
  backdrop-filter:blur(16px);
}

.fr4-stage-card span,
.fr4-doc-card span{
  color:var(--fr4-red);
  font-size:.78rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.fr4-stage-card strong,
.fr4-doc-card strong{
  display:block;
  margin:.35rem 0 .3rem;
  color:var(--fr4-ink);
  font-size:1.25rem;
  line-height:1.2;
}

.fr4-stage-card small,
.fr4-doc-card small{
  color:var(--fr4-muted);
  line-height:1.55;
}

.fr4-stage-kpis{
  right:1.35rem;
  top:1.35rem;
  display:grid;
  gap:.65rem;
}

.fr4-stage-kpi{
  display:flex;
  align-items:center;
  gap:.65rem;
  min-width:174px;
  padding:.72rem .78rem;
  border-radius:18px;
  background:rgba(255,255,255,.90);
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 18px 34px rgba(17,24,39,.12);
  backdrop-filter:blur(16px);
  transition:transform .32s ease, box-shadow .32s ease;
}

.fr4-stage-kpi b{
  display:grid;
  place-items:center;
  flex:0 0 44px;
  width:44px;
  height:44px;
  border-radius:15px;
  background:linear-gradient(135deg,var(--fr4-red-dark),var(--fr4-red));
  color:#fff;
  font-size:1.18rem;
}

.fr4-stage-kpi em{
  color:var(--fr4-ink);
  font-style:normal;
  font-size:.86rem;
  font-weight:850;
  line-height:1.25;
}

.fr4-stage-kpi.is-active{
  transform:translateY(-4px) scale(1.025);
  box-shadow:0 24px 50px rgba(183,15,40,.18);
}

.fr4-stage-flow{
  left:1.35rem;
  right:1.35rem;
  bottom:1.35rem;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.68rem;
  padding:.78rem;
  border-radius:26px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.64);
  box-shadow:0 22px 54px rgba(17,24,39,.13);
  backdrop-filter:blur(18px);
}

.fr4-stage-step{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.42rem;
  min-height:48px;
  padding:.66rem .52rem;
  border-radius:18px;
  background:#fff;
  border:1px solid var(--fr4-line);
  color:var(--fr4-ink);
  font-size:.88rem;
  font-weight:850;
  transition:transform .32s ease, background .32s ease, color .32s ease, border-color .32s ease;
}

.fr4-stage-step i{
  color:var(--fr4-red);
}

.fr4-stage-step.is-active,
.fr4-layer-card.is-active,
.fr4-roadmap-step.is-active,
.fr4-file-step.is-active,
.fr4-doc-card.is-active{
  transform:translateY(-4px);
  border-color:rgba(183,15,40,.30)!important;
  box-shadow:0 24px 58px rgba(183,15,40,.13)!important;
}

.fr4-stage-step.is-active{
  background:linear-gradient(135deg,var(--fr4-red-dark),var(--fr4-red));
  color:#fff;
}

.fr4-stage-step.is-active i{
  color:#fff;
}

.fr4-strip{
  padding:0 0 clamp(2.8rem,5vw,4.5rem);
}

.fr4-strip-grid,
.fr4-summary-grid,
.fr4-legal-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}

.fr4-strip-grid article,
.fr4-summary-card,
.fr4-legal-card,
.fr4-presentation-card,
.fr4-calc-card,
.fr4-invoice-card{
  position:relative;
  overflow:hidden;
  border:1px solid var(--fr4-line);
  background:rgba(255,255,255,.93);
  box-shadow:var(--fr4-shadow-soft);
  backdrop-filter:blur(14px);
}

.fr4-strip-grid article{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.75rem 1rem;
  align-items:start;
  padding:1.25rem;
  border-radius:26px;
}

.fr4-strip-grid i,
.fr4-icon,
.fr4-summary-card i,
.fr4-legal-card i{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:18px;
  color:#fff;
  background:linear-gradient(135deg,var(--fr4-red-dark),var(--fr4-red));
  box-shadow:0 16px 32px rgba(183,15,40,.18);
}

.fr4-strip-grid strong{
  display:block;
  color:var(--fr4-ink);
  font-size:1.08rem;
}

.fr4-strip-grid span{
  grid-column:2;
  color:var(--fr4-muted);
  line-height:1.65;
}

.fr4-showcase,
.fr4-corporate-summary,
.fr4-legal{
  padding:clamp(4.4rem,7vw,6.4rem) 0;
}

.fr4-section-head{
  max-width:830px;
  margin-bottom:2rem;
}

.fr4-section-head h2,
.fr4-roadmap-copy h2,
.fr4-file-copy h2{
  margin:0;
  color:var(--fr4-ink);
  font-size:clamp(2rem,3.6vw,3.6rem);
  line-height:1.08;
  letter-spacing:-.055em;
}

.fr4-section-head p,
.fr4-roadmap-copy p,
.fr4-file-copy p{
  max-width:780px;
  margin:.9rem 0 0;
  color:var(--fr4-muted);
  line-height:1.78;
  font-size:1.04rem;
}

.fr4-presentation-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr) minmax(260px,.65fr);
  gap:1rem;
}

.fr4-presentation-card{
  min-height:330px;
  padding:1.25rem;
  border-radius:34px;
  transition:transform .34s cubic-bezier(.2,.8,.2,1), box-shadow .34s ease, border-color .34s ease;
}

.fr4-presentation-card::before,
.fr4-summary-card::before,
.fr4-legal-card::before,
.fr4-calc-card::before,
.fr4-invoice-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at var(--fr3-card-x,22%) var(--fr3-card-y,12%), rgba(183,15,40,.13), transparent 38%);
  opacity:.9;
}

.fr4-presentation-card:hover,
.fr4-summary-card:hover,
.fr4-legal-card:hover{
  transform:translateY(-6px);
  border-color:var(--fr4-red-line);
  box-shadow:0 32px 74px rgba(18,23,35,.14);
}

.fr4-presentation-card > *,
.fr4-summary-card > *,
.fr4-legal-card > *,
.fr4-calc-card > *,
.fr4-invoice-card > *{
  position:relative;
  z-index:1;
}

.fr4-presentation-card--wide{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:1.1rem;
  align-items:end;
}

.fr4-presentation-card figure{
  height:100%;
  min-height:300px;
  margin:0;
  overflow:hidden;
  border-radius:28px;
  background:#111827;
}

.fr4-card-no{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 .7rem;
  border-radius:999px;
  background:var(--fr4-soft);
  color:var(--fr4-red);
  font-weight:950;
  font-size:.82rem;
}

.fr4-presentation-card h3,
.fr4-summary-card strong,
.fr4-legal-card h3,
.fr4-calc-card h3,
.fr4-invoice-card h3{
  display:block;
  margin:1rem 0 .55rem;
  color:var(--fr4-ink);
  font-size:clamp(1.25rem,1.8vw,1.65rem);
  line-height:1.18;
}

.fr4-presentation-card p,
.fr4-summary-card span,
.fr4-legal-card p,
.fr4-calc-card p,
.fr4-invoice-card p{
  margin:0;
  color:var(--fr4-muted);
  line-height:1.72;
}

.fr4-layers{
  padding:clamp(3.8rem,7vw,6rem) 0;
}

.fr4-layer-shell,
.fr4-roadmap-card,
.fr4-file-card,
.fr4-cta-card{
  position:relative;
  overflow:hidden;
  border-radius:42px;
  border:1px solid rgba(183,15,40,.20);
  box-shadow:var(--fr4-shadow);
}

.fr4-layer-shell{
  padding:clamp(1.4rem,3vw,2.2rem);
  background:
    radial-gradient(circle at 20% 24%, rgba(183,15,40,.34), transparent 30%),
    linear-gradient(135deg,#171923 0%,#281119 50%,#ffffff 50%,#fff6f7 100%);
}

.fr4-layer-shell::before,
.fr4-roadmap-card::before,
.fr4-file-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(108deg, transparent 0 40%, rgba(255,255,255,.16) 48%, transparent 58% 100%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 1px, transparent 1px 86px);
  transform:translateX(-28%);
  animation:fr4StageScan 9.4s ease-in-out infinite;
}

.fr4-section-head--inverse h2,
.fr4-section-head--inverse p{
  color:#fff;
}

.fr4-section-head--inverse .fr4-eyebrow{
  color:#fff;
}

.fr4-layer-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}

.fr4-layer-card{
  min-height:260px;
  padding:1.3rem;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.32);
  background:rgba(255,255,255,.90);
  box-shadow:0 26px 60px rgba(0,0,0,.12);
  backdrop-filter:blur(16px);
  transition:transform .34s ease, box-shadow .34s ease, border-color .34s ease;
}

.fr4-layer-card b{
  display:inline-flex;
  color:rgba(183,15,40,.24);
  font-size:2.4rem;
  line-height:1;
  font-weight:1000;
}

.fr4-layer-card i{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  margin-top:1.2rem;
  border-radius:20px;
  color:#fff;
  background:linear-gradient(135deg,var(--fr4-red-dark),var(--fr4-red));
  box-shadow:0 16px 34px rgba(183,15,40,.20);
}

.fr4-layer-card strong,
.fr4-file-step strong,
.fr4-roadmap-step strong{
  display:block;
  margin:.95rem 0 .4rem;
  color:var(--fr4-ink);
  font-size:1.12rem;
}

.fr4-layer-card span,
.fr4-file-step span,
.fr4-roadmap-step span{
  color:var(--fr4-muted);
  line-height:1.62;
}

.fr4-roadmap,
.fr4-application-file{
  padding:clamp(3.8rem,7vw,6rem) 0;
}

.fr4-roadmap-card,
.fr4-file-card{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);
  gap:1.4rem;
  align-items:center;
  padding:clamp(1.35rem,3vw,2.2rem);
  background:rgba(255,255,255,.94);
}

.fr4-roadmap-card::before,
.fr4-file-card::before{
  opacity:.32;
}

.fr4-roadmap-copy,
.fr4-file-copy,
.fr4-roadmap-line,
.fr4-file-steps{
  position:relative;
  z-index:1;
}

.fr4-roadmap-line{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.85rem;
}

.fr4-roadmap-step,
.fr4-file-step{
  position:relative;
  min-height:210px;
  padding:1rem;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--fr4-line);
  box-shadow:var(--fr4-shadow-soft);
  transition:transform .34s ease, border-color .34s ease, box-shadow .34s ease;
}

.fr4-roadmap-step b,
.fr4-file-step b{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:16px;
  background:var(--fr4-soft);
  color:var(--fr4-red);
  font-weight:950;
}

.fr4-cta{
  padding:clamp(3rem,6vw,5rem) 0 1rem;
}

.fr4-cta-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);
  gap:1.2rem;
  align-items:center;
  padding:clamp(1.35rem,3vw,2.2rem);
  background:
    radial-gradient(circle at 12% 22%, rgba(183,15,40,.14), transparent 32%),
    linear-gradient(135deg,#fff,#fff6f7);
}

.fr4-cta-card h2{
  margin:0;
  color:var(--fr4-ink);
  font-size:clamp(1.8rem,3vw,3rem);
  line-height:1.1;
}

.fr4-cta-card p{
  max-width:720px;
  margin:.85rem 0 0;
  color:var(--fr4-muted);
  line-height:1.75;
}

/* Detay sayfası */
.fr4-main--detail .fr4-hero{
  padding-bottom:clamp(3rem,5vw,5rem);
}

.fr4-breadcrumb{
  display:flex;
  align-items:center;
  gap:.5rem;
  margin-bottom:1rem;
  color:var(--fr4-muted);
  font-weight:800;
}

.fr4-breadcrumb a{
  color:var(--fr4-muted);
}

.fr4-breadcrumb a:hover{
  color:var(--fr4-red);
}

.fr4-document-stack{
  min-height:610px;
  background:
    radial-gradient(circle at 82% 14%, rgba(183,15,40,.24), transparent 30%),
    linear-gradient(135deg,#ffffff 0%,#fff7f8 48%,#171923 48%,#271118 100%);
}

.fr4-document-image{
  position:absolute;
  inset:1.1rem 1.1rem auto 1.1rem;
  height:330px;
  margin:0;
  overflow:hidden;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.40);
  background:#111827;
  box-shadow:0 26px 62px rgba(17,24,39,.18);
}

.fr4-doc-card{
  left:1.35rem;
  right:1.35rem;
  display:flex;
  align-items:center;
  gap:.75rem;
  min-height:68px;
  padding:.82rem 1rem;
  border-radius:20px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.64);
  box-shadow:0 20px 46px rgba(17,24,39,.14);
  backdrop-filter:blur(16px);
  transition:transform .34s ease, border-color .34s ease, box-shadow .34s ease;
}

.fr4-doc-card i{
  display:grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(135deg,var(--fr4-red-dark),var(--fr4-red));
}

.fr4-doc-card b{
  color:var(--fr4-ink);
  line-height:1.35;
}

.fr4-doc-card--main{
  top:352px;
  display:block;
  min-height:112px;
}

.fr4-doc-card:nth-of-type(2){ top:478px; }
.fr4-doc-card:nth-of-type(3){ top:548px; }
.fr4-doc-card:nth-of-type(4){ top:618px; }

.fr4-corporate-summary{
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(183,15,40,.035),rgba(255,255,255,0));
}

.fr4-summary-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.fr4-summary-card,
.fr4-legal-card{
  min-height:245px;
  padding:1.25rem;
  border-radius:30px;
  transition:transform .34s ease, box-shadow .34s ease, border-color .34s ease;
}

.fr4-summary-card i,
.fr4-legal-card i{
  margin-bottom:1rem;
}

.fr4-rates{
  padding:clamp(4.2rem,7vw,6.4rem) 0;
}

.fr4-rates-board{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(520px,1.28fr);
  gap:1rem;
  padding:clamp(1.2rem,3vw,2rem);
  border-radius:42px;
  border:1px solid rgba(183,15,40,.18);
  background:
    radial-gradient(circle at 18% 32%, rgba(183,15,40,.15), transparent 34%),
    linear-gradient(135deg,#fff,#fff7f8);
  box-shadow:var(--fr4-shadow);
  overflow:hidden;
}

.fr4-rates-copy h2{
  margin:0;
  color:var(--fr4-ink);
  font-size:clamp(1.8rem,3vw,3rem);
  line-height:1.08;
}

.fr4-rates-copy p{
  margin:.9rem 0 0;
  color:var(--fr4-muted);
  line-height:1.75;
}

.fr4-rate-table{
  display:grid;
  gap:.68rem;
}

.fr4-rate-table > div{
  display:grid;
  grid-template-columns:minmax(0,1fr) 90px minmax(150px,.55fr);
  align-items:center;
  gap:.75rem;
  min-height:64px;
  padding:.78rem .92rem;
  border-radius:18px;
  background:#fff;
  border:1px solid var(--fr4-line);
  box-shadow:0 12px 26px rgba(18,23,35,.05);
  transition:transform .26s ease, border-color .26s ease, box-shadow .26s ease, background .26s ease;
}

.fr4-rate-table > div:first-child{
  background:var(--fr4-red);
  color:#fff;
  font-weight:900;
}

.fr4-rate-table strong,
.fr4-rate-table span{
  color:inherit;
}

.fr4-rate-table b{
  color:var(--fr4-red);
  font-size:1.2rem;
}

.fr4-rate-table em{
  color:var(--fr4-muted);
  font-style:normal;
  font-weight:750;
}

.fr4-rate-table > div.is-active{
  transform:translateX(5px);
  border-color:rgba(183,15,40,.34);
  background:#fff8f9;
  box-shadow:0 22px 48px rgba(183,15,40,.12);
}

.fr4-calculator-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);
  gap:1rem;
  margin-top:1rem;
}

.fr4-calc-card,
.fr4-invoice-card{
  padding:1.35rem;
  border-radius:32px;
}

.fr4-calc-card h3,
.fr4-invoice-card h3{
  margin-top:.3rem;
}

.fr4-calc-card .fr3-calc-input{
  border-color:var(--fr4-line);
  box-shadow:0 10px 22px rgba(18,23,35,.06);
}

.fr4-calc-card .fr3-calc-range{
  accent-color:var(--fr4-red);
}

.fr4-calc-results{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.fr4-calc-results > div:last-child{
  grid-column:1 / -1;
  background:linear-gradient(135deg,var(--fr4-red-dark),var(--fr4-red));
}

.fr4-calc-results > div:last-child span,
.fr4-calc-results > div:last-child strong{
  color:#fff;
}

.fr4-check-list{
  display:grid;
  gap:.72rem;
  margin:1.1rem 0 0;
  padding:0;
  list-style:none;
}

.fr4-check-list li{
  position:relative;
  padding-left:1.8rem;
  color:var(--fr4-muted);
  line-height:1.62;
}

.fr4-check-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.42rem;
  width:1rem;
  height:1rem;
  border-radius:999px;
  background:var(--fr4-red);
  box-shadow:inset 0 0 0 4px #fff, 0 0 0 1px rgba(183,15,40,.24);
}

.fr4-legal-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.fr4-file-card{
  background:
    radial-gradient(circle at 78% 20%, rgba(183,15,40,.12), transparent 32%),
    linear-gradient(135deg,#fff,#fff7f8);
}

.fr4-file-steps{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.85rem;
}

.fr4-file-step{
  min-height:178px;
}

.fr4-notice{
  padding:clamp(1.8rem,4vw,3.6rem) 0;
}

.fr4-notice-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:1rem;
  align-items:center;
  padding:1.35rem;
  border-radius:32px;
  background:#171923;
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:var(--fr4-shadow);
}

.fr4-notice-card > i{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:20px;
  background:#fff;
  color:var(--fr4-red);
  font-size:1.35rem;
}

.fr4-notice-card h2{
  margin:0 0 .35rem;
  color:#fff;
  font-size:1.4rem;
}

.fr4-notice-card p{
  margin:0;
  color:rgba(255,255,255,.74);
  line-height:1.72;
}

@keyframes fr4FloatGlow{
  0%,100%{ transform:translate3d(-8%,0,0) scale(1); opacity:.8; }
  50%{ transform:translate3d(-14%,24px,0) scale(1.05); opacity:1; }
}

@keyframes fr4StageScan{
  0%,100%{ transform:translateX(-30%); opacity:.38; }
  52%{ transform:translateX(32%); opacity:.82; }
}

@media (max-width:1199.98px){
  .fr4-hero-shell,
  .fr4-detail-hero-shell,
  .fr4-roadmap-card,
  .fr4-file-card,
  .fr4-rates-board,
  .fr4-calculator-grid{
    grid-template-columns:1fr;
  }

  .fr4-stage,
  .fr4-document-stack{
    min-height:600px;
  }

  .fr4-presentation-grid{
    grid-template-columns:1fr 1fr;
  }

  .fr4-presentation-card--wide{
    grid-column:1 / -1;
  }

  .fr4-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:991.98px){
  .fr4-stage-flow,
  .fr4-layer-grid,
  .fr4-roadmap-line,
  .fr4-strip-grid,
  .fr4-legal-grid{
    grid-template-columns:1fr 1fr;
  }

  .fr4-cta-card,
  .fr4-notice-card{
    grid-template-columns:1fr;
  }

  .fr4-actions--end{
    justify-content:flex-start;
  }

  .fr4-stage-kpis{
    top:auto;
    right:1.35rem;
    left:1.35rem;
    bottom:6.6rem;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .fr4-stage-kpi{
    min-width:0;
  }
}

@media (max-width:767.98px){
  .fr4-hero{
    padding-top:3rem;
  }

  .fr4-hero-copy h1,
  .fr4-page--detail .fr4-hero-copy h1{
    max-width:100%;
    font-size:clamp(2.15rem,11vw,3.5rem);
  }

  .fr4-stage,
  .fr4-document-stack{
    min-height:auto;
    padding:1rem;
    border-radius:30px;
  }

  .fr4-stage-photo,
  .fr4-document-image,
  .fr4-stage-card,
  .fr4-stage-kpis,
  .fr4-stage-flow,
  .fr4-doc-card,
  .fr4-doc-card--main,
  .fr4-doc-card:nth-of-type(2),
  .fr4-doc-card:nth-of-type(3),
  .fr4-doc-card:nth-of-type(4){
    position:relative;
    inset:auto;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
  }

  .fr4-stage-photo,
  .fr4-document-image{
    height:auto;
    min-height:260px;
    margin:0 0 .85rem;
  }

  .fr4-stage-photo img,
  .fr4-document-image img{
    min-height:260px;
  }

  .fr4-stage-card,
  .fr4-stage-kpis,
  .fr4-stage-flow,
  .fr4-doc-card{
    width:100%;
    margin-top:.75rem;
  }

  .fr4-stage-kpis,
  .fr4-stage-flow,
  .fr4-presentation-grid,
  .fr4-layer-grid,
  .fr4-roadmap-line,
  .fr4-file-steps,
  .fr4-strip-grid,
  .fr4-summary-grid,
  .fr4-legal-grid{
    grid-template-columns:1fr;
  }

  .fr4-presentation-card--wide{
    grid-template-columns:1fr;
  }

  .fr4-presentation-card,
  .fr4-layer-shell,
  .fr4-roadmap-card,
  .fr4-file-card,
  .fr4-rates-board,
  .fr4-cta-card{
    border-radius:26px;
  }

  .fr4-rate-table > div{
    grid-template-columns:1fr;
    align-items:start;
  }
}

@media (max-width:575.98px){
  .fr4-actions .fr3-btn{
    width:100%;
  }

  .fr4-calc-results{
    grid-template-columns:1fr;
  }

  .fr4-calc-results > div:last-child{
    grid-column:auto;
  }

  .fr4-stage-flow{
    padding:.65rem;
  }

  .fr4-stage-step{
    justify-content:flex-start;
  }
}

@media (prefers-reduced-motion: reduce){
  .fr4-hero::before,
  .fr4-stage::before,
  .fr4-document-stack::before,
  .fr4-layer-shell::before,
  .fr4-roadmap-card::before,
  .fr4-file-card::before{
    animation:none!important;
  }

  .fr4-stage-photo img,
  .fr4-document-image img,
  .fr4-presentation-card figure img,
  .fr4-presentation-card,
  .fr4-summary-card,
  .fr4-legal-card,
  .fr4-stage-step,
  .fr4-layer-card,
  .fr4-roadmap-step,
  .fr4-file-step,
  .fr4-doc-card{
    transition:none!important;
  }
}

/* 1.25.0 detail hero overflow guard */
@media (min-width:768px){
  .fr4-document-stack{ min-height:690px; }
}

/* 1.25.0 body-specific overrides for existing fr3 selectors */
body.fr4-page{
  background:
    radial-gradient(circle at 8% 20%, rgba(183,15,40,.13), transparent 26%),
    radial-gradient(circle at 94% 18%, rgba(183,15,40,.10), transparent 24%),
    linear-gradient(180deg,#ffffff 0%,#f7f8fb 48%,#ffffff 100%);
}

body.fr4-page::before{
  background:
    linear-gradient(90deg, rgba(183,15,40,.11), transparent 10%, transparent 90%, rgba(183,15,40,.11)),
    repeating-linear-gradient(90deg, rgba(18,23,35,.022) 0 1px, transparent 1px 92px);
  opacity:.72;
}

/* === 1.27.0 franchise presentation + corporate detail redesign === */
.fr5-page{
  --fr5-red:#b70f28;
  --fr5-red-rgb:183,15,40;
  --fr5-red-dark:#82121e;
  --fr5-blue:#0f6cff;
  --fr5-blue-rgb:15,108,255;
  --fr5-ink:#101624;
  --fr5-muted:#657084;
  --fr5-soft:#f8fafc;
  --fr5-paper:rgba(255,255,255,.86);
  --fr5-line:rgba(16,22,36,.105);
  --fr5-red-line:rgba(var(--fr5-red-rgb),.22);
  --fr5-blue-line:rgba(var(--fr5-blue-rgb),.18);
  --fr5-shadow:0 32px 86px rgba(16,22,36,.13);
  --fr5-shadow-soft:0 18px 48px rgba(16,22,36,.085);
  --fr5-radius:38px;
  background:
    radial-gradient(840px circle at 0% 22%, rgba(var(--fr5-blue-rgb),.13), transparent 62%),
    radial-gradient(780px circle at 100% 20%, rgba(var(--fr5-red-rgb),.12), transparent 62%),
    linear-gradient(180deg,#fbfdff 0%,#fff 42%,#f7f9fc 100%);
}

body.fr5-page{
  background:
    radial-gradient(840px circle at 0% 22%, rgba(var(--fr5-blue-rgb),.13), transparent 62%),
    radial-gradient(780px circle at 100% 20%, rgba(var(--fr5-red-rgb),.12), transparent 62%),
    linear-gradient(180deg,#fbfdff 0%,#fff 42%,#f7f9fc 100%) !important;
}

body.fr5-page::before{
  background:
    linear-gradient(90deg, rgba(var(--fr5-blue-rgb),.075), transparent 28%, transparent 70%, rgba(var(--fr5-red-rgb),.075)),
    repeating-linear-gradient(90deg, rgba(16,22,36,.024) 0 1px, transparent 1px 96px),
    repeating-linear-gradient(0deg, rgba(16,22,36,.018) 0 1px, transparent 1px 96px) !important;
  opacity:.72 !important;
}

.fr5-main{
  overflow:hidden;
  color:var(--fr5-ink);
}

.fr5-main .container{
  width:min(100%,1380px);
}

.fr5-hero,
.fr5-metric-strip,
.fr5-story,
.fr5-process,
.fr5-finale,
.fr5-detail-hero,
.fr5-detail-band,
.fr5-detail-final{
  position:relative;
  z-index:1;
  isolation:isolate;
}

.fr5-ambient,
.fr5-hero::before,
.fr5-hero::after,
.fr5-detail-hero::before,
.fr5-detail-hero::after,
.fr5-detail-band::before,
.fr5-detail-band::after,
.fr5-detail-final::before,
.fr5-detail-final::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
}

.fr5-ambient{
  inset:-12% -8%;
  background:
    radial-gradient(760px circle at 0% 28%, rgba(var(--fr5-blue-rgb),.16), transparent 58%),
    radial-gradient(780px circle at 100% 24%, rgba(var(--fr5-red-rgb),.15), transparent 60%);
  filter:saturate(1.08);
}

.fr5-hero::before,
.fr5-detail-hero::before,
.fr5-detail-band::before,
.fr5-detail-final::before{
  width:min(820px,70vw);
  height:min(820px,70vw);
  left:-22vw;
  top:4%;
  border-radius:999px;
  background:radial-gradient(circle, rgba(var(--fr5-blue-rgb),.18), transparent 66%);
  animation:fr5BlueFloat 16s ease-in-out infinite;
}

.fr5-hero::after,
.fr5-detail-hero::after,
.fr5-detail-band::after,
.fr5-detail-final::after{
  width:min(760px,68vw);
  height:min(760px,68vw);
  right:-18vw;
  top:10%;
  border-radius:999px;
  background:radial-gradient(circle, rgba(var(--fr5-red-rgb),.17), transparent 66%);
  animation:fr5RedFloat 15s ease-in-out infinite;
}

.fr5-hero{
  min-height:calc(100svh - 72px);
  display:grid;
  align-items:center;
  padding:clamp(3.6rem,6vw,6.8rem) 0 clamp(2.6rem,5vw,4.8rem);
}

.fr5-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr);
  gap:clamp(2rem,5vw,5rem);
  align-items:center;
}

.fr5-hero-copy,
.fr5-detail-copy,
.fr5-band-copy{
  position:relative;
  z-index:2;
}

.fr5-kicker,
.fr5-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  color:var(--fr5-red);
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.095em;
}

.fr5-kicker{
  min-height:42px;
  padding:.58rem .9rem;
  margin-bottom:1.15rem;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  border:1px solid var(--fr5-red-line);
  box-shadow:0 14px 34px rgba(var(--fr5-red-rgb),.09);
  backdrop-filter:blur(16px);
  font-size:.8rem;
}

.fr5-eyebrow{
  margin-bottom:.78rem;
  font-size:.78rem;
}

.fr5-hero-copy h1,
.fr5-detail-copy h1,
.fr5-band-copy h2,
.fr5-section-head h2,
.fr5-finale-card h2,
.fr5-detail-final-card h2{
  margin:0;
  color:var(--fr5-ink);
  letter-spacing:-.06em;
  line-height:1.02;
}

.fr5-hero-copy h1{
  max-width:11ch;
  font-size:clamp(3rem,6.6vw,6.6rem);
}

.fr5-detail-copy h1{
  max-width:14ch;
  font-size:clamp(2.55rem,5vw,5.4rem);
}

.fr5-band-copy h2,
.fr5-section-head h2,
.fr5-finale-card h2,
.fr5-detail-final-card h2{
  font-size:clamp(2.15rem,4.4vw,4.65rem);
}

.fr5-lead,
.fr5-band-copy p,
.fr5-section-head p,
.fr5-finale-card p,
.fr5-detail-final-card p{
  max-width:760px;
  margin:1.1rem 0 0;
  color:var(--fr5-muted);
  font-size:clamp(1.02rem,1.35vw,1.18rem);
  line-height:1.82;
}

.fr5-live-caption{
  position:relative;
  display:grid;
  gap:.28rem;
  max-width:560px;
  margin-top:1.6rem;
  padding:1rem 1.1rem 1rem 1.2rem;
  border-radius:24px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(16,22,36,.09);
  box-shadow:var(--fr5-shadow-soft);
  backdrop-filter:blur(18px);
  overflow:hidden;
}

.fr5-live-caption::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,var(--fr5-blue),var(--fr5-red));
}

.fr5-live-caption span{
  color:var(--fr5-blue);
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.1em;
}

.fr5-live-caption strong{
  color:var(--fr5-ink);
  font-size:1.18rem;
}

.fr5-live-caption em{
  color:var(--fr5-muted);
  font-style:normal;
  line-height:1.58;
}

.fr5-live-caption.is-changing strong,
.fr5-live-caption.is-changing em,
.fr5-live-caption.is-changing span{
  animation:fr5TextReveal .58s cubic-bezier(.2,.8,.2,1) both;
}

.fr5-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.86rem;
  margin-top:1.8rem;
}

.fr5-actions--center{
  justify-content:center;
}

.fr5-hero-visual{
  position:relative;
  min-width:0;
}

.fr5-visual-shell{
  position:relative;
  min-height:clamp(520px,66vh,760px);
  border-radius:54px;
  overflow:hidden;
  isolation:isolate;
  background:#111827;
  border:1px solid rgba(255,255,255,.68);
  box-shadow:0 38px 120px rgba(16,22,36,.20);
  transform:perspective(1100px) rotateX(var(--fr3-tilt-x,0deg)) rotateY(var(--fr3-tilt-y,0deg));
  transition:transform .38s ease;
}

.fr5-visual-shell::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    radial-gradient(520px circle at var(--fr3-glow-x,50%) var(--fr3-glow-y,20%), rgba(255,255,255,.22), transparent 55%),
    linear-gradient(90deg, rgba(var(--fr5-blue-rgb),.20), transparent 38%, transparent 62%, rgba(var(--fr5-red-rgb),.22));
  mix-blend-mode:screen;
  opacity:.85;
}

.fr5-visual-shell::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  background:
    linear-gradient(108deg, transparent 0 38%, rgba(255,255,255,.18) 48%, transparent 58% 100%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 1px, transparent 1px 88px);
  transform:translateX(-30%);
  animation:fr5Scan 8.8s ease-in-out infinite;
}

.fr5-auto-slide{
  position:absolute;
  inset:0;
  margin:0;
  opacity:0;
  transform:scale(1.05) translateX(26px);
  transition:opacity .78s ease, transform 1.05s cubic-bezier(.2,.8,.2,1), filter 1.05s ease;
  filter:saturate(.9) contrast(.95);
}

.fr5-auto-slide.is-active{
  opacity:1;
  transform:scale(1) translateX(0);
  filter:saturate(1.08) contrast(1.04);
}

.fr5-auto-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.fr5-auto-slide::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.42) 74%, rgba(0,0,0,.66) 100%);
}

.fr5-visual-card{
  position:absolute;
  z-index:6;
  max-width:min(330px,calc(100% - 2.4rem));
  padding:1rem 1.08rem;
  border-radius:26px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(255,255,255,.64);
  box-shadow:0 24px 62px rgba(0,0,0,.18);
  backdrop-filter:blur(18px);
}

.fr5-visual-card span{
  display:block;
  color:var(--fr5-red);
  font-size:.76rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.09em;
}

.fr5-visual-card strong{
  display:block;
  margin-top:.35rem;
  color:var(--fr5-ink);
  font-size:1.22rem;
  line-height:1.2;
}

.fr5-visual-card--top{
  top:1.35rem;
  left:1.35rem;
}

.fr5-visual-card--bottom{
  right:1.35rem;
  bottom:1.35rem;
}

.fr5-visual-card--bottom span{
  color:var(--fr5-blue);
}

.fr5-visual-card.is-changing strong,
.fr5-visual-card.is-changing span{
  animation:fr5TextReveal .5s cubic-bezier(.2,.8,.2,1) both;
}

.fr5-deck-progress{
  height:6px;
  margin:1rem auto 0;
  width:min(560px,86%);
  border-radius:999px;
  overflow:hidden;
  background:rgba(16,22,36,.08);
}

.fr5-deck-progress span{
  display:block;
  height:100%;
  width:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--fr5-blue),var(--fr5-red));
  transform-origin:left center;
  transform:scaleX(0);
}

.fr5-deck-progress span.is-running{
  animation:fr5DeckProgress var(--fr5-interval,2800ms) linear both;
}

.fr5-deck-rail{
  display:flex;
  justify-content:center;
  gap:.5rem;
  margin-top:.78rem;
}

.fr5-deck-rail span{
  width:42px;
  height:8px;
  border-radius:999px;
  background:rgba(16,22,36,.13);
  transition:width .34s ease, background .34s ease, box-shadow .34s ease;
}

.fr5-deck-rail span.is-active{
  width:72px;
  background:linear-gradient(90deg,var(--fr5-blue),var(--fr5-red));
  box-shadow:0 10px 26px rgba(var(--fr5-red-rgb),.18);
}

.fr5-metric-strip{
  padding:clamp(1rem,3vw,2.4rem) 0 clamp(3.8rem,6vw,5.6rem);
}

.fr5-metric-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}

.fr5-metric-grid article,
.fr5-showcase-card,
.fr5-process-step,
.fr5-corporate-card,
.fr5-rate-panel,
.fr5-calculator-card,
.fr5-legal-card,
.fr5-file-item,
.fr5-detail-document,
.fr5-detail-final-card,
.fr5-finale-card{
  position:relative;
  overflow:hidden;
  border:1px solid var(--fr5-line);
  background:var(--fr5-paper);
  box-shadow:var(--fr5-shadow-soft);
  backdrop-filter:blur(18px);
}

.fr5-metric-grid article::before,
.fr5-showcase-card::before,
.fr5-process-step::before,
.fr5-corporate-card::before,
.fr5-rate-panel::before,
.fr5-calculator-card::before,
.fr5-legal-card::before,
.fr5-file-item::before,
.fr5-detail-document::before,
.fr5-detail-final-card::before,
.fr5-finale-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(420px circle at var(--fr5-card-x,18%) var(--fr5-card-y,16%), rgba(var(--fr5-blue-rgb),.11), transparent 48%),
    radial-gradient(420px circle at calc(100% - var(--fr5-card-x,18%)) var(--fr5-card-y,16%), rgba(var(--fr5-red-rgb),.10), transparent 50%);
  opacity:.9;
}

.fr5-metric-grid article > *,
.fr5-showcase-card > *,
.fr5-process-step > *,
.fr5-corporate-card > *,
.fr5-rate-panel > *,
.fr5-calculator-card > *,
.fr5-legal-card > *,
.fr5-file-item > *,
.fr5-detail-document > *,
.fr5-detail-final-card > *,
.fr5-finale-card > *{
  position:relative;
  z-index:1;
}

.fr5-metric-grid article{
  min-height:180px;
  padding:1.3rem;
  border-radius:30px;
}

.fr5-metric-grid b,
.fr5-process-step b,
.fr5-file-item b{
  display:inline-grid;
  place-items:center;
  width:50px;
  height:50px;
  border-radius:17px;
  background:linear-gradient(135deg, rgba(var(--fr5-blue-rgb),.13), rgba(var(--fr5-red-rgb),.13));
  color:var(--fr5-red);
  font-weight:1000;
}

.fr5-metric-grid strong,
.fr5-process-step strong,
.fr5-showcase-card strong,
.fr5-file-item strong{
  display:block;
  margin:1rem 0 .45rem;
  color:var(--fr5-ink);
  font-size:1.22rem;
  line-height:1.18;
}

.fr5-metric-grid span,
.fr5-process-step span,
.fr5-showcase-card span,
.fr5-file-item span{
  color:var(--fr5-muted);
  line-height:1.65;
}

.fr5-story{
  min-height:72svh;
  display:grid;
  align-items:center;
  padding:clamp(3.8rem,7vw,6.4rem) 0;
}

.fr5-story--left{
  background:linear-gradient(90deg, rgba(var(--fr5-blue-rgb),.045), transparent 50%);
}

.fr5-story--right{
  background:linear-gradient(270deg, rgba(var(--fr5-red-rgb),.045), transparent 50%);
}

.fr5-story-grid{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr);
  gap:clamp(1.2rem,4vw,3.8rem);
  align-items:center;
}

.fr5-story-grid--reverse{
  grid-template-columns:minmax(440px,1.05fr) minmax(0,.95fr);
}

.fr5-showcase-card{
  min-height:360px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:clamp(1.2rem,3vw,2rem);
  border-radius:40px;
}

.fr5-showcase-card i,
.fr5-legal-card i,
.fr5-document-row i,
.fr5-checks i{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:20px;
  color:#fff;
  background:linear-gradient(135deg,var(--fr5-blue),var(--fr5-red));
  box-shadow:0 18px 38px rgba(var(--fr5-red-rgb),.18);
}

.fr5-showcase-card--dark{
  color:#fff;
  background:
    radial-gradient(520px circle at 10% 20%, rgba(var(--fr5-blue-rgb),.42), transparent 58%),
    radial-gradient(520px circle at 100% 80%, rgba(var(--fr5-red-rgb),.36), transparent 58%),
    linear-gradient(135deg,#111827,#271118);
  border-color:rgba(255,255,255,.15);
}

.fr5-showcase-card--dark strong,
.fr5-showcase-card--dark span{
  color:#fff;
}

.fr5-process{
  padding:clamp(4.4rem,7vw,6.8rem) 0;
}

.fr5-section-head{
  max-width:880px;
  margin:0 auto 2rem;
  text-align:center;
}

.fr5-process-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
}

.fr5-process-step{
  min-height:260px;
  padding:1.2rem;
  border-radius:32px;
  transition:transform .34s ease, border-color .34s ease, box-shadow .34s ease;
}

.fr5-process-step.is-active,
.fr5-file-item.is-active,
.fr5-document-row.is-active{
  transform:translateY(-6px);
  border-color:rgba(var(--fr5-red-rgb),.28);
  box-shadow:0 30px 76px rgba(var(--fr5-red-rgb),.14);
}

.fr5-finale,
.fr5-detail-final{
  min-height:86svh;
  display:grid;
  align-items:center;
  padding:clamp(4.5rem,8vw,7rem) 0;
  text-align:center;
}

.fr5-finale-card,
.fr5-detail-final-card{
  max-width:940px;
  margin:0 auto;
  padding:clamp(1.5rem,4vw,3rem);
  border-radius:46px;
}

.fr5-finale-light{
  position:absolute;
  left:50%;
  top:50%;
  width:22px;
  height:22px;
  border-radius:999px;
  transform:translate(-50%,-50%) scale(1);
  background:radial-gradient(circle, rgba(255,255,255,.95) 0%, rgba(var(--fr5-blue-rgb),.30) 28%, rgba(var(--fr5-red-rgb),.28) 48%, transparent 72%);
  opacity:0;
  pointer-events:none;
  z-index:-1;
}

.fr5-finale.is-active .fr5-finale-light,
.fr5-detail-final.is-active .fr5-finale-light{
  animation:fr5LightBurst 2.4s cubic-bezier(.18,.84,.2,1) forwards;
}

.fr5-finale.is-free .fr5-finale-card,
.fr5-detail-final.is-free .fr5-detail-final-card{
  border-color:rgba(var(--fr5-red-rgb),.24);
  box-shadow:0 46px 120px rgba(var(--fr5-red-rgb),.14), 0 28px 82px rgba(var(--fr5-blue-rgb),.10);
}

/* Franchise detaylar: full-page corporate layout */
.fr5-detail-hero{
  min-height:calc(100svh - 72px);
  display:grid;
  align-items:center;
  padding:clamp(3.8rem,7vw,6.8rem) 0 clamp(3rem,5vw,5rem);
}

.fr5-detail-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);
  gap:clamp(2rem,5vw,5rem);
  align-items:center;
}

.fr5-breadcrumb{
  display:flex;
  align-items:center;
  gap:.5rem;
  margin-bottom:1rem;
  color:var(--fr5-muted);
  font-weight:800;
}

.fr5-breadcrumb a{
  color:var(--fr5-muted);
}

.fr5-breadcrumb a:hover{
  color:var(--fr5-red);
}

.fr5-detail-document{
  min-height:620px;
  padding:1.15rem;
  border-radius:50px;
  background:
    radial-gradient(560px circle at 0% 10%, rgba(var(--fr5-blue-rgb),.18), transparent 62%),
    radial-gradient(560px circle at 100% 30%, rgba(var(--fr5-red-rgb),.16), transparent 62%),
    rgba(255,255,255,.78);
  transform:perspective(1100px) rotateX(var(--fr3-tilt-x,0deg)) rotateY(var(--fr3-tilt-y,0deg));
  transition:transform .38s ease;
}

.fr5-document-cover{
  min-height:310px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:1.5rem;
  border-radius:38px;
  color:#fff;
  background:
    linear-gradient(135deg, rgba(var(--fr5-blue-rgb),.88), rgba(var(--fr5-red-rgb),.86)),
    url('/site/assets/img/services/data-analysis-2026.webp') center/cover;
  box-shadow:0 28px 72px rgba(16,22,36,.18);
}

.fr5-document-cover span{
  font-size:.82rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.1em;
  opacity:.86;
}

.fr5-document-cover strong{
  max-width:12ch;
  margin:.55rem 0 .45rem;
  font-size:clamp(2rem,3.8vw,4rem);
  line-height:.98;
  letter-spacing:-.06em;
}

.fr5-document-cover small{
  max-width:430px;
  color:rgba(255,255,255,.82);
  font-size:1rem;
  line-height:1.6;
}

.fr5-document-list{
  display:grid;
  gap:.78rem;
  margin-top:.9rem;
}

.fr5-document-row{
  display:flex;
  align-items:center;
  gap:.8rem;
  min-height:72px;
  padding:.78rem .9rem;
  border-radius:22px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 18px 44px rgba(16,22,36,.09);
  transition:transform .34s ease, box-shadow .34s ease, border-color .34s ease;
}

.fr5-document-row i{
  flex:0 0 48px;
  width:48px;
  height:48px;
  border-radius:16px;
}

.fr5-document-row b{
  color:var(--fr5-ink);
  line-height:1.35;
}

.fr5-detail-band{
  min-height:92svh;
  display:grid;
  align-items:center;
  padding:clamp(4.5rem,8vw,7.6rem) 0;
}

.fr5-detail-band--left{
  background:linear-gradient(90deg, rgba(var(--fr5-blue-rgb),.052), rgba(255,255,255,0) 58%);
}

.fr5-detail-band--right{
  background:linear-gradient(270deg, rgba(var(--fr5-red-rgb),.052), rgba(255,255,255,0) 58%);
}

.fr5-detail-band--center{
  text-align:center;
  background:
    radial-gradient(640px circle at 50% 0%, rgba(var(--fr5-blue-rgb),.07), transparent 58%),
    radial-gradient(660px circle at 50% 100%, rgba(var(--fr5-red-rgb),.07), transparent 62%);
}

.fr5-band-grid,
.fr5-file-layout{
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(460px,1.06fr);
  gap:clamp(1.5rem,4vw,4rem);
  align-items:center;
}

.fr5-band-grid--reverse{
  grid-template-columns:minmax(500px,1.06fr) minmax(0,.94fr);
}

.fr5-corporate-card{
  padding:clamp(1.1rem,3vw,1.8rem);
  border-radius:42px;
}

.fr5-checks{
  display:grid;
  gap:.9rem;
  margin:0;
  padding:0;
  list-style:none;
}

.fr5-checks li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.85rem;
  align-items:center;
  min-height:82px;
  padding:.9rem;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--fr5-line);
  box-shadow:0 14px 34px rgba(16,22,36,.055);
}

.fr5-checks i{
  width:50px;
  height:50px;
  border-radius:17px;
}

.fr5-checks span{
  color:var(--fr5-ink);
  font-weight:850;
  line-height:1.4;
}

.fr5-rate-panel{
  padding:1.1rem;
  border-radius:42px;
}

.fr5-rate-table{
  display:grid;
  gap:.7rem;
}

.fr5-rate-table > div{
  display:grid;
  grid-template-columns:minmax(0,1fr) 86px minmax(150px,.58fr);
  align-items:center;
  gap:.8rem;
  min-height:66px;
  padding:.82rem .95rem;
  border-radius:20px;
  background:#fff;
  border:1px solid var(--fr5-line);
  box-shadow:0 13px 30px rgba(16,22,36,.055);
  text-align:left;
  transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease, background .3s ease;
}

.fr5-rate-table > div:first-child{
  min-height:54px;
  color:#fff;
  background:linear-gradient(135deg,var(--fr5-blue),var(--fr5-red));
  border-color:transparent;
  font-weight:950;
}

.fr5-rate-table b{
  color:var(--fr5-red);
  font-size:1.2rem;
}

.fr5-rate-table em{
  color:var(--fr5-muted);
  font-style:normal;
  font-weight:750;
}

.fr5-rate-table > div.is-active{
  transform:translateX(-7px);
  border-color:rgba(var(--fr5-red-rgb),.32);
  background:#fff8f9;
  box-shadow:0 24px 58px rgba(var(--fr5-red-rgb),.13);
}

.fr5-calculator-card{
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(320px,.95fr);
  gap:1.1rem;
  align-items:center;
  margin-top:1rem;
  padding:clamp(1.1rem,3vw,1.8rem);
  border-radius:40px;
}

.fr5-calculator-card h3{
  margin:.2rem 0 .55rem;
  color:var(--fr5-ink);
  font-size:clamp(1.45rem,2.2vw,2.15rem);
  line-height:1.12;
}

.fr5-calculator-card p{
  margin:0;
  color:var(--fr5-muted);
  line-height:1.7;
}

.fr5-calc-control{
  display:grid;
  gap:.9rem;
}

.fr5-calc-control .fr3-calc-input{
  width:100%;
  min-height:54px;
  border-color:var(--fr5-line);
  box-shadow:0 12px 30px rgba(16,22,36,.07);
}

.fr5-calc-control .fr3-calc-range{
  accent-color:var(--fr5-red);
}

.fr5-calc-results{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.75rem;
}

.fr5-calc-results > div{
  min-height:92px;
  padding:.9rem;
  border-radius:22px;
  background:#fff;
  border:1px solid var(--fr5-line);
  box-shadow:0 12px 28px rgba(16,22,36,.055);
  text-align:left;
}

.fr5-calc-results span{
  display:block;
  color:var(--fr5-muted);
  font-size:.84rem;
  font-weight:850;
}

.fr5-calc-results strong{
  display:block;
  margin-top:.35rem;
  color:var(--fr5-ink);
  font-size:clamp(1rem,1.4vw,1.35rem);
  line-height:1.18;
}

.fr5-calc-results > div:last-child{
  background:linear-gradient(135deg,var(--fr5-blue),var(--fr5-red));
}

.fr5-calc-results > div:last-child span,
.fr5-calc-results > div:last-child strong{
  color:#fff;
}

.fr5-legal-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  margin-top:2rem;
  text-align:left;
}

.fr5-legal-card{
  min-height:280px;
  padding:1.25rem;
  border-radius:34px;
  transition:transform .34s ease, border-color .34s ease, box-shadow .34s ease;
}

.fr5-legal-card:hover,
.fr5-file-item:hover,
.fr5-process-step:hover,
.fr5-showcase-card:hover{
  transform:translateY(-7px);
  border-color:rgba(var(--fr5-red-rgb),.26);
  box-shadow:0 34px 82px rgba(16,22,36,.13);
}

.fr5-legal-card h3{
  margin:1.05rem 0 .55rem;
  color:var(--fr5-ink);
  font-size:1.28rem;
  line-height:1.2;
}

.fr5-legal-card p{
  margin:0;
  color:var(--fr5-muted);
  line-height:1.72;
}

.fr5-file-stack{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.9rem;
}

.fr5-file-item{
  min-height:190px;
  padding:1.1rem;
  border-radius:28px;
  transition:transform .34s ease, border-color .34s ease, box-shadow .34s ease;
}

.fr5-detail-final{
  background:
    radial-gradient(740px circle at 50% 50%, rgba(var(--fr5-blue-rgb),.08), transparent 62%),
    radial-gradient(840px circle at 50% 48%, rgba(var(--fr5-red-rgb),.075), transparent 68%);
}

/* Motion */
.fr5-motion{
  opacity:0;
  transform:translate3d(0,34px,0) scale(.985);
  transition:opacity .82s ease, transform .82s cubic-bezier(.18,.84,.22,1);
  transition-delay:var(--fr5-delay,0ms);
}

.fr5-from-left{ transform:translate3d(-74px,22px,0) scale(.985); }
.fr5-from-right{ transform:translate3d(74px,22px,0) scale(.985); }
.fr5-from-center{ transform:translate3d(0,42px,0) scale(.965); }
.fr5-motion.is-visible{ opacity:1; transform:translate3d(0,0,0) scale(1); }

@keyframes fr5BlueFloat{
  0%,100%{ transform:translate3d(0,0,0) scale(1); opacity:.72; }
  50%{ transform:translate3d(48px,28px,0) scale(1.08); opacity:1; }
}

@keyframes fr5RedFloat{
  0%,100%{ transform:translate3d(0,0,0) scale(1); opacity:.68; }
  50%{ transform:translate3d(-44px,-22px,0) scale(1.07); opacity:1; }
}

@keyframes fr5Scan{
  0%,100%{ transform:translateX(-32%); opacity:.34; }
  52%{ transform:translateX(34%); opacity:.82; }
}

@keyframes fr5TextReveal{
  0%{ opacity:0; transform:translate3d(0,12px,0); filter:blur(6px); }
  100%{ opacity:1; transform:translate3d(0,0,0); filter:blur(0); }
}

@keyframes fr5DeckProgress{
  from{ transform:scaleX(0); }
  to{ transform:scaleX(1); }
}

@keyframes fr5LightBurst{
  0%{ opacity:0; transform:translate(-50%,-50%) scale(.25); filter:blur(0); }
  18%{ opacity:1; }
  66%{ opacity:.82; transform:translate(-50%,-50%) scale(42); filter:blur(2px); }
  100%{ opacity:.34; transform:translate(-50%,-50%) scale(64); filter:blur(8px); }
}

@media (max-width:1199.98px){
  .fr5-hero-grid,
  .fr5-detail-hero-grid,
  .fr5-band-grid,
  .fr5-band-grid--reverse,
  .fr5-file-layout,
  .fr5-calculator-card,
  .fr5-story-grid,
  .fr5-story-grid--reverse{
    grid-template-columns:1fr;
  }

  .fr5-hero-copy h1,
  .fr5-detail-copy h1{
    max-width:14ch;
  }

  .fr5-visual-shell,
  .fr5-detail-document{
    min-height:560px;
  }

  .fr5-process-grid,
  .fr5-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .fr5-calc-results{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:991.98px){
  .fr5-metric-grid,
  .fr5-legal-grid,
  .fr5-file-stack{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .fr5-detail-band,
  .fr5-story,
  .fr5-finale,
  .fr5-detail-final{
    min-height:auto;
  }

  .fr5-actions--center{
    justify-content:flex-start;
  }

  .fr5-finale-card,
  .fr5-detail-final-card{
    text-align:left;
  }
}

@media (max-width:767.98px){
  .fr5-hero,
  .fr5-detail-hero{
    min-height:auto;
    padding-top:3rem;
  }

  .fr5-hero-copy h1,
  .fr5-detail-copy h1{
    max-width:100%;
    font-size:clamp(2.55rem,12vw,4rem);
  }

  .fr5-band-copy h2,
  .fr5-section-head h2,
  .fr5-finale-card h2,
  .fr5-detail-final-card h2{
    font-size:clamp(2rem,9vw,3.25rem);
  }

  .fr5-visual-shell,
  .fr5-detail-document{
    min-height:auto;
    border-radius:32px;
  }

  .fr5-auto-slide{
    position:relative;
    display:none;
    min-height:330px;
  }

  .fr5-auto-slide.is-active{
    display:block;
  }

  .fr5-auto-slide img{
    min-height:330px;
  }

  .fr5-visual-card{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    max-width:100%;
    margin:.8rem;
  }

  .fr5-visual-card--bottom{
    margin-top:0;
  }

  .fr5-document-cover{
    min-height:280px;
  }

  .fr5-metric-grid,
  .fr5-process-grid,
  .fr5-legal-grid,
  .fr5-file-stack,
  .fr5-calc-results{
    grid-template-columns:1fr;
  }

  .fr5-rate-table > div{
    grid-template-columns:1fr;
  }

  .fr5-rate-table > div.is-active{
    transform:translateY(-4px);
  }

  .fr5-detail-band{
    padding:3.6rem 0;
  }

  .fr5-section-head{
    text-align:left;
    margin-left:0;
  }
}

@media (max-width:575.98px){
  .fr5-actions .fr3-btn{
    width:100%;
  }

  .fr5-live-caption,
  .fr5-metric-grid article,
  .fr5-showcase-card,
  .fr5-process-step,
  .fr5-corporate-card,
  .fr5-rate-panel,
  .fr5-calculator-card,
  .fr5-legal-card,
  .fr5-file-item,
  .fr5-detail-document,
  .fr5-detail-final-card,
  .fr5-finale-card{
    border-radius:24px;
  }

  .fr5-deck-rail span{
    width:28px;
  }

  .fr5-deck-rail span.is-active{
    width:48px;
  }
}

@media (prefers-reduced-motion: reduce){
  .fr5-motion,
  .fr5-auto-slide,
  .fr5-visual-shell,
  .fr5-detail-document,
  .fr5-process-step,
  .fr5-file-item,
  .fr5-document-row,
  .fr5-showcase-card,
  .fr5-legal-card{
    transition:none!important;
    animation:none!important;
  }

  .fr5-motion{
    opacity:1!important;
    transform:none!important;
  }

  .fr5-hero::before,
  .fr5-hero::after,
  .fr5-detail-hero::before,
  .fr5-detail-hero::after,
  .fr5-detail-band::before,
  .fr5-detail-band::after,
  .fr5-detail-final::before,
  .fr5-detail-final::after,
  .fr5-visual-shell::after,
  .fr5-deck-progress span,
  .fr5-finale-light{
    animation:none!important;
  }
}