.contact-crumb{background:#fff;border-bottom:1px solid var(--line)}
.contact-crumb .wrap{min-height:46px;display:flex;align-items:center;gap:7px;font-size:13px;color:#71838d}
.contact-crumb a{color:var(--brand)}

.contact-hero{
  min-height:500px;display:flex;align-items:center;color:#fff;
  background:
    linear-gradient(90deg,rgba(5,36,49,.96),rgba(8,68,86,.79) 50%,rgba(8,84,104,.30)),
    url("../images/sea-local-01.jpg") center/cover no-repeat
}
.contact-hero-grid{display:grid;grid-template-columns:1.05fr .72fr;gap:42px;align-items:center;padding:76px 0}
.contact-hero .eyebrow{color:#ead4b1}
.contact-hero h1{font-size:clamp(40px,6vw,66px);line-height:1.08;letter-spacing:-.04em;margin:0 0 18px}
.contact-hero h1 em{font-style:normal;color:#f0d5a7}
.contact-hero p{color:rgba(255,255,255,.82);font-size:17px;max-width:760px}
.contact-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.contact-hero-card{padding:28px;border-radius:26px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);box-shadow:0 20px 58px rgba(0,0,0,.19)}
.contact-hero-card h3{font-size:23px;margin:6px 0 16px}
.contact-hero-list{display:grid;gap:10px}
.contact-hero-item{padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10)}
.contact-hero-item b{display:block;font-size:14px}
.contact-hero-item span{font-size:12px;color:rgba(255,255,255,.66)}

.contact-page{
  background:
    linear-gradient(180deg,rgba(248,251,251,.985),rgba(248,251,251,.985)),
    url("../images/sea-local-07.jpg") center/cover no-repeat
}
.contact-title-row{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}
.contact-title-row .lead{margin:0}

.contact-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.contact-method-card{min-height:240px;border-radius:24px;padding:25px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 35px rgba(8,47,62,.06);display:flex;flex-direction:column;justify-content:space-between}
.contact-method-card.highlight{
  background:
    linear-gradient(145deg,rgba(8,67,85,.97),rgba(10,95,115,.92)),
    url("../images/sea-local-04.jpg") center/cover no-repeat;
  color:#fff;border-color:transparent
}
.contact-method-card.highlight p{color:rgba(255,255,255,.72)}
.contact-method-icon{width:48px;height:48px;border-radius:16px;background:var(--sea);color:var(--brand);display:grid;place-items:center;font-size:20px;font-weight:900}
.highlight .contact-method-icon{background:rgba(255,255,255,.12);color:#fff}
.contact-method-card h3{font-size:20px;margin:16px 0 6px}
.contact-method-card p{font-size:13px;color:var(--muted);margin:0 0 18px}
.contact-method-value{font-size:18px;font-weight:900;color:var(--brand);word-break:break-all}
.highlight .contact-method-value{color:#ffe0aa}

.prepare-section{
  background:
    linear-gradient(180deg,rgba(238,246,246,.96),rgba(248,251,251,.98)),
    url("../images/sea-local-05.jpg") center/cover no-repeat
}
.prepare-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:26px;align-items:stretch}
.prepare-photo{min-height:430px;border-radius:26px;overflow:hidden;position:relative;background:linear-gradient(180deg,rgba(5,39,51,.12),rgba(5,39,51,.52)),url("../images/sea-local-03.jpg") center/cover no-repeat;box-shadow:var(--shadow)}
.prepare-photo-copy{position:absolute;left:28px;right:28px;bottom:26px;color:#fff}
.prepare-photo-copy .eyebrow{color:#efd8b4}
.prepare-photo-copy h2{font-size:30px;margin:6px 0 8px}
.prepare-photo-copy p{color:rgba(255,255,255,.74);font-size:13px;margin:0}
.prepare-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.prepare-card{background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:19px;padding:20px;box-shadow:0 8px 28px rgba(8,47,62,.05)}
.prepare-no{width:38px;height:38px;border-radius:12px;background:var(--sea);color:var(--brand);display:grid;place-items:center;font-size:12px;font-weight:900;margin-bottom:13px}
.prepare-card h3{font-size:17px;margin-bottom:6px}
.prepare-card p{font-size:13px;color:var(--muted);margin:0}

.consult-section{background:#fff}
.consult-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:26px;align-items:start}
.consult-form{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 14px 42px rgba(8,47,62,.07)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.field{display:grid;gap:7px}.field.full{grid-column:1/-1}
.field label{font-size:13px;font-weight:800;color:#526a76}
.field input,.field select,.field textarea{width:100%;border:1px solid rgba(13,89,112,.17);border-radius:12px;background:#fbfdfd;color:var(--ink);outline:none;padding:0 13px}
.field input,.field select{height:48px}
.field textarea{min-height:120px;padding-top:12px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(13,89,112,.08)}
.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.form-note{margin-top:13px;font-size:12px;color:#7a8d96}

.consult-preview{
  border-radius:26px;padding:28px;color:#fff;
  background:
    linear-gradient(145deg,rgba(7,52,68,.97),rgba(11,91,111,.92)),
    url("../images/sea-local-06.jpg") center/cover no-repeat;
  position:sticky;top:110px
}
.consult-preview .eyebrow{color:#ead4b1}
.consult-preview h3{font-size:24px;margin:7px 0 15px}
.preview-box{min-height:230px;border-radius:18px;padding:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);white-space:pre-line;color:rgba(255,255,255,.80);font-size:14px;line-height:1.85}
.preview-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.preview-tip{margin-top:12px;color:rgba(255,255,255,.62);font-size:12px}

.quick-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.quick-step{background:#fff;border:1px solid var(--line);border-radius:19px;padding:20px;box-shadow:0 8px 26px rgba(8,47,62,.045)}
.quick-step i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font-style:normal;font-weight:900;margin-bottom:13px}
.quick-step h3{font-size:17px;margin-bottom:6px}
.quick-step p{font-size:13px;color:var(--muted);margin:0}

.final-contact{border-radius:28px;padding:36px;background:linear-gradient(110deg,rgba(6,45,59,.96),rgba(11,84,104,.91)),url("../images/sea-local-04.jpg") center/cover no-repeat;color:#fff;display:grid;grid-template-columns:1fr .88fr;gap:28px;align-items:center;box-shadow:var(--shadow)}
.final-contact .eyebrow{color:#ead3ae}
.final-contact p{color:rgba(255,255,255,.75)}
.final-list{display:grid;gap:10px}
.final-item{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08)}
.final-item span{font-size:13px;color:rgba(255,255,255,.68)}
.final-item b{text-align:right}

@media(max-width:980px){
  .contact-hero-grid,.prepare-grid,.consult-grid,.final-contact{grid-template-columns:1fr}
  .contact-methods{grid-template-columns:1fr 1fr}
  .contact-method-card:last-child{grid-column:1/-1}
  .consult-preview{position:static}
  .quick-flow{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .contact-hero{min-height:auto}
  .contact-hero-grid{padding:52px 0}
  .contact-title-row{display:block}
  .contact-methods,.prepare-list,.form-grid,.quick-flow{grid-template-columns:1fr}
  .contact-method-card:last-child{grid-column:auto}
  .field.full{grid-column:auto}
  .prepare-photo{min-height:320px}
  .consult-form,.consult-preview{padding:22px 18px}
  .final-contact{padding:25px 20px}
  .final-item{display:block}
  .final-item b{display:block;text-align:left;margin-top:4px}
}