/* Public-front layout refinement. UI behavior remains in app.js. */
.hero{z-index:100}
body:has(.header.scrolled) .mega-menu{position:fixed}
:root{--ink:#0a0d11;--muted:#555e67;--line:#cdd7df;--teal:#40c7c7;--soft:#f4f8f6;color:var(--ink)}
.large-heading{font-size:28px;font-weight:400;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
.section{width:100%;max-width:none;margin:80px auto 0;padding:0 24px}
.centered{text-align:start;max-width:none;margin:0}
.section-heading{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:48px}
.section-heading h2{margin:0;max-width:32ch}
.section-heading>p,.section-heading>div>p,.section-subtitle{font-size:18px;line-height:1.5;font-weight:400;color:var(--muted);text-align:start;max-width:none;margin:0}
.section-heading .text-button{margin-top:20px}
.text-button{font-size:18px;line-height:1.4;font-weight:400;gap:12px;padding:8px 0;color:inherit}
.text-button>span:last-child:not(:first-child){font-size:24px}
.primary{font-size:18px;min-height:56px;border-radius:8px;padding:10px 10px 12px 20px;font-weight:400;align-items:flex-end;gap:24px;color:#0a0d11}
.primary>span:last-child:not(:first-child){font-size:24px}
.hero{max-width:1920px;margin:0;min-height:860px;height:100svh;border-radius:0;overflow:clip}
.hero-image{height:55%;top:auto;bottom:0;object-position:83% center}
.hero-shade{background:linear-gradient(180deg,#0a1717 0%,#0a1717 36%,#0a1717eb 44%,transparent 68%),linear-gradient(0deg,#0005,transparent 28%)}
.hero-copy{top:105px;left:24px;right:24px;max-width:none;width:auto}
.hero h1{font-size:36px;font-weight:400;line-height:1.1;letter-spacing:-.025em;max-width:21ch;text-wrap:balance}
.hero-body{font-size:20px;line-height:1.4;font-weight:400;max-width:36ch;margin:16px 0 32px;letter-spacing:0}
.hero-cta{width:min(280px,100%);max-width:100%}
.hero-note{max-width:290px;width:100%;font-size:14px;line-height:1.5;padding:16px;margin-top:16px;border-radius:8px;background:#0003;border-color:#fff4;backdrop-filter:blur(4px)}
.hero-facts{left:24px;right:24px;bottom:24px;display:flex;justify-content:space-between;gap:16px;font-size:10px;line-height:1.5}
.hero-facts div{max-width:32%;gap:0}.hero-facts b{font-weight:500}.hero-scroll{display:none}
.header{height:67px;position:fixed;inset:0 0 auto;display:flex;flex-wrap:nowrap;gap:16px;align-items:center;padding:0 24px;background:#fffffffa;color:#0a0d11;z-index:90;border-bottom:1px solid #0a0d1112;backdrop-filter:blur(12px)}
.header .brand{padding:0;font-size:20px;letter-spacing:.025em;gap:8px}.header .brand-mark{width:24px;height:24px}
.header-actions{margin-inline-start:auto;gap:12px}.header-actions .login-button{font-size:13px;padding:10px 0}.header-actions .small-primary{font-size:13px;padding:11px 14px;min-width:0;border-radius:6px}.header-divider{display:none}
.language{display:none}.menu-toggle{display:flex;width:28px;height:32px;align-items:center;justify-content:center;padding:0;flex-shrink:0;font-size:25px;line-height:1}
.menu-toggle svg{width:24px;height:24px}.menu-toggle span{display:block}
.main-nav{display:none;position:absolute;top:67px;left:0;right:0;width:auto;margin:0;padding:16px 24px;gap:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 14px 20px #0000000d;font-size:18px;order:unset}
.header:has(.menu-toggle[aria-expanded="true"]) .main-nav{display:flex;flex-direction:column;align-items:stretch}
.main-nav button{padding:16px 0;text-align:start;border-bottom:1px solid #edf0f2}
.main-nav button:last-child{border-bottom:0}.main-nav button::after{display:none}
.mega-menu{position:fixed;inset:75px 12px auto;max-height:calc(100dvh - 90px);z-index:95;border-radius:10px}.mega-inner{padding:24px}.mega-grid{grid-template-columns:1fr;gap:12px}.mega-item{border-color:#e2e8ec;background:#fff}
.offering-grid{display:grid;grid-template-columns:1fr;gap:48px 24px;margin-top:48px}
.offering-card{display:block;padding:0;border:0;border-radius:0;background:none!important;text-align:start;overflow:visible;transform:none!important}
.offering-art{position:relative;display:block;aspect-ratio:16/9;height:auto;margin:0 0 24px;border-radius:12px;overflow:hidden;background:#122025}
.offering-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}
.offering-card:hover .offering-art img{transform:scale(1.05)}
.offering-copy{min-height:0;position:relative;border-inline-start:1px solid var(--line);padding:0 64px 0 48px;margin:0}
.offering-copy h3{max-width:none;font-size:20px;font-weight:400;line-height:1.4;letter-spacing:0;margin:0 0 24px}
.offering-copy p{font-size:16px;font-weight:400;line-height:1.5;letter-spacing:0;margin:0;color:var(--muted)}
.arrow-circle{position:absolute;inset:0 0 auto auto;width:32px;height:32px;border-radius:6px;border:1px solid var(--line);font-size:20px;color:var(--muted);display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.offering-card:hover .arrow-circle,.client-card:hover .arrow-circle{background:#0a0d11;color:#fff;border-color:#0a0d11}
.knowledge-banner{width:calc(100% - 48px);padding:40px 16px;border-radius:12px;position:relative;isolation:isolate;overflow:hidden;text-align:center;background:#071215;color:#fff}
.knowledge-banner>img,.knowledge-banner .section-background{position:absolute;inset:0;z-index:-1;height:100%;width:100%;object-fit:cover}
.knowledge-banner .eyebrow{display:none}.knowledge-banner .large-heading{max-width:25ch;margin:0 auto 16px;font-size:28px;line-height:1.2;font-weight:400;color:#fff}
.knowledge-banner>p{max-width:800px;margin:0 auto 32px;font-size:18px;line-height:1.5;color:#fff}
.topic-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin:0 0 24px}.topic-pills button{padding:0;background:none;border:0;border-radius:0;font-size:18px;font-weight:400;line-height:1.5;color:#fff}.topic-pills button:hover{background:none;color:#85ece6}.topic-pills button::after{content:'↗';margin-inline-start:8px}.knowledge-banner .text-button{color:#fff}.knowledge-banner>.primary{margin-top:8px}
.visual-banner{position:relative;display:block;isolation:isolate;overflow:hidden;width:calc(100% - 48px);margin:80px auto 0;padding:0;border-radius:12px;background:#050708;color:#fff;gap:0;max-width:1440px;min-height:0;text-align:start}
.visual-banner .banner-image{position:relative;width:100%;height:auto;min-height:240px;aspect-ratio:1.5;object-fit:cover;object-position:78% center;z-index:-1}
.visual-banner .banner-copy{position:relative;padding:40px 24px;background:#050708;z-index:1;max-width:none;width:100%}
.visual-banner .banner-copy .eyebrow{display:none}
.visual-banner h2,.closing-panel.visual-banner h2{font-size:32px;line-height:1.2;letter-spacing:-.025em;font-weight:400;max-width:20ch;margin:0 0 16px;text-align:start;color:inherit}
.visual-banner p,.closing-panel.visual-banner p{font-size:18px;line-height:1.5;color:inherit;margin:0 0 24px;max-width:42ch;text-align:start}
.visual-banner .text-button{padding:12px 14px 14px 20px;background:var(--teal);color:var(--ink);border-radius:8px;min-width:170px;justify-content:space-between;min-height:56px;font-size:18px}
.visual-banner .primary{min-width:210px;max-width:100%;width:auto}
.client-section{width:calc(100% - 48px);padding:40px 24px;border-radius:12px;color:#fff;background:linear-gradient(#05101222,#05101211),url('./clients.jpg') center/cover;overflow:hidden;position:relative}
.client-section .section-heading{margin-bottom:48px}.client-section .section-heading>p{color:#d7dedf}
.client-grid{display:grid;grid-template-columns:1fr;gap:40px 24px}
.client-card{min-height:0;padding:0 0 0 24px;position:relative;border-inline-start:1px solid #d3dde244;background:none;border-radius:0;text-align:start;overflow:visible}
.client-copy{margin:0;padding:0;position:relative}.client-copy>.eyebrow{display:none}.client-copy h3{font-size:20px;line-height:1.4;font-weight:400;letter-spacing:0;max-width:none;margin:8px 48px 0 0}.client-copy p{max-width:none;font-size:16px;line-height:1.5;margin:24px 0 0;color:#d7dedf}.client-copy .arrow-circle{border-color:#cdd7df55;color:#d7dedf;right:0;top:0}
.transfers-section{display:block}.transfers-section .section-heading{margin-bottom:24px}.feature-list{margin:0}.feature-list>button{position:relative;display:grid;grid-template-columns:1fr;gap:8px;border:0;border-bottom:1px solid var(--line);padding:32px 0;text-align:start;width:100%;align-items:start}
.feature-list .line-icon{font-size:28px;line-height:1;margin-bottom:8px;width:32px;height:32px;color:var(--ink)}
.feature-list .feature-label h3,.feature-list h3{font-size:20px;line-height:1.4;font-weight:400;margin:0;letter-spacing:0}
.feature-list>button>p,.feature-list p{font-size:16px;line-height:1.5;color:var(--muted);padding-inline-end:32px;margin:0}
.feature-list b{display:none}
.loyalty-section{position:relative;display:grid;grid-template-columns:1fr;gap:16px;width:calc(100% - 48px);max-width:1440px;padding:40px 24px;border:0;border-radius:12px;background:#101c1d url('./loyalty.webp') center/cover;color:white;overflow:hidden}
.membership-heading{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.membership-heading h2{font-size:28px;line-height:1.2;font-weight:400;letter-spacing:-.025em;max-width:22ch}
.membership-coin,.membership-heading .loyalty-orb{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:80px;height:80px;border-radius:50%;border:1px solid #b1c4b8;font-size:43px;font-weight:500;background:radial-gradient(ellipse at 28% 17%,#9ab7a8 0,#3a5d4e 38%,#16382c 70%);box-shadow:inset 0 0 0 5px #acc9ba33,inset -7px -7px 12px #071e1d,4px 5px 0 #19382e;line-height:1;color:#d6e8df;transform:rotate(-12deg);margin:0;left:auto;top:auto}
.loyalty-section>div:last-child>p{font-size:18px;line-height:1.5;color:#fff;margin:0 0 24px}.loyalty-section .text-button{color:white}.loyalty-section .eyebrow{display:none}
.principles-section{display:block;background:none;border-radius:0;color:var(--ink);gap:0}.principles-section .section-heading{margin-bottom:48px}.principles-grid{display:grid;grid-template-columns:1fr;gap:40px 24px}
.principles-grid button{padding:0 0 0 24px;border:0;border-inline-start:1px solid var(--line);text-align:start;border-radius:0;display:block;background:none}.principles-grid button>span{font-size:28px;line-height:1;width:32px;height:32px;display:block;margin:0 0 8px;color:var(--ink)}.principles-grid h3{font-size:20px;font-weight:400;line-height:1.4;letter-spacing:0;margin:0}.principles-grid p{font-size:16px;line-height:1.5;color:var(--muted);margin:24px 0 0}
.insights-section{overflow:hidden}.insights-cover{padding:24px;min-height:300px;position:relative;border-radius:12px 12px 0 0;overflow:hidden;background:#1d3337 url('./insights.jpg') center/cover;color:white}
.insights-cover h2{max-width:20ch;font-size:32px;line-height:1.2;font-weight:400;letter-spacing:-.025em;margin:0 0 24px}.insights-cover p{font-size:18px;line-height:1.5;max-width:36ch;margin:0}.insights-cover::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b1d2199,transparent 95%);z-index:0}.insights-cover>*{position:relative;z-index:1}
.insights-carousel{padding:24px;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;display:grid;gap:24px}
.insight-slide{display:grid;grid-template-columns:1fr;gap:24px}.insight-slide[hidden]{display:none}.insight-slide h3,.insight-slide h4{font-size:16px;line-height:1.5;font-weight:400;margin:0}.insight-slide small,.insight-slide .eyebrow{display:block;font-size:14px;line-height:1.5;color:#79919c;letter-spacing:0;font-weight:400;margin-top:4px}.insight-slide p{font-size:20px;line-height:1.4;color:var(--muted);margin:0;max-width:45ch}
.insight-controls{display:flex;align-items:center;justify-content:flex-end;gap:16px}.insight-controls button{border:1px solid var(--line);border-radius:8px;width:40px;height:40px;font-size:24px;line-height:1;padding:8px;color:var(--ink);transition:background .2s}.insight-controls button:hover{background:#f0f5f4}.insight-controls button:disabled{opacity:.35}
.assets-section h2{margin-bottom:32px}.asset-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px;align-items:center}.asset-logo-grid>button,.asset-logo-grid>.asset-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:100px;padding:8px;background:none;font-size:12px;color:var(--muted)}.asset-logo-grid img{width:42px;height:42px;object-fit:contain}.asset-logo-grid .coin-symbol,.asset-logo-grid>button>span:first-child,.asset-logo-grid>.asset-logo>span:first-child{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:33px;color:#627377;background:#f1f5f4}.asset-logo-grid strong{font-size:14px;font-weight:500;color:#313c41}
.guide-section>h2{max-width:32ch;margin-bottom:40px}.guide-grid{display:grid;grid-template-columns:1fr;gap:24px}.guide-grid>button,.guide-grid>article{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:24px;padding:32px;background:#f1f8f5;border-radius:8px;text-align:start;min-height:220px;transition:background .2s}.guide-grid>button:hover{background:#e9f3ee}.guide-grid h3{font-size:18px;font-weight:500;line-height:1.4;margin:0;color:var(--ink)}.guide-grid p{font-size:16px;line-height:1.5;color:var(--muted);margin:0}.guide-grid .guide-arrow,.guide-grid>button>span:last-child{color:#477c6a;font-size:20px}
.faq-section{display:grid;grid-template-columns:1fr;gap:24px}.faq-section>.large-heading{font-size:32px}.faq-list details{border-color:var(--line)}.faq-list summary{font-size:20px;font-weight:400;line-height:1.4;letter-spacing:0;padding:24px 0;gap:24px}.faq-list details:first-child summary{padding-top:0}.faq-list summary>span:last-child{font-size:24px;font-weight:400}.faq-list details p{font-size:16px;line-height:1.5;padding:0 0 24px;color:var(--muted)}
.closing-panel.visual-banner{max-width:1904px;width:calc(100% - 16px);margin:80px auto 0;border-radius:12px;padding:0;background:#f6f7f8;color:var(--ink)}
.closing-panel.visual-banner .banner-copy{background:#f4f6f7}.closing-panel.visual-banner .banner-image{object-position:76% center}.closing-panel.visual-banner .closing-glow{display:none}
.footer{width:100%;max-width:1360px;margin:80px auto 0;padding:0 24px 32px}.footer-top{padding:0 0 32px;margin:0 0 40px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:24px;align-items:center}.footer-top>p{font-size:16px;color:var(--muted);max-width:32ch;margin:0}.footer-top .brand{font-size:24px}.footer-top>.text-button{margin:0}
.footer-download{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding:0 0 40px;margin-bottom:48px}.footer-download p{font-size:18px;line-height:1.5}.footer-download .primary{min-width:180px}
.footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}.footer-column h3,.footer-grid section>h3{font-size:16px;font-weight:500;line-height:1.5;margin-bottom:24px}.footer-column button,.footer-grid section>button{font-size:14px;line-height:1.5;margin-bottom:16px;color:var(--muted)}.footer-bottom{font-size:12px;line-height:1.5;border-color:var(--line);margin-top:48px;padding-top:32px;gap:24px}.footer-bottom>p{font-size:12px;line-height:1.5;color:#7b858d;max-width:none}.footer-bottom>button{font-size:12px}
[dir=rtl] .offering-copy{padding:0 48px 0 64px}[dir=rtl] .arrow-circle{right:auto;left:0}[dir=rtl] .client-copy h3{margin-right:0;margin-left:48px}
@media(min-width:600px){
 .large-heading{font-size:36px}.section{margin-top:128px}.section-heading{margin-bottom:56px}.section-heading>p,.section-heading>div>p,.section-subtitle{font-size:20px}
 .hero{margin:8px;border-radius:12px;height:900px;min-height:800px}.hero-image{height:100%;top:0;object-position:68% center}.hero-shade{background:linear-gradient(90deg,#0005,transparent 70%),linear-gradient(#0007,transparent 30%)}.hero-copy{top:125px;left:32px;max-width:75%;width:600px}.hero h1{font-size:48px}.hero-body{font-size:24px;max-width:32ch;margin-top:24px}.hero-note{max-width:388px;width:388px;font-size:14px;padding:16px 24px}.hero-facts{font-size:13px;justify-content:flex-start;gap:48px;bottom:40px;left:32px}.hero-facts div{max-width:none}
 .header{left:8px;right:8px;top:8px;border-radius:8px;height:66px;padding:0 24px}.main-nav{top:66px}.header .brand{font-size:24px}.header-actions .login-button{font-size:15px}.header-actions .small-primary{font-size:15px;padding:12px 20px}.language{display:flex;position:relative}.language>span{font-size:22px}.language select{position:absolute;inset:0;opacity:0;font-size:16px;max-width:none;width:100%}.header-actions{gap:20px}
 .offering-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 24px;margin-top:56px}.offering-art{margin-bottom:32px}.offering-copy h3{font-size:24px}.offering-copy p{font-size:18px}.offering-copy{padding-inline-end:64px}.arrow-circle{width:40px;height:40px;font-size:24px}
 .knowledge-banner{padding:48px 16px}.knowledge-banner .large-heading{font-size:32px}.knowledge-banner>p{font-size:20px}.topic-pills button{font-size:20px}
 .visual-banner{margin-top:128px;min-height:min(50vw,584px)}.visual-banner .banner-image{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto;object-position:center}.visual-banner::after{content:'';position:absolute;inset:0 auto 0 0;width:65%;z-index:-1;background:linear-gradient(90deg,#000b,transparent)}.visual-banner .banner-copy{max-width:68%;width:100%;padding:48px 24px;background:transparent}.visual-banner h2,.closing-panel.visual-banner h2{font-size:36px}.visual-banner p,.closing-panel.visual-banner p{font-size:20px}.visual-banner .text-button{font-size:20px}.visual-banner .primary{min-height:64px;font-size:20px}
 .client-section{padding:40px}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px}.client-section .section-heading{margin-bottom:64px}.client-card{padding-inline-end:24px}.client-copy h3{font-size:24px;min-height:68px}.client-copy p{font-size:18px}
 .transfers-section .section-heading{margin-bottom:24px}.feature-list>button{padding:40px 0;gap:16px}.feature-list .feature-label h3,.feature-list h3{font-size:24px}.feature-list p,.feature-list>button>p{font-size:18px}.feature-list .line-icon{margin-bottom:0}
 .loyalty-section{padding:48px 24px;gap:24px}.membership-heading{gap:24px}.membership-heading h2{font-size:32px}.membership-coin,.membership-heading .loyalty-orb{width:100px;height:100px;font-size:52px}.loyalty-section>div:last-child>p{font-size:20px}
 .principles-section .section-heading{margin-bottom:64px}.principles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px}.principles-grid button{padding-inline-end:24px}.principles-grid h3{font-size:24px;min-height:68px}.principles-grid p{font-size:18px}
 .insights-cover{min-height:340px;padding:40px}.insights-cover h2{font-size:36px}.insights-cover p{font-size:20px}.insights-carousel{padding:40px;gap:32px}.insight-slide h3{font-size:18px}.insight-slide p{font-size:24px}.insight-controls button{width:54px;height:54px;padding:14px}
 .assets-section h2{margin-bottom:40px}.asset-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.asset-logo-grid>button,.asset-logo-grid>.asset-logo{min-height:110px}.asset-logo-grid img{width:56px;height:56px}.asset-logo-grid strong{font-size:16px}
 .guide-section>h2{margin-bottom:64px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.guide-grid p{font-size:18px}.guide-grid h3{font-size:20px}
 .faq-section>.large-heading{font-size:36px}.faq-list summary{font-size:24px}.faq-list details p{font-size:18px}
 .closing-panel.visual-banner{margin-top:128px;min-height:min(42vw,804px)}.closing-panel.visual-banner::after{background:linear-gradient(90deg,#eef0f0dd,transparent);width:60%}.closing-panel.visual-banner .banner-copy{background:transparent}
 .footer{margin-top:128px;padding-bottom:40px}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}.footer-top>.text-button{margin-inline-start:auto}
}
@media(min-width:900px){
 .section{margin-top:240px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:64px}.section-heading>h2{padding-inline-end:40px}.section-heading>p,.section-heading>div{padding-top:12px}.section-heading>div>p{margin:0}.section-heading .text-button{margin-top:24px}
 .hero{height:max(760px,100svh);min-height:760px;max-height:1080px}.hero-copy{left:24px;top:50%;transform:translateY(-48%);max-width:57%;width:720px}.hero h1{font-size:48px;max-width:21ch}.hero-body{max-width:36ch;font-size:24px;margin:24px 0 40px}.hero-cta{min-width:260px;min-height:64px;font-size:20px}.hero-facts{left:24px;right:24px;bottom:48px;gap:64px;font-size:14px}.hero-image{object-position:center}.hero-shade{background:linear-gradient(90deg,#06131222,transparent 70%),linear-gradient(180deg,#0007,transparent 20%)}
 .header{position:absolute;height:74px;left:0;right:0;top:0;background:transparent;color:white;border:0;backdrop-filter:none;padding:0 24px;border-radius:0;gap:24px}.header .brand{font-size:24px;gap:10px}.header .brand-mark{width:28px;height:28px}.header .main-nav{display:flex;position:static;background:none;width:auto;margin:auto;padding:0;border:0;box-shadow:none;flex-direction:row;gap:24px;font-size:16px;align-items:center}.main-nav button{padding:12px 0;border:0}.header-actions{gap:20px;margin:0}.header-actions .small-primary{font-size:16px;min-width:110px}.header-actions .login-button{font-size:16px}.header-divider{display:block;height:24px}.language{gap:4px}.language select{position:static;inset:auto;opacity:1;max-width:85px;width:auto;font-size:12px}.language>span{font-size:24px}.menu-toggle{display:none}.header.scrolled{position:fixed;left:8px;right:8px;top:8px;background:#fffffffa;color:var(--ink);border-radius:8px;box-shadow:0 1px 10px #0000000d;backdrop-filter:blur(10px)}
 .mega-menu{position:absolute;left:24px;right:24px;top:80px;max-height:calc(100svh - 110px)}.mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mega-inner{padding:32px}.header:has(.menu-toggle[aria-expanded="true"]) .main-nav{flex-direction:row;align-items:center}
 .offering-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:64px;gap:64px 24px}.offering-copy{padding-inline-end:72px}.offering-grid .arrow-circle{right:24px}.offerings>h2{max-width:32ch}
 .knowledge-banner{padding:64px 16px}.topic-pills{gap:48px}
 .visual-banner{margin-top:240px}.visual-banner .banner-copy{padding:80px 24px;max-width:52%}.visual-banner h2{margin-bottom:24px}.visual-banner p{margin-bottom:56px}.visual-banner::after{width:60%}
 .client-section{padding:64px}.client-card{padding:24px 24px 24px 48px}.client-grid{margin-block:-24px;gap:24px}.client-copy h3{margin-top:8px}.client-copy .arrow-circle{top:0;right:0}
 .transfers-section .section-heading{margin-bottom:64px}.feature-list>button{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;padding:48px 0}.feature-list .line-icon{width:32px;margin:2px 0 0}.feature-list>button>p{padding-inline-end:72px}.feature-list .feature-label{align-self:center}
 .loyalty-section{grid-template-columns:7fr 5fr;gap:24px;padding:64px 24px}.membership-heading{flex-direction:row;align-items:center;gap:48px;padding-inline-end:32px}.membership-coin,.membership-heading .loyalty-orb{width:120px;height:120px;font-size:64px}.membership-heading h2{max-width:22ch}.loyalty-section>div:last-child{align-self:center}
 .principles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px}.principles-grid button{padding-inline:48px 24px}.principles-grid h3{margin-top:8px}.principles-grid button>span{margin-bottom:8px}
 .insights-cover{min-height:465px;padding:64px;color:var(--ink);background-position:center}.insights-cover::before{background:linear-gradient(90deg,#edf0ee99,transparent 62%)}.insights-cover h2{max-width:22ch}.insights-cover p{max-width:40ch;color:var(--muted)}.insights-carousel{padding:64px}.insight-slide{grid-template-columns:1fr 1fr;gap:24px}.insight-controls{justify-content:flex-start;max-width:45%;margin-top:-56px}.insight-slide p{min-height:128px}
 .assets-section h2{margin-bottom:64px}.asset-logo-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.asset-logo-grid>button,.asset-logo-grid>.asset-logo{padding:24px 12px}
 .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-grid>button,.guide-grid>article{min-height:280px}
 .faq-section{grid-template-columns:5fr 7fr;gap:24px}.faq-section>.large-heading{padding-inline-end:40px}.faq-list summary{padding:32px 0}
 .closing-panel.visual-banner{margin-top:240px}.closing-panel.visual-banner .banner-copy{padding:88px 24px}.closing-panel.visual-banner h2{margin-bottom:24px}.closing-panel.visual-banner p{margin-bottom:56px}
 .footer{margin-top:128px}.footer-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.footer-column h3,.footer-grid section>h3{font-size:18px}.footer-column button,.footer-grid section>button{font-size:16px}.footer-top{padding-bottom:48px;margin-bottom:48px}.footer-download{padding-bottom:48px;margin-bottom:64px}
}
@media(min-width:1200px){
 .section{max-width:1360px}.large-heading{font-size:48px}.hero{margin:8px auto;width:calc(100% - 16px)}.hero h1{font-size:56px}.hero-copy{left:max(24px,calc((100% - 1312px)/2));width:730px;max-width:58%}.header{padding-inline:max(24px,calc((100% - 1312px)/2))}.hero-facts{left:max(24px,calc((100% - 1312px)/2));gap:96px}.hero-body{max-width:35ch}.hero-note{max-width:388px}
 .knowledge-banner,.client-section,.loyalty-section{max-width:1440px}.visual-banner{max-width:1440px}.visual-banner .banner-copy{padding-left:max(40px,calc((100% - 1312px)/2));padding-right:40px}.visual-banner h2,.closing-panel.visual-banner h2{font-size:48px}.knowledge-banner .large-heading,.membership-heading h2{font-size:40px}.knowledge-banner .large-heading{max-width:32ch}.loyalty-section{padding-inline:64px}.membership-heading{padding-inline-end:56px}
 .insights-cover h2,.faq-section>.large-heading{font-size:48px}.closing-panel.visual-banner{max-width:1904px}.closing-panel.visual-banner .banner-copy{padding-left:max(24px,calc((100% - 1312px)/2));padding-right:32px;max-width:calc(50% + 12px)}
}
@media(max-width:359px){
 .header{padding-inline:16px;gap:8px}.header .brand{font-size:17px;gap:6px}.header .brand-mark{width:21px;height:21px}.header-actions{gap:10px}.header-actions .login-button{font-size:12px}.header-actions .small-primary{font-size:12px;padding:10px}.menu-toggle{width:24px}.hero-copy{left:24px;right:24px}.hero h1{font-size:34px}.hero-body{font-size:18px}.offering-copy{padding-left:32px;padding-right:48px}.visual-banner,.knowledge-banner,.client-section,.loyalty-section{width:calc(100% - 32px)}
}
@media(prefers-reduced-motion:reduce){.offering-art img{transition:none}.offering-card:hover .offering-art img{transform:none}}
/* Final markup bindings. */
.menu-toggle{flex-direction:column;gap:6px}.menu-toggle>span{display:block;width:20px;height:1.5px;border-radius:1px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded="true"]>span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded="true"]>span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.knowledge-banner{background:#071215 url('./knowledge.jpg') center/cover}
.illustration-label{position:absolute;right:10px;bottom:8px;font-size:10px;line-height:1.4;padding:3px 6px;border-radius:4px;background:#07171966;color:#dce8e8;letter-spacing:.02em;pointer-events:none}
.client-copy>svg,.principles-grid>button>svg{display:block;width:48px;height:48px;margin:0 0 8px;flex-shrink:0}.feature-list .line-icon>svg{width:32px;height:32px;display:block}
.insights-cover{isolation:isolate;background:#1d3337}.insights-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.insights-cover::before{z-index:-1}.insights-cover>div{position:relative;z-index:1}.insight-index{display:block;color:#79919c;font-size:14px;line-height:1.5;margin-bottom:12px;font-variant-numeric:tabular-nums}.guide-index{font-size:12px;color:#719284;letter-spacing:.08em}
@media(max-width:599px){.language{display:flex;position:relative;gap:0;width:21px;height:28px;flex-shrink:0}.language>span{font-size:21px;line-height:1}.language select{display:block;position:absolute;inset:0;width:100%;max-width:none;opacity:0;font-size:16px;cursor:pointer}.header{padding-inline:16px;gap:10px}.header-actions{gap:11px}.header .brand{font-size:18px;gap:6px}.header .brand-mark{width:22px;height:22px}.header-actions .small-primary{padding:10px 12px}.menu-toggle{width:24px}.header-actions .login-button{font-size:12px}}
@media(max-width:359px){.header{padding-inline:12px;gap:8px}.header-actions{gap:9px}.header .brand{font-size:16px}.header .brand-mark{width:20px;height:20px}.header-actions .small-primary{padding:9px 10px;font-size:11px}.header-actions .login-button{font-size:11px}.language{width:19px}.language>span{font-size:19px}.menu-toggle{width:21px}.menu-toggle>span{width:18px}}