:root {
  --paper: #f8f7f3;
  --ink: #111115;
  --muted: #6f6b66;
  --lilac: #9a82ff;
  --lilac-soft: #cfc6ff;
  --acid: #b5ff36;
  --cream: #efeee9;
  --dark: #17171b;
  --shell: min(1180px, calc(100vw - 48px));
  --sans: "Manrope", Arial, sans-serif;
  --mono: "DM Mono", Consolas, monospace;
}

* { box-sizing: border-box; }
html { background: var(--paper); scroll-behavior: smooth; }
body {
  min-width: 320px;
  margin: 0;
  color: var(--ink);
  font-family: var(--sans);
  background:
    radial-gradient(circle at 51% 6%, rgba(224, 215, 255, .24), transparent 20rem),
    radial-gradient(circle at 15% 70%, rgba(202, 255, 88, .08), transparent 26rem),
    var(--paper);
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }

/* A very light texture was part of the first sample. */
.noise {
  position: fixed;
  inset: 0;
  z-index: 30;
  pointer-events: none;
  opacity: .045;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E");
}

.section-shell { width: var(--shell); margin-inline: auto; }
.site-header {
  width: var(--shell);
  height: 78px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 10;
}
.brand { display: inline-flex; align-items: center; gap: 9px; font: 500 11px/1 var(--mono); letter-spacing: -.055em; }
.brand > span:last-child { letter-spacing: -.085em; }
.brand > span:last-child > span { color: #7460e7; }
.brand-mark { position: relative; display: inline-block; width: 17px; height: 11px; }
.brand-mark i { position: absolute; display: block; height: 3px; border-radius: 4px; background: var(--ink); transform: skewX(-24deg); }
.brand-mark i:nth-child(1) { left: 0; top: 0; width: 13px; }
.brand-mark i:nth-child(2) { left: 3px; top: 4px; width: 11px; background: #795ff2; }
.brand-mark i:nth-child(3) { left: 8px; top: 8px; width: 8px; background: var(--acid); }
.nav-links { display: flex; align-items: center; gap: 26px; font: 500 9px/1 var(--mono); letter-spacing: -.05em; }
.nav-links > a:not(.nav-cta) { transition: opacity .18s ease; }
.nav-links > a:not(.nav-cta):hover { opacity: .55; }
.nav-cta { display: inline-flex; align-items: center; gap: 6px; min-height: 31px; padding: 0 13px; border-radius: 999px; background: var(--ink); color: #fff; }
.nav-cta span { color: var(--acid); font-size: 13px; }
.menu-button { display: none; border: 0; padding: 10px; width: 44px; height: 44px; background: transparent; }
.menu-button span { display: block; width: 22px; height: 1.5px; margin: 5px auto; background: var(--ink); transition: transform .2s ease; }

/* Home hero — locked to the first sample composition. */
.hero {
  min-height: 585px;
  padding: 73px 0 88px;
  display: grid;
  grid-template-columns: 1fr .92fr;
  align-items: center;
  gap: 50px;
  position: relative;
}
.hero-glow { position: absolute; pointer-events: none; border-radius: 50%; filter: blur(36px); }
.glow-one { width: 260px; height: 260px; top: 72px; right: 13%; background: rgba(184, 164, 255, .28); }
.glow-two { width: 205px; height: 205px; top: 286px; right: 38%; background: rgba(181, 255, 54, .16); }
.eyebrow { display: flex; align-items: center; gap: 8px; margin: 0 0 16px; color: #5a5754; font: 500 10px/1.15 var(--mono); letter-spacing: .025em; text-transform: uppercase; }
.eyebrow span { width: 5px; height: 5px; border-radius: 50%; background: var(--lilac); box-shadow: 0 0 0 3px rgba(154, 130, 255, .10); }
.hero h1, h2 { margin: 0; font-weight: 800; letter-spacing: -.101em; line-height: .86; }
.hero h1 { max-width: 540px; font-size: clamp(4.4rem, 7.8vw, 7.3rem); }
.hero h1 em, h2 em { font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-size: 1.05em; letter-spacing: -.115em; color: #927cff; }
.hero-text { max-width: 445px; margin: 27px 0 27px; color: #5f5c59; font-size: 16px; line-height: 1.65; letter-spacing: -.03em; }
.hero-actions { display: flex; align-items: center; gap: 23px; flex-wrap: wrap; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; border: 1px solid transparent; border-radius: 999px; padding: 0 17px; font: 500 10px/1 var(--mono); letter-spacing: -.04em; transition: transform .18s ease, box-shadow .18s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--ink); color: #fff; box-shadow: 0 5px 0 rgba(17,17,21,.18); }
.button-primary span { color: var(--acid); font-size: 15px; }
.text-link { display: inline-flex; align-items: center; gap: 8px; padding-bottom: 4px; border-bottom: 1px solid var(--ink); font: 500 10px/1 var(--mono); }
.text-link span { color: #745fe9; font-size: 14px; }

.hero-stage { position: relative; min-height: 405px; display: grid; place-items: center; }
.core-card {
  position: relative;
  z-index: 2;
  width: 282px;
  height: 282px;
  padding: 22px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
  color: #dad9df;
  background: radial-gradient(circle at 50% 50%, #30363a 0 1%, #202325 38%, #151619 74%);
  box-shadow: 24px 25px 0 #a995f7, 0 28px 44px rgba(51,39,87,.20);
}
.core-card::before { content:""; position:absolute; inset: 11px; border-radius:50%; border:1px solid rgba(255,255,255,.09); }
.core-topline, .core-bottomline { position: relative; z-index: 4; display: flex; justify-content: space-between; font: 500 8px/1 var(--mono); letter-spacing: .025em; }
.core-topline span:last-child { color: var(--acid); }
.core-bottomline { position: absolute; right: 22px; bottom: 19px; left: 22px; color: #afb0b5; font-size: 7px; }
.core-symbol { position: absolute; inset: 0; display: grid; place-items: center; }
.symbol-center { position: relative; z-index: 3; width: 23px; height: 23px; border-radius: 50%; border: 1px solid var(--acid); background: radial-gradient(circle, var(--acid) 0 28%, rgba(181,255,54,.42) 30% 46%, transparent 48%); box-shadow: 0 0 23px rgba(181,255,54,.52); }
.symbol-ring { position: absolute; width: 150px; height: 57px; border: 1px solid rgba(181,255,54,.90); border-radius: 50%; }
.ring-1 { transform: rotate(0deg); }.ring-2 { transform: rotate(60deg); }.ring-3 { transform: rotate(-60deg); }
.orbit { position: absolute; z-index: 1; border: 1px solid rgba(17,17,21,.14); border-radius: 50%; }
.orbit-a { width: 409px; height: 183px; transform: rotate(28deg); }.orbit-b { width: 398px; height: 170px; transform: rotate(-41deg); opacity: .70; }
.floating-tag { position: absolute; z-index: 4; padding: 7px 9px; border: 1px solid rgba(17,17,21,.16); background: rgba(255,255,255,.95); box-shadow: 0 3px 8px rgba(17,17,21,.07); color:#36343a; font: 500 8px/1 var(--mono); letter-spacing: .04em; }
.tag-one { top: 46px; left: -1px; transform: rotate(-8deg); }.tag-two { top: 211px; right: -24px; transform: rotate(7deg); }.tag-three { bottom: 29px; left: 21px; transform: rotate(-4deg); }

.ticker-wrap { width: 100%; overflow: hidden; background: var(--ink); color: #f8f7f2; }
.ticker { display:flex; align-items:center; gap:22px; width:max-content; padding: 13px 0; font:500 9px/1 var(--mono); letter-spacing:.05em; animation: marquee 28s linear infinite; }
.ticker b { color: var(--acid); font-size: 12px; font-weight:400; }
@keyframes marquee { to { transform: translateX(-50%); } }

.projects { padding: 111px 0 80px; }
.section-heading { display: grid; grid-template-columns: 1fr .64fr; align-items: end; gap: 50px; margin-bottom: 44px; }
.section-heading h2, .about h2, .contact-card h2 { font-size: clamp(3.4rem, 5.8vw, 5.55rem); }
.section-heading > p { max-width: 360px; margin: 0 0 4px; color: #686560; font-size: 15px; line-height:1.62; letter-spacing: -.035em; }
.project-grid { display: grid; grid-template-columns: repeat(12, minmax(0,1fr)); gap: 12px; }
.project-card { position: relative; display:flex; flex-direction:column; justify-content:space-between; min-height: 364px; padding: 18px 20px; overflow:hidden; }
.project-card.featured { grid-column: span 7; background: linear-gradient(135deg, #d5ceff, #cbc2ff); }
.hush-card { grid-column: span 5; background:#efeee9; }
.vault-card { grid-column: span 6; background:#17171b; color:#f8f7f2; }
.coming-card { grid-column: span 6; background:var(--acid); }
.project-meta { display:flex; justify-content:space-between; color:rgba(17,17,21,.67); font:500 8px/1 var(--mono); letter-spacing:.04em; }
.vault-card .project-meta { color:rgba(255,255,255,.68); }
.project-content { position:relative; z-index:4; display:flex; align-items:end; gap:18px; }
.project-content > div { flex:1; }
.project-content h3 { margin:0 0 5px; font-size:27px; line-height:.92; letter-spacing:-.08em; }
.project-content p { max-width:270px; margin:0; color:rgba(17,17,21,.65); font-size:11px; line-height:1.45; letter-spacing:-.02em; }
.vault-card .project-content p { color:rgba(255,255,255,.65); }
.circle-link { width: 34px; height:34px; flex: 0 0 34px; display:grid; place-items:center; border-radius:50%; background:var(--ink); color:var(--acid); font:400 16px/1 Arial; transition:transform .2s ease; }
.circle-link:hover { transform:rotate(45deg); }
.vault-card .circle-link { background:var(--acid); color:var(--ink); }
.status { position:absolute; right:20px; bottom:19px; transform:rotate(-90deg) translateX(100%); transform-origin:right bottom; color:rgba(17,17,21,.55); font:500 7px/1 var(--mono); letter-spacing:.06em; }
.vault-card .status { color:rgba(255,255,255,.56); }
.health-icon { position:absolute; top:46%; left:50%; width:76px; height:76px; display:grid; place-items:center; border:1px solid rgba(17,17,21,.34); border-radius:50%; transform:translate(-50%,-50%); }
.health-icon::before { content:""; position:absolute; width:44px; height:44px; border:1px solid rgba(17,17,21,.42); border-radius:50%; }.health-icon::after { content:"+"; position:relative; z-index:2; display:grid; place-items:center; width:29px; height:29px; border-radius:50%; background:var(--ink); color:var(--acid); font-size:28px; line-height:1; }
.health-icon span { display:none; }
.hush-visual { position:absolute; inset:0; }.hush-bubble { position:absolute; border:1.5px solid var(--ink); border-radius:50%; }.bubble-1 { width:58px; height:58px; left:29%; top:37%; background:var(--acid); }.bubble-2 { width:88px; height:88px; left:55%; top:21%; background:#afa0f7; }.bubble-3 { width:44px; height:44px; right:9%; bottom:29%; background:#fbfaf7; }.hush-lock { position:absolute; left:57%; top:47%; color:var(--ink); font-size:28px; transform:rotate(-45deg); }
.vault-visual { position:absolute; top:21%; left:50%; width:190px; height:164px; transform:translateX(-50%); }.vault-cube { position:absolute; width:85px; height:85px; transform:rotate(20deg) skewY(-6deg); }.cube-back { top:8px; left:55px; background:#7460d7; }.cube-front { top:42px; left:22px; display:grid; place-items:center; background:var(--acid); color:var(--ink); font-size:18px; font-style:italic; }.vault-line { position:absolute; width:118px; height:1px; background:rgba(255,255,255,.7); }.line-a { top:78px; left:25px; transform:rotate(28deg); }.line-b { top:86px; left:30px; transform:rotate(-58deg); }
.coming-symbol { position:absolute; top:32%; left:50%; color:rgba(17,17,21,.21); font-size:88px; font-weight:300; transform:translateX(-50%); }

.community { padding: 77px 0 95px; }
.community-panel { position:relative; min-height:490px; display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; padding:56px 58px; overflow:hidden; background:var(--dark); color:#f8f7f3; }
.community-copy { position:relative; z-index:2; }.community-copy .eyebrow { color:#d3d0d0; }.community-copy .eyebrow span { background:var(--lilac); }.community-copy h2 { font-size:clamp(3.8rem, 5.5vw, 5.85rem); }.community-copy p:not(.eyebrow) { max-width:450px; margin:23px 0 36px; color:#b8b6b5; font-size:15px; line-height:1.62; letter-spacing:-.03em; }.community-stats { display:flex; gap:44px; }.community-stats > div { display:flex; align-items:center; gap:10px; }.community-stats strong { color:var(--acid); font:500 28px/1 var(--mono); }.community-stats span { color:#b3b1b0; font:500 8px/1.3 var(--mono); text-transform:uppercase; }
.community-art { position:relative; min-height:335px; height:100%; }.art-line { position:absolute; height:1px; background:rgba(255,255,255,.60); transform-origin:left; }.art-line-1 { width:255px; top:42%; left:10%; transform:rotate(-38deg); }.art-line-2 { width:183px; top:38%; left:23%; transform:rotate(26deg); }.art-line-3 { width:135px; top:67%; left:36%; transform:rotate(-57deg); }.art-node { position:absolute; width:13px; height:13px; border:1px solid var(--acid); border-radius:50%; background:#17171b; box-shadow:0 0 0 8px rgba(181,255,54,.05); }.node-1 { top:17%; left:40%; }.node-2 { top:47%; left:64%; background:var(--acid); }.node-3 { bottom:18%; left:55%; }.node-4 { top:26%; right:3%; background:var(--acid); }.art-label { position:absolute; color:var(--acid); font:500 8px/1 var(--mono); letter-spacing:.06em; }.label-1 { top:14%; left:47%; }.label-2 { top:58%; left:68%; }.label-3 { bottom:14%; left:58%; }
.form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:16px; }.mini-form { display:flex; flex-direction:column; min-height:344px; padding:26px 29px; background:#eceae3; }.bug-form { background:#d4ccff; }.form-title { display:flex; align-items:center; gap:10px; }.form-title > span { width:24px; height:24px; display:grid; place-items:center; border-radius:50%; background:var(--ink); color:#fff; font:500 8px/1 var(--mono); }.form-title h3 { margin:0; font-size:24px; letter-spacing:-.07em; }.mini-form > p { margin:11px 0 18px; color:#6b6863; font-size:12px; }.mini-form label { display:block; margin-bottom:12px; color:#403e3b; font:500 8px/1 var(--mono); letter-spacing:.06em; }.mini-form input,.mini-form textarea,.mini-form select { width:100%; margin-top:6px; border:1px solid rgba(17,17,21,.23); border-radius:0; padding:10px; outline:0; background:rgba(255,255,255,.54); color:var(--ink); font:400 12px/1.35 var(--sans); }.mini-form textarea { min-height:81px; resize:vertical; }.mini-form input:focus,.mini-form textarea:focus,.mini-form select:focus { border-color:var(--ink); box-shadow:0 0 0 2px rgba(181,255,54,.4); }.button-dark { margin-top:auto; background:var(--ink); color:#fff; }.button-dark span { color:var(--acid); }.button-outline { margin-top:auto; border-color:var(--ink); background:transparent; color:var(--ink); }.button-outline span { color:#745fe9; }.form-note { min-height:18px; margin:12px 0 0; color:#5f5c57; font:500 10px/1.4 var(--mono); }

.about { display:grid; grid-template-columns:315px minmax(0,1fr); gap:79px; padding: 95px 0 130px; }.about-number { color:#9c86ff; font-size:clamp(7.5rem, 11vw, 10.8rem); font-weight:800; letter-spacing:-.135em; line-height:.7; }.about-number span { color:var(--ink); font-size:.34em; letter-spacing:-.08em; vertical-align:top; }.about-content > p:not(.eyebrow) { max-width:630px; margin:25px 0 28px; color:#65625d; font-size:16px; line-height:1.75; letter-spacing:-.03em; }
.contact { padding:0 0 77px; }.contact-card { position:relative; min-height:380px; padding:56px 58px; overflow:hidden; background:linear-gradient(103deg, #b1a2ff 0%, #d4ceff 43%, #dce6d8 66%, var(--acid) 100%); }.contact-card::before,.contact-card::after { content:""; position:absolute; border:1px solid rgba(17,17,21,.20); border-radius:50%; }.contact-card::before { width:395px; height:395px; right:-67px; bottom:-220px; }.contact-card::after { width:292px; height:292px; right:41px; bottom:-163px; }.contact-card > * { position:relative; z-index:2; }.contact-card h2 { margin-bottom:31px; }.big-button { min-height:49px; padding-inline:22px; font-size:11px; }.contact-small { max-width:180px; margin:18px 0 0; color:#625e68; font-size:11px; line-height:1.5; }
.site-footer { min-height:122px; padding-bottom:31px; display:flex; align-items:flex-end; justify-content:space-between; gap:22px; border-top:1px solid rgba(17,17,21,.16); }.site-footer p,.back-top { margin:0; color:#68655f; font:500 9px/1 var(--mono); }.back-top { color:var(--ink); border-bottom:1px solid var(--ink); padding-bottom:3px; }

.reveal { opacity:0; transform:translateY(17px); transition:opacity .72s ease,transform .72s cubic-bezier(.2,.7,.2,1); }.reveal.is-visible { opacity:1; transform:none; }.delay-1 { transition-delay:.1s; }.delay-2 { transition-delay:.18s; }.delay-3 { transition-delay:.26s; }

@media (max-width: 860px) {
  :root { --shell: min(100% - 34px, 650px); }
  .site-header { height:68px; }.menu-button { display:block; position:relative; z-index:12; }.menu-button[aria-expanded="true"] span:first-child { transform:translateY(3.25px) rotate(45deg); }.menu-button[aria-expanded="true"] span:last-child { transform:translateY(-3.25px) rotate(-45deg); }
  .nav-links { position:absolute; z-index:11; right:0; top:57px; width:min(280px, calc(100vw - 34px)); padding:17px; flex-direction:column; align-items:flex-start; gap:18px; border:1px solid rgba(17,17,21,.15); background:var(--paper); box-shadow:0 17px 40px rgba(17,17,21,.13); opacity:0; pointer-events:none; transform:translateY(-8px); transition:opacity .2s ease, transform .2s ease; }.nav-links.is-open { opacity:1; pointer-events:auto; transform:translateY(0); }.nav-cta { align-self:stretch; justify-content:center; }
  .hero { min-height:auto; padding:60px 0 74px; grid-template-columns:1fr; gap:10px; }.hero-stage { order:-1; min-height:330px; transform:scale(.90); margin:-6px 0; }.hero h1 { font-size:clamp(3.7rem, 16vw, 5.3rem); }.hero-text { font-size:14px; }
  .section-heading,.about { grid-template-columns:1fr; gap:28px; }.section-heading > p { max-width:480px; }.project-card.featured,.hush-card,.vault-card,.coming-card { grid-column:span 12; }.project-card { min-height:300px; }.community-panel { min-height:auto; grid-template-columns:1fr; gap:10px; padding:32px; }.community-art { min-height:240px; }.form-grid { grid-template-columns:1fr; }.about { padding:72px 0 85px; }.about-number { font-size:105px; }.contact-card { padding:35px; }.site-footer { min-height:160px; align-items:flex-start; padding-top:28px; flex-direction:column; }
}
@media (max-width:480px) {
  :root { --shell: calc(100vw - 28px); }.hero { padding-top:38px; }.hero-stage { min-height:250px; transform:scale(.70); margin:-34px 0; }.hero-actions { gap:15px; }.projects { padding-top:70px; }.section-heading h2,.about h2,.contact-card h2 { font-size:48px; }.community-copy h2 { font-size:50px; }.community-panel { padding:25px; }.mini-form { min-height:325px; padding:20px; }.community-stats { gap:19px; }
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; transition-duration:.01ms !important; }.reveal { opacity:1; transform:none; } }


/* Official supplied NexoraLabs logo. These rules only replace the tiny text mark with the real brand asset. */
.brand-logo { gap: 0; }
.brand-logo-shell { display:flex; align-items:center; justify-content:center; min-width:168px; height:40px; padding:0; overflow:visible; border-radius:0; background:transparent; box-shadow:none; }
.brand-logo img { display:block; width:168px; height:auto; max-height:40px; object-fit:contain; }
.site-footer .brand-logo-shell { min-width:162px; height:38px; }
.site-footer .brand-logo img { width:160px; }

/* Additional public pages — separate from the visual composition of index.html. */
.page-body { min-height:100vh; }
.page-header .brand-logo-shell { min-width:170px; }
.page-header .nav-links { gap:20px; }
.page-header .nav-links a.is-active { border-bottom:1px solid var(--ink); padding-bottom:4px; }
.page-hero { padding:84px 0 72px; }
.page-hero.compact { padding-bottom:48px; }
.page-hero-grid { display:grid; grid-template-columns:1.04fr .76fr; align-items:end; gap:76px; }
.page-hero h1 { margin:0; font-size:clamp(4rem,7.8vw,7.35rem); font-weight:800; letter-spacing:-.105em; line-height:.84; }
.page-hero h1 em,.page-hero h2 em,.feature-panel h2 em,.how-title h2 em,.support-main h2 em,.about-story h2 em { color:#927cff; font-family:Georgia,"Times New Roman",serif; font-weight:400; letter-spacing:-.11em; }
.page-hero-grid > p { max-width:430px; margin:0 0 8px; color:#65625d; font-size:16px; line-height:1.7; letter-spacing:-.03em; }
.page-footer { margin-top:88px; border-top:1px solid rgba(17,17,21,.16); }
.page-footer-inner { min-height:160px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:32px; }
.page-footer p { margin:0; color:#68655f; font:500 9px/1.5 var(--mono); text-align:right; }
.footer-links { display:flex; flex-wrap:wrap; justify-content:center; gap:12px 19px; font:500 9px/1.3 var(--mono); }
.footer-links a:hover { text-decoration:underline; text-underline-offset:4px; }

.project-detail-list { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:12px; }
.detail-card { position:relative; display:grid; grid-template-columns:.45fr 1fr auto; align-items:end; gap:25px; min-height:310px; padding:26px; overflow:hidden; }
.detail-card::after { content:""; position:absolute; width:190px; height:190px; right:-54px; top:-59px; border:1px solid rgba(17,17,21,.17); border-radius:50%; }
.detail-index { align-self:start; position:relative; z-index:1; color:rgba(17,17,21,.64); font:500 9px/1.2 var(--mono); letter-spacing:.04em; }
.detail-copy { position:relative; z-index:1; }
.detail-copy h2 { margin:0 0 13px; font-size:clamp(2rem,3.5vw,3.25rem); letter-spacing:-.09em; line-height:.9; }
.detail-copy p { max-width:600px; margin:0; color:#56534f; font-size:14px; line-height:1.65; }
.detail-card .circle-link { position:relative; z-index:1; align-self:end; }
.detail-health { grid-column:span 12; background:linear-gradient(112deg,#d5ceff,#c4bbff 55%,#d9d6e8); }
.detail-hush,.detail-next { grid-column:span 6; background:#eeece6; }
.detail-vault { grid-column:span 6; background:#17171b; color:#fbfaf6; }
.detail-vault::after { border-color:rgba(255,255,255,.22); }
.detail-vault .detail-index,.detail-vault .detail-copy p { color:rgba(255,255,255,.7); }
.detail-vault .circle-link { background:var(--acid); color:var(--ink); }
.detail-next { background:var(--acid); }
.tag-list { display:flex; flex-wrap:wrap; gap:7px; margin-top:18px; }
.tag-list span { padding:6px 8px; border:1px solid rgba(17,17,21,.18); background:rgba(255,255,255,.36); font:500 8px/1 var(--mono); letter-spacing:.05em; }
.detail-vault .tag-list span { border-color:rgba(255,255,255,.2); background:rgba(255,255,255,.05); }
.callout-strip { margin-top:12px; padding:34px 38px; display:flex; align-items:center; justify-content:space-between; gap:28px; background:#17171b; color:#fbfaf6; }
.callout-strip .eyebrow { color:#d3d0d0; }.callout-strip .eyebrow span { background:var(--acid); }.callout-strip h2 { font-size:clamp(2rem,3.3vw,3rem); letter-spacing:-.08em; }

.community-page-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.feature-panel { min-height:410px; padding:41px; display:flex; flex-direction:column; align-items:flex-start; }
.dark-panel { background:#17171b; color:#faf9f5; }
.dark-panel .eyebrow { color:#d2d0cb; }.dark-panel .eyebrow span { background:var(--acid); }
.feature-panel h2,.support-main h2 { margin:22px 0 20px; font-size:clamp(2.8rem,4.6vw,4.5rem); letter-spacing:-.1em; line-height:.88; }
.feature-panel > p:not(.eyebrow),.support-main > p:not(.eyebrow) { max-width:450px; color:#b9b7b5; font-size:15px; line-height:1.65; }
.feature-panel .button,.feature-panel .text-link { margin-top:auto; }
.lilac-panel { background:linear-gradient(135deg,#d4ccff,#c8beff); }
.lilac-panel .eyebrow { color:#585263; }
.lilac-panel > p:not(.eyebrow) { color:#5b5663; }
.how-grid { display:grid; grid-template-columns:.76fr 1.24fr; gap:92px; padding:90px 0 8px; }
.how-title h2 { font-size:clamp(3.5rem,5.2vw,5.2rem); letter-spacing:-.1em; line-height:.87; }
.steps-list { list-style:none; margin:0; padding:0; counter-reset:steps; }
.steps-list li { display:grid; grid-template-columns:52px 1fr; gap:22px; padding:0 0 31px; margin-bottom:30px; border-bottom:1px solid rgba(17,17,21,.15); }
.steps-list li span { color:#8b76f6; font:500 13px/1 var(--mono); }.steps-list strong { display:block; font-size:20px; letter-spacing:-.06em; }.steps-list p { margin:8px 0 0; color:#65625d; font-size:14px; line-height:1.6; }

.support-layout { display:grid; grid-template-columns:1.15fr .85fr; gap:12px; }
.support-main { min-height:435px; padding:48px; }.support-main .button { margin-top:35px; }
.support-safety { padding:43px; background:var(--acid); }.support-safety h3 { max-width:300px; margin:23px 0 21px; font-size:38px; letter-spacing:-.09em; line-height:.92; }.support-safety ul { padding-left:17px; margin:0; }.support-safety li,.support-safety p:not(.eyebrow) { margin:8px 0; font-size:14px; line-height:1.45; }.support-safety p:not(.eyebrow) { margin-top:22px; color:#4f592b; }
.faq-section { padding:91px 0 0; }.faq-list { border-top:1px solid rgba(17,17,21,.18); }.faq-list details { border-bottom:1px solid rgba(17,17,21,.18); padding:22px 0; }.faq-list summary { cursor:pointer; list-style:none; font-weight:700; font-size:20px; letter-spacing:-.06em; }.faq-list summary::after { content:"+"; float:right; color:#8b76f6; font-size:23px; font-weight:400; }.faq-list details[open] summary::after { content:"−"; }.faq-list p { max-width:700px; margin:14px 32px 0 0; color:#65625d; font-size:14px; line-height:1.65; }

.about-story { display:grid; grid-template-columns:.52fr 1.48fr; gap:80px; padding:0 0 94px; }.about-monogram { color:#9c86ff; font-size:clamp(7rem,11vw,12rem); font-weight:800; letter-spacing:-.15em; line-height:.75; }.about-story h2 { margin:0; font-size:clamp(3.5rem,5.2vw,5.35rem); letter-spacing:-.1em; line-height:.88; }.about-story p:not(.eyebrow) { max-width:670px; color:#65625d; font-size:16px; line-height:1.74; }.principles-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.principles-grid article { min-height:280px; padding:27px; background:#eeece6; }.principles-grid article:nth-child(2) { background:#d4ccff; }.principles-grid article:nth-child(3) { background:var(--acid); }.principles-grid span { color:#7864df; font:500 10px/1 var(--mono); }.principles-grid h3 { margin:70px 0 10px; font-size:28px; letter-spacing:-.08em; }.principles-grid p { max-width:250px; margin:0; color:#5d5953; font-size:13px; line-height:1.6; }

.roadmap-board { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.roadmap-column { min-height:536px; padding:31px; }.roadmap-column.now { background:#17171b; color:#faf9f5; }.roadmap-column.now .eyebrow { color:#d2d0cb; }.roadmap-column.now .eyebrow span { background:var(--acid); }.roadmap-column.next { background:#d3ccff; }.roadmap-column.later { background:var(--acid); }.roadmap-column h2 { min-height:115px; margin:26px 0; font-size:35px; letter-spacing:-.09em; line-height:.92; }.roadmap-column ul { list-style:none; padding:0; margin:0; }.roadmap-column li { padding:18px 0; border-top:1px solid rgba(17,17,21,.18); }.roadmap-column.now li { border-color:rgba(255,255,255,.17); }.roadmap-column strong { display:block; font-size:16px; letter-spacing:-.05em; }.roadmap-column li span { display:block; margin-top:7px; color:#65625d; font-size:12px; line-height:1.55; }.roadmap-column.now li span { color:#b8b6b2; }

.update-list { border-top:1px solid rgba(17,17,21,.18); }.update-list article { display:grid; grid-template-columns:130px 1fr auto; gap:28px; padding:30px 0; border-bottom:1px solid rgba(17,17,21,.18); }.update-list time { color:#7864df; font:500 10px/1.2 var(--mono); }.update-list h2 { margin:0 0 10px; font-size:28px; letter-spacing:-.08em; }.update-list p { max-width:680px; margin:0; color:#65625d; font-size:14px; line-height:1.6; }.update-tag { align-self:start; padding:6px 8px; border:1px solid rgba(17,17,21,.17); font:500 8px/1 var(--mono); }

.status-overview { display:grid; gap:12px; }.status-banner { display:flex; align-items:flex-start; gap:16px; padding:31px; background:#17171b; color:#faf9f5; }.status-banner strong { font-size:25px; letter-spacing:-.07em; }.status-banner p { max-width:700px; margin:8px 0 0; color:#b8b6b2; font-size:14px; line-height:1.6; }.status-dot { flex:0 0 auto; width:10px; height:10px; margin-top:8px; border-radius:50%; background:var(--acid); box-shadow:0 0 0 7px rgba(181,255,54,.08); }.status-dot.neutral { background:#9d8aff; box-shadow:0 0 0 7px rgba(157,138,255,.10); }.status-list { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }.status-list article { min-height:175px; padding:24px; background:#eeece6; }.status-list article > div { display:flex; align-items:center; gap:12px; }.status-list strong { font-size:19px; letter-spacing:-.06em; }.status-list p { margin:18px 0; color:#65625d; font-size:13px; line-height:1.55; }.status-list b { color:#5d51a5; font:500 8px/1 var(--mono); letter-spacing:.05em; }

.guideline-list { border-top:1px solid rgba(17,17,21,.18); }.guideline-list article { display:grid; grid-template-columns:100px 1fr; gap:32px; padding:37px 0; border-bottom:1px solid rgba(17,17,21,.18); }.guideline-list span { color:#8b76f6; font:500 13px/1 var(--mono); }.guideline-list h2 { margin:0; font-size:clamp(2rem,3.4vw,3.1rem); letter-spacing:-.09em; }.guideline-list p { max-width:690px; margin:12px 0 0; color:#65625d; font-size:15px; line-height:1.65; }

.legal-copy { max-width:800px; padding-bottom:20px; }.legal-copy h2 { margin:45px 0 12px; font-size:28px; letter-spacing:-.08em; }.legal-copy p { color:#5d5a56; font-size:15px; line-height:1.75; }.not-found { min-height:64vh; padding:130px 0; }.not-found h1 { margin:0; font-size:clamp(4rem,9vw,8rem); letter-spacing:-.11em; line-height:.82; }.not-found h1 em { color:#927cff; font-family:Georgia,"Times New Roman",serif; font-weight:400; }.not-found p:not(.eyebrow) { max-width:480px; margin:25px 0; color:#65625d; font-size:16px; }

@media (max-width:860px) {
  .brand-logo-shell,.page-header .brand-logo-shell { min-width:132px; height:32px; padding:0; }.brand-logo img { width:132px; max-height:32px; }
  .page-header .nav-links { gap:18px; }.page-hero { padding:58px 0 48px; }.page-hero-grid,.how-grid,.about-story,.support-layout { grid-template-columns:1fr; gap:31px; }.page-hero-grid > p { margin:0; }.page-footer-inner { min-height:auto; padding:30px 0; grid-template-columns:1fr; align-items:start; }.footer-links { justify-content:flex-start; }.page-footer p { text-align:left; }
  .detail-card { grid-template-columns:1fr; gap:30px; min-height:290px; }.detail-card .circle-link { position:absolute; right:25px; bottom:25px; }.detail-health,.detail-hush,.detail-vault,.detail-next { grid-column:span 12; }.callout-strip { padding:30px; align-items:flex-start; flex-direction:column; }.community-page-grid,.principles-grid,.roadmap-board,.status-list { grid-template-columns:1fr; }.feature-panel,.support-main { min-height:360px; padding:32px; }.how-grid { padding-top:64px; }.about-story { padding-bottom:66px; }.about-monogram { font-size:110px; }.roadmap-column { min-height:0; }.update-list article { grid-template-columns:1fr; gap:13px; }.update-tag { justify-self:start; }.guideline-list article { grid-template-columns:56px 1fr; gap:18px; }
}
@media (max-width:480px) {
  .page-hero h1 { font-size:53px; }.page-hero-grid > p { font-size:14px; }.feature-panel,.support-main,.support-safety { padding:25px; }.feature-panel h2,.support-main h2 { font-size:48px; }.support-safety h3 { font-size:35px; }.detail-card { padding:20px; }.detail-card .circle-link { right:20px; bottom:20px; }.detail-copy h2 { font-size:32px; }.callout-strip { padding:24px; }.guideline-list article { grid-template-columns:1fr; gap:12px; }.guideline-list h2 { font-size:35px; }
}