:root{--ink:#e7f9ff;--muted:#8eaab9;--accent:#45e9ff;--deep:#040a12;--deep-2:#07131e;--line:rgba(105,221,255,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--ink);font-family:"DM Sans",sans-serif}.grain{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}header{height:82px;padding:0 5.5vw;display:flex;align-items:center;gap:35px;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(4,10,18,.9);backdrop-filter:blur(18px);position:relative;z-index:5}.logo{display:flex;align-items:center;color:var(--ink);font:700 21px "Chakra Petch",sans-serif;text-decoration:none;letter-spacing:-.8px;white-space:nowrap}.logo::after{content:" SMP";color:var(--accent);margin-left:6px}.logo img{width:38px;height:38px;object-fit:contain;margin-right:10px;filter:drop-shadow(0 0 11px #45e9ff80)}nav{display:flex;align-items:center;justify-content:center;gap:21px}nav a{color:#a8bfca;text-decoration:none;font:600 13px "Chakra Petch",sans-serif;white-space:nowrap;transition:color .2s}nav a:hover,nav a.active{color:var(--accent)}.hero{min-height:600px;padding:110px 11vw 75px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 75% 46%,#0b425375 0,transparent 18%),radial-gradient(circle at 89% 87%,#12617145 0,transparent 22%),linear-gradient(120deg,#040a12 12%,#07131d 62%,#030810)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.38;background:linear-gradient(90deg,transparent 49%,#45e9ff0d 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#45e9ff0d 50%,transparent 51%);background-size:48px 48px}.hero-copy{position:relative;z-index:2;max-width:620px}.eyebrow{margin:0 0 22px;color:var(--accent);font:600 12px "Chakra Petch",sans-serif;letter-spacing:1.5px}.pulse{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-right:8px;box-shadow:0 0 14px var(--accent)}h1,h2{font-family:"Chakra Petch",sans-serif;letter-spacing:-.06em;margin:0}h1{font-size:clamp(62px,8vw,122px);line-height:.79;font-weight:700}h1 em{color:var(--accent);font-style:normal}.hero-copy>p:not(.eyebrow){max-width:470px;color:#b6c9d1;font-size:17px;line-height:1.65;margin:30px 0}.hero-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:18px;padding:15px 18px;text-decoration:none;font:600 12px "Chakra Petch",sans-serif;letter-spacing:.6px}.primary{background:var(--accent);color:#001015;box-shadow:0 0 25px #45e9ff3b}.ghost{border:1px solid var(--line);color:var(--ink)}.sonic-rings{position:absolute;right:10vw;top:50%;width:370px;height:370px;transform:translateY(-50%);border:1px solid #45e9ff36;border-radius:50%;box-shadow:0 0 0 55px #45e9ff08,0 0 0 110px #45e9ff06,0 0 0 165px #45e9ff04}.sonic-rings i{position:absolute;border:1px solid #45e9ff42;border-radius:50%;inset:55px}.sonic-rings i:nth-child(2){inset:110px}.sonic-rings i:nth-child(3){inset:165px;background:#45e9ff2b;box-shadow:0 0 28px #45e9ff}.hero-word{position:absolute;right:-3vw;bottom:-4vw;color:#45e9ff08;font:700 clamp(120px,20vw,360px)/.75 "Chakra Petch",sans-serif;letter-spacing:-.12em;z-index:-1}.live-panel{position:relative;margin:-1px 5.5vw 0;border:1px solid var(--line);background:#06121ce8;z-index:3}.panel-title{padding:14px 20px;border-bottom:1px solid var(--line);color:#cceaf3;font:600 11px "Chakra Petch",sans-serif;letter-spacing:1.2px}.panel-title time{float:right;color:var(--muted);font-size:10px}.metrics{display:grid;grid-template-columns:repeat(3,1fr) 1.5fr}.metrics>div{padding:23px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;min-height:105px}.metrics>div:last-child{border:0}.metric-number{font:700 32px "Chakra Petch",sans-serif;letter-spacing:-2px}.metric-label{font:600 10px "Chakra Petch",sans-serif;color:var(--muted);letter-spacing:1.1px;margin-top:7px}.ip button,.server-button{padding:5px 0;background:transparent;border:0;color:var(--ink);cursor:pointer;font:600 18px "Chakra Petch",sans-serif}.ip b{color:var(--accent);margin-left:12px}.paths{padding:145px 11vw;background:linear-gradient(130deg,#07131e,#05101a)}.paths h2,.join h2{font-size:clamp(42px,5.5vw,80px);line-height:.88}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-left:1px solid var(--line);border-top:1px solid var(--line)}.path-grid a{min-height:230px;padding:25px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);background:#06111a;transition:.25s}.path-grid a:hover{background:#0a2632;box-shadow:inset 0 0 0 1px var(--accent)}.path-grid span{color:var(--accent);font:600 12px "Chakra Petch",sans-serif}.path-grid b{font:600 22px/1 "Chakra Petch",sans-serif;margin-top:42px}.path-grid small{color:var(--muted);font-size:13px;line-height:1.5;margin-top:15px}.path-grid i{font-style:normal;color:var(--accent);font-size:18px;margin-left:5px}.join{padding:140px 11vw;background:radial-gradient(circle at 84% 20%,#1261714f,transparent 30%),#040a12}.join>p:not(.eyebrow){max-width:500px;color:#aac3ce;font-size:17px;line-height:1.65;margin:26px 0}.server-button{border-bottom:1px solid var(--accent);font-size:19px}.server-button span{font-size:10px;color:var(--accent);letter-spacing:1px;margin-left:18px}footer{padding:32px 5.5vw;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#03070c}footer p{color:var(--muted);font-size:10px;margin:0}.toast{position:fixed;bottom:25px;left:50%;z-index:20;transform:translate(-50%,140px);padding:14px 20px;background:var(--accent);color:#001015;font:600 11px "Chakra Petch",sans-serif;letter-spacing:1px;transition:.25s}.toast.show{transform:translate(-50%,0)}@media(max-width:1050px){header{gap:15px}nav{gap:12px}nav a{font-size:11px}}@media(max-width:760px){header{height:70px;padding:0 7vw}nav{display:none}.hero{min-height:560px;padding:100px 7vw}.sonic-rings{right:-120px;width:310px;height:310px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics .ip{grid-column:span 2;border-top:1px solid var(--line)}.paths,.join{padding:90px 7vw}.path-grid{grid-template-columns:1fr}.path-grid a{min-height:165px}.path-grid b{margin-top:25px}footer{padding:28px 7vw;align-items:flex-start;gap:20px;flex-direction:column}}