:root{color-scheme:dark;--bg:#13110f;--panel:#221f1c;--text:#f7f6f5;--muted:#c7c3bf;--line:#3c3833;--accent:#ea8029;--display:'Exo 2',sans-serif;--body:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 var(--body)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%}p{color:var(--muted);margin:0 0 1.4rem}h1,h2,h3{font-family:var(--display);line-height:1.12;margin:0;color:var(--text)}h2{font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:800;letter-spacing:-.035em}h2 em{font-style:normal;color:var(--accent)}h3{font-size:1.25rem} .wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.14em;color:#c3bdb7;line-height:1.6;margin-bottom:1.5rem}.slashes{display:inline-block;color:var(--accent);font-family:var(--display);font-size:1.8rem;font-style:italic;letter-spacing:-.22em;padding-right:.45em}header{position:sticky;top:0;z-index:10;background:#171411ee;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;gap:36px}.brand{font-family:var(--display);font-size:1.25rem;font-weight:800;white-space:nowrap;display:flex;align-items:center;line-height:1}.brand-online{color:#bdb8b3}nav{display:flex;gap:32px;margin-left:auto;font-size:.875rem}nav a:hover,footer a:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:15px 23px;min-height:52px;background:var(--accent);color:#171412;font-weight:700;font-size:.875rem;border:1px solid var(--accent);transition:background .2s,transform .2s}.button:hover{background:#fcbd8a;transform:translateY(-2px)}.button.small{min-height:42px;padding:9px 17px;gap:22px}.button.secondary{background:#211d1980;border-color:#827c7666;color:white}.button.secondary:hover{background:#3d3832}.hero{min-height:680px;height:min(800px,84vh);position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:center;background:#161411}.hero-image{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 52%;animation:race-motion 18s ease-in-out infinite alternate;will-change:transform}.hero-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#12100eea 0%,#161411bb 33%,#16141118 73%),linear-gradient(0deg,#13100e 0%,transparent 27%)}.hero-content{padding-top:25px;padding-bottom:70px}.hero h1{font-size:clamp(3.2rem,6.3vw,6.2rem);font-weight:900;letter-spacing:-.05em;line-height:1.02;font-style:italic;text-transform:uppercase;max-width:850px}.hero h1 em{color:var(--accent);font-style:inherit}.hero-description{max-width:460px;margin:28px 0 31px;font-size:1.05rem;line-height:1.85;color:#dfdcd8}.hero .eyebrow{display:flex;align-items:center;gap:14px}.short-line{width:27px;height:2px;background:var(--accent)}.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.hero-bottom{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:space-between;gap:20px;align-items:center}.hero-bottom p{margin:0;font-size:.6875rem;letter-spacing:.14em;color:#ccc8c3}.hero-bottom p span{padding:0 16px;color:var(--accent)}#motion{background:#1d1a17aa;color:#d6d2ce;border:1px solid #655f5966;padding:7px 12px;font-size:.75rem;min-height:40px}.paused .hero-image{animation-play-state:paused}.game-strip{border-block:1px solid var(--line);background:#1c1916}.game-strip>.wrap{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-block:16px}.game-strip span:not(.eyebrow){font:700 .85rem var(--display);color:#d2ceca;letter-spacing:.04em}.game-strip .eyebrow{margin:0;font-size:.6875rem;color:#9e9891}.section{padding-block:104px}.section-heading{margin-bottom:44px}.community-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.lead{font-family:var(--display);font-size:1.55rem;font-weight:600;color:#f7f6f5;line-height:1.4}.community-copy p{max-width:550px}.text-link{color:var(--accent);font-size:.875rem;font-weight:600;display:inline-flex;gap:20px;align-items:center;padding-block:12px}.text-link:hover{text-decoration:underline;text-underline-offset:6px}.community-photo{margin:0;position:relative;overflow:hidden;min-height:340px;align-self:stretch}.community-photo img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}.community-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#181512c9,transparent 60%)}.community-photo figcaption{position:absolute;z-index:1;bottom:23px;left:25px;font:800 1.4rem var(--display);font-style:italic}.principles{margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.principles>div{padding:27px 35px 25px 0;position:relative}.principles>div+div{border-left:1px solid var(--line);padding-left:35px}.principles span{color:#9a928b;font:500 .75rem var(--body);position:absolute;right:25px;top:29px}.principles h3{margin:0 22px 13px 0}.principles p{font-size:.9rem;line-height:1.8;margin:0}.manager-section{background:#1b1815;border-block:1px solid var(--line)}.manager-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:46px}.platform{font-size:.6875rem;letter-spacing:.12em;border:1px solid #5b5650;padding:7px 14px;color:#ccc6c0}.manager-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}.features{list-style:none;padding:0;margin:23px 0 32px;color:#e6e2df;font-size:.9rem}.features li{margin:11px 0;padding-left:26px;position:relative}.features li:before{content:'✓';position:absolute;left:0;color:var(--accent)}.manager-grid .actions{gap:9px 18px}.download-note{font-size:.75rem;margin-top:15px;color:#aaa39d}.product{border:1px solid #4e4842;background:#151210;box-shadow:0 28px 65px #0005;transform:perspective(1200px) rotateY(-3deg);margin-top:5px}.product-top{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line);font:700 .6875rem var(--body);letter-spacing:.07em}.product-top .slashes{font-size:1.3rem}.product-top>span:last-child{color:#aca6a0;font-size:.6rem}.screenshot-button{display:block;width:100%;padding:0;position:relative;background:#13110f;border:0;overflow:hidden}.screenshot-button img{width:100%;aspect-ratio:16/9;object-fit:contain;object-position:top}.expand-label{position:absolute;right:12px;bottom:12px;font-size:.6875rem;padding:5px 9px;background:#1b1815e8;color:white;border:1px solid #6b6660}.product-tabs{display:flex;gap:0;border-block:1px solid var(--line)}.product-tabs button{flex:1;padding:12px 8px;border:0;background:transparent;color:#beb9b3;font-size:.75rem}.product-tabs .active{background:#ea802914;color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.screen-caption{font-size:.6875rem;margin:12px 16px;line-height:1.5}.portal-link{margin-top:64px;padding:30px 36px;border:1px solid #4d4741;border-left:3px solid var(--accent);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(100deg,#2c2722,#221e1a)}.portal-link .eyebrow{color:var(--accent);font-size:.6875rem;margin-bottom:10px}.portal-link h3{font-size:1.6rem}.portal-link p{font-size:.875rem;margin:10px 0 0}.portal-arrow{font-size:2.5rem;color:var(--accent)}.portal-link:hover{border-color:var(--accent)}.tools-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.tools-heading>p{max-width:420px;font-size:.95rem}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{background:#201c19;border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;min-height:265px;transition:transform .2s,border-color .2s,background .2s}.tool-card:hover{border-color:#ea802980;transform:translateY(-4px);background:#292521}.tool-icon{font-size:.625rem;letter-spacing:.13em;color:#afa8a2;margin-bottom:25px}.tool-card h3{font-size:1.2rem;display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:14px}.tool-card h3 span{color:var(--accent);font-weight:400}.tool-card p{font-size:.875rem;line-height:1.8;margin-bottom:22px}.tool-action{font-size:.75rem;color:var(--accent);margin-top:auto}.final-cta{padding:68px 35px 76px;text-align:center;border-block:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,#322c2680,transparent 70%);margin-bottom:40px}.final-cta .eyebrow{color:var(--accent)}.final-cta p:not(.eyebrow){margin:21px 0 27px}.final-cta h2{font-style:italic;text-transform:uppercase;font-size:clamp(2rem,4vw,3.8rem)}.final-cta h2 em{font-style:italic}footer{padding:25px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer .brand{font-size:1rem}footer p{font-size:.75rem;margin:0}footer>a:not(.brand),footer>span{font-size:.6875rem;color:#b5aea8}.skip{position:fixed;z-index:30;left:12px;top:-100px;padding:10px 20px;background:var(--accent);color:#151311}.skip:focus{top:10px}dialog{padding:50px 12px 12px;background:#201c19;border:1px solid #7b7670;width:min(1400px,95vw);max-height:95vh}dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}dialog>img{width:100%;max-height:80vh;object-fit:contain}#close-dialog{position:absolute;right:12px;top:8px;background:none;color:white;border:1px solid #817c77;padding:5px 12px;font-size:.875rem}@keyframes race-motion{0%{transform:scale(1.025) translate3d(0,0,0)}100%{transform:scale(1.12) translate3d(-1.5%,.5%,0)}}@media(min-width:1700px){.hero-image{object-position:center 54%}}@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.nav{gap:22px}nav{gap:20px}.hero{min-height:620px}.community-grid{gap:45px}.manager-grid{gap:35px;grid-template-columns:1fr 1fr}.tool-card{padding:24px}.tool-card h3{font-size:1.1rem}.product-top>span:last-child{display:none}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{height:auto;min-height:72px;flex-wrap:wrap;gap:10px;padding-block:14px;justify-content:space-between}.brand{font-size:1.05rem}nav{order:3;width:100%;justify-content:center;font-size:.75rem;gap:26px;margin-top:7px}.nav>.button{font-size:.75rem;gap:14px;min-height:38px;padding:8px 12px}.hero{min-height:680px;height:auto}.hero-content{padding-block:82px 110px}.hero-image{object-position:61% center}.hero-shade{background:linear-gradient(90deg,#12100edf,#16141177),linear-gradient(0deg,#13100e,transparent 70%)}.hero h1{font-size:clamp(2.6rem,9vw,4.5rem)}.hero .eyebrow{font-size:.625rem;letter-spacing:.12em}.hero-description{font-size:1rem;max-width:360px}.hero-bottom{bottom:18px;align-items:end}.hero-bottom p{font-size:.5625rem;max-width:215px;line-height:2.2}.hero-bottom p span{padding:0 5px}#motion{font-size:.6875rem;white-space:nowrap;padding:6px 8px}.game-strip>.wrap{justify-content:center;gap:15px 23px;padding-block:22px}.game-strip .eyebrow{width:100%;text-align:center}.game-strip span:not(.eyebrow){font-size:.6875rem}.section{padding-block:67px}.community-grid,.manager-grid{grid-template-columns:1fr;gap:28px}.community-photo{min-height:320px}.principles{grid-template-columns:1fr;margin-top:30px}.principles>div,.principles>div+div{padding:25px 35px 25px 0;border-left:0}.principles>div+div{border-top:1px solid var(--line)}.manager-intro{align-items:start;flex-direction:column;gap:20px;margin-bottom:30px}.product{transform:none;margin-top:10px}.portal-link{padding:24px;margin-top:40px;gap:20px}.portal-link h3{font-size:1.35rem}.tools-heading{display:block}.tools-heading>p{margin-top:25px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:240px;padding:26px}.tool-card h3{font-size:1.3rem}.tool-card p{font-size:1rem}.tool-icon,.tool-action{font-size:.75rem}.final-cta{padding-inline:15px}.final-cta p:not(.eyebrow){font-size:.9rem}footer{flex-direction:column;align-items:start;gap:16px}html{scroll-padding-top:125px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-image{will-change:auto}}

/* Fixed vector mark: independent of font metrics. */
.slashes{display:block;width:24px;height:24px;flex:0 0 24px;align-self:center;background:var(--accent);border-radius:0;margin:0 .55rem 0 0;padding:0;font-size:0!important;line-height:0;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 21 13 3h4L6 21zm8 0L21 3h3L14 21z'/%3E%3C/svg%3E") center/contain no-repeat}

/* Community destinations, directly below the hero. */
.community-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-block:32px}
.community-action{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:30px;border:1px solid #4b4641;border-top:3px solid #ea8029;background:linear-gradient(120deg,#2b2621,#1b1815);text-decoration:none;color:#fff8f3;min-width:0}
.community-action.discord-action{border-top-color:#fcc395;background:linear-gradient(120deg,#35302c,#1c1a17)}
.community-action .eyebrow{margin:0;color:#e6ae81}.discord-action .eyebrow{color:#fdd8b9}
.community-action h2{font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.15;margin:0;text-transform:none;letter-spacing:-.025em;width:100%;display:flex;justify-content:space-between;gap:12px}
.community-action h2 span{color:#ea8029}.discord-action h2 span{color:#fdd8b9}
.community-action p{font-size:1rem;line-height:1.65;color:#d5d0cc;max-width:52ch;margin:0}
.community-action-cta{margin-top:auto;display:flex;align-items:center;gap:28px;min-height:44px;padding:9px 16px;background:#ea8029;color:#151210;font-size:.875rem;font-weight:700}
.discord-action .community-action-cta{background:#fdd8b9;color:#25211d}
.community-action:hover{border-color:#ea8029}.discord-action:hover{border-color:#fdd8b9}
.community-action:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:760px){.community-actions{grid-template-columns:1fr;gap:16px;padding-block:24px}.community-action{padding:24px}}

.final-cta .actions{justify-content:center}


/* SR community identity — September 2026 */
:root{--bg:#10100f;--panel:#1c1b19;--text:#f6f3ed;--muted:#c4bdb3;--line:#3b3630;--accent:#ff8617}
.brand-logo{width:60px;height:60px;object-fit:contain;flex-shrink:0;margin-right:10px}
.button{color:#211308}.button:hover{background:#ffad58}.button.secondary{color:var(--text)}
.hero{background:#14110e}.hero-image{object-position:62% 52%}
.hero-shade{background:linear-gradient(90deg,#100e0cef 0%,#15100bc4 32%,#100e0c08 72%),linear-gradient(0deg,#10100f 0%,transparent 30%)}
@media(max-width:680px){.brand-logo{width:46px;height:46px;margin-right:6px}.hero-image{object-position:67% center}.hero-shade{background:linear-gradient(90deg,#100e0ce6,#100e0c66),linear-gradient(0deg,#10100f,transparent 55%)}}

.tool-card-quickjoin{grid-column:1/-1;border-color:var(--accent);min-height:210px}.tool-card-quickjoin p{max-width:780px}.tool-card-quickjoin h3{font-size:1.5rem}