/* Feasibility pages (premium dark skin) */
:root{color-scheme: light;}

body{
  background: #ffffff;
  color:#0b0f14;
}

/* Landing hero (premium, architectural) */
.pfHero{
  position:relative;
  padding:56px 0 38px;
  background: radial-gradient(900px 560px at 15% 10%, rgba(22, 28, 36, .10), transparent 60%),
              radial-gradient(900px 560px at 85% 15%, rgba(212, 175, 55, .14), transparent 55%),
              linear-gradient(180deg, #0b0f14, #0b0f14);
  color:#fff;
  overflow:hidden;
}
.pfHero:before{
  content:"";
  position:absolute; inset:0;
  background-image:
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 48px 48px;
  opacity:.18;
  pointer-events:none;
}
.pfHero__inner{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:center;position:relative}
@media (max-width: 900px){.pfHero__inner{grid-template-columns:1fr;}}
.pfHero__eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.70)}
.pfHero__title{margin:10px 0 0;font-size:38px;line-height:1.08;font-weight:800}
@media (max-width: 520px){.pfHero__title{font-size:30px}}
.pfHero__lead{margin:14px 0 0;color:rgba(255,255,255,.78);max-width:60ch}
.pfHero__cta{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}
.pfHero__trust{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}
.tchip{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:12px;color:rgba(255,255,255,.86)}
.pfHero__media{
  min-height:320px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.16);
  background:
    radial-gradient(320px 220px at 20% 25%, rgba(212,175,55,.22), transparent 60%),
    radial-gradient(320px 240px at 78% 30%, rgba(96,165,250,.18), transparent 60%),
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,0));
  position:relative;
  box-shadow: 0 24px 80px rgba(0,0,0,.42);
  overflow:hidden;
}
.pfHero__media:before{
  content:"";
  position:absolute; inset:-40px;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='520' viewBox='0 0 800 520'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.14' stroke-width='1'%3E%3Cpath d='M40 420 L240 120 L520 160 L760 80'/%3E%3Cpath d='M80 480 L280 180 L560 220 L780 140'/%3E%3Cpath d='M60 120 L220 80 L360 140 L520 92 L720 160'/%3E%3Cpath d='M110 60 L180 180 L260 110 L340 260 L440 160 L560 320 L700 220'/%3E%3Cpath d='M120 420 Q 240 300 360 360 T 620 280 T 760 340'/%3E%3Cpath d='M160 50 L160 470'/%3E%3Cpath d='M260 40 L260 480'/%3E%3Cpath d='M360 30 L360 490'/%3E%3Cpath d='M460 40 L460 480'/%3E%3Cpath d='M560 50 L560 470'/%3E%3Cpath d='M660 60 L660 460'/%3E%3C/g%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.10'%3E%3Ccircle cx='240' cy='120' r='48'/%3E%3Ccircle cx='560' cy='220' r='62'/%3E%3C/g%3E%3C/svg%3E");
  background-size:cover;
  background-position:center;
  transform: rotate(-8deg);
  opacity:.9;
}
.pfHero__media:after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(11,15,20,.65), rgba(11,15,20,.10));
}

