:root{--bg:#080a0b;--panel:#101315;--ink:#f0ede3;--muted:#9a9a94;--line:rgba(255,255,255,.12);--accent:#51e5c2;--accent-2:#ff8a65;--display:"Barlow Condensed",sans-serif;--body:"Inter",sans-serif;--mono:"JetBrains Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.045;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.glow{position:fixed;width:600px;height:600px;left:var(--x,50%);top:var(--y,20%);transform:translate(-50%,-50%);z-index:0;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 9%,transparent),transparent 65%)}header{height:82px;position:fixed;inset:0 0 auto;z-index:15;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,100px);background:linear-gradient(rgba(8,10,11,.9),transparent);border-bottom:1px solid transparent;transition:.25s}header.scrolled{height:68px;background:rgba(8,10,11,.94);backdrop-filter:blur(16px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:13px}.brand img{width:44px;height:44px;border-radius:12px;object-fit:cover;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.brand span{display:flex;flex-direction:column}.brand b{text-transform:uppercase;font:800 21px/1 var(--display);letter-spacing:.04em}.brand small{margin-top:5px;color:var(--accent);font:600 8px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}nav{display:flex;align-items:center;gap:38px}nav a{color:#b6b6ae;text-transform:uppercase;font:600 9px/1 var(--mono);letter-spacing:.13em}nav a:hover{color:var(--ink)}.nav-join{padding:13px 18px;background:var(--accent);color:var(--bg)!important}.menu{display:none;background:0;border:0}.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:1.2fr minmax(320px,440px);align-items:end;gap:8vw;padding:150px clamp(24px,8vw,130px) 110px;overflow:hidden}.grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:75px 75px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 90%);opacity:.23}.orb{position:absolute;width:min(72vw,1050px);aspect-ratio:1;right:-20%;top:-28%;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%;background:radial-gradient(circle at 40% 45%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 28%),radial-gradient(circle at 62% 66%,color-mix(in srgb,var(--accent-2) 15%,transparent),transparent 20%);box-shadow:inset 0 0 130px rgba(0,0,0,.9),0 0 160px color-mix(in srgb,var(--accent) 8%,transparent)}.orb::before,.orb::after{content:"";position:absolute;inset:9%;border:1px dashed color-mix(in srgb,var(--accent) 25%,transparent);border-radius:50%;animation:spin 55s linear infinite}.orb::after{inset:23%;animation-direction:reverse;animation-duration:35s}.hero-copy,.live-card,.edge-code{position:relative;z-index:2}.kicker{color:var(--accent);font:600 10px/1.4 var(--mono);letter-spacing:.18em;text-transform:uppercase}.kicker i{display:inline-block;width:7px;height:7px;margin-right:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}h1,h2{margin:0;text-transform:uppercase;font-family:var(--display);font-weight:900;line-height:.82;letter-spacing:-.035em}h1{max-width:900px;font-size:clamp(78px,10.5vw,166px)}h1 br,h2 br{display:block}h1 em,h2 em{color:var(--accent);font-style:italic}.summary{max-width:680px;margin:30px 0;color:#bbb9b0;font-size:clamp(16px,1.35vw,21px);line-height:1.7}.actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-width:220px;padding:18px 20px;background:var(--accent);color:var(--bg);text-transform:uppercase;font:700 10px/1 var(--mono);letter-spacing:.12em;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%);transition:.22s}.button:hover{background:var(--ink);transform:translateY(-3px)}.text-link{padding:16px 0;border-bottom:1px solid var(--line);color:#aaa89f;text-transform:uppercase;font:600 9px/1 var(--mono);letter-spacing:.1em}.live-card{border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);background:rgba(8,10,11,.82);backdrop-filter:blur(15px);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.card-label{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line);font:600 8px/1 var(--mono);letter-spacing:.14em}.card-label i{color:var(--accent);font-style:normal}.guild-mark{display:flex;align-items:center;gap:16px;padding:25px}.guild-mark img{width:64px;height:64px;border-radius:16px}.guild-mark div{display:flex;flex-direction:column}.guild-mark b{text-transform:uppercase;font:800 25px/1 var(--display)}.guild-mark small{margin-top:7px;color:var(--muted);font:600 8px/1 var(--mono);letter-spacing:.1em}.stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats div{padding:23px}.stats div:first-child{border-right:1px solid var(--line)}.stats strong,.stats small{display:block}.stats strong{font:800 48px/1 var(--display)}.stats small{margin-top:7px;color:var(--muted);font:600 8px/1 var(--mono);letter-spacing:.12em}.connect{padding:18px 23px}.connect small,.connect b{display:block}.connect small{color:var(--muted);font:600 7px/1 var(--mono);letter-spacing:.13em}.connect b{margin-top:8px;color:var(--accent);font:600 11px/1 var(--mono);letter-spacing:.05em}.edge-code{position:absolute;bottom:30px;right:35px;writing-mode:vertical-rl;color:#656761;font:500 7px/1 var(--mono);letter-spacing:.18em}.marquee{position:relative;z-index:2;overflow:hidden;background:var(--accent);color:var(--bg);transform:rotate(-1deg) scale(1.02)}.marquee div{width:max-content;padding:12px 0;white-space:nowrap;font:900 15px/1 var(--display);letter-spacing:.12em;animation:marquee 25s linear infinite}.marquee i{margin:0 25px}.section{position:relative;z-index:2;padding:135px clamp(24px,8vw,130px)}.section-code{display:grid;grid-template-columns:50px 1fr;gap:15px;align-items:center;margin-bottom:65px;color:var(--muted);font:600 8px/1 var(--mono);letter-spacing:.16em}.section-code span{color:var(--accent);font-size:11px}.section-code b{display:flex;align-items:center;gap:15px}.section-code b::after{content:"";height:1px;flex:1;background:var(--line)}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:end}h2{font-size:clamp(62px,8vw,124px)}.mission-copy>p{color:#aaa9a2;font-size:17px;line-height:1.8}.mission-copy blockquote{margin:28px 0 0;padding:16px 20px;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent);font:italic 700 20px/1.3 var(--display)}.values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:85px;border-block:1px solid var(--line)}.values article{padding:32px 35px;border-right:1px solid var(--line)}.values article:last-child{border:0}.values span,.feature-grid small{color:var(--accent);font:600 8px/1 var(--mono)}.values h3,.feature-grid h3{margin:28px 0 10px;font:800 28px/1 var(--display);letter-spacing:.04em}.values p,.feature-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.systems{background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 4%,var(--bg)),var(--bg) 55%)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:65px}.section-heading>p{max-width:350px;color:var(--muted);line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-grid article{min-height:260px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(8,10,11,.7);transition:.22s}.feature-grid article:hover{background:color-mix(in srgb,var(--accent) 7%,var(--bg));transform:translateY(-3px)}.feature-grid h3{margin-top:55px;font-size:33px}.roles{background:#0d1011}.roles-shell{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:60px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);background:radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--accent-2) 10%,transparent),transparent 30%)}.roles-shell>div>p:not(.kicker){max-width:530px;color:var(--muted);line-height:1.7}.role-list{display:flex;align-content:center;align-items:center;flex-wrap:wrap;gap:10px}.role-list span{padding:13px 15px;border:1px solid var(--line);background:rgba(255,255,255,.02);text-transform:uppercase;font:600 9px/1 var(--mono);letter-spacing:.1em}.role-list span:nth-child(3n+1){border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent)}.join-section{position:relative;z-index:2;min-height:760px;display:grid;place-items:center;text-align:center;padding:100px 24px;overflow:hidden;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 14%,transparent),transparent 40%)}.join-section>img{position:absolute;width:min(620px,75vw);height:min(620px,75vw);object-fit:cover;border-radius:50%;opacity:.065;filter:grayscale(1);transform:scale(1.25)}.join-section>div{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column}.join-section h2{font-size:clamp(67px,10vw,145px)}.join-section>div>p:not(.kicker){max-width:650px;color:var(--muted);line-height:1.7}.join-section .button{margin-top:20px}footer{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;padding:42px clamp(24px,8vw,130px);border-top:1px solid var(--line)}footer p{text-align:center;color:#6f706c;font-size:9px;line-height:1.7}footer>div{display:flex;justify-content:flex-end;gap:22px}footer>div a{color:#8b8c86;text-transform:uppercase;font:600 8px/1 var(--mono)}.reveal{opacity:0;transform:translateY(22px);transition:.7s}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
html[data-community="ironpoint"] .grid{background-size:55px 55px;transform:perspective(500px) rotateX(55deg);transform-origin:top}html[data-community="embervale"] .orb{border-radius:45% 55% 51% 49%;filter:blur(2px);animation:ember 7s ease-in-out infinite}html[data-community="ficsit-sector-7"] .orb{border-radius:0;transform:rotate(22deg);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}html[data-community="ficsit-sector-7"] h1,html[data-community="ficsit-sector-7"] h2{letter-spacing:-.02em}@keyframes ember{50%{transform:scale(1.04) rotate(3deg)}}
@media(max-width:900px){header nav{position:fixed;display:none;inset:68px 0 auto;background:rgba(8,10,11,.98);padding:28px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}header nav.open{display:flex}.menu{display:block}.menu span{display:block;width:24px;height:1px;margin:6px;background:var(--ink)}.hero{grid-template-columns:1fr;padding-top:140px}.hero-copy{align-self:end}.live-card{width:min(100%,560px)}.split,.roles-shell{grid-template-columns:1fr}.section-heading{display:block}.section-heading>p{margin-top:25px}.feature-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr;text-align:center}footer .brand,footer>div{justify-content:center}}
@media(max-width:600px){header{height:68px;padding:0 18px}.brand img{width:38px;height:38px}.brand b{font-size:17px}.hero{min-height:920px;padding:120px 20px 75px}.hero h1{width:100%;font-size:clamp(50px,16vw,70px);letter-spacing:-.045em}.actions{align-items:flex-start;flex-direction:column;gap:4px}.section{padding:90px 20px}.values,.feature-grid{grid-template-columns:1fr}.values article{border-right:0;border-bottom:1px solid var(--line)}.section-heading h2,.split h2{font-size:clamp(58px,18vw,88px)}.roles-shell{padding:30px 22px}.join-section{min-height:680px}.join-section h2{font-size:clamp(59px,19vw,90px)}footer{padding:40px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orb::before,.orb::after,.marquee div{animation:none}.reveal{opacity:1;transform:none;transition:none}}