.dev-page{background:#050505;color:#f2f2f2;overflow:hidden}.dev-page .dev-shell{max-width:1250px}.dev-hero{padding:190px 0 92px;border-bottom:1px solid #262626;position:relative}.dev-hero:before{content:"";position:absolute;top:40px;right:-200px;width:620px;height:500px;background:radial-gradient(ellipse,rgba(196,240,0,.085),transparent 68%);pointer-events:none}.dev-eyebrow,.dev-overline{font-size:11px;letter-spacing:.2em;font-weight:700;color:#a3a3a3}.dev-eyebrow{display:flex;align-items:center;gap:14px}.dev-dot{height:7px;width:7px;background:#c4f000;border-radius:50%;box-shadow:0 0 14px #c4f000}.dev-eyebrow-line{width:45px;height:1px;background:#454545}.dev-hero h1{max-width:980px;font-size:clamp(62px,9vw,130px);letter-spacing:-.075em;line-height:.98;font-weight:500;margin:34px 0 30px}.dev-hero h1 em,.dev-outro h2 em{font-family:Georgia,serif;font-weight:400;color:#c4f000}.dev-lead{font-size:clamp(16px,1.7vw,20px);color:#a5a5a5;max-width:650px;line-height:1.8}.dev-hero-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:85px;color:#929292;font-size:12px;letter-spacing:.08em}.dev-hero-bottom i{color:#c4f000;margin-right:7px}.dev-hero-bottom span:last-child i{margin-left:9px}.dev-collection{padding:100px 0 110px}.dev-section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px}.dev-section-top h2{font-size:clamp(34px,4.5vw,62px);font-weight:500;letter-spacing:-.055em;margin-top:14px;line-height:1.1}.dev-accent{color:#c4f000}.dev-section-top>p{color:#777;text-align:right;font-size:14px}.dev-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:25px}.dev-filters{display:flex;flex-wrap:wrap;gap:7px}.dev-filters button{cursor:pointer;background:#111;border:1px solid #292929;border-radius:100px;padding:11px 17px;color:#a7a7a7;font-size:13px;transition:all .25s}.dev-filters button:hover,.dev-filters button.active{background:#c4f000;border-color:#c4f000;color:#0b0b0b}.dev-filters button span{opacity:.65;margin-left:5px}.dev-search{height:43px;border:1px solid #303030;border-radius:100px;background:#111;display:flex;align-items:center;padding:0 16px;gap:10px;color:#888;min-width:225px}.dev-search input{background:none;border:0;outline:0;color:white;width:100%;font-size:13px}.dev-search:focus-within{border-color:#c4f000}.dev-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.dev-card{min-width:0;background:#101010;border:1px solid #292929;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s,transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.dev-card:hover{border-color:#56681a;transform:translateY(-5px);box-shadow:0 20px 45px #0008}.dev-card[hidden]{display:none}.dev-card-top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px}.dev-type{font-size:11px;color:#999;letter-spacing:.09em;text-transform:uppercase}.dev-price{font-size:11px;font-weight:700;border-radius:100px;padding:6px 10px;display:flex;align-items:center;gap:5px}.dev-price.is-free{background:#1f2a0e;color:#c4f000}.dev-price.is-premium{background:#282318;color:#f5d39a}.dev-art{height:205px;position:relative;display:grid;place-items:center;overflow:hidden;margin:0 13px;border-radius:9px;background:linear-gradient(145deg,#1a1930,#0b0c14)}.dev-art-1{background:linear-gradient(145deg,#15241e,#090e0d)}.dev-art-2{background:linear-gradient(145deg,#241b2b,#0b0a11)}.dev-art-3{background:linear-gradient(145deg,#1f2215,#0e100b)}.dev-art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent)}.dev-art-glow{position:absolute;width:220px;height:220px;border-radius:50%;background:#c4f000;filter:blur(100px);opacity:.12}.dev-art-symbol{display:grid;place-items:center;width:96px;height:96px;border-radius:25px;border:1px solid #ffffff30;background:#ffffff0a;box-shadow:0 20px 60px #0008;transform:rotate(-8deg);transition:transform .4s}.dev-card:hover .dev-art-symbol{transform:rotate(0) scale(1.06)}.dev-art-symbol i{font-size:47px;color:#c4f000}.dev-art-corner{position:absolute;right:16px;bottom:13px;font-size:10px;letter-spacing:.15em;color:#ffffff65}.dev-card-body{padding:23px 22px 19px;flex:1}.dev-card-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.dev-card h3{font-size:22px;letter-spacing:-.035em;font-weight:600;color:white}.dev-version{white-space:nowrap;color:#888;font-size:11px}.dev-card-body>p{font-size:13px;line-height:1.75;color:#999;margin-top:12px;min-height:69px}.dev-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.dev-tags span{border:1px solid #303030;border-radius:5px;padding:6px 8px;color:#999;font-size:10px}.dev-tags .dev-platform{color:#d1d1d1}.dev-platform i{margin-right:5px;color:#c4f000}.dev-card-footer{border-top:1px solid #292929;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:8px}.dev-card-footer>span:first-child{font-size:11px;color:#737373}.dev-card-footer a,.dev-soon{font-size:12px;font-weight:700;color:#c4f000}.dev-card-footer a:hover{text-decoration:underline}.dev-soon{color:#777}.dev-empty{padding:55px;text-align:center;color:#aaa;border:1px dashed #444;border-radius:12px}.dev-note{margin-top:26px;font-size:12px;color:#737373}.dev-note i{margin-right:7px;color:#c4f000}.dev-outro{border-top:1px solid #292929;padding:100px 0 135px}.dev-outro h2{font-size:clamp(44px,7vw,90px);font-weight:500;line-height:1.07;letter-spacing:-.06em;margin:22px 0}.dev-outro p{max-width:540px;color:#999;line-height:1.8}.dev-contact{display:inline-flex;gap:30px;align-items:center;background:#c4f000;color:#080808;border-radius:100px;padding:15px 23px;font-weight:700;font-size:13px;margin-top:30px;transition:transform .25s}.dev-contact:hover{transform:translateY(-3px)}@media(max-width:980px){.dev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-hero{padding-top:155px}.dev-toolbar{align-items:stretch;flex-direction:column}.dev-search{width:100%}}@media(max-width:620px){.dev-page .dev-shell{width:calc(100% - 36px)}.dev-hero{padding:145px 0 65px}.dev-hero h1{font-size:clamp(52px,13vw,76px)}.dev-eyebrow{font-size:9px;gap:8px;letter-spacing:.12em}.dev-eyebrow-line{width:18px}.dev-hero-bottom{margin-top:50px;flex-direction:column;gap:14px}.dev-collection{padding:65px 0}.dev-section-top{display:block}.dev-section-top>p{text-align:left;margin-top:16px}.dev-grid{grid-template-columns:1fr}.dev-art{height:210px}.dev-filters button{padding:9px 13px}.dev-outro{padding:70px 0 100px}}
@media(prefers-reduced-motion:reduce){.dev-page *{transition:none!important;scroll-behavior:auto!important}}

/* v1.2: respect original portfolio palette and existing page animations */
.dev-page{background:radial-gradient(ellipse 65% 40% at 87% 2%,rgba(19,15,64,.58),transparent 80%),#000;color:var(--muted,#b4b4b4)}
.dev-hero{padding-top:clamp(100px,12vw,165px)}
.dev-hero:before{background:radial-gradient(ellipse,rgba(19,15,64,.48),transparent 70%)}
.dev-hero h1,.dev-section-top h2,.dev-outro h2{color:#eee}
.dev-art{background:linear-gradient(145deg,#20194e,#0d0b20)}
.dev-art-1{background:linear-gradient(145deg,#18272a,#0d0b20)}
.dev-art-2{background:linear-gradient(145deg,#27183e,#0d0b20)}
.dev-art-3{background:linear-gradient(145deg,#1b2340,#0d0b20)}
.dev-card{background:#0c0b14;border-color:#ffffff1c}
.dev-card:hover{border-color:rgba(196,240,0,.5)}
.dev-page .wrap{max-width:1250px}
.dev-page [data-reveal]{will-change:transform,opacity}
@media(max-width:620px){.dev-hero{padding-top:95px}}

/* v1.4 authentic product artwork */
.dev-art{isolation:isolate;background:#16112d}.dev-product-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.dev-card:hover .dev-product-cover{transform:scale(1.045)}.dev-art:has(.dev-product-cover):after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,6,18,.58),transparent 60%);z-index:2;pointer-events:none}.dev-art-symbol{position:relative;z-index:3}.dev-art-symbol.has-cover{position:absolute;left:15px;bottom:15px;width:55px;height:55px;border-radius:13px;transform:none;box-shadow:0 8px 30px #0008;background:#100d20e8;backdrop-filter:blur(12px)}.dev-art-symbol.has-cover i{font-size:28px}.dev-art-symbol img{width:75%;height:75%;object-fit:contain}.dev-card:hover .dev-art-symbol.has-cover{transform:translateY(-3px)}

/* v1.8: no centered placeholder or logo overlay */
.dev-art-symbol,.dev-art-symbol.has-cover,.dev-art-symbol::before,.dev-art-symbol::after{display:none!important}.dev-art{display:block}.dev-art-grid,.dev-art-glow{pointer-events:none}

/* v1.9 compact product actions */
.dev-page .dev-card-footer .dev-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:32px;padding:7px 12px;border:1px solid #49572b;border-radius:7px;background:#1d2510;color:#c4f000;font-size:11px;font-weight:700;line-height:1.1;text-decoration:none;white-space:nowrap;transition:background .22s,border-color .22s,transform .22s}
.dev-page .dev-card-footer a.dev-action:hover{background:#c4f000;border-color:#c4f000;color:#111;text-decoration:none;transform:translateY(-2px)}
.dev-page .dev-card-footer .dev-action-upcoming{background:#242118;border-color:#4a4027;color:#e0bd7c;cursor:default}
.dev-page .dev-card-footer .dev-action-disabled{background:#181818;border-color:#303030;color:#858585;cursor:default}
.dev-page .dev-card-footer .dev-action i{font-size:13px}