:root{--bg:#080808;--panel:#101010;--line:#272727;--orange:#ffd21a;--white:#f5f3ef;--muted:#929292}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::selection{background:var(--orange);color:#000}.nav{height:76px;padding:0 clamp(22px,5vw,90px);display:flex;align-items:center;justify-content:space-between;background:#080808ee;border-bottom:1px solid #242424;position:relative;z-index:5}.nav-logo{font:900 27px/.9 'Barlow Condensed',sans-serif;letter-spacing:-.6px}.nav-logo span{color:var(--orange)}.nav nav{display:flex;align-items:center;gap:34px}.nav nav a{font-size:11px;letter-spacing:1.7px;font-weight:800}.nav nav a:hover,.text-link:hover{color:var(--orange)}.nav-cta{border:1px solid var(--orange);padding:13px 17px;color:var(--orange)}.menu-toggle{display:none;background:none;color:#fff;border:0;font-size:25px}.hero{min-height:680px;height:calc(100svh - 76px);max-height:940px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-video,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}.hero-video{object-fit:cover;opacity:.5}.hero-overlay{background:linear-gradient(90deg,#000b,#0006,#000b),linear-gradient(0deg,#080808 0%,transparent 35%,#0005 100%)}.hero-content{position:relative;z-index:1;width:min(92%,650px);padding:55px 0}.eyebrow,.kicker,.micro,.guide-number{font-size:10px;font-weight:800;letter-spacing:3.8px;color:#b1b1b1}.eyebrow .dot,.micro span{color:var(--orange);padding:0 10px}h1,h2,h3,p{margin-top:0}.hero h1{font-family:'Barlow Condensed',sans-serif;font-weight:900;line-height:.74;letter-spacing:-4px;margin:35px auto 38px;display:flex;flex-direction:column;align-items:center;font-size:clamp(105px,15vw,205px)}.hero h1 span{color:#f1f0ed}.hero h1 strong{font-weight:900;color:#080808;-webkit-text-stroke:4px var(--orange);font-size:.89em;margin-top:12px;letter-spacing:-3px}.hero p{color:#b2b2b2;max-width:440px;margin:0 auto 30px;line-height:1.85;font-size:14px}.hero p b{color:#fff}.button{min-height:57px;padding:0 25px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font:800 21px 'Barlow Condensed',sans-serif;letter-spacing:.7px;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span{font-family:'DM Sans',sans-serif;font-size:17px}.primary{background:var(--orange);color:#0b0b0b}.primary:hover{background:#ffe566}.micro{font-size:9px;letter-spacing:1.5px;margin-top:17px;color:#858585}.scroll-cue{position:absolute;bottom:25px;font-size:10px;letter-spacing:2px;color:#999}.features{display:grid;grid-template-columns:repeat(3,1fr);max-width:100%;padding:36px max(10%,calc((100% - 1000px)/2));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#101010}.features>div{display:flex;flex-direction:column;align-items:center;gap:7px;border-right:1px solid #303030}.features>div:last-child{border:0}.feature-icon{font-size:32px;color:var(--orange);line-height:1}.features b{font:900 34px/.9 'Barlow Condensed',sans-serif}.features small{font-size:9px;letter-spacing:2.3px;color:#aaa}.section{max-width:1260px;margin:auto;padding:110px 35px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.kicker{color:var(--orange);letter-spacing:2.7px;margin-bottom:16px}h2{font:900 clamp(46px,6vw,82px)/.95 'Barlow Condensed',sans-serif;letter-spacing:-.5px;margin-bottom:19px}h2 em,h3 em{color:var(--orange);font-style:normal}.orange{color:var(--orange)}.section-heading p,.discord-banner p,.bottom-cta p{color:#999;line-height:1.8;font-size:14px;margin-bottom:0}.text-link{white-space:nowrap;font-size:12px;font-weight:800;letter-spacing:1.5px;padding-bottom:9px}.stream-frame{border:1px solid #333;background:#111}.stream-top,.stream-bottom{padding:17px 22px;font-size:11px;letter-spacing:1.6px;font-weight:800}.stream-top{display:flex;align-items:center;gap:11px;border-bottom:1px solid #333}.live-indicator{width:9px;height:9px;background:var(--orange);border-radius:50%;box-shadow:0 0 15px var(--orange)}.stream-note{margin-left:auto;color:#888;font-size:10px}.iframe-wrap{aspect-ratio:16/9;background:linear-gradient(135deg,#161616,#070707)}iframe{border:0;width:100%;height:100%}.stream-bottom{border-top:1px solid #333;color:#888;letter-spacing:0;font-weight:500}.stream-bottom a{color:var(--orange);font-weight:800}.discord-banner{padding:65px max(35px,calc((100% - 1190px)/2));background:var(--orange);color:#090909;display:flex;align-items:center;justify-content:space-between;gap:40px}.discord-banner .kicker{color:#3c1b10}.discord-banner h2 em{color:#fff}.discord-banner p{color:#402315;max-width:510px}.discord-banner .primary{background:#090909;color:#fff;flex-shrink:0}.discord-banner .primary:hover{background:#333}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.guide-card{padding:28px;background:#111;border:1px solid #292929}.guide-number{font-size:10px;color:#999;margin-bottom:18px}.guide-art{height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;overflow:hidden;border:1px solid #303030;margin-bottom:26px;background:radial-gradient(circle at center,#263c49,#0b1419 65%)}.crypto-art{background:radial-gradient(circle at center,#47301a,#18110a 65%)}.art-icon{font:900 95px 'Barlow Condensed';color:#6cc8ef;line-height:1}.crypto-art .art-icon{color:#ffd21a}.guide-art>span:last-child{font:900 32px 'Barlow Condensed';letter-spacing:4px}.guide-card h3{font:900 35px 'Barlow Condensed';margin-bottom:12px}.guide-card p{font-size:13px;color:#999;line-height:1.8;min-height:52px}.secondary{background:transparent;color:#fff;border-color:#555;width:100%;margin-top:16px}.secondary:hover{background:var(--orange);color:#000;border-color:var(--orange)}.bottom-cta{text-align:center;border-top:1px solid #292929;padding:105px 25px 115px;background:radial-gradient(ellipse at bottom,#2a140d 0%,#080808 65%)}.bottom-cta p{margin-bottom:28px}.cta-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.outline{border-color:#777;background:transparent}.outline:hover{background:#222}footer{border-top:1px solid #292929;padding:35px clamp(25px,5vw,90px);display:flex;justify-content:space-between;align-items:center;gap:20px}footer p{margin:0;color:#777;font-size:10px;letter-spacing:1px}footer>div{display:flex;gap:20px;font-size:11px;font-weight:800;letter-spacing:1px}dialog{border:1px solid #484848;background:#111;color:#eee;width:min(650px,calc(100% - 25px));max-height:85vh;overflow:auto;padding:30px;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:center}.dialog-header button{background:none;color:#fff;border:1px solid #555;width:38px;height:38px}.dialog-header .kicker{margin:0}dialog h2{margin:30px 0 20px;font-size:55px}dialog ol{padding-left:23px}dialog li{padding:10px 0;line-height:1.65;color:#bbb;font-size:14px}dialog li strong{color:#fff}dialog .tip{padding:16px;border-left:3px solid var(--orange);background:#1e1e1e;color:#aaa;font-size:13px;line-height:1.7}dialog a{color:var(--orange);text-decoration:underline}@media(max-width:760px){.nav{height:65px}.menu-toggle{display:block}.nav nav{display:none;position:absolute;top:65px;left:0;right:0;background:#101010;padding:25px;flex-direction:column;align-items:stretch;gap:23px;border-bottom:1px solid #333}.nav nav.open{display:flex}.hero{height:calc(100svh - 65px);min-height:590px}.hero h1{font-size:clamp(90px,21vw,150px);letter-spacing:-2px}.hero h1 strong{-webkit-text-stroke:2.5px var(--orange)}.hero p{font-size:13px}.scroll-cue{bottom:14px}.features{padding:30px 8px}.features b{font-size:25px}.features small{font-size:7px;letter-spacing:1.2px}.section{padding:75px 20px}.section-heading{display:block}.section-heading .text-link{display:inline-block;margin-top:20px}.stream-top,.stream-bottom{padding:14px;font-size:10px}.stream-note{font-size:8px}.discord-banner{padding:55px 25px;display:block}.discord-banner .button{margin-top:25px}.guide-grid{grid-template-columns:1fr}.guide-art{height:175px}.bottom-cta{padding:75px 20px}footer{flex-direction:column;text-align:center}.eyebrow{font-size:8px;letter-spacing:2px}}

.withdraw-art{background:radial-gradient(circle at center,#3c231b,#120c0a 65%)}.withdraw-art .art-icon{color:var(--orange)}@media(min-width:900px){.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-card h3{font-size:30px}}

/* Exact reference-style community highlights */
.features{min-height:184px;padding:38px max(7%,calc((100% - 1020px)/2));background:#0d0d0d;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.features>.feature{gap:0;justify-content:flex-start;border-right:1px solid #292929;text-align:center}
.features>.feature:last-child{border-right:0}
.features .feature-icon{display:block;width:37px;height:37px;margin:0 0 11px;color:#ffd21a;flex-shrink:0}
.features b{font:900 36px/.95 'Barlow Condensed',Impact,sans-serif;color:#f4f2ef;letter-spacing:-.5px;margin-bottom:7px}
.features small{font:700 9px/1.65 'DM Sans',sans-serif;letter-spacing:3px;color:#8d8d8d}
@media(max-width:760px){.features{min-height:160px;padding:28px 8px}.features .feature-icon{width:30px;height:30px;margin-bottom:10px}.features b{font-size:27px}.features small{font-size:7px;letter-spacing:1.5px}}

/* Shammi social profiles */
.socials-section{border-top:1px solid #292929}.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.social-card{min-height:155px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;background:#111;border:1px solid #303030;position:relative;transition:border-color .2s,transform .2s,background .2s}.social-card:hover{border-color:var(--orange);background:#19120f;transform:translateY(-3px)}.social-platform{font-size:10px;font-weight:800;letter-spacing:2.1px;color:var(--orange)}.social-card strong{font:900 clamp(24px,2.7vw,37px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.4px;overflow-wrap:anywhere}.social-arrow{position:absolute;top:20px;right:22px;color:var(--orange);font-size:24px}.social-card.personal{border-color:#75402e}@media(max-width:850px){.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.social-grid{grid-template-columns:1fr}.social-card{min-height:130px}}

/* Discord-first landing page */
.nav{position:sticky;top:0;z-index:30;backdrop-filter:blur(16px)}.nav-cta{background:var(--orange);color:#080808!important;border-color:var(--orange);padding:15px 23px!important}.nav-cta:hover{background:#fff!important;color:#080808!important}.hero{min-height:720px}.hero-content{width:min(92%,730px)}.hero .primary{min-width:min(100%,400px);min-height:72px;font-size:27px;box-shadow:0 14px 60px #ffd21a45}.hero p{font-size:16px;max-width:490px}.hero-discord-note{margin:28px auto 0;font-size:10px;letter-spacing:2.6px;font-weight:800;color:#eee}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);margin-right:8px;box-shadow:0 0 0 5px #ffd21a22;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 11px #ffd21a00}}.discord-hub{background:#111;border-top:1px solid #363636;border-bottom:1px solid #363636;overflow:hidden}.discord-hub-inner{max-width:1250px;margin:auto;min-height:490px;padding:70px 35px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:35px}.discord-hub h2{font-size:clamp(65px,8vw,112px);margin-bottom:23px}.discord-hub p{color:#b8b8b8;max-width:510px;line-height:1.85}.discord-perks{display:flex;gap:10px;flex-wrap:wrap;margin:27px 0}.discord-perks span{border:1px solid #414141;padding:11px 13px;font-size:10px;font-weight:800;letter-spacing:1.3px}.hub-button{min-height:70px;min-width:min(100%,385px);font-size:26px}.hub-url{margin-top:13px;font-size:10px;letter-spacing:2.5px;color:#777}.discord-hub-visual{height:380px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#60220f 0%,#18100d 42%,transparent 72%)}.hub-orbit{position:absolute;border:1px solid #ffd21a55;border-radius:50%;width:290px;height:290px;transform:rotate(-25deg) scaleX(1.18)}.orbit-two{width:360px;height:360px;opacity:.45;transform:rotate(25deg) scaleX(.82)}.hub-monogram{font:900 190px/.7 'Barlow Condensed',Impact,sans-serif;letter-spacing:-18px;color:#fff;transform:rotate(-10deg);text-shadow:10px 10px 0 #ffd21a}.hub-monogram span{color:#ffd21a;text-shadow:9px 9px 0 #080808}.hub-stamp{position:absolute;right:4%;bottom:5%;padding:14px 19px;border:2px solid #ffd21a;transform:rotate(9deg);font:900 21px/.9 'Barlow Condensed',sans-serif;letter-spacing:1px}.hub-stamp span{display:block;color:#ffd21a}.discord-banner{padding-top:80px;padding-bottom:80px}.discord-banner .button{min-height:68px;font-size:25px}.bottom-cta .primary{min-height:75px;font-size:28px}.guide-grid{gap:20px}.guide-card{padding:19px;transition:transform .2s,border-color .2s}.guide-card:hover{transform:translateY(-5px);border-color:#ffd21a66}.guide-art{height:245px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;isolation:isolate;border:1px solid #3b3b3b;overflow:hidden}.guide-art:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 96%,#ffffff0a 97%),linear-gradient(90deg,transparent 96%,#ffffff0a 97%);background-size:26px 26px;mask-image:linear-gradient(to bottom,transparent,#000)}.guide-art:after{content:'';position:absolute;inset:12px;border:1px solid #ffffff17;pointer-events:none}.vpn-art{background:radial-gradient(circle at 50% 40%,#174a71,#09131d 75%);color:#74caff}.crypto-art{background:radial-gradient(circle at 50% 40%,#67421b,#191009 75%);color:#ffb35a}.withdraw-art{background:radial-gradient(circle at 50% 40%,#653021,#1b100e 75%);color:#ff774a}.guide-art-label,.guide-art-footer{position:absolute;left:24px;font-size:9px;letter-spacing:2px;font-weight:800;color:#d4d4d4}.guide-art-label{top:23px}.guide-art-footer{bottom:22px;color:#a9a9a9}.guide-art strong{font:900 35px 'Barlow Condensed',Impact,sans-serif;color:#fff;letter-spacing:3px;margin-top:0}.vpn-visual svg,.wallet-visual svg{width:132px;height:116px;filter:drop-shadow(0 0 20px currentColor)}.coin-visual{position:relative;width:128px;height:128px;display:grid;place-items:center;margin:0 0 3px}.coin-visual span{display:grid;place-items:center;border:7px double currentColor;border-radius:50%;width:105px;height:105px;font:bold 73px Georgia,serif;box-shadow:0 0 35px #ffd21a33}.coin-visual i,.wallet-visual i{position:absolute;right:0;top:5px;font:900 34px 'DM Sans';font-style:normal;color:#fff}.wallet-visual{position:relative}.wallet-visual i{top:0;right:5px}.guide-card h3{margin-top:7px}.mobile-discord-cta{display:none}@media(max-width:800px){.discord-hub-inner{grid-template-columns:1fr;padding:65px 24px}.discord-hub-visual{height:250px}.hub-monogram{font-size:130px}.hub-orbit{width:205px;height:205px}.orbit-two{width:255px;height:255px}.hub-stamp{font-size:16px}.discord-hub h2{font-size:clamp(58px,12vw,88px)}.hero{min-height:640px}.hero .primary{min-height:65px;font-size:24px}.mobile-discord-cta{display:flex;align-items:center;justify-content:space-between;position:fixed;bottom:12px;left:12px;right:12px;z-index:45;padding:17px 20px;background:var(--orange);color:#080808;box-shadow:0 6px 40px #000b;font:900 23px 'Barlow Condensed',sans-serif;letter-spacing:1px}body{padding-bottom:68px}.guide-art{height:235px}}@media(prefers-reduced-motion:reduce){.pulse-dot{animation:none}.button,.guide-card{transition:none}}

/* Polished guide artwork: separate, non-overlapping content regions */
.guide-art.guide-art-clean{display:grid;grid-template-rows:28px minmax(0,1fr) 48px 22px;justify-items:center;align-items:center;gap:0;padding:16px 18px 14px;height:245px;min-width:0}
.guide-art-clean .guide-art-label,.guide-art-clean .guide-art-footer{position:static;justify-self:start;align-self:center;max-width:100%;font-size:9px;line-height:1.4;letter-spacing:1.7px;white-space:normal}
.guide-art-clean .clean-guide-icon{width:100%;min-height:0;height:100%;display:flex;align-items:center;justify-content:center;color:inherit}
.guide-art-clean .clean-guide-icon svg{display:block;width:min(135px,65%);height:100%;max-height:112px;overflow:visible;filter:drop-shadow(0 0 13px currentColor)}
.guide-art-clean .clean-guide-title{position:static;font:900 clamp(29px,3vw,39px)/1 'Barlow Condensed',Impact,sans-serif;color:#fff;letter-spacing:2px;text-align:center;align-self:center;margin:0}
.guide-art-clean .guide-art-footer{color:#bcbcbc;font-size:8px;letter-spacing:1.8px}
@media(max-width:800px){.guide-art.guide-art-clean{height:230px;grid-template-rows:26px minmax(0,1fr) 43px 20px}.guide-art-clean .clean-guide-title{font-size:36px}}

/* Redesigned balanced social showcase */
.social-showcase{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.45fr);gap:14px;align-items:stretch}
.social-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px}
.social-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:20px;min-height:190px;padding:25px;background:#121212;border:1px solid #303030;overflow:hidden;transition:background .2s,border-color .2s,transform .2s}
.social-tile:hover{transform:translateY(-3px);border-color:#ffd21a;background:#1c1512}
.social-tile.featured{min-height:395px;padding:36px;background:radial-gradient(circle at 75% 25%,#4d2419 0%,#1b1210 42%,#111 80%);border-color:#6b3425}
.social-tile.featured:after{content:'SHAMMI';position:absolute;right:-12px;bottom:-27px;font:900 clamp(95px,12vw,175px)/1 'Barlow Condensed',Impact,sans-serif;color:#ffffff08;pointer-events:none}
.social-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #444;background:#191919;color:#ffd21a;border-radius:12px;flex-shrink:0}
.social-icon svg{width:25px;height:25px}.social-tile.featured .social-icon{width:70px;height:70px;border-color:#ffd21a70;background:#ffd21a18;border-radius:18px}.social-tile.featured .social-icon svg{width:38px;height:38px}
.social-info{display:flex;flex-direction:column;gap:7px;position:relative;z-index:1}.social-platform-name{font:800 10px/1.3 'DM Sans',sans-serif;letter-spacing:2px;color:#ffe064}.social-info strong{font:900 clamp(25px,2.5vw,38px)/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:.4px;color:#f7f5f2}.social-tile.featured .social-info strong{font-size:clamp(48px,5vw,76px)}.social-subtitle{font-size:12px;color:#a6a6a6;line-height:1.5}.social-go{position:absolute;top:24px;right:23px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #454545;color:#fff}.social-go svg{width:16px;height:16px}.social-tile:hover .social-go{background:#ffd21a;border-color:#ffd21a;color:#111}
.social-discord-strip{margin-top:16px;border:1px solid #4b2b22;background:#1a100d;padding:19px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.social-discord-strip>span{font:900 clamp(17px,2.3vw,27px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px}.social-discord-strip>a{background:#ffd21a;color:#090909;font:900 19px 'Barlow Condensed',Impact,sans-serif;padding:14px 20px;white-space:nowrap}.social-discord-strip>a span{margin-left:14px}
@media(max-width:850px){.social-showcase{grid-template-columns:1fr}.social-tile.featured{min-height:300px}.social-tile.featured .social-info strong{font-size:62px}}
@media(max-width:520px){.social-mini-grid{grid-template-columns:1fr 1fr;gap:9px}.social-tile{min-height:180px;padding:16px;gap:16px}.social-tile.featured{min-height:270px;padding:25px}.social-icon{width:42px;height:42px}.social-icon svg{width:22px;height:22px}.social-info strong{font-size:24px}.social-platform-name{font-size:8px;letter-spacing:1.1px}.social-subtitle{font-size:10px}.social-go{top:14px;right:13px;width:26px;height:26px}.social-go svg{width:13px;height:13px}.social-discord-strip{align-items:stretch;flex-direction:column}.social-discord-strip>a{text-align:center}}

/* Definitive guide card layout: icon and title occupy separate flex rows. */
.guide-art.guide-art-clean{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:14px!important;height:245px!important;padding:28px 18px!important;box-sizing:border-box!important}
.guide-art-clean .clean-guide-icon{display:flex!important;flex:0 0 115px!important;width:100%!important;height:115px!important;min-height:115px!important;align-items:center!important;justify-content:center!important}
.guide-art-clean .clean-guide-icon svg{display:block!important;flex:none!important;width:125px!important;height:105px!important;max-height:105px!important;filter:drop-shadow(0 0 12px currentColor)}
.guide-art-clean .clean-guide-title{display:block!important;flex:0 0 auto!important;position:static!important;line-height:1!important;font-size:clamp(30px,3vw,40px)!important;white-space:nowrap!important;margin:0!important;padding:0!important;transform:none!important;letter-spacing:1.5px!important}
.guide-art-clean .guide-art-label,.guide-art-clean .guide-art-footer{display:none!important}
@media(max-width:600px){.guide-art.guide-art-clean{height:230px!important}.guide-art-clean .clean-guide-title{font-size:34px!important}}

/* Dual video and written guide actions */
.guide-actions{display:grid;gap:10px;margin-top:auto}.guide-actions .button{width:100%;min-height:49px;display:flex;align-items:center;justify-content:space-between;text-align:left;white-space:normal;line-height:1.2;padding:12px 17px}.guide-card{display:flex;flex-direction:column}.guide-card>button.button{margin-top:auto}.guide-card>.guide-actions{padding-top:12px}@media(max-width:650px){.guide-actions .button{font-size:17px}}

/* Mobile CTA: only show once the hero join button has scrolled away. */
@media(max-width:800px){
 .mobile-discord-cta{display:flex;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(calc(100% + 24px));transition:opacity .22s ease,transform .22s ease,visibility .22s;bottom:max(12px,env(safe-area-inset-bottom));}
 .mobile-discord-cta.is-visible{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){.mobile-discord-cta{transition:none!important}}

/* Floating mobile Discord CTA permanently removed. */
.mobile-discord-cta{display:none!important}
@media(max-width:800px){body{padding-bottom:0!important}}

/* SHAMMI brand refresh — yellow / black, static hero */
:root{--orange:#ffd21a;--bg:#070707;--panel:#111;--line:#303030}
.hero{background:radial-gradient(ellipse at 50% 38%,#2d2609 0%,#13120b 30%,#070707 72%)}
.hero-static-art{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:linear-gradient(135deg,transparent 30%,#ffd21a08 50%,transparent 72%)}
.hero-static-ring{position:absolute;left:50%;top:44%;width:min(65vw,660px);aspect-ratio:1;border:1px solid #ffd21a2e;border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg)}
.hero-static-ring.ring-b{width:min(92vw,930px);border-color:#ffd21a12}
.hero-static-spark{position:absolute;left:76%;top:24%;color:#ffd21a70;font-size:55px}
.hero h1.hero-shammi{font-size:clamp(110px,20vw,270px);line-height:.85;margin:28px auto 34px;letter-spacing:-3px}
.hero h1.hero-shammi span{color:#f5f3ef;text-shadow:0 10px 65px #0009}
.hero-overlay{background:linear-gradient(0deg,#070707 0%,transparent 28%,#0003 100%)}
.hero-video{display:none!important}
.social-tile.featured:after{content:'SHAMMI';color:#ffd21a0c}
.social-tile.featured{background:radial-gradient(circle at 75% 25%,#3c350c 0%,#1c1b10 42%,#111 80%);border-color:#70601d}
.social-tile:hover{border-color:#ffd21a;background:#1d1b10}
.social-icon,.social-platform-name{color:#ffd21a}.social-tile.featured .social-icon{border-color:#ffd21a70;background:#ffd21a18}
.social-tile:hover .social-go,.social-discord-strip>a{background:#ffd21a;border-color:#ffd21a;color:#090909}
.social-discord-strip{border-color:#594e21;background:#19170d}
.discord-hub-visual{filter:hue-rotate(34deg) saturate(.85)}
.discord-banner .kicker{color:#332b08}.discord-banner p{color:#342c0b}.discord-banner h2 em{color:#111}
.bottom-cta{background:radial-gradient(ellipse at bottom,#282309 0%,#080808 65%)}
.vpn-art{background:radial-gradient(circle at center,#263c49,#0b1419 65%)}
.crypto-art{background:radial-gradient(circle at center,#433810,#161407 65%)}
.withdraw-art{background:radial-gradient(circle at center,#39320d,#121008 65%)}
@media(max-width:760px){.hero h1.hero-shammi{font-size:clamp(90px,22vw,170px)}}

/* SHAMMI wordmark: tall, condensed heavyweight lettering with subtle horizontal print texture. */
.hero h1.hero-shammi {font-family:'Anton','Impact',sans-serif;font-weight:400;letter-spacing:-.045em;line-height:.95;font-size:clamp(100px,19vw,252px);margin:25px auto 34px;}
.hero h1.hero-shammi span {display:block;background:repeating-linear-gradient(to bottom,#f8f8f6 0px,#f8f8f6 2px,#e7e7e5 2.4px,#f8f8f6 3.7px);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#f5f3ef;text-shadow:none;filter:drop-shadow(0 7px 24px #0008);}
.nav-logo {font-family:'Anton','Impact',sans-serif;font-weight:400;letter-spacing:-.015em;}
@media(max-width:760px){.hero h1.hero-shammi{font-size:clamp(88px,20.5vw,156px);letter-spacing:-.045em;}}

/* Redesigned Discord visual: clean typographic invite, no floating monogram or orbit rings */
.discord-hub-visual{height:410px;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% 55%,#26230c 0%,#111 65%);overflow:hidden}
.discord-invite-art{width:min(100%,360px);aspect-ratio:1.03;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:27px 30px;background:#ffd21a;color:#080808;box-shadow:18px 18px 0 #080808,19px 19px 0 #ffd21a;transform:rotate(-3deg);z-index:1}
.invite-top,.invite-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.invite-label,.invite-bottom{font:800 11px/1.2 'DM Sans',sans-serif;letter-spacing:2px}.invite-spark{font-size:29px;line-height:1}.invite-title{font:900 clamp(58px,6vw,84px)/.83 'Anton','Barlow Condensed',Impact,sans-serif;letter-spacing:-1.5px}.invite-title span:not(.invite-period){color:#fff;-webkit-text-stroke:2px #080808;paint-order:stroke fill}.invite-period{color:#080808}.invite-rule{height:2px;background:#080808;margin:6px 0}.invite-arrow{font-size:30px;line-height:.7}.invite-corner{position:absolute;width:80px;height:80px;border-color:#ffd21a55;border-style:solid;pointer-events:none}.invite-corner-a{left:7%;top:7%;border-width:2px 0 0 2px}.invite-corner-b{right:7%;bottom:7%;border-width:0 2px 2px 0}
@media(max-width:800px){.discord-hub-visual{height:340px;padding:26px}.discord-invite-art{width:min(78vw,290px);padding:21px 22px;box-shadow:10px 10px 0 #080808,11px 11px 0 #ffd21a}.invite-title{font-size:clamp(52px,12vw,72px)}.invite-label,.invite-bottom{font-size:9px;letter-spacing:1.4px}}
/* Keep mobile free of a fixed Discord CTA */
.mobile-discord-cta{display:none!important}body{padding-bottom:0!important}

/* SHAMMI photo-led community hero */
.hero{background:#080808;min-height:700px}
.hero-photo{position:absolute;inset:0;background-image:url('assets/shammi-yellow-car.jpg');background-size:cover;background-position:center 57%;filter:saturate(1.1)}
.hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.76) 36%,rgba(0,0,0,.16) 76%),linear-gradient(0deg,#080808 0%,transparent 38%)}
.hero-content{margin-left:max(5vw,25px);margin-right:auto;text-align:left;width:min(54%,730px)}
.hero h1.hero-shammi{align-items:flex-start;margin:25px 0 4px;font-size:clamp(100px,13vw,210px)}
.hero-crew-title{font:900 clamp(34px,5vw,74px)/1 'Barlow Condensed',Impact,sans-serif;color:#ffd21a;letter-spacing:.4px;transform:skew(-6deg);margin-bottom:24px}
.hero p{margin:0 0 26px;max-width:520px;color:#ddd}
.hero .micro{margin-top:14px}.hero-discord-note{margin:18px 0 0}.hero-secondary-links{display:flex;gap:12px;margin-top:23px;flex-wrap:wrap}.hero-secondary-links a{padding:14px 18px;border:1px solid #ffd21a;color:#fff;background:#050505c9;font:800 17px 'Barlow Condensed',sans-serif;letter-spacing:1px}.hero-secondary-links a:hover{background:#ffd21a;color:#080808}
@media(max-width:760px){.hero{min-height:740px;height:auto;padding:65px 0 65px}.hero-photo{background-position:58% center}.hero-overlay{background:linear-gradient(0deg,#080808 0%,rgba(0,0,0,.76) 47%,rgba(0,0,0,.28) 100%)}.hero-content{width:calc(100% - 44px);margin:0 22px;padding:70px 0 15px}.hero h1.hero-shammi{font-size:clamp(82px,20vw,150px)}.hero-crew-title{font-size:clamp(32px,9vw,58px)}.hero .primary{width:100%;min-width:0}.hero-secondary-links a{flex:1;text-align:center}.scroll-cue{display:none}}


/* 2026 SHAMMI hero redesign: real responsive layout matching approved direction */
.nav{height:76px;min-height:76px;padding:0 clamp(20px,4.7vw,85px);background:#050505;border-bottom:1px solid #282828;position:relative;z-index:30}
.nav-logo{font-family:'Anton',Impact,sans-serif!important;font-size:clamp(29px,3vw,47px)!important;letter-spacing:-1.5px!important;color:#f9f9f9!important}
.nav nav{display:flex;gap:clamp(12px,2.5vw,42px);align-items:center}.nav nav>a:not(.nav-cta){font:800 18px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.5px;color:#f3f3f3}.nav nav>a:not(.nav-cta):hover{color:#ffe100}
.nav .nav-cta{background:#ffe000!important;color:#050505!important;padding:15px 24px!important;font:900 19px 'Barlow Condensed',Impact,sans-serif!important;border-radius:7px}
.hero{min-height:700px!important;height:min(780px,calc(100svh - 76px))!important;max-height:none;position:relative!important;display:flex!important;align-items:center!important;padding:55px clamp(24px,4.7vw,86px) 80px!important;overflow:hidden!important;background:#060606!important}
.hero-photo{position:absolute!important;inset:0!important;background-image:url('assets/shammi-yellow-car.jpg')!important;background-size:cover!important;background-position:center 57%!important;filter:saturate(1.12) contrast(1.04)!important}
.hero-overlay{position:absolute!important;inset:0!important;background:linear-gradient(90deg,#050505 0%,rgba(0,0,0,.97) 18%,rgba(0,0,0,.83) 34%,rgba(0,0,0,.28) 53%,rgba(0,0,0,.02) 80%),linear-gradient(0deg,rgba(0,0,0,.58),transparent 32%)!important}
.hero-content{position:relative!important;z-index:2!important;max-width:760px!important;width:56%!important;margin:0!important;text-align:left!important;padding:0!important;transform:none!important}
.hero .eyebrow{color:#eee;font:700 11px 'DM Sans',sans-serif;letter-spacing:3px;margin:0 0 16px}
.hero h1.hero-shammi{font-size:clamp(108px,13.5vw,238px)!important;line-height:.86!important;margin:0 0 8px!important;letter-spacing:-.055em!important;white-space:nowrap}
.hero h1.hero-shammi span{display:block!important;background:repeating-linear-gradient(to bottom,#fff 0px,#fff 3px,#e7e7e7 3.5px,#fff 5px)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 6px 15px #0009)}
.hero-crew-title{font:italic 900 clamp(44px,5.4vw,91px)/.95 'Barlow Condensed',Impact,sans-serif!important;letter-spacing:-1.5px!important;transform:skew(-7deg)!important;color:#ffe000!important;margin:0 0 19px!important;white-space:nowrap;text-shadow:0 5px 18px #000}
.hero-tagline{color:#fff!important;font:800 clamp(12px,1.25vw,19px)/1.5 'Barlow Condensed',sans-serif!important;letter-spacing:1.5px!important;max-width:700px!important;margin:0 0 22px!important;white-space:normal}.hero-tagline i{font-style:normal;color:#ffe000;margin:0 7px}
.hero-main-cta{display:flex;align-items:center;gap:20px;width:max-content;max-width:100%;background:#ffe000;color:#080808;padding:18px 25px;border-radius:7px;font:900 clamp(24px,2.6vw,39px)/1 'Barlow Condensed',Impact,sans-serif;text-decoration:none;box-shadow:0 9px 28px #0006;transition:transform .2s,background .2s}.hero-main-cta:hover{transform:translateY(-3px);background:#ffec48}.hero-main-cta>span:last-child{font-size:28px}.discord-mark{font-size:34px;line-height:1}
.hero-secondary-links{display:flex!important;gap:12px!important;margin:15px 0 0!important;flex-wrap:wrap}.hero-secondary-links a{background:#050505e8!important;border:1px solid #ffe000!important;border-radius:6px!important;padding:14px 19px!important;font:800 18px 'Barlow Condensed',Impact,sans-serif!important;letter-spacing:.3px!important;color:#fff!important}.hero-secondary-links a:hover{background:#ffe000!important;color:#080808!important}.kick-mark{font:900 26px Impact,sans-serif;color:#57ef25;margin-right:10px}
.features{position:relative!important;z-index:5!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:17px!important;max-width:none!important;width:auto!important;padding:0!important;margin:-74px clamp(24px,4.7vw,86px) 75px!important;border:0!important;background:transparent!important}
.showcase-feature{display:flex;align-items:center;gap:18px;min-height:116px;padding:20px 22px;background:#080808;border:1px solid #b99e00;border-radius:10px;text-decoration:none;color:#fff;transition:transform .2s,border-color .2s}.showcase-feature:hover{transform:translateY(-5px);border-color:#ffe000}.showcase-icon{flex:none;display:grid;place-items:center;width:59px;height:59px;border:2px solid #ffe000;border-radius:50%;font-size:30px;color:#ffe000}.showcase-text{display:flex;flex-direction:column;gap:5px}.showcase-text b{font:900 24px/1 'Barlow Condensed',Impact,sans-serif}.showcase-text small{font:600 12px/1.4 'DM Sans',sans-serif;letter-spacing:1px;color:#aaa}
@media(max-width:1050px){.features{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-content{width:65%!important}.hero h1.hero-shammi{font-size:clamp(95px,15vw,165px)!important}.hero-crew-title{font-size:clamp(42px,6.2vw,70px)!important}}
@media(max-width:760px){.nav{height:68px;min-height:68px;padding:0 20px}.hero{height:auto!important;min-height:720px!important;padding:105px 22px 130px!important;align-items:flex-end!important}.hero-photo{background-position:59% center!important}.hero-overlay{background:linear-gradient(0deg,#050505 0%,rgba(0,0,0,.87) 34%,rgba(0,0,0,.37) 73%,rgba(0,0,0,.25) 100%)!important}.hero-content{width:100%!important;max-width:100%!important}.hero .eyebrow{font-size:9px;letter-spacing:2px}.hero h1.hero-shammi{font-size:clamp(76px,21vw,155px)!important}.hero-crew-title{font-size:clamp(37px,10vw,68px)!important;white-space:normal}.hero-tagline{font-size:13px!important;letter-spacing:.7px!important}.hero-main-cta{width:100%;justify-content:space-between;font-size:29px;padding:18px 18px}.hero-secondary-links a{flex:1;text-align:center;white-space:nowrap;font-size:16px!important;padding:13px 10px!important}.features{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:-72px 15px 45px!important}.showcase-feature{min-height:125px;padding:15px 12px;flex-direction:column;align-items:flex-start;gap:10px}.showcase-icon{width:40px;height:40px;font-size:23px}.showcase-text b{font-size:20px}.showcase-text small{font-size:10px}}
@media(max-width:360px){.hero h1.hero-shammi{font-size:20vw!important}.hero-main-cta{font-size:25px}.features{grid-template-columns:1fr 1fr!important}}

/* Clear photo on the right, legible copy on the left; preserve original photography. */
.hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.68) 24%,rgba(0,0,0,.28) 45%,rgba(0,0,0,0) 66%)!important}
@media(max-width:760px){.hero-overlay{background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.58) 32%,rgba(0,0,0,.08) 68%)!important}}


/* Alignment correction: photo is a separate right-hand composition, never behind the copy. */
@media(min-width:761px){
.hero{height:680px!important;min-height:680px!important;max-height:none!important;justify-content:flex-start!important;align-items:center!important;padding:55px clamp(35px,5vw,92px)!important;text-align:left!important}
.hero-photo{background-size:auto 100%!important;background-repeat:no-repeat!important;background-position:right center!important;background-color:#080808!important}
.hero-overlay{background:linear-gradient(90deg,#080808 0%,#080808 32%,rgba(8,8,8,.92) 41%,rgba(8,8,8,.15) 60%,transparent 76%)!important}
.hero-content{width:min(49%,710px)!important;max-width:710px!important;margin:0!important;padding:0!important;text-align:left!important;flex:0 0 auto!important}
.hero h1.hero-shammi{font-size:clamp(90px,10vw,172px)!important;letter-spacing:-.065em!important;margin:0 0 12px!important;line-height:.88!important;justify-content:flex-start!important;align-items:flex-start!important}
.hero-crew-title{font-size:clamp(40px,4.4vw,74px)!important;white-space:normal!important;line-height:1!important}
.hero-tagline{font-size:clamp(12px,1.15vw,17px)!important;max-width:610px!important}
.features{margin:0!important;padding:26px clamp(35px,5vw,92px) 42px!important;background:#080808!important;gap:14px!important;position:relative!important;z-index:2!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.showcase-feature{min-width:0!important}
}
@media(min-width:761px) and (max-width:1100px){.hero-content{width:54%!important}.hero h1.hero-shammi{font-size:clamp(84px,10.5vw,120px)!important}.hero-crew-title{font-size:clamp(38px,4.8vw,55px)!important}.features{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){
.hero{min-height:750px!important;padding:65px 22px 65px!important;align-items:flex-end!important;justify-content:flex-start!important;text-align:left!important}
.hero-photo{background-size:auto 83%!important;background-position:62% top!important;background-repeat:no-repeat!important;background-color:#080808!important}
.hero-overlay{background:linear-gradient(0deg,#080808 1%,rgba(8,8,8,.98) 27%,rgba(8,8,8,.55) 48%,transparent 78%)!important}
.hero-content{width:100%!important;margin:0!important;text-align:left!important;padding:0!important}
.hero h1.hero-shammi{font-size:clamp(75px,20vw,145px)!important;align-items:flex-start!important;line-height:.88!important;margin:0 0 14px!important}
.hero-crew-title{font-size:clamp(36px,9vw,65px)!important}
.features{margin:0!important;padding:16px 15px 38px!important;background:#080808!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Clean, aligned community panel replacing rotated poster */
.discord-hub-visual{filter:none!important;background:transparent!important;height:auto!important;min-height:380px;padding:18px!important;overflow:visible!important;display:flex;align-items:center;justify-content:center}
.community-panel{box-sizing:border-box;width:min(100%,440px);min-height:335px;padding:30px 32px;background:#101010;border:1px solid #45402a;display:flex;flex-direction:column;justify-content:space-between;gap:25px;box-shadow:inset 0 0 0 1px #151515}
.community-panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.community-panel-eyebrow{font:800 11px/1.4 'DM Sans',sans-serif;letter-spacing:2.2px;color:#ffd21a}
.community-panel-symbol{font-size:25px;color:#ffd21a}
.community-panel-main{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0}
.community-panel-name{font:900 clamp(64px,7vw,96px)/.95 'Anton','Barlow Condensed',Impact,sans-serif;color:#fff;letter-spacing:-1px;max-width:100%}
.community-panel-crew{font:900 clamp(39px,5vw,62px)/1 'Anton','Barlow Condensed',Impact,sans-serif;color:#ffd21a}
.community-panel-main p{margin:15px 0 0;color:#a8a8a8!important;font:700 11px/1.5 'DM Sans',sans-serif;letter-spacing:2px}
.community-panel-link{background:#ffd21a;color:#090909!important;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;text-decoration:none;font:900 19px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.6px}
.community-panel-link:hover{background:#fff}
@media(max-width:800px){.discord-hub-visual{min-height:0!important;padding:0!important}.community-panel{width:100%;min-height:310px;padding:25px}.community-panel-name{font-size:clamp(58px,15vw,88px)}.community-panel-crew{font-size:clamp(39px,11vw,60px)}}

/* 2026 centred redesign: no hero photo, no empty right-side column */
.hero{height:auto!important;min-height:560px!important;max-height:none!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:110px 24px 95px!important;background:radial-gradient(ellipse at 50% 25%,#20200d 0%,#0c0c0a 47%,#080808 78%)!important;text-align:center!important}
.hero-content{position:relative!important;width:min(100%,1050px)!important;max-width:1050px!important;margin:0 auto!important;padding:0!important;flex:none!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}
.hero .eyebrow{text-align:center!important}
.hero h1.hero-shammi{font-size:clamp(90px,15vw,230px)!important;line-height:.91!important;letter-spacing:-.045em!important;display:block!important;text-align:center!important;margin:12px auto 10px!important;width:100%!important}
.hero-crew-title{font-size:clamp(42px,6vw,95px)!important;line-height:1.05!important;text-align:center!important;white-space:normal!important}
.hero-tagline{text-align:center!important;margin:24px auto!important;max-width:750px!important}
.hero-main-cta{margin:0 auto!important;max-width:440px!important;width:min(100%,440px)!important;justify-content:center!important;gap:20px!important}
.hero-secondary-links{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;margin:18px auto 0!important}
.features{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0!important;padding:24px max(24px,calc((100vw - 1420px)/2)) 64px!important;background:#080808!important}
.showcase-feature{min-width:0!important}
.discord-hub{padding:95px 24px!important;background:#101010!important}
.centered-intro{text-align:center;max-width:880px;margin:0 auto 42px}
.centered-intro h2{font:900 clamp(58px,8vw,110px)/1 'Anton','Barlow Condensed',Impact,sans-serif;color:#fff;margin:16px 0 20px}
.centered-intro h2 em{font-style:normal;color:#ffd21a}
.centered-intro p{font:400 17px/1.7 'DM Sans',sans-serif;color:#bbb;max-width:650px;margin:0 auto}
.happening-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1280px;margin:0 auto}
.happening-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:42px 24px;background:#090909;border:1px solid #393322;text-decoration:none;color:white;min-height:320px;transition:border-color .2s,transform .2s}
.happening-card:hover{border-color:#ffd21a;transform:translateY(-3px)}
.happening-icon{display:grid;place-items:center;border:1px solid #ffd21a;border-radius:50%;color:#ffd21a;width:62px;height:62px;font-size:29px;margin-bottom:8px}
.happening-label{font:800 10px 'DM Sans',sans-serif;letter-spacing:2.2px;color:#ffd21a}
.happening-card strong{font:900 clamp(25px,2.8vw,39px)/1.1 'Anton','Barlow Condensed',Impact,sans-serif}
.happening-card small{font:400 14px/1.6 'DM Sans',sans-serif;color:#aaa;max-width:270px}
.happening-action{font:800 12px 'DM Sans',sans-serif;letter-spacing:1px;color:#ffd21a;margin-top:auto;padding-top:16px}
.stream-banner{text-align:center!important;justify-content:center!important;gap:25px!important;flex-wrap:wrap!important}
.stream-banner>div{text-align:center!important}
@media(max-width:900px){.features{grid-template-columns:repeat(2,minmax(0,1fr))!important}.happening-grid{grid-template-columns:1fr!important;max-width:520px}.happening-card{min-height:265px}.hero{min-height:550px!important}}
@media(max-width:600px){.hero{min-height:0!important;padding:95px 20px 65px!important}.hero h1.hero-shammi{font-size:clamp(70px,21vw,125px)!important}.hero-crew-title{font-size:clamp(37px,10vw,62px)!important}.hero-main-cta{font-size:26px!important;padding:18px 12px!important}.hero-secondary-links{width:100%!important}.hero-secondary-links a{flex:1!important;font-size:15px!important}.features{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:18px 14px 40px!important;gap:10px!important}.discord-hub{padding:70px 18px!important}.centered-intro h2{font-size:clamp(50px,13vw,75px)}.centered-intro p{font-size:15px}.happening-card{padding:32px 20px}.stream-banner{padding:55px 20px!important}}


/* Mobile UX repair: compact closed-by-default drawer, legible hero, clean cards */
@media(max-width:760px){
 html{scroll-padding-top:72px} body{overflow-x:hidden!important;padding-bottom:0!important}
 .nav{height:70px!important;min-height:70px!important;padding:0 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:#080808!important}
 .nav-logo{font-size:32px!important;line-height:1!important}
 .menu-toggle{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;padding:0!important;border:1px solid #393939;background:#111;color:#fff;font-size:25px;z-index:62}
 .nav nav{display:none!important;position:fixed!important;top:70px!important;left:0!important;right:0!important;bottom:auto!important;max-height:calc(100dvh - 70px)!important;overflow-y:auto!important;z-index:60!important;background:#0d0d0d!important;border-bottom:1px solid #393939!important;padding:16px 20px 22px!important;box-shadow:0 20px 40px #000b!important;flex-direction:column!important;gap:0!important;align-items:stretch!important}
 .nav nav.open{display:flex!important}
 .nav nav a{display:block!important;text-align:left!important;padding:12px 8px!important;font-size:18px!important;border-bottom:1px solid #252525!important;line-height:1.2!important}
 .nav nav a.nav-cta{margin-top:13px!important;text-align:center!important;border:0!important;padding:16px!important;font-size:19px!important}
 .hero{min-height:0!important;height:auto!important;padding:62px 20px 48px!important;background:radial-gradient(ellipse at 50% 10%,#272008 0%,#0b0b0b 64%)!important}
 .hero-content{width:100%!important;max-width:500px!important;gap:0!important}
 .hero .eyebrow{font-size:8px!important;letter-spacing:1.3px!important;line-height:1.6!important}
 .hero h1.hero-shammi{font-size:clamp(72px,20vw,125px)!important;line-height:.94!important;margin:15px auto 12px!important}
 .hero-crew-title{font-size:clamp(35px,9vw,55px)!important;line-height:1.05!important}
 .hero-tagline{font-size:11px!important;line-height:1.9!important;letter-spacing:.5px!important;margin:20px auto 23px!important;max-width:350px!important}
 .hero-main-cta{width:100%!important;max-width:390px!important;min-height:60px!important;padding:15px 16px!important;font-size:22px!important;gap:11px!important;border-radius:4px!important;white-space:normal!important}
 .hero-secondary-links{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;max-width:390px!important;gap:10px!important;margin:12px auto 0!important}
 .hero-secondary-links a{display:flex!important;justify-content:center!important;align-items:center!important;min-width:0!important;padding:13px 8px!important;font-size:13px!important;white-space:nowrap!important;border-radius:3px!important}
 .features{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:0 16px 44px!important;margin:0!important}
 .showcase-feature{min-height:135px!important;padding:18px 14px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:12px!important;border-radius:4px!important}
 .showcase-icon{width:38px!important;height:38px!important;min-width:38px!important;font-size:21px!important}
 .showcase-text b{font-size:20px!important;line-height:1.05!important;display:block!important}
 .showcase-text small{font-size:9px!important;letter-spacing:.6px!important;line-height:1.5!important;display:block!important}
 .discord-hub{padding:65px 18px!important}
 .centered-intro h2{font-size:clamp(44px,12vw,72px)!important}
 .centered-intro p{font-size:14px!important}
 .happening-grid{gap:12px!important}
 .happening-card{min-height:0!important;padding:26px 22px!important;gap:9px!important}
 .happening-icon{width:48px;height:48px;font-size:23px;margin-bottom:2px}
 .happening-card strong{font-size:27px!important}
 .happening-card small{font-size:13px!important}
 .section{padding:64px 18px!important}
 .section-heading h2{font-size:clamp(42px,11vw,65px)!important}
 .guide-grid{grid-template-columns:1fr!important}
 .social-mini-grid{grid-template-columns:1fr 1fr!important}
 .mobile-discord-cta{display:none!important}
}
@media(max-width:380px){.hero h1.hero-shammi{font-size:19vw!important}.hero-secondary-links a{font-size:11px!important}.features{gap:8px!important;padding-left:10px!important;padding-right:10px!important}.showcase-feature{padding:13px 10px!important}}

/* Crisp matching line icons for community feature cards */
.showcase-icon svg{width:27px;height:27px;display:block;flex:none}
@media(max-width:760px){.showcase-icon svg{width:21px;height:21px}}

/* CTA refinement: one deliberate outlined circular arrow for the main action. */
.hero-main-cta{position:relative;justify-content:center!important;gap:14px!important;padding-right:64px!important;}
.hero-main-cta .cta-arrow{position:absolute;right:17px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(0,0,0,.45);border-radius:50%;font:400 25px/1 Arial,sans-serif;color:#080808;transition:background .2s,transform .2s;}
.hero-main-cta:hover .cta-arrow{background:rgba(0,0,0,.09);transform:translateY(-50%) translateX(2px);}
.hero-secondary-links a,.happening-action,.text-link{letter-spacing:.5px;}
@media(max-width:600px){.hero-main-cta{padding-right:52px!important;gap:8px!important}.hero-main-cta .cta-arrow{width:29px;height:29px;right:12px;font-size:22px}.hero-main-cta .discord-mark{font-size:22px}}

/* Mobile refinement: lightweight editorial layout, desktop untouched. */
@media (max-width:760px){
 .nav{height:64px!important;min-height:64px!important;padding:0 19px!important}
 .nav-logo{font-size:30px!important}
 .menu-toggle{width:39px!important;height:39px!important;border:1px solid #292929!important;border-radius:7px!important;background:#101010!important;font-size:22px!important}
 .nav nav{top:64px!important;max-height:calc(100dvh - 64px)!important}
 .hero{padding:53px 22px 37px!important;background:radial-gradient(ellipse at 50% 10%,#211c0a 0%,#0a0a0a 68%)!important}
 .hero-content{max-width:440px!important}
 .hero .eyebrow{font-size:9px!important;letter-spacing:1px!important}
 .hero h1.hero-shammi{font-size:clamp(65px,19vw,115px)!important;margin:14px auto 8px!important}
 .hero-crew-title{font-size:clamp(31px,8vw,49px)!important}
 .hero-tagline{margin:19px auto 22px!important;line-height:1.75!important;font-size:11px!important}
 .hero-main-cta{min-height:59px!important;max-width:370px!important;width:100%!important;border-radius:8px!important;font-size:24px!important;padding:14px 53px 14px 17px!important;box-shadow:none!important;gap:0!important}
 .hero-main-cta .cta-arrow{width:30px!important;height:30px!important;right:15px!important;border:1px solid #222!important;font-size:23px!important}
 .hero-secondary-links{display:flex!important;justify-content:center!important;gap:22px!important;margin:16px auto 0!important;width:100%!important;max-width:360px!important}
 .hero-secondary-links a{flex:0 1 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;padding:5px 0!important;border:0!important;background:transparent!important;border-radius:0!important;color:#e2e2e2!important;font-size:15px!important;text-decoration:underline;text-decoration-color:#6e610a;text-underline-offset:6px}
 .kick-mark{font-size:18px!important;margin-right:5px!important}
 .features{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:0 22px 38px!important;margin:0!important;max-width:480px!important;margin-inline:auto!important;background:#080808!important}
 .showcase-feature{min-height:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:16px!important;padding:17px 4px!important;border:0!important;border-bottom:1px solid #333!important;border-radius:0!important;background:transparent!important;transform:none!important}
 .showcase-feature:first-child{border-top:1px solid #333!important}
 .showcase-icon{width:42px!important;height:42px!important;min-width:42px!important;border:1px solid #ffd900!important;font-size:20px!important}
 .showcase-icon svg{width:23px!important;height:23px!important}
 .showcase-text{gap:4px!important}
 .showcase-text b{font-size:22px!important;line-height:1.1!important}
 .showcase-text small{font-size:10px!important;letter-spacing:.8px!important}
 .discord-hub{padding:54px 22px!important}
 .happening-grid{gap:0!important}
 .happening-card{border:0!important;border-bottom:1px solid #333!important;border-radius:0!important;background:transparent!important;min-height:0!important;padding:23px 10px!important;gap:9px!important}
 .happening-card:first-child{border-top:1px solid #333!important}
 .happening-icon{width:43px!important;height:43px!important}
 .happening-card strong{font-size:27px!important}
 .happening-action{padding-top:5px!important}
 .section{padding:55px 20px!important}
 .guide-card{border-radius:8px!important}
}
@media(max-width:380px){.hero-secondary-links{gap:14px!important}.hero-secondary-links a{font-size:13px!important}.hero-main-cta{font-size:21px!important}}

/* Alignment correction: equal-size secondary hero CTAs, desktop and mobile. */
.hero-secondary-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:min(100%,392px)!important;margin:18px auto 0!important;align-items:stretch!important}
.hero-secondary-links a{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:0!important;width:100%!important;min-height:54px!important;margin:0!important;padding:12px 10px!important;text-align:center!important;white-space:nowrap!important;font-size:17px!important;line-height:1.1!important}
.hero-secondary-links .kick-mark{display:inline-block!important;flex:0 0 auto!important;margin:0!important;font-size:22px!important;line-height:1!important}
@media(max-width:760px){
 .hero-secondary-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:min(100%,360px)!important;margin:16px auto 0!important}
 .hero-secondary-links a{display:flex!important;flex:initial!important;min-height:42px!important;padding:8px 4px!important;font-size:14px!important;justify-content:center!important;text-align:center!important}
 .hero-secondary-links .kick-mark{font-size:18px!important;margin:0!important}
}
@media(max-width:370px){.hero-secondary-links{gap:8px!important}.hero-secondary-links a{font-size:12px!important}}

/* Longer community heading: fit cleanly on desktop and mobile */
.hero-crew-title{font-size:clamp(34px,4.2vw,72px)!important;white-space:normal!important;overflow-wrap:normal!important;text-wrap:balance!important;max-width:100%!important}
@media(max-width:760px){.hero-crew-title{font-size:clamp(29px,7.5vw,48px)!important;letter-spacing:-.7px!important}}

/* Consistent premium line icons: no platform-specific emoji rendering */
.premium-icon {display:block;width:24px;height:24px;flex:none;stroke:currentColor;fill:none;vertical-align:middle}
.showcase-icon .premium-icon {width:27px;height:27px}
.happening-icon .premium-icon {width:30px;height:30px;margin:auto}
.guide-play-icon {display:inline-flex;align-items:center;justify-content:center;color:#ffdb00;flex:none}
.guide-play-icon .premium-icon {width:22px;height:22px}
.guide-actions .button {align-items:center}
@media(max-width:640px){.happening-icon .premium-icon {width:27px;height:27px}.guide-play-icon .premium-icon{width:20px;height:20px}}