/* ===== Pinecone site additions: color, journey, toggles, calculator, pages ===== */
:root {
  --c-paid: #F97316; --c-paid-w: #FFF1E6;
  --c-local: #16A34A; --c-local-w: #E8F7EE;
  --c-ops: #2563EB; --c-ops-w: #E8EFFF;
  --c-geo: #7C3AED; --c-geo-w: #F1EBFF;
  --c-web: #0D9488; --c-web-w: #E3F5F2;
  --c-creative: #DB2777; --c-creative-w: #FDE8F1;
  --c-revenue: #CA8A04; --c-revenue-w: #FDF5D8;
  --g-blue: #4285F4; --g-red: #EA4335; --g-yellow: #FBBC04; --g-green: #34A853; --oai: #10A37F;
}

/* ---- colored action tags ---- */
.feed li[data-tag="Paid"]::before { color: var(--c-paid); background: var(--c-paid-w); }
.feed li[data-tag="Local"]::before { color: var(--c-local); background: var(--c-local-w); }
.feed li[data-tag="Ops"]::before { color: var(--c-ops); background: var(--c-ops-w); }
.feed li[data-tag="GEO"]::before { color: var(--c-geo); background: var(--c-geo-w); }
.feed li[data-tag="Web"]::before { color: var(--c-web); background: var(--c-web-w); }
.feed li[data-tag="Creative"]::before { color: var(--c-creative); background: var(--c-creative-w); }
.feed li[data-tag="Revenue"]::before { color: var(--c-revenue); background: var(--c-revenue-w); }
.feed li { border-left: 3px solid transparent; transition: opacity .35s, transform .35s, border-color .35s; }
.feed li[data-tag="Paid"] { border-left-color: var(--c-paid); }
.feed li[data-tag="Local"] { border-left-color: var(--c-local); }
.feed li[data-tag="Ops"] { border-left-color: var(--c-ops); }
.feed li[data-tag="GEO"] { border-left-color: var(--c-geo); }
.feed li[data-tag="Web"] { border-left-color: var(--c-web); }
.feed li[data-tag="Creative"] { border-left-color: var(--c-creative); }

