/* BusinessCardStudio v2.0 — Phase 2 Home Experience */
:root{
  --p2-navy:#20364d;
  --p2-navy-2:#29445f;
  --p2-navy-3:#355570;
  --p2-blue:#5b8fd8;
  --p2-teal:#64aaa4;
  --p2-cream:#f4f1ea;
  --p2-white:#ffffff;
  --p2-muted:#c7d3df;
}
.home-view{
  min-height:calc(100vh - 38px);
  background:
    radial-gradient(circle at 8% 12%,rgba(91,143,216,.18),transparent 30%),
    radial-gradient(circle at 92% 20%,rgba(100,170,164,.12),transparent 30%),
    linear-gradient(145deg,var(--p2-navy),#1d3044 60%,#233d56);
  color:#f7fafc;
}
.home-header{
  min-height:78px;height:auto;
  background:rgba(31,53,75,.94)!important;
  border-bottom:1px solid rgba(255,255,255,.12);
  box-shadow:0 10px 30px rgba(8,20,32,.2);
}
.home-nav a{color:#d7e2ec}.home-nav a:hover,.home-nav a.active{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)}
.home-main{width:min(1380px,100%);padding-top:34px}
.home-hero{
  grid-template-columns:minmax(300px,.76fr) minmax(470px,1.24fr);
  gap:clamp(38px,5vw,76px);
  padding:clamp(30px,4.2vw,62px);
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(140deg,rgba(47,76,103,.96),rgba(32,54,77,.98));
  box-shadow:0 28px 70px rgba(8,20,32,.32);
}
.home-image-frame{
  max-width:470px;margin-inline:auto;padding:9px;
  background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(199,215,230,.7));
  box-shadow:0 24px 52px rgba(10,25,39,.34);
}
.home-image-frame:before{background:#eef3f7}
.home-hero-image{max-height:360px;background:#fff}
.home-visual-caption{color:#dce7f0}
.home-kicker{color:#9dd7d0}
.home-hero h1{max-width:790px;font-size:clamp(42px,4.7vw,68px)}
.home-lead{color:#d3dee8}
.home-benefit-list div{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.14)}
.home-benefit-list strong{color:#fff}.home-benefit-list span{color:#c4d2df}
.home-btn{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.2)}
.home-btn.primary{background:linear-gradient(135deg,#4f82c9,#5a9bd4);border-color:#78a8df}
.home-btn.subtle{background:rgba(18,35,51,.42)}
.home-feature-grid article{
  background:linear-gradient(145deg,#f9fbfd,#edf3f7);
  border:1px solid rgba(255,255,255,.52);
  color:#24394d;
  box-shadow:0 18px 38px rgba(10,25,39,.22);
}
.home-feature-grid article>span{background:#dfeaf5;border-color:#bfd3e7}
.home-feature-grid p{color:#627486}.home-feature-grid a{color:#356cae}
.home-workflow{margin-top:28px;padding:32px;border-radius:25px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15)}
.workflow-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:23px}.workflow-heading span{font-size:12px;letter-spacing:.18em;font-weight:850;color:#9dd7d0}.workflow-heading h2{max-width:720px;margin:0;font-size:clamp(25px,3vw,38px);line-height:1.13}
.workflow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.workflow-steps article{display:flex;gap:16px;padding:20px;border-radius:18px;background:rgba(18,39,58,.42);border:1px solid rgba(255,255,255,.12)}.workflow-steps b{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:#eaf1f7;color:#31506d}.workflow-steps h3{margin:1px 0 7px;font-size:17px}.workflow-steps p{margin:0;color:#c7d4df;line-height:1.5;font-size:14px}
.home-cta{background:linear-gradient(110deg,rgba(43,76,99,.98),rgba(42,89,84,.9));border-color:rgba(157,215,208,.34)}
.home-cta span{color:#afe0d9}.home-cta p{color:#d4e1e8}
@media(max-width:1080px){.home-hero{grid-template-columns:1fr}.home-image-frame{max-width:560px}.home-hero-image{max-height:390px}.workflow-heading{align-items:flex-start;flex-direction:column}.workflow-steps{grid-template-columns:1fr}}
@media(max-width:620px){.home-main{padding-inline:14px}.home-hero{padding:20px}.home-image-frame{max-width:100%}.home-hero-image{max-height:275px}.home-hero h1{font-size:37px}.home-workflow{padding:21px}.workflow-steps article{padding:17px}}