.work-hero{padding:156px 0 88px;position:relative;overflow:hidden;background:#fff}.work-hero:before,.work-hero:after{content:"";position:absolute;border-radius:999px;filter:blur(30px);pointer-events:none}.work-hero:before{width:520px;height:520px;right:-160px;top:-190px;background:radial-gradient(circle,rgba(100,86,255,.13),transparent 68%)}.work-hero:after{width:440px;height:440px;left:-180px;bottom:-220px;background:radial-gradient(circle,rgba(51,102,255,.09),transparent 70%)}
.work-kicker{display:inline-flex;align-items:center;gap:9px;font-size:.73rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#7b8190}.work-kicker i{width:8px;height:8px;border-radius:50%;background:#44ce91;box-shadow:0 0 0 6px rgba(68,206,145,.11)}.work-hero h1{font-size:clamp(4rem,8vw,7.6rem);line-height:.89;letter-spacing:-.072em;max-width:980px;margin:22px 0 30px}.work-hero h1 span{background:linear-gradient(100deg,#3962ff,#865cff);-webkit-background-clip:text;background-clip:text;color:transparent}.work-hero p{font-size:1.14rem;line-height:1.8;color:#707785;max-width:780px}.work-hero-foot{margin-top:42px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.work-hero-proof{display:flex;gap:9px;flex-wrap:wrap}.work-hero-proof span{border:1px solid #e5e8ef;background:#fff;border-radius:999px;padding:8px 11px;font-size:.78rem;font-weight:750;color:#5e6572}
.portfolio-shell{background:#f7f8fb;border-top:1px solid #eceef4;padding:74px 0 110px}.work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:34px;position:sticky;top:92px;z-index:15;padding:12px 0;background:linear-gradient(#f7f8fb 72%,rgba(247,248,251,0))}.work-filters{display:flex;gap:8px;flex-wrap:wrap}.work-filter{border:1px solid #dfe3eb;background:#fff;color:#565d69;border-radius:999px;padding:9px 13px;font-weight:750;cursor:pointer;transition:.2s}.work-filter:hover,.work-filter.active{background:#171a20;color:#fff;border-color:#171a20}.work-count{font-size:.8rem;font-weight:800;color:#8a909b;letter-spacing:.08em;text-transform:uppercase}
.featured-work{display:grid;grid-template-columns:1.28fr .72fr;gap:18px;margin-bottom:18px}.feature-stack{display:grid;gap:18px}.project-card{position:relative;background:#fff;border:1px solid #e3e6ed;border-radius:28px;overflow:hidden;min-width:0;transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s,border-color .35s}.project-card:hover{transform:translateY(-4px);box-shadow:0 30px 70px -32px rgba(21,27,45,.28);border-color:#d5d9e4}.project-visual{position:relative;min-height:340px;overflow:hidden;background:linear-gradient(145deg,#f0f3fa,#fff)}.project-card.large .project-visual{min-height:510px}.project-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(15,18,26,.06),transparent 42%);pointer-events:none}.project-body{padding:28px}.project-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.project-status{display:inline-flex;align-items:center;gap:7px;border:1px solid #e1e4ea;border-radius:999px;padding:6px 9px;background:#fff;font-size:.72rem;font-weight:800;color:#5c6370}.project-status i{width:7px;height:7px;border-radius:50%;background:#44c78a}.project-status.demo i{background:#f2a94a}.project-status.private i{background:#8467ff}.project-status.lab i{background:#6a7484}.project-index{font-size:.72rem;letter-spacing:.13em;color:#9ba1ac;font-weight:800}.project-card h2,.project-card h3{margin:0;letter-spacing:-.045em}.project-card h2{font-size:clamp(2.2rem,4vw,4.15rem);line-height:.98}.project-card h3{font-size:1.75rem;line-height:1.03}.project-body p{color:#737a87;line-height:1.7;margin:15px 0 18px}.project-tags{display:flex;gap:7px;flex-wrap:wrap}.project-tags span{background:#f4f5f8;border:1px solid #e8eaf0;border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:750;color:#626975}.project-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}
.visual-city{background:radial-gradient(circle at 18% 14%,rgba(75,102,255,.2),transparent 30%),linear-gradient(145deg,#f7f9ff,#eef1fb)}.city-map{position:absolute;inset:34px;border-radius:24px;background:linear-gradient(150deg,#fff,#f5f7fb);border:1px solid #dfe4ef;box-shadow:0 28px 60px -34px rgba(38,47,75,.35);overflow:hidden}.city-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(66,78,104,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(66,78,104,.06) 1px,transparent 1px);background-size:42px 42px}.city-map .map-route{position:absolute;left:14%;right:10%;top:52%;height:4px;border-radius:99px;background:linear-gradient(90deg,#4a66ff,#9069ff);transform:rotate(-9deg);box-shadow:0 0 26px rgba(86,98,255,.28)}.city-map .map-pin{position:absolute;width:46px;height:46px;border-radius:14px;background:#171a22;color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 16px 30px rgba(20,25,40,.18)}.city-map .p1{left:15%;top:28%}.city-map .p2{left:48%;top:46%;background:linear-gradient(140deg,#4568ff,#8467ff)}.city-map .p3{right:12%;bottom:20%}.city-panel{position:absolute;left:22px;bottom:22px;width:230px;padding:16px;border:1px solid #e1e5ee;border-radius:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px)}.city-panel small{color:#939aa8}.city-panel strong{display:block;margin:6px 0;font-size:1.05rem}
.visual-gastro{background:radial-gradient(circle at 80% 20%,rgba(80,177,158,.22),transparent 34%),linear-gradient(145deg,#eef9f6,#f9fbfb)}.restaurant-ui{position:absolute;inset:28px;border-radius:22px;background:#10201e;color:white;padding:24px;box-shadow:0 28px 60px -32px rgba(10,40,33,.48);display:grid;grid-template-columns:.72fr 1.28fr;gap:18px}.restaurant-menu{border-right:1px solid rgba(255,255,255,.12);padding-right:18px}.restaurant-menu strong{font-size:1.35rem}.restaurant-menu span{display:block;color:#a9c0bb;margin:11px 0;font-size:.8rem}.restaurant-board{background:#f7faf9;color:#18312d;border-radius:18px;padding:16px}.restaurant-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.restaurant-kpis b{background:#fff;border:1px solid #dce9e5;border-radius:12px;padding:10px;font-size:.8rem}.restaurant-orders{margin-top:10px;display:grid;gap:7px}.restaurant-orders span{height:34px;background:#eaf3f0;border-radius:10px}.visual-realestate{background:radial-gradient(circle at 20% 18%,rgba(93,103,255,.2),transparent 32%),linear-gradient(145deg,#f4f5ff,#f8f8fb)}.crm-ui{position:absolute;inset:30px;border-radius:22px;background:white;border:1px solid #dfe3eb;box-shadow:0 28px 60px -32px rgba(44,50,80,.35);display:grid;grid-template-columns:92px 1fr;overflow:hidden}.crm-side{background:#151923;padding:20px 13px}.crm-side i{display:block;height:8px;border-radius:6px;background:#3b4251;margin:12px 0}.crm-side i:first-child{background:#6271ff}.crm-main{padding:22px}.crm-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.crm-kpis span{height:64px;border:1px solid #e3e6ed;border-radius:12px}.crm-chart{height:150px;margin-top:14px;border:1px solid #e3e6ed;border-radius:14px;display:flex;align-items:end;gap:8px;padding:16px}.crm-chart i{flex:1;border-radius:7px 7px 2px 2px;background:linear-gradient(#5f6cff,#a6aaff)}.crm-chart i:nth-child(1){height:42%}.crm-chart i:nth-child(2){height:66%}.crm-chart i:nth-child(3){height:54%}.crm-chart i:nth-child(4){height:84%}.crm-chart i:nth-child(5){height:72%}.crm-chart i:nth-child(6){height:92%}
.visual-news{background:linear-gradient(145deg,#f7f1f3,#fff)}.news-ui{position:absolute;inset:30px;border-radius:22px;background:#fff;border:1px solid #eadfe3;box-shadow:0 28px 60px -32px rgba(68,42,50,.3);padding:20px}.news-mast{font-family:Georgia,serif;font-size:1.55rem;border-bottom:3px double #342229;padding-bottom:12px}.news-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:15px;margin-top:15px}.news-lead{height:180px;background:linear-gradient(150deg,#8b4d61,#3a252d);border-radius:12px;position:relative}.news-lead:after{content:"EDITORIAL WORKFLOW";position:absolute;left:14px;bottom:14px;color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.1em}.news-side{display:grid;gap:9px}.news-side span{border:1px solid #eadfe3;border-radius:10px;background:#faf7f8}.visual-radar{background:linear-gradient(145deg,#eef5ff,#fff)}.radar-ui{position:absolute;inset:28px;border-radius:22px;background:#111a2b;color:#fff;padding:20px;box-shadow:0 28px 60px -32px rgba(20,48,92,.45)}.radar-search{height:44px;border-radius:12px;background:#1d2941;border:1px solid #2c3c5a;margin-bottom:14px}.radar-list{display:grid;gap:8px}.radar-list span{height:50px;background:#18243a;border:1px solid #2a3a57;border-radius:12px;position:relative}.radar-list span:after{content:"MATCH";position:absolute;right:12px;top:13px;color:#76a7ff;font-size:.67rem;font-weight:900}.visual-web{background:linear-gradient(145deg,#f7f7fb,#fff)}.browser-frame{position:absolute;inset:28px;border-radius:22px;background:#fff;border:1px solid #e0e3eb;box-shadow:0 28px 58px -32px rgba(36,42,65,.32);overflow:hidden}.browser-top{height:36px;border-bottom:1px solid #e5e7ed;display:flex;align-items:center;gap:6px;padding:0 12px}.browser-top i{width:7px;height:7px;border-radius:50%;background:#d4d8e2}.browser-hero{height:150px;margin:16px;border-radius:14px;background:linear-gradient(125deg,#171a22,#5c63ff);position:relative}.browser-hero:after{content:"UNOVIQ WEB";position:absolute;left:16px;bottom:16px;color:#fff;font-size:.7rem;font-weight:900;letter-spacing:.12em}.browser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 16px}.browser-grid span{height:54px;border-radius:10px;background:#f2f4f8;border:1px solid #e5e8ee}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card.compact .project-visual{min-height:245px}.project-card.compact .project-body{padding:22px}.project-card.compact h3{font-size:1.45rem}.section-label{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:88px 0 26px}.section-label h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.95;letter-spacing:-.06em;margin:8px 0 0}.section-label p{max-width:580px;color:#7b818d}.labs-band{margin-top:20px;border-radius:30px;background:#11141b;color:#fff;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative;overflow:hidden}.labs-band:before{content:"";position:absolute;right:-100px;top:-180px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(111,91,255,.42),transparent 66%)}.lab-item{position:relative;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);border-radius:22px;padding:24px;min-height:210px}.lab-item h3{font-size:1.8rem;margin:11px 0}.lab-item p{color:rgba(255,255,255,.61);line-height:1.65}.lab-item .project-tags span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1);color:#c7ccd7}.portfolio-cta{margin-top:86px;border-radius:32px;padding:58px;background:linear-gradient(135deg,#171a22,#242b45);color:#fff;position:relative;overflow:hidden}.portfolio-cta:after{content:"";position:absolute;width:450px;height:450px;right:-120px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(111,87,255,.58),transparent 68%)}.portfolio-cta h2{font-size:clamp(2.6rem,5vw,5.2rem);line-height:.95;letter-spacing:-.06em;max-width:780px;margin:0 0 20px}.portfolio-cta p{color:rgba(255,255,255,.64);max-width:670px}.portfolio-cta .project-actions{position:relative;z-index:2}.project-card[hidden]{display:none!important}
.work-search-empty{grid-column:1/-1;padding:48px;border:1px dashed #d7dce5;border-radius:24px;text-align:center;color:#858b96;background:#fff}.work-meta-line{display:flex;gap:12px;align-items:center;color:#9298a4;font-size:.77rem;font-weight:750;margin-top:12px}.work-meta-line i{width:4px;height:4px;border-radius:50%;background:#c3c7d0}
@media(max-width:1080px){.featured-work{grid-template-columns:1fr}.feature-stack{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr 1fr}.work-toolbar{top:78px}.project-card.large .project-visual{min-height:430px}.labs-band{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.work-hero{padding:112px 0 64px}.work-hero h1{font-size:3.7rem}.work-hero-foot{align-items:flex-start}.work-toolbar{position:static;display:block}.work-count{margin-top:12px}.feature-stack,.project-grid,.labs-band{grid-template-columns:1fr}.project-card.large .project-visual,.project-visual{min-height:300px}.project-card.compact .project-visual{min-height:220px}.restaurant-ui{grid-template-columns:1fr}.restaurant-menu{display:none}.city-panel{width:190px}.project-body{padding:22px}.portfolio-cta{padding:34px 24px}.section-label{display:block;margin-top:64px}.section-label p{margin-top:14px}}

.section-label[hidden],.project-grid[hidden],.featured-work[hidden],.labs-band[hidden]{display:none!important}

/* Real project proof screenshots */
.work-shot-wrap{background:#eef1f6}
.work-shot-wrap>.work-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;z-index:5;transition:transform .55s cubic-bezier(.2,.75,.25,1);background:#fff}
.work-shot-wrap>:not(.work-shot){display:none!important}
.project-card:hover .work-shot{transform:scale(1.015)}