/* Human, local, sales-led direction. Keep motion quiet and content concrete. */
:root { --paper: #fafbfc; --blue: #294fd2; --ink: #192125; --lime: #d7e7a8; }
body { background: var(--paper); }
.header { border-color: #d8dce0; }
.spark { font-size: 32px; }
.header .wordmark { font-size: 28px; }
.button,.nav-contact { border-radius: 3px; }
.hero { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 5%; padding: 64px 5% 104px; min-height: 740px; height: auto; max-height: none; overflow: hidden; background: transparent; }
.hero-content { padding: 0; pointer-events: auto; }
.hero-content .eyebrow { letter-spacing: 1.25px; font-size: 11px; max-width: 440px; margin-bottom: 34px; line-height: 1.8; }
.hero h1 { font-size: clamp(52px,5.8vw,92px); line-height: 1.06; letter-spacing: -.06em; font-weight: 600; margin: 0 0 30px; }
.hero h1 em { font-family: Georgia,'Times New Roman',serif; font-weight: 400; font-style: italic; letter-spacing: -.055em; }
.hero-bottom p { max-width: 400px; font-size: 17px; line-height: 1.8; margin: 0 0 25px; }
.hero-photo { margin: 0; position: relative; min-width: 0; }
.photo-window { width: 100%; height: clamp(420px,40vw,590px); overflow: hidden; background: #d8e0e4; }
.photo-window img { width: 100%; height: 100%; object-fit: cover; object-position: 43% 50%; display: block; animation: photo-drift 24s ease-in-out infinite alternate; }
.hero-photo figcaption { display: flex; justify-content: space-between; gap: 20px; font-size: 11px; color: var(--muted); margin-top: 13px; line-height: 1.6; }
.hero-photo figcaption span:last-child { text-align: right; }
.photo-note { background: var(--lime); position: absolute; bottom: 67px; left: -30px; padding: 20px 25px; font-size: 17px; line-height: 1.5; border-left: 3px solid var(--ink); }
.photo-note b { font-weight: 600; }
.hero-foot { bottom: 22px; }
.growth-strip { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #d8dce0; border-bottom: 1px solid #d8dce0; margin: 0 5%; }
.growth-strip a { display: flex; gap: 18px; padding: 27px 20px; align-items: center; font-size: 15px; border-right: 1px solid #d8dce0; transition: background .2s; }
.growth-strip a:first-child { padding-left: 0; }.growth-strip a:last-child { border: 0; }
.growth-strip a:hover { background: #edf0f6; }.growth-strip a>span:first-child { font-size: 12px; color: var(--muted); }.growth-strip a>span:last-child { margin-left: auto; color: var(--blue); }
.local-intro { border: 0; padding-bottom: 65px; }.country-code { background: var(--ink); }.country-code>span { display: none; }
.local-heading { margin-bottom: 30px; }.local-content h2 { font-size: clamp(32px,3.2vw,50px); font-weight: 500; letter-spacing: -.045em; }
.local-values { gap: 30px; }.local-values p { max-width: none; }.possibilities { padding-top: 50px; }
.section-intro { margin-top: 45px; }.section-intro h2 { font-size: clamp(36px,3.8vw,58px); }.service-stage { background: #eef1f6; }
.service-diagram { height: 105px; border-bottom: 1px solid #d4dbe6; margin-bottom: 26px; padding-bottom: 24px; align-items: flex-start; justify-content: center; gap: 12px; }
.diagram-orbit { display: none; }.diagram-top { color: #636d7a; }.diagram-bottom { font-size: 16px; letter-spacing: 0; }
.service-tab>span:nth-child(2) { font-size: clamp(25px,2.2vw,34px); }.service-tab small { font-size: 11px; }.tags li { border-radius: 3px; }
.portfolio { background: #f1f3f4; }.portfolio .section-intro>p { max-width: 360px; }.portfolio .section-intro h2 { font-size: clamp(38px,4.4vw,70px); }
.concept-badge { border-radius: 2px; color: #52606a; border-color: #b7c0c8; letter-spacing: 1px; }
.concept-disclosure { margin: -15px 0 50px; max-width: 900px; border-color: #8794a3; }
.project { gap: 6%; padding: 55px 0; }.project-visual { background: #e4e9ed; padding: 28px 24px 22px; position: relative; top: auto; }
.project-audience .project-visual { order: 2; background: #e3e8de; }.project-loyalty .project-visual { background: #eae5df; }
.mockup,.project:hover .mockup { transform: none; box-shadow: 0 6px 24px #26385e0c; border: 1px solid #cad1d8; border-radius: 5px; margin-bottom: 20px; }
.mockup-top { padding: 16px 18px; }.mockup-top b { font-size: 20px; font-weight: 600; letter-spacing: -.5px; }.mockup-top>span { font-size: 10px; letter-spacing: .5px; }.mockup-body { padding: 20px; }
.project-story h3 { font-size: 37px; letter-spacing: -1.5px; font-weight: 600; margin-bottom: 18px; }.project-tagline { font-size: 25px; line-height: 1.4; }.project-index { color: #556775; }.project-index span { letter-spacing: .7px; }.project-story>p:not(.project-tagline) { line-height: 1.8; }
.project summary { min-height: 54px; }.source-note { border-top: 1px solid #cbd3da; padding-top: 15px; }.source-note a,.research-context a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.live-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }.live-summary>div { padding-bottom: 12px; border-bottom: 1px solid #e0e5e9; }.live-summary span { display: block; color: #5b6770; font-size: 12px; }.live-summary strong { font-size: 33px; font-weight: 500; line-height: 1.5; }
.audience-chart { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; height: 135px; padding: 20px 5px 0; margin-bottom: 25px; }
.audience-chart>div { height: var(--bar); display: flex; flex-direction: column; align-items: center; flex: 1; gap: 5px; font-size: 11px; color: #64717b; }.audience-chart i { flex: 1; min-height: 6px; background: #9bb3df; width: 65%; }.audience-chart>div:nth-child(3) i { background: var(--blue); }.audience-chart small { font-size: 10px; }
.sample-comment { background: #f3f5f7; border-left: 2px solid #96a4b5; padding: 12px 15px; }.sample-comment>span { font-size: 11px; color: #65727d; }.sample-comment p { font-size: 18px; margin: 8px 0; }.sample-comment small { font-size: 12px; line-height: 1.7; color: #5d6975; }
.demo-button { border: 1px solid var(--blue); width: 100%; background: transparent; color: var(--blue); display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 12px 14px; margin-top: 16px; font-size: 13px; cursor: pointer; text-align: left; }.demo-button:hover { color: white; background: var(--blue); }.sample-order { background: #edf3e7; border-left: 2px solid #718a52; padding: 15px; margin-top: 14px; font-size: 12px; line-height: 1.7; }.sample-order p { font-size: 14px; }.sample-order[hidden] { display: none; }
.campaign-totals { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin: 25px 0; }.campaign-totals strong { font-size: 30px; font-weight: 500; display: block; }.campaign-totals span { font-size: 11px; line-height: 1.5; display: block; color: #596960; }.campaign-table>div { display: grid; grid-template-columns: 1.5fr .65fr .65fr; align-items: center; gap: 10px; padding: 14px 0; border-bottom: 1px solid #e1e5e0; font-size: 13px; }.campaign-table>div:first-child { font-size: 11px; color: #69736c; border-top: 1px solid #e1e5e0; }.campaign-table span:not(:first-child) { text-align: right; }.report-note { font-size: 12px; line-height: 1.7; color: #647078; margin: 20px 0 0; }
.loyalty-card { background: #f5f0e8; border: 1px solid #dfd7ca; padding: 20px; }.loyalty-card>span { font-size: 12px; color: #746957; }.loyalty-card strong { font-family: Georgia,serif; font-size: 29px; font-weight: 400; display: block; margin: 14px 0; line-height: 1.2; }.loyalty-card p { color: #695f50; font-size: 14px; line-height: 1.7; margin: 0; }.campaign-steps { padding: 0 0 0 20px; font-size: 13px; margin: 24px 0 0; }.campaign-steps li { padding: 7px 0 7px 5px; }.campaign-steps li::marker { color: #8b7658; }
.research-context { display: grid; grid-template-columns: .45fr 1fr; column-gap: 7%; border-top: 1px solid #cad1d8; padding: 30px 0 40px; margin-top: 15px; }.research-context>p:first-child { font-size: 19px; font-weight: 500; }.research-context p { margin: 0 0 16px; line-height: 1.8; font-size: 14px; color: #52616b; }.research-context a { grid-column: 2; font-size: 13px; }
.mindset { background: #1e2a32; }.mindset-spark { display: none; }.mindset h2 { font-size: clamp(44px,5.6vw,82px); line-height: 1.15; }.mindset-heading { margin: 55px 0; }.principles span:before { content: ''; margin: 0; }.principles { color: #c5ced4; }
footer { background: #d7e7a8; }.footer-bottom .spark { font-size: 26px; }.photo-credit { font-size: 11px; line-height: 1.8; color: #4b5b3a; margin: 28px 0 0; max-width: 900px; }.photo-credit a { text-decoration: underline; }.contact-note { color: #39492b; }
html[data-locale="ms"] .hero h1 { font-size: clamp(44px,4.7vw,76px); line-height: 1.13; }.hero h1 em { display: inline-block; }
html[data-locale="zh"] .hero h1 { font-size: clamp(50px,5.4vw,84px); line-height: 1.25; }html[data-locale="zh"] .hero h1 em { font-family: inherit; font-style: normal; font-weight: 600; letter-spacing: 0; }
html[data-locale="zh"] .loyalty-card strong { font-family: inherit; font-size: 26px; line-height: 1.5; }
@keyframes photo-drift { from { transform: scale(1.015); } to { transform: scale(1.06); } }
.tab-hidden * { animation-play-state: paused!important; }
@media(max-width:1000px) { .hero { padding-top: 48px; min-height: 650px; gap: 4%; }.hero h1 { font-size: 61px; }.hero-bottom p { font-size: 16px; }.photo-window { height: 450px; }.hero-photo figcaption { flex-direction: column; gap: 3px; }.hero-photo figcaption span:last-child { text-align: left; }.photo-note { left: -20px; font-size: 15px; padding: 16px 20px; bottom: 90px; }.growth-strip a { font-size: 13px; gap: 12px; padding: 22px 14px; }.project-visual { padding: 20px 15px; }.mockup-top { flex-wrap: wrap; }.project-story h3 { font-size: 33px; }.project-tagline { font-size: 23px; }.mockup-body { padding: 16px; } }
@media(max-width:700px) { .hero { grid-template-columns: 1fr; padding: 35px 6% 85px; gap: 35px; min-height: 0; }.hero-content .eyebrow { font-size: 10px; margin-bottom: 24px; }.hero h1 { font-size: clamp(57px,12vw,80px); margin: 0 0 24px; }.hero-bottom p { max-width: 100%; }.hero-photo { margin-top: 8px; }.photo-window { height: 350px; }.hero-photo figcaption { flex-direction: row; gap: 15px; font-size: 10px; }.hero-photo figcaption span:last-child { text-align: right; }.photo-note { left: 15px; bottom: 62px; font-size: 16px; }.hero-foot>a { max-width: 62%; font-size: 10px; letter-spacing: .7px; }.hero-foot { left: 6%; right: 6%; }.motion-toggle { font-size: 11px; padding: 6px; }.growth-strip { grid-template-columns: 1fr; margin: 0 6%; }.growth-strip a,.growth-strip a:first-child { padding: 18px 0; border-right: 0; border-bottom: 1px solid #d8dce0; font-size: 14px; }.growth-strip a:last-child { border: 0; }.local-intro { padding-bottom: 35px; }.local-content h2 { font-size: 35px; }.local-values { gap: 20px; }.possibilities { padding-top: 35px; }.section-intro h2 { font-size: 36px; }.portfolio .section-intro h2 { font-size: 39px; }.project-audience .project-visual { order: 0; }.project { gap: 25px; padding: 38px 0; }.project-visual { padding: 25px 18px 20px; }.mockup { max-width: none; }.mockup-top { flex-wrap: nowrap; gap: 10px; }.mockup-top>span { max-width: 140px; }.project-story h3 { font-size: 35px; }.research-context { grid-template-columns: 1fr; }.research-context a { grid-column: 1; }.mindset h2,html[data-locale="ms"] .mindset h2,html[data-locale="zh"] .mindset h2 { font-size: 39px; }.mindset-heading { margin-block: 40px; }.hero-coordinate { display: none; }html[data-locale="ms"] .hero h1 { font-size: clamp(42px,9.8vw,65px); margin-bottom: 25px; line-height: 1.15; }html[data-locale="zh"] .hero h1 { font-size: clamp(51px,12vw,75px); margin-bottom: 25px; }footer h2,html[data-locale="ms"] footer h2,html[data-locale="zh"] footer h2 { font-size: 43px; }.hero-bottom .button { font-size: 13px; gap: 22px; }.photo-credit { font-size: 11px; } }
@media(max-width:360px) { .hero h1 { font-size: 53px; }html[data-locale="ms"] .hero h1 { font-size: 40px; }.photo-window { height: 290px; }.project-visual { padding: 18px 12px; }.mockup-top { padding: 13px; flex-wrap: wrap; }.mockup-body { padding: 14px; }.project-tagline { font-size: 22px; }.hero-foot>a { max-width: 60%; }.sample-comment p { font-size: 17px; }.campaign-totals { gap: 8px; }.campaign-totals strong { font-size: 27px; } }
@media(prefers-reduced-motion:reduce) { .photo-window img { animation: none; transform: none; } }
/* One client-owned system, shown through a connected selling journey. */
.client-demo { border:1px solid #bcc7ce; background:#fff; box-shadow:0 18px 50px #26385e09; }
.client-demo-header { padding:24px 30px; display:flex; justify-content:space-between; align-items:center; gap:20px; background:#1e2a32; color:white; }
.client-demo-header>div { display:flex; align-items:center; gap:14px; }.client-demo-header b { font-size:21px; font-weight:500; }.client-demo-header>span { font-size:10px; letter-spacing:1px; color:#d0dbdf; }.client-monogram { background:#d7e7a8; color:#192125; padding:6px 12px; font-size:23px; }
.demo-tabs { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid #cad2d8; background:#f5f7f8; }.journey-tab { border:0; border-right:1px solid #cad2d8; border-bottom:3px solid transparent; padding:23px; background:transparent; text-align:left; cursor:pointer; color:#61717b; font:inherit; display:flex; gap:14px; align-items:center; }.journey-tab:last-child { border-right:0; }.journey-tab[aria-selected="true"] { background:#fff; color:#294fd2; border-bottom-color:#294fd2; }.journey-tab small { font-size:11px; }.journey-tab span { font-size:16px; font-weight:500; }.journey-tab:focus-visible { outline:2px solid #294fd2; outline-offset:-5px; }
.journey-panel { display:grid; grid-template-columns:.8fr 1fr; gap:7%; padding:45px; align-items:center; }.journey-panel[hidden] { display:none; }.demo-story h3 { font-size:clamp(28px,3vw,44px); line-height:1.2; letter-spacing:-1px; margin:20px 0; }.demo-story>p:not(.eyebrow) { font-size:15px; line-height:1.9; color:#52616b; }.demo-story .demo-hint { border-left:2px solid #294fd2; padding-left:15px; margin-top:25px; }.demo-screen { min-width:0; padding:25px; border:1px solid #d7dfe4; background:#fafbfc; }.tailored-note { display:grid; grid-template-columns:.8fr 1.5fr; gap:7%; padding:35px 0; }.tailored-note h3 { font-size:25px; font-weight:500; }.tailored-note p { font-size:14px; line-height:1.9; color:#52616b; margin:0; }
@media(max-width:700px) { .client-demo-header { padding:20px; flex-wrap:wrap; gap:12px; }.journey-tab { padding:15px 8px; flex-direction:column; align-items:flex-start; gap:6px; }.journey-tab span { font-size:12px; line-height:1.5; }.journey-panel { grid-template-columns:1fr; gap:22px; padding:22px 16px; }.demo-story h3 { font-size:29px; }.demo-screen { padding:16px; }.tailored-note { grid-template-columns:1fr; gap:12px; }.tailored-note h3 { margin-bottom:0; } }
.order-fields { display:grid; grid-template-columns:1.3fr .8fr .8fr; gap:12px; }.order-fields label { display:grid; gap:8px; font-size:12px; }.order-fields select,.order-fields input { width:100%; min-width:0; padding:11px 8px; border:1px solid #bdc9d1; background:white; font:inherit; border-radius:3px; }.sandbox-note { color:#294fd2; font-size:12px; font-weight:600; }#order-playground>p:not(.sandbox-note) { font-size:11px; color:#65727d; }#demo-feedback { color:#294fd2; font-size:12px; min-height:26px; padding-top:10px; }#demo-orders>p { font-size:13px; color:#65727d; }.sandbox-row { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:15px 0; border-bottom:1px solid #d5dfe5; animation:order-in .25s ease-out; }.sandbox-row>span { width:100%; font-size:14px; }.sandbox-row small { margin-right:auto; color:#4d6b34; }.sandbox-row button { padding:7px 12px; cursor:pointer; background:white; color:#294fd2; border:1px solid #bdc9d1; border-radius:3px; }.sandbox-total { display:flex; justify-content:space-between; gap:15px; align-items:center; margin-top:20px; font-size:13px; }.sandbox-total strong { font-size:26px; }.campaign-totals strong { overflow-wrap:anywhere; }@keyframes order-in { from {opacity:0;transform:translateY(6px)} to {opacity:1;transform:none} }
/* Flowing ribbon hero, with a static frame when motion is reduced. */
.hero-motion { position:relative; height:540px; min-width:0; isolation:isolate; }.hero .hero-motion canvas { position:absolute; inset:0; width:100%; height:100%; mask-image:none; }.motion-orbit { position:absolute; border:1px solid #294fd21a; border-radius:50%; inset:10% 0; transform:rotate(-25deg); pointer-events:none; }.orbit-two { inset:20% -5%; transform:rotate(30deg); }.motion-point { position:absolute; width:18px; height:18px; border-radius:50%; background:#d7e7a8; right:18%; top:17%; box-shadow:0 0 0 10px #d7e7a825; animation:bright-float 5s ease-in-out infinite; }.journey-panel:not([hidden]) { animation:panel-arrive .45s ease both; }.journey-tab { transition:background .25s,color .25s,border-color .25s; }.demo-button,.sandbox-row button { transition:background .2s,transform .2s,box-shadow .2s; }.demo-button:hover,.sandbox-row button:hover { transform:translateY(-2px); box-shadow:0 5px 12px #294fd218; }.demo-button:active,.sandbox-row button:active { transform:translateY(0); }.sandbox-row.is-confirmed { background:#edf3e7; border-left:3px solid #718a52; padding-left:12px; }.metric-updated { animation:metric-pulse .55s ease; }.audience-chart i { transform-origin:bottom; animation:chart-grow .8s cubic-bezier(.2,.8,.2,1) both; }.audience-chart>div:nth-child(2) i { animation-delay:.08s; }.audience-chart>div:nth-child(3) i { animation-delay:.16s; }.audience-chart>div:nth-child(4) i { animation-delay:.24s; }.audience-chart>div:nth-child(5) i { animation-delay:.32s; }.growth-strip a:hover { color:var(--blue); }.growth-strip a>span:last-child { transition:transform .2s; }.growth-strip a:hover>span:last-child { transform:translate(3px,-3px); }
@keyframes bright-float { 50% {transform:translateY(20px)} }@keyframes panel-arrive { from {opacity:0;transform:translateY(10px)} to {opacity:1;transform:none} }@keyframes metric-pulse { 40% {color:#294fd2;transform:translateY(-3px)} }@keyframes chart-grow { from {transform:scaleY(.1);opacity:.3} to {transform:scaleY(1);opacity:1} }
@media(max-width:700px) { .hero-motion { height:330px; }.hero { gap:12px; }.hero-motion .orbit-two { inset:20% 0; } }@media(prefers-reduced-motion:reduce) { .hero-motion *,.journey-panel,.metric-updated { animation:none!important; } }body.motion-paused .demo-button,body.motion-paused .journey-tab,body.motion-paused .sandbox-row button { transition:none; }
.event-shell { border:1px solid #bbc7cc; background:#fff; }.event-banner { padding:32px 40px; background:#1e2a32; color:white; display:flex; align-items:center; justify-content:space-between; gap:20px; }.event-banner .eyebrow { color:#d7e7a8; margin:0; }.event-banner h3 { font-size:clamp(30px,3.6vw,48px); margin:12px 0; letter-spacing:-1px; }.event-banner p:last-child { color:#c9d2d9; margin:0; }.event-seal { border:1px solid #d7e7a8; color:#d7e7a8; border-radius:50%; width:100px; height:100px; display:grid; place-content:center; text-align:center; font-size:24px; line-height:1.2; transform:rotate(12deg); flex-shrink:0; }.event-columns { display:grid; grid-template-columns:1.2fr 1fr; }.passport { padding:35px; }.passport-heading { display:flex; justify-content:space-between; gap:10px; font-size:12px; letter-spacing:1px; }.stamp-track { display:flex; gap:18px; margin:25px 0; }.stamp-track span { width:65px; height:65px; border:2px dashed #cad2d8; border-radius:50%; display:grid; place-content:center; color:#7c8992; font-size:24px; transition:background .3s; }.stamp-track .collected { border:2px solid #294fd2; color:#294fd2; background:#edf1ff; animation:stamp-in .4s ease both; }.event-instruction { font-size:14px; line-height:1.8; color:#52616b; }.booth-select { display:grid; gap:8px; }.booth-select button { display:flex; align-items:center; gap:15px; width:100%; text-align:left; border:1px solid #ccd6dd; background:white; padding:15px; cursor:pointer; }.booth-select button span:last-child { margin-left:auto; }.booth-select button[aria-pressed="true"] { background:#edf1ff; border-color:#294fd2; color:#294fd2; }.booth-select small { color:#6c7b83; }.booth-activity { padding:22px; background:#f1f4f7; margin-top:16px; animation:panel-arrive .3s ease; }.booth-activity h4 { margin:0 0 10px; font-size:19px; }.booth-activity p { font-size:14px; line-height:1.8; }.booth-activity button { padding:10px 14px; background:white; color:#294fd2; border:1px solid #acbdd1; margin:4px 6px 4px 0; cursor:pointer; }.reward-card { margin-top:24px; border:1px solid #cad5bb; background:#f3f7eb; padding:20px; display:grid; grid-template-columns:auto 1fr; gap:12px; }.reward-card>span { font-size:28px; }.reward-card p { font-size:13px; margin:6px 0; line-height:1.7; }.reward-card button { grid-column:1/-1; background:#294fd2; border:0; color:white; padding:13px; cursor:pointer; }.reward-card button:disabled { background:#d8ded2; color:#57624e; cursor:default; }.event-reset { border:0; border-bottom:1px solid #6b7b84; background:none; font-size:12px; padding:5px 0; cursor:pointer; }.organiser { background:#edf1f4; border-left:1px solid #cad3da; padding:35px; }.organiser h3 { font-size:30px; line-height:1.3; margin:20px 0; }.organiser>p:not(.eyebrow) { font-size:13px; line-height:1.8; color:#52616b; }.event-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:25px 0; }.event-metrics strong { display:block; font-size:35px; font-weight:500; }.event-metrics span { font-size:11px; line-height:1.5; display:block; color:#52616b; }.event-progress { height:7px; background:#d2dce4; }.event-progress>div { height:100%; width:0; background:#294fd2; transition:width .5s ease; }.event-insight { border-left:2px solid #294fd2; padding-left:15px; margin-top:25px; }.event-log { margin-top:30px; border-top:1px solid #cbd5dd; padding-top:25px; font-size:13px; }.event-log ol { padding-left:20px; }.event-log li { padding:8px 0; border-bottom:1px solid #d8e0e6; color:#52616b; }#event-status { min-height:24px; font-size:13px; color:#294fd2; }#reward-result { border:2px dashed #718a52; padding:20px; margin:15px 0; animation:stamp-in .4s ease; }#reward-result b { font-size:25px; letter-spacing:3px; }#reward-result p { font-size:12px; }@keyframes stamp-in { from {transform:scale(1.15) rotate(-8deg);opacity:.3} to {transform:scale(1);opacity:1} }body.motion-paused .event-progress>div { transition:none; }@media(max-width:800px) { .event-columns { grid-template-columns:1fr; }.organiser { border-left:0; border-top:1px solid #cad3da; }.event-banner { padding:25px; }.passport,.organiser { padding:24px; }.event-seal { width:65px; height:65px; font-size:19px; } }@media(max-width:400px) { .passport,.organiser { padding:18px; }.event-banner { padding:20px; }.event-seal { display:none; }.stamp-track { gap:12px; } }
.campaign-catalog { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; margin:35px 0; }.campaign-card { background:#fff; padding:30px; border:1px solid #cad4dc; display:flex; flex-direction:column; align-items:flex-start; transition:transform .2s,border-color .2s; }.campaign-card:hover { transform:translateY(-3px); border-color:#294fd2; }.campaign-number { color:#294fd2; font-size:12px; }.campaign-card h3 { font-size:27px; letter-spacing:-.7px; margin:18px 0 12px; line-height:1.3; }.campaign-card p { color:#52616b; font-size:15px; line-height:1.8; margin:0 0 25px; }.campaign-card button,.campaign-card a { margin-top:auto; border:0; background:none; color:#294fd2; padding:8px 0; font-size:14px; font-weight:600; cursor:pointer; text-align:left; }.campaign-card button span,.campaign-card a span { margin-left:15px; }.demo-toolbar { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:22px 0; border-top:1px solid #bac6cf; margin-top:40px; }.demo-toolbar button { padding:10px; border:1px solid #bac6cf; background:white; cursor:pointer; font-size:13px; flex-shrink:0; }#event-demo { scroll-margin-top:25px; }#event-demo .concept-disclosure { margin:5px 0 25px; }#event-demo[hidden] { display:none; }@media(max-width:700px) { .campaign-catalog { grid-template-columns:1fr; }.campaign-card { padding:24px; }.demo-toolbar { align-items:flex-start; }.demo-toolbar b { font-size:14px; } }
.company-contact { display:grid; grid-template-columns:1fr 1fr; gap:50px; padding:45px 0; margin-top:35px; border-top:1px solid #18221b30; }.company-contact .eyebrow { margin:0 0 16px; }.company-contact h3 { font-size:clamp(25px,3vw,39px); line-height:1.25; letter-spacing:-1px; font-weight:500; margin:0; max-width:380px; }.company-contact address { font-style:normal; display:grid; gap:28px; min-width:0; }.contact-label { display:block; font-size:11px; letter-spacing:1px; text-transform:uppercase; margin-bottom:8px; color:#4b5b3a; }.company-contact address a { font-size:clamp(17px,2vw,25px); overflow-wrap:anywhere; }.company-contact address a:hover { color:var(--blue); }.company-contact address p { margin:0; font-size:16px; line-height:1.8; }.company-contact address a span { margin-left:12px; }@media(max-width:700px){.company-contact { grid-template-columns:1fr; gap:28px; padding:30px 0; }.company-contact h3 { font-size:29px; }}