/* VAULTFI_PUBLIC_INDEX_BROWSER_V1
   Public vaultfi.app homepage using the VaultFi Browser visual system.
   Dedicated public marketing shell. Does not modify /browser/.
*/
:root{
  --ink:#2c1f1c;
  --muted:#8c756c;
  --line:rgba(91,58,43,.10);
  --glass:rgba(255,255,255,.72);
  --glass-strong:rgba(255,255,255,.84);
  --peach:#d57551;
  --peach-soft:#f8d9cd;
  --cream:#fffaf7;
  --shadow:0 20px 60px rgba(90,50,41,.08);
}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body.vf-public-browser-index{
  margin:0;
  min-height:100vh;
  color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 54% 17%,rgba(248,219,208,.58),transparent 31rem),
    radial-gradient(circle at 92% 20%,rgba(252,230,220,.65),transparent 29rem),
    linear-gradient(180deg,#fffdfb 0%,#fff8f4 70%,#f7ded4 100%);
}
body.vf-public-browser-index::after{
  content:"";
  position:fixed;
  z-index:-1;
  left:-6vw;right:-6vw;bottom:-12vh;
  height:28vh;
  border-radius:50% 50% 0 0 / 35% 35% 0 0;
  background:linear-gradient(90deg,rgba(242,210,198,.78),rgba(249,222,211,.72));
  transform:rotate(-3deg);
}
.vfp-top{
  width:100%;
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:16px 28px;
  gap:10px;
}
.vfp-top a{
  display:inline-flex;
  min-height:40px;
  align-items:center;
  justify-content:center;
  border-radius:22px;
  padding:0 16px;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  transition:.18s ease;
}
.vfp-top-login{
  border:1px solid rgba(255,255,255,.96);
  background:rgba(255,255,255,.72);
  color:var(--ink);
  box-shadow:0 8px 24px rgba(90,50,41,.06);
}
.vfp-top-signup{
  border:1px solid #2b201d;
  background:#2b201d;
  color:#fff;
}
.vfp-top a:hover{transform:translateY(-1px)}

