/* TRUST CERTIFICATE: one shared component (markup + entrance script in components/html/trust-cert.html).
   Pages include it with <!--component:trust-cert-->; the build adds this stylesheet. */
/* ===== OUR TRUST PROMISE · canonical brand component (do not restyle per page) ===== */
.tcert{--tc-gold:#FFB336;--tc-cyan:#64D7F9;--tc-white:#FFFFFF;--tc-mist:#C9D6E5;--tc-serif:"EB Garamond",Garamond,Georgia,serif;--tc-sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;position:relative;box-sizing:border-box;width:100%;max-width:980px;margin:0 auto;padding:52px clamp(22px,5vw,64px) 44px;border:1px solid rgba(255,179,54,.55);border-radius:8px;background:linear-gradient(180deg,#072447,#04152D);box-shadow:0 0 0 8px rgba(255,179,54,.05),0 30px 70px rgba(0,0,0,.45);text-align:left;color:var(--tc-mist)}
.tcert *{box-sizing:border-box}
.tcert::before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,179,54,.22);border-radius:4px;pointer-events:none}
.tcert .tc-k{position:absolute;width:16px;height:16px;color:var(--tc-gold)}
.tcert .tc-k svg{display:block;width:100%;height:100%}
.tcert .tc-k1{left:4px;top:4px}
.tcert .tc-k2{right:4px;top:4px}
.tcert .tc-k3{left:4px;bottom:4px}
.tcert .tc-k4{right:4px;bottom:4px}
.tcert .tc-title{margin:0 0 22px;text-align:center;font:600 14px/1.2 var(--tc-sans);letter-spacing:.26em;text-transform:uppercase;color:var(--tc-gold)}
.tcert .tc-list{list-style:none;margin:0;padding:0}
.tcert .tc-row{display:grid;grid-template-columns:48px 56px minmax(0,1fr) 48px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(255,179,54,.18)}
.tcert .tc-row:last-child{border-bottom:0}
.tcert .tc-num{font:400 26px/1 var(--tc-serif);color:var(--tc-gold);text-align:center}
.tcert .tc-icon{width:56px;height:56px;border-radius:50%;border:1.5px solid var(--tc-cyan);display:flex;align-items:center;justify-content:center;color:var(--tc-cyan);box-shadow:0 0 22px rgba(100,215,249,.25)}
.tcert .tc-icon svg{width:26px;height:26px}
.tcert .tc-text{margin:0;font:500 clamp(22px,2.4vw,30px)/1.25 var(--tc-serif);color:var(--tc-white)}
.tcert .tc-text em{font-style:italic;font-weight:500;color:var(--tc-gold)}
.tcert .tc-seal{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFE2A3,#FFB336 55%,#C98714);color:#051A36;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px rgba(255,179,54,.18),0 0 24px rgba(255,179,54,.45)}
.tcert .tc-seal svg{width:24px;height:24px}
.tcert .tc-sig{margin:30px 0 0;padding-top:26px;border-top:1px solid rgba(255,179,54,.35);text-align:center;font:italic 400 clamp(20px,2.2vw,26px)/1.4 var(--tc-serif);color:var(--tc-mist)}
.tcert .tc-sig span{display:block;margin-top:8px;font:700 12px/1.3 var(--tc-sans);font-style:normal;letter-spacing:.2em;text-transform:uppercase;color:var(--tc-gold)}
@media (prefers-reduced-motion:no-preference){.tcert.tc-anim .tc-row{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.tcert.tc-anim .tc-seal{opacity:0;transform:scale(2.1) rotate(-25deg);transition:transform .45s cubic-bezier(.2,1.6,.4,1),opacity .2s ease}.tcert.tc-anim.tc-in .tc-row{opacity:1;transform:none}.tcert.tc-anim.tc-in .tc-seal{opacity:1;transform:none}.tcert.tc-in .tc-row:nth-child(1){transition-delay:.1s}.tcert.tc-in .tc-row:nth-child(1) .tc-seal{transition-delay:.5s}.tcert.tc-in .tc-row:nth-child(2){transition-delay:.5s}.tcert.tc-in .tc-row:nth-child(2) .tc-seal{transition-delay:.9s}.tcert.tc-in .tc-row:nth-child(3){transition-delay:.9s}.tcert.tc-in .tc-row:nth-child(3) .tc-seal{transition-delay:1.3s}.tcert.tc-in .tc-row:nth-child(4){transition-delay:1.3s}.tcert.tc-in .tc-row:nth-child(4) .tc-seal{transition-delay:1.7s}.tcert.tc-in .tc-row:nth-child(5){transition-delay:1.7s}.tcert.tc-in .tc-row:nth-child(5) .tc-seal{transition-delay:2.1s}}
@media (max-width:640px){.tcert{padding:40px 18px 34px}.tcert .tc-row{grid-template-columns:44px minmax(0,1fr) 36px;gap:14px;padding:16px 0}.tcert .tc-num{display:none}.tcert .tc-icon{width:44px;height:44px}.tcert .tc-icon svg{width:21px;height:21px}.tcert .tc-seal{width:36px;height:36px}.tcert .tc-seal svg{width:18px;height:18px}.tcert .tc-text{font-size:21px}}
