:root{
  --bg:#04070b;
  --card:#0b1218;
  --muted:#b7c0c8;
  --text:#edf3f7;
  --accent:#ff5b5b;
  --accent-700:#d11f33;
  --accent-soft:rgba(255,91,91,0.14);
  --glass: rgba(255,255,255,0.04);
  --radius:14px;
  --container:1120px;
  --shadow: 0 18px 40px rgba(2,6,10,0.65);
  --gap:1rem;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial;
  background:
    radial-gradient(circle at top right, rgba(190,35,48,0.12), transparent 24%),
    radial-gradient(circle at bottom left, rgba(255,91,91,0.10), transparent 18%),
    linear-gradient(180deg, #04070b 0%, #061018 30%, #09111a 58%, #f4f7fb 58%, #ffffff 100%);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.5;
  font-size:16px;
}

body::before,
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
}

body::before{
  background-image:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size:40px 40px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,0.55), transparent 90%);
}

body::after{
  background:radial-gradient(circle at right center, rgba(180,30,45,0.18), transparent 28%);
}

/* layout */
.container{max-width:var(--container);margin:0 auto;padding:1rem}

/* header */
.site-header{position:fixed;top:0;left:0;right:0;z-index:99999;padding:0.75rem 0;background:linear-gradient(180deg, rgba(4,7,11,0.98), rgba(4,7,11,0.75));backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.04)}
.header-inner{display:flex;align-items:center;gap:1rem;justify-content:space-between}
.logo{display:flex;gap:0.65rem;align-items:center;text-decoration:none;color:var(--text)}
.logo-mark{background:linear-gradient(135deg,var(--accent),var(--accent-700));color:#081018;padding:0.45rem 0.65rem;border-radius:10px;font-weight:800;box-shadow:0 10px 24px rgba(255,91,91,0.18)}
.logo-text{font-weight:700;font-size:0.98rem;letter-spacing:0.02em;text-transform:lowercase;color:#eff5f8}

/* nav - desktop horizontal */
.main-nav{display:flex;gap:1rem;align-items:center}
.main-nav a{color:var(--muted);text-decoration:none;padding:0.45rem 0.6rem;border-radius:8px;font-weight:600}
.main-nav a:hover{color:var(--text);background:var(--glass)}

/* hide mobile-only elements on desktop */
.nav-close,
.nav-mobile-only,
.nav-section-title{display:none}

/* desktop nav main links */
.nav-main{display:flex;gap:1rem;align-items:center}

/* header actions */
.header-actions{display:flex;gap:0.6rem;align-items:center}
.btn{display:inline-flex;align-items:center;gap:0.6rem;padding:0.6rem 0.9rem;border-radius:10px;font-weight:700;text-decoration:none;border:none;cursor:pointer}
.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-700));color:#071018;box-shadow:0 8px 24px rgba(255,159,28,0.12)}
.btn-ghost{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,0.04)}

/* nav toggle (mobile) */
.nav-toggle{display:none;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);padding:0.5rem;border-radius:8px;cursor:pointer;width:40px;height:40px;align-items:center;justify-content:center}
.nav-toggle .hamburger{width:22px;height:2px;background:#fff;display:block;position:relative;margin:0 auto}
.nav-toggle .hamburger::after,.nav-toggle .hamburger::before{content:"";position:absolute;left:0;width:22px;height:2px;background:#fff}
.nav-toggle .hamburger::before{top:-7px} .nav-toggle .hamburger::after{top:7px}

/* hero */
.hero{position:relative;overflow:hidden;border-bottom-left-radius:18px;border-bottom-right-radius:18px;padding:5rem 0 1.4rem;background:linear-gradient(145deg,#081017 0%, #04070b 45%, #010307 100%);box-shadow:inset 0 -1px 0 rgba(255,255,255,0.04)}
.hero::before,
.hero::after{content:"";position:absolute;pointer-events:none}
.hero::before{inset:0;background:linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);background-size:36px 36px;opacity:.25}
.hero::after{right:-14%;bottom:-18%;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle, rgba(180,30,45,0.18), rgba(180,30,45,0.03) 45%, transparent 60%);filter:blur(14px)}
.hero__overlay{position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,255,255,0.02), rgba(0,0,0,0.2));z-index:0}

