:root{
    --white: #ffffff;
    --offwhite: #f4f6fa;
    --blue: #2a5bff;
    --blue-bright: #4b7bff;
    --blue-deep: #143ec2;
    --blue-wash: #eef2ff;
    --dark: #1d2128;
    --dark-2: #262b34;
    --gray-700: #454b56;
    --gray-500: #737a87;
    --gray-300: #dde1e8;
    --gray-100: #eef1f5;

    --font-en: 'Plus Jakarta Sans', sans-serif;
    --font-ka: 'Noto Sans Georgian', sans-serif;
  }

  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:auto;}
  section[id], #models, #compare, #contact{ scroll-margin-top: 88px; }

  /* brief, subtle highlight pulse when a section is reached via nav link */
  .section-head.landed h2{
    animation: landPulse 0.9s ease;
  }
  @keyframes landPulse{
    0%{ color: var(--blue); }
    100%{ color: var(--dark); }
  }
  @media (prefers-reduced-motion: reduce){
    .section-head.landed h2{ animation:none; }
  }
  html[data-lang="en"] body{--font: var(--font-en);}
  html[data-lang="ka"] body{--font: var(--font-ka);}

  body{
    background: var(--white);
    color: var(--dark);
    font-family: var(--font);
    line-height:1.55;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
  }

  html[data-lang="en"] .ka{display:none !important;}
  html[data-lang="ka"] .en{display:none !important;}

  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}

  h1,h2,h3{font-weight:800; letter-spacing:-0.01em; color:var(--dark);}
  html[data-lang="ka"] h1, html[data-lang="ka"] h2, html[data-lang="ka"] h3{letter-spacing:0; font-weight:700;}

  .wrap{max-width:1180px; margin:0 auto; padding:0 28px;}

  .reveal{opacity:0; transform: translateY(20px); transition: opacity .6s ease, transform .6s ease;}
  .reveal.in-view{opacity:1; transform:translateY(0);}
  @media (prefers-reduced-motion: reduce){ .reveal{opacity:1; transform:none; transition:none;} }

  /* ============ BUTTONS ============ */
  .btn{
    display:inline-flex; align-items:center; justify-content:center; gap:9px;
    font-family: var(--font); font-weight:700; font-size:0.96rem;
    padding: 15px 28px; border-radius: 12px; cursor:pointer; border:2px solid transparent;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
    white-space:nowrap;
  }
  .btn-primary{ background: var(--blue); color:#fff; }
  .btn-primary:hover{ background: var(--blue-deep); transform: translateY(-2px); box-shadow: 0 12px 24px -8px rgba(42,91,255,0.45); }
  .btn-outline{ background:transparent; border-color: var(--dark); color: var(--dark); }
  .btn-outline:hover{ background: var(--dark); color:#fff; transform: translateY(-2px); }
  .btn-light{ background:#fff; color:var(--blue); }
  .btn-light:hover{ transform: translateY(-2px); box-shadow: 0 10px 22px -10px rgba(0,0,0,0.35); }

  a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{
    outline: 2px solid var(--blue); outline-offset: 2px;
  }

  /* ============ HEADER ============ */
  header{
    position:fixed; top:0; left:0; right:0; z-index:100;
    background: rgba(255,255,255,0.92);
    backdrop-filter: blur(10px);
    border-bottom:1px solid var(--gray-300);
  }
  nav.wrap{ display:flex; align-items:center; justify-content:space-between; height:76px; }
  .brand{ display:flex; align-items:center; gap:9px; font-family:var(--font-en); font-size:1.2rem; font-weight:800; }
  .brand .bolt{ width:11px; height:11px; background:var(--blue); border-radius:3px; }
  .navlinks{ display:flex; gap:34px; font-size:0.96rem; font-weight:600; color:var(--gray-700); }
  .navlinks a{ position:relative; transition: color .2s ease; }
  .navlinks a:hover{ color:var(--dark); }
  .navlinks a::after{ content:""; position:absolute; left:0; bottom:-8px; width:0; height:2px; background:var(--blue); transition:width .2s ease; }
  .navlinks a:hover::after{ width:100%; }
  .navlinks a.active-link{ color:var(--dark); }
  .navlinks a.active-link::after{ width:100%; }
  .navright{ display:flex; align-items:center; gap:16px; }
  .langtoggle{ display:flex; border:1.5px solid var(--gray-300); border-radius:999px; padding:3px; gap:2px; }
  .langtoggle button{
    border:none; background:transparent; color:var(--gray-500); font-family:var(--font-en);
    font-size:0.76rem; font-weight:700; padding:6px 13px; border-radius:999px; cursor:pointer; transition:all .2s ease;
  }
  .langtoggle button.active{ background:var(--dark); color:#fff; }
  @media (max-width:820px){ .navlinks{display:none;} }

  .nav-toggle{
    display:none; background:none; border:none; cursor:pointer; color:var(--dark);
    padding:6px; margin:0; align-items:center; justify-content:center;
  }
  @media (max-width:820px){ .nav-toggle{ display:flex; } }
  @media (max-width:480px){
    .navright{ gap:8px; }
    .langtoggle button{ padding:5px 9px; font-size:0.7rem; }
  }

  .mobile-menu{
    display:none; flex-direction:column; max-height:0; overflow:hidden;
    background:#fff; border-top:1px solid var(--gray-300);
    transition: max-height .3s ease;
  }
  @media (max-width:820px){ .mobile-menu{ display:flex; } }
  .mobile-menu.open{ max-height:420px; }
  .mobile-menu a{
    padding:16px 28px; font-size:1rem; font-weight:600; color:var(--gray-700);
    border-top:1px solid var(--gray-100);
  }
  .mobile-menu a:first-child{ border-top:none; }
  .mobile-menu a:hover, .mobile-menu a.active-link{ color:var(--dark); background:var(--offwhite); }

  /* ============ HERO ============ */
  .hero{ position:relative; padding:150px 0 80px; background: var(--offwhite); overflow:hidden; }
  .hero-blob{
    position:absolute; top:-120px; right:-160px; width:640px; height:640px; border-radius:50%;
    background: radial-gradient(circle at 40% 40%, rgba(42,91,255,0.16), rgba(42,91,255,0) 68%);
    pointer-events:none;
  }
  .hero-grid{ display:grid; grid-template-columns: 1.02fr 0.98fr; gap:48px; align-items:center; position:relative; }
  @media (max-width:900px){
    .hero{ padding:120px 0 60px; }
    .hero-grid{ grid-template-columns:1fr; gap:40px; }
    .hero-media{ order:-1; max-width:420px; margin:0 auto; }
  }

  .eyebrow{
    display:inline-flex; align-items:center; gap:8px; font-size:0.85rem; font-weight:700; color:var(--blue);
    margin-bottom:20px; opacity:0; animation: rise .6s ease forwards .05s;
  }
  .eyebrow .dot{ width:7px; height:7px; border-radius:50%; background:var(--blue); }

  h1.hero-title{
    font-size: clamp(2.3rem, 5vw, 3.7rem); line-height:1.08; margin-bottom:20px;
    opacity:0; animation: rise .7s ease forwards .15s;
  }
  h1.hero-title .accent{ color: var(--blue); }

  .hero-sub{
    color: var(--gray-700); font-size:1.1rem; max-width:480px; margin-bottom:30px;
    opacity:0; animation: rise .7s ease forwards .28s;
  }
  .hero-ctas{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:34px; opacity:0; animation: rise .7s ease forwards .4s; }

  .hero-priceline{
    display:flex; align-items:center; gap:10px; font-size:0.95rem; color:var(--gray-700);
    opacity:0; animation: rise .7s ease forwards .5s;
  }
  .hero-priceline b{ font-size:1.15rem; color:var(--dark); }

  @keyframes rise{ from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:translateY(0);} }

  .hero-media{ position:relative; }
  .hero-photo-card{
    position:relative; background:#fff; border-radius:24px; overflow:hidden;
    box-shadow: 0 30px 60px -30px rgba(29,33,40,0.28);
  }
  .hero-photo-card img{ width:100%; }
  .chip{
    position:absolute; background:#fff; border-radius:14px; padding:12px 16px;
    box-shadow: 0 14px 30px -12px rgba(29,33,40,0.28);
    display:flex; align-items:center; gap:10px;
  }
  .chip .ico{ width:34px; height:34px; border-radius:9px; background:var(--blue-wash); color:var(--blue); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
  .chip .num{ font-weight:800; font-size:1.05rem; color:var(--dark); line-height:1; }
  .chip .lbl{ font-size:0.72rem; color:var(--gray-500); margin-top:2px; }
  .chip-1{ top:8%; left:-6%; }
  .chip-2{ bottom:10%; right:-6%; }
  @media (max-width: 1020px){
    .chip-1{ left:2%; } .chip-2{ right:2%; }
  }
  @media (max-width: 640px){
    .chip{padding:9px 12px;}
    .chip .ico{width:28px;height:28px;}
    .chip-1{top:4%; left:4%;} .chip-2{bottom:4%; right:4%;}
  }

  /* ============ TRUST STRIP ============ */
  .trust{ background: var(--dark); padding: 30px 0; }
  .trust-row{ display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; }
  .trust-item{ display:flex; align-items:center; gap:12px; color:#fff; flex:1; min-width:200px; }
  .trust-item .ico{ width:38px; height:38px; border-radius:10px; background: rgba(255,255,255,0.1); color: var(--blue-bright); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
  .trust-item .txt{ font-size:0.88rem; font-weight:600; }
  .trust-item .txt small{ display:block; font-weight:400; color:#aab0bd; font-size:0.76rem; margin-top:2px; }

  /* ============ SECTION GENERIC ============ */
  section{ padding: 96px 0; }
  .section-head{ margin-bottom:50px; max-width:640px; }
  .section-eyebrow{ font-size:0.85rem; font-weight:700; color:var(--blue); margin-bottom:12px; display:block; }
  .section-head h2{ font-size: clamp(1.7rem, 3vw, 2.3rem); margin-bottom:14px; }
  .section-head p{ color:var(--gray-700); font-size:1.02rem; }

  /* ============ PRODUCT GRID ============ */
  .product-grid{ display:grid; grid-template-columns: repeat(2, 1fr); gap:24px; }
  @media (max-width:860px){ .product-grid{ grid-template-columns:1fr; } }

  .card{
    background:#fff; border:1px solid var(--gray-300); border-radius:20px; overflow:hidden;
    display:flex; flex-direction:column; transition: box-shadow .3s ease, transform .3s ease, border-color .3s ease;
  }
  .card:hover{ box-shadow: 0 26px 50px -28px rgba(29,33,40,0.28); transform: translateY(-4px); border-color: var(--gray-300); }

  .card-tag{
    position:absolute; top:16px; left:16px; font-size:0.72rem; font-weight:700; letter-spacing:0.02em;
    padding:6px 12px; border-radius:999px; background:#fff; color:var(--gray-700); z-index:2;
    box-shadow: 0 6px 14px -6px rgba(29,33,40,0.2);
  }
  .card-tag.tag-top{ background: var(--blue); color:#fff; }

  .card-photo{ position:relative; aspect-ratio: 1/0.95; background: var(--offwhite); overflow:hidden; }
  .card-photo img{ width:100%; height:100%; object-fit:cover; transition: transform .5s ease; }
  .card:hover .card-photo img{ transform: scale(1.045); }

  .card-body{ padding:24px 24px 26px; display:flex; flex-direction:column; gap:18px; flex:1; }
  .card-title-row{ display:flex; justify-content:space-between; align-items:flex-start; gap:10px; }
  .card-title-row h3{ font-size:1.28rem; }
  .card-price{ font-size:1.3rem; font-weight:800; color:var(--blue); white-space:nowrap; }

  .stock-badge{
    display:inline-flex; align-items:center; gap:7px; font-size:0.8rem; font-weight:600;
    width:fit-content;
  }
  .stock-badge .dot{ width:8px; height:8px; border-radius:50%; flex-shrink:0; }
  .stock-badge.stock-in{ color:#1a7a4c; }
  .stock-badge.stock-in .dot{ background:#22c55e; }
  .stock-badge.stock-low{ color:#b45309; }
  .stock-badge.stock-low .dot{ background:#f59e0b; }
  .stock-badge.stock-out{ color:var(--gray-500); }
  .stock-badge.stock-out .dot{ background:var(--gray-500); }

  .btn:disabled{ opacity:0.5; cursor:not-allowed; }
  .btn:disabled:hover{ transform:none; box-shadow:none; background:var(--blue); }

  .spec-chips{ display:flex; gap:10px; flex-wrap:wrap; }
  .spec-chip{
    display:flex; align-items:center; gap:7px; background:var(--offwhite); border-radius:10px;
    padding:8px 12px; font-size:0.82rem; font-weight:600; color:var(--gray-700);
  }
  .spec-chip svg{ flex-shrink:0; color:var(--blue); }

  .spec-list{
    display:grid; grid-template-columns:1fr 1fr; gap:10px 16px; font-size:0.85rem; color:var(--gray-500);
    border-top:1px solid var(--gray-300); padding-top:16px;
  }
  .spec-list div{ display:flex; flex-direction:column; gap:2px; }
  .spec-list div b{ color:var(--dark); font-weight:700; font-size:0.88rem; }
  .spec-list div:last-child:nth-child(odd){ grid-column: 1 / -1; }

  .card-cta{ margin-top:auto; display:flex; gap:10px; }
  .card-cta .btn{ flex:1; padding:13px 14px; font-size:0.9rem; }
  .card-cta .btn-outline{ border-width:1.5px; border-color: var(--gray-300); color: var(--gray-700); }
  .card-cta .btn-outline:hover{ border-color: var(--dark); background:transparent; color:var(--dark); }

  /* ============ COMPARE ============ */
  .compare-wrap{ overflow-x:auto; border:1px solid var(--gray-300); border-radius:18px; }
  table.compare{ width:100%; border-collapse:collapse; min-width:640px; background:#fff; }
  table.compare th, table.compare td{ text-align:left; padding:16px 20px; font-size:0.9rem; border-bottom:1px solid var(--gray-300); white-space:nowrap; }
  table.compare th{ font-size:0.78rem; font-weight:700; color:var(--gray-500); background: var(--offwhite); text-transform:uppercase; letter-spacing:0.03em; }
  table.compare td.model-cell{ font-weight:700; }
  table.compare td.price-cell{ font-weight:800; color:var(--blue); }
  table.compare tr:last-child td{ border-bottom:none; }

  /* ============ CONTACT ============ */
  .contact{ background: var(--dark); color:#fff; }
  .contact .section-head p{ color:#b7bcc7; }
  .contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; }
  @media (max-width:860px){ .contact-grid{ grid-template-columns:1fr; } }

  .contact-row{
    display:flex; align-items:center; gap:14px; padding:18px 20px; border-radius:14px;
    background: rgba(255,255,255,0.06); margin-bottom:14px; transition: background .2s ease, transform .2s ease;
  }
  .contact-row:hover{ background: rgba(255,255,255,0.1); transform: translateX(3px); }
  .contact-row .ico{ width:42px; height:42px; border-radius:11px; background: var(--blue); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
  .contact-row .txt small{ display:block; color:#a7adba; font-size:0.76rem; margin-bottom:3px; }
  .contact-row .txt strong{ font-size:1rem; }

  .contact-card{ background:#fff; border-radius:20px; padding:30px; color:var(--dark); }
  form.contact-form{ display:flex; flex-direction:column; gap:14px; }
  .field{ display:flex; flex-direction:column; gap:7px; }
  .field label{ font-size:0.82rem; color:var(--gray-700); font-weight:600; }
  .field input, .field select, .field textarea{
    background: var(--offwhite); border:1.5px solid var(--gray-300); border-radius:11px; padding:13px 14px;
    color:var(--dark); font-family:var(--font); font-size:0.94rem; outline:none; transition:border-color .2s ease; resize:vertical;
  }
  .field input:focus, .field select:focus, .field textarea:focus{ border-color:var(--blue); }
  .field textarea{ min-height:96px; }
  .form-note{ font-size:0.78rem; color:var(--gray-500); margin-top:2px; }

  /* ============ FLOATING WHATSAPP ============ */
  .float-wa{
    position:fixed; bottom:26px; right:26px; z-index:90; background:#25D366; color:#fff; width:60px; height:60px;
    border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow: 0 14px 30px -10px rgba(37,211,102,0.55);
    transition: transform .2s ease;
  }
  .float-wa:hover{ transform: scale(1.08); }

  /* ============ FAQ ACCORDION ============ */
  .faq-list{ display:flex; flex-direction:column; gap:12px; max-width:760px; }
  .faq-item{
    border:1px solid var(--gray-300); border-radius:14px; background:#fff; overflow:hidden;
  }
  .faq-item summary{
    padding:20px 22px; font-weight:700; font-size:1rem; cursor:pointer; list-style:none;
    display:flex; justify-content:space-between; align-items:center; gap:16px;
  }
  .faq-item summary::-webkit-details-marker{ display:none; }
  .faq-item summary .plus{
    width:24px; height:24px; border-radius:50%; background:var(--blue-wash); color:var(--blue);
    display:flex; align-items:center; justify-content:center; flex-shrink:0; transition: transform .25s ease;
  }
  .faq-item[open] summary .plus{ transform: rotate(45deg); }
  .faq-answer{ padding:0 22px 20px; color:var(--gray-700); font-size:0.95rem; line-height:1.6; }
  .faq-answer table{ width:100%; border-collapse:collapse; margin-top:12px; font-size:0.88rem; }
  .faq-answer table th, .faq-answer table td{ text-align:left; padding:8px 10px; border-bottom:1px solid var(--gray-300); }
  .faq-answer table th{ color:var(--gray-500); font-weight:700; }

  /* ============ TERMS / STATIC TEXT PAGE ============ */
  .terms-content{ max-width:760px; }
  .terms-content h2{ font-size:1.25rem; margin:32px 0 12px; }
  .terms-content h2:first-child{ margin-top:0; }
  .terms-content p, .terms-content li{ color:var(--gray-700); font-size:0.96rem; line-height:1.7; }
  .terms-content ul{ padding-left:20px; margin:8px 0; }
  .terms-note{
    background: var(--blue-wash); border-radius:12px; padding:16px 18px; font-size:0.88rem;
    color: var(--blue-deep); margin-bottom:32px;
  }

  /* ============ FOOTER LINKS ============ */
  .footer-links{ display:flex; gap:18px; }
  .footer-links a{ color:#9aa0ab; transition: color .2s ease; }
  .footer-links a:hover{ color:#fff; }

  /* ============ QUIZ BANNER (homepage) ============ */
  .quiz-banner{
    display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
    background: linear-gradient(120deg, var(--dark) 0%, #232936 100%);
    border-radius:20px; padding:32px 36px; color:#fff; position:relative; overflow:hidden;
    transition: transform .25s ease, box-shadow .25s ease;
  }
  .quiz-banner::before{
    content:""; position:absolute; top:-60px; right:-60px; width:220px; height:220px; border-radius:50%;
    background: radial-gradient(circle, rgba(42,91,255,0.35), transparent 70%);
  }
  .quiz-banner:hover{ transform: translateY(-3px); box-shadow: 0 24px 50px -24px rgba(0,0,0,0.5); }
  .quiz-banner-eyebrow{ font-size:0.8rem; font-weight:700; color: var(--blue-bright); display:block; margin-bottom:8px; }
  .quiz-banner-text h3{ color:#fff; font-size:1.3rem; margin-bottom:6px; }
  .quiz-banner-text p{ color:#b7bcc7; font-size:0.94rem; }
  .quiz-banner-cta{
    display:inline-flex; align-items:center; gap:8px; background:var(--blue); color:#fff; font-weight:700;
    padding:13px 22px; border-radius:11px; white-space:nowrap; flex-shrink:0; position:relative;
  }

  /* ============ QUIZ APP (quiz.html) ============ */
  .quiz-wrap{ max-width:640px; margin:0 auto; }
  .quiz-progress{ display:flex; gap:8px; margin-bottom:28px; }
  .quiz-progress i{ flex:1; height:5px; border-radius:999px; background:var(--gray-300); }
  .quiz-progress i.done{ background:var(--blue); }

  .quiz-card{
    background:#fff; border:1px solid var(--gray-300); border-radius:20px; padding:34px;
  }
  .quiz-step-label{ font-size:0.82rem; font-weight:700; color:var(--blue); margin-bottom:10px; }
  .quiz-question{ font-size:1.35rem; margin-bottom:22px; }

  .quiz-options{ display:flex; flex-direction:column; gap:10px; }
  .quiz-option{
    display:flex; align-items:center; gap:14px; text-align:left; width:100%;
    background: var(--offwhite); border:1.5px solid transparent; border-radius:13px; padding:16px 18px;
    font-family:var(--font); font-size:0.98rem; font-weight:600; color:var(--dark); cursor:pointer;
    transition: border-color .2s ease, background .2s ease, transform .15s ease;
  }
  .quiz-option:hover{ border-color: var(--blue); background:#fff; transform: translateX(2px); }
  .quiz-option .ico{ font-size:1.3rem; flex-shrink:0; }

  .quiz-back{
    display:inline-flex; align-items:center; gap:6px; font-size:0.86rem; font-weight:600; color:var(--gray-500);
    margin-top:20px; cursor:pointer; background:none; border:none; font-family:var(--font);
  }
  .quiz-back:hover{ color:var(--dark); }

  .quiz-result-card{
    background:#fff; border:1px solid var(--gray-300); border-radius:20px; overflow:hidden;
  }
  .quiz-result-badge{
    display:inline-flex; align-items:center; gap:7px; font-size:0.82rem; font-weight:700; color:var(--blue);
    margin-bottom:10px;
  }
  .quiz-result-photo{ aspect-ratio:1/0.7; background:var(--offwhite); overflow:hidden; }
  .quiz-result-photo img{ width:100%; height:100%; object-fit:cover; }
  .quiz-result-body{ padding:28px 30px 30px; }
  .quiz-result-body h3{ font-size:1.5rem; margin-bottom:6px; }
  .quiz-result-price{ font-size:1.2rem; font-weight:800; color:var(--blue); margin-bottom:16px; }
  .quiz-result-reason{ color:var(--gray-700); font-size:0.96rem; margin-bottom:22px; line-height:1.6; }
  .quiz-result-ctas{ display:flex; gap:12px; flex-wrap:wrap; }
  .quiz-retake{
    display:inline-flex; align-items:center; gap:7px; margin-top:24px; font-size:0.9rem; font-weight:600;
    color:var(--gray-500); cursor:pointer; background:none; border:none; font-family:var(--font);
  }
  .quiz-retake:hover{ color:var(--blue); }

  /* ============ PAGE HEADER (sub-pages: models/compare/contact) ============ */
  .page-header{
    background: var(--offwhite);
    padding: 150px 0 56px;
    border-bottom: 1px solid var(--gray-300);
  }
  @media (max-width:820px){ .page-header{ padding:110px 0 40px; } }
  .breadcrumb{
    display:inline-flex; align-items:center; gap:6px; font-size:0.88rem; font-weight:600;
    color: var(--gray-500); margin-bottom:18px;
  }
  .breadcrumb:hover{ color: var(--blue); }
  .page-header h1{ font-size: clamp(1.6rem, 3.4vw, 2.3rem); margin-bottom:10px; }
  .page-header p{ color: var(--gray-700); font-size:1.02rem; max-width:560px; }

  /* ============ QUICK LINKS (homepage teaser cards to sub-pages) ============ */
  .quick-links{ display:grid; grid-template-columns: repeat(3, 1fr); gap:22px; }
  @media (max-width:860px){ .quick-links{ grid-template-columns:1fr; } }

  .quick-link-card{
    display:flex; flex-direction:column; gap:16px; background:#fff; border:1px solid var(--gray-300);
    border-radius:18px; padding:28px; transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
  }
  .quick-link-card:hover{
    box-shadow: 0 24px 46px -26px rgba(29,33,40,0.25); transform: translateY(-4px); border-color: var(--gray-300);
  }
  .quick-link-card .ico{
    width:46px; height:46px; border-radius:12px; background: var(--blue-wash); color: var(--blue);
    display:flex; align-items:center; justify-content:center;
  }
  .quick-link-card h3{ font-size:1.1rem; }
  .quick-link-card p{ color: var(--gray-500); font-size:0.92rem; flex:1; }
  .quick-link-card .go{
    display:inline-flex; align-items:center; gap:6px; font-weight:700; font-size:0.9rem; color: var(--blue);
  }
  .quick-link-card .go svg{ transition: transform .2s ease; }
  .quick-link-card:hover .go svg{ transform: translateX(3px); }

  /* ============ FOOTER ============ */
  footer{ background: var(--dark-2); padding:32px 0; }
  .footer-row{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; color:#9aa0ab; font-size:0.86rem; }