/* v41 · one continuous full-bleed background, more transparent header, white cert cards, de-carded Values */

/* ── 1. One background for the whole page — no per-section boxes, no seams ── */
html,body{background:radial-gradient(135% 85% at 50% -8%,#1f1f24 0%,#141418 30%,#0c0c0f 60%,#070708 100%) !important;background-attachment:fixed !important}
#app{background:transparent !important}
#app>.sec,#app>.wall,#app>.grow,#app>.proc,#app>.subhero,#app>.contact,#app>.ft,
#app>.sec:nth-of-type(3n),#app>.sec:nth-of-type(3n + 1),
.band,#values,.wall-in,.grow,.grow-in{background:transparent !important;border-top:0 !important;border-bottom:0 !important}
/* soft tonal variation stays as a gentle glow, but the hard 1px seam line between sections is removed */
.section-atmosphere::before{display:none !important}
.band{box-shadow:none !important}
/* very subtle alternating light so sections still have depth, with no visible edge */
#app>.sec:nth-of-type(even)::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
 background:radial-gradient(90% 60% at 80% 0%,rgba(255,255,255,.028),transparent 60%)}
#app>.sec:nth-of-type(odd)::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
 background:radial-gradient(90% 60% at 15% 0%,rgba(255,255,255,.025),transparent 60%)}
#app>.sec{position:relative}
#app>.sec>.wrap,#app>.sec>*{position:relative;z-index:1}

/* ── 2. Header glass: more transparent, blurred underlayer shows through ── */
.hd,.hd.solid{background:rgba(13,13,16,.14) !important;
 backdrop-filter:blur(14px) saturate(135%) !important;-webkit-backdrop-filter:blur(14px) saturate(135%) !important;
 border-bottom:1px solid rgba(255,255,255,.05) !important;box-shadow:none !important}
.hd.solid{background:rgba(11,11,14,.42) !important;backdrop-filter:blur(20px) saturate(150%) !important;-webkit-backdrop-filter:blur(20px) saturate(150%) !important}

/* ── 3. Certification cards → white ── */
.seal,.cert-grid .seal{background:#f4f3f0 !important;border:1px solid rgba(0,0,0,.1) !important;
 box-shadow:0 26px 60px -26px #000,inset 0 1px 0 rgba(255,255,255,.7) !important}
.seal::before{opacity:.05 !important;filter:grayscale(1) contrast(1.1) !important}
.seal .plate-top span,.seal b,.seal .core span,.seal .plate-foot span{color:#1b1b1e !important;text-shadow:none !important}
.seal .plate-top small{color:#6a6a6e !important}
.seal .core span{color:#55555a !important}
.seal.is-front{border-color:#fd4533 !important}
.seal.is-front b{color:#0a0a0b !important}
.seal .ck,.seal .plate-mark .motion-icon{color:#fd4533 !important;filter:none !important}
.seal.is-front .plate-mark .motion-icon{color:#fd4533 !important}

/* ── 4. Values → editorial list, clearly not a card grid ── */
#values .vals{display:block !important;grid-template-columns:none !important;gap:0 !important;
 border-top:1px solid rgba(255,255,255,.14) !important;margin-top:48px}
#values .val{display:grid !important;grid-template-columns:72px minmax(0,.9fr) minmax(0,1.4fr) !important;
 align-items:baseline;gap:30px !important;padding:30px 4px !important;
 background:none !important;border:0 !important;border-bottom:1px solid rgba(255,255,255,.1) !important;border-radius:0 !important;
 backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:none !important;flex-direction:row !important}
#values .val::before,#values .val::after,#values .val>.sheen{display:none !important}
#values .val>.motion-icon{display:none !important}
#values .val:hover{background:linear-gradient(90deg,rgba(253,69,51,.07),transparent 55%) !important;transform:none !important;padding-left:14px !important}
#values .val .n{color:#fd4533 !important;font:600 13px/1 var(--en) !important;margin:0 !important}
#values .val h4{font-size:clamp(22px,2.4vw,32px) !important;font-weight:700;letter-spacing:-.04em;margin:0 !important;align-self:center}
#values .val p{font-size:16px !important;color:var(--tx2) !important;line-height:1.7;margin:0 !important;max-width:none !important;align-self:center}
@media (max-width:820px){
 #values .val{grid-template-columns:54px 1fr !important;gap:6px 16px !important;padding:24px 0 !important}
 #values .val .n{grid-row:1/3}#values .val p{grid-column:2}
}