.vfp-main{
  width:min(1180px,calc(100% - 28px));
  margin:0 auto;
  padding:54px 0 34px;
}
.vfp-hero{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.vfp-brand-mark{
  font-size:60px;
  line-height:.9;
  font-weight:950;
  font-style:italic;
  letter-spacing:-8px;
  transform:skew(-8deg);
  background:linear-gradient(180deg,#dc7954,#c56445);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.vfp-brand-title{
  margin-top:20px;
  font-size:38px;
  line-height:1;
  letter-spacing:-1.7px;
}
.vfp-brand-title strong{font-weight:850}
.vfp-brand-title span{font-weight:300}
.vfp-tagline{
  margin:12px 0 30px;
  color:var(--muted);
  font-size:10px;
  letter-spacing:5px;
}
.vfp-command{
  width:min(760px,94vw);
  height:62px;
  border-radius:34px;
  background:var(--glass);
  border:1px solid rgba(255,255,255,.96);
  box-shadow:var(--shadow);
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
}
.vfp-command .plus{
  font-size:22px;
  padding:0 8px;
}
.vfp-command input{
  flex:1;
  border:0;
  outline:0;
  background:transparent;
  color:var(--ink);
  font-size:16px;
  min-width:0;
}
.vfp-command input::placeholder{color:#96817a}
.vfp-go{
  border:0;
  border-radius:24px;
  padding:11px 17px;
  min-width:76px;
  background:linear-gradient(135deg,#fce4dc,#f8cfc1);
  color:#2b201d;
  font-weight:850;
  cursor:pointer;
}
.vfp-command-hint{
  width:min(720px,90vw);
  margin:10px auto 0;
  color:#9b847b;
  font-size:11px;
}

.quick-actions{
  margin:24px auto 0;
  width:min(760px,96vw);
  display:grid;
  grid-template-columns:repeat(6,78px);
  justify-content:center;
  gap:17px 11px;
}
.quick-actions button{
  width:78px;
  min-height:54px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--ink);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  font:inherit;
  cursor:pointer;
  overflow:visible;
}
.vf-quick-icon-v1{
  width:44px;
  height:44px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(255,255,255,.96);
  box-shadow:0 8px 20px rgba(90,50,41,.06);
  transition:.16s ease;
}
.vf-quick-icon-v1 svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.quick-actions button>span:last-child{
  display:block;
  font-size:11px;
  line-height:1.1;
  white-space:nowrap;
}
.quick-actions button:hover .vf-quick-icon-v1,
.quick-actions button.active .vf-quick-icon-v1{
  transform:translateY(-2px);
  background:#2b201d;
  color:#fff;
}
.quick-actions button.active>span:last-child{font-weight:850}

.vfp-workspace{
  width:min(930px,100%);
  margin:32px auto 0;
}
.vfp-feature-card{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:24px;
  padding:28px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.96);
  background:var(--glass-strong);
  box-shadow:var(--shadow);
  text-align:left;
}
.vfp-feature-card .eyebrow{
  color:#a36d5e;
  font-size:10px;
  font-weight:850;
  letter-spacing:2.3px;
  text-transform:uppercase;
}
.vfp-feature-card h2{
  margin:7px 0 9px;
  font-size:29px;
  letter-spacing:-1px;
}
.vfp-feature-card p{
  margin:0;
  color:#75635c;
  font-size:13px;
  line-height:1.6;
}
.vfp-feature-preview{
  display:grid;
  gap:10px;
}
.vfp-preview-row{
  padding:14px 15px;
  border-radius:16px;
  border:1px solid var(--line);
  background:rgba(255,250,247,.78);
}
.vfp-preview-row span{
  display:block;
  color:#a36d5e;
  font-size:9px;
  font-weight:850;
  letter-spacing:1.8px;
  text-transform:uppercase;
}
.vfp-preview-row strong{
  display:block;
  margin-top:5px;
  font-size:13px;
  line-height:1.45;
}
.vfp-auth-cta{
  width:min(930px,100%);
  margin:14px auto 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:10px;
  border:1px solid rgba(255,255,255,.96);
  border-radius:28px;
  background:rgba(255,255,255,.62);
  box-shadow:0 14px 42px rgba(90,50,41,.07);
}
.vfp-auth-cta a{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:21px;
  text-decoration:none;
  font-weight:850;
  font-size:14px;
}
.vfp-auth-login{
  background:#2b201d;
  color:#fff;
}
.vfp-auth-signup{
  background:linear-gradient(135deg,#fce4dc,#f6cab9);
  color:#2b201d;
}
.vfp-seo-copy{
  width:min(930px,100%);
  margin:15px auto 0;
  padding:17px 20px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.92);
  background:rgba(255,255,255,.48);
  color:#7e6961;
  font-size:12px;
  line-height:1.65;
  text-align:left;
}
.vfp-footer{
  width:min(930px,calc(100% - 28px));
  margin:22px auto 0;
  padding:22px 0 32px;
  text-align:center;
  color:#806a61;
  font-size:11px;
}
.vfp-footer-row{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:10px;
}
.vfp-footer a{
  color:#6e5145;
  text-decoration:none;
  font-weight:700;
}
.vfp-footer .dot{color:#b5978b}
.vfp-footer-copy{
  width:min(760px,100%);
  margin:13px auto 0;
  color:#987f75;
  line-height:1.55;
}

@media(max-width:760px){
  .vfp-top{padding:10px 12px}
  .vfp-main{padding-top:28px}
  .vfp-brand-mark{font-size:52px}
  .vfp-brand-title{font-size:35px}
  .vfp-command{height:58px}
  .quick-actions{grid-template-columns:repeat(3,78px)}
  .vfp-feature-card{grid-template-columns:1fr;padding:21px 18px}
  .vfp-auth-cta{grid-template-columns:1fr}
}