.hero__content{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:1rem;align-items:stretch;padding-top:1rem;padding-bottom:1rem}
.hero__copy{display:grid;gap:0.85rem;max-width:700px}
.eyebrow{display:inline-block;background:rgba(255,255,255,0.04);padding:0.25rem 0.6rem;border-radius:999px;color:var(--muted);font-weight:700;font-size:0.9rem}
h1{font-size:clamp(2.1rem, 9vw, 4rem);margin:0;line-height:1.02;letter-spacing:0.02em;text-transform:uppercase; text-align:center}
.lead{color:#dbe5ec;margin:0;max-width:520px}
.mini-points{display:flex;flex-wrap:wrap;gap:0.45rem;padding:0;margin:0;list-style:none;justify-content:center}
.mini-points li{padding:0.45rem 0.6rem;border:none;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-700));color:#fff;font-size:0.88rem;font-weight:600}
.hero__visual{display:grid;gap:0.75rem;background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(0,0,0,0.18));border:1px solid rgba(255,255,255,0.06);border-radius:18px;padding:0.75rem;box-shadow:var(--shadow)}
.hero-photo-card{overflow:hidden;border-radius:14px;background:#07111b;border:1px solid rgba(255,255,255,0.06)}
.hero-photo-card img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}
.hero-note{margin:0;color:var(--muted);font-size:0.92rem;text-align:center}

/* hero CTAs */
.hero-ctas{display:flex;gap:0.75rem;flex-wrap:wrap;margin-bottom:1rem}
.hero-ctas .btn{padding:0.85rem 1rem;border-radius:12px;letter-spacing:0.04em;text-transform:uppercase;font-size:0.92rem}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-700));color:#fff;box-shadow:0 14px 28px rgba(255,91,91,0.18)}
.btn-ghost{background:rgba(255,255,255,0.03);color:var(--text);border:1px solid rgba(255,255,255,0.08)}

