/* v4.7 premium violet brand pass: logo/vector + profile preview layout */
:root{
  --nfc-purple-logo:#65008f;
  --nfc-purple:#7d20f6;
  --nfc-purple-2:#a356ff;
  --nfc-purple-3:#dcc6ff;
  --nfc-violet-glow:rgba(135,50,255,.42);
  --nfc-violet-soft:rgba(106,0,150,.28);
}

::selection{background:rgba(126,32,246,.38);color:#fff}

.nfc-page{
  background:
    radial-gradient(circle at 2% 24%, rgba(128,0,180,.25), transparent 30%),
    radial-gradient(circle at 58% 8%, rgba(164,80,255,.13), transparent 34%),
    radial-gradient(circle at 86% 20%, rgba(80,44,155,.14), transparent 34%),
    linear-gradient(180deg,#04050b 0%,#0b0715 38%,#05060b 100%);
}
.nfc-ambient::before{background:radial-gradient(circle, rgba(174,72,255,.48), rgba(107,0,151,.22) 42%, transparent 72%)}
.nfc-ambient::after{background:radial-gradient(circle, rgba(157,88,255,.26), rgba(58,28,120,.14) 42%, transparent 72%)}
.nfc-ambient__orb{background:radial-gradient(circle, rgba(126,32,246,.32), rgba(106,0,150,.12) 48%, transparent 76%)}
.nfc-title .soft{
  background:linear-gradient(180deg,#fff 0%,#eedcff 55%,#a950ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* Logo without sticker background: vector mark + wordmark over glass */
.nfc-logo{gap:12px;align-items:center}
.nfc-logo img{display:none!important}
.nfc-logo__mark{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;color:#fff;filter:drop-shadow(0 0 18px rgba(163,86,255,.38))}
.nfc-logo__mark svg{width:30px;height:30px;display:block}
.nfc-logo__brand{font-size:15px;font-weight:850;letter-spacing:-.035em;color:#fff;text-transform:none}
.nfc-logo__domain{font-size:10.5px;color:rgba(238,242,255,.48)}
.nfc-nav{
  background:
    radial-gradient(460px circle at 8% -20%,rgba(180,110,255,.18),transparent 48%),
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.038));
  border-color:rgba(255,255,255,.135);
}
.nfc-nav__links .nfc-btn--nav-primary,
.nfc-btn--primary{
  background:linear-gradient(180deg,#c8a5ff 0%,#9e54ff 22%,#7d20f6 68%,#6500c8 100%);
  box-shadow:0 14px 38px rgba(126,32,246,.40), inset 0 1px 0 rgba(255,255,255,.28);
}
.nfc-nav__links .nfc-btn--nav-login{background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035))}

/* Phone direction closer to the preferred A concept */
.nfc-phone{width:min(100%,332px);box-shadow:0 38px 118px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.04),0 0 80px rgba(126,32,246,.14)}
.nfc-phone__screen{
  min-height:620px;
  background:
    radial-gradient(circle at 19% 7%,rgba(197,143,255,.42),transparent 25%),
    radial-gradient(circle at 78% 18%,rgba(126,32,246,.20),transparent 24%),
    radial-gradient(circle at 56% 96%,rgba(126,32,246,.26),transparent 35%),
    linear-gradient(180deg,#0b0b18 0%,#18102b 48%,#090711 100%);
}
.nfc-phone__screen::before{background:radial-gradient(260px circle at 18% 0%,rgba(255,255,255,.075),transparent 48%),linear-gradient(140deg,transparent 0%,rgba(255,255,255,.03) 28%,transparent 52%)}
.nfc-profile-demo{display:flex;flex-direction:column;min-height:594px}
.nfc-profile-demo__banner{
  position:relative;
  height:100px;
  background:
    radial-gradient(circle at 18% 10%,rgba(230,210,255,.20),transparent 28%),
    linear-gradient(145deg,rgba(132,41,255,.30),rgba(255,255,255,.035) 58%,rgba(0,0,0,.02));
}
.nfc-profile-demo__brand{position:absolute;top:20px;left:20px;display:inline-flex;align-items:center;gap:7px;color:#fff;background:transparent!important;border:0!important;box-shadow:none!important;padding:0;text-shadow:0 0 18px rgba(162,86,255,.42)}
.nfc-profile-demo__brand::before,.nfc-profile-demo__brand::after{display:none!important}
.nfc-profile-demo__brand-icon{width:22px;height:22px;color:var(--nfc-purple-2);filter:drop-shadow(0 0 16px rgba(163,86,255,.72))}
.nfc-profile-demo__brand-icon svg{width:100%;height:100%;display:block}
.nfc-profile-demo__brand-text{font-size:10px;font-weight:850;letter-spacing:.02em;color:rgba(255,255,255,.88)}
.nfc-profile-demo__avatar{width:72px;height:72px;margin-top:-36px;padding:2px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(170,101,255,.76));box-shadow:0 12px 34px rgba(126,32,246,.26),0 0 0 7px rgba(255,255,255,.03)}
.nfc-profile-demo__avatar span{background:radial-gradient(circle at 38% 18%,rgba(255,255,255,.18),transparent 30%),linear-gradient(180deg,rgba(22,18,34,.98),rgba(10,8,18,.96));color:#fff;font-size:22px}
.nfc-profile-demo__head{padding:10px 18px 0}
.nfc-profile-demo__name{font-size:23px;letter-spacing:-.06em}
.nfc-profile-demo__role{margin-top:4px;color:rgba(244,239,255,.70)}
.nfc-profile-demo__company{color:var(--nfc-purple-3)}
.nfc-profile-demo__bio{padding:8px 24px 0;min-height:34px;font-size:12px;line-height:1.42;color:rgba(241,237,255,.54)}
.nfc-segment{margin:12px 18px 0;padding:3px;border-radius:15px;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.095)}
.nfc-segment__pill{top:3px;bottom:3px;left:3px;width:calc(50% - 4px);background:linear-gradient(180deg,#b987ff,#7d20f6 74%,#6812d0);box-shadow:0 8px 20px rgba(126,32,246,.34), inset 0 1px 0 rgba(255,255,255,.26)}
.nfc-segment button{height:33px;font-size:12px;border-radius:12px}

/* Small top action icons, instead of two oversized buttons */
.nfc-profile-demo__quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 18px 0}
.nfc-quick-action{min-width:0;display:grid;justify-items:center;gap:5px;color:rgba(255,255,255,.84)}
.nfc-quick-action__icon{width:36px;height:36px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.105);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px rgba(0,0,0,.16)}
.nfc-quick-action__icon svg,.nfc-profile-demo__save svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.85;fill:none;stroke-linecap:round;stroke-linejoin:round}
.nfc-quick-action__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.2px;font-weight:760;color:rgba(238,242,255,.58)}
.nfc-quick-action:nth-child(1) .nfc-quick-action__icon{color:#fff;background:linear-gradient(180deg,rgba(52,199,89,.98),rgba(27,146,65,.90));border-color:rgba(75,255,138,.22);box-shadow:0 9px 20px rgba(52,199,89,.18),inset 0 1px 0 rgba(255,255,255,.20)}
.nfc-quick-action:nth-child(2) .nfc-quick-action__icon{color:#fff;background:linear-gradient(180deg,rgba(158,84,255,.52),rgba(90,34,168,.24));border-color:rgba(191,135,255,.22)}

.nfc-demo-tab-panes{position:relative;flex:1;min-height:0}
.nfc-demo-tab-panes::after{display:none}
.nfc-phone-links{display:grid!important;gap:7px;padding:12px 18px 8px;min-height:0}
.nfc-link{min-height:51px;padding:9px 10px;gap:9px;border-radius:16px;background:radial-gradient(160px circle at 6% 0%,rgba(255,255,255,.07),transparent 52%),linear-gradient(180deg,rgba(255,255,255,.083),rgba(255,255,255,.036));border-color:rgba(255,255,255,.095)}
.nfc-link__icon{width:32px;height:32px;border-radius:12px;color:rgba(255,255,255,.84)}
.nfc-link__icon svg{width:17px;height:17px}
.nfc-link__label{font-size:8.8px;letter-spacing:.12em;color:rgba(231,237,255,.40)}
.nfc-link__value{font-size:12px;color:rgba(239,243,255,.70)}
.nfc-profile-demo__save{margin:4px 18px 0;min-height:44px;border:0;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#fff;font-size:13px;font-weight:850;background:linear-gradient(180deg,#bb8cff 0%,#8d3cff 36%,#6f16e4 100%);box-shadow:0 14px 30px rgba(126,32,246,.30),inset 0 1px 0 rgba(255,255,255,.24)}
.nfc-profile-demo__save:hover{transform:translateY(-1px)}
.nfc-profile-demo__caption{padding:7px 0 10px;color:rgba(235,240,255,.30)}
.nfc-profile-demo.is-refreshing .nfc-profile-demo__quick-actions,.nfc-profile-demo.is-refreshing .nfc-profile-demo__save{animation:nfc-preview-refresh .18s ease-out both}

@media(max-width:700px){
  .nfc-phone{width:min(100%,320px)}
  .nfc-phone__screen{min-height:610px}
  .nfc-profile-demo{min-height:584px}
  .nfc-logo__domain{display:none}
}

/* v4.8 refinements: rectangular logo + compact advisor start */
.nfc-sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.nfc-logo--rect{
  display:inline-flex;
  align-items:center;
}
.nfc-logo img.nfc-logo__rect{
  display:block!important;
  width:auto;
  height:46px;
  max-width:min(42vw, 235px);
  object-fit:contain;
  filter:drop-shadow(0 10px 22px rgba(80, 18, 155, .24));
}
.nfc-logo--rect .nfc-logo__mark,
.nfc-logo--rect .nfc-logo__text{display:none!important}

#advisor-card{
  transition:padding .22s ease, transform .22s ease, box-shadow .22s ease;
}
#advisor-card.is-compact .nfc-advisor__result{
  display:none!important;
}
#advisor-card.is-compact .nfc-advisor__head{
  margin-bottom:10px;
}
#advisor-card.is-compact{
  padding-bottom:16px;
}
#advisor-card:not(.is-compact){
  padding-bottom:20px;
}
#advisor-card .nfc-advisor__result{
  animation:nfc-advisor-reveal .22s ease both;
}
@keyframes nfc-advisor-reveal{
  from{opacity:.0;transform:translateY(4px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:700px){
  .nfc-logo img.nfc-logo__rect{height:40px;max-width:170px}
}