:root{--ink:#0c0d0e;--paper:#f7f6f2;--white:#fff;--gold:#d6ae55;--gold2:#f1d17e;--muted:#a9aba9;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6}
h1,h2,h3,.brand{font-family:Manrope,sans-serif}
h1,h2,h3,p{margin-top:0}
a{color:inherit}
.site-header{height:84px;padding:0 5vw;display:flex;align-items:center;gap:3vw;background:#0c0d0ef2;color:white;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:.12em;font-size:.88rem;line-height:1.1}
.brand small{display:block;color:#bfc0be;font:500 .55rem "DM Sans";letter-spacing:.19em;margin-top:4px}
.brand-logo{width:80px;height:80px;object-fit:contain;border-radius:50%;background:white}
.site-header nav{display:flex;gap:2vw;margin-left:auto}
.site-header nav a{text-decoration:none;color:#cfd0ce;font-size:.88rem}
.site-header nav a:hover{color:var(--gold2)}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 24px;background:var(--gold);color:#10100f;text-decoration:none;font-weight:700;font-size:.9rem;transition:.2s}
.button:hover{background:var(--gold2);transform:translateY(-1px)}
.button-small{min-height:42px;padding:0 18px}
.menu{display:none}
.section{padding:112px 7vw}
.section-dark{background:var(--ink);color:white}
.hero{min-height:720px;padding:105px 7vw 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:8vw;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #d6ae5522;border-radius:50%;right:-250px;top:-220px}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:700;color:var(--gold2);margin-bottom:24px}
.eyebrow.gold{color:#9a7525}
.hero h1{font-size:clamp(3.2rem,6vw,6.8rem);line-height:.98;letter-spacing:-.06em;max-width:920px;margin-bottom:32px}
.hero h1 em{font-style:normal;color:var(--gold2)}
.lead{font-size:1.22rem;color:#c9cac8;max-width:660px}
.actions{display:flex;align-items:center;gap:28px;margin-top:38px;flex-wrap:wrap}
.text-link{font-weight:700;text-decoration:none;border-bottom:1px solid #ffffff45;padding-bottom:5px}
.text-link span{color:var(--gold2);margin-left:8px}
.hero-note{color:#8f918f;font-size:.84rem;margin:48px 0 0}
.control-card{background:#151718;border:1px solid #ffffff1f;padding:26px;box-shadow:0 30px 80px #00000055;position:relative;z-index:2}
.card-top,.deal-title,.stages,.metrics{display:flex;justify-content:space-between}
.card-top{font-size:.62rem;letter-spacing:.12em;color:#989a98;border-bottom:1px solid var(--line);padding-bottom:18px}
.live{color:#80a784}
.deal-title{align-items:end;padding:30px 0 20px}
.deal-title small{display:block;color:#777;font-size:.62rem;letter-spacing:.12em}
.deal-title strong{font:700 1.25rem Manrope}
.status{border:1px solid #d6ae5577;padding:6px 9px;font-size:.58rem;letter-spacing:.1em;color:var(--gold2)}
.progress{height:3px;background:#303232}
.progress i{display:block;width:56%;height:100%;background:var(--gold)}
.stages{font-size:.62rem;color:#6e706f;padding:10px 0 28px}
.stages .active{color:var(--gold2)}
.metrics{gap:8px}
.metrics div{flex:1;background:#1d1f20;padding:18px}
.metrics strong,.metrics small{display:block}
.metrics strong{font:700 1.8rem Manrope;color:var(--gold2)}
.metrics small{font-size:.66rem;color:#8d8f8d}
.next{margin-top:10px;background:#202223;border-left:2px solid var(--gold);padding:18px}
.next span,.next strong,.next b{display:block}
.next span{font-size:.62rem;color:#858785;text-transform:uppercase;letter-spacing:.1em}
.next strong{font-size:.86rem;margin:4px 0}
.next b{font-size:.66rem;color:#8c8e8c}
.proof-strip{background:var(--gold);padding:18px 7vw;display:flex;justify-content:space-between;gap:25px;font-size:.72rem;font-weight:700;letter-spacing:.1em}
.proof-strip ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}
.section-heading{max-width:820px}
.section-heading h2,.market-copy h2,.people-section h2,.trust-section h2{font-size:clamp(2.5rem,4.5vw,5rem);line-height:1.03;letter-spacing:-.05em}
.problem-layout{display:grid;grid-template-columns:.62fr 1.38fr;gap:7vw;margin-top:70px}
.intro{font-size:1.2rem;color:#535553}
.problem-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c9c8c2;border-left:1px solid #c9c8c2}
.problem-grid article{padding:32px;border-right:1px solid #c9c8c2;border-bottom:1px solid #c9c8c2}
.problem-grid span,.feature-grid i{font-style:normal;color:#9a7525;font-size:.68rem;letter-spacing:.12em}
.problem-grid h3{font-size:1.12rem;margin:25px 0 8px}
.problem-grid p{color:#646664;font-size:.9rem}
.platform-section .section-heading p:last-child{color:#aaa;max-width:650px;font-size:1.1rem}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-left:1px solid var(--line);border-top:1px solid var(--line)}
.feature-grid article{padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:240px}
.feature-grid i{color:var(--gold2)}
.feature-grid h3{margin:50px 0 10px;font-size:1.1rem}
.feature-grid p{color:#919390;font-size:.9rem}
.journey{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-left:1px solid #cccac3;border-top:1px solid #cccac3}
.journey div{padding:25px;border-right:1px solid #cccac3;border-bottom:1px solid #cccac3;min-height:140px;display:flex;flex-direction:column}
.journey b{color:#a47e2b;font-size:.65rem}
.journey strong{font:700 1.05rem Manrope;margin-top:auto}
.journey small{color:#777}
.market-section{background:#e8e3d8;display:grid;grid-template-columns:1fr 1fr;gap:10vw}
.market-copy p:not(.eyebrow){max-width:600px;color:#585954;font-size:1.08rem}
.dark-link{border-color:#555}
.market-list{border-top:1px solid #bcb6a8}
.market-list div{border-bottom:1px solid #bcb6a8;padding:19px 5px;font-weight:600}
.market-list span{display:inline-block;width:45px;color:#9a7525;font-size:.68rem}
.people-section{text-align:center}
.people-section h2{max-width:900px;margin:0 auto 60px}
.roles{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:1100px;margin:auto}
.roles span{border:1px solid #c9c8c2;padding:13px 18px;background:white;font-size:.87rem}
.membership-section{display:block}
.membership-section>.section-heading{max-width:980px}
.membership-section>.section-heading>p:last-child{color:#a9aba9;font-size:1.08rem;max-width:760px}
.membership-group{margin-top:64px}
.membership-title{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-bottom:16px;border-bottom:1px solid #d6ae5570}
.membership-title span{font:700 1.25rem Manrope;color:white}
.membership-title small{color:#9d9f9c}
.organization-title{margin-top:66px}
.tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.tier{background:#151718;border:1px solid var(--line);padding:28px 24px;display:flex;flex-direction:column;min-height:100%}
.tier>p{font-size:.7rem;letter-spacing:.14em;color:var(--gold2);font-weight:700;margin-bottom:10px}
.tier h3{font-size:1.85rem;line-height:1.15;margin:0 0 4px;text-transform:uppercase}
.tier h3 small{font:600 .66rem "DM Sans";color:#9d9f9c}
.tier>b{font-size:.78rem;color:var(--gold2);margin-bottom:18px}
.tier em{font-style:normal;color:#d0d1cf;font-size:.88rem;line-height:1.45;min-height:52px}
.tier ul{list-style:none;padding:0;margin:24px 0}
.tier li{border-top:1px solid var(--line);padding:9px 0;color:#a9aba9;font-size:.79rem}
.tier li:before{content:"✓";color:var(--gold2);margin-right:8px}
.tier>small{display:block;margin-top:auto;color:#d0d1cf;font-size:.72rem;border-top:1px solid var(--line);padding-top:15px}
.tier.featured{border-color:#d6ae55}
.consumer-tiers .access{box-shadow:inset 0 3px #72b94b}
.consumer-tiers .member{box-shadow:inset 0 3px #d6ae55}
.consumer-tiers .business{box-shadow:inset 0 3px #3e9fe8}
.consumer-tiers .professional{box-shadow:inset 0 3px #a65be2}
.organization-tiers .tier em{min-height:auto}
.pilot{margin-top:20px;padding:24px 28px;border:1px solid #d6ae5577;background:#181a1b;display:flex;align-items:center;justify-content:space-between;gap:30px}
.pilot div{display:flex;flex-direction:column}
.pilot strong{font:700 1.1rem Manrope;text-transform:uppercase;color:white}
.pilot span{color:var(--gold2);font-size:1rem}
.pilot small{color:#9d9f9c}
.eligibility{text-align:center;color:#777b77;font-size:.72rem;margin:16px 0 0}
.outline{background:transparent;color:white;border:1px solid #ffffff50}
.trust-section{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;align-items:end}
.trust-section p{color:#5d5f5b;font-size:1.05rem}
.closing{padding:120px 14vw;text-align:center}
.closing h2{font-size:clamp(2.8rem,5vw,5.5rem);line-height:1.04;letter-spacing:-.05em;max-width:1100px;margin:0 auto}
.closing .actions{justify-content:center}
footer{background:#070808;color:#a2a3a1;padding:60px 7vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;font-size:.76rem}
footer p:last-child{text-align:right}
footer a{color:inherit}
@media(max-width:1100px){.tier-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:1000px){.site-header nav{display:none;position:absolute;top:84px;left:0;right:0;background:#101112;padding:25px 5vw;flex-direction:column}
.site-header nav.open{display:flex}
.site-header>.button{display:none}
.menu{display:block;margin-left:auto;border:1px solid #ffffff40;background:transparent;color:white;padding:8px 13px}
.hero{grid-template-columns:1fr}
.control-card{max-width:700px}
.problem-layout,.market-section,.trust-section{grid-template-columns:1fr}
.feature-grid{grid-template-columns:1fr 1fr}
.journey{grid-template-columns:1fr 1fr}
.proof-strip{overflow:auto}
.proof-strip>span{white-space:nowrap}
.proof-strip ul{white-space:nowrap}
}
@media(max-width:650px){.section{padding:80px 6vw}
.site-header{padding:0 5vw}
.brand{font-size:.68rem}
.brand-logo{width:40px;height:40px}
.hero{padding:75px 6vw 60px;min-height:auto}
.hero h1{font-size:3.2rem}
.actions{align-items:flex-start;flex-direction:column}
.control-card{padding:18px}
.metrics{display:grid;grid-template-columns:1fr 1fr}
.metrics div:last-child{grid-column:span 2}
.proof-strip ul{gap:18px}
.proof-strip{font-size:.62rem}
.problem-grid,.feature-grid,.tier-grid{grid-template-columns:1fr}
.journey{grid-template-columns:1fr 1fr}
.problem-grid article,.feature-grid article{padding:25px}
.feature-grid article{min-height:200px}
.market-section{gap:50px}
.membership-title{align-items:flex-start;flex-direction:column}
.tier{padding:26px}
.pilot{align-items:flex-start;flex-direction:column}
.closing{padding:90px 6vw}
footer{grid-template-columns:1fr;gap:25px}
footer p:last-child{text-align:left}
}
