/* FIUZ.UZ Production Candidate 0.12 — catalogue scale, curated collections and final responsive pass. */
:root{
  --fiuz-v12-ink:#10233f;
  --fiuz-v12-muted:#607089;
  --fiuz-v12-border:#dfe7ef;
  --fiuz-v12-surface:#fff;
  --fiuz-v12-soft:#f4f8f7;
  --fiuz-v12-green:#18845f;
  --fiuz-v12-green-dark:#116747;
  --fiuz-v12-shadow:0 18px 48px rgba(20,47,75,.09);
}

/* Curated launch collections */
.landing-hero-v12{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.72fr);gap:28px;align-items:stretch;padding-top:42px;padding-bottom:26px}
.landing-hero-v12>div:first-child{padding:42px;border:1px solid var(--fiuz-v12-border);border-radius:28px;background:linear-gradient(145deg,#fff 0%,#f3faf7 100%);box-shadow:var(--fiuz-v12-shadow);position:relative;overflow:hidden}
.landing-hero-v12>div:first-child:after{content:"";position:absolute;right:-90px;bottom:-120px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(45,168,121,.18),rgba(45,168,121,0) 68%);pointer-events:none}
.landing-hero-v12 h1{max-width:860px;margin:12px 0 16px;font-size:clamp(2.1rem,4.2vw,4.3rem);line-height:1.02;letter-spacing:-.055em;color:var(--fiuz-v12-ink)}
.landing-hero-v12>div>p{max-width:790px;font-size:1.08rem;line-height:1.72;color:var(--fiuz-v12-muted)}
.landing-guide-v12{padding:30px;border-radius:26px;box-shadow:var(--fiuz-v12-shadow);border-color:#dbe9e3;background:#fff}
.landing-guide-v12 h2{margin:0 0 18px;font-size:1.3rem;line-height:1.3}
.landing-guide-v12 ol{list-style:none;margin:0 0 20px;padding:0;counter-reset:fiuz-check}
.landing-guide-v12 li{counter-increment:fiuz-check;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:13px 0;border-bottom:1px solid #edf2f5;color:#34475f;line-height:1.45}
.landing-guide-v12 li:before{content:counter(fiuz-check);display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e8f6f0;color:var(--fiuz-v12-green-dark);font-weight:800}
.landing-guide-v12>a{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--fiuz-v12-green-dark)}
.landing-proof-v12{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:24px;padding-top:22px;border-top:1px solid rgba(16,35,63,.1)}
.landing-proof-v12 span{display:flex;align-items:center;gap:8px;color:#53647b;font-size:.9rem}
.landing-proof-v12 b{color:var(--fiuz-v12-green-dark);font-size:1.05rem}
.landing-results-v12{padding-top:34px;padding-bottom:28px}
.landing-results-v12>.section-head{align-items:flex-end}
.landing-results-v12>.section-head p{margin:.3rem 0 0;max-width:720px}
.landing-results-v12 .product-grid,.landing-results-v12 .bank-card-grid{margin-top:20px}
.landing-faq-v12{padding-top:22px;padding-bottom:70px}
.faq-grid-v12{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.faq-grid-v12 details{border:1px solid var(--fiuz-v12-border);border-radius:18px;background:#fff;padding:0 20px;box-shadow:0 8px 24px rgba(20,47,75,.04)}
.faq-grid-v12 summary{cursor:pointer;padding:18px 28px 18px 0;font-weight:800;color:var(--fiuz-v12-ink);position:relative;list-style:none}
.faq-grid-v12 summary::-webkit-details-marker{display:none}
.faq-grid-v12 summary:after{content:"+";position:absolute;right:0;top:15px;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#eef6f3;color:var(--fiuz-v12-green-dark)}
.faq-grid-v12 details[open] summary:after{content:"−"}
.faq-grid-v12 p{margin:0;padding:0 0 20px;color:var(--fiuz-v12-muted);line-height:1.65}

/* Individual-use shortcuts */
.individual-shortcuts-v12{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:20px;margin-bottom:28px}
.individual-shortcuts-v12>a{min-height:126px;padding:18px;border:1px solid var(--fiuz-v12-border);border-radius:20px;background:#fff;display:flex;flex-direction:column;gap:7px;box-shadow:0 8px 26px rgba(20,47,75,.04);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.individual-shortcuts-v12>a:hover{transform:translateY(-3px);border-color:#a9d9c5;box-shadow:0 16px 34px rgba(20,47,75,.09)}
.individual-shortcuts-v12 span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eaf7f1;color:var(--fiuz-v12-green-dark);font-weight:900}
.individual-shortcuts-v12 b{font-size:.98rem;color:var(--fiuz-v12-ink)}
.individual-shortcuts-v12 small{color:var(--fiuz-v12-muted);line-height:1.38}

/* Catalogue scale and usability */
.catalog-toolbar-v7,.catalog-toolbar{position:sticky;top:78px;z-index:12;backdrop-filter:blur(18px);background:rgba(255,255,255,.94)}
.product-card-v11,.product-card,.bank-card-tile-v11,.bank-card-tile{content-visibility:auto;contain-intrinsic-size:560px}
.product-card-v11:hover,.bank-card-tile-v11:hover{transform:translateY(-2px);box-shadow:0 19px 42px rgba(20,47,75,.1)}
.product-card-v11 .product-rate,.bank-card-tile-v11 .card-fee{font-variant-numeric:tabular-nums}
.data-completeness-meter{overflow:hidden}

/* Business catalogue at scale */
.business-service-card{content-visibility:auto;contain-intrinsic-size:420px}
.business-service-card .business-service-copy{min-width:0}
.business-service-card h3,.business-service-card p{overflow-wrap:anywhere}

/* Accessible focus and touch */
.landing-hero-v12 a:focus-visible,.individual-shortcuts-v12 a:focus-visible,.faq-grid-v12 summary:focus-visible{outline:3px solid rgba(24,132,95,.28);outline-offset:3px}

/* Tablet */
@media (max-width:1180px){
  .individual-shortcuts-v12{grid-template-columns:repeat(3,minmax(0,1fr))}
  .landing-hero-v12{grid-template-columns:1fr .72fr}
  .landing-hero-v12>div:first-child{padding:34px}
}
@media (max-width:900px){
  .landing-hero-v12{grid-template-columns:1fr;padding-top:24px}
  .landing-guide-v12{display:grid;grid-template-columns:minmax(180px,.6fr) 1fr;column-gap:24px;align-items:start}
  .landing-guide-v12 h2,.landing-guide-v12>a{grid-column:1}
  .landing-guide-v12 ol{grid-column:2;grid-row:1/4;margin:0}
  .faq-grid-v12{grid-template-columns:1fr}
  .catalog-toolbar-v7,.catalog-toolbar{top:68px}
}

/* Mobile */
@media (max-width:640px){
  .landing-hero-v12{padding-top:14px;gap:16px}
  .landing-hero-v12>div:first-child{padding:24px 20px;border-radius:22px}
  .landing-hero-v12 h1{font-size:clamp(2rem,10.7vw,3rem);letter-spacing:-.045em}
  .landing-hero-v12>div>p{font-size:.98rem;line-height:1.62}
  .landing-hero-v12 .hero-actions-v7{display:grid;grid-template-columns:1fr}
  .landing-hero-v12 .btn{width:100%;justify-content:center}
  .landing-proof-v12{display:grid;grid-template-columns:1fr}
  .landing-guide-v12{display:block;padding:22px;border-radius:20px}
  .landing-guide-v12 ol{margin-bottom:18px}
  .individual-shortcuts-v12{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
  .individual-shortcuts-v12>a{min-height:118px;padding:15px;border-radius:17px}
  .landing-results-v12>.section-head{align-items:flex-start}
  .landing-results-v12>.section-head>a{margin-top:8px}
  .faq-grid-v12 details{padding:0 16px;border-radius:16px}
  .catalog-toolbar-v7,.catalog-toolbar{top:58px}
}
@media (max-width:380px){
  .individual-shortcuts-v12{grid-template-columns:1fr}
  .individual-shortcuts-v12>a{min-height:96px}
}

@media (prefers-reduced-motion:reduce){
  .individual-shortcuts-v12>a,.product-card-v11,.bank-card-tile-v11{transition:none!important;transform:none!important}
}
