/* User-supplied header reference. These styles are scoped to the upper homepage. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.reference-header .container,.reference-hero .container,.reference-markets{width:min(1280px,calc(100% - 64px))}
.reference-header{position:relative;z-index:5;box-shadow:0 5px 24px #0c4a3810}
.reference-header .navigation{min-height:74px;gap:26px;justify-content:space-between}
.reference-header .brand{gap:8px;font-size:21px;letter-spacing:-.7px;color:#092033}
.brand-mark{flex:none}.brand-badge{background:#fff1df;color:#f19520;font-size:11px;letter-spacing:0;border-radius:20px;padding:4px 9px;margin-left:1px;white-space:nowrap}
.reference-header nav{flex:none;gap:21px;font-size:13px;font-weight:700;white-space:nowrap}
.header-tools{display:flex;align-items:center;gap:12px;flex:none}
.header-search{position:relative;display:flex;align-items:center;width:230px;border:1px solid #e3eeeb;background:#f5faf8;border-radius:24px;height:37px}
.header-search input{width:100%;min-width:0;border:0;background:transparent;font-size:12px;padding:9px 34px 9px 16px;margin:0;border-radius:24px;color:#173c42}
.header-search button{position:absolute;right:7px;background:none;border:0;padding:4px;display:grid;place-items:center;color:#729591}.header-search svg{fill:none;stroke:currentColor;stroke-width:1.5}
.header-login{border:1px solid #e0ece8;border-radius:24px;padding:8px 17px;color:#607689;font-size:12px;white-space:nowrap}
.reference-header .nav-cta{padding:9px 14px;font-size:12px;border-radius:8px;background:#00b982;box-shadow:0 5px 16px #00b98221;white-space:nowrap}
.search-message{display:none;position:absolute;top:44px;right:0;width:230px;padding:10px 13px;box-shadow:var(--shadow);background:white;border-radius:9px;font-size:12px;color:#45616b}.search-message:not(:empty){display:block}
.reference-hero{position:relative;overflow:hidden;padding:0 0 85px;background:radial-gradient(ellipse at 80% 20%,#b9f4e2 0,transparent 47%),linear-gradient(104deg,#fcfffe 5%,#f2fcf8 60%,#d6fbee 100%)}
.reference-hero:before{content:"";position:absolute;left:-12%;bottom:42px;width:40%;height:165px;background:#baf8df;filter:blur(26px);opacity:.65;transform:rotate(-17deg);pointer-events:none}
.reference-hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 79px,#27bc9410 80px);opacity:.3;pointer-events:none}
.reference-hero .hero-grid{position:relative;z-index:1;grid-template-columns:46% 54%;min-height:595px;gap:0;padding-top:28px}
.reference-hero .hero-copy{padding:0 0 14px;position:relative;z-index:2}
.reference-hero .eyebrow{font-size:13px;font-weight:600;letter-spacing:4px;color:#78a3a7;margin:0 0 24px}
.reference-hero h1{font-size:60px;letter-spacing:-2px;line-height:1.16;margin:0 0 12px;color:#092036;font-weight:900}
.reference-hero h2{font-size:29px;line-height:1.45;margin:0 0 19px;max-width:590px;letter-spacing:-1px;color:#08243a}
.reference-hero .hero-copy>.hero-description{font-size:16px;line-height:2;font-weight:600;max-width:545px;color:#5f798e;margin:0}
.reference-hero .actions{margin:34px 0 32px;gap:17px}
.reference-hero .button{font-size:14px;min-height:48px;padding:12px 26px;background:#00b781;gap:12px;box-shadow:0 14px 25px #00b98326}
.reference-hero .button.secondary{background:#ffffffde;border:1px solid #e0ece8;color:#284354;font-weight:500;box-shadow:0 7px 20px #2d65500a}
.reference-hero .hero-facts{gap:55px;margin:0}.reference-hero .hero-facts strong{font-size:31px;line-height:1.5;letter-spacing:-1px;color:#092c43}.reference-hero .hero-facts span{font-size:13px;color:#6b8391}
.hero-artwork{margin:0 -45px 0 -8px;position:relative;min-width:0;align-self:center;transform:translateY(12px)}
.hero-artwork img{display:block;width:100%;height:auto;filter:drop-shadow(0 24px 24px #163c3322)}
.hero-artwork figcaption{font-size:10px;text-align:center;color:#6b8580;margin:2px 0 0}
.reference-markets{margin-top:-68px;padding:24px 22px;min-height:120px;border-radius:20px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;position:relative;z-index:2;box-shadow:0 18px 44px #113f3410}
.reference-markets .market-item{align-items:flex-start;gap:13px;min-width:0}
.market-symbol{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;font-size:24px}.symbol-oil{background:#ebf7f5;color:#2e83b1}.symbol-gold{background:#fff6dc;color:#ffc749}.symbol-hsi{background:#fff0ef;color:#ef353d}.symbol-nasdaq{background:#e9f6ff;color:#2e8dc3}.symbol-dax{background:#eef0fc;color:#546bcc}.symbol-silver{background:#e8faf4;color:#00b77a}
.market-info{min-width:0}.reference-markets b{font-size:13px;display:block;line-height:1.5;color:#092b44}.market-status{display:block;font-size:12px;color:#728b8d;line-height:1.7}.reference-markets small{margin-top:8px;color:#9bb0ad;font-size:10px;display:flex;gap:10px;white-space:nowrap}
.keyword-list li.search-hit{background:#d6f8e9;outline:2px solid #00b982;border-radius:4px;color:#075b45;scroll-margin-top:100px}.product-card.search-hit{outline:2px solid #00b982;scroll-margin-top:30px}
@media(max-width:1350px){.reference-header .navigation{gap:16px}.reference-header nav{gap:14px;font-size:12px}.reference-header .brand{font-size:18px}.brand-badge{font-size:10px;padding:3px 7px}.header-search{width:180px}.header-tools{gap:8px}.reference-hero h1{font-size:54px}.reference-hero h2{font-size:26px}.reference-hero .hero-grid{min-height:550px}.hero-artwork{margin-right:-24px}.reference-hero .hero-facts{gap:40px}}
@media(max-width:1150px){.brand-badge{display:none}.reference-header .navigation{gap:12px}.reference-header nav{gap:12px}.header-search{width:165px}.header-login{padding:7px 12px}.reference-header .nav-cta{padding:8px 10px}.reference-hero .hero-grid{min-height:510px}.reference-hero h1{font-size:48px}.reference-hero h2{font-size:23px}.reference-hero .hero-copy>.hero-description{font-size:14px}.reference-hero .hero-facts{gap:30px}.reference-hero .hero-facts strong{font-size:27px}.reference-markets{gap:10px;padding:23px 17px}.reference-markets .market-item{gap:8px}.market-symbol{width:34px;height:34px;font-size:21px}.reference-markets b{font-size:12px}}
@media(max-width:980px){.reference-header .navigation{flex-wrap:wrap;gap:14px;padding:15px 0}.reference-header .menu-toggle{display:block;margin-left:auto;border:1px solid #e0ece8;background:white;border-radius:7px;padding:5px 10px}.reference-header nav{display:none;order:4;width:100%;flex-basis:100%;flex-wrap:wrap;gap:18px;padding:12px 0 4px}.reference-header nav.open{display:flex}.header-tools{flex:none}.reference-hero .hero-grid{grid-template-columns:48% 52%;min-height:490px}.reference-hero h1{font-size:43px}.reference-hero h2{font-size:22px}.reference-hero .eyebrow{letter-spacing:2px}.reference-hero .hero-facts{gap:23px}.reference-hero .hero-facts strong{font-size:24px}.reference-hero .button{padding:11px 18px;font-size:13px}.hero-artwork{margin-left:0;margin-right:-20px}.reference-markets{grid-template-columns:repeat(3,1fr);row-gap:18px;margin-top:-70px}.reference-markets .market-item{justify-content:center}.reference-markets small{margin-top:3px}}
@media(max-width:760px){.reference-header .container,.reference-hero .container,.reference-markets{width:calc(100% - 32px)}.reference-header .navigation{gap:10px;padding:12px 0}.reference-header .brand{font-size:19px}.brand-mark{width:34px;height:34px}.header-tools{width:100%;order:3;gap:9px}.header-search{flex:1;width:auto}.header-login{font-size:12px;padding:8px 15px}.reference-header .nav-cta{display:block;padding:9px 13px}.reference-header nav{order:4;margin:0}.reference-hero{padding:37px 0 93px}.reference-hero .hero-grid{grid-template-columns:1fr;min-height:0;padding-top:0;gap:18px}.reference-hero .hero-copy{padding:0}.reference-hero .eyebrow{font-size:11px;margin-bottom:18px;letter-spacing:3px}.reference-hero h1{font-size:43px;margin-bottom:12px}.reference-hero h2{font-size:23px;line-height:1.5;margin-bottom:15px;max-width:100%}.reference-hero .hero-copy>.hero-description{font-size:14px;line-height:1.9;max-width:100%;font-weight:500}.reference-hero .actions{margin:25px 0 24px;gap:12px}.reference-hero .button{min-height:46px;padding:11px 22px}.reference-hero .hero-facts{justify-content:flex-start;gap:40px}.reference-hero .hero-facts strong{font-size:27px}.reference-hero .hero-facts span{font-size:12px}.hero-artwork{width:100%;max-width:600px;margin:0 auto;transform:none}.hero-artwork figcaption{font-size:9px;margin-top:0}.reference-hero:before{bottom:90px;width:70%;height:150px}.reference-markets{grid-template-columns:repeat(3,minmax(0,1fr));padding:19px 13px;gap:20px 8px;min-height:0;border-radius:17px}.reference-markets .market-item{gap:6px;justify-content:flex-start}.market-symbol{width:27px;height:27px;font-size:17px}.reference-markets b{font-size:10px}.market-status{font-size:10px}.reference-markets small{font-size:8px;gap:3px}.reference-markets small span{display:none}}
@media(max-width:360px){.reference-hero .hero-facts{gap:29px}.reference-hero h1{font-size:39px}.reference-hero h2{font-size:21px}.reference-hero .button{padding:10px 17px}.reference-markets{padding:17px 10px;gap:17px 5px}.market-symbol{width:23px;height:23px;font-size:15px}}
.reference-hero h2{text-wrap:balance}
.reference-markets .market-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;line-height:1.6;font-variant-numeric:tabular-nums}
.market-price strong{font-size:16px}.market-price>span{font-size:11px}.trend-up{color:#009b6e}.trend-down{color:#e54858}.trend-flat{color:#6b838b}
.reference-markets .market-contract{margin:1px 0 2px;display:block;white-space:normal;color:#6b838b;font-size:10px}
.market-time,.market-source{display:block;font-size:10px;line-height:1.8;color:#6b838b;font-variant-numeric:tabular-nums}.market-source{text-decoration:underline;text-underline-offset:2px}
.market-note{grid-column:1/-1;text-align:center;margin:0;color:#7b9196;font-size:10px;line-height:1.8}.market-mobile-break{display:none}
@media(max-width:1150px){.reference-markets .market-item{gap:6px}.market-price strong{font-size:14px}.market-price>span{font-size:10px}}
@media(max-width:760px){.reference-markets .market-item{flex-direction:column;align-items:center;text-align:center}.market-price{justify-content:center}.market-price strong{font-size:14px}.market-price>span{font-size:10px}.reference-markets .market-contract{font-size:9px}.market-time,.market-source{font-size:9px}.market-mobile-break{display:block}.market-note{font-size:9px}}