/* ---- signals filter ---- */
.sig-filter { display: flex; flex-wrap: wrap; gap: 6px; margin: -4px 0 12px; }
.sig-filter button { font: inherit; font-size: 12px; font-weight: 600; padding: 5px 11px; border-radius: 999px; border: 1px solid var(--line-2); background: var(--white); color: var(--ink-2); cursor: pointer; transition: .2s; }
.sig-filter button:hover { border-color: var(--ink-3); transform: translateY(-1px); }
.sig-filter button.is-on { background: var(--ink); color: #fff; border-color: var(--ink); }
.sig-filter button[data-f="Paid"].is-on { background: var(--c-paid); border-color: var(--c-paid); }
.sig-filter button[data-f="Local"].is-on { background: var(--c-local); border-color: var(--c-local); }
.sig-filter button[data-f="Ops"].is-on { background: var(--c-ops); border-color: var(--c-ops); }
.sig-filter button[data-f="GEO"].is-on { background: var(--c-geo); border-color: var(--c-geo); }
.sig-filter button[data-f="Web"].is-on { background: var(--c-web); border-color: var(--c-web); }
#feed[data-filter]:not([data-filter="all"]) li { opacity: .28; }
#feed[data-filter="Paid"] li[data-tag="Paid"], #feed[data-filter="Local"] li[data-tag="Local"], #feed[data-filter="Ops"] li[data-tag="Ops"],
#feed[data-filter="GEO"] li[data-tag="GEO"], #feed[data-filter="Web"] li[data-tag="Web"] { opacity: 1; transform: translateX(4px); }

/* ---- hero industry toggle ---- */
.ind-seg { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px; margin: 22px auto 0; }
.ind-seg span { font-size: 13px; color: var(--ink-3); margin-right: 6px; }
.ind-seg button { font: inherit; font-size: 13.5px; font-weight: 600; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--line-2); background: var(--white); color: var(--ink-2); cursor: pointer; transition: .2s; }
.ind-seg button:hover { transform: translateY(-1px); border-color: var(--ink-3); }
.ind-seg button.is-on { background: var(--accent); border-color: var(--accent); color: #fff; box-shadow: 0 6px 18px -8px rgba(232,113,26,.7); }
.signals li.swap { animation: swapIn .45s var(--ease) both; }
@keyframes swapIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.engines li:hover { background: var(--accent-wash); border-radius: 8px; }
.engines li { transition: background .2s; padding-left: 6px; padding-right: 6px; margin: 0 -6px; }

/* ---- missed-call calculator ---- */
.calc { color: var(--ink); margin-top: 56px; background: var(--white); border-radius: 20px; padding: 28px 28px 24px; box-shadow: 0 1px 0 rgba(0,0,0,.03), 0 30px 60px -40px rgba(0,0,0,.25); display: grid; grid-template-columns: 1.1fr 1.4fr 1fr; gap: 28px; align-items: center; }
.calc-head h3 { color: var(--ink); font-size: 22px; letter-spacing: -.01em; line-height: 1.2; margin-top: 8px; }
.calc-head p { color: var(--ink-3); font-size: 14px; margin-top: 8px; }
.calc-grid { display: grid; gap: 14px; }
.calc-grid label { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; font-size: 13.5px; color: var(--ink-2); }
.calc-grid label b { font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; }
.calc-grid input[type="range"] { grid-column: 1 / -1; width: 100%; accent-color: var(--accent); height: 28px; }
.calc-out { background: var(--ink); color: #fff; border-radius: 16px; padding: 20px 22px; display: grid; gap: 4px; }
.calc-out span { font-size: 12.5px; color: rgba(255,255,255,.65); }
.calc-out b { font-size: 34px; font-weight: 700; letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: #FFB27A; }
.calc-out em { font-style: normal; font-size: 12.5px; color: rgba(255,255,255,.75); margin-top: 6px; }
.calc-out b.bump { animation: bump .3s var(--ease); }
@keyframes bump { 40% { transform: scale(1.06); } }

/* ---- the halo journey ---- */
.jhalo { background: var(--white); padding: 120px 0; overflow: hidden; }
.jtoggle { display: inline-flex; background: var(--gray); border-radius: 999px; padding: 4px; gap: 2px; }
.jtoggle button { font: inherit; font-size: 13.5px; font-weight: 600; padding: 9px 16px; border-radius: 999px; border: 0; background: transparent; color: var(--ink-2); cursor: pointer; transition: .25s; }
.jtoggle button.is-on { background: var(--ink); color: #fff; }
.jhalo.is-pinecone .jtoggle button.is-on { background: var(--accent); }
.jtrack { position: relative; margin-top: 36px; }
.jrail { position: absolute; left: 6%; right: 6%; top: 118px; height: 2px; background: linear-gradient(90deg, var(--g-blue), var(--g-red), var(--g-yellow), var(--oai), var(--g-green), var(--c-web), var(--c-ops), var(--accent)); opacity: .28; border-radius: 2px; }
.jhalo.is-pinecone .jrail { opacity: .9; }
.jdot { position: absolute; top: 113px; left: 6%; width: 12px; height: 12px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 6px rgba(232,113,26,.18), 0 0 18px rgba(232,113,26,.8); opacity: 0; z-index: 2; }
.jhalo.is-pinecone .jdot { opacity: 1; animation: jrun 9s linear infinite; }
@keyframes jrun { 0% { left: 6%; } 100% { left: calc(94% - 12px); } }
.jcards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(8, 1fr); gap: 10px; position: relative; }
.jcards li { position: relative; padding: 138px 12px 0; transition: opacity .35s, transform .35s; }
.jcards li::before { content: ''; position: absolute; top: 112px; left: 50%; width: 14px; height: 14px; border-radius: 50%; transform: translateX(-50%); background: var(--white); border: 3px solid var(--pc, var(--accent)); box-shadow: 0 0 0 4px var(--white); transition: .3s; }
.jcards li time { position: absolute; top: 84px; left: 12px; font-size: 11.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-3); }
.jp { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; padding: 4px 9px; border-radius: 999px; color: var(--pc); background: color-mix(in srgb, var(--pc) 12%, white); }
.jp i { width: 7px; height: 7px; border-radius: 50%; background: var(--pc); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pc) 22%, transparent); }
.jcards b { display: block; font-size: 15px; font-weight: 600; letter-spacing: -.01em; margin-top: 10px; line-height: 1.25; }
.jcards small { display: block; font-size: 12.5px; color: var(--ink-3); margin-top: 6px; line-height: 1.4; }
.jcards li[data-p="ads"] { --pc: var(--g-blue); }
.jcards li[data-p="search"] { --pc: var(--g-red); }
.jcards li[data-p="reviews"] { --pc: #D99A00; }
.jcards li[data-p="chatgpt"] { --pc: var(--oai); }
.jcards li[data-p="maps"] { --pc: var(--g-green); }
.jcards li[data-p="site"] { --pc: var(--c-web); }
.jcards li[data-p="phone"] { --pc: var(--c-ops); }
.jcards li[data-p="store"] { --pc: var(--accent); }
/* agency view: only the first and last touchpoints are "seen" */
.jhalo.is-agency .jcards li:not([data-seen]) { opacity: .32; filter: grayscale(1); }
.jhalo.is-agency .jcards li:not([data-seen]) small::after { content: ' Lost.'; color: var(--c-paid); font-weight: 600; }
.jhalo.is-agency .jcards li:not([data-seen])::before { border-color: var(--line-2); border-style: dashed; }
.jhalo.is-pinecone .jcards li::before { background: var(--pc); box-shadow: 0 0 0 4px var(--white), 0 0 0 7px color-mix(in srgb, var(--pc) 25%, transparent); }
.jcards li:hover { transform: translateY(-4px); opacity: 1 !important; filter: none !important; }
.jfoot { margin-top: 34px; max-width: 720px; }
.jfoot p { font-size: 17px; color: var(--ink-2); line-height: 1.5; display: none; }
.jhalo.is-agency .j-agency, .jhalo.is-pinecone .j-pinecone { display: block; }
.j-pinecone { color: var(--ink); }
@media (max-width: 1100px) {
  .jcards { grid-template-columns: repeat(4, 1fr); row-gap: 30px; }
  .jrail, .jdot { display: none; }
  .jcards li { padding-top: 0; }
  .jcards li::before { display: none; }
  .jcards li time { position: static; display: block; margin-bottom: 8px; }
}
@media (max-width: 640px) {
  .jhalo { padding: 88px 0; }
  .jcards { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; padding: 4px 4px 14px; margin: 0 -4px; -webkit-overflow-scrolling: touch; }
  .jcards li { flex: 0 0 76%; scroll-snap-align: start; background: var(--gray); border-radius: 16px; padding: 16px; }
  .jtoggle { width: 100%; }
  .jtoggle button { flex: 1; text-align: center; padding: 9px 8px; font-size: 12.5px; }
}

/* ---- pages ---- */
.page-hero { padding: 150px 0 40px; background: var(--white); }
.page-hero h1 { font-size: clamp(38px, 5.2vw, 60px); line-height: 1.04; letter-spacing: -.03em; max-width: 20ch; }
.page-hero p { margin-top: 18px; font-size: 19px; color: var(--ink-2); max-width: 58ch; }
.page-hero [data-hero] { opacity: 1; transform: none; }
.week-solo { grid-template-columns: 1fr !important; max-width: 760px; margin: 0 auto; }
.ind-detail { padding: 40px 0 120px; background: var(--white); }
.ind-list { display: grid; gap: 22px; }
.ind-item { display: grid; grid-template-columns: 1fr 1.4fr; gap: 34px; align-items: center; background: var(--gray); border-radius: 22px; padding: 26px; scroll-margin-top: 90px; }
.ind-item img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 16px; }
.ind-item h2 { font-size: 26px; letter-spacing: -.015em; line-height: 1.2; margin-top: 8px; }
.ind-item p { margin-top: 12px; color: var(--ink-2); font-size: 16px; }
.ind-item .chips { margin-top: 14px; }
.ind-item .link-arrow { margin-top: 18px; display: inline-flex; }
@media (max-width: 800px) { .ind-item { grid-template-columns: 1fr; } .calc { grid-template-columns: 1fr; } .page-hero { padding-top: 120px; } }

