/* V8 hero (portrait + checks) */
.hero { background: var(--soft); border-bottom: 1px solid var(--line); }
.hero .wrap { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); gap: 56px; align-items: center; padding-block: 72px 80px; }
.hero h1 { font-size: clamp(2.6rem, 5.4vw, 4rem); line-height: 1.04; letter-spacing: -0.025em; font-weight: 700; margin-top: 14px; }
.hero .lede { margin-top: 20px; font-size:1.125rem; color: var(--muted); max-width: 34em; }
.founder { display: grid; gap: 0; background: var(--bg); border: 1px solid var(--line); border-radius:16px; overflow: hidden; box-shadow: 0 30px 60px -40px rgba(34,34,34,0.45); }
.founder .photo { aspect-ratio: 4 / 3.4; border-radius: 0; font-size:.8rem; }
.founder .say { padding: 22px 24px 24px; display: grid; gap: 14px; }
.founder blockquote { margin: 0; font-family: var(--font-quote); font-style: italic; font-size:1.125rem; line-height: 1.45; }
.founder .who { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size:0.875rem; color: var(--muted); }
.founder .who b { color: var(--ink); font-family: var(--font-head); display: block; }
@media(max-width:900px){.hero .wrap{grid-template-columns:minmax(0,1fr);padding-block:48px 56px;gap:36px}}
/* Generated-image preview: preserve the V7 composition and isolate asset styling. */
.copy-link{display:inline-flex;align-items:center;min-height:36px;font:600 0.875rem/1.4 var(--font-body);white-space:nowrap;text-decoration:none;color:var(--iris)}
.photo.ai-photo{position:relative;display:block;padding:0;background-image:none;overflow:hidden}
.photo.ai-photo img{display:block;width:100%;height:100%;object-fit:cover}
.ai-image-label{position:absolute;left:8px;bottom:8px;background:#222222;color:#fff;padding:3px 7px;border-radius:3px;font:600 .8rem/1.4 var(--font-body);letter-spacing:0;white-space:nowrap}
.founder .ai-photo{aspect-ratio:4/3.4}
.founder .ai-photo img{object-position:50% 35%}
.logo-row{align-items:start}
.ai-sector{min-width:0;display:grid;gap:8px}
.logo-row .ai-sector .photo{height:100px;opacity:1}
.ai-sector-title{font:600 .8rem/1.35 var(--font-body);color:var(--ink)}
.logo-row .ai-image-label{left:5px;bottom:5px;padding:2px 4px;font-size:.8rem}
.case-feat .side .photo.ai-case-image{height:100px;width:180px}
.person .photo.ai-photo{flex:0 0 44px}
.person .ai-image-label{inset:auto 0 0;padding:1px 0;font-size:.8rem;border-radius:0}
.ai-wordmark{padding:0;background-image:none;display:flex;align-items:center;justify-content:flex-start;font-size:1.5rem!important;font-weight:800;letter-spacing:-.025em;color:#fff!important}
.ai-wordmark b{color:#F0ABA0}
.about>.ai-team-image{height:auto;aspect-ratio:4/4.4}
.about>.ai-team-image img{aspect-ratio:4/4.4;object-position:50% 40%}
.team .photo.ai-photo img{aspect-ratio:1;object-position:50% 32%}
.ai-fact-note{font:500 .8rem/1.5 var(--font-body);color:#F9DDD8;margin:12px 0}
@media(max-width:1000px){.about>.ai-team-image{max-width:none;width:100%;aspect-ratio:16/10;max-height:440px}.about>.ai-team-image img{aspect-ratio:auto;height:100%;object-position:50% 36%}}
@media(max-width:700px){.logo-row .ai-sector .photo{height:84px}.ai-sector-title{font-size:.8rem}.about>.ai-team-image{aspect-ratio:4/4.4;max-height:none}.ai-image-label{font-size:.8rem}}
</style><style id="v7-language-css">
.language-switch{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:36px;padding:0 4px;color:var(--muted);font:600 .8rem/1.3 var(--font-body);text-decoration:none;border-bottom:2px solid transparent}
.language-switch a[aria-current="page"]{color:var(--iris);border-bottom-color:var(--iris)}
.language-switch a:focus-visible{outline:2px solid var(--iris);outline-offset:2px}
html:lang(zh-CN){--font-head:"Microsoft YaHei","PingFang SC","Noto Sans SC",system-ui,sans-serif;--font-body:"Microsoft YaHei","PingFang SC","Noto Sans SC",system-ui,sans-serif;--font-quote:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
html:lang(zh-CN) .hero h1{font-size:clamp(2.25rem,4.8vw,4.05rem);line-height:1.22;letter-spacing:-.025em}
html:lang(zh-CN) .kicker{letter-spacing:.03em}
html:lang(zh-CN) .hero .lede{line-height:1.85}
@media(max-width:700px){.hdr-r{gap:8px}.language-switch a{min-width:29px;font-size:.8rem}.hdr .wrap{gap:8px}html:lang(zh-CN) .btn-sm{padding:0 11px;font-size:.8rem}html:lang(zh-CN) .hero h1{font-size:clamp(2.1rem,8vw,2.8rem)}}


/* V7.3: real reading card, real section, no AI imagery */
.read-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:22px 24px;box-shadow:0 24px 50px -36px rgba(21,21,21,.4)}
.read-card figcaption{display:grid;gap:4px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.read-card figcaption b{font-family:var(--font-head);font-size:1.125rem}
.read-card figcaption span{font-size:0.875rem;color:var(--muted)}
.read-card ol{list-style:none;margin:0;padding:0;counter-reset:r}
.read-card li{counter-increment:r;display:flex;gap:14px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line);font-weight:600}
.read-card li::before{content:counter(r,decimal-leading-zero);font-size:.8rem;color:var(--muted);min-width:1.6em}
.read-card li.us{border-bottom:0;margin-top:6px;padding:12px 14px;background:var(--iris-soft);border-radius:8px;color:var(--iris-dark)}
.read-card li.us::before{content:"—"}
.read-card li.us span{flex:1;font-weight:800}
.read-card li.us em{font-style:normal;font-size:0.875rem;font-weight:700}
.read-card p{font-size:.8rem;color:var(--muted);line-height:1.5;padding-top:12px}
.read-card p a{color:var(--iris-dark);font-weight:700}
.built-for .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;padding-block:22px}
.built-for p{margin:0;font-weight:700;color:var(--muted);font-size:0.875rem;letter-spacing:.06em;text-transform:uppercase}
.built-for ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 26px;font-weight:600}
.reading .rd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0 20px}
.reading article{border:1px solid var(--line);border-top:4px solid var(--iris);border-radius:8px;padding:24px;background:var(--bg);display:grid;gap:10px;align-content:start}
.reading .rd-n{font:800 3rem/1 var(--font-head);color:var(--iris)}
.reading article h3{font-size:1.125rem;line-height:1.3}
.reading article p{color:var(--muted)}
.reading .rd-note{color:var(--muted);max-width:46em;margin-bottom:20px}
@media(max-width:900px){.reading .rd-grid{grid-template-columns:minmax(0,1fr)}}

/* auto-scrolling industry strip */
.marquee{overflow:hidden;min-width:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.marquee .logo-row{display:flex;gap:16px;width:max-content;animation:logo-scroll 38s linear infinite}
.marquee:hover .logo-row,.marquee:focus-within .logo-row{animation-play-state:paused}
.marquee .ai-sector{flex:0 0 180px}
@keyframes logo-scroll{to{transform:translateX(calc(-50% - 8px))}}
@media(prefers-reduced-motion:reduce){.marquee .logo-row{animation:none}.marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}

/* ===== V7.3 answer stage: brand moves into the answer ===== */
.bx-sec{background:var(--navy);color:var(--on-navy)}
.bx{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(28px,5vw,72px);align-items:center}
.bx-intro .kicker{color:var(--accent-bright,#F2A08E)}
.bx-intro h2{font-size:clamp(2.2rem,4.4vw,4rem);line-height:1.04;letter-spacing:-.03em;font-weight:800;margin:12px 0 18px;color:#fff}
.bx-intro h2 span{display:block}.bx-intro h2 span+span{color:#F2A08E}
.bx-intro>p{color:var(--navy-muted);max-width:30em}
.bx-lab{display:block;margin:26px 0 8px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-muted)}
.bx select{appearance:none;width:100%;max-width:280px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:12px 14px;font:600 1rem var(--font-body)}
.bx select option{color:#111}
.bx-note{margin-top:22px!important;font-size:.8rem;color:var(--navy-muted);max-width:28em}
.bx-win{background:#fff;color:var(--ink);border-radius:16px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(0,0,0,.65)}
.bx-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:var(--soft);border-bottom:1px solid var(--line)}
.bx-bar>i{width:10px;height:10px;border-radius:50%;background:var(--line)}
.bx-tabs{display:flex;gap:4px;margin-left:12px;flex-wrap:wrap}
.bx-tabs button{border:0;background:transparent;font:600 0.875rem var(--font-body);color:var(--muted);padding:6px 11px;border-radius:8px;cursor:pointer}
.bx-tabs button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.14)}
.bx-chat{padding:22px 26px 10px;min-height:430px}
.bx-q{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:18px}
.bx-q span{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.bx-q b{font-family:var(--font-head);font-size:1.125rem}
.bx-who{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.bx-av{width:28px;height:28px;border-radius:8px;background:var(--ink);color:#fff;display:grid;place-items:center;font:700 0.875rem var(--font-head)}
.bx-pill{margin-left:auto;font-style:normal;font-size:.8rem;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--soft);color:var(--muted);transition:all .4s}
.bx-pill.s1{background:#FDF0D5;color:#3D3D3D}.bx-pill.s2{background:var(--iris);color:#fff}
.bx-lead{min-height:3.2em;color:var(--muted);margin-bottom:12px}
.bx-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bx-list li{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px 14px;border-radius:8px;border:1px solid var(--line);position:relative;transition:background .4s,border-color .4s}
.bx-rk{font-size:.8rem;color:var(--muted);padding-top:3px}
.bx-list b{display:block;font-family:var(--font-head)}.bx-list li span:not(.bx-rk){font-size:0.875rem;color:var(--muted)}
.bx-c b{color:#646464}
.bx-b.ghost{border-style:dashed;border-color:var(--iris);background:transparent}
.bx-b.ghost b{color:var(--iris);opacity:.55}.bx-b.ghost span:not(.bx-rk){color:var(--iris);opacity:.7}
.bx-b.mention{background:var(--iris-soft);border-color:var(--iris-soft)}
.bx-b.cite{background:var(--iris-soft);border:2px solid var(--iris);box-shadow:0 0 0 6px rgba(179,38,30,.12),0 18px 36px -18px rgba(179,38,30,.55)}
.bx-b.cite b{font-size:1.5rem;letter-spacing:-.02em;color:var(--iris-dark)}
.bx-b.cite mark{background:linear-gradient(transparent 62%,rgba(179,38,30,.25) 0);color:inherit;padding:0 2px}
.bx-b.cite sup{font-size:.8rem;margin-left:4px;background:var(--iris);color:#fff;border-radius:4px;padding:1px 5px}
.bx-new{font-style:normal;font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--iris);color:#fff;border-radius:999px;padding:4px 10px;align-self:start}
.bx-b.enter{animation:bx-in .7s cubic-bezier(.2,.8,.2,1)}
.bx-b.cite.enter{animation:bx-in .7s cubic-bezier(.2,.8,.2,1),bx-glow 1.6s .3s ease-out}
.bx-b.enter mark{animation:bx-sweep .9s .4s ease-out both;background-size:0 100%;background-repeat:no-repeat}
@keyframes bx-in{from{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:none}}
@keyframes bx-glow{0%{box-shadow:0 0 0 0 rgba(179,38,30,.55)}100%{box-shadow:0 0 0 22px rgba(179,38,30,0)}}
@keyframes bx-sweep{from{background-size:0 100%}to{background-size:100% 100%}}
.bx-b.cite mark{background-image:linear-gradient(rgba(179,38,30,.25),rgba(179,38,30,.25));background-size:100% 38%;background-position:0 88%;background-repeat:no-repeat}
.bx-b.cite.enter mark{animation:bx-sweep2 .9s .4s ease-out both}
@keyframes bx-sweep2{from{background-size:0 38%}to{background-size:100% 38%}}
.bx-src{display:grid;grid-template-columns:auto 1fr;gap:12px;margin:12px 0 4px;padding:12px 14px;border-radius:8px;background:var(--soft);border:1px solid var(--line);opacity:0;transform:translateY(8px);max-height:0;overflow:hidden;padding-block:0;border-width:0;transition:all .5s .25s}
.bx-src.on{opacity:1;transform:none;max-height:120px;padding-block:12px;border-width:1px}
.bx-ref{background:var(--iris);color:#fff;border-radius:5px;font:700 .8rem var(--font-head);height:1.6em;padding:0 6px;display:grid;place-items:center}
.bx-src p{font-size:0.875rem;color:var(--muted)}
.bx-time{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 26px;border-top:1px solid var(--line)}
.bx-play{width:42px;height:42px;border-radius:50%;border:0;background:var(--iris);color:#fff;cursor:pointer;display:grid;place-items:center}
.bx-play svg{width:20px;height:20px;fill:currentColor}
.bx-range input{width:100%;accent-color:var(--iris)}
.bx-ticks{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted);padding-inline:2px}
.bx-ml{min-width:5.5em;text-align:right;font-family:var(--font-head)}
.bx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);background:var(--soft)}
.bx-stats>div{padding:16px 26px;display:grid;gap:2px}.bx-stats>div+div{border-left:1px solid var(--line)}
.bx-stats span{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.bx-stats b{font:800 2.25rem/1.1 var(--font-head);font-variant-numeric:tabular-nums}.bx-stats b.hit{color:var(--iris)}
.bx-stats small{font-size:.8rem;color:var(--muted)}
@media(max-width:960px){.bx{grid-template-columns:minmax(0,1fr)}.bx-chat{min-height:0;padding:18px}.bx-time{padding:12px 18px}.bx-stats>div{padding:14px 16px}.bx-stats b{font-size:1.5rem}.bx-b.cite b{font-size:1.125rem}}
@media(prefers-reduced-motion:reduce){.bx-b.enter,.bx-b.enter mark{animation:none!important}.bx-src{transition:none}}

/* preview mode: hide unfilled settings. Remove class "hide-ph" from the body tag when real details are in. */

/* footer: contact, social and QR slots (slots stay visible in preview) */
footer.ft{padding-block:48px 36px;background:var(--soft);color:var(--ink)}
/* the WhatsApp float is fixed to the bottom-right; keep the last legal row clear of it */
footer.ft{padding-bottom:96px}
footer.ft .ft-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr 1.35fr;gap:28px;justify-content:initial}
.ft h4{font:700 .8rem var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.ft p{margin:0 0 8px;line-height:1.5}
.ft-logo{font:800 1.5rem var(--font-head);color:var(--iris)}
.ft-co p{color:var(--muted)}
.ft-col p:has(> span){display:grid;grid-template-columns:5.2em minmax(0,1fr);column-gap:10px;align-items:start}
.ft-col p>span{color:var(--muted)}
.ft-small{font-size:.8rem;color:var(--muted)}
.slot{font-weight:600;color:var(--ph-ink);border:1px dashed currentColor;border-radius:8px;padding:1px 7px;background:transparent}
.ft-soc{display:flex;flex-wrap:wrap;gap:8px}
/* footer social: 40px round icon buttons, brand mark only, label carried in aria-label/title */
.ft-soc .soc{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-height:38px;padding:0;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);text-decoration:none}
.ft-soc .soc:hover{border-color:var(--ink);color:var(--iris)}
.ft-soc .soc.is-empty{border-style:dashed;background:#fff;cursor:default}
.ft-soc .soc[data-brand=linkedin]{color:#0A66C2}
.ft-soc .soc[data-brand=facebook]{color:#1877F2}
.ft-soc .soc[data-brand=instagram]{color:#E4405F}
.ft-soc .soc[data-brand=youtube]{color:#FF0000}
.ft-soc .soc[data-brand=wechat]{color:#07C160}
.ft-soc .soc[data-brand]:hover{opacity:1;border-color:currentColor}
.ft-nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:20px}
.ft-nav a{color:var(--muted);text-decoration:none;font-size:0.875rem}.ft-nav a:hover{color:var(--iris)}
.ft-qr{display:flex;gap:14px;flex-wrap:wrap}
.ft-qr figure{margin:0;display:grid;gap:6px;justify-items:center;padding:8px;border-radius:8px;border:1px dashed var(--ph-ink)}
.ft-qr figure>div{width:96px;height:96px;display:grid;place-content:center;justify-items:center;gap:4px;color:var(--ph-ink);font-size:.8rem}
.ft-qr svg{width:44px;height:44px}
.ft-qr figcaption{font-size:.8rem;font-weight:600;color:var(--ink)}
.ft-legal{display:flex;gap:20px;margin-top:32px;padding-top:18px;border-top:1px solid var(--line);font-size:0.875rem}
.ft-legal a{color:var(--muted)}
@media(max-width:960px){footer.ft .ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){footer.ft .ft-grid{grid-template-columns:minmax(0,1fr)}}

.ev-fig .ev-list{list-style:none;margin:6px 0 0;padding:0;display:grid}
.ev-fig .ev-list li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:6px 18px;padding:16px 0;border-top:1px solid var(--line);align-items:start}
.ev-fig .ev-list li:first-child{border-top:0}
.ev-fig .ev-n{font:800 clamp(1.5rem,2.6vw,2.1rem)/1.1 var(--font-head);color:var(--iris)}
.ev-fig .ev-t{font-size:0.875rem;color:var(--muted);margin:0}
.ev-fig .ev-s{grid-column:2;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.8rem}
.ev-fig .ev-s a{color:var(--iris-dark);font-weight:600}
.ev-fig .ev-s a::after{content:" ↗"}
@media(max-width:560px){.ev-fig .ev-list li{grid-template-columns:minmax(0,1fr)}.ev-fig .ev-s{grid-column:1}}

.insight-spread{grid-template-columns:minmax(0,1fr)!important;gap:40px!important}
.buyer-journey{order:-1}
.flow{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:fl}
.flow li{position:relative;padding:22px 22px 24px;background:var(--soft);border:1px solid var(--line);border-left-width:0;display:grid;gap:12px;align-content:start}
.flow li:first-child{border-left-width:1px;border-radius:12px 0 0 12px}.flow li:last-child{border-radius:0 12px 12px 0}
.flow li:not(:last-child)::after{content:"";position:absolute;right:-12px;top:34px;width:22px;height:22px;background:var(--iris);clip-path:polygon(0 0,60% 0,100% 50%,60% 100%,0 100%,40% 50%);z-index:2}
.flow .fl-top{display:flex;align-items:center;gap:10px}
.flow .fl-n{width:30px;height:30px;border-radius:50%;background:var(--iris);color:#fff;display:grid;place-items:center;font:800 0.875rem var(--font-head)}
.flow h4{font:800 1.15rem var(--font-head);margin:0}
.flow .fl-lab{display:block;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.flow .fl-q{font-family:var(--font-quote);font-style:italic;font-size:1rem;line-height:1.4;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.flow .fl-ck{border-top:1px dashed var(--line);padding-top:10px}
.flow p{margin:0;font-size:0.875rem;line-height:1.45}
.ev-fig .ev-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.ev-fig .ev-list li:nth-child(2){border-top:0}
@media(max-width:960px){.flow{grid-template-columns:minmax(0,1fr);gap:14px}.flow li,.flow li:first-child,.flow li:last-child{border-width:1px;border-radius:12px}.flow li:not(:last-child)::after{right:auto;left:34px;top:auto;bottom:-16px;transform:rotate(90deg)}.ev-fig .ev-list{grid-template-columns:minmax(0,1fr)}.ev-fig .ev-list li:nth-child(2){border-top:1px solid var(--line)}}

.evc-grid{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.evc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;display:grid;gap:8px;align-content:start;box-shadow:0 12px 28px -24px rgba(0,0,0,.4)}
.evc-tag{display:flex;gap:6px;align-items:center;font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.evc-tag b{background:var(--iris);color:#fff;border-radius:999px;padding:3px 10px}
.evc-tag b.g{background:var(--ink)}
.evc-tag span{color:var(--muted)}
.evc-n{font:800 clamp(1.9rem,3.4vw,3rem)/1.05 var(--font-head);color:var(--iris);letter-spacing:-.02em}
.evc-t{margin:0;color:var(--ink);font-size:1rem;line-height:1.5}
.evc-s{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;padding-top:12px;border-top:1px solid var(--line)}
.evc-s a{font-size:.8rem;font-weight:700;color:var(--iris-dark);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:5px 12px}
.evc-s a:hover{border-color:var(--iris)}
.evc-s a::after{content:" ↗"}
.ev-fig{background:var(--soft)}
@media(max-width:700px){.evc-grid{grid-template-columns:minmax(0,1fr)}}

/* company page: procurement list in a narrow column */
.proc-list{grid-template-columns:minmax(0,1fr)!important}
.proc-list>div{grid-template-columns:8.5em minmax(0,1fr)!important}
.proc-list>div:has(dd:empty){display:none}
.proc-list dd:empty::after{content:none!important}

/* larger header and tabs */
.hdr .wrap{min-height:76px}
.hdr nav{gap:34px!important;font-size:1.125rem!important}
.hdr nav a{padding:10px 2px;font-weight:700}
.hdr nav a[aria-current="page"]{color:var(--iris);border-bottom:3px solid var(--iris);padding-bottom:calc(1rem - 3px)}
.logo{font-size:1.5rem!important}
.hdr-r .btn-sm{padding:12px 22px;font-size:1rem}
.lang-switch{font-size:1rem}
.lang-switch svg{width:24px;height:16px}
@media(max-width:900px){.hdr .wrap{min-height:64px}}

/* hero with a looping Singapore video (assets/img/hero.mp4 via hero.video in site.config.json) */
.hero-video{position:relative;color:#fff;min-height:min(88vh,740px);display:flex;align-items:center;overflow:hidden;background:#222222;border-bottom:0}
.hero-video .hv-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.hv-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hv-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,34,34,.9) 0%,rgba(34,34,34,.62) 52%,rgba(34,34,34,.25) 100%),linear-gradient(0deg,rgba(34,34,34,.55),transparent 38%)}
.hv-fallback{position:absolute;inset:0;background:linear-gradient(180deg,#222222 0%,#8A2416 55%,#E98A5B 100%);overflow:hidden}
.hv-sun{position:absolute;right:14%;bottom:26%;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#FFD9A8 0%,rgba(255,200,140,.4) 40%,transparent 70%)}
.hv-layer{position:absolute;left:0;right:0;bottom:0;height:46%;width:200%;display:flex}
.hv-layer svg{width:50%;height:100%;flex:none}
.hv-layer::after{content:"";display:block}
.hv-layer.l1{animation:hv-drift 120s linear infinite;opacity:.9}
.hv-layer.l2{animation:hv-drift 70s linear infinite;height:30%}
@keyframes hv-drift{to{transform:translateX(-50%)}}
.hv-copy{position:relative;z-index:2;padding-block:96px 88px;max-width:1140px}
.hero-video .kicker{color:#F2A08E}
.hero-video h1{color:#fff;max-width:14em;font-size:clamp(2.35rem,5.6vw,4.8rem);line-height:1.04}
.hero-video .lede{color:#E5E5E5;max-width:36em}
.hero-video .checks{color:#fff}.hero-video .checks li::before{color:#F2A08E}
.btn-light{background:#fff;color:var(--iris-dark)}.btn-light:hover{background:#F9E7E4}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.7)}.btn-ghost:hover{background:rgba(255,255,255,.12)}
@media(max-width:700px){.hv-video{display:none}.hero-video{min-height:0}.hv-copy{padding-block:64px 56px}.hv-shade{background:linear-gradient(0deg,rgba(34,34,34,.88),rgba(34,34,34,.55))}}
@media(prefers-reduced-motion:reduce){.hv-video{display:none}.hv-layer{animation:none!important}}
.hero-video .wrap.hv-copy{display:block!important;grid-template-columns:none!important;width:100%}
.hero-video .hv-copy>*{max-width:44rem}
.hero-video .hv-copy h1{max-width:13em}
.hero-video .hv-copy .cta-row{margin-top:30px}

/* hero: background image carousel (slides come from hero.slides in site.config.json) */
.hs-wrap{position:absolute;inset:0}
.hs{position:absolute;inset:0;overflow:hidden;transform:translateX(100%);transition:transform .95s cubic-bezier(.65,0,.35,1)}
.hs.on{transform:none}.hs.l{transform:translateX(-100%)}.hs.r{transform:translateX(100%)}
.hs-img{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(1.06) contrast(1.05);transform:scale(1.02);transition:transform 9s linear}
.hs.on .hs-img{transform:scale(1.1)}
.hs::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 160px rgba(12,12,12,.55);pointer-events:none}
.hs-label{position:absolute;z-index:3;right:max(24px,calc((100vw - 1140px)/2));bottom:34px;color:#fff;font:700 .8rem var(--font-body);letter-spacing:.14em;text-transform:uppercase;padding-top:8px;border-top:1px solid rgba(255,255,255,.6)}
.hs-credit{position:absolute;z-index:3;right:max(24px,calc((100vw - 1140px)/2));bottom:14px;color:rgba(255,255,255,.7);font:500 .8rem var(--font-body)}
.hero-bgs .hv-fallback{z-index:0}.hero-bgs .hs-wrap{z-index:1}.hero-bgs .hv-shade{z-index:2}
.hero-bgs .hv-shade{background:linear-gradient(90deg,rgba(24,24,24,.92) 0%,rgba(24,24,24,.7) 48%,rgba(24,24,24,.28) 100%),linear-gradient(0deg,rgba(24,24,24,.6),transparent 40%)}
.sl-ctrl{display:flex;align-items:center;gap:14px;margin-top:34px}
.sl-ctrl button{border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;width:42px;height:42px;border-radius:50%;font-size:1.5rem;cursor:pointer}
.sl-ctrl button:hover{background:rgba(255,255,255,.14)}
.sl-dots{display:flex;gap:8px}.sl-dots button{width:34px;height:6px;border-radius:999px;padding:0;background:rgba(255,255,255,.35);border:0}
.sl-dots button[aria-current="true"]{background:#fff}
.hero-bgs .checks{margin-top:26px}
@media(prefers-reduced-motion:reduce){.hs{transition:opacity .3s;transform:none!important}}
@media(max-width:700px){.hs-label{display:none}}

/* ChatGPT-style demo: one window, no separate intro column */
.cg-head{text-align:center;max-width:44rem;margin:0 auto 34px}
.cg-head h2{font-size:clamp(2rem,4.2vw,3rem);line-height:1.06;letter-spacing:-.03em;font-weight:800;color:#fff;margin:10px 0 14px}
.cg-head h2 span+span{color:#F2A08E}.cg-head p{color:var(--navy-muted)}
.cg{display:grid;grid-template-columns:230px minmax(0,1fr);background:#fff;color:#0D0D0D;border-radius:16px;overflow:hidden;box-shadow:0 50px 90px -40px rgba(0,0,0,.75);max-width:1100px;margin:0 auto;min-height:620px}
.cg-side{background:#F9F9F9;border-right:1px solid #E5E5E5;padding:16px 12px;display:grid;align-content:start;gap:4px}
.cg-new{padding:10px 12px;border-radius:8px;font-size:0.875rem;font-weight:600}
.cg-lab{font-size:.8rem;color:#6B6B6B;padding:14px 12px 4px}
.cg-chat{border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:8px;font:500 0.875rem var(--font-body);color:#0D0D0D;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cg-chat:hover{background:#ECECEC}.cg-chat.on{background:#E8E8E8;font-weight:600}
.cg-main{display:grid;grid-template-rows:auto 1fr auto;min-width:0}
.cg-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid #EEE}
.cg-tabs{margin:0}.cg-tabs button{color:#5D5D5D}.cg-tabs button[aria-selected="true"]{background:#F0F0F0;box-shadow:none;color:#0D0D0D}
.cg-time{display:flex;align-items:center;gap:12px}.cg-time input{width:170px;accent-color:var(--iris)}
.cg-time .bx-play{width:34px;height:34px}.cg-time .bx-play svg{width:16px;height:16px}
.cg-time .bx-ml{min-width:5.2em;text-align:right;font-size:0.875rem}
.cg-scroll{padding:26px clamp(18px,4vw,48px);display:grid;gap:22px;align-content:start}
.cg-user{justify-self:end;max-width:78%;background:#F4F4F4;border-radius:16px;padding:12px 18px}.cg-user p{margin:0;font-size:1rem}
.cg-bot{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;align-items:start}
.cg-bot .bx-av{width:30px;height:30px;border-radius:50%;background:#0D0D0D;color:#fff;display:grid;place-items:center;font:700 .8rem var(--font-head)}
.cg-body{display:grid;gap:10px;min-width:0}
.cg-body .bx-who{margin:0}.cg-body .bx-lead{margin:0;color:#2F2F2F;min-height:2.8em}
.cg-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.cg-stats>div{background:#F7F7F7;border:1px solid #EAEAEA;border-radius:12px;padding:10px 16px;display:grid;gap:1px;min-width:130px}
.cg-stats span{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#6B6B6B}
.cg-stats b{font:800 1.5rem/1.1 var(--font-head);font-variant-numeric:tabular-nums}.cg-stats b.hit{color:var(--iris)}
.cg-stats small{font-size:.8rem;color:#6B6B6B}
.cg-compose{margin:0 clamp(18px,4vw,48px) 22px;border:1px solid #E0E0E0;border-radius:16px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;color:#6B6B6B;}
.cg-compose i{font-style:normal;width:32px;height:32px;border-radius:50%;background:#D7D7D7;color:#fff;display:grid;place-items:center}
.cg-note{text-align:center;max-width:none!important;margin-top:20px!important}
@media(max-width:860px){.cg{grid-template-columns:minmax(0,1fr)}.cg-side{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;border-right:0;border-bottom:1px solid #E5E5E5;padding:10px}.cg-new,.cg-lab{display:none}.cg-user{max-width:94%}.cg-time input{width:110px}}

/* hero carousel controls: arrows on both sides, dots bottom right */
.hero-bgs .sl-ctrl{display:contents}
.hero-bgs .sl-prev,.hero-bgs .sl-next{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:52px;height:52px;border:0;background:rgba(12,12,12,.35);backdrop-filter:blur(4px);font-size:2.25rem;line-height:1}
.hero-bgs .sl-prev{left:clamp(10px,2vw,28px)}.hero-bgs .sl-next{right:clamp(10px,2vw,28px)}
.hero-bgs .sl-prev:hover,.hero-bgs .sl-next:hover{background:rgba(12,12,12,.6)}
.hero-bgs .sl-dots{position:absolute;z-index:4;right:max(24px,calc((100vw - 1140px)/2));bottom:26px}
.hero-bgs .hs-label{bottom:58px}.hero-bgs .hs-credit{bottom:40px}
.hero-bgs .hv-copy{padding-inline:64px}
@media(max-width:700px){.hero-bgs .sl-prev,.hero-bgs .sl-next{top:auto;bottom:18px;transform:none;width:40px;height:40px;font-size:1.5rem}.hero-bgs .sl-prev{left:16px}.hero-bgs .sl-next{right:auto;left:64px}.hero-bgs .sl-dots{right:16px;bottom:30px}.hero-bgs .hv-copy{padding-inline:20px}}

/* evidence as charts that grow when scrolled into view */
.ch-grid{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ch{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px;display:grid;gap:12px;align-content:start;box-shadow:0 12px 28px -24px rgba(0,0,0,.4)}
.ch.wide{grid-column:1/-1}
.ch h4{font:700 1rem var(--font-head);margin:0}
.ch-note{font-size:.8rem;color:var(--muted);margin:0}
.col3,.col5{display:flex;gap:14px;align-items:flex-end;height:170px;padding-top:8px}
.col5{height:220px;gap:18px}
.cb{flex:1;height:100%;display:grid;grid-template-rows:1fr auto auto;justify-items:center;text-align:center;gap:4px;position:relative}
.cb i{align-self:end;width:100%;max-width:74px;height:0;background:linear-gradient(0deg,var(--iris-dark),var(--iris));border-radius:8px 6px 0 0;transition:height 1.1s cubic-bezier(.2,.8,.2,1)}
.cb.est i{background:repeating-linear-gradient(135deg,var(--iris),var(--iris) 6px,#C9533F 6px,#C9533F 12px)}
.cb b{font:800 1rem var(--font-head);font-variant-numeric:tabular-nums}
.cb span{font-size:.8rem;color:var(--muted)}
.cb:nth-child(2) i{transition-delay:.15s}.cb:nth-child(3) i{transition-delay:.3s}.cb:nth-child(4) i{transition-delay:.45s}.cb:nth-child(5) i{transition-delay:.6s}
.in .cb i{height:var(--h)}
.ring-wrap{position:relative;width:150px;height:150px}
.ring{width:150px;height:150px;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:11;stroke-linecap:round}
.rg-bg{stroke:var(--iris-soft)}.rg-fg{stroke:var(--iris);stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1)}
.in .rg-fg{stroke-dashoffset:calc(326.7 - 326.7 * var(--p) / 100)}
.ring-n{position:absolute;inset:0;display:grid;place-items:center;font:800 2.25rem var(--font-head);color:var(--iris)}
.hbars{display:grid;gap:10px}
.hb{display:grid;grid-template-columns:5.6em minmax(0,1fr) 3.6em;gap:10px;align-items:center;font-size:0.875rem}
.hb div{height:12px;background:var(--iris-soft);border-radius:999px;overflow:hidden}
.hb i{display:block;height:100%;width:0;background:var(--muted);border-radius:999px;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.hb.top i{background:var(--iris)}.hb.top b{color:var(--iris)}.hb b{text-align:right;font-variant-numeric:tabular-nums}
.in .hb i{width:var(--w)}
@media(max-width:960px){.ch-grid{grid-template-columns:minmax(0,1fr)}.col5{height:190px;gap:10px}}
@media(prefers-reduced-motion:reduce){.cb i,.rg-fg,.hb i{transition:none}}

/* charts that keep moving: JS drives the values, CSS holds the final state when scripts are off */
.cb i{transition:none!important;height:var(--h)}.hb i{transition:none!important}.rg-fg{transition:none!important}
.in .cb i{height:var(--h)}
.ch.live{box-shadow:0 18px 40px -26px rgba(179,38,30,.5)}
.ch{transition:box-shadow .4s,transform .3s}.ch:hover{transform:translateY(-3px)}
.rg-fg{filter:drop-shadow(0 0 6px rgba(179,38,30,.45))}
.gg{display:grid;gap:6px}
.gg-top{display:flex;align-items:baseline;gap:16px}
.gg-y{font:700 1rem var(--font-head);color:var(--muted);font-variant-numeric:tabular-nums}
.gg-v{font:800 clamp(2rem,4vw,3rem)/1 var(--font-head);color:var(--iris);font-variant-numeric:tabular-nums}
.gg-svg{width:100%;height:auto;max-height:300px;overflow:visible}
.gg-grid line{stroke:var(--line);stroke-dasharray:3 5}
.gg-line{fill:none;stroke:var(--iris);stroke-width:4;stroke-linecap:round}
.gg-dot{opacity:0;transition:opacity .35s}.gg-dot.on{opacity:1}
.gg-dot circle{fill:#fff;stroke:var(--iris);stroke-width:3.5}
.gg-dot text{font:800 0.875rem var(--font-head);fill:var(--ink)}
.gg-ax{font:600 .8rem var(--font-body);fill:var(--muted)}
.gg-pulse{fill:var(--iris);opacity:.9;animation:gg-p 1.4s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes gg-p{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.2);opacity:0}}
@media(prefers-reduced-motion:reduce){.gg-pulse{animation:none}.gg-dot{opacity:1}}

.ch.done .gg-pulse{display:none}
.ch.live:not(.done){box-shadow:0 18px 40px -26px rgba(179,38,30,.5)}
.ch.done.live{box-shadow:0 12px 28px -24px rgba(0,0,0,.4)}

/* hero copy switches together with the background */
.hcs{display:grid}
.hc{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .6s .25s,transform .6s .25s,visibility 0s .85s}
.hc.on{opacity:1;visibility:visible;transform:none;transition:opacity .6s .25s,transform .6s .25s}
.hc>*{max-width:44rem}.hc h1,.hc h2{color:#fff;font-size:clamp(2.35rem,5.6vw,4.8rem);line-height:1.04;letter-spacing:-.03em;font-weight:800;margin:14px 0 0;max-width:13em}
.hc .lede{margin-top:18px;color:#E5E5E5;max-width:36em}.hc .cta-row{margin-top:30px}
@media(prefers-reduced-motion:reduce){.hc{transition:none;transform:none}}

/* research page v2: report hero, replay explorer, steps */
.rx-hero{background:var(--navy);color:#fff;padding-block:56px 64px;border-bottom:0}
.rx-hero .crumbs,.rx-hero .crumbs a{color:#BDBDBD}
.rx-hero .kicker{color:#F2A08E;display:block;margin-top:26px}
.rx-hero h1{color:#fff;font-size:clamp(2.2rem,4.8vw,4rem);line-height:1.05;letter-spacing:-.03em;font-weight:800;max-width:15em;margin:12px 0 0}
.rx-hero .lede{color:#E5E5E5;max-width:40em;margin-top:18px}
.rx-stats{display:flex;gap:clamp(24px,5vw,64px);margin-top:36px;flex-wrap:wrap}
.rx-stats>div{display:grid;gap:2px}.rx-n{font:800 clamp(3rem,6vw,4rem)/1 var(--font-head);color:#fff;font-variant-numeric:tabular-nums}
.rx-stats span{color:#F2A08E;font-weight:700;font-size:0.875rem;letter-spacing:.04em}
.rx-meta{margin-top:26px;color:#BDBDBD;font-size:0.875rem}
.rx{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:28px;margin-top:28px;align-items:start}
.rx-qs{display:grid;gap:10px}
.rx-q{display:grid;grid-template-columns:2.2em 1fr;gap:10px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px 16px;font:600 1rem/1.35 var(--font-body);color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.rx-q span{color:var(--muted);font-size:.8rem;padding-top:3px}
.rx-q:hover{border-color:var(--iris);transform:translateX(3px)}
.rx-q.on{border-color:var(--iris);background:var(--iris-soft);color:var(--iris-dark)}
.rx-win{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -40px rgba(0,0,0,.5);min-height:420px}
.rx-bar{display:flex;gap:7px;align-items:center;padding:11px 16px;background:var(--soft);border-bottom:1px solid var(--line);font-size:.8rem;color:var(--muted)}
.rx-bar i{width:10px;height:10px;border-radius:50%;background:var(--line)}.rx-bar span{margin-left:10px;display:inline-flex;align-items:center;gap:6px}.rx-bar b{font-family:var(--font-head);font-weight:800;color:var(--ink);letter-spacing:.02em;font-size:.82rem}.rx-bar em{font-style:normal;color:var(--line)}
.rx-body{padding:22px 24px;display:grid;gap:12px}
.rx-ask{margin:0;background:#F4F4F4;border-radius:18px;padding:12px 16px;justify-self:end;max-width:92%}
.rx-ask span{display:block;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rx-lab{margin:6px 0 0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rx-names{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;min-height:120px;align-content:flex-start}
.rx-names li{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:8px 16px 8px 8px;opacity:0;transform:translateY(10px) scale(.96);transition:opacity .4s,transform .4s}
.rx-names li.in{opacity:1;transform:none}
.rx-names li span{width:26px;height:26px;border-radius:50%;background:var(--iris);color:#fff;display:grid;place-items:center;font:700 .8rem var(--font-head)}
.rx-names li b{font:700 1rem var(--font-head)}.rx-names li.none{opacity:1;transform:none;border:1px dashed var(--line);border-radius:12px;padding:14px 16px;color:var(--muted);font-weight:500}
.rx-note{margin:6px 0 0;font-size:0.875rem;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}
.rx-steps{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:s}
.rx-steps li{position:relative;padding:22px 22px 24px;background:#fff;border:1px solid var(--line);border-left-width:0;display:grid;gap:8px;align-content:start}
.rx-steps li:first-child{border-left-width:1px;border-radius:12px 0 0 12px}.rx-steps li:last-child{border-radius:0 12px 12px 0}
.rx-steps li:not(:last-child)::after{content:"";position:absolute;right:-12px;top:30px;width:22px;height:22px;background:var(--iris);clip-path:polygon(0 0,60% 0,100% 50%,60% 100%,0 100%,40% 50%);z-index:2}
.rx-sn{width:32px;height:32px;border-radius:50%;background:var(--iris);color:#fff;display:grid;place-items:center;font:800 1rem var(--font-head)}
.rx-steps h3{font:800 1.15rem var(--font-head);margin:6px 0 0}.rx-steps p{margin:0;color:var(--muted);font-size:1rem}
.rx-lim{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
.rx-lim>div{border-top:4px solid var(--iris);background:var(--soft);padding:20px 22px;border-radius:0 0 10px 10px;display:grid;gap:8px}
.rx-lim h3{font:800 1rem var(--font-head);margin:0}.rx-lim p{margin:0;color:var(--muted)}
@media(max-width:960px){.rx{grid-template-columns:minmax(0,1fr)}.rx-steps{grid-template-columns:minmax(0,1fr);gap:14px}.rx-steps li,.rx-steps li:first-child,.rx-steps li:last-child{border-width:1px;border-radius:12px}.rx-steps li:not(:last-child)::after{right:auto;left:30px;top:auto;bottom:-16px;transform:rotate(90deg)}.rx-lim{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.rx-names li{transition:none}}

/* controls: arrows on the sides, dots bottom right (no pause button) */
.hero-bgs .sl-ctrl{display:contents}
.hero-bgs .sl-dots{bottom:20px;gap:0}
.hero-bgs .sl-dots button{width:44px;height:44px;background:transparent;position:relative;border:0}
.hero-bgs .sl-dots button::before{content:"";position:absolute;left:5px;right:5px;top:50%;height:6px;margin-top:-3px;border-radius:999px;background:rgba(255,255,255,.35)}
.hero-bgs .sl-dots button[aria-current="true"]::before{background:#fff}
.bx-tabs button,.cg-tabs button{min-height:40px}
.cg-chat{min-height:40px}
.cg-time input{min-height:28px}
.ft-nav a{display:inline-flex;align-items:center;min-height:40px}
.link-more{display:inline-flex;align-items:center;min-height:40px}
.ft-legal a{display:inline-flex;align-items:center;min-height:40px}
.lang-switch a,.lang-switch .on{min-height:40px}
.rx-all{margin-top:22px}.rx-all summary{cursor:pointer;font-weight:700;color:var(--iris-dark);min-height:40px;display:flex;align-items:center}
.rx-all ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px}
.rx-all li{display:grid;gap:2px;border-top:1px solid var(--line);padding-top:10px}.rx-all li span{color:var(--muted)}
@media(max-width:700px){.hero-bgs .sl-dots{bottom:16px}}
.ft-soc .soc,.ft-soc a{min-height:40px}
.ft-col p a,.ft-co a{display:inline-flex;align-items:center;min-height:40px}

/* own real enquiry */
.rc{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:stretch;margin-top:26px}
.rc-q{margin:0;background:var(--soft);border-left:5px solid var(--iris);border-radius:0 12px 12px 0;padding:28px 30px;display:grid;gap:14px;align-content:center}
.rc-q p{margin:0;font:700 clamp(1.5rem,2.6vw,2.25rem)/1.25 var(--font-head);letter-spacing:-.01em}
.rc-q footer{color:var(--muted);font-size:.875rem}
.rc-facts{margin:0;display:grid;gap:12px}
.rc-facts>div{border:1px solid var(--line);border-radius:12px;padding:16px 18px;display:flex;align-items:baseline;gap:14px;background:#fff}
.rc-facts dt{font:800 1.5rem var(--font-head);color:var(--iris);min-width:3.2em}.rc-facts dd{margin:0;color:var(--muted)}
.rc-note{margin-top:18px;color:var(--muted);font-size:.875rem;max-width:56em}
@media(max-width:860px){.rc{grid-template-columns:minmax(0,1fr)}}

/* McKinsey card */
.mk-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:8px 0}
.mk-i{display:grid;gap:10px;align-content:start;justify-items:start}
.mk-i p{margin:0;color:var(--muted);font-size:1rem}
.ring-wrap.sm{width:120px;height:120px}.ring-wrap.sm .ring{width:120px;height:120px}.ring-wrap.sm .ring-n{font-size:1.75rem}
.mk-big{font:800 clamp(2rem,3.6vw,3rem)/1.05 var(--font-head);color:var(--iris);font-variant-numeric:tabular-nums}
.mk-range{position:relative;width:100%;height:12px;background:var(--iris-soft);border-radius:999px;overflow:hidden}
.mk-range i{position:absolute;top:0;bottom:0;left:20%;width:30%;background:var(--iris);border-radius:999px}
.mk-ring{--p:50;stroke-dashoffset:163.3}
@media(max-width:860px){.mk-row{grid-template-columns:minmax(0,1fr)}}

.gg-chips{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.gg-chips>div{background:var(--soft);border-radius:12px;padding:10px 16px;display:grid;gap:0}
.gg-chips b{font:800 1.5rem var(--font-head);color:var(--iris)}.gg-chips span{font-size:.8rem;color:var(--muted)}
.gg-chips small{color:var(--muted);font-size:.8rem}.gg-chips small a{color:var(--iris-dark);font-weight:700}

.gg-svg.sm{max-height:220px}
.gg-svg .gt{font:800 12px var(--font-head);fill:var(--ink)}
.gg-svg .gg-ax.gt{font:600 11px var(--font-body);fill:var(--muted)}
.ch:not(.wide) .gg-v{font-size:clamp(1.5rem,2.4vw,2rem)}
.ch:not(.wide) .gg-chips{gap:8px}.ch:not(.wide) .gg-chips>div{padding:6px 10px}.ch:not(.wide) .gg-chips b{font-size:1.125rem}
.cg-log{display:grid;gap:8px;padding:14px 20px;border-bottom:1px solid #EEE;background:#FAFAFA}
.cg-act,.cg-eff{margin:0;display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:10px;align-items:baseline;font-size:.875rem}
.cg-act span,.cg-eff span{font:700 .72rem var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:#6B6B6B}
.cg-act b{font-weight:600;color:#1A1A1A}.cg-eff b{font-weight:700;color:#B3261E}
.cg-log.pop .cg-act b,.cg-log.pop .cg-eff b{animation:cgpop .5s ease both}
@keyframes cgpop{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:600px){.cg-act,.cg-eff{grid-template-columns:1fr;gap:2px}}
@media(prefers-reduced-motion:reduce){.cg-log.pop .cg-act b,.cg-log.pop .cg-eff b{animation:none}}
.rc-l{display:grid;gap:14px;align-content:start}
.rc-shot{margin:0;display:grid;gap:8px}.rc-shot img{width:100%;height:auto;border-radius:8px;border:1px solid var(--line);display:block}
.rc-shot figcaption{color:var(--muted);font-size:.8rem}
.rc-full{margin:22px 0 0;display:grid;gap:8px}.rc-full img{width:100%;height:auto;border-radius:12px;border:1px solid var(--line);display:block}.rc-full figcaption{color:var(--muted);font-size:.8rem}
.ins{max-width:780px;display:grid;gap:56px}
.ins-toc{display:flex;flex-wrap:wrap;gap:10px}.ins-toc a{border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-weight:600;font-size:.875rem;background:#fff}
.ins-toc a:hover{border-color:var(--iris);color:var(--iris)}
.ins-a{display:grid;gap:14px;scroll-margin-top:96px;padding-top:8px;border-top:3px solid var(--iris)}
.ins-a h2{margin:0;font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.15}.ins-a h3{margin:10px 0 0;font-size:1.125rem}
.ins-a p,.ins-a li{font-size:1.05rem;line-height:1.65;margin:0}.ins-a ul{margin:0;padding-left:1.2em;display:grid;gap:10px}
.ins-meta{color:var(--muted)!important;font-size:.8rem!important}.ins-fine{color:var(--muted);font-size:.8rem!important}
.ins-a a:not(.link-more){color:var(--iris);text-decoration:underline}
.ins-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:18px}
.ins-card a{display:grid;gap:10px;height:100%;align-content:start;padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;color:inherit;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.ins-card a:hover{border-color:var(--iris);transform:translateY(-2px);box-shadow:0 14px 28px -22px rgba(0,0,0,.45)}
.ins-card h2{margin:0;font-size:1.25rem;line-height:1.25}.ins-card p{margin:0;color:var(--muted)}
.ins-tag{justify-self:start;font:700 .72rem var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--iris);background:var(--iris-soft);border-radius:999px;padding:4px 10px}
.ins-foot{color:var(--muted);font-size:.8rem}
.ins-pager{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:34px;flex-wrap:wrap}
.ins-nums{display:flex;gap:6px}.ins-nums a,.ins-pn{border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-weight:600;background:#fff;text-decoration:none;color:inherit}
.ins-nums a[aria-current]{background:var(--iris);border-color:var(--iris);color:#fff}
.ins-one{max-width:760px;display:grid;gap:28px}.ins-one .ins-a{border-top:0;padding-top:0}
.ins-one h1{font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.12;margin:0}
.ins-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ins-nav a{display:grid;gap:4px;border:1px solid var(--line);border-radius:12px;padding:16px 18px;text-decoration:none;color:inherit;background:#fff}
.ins-nav a span{font:700 .72rem var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ins-nav a:hover{border-color:var(--iris)}.ins-nav a:last-child:not(:first-child){text-align:right}
@media(max-width:600px){.ins-nav{grid-template-columns:1fr}}
.cg-flow{display:grid;gap:12px;padding:14px 20px 16px;border-bottom:1px solid #EEE;background:#FAFAFA}
.cg-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;position:relative}
.cg-steps button{all:unset;cursor:pointer;display:grid;gap:4px;justify-items:center;text-align:center;width:100%;padding:4px 2px;border-radius:8px}
.cg-steps i{font:800 .8rem var(--font-head);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#E8E8E8;color:#6B6B6B;transition:background .3s,color .3s,transform .3s}
.cg-steps span{font-size:.72rem;line-height:1.15;color:#6B6B6B;font-weight:600}
.cg-steps .done i{background:#B3261E;color:#fff}.cg-steps .done span{color:#1A1A1A}
.cg-steps .now i{background:#B3261E;color:#fff;transform:scale(1.18);box-shadow:0 0 0 4px rgba(179,38,30,.18)}.cg-steps .now span{color:#B3261E}
.cg-steps button:focus-visible{outline:2px solid #B3261E;outline-offset:2px}
.cg-why{display:grid;gap:6px}.cg-why .cg-act{grid-template-columns:8em minmax(0,1fr)}
.cg-flow.pop .cg-why b{animation:cgpop .5s ease both}
.cg-h{font:700 .72rem var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:#6B6B6B}
.cg-srcs{display:grid;gap:8px;margin:14px 0 4px;padding:14px 16px;border:1px solid #EAEAEA;border-radius:12px;background:#F7F7F7}
.cg-srcs ul,.cg-facts ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.cg-srcs li,.cg-facts li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:.875rem;color:#9A9A9A}
.cg-facts li{grid-template-columns:22px minmax(0,1fr)}
.cg-srcs li i,.cg-facts li i{width:20px;height:20px;border-radius:50%;border:1.5px dashed #C9C9C9;display:grid;place-items:center;font-style:normal;font-size:.7rem;color:#fff}
.cg-srcs li.on,.cg-facts li.on{color:#1A1A1A}.cg-srcs li.on i,.cg-facts li.on i{background:#2E7D32;border:0}
.cg-srcs em{font-style:normal;font-size:.75rem;color:#9A9A9A}.cg-srcs li.on em{color:#2E7D32;font-weight:700}
.cg-d{font:700 .75rem var(--font-head);color:#2E7D32;font-style:normal}.cg-d:empty{display:none}
.cg-more{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:10px}
.cg-facts,.cg-spark{display:grid;gap:10px;align-content:start;padding:14px 16px;border:1px solid #EAEAEA;border-radius:12px;background:#F7F7F7}
.cg-sp{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end;height:110px}
.cg-sp div{display:grid;grid-template-rows:1fr auto;height:100%;justify-items:center;gap:4px}
.cg-sp i{align-self:end;width:100%;max-width:26px;background:#D9D9D9;border-radius:4px 4px 0 0;transition:height .5s,background .3s}
.cg-sp .past i{background:#E0A29D}.cg-sp .now i{background:#B3261E}.cg-sp b{font-size:.7rem;color:#6B6B6B;font-variant-numeric:tabular-nums}.cg-sp .now b{color:#B3261E}
@media(max-width:700px){.cg-steps span{display:none}.cg-more{grid-template-columns:1fr}.cg-why .cg-act{grid-template-columns:1fr}}
.cg-why .cg-eff{grid-template-columns:8em minmax(0,1fr)}@media(max-width:700px){.cg-why .cg-eff{grid-template-columns:1fr}}
/* compact demo: answer in the middle, what changed in a side rail */
.cg{grid-template-columns:150px minmax(0,1fr) 290px;max-width:1200px;min-height:0}
.cg-rail{border-left:1px solid #E5E5E5;background:#FAFAFA;padding:14px;display:grid;gap:12px;align-content:start}
.cg-rail .cg-srcs,.cg-rail .cg-facts,.cg-rail .cg-spark{margin:0;padding:12px;border-radius:8px;background:#fff;gap:8px}
.cg-rail .cg-srcs li,.cg-rail .cg-facts li{font-size:.8rem;grid-template-columns:18px minmax(0,1fr) auto;gap:6px}
.cg-rail .cg-facts li{grid-template-columns:18px minmax(0,1fr)}
.cg-rail .cg-srcs li i,.cg-rail .cg-facts li i{width:16px;height:16px;font-size:.6rem}
.cg-rail .cg-srcs em{font-size:.68rem}
.cg-rail .cg-facts ul{grid-template-columns:1fr 1fr;gap:5px 8px}.cg-rail .cg-facts li{align-items:start}
.cg-rail .cg-sp{height:72px}.cg-rail .cg-sp b{font-size:.6rem}
.cg-scroll{padding:16px clamp(16px,2.4vw,30px);gap:14px}
.cg-side{padding:12px 8px}.cg-chat{padding:8px 10px}
.cg-flow{padding:10px 16px 12px;gap:8px}.cg-steps i{width:22px;height:22px;font-size:.72rem}.cg-steps span{font-size:.66rem}
.cg-why{gap:4px}.cg-why .cg-act,.cg-why .cg-eff{font-size:.82rem;grid-template-columns:7em minmax(0,1fr)}
.cg-why b{line-height:1.35}
.cg-bar{padding:8px 14px}
.cg-user{padding:9px 14px}.cg-user p{font-size:.875rem}
.bx-list li{padding:8px 12px;gap:8px}.bx-list li span:not(.bx-rk){font-size:.8rem}
.bx-lead{font-size:.875rem}
.cg-stats{gap:8px}.cg-stats>div{padding:7px 12px;min-width:0}.cg-stats b{font-size:1.25rem}
.cg-compose{margin:0 clamp(16px,2.4vw,30px) 14px;padding:10px 16px}
@media(max-width:1100px){.cg{grid-template-columns:150px minmax(0,1fr)}.cg-rail{grid-column:1/-1;border-left:0;border-top:1px solid #E5E5E5;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}
@media(max-width:860px){.cg{grid-template-columns:minmax(0,1fr)}}
/* cause and effect as two boxes with an arrow */
.cg-cause{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:stretch}
.cg-cause>div{background:#fff;border:1px solid #E6E6E6;border-radius:8px;padding:10px 14px;display:grid;gap:3px;align-content:start}
.cg-cause .cc-r{border-color:#E8B7B3;background:#FDF3F2}
.cg-cause span{font:700 .68rem var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:#6B6B6B}
.cg-cause .cc-r span{color:#B3261E}
.cg-cause b{font-size:.875rem;line-height:1.35;color:#0D0D0D}.cg-cause .cc-r b{color:#B3261E}
.cg-cause small{font-size:.8rem;color:#6B6B6B;line-height:1.35}
.cc-arrow{align-self:center;font-style:normal;font-size:1.4rem;color:#B3261E;font-weight:700}
.cg-flow.pop .cg-cause b,.cg-flow.pop .cg-cause small{animation:cgpop .5s ease both}
@media(max-width:700px){.cg-cause{grid-template-columns:1fr}.cc-arrow{transform:rotate(90deg);justify-self:center}}
.cc-did{list-style:none;margin:2px 0 4px;padding:0;display:grid;gap:3px}
.cc-did li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px;align-items:center;font-size:.82rem;color:#A0A0A0}
.cc-did li i{width:15px;height:15px;border-radius:50%;border:1.5px dashed #CFCFCF;display:grid;place-items:center;font-style:normal;font-size:.58rem;color:#fff}
.cc-did li.done,.cc-did li.now{color:#0D0D0D}.cc-did li.done i,.cc-did li.now i{background:#2E7D32;border:0}
.cc-did li.now{font-weight:700}
/* spacious demo: one short line on top, details in the right column */
.cg{grid-template-columns:150px minmax(0,1fr) 300px;max-width:1200px}
.cg-flow{padding:16px 26px 20px;gap:12px}
.cg-line{margin:0;text-align:center;font-size:1.05rem;line-height:1.5;color:#3A3A3A;max-width:44em;margin-inline:auto}
.cg-line b{color:#0D0D0D}.cg-line span{color:#B3261E;font-weight:600}
.cg-flow.pop .cg-line{animation:cgpop .5s ease both}
.bx-list li:not(.bx-b) span:not(.bx-rk){display:none}
.cg-scroll{padding:26px clamp(18px,3vw,40px);gap:20px}
.cg-rail{padding:10px 26px 20px;gap:0;background:#fff}
.cg-rail .rl{padding:22px 0;border-top:1px solid #EEE;display:grid;gap:10px}.cg-rail .rl:first-child{border-top:0}
.rl-big{font:800 1.25rem/1.25 var(--font-head);color:#B3261E}
.rl-row{display:flex;align-items:baseline;gap:10px}.rl-num{font:800 2.2rem/1 var(--font-head);font-variant-numeric:tabular-nums;color:#0D0D0D}
.rl-bar{height:6px;border-radius:999px;background:#EDEDED;overflow:hidden}.rl-bar i{display:block;height:100%;width:0;background:#B3261E;border-radius:999px;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.cg-rail small{font-size:.8rem;color:#6B6B6B}
.rl-src{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.rl-src li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;font-size:.875rem;color:#6B6B6B;line-height:1.3}
.rl-src li i{width:18px;height:18px;border-radius:50%;border:1.5px dashed #CFCFCF;display:grid;place-items:center;font-style:normal;font-size:.62rem;color:#fff}
.rl-src li.on{color:#0D0D0D}.rl-src li.on i{background:#2E7D32;border:0}
@media(max-width:1100px){.cg{grid-template-columns:150px minmax(0,1fr)}.cg-rail{grid-column:1/-1;border-left:0;border-top:1px solid #E5E5E5;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;padding:6px 26px 14px}.cg-rail .rl:nth-child(2){border-top:0}}
@media(max-width:860px){.cg{grid-template-columns:minmax(0,1fr)}.cg-line{font-size:.98rem;text-align:left}}
@media(max-width:600px){.cg-rail{grid-template-columns:1fr;padding:4px 20px 12px}.cg-rail .rl{padding:18px 0}.cg-rail .rl:nth-child(2){border-top:1px solid #EEE}.cg-flow{padding:14px 18px 16px}.rl-num{font-size:1.9rem}}
/* phones: comparison rows stack as cards, bigger tap targets for small links */
@media(max-width:760px){
.cmp{overflow:visible;border-top:0}
.cmp-row,.cmp-3 .cmp-row{display:block;grid-template-columns:none;padding:18px 0;border-bottom:1px solid var(--line)}
.cmp-row.cmp-head{display:none}
.cmp-row>div{padding:4px 0;font-size:1rem}
.cmp-row>div:first-child{font:700 1.02rem var(--font-head);color:var(--ink);padding-bottom:8px}
.cmp-row>div[data-l]::before{content:attr(data-l);display:block;font:700 .7rem var(--font-head);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.cmp-row>div:last-child[data-l]::before{color:var(--iris)}.cmp-row>div:last-child:not(:first-child){color:var(--ink);font-weight:600}
.crumbs a{display:inline-block;padding:12px 4px}
.ft-bottom a,.ft a{display:inline-block;padding:10px 4px}
}
@media(max-width:600px){
.gg-svg:not(.sm) text{font-size:23px}.gg-svg:not(.sm) .gg-ax{font-size:22px}
.cg-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.cg-tabs::-webkit-scrollbar{display:none}.cg-tabs button{flex:none}
}
/* insights cards with a typographic cover */
.ins-card a{padding:0;overflow:hidden;gap:0}
.ins-cover{display:grid;align-content:end;gap:4px;padding:22px 24px;aspect-ratio:16/8;position:relative;overflow:hidden}
.ins-cover::after{content:"";position:absolute;right:-30px;top:-30px;width:150px;height:150px;border-radius:50%;background:currentColor;opacity:.08}
.ins-cover b{font:800 clamp(2rem,3.6vw,3rem)/1 var(--font-head);letter-spacing:-.02em}
.ins-cover em{font-style:normal;font-size:1rem;opacity:.85}
.ins-cover.t-dark{background:#1A1A1A;color:#fff}.ins-cover.t-red{background:#B3261E;color:#fff}.ins-cover.t-light{background:#F0F0F0;color:#1A1A1A}.ins-cover.t-light b{color:#B3261E}
.ins-body{display:grid;gap:10px;padding:20px 24px 22px;align-content:start}
.ins-foot{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding-top:12px;border-top:1px solid var(--line)}
.ins-foot i{font-style:normal;width:30px;height:30px;border-radius:50%;background:var(--iris-soft);color:var(--iris);display:grid;place-items:center;font-weight:700}
.ins-card a:hover .ins-foot i{background:var(--iris);color:#fff}
.ins-card a{grid-template-rows:auto 1fr}.ins-body{grid-template-rows:auto auto 1fr auto}
/* why choose us */
.wy{background:#fff}
.wy-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:clamp(32px,6vw,88px);align-items:start}
.wy-head{position:sticky;top:110px;display:grid;gap:16px}
.wy-head h2{margin:0;font-size:clamp(2rem,3.6vw,3rem);line-height:1.08;letter-spacing:-.02em}
.wy-head p{margin:0;color:var(--muted);font-size:1.1rem;line-height:1.6}
.wy-list{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:2px solid var(--ink)}
.wy-list li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}
.wy-n{font:800 2.4rem/1 var(--font-head);color:var(--iris)}
.wy-list h3{margin:0 0 8px;font-size:1.3rem;line-height:1.25}
.wy-list p{margin:0 0 12px;color:var(--muted);line-height:1.65}
.wy-list a{font-weight:700;color:var(--iris);text-decoration:none;border-bottom:1.5px solid currentColor}
@media(max-width:900px){.wy-grid{grid-template-columns:1fr}.wy-head{position:static}.wy-list li{grid-template-columns:40px minmax(0,1fr);gap:14px}.wy-n{font-size:1.75rem}}
.wy-chips{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.wy-chips li{border:1.5px solid var(--iris);color:var(--iris);border-radius:999px;padding:8px 16px;font-weight:700;font-size:1rem;background:var(--iris-soft)}
.tr-chat{margin:14px 0 0;padding:20px;border:1px solid var(--line);border-radius:16px;background:#F7F7F7;display:grid;gap:8px;max-width:640px}
.tr-chat figcaption{color:var(--muted);font-size:.8rem;margin-bottom:6px}
.tr-r{display:flex;gap:10px;align-items:flex-end}.tr-r.me{justify-content:flex-end}.tr-r.them{justify-content:flex-start}
.tr-av{flex:none;width:36px;height:36px;border-radius:8px;display:grid;place-items:center}
.tr-tiy{background:#B3261E;color:#fff;font:800 .7rem var(--font-head);letter-spacing:.02em}
.tr-buyer{background:#D9D9D9;color:#8A8A8A}
.tr-b{max-width:78%;padding:10px 14px;border-radius:16px;line-height:1.45;font-size:1rem}
.tr-b.me{background:#95EC69;color:#111;border-bottom-right-radius:4px}
.tr-b.them{background:#fff;border:1px solid #E4E4E4;border-bottom-left-radius:4px}
.tr-b.hit{outline:2px solid #B3261E;outline-offset:2px;font-weight:600}
.tr-sys{justify-self:center;font-size:.78rem;color:var(--muted)}
.tr-wrap{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:20px;align-items:start;margin-top:14px}
.tr-wrap .tr-chat{margin:0;max-width:none}
.tr-shot{margin:0;display:grid;gap:8px}.tr-shot img{width:100%;height:auto;border-radius:12px;border:1px solid var(--line);display:block}
.tr-shot figcaption{color:var(--muted);font-size:.8rem}
@media(max-width:760px){.tr-wrap{grid-template-columns:1fr}.tr-shot img{max-width:320px}}
.cg-ns{max-width:860px;margin:24px auto 0;padding:22px 26px;background:#fff;color:#0D0D0D;border-radius:16px}
.cg-ns h3{margin:0 0 8px}.cg-ns p{margin:0 0 10px;color:#555}.cg-ns ol{margin:0;padding-left:1.2em;display:grid;gap:8px}

.ft-qr figure:has(img){border:0;padding:0;background:transparent;border-radius:0}
.ft-qr figure img{width:104px;height:104px;display:block;border-radius:4px}
.ft-sister{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--iris)}
.ft-sister:hover{color:var(--iris)}
.ft-legal{justify-content:flex-start;gap:36px}
footer .ft-legal{justify-content:flex-start}
footer .ft-legal{justify-content:flex-start}
/* the 40px tap box was centring the text, which pushed the number below the label */
.ft-col p a{display:inline;min-height:0;text-decoration:none;line-height:inherit}
.ft-col p a:hover{color:var(--iris);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* Case 01: the three actions, stated before the numbers */
.case-steps{list-style:none;margin:26px 0 4px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;counter-reset:cs}
.case-steps li{counter-increment:cs;position:relative;padding:18px 22px 20px;border-top:2px solid var(--ink);border-right:1px solid var(--line);display:grid;gap:8px;align-content:start}
.case-steps li:last-child{border-right:0}
.case-steps li b{font-family:var(--font-head);font-size:1rem;letter-spacing:-.01em}
.case-steps li b::before{content:counter(cs,decimal-leading-zero);display:block;font-size:.75rem;color:var(--iris);letter-spacing:.08em;margin-bottom:6px}
.case-steps li span{color:var(--muted);font-size:.9rem;line-height:1.55}
@media(max-width:820px){.case-steps{grid-template-columns:minmax(0,1fr)}.case-steps li{border-right:0;padding:16px 0}}
.ft-nav{display:grid;grid-template-columns:repeat(2,max-content);gap:8px 26px;justify-items:start}
@media(max-width:520px){.ft-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}