/* DOYOS: an editorial rhythm of charcoal, warm white, and restrained red. */ .institutional-site { --institutional-ink:#171b21; --institutional-muted:#5d6570; --institutional-paper:#f5f5f2; } .institutional-site :is(a,button,select):focus-visible { outline:2px solid #bb252e; outline-offset:5px; } .institutional-site .navigation-ready :is(.menu,.mega-panel) { border-top-width:1px; border-radius:0 0 4px 4px; box-shadow:0 22px 50px #17202b1a; } .professional.site-refined.institutional-site .home-section-nav { border-bottom:1px solid #e0e2e4; background:#fff; } .professional.site-refined.institutional-site .home-section-nav a { font-size:13px; font-weight:550; padding-block:21px; } /* The hero uses real columns, so the illustration never sits behind the copy. */ .professional.site-refined.experience-site.institutional-site.page-index .hero { background:radial-gradient(ellipse at 78% 46%,#227ba32b 0%,transparent 56%),linear-gradient(112deg,#081b33 0%,#0d2949 58%,#123954 100%); color:#fff; } .professional.site-refined.experience-site.institutional-site.page-index .hero-grid { display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); gap:16px; align-items:center; min-height:612px; padding-block:52px; } .professional.site-refined.experience-site.institutional-site.page-index .hero-text { width:100%; position:relative; z-index:3; } .professional.site-refined.experience-site.institutional-site.page-index .hero .welcome { color:#bcd5e9; max-width:500px; font-size:11px; line-height:1.7; font-weight:500; letter-spacing:.12em; margin:0 0 22px; } .professional.site-refined.experience-site.institutional-site.page-index .hero h1 { color:#e7e9ed; font-size:clamp(42px,4.1vw,61px); line-height:1.09; letter-spacing:-.055em; font-weight:450; margin:0 0 22px; } .professional.site-refined.experience-site.institutional-site.page-index .hero .mt5 { color:#fff; -webkit-text-fill-color:#fff; font-size:clamp(57px,5.5vw,82px); font-weight:600; line-height:1.07; letter-spacing:-.06em; margin:0 0 8px; white-space:nowrap; } .professional.site-refined.experience-site.institutional-site.page-index .hero .sub { color:#dce6f0; font-size:20px; max-width:500px; line-height:1.65; } .professional.site-refined.experience-site.institutional-site.page-index .hero .chips { max-width:500px; gap:13px 20px; margin-block:22px 28px; } .professional.site-refined.experience-site.institutional-site.page-index .hero .chip { color:#e0eaf3; font-size:14px; line-height:1.6; background:none; border:0; padding:0; } .professional.site-refined.experience-site.institutional-site.page-index .hero .chip i { background:#f05e67; box-shadow:none; width:4px; height:4px; flex-shrink:0; } .professional.site-refined.experience-site.institutional-site.page-index .hero .row { gap:13px; } .professional.site-refined.experience-site.institutional-site.page-index .hero .btn { min-height:51px; border-radius:3px; padding:15px 22px; font-size:13px; } .professional.site-refined.experience-site.institutional-site.page-index .hero .btn.ghost { color:#fff; border:1px solid #708daa; background:#ffffff05; } .professional.site-refined.experience-site.institutional-site.page-index .hero .btn.ghost:hover { background:#ffffff10; border-color:#b9c2ce; } .professional.site-refined.experience-site.institutional-site.page-index .hero .trust-row { padding-top:20px; margin-top:27px!important; border-top:1px solid #a3c5e333; gap:12px 18px; max-width:520px; } .professional.site-refined.experience-site.institutional-site.page-index .hero .trust-row span { color:#bfd1e1; font-size:12px; line-height:1.6; letter-spacing:0; } .professional.site-refined.experience-site.institutional-site.page-index .hero .trust-row i { background:#e56770; } .professional.site-refined.experience-site.institutional-site.page-index .hero-visual.hero-market-scene[data-live-scene] { position:relative; inset:auto; width:100%; height:500px; max-width:none; margin:0; overflow:visible; } .professional.site-refined.experience-site.institutional-site.page-index .hero-visual.hero-market-scene::before { content:""; display:block; position:absolute; inset:-12% -14%; z-index:0; pointer-events:none; border:0; border-radius:50%; background:radial-gradient(ellipse,#56bdec2e 0%,#3396ce14 38%,transparent 68%); } .professional.site-refined.experience-site.institutional-site.page-index .hero-market-scene .scene-plane { inset:0 -3%; } .professional.site-refined.experience-site.institutional-site.page-index .hero-market-scene .hero-sculpture { filter:drop-shadow(0 24px 24px #020d2133); animation:hero-navy-float 14s ease-in-out infinite; } .professional.site-refined.experience-site.institutional-site.page-index .hero-market-scene .motion-toggle { background:#183e5dcc; border:1px solid #769dbb; color:#fff; right:12px; bottom:0; box-shadow:none; } .professional.site-refined.experience-site.institutional-site.page-index .stats { background:#fff; border-bottom:1px solid #e0e2e4; } .professional.site-refined.experience-site.institutional-site.page-index .stats-in { padding-block:30px; } .professional.site-refined.experience-site.institutional-site.page-index .stat-item h3 { color:#242930; font-size:30px; font-weight:500; letter-spacing:-.045em; } .professional.site-refined.experience-site.institutional-site.page-index .stat-item p { font-size:11px; color:#646b74; letter-spacing:.035em; } /* One product stage, with explicitly selected device views. */ .professional.site-refined.experience-site.institutional-site.page-index .plat.platform-showcase { background:#f4f4f1; padding-block:92px; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase .two { gap:28px 72px; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase h2 { font-weight:500; font-size:clamp(40px,4.1vw,59px); line-height:1.08; letter-spacing:-.055em; max-width:510px; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase p.gray { font-size:16px; line-height:1.85; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase .plat-img.platform-scene { max-width:none; min-height:540px; margin:14px 0 16px; background:#fff; border:1px solid #e1e3e1; border-radius:6px; overflow:hidden; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase .platform-halo { display:none; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase .platform-scene .scene-plane { inset:78px 12% 57px; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase .platform-sculpture { object-fit:contain; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase figcaption { bottom:21px; font-size:11px; letter-spacing:.035em; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase .motion-toggle { right:19px; bottom:16px; } .platform-preview-tabs { position:absolute; z-index:5; top:23px; left:50%; translate:-50% 0; display:flex; gap:5px; padding:4px; border-radius:5px; background:#f1f2f1; max-width:calc(100% - 30px); } .platform-preview-tabs [role=tab] { appearance:none; padding:9px 20px; min-height:40px; border:0; border-radius:3px; font:inherit; font-size:12px; font-weight:550; color:#606772; background:none; cursor:pointer; white-space:nowrap; transition:background .18s,color .18s; } .platform-preview-tabs [role=tab][aria-selected=true] { color:#fff; background:#222931; box-shadow:0 1px 3px #16202715; } .platform-preview-tabs [role=tab]:hover:not([aria-selected=true]) { color:#171b21; background:#e5e7e6; } .platform-preview-status { position:absolute; left:20px; bottom:18px; right:70px; font-size:12px; color:#a7212a; } .platform-preview-status:empty { display:none; } .platform-preview .platform-sculpture { transition:opacity .18s; } .platform-preview[aria-busy=true] .platform-sculpture { opacity:.5; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase .grid-2 { gap:35px; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase .feat { border-top:1px solid #d6dadb; padding-top:19px; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase .feat h4 { font-size:17px; font-weight:550; margin-bottom:9px; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase .feat p { font-size:13px; line-height:1.8; } /* Consistent, generous cards without a horizontal gallery. */ .professional.site-refined.experience-site.institutional-site.page-index :is(.instr,.acad,.accs) h2 { font-weight:500; letter-spacing:-.05em; } .professional.site-refined.experience-site.institutional-site.page-index .solution h2.t-center { max-width:880px; margin-inline:auto; font-size:clamp(33px,3.2vw,46px); font-weight:500; line-height:1.2; } .professional.site-refined.experience-site.institutional-site.page-index .cards6 { gap:0 30px; border-bottom:1px solid #e1e4e6; } .professional.site-refined.experience-site.institutional-site.page-index .cards6 .card { padding:29px 7px; border:0; border-top:1px solid #e1e4e6; background:none; box-shadow:none; border-radius:0; } .professional.site-refined.experience-site.institutional-site.page-index .cards6 .card p { font-size:17px; font-weight:550; } .professional.site-refined.experience-site.institutional-site.page-index .cards6 .card small { font-size:12px; } .professional.site-refined.experience-site.institutional-site.page-index .i-top { border-radius:5px; background:#f6f7f7; } .professional.site-refined.experience-site.institutional-site.page-index .i-body { padding-top:24px; } .professional.site-refined.experience-site.institutional-site.page-index .i-body h3 { font-size:27px; font-weight:550; letter-spacing:-.035em; } .professional.site-refined.experience-site.institutional-site.page-index .i-body p { font-size:14px; line-height:1.85; } .professional.site-refined.experience-site.institutional-site.page-index .acad { background:#f4f4f1; } .professional.site-refined.experience-site.institutional-site.page-index .acad .media-frame { aspect-ratio:1.08; border-radius:5px; } .professional.site-refined.experience-site.institutional-site.page-index .money { background:#f4f4f1; } .professional.site-refined.experience-site.institutional-site.page-index .money h2 { font-weight:500; } @media(max-width:1100px) { .professional.site-refined.experience-site.institutional-site.page-index .hero-grid { gap:16px; min-height:570px; padding-block:44px; } .professional.site-refined.experience-site.institutional-site.page-index .hero .mt5 { font-size:5.4vw; } .professional.site-refined.experience-site.institutional-site.page-index .hero h1 { font-size:4vw; } .professional.site-refined.experience-site.institutional-site.page-index .hero-visual.hero-market-scene[data-live-scene] { height:440px; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase .two { column-gap:35px; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase .plat-img.platform-scene { min-height:490px; } } @media(max-width:800px) { .professional.site-refined.experience-site.institutional-site.page-index .hero-grid { grid-template-columns:1fr; gap:0; padding-block:42px 24px; } .professional.site-refined.experience-site.institutional-site.page-index .hero .mt5 { font-size:clamp(46px,9vw,72px); } .professional.site-refined.experience-site.institutional-site.page-index .hero h1 { font-size:clamp(36px,7vw,55px); } .professional.site-refined.experience-site.institutional-site.page-index .hero .sub { max-width:100%; } .professional.site-refined.experience-site.institutional-site.page-index .hero .trust-row { max-width:100%; } .professional.site-refined.experience-site.institutional-site.page-index .hero-visual.hero-market-scene[data-live-scene] { height:380px; max-width:580px; justify-self:center; } .professional.site-refined.experience-site.institutional-site.page-index .hero-market-scene .scene-plane { inset:0; } .professional.site-refined.experience-site.institutional-site.page-index .plat.platform-showcase { padding-block:64px; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase .plat-img.platform-scene { min-height:410px; margin-block:2px 0; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase .platform-scene .scene-plane { inset:72px 3% 49px; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase h2 { font-size:44px; } .professional.site-refined.experience-site.institutional-site.page-index .acad .media-frame { aspect-ratio:1.35; } } @media(max-width:480px) { .professional.site-refined.experience-site.institutional-site.page-index .hero-grid { padding-top:35px; } .professional.site-refined.experience-site.institutional-site.page-index .hero .welcome { font-size:10.5px; line-height:1.7; letter-spacing:.08em; margin-bottom:20px; } .professional.site-refined.experience-site.institutional-site.page-index .hero .mt5 { font-size:clamp(40px,11.5vw,55px); } .professional.site-refined.experience-site.institutional-site.page-index .hero h1 { font-size:clamp(33px,8.9vw,42px); } .professional.site-refined.experience-site.institutional-site.page-index .hero .sub { font-size:17px; } .professional.site-refined.experience-site.institutional-site.page-index .hero .chips { gap:13px 19px; margin-block:24px; } .professional.site-refined.experience-site.institutional-site.page-index .hero .chip { font-size:12.5px; } .professional.site-refined.experience-site.institutional-site.page-index .hero .row { gap:10px; } .professional.site-refined.experience-site.institutional-site.page-index .hero .btn { padding-inline:15px; font-size:12px; } .professional.site-refined.experience-site.institutional-site.page-index .hero .trust-row { gap:13px; margin-top:26px!important; } .professional.site-refined.experience-site.institutional-site.page-index .hero .trust-row span { font-size:11.5px; } .professional.site-refined.experience-site.institutional-site.page-index .hero-visual.hero-market-scene[data-live-scene] { height:300px; } .professional.site-refined.experience-site.institutional-site.page-index .stat-item h3 { font-size:25px; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase h2 { font-size:39px; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase .plat-img.platform-scene { min-height:310px; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase .platform-scene .scene-plane { inset:72px 0 47px; } .platform-preview-tabs { top:18px; gap:2px; } .platform-preview-tabs [role=tab] { padding:9px 12px; font-size:11px; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase figcaption { bottom:22px; font-size:10px; } .professional.site-refined.experience-site.institutional-site.page-index .platform-showcase .motion-toggle { right:12px; bottom:12px; } .professional.site-refined.experience-site.institutional-site.page-index .cards6 { column-gap:17px; } .professional.site-refined.experience-site.institutional-site.page-index .cards6 .card { padding:23px 0; } .professional.site-refined.experience-site.institutional-site.page-index .cards6 .card p { font-size:15px; } } @media(prefers-reduced-motion:reduce) { .institutional-site .platform-preview * { transition:none!important; } } @media print { .institutional-site .hero { background:#fff!important; color:#171b21!important; } .institutional-site .hero :is(h1,.mt5,.sub,.welcome,.chip,.trust-row span) { color:#171b21!important; -webkit-text-fill-color:#171b21!important; } .institutional-site .platform-preview-tabs { display:none; } } /* A shared finish for both site templates. Legal copy stays fully visible. */ .professional.site-refined.institutional-site footer, .professional.site-refined.institutional-site .f-wrap, .professional.site-refined.institutional-site .f-bot, .professional-nested.site-refined.institutional-site .site-footer { background:#171d25; color:#c1c8d1; border-color:#39414c; } .professional.site-refined.institutional-site .f-wrap { padding-top:70px; } .professional.site-refined.institutional-site .f-brand>img, .professional-nested.site-refined.institutional-site .footer-brand, .professional-nested.site-refined.institutional-site .footer-brand img { filter:none; } .professional.site-refined.institutional-site :is(.f-brand p,.f-reg p,.b-in p,.f-pay span) { color:#b7c0cb; } .professional.site-refined.institutional-site :is(.f-col h4,.f-reg strong) { color:#f0f3f7; } .professional.site-refined.institutional-site :is(.f-col a,.b-links a) { color:#c4ccd6; } .professional.site-refined.institutional-site .f-brand p a { color:#e9edf2!important; } .professional.site-refined.institutional-site :is(.f-col a,.b-links a):hover { color:#fff; text-decoration:underline; text-underline-offset:4px; } .professional.site-refined.institutional-site :is(.f-mid,.f-bot) { border-color:#39414c; } .professional.site-refined.institutional-site .f-social a { color:#d9e0e9; border-color:#556171; background:none; } .professional.site-refined.institutional-site .f-pay img { background:#fff; padding:10px; border-radius:3px; } .institutional-site .platform-preview-tabs[hidden] { display:none; } @media(max-width:600px) { .professional.site-refined.experience-site.institutional-site.page-index .stats-in { grid-template-columns:repeat(2,minmax(0,1fr)); padding-block:12px; } .professional.site-refined.experience-site.institutional-site.page-index .stats .stat-item { min-width:0; padding:24px 14px; border:0; border-bottom:1px solid #e1e4e6; } .professional.site-refined.experience-site.institutional-site.page-index .stats .stat-item:nth-child(odd) { border-right:1px solid #e1e4e6; } .professional.site-refined.experience-site.institutional-site.page-index .stats .stat-item:last-child { grid-column:1/-1; border:0; text-align:center; } .professional.site-refined.experience-site.institutional-site.page-index .stats .stat-item h3 { font-size:24px; white-space:normal; } .professional.site-refined.institutional-site .home-section-nav a { padding-block:16px; font-size:12px; } .professional.site-refined.institutional-site .f-wrap { padding-top:48px; } } /* Small, slow motion for the image fallback; existing pause and reduced-motion rules apply. */ @keyframes hero-navy-float { 0%,100% { transform:translate3d(0,0,0) rotate(-.2deg); } 50% { transform:translate3d(0,-6px,0) rotate(.2deg); } } /* Preserve full-size navigation controls on the narrowest phones. */ @media(max-width:360px) { .professional.site-refined.experience-site.institutional-site.page-index .header .nav { column-gap:2px; } .professional.site-refined.experience-site.institutional-site.page-index .header .logo img { width:98px; } } /* Light-palette proposal is inactive in dark mode, preserving the established theme. */ /* DOYOS interior proposal. All rules are opt-in; no content or media is replaced. */ html:not([data-theme="dark"]) body.institutional-site.experience-pages { --interior-ink:#20262c; --interior-muted:#59616a; --interior-line:#dddeda; --interior-warm:#f6f3ee; --interior-red:#bc2530; } /* A calm title and a broad, uninterrupted media stage. */ html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero:not([data-experience-layout="corporate"]) { background:var(--interior-warm); border-bottom:0; padding-block:58px 64px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero:not([data-experience-layout="corporate"]) :is(.editorial-hero-grid,.page-hero-grid) { gap:clamp(40px,5vw,76px); } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero h1 { color:var(--interior-ink); font-size:clamp(40px,3.45vw,50px); line-height:1.14; font-weight:500; letter-spacing:-.035em; text-wrap:balance; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero :is(.lead,.editorial-hero-copy>p,.editorial-legacy-copy>p) { color:var(--interior-muted); font-size:17px; line-height:1.75; margin-block:24px; max-width:58ch; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero :is(.crumb,.breadcrumbs) { color:#73787d; font-size:12px; margin-bottom:28px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero .eyebrow { color:var(--interior-ink); font-size:11px; font-weight:600; letter-spacing:.09em; margin-bottom:18px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero :is(.chips,.hero-chips) { gap:12px 22px; margin-top:24px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero :is(.chip,.hero-chip) { color:var(--interior-muted); font-size:12px; line-height:1.6; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero :is(.hero-actions,.editorial-hero-copy>.row,.editorial-legacy-copy>.row) { gap:12px; margin-top:30px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero:is([data-experience-layout="object"],[data-experience-layout="platform"],[data-experience-layout="account"],[data-experience-layout="document"]) :is(.editorial-art,.page-hero-visual) { background:transparent; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero :is(.editorial-art,.page-hero-visual):not([data-live-scene])>img { object-fit:contain; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero[data-experience-layout="document"] { background:#fff; border-bottom:1px solid var(--interior-line); padding-block:40px 44px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero[data-experience-layout="document"] h1 { font-size:clamp(38px,3.35vw,48px); } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero[data-experience-layout="document"] :is(.editorial-art,.page-hero-visual) { height:240px; max-height:240px; } /* Grouped sections: generous outside space, useful inside space. */ html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.page-body,.section) { padding-block:80px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .section-alt { background:var(--interior-warm); border:0; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.page-body,.section,.section-sm) h2 { color:var(--interior-ink); font-size:clamp(30px,2.65vw,38px); font-weight:500; line-height:1.2; letter-spacing:-.03em; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .section-head { align-items:flex-end; gap:32px 64px; margin-bottom:40px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .section-head .title-wrap { max-width:690px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .section-head p { color:var(--interior-muted); font-size:16px; line-height:1.75; max-width:38ch; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-body>.container>h2 { margin-top:64px; margin-bottom:28px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-body .media-split { gap:64px; margin-bottom:40px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.media-split,.split)>div>p { font-size:17px; line-height:1.8; color:var(--interior-muted); } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.media-frame,.visual,.feature-media):has(>.experience-support-image) { background:var(--interior-warm); border-radius:3px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .experience-support-image { object-fit:contain; background:none; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .experience-support-image[data-experience-media="photo"] { object-fit:contain; height:auto; aspect-ratio:auto; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.grid-2,.grid-3,.grid-4,.steps) { gap:24px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.page-body,.section) :is(.step,.feat,.card,.process-card) { background:var(--interior-warm); border:0; border-radius:3px; padding:30px 32px; box-shadow:none; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .section-alt :is(.card,.process-card) { background:#fff; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.page-body,.section) :is(.step,.feat,.card,.process-card):hover { transform:none; box-shadow:none; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.step h4,.feat h4,.card h3,.process-card h3) { color:var(--interior-ink); font-size:23px; font-weight:500; line-height:1.3; letter-spacing:-.02em; margin-bottom:16px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.step,.feat,.card,.process-card) p { font-size:15px; line-height:1.8; color:var(--interior-muted); } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.step .n,.card .icon-box,.process-card .process-number) { margin-bottom:24px; color:var(--interior-red); } html:not([data-theme="dark"]) body.institutional-site.experience-pages .stat-band { background:var(--interior-warm); border:0; border-radius:3px; margin-block:36px 40px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .stat-cell { padding:28px 22px; border-color:var(--interior-line); } html:not([data-theme="dark"]) body.institutional-site.experience-pages .stat-cell strong { color:var(--interior-ink); font-size:28px; font-weight:500; line-height:1.2; letter-spacing:-.03em; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .stat-cell span { color:var(--interior-muted); font-size:12px; margin-top:10px; } /* Tiers share quiet panels and ruled specifications, with a restrained feature accent. */ html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.a-grid,.account-grid) { gap:24px; align-items:stretch; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.a-card,.account-card) { display:flex; flex-direction:column; background:var(--interior-warm); color:var(--interior-ink); border:1px solid transparent; border-top:3px solid transparent; border-radius:3px; padding:36px 30px 30px; box-shadow:none; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.a-card.hot,.account-card.featured) { border:1px solid transparent; border-top:3px solid var(--interior-red); padding:36px 30px 30px; background:var(--interior-warm); } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.a-card,.account-card):hover { transform:none; box-shadow:none; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.a-card,.account-card) h3 { font-size:29px; line-height:1.2; font-weight:500; letter-spacing:-.025em; margin-bottom:22px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .a-card .pop { top:12px; right:20px; left:auto; background:none; color:var(--interior-red); padding:0; border:0; font-size:10px; line-height:1.3; font-weight:600; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .account-card.featured::after { top:17px; right:22px; color:var(--interior-red); background:none; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .account-card .tag { background:none; color:var(--interior-muted); padding:0; font-size:10px; letter-spacing:.055em; margin-bottom:16px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .account-card>p { min-height:90px; font-size:15px; line-height:1.75; margin-bottom:24px; color:var(--interior-muted); } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.a-price,.price-line strong) { color:var(--interior-ink); font-size:35px; line-height:1.15; font-weight:500; letter-spacing:-.03em; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .a-price { margin-bottom:26px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .a-price small { font-size:13px; font-weight:400; letter-spacing:0; color:var(--interior-muted); } html:not([data-theme="dark"]) body.institutional-site.experience-pages .price-line { min-height:82px; margin-bottom:22px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .price-line span { font-size:12px; color:var(--interior-muted); } html:not([data-theme="dark"]) body.institutional-site.experience-pages .a-card ul { margin-bottom:30px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.a-card li,.account-spec) { padding-block:13px; border-bottom:1px solid #d9dad6; color:var(--interior-muted); font-size:13px; line-height:1.55; gap:18px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .a-card li b { color:var(--interior-muted); font-size:13px; font-weight:400; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.a-card li>span,.account-spec>b) { color:var(--interior-ink); font-weight:500; font-variant-numeric:tabular-nums; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .a-card .full { margin-top:auto; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .account-card>.btn { top:0; margin-top:28px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.table-scroll,.table-wrap) { max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; border:1px solid var(--interior-line); border-radius:3px; scrollbar-width:thin; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.table,.data-table,.compare-table) { margin:0; background:#fff; font-variant-numeric:tabular-nums; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.table,.data-table,.compare-table) th { background:#242b31; color:#fff; font-size:13px; font-weight:500; line-height:1.55; text-transform:none; border-color:#43494d; padding:20px 24px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.table,.data-table,.compare-table) td { border-color:#e4e4e0; color:#535b63; padding:18px 24px; font-size:14px; line-height:1.7; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.table,.data-table,.compare-table) tbody tr:nth-child(even) { background:#faf9f6; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.table,.data-table,.compare-table) td:first-child { background:transparent; color:var(--interior-ink); font-weight:500; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.table,.data-table,.compare-table) a { color:#a51f29; text-underline-offset:4px; } /* Clear local navigation and disclosure rows. */ html:not([data-theme="dark"]) body.institutional-site.experience-pages .toc { background:#fff; border:0; border-block:1px solid var(--interior-line); border-radius:0; padding:20px 0; margin-block:34px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .toc strong { color:var(--interior-ink); font-size:11px; font-weight:600; letter-spacing:.06em; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .toc a { color:var(--interior-muted); font-size:14px; line-height:1.6; min-height:42px; padding-block:10px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .toc a:is(:hover,.is-current,[aria-current]) { color:var(--interior-red); } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.faq details,.faq-list details) { margin:0; border:0; border-bottom:1px solid var(--interior-line); border-radius:0; background:#fff; padding:22px 0; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.faq details,.faq-list details):first-child { border-top:1px solid var(--interior-line); } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.faq summary,.faq-list summary) { color:var(--interior-ink); min-height:30px; font-size:17px; font-weight:500; line-height:1.6; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.faq details,.faq-list details)[open] { background:#fff; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.faq details,.faq-list details) p { max-width:75ch; font-size:16px; line-height:1.8; margin-top:20px; color:var(--interior-muted); } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.info-box,.warn-box,.notice) { background:var(--interior-warm); border:0; border-left:2px solid #bfc0ba; border-radius:0; color:#555d64; padding:22px 26px; font-size:14px; line-height:1.8; } /* Legal content is a reading surface, with fewer boxes and bounded line lengths. */ html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-sec { max-width:1080px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-sec>p { text-align:left!important; margin:18px 0 24px!important; max-width:78ch; font-size:16px; line-height:1.85; color:#505960; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-sec>h3 { font-size:25px; line-height:1.3; font-weight:500; letter-spacing:-.02em; margin:42px 0 18px; padding:0; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-sec .stat-cell strong { font-size:21px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-sec>.toc { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:40px; margin-block:34px 40px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-sec>.toc>strong { grid-column:1/-1; margin-bottom:10px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-sec>.toc>a { margin:0; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-sec .check-list { display:block; padding:0 0 0 22px; margin:18px 0 28px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-sec .check-list li { display:list-item; list-style:disc; background:none; border:0; border-radius:0; padding:7px 0 7px 3px; margin:0; color:#505960; font-size:16px; line-height:1.8; box-shadow:none; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-sec .check-list li::before { content:none; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-sec .check-list li::marker { color:#7d8285; font-size:.8em; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-sec :is(.info-box,.warn-box) { text-align:left!important; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-layout { gap:64px; grid-template-columns:230px minmax(0,1fr); } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-layout :is(.prose,.legal-content) { max-width:790px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-nav { border-right:1px solid var(--interior-line); padding-right:28px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-nav a { font-size:13px; color:var(--interior-muted); padding:12px 0; line-height:1.5; border-color:var(--interior-line); } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-nav a[aria-current="page"] { color:var(--interior-red); padding-left:12px; border-left-color:var(--interior-red); } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-layout .prose section { padding-block:28px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-layout .prose h2 { font-size:25px; font-weight:500; line-height:1.3; letter-spacing:-.02em; margin-bottom:20px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-layout .prose :is(p,li) { color:#505960; font-size:16px; line-height:1.85; } @media(max-width:1000px) { html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero:not([data-experience-layout="corporate"]) { padding-block:44px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero:not([data-experience-layout="corporate"]) :is(.editorial-hero-grid,.page-hero-grid) { gap:32px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero h1 { font-size:42px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.a-card,.account-card,.a-card.hot,.account-card.featured) { padding:34px 24px 26px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-layout { grid-template-columns:190px minmax(0,1fr); gap:36px; } } @media(max-width:800px) { html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.page-body,.section) { padding-block:56px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero h1,html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero[data-experience-layout="document"] h1 { font-size:38px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero[data-experience-layout="document"] :is(.editorial-art,.page-hero-visual) { height:200px; max-height:200px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .section-head { gap:24px; margin-bottom:32px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .section-head p { max-width:60ch; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-body>.container>h2 { margin-top:48px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-body .media-split { gap:28px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.page-body,.section) :is(.step,.feat,.card,.process-card) { padding:26px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .stat-cell { padding:24px 18px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .stat-cell strong { font-size:25px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .account-card>p { min-height:0; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-layout { display:block; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-nav { border-right:0; border-bottom:1px solid var(--interior-line); padding:0 0 24px; margin-bottom:28px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-sec>.toc { column-gap:26px; } } @media(max-width:480px) { html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero:not([data-experience-layout="corporate"]) { padding-block:32px 38px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero h1,html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero[data-experience-layout="document"] h1 { font-size:36px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero :is(.lead,.editorial-hero-copy>p,.editorial-legacy-copy>p) { font-size:16px; line-height:1.75; margin-block:22px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero :is(.crumb,.breadcrumbs) { margin-bottom:24px; font-size:11px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero :is(.chips,.hero-chips) { gap:10px 18px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.page-body,.section,.section-sm) h2 { font-size:30px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.a-card,.account-card,.a-card.hot,.account-card.featured) { padding:36px 26px 28px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.a-card,.account-card) h3 { font-size:28px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.a-price,.price-line strong) { font-size:34px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.table,.data-table,.compare-table) :is(th,td) { padding:16px 18px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages .legal-sec>.toc { grid-template-columns:1fr; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.legal-sec>h3,.legal-layout .prose h2) { font-size:24px; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.info-box,.warn-box,.notice) { padding:20px; } } /* Composite pale object backgrounds with the warm hero field. Live scenes stay untouched. */ html:not([data-theme="dark"]) body.institutional-site.experience-pages .page-hero:is([data-experience-layout="object"],[data-experience-layout="platform"],[data-experience-layout="account"]) :is(.editorial-art,.page-hero-visual):not([data-live-scene]) { mix-blend-mode:multiply; } html:not([data-theme="dark"]) body.institutional-site.experience-pages :is(.table,.data-table,.compare-table) th a { color:#fff; } /* Business pages: original DOYOS content and media, with an institutional hierarchy. Intentionally excludes global header/footer, account comparisons and legal pages. Existing motion.js remains the sole pause/preference controller. */ html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) { --business-ink:#082331; --business-muted:#536773; --business-dark:#071d2a; --business-line:#dce4e8; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero { padding:0; margin:0; border:0; background:var(--business-dark); color:#fff; overflow:hidden; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(.editorial-hero-grid,.page-hero-grid) { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:64px; position:relative; width:100%; max-width:1440px; min-height:640px; padding:58px 80px; margin:0 auto; background:none; border-radius:0; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(.editorial-hero-grid,.page-hero-grid)::before { content:none; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(.editorial-hero-copy,.page-hero-grid>div:first-child) { position:relative; z-index:2; padding:0; min-width:0; width:100%; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero h1 { width:100%; max-width:680px; margin:0 0 26px; color:#fff; font-size:clamp(44px,4.8vw,70px); font-weight:600; line-height:1.08; letter-spacing:-.045em; text-transform:none; text-wrap:balance; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero h1 span { color:inherit!important; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(.lead,.editorial-hero-copy>p:not(.crumb)) { max-width:580px; color:#dce6ec; font-size:19px; line-height:1.65; margin:0 0 28px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(.crumb,.breadcrumbs) { display:flex; flex-wrap:wrap; gap:6px; color:#b6c6cf; font-size:12px; line-height:1.7; margin:0 0 28px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(.crumb,.breadcrumbs) :is(a,strong) { color:#c7d5dd; font-weight:400; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero .eyebrow { color:#ef9297; font-size:11px; letter-spacing:.12em; margin-bottom:20px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(.chips,.hero-chips) { display:flex; flex-wrap:wrap; gap:10px 22px; margin:0 0 28px; padding:20px 0 0; border-top:1px solid #ffffff26; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(.chip,.hero-chip) { min-height:24px; margin:0; padding:0; background:none; color:#d6e1e7; border:0; border-radius:0; font-size:12px; font-weight:400; line-height:1.7; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(.chip i,.hero-chip .icon) { color:#e8989b; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(.row,.hero-actions) { display:flex; flex-wrap:wrap; justify-content:flex-start!important; gap:12px; margin:28px 0 0!important; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(.row,.hero-actions) .btn { min-height:50px; padding:14px 21px; border-radius:3px; font-size:13px; line-height:1.45; box-shadow:none; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(.btn.ghost,.btn-secondary) { background:transparent; color:#fff; border:1px solid #76909e; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(.btn.red,.btn-primary) { background:#bd2930; border:1px solid #bd2930; color:#fff; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero .hero-note { color:#beced7; font-size:12px; line-height:1.65; margin-top:24px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero:is([data-experience-layout="object"]) { background:linear-gradient(90deg,var(--business-dark) 0%,var(--business-dark) 52%,#f7f9fa 52%,#f7f9fa 100%); } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero:is([data-experience-layout="object"]) :is(.editorial-art,.page-hero-visual) { position:relative; inset:auto; z-index:1; width:100%; min-height:0; height:auto; max-height:none; aspect-ratio:1.1; margin:0; padding:0; align-self:center; background:#f7f9fa; border:0; border-radius:0; overflow:hidden; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero:is([data-experience-layout="object"]) :is(.editorial-art,.page-hero-visual)>img { position:absolute; inset:0; width:100%; height:100%; padding:0; object-fit:contain; object-position:center; opacity:1; mix-blend-mode:multiply; } /* Photography fills the business masthead once; text gets a consistent dark scrim. */ html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero[data-experience-layout="corporate"] :is(.editorial-hero-grid,.page-hero-grid) { display:block; max-width:none; min-height:680px; padding:80px max(80px,calc((100vw - 1280px)/2)); } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero[data-experience-layout="corporate"] :is(.editorial-hero-copy,.page-hero-grid>div:first-child) { max-width:650px; padding:0; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero[data-experience-layout="corporate"] :is(.editorial-art,.page-hero-visual) { position:absolute; z-index:0; inset:0; width:100%; height:100%; min-height:0; max-height:none; margin:0; border-radius:0; padding:0; background:var(--business-dark); aspect-ratio:auto; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero[data-experience-layout="corporate"] :is(.editorial-art,.page-hero-visual)>img { width:100%; height:100%; max-width:none; padding:0; object-fit:cover; object-position:75% center; opacity:.78; mix-blend-mode:normal; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero[data-experience-layout="corporate"] :is(.editorial-art,.page-hero-visual)::after { content:""; display:block; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(90deg,#071d2af2 0%,#071d2ad9 36%,#071d2a80 67%,#071d2a21 100%); } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero .motion-media>img { animation-duration:24s; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero .motion-toggle { width:42px; height:42px; right:18px; bottom:18px; z-index:4; background:#fff; border:1px solid #bccbd3; color:var(--business-ink); } /* Open body sections and a concise dark data band give the content a clear rhythm. */ html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.page-body,.section) { background:#fff; color:var(--business-ink); } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-body { padding-block:88px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .section { padding-block:88px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.page-body,.section) h2 { color:var(--business-ink); font-size:clamp(32px,3.2vw,46px); font-weight:600; line-height:1.15; letter-spacing:-.035em; text-align:left; text-wrap:balance; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.page-body,.section) :is(p,.lead) { color:var(--business-muted); line-height:1.8; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-body>.container>h2 { margin-top:68px!important; margin-bottom:28px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.media-split,.container.split) { gap:64px; align-items:center; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .media-split { margin:0 0 56px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.media-split,.split) h2 { margin-bottom:24px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .media-split>div>p { font-size:18px; line-height:1.8; max-width:610px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.experience-support-image[data-experience-media="photo"],.media-split>.banner[data-experience-media="photo"]) { aspect-ratio:4/3; object-fit:cover; border-radius:0; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .stat-band { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; background:var(--business-dark); border:0; margin:44px 0 52px; padding:34px 24px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .stat-cell { padding:8px 28px; margin:0; background:none; border:0; border-right:1px solid #ffffff26; text-align:left; min-width:0; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .stat-cell:last-child { border-right:0; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .stat-cell strong { display:block; font-size:clamp(30px,3vw,44px); font-weight:500; line-height:1.15; letter-spacing:-.045em; color:#fff; white-space:nowrap; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .stat-cell span { display:block; margin-top:12px; color:#bacbd6; font-size:12px; line-height:1.65; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-body>.container>.toc { display:flex; flex-wrap:wrap; gap:12px 28px; padding:18px 0; border:0; border-block:1px solid var(--business-line); border-radius:0; margin:0 0 40px; background:none; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-body>.container>.toc :is(strong,a) { margin:0; padding:0; font-size:12px; line-height:1.8; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.grid-3,.grid-2,.steps) { gap:32px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.page-body,.section) :is(.step,.grid-3>.card) { min-width:0; padding:28px 0; border:0; border-top:1px solid var(--business-line); border-radius:0; background:none; box-shadow:none; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.page-body,.section) :is(.step,.grid-3>.card):hover { transform:none; box-shadow:none; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .step .n { width:42px; height:42px; margin:0 0 24px; padding:0; background:none!important; color:#ba2931; font-size:27px; font-weight:400; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.step h4,.grid-3>.card h3) { font-size:23px; line-height:1.25; margin-bottom:16px; letter-spacing:-.02em; color:var(--business-ink); } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.step,.grid-3>.card) p { font-size:16px; line-height:1.8; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .section-alt { background:#f2f5f6; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .section-alt:has(.grid-3) { background:var(--business-dark); } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .section-alt:has(.grid-3) :is(h2,h3) { color:#fff; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .section-alt:has(.grid-3) :is(p,.lead) { color:#c3d1da; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .section-alt:has(.grid-3) .card { border-top-color:#ffffff26; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .section-alt:has(.grid-3) .eyebrow { color:#ec979b; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .section-dark { background:var(--business-dark); } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .section-dark :is(h2,h3) { color:#fff; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .section-dark :is(p,.lead) { color:#d1dce3; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .table-scroll { border:1px solid var(--business-line); border-radius:0; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .table { width:100%; border-collapse:collapse; margin:0; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .table th { background:#edf2f5; color:#173542; font-size:12px; letter-spacing:.02em; text-transform:none; padding:19px 22px; border:0; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .table td { padding:21px 22px; border:0; border-top:1px solid var(--business-line); font-size:15px; line-height:1.75; color:#415966; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .table tr:nth-child(even) { background:#fff; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .table td:first-child { color:var(--business-ink); font-weight:500; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .form-card { border:1px solid var(--business-line); border-radius:0; background:#f2f5f6; padding:36px; box-shadow:none; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .form-card h3 { color:var(--business-ink); font-size:30px; letter-spacing:-.025em; line-height:1.2; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .form-card :is(input,select,textarea) { background:#fff; color:var(--business-ink); border:1px solid #b7c7d0; border-radius:3px; min-height:48px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .info-box { background:#f1f5f7; color:#46616e; border:0; border-left:2px solid #9dafba; border-radius:0; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .warn-box { background:#f7f4f2; color:#64544b; border:0; border-left:2px solid #b59b89; border-radius:0; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .faq details { background:none; border:0; border-bottom:1px solid var(--business-line); border-radius:0; padding:24px 0; box-shadow:none; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .faq summary { color:var(--business-ink); font-weight:500; font-size:18px; line-height:1.6; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.cta,.cta-panel) { background:var(--business-dark); color:#fff; border:0; border-radius:0; box-shadow:none; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .cta { padding:74px 0; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .cta>.container { display:flex; justify-content:space-between; align-items:center; gap:48px; text-align:left; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .cta h2 { margin:0; max-width:740px; color:#fff; font-size:clamp(34px,3.2vw,46px); font-weight:500; line-height:1.2; letter-spacing:-.03em; text-align:left; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .cta .row { margin:0; justify-content:flex-start; flex-shrink:0; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .cta-panel { padding:54px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .cta-panel h2 { color:#fff; font-size:clamp(30px,3vw,42px); line-height:1.2; font-weight:500; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .cta-panel p { color:#c6d4dd; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.cta,.cta-panel) :is(.btn.ghost,.btn-secondary) { border:1px solid #7b949f; background:none; color:#fff; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.cta,.cta-panel) :is(.btn.red,.btn-primary) { background:#bd2930; border-color:#bd2930; color:#fff; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.page-hero,.page-body,.section,.cta,.cta-panel) .btn:focus-visible { outline:3px solid #de656b; outline-offset:4px; } @media(max-width:1100px) { html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(.editorial-hero-grid,.page-hero-grid) { gap:40px; padding:52px 40px; min-height:590px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero[data-experience-layout="corporate"] :is(.editorial-hero-grid,.page-hero-grid) { padding:66px 40px; min-height:640px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero h1 { font-size:56px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.media-split,.container.split) { gap:40px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .cta>.container { display:block; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .cta .row { margin-top:28px; } } @media(max-width:800px) { html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero { padding:0; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero:is([data-experience-layout="object"]) { background:var(--business-dark); } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(.editorial-hero-grid,.page-hero-grid) { grid-template-columns:minmax(0,1fr); gap:32px; padding:36px 24px 0; min-height:0; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(.editorial-hero-copy,.page-hero-grid>div:first-child) { max-width:none; padding:0; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero h1 { max-width:620px; font-size:clamp(42px,7vw,56px); margin-bottom:22px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(.lead,.editorial-hero-copy>p:not(.crumb)) { max-width:none; font-size:17px; margin-bottom:22px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(.crumb,.breadcrumbs) { margin-bottom:22px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero:is([data-experience-layout="object"]) :is(.editorial-art,.page-hero-visual) { width:calc(100% + 48px); max-width:none; margin-inline:-24px; aspect-ratio:1.7; min-height:0; height:auto; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero:is([data-experience-layout="object"]) :is(.editorial-art,.page-hero-visual)>img { object-fit:contain; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero[data-experience-layout="corporate"] :is(.editorial-hero-grid,.page-hero-grid) { padding:40px 24px 52px; min-height:0; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero[data-experience-layout="corporate"] :is(.editorial-art,.page-hero-visual)>img { object-position:70% center; opacity:.55; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero[data-experience-layout="corporate"] :is(.editorial-art,.page-hero-visual)::after { background:linear-gradient(90deg,#071d2aed,#071d2aaa); } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.page-body,.section) { padding-block:56px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.page-body,.section) h2 { font-size:34px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.media-split,.container.split) { gap:30px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .media-split { grid-template-columns:1fr; margin-bottom:36px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .media-split>div>p { font-size:17px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-body>.container>h2 { margin-top:48px!important; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .stat-band { grid-template-columns:repeat(2,minmax(0,1fr)); margin:34px 0; padding:14px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .stat-cell { padding:20px; border:0; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .stat-cell:nth-child(odd) { border-right:1px solid #ffffff26; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .stat-cell:nth-child(-n+2) { border-bottom:1px solid #ffffff26; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .stat-cell strong { font-size:34px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .stat-cell span { font-size:12px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.grid-3,.grid-2,.steps) { gap:24px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .cta { padding:52px 0; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .cta h2 { font-size:34px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .cta-panel { padding:36px 28px; gap:28px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .form-card { padding:28px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .table th,html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .table td { padding:16px; font-size:13px; } } @media(max-width:480px) { html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(.editorial-hero-grid,.page-hero-grid) { padding-inline:20px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero h1 { font-size:42px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(.row,.hero-actions) { gap:10px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(.row,.hero-actions) .btn { font-size:12px; padding:13px 15px; min-height:46px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero:is([data-experience-layout="object"]) :is(.editorial-art,.page-hero-visual) { width:calc(100% + 40px); margin-inline:-20px; aspect-ratio:1.5; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero[data-experience-layout="corporate"] :is(.editorial-hero-grid,.page-hero-grid) { padding:36px 20px 70px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(.chips,.hero-chips) { gap:10px 16px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.page-body,.section) h2 { font-size:31px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .stat-cell { padding:18px 13px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .stat-cell strong { font-size:30px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.grid-3,.grid-2,.steps) { grid-template-columns:1fr; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.step h4,.grid-3>.card h3) { font-size:22px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .cta h2 { font-size:32px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .cta-panel { padding:32px 24px; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .cta-panel h2 { font-size:30px; } } @media(prefers-reduced-motion:reduce) { html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.page-hero,.page-body,.section,.cta,.cta-panel) * { transition:none; } } @media print { html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero,html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.stat-band,.section-dark,.section-alt,.cta,.cta-panel) { background:#fff!important; color:#111!important; } html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero :is(h1,p,a,span),html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) :is(.stat-band,.section-dark,.section-alt,.cta,.cta-panel) :is(h2,h3,p,strong,span) { color:#111!important; } } /* The artwork composites once: keep its outer stage in normal blending mode. */ html:not([data-theme="dark"]) body.institutional-site.experience-site:is(.page-corporate-accounts,.page-corporate-ib,.page-partners,.page-introducing-broker,.page-kind-corporate) .page-hero[data-experience-layout="object"] :is(.editorial-art,.page-hero-visual) { mix-blend-mode:normal; }