@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700&display=swap');

:root { --bg-canvas:#04100a; --bg-surface:#07170e; --bg-surface-elevated:#0c2416; --bg-surface-card:#102d1c; --text-primary:#f4fff6; --text-secondary:#c9e4d0; --text-muted:#91b59d; --accent-emerald:#4fd47c; --accent-emerald-hover:#72e79a; --accent-amber:#4fd47c; --accent-amber-hover:#72e79a; --accent-blue:#72d6a0; --accent-discord:#8bcba1; --accent-discord-hover:#b3edc4; --border-subtle:rgba(128,218,157,.18); --border-strong:rgba(128,218,157,.42); --radius-sm:10px; --radius-md:14px; --radius-lg:20px; --page:min(1440px,calc(100% - clamp(2rem,8vw,9rem))); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--bg-canvas); }
body.flagship-shell { margin:0; min-width:320px; min-height:100vh; overflow-x:clip; overflow-y:auto; background:radial-gradient(circle at 50% 0,#0b2a19 0,#04100a 47rem); color:var(--text-primary); font-family:Manrope,Arial,sans-serif; line-height:1.5; }
body.flagship-shell > :not(#network-canvas) { position:relative; z-index:1; }#network-canvas { position:fixed; inset:0; z-index:0; width:100vw; height:100vh; pointer-events:none; opacity:.84; }
a { color:inherit; } button,input { font:inherit; } button { cursor:pointer; } img { display:block; max-width:100%; }
:focus-visible { outline:3px solid #91f5ad; outline-offset:4px; }

/* Shared navigation also upgrades the retained information routes. */
.site-header,.flagship-header,.field-header { position:sticky; top:0; z-index:1000; width:100%; min-height:72px; display:flex; align-items:center; gap:clamp(1rem,2.5vw,3rem); padding:0 max(1rem,calc((100vw - 1440px)/2)); background:rgba(4,16,10,.86); border-bottom:1px solid var(--border-subtle); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.site-brand,.field-brand,.flagship-brand { flex:0 0 auto; display:inline-flex; align-items:center; text-decoration:none; }.site-brand img,.field-brand img,.flagship-logo-img { width:clamp(106px,10vw,138px); height:auto; object-fit:contain; filter:invert(1) sepia(1) saturate(12) hue-rotate(76deg) brightness(1.05) contrast(1.2); mix-blend-mode:lighten; }.brand-stamp,.flagship-brand-title { display:none; }
.site-brand img.racre-wordmark,.footer-brand.racre-wordmark { filter:brightness(2.15) saturate(1.35); mix-blend-mode:normal; }.hero-wordmark.racre-wordmark { filter:brightness(2.35) saturate(1.45) drop-shadow(0 0 15px rgba(79,212,124,.3)); mix-blend-mode:normal; }
.site-nav,.field-nav,.flagship-nav-links { display:flex; align-items:center; justify-content:center; gap:clamp(1rem,2.3vw,2.7rem); margin-left:auto; }.site-nav a,.field-nav a,.flagship-nav-link { position:relative; padding:.4rem 0; color:#e5f7ea; font-size:.78rem; font-weight:700; letter-spacing:.035em; text-decoration:none; text-transform:uppercase; white-space:nowrap; }.site-nav a::after,.field-nav a::after,.flagship-nav-link::after { position:absolute; right:0; bottom:0; left:0; height:2px; background:var(--accent-emerald); content:''; transform:scaleX(0); transform-origin:right; transition:transform .25s ease; }.site-nav a:hover::after,.site-nav a[aria-current='page']::after,.field-nav a:hover::after,.flagship-nav-link:hover::after,.flagship-nav-link.active::after { transform:scaleX(1); transform-origin:left; }
.header-utility,.field-utility,.flagship-header-actions { flex:0 0 auto; }.header-utility,.field-utility,.btn-download-nav,.btn-discord-nav { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 .9rem; border:1px solid var(--border-strong); border-radius:8px; color:#eaffed; background:rgba(79,212,124,.08); font-size:.77rem; font-weight:800; text-decoration:none; white-space:nowrap; }.header-utility:hover,.field-utility:hover,.btn-download-nav:hover,.btn-discord-nav:hover { color:#031008; background:var(--accent-emerald); border-color:var(--accent-emerald); }.public-header .site-nav { gap:clamp(.65rem,1.35vw,1.45rem); }.discord-button { gap:.5rem; }.discord-button svg { width:17px; height:17px; fill:currentColor; }.flagship-header-actions { display:flex; gap:.5rem; }

.relay-main { overflow:clip; }.hero { position:relative; min-height:min(760px,calc(100svh - 72px)); display:grid; align-items:center; border-bottom:1px solid var(--border-subtle); isolation:isolate; }.hero::before { position:absolute; inset:0; z-index:-3; background:radial-gradient(circle at 75% 52%,rgba(52,204,107,.15),transparent 20%),linear-gradient(110deg,rgba(4,16,10,.72) 19%,rgba(4,16,10,.46) 58%,rgba(3,16,8,.6) 100%); content:''; }.hero::after { position:absolute; inset:auto 0 0; z-index:-2; height:26%; background:linear-gradient(0deg,rgba(4,16,10,.9) 0%,rgba(4,16,10,.36) 44%,transparent 100%); content:''; pointer-events:none; }
.hero-inner { width:var(--page); margin:0 auto; padding:clamp(5rem,9vw,9rem) 0 clamp(4.5rem,8vw,7rem); }.hero-copy { position:relative; z-index:3; max-width:650px; }.hero-wordmark { width:clamp(150px,16vw,230px); margin:0 0 clamp(2rem,4vw,4rem); filter:invert(1) sepia(1) saturate(12) hue-rotate(76deg) brightness(1.05) contrast(1.2) drop-shadow(0 0 15px rgba(79,212,124,.3)); mix-blend-mode:lighten; }
.hero h1,.section-heading,.release-intro h1 { max-width:12ch; margin:0; color:var(--text-primary); font-family:Archivo,Arial,sans-serif; font-size:clamp(3.1rem,6.6vw,6.6rem); font-weight:700; letter-spacing:-.045em; line-height:.95; text-wrap:balance; }.hero-summary { max-width:61ch; margin:1.65rem 0 2.2rem; color:#d7f1de; font-size:clamp(1rem,1.25vw,1.17rem); line-height:1.7; }.hero-actions { display:flex; flex-wrap:wrap; gap:.85rem; }.action-primary,.action-secondary { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 1.3rem; border-radius:9px; font-size:.86rem; font-weight:800; text-decoration:none; transition:transform .2s ease,background-color .2s ease,border-color .2s ease; }.action-primary { color:#04100a; background:rgba(79,212,124,.88); border:1px solid var(--accent-emerald); }.action-primary:hover { background:#8de9aa; border-color:#8de9aa; transform:translateY(-2px); }.action-secondary { color:#effff3; background:rgba(4,16,10,.42); border:1px solid rgba(121,237,157,.74); }.action-secondary:hover { background:rgba(79,212,124,.23); transform:translateY(-2px); }
.developer-workflow { border-top:1px solid var(--border-subtle); }.developer-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(340px,1.2fr); gap:clamp(1.25rem,4vw,4rem); align-items:stretch; }.developer-steps { display:grid; gap:.8rem; margin:0; padding:0; list-style:none; counter-reset:workflow; }.developer-steps li { position:relative; min-height:116px; padding:1.35rem 1.25rem 1.25rem 4.65rem; background:linear-gradient(135deg,#0c2818,#06130c); border:1px solid var(--border-subtle); border-radius:14px; counter-increment:workflow; }.developer-steps li::before { position:absolute; top:1.4rem; left:1.25rem; color:var(--accent-emerald); font-family:Archivo,Arial,sans-serif; font-size:1.55rem; font-weight:800; content:"0" counter(workflow); }.developer-steps strong,.developer-steps span { display:block; }.developer-steps strong { margin-bottom:.35rem; font-family:Archivo,Arial,sans-serif; font-size:1.05rem; }.developer-steps span { color:var(--text-secondary); font-size:.87rem; line-height:1.55; }.developer-code { display:flex; flex-direction:column; justify-content:space-between; padding:1.45rem; background:#020b05; border:1px solid var(--border-strong); border-radius:14px; }.developer-code>p { margin:0 0 1rem; color:var(--text-muted); font-size:.74rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.developer-code pre { margin:0; padding:1.15rem; overflow:auto; color:#eaffed; background:#06130c; border:1px solid var(--border-subtle); border-radius:9px; font:500 clamp(.72rem,1.3vw,.9rem)/1.65 ui-monospace,SFMono-Regular,Consolas,monospace; }.developer-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.2rem; }.developer-actions .action-primary,.developer-actions .action-secondary { min-height:44px; padding:0 .9rem; font-size:.75rem; }

.quick-paths { display:grid; grid-template-columns:repeat(3,1fr); width:var(--page); margin:-1px auto 0; border:1px solid var(--border-subtle); border-bottom:0; }.path-link { min-height:125px; padding:1.6rem clamp(1rem,2vw,2rem); border-right:1px solid var(--border-subtle); background:rgba(7,23,14,.86); text-decoration:none; transition:background .25s ease,color .25s ease; }.path-link:last-child { border-right:0; }.path-link:hover { color:#04100a; background:var(--accent-emerald); }.path-link strong { display:block; margin-bottom:.45rem; font-family:Archivo,sans-serif; font-size:1.1rem; }.path-link span { display:block; max-width:29ch; color:var(--text-secondary); font-size:.82rem; line-height:1.5; }.path-link:hover span { color:#0b3019; }
.content-band { width:var(--page); margin:0 auto; padding:clamp(6rem,10vw,10rem) 0; }.content-band + .content-band { border-top:1px solid var(--border-subtle); }.band-intro { display:grid; grid-template-columns:minmax(0,.85fr) minmax(300px,1.15fr); gap:clamp(2rem,7vw,8rem); align-items:end; margin-bottom:clamp(2rem,4vw,4rem); }.band-intro h2 { max-width:11ch; margin:0; font-family:Archivo,sans-serif; font-size:clamp(2.2rem,4vw,4.5rem); letter-spacing:-.045em; line-height:1; text-wrap:balance; }.band-intro p { max-width:61ch; margin:0; color:var(--text-secondary); font-size:1rem; line-height:1.7; }
.media-track { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; align-items:start; }.media-item { display:grid; grid-template-rows:auto auto; min-width:0; overflow:hidden; border:1px solid var(--border-subtle); border-radius:14px; background:rgba(3,15,8,.72); }.media-item:first-child { grid-column:span 2; }.media-item img { width:100%; height:auto; background:#06130c; transition:transform .5s cubic-bezier(.2,.75,.2,1); }.media-item:hover img { transform:scale(1.018); }.media-item figcaption { padding:.85rem 1rem .95rem; border-top:1px solid rgba(128,218,157,.12); font-size:.82rem; font-weight:700; line-height:1.35; }.rail-controls { display:none; justify-content:flex-end; gap:.5rem; margin-top:1rem; }.rail-controls button { width:42px; height:42px; color:var(--text-primary); background:rgba(3,15,8,.52); border:1px solid var(--border-strong); border-radius:50%; font-size:1.25rem; }.rail-controls button:hover { color:#04100a; background:var(--accent-emerald); }
.capabilities { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--border-subtle); border-left:1px solid var(--border-subtle); }.capability { min-height:210px; padding:1.6rem; border-right:1px solid var(--border-subtle); border-bottom:1px solid var(--border-subtle); background:linear-gradient(145deg,rgba(13,43,26,.42),rgba(4,16,10,0)); transition:background .25s ease; }.capability:hover { background:rgba(79,212,124,.1); }.capability h3 { margin:0 0 .7rem; font-family:Archivo,sans-serif; font-size:1.05rem; letter-spacing:-.02em; }.capability p { margin:0; color:var(--text-secondary); font-size:.84rem; line-height:1.65; }
.video-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:1.25rem; align-items:start; }.official-video,.community-video-empty { min-height:0; overflow:hidden; border-radius:16px; background:#07170e; }.official-video { position:relative; display:flex; aspect-ratio:16 / 9; align-items:end; padding:2rem; background-image:linear-gradient(0deg,rgba(2,12,7,.95),rgba(2,12,7,.08)),url('https://img.youtube.com/vi/FlmWNvq6FNA/maxresdefault.jpg'); background-position:center; background-size:cover; }.official-video::before { position:absolute; inset:0; background:radial-gradient(circle at 50% 50%,rgba(79,212,124,.2),transparent 34%); content:''; transition:opacity .25s ease; }.official-video:hover::before { opacity:0; }.official-video-content { position:relative; z-index:1; }.video-play { display:inline-flex; align-items:center; justify-content:center; width:60px; height:60px; margin-bottom:1.1rem; color:#04100a; background:var(--accent-emerald); border:0; border-radius:50%; font-size:1.2rem; }.official-video h3,.community-video-empty h3 { max-width:18ch; margin:0 0 .55rem; font-family:Archivo,sans-serif; font-size:clamp(1.55rem,3vw,2.5rem); letter-spacing:-.035em; line-height:1; }.official-video p,.community-video-empty p { max-width:45ch; margin:0; color:#d2ead9; font-size:.9rem; }.community-video-empty { display:flex; flex-direction:column; justify-content:space-between; padding:1.5rem; border:1px solid var(--border-subtle); background:linear-gradient(145deg,#0c2818,#06130c); }.community-video-empty::after { width:100%; height:1px; background:linear-gradient(90deg,var(--accent-emerald),transparent); content:''; }.community-video-empty h3 { font-size:1.65rem; }
.licensing { display:grid; grid-template-columns:minmax(0,.9fr) minmax(330px,1.1fr); gap:clamp(2rem,6vw,7rem); padding:clamp(2rem,5vw,5rem); border-radius:20px; background:#0d321d; }.licensing h2 { max-width:10ch; margin:0 0 1rem; font-family:Archivo,sans-serif; font-size:clamp(2.3rem,4vw,4.5rem); letter-spacing:-.05em; line-height:.95; }.licensing p { max-width:49ch; color:#cee9d6; }.tier-picker { display:grid; grid-template-columns:repeat(4,1fr); gap:.65rem; margin:0 0 1rem; }.tier-picker button { min-height:82px; color:#e8fff0; background:transparent; border:1px solid rgba(197,251,211,.34); border-radius:10px; font-family:Archivo,sans-serif; font-size:1.2rem; font-weight:700; }.tier-picker button:hover,.tier-picker button[aria-pressed='true'] { color:#04100a; background:var(--accent-emerald); border-color:var(--accent-emerald); }.tier-label { margin:0 0 1.1rem; color:#c6ecd0; font-size:.86rem; }.licensing .action-primary { width:100%; }
.download-strip { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--border-subtle); border:1px solid var(--border-subtle); }.download-strip a { padding:2rem; background:#07170e; text-decoration:none; transition:background .25s ease; }.download-strip a:hover { background:#0c2818; }.download-strip strong { display:block; margin-bottom:.5rem; font-family:Archivo,sans-serif; font-size:1.25rem; }.download-strip span { color:var(--text-secondary); font-size:.86rem; }
.site-footer,.field-footer,.flagship-footer { width:100%; padding:3rem max(1rem,calc((100vw - 1440px)/2)); border-top:1px solid var(--border-subtle); background:#030b06; color:var(--text-muted); font-size:.78rem; }.footer-grid { display:flex; flex-wrap:wrap; justify-content:space-between; gap:2rem; }.footer-brand { width:130px; filter:invert(1) sepia(1) saturate(12) hue-rotate(76deg) brightness(1.05) contrast(1.2); mix-blend-mode:lighten; }.footer-links-row,.footer-nav { display:flex; flex-wrap:wrap; gap:.8rem 1.3rem; }.footer-links-row a,.footer-nav a,.footer-link { color:#cde7d3; text-decoration:none; }.footer-links-row a:hover,.footer-nav a:hover,.footer-link:hover { color:var(--accent-emerald); }

/* Downloads and guides use the same system, not a separate miniature site. */
.release-main { width:var(--page); min-height:calc(100vh - 72px); margin:0 auto; padding:clamp(4rem,8vw,8rem) 0; }.release-intro { display:grid; grid-template-columns:1fr minmax(260px,.75fr); gap:3rem; align-items:end; margin-bottom:3.5rem; }.release-intro h1 { max-width:11ch; font-size:clamp(3rem,6vw,6rem); }.release-intro p { margin:0; color:var(--text-secondary); line-height:1.7; }.release-stamp { display:none; }.platform-sheets { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }.platform-sheet { min-height:310px; padding:2rem; border:1px solid var(--border-subtle); border-radius:16px; background:linear-gradient(145deg,rgba(11,36,21,.82),rgba(6,19,11,.72)); }.platform-mark { width:46px; height:46px; display:grid; place-items:center; margin-bottom:2rem; color:var(--accent-emerald); background:rgba(79,212,124,.1); border:1px solid var(--border-strong); border-radius:12px; }.platform-mark svg,.platform-mark img { width:27px; height:27px; fill:currentColor; }.platform-mark img { display:block; }.platform-sheet h2 { margin:0 0 .8rem; font-family:Archivo,sans-serif; font-size:1.65rem; letter-spacing:-.035em; }.platform-sheet p { min-height:4.6em; color:var(--text-secondary); font-size:.88rem; line-height:1.6; }.sheet-link { display:inline-flex; margin-top:1.25rem; color:#eaffed; font-size:.8rem; font-weight:800; text-decoration:none; }.sheet-link:hover { color:var(--accent-emerald); }.release-note { margin-top:2rem; color:var(--text-secondary); }.release-note a { color:var(--accent-emerald); }.manual-release { max-width:1100px; margin:0 auto; }.manual-release .manual-index-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.manual-release .manual-index-card { min-height:200px; padding:1.5rem; border:1px solid var(--border-subtle); border-radius:14px; background:rgba(10,33,19,.82); text-decoration:none; transition:transform .2s ease,background .2s ease; }.manual-release .manual-index-card:hover { background:rgba(13,50,29,.92); transform:translateY(-3px); }.manual-release .manual-index-card-title { color:var(--text-primary); font-family:Archivo,sans-serif; font-size:1.15rem; font-weight:700; }.manual-release .manual-index-card-desc { margin-top:.75rem; color:var(--text-secondary); font-size:.86rem; line-height:1.6; }.manual-release h2 { margin:3rem 0 1.2rem; font-family:Archivo,sans-serif; font-size:2rem; letter-spacing:-.035em; }

/* Retained older routes inherit readable color and a complete mobile header. */
.flagship-container { width:var(--page); max-width:none; margin:0 auto; padding:4rem 0; }.flagship-shell .hero-card,.detail-card { background:#0a2113; border-color:var(--border-subtle); border-radius:14px; }.flagship-shell .hero-card h1,.flagship-shell .hero-card h2,.flagship-shell h1,.flagship-shell h2,.flagship-shell h3 { color:var(--text-primary) !important; }.flagship-shell p,.flagship-shell .hero-tagline,.flagship-shell .section-desc { color:var(--text-secondary) !important; }.flagship-shell .hero-badge { color:#9cebb5; background:rgba(79,212,124,.12); border-color:rgba(79,212,124,.35); }.flagship-shell .btn-hero-primary,.flagship-shell .btn-purchase-action,.flagship-shell .btn-diag { color:#04100a; background:var(--accent-emerald); }.flagship-shell .btn-hero-secondary { color:var(--text-primary); background:transparent; border-color:var(--border-strong); }.flagship-shell .flagship-footer { margin-top:0; }
@media (max-width:960px) { .site-header,.flagship-header,.field-header { min-height:64px; padding:0 1rem; flex-wrap:wrap; }.site-nav,.field-nav,.flagship-nav-links { order:4; width:100%; justify-content:flex-start; margin:0; padding:.2rem 0 .75rem; overflow-x:auto; scrollbar-width:thin; }.flagship-nav-links { display:flex !important; }.header-utility,.field-utility { margin-left:auto; }.hero { min-height:670px; }.hero-copy { max-width:590px; }.quick-paths { width:100%; }.content-band,.release-main,.flagship-container { width:min(100% - 2rem,1440px); }.media-track { grid-template-columns:repeat(2,minmax(0,1fr)); }.media-item:first-child { grid-column:span 2; }.rail-controls { display:none; }.capabilities { grid-template-columns:repeat(2,1fr); }.manual-release .manual-index-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:680px) { .site-header,.flagship-header,.field-header { gap:.7rem; }.site-brand img,.field-brand img,.flagship-logo-img { width:104px; }.header-utility,.field-utility,.flagship-header-actions .btn-discord-nav { display:none; }.public-header .header-utility { display:inline-flex; min-height:34px; margin-left:auto; padding:0 .55rem; }.public-header .discord-button span { display:none; }.public-header .discord-button svg { width:18px; height:18px; }.flagship-header-actions { margin-left:auto; }.flagship-header-actions .btn-download-nav { display:inline-flex; min-height:34px; padding:0 .55rem; font-size:.67rem; }.site-nav a,.field-nav a,.flagship-nav-link { font-size:.69rem; }.hero { min-height:635px; }.hero-inner { width:min(100% - 2rem,1440px); padding-top:4rem; }.hero h1 { font-size:clamp(2.8rem,14vw,4.2rem); }.hero-summary { font-size:.94rem; }.quick-paths { grid-template-columns:1fr; border-left:0; border-right:0; }.path-link { min-height:auto; border-right:0; border-bottom:1px solid var(--border-subtle); }.band-intro,.release-intro,.video-layout,.licensing,.developer-layout { grid-template-columns:1fr; gap:1.5rem; }.media-track { grid-auto-columns:82vw; grid-auto-flow:column; grid-template-columns:none; grid-template-rows:none; height:auto; overflow-x:auto; padding:0 0 1rem; scroll-snap-type:x mandatory; }.media-item,.media-item:first-child { grid-column:auto; grid-row:auto; min-height:0; scroll-snap-align:start; }.rail-controls { display:flex; }.capabilities,.platform-sheets,.download-strip,.manual-release .manual-index-grid { grid-template-columns:1fr; }.capability { min-height:auto; }.official-video,.community-video-empty { min-height:0; }.tier-picker { grid-template-columns:repeat(2,1fr); }.release-intro h1 { font-size:clamp(2.8rem,13vw,4.3rem); } }
@media (max-width:680px) { .site-nav { display:grid; grid-template-columns:repeat(3,1fr); gap:.35rem .8rem; overflow:visible; padding:.25rem 0 .7rem; }.site-nav a { text-align:center; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; } }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
#video-dialog { width:min(960px,calc(100vw - 2rem)); padding:0; overflow:visible; color:var(--text-primary); background:#020b05; border:1px solid var(--border-strong); border-radius:14px; }#video-dialog::backdrop { background:rgba(0,0,0,.78); backdrop-filter:blur(8px); }#video-dialog iframe { display:block; width:100%; height:auto; min-height:min(54vw,540px); border:0; }#video-dialog [data-video-close] { position:absolute; top:-.8rem; right:-.8rem; min-height:38px; padding:0 .8rem; color:#04100a; background:var(--accent-emerald); border:0; border-radius:8px; font-weight:800; }

/* Landing refinements: wide hero copy, early plan access, and adaptive product media. */
.hero { min-height:calc(100vh - 72px); min-height:min(760px,calc(100svh - 72px)); }.hero-copy { max-width:min(100%,1050px); }.hero h1 { max-width:18ch; font-size:clamp(2.7rem,4.4vw,5.25rem); text-wrap:pretty; }.licensing-band { padding:clamp(1.5rem,3vw,3rem) 0; }.licensing-band + .quick-paths { margin-top:0; }
.media-masonry { column-count:4; column-gap:1rem; }.media-masonry .media-item { display:inline-grid; width:100%; margin:0 0 1rem; padding:0; color:var(--text-primary); text-align:left; vertical-align:top; break-inside:avoid; -webkit-column-break-inside:avoid; appearance:none; background:rgba(3,15,8,.72); border:1px solid var(--border-subtle); border-radius:14px; cursor:zoom-in; overflow:hidden; }.media-masonry .media-item:first-child { grid-column:auto; }.media-masonry .media-item img { width:100%; height:auto; transition:transform .5s cubic-bezier(.2,.75,.2,1); }.media-masonry .media-item:hover img,.media-masonry .media-item:focus-visible img { transform:scale(1.018); }.media-masonry .media-item span { display:block; padding:.85rem 1rem .95rem; border-top:1px solid rgba(128,218,157,.12); font-size:.82rem; font-weight:700; line-height:1.35; }
#image-dialog { width:min(1600px,calc(100vw - 2rem)); max-height:calc(100svh - 2rem); padding:0; color:var(--text-primary); background:#020b05; border:1px solid var(--border-strong); border-radius:14px; }#image-dialog::backdrop { background:rgba(0,0,0,.82); backdrop-filter:blur(8px); }#image-dialog [data-image-full] { width:auto; max-width:100%; max-height:calc(100svh - 7rem); margin:0 auto; object-fit:contain; }#image-dialog [data-image-caption] { margin:0; padding:1rem 4.75rem 1rem 1rem; color:var(--text-secondary); font-size:.88rem; }#image-dialog [data-image-close] { position:absolute; top:.75rem; right:.75rem; min-height:38px; padding:0 .8rem; color:#04100a; background:var(--accent-emerald); border:0; border-radius:8px; font-weight:800; }
@media (max-width:960px) { .media-masonry { column-count:2; }.hero-copy { max-width:720px; } }
@media (max-width:680px) { .media-masonry { column-count:1; }.hero h1 { max-width:12ch; text-wrap:balance; }.licensing-band { width:min(100% - 2rem,1440px); } }
@media (max-width:680px) { .stats-proof { grid-template-columns:1fr !important; } }

/* Compact conversion path and an intentionally dense, content-ready showcase. */
.brand-expansion { margin:1.2rem 0 0; color:var(--text-muted); font-size:.72rem; font-weight:700; letter-spacing:.055em; text-transform:uppercase; }
.conversion-zone { display:grid; grid-template-columns:minmax(0,1.7fr) repeat(2,minmax(190px,.65fr)); gap:1rem; width:var(--page); margin:0 auto; padding:clamp(1.25rem,2.6vw,2.5rem) 0; border-bottom:1px solid var(--border-subtle); }.conversion-zone .licensing { min-width:0; grid-template-columns:minmax(0,1fr) minmax(320px,.88fr); gap:clamp(1.25rem,3vw,3rem); padding:clamp(1.35rem,2.4vw,2.25rem); border-radius:16px; }.licensing-compact h2 { max-width:15ch; font-size:clamp(1.75rem,2.65vw,3rem); line-height:1; }.licensing-compact p { margin:.75rem 0 1rem; font-size:.86rem; line-height:1.55; }.licensing-compact .action-secondary { min-height:40px; padding:0 .9rem; font-size:.74rem; }.licensing-compact .tier-picker button { min-height:62px; }.conversion-path { display:flex; flex-direction:column; justify-content:center; min-height:100%; border:1px solid var(--border-subtle); border-radius:16px; background:rgba(7,23,14,.86); }.conversion-path:last-child { border-right:1px solid var(--border-subtle); }

.media-masonry { column-count:6; column-gap:.7rem; }.media-masonry .media-placeholder { margin-bottom:.7rem; border-radius:10px; cursor:zoom-in; }.media-masonry .media-placeholder .media-placeholder-art { display:grid; aspect-ratio:var(--tile-ratio,4 / 5); place-items:center; padding:0; overflow:hidden; color:rgba(234,255,237,.54); background:radial-gradient(circle at 50% 46%,rgba(117,240,158,.18),transparent 28%),linear-gradient(145deg,#102d1c 0%,#07170e 63%,#04100a 100%); border:0; font-family:Archivo,Arial,sans-serif; font-size:clamp(1.35rem,2.3vw,2.6rem); font-weight:800; letter-spacing:-.04em; }.media-masonry .media-placeholder:nth-child(4n + 2) .media-placeholder-art { background:radial-gradient(circle at 30% 60%,rgba(77,212,124,.26),transparent 25%),linear-gradient(145deg,#07170e 0%,#0c2416 64%,#04100a 100%); }.media-masonry .media-placeholder:nth-child(4n + 3) .media-placeholder-art { background:radial-gradient(circle at 72% 34%,rgba(119,231,154,.24),transparent 26%),linear-gradient(145deg,#102d1c 0%,#07170e 62%,#0c2416 100%); }.media-masonry .media-placeholder:nth-child(4n) .media-placeholder-art { background:radial-gradient(circle at 50% 58%,rgba(99,223,139,.18),transparent 30%),linear-gradient(145deg,#07170e 0%,#102d1c 52%,#04100a 100%); }.media-masonry .media-placeholder .media-caption { display:block; padding:.7rem .8rem .75rem; color:var(--text-secondary); border-top:1px solid rgba(128,218,157,.12); font-size:.68rem; font-weight:700; letter-spacing:.04em; line-height:1.35; text-transform:uppercase; }.media-masonry .media-placeholder:hover .media-placeholder-art,.media-masonry .media-placeholder:focus-visible .media-placeholder-art { filter:brightness(1.12); }
.community-showcase { padding-top:clamp(3.5rem,6vw,6rem); }

@media (max-width:1200px) { .media-masonry { column-count:4; } }
@media (max-width:960px) { .conversion-zone { grid-template-columns:1fr 1fr; }.conversion-zone .licensing { grid-column:1 / -1; }.media-masonry { column-count:3; } }
@media (max-width:680px) { .conversion-zone { grid-template-columns:1fr; width:min(100% - 2rem,1440px); }.conversion-zone .licensing { grid-template-columns:1fr; }.media-masonry { column-count:2; column-gap:.55rem; }.media-masonry .media-placeholder { margin-bottom:.55rem; } }
@media (max-width:440px) { .media-masonry { column-count:1; } }