/* ---- color touches ---- */
.kicker::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); margin-right: 8px; vertical-align: 1px; box-shadow: 0 0 0 3px var(--accent-wash); }
.svc:nth-child(1) { border-top: 4px solid var(--c-paid); }
.svc:nth-child(2) { border-top: 4px solid var(--c-local); }
.svc:nth-child(3) { border-top: 4px solid var(--c-geo); }
.svc:nth-child(4) { border-top: 4px solid var(--c-creative); }
.svc:nth-child(5) { border-top: 4px solid var(--c-web); }
.svc:nth-child(6) { border-top: 4px solid var(--c-revenue); }
.card-copy span { color: var(--accent); }
.hcard:nth-child(1) h3::after, .hcard:nth-child(2) h3::after, .hcard:nth-child(3) h3::after, .hcard:nth-child(4) h3::after { content: ''; display: block; width: 44px; height: 4px; border-radius: 2px; margin-top: 10px; }
.hcard:nth-child(1) h3::after { background: var(--g-blue); }
.hcard:nth-child(2) h3::after { background: var(--c-geo); }
.hcard:nth-child(3) h3::after { background: var(--accent); }
.hcard:nth-child(4) h3::after { background: var(--c-local); }

/* ---- fidgets ---- */
.btn, .rbtn { will-change: transform; }
.brain { transition: transform .25s ease-out; }
.hnode { transition: transform .25s var(--ease); }
.hnode:hover { transform: translate(-50%, -50%) scale(1.08) !important; }
@media (prefers-reduced-motion: reduce) { .jdot { animation: none !important; } .swap { animation: none; } }