/* Sections on the landing */
.pf__inner{padding-top:34px;padding-bottom:34px}
.pfSectionHead__t{margin:0;font-size:24px;line-height:1.25;font-weight:800;color:#0b0f14}
.pfSectionHead__p{margin:10px 0 0;color:rgba(11,15,20,.70);max-width:72ch}

.pfInfo,.pfTrust,.pfProcess{margin-top:28px}
.pfCards{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:900px){.pfCards{grid-template-columns:1fr;}}
.pfCard{background:#fff;border:1px solid rgba(11,15,20,.10);border-radius:12px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.pfCard__t{font-weight:800;margin-bottom:6px}
.pfCard__p{color:rgba(11,15,20,.68);line-height:1.6}

.pfGallery{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:900px){.pfGallery{grid-template-columns:1fr;}}
.pfGallery img{width:100%;height:150px;object-fit:cover;border-radius:12px;border:1px solid rgba(11,15,20,.10)}

.pfQuotes{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:900px){.pfQuotes{grid-template-columns:1fr;}}
.pfQuote{background:rgba(11,15,20,.02);border:1px solid rgba(11,15,20,.08);border-radius:12px;padding:12px;color:rgba(11,15,20,.72)}

.pfSteps{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (max-width:900px){.pfSteps{grid-template-columns:1fr;}}
.pfStep{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid rgba(11,15,20,.10);border-radius:12px;padding:12px}
.pfStep .n{width:28px;height:28px;border-radius:10px;background:rgba(212,175,55,.20);display:flex;align-items:center;justify-content:center;font-weight:800;color:#0b0f14}
.pfStep .t{font-weight:800}
.pfStep .p{margin-top:4px;color:rgba(11,15,20,.68);line-height:1.5}

.pfFormHead{margin-top:30px;padding-top:18px;border-top:1px solid rgba(11,15,20,.08)}
.pfFormHead .kicker{margin:0 0 8px;color:rgba(11,15,20,.65)}


/* Base elements */
.muted{color: rgba(11,15,20,.68) !important;}
.k{color: rgba(11,15,20,.55) !important;}

input, select, textarea{
  background: #fff !important;
  border: 1px solid rgba(11,15,20,.14) !important;
  color: rgba(11,15,20,.92) !important;
  border-radius: 10px !important;
}

/* Keep report/legacy cards usable but light */
.card,
.pf__card,
.landResult .card,
.result .card,
.report .card{
  background: #fff !important;
  border: 1px solid rgba(11,15,20,.10) !important;
  color: rgba(11,15,20,.90) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  border-radius: 12px;
}

/* Form layout (dashboard feel) */
.pfFormGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;align-items:start}
@media (max-width: 900px){.pfFormGrid{grid-template-columns:1fr}}

.pf__form{
  background:#fff;
  border:1px solid rgba(11,15,20,.10);
  border-radius:14px;
  padding:16px;
  box-shadow:0 18px 60px rgba(0,0,0,.06);
}

.leadgate{
  margin-top:22px;
  background:#fff;
  border:1px solid rgba(11,15,20,.10);
  border-radius:14px;
  padding:18px;
  box-shadow:0 18px 60px rgba(0,0,0,.06);
}
.leadgate[hidden]{display:none!important}
.leadgate__form{
  margin-top:14px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.leadgate__form .form__row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.leadgate__form .label{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:0;
  font-size:13px;
  color:rgba(11,15,20,.72);
}
.leadgate__kvkk{
  display:grid;
  grid-template-columns:18px 1fr;
  gap:10px;
  align-items:start;
  margin:2px 0 0;
  padding:10px 12px;
  border:1px solid rgba(11,15,20,.10);
  border-radius:10px;
  background:rgba(11,15,20,.02);
  color:rgba(11,15,20,.72);
  font-size:13px;
  line-height:1.45;
}
.leadgate__kvkk input{
  box-sizing:border-box!important;
  width:16px!important;
  height:16px!important;
  min-width:16px;
  min-height:16px!important;
  max-height:16px!important;
  margin:2px 0 0!important;
  padding:0!important;
  border-radius:4px!important;
  align-self:start;
}
.leadgate__kvkk a{
  color:#8a6a10;
  font-weight:700;
}
@media (max-width:740px){
  .leadgate__form .form__row{grid-template-columns:1fr}
}

.pf__form .form__row{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:12px;
  align-items:stretch;
}
.pf__form .form__row > div:empty{display:none;}
@media (max-width: 740px){
  .pf__form .form__row{ grid-template-columns: 1fr; }
}

/* Field cards */
.field-card{border:1px solid rgba(11,15,20,.10);border-radius:12px;padding:12px;background:#fff}
.field-card .label{margin:0;font-size:12px;color:rgba(11,15,20,.70);display:flex;justify-content:space-between;gap:10px}
.field-card .label .help{color:rgba(11,15,20,.45);font-weight:700;cursor:help}
.field-card .input{margin-top:8px;width:100%;max-width:none;justify-self:stretch}

.pf__form input, .pf__form select, .pf__form textarea{
  padding:10px 12px;
  font-size:14px;
}

.pfAdvisor{
  position:sticky; top:92px;
  background:#fff;
  border:1px solid rgba(11,15,20,.10);
  border-radius:14px;
  padding:14px;
  box-shadow:0 18px 60px rgba(0,0,0,.06);
}
.pfAdvisor__h .t{font-weight:900}
.pfAdvisor__h .s{margin-top:6px;color:rgba(11,15,20,.65);font-size:12px;line-height:1.5}
.pfAdvisor__list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:10px}
.pfHint{border:1px solid rgba(11,15,20,.08);border-radius:12px;padding:10px;color:rgba(11,15,20,.72);background:rgba(11,15,20,.02);font-size:13px;line-height:1.45}
.pfHint--warn{border-color:rgba(240,173,78,.35);background:rgba(240,173,78,.10)}
.pfHint--risk{border-color:rgba(217,83,79,.35);background:rgba(217,83,79,.08)}
.pfHint--good{border-color:rgba(92,184,92,.35);background:rgba(92,184,92,.10)}
.pfAdvisor__foot{margin-top:12px}


/* Dropdown popup (option list) readability */
select option{
  background: #0b0f14; /* dark */
  color: rgba(255,255,255,.95);
}
select option:disabled{
  color: rgba(255,255,255,.55);
}

input:focus, select:focus, textarea:focus{
  outline: none;
  border-color: rgba(212,175,55,.55) !important;
  box-shadow: 0 0 0 3px rgba(212,175,55,.18) !important;
}

.btn{
  border-radius: 10px;
}

.btn--gold,
.btn--primary{
  background: #d4af37 !important;
  color: #0b0f14 !important;
  border: 0 !important;
}

.btn--outline{
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: rgba(255,255,255,.88) !important;
}

/* Contrast guard for gradient/dark feasibility areas */
.pfHero {
  background-color: #0b0f14 !important;
}

.pfHero__title,
.pfHero__lead,
.pfHero__eyebrow,
.tchip,
.tchip strong {
  color: rgba(255,255,255,.94) !important;
}

.tchip {
  background-color: rgba(11,15,20,.62) !important;
  border-color: rgba(255,255,255,.28) !important;
}

.btn--outline {
  background-color: #0b0f14 !important;
  border-color: rgba(255,255,255,.34) !important;
  color: #ffffff !important;
}

/* Report page print-to-pdf */
@media print{
  body{ background: #fff !important; color:#000 !important; }
  .btn, nav, header, footer, .cta-band{ display:none !important; }
  .card{ box-shadow:none !important; background:#fff !important; border: 1px solid #ddd !important; color:#000 !important; }
  .muted, .k{ color:#333 !important; }
}