.hero__text{padding:1.2rem 0 0}
.eyebrow{display:inline-block;background:rgba(255,255,255,0.04);padding:0.35rem 0.65rem;border-radius:999px;color:#dbe5ec;font-weight:700;font-size:0.83rem;letter-spacing:0.12em;text-transform:uppercase}
h1{font-size:clamp(2.6rem, 7vw, 5rem);margin:0.7rem 0 0.9rem;line-height:1.02;letter-spacing:0.02em;text-transform:uppercase; text-align:center}
h1 span{color:var(--accent)}

.hero__copy h1{text-align:left}
.lead{color:#dbe5ec;max-width:520px;font-size:1.02rem}

/* inquiry / form */
.inquiry-intro{display:grid;gap:0.35rem;padding-top:1rem;padding-bottom:0.2rem}
.inquiry-intro h2{margin:0;font-size:clamp(1.2rem, 4vw, 1.6rem)}
.muted{color:var(--muted)}
.inquiry{display:grid;gap:1rem;padding-bottom:2rem}
.inquiry-card,.inquiry-form-card{background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(245,247,250,0.98));border:1px solid rgba(8,17,24,0.08);border-radius:18px;padding:1rem;box-shadow:0 14px 30px rgba(8,17,24,0.08);color:#0d1721}
.inquiry-card h3{margin:0 0 0.35rem;font-size:1.08rem}
.inquiry-card p{margin:0;color:var(--muted)}
.grid{display:grid;grid-template-columns:1fr;gap:0.6rem}
.form-grid{grid-template-columns:1fr}
.grid label{display:flex;flex-direction:column;font-size:0.9rem;color:var(--muted)}
.grid input,.grid select,.grid textarea{margin-top:0.35rem;padding:0.7rem;border-radius:10px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.02);color:var(--text)}
.grid .full{grid-column:1/-1}
.upload-box input{padding:0.55rem}
.photo-upload-stack{display:grid;gap:0.5rem}
.photo-fields{display:grid;gap:0.45rem}
.photo-field-row{display:grid;gap:0.2rem;padding:0.55rem;border:1px solid rgba(255,255,255,0.08);border-radius:10px;background:rgba(255,255,255,0.03)}
.photo-field-row span{font-size:0.9rem;color:var(--text)}
.photo-field-row input{margin-top:0}
.photo-upload-actions{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;flex-wrap:wrap}
.photo-action-btn{padding:0.45rem 0.7rem;border-radius:999px;font-size:0.85rem}
.photo-action-btn:disabled{opacity:0.45;cursor:not-allowed}
.photo-counter{font-size:0.85rem;color:var(--muted)}
.form-actions{display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:0.75rem}
.form-message{margin-top:0.6rem;padding:0.6rem;border-radius:8px;background:rgba(14,34,40,0.6);color:#dff7ef;border:1px solid rgba(255,255,255,0.03)}

/* perks */
.perks .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;margin-top:1.5rem}
.card{background:linear-gradient(145deg, rgba(255,91,91,0.12) 0%, rgba(180,30,45,0.06) 50%, rgba(255,91,91,0.03) 100%);padding:1.5rem 1.25rem;border-radius:16px;border:1px solid rgba(255,91,91,0.2);text-align:center;transition:transform 0.2s, border-color 0.2s;position:relative;overflow:hidden}
.card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0.6}
.card:hover{transform:translateY(-4px);border-color:rgba(255,91,91,0.4)}
.card h3{margin:0 0 0.75rem;color:#fff;font-size:1.1rem;font-weight:700}
.card p{margin:0;color:rgba(255,255,255,0.7);font-size:0.92rem;line-height:1.5}

/* types */
.types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0.8rem;margin-top:1.5rem}
.type{background:linear-gradient(145deg, rgba(255,91,91,0.1) 0%, rgba(180,30,45,0.04) 100%);padding:1rem;border-radius:12px;text-align:center;color:#fff;font-weight:600;border:1px solid rgba(255,91,91,0.15);transition:all 0.2s}
.type:hover{background:linear-gradient(145deg, rgba(255,91,91,0.18) 0%, rgba(180,30,45,0.08) 100%);border-color:rgba(255,91,91,0.3);transform:translateY(-2px)}

/* steps */
.steps{list-style:none;padding:0;margin:0;display:grid;gap:0.6rem}
.steps li{background:rgba(255,255,255,0.02);padding:0.8rem;border-radius:10px}

/* seo, faq */
.seo p{color:var(--muted)}
.faq details{margin:0.6rem 0;background:rgba(255,255,255,0.02);padding:0.6rem;border-radius:8px}

/* footer */
.site-footer{padding:1.2rem 0;margin-top:2rem;border-top:1px solid rgba(8,17,24,0.08);background:linear-gradient(180deg,#ffffff 0%, #f7f9fc 100%)}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}

/* sticky call button mobile */
.sticky-call{position:fixed;right:1rem;bottom:1rem;background:linear-gradient(90deg,var(--accent),var(--accent-700));color:#071018;padding:0.8rem 1rem;border-radius:999px;display:flex;align-items:center;gap:0.6rem;box-shadow:0 12px 30px rgba(255,159,28,0.18);text-decoration:none;z-index:60}
.sticky-call svg{width:20px;height:20px}

/* responsive */
@media (min-width:980px){
  .hero__content{grid-template-columns:1.05fr 0.95fr;align-items:center;gap:2rem}
  .hero__copy{justify-items:start;text-align:left}
  .hero-ctas{justify-content:flex-start}
  .mini-points{justify-content:flex-start}
  .form-grid{grid-template-columns:1fr 1fr}
  .form-grid .full{grid-column:1/-1}
  .inquiry{grid-template-columns:0.9fr 1.1fr;align-items:stretch}
}
@media (max-width:820px){
  .site-header {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: #04070b !important;
  }
  .header-actions {
    display: none !important;
  }
  .nav-toggle{display:flex;position:relative;z-index:100;color:#fff;font-size:0.75rem;font-weight:700;border:1px solid rgba(255,255,255,0.3);margin-left: auto;}
  .header-inner{gap:0.6rem}
  .header-actions .call{display:none}
  .container{padding:0.8rem}
  .footer-inner{flex-direction:column;align-items:flex-start}
  .sticky-call{right:0.8rem;bottom:0.8rem;padding:0.7rem}
}
@media (max-width:640px){
  .site-header{padding:0.55rem 0;backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: #04070b !important;}
  .logo-text{font-size:0.82rem}
  .hero{padding-top:1rem;padding-bottom:2rem}
  .hero__copy{align-items:center;text-align:center}
  .hero__copy h1{text-align:center!important}
  .eyebrow{display:flex;justify-content:center;align-items:center;width:fit-content;margin:0 auto;text-align:center}
  .hero__text h1{font-size:clamp(2rem, 11vw, 2.8rem)}
  .hero-ctas{flex-direction:column}
  .hero-ctas .btn{width:100%;justify-content:center}
  .hero__form{padding:0.9rem}
  .photo-grid{grid-template-columns:1fr}
  .photo-actions{flex-direction:column;align-items:stretch}
}

/* mobile nav fullscreen */
@media (max-width: 820px) {
  .main-nav {
    display: none;
  }

  /* show mobile elements */
  .nav-close,
  .nav-mobile-only,
  .nav-section-title {
    display: block;
  }

  .main-nav.is-open {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 90px 24px 40px;
    background: radial-gradient(circle at bottom right, rgba(255,91,91,0.08), transparent 45%), linear-gradient(180deg, #04070b 0%, #080d14 60%, #0d0608 100%);
    z-index: 100000;
    gap: 24px;
    overflow-y: auto;
  }

  .main-nav.is-open .nav-main,
  .main-nav.is-open .nav-mobile-only {
    display: flex;
    flex-direction: column;
  }

  .main-nav.is-open .nav-main a {
    padding: 14px 16px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    border-radius: 10px;
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,255,255,0.04);
    margin-bottom: 8px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .main-nav.is-open .nav-main a::before {
    content: "⚡";
    font-size: 1.1rem;
    filter: grayscale(1) brightness(1.5);
  }

  .main-nav.is-open .nav-main a:hover {
    background: linear-gradient(90deg, rgba(255,91,91,0.15), rgba(180,30,45,0.05));
    border-color: rgba(255,91,91,0.3);
    color: #ff8a8a;
    padding-left: 20px;
  }

  .main-nav.is-open .nav-section {
    margin-bottom: 24px;
    background: rgba(255,255,255,0.01);
    padding: 16px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.03);
  }

  .main-nav.is-open::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--accent), var(--accent-700));
  }

  .nav-section-title {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: var(--accent);
    margin: 0 0 14px;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .nav-section-title::after {
    content: "";
    flex: 1;
    height: 1px;
    background: rgba(255,91,91,0.15);
  }

  .main-nav.is-open a:hover {
    color: var(--accent);
  }

  .main-nav.is-open .nav-section a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    font-size: 0.98rem;
    font-weight: 600;
    color: rgba(255,255,255,0.8);
    border-bottom: none;
    border-radius: 8px;
    transition: all 0.2s ease;
  }

  .main-nav.is-open .nav-section a::before {
    content: "•";
    color: var(--accent);
    font-size: 1.2rem;
  }

  .main-nav.is-open .nav-section a:hover {
    background: rgba(255,91,91,0.08);
    color: #fff;
    padding-left: 18px;
  }

  .nav-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 50%;
    color: #fff;
    font-size: 1.3rem;
    cursor: pointer;
    z-index: 100001;
    transition: all 0.2s ease;
  }

  .nav-close:hover {
    background: rgba(255,91,91,0.2);
    border-color: rgba(255,91,91,0.4);
    transform: rotate(90deg);
  }
}
/* FIX: forma po hero */
.inquiry-intro {
  padding: 40px 20px 32px;
  text-align: center;
  color: #fff;
}

.inquiry-banner {
  background: linear-gradient(135deg, rgba(255,91,91,0.15) 0%, rgba(180,30,45,0.08) 50%, rgba(255,91,91,0.05) 100%);
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 20px;
  padding: 32px 24px;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.inquiry-banner::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -20%;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(255,91,91,0.12), transparent 60%);
  pointer-events: none;
}

.banner-icon {
  font-size: 2.5rem;
  margin-bottom: 12px;
  display: block;
}

.inquiry-banner .eyebrow {
  background: rgba(255,91,91,0.2);
  color: #ff8a8a;
  border: 1px solid rgba(255,91,91,0.3);
  margin-bottom: 16px;
}

.inquiry-banner h2 {
  color: #fff;
  font-size: clamp(1.4rem, 4vw, 1.9rem);
  margin: 0 0 12px;
  font-weight: 700;
}

.inquiry-banner .muted {
  color: rgba(255,255,255,0.7);
  font-size: 0.95rem;
  margin: 0;
}

.inquiry-intro h2,
.inquiry-intro p {
  color: #fff;
  opacity: 1;
}

.inquiry {
  padding: 24px 20px 72px;
  background: #05080c;
}

.inquiry-card,
.inquiry-form-card {
  background: #0b1016;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 22px;
}

.inquiry-card p,
.inquiry-form-card span {
  color: rgba(255,255,255,0.75);
}

.inquiry-form-card input,
.inquiry-form-card textarea {
  background: #070a0f;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.14);
}

.inquiry-form-card input::placeholder,
.inquiry-form-card textarea::placeholder {
  color: rgba(255,255,255,0.45);
}

@media (max-width: 768px) {
  .inquiry {
    display: block;
  }

  .inquiry-card {
    margin-bottom: 18px;
  }

  .sticky-call {
    bottom: 18px;
    right: 18px;
  }

  .inquiry {
    padding-bottom: 120px;
  }
}
/* ===========================
   GLOBAL DARK THEME OVERRIDE
   =========================== */

body {
  background: #04070b !important;
}

section,
main,
.container,
.perks,
.types,
.process,
.seo,
.faq,
.inquiry,
.inquiry-intro {
  background: transparent !important;
}

h2 {
  color: #fff;
  font-size: clamp(2rem, 5vw, 3rem);
  margin-bottom: 24px;
}

.muted,
.lead,
.seo p,
.faq p,
.steps li,
.type {
  color: rgba(255,255,255,.75);
}

/* ===========================
   CARDS
   =========================== */

.inquiry-card,
.inquiry-form-card,
.faq details {
  background: #0b1016 !important;
  border: 1px solid rgba(255,255,255,.08);
  color: #fff;
  border-radius: 20px;
}

.card h3,
.inquiry-card h3,
.faq summary {
  color: #fff;
}

.card p,
.inquiry-card p {
  color: rgba(255,255,255,.75);
}

/* ===========================
   FORM
   =========================== */

.inquiry-form-card input,
.inquiry-form-card textarea,
.inquiry-form-card select {
  background: #070a0f !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.12);
}

.inquiry-form-card input::placeholder,
.inquiry-form-card textarea::placeholder {
  color: rgba(255,255,255,.45);
}

/* ===========================
   PROCESS
   =========================== */

.steps li {
  background: #0b1016;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
}

/* ===========================
   FAQ
   =========================== */

.faq details {
  padding: 18px;
}

.faq summary {
  cursor: pointer;
  font-weight: 700;
}

/* ===========================
   FOOTER
   =========================== */

.site-footer {
  background: #04070b !important;
  border-top: 1px solid rgba(255,255,255,.08);
}

.site-footer strong,
.site-footer a,
.site-footer p {
  color: #fff;
}

/* ===========================
   HEADINGS
   =========================== */

#perks-title,
#types-title,
#process-title,
#seo-title,
#faq-title {
  text-align: center;
  margin-bottom: 40px;
}

