*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#080808;color:#f2f1ec;font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #efd595;outline-offset:6px}img{max-width:100%;height:auto}p{color:#bcb9b3}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(3rem,5.8vw,5.6rem);font-weight:500;margin-bottom:28px}h2{font-size:clamp(2.3rem,4vw,3.7rem);font-weight:500;margin-bottom:26px}h3{font-size:1.75rem;font-weight:500}em{font-family:Georgia,serif;font-weight:400;color:#e8bd62}header{max-width:1440px;padding:18px 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #30281b}.brand{display:flex;align-items:center;gap:12px}.brand img{border-radius:50%;width:60px}.brand span{font-size:23px;letter-spacing:.12em}.brand small{display:block;font-size:10px;letter-spacing:.16em;color:#b9b9ad}nav{display:flex;gap:30px;font-size:14px;color:#c8c9c0}nav a:hover,.textlink:hover{color:#e9cc8e}.wrap{width:88%;max-width:1240px;margin:auto}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:36px;padding-top:72px;padding-bottom:68px}.eyebrow{font-size:12px;letter-spacing:.2em;color:#d6a847;font-weight:700;margin-bottom:28px}.lead{font-size:19px;line-height:1.7;max-width:560px}.actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-block;padding:15px 22px;background:#e5b954;color:#141610;font-size:14px;font-weight:bold;border:1px solid #e5b954;border-radius:4px;transition:background .2s}.button:hover{background:#f0dcae}.button.small{padding:11px 17px}.textlink{font-size:14px;border-bottom:1px solid #77694b;padding-bottom:6px}.hero-note{font-size:11px;letter-spacing:.1em;margin-top:38px}.hero-note span{margin:0 12px;color:#e8bd62}.hero-visual{position:relative}.hero-logo{border-radius:50%;display:block}.visual-caption{position:relative;margin:-58px 0 0 35%;background:#141414;border:1px solid #474735;padding:20px 26px;border-radius:5px}.visual-caption span{font-size:10px;letter-spacing:.13em;color:#d8bd87}.visual-caption p{margin:8px 0 0;color:#e6e7df;font-size:17px}.strip{border-block:1px solid #30281b;background:#101010}.strip-inner{display:flex;justify-content:space-between;padding:25px 0;color:#c4c7ba;gap:20px}.strip strong{color:#e5b954;font-weight:400}.section{padding-top:96px;padding-bottom:96px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-head p{max-width:400px}.cards{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #3b3020;border-radius:6px;overflow:hidden}.card{padding:32px 24px;background:#121212;display:flex;flex-direction:column;border-right:1px solid #3b3020}.card:last-child{border:0}.number{font-size:11px;color:#c3aa75;letter-spacing:.08em;margin-bottom:52px}.card p{font-size:15px}.card a{font-size:14px;color:#e3ca95;margin-top:auto;padding-top:20px}.fine{font-size:12px;color:#a4a899;margin-top:20px;line-height:1.6}.platform{background:#111111;border-block:1px solid #30271c}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.flow-preview{background:#090909;border:1px solid #574327;border-radius:9px;padding:26px 32px;box-shadow:0 24px 80px #0003}.preview-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:28px;font-size:11px}.preview-head span{color:#b3b8a4;font-weight:400}.flow-node{border:1px solid #493820;background:#191919;border-radius:5px;padding:14px 20px;color:#cdb681;font-size:13px}.flow-node strong{color:#f0f2e9;margin-left:16px;font-size:15px}.flow-node small{display:block;color:#b4bcab;font-size:12px;margin-left:35px}.flow-node.gold{border-color:#b69c63}.connector{height:23px;width:1px;background:#b69c63;margin:auto}.volume-box{background:#121212;border:1px solid #494936;border-radius:7px;padding:40px}.volume-top,.volume-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.label{font-size:11px;letter-spacing:.16em;color:#b4b9a7}.volume-top p{margin:5px 0 30px;color:#e8bd62}.volume-top output{font-size:56px;line-height:1.3;letter-spacing:-.05em}.volume-top p span{font-size:18px}.badge{font-size:12px;border:1px solid #666443;padding:8px 14px;border-radius:30px;color:#e3cc96}input[type=range]{width:100%;accent-color:#e5b954;cursor:pointer;min-height:30px;margin:0}.ticks{display:flex;justify-content:space-between;font-size:12px;color:#c9c1b4;margin-top:10px}.volume-bottom{border-top:1px solid #3b3020;margin-top:35px;padding-top:30px}.volume-bottom p{margin:0;color:#eceee3}.volume-bottom span{font-size:13px;color:#bdb7ac}.partners{background:#d9c99f;color:#161b12}.partners em{color:#424a2f}.partners .eyebrow{color:#515c38}.partners p{color:#39402f}.partners .button{background:#1b2418;color:#f0e7d0;border-color:#1b2418;margin-top:14px}.location{font-size:13px;color:#cfb986}.faq{border-top:1px solid #332a1d;padding-top:64px}.faq h2{margin-bottom:40px}details{border-bottom:1px solid #332a1d;padding:22px 0}summary{cursor:pointer;font-size:18px;color:#e3e7d9}details p{max-width:850px;margin:18px 0 0}.final-cta{text-align:center;padding:70px 20px 90px;border-top:1px solid #332a1d}.final-cta h2{font-size:clamp(2.1rem,4vw,3.5rem)}footer{border-top:1px solid #332a1d;padding:30px 0 40px;display:flex;justify-content:space-between;gap:25px;font-size:13px;color:#bdb7ac}footer strong{font-size:23px;letter-spacing:.1em;color:#e3cc96}footer p{margin:2px 0}.sr-only,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{clip-path:none;width:auto;height:auto;z-index:10;background:#fff;color:#000;padding:12px}@media(max-width:1000px){nav{gap:16px}.cards{grid-template-columns:repeat(2,1fr)}.card{border-bottom:1px solid #3b3020}.split{gap:40px}.hero{gap:12px}.brand small{display:none}}@media(max-width:700px){header{padding:12px 6%;flex-wrap:wrap;gap:12px}.brand img{width:42px}.brand span{font-size:18px}header .small{font-size:12px;padding:9px 12px}nav{order:3;width:100%;justify-content:space-between;padding:8px 0}.hero{grid-template-columns:1fr;padding-top:48px}.hero-visual{max-width:360px;margin:0 auto}.hero-logo{max-width:320px;margin:auto}.visual-caption{margin:-44px 0 0 24%}.hero-note{font-size:10px}.hero-note span{margin:0 5px}.strip-inner{flex-wrap:wrap;font-size:13px;gap:8px 18px}.section{padding-top:60px;padding-bottom:60px}.section-head,.split{display:grid;grid-template-columns:1fr;gap:20px}.section-head{margin-bottom:25px}.cards{grid-template-columns:1fr}.card{padding:28px;border-right:0}.number{margin-bottom:24px}.card h3 br{display:none}.card h3{line-height:1.25}.flow-preview{padding:22px 18px}.preview-head{flex-wrap:wrap}.volume-box{padding:25px 18px}.volume-top,.volume-bottom{align-items:start;flex-direction:column}.volume-top output{font-size:44px}.badge{margin-bottom:18px}.ticks{font-size:10px}.volume-bottom .button{width:100%;text-align:center}footer{flex-direction:column}.partners .split{gap:5px}.actions{gap:20px}.hero h1{font-size:3.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* HUB DV revision: black surfaces, metallic gold and persistent navigation. */
html{scroll-padding-top:115px}header{position:sticky;top:0;z-index:100;max-width:none;width:100%;padding:14px max(6%,calc((100vw - 1240px)/2));background:rgba(8,8,8,.96);backdrop-filter:blur(18px);border-bottom:1px solid #6d512b55;transition:box-shadow .2s}header.scrolled{box-shadow:0 8px 30px #0009}.brand small{color:#c8a56b}.brand img{width:56px}nav a{position:relative;padding:8px 0}nav a.active{color:#f4ca74}nav a.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#dca940}.button{background:linear-gradient(115deg,#af792d 0%,#f3d488 40%,#e4b854 65%,#bd8734 100%);border:1px solid #e7bf72;box-shadow:inset 0 1px #fff5,0 5px 18px #0003;border-radius:6px;color:#171006}.button:hover{background:linear-gradient(115deg,#d4a144,#ffe5a5,#d8a348);transform:translateY(-1px)}em{color:#edc774}.hero{padding-top:65px;padding-bottom:75px}.hero-visual{isolation:isolate}.hero-logo{max-width:490px;margin:auto}.visual-caption{background:#111;border-color:#9c713e70;box-shadow:0 20px 50px #0008}.strip{background:#0c0c0c}.strip-inner{color:#bdb6aa}.card{background:linear-gradient(150deg,#181511,#101010 70%);transition:border-color .2s,background .2s}.card:hover{background:linear-gradient(150deg,#292013,#111 80%)}.number{color:#e0b45e}.card a{color:#edc774}.platform{background:#0d0d0d}.flow-preview{background:#090909;box-shadow:0 25px 70px #0008}.flow-node{background:#15130f;color:#edc774}.flow-node strong{color:#f2e9d8}.flow-node small,.preview-head span{color:#bdb4a3}.flow-node.gold{border-color:#c38f3b;background:#211a10}.connector{background:#bf8c3b}.volume-box{background:linear-gradient(130deg,#1d1810,#101010 65%);border-color:#6c502c}.badge{border-color:#7b5b2d;color:#f3d499}.partners{background:#14110c;color:#f4eee3;border-block:1px solid #5b4224}.partners em{color:#edc774}.partners .eyebrow{color:#d9ad60}.partners p{color:#bfb6a6}.partners .button{background:linear-gradient(115deg,#af792d,#f3d488,#d3a048);color:#171006;border-color:#d7ab5c}.location{color:#cfa45d}.final-cta{background:radial-gradient(ellipse at center bottom,#33231166,transparent 70%)}footer{align-items:center;padding-block:40px;gap:28px}footer .footer-brand{flex-shrink:0}footer .footer-brand img{width:80px;border-radius:50%;display:block}footer>div:first-of-type{margin-right:auto}footer .footer-nav{display:flex;flex-direction:column;gap:6px}footer a:hover{color:#f0c36c}footer>div:last-child>a{display:inline-block;color:#ecc36e;border-bottom:1px solid #806034;padding-bottom:6px;margin-bottom:7px}footer small{color:#aaa195}
@media(max-width:1000px){footer{flex-wrap:wrap}.brand small{display:none}}
@media(max-width:700px){html{scroll-padding-top:135px}header{padding:10px 6%;gap:5px 10px}header .brand img{width:42px}nav{padding:3px 0;gap:12px;font-size:13px}.hero{padding-top:40px}.hero-logo{width:100%;max-width:320px}.hero h1{font-size:clamp(2.8rem,12vw,3.5rem)}footer{display:grid;grid-template-columns:80px 1fr;gap:22px}footer .footer-nav,footer>div:nth-last-child(2),footer>div:last-child{grid-column:1/-1}footer .footer-nav{flex-direction:row;flex-wrap:wrap;gap:20px}.volume-top .badge{font-size:11px}}

/* Mobile-first header and deliberate title lines — revision 3. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.headline-line{display:block}.link-arrow{font-family:Arial,Helvetica,sans-serif;font-variant-emoji:text;display:inline-block}.menu-toggle{display:none}.hero>div,.split>div{min-width:0}
@media(max-width:900px){
 html{scroll-padding-top:88px}
 header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;padding:10px 5%;min-height:68px;align-items:center}
 header .brand{gap:8px;min-width:0}header .brand img{width:40px;height:40px;flex-shrink:0}header .brand span{font-size:18px;letter-spacing:.12em;white-space:nowrap}header .brand small{display:none}
 header>.button{display:none}
 .menu-toggle{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #6a512e;background:#17130d;color:#eed09b;border-radius:5px;min-height:44px;padding:10px 12px;font:14px Arial,sans-serif;cursor:pointer}
 .menu-icon{width:17px;height:12px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;position:relative}.menu-icon:after{content:'';position:absolute;top:5px;left:0;width:17px;border-top:1px solid currentColor}
 header nav{display:none;grid-column:1/-1;order:initial;width:100%;padding:12px 0 4px;margin-top:10px;border-top:1px solid #42331e;gap:0}
 header.menu-open nav{display:grid;grid-template-columns:1fr 1fr}
 header nav a{font-size:15px;padding:13px 8px;min-height:44px}
 header nav a.active:after{right:8px;left:8px}
 .hero{grid-template-columns:1fr;gap:30px;padding-top:36px;padding-bottom:42px}
 .hero .eyebrow{font-size:10px;letter-spacing:.12em;line-height:1.6;margin-bottom:22px;max-width:100%}
 .hero h1{font-size:clamp(1.9rem,8.3vw,3.4rem);line-height:1.12;letter-spacing:-.04em;margin-bottom:22px}
 .hero .lead{font-size:16px;line-height:1.65;margin-bottom:0;max-width:560px}
 .actions{margin-top:24px;gap:18px}.actions .button{font-size:13px;padding:13px 16px;max-width:100%;text-align:center}.hero-note{font-size:9px;line-height:1.8;letter-spacing:.04em;margin-top:24px}.hero-note span{margin:0 4px}
 .hero-visual{width:min(100%,320px);margin:0 auto}.hero-logo{max-width:260px}.visual-caption{margin:-30px 0 0 20%;padding:14px 18px}.visual-caption p{font-size:14px}.visual-caption>span{font-size:9px}
 .section{padding-block:48px}.section h2{font-size:clamp(1.9rem,7.3vw,2.8rem)}.section-head{gap:8px}.section-head p{margin-bottom:8px}.eyebrow{margin-bottom:20px}.split{grid-template-columns:1fr;gap:24px}.lead{font-size:17px}
 .cards{grid-template-columns:1fr}.card{border-right:0;border-bottom:1px solid #3b3020}.card h3{font-size:1.6rem}.number{margin-bottom:22px}
 .final-cta{padding:44px 0 54px}.final-cta h2{font-size:clamp(1.8rem,7vw,2.8rem);line-height:1.17}
 .volume-box{padding:24px 16px}.volume-top,.volume-bottom{flex-direction:column;align-items:flex-start}.volume-bottom .button{font-size:12px;max-width:100%;white-space:normal}.ticks{font-size:10px}.volume-top output{font-size:42px}
 footer{font-size:13px}summary{font-size:16px}
}

/* Minimal mobile navigation: no button box or ornamental borders. */
@media(max-width:900px){
 header{border-bottom:0;box-shadow:none;background:rgba(8,8,8,.98)}
 header.scrolled{box-shadow:0 5px 20px #0004}
 .menu-toggle{border:0;background:transparent;border-radius:0;box-shadow:none;padding:10px;min-width:44px;min-height:44px;color:#e6c27c}
 .menu-icon{width:22px;height:14px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transition:transform .2s}
 .menu-icon:after{width:22px;top:5px;border-top:1.5px solid currentColor}
 header.menu-open .menu-icon{border-bottom:0;border-top:0;transform:rotate(45deg)}
 header.menu-open .menu-icon:after{top:6px}
 header.menu-open .menu-icon:before{content:'';position:absolute;left:10px;top:-4px;height:22px;border-left:1.5px solid currentColor}
 header nav{border:0;margin-top:4px;padding:12px 0 16px}
 header.menu-open nav{grid-template-columns:1fr;gap:0}
 header nav a{padding:11px 0;font-size:17px;letter-spacing:.015em;color:#e2ddd4}
 header nav a.active:after{display:none}
 header nav a.active{color:#e6c27c}
}
