:root{
  --ink:#050912;--ink-2:#08111f;--panel:#0d1827;--panel-2:#111f31;--line:#223349;
  --text:#eef7fa;--muted:#9db0bd;--cyan:#55e0db;--cyan-2:#2aa7b7;--gold:#e7bb62;--gold-2:#a8752d;
  --danger:#ee755f;--success:#6be39b;--shadow:0 24px 70px rgba(0,0,0,.4);--radius:18px;--max:1180px;
  --display:"Trebuchet MS","Segoe UI",sans-serif;--body:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:var(--ink);color:var(--text);font:16px/1.65 var(--body);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% -10%,rgba(85,224,219,.08),transparent 34%),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,40px 40px,40px 40px;z-index:-2}a{color:inherit}img{max-width:100%;display:block}button,input{font:inherit}.skip-link{position:fixed;left:12px;top:12px;z-index:1000;background:#fff;color:#000;padding:.7rem 1rem;border-radius:8px;transform:translateY(-180%)}.skip-link:focus{transform:none}.shell{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(5,9,18,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(85,224,219,.11)}.nav-wrap{min-height:74px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 1.15rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase}.brand-mark{width:34px;height:34px;filter:drop-shadow(0 0 16px rgba(85,224,219,.25))}.nav-menu{display:flex;gap:19px;align-items:center;margin-left:auto}.nav-menu>a{text-decoration:none;color:var(--muted);font-size:.9rem;font-weight:700;letter-spacing:.03em}.nav-menu>a:hover,.nav-menu>a[aria-current=page]{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:9px}.nav-toggle{display:none;margin-left:auto;background:transparent;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:.55rem .75rem}.btn{appearance:none;border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:.72rem 1rem;border-radius:11px;font-weight:800;letter-spacing:.025em;cursor:pointer;transition:transform .18s ease,filter .18s ease,border-color .18s ease;background:linear-gradient(135deg,var(--gold),#f0d58a);color:#19140a;box-shadow:0 10px 26px rgba(231,187,98,.14)}.btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.btn:focus-visible,.nav-menu a:focus-visible,.nav-toggle:focus-visible,[data-stage]:focus-visible{outline:3px solid #fff;outline-offset:3px}.btn.secondary{background:rgba(85,224,219,.07);color:var(--text);border:1px solid rgba(85,224,219,.35);box-shadow:none}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line);box-shadow:none}.btn.small{min-height:38px;padding:.5rem .72rem;font-size:.82rem}.is-disabled{opacity:.55}.hero{position:relative;min-height:780px;display:grid;align-items:center;isolation:isolate;overflow:hidden;border-bottom:1px solid rgba(85,224,219,.12)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,18,.98) 0%,rgba(5,9,18,.82) 42%,rgba(5,9,18,.28) 72%,rgba(5,9,18,.8) 100%),url('/tetherbreak-frontier-v5.svg') center right/cover no-repeat;z-index:-2}.hero:after{content:"";position:absolute;width:480px;height:680px;right:13%;top:5%;background:radial-gradient(ellipse at center,rgba(85,224,219,.34),rgba(42,167,183,.08) 38%,transparent 68%);filter:blur(24px);z-index:-1;transform:rotate(-10deg)}.eyebrow{color:var(--cyan);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:900;margin:0 0 14px}.hero-copy{max-width:720px;padding:110px 0 70px}.hero h1,.page-hero h1{font:900 clamp(3rem,7.2vw,6.25rem)/.91 var(--display);letter-spacing:-.05em;margin:0 0 24px;text-wrap:balance}.hero h1 em{font-style:normal;color:var(--gold)}.hero p.lead,.page-hero p.lead{font-size:clamp(1.05rem,2vw,1.3rem);color:#c2d0d8;max-width:680px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.status-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.status-chip{display:flex;align-items:center;gap:8px;padding:.62rem .75rem;border:1px solid var(--line);background:rgba(6,13,24,.72);border-radius:10px;color:var(--muted);font-size:.83rem}.status-dot{width:8px;height:8px;border-radius:99px;background:#6b7480;box-shadow:0 0 0 4px rgba(107,116,128,.09)}.status-dot.online{background:var(--success);box-shadow:0 0 0 4px rgba(107,227,155,.1),0 0 18px rgba(107,227,155,.5)}.status-mode{margin-left:auto;font-size:.68rem;color:var(--muted);letter-spacing:.1em}.status-mode[data-mode=mock]{color:#ffd370}.section{padding:105px 0;position:relative}.section.tight{padding:72px 0}.section.alt{background:linear-gradient(180deg,rgba(13,24,39,.72),rgba(5,9,18,.3));border-block:1px solid rgba(255,255,255,.04)}.section.rift-zone{background:radial-gradient(circle at 73% 50%,rgba(83,34,84,.27),transparent 34%),linear-gradient(180deg,#050912,#090814 65%,#050912);overflow:hidden}.section.rift-zone:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(112deg,transparent 0 80px,rgba(85,224,219,.018) 80px 81px)}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:38px;align-items:end;margin-bottom:48px}.section-heading h2{font:900 clamp(2.2rem,5vw,4.5rem)/1 var(--display);letter-spacing:-.045em;margin:0}.section-heading p{margin:0;color:var(--muted);max-width:580px}.kicker{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;margin-bottom:12px}.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,31,49,.88),rgba(8,17,31,.9));border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden}.card:after{content:"";position:absolute;inset:auto -20% -60% 40%;height:160px;background:radial-gradient(circle,rgba(85,224,219,.09),transparent 70%);pointer-events:none}.card h3{font:800 1.22rem/1.2 var(--display);margin:.2rem 0 .6rem}.card p{color:var(--muted);margin:.4rem 0}.icon-badge{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(85,224,219,.3);border-radius:12px;background:rgba(85,224,219,.06);color:var(--cyan);font-weight:900}.loop{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.loop-step{position:relative;padding:24px 15px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,rgba(17,31,49,.8),rgba(8,17,31,.55));min-height:165px}.loop-step:not(:last-child):after{content:"→";position:absolute;right:-12px;top:45%;z-index:2;color:var(--gold);font-weight:900}.loop-step span{color:var(--cyan);font-weight:900;font-size:.74rem;letter-spacing:.12em}.loop-step h3{margin:.4rem 0 .5rem;font-size:1.05rem}.loop-step p{margin:0;color:var(--muted);font-size:.86rem}.progression-layout{display:grid;grid-template-columns:minmax(360px,.9fr) 1.1fr;gap:52px;align-items:center}.radial-map{position:relative;aspect-ratio:1;max-width:560px;margin:auto;filter:drop-shadow(0 30px 50px rgba(0,0,0,.4))}.radial-map .ring{position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:50%;border:1px solid rgba(85,224,219,.18);display:grid;place-items:center;transition:.25s ease;cursor:pointer}.radial-map .ring:hover,.radial-map .ring.active{border-color:var(--gold);box-shadow:inset 0 0 42px rgba(231,187,98,.07),0 0 24px rgba(231,187,98,.07)}.ring.r6{width:100%;height:100%;background:rgba(215,78,48,.03)}.ring.r5{width:84%;height:84%;background:rgba(207,94,54,.04)}.ring.r4{width:68%;height:68%;background:rgba(123,99,116,.04)}.ring.r3{width:52%;height:52%;background:rgba(83,153,135,.045)}.ring.r2{width:36%;height:36%;background:rgba(65,173,157,.055)}.ring.r1{width:20%;height:20%;background:radial-gradient(circle,rgba(231,187,98,.2),rgba(231,187,98,.05));border-color:rgba(231,187,98,.5);z-index:6}.ring-label{position:absolute;font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:rgba(238,247,250,.68);pointer-events:none}.r6 .ring-label{top:5%}.r5 .ring-label{right:4%;top:48%}.r4 .ring-label{bottom:8%}.r3 .ring-label{left:2%;top:45%}.r2 .ring-label{top:5%}.r1 .ring-label{position:static;color:var(--gold);text-align:center}.stage-panel{padding:32px;border-left:2px solid var(--cyan);background:linear-gradient(90deg,rgba(85,224,219,.06),transparent)}.stage-panel strong{font:900 clamp(2rem,4vw,3.3rem)/1 var(--display);display:block;margin-bottom:8px}.stage-level{color:var(--gold);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.stat{border:1px solid var(--line);border-radius:12px;padding:14px}.stat b{display:block;color:var(--cyan);font-size:1.15rem}.stat small{color:var(--muted)}.rift-alert{display:flex;align-items:center;gap:12px;color:#ffd6d0;border:1px solid rgba(238,117,95,.36);background:rgba(238,117,95,.06);padding:12px 14px;border-radius:12px;font-size:.84rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.pulse{width:9px;height:9px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 0 rgba(238,117,95,.5);animation:pulse 1.8s infinite}.rift-panel{display:grid;grid-template-columns:1fr .92fr;gap:24px}.rift-steps{display:grid;gap:8px;margin-top:18px}.rift-step{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.rift-step b{color:var(--gold);min-width:25px}.live-card{background:linear-gradient(145deg,#111020,#0a101b);border-color:rgba(117,90,139,.4)}.live-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}.live-stat{padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.02)}.live-stat small{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.live-stat b{display:block;margin-top:4px}.meter{height:7px;background:#1b2030;border-radius:99px;overflow:hidden;margin-top:8px}.meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan-2),var(--gold));transition:width .4s ease}.character-card{padding:0}.portrait{height:250px;overflow:hidden;background:#0b1420;border-bottom:1px solid var(--line)}.portrait img{width:100%;height:100%;object-fit:cover}.character-body{padding:22px}.tag{display:inline-flex;border:1px solid rgba(85,224,219,.25);color:var(--cyan);padding:.3rem .55rem;border-radius:99px;font-size:.69rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.world-tier{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-top:1px solid var(--line);padding:18px 0}.world-tier:first-child{border-top:0}.world-tier .range{min-width:110px;color:var(--gold);font-weight:900}.world-tier p{margin:0;color:var(--muted)}.guide-list{counter-reset:guide;display:grid;gap:10px}.guide-step{counter-increment:guide;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(13,24,39,.65)}.guide-step:before{content:counter(guide,decimal-leading-zero);font:900 1.25rem/1 var(--display);color:var(--gold)}.guide-step.done{opacity:.58}.guide-step input{width:20px;height:20px;accent-color:var(--cyan)}.cta{padding:90px 0;background:radial-gradient(circle at 50% 120%,rgba(85,224,219,.22),transparent 40%),linear-gradient(180deg,#060a13,#07111e);text-align:center;border-top:1px solid rgba(85,224,219,.12)}.cta h2{font:900 clamp(2.5rem,6vw,5.3rem)/.95 var(--display);letter-spacing:-.05em;margin:0 0 20px}.cta p{color:var(--muted);max-width:620px;margin:0 auto 28px}.cta-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.site-footer{padding:55px 0 25px;background:#03060c;border-top:1px solid rgba(255,255,255,.06)}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:34px}.footer-grid h3{font-size:.82rem;color:var(--text);text-transform:uppercase;letter-spacing:.12em}.footer-grid a,.footer-grid p{display:block;color:var(--muted);text-decoration:none;margin:.45rem 0;font-size:.9rem}.footer-grid a:hover{color:var(--cyan)}.legal{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:34px;padding-top:20px;color:#6f8390;font-size:.78rem}.page-hero{padding:125px 0 70px;position:relative;overflow:hidden;border-bottom:1px solid rgba(85,224,219,.1);background:radial-gradient(circle at 80% 20%,rgba(85,224,219,.12),transparent 30%),linear-gradient(180deg,#08121f,#050912)}.page-hero h1{font-size:clamp(3rem,7vw,5.5rem);max-width:900px}.breadcrumbs{font-size:.8rem;color:var(--muted);margin-bottom:25px}.breadcrumbs a{text-decoration:none;color:var(--cyan)}.content{max-width:850px}.content h2{font:900 2rem/1.1 var(--display);margin-top:2.2rem}.content h3{font:800 1.3rem/1.2 var(--display);margin-top:1.7rem}.content p,.content li{color:#bdcbd3}.content a{color:var(--cyan)}.callout{padding:18px 20px;border-left:3px solid var(--gold);background:rgba(231,187,98,.06);border-radius:0 12px 12px 0;margin:24px 0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:700px}.table th,.table td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}.table th{color:var(--gold);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;background:#0c1725}.table td{color:#bdcbd3}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:210px;gap:12px}.gallery-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:linear-gradient(135deg,#13253a,#09121e);position:relative}.gallery-card:first-child{grid-row:span 2}.gallery-card:after{content:attr(data-label);position:absolute;left:12px;bottom:12px;padding:.4rem .55rem;border-radius:8px;background:rgba(3,6,12,.7);font-size:.73rem;color:var(--muted)}.store-banner{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid rgba(231,187,98,.3);border-radius:14px;background:rgba(231,187,98,.05);margin-bottom:28px}.product-card .price{font:900 1.7rem/1 var(--display);color:var(--gold);margin:18px 0}.product-card .benefits{padding-left:18px;color:var(--muted)}.product-card .btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.policy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);background:#eef7fa;color:#07111b;padding:.75rem 1rem;border-radius:10px;font-weight:800;opacity:0;pointer-events:none;z-index:999;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}[data-reveal].revealed{opacity:1;transform:none}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(238,117,95,0)}100%{box-shadow:0 0 0 0 rgba(238,117,95,0)}}
@media(max-width:1000px){.nav-menu{position:fixed;left:20px;right:20px;top:80px;background:#08111f;border:1px solid var(--line);border-radius:14px;padding:16px;display:none;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.nav-menu.open{display:flex}.nav-toggle{display:block}.nav-actions .btn.ghost{display:none}.hero{min-height:700px}.loop{grid-template-columns:repeat(3,1fr)}.loop-step:nth-child(3):after{display:none}.progression-layout,.rift-panel{grid-template-columns:1fr}.radial-map{max-width:490px}.grid.three{grid-template-columns:repeat(2,1fr)}.section-heading{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.gallery{grid-template-columns:1fr 1fr}.gallery-card:first-child{grid-row:auto;grid-column:span 2}}
@media(max-width:700px){.shell{width:min(100% - 28px,var(--max))}.site-header .brand span{display:none}.nav-wrap{min-height:66px}.nav-actions .btn.small{font-size:0;min-width:42px}.nav-actions .btn.small:after{content:"COPY";font-size:.72rem}.hero{min-height:660px}.hero-copy{padding:90px 0 50px}.hero h1{font-size:clamp(3rem,14vw,5.2rem)}.section{padding:78px 0}.grid.three,.grid.two,.policy-grid{grid-template-columns:1fr}.loop{grid-template-columns:1fr}.loop-step{min-height:auto}.loop-step:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-17px}.progression-layout{grid-template-columns:1fr}.radial-map{max-width:94vw}.stat-row{grid-template-columns:1fr}.live-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}.legal{flex-direction:column}.gallery{grid-template-columns:1fr;grid-auto-rows:190px}.gallery-card:first-child{grid-column:auto}.page-hero{padding:105px 0 55px}.section-heading h2{font-size:2.5rem}.status-mode{width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}.hero:after{display:none}}

/* === Premium homepage refresh === */
:root{--max:1280px;--panel-glass:rgba(8,17,30,.78);--cyan-soft:rgba(85,224,219,.16);--gold-soft:rgba(231,187,98,.14)}
.site-header{background:linear-gradient(180deg,rgba(5,9,18,.96),rgba(5,9,18,.82));border-bottom:1px solid rgba(85,224,219,.14);box-shadow:0 10px 40px rgba(0,0,0,.16)}
.site-header:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent 4%,rgba(85,224,219,.55) 50%,transparent 96%);opacity:.45}
.nav-wrap{min-height:78px}.brand{font-size:1.05rem;letter-spacing:.12em}.brand-mark{width:38px;height:38px}.nav-menu>a{position:relative;padding:.35rem 0}.nav-menu>a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--gold));transition:right .2s ease}.nav-menu>a:hover:after,.nav-menu>a[aria-current=page]:after{right:0}
.btn{border-radius:9px;min-height:48px;padding:.78rem 1.1rem}.btn.hero-primary{padding-inline:1.28rem;box-shadow:0 14px 34px rgba(231,187,98,.18),inset 0 1px rgba(255,255,255,.35)}
.card{border-color:rgba(89,116,145,.28);box-shadow:0 24px 70px rgba(0,0,0,.28)}.card:hover{border-color:rgba(85,224,219,.25)}