/* ===========================
   MOBILE
   =========================== */

@media (max-width:768px){

  .card,
  .inquiry-card,
  .inquiry-form-card {
    padding: 20px;
  }

  .sticky-call{
    bottom:20px;
    right:20px;
  }

}

/* PROCESS SECTION BEAUTY FIX */

.process {
  padding: 90px 20px;
  max-width: 980px;
  margin: 0 auto;
}

.process h2 {
  text-align: center;
  font-size: clamp(2.2rem, 5vw, 4rem);
  line-height: 1.05;
  margin-bottom: 46px;
}

.steps {
  max-width: 760px;
  margin: 0 auto;
  display: grid;
  gap: 18px;
}

.steps li {
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: 82px;
  padding: 20px 26px;
  background: linear-gradient(135deg, #0b1016, #080c11);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 22px;
  color: rgba(255,255,255,.82);
  font-size: 1.05rem;
  box-shadow: 0 18px 40px rgba(0,0,0,.22);
}

.steps li strong {
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  border-radius: 15px;
  background: linear-gradient(135deg, var(--accent), var(--accent-700));
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 1.05rem;
  box-shadow: 0 10px 24px rgba(255,91,91,.25);
}

.steps li:hover {
  border-color: rgba(255,91,91,.35);
  transform: translateY(-2px);
  transition: .2s ease;
}

@media (max-width: 640px) {
  .process {
    padding: 64px 18px;
  }

  .process h2 {
    font-size: clamp(2rem, 10vw, 3rem);
    margin-bottom: 34px;
  }

  .steps {
    max-width: 100%;
    gap: 16px;
  }

  .steps li {
    min-height: 86px;
    padding: 18px;
    gap: 18px;
    border-radius: 20px;
    font-size: 1rem;
  }

  .steps li strong {
    flex-basis: 46px;
    width: 46px;
    height: 46px;
    border-radius: 14px;
  }
}

/* inquiry left column wrapper */
.inquiry-left {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.inquiry-form-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* inquiry card image (desktop) */
.inquiry-card-img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 14px;
  object-fit: cover;
  aspect-ratio: 16 / 10;
}

/* custom file input */
.photo-field-row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 0.85rem;
  color: rgba(255,255,255,0.6);
  cursor: pointer;
}

