/* ==========================================================================
   FORELAD · PAGES — inner-page hero, loan products, about, contact form
   ========================================================================== */

/* ---- slim inner hero (shared) ---- */
.phero{ position:relative; overflow:hidden; padding:calc(var(--nav-h) + clamp(48px,7vw,96px)) 0 clamp(40px,6vw,72px); background:
  radial-gradient(700px 380px at 88% -10%, var(--aura-violet), transparent 62%),
  radial-gradient(rgba(109,63,191,.06) 1px, transparent 1.4px) 0 0/26px 26px, #fff; }
.phero__inner{ max-width:var(--container); margin-inline:auto; padding-inline:var(--gutter); position:relative; z-index:1; max-width:min(var(--container), 820px); }
.phero h1{ font-size:var(--fs-h1); margin:20px 0 16px; }
.phero h1 em{ font-style:normal; color:var(--violet); }
.phero .lead{ max-width:52ch; }

/* ---- loan product rows ---- */
.product{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,4vw,64px); align-items:center; padding-block:clamp(48px,6vw,80px); border-top:1px solid var(--border); scroll-margin-top:calc(var(--nav-h) + 20px); }
.product:nth-child(even) .product__media{ order:2; }
.product__media{ position:relative; border-radius:var(--r-2xl); overflow:hidden; aspect-ratio:4/3; box-shadow:var(--sh-card); background:var(--grad-card); }
.product__media img{ width:100%; height:100%; object-fit:cover; }
.product__tag{ display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:var(--fs-cap); font-weight:500; letter-spacing:.08em; text-transform:uppercase; color:var(--violet); }
.product h2{ font-size:var(--fs-h3); margin:14px 0 12px; }
.product p{ color:var(--text-muted); line-height:1.7; }
.product__meta{ display:flex; flex-direction:column; gap:12px; margin:22px 0; padding-top:20px; border-top:1px solid var(--border); }
.product__row{ display:flex; justify-content:space-between; gap:20px; font-size:var(--fs-sm); }
.product__row span:first-child{ color:var(--text-muted); }
.product__row span:last-child{ font-weight:600; color:var(--aubergine); text-align:right; }
@media (max-width:820px){ .product{ grid-template-columns:1fr; } .product:nth-child(even) .product__media{ order:0; } }

/* ---- about: values grid ---- */
.values{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.value{ padding:28px 24px; }
.value__ico{ width:48px; height:48px; border-radius:14px; background:var(--ink-100); display:flex; align-items:center; justify-content:center; color:var(--violet-deep); margin-bottom:18px; }
.value__ico svg{ width:22px; height:22px; }
.value h3{ font-size:1.1rem; margin-bottom:7px; }
.value p{ font-size:var(--fs-sm); color:var(--text-muted); line-height:1.6; }
@media (max-width:820px){ .values{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .values{ grid-template-columns:1fr; } }

.about-split{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px,5vw,72px); align-items:center; }
.about-split__media{ border-radius:var(--r-2xl); overflow:hidden; aspect-ratio:4/5; box-shadow:var(--sh-card); background:var(--grad-card); }
.about-split__media img{ width:100%; height:100%; object-fit:cover; }
@media (max-width:820px){ .about-split{ grid-template-columns:1fr; } .about-split__media{ aspect-ratio:16/10; order:-1; } }

/* ---- contact / enquiry ---- */
.enquiry{ display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(28px,4vw,52px); align-items:start; }
.enquiry__form{ background:#fff; border:1px solid var(--border); border-radius:var(--r-2xl); padding:clamp(24px,3vw,38px); box-shadow:var(--sh-sm); }
.form-row{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.field{ display:flex; flex-direction:column; gap:7px; margin-bottom:18px; }
.field label{ font-size:var(--fs-xs); font-weight:600; color:var(--aubergine); }
.field label .req{ color:var(--teal); }
.field input, .field select, .field textarea{ width:100%; background:var(--bg-subtle); border:1.5px solid var(--border); border-radius:var(--r-md); padding:13px 15px; font-size:var(--fs-sm); color:var(--ink-900); transition:border-color var(--t-fast), background var(--t-fast); }
.field input::placeholder, .field textarea::placeholder{ color:var(--text-faint); }
.field input:focus, .field select:focus, .field textarea:focus{ outline:none; border-color:var(--teal); background:#fff; }
.field textarea{ resize:vertical; min-height:118px; line-height:1.55; }
.field select{ appearance:none; cursor:pointer; padding-right:40px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 5 L7 9 L11 5' stroke='%236B6480' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 15px center; }
.field--invalid input, .field--invalid select, .field--invalid textarea{ border-color:#D14343; }
.form-actions{ display:flex; gap:14px; flex-wrap:wrap; margin-top:6px; }
.form-note{ font-size:var(--fs-xs); color:var(--text-muted); margin-top:16px; line-height:1.6; }
.form-success{ display:none; background:var(--teal-tint); border:1px solid #C7E7E4; border-radius:var(--r-md); padding:16px 18px; margin-top:18px; font-size:var(--fs-sm); color:var(--teal-deep); }
.form-success[data-show="true"]{ display:block; }

.reassure{ background:var(--bg-subtle); border:1px solid var(--border); border-radius:var(--r-2xl); padding:clamp(24px,3vw,36px); }
.reassure h3{ font-size:1.15rem; margin-bottom:8px; }
.reassure__list{ display:flex; flex-direction:column; gap:18px; margin-top:22px; }
.reassure__item{ display:flex; gap:14px; align-items:flex-start; }
.reassure__ico{ flex-shrink:0; width:38px; height:38px; border-radius:50%; background:var(--teal-tint); display:flex; align-items:center; justify-content:center; color:var(--teal); }
.reassure__item b{ display:block; color:var(--aubergine); font-size:var(--fs-sm); }
.reassure__item span{ font-size:var(--fs-xs); color:var(--text-muted); line-height:1.5; }
.contact-lines{ margin-top:24px; font-size:var(--fs-sm); color:var(--text-muted); line-height:1.9; }
@media (max-width:820px){ .enquiry{ grid-template-columns:1fr; } .form-row{ grid-template-columns:1fr; gap:0; } }