*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--white:#fff;--black:#000;--gray-100:#f5f5f5;--gray-200:#e0e0e0;--gray-400:#888;--gray-600:#555;--gray-800:#1a1a1a;--gray-900:#0d0d0d;--font-mono:"Share Tech Mono", monospace}html,body{height:100%}body{font-family:var(--font-mono);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a1a}#root{justify-content:center;align-items:center;min-height:100%;display:flex}.dashboard{flex-direction:column;align-items:center;gap:0;width:100%;max-width:420px;padding:40px 28px;display:flex;position:relative}.panel-left,.panel-left-inner,.panel-right{flex-direction:column;align-items:center;width:100%;display:flex}.project-grid{flex-direction:column;gap:8px;width:100%;max-width:280px;display:flex}@media (width>=768px){.dashboard{flex-direction:row;align-items:stretch;gap:0;max-width:960px;min-height:100vh;padding:0}.panel-left{border-right:1px solid var(--gray-800);flex-shrink:0;justify-content:center;width:380px;height:100vh;padding:60px 48px;position:sticky;top:0}.panel-left-inner{align-items:flex-start}.panel-left .section-label{align-self:flex-start;margin-left:0}.panel-left .links,.panel-left .divider{max-width:100%}.panel-left .bio{text-align:left;max-width:100%}.panel-right{flex:1;justify-content:center;align-items:flex-start;min-height:100vh;padding:60px 48px}.panel-right .section-label{align-self:flex-start;margin-left:0}.project-grid{grid-template-columns:1fr 1fr;gap:10px;max-width:100%;display:grid}.project-grid .link-row{flex-direction:column;align-items:flex-start;gap:12px;min-height:120px;padding:20px}.project-grid .link-info{gap:6px}.project-grid .link-name{font-size:14px}.project-grid .link-desc{font-size:10px;line-height:1.5}.project-grid .link-arrow{align-self:flex-end;margin-top:auto}.project-grid .link-glitch:before,.project-grid .link-glitch:after{align-items:flex-start;height:100%;padding-top:20px;font-size:14px;top:0;left:20px;right:20px}}@media (width>=1100px){.dashboard{max-width:1100px}.panel-left{width:420px;padding:60px 56px}.panel-right{padding:60px 56px}}.hud-frame{pointer-events:none;z-index:5;position:fixed;inset:0}.hud-top,.hud-bottom{letter-spacing:3px;text-transform:uppercase;color:var(--gray-800);justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;left:20px;right:20px}.hud-top{border-top:1px solid var(--gray-800);padding-top:8px;top:16px}.hud-bottom{border-bottom:1px solid var(--gray-800);padding-bottom:8px;bottom:16px}.name-row{align-items:center;gap:14px;margin-bottom:14px;display:flex}@media (width<=767px){.name-row{flex-direction:column;gap:8px}}.logo-container{flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.logo-ring{width:100%;height:100%;animation:30s linear infinite ring-spin;position:absolute}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo{width:32px;height:32px}@media (width<=767px){.logo-container{width:64px;height:64px}.logo{width:36px;height:36px}}.name{font-family:var(--font-mono);letter-spacing:4px;text-transform:lowercase;color:var(--white);margin:0;font-size:24px;font-weight:400}@media (width<=767px){.name{letter-spacing:3px;font-size:28px}}.title-tags{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex}@media (width>=768px){.title-tags{justify-content:flex-start}}.tag-chip{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--gray-400);border:1px solid var(--gray-800);padding:4px 10px;font-size:9px;transition:border-color .2s,color .2s}.tag-chip:hover{border-color:var(--gray-600);color:var(--white)}.tag-sep{color:var(--gray-800);font-size:10px}.location{color:var(--gray-600);letter-spacing:2px;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;display:flex}.loc-dot{background:#eafb53;border-radius:50%;width:5px;height:5px;animation:3s ease-in-out infinite loc-pulse}@keyframes loc-pulse{0%,to{opacity:1;box-shadow:0 0 4px #eafb5366}50%{opacity:.4;box-shadow:none}}.divider{background:var(--gray-800);width:100%;max-width:280px;height:1px;margin:24px 0;position:relative}.divider:before{content:"";border-top:1px solid var(--gray-600);border-bottom:1px solid var(--gray-600);width:40px;height:5px;position:absolute;top:-2px;left:0}.info-card{border:1px solid var(--gray-800);width:100%;max-width:300px;transform-style:preserve-3d;will-change:transform;background:linear-gradient(165deg,#ffffff08 0%,#ffffff01 40%,#0000001a 100%);transition:transform .15s,border-color .3s;position:relative;overflow:hidden}.info-card:hover{border-color:#eafb5326}.info-card-holo{opacity:0;pointer-events:none;z-index:1;mix-blend-mode:screen;transition:opacity .3s;position:absolute;inset:0}.info-card-sheen{pointer-events:none;z-index:2;background:linear-gradient(110deg,#0000 20%,#ffffff08 40%,#eafb5305 50%,#00ffff04 55%,#ffffff05 60%,#0000 80%);position:absolute;inset:0}.info-card-header{border-bottom:1px solid var(--gray-800);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.info-card-label{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;color:var(--gray-600);font-size:8px}.info-card-lights{gap:5px;display:flex}.light{border-radius:50%;width:5px;height:5px}.light-green{background:#eafb53;animation:3s ease-in-out infinite light-blink;box-shadow:0 0 4px #eafb5380}.light-green:nth-child(2){animation-delay:.5s}.light-green:nth-child(3){animation-delay:1s}@keyframes light-blink{0%,to{opacity:1;box-shadow:0 0 4px #eafb5380}50%{opacity:.3;box-shadow:0 0 2px #eafb5333}}.info-card-body{flex-direction:column;gap:0;padding:12px 14px;display:flex}.info-row{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:baseline;padding:7px 0;transition:background .15s;display:flex}.info-row:last-child{border-bottom:none}.info-row:hover{background:#ffffff05}.info-key{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--gray-600);flex-shrink:0;font-size:9px}.info-val{font-family:var(--font-mono);letter-spacing:.5px;color:var(--gray-200);text-align:right;font-size:11px}.info-card-footer{border-top:1px solid var(--gray-800);justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.info-card-id{font-family:var(--font-mono);letter-spacing:2px;color:var(--gray-800);font-size:8px}.info-card-status{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:#eafb53;opacity:.6;font-size:8px}@media (width<=767px){.info-card{max-width:280px}}.social-icons{gap:10px;display:flex}@media (width<=767px){.social-icons{justify-content:center}}.social-btn{width:48px;height:48px;color:var(--gray-600);transform-style:preserve-3d;will-change:transform;border:none;justify-content:center;align-items:center;text-decoration:none;transition:color .3s,transform .15s;display:flex;position:relative}.social-btn:hover{color:var(--white)}.social-icon{z-index:3;width:18px;height:18px;position:relative}.social-sheen{opacity:0;pointer-events:none;z-index:0;transition:opacity .3s;position:absolute;inset:0}.social-scanline{pointer-events:none;z-index:1;opacity:0;transition:opacity .2s;position:absolute;inset:0;overflow:hidden}.social-scanline:before{content:"";background:linear-gradient(90deg,#0000,#eafb5333,#0000);height:2px;animation:1s linear infinite scanline-sweep;position:absolute;top:-2px;left:0;right:0}.social-btn:hover .social-scanline{opacity:1}.social-btn-inner{pointer-events:none;position:absolute;inset:0}.social-btn-inner:before{content:"";border-top:1px solid var(--gray-800);border-left:1px solid var(--gray-800);width:0;height:0;transition:width .3s,height .3s,border-color .3s;position:absolute;top:0;left:0}.social-btn-inner:after{content:"";border-bottom:1px solid var(--gray-800);border-right:1px solid var(--gray-800);width:0;height:0;transition:width .3s,height .3s,border-color .3s;position:absolute;bottom:0;right:0}.social-btn-ticks{pointer-events:none;position:absolute;inset:0}.social-btn-ticks:before{content:"";border-top:1px solid var(--gray-800);border-right:1px solid var(--gray-800);width:0;height:0;transition:width .3s 50ms,height .3s 50ms,border-color .3s;position:absolute;top:0;right:0}.social-btn-ticks:after{content:"";border-bottom:1px solid var(--gray-800);border-left:1px solid var(--gray-800);width:0;height:0;transition:width .3s 50ms,height .3s 50ms,border-color .3s;position:absolute;bottom:0;left:0}.social-btn:hover .social-btn-inner:before,.social-btn:hover .social-btn-inner:after,.social-btn:hover .social-btn-ticks:before,.social-btn:hover .social-btn-ticks:after{border-color:var(--white);width:14px;height:14px}.social-btn:before{content:"";background:var(--white);width:1px;height:0;transition:height .2s .1s;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.social-btn:after{content:"";background:var(--white);width:1px;height:0;transition:height .2s .1s;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.social-btn:hover:before,.social-btn:hover:after{height:6px}.section-label{letter-spacing:4px;text-transform:uppercase;color:var(--gray-600);align-self:flex-start;margin-bottom:14px;margin-left:calc(50% - 140px);font-size:9px}.links{flex-direction:column;gap:8px;width:100%;max-width:280px;display:flex}.link-row{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;border:1px solid var(--gray-800);color:var(--gray-600);transform-style:preserve-3d;will-change:transform;justify-content:space-between;align-items:center;padding:14px 18px;font-size:12px;text-decoration:none;transition:color .3s,border-color .3s,transform .15s;display:flex;position:relative;overflow:hidden}.link-sheen{opacity:0;pointer-events:none;z-index:0;transition:opacity .3s;position:absolute;inset:0}.link-info{z-index:1;flex-direction:column;gap:2px;display:flex;position:relative}.link-name{color:var(--white);position:relative}.link-desc{letter-spacing:1px;color:var(--gray-400);text-transform:none;font-size:9px}.link-arrow{z-index:1;font-size:14px;transition:transform .25s;position:relative}.link-row:before{content:"";border-top:1px solid var(--white);border-left:1px solid var(--white);width:0;height:0;transition:width .25s,height .25s;position:absolute;top:-4px;left:-4px}.link-row:after{content:"";border-bottom:1px solid var(--white);border-right:1px solid var(--white);width:0;height:0;transition:width .25s,height .25s;position:absolute;bottom:-4px;right:-4px}.link-row-inner{pointer-events:none;position:absolute;inset:0}.link-row-inner:before{content:"";background:var(--white);width:1px;height:0;transition:height .2s 50ms;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.link-row-inner:after{content:"";background:var(--white);width:1px;height:0;transition:height .2s 50ms;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.link-row-ticks{pointer-events:none;position:absolute;inset:0}.link-row-ticks:before{content:"";background:var(--white);width:0;height:1px;transition:width .2s 50ms;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}.link-row-ticks:after{content:"";background:var(--white);width:0;height:1px;transition:width .2s 50ms;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.link-glitch{pointer-events:none;z-index:2;opacity:0;position:absolute;inset:0}.link-glitch:before,.link-glitch:after{content:attr(data-text);height:100%;font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;align-items:center;font-size:12px;display:flex;position:absolute;top:0;left:18px;right:18px;overflow:hidden}.link-glitch:before{color:#eafb53;text-shadow:0 0 6px #eafb5380}.link-glitch:after{color:#eafb53;text-shadow:0 0 8px #eafb534d}.link-glitch.glitch-active{opacity:1}.link-glitch.glitch-active:before{animation:var(--g-anim-r,glitch-r1) var(--g-dur-r,.3s) steps(1) forwards}.link-glitch.glitch-active:after{animation:var(--g-anim-c,glitch-c1) var(--g-dur-c,.35s) steps(1) forwards}.card-jolt{animation:80ms forwards jolt}@keyframes jolt{0%{transform:translate(0)}50%{transform:translateX(var(--jolt-x,2px))}to{transform:translate(0)}}@keyframes glitch-r1{0%{clip-path:inset(0 0 100%);transform:translate(0)}8%{clip-path:inset(8% 0 55%);transform:translate(-6px,1px)}16%{clip-path:inset(65% 0 2%);transform:translate(5px,-1px)}24%{clip-path:inset(0 0 100%);transform:translate(0)}40%{clip-path:inset(25% 0 35%);transform:translate(-4px)}48%{clip-path:inset(0 0 100%);transform:translate(0)}65%{clip-path:inset(80% 0 0%);transform:translate(6px,1px)}72%{clip-path:inset(0 0 100%);transform:translate(0)}to{clip-path:inset(0 0 100%);transform:translate(0)}}@keyframes glitch-r2{0%{clip-path:inset(0 0 100%);transform:translate(0)}12%{clip-path:inset(40% 0 15%);transform:translate(7px,-1px)}22%{clip-path:inset(0 0 100%);transform:translate(0)}35%{clip-path:inset(5% 0 75%);transform:translate(-5px,2px)}42%{clip-path:inset(0 0 100%);transform:translate(0)}58%{clip-path:inset(70% 0 5%);transform:translate(4px)}65%{clip-path:inset(0 0 100%);transform:translate(0)}80%{clip-path:inset(20% 0 60%);transform:translate(-6px,-1px)}88%{clip-path:inset(0 0 100%);transform:translate(0)}to{clip-path:inset(0 0 100%);transform:translate(0)}}@keyframes glitch-r3{0%{clip-path:inset(0 0 100%);transform:translate(0)}5%{clip-path:inset(50% 0 10%);transform:translate(-7px)}10%{clip-path:inset(15% 0 65%);transform:translate(5px,2px)}18%{clip-path:inset(0 0 100%);transform:translate(0)}30%{clip-path:inset(85% 0 0%);transform:translate(-4px,-1px)}38%{clip-path:inset(0 0 100%);transform:translate(0)}55%{clip-path:inset(0% 0 60%);transform:translate(6px,1px)}62%{clip-path:inset(35% 0 30%);transform:translate(-5px)}70%{clip-path:inset(0 0 100%);transform:translate(0)}to{clip-path:inset(0 0 100%);transform:translate(0)}}@keyframes glitch-c1{0%{clip-path:inset(0 0 100%);transform:translate(0)}10%{clip-path:inset(45% 0 18%);transform:translate(6px,-1px)}18%{clip-path:inset(3% 0 65%);transform:translate(-5px)}25%{clip-path:inset(0 0 100%);transform:translate(0)}42%{clip-path:inset(55% 0 8%);transform:translate(4px,2px)}50%{clip-path:inset(0 0 100%);transform:translate(0)}68%{clip-path:inset(18% 0 48%);transform:translate(-6px)}75%{clip-path:inset(0 0 100%);transform:translate(0)}to{clip-path:inset(0 0 100%);transform:translate(0)}}@keyframes glitch-c2{0%{clip-path:inset(0 0 100%);transform:translate(0)}15%{clip-path:inset(72% 0 3%);transform:translate(-7px,-1px)}25%{clip-path:inset(0 0 100%);transform:translate(0)}38%{clip-path:inset(10% 0 50%);transform:translate(5px,1px)}45%{clip-path:inset(0 0 100%);transform:translate(0)}60%{clip-path:inset(30% 0 40%);transform:translate(6px)}68%{clip-path:inset(0 0 100%);transform:translate(0)}82%{clip-path:inset(60% 0 15%);transform:translate(-4px,2px)}90%{clip-path:inset(0 0 100%);transform:translate(0)}to{clip-path:inset(0 0 100%);transform:translate(0)}}@keyframes glitch-c3{0%{clip-path:inset(0 0 100%);transform:translate(0)}8%{clip-path:inset(20% 0 40%);transform:translate(7px,-2px)}15%{clip-path:inset(0 0 100%);transform:translate(0)}28%{clip-path:inset(75% 0 0%);transform:translate(-6px,1px)}35%{clip-path:inset(0 0 85%);transform:translate(4px)}42%{clip-path:inset(0 0 100%);transform:translate(0)}60%{clip-path:inset(40% 0 25%);transform:translate(-5px,-1px)}68%{clip-path:inset(0 0 100%);transform:translate(0)}to{clip-path:inset(0 0 100%);transform:translate(0)}}.link-scanline{pointer-events:none;z-index:2;opacity:0;transition:opacity .2s;position:absolute;inset:0;overflow:hidden}.link-scanline:before{content:"";background:linear-gradient(90deg,#0000,#eafb5326,#0000);height:2px;animation:1.5s linear infinite scanline-sweep;position:absolute;top:-2px;left:0;right:0}.link-scanline:after{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff05 2px 4px);position:absolute;inset:0}@keyframes scanline-sweep{0%{top:-2px}to{top:100%}}.link-row:hover .link-scanline{opacity:1}.link-row:hover{border-color:var(--white);color:var(--white)}.link-row.border-glitch{animation:.35s step-end forwards border-flicker}@keyframes border-flicker{0%{border-color:var(--white)}10%{border-color:#eafb53}15%{border-color:var(--white)}30%{border-color:#eafb53;box-shadow:0 0 6px #eafb5326}38%{border-color:var(--white);box-shadow:none}55%{border-color:#eafb53}62%{border-color:var(--white)}78%{border-color:#eafb53;box-shadow:0 0 4px #eafb531a}85%{border-color:var(--white);box-shadow:none}to{border-color:var(--white)}}.link-row:hover .link-arrow{transform:translate(2px,-2px)}.link-row:hover:before,.link-row:hover:after{width:10px;height:10px}.link-row:hover .link-row-inner:before,.link-row:hover .link-row-inner:after{height:8px}.link-row:hover .link-row-ticks:before,.link-row:hover .link-row-ticks:after{width:8px}.dashboard:before{content:"";pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff03 3px 4px);width:100%;height:100%;position:fixed;top:0;left:0}.grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.pl-dashboard{flex-direction:column;width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding:24px 24px 60px;display:flex}.pl-left{width:100%}.pl-left-inner{flex-direction:column;display:flex}.pl-right{width:100%}@media (width>=768px){.pl-dashboard{flex-direction:row;align-items:stretch;gap:0;max-width:1000px;padding:0}.pl-left{border-right:1px solid var(--gray-800);flex-shrink:0;align-items:flex-start;width:320px;height:100vh;padding:48px 40px;display:flex;position:sticky;top:0}.pl-left-inner{flex-direction:column;height:100%;display:flex}.pl-right{flex-direction:column;flex:1;justify-content:center;min-height:100vh;padding:48px 44px;display:flex}}@media (width>=1100px){.pl-dashboard{max-width:1100px}.pl-left{width:340px;padding:56px 48px}.pl-right{padding:56px 52px}}.pl-back{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;color:var(--gray-600);align-items:center;gap:8px;margin-bottom:32px;font-size:11px;text-decoration:none;transition:color .2s;display:inline-flex}.pl-back:hover{color:var(--white)}.pl-back-arrow{font-size:14px;transition:transform .2s}.pl-back:hover .pl-back-arrow{transform:translate(-3px)}.pl-tag{letter-spacing:4px;text-transform:uppercase;color:var(--gray-600);margin-bottom:10px;font-size:9px}.pl-title{font-family:var(--font-mono);letter-spacing:5px;text-transform:uppercase;color:var(--white);margin:0 0 8px;font-size:32px;font-weight:400}@media (width>=768px){.pl-title{font-size:28px}}.pl-tagline{letter-spacing:2px;text-transform:uppercase;color:var(--gray-400);font-size:12px}.pl-divider{background:var(--gray-800);width:100%;height:1px;margin:24px 0;position:relative}.pl-divider:before{content:"";border-top:1px solid var(--gray-600);border-bottom:1px solid var(--gray-600);width:24px;height:5px;position:absolute;top:-2px;left:0}.pl-label{letter-spacing:4px;text-transform:uppercase;color:var(--gray-600);margin-bottom:14px;font-size:9px}.pl-text{color:var(--gray-400);letter-spacing:.3px;margin:0 0 10px;font-size:13px;line-height:1.8}.pl-tags{flex-wrap:wrap;gap:6px;display:flex}.pl-pill{font-family:var(--font-mono);letter-spacing:1px;border:1px solid var(--gray-800);color:var(--gray-400);text-transform:uppercase;padding:6px 12px;font-size:10px;transition:border-color .2s,color .2s}.pl-pill:hover{border-color:var(--gray-600);color:var(--white)}.pl-spacer{flex:1;min-height:24px}.pl-btn{width:100%;font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;border:1px solid var(--gray-800);color:var(--gray-400);background:0 0;justify-content:center;align-items:center;gap:10px;padding:16px 24px;font-size:11px;text-decoration:none;transition:color .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.pl-btn:before{content:"";background:var(--white);z-index:0;width:0;height:100%;transition:width .35s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.pl-btn:hover{border-color:var(--white);color:#1a1a1a}.pl-btn:hover:before{width:100%}.pl-btn span{z-index:1;position:relative}.pl-btn-arrow{font-size:14px;transition:transform .3s}.pl-btn:hover .pl-btn-arrow{transform:translate(3px,-3px)}.pl-btn:after{content:"";border-top:1px solid var(--white);border-left:1px solid var(--white);z-index:2;width:0;height:0;transition:width .25s,height .25s;position:absolute;top:-4px;left:-4px}.pl-btn:hover:after{width:12px;height:12px}.pl-btn-wrap{width:100%;position:relative}.pl-btn-wrap:after{content:"";border-bottom:1px solid var(--white);border-right:1px solid var(--white);width:0;height:0;transition:width .25s,height .25s;position:absolute;bottom:-4px;right:-4px}.pl-btn-wrap:hover:after{width:12px;height:12px}.pl-version{letter-spacing:3px;text-transform:uppercase;color:var(--gray-800);text-align:center;margin-top:16px;font-size:9px}.pl-feature-grid{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=768px){.pl-feature-grid{grid-template-columns:1fr 1fr}}.pl-feature{border:1px solid var(--gray-800);transform-style:preserve-3d;will-change:transform;flex-direction:column;gap:10px;min-height:110px;padding:20px;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.pl-feature-sheen{opacity:0;pointer-events:none;z-index:0;transition:opacity .3s;position:absolute;inset:0}.pl-feature:before{content:"";border-top:1px solid var(--white);border-left:1px solid var(--white);width:0;height:0;transition:width .25s,height .25s;position:absolute;top:-4px;left:-4px}.pl-feature:after{content:"";border-bottom:1px solid var(--white);border-right:1px solid var(--white);width:0;height:0;transition:width .25s,height .25s;position:absolute;bottom:-4px;right:-4px}.pl-feature-inner{pointer-events:none;position:absolute;inset:0}.pl-feature-inner:before{content:"";background:var(--white);width:1px;height:0;transition:height .2s 50ms;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.pl-feature-inner:after{content:"";background:var(--white);width:1px;height:0;transition:height .2s 50ms;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.pl-feature-ticks{pointer-events:none;position:absolute;inset:0}.pl-feature-ticks:before{content:"";background:var(--white);width:0;height:1px;transition:width .2s 50ms;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}.pl-feature-ticks:after{content:"";background:var(--white);width:0;height:1px;transition:width .2s 50ms;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.pl-feature:hover{border-color:var(--white)}.pl-feature:hover:before,.pl-feature:hover:after{width:10px;height:10px}.pl-feature:hover .pl-feature-inner:before,.pl-feature:hover .pl-feature-inner:after{height:8px}.pl-feature:hover .pl-feature-ticks:before,.pl-feature:hover .pl-feature-ticks:after{width:8px}.pl-feature-label{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--white);z-index:1;font-size:12px;position:relative}.pl-feature-desc{color:var(--gray-600);z-index:1;margin:0;font-size:11px;line-height:1.6;position:relative}