@font-face{font-family:Portfolio;src:local('Arial')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#101216;color:#f3f5ed;font:16px/1.5 Portfolio,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #d7ff64;outline-offset:5px}.skip{position:absolute;left:15px;top:-90px}.skip:focus{top:10px;z-index:90;background:#111;padding:10px}.top{display:flex;align-items:center;justify-content:space-between;padding:26px 5vw;border-bottom:1px solid #ffffff12}.brand{text-decoration:none;font-weight:800;letter-spacing:2px;display:flex;gap:12px;align-items:center}.mark{background:#d7ff64;color:#17191c;padding:6px 9px;border-radius:10px;font-size:23px;letter-spacing:-3px}.brand small{font-size:11px;font-weight:400;letter-spacing:2px;color:#a6abb5;margin-left:8px}.top-right{display:flex;align-items:center;gap:24px}.date{font-size:13px;color:#a6abb5}.sound{border:1px solid #43474d;background:#202329;color:#f3f5ed;padding:10px 18px;border-radius:30px;font-size:14px}.sound:hover{border-color:#d7ff64}main{max-width:1510px;margin:auto;padding:0 5vw}.intro{padding:55px 0 38px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.eyebrow{font-size:11px;letter-spacing:2.1px;font-weight:700;color:#a6abb5;margin:0 0 18px}h1{font-size:clamp(40px,5.8vw,84px);line-height:1.02;letter-spacing:-4px;margin:0;font-weight:700}h1 em{font-style:normal;color:#d7ff64}.portfolio-count{padding-bottom:4px}.portfolio-count strong{font-size:57px;letter-spacing:-3px;font-weight:400}.portfolio-count strong span{font-size:15px;letter-spacing:0;color:#a6abb5;margin-left:13px}.portfolio-count p{margin:2px 0 12px;color:#a6abb5;font-size:14px}.text-link{font-size:13px;text-underline-offset:5px}#tabs{display:flex;gap:6px;overflow-x:auto;padding:8px 0 20px;scrollbar-width:thin}#tabs button{flex-shrink:0;color:#b8bdc6;background:#1b1e24;border:1px solid #ffffff10;border-radius:12px;padding:12px 17px;font-size:14px;transition:background .2s,transform .2s}#tabs button:hover{transform:translateY(-2px);background:#272c34}#tabs button[aria-selected=true]{background:var(--accent,#d7ff64);color:#121417;border-color:transparent;font-weight:700}#tabs button span{opacity:.55;margin-right:8px;font-size:11px}.project-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:18px;align-items:stretch}.panel{border:1px solid #ffffff12;border-radius:24px;background:#191c22;overflow:hidden}.story{padding:32px;display:flex;flex-direction:column}.project-topline{display:flex;gap:10px;align-items:center;color:var(--accent);font-size:12px;letter-spacing:1px}.tag{border:1px solid #ffffff25;padding:5px 9px;border-radius:20px;color:#bac0c8;letter-spacing:0}.story h2{font-size:clamp(31px,3.6vw,51px);letter-spacing:-1.8px;line-height:1.05;margin:20px 0 12px}.story .description{max-width:470px;color:#b3bac5;margin:0 0 25px;font-size:16px}.readiness{display:flex;align-items:center;gap:27px;padding:24px 0;border-top:1px solid #ffffff12}.ring{width:132px;height:132px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--score)*1%),#31363e 0);padding:8px;flex-shrink:0;box-shadow:0 0 45px color-mix(in srgb,var(--accent) 8%,transparent)}.ring-inner{width:100%;height:100%;background:#191c22;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.ring strong{font-size:39px;line-height:1;letter-spacing:-2px}.ring span{font-size:10px;color:#adb4bf;margin-top:8px}.readiness h3{font-size:18px;margin:0 0 9px}.readiness p{font-size:14px;color:#aeb6c1;margin:0;max-width:240px}.bars{display:grid;gap:11px;margin:6px 0 27px}.bar-line{display:grid;grid-template-columns:116px 1fr 35px;align-items:center;gap:12px;font-size:12px;color:#aeb6c1}.bar-line b{text-align:right;font-size:12px;font-weight:400}.bar-track{height:5px;background:#2b3039;border-radius:8px;overflow:hidden}.bar-fill{height:100%;background:var(--accent);border-radius:8px;animation:fill .65s ease both;transform-origin:left}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:none;border-radius:12px;background:var(--accent);color:#101216;text-decoration:none;padding:12px 17px;font-size:14px;font-weight:700}.cta.secondary{color:#e2e6eb;background:#292f39;border:1px solid #ffffff16}.visual{min-height:615px;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 40% 40%,color-mix(in srgb,var(--accent) 18%,#172026),#12161d 72%);padding:48px 22px 40px}.visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(black,transparent)}.visual-label{position:absolute;top:20px;left:24px;font-size:11px;color:#b4bbc6;letter-spacing:1.5px}.phone{width:238px;height:500px;flex-shrink:0;background:#050607;border:6px solid #373d44;border-radius:37px;padding:6px;position:relative;box-shadow:18px 32px 60px #0008;transform:rotate(-5deg);transition:transform .4s}.phone:hover{transform:rotate(0) translateY(-6px)}.phone:before{content:'';position:absolute;top:9px;left:50%;transform:translateX(-50%);height:17px;width:75px;border-radius:20px;background:#050607;z-index:2}.phone:after{content:'';position:absolute;bottom:10px;width:70px;height:4px;background:#fff9;border-radius:4px;left:calc(50% - 35px)}.phone-screen{width:100%;height:100%;overflow:hidden;border-radius:25px;background:#17191e;display:block;border:0;padding:0}.phone-screen img{display:block;width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top}.device-desktop{transform:rotate(-3deg);width:280px;background:#16191e;padding:8px;border-radius:12px;box-shadow:15px 30px 55px #0008}.device-desktop img{width:100%;display:block;border-radius:7px}.device-desktop button{padding:0;border:0;background:none}.float-card{position:absolute;bottom:35px;right:20px;padding:14px 18px;background:#222831eF;border:1px solid #ffffff25;border-radius:15px;max-width:190px;box-shadow:0 18px 35px #0004;backdrop-filter:blur(12px)}.float-card strong{font-size:25px;color:var(--accent)}.float-card p{font-size:12px;margin:2px 0;color:#c6cbd4}.float-sticker{position:absolute;left:20px;bottom:37px;width:105px;filter:drop-shadow(0 10px 10px #0005);transform:rotate(-12deg)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.metric{padding:20px 24px;border:1px solid #ffffff12;border-radius:17px;background:#171a20}.metric b{display:block;font-size:28px;letter-spacing:-1px;color:var(--accent)}.metric span{font-size:13px;color:#acb3bf}.bottom-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;margin:18px 0 0}.mini-panel{padding:24px;background:#191c22;border:1px solid #ffffff12;border-radius:20px}.mini-panel h3{font-size:17px;margin:0 0 18px}.checklist{list-style:none;margin:0;padding:0;display:grid;gap:12px}.checklist li{font-size:14px;color:#c1c8d2;display:flex;gap:10px}.checklist li:before{content:'✓';color:var(--accent)}.checklist.next li:before{content:'↗';color:#8994a4}.pills{display:flex;flex-wrap:wrap;gap:8px}.pills span{font-size:13px;border:1px solid #ffffff20;border-radius:8px;padding:7px 10px}.flow{margin-top:17px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--accent)}.flow span{padding:5px 0}.mini-panel small{display:block;margin-top:18px;color:#929caa;font-size:12px}.showcase-strip{display:flex;gap:16px;align-items:center;margin-top:18px;background:#191c22;border-radius:20px;padding:20px}.showcase-strip video{width:150px;border-radius:14px}.showcase-strip h3{margin:0 0 10px}.showcase-strip p{font-size:14px;color:#aeb6c1;margin:0;max-width:500px}.method{border-top:1px solid #ffffff16;margin:60px 0 40px;padding-top:30px;display:grid;grid-template-columns:1fr 1.3fr;gap:40px}.method h2{font-size:25px;line-height:1.2;letter-spacing:-.5px;margin:0}.method p{font-size:14px;margin:0 0 14px;color:#b1b8c2}.method small{font-size:12px;color:#8c96a5}.legend{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.legend span{background:#242a33;font-size:12px;padding:7px 12px;border-radius:20px}footer{border-top:1px solid #ffffff12;display:flex;justify-content:space-between;padding:25px 5vw;gap:20px;font-size:10px;letter-spacing:1px;color:#8f99a8}#music{position:fixed;bottom:24px;right:24px;background:#1b2029;z-index:30;border:1px solid #ffffff30;border-radius:17px;width:350px;max-width:calc(100vw - 28px);padding:16px;box-shadow:0 15px 60px #000a}.music-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px}.music-head b{font-size:13px}.music-head small{font-size:11px;color:#adb6c3;display:block}.music-head button,dialog>button{border:0;background:#343c48;color:white;font-size:23px;border-radius:50%;width:32px;height:32px}#player iframe{width:100%;height:178px;border:0;border-radius:10px}#music p,#music a{font-size:12px;color:#b4bdca}dialog{background:#151a22;border:1px solid #ffffff30;border-radius:20px;color:white;max-height:92vh;max-width:90vw;padding:16px}dialog::backdrop{background:#030509d9;backdrop-filter:blur(10px)}dialog>button{position:sticky;top:0;float:right}dialog img{display:block;max-width:80vw;max-height:75vh;object-fit:contain}dialog p{font-size:13px;text-align:center}.project-grid,.metrics,.bottom-grid{animation:enter .35s ease}::view-transition-old(root){animation:fade-out .16s ease}::view-transition-new(root){animation:enter .3s ease}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade-out{to{opacity:0}}@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:1000px){.project-grid{grid-template-columns:1fr 1fr}.story{padding:24px}.readiness{gap:15px}.ring{width:108px;height:108px}.ring strong{font-size:32px}.bottom-grid{grid-template-columns:1fr 1fr}.bottom-grid>:last-child{grid-column:1/-1}.visual{min-height:600px}.brand small{display:none}}@media(max-width:680px){main{padding:0 18px}.top{padding:18px}.date{display:none}.brand{font-size:14px}.sound{font-size:12px;padding:9px 12px}.intro{padding:32px 0 25px;display:block}h1{letter-spacing:-2px}.eyebrow{font-size:10px;letter-spacing:1.4px}.portfolio-count{margin-top:24px;display:flex;align-items:center;gap:18px}.portfolio-count strong{font-size:34px;white-space:nowrap}.portfolio-count strong span{font-size:12px;margin-left:7px}.portfolio-count p{display:none}.portfolio-count .text-link{font-size:11px}.project-grid{grid-template-columns:1fr}.story{padding:24px}.story h2{font-size:37px}.visual{min-height:570px;grid-row:2}.metrics{gap:8px}.metric{padding:16px 12px}.metric b{font-size:23px}.metric span{font-size:11px}.bottom-grid{grid-template-columns:1fr}.bottom-grid>:last-child{grid-column:auto}.method{grid-template-columns:1fr;gap:22px;margin-top:40px}.float-card{right:16px}.showcase-strip{align-items:flex-start}.showcase-strip video{width:100px}.showcase-strip p{font-size:12px}footer{display:block}footer span{display:block;margin:8px 0}#tabs{margin-right:-18px}.bar-line{font-size:13px;grid-template-columns:111px 1fr 36px}.phone{width:235px;height:494px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.phone{transform:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}