:root{--bg:#10151e;--bg2:#151c27;--text:#f6f4f2;--muted:#a3a9b3;--gold:#e3bd8b;--line:rgba(223,222,218,.17);--font:"Jost","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-weight:300}
a{color:inherit;text-decoration:none}
button,a{touch-action:manipulation}
a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.skip-link,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{z-index:10;width:auto;height:auto;clip:auto;margin:12px;padding:10px 16px;background:#fff;color:#111}
.hero{background:#10151e}
.hero-art{width:100%;height:48.01vw;background-image:url("assets/brand-master.png");background-repeat:no-repeat;background-position:center top;background-size:100% auto}
.mobile-motto,.mobile-descriptions{display:none}
.quick-nav{display:flex;justify-content:center;gap:clamp(28px,6vw,100px);align-items:center;min-height:72px;background:#111721;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.quick-nav a,.access-card a{font-size:.74rem;letter-spacing:.28em;font-weight:400;transition:color .25s}
.quick-nav a:hover,.access-card a:hover{color:var(--gold)}
.quick-nav span,.access-card a span{margin-left:12px;color:var(--gold);font-size:1rem;letter-spacing:0}
.concepts{padding:64px 4vw 50px;background:radial-gradient(ellipse 50% 60% at 50% 0%,#1b202a 0%,transparent 100%),#10151e;border-bottom:1px solid var(--line)}
.concept-grid{max-width:1254px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}
.concept{text-align:center;min-height:150px;border-right:1px solid var(--line);padding:7px 12px}
.concept:last-child{border:0}
.concept svg{width:38px;height:38px;stroke:var(--gold);stroke-width:1.7;fill:none;stroke-linejoin:round;stroke-linecap:round;display:block;margin:0 auto 12px}
.concept h2{font-size:1.04rem;letter-spacing:.28em;font-weight:400;margin:0 0 2px}
.concept p{margin:0;color:#b8bdc7;letter-spacing:.15em;font-size:1rem}
.section-signature{display:flex;justify-content:center;align-items:center;gap:35px;margin:40px 0 0;color:#979ca8;font-size:.68rem;letter-spacing:.6em;text-align:center}
.section-signature span{width:60px;height:1px;background:#6d6c70}
.section-shell{max-width:1210px;margin:auto;padding-left:36px;padding-right:36px}
.manifesto{text-align:center;padding-top:155px;padding-bottom:168px}
.overline{font-size:.72rem;color:var(--gold);font-weight:400;letter-spacing:.48em;margin:0 0 26px}
h2,h3,p{margin-top:0}
.manifesto h2,.section-heading h2,.connection h2{font-weight:300;letter-spacing:-.018em;line-height:1.13}
.manifesto h2{font-size:clamp(2.5rem,4.6vw,5.1rem);margin:0 0 30px}
em{font-style:normal;color:var(--gold)}
.manifesto>p:last-child{color:#b5bac5;font-size:1.13rem;line-height:1.75;max-width:655px;margin:0 auto}
.roles{padding-bottom:155px}
.section-heading{padding-bottom:48px;border-bottom:1px solid var(--line)}
.section-heading h2{font-size:clamp(2.3rem,3.7vw,4rem);margin:0}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.role{padding:42px 36px 30px 0;border-right:1px solid var(--line);min-height:245px}
.role+.role{padding-left:36px}
.role:last-child{border-right:0}
.index{color:var(--gold);font-size:.75rem;letter-spacing:.3em;font-weight:400}
.role-rule{width:40px;height:1px;background:var(--gold);margin:34px 0 29px}
.role h3,.access-card h3,.download h3{font-size:clamp(1.65rem,2.3vw,2.4rem);font-weight:300;letter-spacing:.025em;margin:0 0 9px}
.role p,.access-card p,.download p:not(.overline){color:#adb4c1;font-size:1.03rem;line-height:1.65;margin:0}
.connection{background:radial-gradient(ellipse 35% 70% at 83% 48%,#212d3c 0%,transparent 85%),linear-gradient(100deg,#161c26,#111720);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.connection-inner{display:grid;grid-template-columns:.95fr 1.05fr;gap:9%;align-items:center;padding-top:145px;padding-bottom:145px}
.connection h2{font-size:clamp(2.5rem,4.1vw,4.5rem);margin:0 0 26px}
.connection-copy>p:last-child{color:#b6bdc7;line-height:1.75;font-size:1.05rem;max-width:480px}
.flow{padding:22px 0}
.flow-step{display:grid;grid-template-columns:50px 1fr;column-gap:18px;row-gap:2px;padding:19px 25px;border:1px solid var(--line);background:rgba(7,13,21,.28)}
.flow-step span{grid-row:1/3;color:var(--gold);font-size:.7rem;letter-spacing:.2em;align-self:center}
.flow-step strong{font-weight:400;font-size:.82rem;letter-spacing:.2em}
.flow-step small{color:#abb3bd;font-size:.95rem;letter-spacing:.04em}
.flow-step.highlighted{border-color:rgba(227,189,139,.52);background:rgba(227,189,139,.065)}
.flow-line{height:30px;margin-left:49px;border-left:1px solid rgba(227,189,139,.5);position:relative}
.flow-line i{position:absolute;bottom:0;left:-3px;width:5px;height:5px;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);transform:rotate(45deg)}
.access{padding-top:145px;padding-bottom:130px}
.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-top:48px}
.access-card{min-height:320px;padding:35px;border:1px solid var(--line);background:linear-gradient(145deg,#19222e,#111721);display:flex;flex-direction:column;align-items:flex-start}
.access-card h3{margin-top:66px}
.access-card p{max-width:350px}
.access-card a{display:inline-block;margin-top:auto;padding-top:32px}
.download{margin-top:85px;padding:52px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}
.download .overline{margin-bottom:16px}
.download h3{font-size:2.05rem}
.download p:not(.overline){max-width:540px}
.download-mark{color:rgba(227,189,139,.55);font-size:.9rem;letter-spacing:.65em;white-space:nowrap}
footer{min-height:310px;text-align:center;padding:55px 24px 35px;background:#0d131c;display:flex;flex-direction:column;align-items:center}
footer img{object-fit:cover;mix-blend-mode:screen;margin-bottom:18px}
footer p{color:var(--gold);font-size:.9rem;letter-spacing:.42em;margin:0 0 24px}
footer strong{font-weight:300;font-size:1.45rem;letter-spacing:.06em;margin-bottom:31px}
footer a{color:#aab0b9;font-size:.8rem;letter-spacing:.25em}
footer a span{color:var(--gold);margin-left:6px}
.toast{position:fixed;bottom:20px;left:50%;max-width:min(90vw,450px);transform:translate(-50%,120px);transition:transform .3s ease;background:#e7cba2;color:#111720;padding:14px 18px;z-index:20;font-size:.9rem;box-shadow:0 10px 35px #0007}
.toast.show{transform:translate(-50%,0)}
@media(max-width:760px){
  .hero-art{height:clamp(354px,90vw,460px);background-size:max(750px,190vw) auto;background-position:center top}
  .mobile-motto,.mobile-descriptions{display:flex;justify-content:space-between;padding:0 25px}
  .mobile-motto{margin-top:-1px}
  .mobile-motto p{font-size:.7rem;line-height:1.9;letter-spacing:.33em;color:#c8cbd1}
  .mobile-motto p:last-child,.mobile-descriptions p:last-child{text-align:right}
  .mobile-descriptions{margin-top:10px;padding-top:21px;padding-bottom:32px;position:relative}
  .mobile-descriptions:before,.mobile-descriptions:after{content:"";position:absolute;top:0;width:34px;height:1px;background:var(--gold)}
  .mobile-descriptions:before{left:25px}
  .mobile-descriptions:after{right:25px}
  .mobile-descriptions p{font-size:.63rem;line-height:1.8;letter-spacing:.27em;color:#aab0bb}
  .quick-nav{min-height:68px;gap:20px;padding:0 12px}
  .quick-nav a{font-size:.59rem;letter-spacing:.15em}
  .concepts{padding:52px 19px 39px}
  .concept-grid{grid-template-columns:1fr 1fr;row-gap:29px}
  .concept:nth-child(2){border-right:0}
  .concept{min-height:126px}
  .concept svg{width:31px;height:31px}
  .concept h2{font-size:.8rem}
  .concept p{font-size:.83rem}
  .section-signature{gap:12px;font-size:.55rem;letter-spacing:.36em;margin-top:30px}
  .section-signature span{width:26px}
  .section-shell{padding-left:24px;padding-right:24px}
  .manifesto{padding-top:93px;padding-bottom:100px}
  .overline{font-size:.62rem;letter-spacing:.35em}
  .manifesto h2{font-size:2.45rem}
  .manifesto>p:last-child{font-size:1rem}
  .roles{padding-bottom:85px}
  .section-heading{padding-bottom:29px}
  .section-heading h2{font-size:2.35rem}
  .role-grid{display:block}
  .role,.role+.role{border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:28px 0}
  .role:last-child{border-bottom:0}
  .role-rule{margin:19px 0}
  .connection-inner{display:block;padding-top:85px;padding-bottom:85px}
  .connection h2{font-size:2.6rem}
  .connection-copy>p:last-child{font-size:1rem}
  .flow{margin-top:40px}
  .flow-step{grid-template-columns:36px 1fr;padding:16px}
  .flow-step strong{font-size:.7rem}
  .flow-step small{font-size:.85rem}
  .flow-line{margin-left:34px}
  .access{padding-top:90px;padding-bottom:70px}
  .access-grid{grid-template-columns:1fr;gap:16px;padding-top:30px}
  .access-card{min-height:268px;padding:27px}
  .access-card h3{margin-top:35px}
  .download{margin-top:62px;padding:38px 0}
  .download-mark{display:none}
  footer strong{font-size:1.13rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}