:root { --ink:#071713; --forest:#0b2b22; --green:#2f8f65; --mint:#77d5a5; --gold:#c7a45c; --cream:#f4f1e9; --paper:#faf9f5; --line:#dcd8cc; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"Segoe UI", Tahoma, Arial, sans-serif; }
a { color:inherit; text-decoration:none; }
.container { width:min(1160px, calc(100% - 48px)); margin-inline:auto; }
.header { position:absolute; inset:0 0 auto; z-index:20; border-bottom:1px solid rgba(255,255,255,.13); color:white; }
.nav { height:88px; display:flex; align-items:center; gap:48px; }
.logo { display:flex; align-items:center; gap:12px; min-width:max-content; }
.logo > span:last-child { display:grid; line-height:1; }
.logo b { font-size:20px; letter-spacing:-.5px; }
.logo small { color:var(--gold); font-size:12px; margin-top:5px; letter-spacing:3.5px; }
.logo-mark { width:40px; height:40px; border:1px solid rgba(199,164,92,.55); display:flex; align-items:center; justify-content:center; gap:4px; transform:rotate(45deg); }
.logo-mark i { display:block; width:4px; background:var(--gold); position:relative; transform:rotate(-45deg); }
.logo-mark i:nth-child(1) { height:11px; }.logo-mark i:nth-child(2) { height:23px; }.logo-mark i:nth-child(3) { height:16px; }
.nav nav { display:flex; align-items:center; gap:34px; margin-inline-start:auto; }
.nav nav a { font-size:14px; color:rgba(255,255,255,.72); padding-block:34px; position:relative; }
.nav nav a:hover,.nav nav a.active { color:white; }
.nav nav a.active:after { content:""; position:absolute; bottom:-1px; right:0; left:0; height:2px; background:var(--gold); }
.nav-cta { border:1px solid rgba(255,255,255,.35); padding:11px 18px; font-size:13px; transition:.2s; }
.nav-cta:hover { background:white; color:var(--ink); }
.nav-cta span { color:var(--gold); margin-right:12px; }
.mobile-menu { display:none; position:relative; margin-inline-start:auto; }.mobile-menu summary { list-style:none; font-size:25px; cursor:pointer; }.mobile-menu div { position:absolute; top:40px; left:0; min-width:180px; background:var(--paper); color:var(--ink); padding:12px; box-shadow:0 15px 40px #0004; display:grid; }.mobile-menu a { padding:12px; }
.hero { height:min(850px, 92vh); min-height:680px; position:relative; background:var(--ink); color:white; overflow:hidden; }
.hero-image { position:absolute; inset:0; background:url('/hero-market.png') center/cover no-repeat; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg, rgba(3,14,11,.12) 0%, rgba(3,14,11,.38) 43%, rgba(3,14,11,.95) 76%, #03100d 100%); }
.hero-content { position:relative; z-index:2; padding-top:200px; }
.eyebrow,.kicker { color:var(--gold); font-size:13px; font-weight:700; letter-spacing:.8px; }.eyebrow { display:flex; gap:12px; align-items:center; }.eyebrow span { width:36px; height:1px; background:var(--gold); }
.hero h1,.inner-hero h1 { font-size:clamp(54px,7.2vw,94px); line-height:.98; letter-spacing:-4px; margin:25px 0; max-width:760px; font-weight:800; }
.hero h1 em,.inner-hero h1 em { color:var(--gold); font-style:normal; font-weight:300; }
.hero-content > p { color:rgba(255,255,255,.7); font-size:18px; line-height:1.9; max-width:590px; }
.hero-actions { display:flex; gap:12px; margin-top:35px; }.button { display:inline-flex; align-items:center; justify-content:center; gap:22px; min-height:52px; padding:12px 25px; border:0; cursor:pointer; font-family:inherit; font-weight:700; font-size:14px; transition:.2s; }.primary { background:var(--gold); color:var(--ink); }.primary:hover { background:#dab96f; transform:translateY(-2px); }.ghost { border:1px solid rgba(255,255,255,.35); color:white; }.ghost:hover { background:rgba(255,255,255,.09); }
.trust-row { display:flex; gap:28px; margin-top:35px; color:rgba(255,255,255,.48); font-size:12px; }.trust-row span::first-letter { color:var(--mint); }
.market-strip { background:#061512; color:white; border-top:1px solid rgba(255,255,255,.1); }.ticker { min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:22px; font-size:13px; direction:ltr; }.ticker span { white-space:nowrap; }.ticker b { color:#999; font-size:11px; margin-right:9px; }.ticker small { margin-left:10px; }.up { color:#57c68f; }.down { color:#e4746d; }.ticker .live { direction:rtl; color:#ddd; }.live i { display:inline-block; width:7px; height:7px; background:#4bd192; border-radius:50%; margin-left:8px; box-shadow:0 0 0 5px #4bd1921a; }.ticker .muted { color:#5d6b67; }
.section { padding:120px 0; }.light { background:var(--paper); }.section-head { display:grid; grid-template-columns:1.1fr .9fr; gap:90px; align-items:end; margin-bottom:65px; }.section h2 { font-size:clamp(40px,5vw,65px); line-height:1.08; letter-spacing:-2px; margin:14px 0; }.section-head > p,.story-copy p { color:#65706b; font-size:17px; line-height:1.9; margin:0; }.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-right:1px solid var(--line); }.feature { position:relative; padding:42px 36px; min-height:280px; border-left:1px solid var(--line); border-bottom:1px solid var(--line); transition:.25s; }.feature:hover { background:#fff; box-shadow:0 18px 50px rgba(8,29,23,.08); transform:translateY(-4px); z-index:2; }.feature-number { position:absolute; top:22px; left:24px; color:#b7b3a8; font-size:11px; }.feature-icon { font-size:31px; color:var(--green); height:62px; }.feature h3,.steps h3,.values h3 { font-size:20px; margin:10px 0; }.feature p,.steps p,.values p { color:#6c746f; line-height:1.8; font-size:14px; }
.dark { background:var(--ink); color:white; }.gold { color:var(--gold); }.how { position:relative; overflow:hidden; }.how:after { content:""; position:absolute; width:480px; height:480px; border:1px solid #c7a45c24; border-radius:50%; left:-140px; top:70px; box-shadow:0 0 0 70px #c7a45c09,0 0 0 140px #c7a45c06; }.how h2 { margin-bottom:60px; }.steps { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.14); position:relative; z-index:1; }.steps article { padding:45px 35px; border-left:1px solid rgba(255,255,255,.14); display:flex; gap:24px; }.steps article:last-child { border-left:0; }.steps article > span { color:var(--gold); font-size:12px; }.steps h3 { margin-top:0; }.steps p { color:#899591; }
.quote-section { background:#ece9df; }.quote { max-width:840px; text-align:center; }.quote-mark { color:var(--gold); font-family:Georgia,serif; font-size:90px; line-height:.5; }.quote blockquote { font-size:clamp(26px,3vw,39px); line-height:1.6; font-weight:600; margin:30px 0; }.quote a { color:var(--green); font-size:14px; font-weight:700; }.quote a b { margin-right:12px; }
.cta { background:var(--gold); padding:65px 0; }.cta .container { display:flex; align-items:center; justify-content:space-between; gap:30px; }.cta span { font-size:13px; font-weight:700; }.cta h2 { margin:6px 0 0; font-size:42px; }.light-button { background:var(--ink); color:white; min-width:210px; }.light-button:hover { background:var(--forest); }
footer { background:#04110e; color:white; }.footer-main { padding:75px 0 55px; display:grid; grid-template-columns:1.6fr repeat(3,1fr); gap:70px; }.footer-main .logo { width:max-content; }.footer-main > div:not(.footer-brand) { display:flex; flex-direction:column; gap:14px; }.footer-main h4 { color:var(--gold); font-size:12px; margin:0 0 10px; }.footer-main a,.footer-main p { color:#87918e; font-size:13px; line-height:1.8; }.footer-main a:hover { color:white; }.footer-brand p { max-width:230px; }.platforms { color:var(--gold); font-size:12px; }.copyright { border-top:1px solid rgba(255,255,255,.1); padding:24px 0; display:flex; justify-content:space-between; color:#63706c; font-size:11px; }
.inner-hero { background:var(--ink); color:white; padding:190px 0 100px; position:relative; overflow:hidden; }.inner-hero:after { content:""; position:absolute; width:500px; height:500px; border:1px solid #c7a45c30; border-radius:50%; left:-80px; bottom:-320px; box-shadow:0 0 0 80px #c7a45c10,0 0 0 160px #c7a45c08; }.inner-hero h1 { font-size:clamp(50px,7vw,88px); }.inner-hero p { max-width:620px; line-height:1.9; color:#a7b0ad; font-size:18px; }.story-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; }.story-copy p + p { margin-top:24px; }.values { background:#0b2921; color:white; }.values > .container > h2 { margin-bottom:55px; }.values-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #ffffff20; }.values-grid article { padding:45px 32px; border-left:1px solid #ffffff20; }.values-grid article:last-child { border:0; }.values-grid b { color:var(--gold); font-size:12px; }.values-grid p { color:#94a09c; }.mission-card { background:var(--cream); border:1px solid var(--line); padding:70px; text-align:center; }.mission-card > span { color:var(--gold); font-weight:700; }.mission-card h2 { max-width:800px; margin:20px auto 35px; font-size:clamp(34px,4vw,52px); }
.contact-hero { padding-bottom:90px; }.contact-grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:100px; }.contact-grid aside h2 { margin-bottom:45px; }.contact-item { display:flex; align-items:center; gap:18px; padding:20px 0; border-top:1px solid var(--line); }.contact-item > span { width:42px; height:42px; display:grid; place-items:center; background:#e8eee9; color:var(--green); }.contact-item div { display:grid; gap:5px; }.contact-item small { color:#8b928e; }.contact-item a,.contact-item b { font-size:14px; }.response-note { color:#7a837f; font-size:13px; margin-top:25px; }.contact-form { background:white; border:1px solid var(--line); padding:45px; box-shadow:0 24px 70px #08221a0a; }.contact-form label { display:grid; gap:10px; font-size:13px; font-weight:700; margin-bottom:22px; }.field-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.contact-form input,.contact-form select,.contact-form textarea { width:100%; border:1px solid #d9ddd9; background:#fcfcfa; padding:15px; font:inherit; color:var(--ink); outline:none; }.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color:var(--green); box-shadow:0 0 0 3px #2f8f6512; }.contact-form textarea { resize:vertical; }.contact-form .button { width:100%; }.privacy { display:block; color:#949a97; text-align:center; margin-top:15px; }
@media (max-width:900px) { .container{width:min(100% - 32px,760px)} .nav nav,.nav-cta{display:none}.mobile-menu{display:block}.hero{min-height:760px}.hero-image{background-position:38% center;opacity:.58}.hero-shade{background:linear-gradient(90deg,#03100d88,#03100de8 70%)}.hero-content{padding-top:190px}.hero h1,.inner-hero h1{letter-spacing:-2px}.feature-grid{grid-template-columns:repeat(2,1fr)}.section-head,.story-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.steps{grid-template-columns:1fr}.steps article{border-left:0;border-bottom:1px solid #ffffff20}.footer-main{grid-template-columns:1.5fr 1fr 1fr}.footer-main>div:last-child{display:none}.section{padding:90px 0} }
@media (max-width:600px) { .container{width:calc(100% - 28px)}.nav{height:74px}.logo b{font-size:17px}.hero{height:auto;min-height:760px}.hero-content{padding-top:160px}.hero h1{font-size:51px}.hero-content>p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.trust-row{display:grid;gap:10px}.ticker span:nth-of-type(3),.ticker span:nth-of-type(4),.ticker .muted{display:none}.ticker{justify-content:space-around}.section-head{margin-bottom:42px}.section h2{font-size:40px}.feature-grid{grid-template-columns:1fr}.feature{min-height:235px}.cta .container{display:grid}.cta h2{font-size:34px}.footer-main{grid-template-columns:1fr 1fr;gap:40px}.footer-brand{grid-column:1/-1}.copyright{display:grid;gap:8px}.inner-hero{padding:150px 0 75px}.inner-hero h1{font-size:48px}.story-grid{gap:28px}.values-grid{grid-template-columns:1fr}.values-grid article{border-left:0;border-bottom:1px solid #ffffff20}.mission-card{padding:45px 20px}.contact-form{padding:25px 18px}.field-row{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.feature,.button{transition:none} }