/* Samcommunity Certs — public verify site (Liquid Glass). Builds on glass.css */
.ic{width:18px;height:18px;flex:none}
.wrap{max-width:1160px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.wrap.narrow{max-width:640px}
.section{padding-block:80px}
.sec-head{display:flex;flex-direction:column;gap:10px;margin-bottom:32px;max-width:620px}
.sec-head.center{align-items:center;text-align:center;margin-inline:auto}
.t-h1,.t-h2,.t-display{text-wrap:balance}

/* nav */
.site-nav{position:sticky;top:0;z-index:30;padding-top:max(16px,env(safe-area-inset-top,0px))}
.navbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px;padding:0 8px 0 24px;border-radius:999px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:30px;width:auto}
.brand span{font:700 18px var(--font-h);padding-left:12px;border-left:1px solid var(--line)}
.nav-r{display:flex;gap:8px;align-items:center}

/* hero */
.hero{padding-block:56px 72px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:0}
.hero-copy .t-lead{max-width:500px}
.vbar{display:flex;align-items:center;gap:8px;width:100%;max-width:560px;padding:8px 8px 8px 20px;border-radius:999px}
.vbar>.ic{color:var(--faint)}
.vbar .input{flex:1;min-width:0;height:44px;border:0;background:transparent;box-shadow:none;padding:0 4px;font-size:15px}
.vbar .input:focus{box-shadow:none;background:transparent}
.vbar:focus-within{border-color:rgba(183,148,255,.6);box-shadow:var(--hi),var(--shadow),var(--ring)}
.form-err{display:flex;gap:10px;align-items:flex-start;max-width:560px;padding:12px 16px;border-radius:16px;border:1px solid rgba(216,0,0,.45);background:rgba(216,0,0,.12);color:#FFC2C2;font-weight:500}
.hero-meta{display:flex;flex-wrap:wrap;gap:24px;color:var(--muted);font-size:14px}
.hero-meta span{display:inline-flex;gap:8px;align-items:center}
.hero-meta .ic{color:var(--lavender)}
.hero-visual{position:relative;perspective:1200px;justify-self:center;width:100%;max-width:420px}
.cert-card{display:block;padding:12px;border-radius:28px}
.cert-card img{width:100%;height:auto;border-radius:16px;background:#fff;box-shadow:0 30px 60px rgba(0,0,0,.45)}
.hero-visual .cert-card{transform:perspective(1200px) rotateY(-10deg) rotateX(4deg)}
.float-badge{position:absolute;z-index:3;left:-40px;bottom:64px;display:flex;align-items:center;gap:12px;padding:10px 20px 10px 10px;border-radius:999px;background:linear-gradient(135deg,rgba(140,82,255,.28),rgba(13,9,22,.82));animation:bob 6s ease-in-out infinite}
.float-badge b{display:block;font:600 15px var(--font-h)}
.float-badge small{color:var(--muted);font-size:12px}
.seal.sm{width:40px;height:40px}.seal.sm svg{width:20px;height:20px}
.specimen{position:absolute;z-index:3;top:-14px;left:50%;transform:translateX(-50%);padding:6px 14px;border-radius:999px;font:600 11px var(--font-h);letter-spacing:.16em;text-transform:uppercase;background:rgba(5,4,10,.7);border:1px solid var(--line);color:var(--lavender)}
@keyframes bob{50%{transform:translateY(-10px)}}

/* how */
.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card-f{display:flex;flex-direction:column;gap:8px;padding:22px}
.card-f .icon-tile{margin-bottom:6px}
.card-f p,.svc p{font-size:14px;line-height:1.6}

/* trust */
.logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;padding:24px}
.logos figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.logos figure span{width:100%;height:76px;border-radius:18px;background:#fff;display:grid;place-items:center;padding:12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.logos img{max-height:60px;max-width:100%;width:auto}
.logos figcaption{font:600 12px var(--font-b);color:var(--muted)}

/* result page */
.result-sec{padding-top:48px}
.res-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px;align-items:start}
.res-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.status-card{display:flex;align-items:center;gap:20px;padding:24px}
.status-card .st-copy{flex:1;min-width:0}
.status-card.is-revoked{border-color:rgba(216,0,0,.4)}
.holder{padding:26px}
.holder .t-h1{margin:12px 0 8px;overflow-wrap:anywhere}
.holder .prog{font:500 15px var(--font-b);color:var(--lavender)}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:28px 0 0;border-radius:18px;overflow:hidden;background:var(--line-soft);border:1px solid var(--line-soft)}
.facts div{padding:16px 20px;background:rgba(13,9,22,.6)}
.facts dt{font:600 11px var(--font-h);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:6px}
.facts dd{margin:0;font:600 15px var(--font-b);overflow-wrap:anywhere}
.facts .cid dd{color:#D9C6FF}
.desc{margin-top:20px;color:var(--muted)}
.actions-card{padding:20px;display:flex;flex-direction:column;gap:16px}
.act-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.share-row{display:flex;gap:10px;align-items:center}
.copy-field{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:4px 4px 4px 4px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.copy-field .input{height:40px;border:0;background:transparent;box-shadow:none;font-size:13px;color:var(--muted);padding:0 12px}
.res-side{position:sticky;top:104px;min-width:0}
.res-side .cap{text-align:center;margin-top:12px}
.nf{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.nf .vbar{margin-top:8px}

/* footer */
.site-foot{padding-block:40px 48px;border-top:1px solid var(--line-soft);margin-top:32px}
.site-foot .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--faint)}
.foot-row{display:flex;align-items:center;gap:12px}
.foot-row img{height:22px;opacity:.9}
.site-foot a{color:var(--lavender)}

@media (max-width:1000px){
  .hero-grid{grid-template-columns:1fr;gap:56px}
  .hero-visual{max-width:360px}
  .res-grid{grid-template-columns:1fr}
  .res-side{position:static;max-width:440px;margin:0 auto;width:100%}
  .logos{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:768px){
  .section{padding-block:64px}
  .hero{padding-block:40px 64px}
  .wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .navbar{height:56px;padding:0 6px 0 18px}
  .hide-m{display:none}
  .cards3{grid-template-columns:1fr;gap:16px}
  .card-f{padding:24px}
  .vbar{flex-wrap:wrap;border-radius:24px;padding:8px}
  .vbar>.ic{display:none}
  .vbar .input{flex-basis:100%;padding:0 12px}
  .vbar .btn{width:100%}
  .hero-visual .cert-card{transform:none}
  .float-badge{left:8px;bottom:24px}
  .holder{padding:24px}
  .facts{grid-template-columns:1fr}
  .status-card{flex-wrap:wrap;padding:20px}
  .status-card .st-copy{flex:1 1 calc(100% - 84px)}
  .st-chip{margin-left:84px}
  .act-row .btn{flex:1 1 100%}
  .logos{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:12px}
}
@media (prefers-reduced-motion:reduce){.float-badge{animation:none}}

/* ---------- v2: nav links, inner pages ---------- */
.navbar{gap:24px}
.nav-links{display:flex;gap:4px;flex:1;justify-content:center}
.nav-links a{padding:8px 14px;border-radius:999px;font:600 14px var(--font-b);color:var(--muted);transition:background var(--t),color var(--t)}
.nav-links a:hover{background:rgba(255,255,255,.06);color:var(--text)}
.menu-btn{display:none}
.mobile-menu{display:none}
.pt0{padding-top:0!important}
.mt16{margin-top:16px}
.page-hero{padding-block:56px 40px}
.page-hero .wrap{display:flex;flex-direction:column;gap:16px}
.page-hero .t-h1{max-width:860px}
.page-hero .t-lead{max-width:680px}
.cta-band{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 32px;flex-wrap:wrap}
.cta-band>div:first-child{display:flex;flex-direction:column;gap:12px;max-width:560px}
.row-btns{display:flex;gap:12px;flex-wrap:wrap}
/* brands */
.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:16px}
.brand-tile{min-width:0}
.brand-tile b{overflow-wrap:anywhere}
.brand-tile{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;border-radius:20px}
.brand-tile .bl{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(140,82,255,.45),rgba(78,0,232,.25));border:1px solid rgba(183,148,255,.35)}
.brand-tile .bl img{max-width:38px;max-height:28px}
.brand-tile b{font:600 15px var(--font-h)}
.brand-tile small{color:var(--faint)}
.holder-top{margin-bottom:16px}
.brand-pill{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 14px 0 6px;border-radius:999px;font:600 13px var(--font-b);background:rgba(140,82,255,.2);border:1px solid rgba(183,148,255,.4)}
.brand-pill img{height:22px;width:auto;padding:3px 6px;border-radius:999px;background:rgba(78,0,232,.6)}
.status-card.is-expired{border-color:rgba(230,219,255,.35)}
.seal.grey{background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.5),rgba(230,219,255,.55) 40%,rgba(120,110,160,.8) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 6px rgba(230,219,255,.1)}
/* renew */
.renew-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.renew-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.steps{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.steps li{display:flex;align-items:center;gap:10px;height:40px;padding:0 16px 0 6px;border-radius:999px;border:1px solid var(--line-soft);color:var(--faint);font:600 13px var(--font-b)}
.steps li span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);font:600 12px var(--font-h)}
.steps li.on{color:#fff;border-color:rgba(183,148,255,.45);background:rgba(140,82,255,.16)}
.steps li.on span{background:rgba(140,82,255,.6)}
.steps li.done span{background:rgba(140,82,255,.3);color:#D9C6FF}
.cert-sum{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
.cert-sum .t-h3{margin:8px 0 4px}
.mini{display:grid;grid-template-columns:repeat(2,minmax(120px,auto));gap:12px 24px;margin:0}
.mini dt{font:600 10.5px var(--font-h);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.mini dd{margin:4px 0 0;font:600 14px var(--font-b)}
.renew-form{display:flex;flex-direction:column;gap:24px}
.pay-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-radius:18px;background:rgba(140,82,255,.12);border:1px solid rgba(183,148,255,.35);flex-wrap:wrap}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fgrid .full{grid-column:1/-1}
.renew-side{display:flex;flex-direction:column;gap:20px;position:sticky;top:104px}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ticks li{display:flex;gap:12px;align-items:flex-start;color:var(--muted);font-size:14px}
.ticks .ic{color:var(--purple);margin-top:3px}
.note-card{display:flex;gap:14px;align-items:flex-start}
.note-card .ic{color:var(--lavender);margin-top:3px}
.done-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
/* validity */
.prose-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.prose{display:flex;flex-direction:column;gap:16px}
.prose p{color:var(--muted);line-height:1.75}
.prose a:not(.btn){color:#CDB6FF;text-decoration:underline;text-underline-offset:3px}
.prose .btn{align-self:flex-start}
.defs{display:grid;gap:16px;margin:0}
.defs div{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start}
.defs dd{margin:0;color:var(--muted);font-size:14px}
.num{margin:0;padding-left:20px;display:grid;gap:10px;color:var(--muted)}
.num a{color:#CDB6FF}
/* partners */
.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.svc{display:flex;flex-direction:column;gap:10px}
.svc .ticks li{font-size:13.5px}
.svc .icon-tile{margin-bottom:8px}
.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.timeline li{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:20px;font-size:14px}
.timeline b{font:600 15px var(--font-h)}
.enq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:start}
.enq-copy{display:flex;flex-direction:column;gap:16px}
.enq-form{display:flex;flex-direction:column;gap:24px}
/* terms */
.terms-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}
.toc{position:sticky;top:104px;display:flex;flex-direction:column;gap:2px;padding:20px 12px}
.toc .t-label{padding:0 10px 10px}
.toc a{display:flex;gap:12px;padding:8px 10px;border-radius:12px;font:500 14px var(--font-b);color:var(--muted)}
.toc a:hover{background:rgba(255,255,255,.06);color:var(--text)}
.toc .mono{color:var(--faint);font-size:12px;padding-top:2px}
.terms section{scroll-margin-top:110px;padding-top:24px;border-top:1px solid var(--line-soft);display:flex;flex-direction:column;gap:12px}
.terms section:first-of-type{border-top:0;padding-top:8px}
.terms h2{display:flex;gap:14px;align-items:baseline}
.terms .num{color:var(--purple);font-size:13px;padding:0}
/* footer v2 */
.site-foot .wrap{display:block}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid var(--line-soft)}
.foot-grid>div{display:flex;flex-direction:column;gap:10px;font-size:14px}
.foot-grid h4{font:600 12px var(--font-h);letter-spacing:.16em;text-transform:uppercase;color:var(--lavender);margin-bottom:4px}
.foot-grid a{color:var(--muted)}
.foot-grid a:hover{color:var(--text)}
.foot-brand img{height:30px;width:auto;align-self:flex-start}
.foot-brand p{max-width:280px}
.foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;font-size:13px;color:var(--faint)}

@media (max-width:1000px){
  .nav-links{display:none}
  .menu-btn{display:inline-flex}
  .menu-open .mobile-menu{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding:10px;border-radius:24px}
  .mobile-menu a{padding:12px 14px;border-radius:14px;font-weight:600}
  .mobile-menu a:hover{background:rgba(255,255,255,.06)}
  .renew-grid,.enq-grid,.terms-grid,.prose-grid{grid-template-columns:1fr}
  .renew-side,.toc{position:static}
  .svc-grid{grid-template-columns:1fr}
  .timeline{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  .page-hero{padding-block:40px 32px}
  .cta-band{padding:24px}
  .cert-sum{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr}
  .timeline{grid-template-columns:1fr}
  .defs div{grid-template-columns:1fr;gap:8px}
  .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .brand-tile{padding:16px}
  .foot-grid{grid-template-columns:1fr}
  .table-wrap .table{min-width:620px}
}

/* v5: about + many-more tile */
.logos{grid-template-columns:repeat(7,minmax(0,1fr))}
.logos .more span{background:linear-gradient(135deg,rgba(140,82,255,.35),rgba(34,211,238,.18));border:1px dashed rgba(183,148,255,.55);box-shadow:none}
.logos .more b{font:800 26px var(--font-h);color:#fff;line-height:1}
.logos .more small{display:block;font:600 11px var(--font-b);color:var(--lavender);margin-top:4px}
.about-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:start}
.about-copy{display:flex;flex-direction:column;gap:16px}
.about-copy p{color:var(--muted);line-height:1.75}
.facts-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.facts-row div{padding:16px 18px;border-radius:16px}
.facts-row small{display:block;font:500 11px var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.facts-row b{display:block;font:700 15px var(--font-h);margin-top:6px}
.cred-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1000px){.cred-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.cred-grid{grid-template-columns:1fr}}
.cred{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;padding:18px;border-radius:18px}
.cred .lg{width:72px;height:72px;border-radius:14px;background:#fff;display:grid;place-items:center;padding:8px}
.cred .lg img{max-width:100%;max-height:100%}
.cred b{display:block;font:700 15px var(--font-h)}
.cred span{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.cred .chip{margin-top:8px;height:24px;font-size:11px}
.cred.more-card{grid-template-columns:1fr;text-align:left;border:1px dashed rgba(183,148,255,.45)}
.vals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.vals div{padding:20px;border-radius:18px}
.vals b{display:block;font:700 15px var(--font-h);margin:10px 0 4px}
.vals p{font-size:13.5px;color:var(--muted);line-height:1.6}
@media (max-width:1000px){.logos{grid-template-columns:repeat(4,minmax(0,1fr))}.about-grid{grid-template-columns:1fr}.vals{grid-template-columns:1fr 1fr}}
@media (max-width:768px){.logos{grid-template-columns:repeat(2,minmax(0,1fr))}.vals{grid-template-columns:1fr}.facts-row{grid-template-columns:1fr 1fr}}
.cred .chip{display:inline-flex;width:auto;color:#D9C6FF}
.cred .chip svg{width:12px;height:12px}
@media (max-width:600px){.chip-float.b{top:4%;right:-4%}.chip-float.a{bottom:10%}}