@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@600;800&display=swap');
:root{--accent:#dfff00}body{background:#101016}header.top{border-bottom:1px solid #fff2}.intro{padding:40px 0;gap:30px}.intro h1{font-family:Unbounded,Arial,sans-serif;font-size:clamp(34px,5vw,68px);line-height:1.17;letter-spacing:-2px}.intro h1 em{color:#dcff00}.portfolio-count strong{font-size:70px}.portfolio-count>button{margin-top:14px}.ticker{background:#9c45ff;transform:rotate(-1deg);padding:14px;color:#fff;font-weight:900;letter-spacing:3px;white-space:nowrap;overflow:hidden;font-size:15px;margin-bottom:24px}#tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;gap:8px;margin-right:0}#tabs button{white-space:normal;font-size:13px;min-width:0;padding:12px;gap:8px}#tabs button[aria-selected=true]{background:var(--accent);color:#111}.story{background:#20202d;border-radius:27px}.story h2{font-family:Unbounded,Arial,sans-serif;font-size:clamp(25px,3vw,39px);line-height:1.25}.visual{background:radial-gradient(at 80% 10%,#fff4,transparent 50%),linear-gradient(140deg,var(--accent),#853bfd);border-radius:27px;min-height:650px;overflow:hidden}.visual-label{color:#151018;font-weight:900}.phone{width:252px;height:515px;box-shadow:18px 25px 0 #0002,20px 30px 50px #0006}.phone-screen img{height:100%;object-fit:cover}.float-card{background:#14141cef;transform:rotate(3deg);max-width:235px}.float-card strong{font-size:20px}.metric{background:var(--accent);color:#13131b;border:0;border-radius:19px}.metric b,.metric span{color:inherit}.metric:nth-child(2){background:#9d52ff;color:#fff}.metric:nth-child(3){background:#ff75be;color:#111}.metric b{font-family:Unbounded,Arial,sans-serif;font-size:28px}.mini-panel{background:#20202d}.readiness{margin:22px 0}.ring-inner{background:#20202d}.actions .cta{background:var(--accent);color:#17131c}.actions .secondary{background:#30303d;color:white}.desktop-thumb{position:absolute;bottom:108px;right:15px;width:155px;border:5px solid #282833;border-radius:14px;padding:0;overflow:hidden;box-shadow:0 16px 25px #0008;transform:rotate(8deg);cursor:pointer}.desktop-thumb img{width:100%;display:block}.primary{background:#dcff00;color:#131600;border:0;border-radius:12px;padding:15px 19px;font-weight:800;cursor:pointer;min-height:46px}.show-controls{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 24px));display:flex;align-items:center;gap:8px;background:#17171ff5;border:1px solid #ffffff30;padding:10px;border-radius:19px;z-index:20;box-shadow:0 5px 40px #0008;backdrop-filter:blur(15px)}.show-controls button{padding:12px;white-space:nowrap;background:#343443;border:0;color:white;border-radius:10px;min-height:44px;cursor:pointer}.show-controls #play-show{background:#dcff00;color:#171700}.show-controls span{font-size:12px;white-space:nowrap;margin-left:auto}.timeline{position:absolute;bottom:0;left:14px;right:14px;height:3px;background:#555;overflow:hidden}.timeline i{display:block;background:#dcff00;height:100%;width:0}#subtitle{position:fixed;bottom:98px;left:50%;transform:translateX(-50%);background:#08080eef;border:1px solid var(--accent);color:#fff;border-radius:14px;max-width:calc(100% - 28px);width:max-content;padding:14px 22px;z-index:19;font-size:16px;text-align:center;box-shadow:0 0 35px #000a}.spotlight{outline:3px solid var(--accent);outline-offset:4px;box-shadow:0 0 30px #fff2}#music{bottom:105px}#music audio{width:100%;margin:12px 0}.device-ui{font-family:Arial,sans-serif;background:#13131b;height:100%;padding:20px 14px;border-radius:25px;color:white;overflow:hidden;text-align:left}.device-ui .micro{font-size:10px;letter-spacing:1px;color:#aaa}.device-ui h3{font-family:Unbounded,sans-serif;font-size:21px;margin:20px 0 14px;line-height:1.2}.album{aspect-ratio:1;background:repeating-radial-gradient(ellipse at 10% 100%,transparent 0 16px,#fff2 18px 21px,transparent 24px 40px),linear-gradient(135deg,#ffb900,#ff602c);color:#241009;padding:20px;display:flex;flex-direction:column;justify-content:space-between;border-radius:16px;overflow:hidden}.album b{font-family:Unbounded,sans-serif;font-size:30px;letter-spacing:-2px;line-height:1.1}.album small{font-size:10px;letter-spacing:3px}.phone .mini-play{background:#eaff35;color:#191b05;border-radius:50%;width:48px;height:48px;padding:0;margin:12px 0;min-height:48px;border:0;cursor:pointer}.mini-track{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.label-chips{display:flex;gap:5px;margin-top:14px;flex-wrap:wrap}.label-chips span{border-radius:8px;background:#303039;padding:7px;font-size:10px}.mock-card{background:#292933;padding:12px;border-radius:12px;margin:10px 0;font-size:12px}.cinema-poster{background:linear-gradient(150deg,#ff527d,#6025fa 65%,#121021);height:270px;border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end}.cinema-poster b{font-family:Unbounded,sans-serif;font-size:30px;line-height:1.1}.cinema-poster small{font-size:10px;margin-top:14px}.second-phone{position:absolute;right:15px;top:150px;width:190px;height:400px;transform:rotate(9deg);z-index:0;opacity:.9}.visual .phone:first-of-type{z-index:1;margin-right:50px}.second-phone .device-ui{padding:16px 10px}.second-phone h3{font-size:16px}.second-phone .mock-card{font-size:11px}.project-grid{scroll-margin-top:15px}footer{padding-bottom:125px}.showcase-strip,.mini-panel,.readiness{scroll-margin-top:30px}.readiness h3{font-size:17px}.description{font-size:16px}.show-controls button:focus-visible,.primary:focus-visible{outline:3px solid white;outline-offset:3px}[hidden]{display:none!important}
@media(max-width:1000px){#tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.second-phone{right:-30px}.metric b{font-size:23px}.story h2{font-size:30px}}
@media(max-width:680px){.intro h1{font-size:34px;letter-spacing:-1.5px}.portfolio-count{flex-wrap:wrap}.portfolio-count strong{font-size:40px}.portfolio-count .primary{font-size:13px}.visual{min-height:570px}.story h2{font-size:27px}.visual .phone:first-of-type{margin-right:24px}.second-phone{right:-12px;top:130px}.metric b{font-family:Arial,sans-serif;font-size:24px;overflow-wrap:anywhere}.metric span{font-size:12px;line-height:1.4;display:block}#tabs{gap:6px}#tabs button{font-size:11px;padding:10px 7px;gap:5px;min-height:52px;overflow-wrap:anywhere}#tabs button span{font-size:10px}.show-controls{gap:5px}.show-controls button{padding:10px;font-size:12px}.show-controls span{font-size:11px}#subtitle{font-size:14px;bottom:92px;padding:12px 15px}.phone{width:236px;height:494px}.second-phone{width:175px;height:380px}.visual-label{font-size:10px}.float-card{max-width:215px}.float-card strong{font-size:17px}.bar-line{grid-template-columns:103px minmax(16px,1fr) 35px;gap:7px}.bars{width:100%}.story{padding:21px}.readiness{gap:12px}.ring{width:94px;height:94px}.ring strong{font-size:28px}.readiness p{font-size:12px}}