.photo-field-row span {
  min-width: 80px;
  color: rgba(255,255,255,0.5) !important;
  font-size: 0.82rem;
}

.photo-field-row input[type="file"] {
  position: absolute;
  opacity: 0;
  width: 0.1px;
  height: 0.1px;
  overflow: hidden;
}

.photo-field-row::after {
  content: "📎 Pasirinkti failą";
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.9rem;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.85);
  font-size: 0.82rem;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
  white-space: nowrap;
}

.photo-field-row:hover::after {
  background: rgba(255,255,255,0.11);
  border-color: rgba(255,255,255,0.3);
}

.photo-field-row[data-filename]:not([data-filename=""])::after {
  content: "✓ " attr(data-filename);
  background: rgba(39,174,96,0.12);
  border-color: rgba(39,174,96,0.4);
  color: #6ee7a0;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.photo-fields {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
}

.photo-upload-actions {
  display: none;
}

.inquiry-form-card select {
  appearance: none;
  -webkit-appearance: none;
  background: #070a0f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='rgba(255,255,255,0.45)' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 0.9rem center !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px;
  padding: 0.55rem 2.2rem 0.55rem 0.75rem;
  font-size: 0.9rem;
  font-family: inherit;
  width: 100%;
  cursor: pointer;
}

.inquiry-form-card select option {
  background: #0b1016;
  color: #fff;
}

.btn-submit-full {
  width: 100%;
  padding: 0.9rem 1.5rem;
  font-size: 1rem;
  letter-spacing: 0.03em;
}

/* mobile image before perks */
.perks-img-mobile {
  display: none;
}

@media (max-width: 860px) {
  .inquiry-card-img {
    display: none;
  }

  .perks-img-mobile {
    display: block;
    padding: 0 20px 32px;
    background: #05080c;
  }

  .perks-img-mobile img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    object-position: center 70%;
    border-radius: 16px;
    display: block;
  }
}