/* ===== iOS polish pass ===== */
:root { --ios-grad: linear-gradient(180deg, #FF9D52 0%, #F47B1D 48%, #E1651A 100%); --ios-grad-hover: linear-gradient(180deg, #FFAA66 0%, #F98527 48%, #E86E1F 100%); --hair: rgba(0,0,0,.06); }
/* buttons: gradient, inner highlight, press */
.btn, .nav-cta, .btn-light.is-orange { background: var(--ios-grad); border: 0; color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.38), inset 0 -1px 0 rgba(0,0,0,.08), 0 10px 22px -10px rgba(225,101,26,.75); transition: transform .25s var(--ease), box-shadow .25s, filter .25s; }
.btn:hover, .nav-cta:hover { background: var(--ios-grad-hover); transform: translateY(-1px) scale(1.02); box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 14px 28px -10px rgba(225,101,26,.8); }
.btn:active, .nav-cta:active { transform: scale(.98); filter: brightness(.96); }
.btn-light { background: #fff; color: var(--ink); box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 10px 22px -12px rgba(0,0,0,.35); }
.btn-light:hover { background: #fff; }
.ind-seg button.is-on, .jhalo.is-pinecone .jtoggle button.is-on, .sig-filter button[data-f="Paid"].is-on { background: var(--ios-grad); border-color: transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 8px 18px -10px rgba(225,101,26,.8); }
/* segmented controls, iOS style */
.jtoggle, #rank-seg { background: rgba(120,120,128,.14); padding: 3px; border-radius: 999px; gap: 0; }
.jtoggle button, #rank-seg button { border-radius: 999px; }
.jtoggle button.is-on, #rank-seg button.is-on { background: #fff; color: var(--ink); box-shadow: 0 1px 2px rgba(0,0,0,.12), 0 3px 8px rgba(0,0,0,.08); }
.jhalo.is-pinecone .jtoggle button.is-on { color: #fff; }
/* glass nav */
#nav { background: rgba(251,251,253,.72); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); border-bottom: 1px solid var(--hair); }
#nav.scrolled { background: rgba(251,251,253,.82); }
/* cards: one radius, hairline edge, soft depth */
.sig, .case, .svc, .calc, .ind-item, .seocol, .hcard, .answer, .report { border-radius: 22px; box-shadow: 0 0 0 1px var(--hair), 0 1px 2px rgba(0,0,0,.04), 0 24px 48px -32px rgba(0,0,0,.18); }
.iq { box-shadow: 0 0 0 1px var(--hair), 0 40px 80px -40px rgba(0,0,0,.35); }
.chips span { box-shadow: inset 0 0 0 1px var(--hair); background: rgba(255,255,255,.9); }
/* type: tighter display tracking, calmer body */
h1, h2 { letter-spacing: -.032em; }
h3 { letter-spacing: -.015em; }
.sec-head p, .hero-sub { color: #6e6e73; }
/* section rhythm: alternate grounds, consistent spacing */
main > section { padding-top: 112px; padding-bottom: 112px; }
main > section.hero { padding-top: 132px; padding-bottom: 96px; }
main > section.problem { padding-top: 120px; padding-bottom: 120px; }
main > section.final { padding-top: 140px; padding-bottom: 140px; }
main > section.human { background: var(--gray); }
main > section.audit { background: var(--white); }
main > section[data-first] { padding-top: 150px; }
main > section.page-hero { padding: 150px 0 0; }
main > section.ind-detail { padding-top: 48px; }
@media (max-width: 800px) {
  main > section { padding-top: 72px; padding-bottom: 72px; }
  main > section.hero { padding-top: 104px; padding-bottom: 64px; }
  main > section.problem, main > section.final { padding-top: 88px; padding-bottom: 88px; }
  main > section[data-first] { padding-top: 112px; }
  main > section.page-hero { padding-top: 112px; }
  .btn { width: 100%; justify-content: center; }
  .hero-actions { flex-direction: column; align-items: stretch; gap: 12px; }
}
/* hairline dividers instead of heavy lines */
.engines li, .signals li, .monday li, .comps li, .outcomes li { border-color: var(--hair); }
/* focus rings, iOS blue-free, brand orange */
a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 999px; }
/* subpage first heading (promoted h2 -> h1) gets display size */
main > section[data-first] h1 { font-size: clamp(40px, 5vw, 60px); line-height: 1.04; letter-spacing: -.032em; max-width: 20ch; }
main > section[data-first] .sec-head.center h1 { margin-left: auto; margin-right: auto; }
@media (max-width: 800px) { .hero-actions .link-arrow { justify-content: center; } .ind-seg { row-gap: 8px; } }


/* ---- hand-drawn hints ---- */
.hint { position: absolute; pointer-events: none; z-index: 3; display: grid; gap: 2px; width: 150px; }
.hint-arrow { width: 150px; height: auto; overflow: visible; }
.hint-arrow .a1, .hint-arrow .a2 { stroke-dasharray: 320; stroke-dashoffset: 320; }
.hint.is-in .a1 { animation: ink 1s .15s var(--ease) forwards; }
.hint.is-in .a2 { animation: ink .45s .95s var(--ease) forwards; }
@keyframes ink { to { stroke-dashoffset: 0; } }
.hint-txt { font-family: 'Caveat', 'Bradley Hand', 'Segoe Print', cursive; font-style: normal; font-size: 22px; line-height: 1; color: #F05A28; white-space: nowrap; opacity: 0; transform: rotate(-4deg) translateY(4px); transition: opacity .5s 1.2s, transform .5s 1.2s var(--ease); }
.hint.is-in .hint-txt { opacity: 1; transform: rotate(-4deg); }
.seg-wrap { position: relative; }
.hint.h-seg { left: 50%; margin-left: -510px; top: -20px; width: 300px; grid-template-columns: auto auto; align-items: center; gap: 10px; }
.hint.h-seg .hint-txt { align-self: end; margin-bottom: 14px; }
.hint.h-seg .hint-arrow { width: 132px; }
.calc-grid { position: relative; }
.hint.h-calc { left: -190px; top: -8px; width: 160px; text-align: right; }
.hint.h-calc .hint-arrow { transform: scaleY(-1) rotate(-12deg); }
.hint.h-calc .hint-txt { transform: rotate(-6deg); }
.sec-head.row { position: relative; }
.hint.h-jt { right: 362px; top: 94px; width: 130px; }
.hint.h-jt .hint-arrow { transform: rotate(8deg); }
@media (max-width: 1240px) { .hint.h-seg { margin-left: -460px; } .hint.h-calc { left: -168px; } .hint.h-jt { right: 330px; } }
@media (max-width: 1000px) { .hint { display: none; } }


/* ---- disclaimers + legal ---- */
.disclaimer { margin-top: 28px; font-size: 12.5px; line-height: 1.5; color: var(--ink-3); max-width: 78ch; }
.disclaimer a { color: var(--ink-2); text-decoration: underline; text-underline-offset: 2px; }
.disclaimer-tight { margin: 30px auto 0; text-align: center; max-width: 92ch; }
.problem .disclaimer, .final .disclaimer { color: rgba(255,255,255,.55); }
.foot-disc { font-size: 12px; line-height: 1.55; color: var(--ink-3); max-width: 90ch; margin: 28px 0 18px; padding-top: 18px; border-top: 1px solid var(--line); }
.foot-disc a { color: var(--ink-2); text-decoration: underline; text-underline-offset: 2px; }
.legal .container { max-width: 760px; }
.legal h1 { font-size: clamp(36px, 4.6vw, 52px); letter-spacing: -.03em; margin-top: 8px; }
.legal-lede { color: var(--ink-3); margin: 14px 0 34px; }
.legal h2 { font-size: 20px; margin: 34px 0 10px; letter-spacing: -.015em; }
.legal p { font-size: 16px; line-height: 1.6; color: var(--ink-2); }
.legal a { color: var(--accent); }
.brand img { border-radius: 0; }


/* ---- brand lockup: Pinecone Media ---- */
.brand span { white-space: nowrap; }
.brand .wm, .foot-brand .wm { color: var(--accent); font-weight: inherit; }

/* ---- experience metrics band ---- */
.cred { position: relative; background: var(--ink); color: #fff; padding: 112px 0; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.14); }
.cred-bg { position: absolute; right: -6%; top: 50%; width: min(560px, 60vw); transform: translateY(-50%) rotate(8deg); opacity: .05; pointer-events: none; filter: saturate(0.4); }
.cred .container { position: relative; z-index: 1; }
.cred-head { text-align: center; max-width: 820px; margin: 0 auto 64px; }
.cred-head h2 { color: #fff; font-size: clamp(32px, 4vw, 52px); letter-spacing: -0.03em; line-height: 1.08; }
.cred-head p { margin-top: 16px; font-size: 17px; line-height: 1.55; color: rgba(255,255,255,.62); }
.cred-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); }
.cred-grid li { padding: 44px 28px; text-align: center; border-left: 1px solid rgba(255,255,255,.12); }
.cred-grid li:first-child { border-left: 0; }
.cred-num { display: block; font-size: clamp(40px, 4.6vw, 64px); font-weight: 700; letter-spacing: -0.04em; line-height: 1; font-variant-numeric: tabular-nums; background: var(--ios-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #F47B1D; }
.cred-grid span { display: block; margin-top: 14px; font-size: 12.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.85); line-height: 1.5; }
.cred-grid em { display: block; margin-top: 8px; font-size: 12.5px; font-style: italic; color: rgba(255,255,255,.45); line-height: 1.5; }
.cred .cred-disc { color: rgba(255,255,255,.4); text-align: center; margin: 26px auto 0; }
@media (max-width: 900px) {
  .cred { padding: 80px 0; }
  .cred-grid { grid-template-columns: 1fr 1fr; }
  .cred-grid li { padding: 32px 18px; }
  .cred-grid li:nth-child(3) { border-left: 0; }
  .cred-grid li:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.12); }
}
@media (max-width: 480px) {
  .cred-grid { grid-template-columns: 1fr; }
  .cred-grid li { border-left: 0; }
  .cred-grid li + li { border-top: 1px solid rgba(255,255,255,.12); }
}