:root{
  --ink:#17191D;--ivory:#F5F2EC;--paper:#FCFBF7;--graphite:#454850;--line:rgba(23,25,29,.12);
  --blue:#3559C7;--cyan:#35B7C4;--violet:#7656C8;--rose:#D75E9A;--coral:#E86D60;--gold:#D5A447;
  --font-display:"Cormorant Garamond","Noto Serif SC",serif;
  --font-body:Manrope,"Noto Sans SC",sans-serif;
  --font-mono:"IBM Plex Mono","Noto Sans SC",monospace;
  --font-editorial:var(--font-display);--font-cn-editorial:"Noto Serif SC",serif;
  --prism-action:linear-gradient(112deg,#3559C7,#7656C8 55%,#D75E9A);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body{margin:0;font-family:var(--font-body);color:var(--ink)}
a{color:inherit;text-decoration:none}
img{max-width:100%}
button{font:inherit}
.container{width:min(1220px,calc(100% - 40px));margin-inline:auto}
.prism-text{color:transparent;background:linear-gradient(92deg,var(--blue),var(--violet) 30%,var(--rose) 58%,var(--gold));background-clip:text;-webkit-background-clip:text}
.about-progress,.founder-progress{position:fixed;z-index:220;left:0;right:0;top:0;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--blue),var(--violet),var(--rose),var(--gold))}
.skip-link{position:absolute;left:-9999px;top:0;z-index:300;background:var(--ink);color:#fff;padding:10px 16px}.skip-link:focus{left:0}
:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:6px}
.header{
  position:fixed!important;top:10px!important;left:50%!important;transform:translateX(-50%)!important;
  width:min(1400px,calc(100% - 28px))!important;min-height:76px;z-index:100;
  display:grid!important;grid-template-columns:240px 1fr auto!important;align-items:center!important;gap:18px!important;
  padding:7px 12px!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:22px!important;
  background:rgba(250,249,246,.54)!important;backdrop-filter:blur(24px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.18)!important;box-shadow:0 14px 45px rgba(23,25,29,.07)!important;
  transition:background .3s,box-shadow .3s,padding .3s;
}
.header.scrolled{background:rgba(250,249,246,.76)!important;box-shadow:0 16px 45px rgba(23,25,29,.10)!important}
.header .brand{display:flex!important;align-items:center!important;min-width:0}
.header .brand-mark{display:flex!important;align-items:center!important;width:220px!important;height:62px!important;line-height:0}
.header .brand img.logo-light{display:block!important;width:220px!important;height:62px!important;max-width:100%!important;object-fit:contain!important;object-position:left center!important}
.brand-symbol{display:none!important}
.menu{position:relative!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;font-size:.78rem!important;font-weight:600!important;color:#555861!important}
.menu>a,.nav-dropdown>.nav-trigger{position:relative!important;z-index:1!important;display:block;padding:13px 10px!important;line-height:1.25!important;white-space:nowrap}
.menu>a:after,.nav-trigger:after{display:none!important}
.menu .active{color:var(--ink)!important;font-weight:700!important}
.nav-glider{position:absolute!important;z-index:0!important;top:1px!important;bottom:1px!important;left:0;border:1px solid rgba(118,86,200,.16)!important;border-radius:15px!important;background:rgba(255,255,255,.45)!important;box-shadow:0 8px 24px rgba(23,25,29,.05)!important;pointer-events:none;transition:transform .28s ease,width .28s ease,background .28s ease}
.nav-dropdown{position:relative!important;display:flex!important;align-items:center!important}
.nav-panel{position:absolute;top:calc(100% + 10px);left:50%;width:285px;padding:10px;display:grid;gap:3px;opacity:0;visibility:hidden;transform:translate(-50%,-7px);border:1px solid var(--line);border-radius:15px;background:rgba(252,251,247,.96);box-shadow:0 22px 60px rgba(23,25,29,.13);backdrop-filter:blur(18px);transition:.22s;pointer-events:none}
.nav-dropdown:hover .nav-panel,.nav-dropdown:focus-within .nav-panel{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto}
.nav-panel a,.nav-panel>span{display:flex;justify-content:space-between;gap:12px;padding:10px;border-radius:10px;font-size:.72rem}
.nav-panel a:hover,.nav-panel a:focus-visible{background:rgba(118,86,200,.075)}
.nav-panel small{font:500 .61rem var(--font-mono);color:#777981}
.header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-direction:row!important;gap:8px!important;white-space:nowrap}
.lang-switch{display:flex!important;flex-direction:row!important;padding:3px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:rgba(255,255,255,.48)!important}
.lang-btn{border:0;cursor:pointer;padding:8px 10px!important;border-radius:9px!important;background:transparent!important;color:#696b70!important;font:700 .7rem var(--font-mono)!important}
.lang-btn.active{color:#fff!important;background:var(--ink)!important}
.enter{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px;padding:11px 14px!important;border-radius:12px!important;background:var(--ink)!important;color:#fff!important;font-size:.72rem!important;font-weight:700!important;line-height:1!important}
.menu-toggle{display:none!important;width:42px;height:42px;border:1px solid rgba(118,86,200,.2);border-radius:12px;background:rgba(255,255,255,.46);padding:10px}
.menu-toggle span{display:block;height:2px;margin:5px 0;background:var(--ink)}
.site-footer{padding:70px 0 28px;background:#17191D;color:#fff}
.footer-top,.footer-grid{display:grid;grid-template-columns:1.4fr .6fr .6fr;gap:60px}
.footer-brand img{display:block;width:240px;height:auto}.footer-logo-plate{display:inline-block;padding:13px;border-radius:15px;background:#F5F2EC}
.footer-signature{margin:24px 0 10px;font:600 1.45rem/1.15 var(--font-display)}
.footer-brand p{max-width:380px;color:#adafb6;line-height:1.7}
.footer-col h4{font:600 .67rem var(--font-mono);letter-spacing:.13em;color:#92949b}
.footer-col ul{list-style:none;padding:0;margin:20px 0}.footer-col li{margin:12px 0;color:#d5d5d8;font-size:.88rem}.soon{color:#797b82}
.footer-bottom{margin-top:50px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;color:#8f9198;font:500 .67rem var(--font-mono)}
.footer-motion-inline{display:flex;gap:12px}
/* Content reveal behavior belongs to each page; the shared shell only styles header and footer. */
@media(max-width:1050px) and (min-width:901px){.header{grid-template-columns:185px 1fr auto!important}.header .brand-mark,.header .brand img.logo-light{width:180px!important}.menu{gap:2px!important;font-size:.71rem!important}.menu>a,.nav-dropdown>.nav-trigger{padding-inline:7px!important}}
@media(max-width:900px){
  html{scroll-padding-top:86px}
  .container{width:min(100% - 28px,1220px)}
  .header{top:8px!important;width:calc(100% - 16px)!important;min-height:66px!important;height:66px!important;grid-template-columns:minmax(108px,1fr) auto!important;gap:8px!important;padding:5px 7px 5px 10px!important;border-radius:17px!important}
  .header.scrolled{padding:4px 7px 4px 10px!important;height:62px!important;min-height:62px!important}
  .header .brand,.header .brand-mark{width:142px!important;max-width:142px!important;height:52px!important}
  .header .brand img.logo-light{width:142px!important;height:52px!important;max-width:142px!important;object-fit:contain!important}
  .header-actions{gap:5px!important}
  .lang-switch{padding:2px!important}.lang-btn{padding:7px 7px!important;font-size:.64rem!important}
  .enter{width:38px!important;height:38px!important;padding:0!important;border-radius:11px!important}.enter span{display:none!important}.enter b{font-size:1rem}
  .menu-toggle{display:block!important;width:38px!important;height:38px!important;padding:8px!important;flex:0 0 38px}
  .menu{position:absolute!important;left:0!important;right:0!important;top:calc(100% + 7px)!important;display:none!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:11px 14px!important;border:1px solid var(--line)!important;border-radius:15px!important;background:rgba(252,251,247,.97)!important;box-shadow:0 22px 60px rgba(23,25,29,.13)!important;backdrop-filter:blur(20px)!important}
  .menu.open{display:flex!important}.nav-glider{display:none!important}
  .menu>a,.nav-dropdown>.nav-trigger{padding:11px 10px!important}
  .nav-dropdown{display:block!important}.nav-panel{position:static!important;width:auto!important;padding:2px 8px 9px!important;display:grid!important;opacity:1!important;visibility:visible!important;transform:none!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;pointer-events:auto!important}
  .nav-panel a,.nav-panel>span{padding:8px 10px}
  .hero,.about-hero,.matrix-hero,.founder-hero{padding-top:104px!important}
  .footer-top,.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
}
@media(max-width:520px){
  .header .brand,.header .brand-mark{width:124px!important;max-width:124px!important}.header .brand img.logo-light{width:124px!important;max-width:124px!important}
  .lang-btn{padding:7px 6px!important}.enter{width:36px!important;height:36px!important}.menu-toggle{width:36px!important;height:36px!important;flex-basis:36px}
  .footer-top,.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{display:block;line-height:1.9}.footer-motion-inline{margin-top:10px;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.nav-glider{transition:none}}

/* Homepage footer master treatment — shared verbatim across every page. */
footer.site-footer{
  position:relative;overflow:hidden;padding:80px 0 0;background:var(--ink);color:rgba(255,255,255,.72)
}
footer.site-footer::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 8% 12%,rgba(53,89,199,.30),transparent 26%),
    radial-gradient(circle at 92% 18%,rgba(215,94,154,.22),transparent 26%),
    radial-gradient(circle at 50% 100%,rgba(53,183,196,.14),transparent 40%)
}
footer.site-footer .footer-top{
  position:relative;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;
  padding-bottom:46px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:34px
}
footer.site-footer .footer-brand{
  display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:16px;max-width:360px;padding:0
}
footer.site-footer .footer-brand .footer-logo-plate{
  display:inline-block;padding:0;background:transparent;border-radius:0;line-height:0
}
footer.site-footer .footer-brand img{
  display:block;width:270px;height:auto;max-width:100%;max-height:none;object-fit:contain;
  object-position:left center;margin:0;align-self:flex-start;filter:none;mix-blend-mode:normal
}
footer.site-footer .footer-signature{
  margin:0;font-family:var(--font-display);font-size:1.3rem;font-weight:600;line-height:1.3;color:#fff
}
footer.site-footer .footer-brand p{
  max-width:320px;margin:0;color:rgba(255,255,255,.55);font-size:.82rem;line-height:1.7
}
footer.site-footer .footer-col h4{
  margin:0 0 16px;color:rgba(255,255,255,.4);font:700 .68rem var(--font-mono);
  letter-spacing:.12em;text-transform:uppercase
}
footer.site-footer .footer-col ul{
  display:flex;flex-direction:column;gap:11px;list-style:none;margin:0;padding:0
}
footer.site-footer .footer-col li{display:flex;align-items:center;gap:8px;margin:0}
footer.site-footer .footer-col a{color:rgba(255,255,255,.72);font-size:.85rem;transition:color .2s ease}
footer.site-footer .footer-col a.portfolio-link:hover,
footer.site-footer .footer-col a.portfolio-link:focus-visible{color:var(--gold)}
footer.site-footer .footer-col .soon-item{color:rgba(255,255,255,.55);font-size:.85rem}
footer.site-footer .footer-col .soon{
  padding:2px 7px;border:1px solid rgba(255,255,255,.15);border-radius:999px;
  color:rgba(255,255,255,.32);font:500 .62rem var(--font-mono);letter-spacing:.05em
}
footer.site-footer .footer-bottom{
  position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
  margin-top:0;padding:26px 0;border-top:1px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.4);font:500 .72rem var(--font-mono)
}
footer.site-footer .footer-bottom-right{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
footer.site-footer .footer-motion-inline{display:flex;gap:16px;flex-wrap:wrap}
footer.site-footer .footer-motion-inline span{position:relative;padding-left:12px}
footer.site-footer .footer-motion-inline span::before{
  content:"";position:absolute;left:0;top:50%;width:5px;height:5px;border-radius:50%;
  transform:translateY(-50%);background:var(--violet)
}
footer.site-footer .footer-motion-inline span:nth-child(1)::before{background:var(--blue)}
footer.site-footer .footer-motion-inline span:nth-child(2)::before{background:var(--cyan)}
footer.site-footer .footer-motion-inline span:nth-child(3)::before{background:var(--violet)}
footer.site-footer .footer-motion-inline span:nth-child(4)::before{background:var(--rose)}
footer.site-footer .footer-motion-inline span:nth-child(5)::before{background:var(--gold)}
@media(max-width:930px){
  footer.site-footer .footer-top{grid-template-columns:1fr 1fr}
  footer.site-footer .footer-brand{grid-column:1/-1}
}
@media(max-width:640px){
  footer.site-footer{padding-top:64px}
  footer.site-footer .footer-top{grid-template-columns:1fr}
  footer.site-footer .footer-brand{grid-column:auto}
  footer.site-footer .footer-brand img{width:240px}
  footer.site-footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:14px}
  footer.site-footer .footer-motion-inline{order:2}
}

/* Header v14.12 — quiet atmospheric glass. */
.header{
  background:rgba(245,242,236,.43)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.08)!important;backdrop-filter:blur(20px) saturate(1.08)!important;
  border-color:rgba(255,255,255,.5)!important;box-shadow:0 10px 34px rgba(23,25,29,.045)!important
}
.header.scrolled{
  background:rgba(245,242,236,.62)!important;
  box-shadow:0 12px 36px rgba(23,25,29,.065)!important
}
@media(min-width:1051px){
 .header{min-height:70px!important;padding:5px 11px!important;border-radius:19px!important;grid-template-columns:240px 1fr auto!important}
 .header .brand-mark,.header .brand img.logo-light{width:240px!important;height:60px!important}
}
.header .nav-glider{
  top:auto!important;bottom:7px!important;height:1px!important;border:0!important;border-radius:0!important;
  background:linear-gradient(90deg,var(--blue),var(--violet),var(--rose))!important;
  box-shadow:none!important
}
.header .lang-switch{background:rgba(255,255,255,.24)!important;border-color:rgba(118,86,200,.1)!important;box-shadow:none!important}
.header .menu>a,.header .nav-dropdown>.nav-trigger{font-family:var(--font-body)!important}
.header .lang-btn{font-family:var(--font-mono)!important}
@media(max-width:900px){
 .header{background:rgba(245,242,236,.5)!important;-webkit-backdrop-filter:blur(18px) saturate(1.06)!important;backdrop-filter:blur(18px) saturate(1.06)!important;box-shadow:0 9px 28px rgba(23,25,29,.045)!important}
 .header.scrolled{background:rgba(245,242,236,.65)!important}
}


/* Global shell v14.13 — quieter controls, prism-led action */
.header .lang-switch{
  padding:3px!important;
  gap:2px!important;
  border:1px solid rgba(72,75,84,.18)!important;
  border-radius:999px!important;
  background:rgba(248,246,240,.46)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.56)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
.header .lang-btn{
  min-width:42px;
  color:#555963!important;
  border:1px solid transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:color .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease!important;
}
.header .lang-btn.active{
  color:#17191f!important;
  border-color:rgba(53,89,199,.18)!important;
  background:rgba(255,255,255,.54)!important;
  box-shadow:inset 0 -2px 0 rgba(53,89,199,.72)!important;
}
.header .lang-btn:hover,.header .lang-btn:focus-visible{
  color:#3559C7!important;
  border-color:rgba(53,183,196,.36)!important;
  outline:none;
}
.header .enter{
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.26)!important;
  background:linear-gradient(112deg,#3559C7 0%,#5856C8 58%,#35B7C4 116%)!important;
  box-shadow:0 10px 28px rgba(53,89,199,.18),inset 0 1px 0 rgba(255,255,255,.24)!important;
  transform:none!important;
  transition:border-color .3s ease,box-shadow .3s ease,filter .3s ease!important;
}
.header .enter::before{
  content:"";
  position:absolute;
  inset:-2px auto -2px -55%;
  z-index:-1;
  width:42%;
  transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);
  transition:left .55s cubic-bezier(.2,.75,.2,1);
}
.header .enter:hover,.header .enter:focus-visible{
  filter:saturate(1.07);
  border-color:rgba(255,255,255,.52)!important;
  box-shadow:0 14px 38px rgba(53,89,199,.24),0 0 24px rgba(53,183,196,.10),inset 0 1px 0 rgba(255,255,255,.28)!important;
  transform:none!important;
  outline:none;
}
.header .enter:hover::before,.header .enter:focus-visible::before{left:118%}
.header .enter b,.header .enter svg,.header .enter .arrow{
  transition:transform .3s cubic-bezier(.2,.75,.2,1)!important;
}
.header .enter:hover b,.header .enter:hover svg,.header .enter:hover .arrow,
.header .enter:focus-visible b,.header .enter:focus-visible svg,.header .enter:focus-visible .arrow{
  transform:translateX(3px)!important;
}
@media(max-width:930px){
  .header .lang-switch{background:rgba(248,246,240,.58)!important}
}
@media(prefers-reduced-motion:reduce){
  .header .enter::before{display:none}
  .header .enter,.header .enter b,.header .enter svg,.header .enter .arrow{transition:none!important}
}


/* Global shell v14.14 — typographic language selector */
.header .lang-switch{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.header .lang-switch::after{
  content:"";
  position:absolute;
  left:50%;
  top:13px;
  bottom:13px;
  width:1px;
  transform:translateX(-50%);
  background:rgba(69,72,80,.20);
  pointer-events:none;
}
.header .lang-btn{
  position:relative!important;
  min-width:46px!important;
  height:42px!important;
  padding:0 9px!important;
  border:0!important;
  border-radius:0!important;
  color:rgba(69,72,80,.72)!important;
  background:transparent!important;
  box-shadow:none!important;
  font:600 .71rem/1 var(--font-mono, "IBM Plex Mono", monospace)!important;
  letter-spacing:.04em!important;
}
.header .lang-btn.active{
  color:#17191f!important;
  border:0!important;
  background:transparent!important;
  box-shadow:inset 0 -2px 0 #3559C7!important;
}
.header .lang-btn:hover,.header .lang-btn:focus-visible{
  color:#3559C7!important;
  border:0!important;
  background:radial-gradient(circle at 50% 78%,rgba(53,183,196,.11),transparent 58%)!important;
  box-shadow:inset 0 -2px 0 rgba(53,183,196,.78)!important;
}
@media(max-width:930px){
  .header .lang-switch{background:transparent!important}
  .header .lang-btn{min-width:42px!important;padding-inline:7px!important}
}