.portfolio-shell{color:#e8eef8;background:radial-gradient(at 85% 20%,#17274f66,#0000 45%);max-width:1240px;min-height:100vh;margin:auto;padding:28px 40px;font-family:Inter,system-ui,sans-serif}.portfolio-header{border-bottom:1px solid #26324b;justify-content:space-between;align-items:center;padding-bottom:25px;display:flex}.portfolio-header>a{color:#fff;align-items:center;gap:10px;font-size:20px;font-weight:650;text-decoration:none;display:flex}.portfolio-header>a span{color:#8ca8ff;margin-left:-10px}.portfolio-badge{color:#a8b6d5;background:#192239;border:1px solid #2c3a57;border-radius:30px;align-items:center;gap:7px;padding:8px 13px;font-size:12px;display:inline-flex}.portfolio-hero{padding:86px 0 74px;position:relative;overflow:hidden}.portfolio-eyebrow{color:#9baeff;letter-spacing:.19em;font-size:11px;font-weight:650}.portfolio-hero h1{letter-spacing:-.065em;margin:22px 0;font-size:clamp(54px,7vw,92px);line-height:1.02}.portfolio-hero h1 em{color:#0000;background:linear-gradient(100deg,#b0c4ff,#8f83f7 70%,#69d4c9);-webkit-background-clip:text;background-clip:text;font-style:normal}.portfolio-hero>p:not(.portfolio-eyebrow){color:#a7b4cd;max-width:470px;font-size:16px;line-height:1.7}.portfolio-explore{color:#dce5ff;align-items:center;gap:14px;padding:14px 0;text-decoration:none;display:inline-flex}.portfolio-orbit{color:#a2b6ff;border:1px solid #6682d366;border-radius:50%;place-items:center;width:260px;height:260px;animation:7s ease-in-out infinite portfolio-float;display:grid;position:absolute;top:90px;right:6%;box-shadow:0 0 100px #6e7bff18,inset 0 0 90px #5577ff18}.portfolio-orbit:after,.portfolio-orbit:before{content:"";border:1px dashed #6c7bb64d;border-radius:50%;position:absolute;inset:26px;transform:rotateX(55deg)rotate(-30deg)}.portfolio-orbit:before{inset:-25px;transform:rotateY(60deg)rotate(25deg)}.portfolio-command{border-top:1px solid #26324b;padding:30px 0 42px}.portfolio-shell h2{letter-spacing:-.035em;margin:10px 0 24px;font-size:27px}.portfolio-metrics{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.portfolio-metrics article{background:#111b30aa;border:1px solid #2b3650;border-radius:14px;grid-template-columns:1fr auto;gap:12px;padding:24px;display:grid}.portfolio-metrics svg{color:#899fe5;grid-area:1/2;width:21px}.portfolio-metrics strong{grid-area:1/1;font-size:31px;font-weight:550}.portfolio-metrics article>span{color:#9facc7;grid-column:1/-1;font-size:12px}.portfolio-section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.portfolio-caption{color:#9eacc7;max-width:760px;margin:0 0 24px;font-size:13px;line-height:1.7}.portfolio-run-tabs{flex-wrap:wrap;gap:10px;margin:0 0 18px;display:flex}.portfolio-run-tabs button{color:#bbc8df;cursor:pointer;background:#10192b;border:1px solid #293854;border-radius:8px;align-items:center;gap:9px;padding:12px 16px;transition:background .2s,border-color .2s;display:flex}.portfolio-run-tabs button[aria-pressed=true]{color:#fff;background:#263555;border-color:#738bd1}.portfolio-run-tabs small{color:#8fcbb5}.portfolio-dot{background:#75d9af;border-radius:50%;width:6px;height:6px}.portfolio-trace{background:#0e1729;border:1px solid #2a3854;border-radius:14px;overflow:hidden}.portfolio-trace-head{border-bottom:1px solid #24314a;justify-content:space-between;align-items:center;gap:12px;padding:23px;display:flex}.portfolio-trace-head p,.portfolio-trace-head>span{color:#9eacc6;font-size:12px}.portfolio-trace-head code{font-size:11px}.portfolio-waterfall{padding:16px 22px 24px;overflow:auto}.portfolio-axis,.portfolio-span{grid-template-columns:240px 1fr;gap:20px;min-width:600px;display:grid}.portfolio-axis{color:#8494b1;padding:8px 0 16px;font-size:10px}.portfolio-axis>div{justify-content:space-between;display:flex}.portfolio-span{border-top:1px solid #1c2940;align-items:center;padding:14px 0}.portfolio-span strong{font-size:12px;font-weight:500;display:block}.portfolio-span small{color:#7e90af;margin-top:6px;font-size:10px;display:block}.portfolio-track{background:repeating-linear-gradient(90deg,#0000,#0000 calc(25% - 1px),#26324b 25%);height:31px;position:relative}.portfolio-bar{background:linear-gradient(90deg,#6883ec,#a7b8ff);border-radius:3px;height:13px;animation:.6s both portfolio-reveal;position:absolute;top:2px;box-shadow:0 0 18px #7892ff22}.portfolio-span:nth-child(3n) .portfolio-bar{background:linear-gradient(90deg,#399b93,#8fd6c6)}.portfolio-bar.is-error{background:#de7c89}.portfolio-track>span{color:#96a8c8;font-size:9px;position:absolute;bottom:0;right:0}.portfolio-footer{color:#7486a6;justify-content:space-between;padding:32px 0;font-size:11px;display:flex}@keyframes portfolio-float{50%{transform:translateY(-12px)}}@keyframes portfolio-reveal{0%{opacity:0}to{opacity:1}}@media (max-width:800px){.portfolio-orbit{opacity:.2;right:-150px}.portfolio-shell{padding:20px}.portfolio-hero{padding:55px 0}.portfolio-metrics{grid-template-columns:1fr}.portfolio-section-title,.portfolio-trace-head{flex-direction:column;align-items:flex-start}.portfolio-header>a{font-size:16px}.portfolio-badge{padding:7px 9px;font-size:10px}.portfolio-footer{gap:20px}}@media (prefers-reduced-motion:reduce){.portfolio-shell *{transition:none!important;animation:none!important}}