.premium-hero{min-height:calc(100svh - 78px);max-height:none;display:block;position:relative;background:#050912;border-bottom:1px solid rgba(85,224,219,.18)}
.premium-hero:before{background:linear-gradient(90deg,rgba(5,9,18,.99) 0%,rgba(5,9,18,.94) 30%,rgba(5,9,18,.67) 56%,rgba(5,9,18,.42) 76%,rgba(5,9,18,.72) 100%),url('/tetherbreak-frontier-v5.svg') center/cover no-repeat;opacity:1}
.premium-hero:after{width:650px;height:760px;right:4%;top:1%;background:radial-gradient(ellipse at center,rgba(85,224,219,.22),rgba(42,167,183,.06) 42%,transparent 70%);filter:blur(40px);opacity:.8}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(470px,.95fr);gap:74px;align-items:center;min-height:calc(100svh - 124px);padding:74px 0 98px;position:relative;z-index:2}
.premium-hero .hero-copy{padding:0;max-width:690px}.hero-label-row{display:flex;align-items:center;gap:12px;margin-bottom:18px}.hero-label-row .eyebrow{margin:0;white-space:nowrap}.hero-label-line{width:42px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}.hero-label-mini{color:#738997;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.premium-hero h1{font-size:clamp(3.5rem,5.4vw,6.2rem);line-height:.91;max-width:760px;margin-bottom:26px;text-shadow:0 10px 40px rgba(0,0,0,.36)}.premium-hero h1 em{background:linear-gradient(100deg,#eab94e,#f0ce7b 55%,#d49a3f);-webkit-background-clip:text;background-clip:text;color:transparent}
.premium-hero p.lead{font-size:clamp(1.02rem,1.45vw,1.22rem);line-height:1.72;color:#bccbd4;max-width:650px;margin:0}.premium-hero .hero-actions{margin:32px 0 0;gap:9px}
.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px;padding-top:24px;border-top:1px solid rgba(85,224,219,.13)}.hero-fact{padding-right:14px}.hero-fact+ .hero-fact{border-left:1px solid rgba(255,255,255,.08);padding-left:18px}.hero-fact small{display:block;color:#708594;font-size:.63rem;letter-spacing:.13em;font-weight:900;margin-bottom:4px}.hero-fact strong{font:800 .92rem/1.2 var(--display);color:#e7f1f5}
.frontier-console{position:relative;border:1px solid rgba(85,224,219,.22);background:linear-gradient(145deg,rgba(10,23,38,.88),rgba(5,10,18,.88));border-radius:20px;padding:22px 22px 18px;box-shadow:0 36px 100px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(10px);overflow:hidden;min-height:565px;isolation:isolate}
.frontier-console:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(85,224,219,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(85,224,219,.025) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent 88%);z-index:-1}.frontier-console:after{content:"";position:absolute;width:250px;height:250px;right:-60px;top:-60px;background:radial-gradient(circle,rgba(85,224,219,.2),transparent 68%);filter:blur(12px);z-index:-1}
.console-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}.console-top>div{display:grid;gap:2px}.console-kicker{color:var(--cyan);font-size:.62rem;font-weight:900;letter-spacing:.16em}.console-top strong{font:800 1.02rem/1.2 var(--display)}.console-code{font-size:.58rem;letter-spacing:.12em;color:#617987;border:1px solid rgba(85,224,219,.15);padding:.35rem .48rem;border-radius:6px;white-space:nowrap}
.console-map{position:relative;height:330px;margin:10px 0 4px;overflow:hidden}.map-glow{position:absolute;width:290px;height:290px;left:51%;top:50%;translate:-50% -50%;background:radial-gradient(circle,rgba(85,224,219,.09),transparent 64%);filter:blur(10px)}.map-ring{position:absolute;left:48%;top:52%;translate:-50% -50%;border:1px solid rgba(85,224,219,.15);border-radius:50%;aspect-ratio:1;background:rgba(85,224,219,.009)}.map-ring:after{content:"";position:absolute;inset:8%;border:1px dashed rgba(85,224,219,.035);border-radius:inherit}.map-ring-5{width:305px;border-color:rgba(238,117,95,.22);background:rgba(238,117,95,.015)}.map-ring-4{width:250px}.map-ring-3{width:195px}.map-ring-2{width:140px}.map-ring-1{width:88px;border-color:rgba(231,187,98,.35);background:rgba(231,187,98,.025)}
.map-center{position:absolute;left:48%;top:52%;translate:-50% -50%;width:66px;height:66px;border:1px solid rgba(231,187,98,.55);background:radial-gradient(circle,rgba(231,187,98,.24),rgba(12,20,31,.92) 63%);border-radius:50%;display:grid;place-items:center;align-content:center;box-shadow:0 0 28px rgba(231,187,98,.15);z-index:5}.map-center span{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold);margin-bottom:4px}.map-center b{font-size:.62rem;letter-spacing:.12em}.map-center small{font-size:.48rem;letter-spacing:.15em;color:var(--gold)}
.map-route{position:absolute;left:50%;top:50%;width:155px;height:2px;background:linear-gradient(90deg,var(--gold),var(--cyan));transform:rotate(-27deg);transform-origin:left center;opacity:.7;z-index:4}.map-route:after{content:"";position:absolute;inset:-2px 0;background:inherit;filter:blur(6px);opacity:.7}
.map-rift{position:absolute;right:35px;top:55px;width:62px;height:130px;z-index:6;filter:drop-shadow(0 0 18px rgba(85,224,219,.35))}.map-rift i{display:block;width:100%;height:100%;background:linear-gradient(145deg,#54d9da,#a7fff7 48%,#2ba7b8);clip-path:polygon(47% 0,77% 0,59% 28%,78% 42%,49% 64%,61% 100%,26% 70%,43% 48%,26% 33%);opacity:.92}.map-rift:before{content:"";position:absolute;inset:-15px;background:radial-gradient(ellipse,rgba(85,224,219,.22),transparent 64%);z-index:-1}.map-rift span{position:absolute;right:-2px;bottom:-18px;color:var(--cyan);font-size:.52rem;font-weight:900;letter-spacing:.16em}.map-caption{position:absolute;font-size:.52rem;letter-spacing:.15em;font-weight:900;color:#617987}.map-caption-near{left:39px;bottom:44px}.map-caption-far{right:20px;top:20px;color:#b46f63}
.depth-track{display:grid;grid-template-columns:.78fr repeat(5,1fr);height:34px;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;background:#07111b;margin-top:-4px}.depth-segment{display:grid;place-items:center;border-left:1px solid rgba(255,255,255,.065);position:relative;background:linear-gradient(180deg,rgba(85,224,219,.08),rgba(85,224,219,.025))}.depth-segment:first-child{border-left:0}.depth-segment.safe{background:linear-gradient(180deg,rgba(231,187,98,.19),rgba(231,187,98,.06))}.depth-segment.danger{background:linear-gradient(180deg,rgba(238,117,95,.14),rgba(238,117,95,.04))}.depth-segment span{font-size:.54rem;color:#8ea4b1;font-weight:900;letter-spacing:.08em}.depth-segment.safe span{color:var(--gold)}.depth-segment.danger span{color:#e49080}
.console-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.console-bottom>div{padding:10px 11px;border-left:2px solid rgba(85,224,219,.28);background:rgba(255,255,255,.015)}.console-bottom small{display:block;font-size:.52rem;color:#647c8a;letter-spacing:.12em;font-weight:900}.console-bottom b{display:block;font-size:.78rem;margin-top:2px}.console-rift-note{display:flex;gap:10px;align-items:center;margin-top:13px;padding:10px 12px;border:1px solid rgba(85,224,219,.1);border-radius:9px;background:rgba(85,224,219,.035)}.rift-mini-icon{width:26px;height:26px;display:grid;place-items:center;color:var(--cyan);border:1px solid rgba(85,224,219,.25);border-radius:7px}.console-rift-note p{margin:0;color:#8399a6;font-size:.68rem;line-height:1.45}.console-rift-note b{color:#c8d9df}
.hero-bottom-line{position:absolute;left:0;right:0;bottom:0;border-top:1px solid rgba(85,224,219,.12);background:linear-gradient(90deg,rgba(5,9,18,.68),rgba(9,19,31,.88),rgba(5,9,18,.68));z-index:4}.hero-bottom-line .shell{height:46px;display:flex;align-items:center;justify-content:center;gap:17px;color:#6d8391;font-size:.55rem;font-weight:900;letter-spacing:.17em}.hero-bottom-line i{width:28px;height:1px;background:linear-gradient(90deg,rgba(85,224,219,.35),rgba(231,187,98,.28))}

/* More premium section rhythm */
.section{padding:112px 0}.section-heading{margin-bottom:54px}.section-heading h2{max-width:780px}.loop-step{border-color:rgba(80,107,135,.26);background:linear-gradient(180deg,rgba(15,29,46,.86),rgba(7,15,27,.72));transition:transform .2s ease,border-color .2s ease}.loop-step:hover{transform:translateY(-4px);border-color:rgba(85,224,219,.28)}.loop-step span{color:var(--gold)}

@media(max-width:1180px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(410px,.82fr);gap:38px}.premium-hero h1{font-size:clamp(3.35rem,5.1vw,5.2rem)}.frontier-console{min-height:530px}.console-map{height:300px}.map-ring-5{width:280px}.map-ring-4{width:230px}.map-ring-3{width:180px}.map-ring-2{width:130px}.map-ring-1{width:82px}.map-route{width:140px}}
@media(max-width:960px){.premium-hero{min-height:auto}.hero-grid{grid-template-columns:1fr;gap:42px;padding:82px 0 96px;min-height:auto}.premium-hero .hero-copy{max-width:780px}.premium-hero h1{font-size:clamp(3.7rem,9.4vw,6.2rem)}.frontier-console{max-width:720px;width:100%;min-height:540px}.premium-hero:before{background:linear-gradient(180deg,rgba(5,9,18,.96),rgba(5,9,18,.82) 52%,rgba(5,9,18,.64)),url('/tetherbreak-frontier-v5.svg') center/cover no-repeat}.hero-bottom-line{position:relative}.hero-bottom-line .shell{height:auto;min-height:46px;flex-wrap:wrap;padding:10px 0}.hero-facts{max-width:700px}}
@media(max-width:700px){.premium-hero .hero-grid{padding:64px 0 72px}.hero-label-mini,.hero-label-line{display:none}.premium-hero h1{font-size:clamp(3rem,13vw,4.8rem)}.premium-hero p.lead{font-size:1rem}.hero-facts{grid-template-columns:1fr 1fr}.hero-fact:nth-child(3){grid-column:1/-1;border-left:0!important;border-top:1px solid rgba(255,255,255,.08);padding:12px 0 0}.frontier-console{min-height:0;padding:16px}.console-map{height:270px}.map-ring-5{width:245px}.map-ring-4{width:200px}.map-ring-3{width:157px}.map-ring-2{width:114px}.map-ring-1{width:74px}.map-route{width:120px}.map-rift{right:20px;top:54px;width:48px;height:108px}.console-code{display:none}.console-bottom{grid-template-columns:1fr}.hero-bottom-line .shell{gap:8px;font-size:.48rem;letter-spacing:.1em}.hero-bottom-line i{width:9px}.premium-hero .hero-actions .btn{width:100%}}
.mt-18{margin-top:18px}.mt-22{margin-top:22px}.mt-24{margin-top:24px}.mt-28{margin-top:28px}.mt-42{margin-top:42px}.page-hero-404{min-height:78vh;display:grid;align-items:center}


/* ===== TetherBreak V5 visual pass ===== */
:root{--site-panel:rgba(8,18,30,.86);--site-line:rgba(117,158,181,.22)}
.site-header{background:rgba(4,9,16,.91);border-bottom-color:rgba(85,224,219,.15)}
.nav-actions .btn.ghost.small{white-space:nowrap}

.hero-v4{position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid rgba(85,224,219,.14);background:radial-gradient(circle at 76% 28%,rgba(85,224,219,.11),transparent 30%),linear-gradient(180deg,#050912 0%,#07111c 58%,#050912 100%)}
.hero-v4:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 84%);z-index:-1}
.hero-v4-grid{min-height:calc(100svh - 74px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:58px;align-items:center;padding:76px 0 78px}
.hero-v4-copy{max-width:690px;position:relative;z-index:2}.hero-v4-copy h1{font:900 clamp(3.6rem,5.25vw,6.35rem)/.91 var(--display);letter-spacing:-.055em;margin:0 0 24px;text-wrap:balance}.hero-v4-copy h1 em{font-style:normal;color:var(--gold);background:linear-gradient(100deg,#efbd54,#f5d88f 55%,#d89d3d);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-v4-copy .lead{font-size:clamp(1.05rem,1.45vw,1.25rem);line-height:1.72;color:#bfd0d8;max-width:660px;margin:0}.hero-v4 .eyebrow{margin-bottom:10px}.hero-v4-subline{display:flex;align-items:center;gap:10px;color:#718996;text-transform:uppercase;letter-spacing:.13em;font-size:.67rem;font-weight:900;margin-bottom:18px}.hero-v4-subline:before{content:"";width:42px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
.hero-v4-actions{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 26px}.hero-v4-actions .btn{min-height:48px}
.server-dock{display:grid;grid-template-columns:1.45fr .7fr 1fr;border:1px solid var(--site-line);border-radius:14px;overflow:hidden;background:rgba(5,12,21,.72);backdrop-filter:blur(12px);max-width:680px}.server-dock-item{padding:13px 15px;border-left:1px solid var(--site-line);min-width:0}.server-dock-item:first-child{border-left:0}.server-dock small{display:block;color:#6f8794;font-size:.58rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.server-dock strong{display:block;color:#eef7fa;font-size:.86rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-dock .muted-value{color:#8da0aa;font-weight:700}
.hero-v4-loop{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:24px;color:#687e8a;font-size:.58rem;font-weight:900;letter-spacing:.13em}.hero-v4-loop i{width:18px;height:1px;background:linear-gradient(90deg,rgba(85,224,219,.35),rgba(231,187,98,.25))}
.hero-v4-visual{position:relative;min-height:620px;border:1px solid rgba(85,224,219,.21);border-radius:24px;overflow:hidden;background:#07111c;box-shadow:0 40px 110px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.04)}.hero-v4-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-v4-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,9,18,.08),transparent 45%,rgba(5,9,18,.48));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.visual-topbar{position:absolute;z-index:3;left:18px;right:18px;top:18px;display:flex;justify-content:space-between;gap:12px;align-items:center}.visual-badge{display:inline-flex;align-items:center;gap:8px;padding:.5rem .7rem;border-radius:9px;background:rgba(4,10,17,.78);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);font-size:.62rem;font-weight:900;letter-spacing:.13em;color:#a8bbc5}.visual-badge strong{color:var(--cyan)}.visual-badge.warm strong{color:var(--gold)}
.risk-scale{position:absolute;z-index:4;left:22px;right:22px;bottom:22px;padding:14px 15px;border-radius:14px;background:rgba(3,8,15,.8);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(12px)}.risk-scale-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:9px}.risk-scale-head b{font-size:.72rem;letter-spacing:.11em}.risk-scale-head span{font-size:.61rem;color:#8094a0}.risk-bar{height:8px;border-radius:99px;background:linear-gradient(90deg,#e7bb62 0 13%,#64caa9 22%,#55e0db 48%,#8b7898 70%,#ee755f 100%);box-shadow:0 0 20px rgba(85,224,219,.12)}.risk-ticks{display:grid;grid-template-columns:repeat(6,1fr);margin-top:8px;color:#8ca0aa;font-size:.56rem;font-weight:800}.risk-ticks span:last-child{text-align:right}.risk-ticks span:nth-child(n+2):nth-child(-n+5){text-align:center}

/* Stronger progression map */
.progression-layout{grid-template-columns:minmax(430px,.95fr) 1.05fr}.radial-map{max-width:590px;background:radial-gradient(circle at center,rgba(231,187,98,.09) 0 10%,rgba(85,224,219,.025) 10% 45%,rgba(238,117,95,.025) 75%,transparent 76%);border-radius:50%}.radial-map:before,.radial-map:after{content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;background:rgba(255,255,255,.045);z-index:0}.radial-map:before{width:1px;height:106%}.radial-map:after{height:1px;width:106%}.radial-map .ring{z-index:1;backdrop-filter:blur(.4px)}.radial-map .ring.active{z-index:7}.radial-map .ring.active .ring-label{color:#fff}.stage-panel{border-left:0;border:1px solid var(--site-line);border-radius:18px;background:linear-gradient(145deg,rgba(14,27,43,.82),rgba(6,13,23,.78));box-shadow:var(--shadow)}

/* Development / community visuals */
.dev-showcase{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px}.dev-shot{position:relative;min-height:260px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#09131f;isolation:isolate}.dev-shot:first-child{min-height:360px}.dev-shot:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,transparent,rgba(3,7,13,.9)),url('/tetherbreak-frontier-v5.svg') center/cover no-repeat}.dev-shot.frontier:before{background-position:55% center}.dev-shot.rifts:before{background-position:95% center}.dev-shot.haven:before{background-position:12% center}.dev-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(85,224,219,.04),transparent 50%);z-index:-1}.dev-shot-content{position:absolute;left:20px;right:20px;bottom:18px}.dev-shot .tag{background:rgba(4,10,17,.65);backdrop-filter:blur(8px)}.dev-shot h3{font:900 1.35rem/1.1 var(--display);margin:.55rem 0 .3rem}.dev-shot p{margin:0;color:#b5c5cd;font-size:.88rem;max-width:460px}
.build-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.build-status{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(9,20,32,.68)}.build-status small{display:block;color:var(--gold);font-size:.62rem;letter-spacing:.12em;font-weight:900;text-transform:uppercase}.build-status strong{display:block;margin:.3rem 0;font:800 1rem var(--display)}.build-status p{margin:0;color:var(--muted);font-size:.85rem}

/* Cleaner future-data card: honest without looking broken */
.future-feed{display:flex;flex-direction:column;justify-content:center;min-height:100%;background:linear-gradient(145deg,rgba(15,21,36,.96),rgba(7,14,24,.95));border-color:rgba(85,224,219,.18)}.future-feed-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;border:1px solid rgba(85,224,219,.28);background:rgba(85,224,219,.055);color:var(--cyan);font-size:1.4rem;margin-bottom:18px}.future-feed h3{font-size:1.55rem}.future-feed .feed-static{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.feed-static>div{padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.018)}.feed-static small{display:block;color:#718793;font-size:.58rem;letter-spacing:.11em;text-transform:uppercase}.feed-static b{display:block;margin-top:3px;font-size:.82rem}

.character-card{transition:transform .2s ease,border-color .2s ease}.character-card:hover{transform:translateY(-5px);border-color:rgba(85,224,219,.28)}.portrait{height:280px;background:linear-gradient(145deg,#091521,#050912)}
.store-banner{box-shadow:0 18px 55px rgba(0,0,0,.18)}

@media(max-width:1100px){.hero-v4-grid{grid-template-columns:1fr;min-height:auto;padding:70px 0 76px}.hero-v4-copy{max-width:800px}.hero-v4-visual{min-height:560px;max-width:900px}.progression-layout{grid-template-columns:1fr}.dev-showcase{grid-template-columns:1fr 1fr}.dev-shot:first-child{grid-column:1/-1;min-height:360px}.build-status-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.hero-v4-grid{padding:54px 0 62px;gap:34px}.hero-v4-copy h1{font-size:clamp(3rem,13vw,4.8rem)}.server-dock{grid-template-columns:1fr 1fr}.server-dock-item:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid var(--site-line)}.hero-v4-actions .btn{width:100%}.hero-v4-loop{display:none}.hero-v4-visual{min-height:470px;border-radius:18px}.visual-badge:nth-child(2){display:none}.risk-scale{left:12px;right:12px;bottom:12px}.risk-scale-head span{display:none}.dev-showcase,.build-status-grid{grid-template-columns:1fr}.dev-shot:first-child{grid-column:auto;min-height:280px}.dev-shot{min-height:230px}.future-feed .feed-static{grid-template-columns:1fr}.radial-map{max-width:92vw}.nav-actions .btn.small{font-size:.72rem;min-width:auto}.nav-actions .btn.small:after{content:none}}
@media(max-width:520px){.server-dock{grid-template-columns:1fr}.server-dock-item,.server-dock-item:nth-child(3){border-left:0;border-top:1px solid var(--site-line)}.server-dock-item:first-child{border-top:0}.hero-v4-visual{min-height:420px}.risk-ticks{font-size:.48rem}.visual-topbar{left:12px;right:12px;top:12px}.visual-badge{font-size:.54rem}}

/* ===== TetherBreak V5 polish ===== */
.role-art-note,.concept-note,.microcopy{color:#6f8590;font-size:.76rem;line-height:1.5}.role-art-note{margin-top:12px!important}.concept-note{margin:14px 2px 0}.milestone-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.milestone{display:grid;grid-template-columns:58px 1fr;gap:16px;padding:22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(14,28,43,.85),rgba(7,15,25,.8))}.milestone>span{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(85,224,219,.27);border-radius:14px;color:var(--cyan);font:900 1rem var(--display);background:rgba(85,224,219,.045)}.milestone small{display:block;color:var(--gold);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.milestone strong{display:block;font:800 1.08rem var(--display);margin:.25rem 0}.milestone p{margin:0;color:var(--muted);font-size:.88rem}.hero-v4-visual>img{filter:saturate(1.06) contrast(1.03)}.hero-v4-visual{background:linear-gradient(160deg,#071522,#040812)}.portrait{height:300px}.portrait img{object-position:center 38%}.server-dock strong{font-size:.9rem}.server-dock-item:first-child strong{color:#fff}.nav-actions .btn.ghost.small{border-color:rgba(85,224,219,.32);color:#d5e5ea}.page-hero:after{content:"";position:absolute;right:-90px;top:-80px;width:420px;height:420px;border:1px solid rgba(85,224,219,.07);border-radius:50%;box-shadow:0 0 0 60px rgba(85,224,219,.018),0 0 0 120px rgba(85,224,219,.01);pointer-events:none}
@media(max-width:760px){.milestone-grid{grid-template-columns:1fr}.milestone{grid-template-columns:48px 1fr;padding:18px}.milestone>span{width:44px;height:44px}.portrait{height:260px}}


/* ===== TetherBreak V6: Founders' Alpha consistency + cross-play ===== */
.alpha-bar{border-bottom:1px solid rgba(231,187,98,.18);background:linear-gradient(90deg,rgba(231,187,98,.085),rgba(85,224,219,.035) 58%,transparent);position:relative;z-index:8}
.alpha-bar-inner{min-height:38px;display:flex;align-items:center;justify-content:center;gap:10px;color:#9eb0b9;font-size:.67rem;letter-spacing:.035em;text-align:center}
.alpha-bar-inner strong{color:#f0c86d;letter-spacing:.13em;font-size:.62rem}.alpha-bar-inner a{color:#b9d8dc;font-weight:800;text-decoration:none}.alpha-bar-inner a:hover{text-decoration:underline}.alpha-signal{width:7px;height:7px;border-radius:50%;background:#e7bb62;box-shadow:0 0 0 4px rgba(231,187,98,.08),0 0 18px rgba(231,187,98,.28)}
.alpha-value{color:#f0c86d!important}.alpha-callout{border-color:rgba(231,187,98,.26);background:linear-gradient(120deg,rgba(231,187,98,.07),rgba(85,224,219,.03))}
.server-dock{grid-template-columns:1.25fr .7fr 1.25fr 1fr}.server-dock-item:nth-child(4){border-left:1px solid var(--site-line)}
.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.connection-card{padding:26px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(14,28,43,.88),rgba(6,14,24,.84));box-shadow:var(--shadow)}.connection-card h2{font:900 clamp(1.35rem,2.6vw,2rem)/1.1 var(--display);margin:.7rem 0 .4rem;overflow-wrap:anywhere}.connection-card p{color:var(--muted)}
.community-callout{margin-top:24px;padding:24px;border:1px solid rgba(85,224,219,.2);border-radius:18px;background:linear-gradient(120deg,rgba(85,224,219,.055),rgba(231,187,98,.035));display:flex;justify-content:space-between;gap:24px;align-items:center}.community-callout h3{margin:.5rem 0 .3rem}.community-callout p{margin:0;color:var(--muted);max-width:720px}.rules-content h2{margin-top:2rem}.rules-content h2:first-child{margin-top:0}.rules-content p{color:#b9c8cf;max-width:900px}
.grid.four{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){.server-dock{grid-template-columns:1fr 1fr}.server-dock-item:nth-child(3){grid-column:auto;border-top:1px solid var(--site-line);border-left:0}.server-dock-item:nth-child(4){border-top:1px solid var(--site-line);border-left:1px solid var(--site-line)}.grid.four{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.alpha-bar-inner{padding:8px 0;flex-wrap:wrap;gap:6px 9px}.alpha-bar-inner>span:not(.alpha-signal){flex-basis:100%;font-size:.62rem}.connection-grid,.grid.four{grid-template-columns:1fr}.community-callout{align-items:flex-start;flex-direction:column}.community-callout .btn{width:100%}.server-dock{grid-template-columns:1fr 1fr}.server-dock-item:nth-child(3),.server-dock-item:nth-child(4){grid-column:auto}.server-dock-item:nth-child(3){border-left:0}.server-dock-item:nth-child(4){border-left:1px solid var(--site-line)}}
@media(max-width:520px){.server-dock{grid-template-columns:1fr}.server-dock-item:nth-child(3),.server-dock-item:nth-child(4){border-left:0}.alpha-bar-inner{justify-content:flex-start;text-align:left}.alpha-bar-inner a{margin-left:17px}}