.services-section{background:radial-gradient(circle at 0 0,#8aa2ff2e,#0000 32%),radial-gradient(circle at 100% 100%,#f06dc424,#0000 28%),linear-gradient(#f8faff 0%,#eef3ff 38%,#f8f6ff 100%);padding:32px 0;position:relative;overflow:hidden}.services-section:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff1a,#ffffff05,#ffffff1f);position:absolute;inset:0}.services-container{position:relative}.services-header{text-align:center;max-width:980px;margin:0 auto 52px}.services-badge{color:#202847;letter-spacing:.18em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf;border:1px solid #7f87c033;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:11px 20px 11px 16px;font-size:11px;font-weight:800;line-height:1;display:inline-flex;position:relative;box-shadow:0 12px 30px #5a63961a}.services-badge span{background:linear-gradient(135deg,#654bff,#bf65ee);border-radius:50%;width:10px;height:10px;box-shadow:0 0 16px #715cff99}.services-header h2{letter-spacing:-.075em;color:#171d34;text-wrap:balance;text-shadow:0 16px 34px #434d7814;max-width:960px;margin:22px auto 18px;font-size:clamp(38px,4vw,84px);font-weight:900;line-height:.96}.services-gradient{background:linear-gradient(110deg,#2458e8,#7035ed 55%,#b22ad1);color:#0000;text-shadow:0 18px 30px #7c69f533;filter:saturate(1.15);-webkit-background-clip:text;background-clip:text;padding:.01em .08em .04em;display:inline-block}.services-header h2 .services-gradient{background:linear-gradient(110deg,#2458e8,#7035ed 55%,#b22ad1);color:#0000;-webkit-background-clip:text;background-clip:text}.services-header p{color:#1f263cb3;letter-spacing:.01em;text-wrap:pretty;max-width:780px;margin:0 auto;font-size:clamp(17px,1.2vw,20px);font-weight:500;line-height:1.7}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.service-card{isolation:isolate;border:1px solid #65689529;border-radius:15px;min-height:220px;padding:22px 22px 20px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 16px 32px #525b861a,inset 0 1px #ffffffad}.service-card:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(135deg,#ffffff3d,#0000 42%);border-radius:14px;position:absolute;inset:1px}.service-card:hover{border-color:#414e8447;transform:translateY(-4px);box-shadow:0 24px 42px #525b862b,inset 0 1px #ffffffe6}.service-card.card-yellow{background:linear-gradient(135deg,#f7e26dc7 0%,#fff2a99e 100%)}.service-card.card-pink{background:linear-gradient(135deg,#f0a4cbcc 0%,#ffd7e99e 100%)}.service-card.card-purple{background:linear-gradient(135deg,#bfaef4c7 0%,#e4dcff9e 100%)}.service-card.card-sky{background:linear-gradient(135deg,#9edaf3cc 0%,#dbf2ff9e 100%)}.service-card.card-mint{background:linear-gradient(135deg,#a3e6b0d1 0%,#dcffe39e 100%)}.service-card.card-peach{background:linear-gradient(135deg,#f4c08acc 0%,#ffe8c49e 100%)}.service-card.card-lilac{background:linear-gradient(135deg,#c7c7ffcc 0%,#ecebff9e 100%)}.service-card.card-blue{background:linear-gradient(135deg,#a8d7f6cc 0%,#e2f3ff9e 100%)}.service-number{z-index:1;color:#171d3494;letter-spacing:.06em;align-items:center;gap:10px;font-weight:700;display:none;position:relative}.service-number:after{content:"";background:#171d3447;width:32px;height:1px;display:block}.service-content{z-index:1;max-width:310px;margin-top:0;position:relative}.service-content h3{color:#171d34;letter-spacing:-.05em;margin:0 0 12px;font-size:clamp(22px,2vw,30px);font-weight:800;line-height:1.1}.service-content p{color:#171d34bd;max-width:250px;margin:0;font-size:13px;line-height:1.4;display:block}.service-visual{justify-content:center;align-items:center;width:170px;height:170px;display:flex;position:absolute;bottom:0;right:0}.service-visual-inner{width:160px;height:160px;box-shadow:none;background:0 0;border:none;border-radius:24px;justify-content:center;align-items:center;transition:transform .3s;display:flex}.service-icon{object-fit:contain;filter:drop-shadow(0 10px 18px #171d342e);width:142px;height:142px}.service-cta{color:#171d34;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:13px;font-weight:500;display:inline-flex;position:absolute;bottom:18px;left:22px}.service-cta span:first-child{display:inline-block;position:relative}.service-cta span:first-child:after{content:"";background:#101633;width:0;height:2px;transition:background .28s,width .28s;position:absolute;bottom:-4px;left:0}.service-card:hover .service-cta span:first-child:after{background:#101633;width:100%}.service-cta-arrow{background:#ffffffdb;border:1px solid #171d3414;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .25s;display:inline-flex;box-shadow:0 8px 18px #171d3424,inset 0 1px #ffffffe6}.service-card:hover .service-cta-arrow{transform:translate(2px)}.services-divider{gap:18px;margin-top:28px;display:grid}.services-rule{background:#949fca61;width:100%;height:1px}.services-divider-actions{justify-content:flex-end;display:flex}.services-view-all{color:#fff;letter-spacing:.04em;background:linear-gradient(135deg,#101633 0%,#1a2447 100%);border-radius:999px;align-items:center;gap:12px;padding:10px 12px 10px 20px;font-size:12px;font-weight:600;text-decoration:none;transition:transform .3s,background .3s,box-shadow .3s;display:flex;box-shadow:0 12px 30px #10163329}.services-view-all:hover{background:linear-gradient(135deg,#0f7ef5 0%,#0d63d8 100%);transform:translateY(-2px);box-shadow:0 14px 34px #087ff542}.services-view-all-icon{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.services-stats{margin-top:30px}.stats-grid{grid-template-columns:1.15fr 1.2fr 1.15fr;gap:24px;display:grid}.stats-card{border-radius:28px;overflow:hidden;box-shadow:0 18px 36px #525b8614}.stats-card-hero{background:linear-gradient(135deg,#1f9ad9 0%,#69b7df 100%);min-height:440px;padding:22px 22px 18px}.stats-brand-row{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.stats-brand{letter-spacing:-.08em;color:#fff;font-size:clamp(38px,2vw,56px);font-weight:900;line-height:1}.stats-mark{background:#ffffffeb;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 12px 22px #121f471f}.stats-mark span{background:linear-gradient(#e8edf8 0%,#c7cfe8 100%);border-radius:8px;width:28px;height:26px;position:relative}.stats-mark span:before,.stats-mark span:after{content:"";background:linear-gradient(#1c2342 0%,#2a375d 100%);border-radius:2px;width:4px;position:absolute;top:0;bottom:0}.stats-mark span:before{left:7px}.stats-mark span:after{right:7px}.stats-highlight{background:#ffffffe0;border-radius:24px;flex-direction:column;justify-content:flex-end;min-height:332px;padding:18px 18px 20px;display:flex}.stats-portrait{background:linear-gradient(#ecf3fd 0%,#d7e8fa 100%);border-radius:22px;width:128px;height:124px;margin-bottom:18px;position:relative;overflow:hidden}.stats-portrait:before{content:"";background:linear-gradient(#f2c0a0 0%,#dfa37d 100%);border-radius:50%;width:62px;height:62px;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 0 -8px #8d573459}.stats-portrait:after{content:"";background:linear-gradient(#f3f7f9 0%,#dfeaf1 100%);border-radius:26px 26px 14px 14px;width:110px;height:54px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.stats-portrait-face{z-index:1;background:linear-gradient(#ffffffb8,#fff3);border-radius:44px 44px 38px 38px;width:84px;height:88px;position:absolute;top:30px;left:50%;transform:translate(-50%)}.stats-count{letter-spacing:-.08em;color:#1c2133;font-size:clamp(78px,4vw,128px);font-weight:900;line-height:.86}.stats-highlight p{color:#0f172ad1;max-width:320px;margin:18px 0 0;font-size:clamp(18px,1.15vw,22px);line-height:1.45}.stats-card-plain{background:linear-gradient(#f0efef 0%,#e7e4e3 100%);min-height:440px;padding:24px 22px 22px}.stats-label{color:#111722cc;font-size:18px;font-weight:600;line-height:1.3}.stats-percentage{letter-spacing:-.08em;color:#171d34;margin-top:12px;font-size:clamp(72px,4vw,120px);font-weight:900;line-height:.95}.stats-avatars{align-items:center;margin:22px 0 16px;display:flex}.avatar{background:linear-gradient(135deg,#f7cbad,#d69fe0);border:2px solid #ffffffe6;border-radius:50%;width:38px;height:38px;box-shadow:0 8px 16px #5a62961f}.avatar+.avatar{margin-left:-8px}.avatar-1{background:linear-gradient(135deg,#f7d0a8,#eaa38b)}.avatar-2{background:linear-gradient(135deg,#c8d5f2,#8eaad9)}.avatar-3{background:linear-gradient(135deg,#f3d6c8,#d7a08b)}.avatar-4{background:linear-gradient(135deg,#cce1b5,#8dbb94)}.avatar-5{background:linear-gradient(135deg,#d9d1f5,#b08ad7)}.stats-quote{color:#0f172ad1;letter-spacing:-.015em;margin:0;font-size:clamp(18px,1.15vw,24px);line-height:1.5}.stats-stack{gap:24px;display:grid}.stats-card-green{background:linear-gradient(135deg,#c8ef7d 0%,#b4eb7a 100%);min-height:282px;padding:24px 22px 22px}.stats-card-dark{background:linear-gradient(135deg,#0d1118 0%,#1a1e2c 100%);min-height:134px;padding:24px 22px 22px}.stats-label-light{color:#111722e6}.stats-number{letter-spacing:-.08em;font-weight:900;line-height:.95}.stats-number-light{color:#111827;margin-top:8px;font-size:clamp(58px,3vw,82px)}.stats-card-green p,.stats-card-dark p{color:#111722d1;margin:14px 0 0;font-size:17px;line-height:1.45}.stats-card-dark .stats-label-light,.stats-card-dark .stats-number-light{color:#fff}.stats-card-dark p{display:none}@media (max-width:1200px){.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid{grid-template-columns:1fr}.stats-card,.stats-card-hero,.stats-card-plain,.stats-card-green,.stats-card-dark{min-height:auto}}@media (max-width:700px){.services-section{padding-top:64px;padding-bottom:52px}.services-header{margin-bottom:32px}.services-header h2{font-size:clamp(34px,9vw,52px);line-height:1}.services-header p{font-size:15px}.services-grid{grid-template-columns:1fr;gap:16px}.service-card{min-height:260px;padding:18px}.service-content{max-width:200px;margin-top:18px}.service-content h3{margin-bottom:8px;font-size:24px}.service-content p{font-size:13px}.service-visual{width:120px;height:120px;bottom:0;right:0}.service-visual-inner{width:100px;height:100px}.service-icon{width:78px;height:78px}.service-cta{font-size:13px;bottom:18px;left:18px}.service-cta-arrow{width:28px;height:28px}}
.tech-stack-section{background:radial-gradient(circle at 10% 14%,#97b0ff2e,#0000 24%),radial-gradient(circle at 90% 56%,#d0b9ff33,#0000 28%),linear-gradient(#fff 0%,#f9faff 48%,#f0f3ff 100%);padding:32px 0 56px;position:relative;overflow:hidden}.tech-stack-section:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffffa8,#0000 48%,#e0e7ff4d);position:absolute;inset:0}.tech-stack-container{position:relative}.tech-stack-header{text-align:center;max-width:100%;margin:0 auto 28px}.tech-stack-badge{color:#202847;letter-spacing:.18em;background:#ffffffbf;border:1px solid #7f87c033;border-radius:999px;align-items:center;gap:12px;padding:11px 20px 11px 16px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 12px 30px #5a63961a}.tech-stack-badge span{background:linear-gradient(135deg,#654bff,#bf65ee);border-radius:50%;width:10px;height:10px;box-shadow:0 0 16px #715cff99}.tech-stack-header h2{color:#171d34;letter-spacing:-.075em;text-wrap:balance;text-shadow:0 16px 34px #434d7814;max-width:960px;margin:22px auto 18px;font-size:clamp(38px,4vw,84px);font-weight:900;line-height:.96}.tech-stack-gradient{color:#0000;background:linear-gradient(110deg,#2458e8,#7035ed 55%,#b22ad1);-webkit-background-clip:text;background-clip:text;display:inline-block}.tech-stack-header p{color:#1f263cb3;letter-spacing:.01em;text-wrap:pretty;max-width:780px;margin:0 auto;font-size:clamp(17px,1.2vw,20px);font-weight:500;line-height:1.7}.tech-stack-filters{background:#101010;border:2px solid #101010;border-radius:999px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;width:fit-content;max-width:100%;margin:0 auto 28px;padding:4px;display:flex;box-shadow:0 14px 24px #1010102e}.tech-stack-filters button{color:#ffffffe6;min-width:0;font:inherit;letter-spacing:.03em;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .3s,color .3s,box-shadow .3s;position:relative}.tech-stack-filters button:hover{color:#fff;background:#ffffff1f}.tech-stack-filters button.is-active{color:#101010;background:#f6f6f2;border-color:#1010101a;box-shadow:0 4px 10px #00000029}.tech-stack-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;display:grid}.tech-card{border:1px solid #8591c129;border-bottom:3px solid #6f7cff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:148px;padding:18px 10px 14px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 14px 28px #414e8414,inset 0 1px #ffffffb8}.tech-card:before{content:"";pointer-events:none;border:1px solid #ffffff6b;border-radius:15px;position:absolute;inset:1px}.tech-card:hover{transform:translateY(-6px);box-shadow:0 20px 32px #55629621}.tech-card-icon{object-fit:contain;filter:drop-shadow(0 8px 12px #1d27521f);width:76px;height:76px}.tech-card h3{color:#172142;text-align:center;margin:0;font-size:13px;font-weight:700;line-height:1.2}.tech-card-sky{--tech-accent:#38a9e8;background:linear-gradient(145deg,#edf7ff,#e7f1ff)}.tech-card-slate{--tech-accent:#65708a;background:linear-gradient(145deg,#f0f2f7,#e9ebf2)}.tech-card-mint{--tech-accent:#37b985;background:linear-gradient(145deg,#e9fff4,#f2faff)}.tech-card-yellow{--tech-accent:#e4b526;background:linear-gradient(145deg,#fff9e7,#fff4d9)}.tech-card-peach{--tech-accent:#e87854;background:linear-gradient(145deg,#fff0ec,#fff8f3)}.tech-card-blue{--tech-accent:#397eea;background:linear-gradient(145deg,#eaf5ff,#e8f0ff)}.tech-card-cyan{--tech-accent:#20a9c8;background:linear-gradient(145deg,#e9faff,#eef8ff)}.tech-card-rose{--tech-accent:#dd6690;background:linear-gradient(145deg,#fff0f4,#fff5fb)}.tech-card-green{--tech-accent:#49a943;background:linear-gradient(145deg,#effbe9,#f5fff1)}.tech-card-lilac{--tech-accent:#8b68df;background:linear-gradient(145deg,#f2f0ff,#f7f4ff)}.tech-card-ice{--tech-accent:#4c9fc5;background:linear-gradient(145deg,#ebf8ff,#f0f8ff)}.tech-card-violet{--tech-accent:#a34ed0;background:linear-gradient(145deg,#f6efff,#f4f2ff)}.tech-card{border-bottom-color:var(--tech-accent,#6f7cff)}.tech-stack-divider{gap:18px;margin-top:28px;display:grid}.tech-stack-rule{background:#949fca61;width:100%;height:1px}.tech-stack-divider-actions{justify-content:flex-end;display:flex}.tech-stack-view-all{color:#fff;font:inherit;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#101633 0%,#1a2447 100%);border:0;border-radius:999px;align-items:center;gap:12px;margin-left:4px;padding:10px 12px 10px 20px;font-size:12px;font-weight:600;transition:background .3s,box-shadow .3s,transform .3s;display:flex;box-shadow:0 12px 30px #10163329}.tech-stack-view-all:hover{background:linear-gradient(135deg,#0f7ef5 0%,#0d63d8 100%);transform:translateY(-2px);box-shadow:0 14px 34px #087ff542}.tech-stack-view-all-icon{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;transition:border-color .3s,background .3s;display:inline-flex}.tech-stack-view-all:hover .tech-stack-view-all-icon{background:#ffffff26;border-color:#ffffff80}@media (max-width:1100px){.tech-stack-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:700px){.tech-stack-section{padding:64px 0 80px}.tech-stack-header h2{font-size:clamp(34px,9vw,52px);line-height:1}.tech-stack-header p{font-size:15px}.tech-stack-filters{border-radius:20px;justify-content:flex-start;gap:2px;overflow-x:auto}.tech-stack-filters button{flex:none;min-height:44px;padding:9px 12px;font-size:12px}.tech-stack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tech-card{min-height:142px}.tech-stack-divider{margin-top:22px}}
.selected-project-featured{background-color:#07131f!important;background-image:url(/images/agropower.webp)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border-radius:14px!important;grid-template-columns:.72fr 1.28fr!important;min-height:440px!important;position:relative!important;box-shadow:0 26px 60px #0c1b3d3d!important}.selected-project-featured:before{display:none}.project-featured-copy{z-index:2;flex-direction:column;justify-content:center;display:flex;position:relative;background:0 0!important;padding:38px 38px 28px!important}.project-featured-copy .project-type{position:relative;letter-spacing:.14em!important;background:linear-gradient(135deg,#a8ffdc33,#ffffff14)!important;border-color:#ffffffe6!important;padding:7px 12px!important;font-size:10px!important;box-shadow:0 0 0 1px #beffe247,0 0 18px #5de8ad6b,0 0 28px #ffffff2e,inset 0 0 12px #ffffff1a!important}.project-featured-copy .project-type span{background:#35ddb6!important;box-shadow:0 0 10px #35ddb6e6!important}.project-featured-copy h3{letter-spacing:-.055em!important;color:#fff!important;text-shadow:0 5px 18px #0000003d!important;margin:20px 0 13px!important;font-size:clamp(34px,3vw,46px)!important;font-weight:900!important;line-height:1!important}.project-featured-copy p{color:#cbd7e8!important;max-width:360px!important;font-size:16px!important;line-height:1.48!important}.project-tech-list{flex-wrap:wrap!important;gap:9px!important;margin:22px 0!important;display:flex!important}.project-tech-list span{color:#e2e9f4!important;background:linear-gradient(135deg,#142237f0,#1f3149b8)!important;border:1px solid #7685b233!important;border-radius:10px!important;align-items:center!important;gap:9px!important;padding:8px 14px!important;font-size:12px!important;font-weight:700!important;display:inline-flex!important;box-shadow:inset 0 1px #ffffff1f,0 8px 18px #00000029!important}.project-tech-list img{object-fit:contain;filter:drop-shadow(0 4px 7px #0000004d);width:32px;height:32px}.project-case-study{width:max-content;color:#101633!important;letter-spacing:.04em!important;background:#fff!important;border:0!important;gap:14px!important;padding:10px 12px 10px 20px!important;font-size:12px!important;font-weight:600!important;transition:background .3s,box-shadow .3s,transform .3s!important;box-shadow:0 12px 30px #10163329!important}.project-case-study:hover{color:#fff!important;background:linear-gradient(135deg,#0f7ef5 0%,#0d63d8 100%)!important;transform:translateY(-2px)!important;box-shadow:0 14px 34px #087ff542!important}.project-case-study>span{color:#101633!important;background:#1016330f!important;border:1px solid #10163329!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;transition:border-color .3s,background .3s!important;display:inline-flex!important}.project-case-study:hover>span{color:#fff!important;background:#ffffff26!important;border-color:#ffffff80!important}.project-results{color:#dce6f8!important;gap:20px!important;margin-top:24px!important;padding-top:12px!important;font-size:12px!important}.project-results span+span{border-left:1px solid #7685b23d;padding-left:20px}.project-featured-visual{z-index:1;position:relative;background:0 0!important;min-height:440px!important}.project-browser-large{width:100%!important;height:100%!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;transform:none!important}.project-showcase-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.project-featured-visual:after{display:none}.selected-projects-badge{color:#202847!important;letter-spacing:.18em!important;text-transform:uppercase!important;background:#ffffffbf!important;border:1px solid #7f87c033!important;border-radius:999px!important;align-items:center!important;gap:12px!important;padding:11px 20px 11px 16px!important;font-size:11px!important;font-weight:800!important;display:inline-flex!important;box-shadow:0 12px 30px #5a63961a!important}.selected-projects-header{justify-content:center!important;min-height:170px!important;display:flex!important}.selected-projects-heading h2{letter-spacing:-.075em!important;color:#171d34!important;text-wrap:balance!important;text-shadow:0 16px 34px #434d7814!important;max-width:960px!important;margin:22px auto 18px!important;font-size:clamp(38px,4vw,84px)!important;font-weight:900!important;line-height:.96!important}.selected-projects-heading p{color:#1f263cb3!important;letter-spacing:.01em!important;max-width:780px!important;margin:0 auto!important;font-size:clamp(17px,1.2vw,20px)!important;font-weight:500!important;line-height:1.7!important}.selected-projects-filters{background:#101010!important;border:2px solid #101010!important;border-radius:999px!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:4px!important;width:fit-content!important;max-width:100%!important;margin:0 auto 28px!important;padding:4px!important;display:flex!important;box-shadow:0 14px 24px #1010102e!important}.selected-projects-filters button{min-width:0;color:#ffffffe6!important;letter-spacing:.03em!important;white-space:nowrap!important;box-shadow:none!important;background:0 0!important;border:1px solid #0000!important;border-radius:999px!important;padding:10px 16px!important;font-size:14px!important;font-weight:600!important}.selected-projects-filters button:hover{color:#fff!important;background:#ffffff1f!important;border-color:#0000!important;transform:none!important}.selected-projects-filters button.is-active,.selected-projects-filters button.tech-filter-active{color:#101010!important;background:#f6f6f2!important;border-color:#1010101a!important;box-shadow:0 4px 10px #00000029!important}.project-visual-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:26px;display:grid}.project-visual-panel{--project-color:#1ca66f;--project-color-soft:#18aa6026;--project-color-border:#18aa6052;background:#fff;border:1px solid #7886ae3d;border-radius:25px;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:8px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 38px #2b375f1f,0 3px 8px #2b375f0d}.project-inner-card{background:#fff;border:1px solid #7886ae29;border-radius:20px;width:100%;overflow:hidden;box-shadow:0 10px 24px #2b375f14}.project-visual-panel:hover{transform:translateY(-4px);box-shadow:0 26px 48px #2b375f29,0 5px 12px #2b375f12}.panel-left,.panel-right{--project-color:#1ca66f;--project-color-soft:#18aa6026;--project-color-border:#18aa6052;background:#fff}.browser-mockup{background:#fff;border-radius:25px 25px 0 0;flex-direction:column;flex:0 0 400px;width:100%;height:400px;display:flex;overflow:hidden}.browser-header{background:#ffffffb8;border-bottom:1px solid #7d89af24;align-items:center;gap:12px;padding:8px 12px;display:flex}.browser-dots{flex-shrink:0;align-items:center;gap:7px;display:flex}.browser-dots span{border-radius:50%;width:10px;height:10px;display:block}.dot-red{background:#ef4444}.dot-yellow{background:#fbbf24}.dot-green{background:#34d399}.browser-address{color:#1a2340;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;background:#f3f6ffe6;border:1px solid #7682a447;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.browser-lock{width:14px;height:14px;color:var(--project-color);justify-content:center;align-items:center;display:inline-flex}.browser-lock svg{stroke:currentColor;width:100%;height:100%}.browser-live{background:var(--project-color-soft);border:1px solid var(--project-color-border);color:var(--project-color);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:10px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.browser-live:hover{box-shadow:0 8px 18px var(--project-color-border);transform:translateY(-1px)}.browser-live svg{stroke:currentColor}.project-preview-modal{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090f1fc7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.project-preview-dialog{background:#fff;border:1px solid #ffffff38;border-radius:16px;flex-direction:column;width:min(1180px,100%);height:min(820px,92vh);display:flex;overflow:hidden;box-shadow:0 30px 90px #0000005c}.project-preview-toolbar{color:#fff;background:#101633;justify-content:space-between;align-items:center;min-height:52px;padding:8px 12px 8px 18px;display:flex}.project-preview-toolbar>div:first-child{letter-spacing:.14em;align-items:center;gap:9px;font-size:11px;display:inline-flex}.project-preview-status{background:#35ddb6;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #35ddb6e6}.project-preview-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,transform .2s;display:inline-flex}.project-preview-close:hover{background:#fff3;transform:rotate(90deg)}.project-preview-frame{background:#fff;border:0;width:100%;height:100%}@media (max-width:650px){.project-preview-modal{padding:8px}.project-preview-dialog{border-radius:12px;height:96vh}}.browser-viewport{--browser-viewport-height:348px;height:var(--browser-viewport-height);max-height:var(--browser-viewport-height);scrollbar-width:none;background:#edf3ff;position:relative;overflow:hidden auto}.browser-viewport::-webkit-scrollbar{display:none}.browser-viewport:after{display:none}.project-visual-image{object-fit:cover;object-position:top center;transform-origin:top;width:100%;height:auto;min-height:100%;animation:24s ease-in-out infinite alternate project-image-scroll;display:block;transform:translateY(0)}.selected-projects-section.is-preview-open .project-visual-image{animation-play-state:paused}.browser-viewport.is-manual-scroll .project-visual-image{animation:none;transform:translateY(0)}.browser-viewport:hover .project-visual-image{animation-play-state:paused}@keyframes project-image-scroll{0%{transform:translateY(0)}to{transform:translateY(calc(-100% + var(--browser-viewport-height)))}}@media (prefers-reduced-motion:reduce){.project-visual-image{animation:none}}.project-visual-info{background:#fff;border-top:1px solid #7d89af1f;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 18px;padding:24px 16px 16px;display:grid}.project-visual-kicker{--kicker-color:#1677c8;--kicker-color-soft:#1677c81a;--kicker-color-border:#1677c842;border:1px solid var(--kicker-color-border);background:var(--kicker-color-soft);color:var(--kicker-color);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:5px 9px 5px 7px;font-size:9px;font-weight:800;line-height:1;display:inline-flex}.project-visual-kicker:before{content:"";width:5px;height:5px;box-shadow:0 0 0 3px var(--kicker-color-soft);background:currentColor;border-radius:50%}.project-visual-info h3{color:#0b1224;letter-spacing:-.025em;white-space:nowrap;background:linear-gradient(90deg,#1677c833,#1677c80a);border-left:3px solid #1677c8;border-radius:0;grid-column:1/-1;justify-self:start;width:fit-content;max-width:100%;margin:14px 0 0;padding:8px 14px 8px 12px;font-size:clamp(19px,2.1vw,25px);font-weight:400;line-height:1.12;display:inline-block;position:relative;overflow:visible}.project-visual-info h3:after{display:none}.project-visual-tech{--tech-color:#1677c8;--tech-color-soft:#1677c81a;--tech-color-border:#1677c842;flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.project-visual-tech span{border:1px solid var(--tech-color-border);background:var(--tech-color-soft);min-height:32px;color:var(--tech-color);white-space:nowrap;border-radius:999px;align-items:center;padding:6px 11px;font-size:11px;font-weight:700;display:inline-flex}.project-visual-tech img{object-fit:contain;width:21px;height:21px;margin-right:6px}.project-section-footer{gap:18px;margin-top:28px;display:grid}.project-section-footer hr{background:#7886ae3d;border:0;width:100%;height:1px;margin:0}.project-view-all{color:#fff;letter-spacing:.04em;white-space:nowrap;background:linear-gradient(135deg,#101633 0%,#1a2447 100%);border-radius:999px;justify-content:space-between;align-items:center;gap:12px;width:fit-content;margin-left:auto;padding:10px 12px 10px 20px;font-size:12px;font-weight:600;text-decoration:none;transition:transform .3s,background .3s,box-shadow .3s;display:flex;box-shadow:0 12px 30px #10163329}.project-view-all:hover{background:linear-gradient(135deg,#0f7ef5 0%,#0d63d8 100%);transform:translateY(-2px);box-shadow:0 14px 34px #087ff542}.project-view-all-icon{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}@media (max-width:650px){.project-visual-pair,.project-visual-info{grid-template-columns:1fr}.project-visual-tech{justify-content:flex-start}.project-section-footer{gap:16px;margin-top:24px}.selected-projects-header{min-height:0!important}.selected-projects-heading h2{white-space:normal!important;font-size:clamp(34px,9vw,52px)!important;line-height:1!important}.selected-projects-heading p{font-size:15px!important}.selected-projects-filters{border-radius:20px!important;justify-content:flex-start!important;gap:2px!important;overflow-x:auto!important}.selected-projects-filters button{min-height:44px;flex:none!important;padding:9px 12px!important;font-size:12px!important}.selected-project-featured{grid-template-columns:1fr!important}.project-featured-copy{padding:30px 22px 26px!important}.project-featured-copy h3{font-size:34px!important}.project-featured-copy p{font-size:15px!important}.project-featured-visual{min-height:270px!important}.project-browser-large{width:100%!important;height:100%!important}}.selected-projects-section{padding:32px 0 56px!important}.selected-projects-header{min-height:auto!important;margin:0 auto 28px!important}.selected-projects-heading{width:100%!important}@media (max-width:700px){.selected-projects-section{padding:64px 0 80px!important}}.selected-projects-section{color:#101633;background:linear-gradient(#f6f8ff 0%,#eef2ff 100%);padding:84px 0 96px;position:relative;overflow:hidden}.selected-projects-container{width:min(1380px,100% - 48px);margin:0 auto}.selected-projects-header{grid-template-columns:1fr 2.2fr 1fr;align-items:center;min-height:170px;display:grid}.selected-projects-heading{text-align:center}.selected-projects-badge{letter-spacing:.18em;background:#ffffffb3;border:1px solid #e0e7f4;border-radius:999px;align-items:center;gap:10px;padding:9px 17px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:0 10px 24px #505f9614}.selected-projects-badge span{background:#6d42ff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px #836bff}.selected-projects-heading h2{letter-spacing:-.07em;margin:16px 0 8px;font-size:clamp(42px,5vw,72px);font-weight:900;line-height:.95}.selected-projects-heading h2 span{color:#0000;background:linear-gradient(110deg,#2458e8,#7035ed 55%,#b22ad1);-webkit-background-clip:text;background-clip:text}.selected-projects-heading p{color:#53617d;max-width:560px;margin:auto;font-size:14px;line-height:1.45}.selected-projects-side-note{color:#8290aa;align-self:start;padding-top:22px;font-size:10px;line-height:1.35}.selected-projects-side-note-right{text-align:right;flex-direction:column;align-items:flex-end;font-style:italic;display:flex}.selected-projects-side-note-right svg{margin-top:4px;transform:rotate(55deg)}.selected-projects-filters{flex-wrap:wrap;justify-content:center;gap:8px;margin:4px auto 22px;display:flex}.selected-projects-filters button{color:#1b2544;font:inherit;cursor:pointer;background:#ffffffb8;border:1px solid #e0e7f4;border-radius:999px;padding:10px 20px;font-size:11px;font-weight:700;transition:all .25s;box-shadow:0 8px 20px #505f960d}.selected-projects-filters button:hover{border-color:#c8d7f2;transform:translateY(-2px)}.selected-projects-filters button.is-active{color:#fff;background:#172142;border-color:#172142;box-shadow:0 10px 22px #17214233}.selected-project-featured{color:#fff;background:#081424;border-radius:14px;grid-template-columns:.78fr 1.22fr;min-height:390px;display:grid;overflow:hidden;box-shadow:0 18px 38px #2b396e29}.project-featured-copy{z-index:2;padding:30px 30px 24px;position:relative}.project-type{letter-spacing:.12em;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:7px;width:max-content;padding:5px 10px;font-size:8px;font-weight:800;display:inline-flex}.project-type span{background:#35ddb6;border-radius:50%;width:6px;height:6px}.project-featured-copy h3{letter-spacing:-.05em;margin:18px 0 10px;font-size:31px;line-height:1}.project-featured-copy p{color:#c4d0e4;max-width:300px;margin:0;font-size:13px;line-height:1.5}.project-tech-list{gap:7px;margin:16px 0;display:flex}.project-tech-list span,.project-tech-chip{color:#e2e9f4;background:#ffffff1a;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:700}.project-case-study{color:#101633;background:#fff;border-radius:999px;align-items:center;gap:12px;padding:9px 14px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.project-case-study span,.project-arrow{background:#eef2f9;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.project-results{color:#9cacbf;border-top:1px solid #ffffff1f;gap:22px;margin-top:28px;padding-top:14px;font-size:9px;display:flex}.project-results span{flex-direction:column;gap:4px;display:flex}.project-results strong{color:#fff;font-size:15px}.project-featured-visual{background:radial-gradient(circle at 45% 48%,#16cc9dcc,#0000 30%),linear-gradient(140deg,#0d1829,#0b2230 52%,#07131f);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-glow{filter:blur(34px);background:#11e0a440;border-radius:50%;width:280px;height:280px;position:absolute}.project-browser{background:#f6f8fa;border:5px solid #dce4e7;border-radius:12px;position:relative;overflow:hidden;transform:rotate(-5deg);box-shadow:0 20px 38px #0006}.project-browser-large{width:78%;height:265px;transform:rotate(-5deg)translate(12px,10px)}.browser-bar{background:#d9e0e4;align-items:center;gap:4px;height:18px;padding:0 8px;display:flex}.browser-bar span{background:#8795a0;border-radius:50%;width:5px;height:5px}.browser-content{background:linear-gradient(135deg,#f6f1e8,#d5d8d1 60%,#6a755e);height:calc(100% - 18px);position:relative;overflow:hidden}.browser-brand{color:#168363;font-size:10px;font-weight:900;line-height:.8;position:absolute;top:15px;left:15px}.browser-brand small{font-size:6px}.browser-nav{color:#46515a;font-size:6px;position:absolute;top:17px;right:16px}.browser-hero-copy{color:#354039;font-size:23px;font-weight:900;line-height:.88;position:absolute;top:72px;left:20px}.browser-hero-copy em{font-style:italic}.browser-tractor{color:#31523c;text-align:center;font-size:7px;position:absolute;bottom:70px;right:17px;transform:rotate(-5deg)}.browser-tractor:before{content:"";background:linear-gradient(140deg,#315839,#a89028 68%,#18291b);border-radius:55% 45% 45% 35%;width:84px;height:55px;position:absolute;top:-31px;left:-27px;transform:rotate(8deg)}.browser-panels{gap:4px;display:flex;position:absolute;bottom:8px;left:10px;right:10px}.browser-panels span{background:#ffffffd9;border-radius:4px;flex:1;height:26px}.project-visual-note{color:#334541;background:#eff8f5cc;border-radius:8px;padding:11px 13px;font-size:10px;font-style:italic;position:absolute;top:18%;right:5%;transform:rotate(-8deg)}.selected-projects-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.selected-project-card{background:#ffffffbd;border:1px solid #dce5f3;border-radius:13px;grid-template-columns:1fr .92fr;min-height:170px;display:grid;overflow:hidden;box-shadow:0 12px 26px #4e5e9114}.project-card-copy{padding:15px 13px}.project-card-copy .project-type{color:#526380;background:#eef5ff;border:0;padding:4px 7px;font-size:7px}.project-card-copy h3{letter-spacing:-.04em;margin:12px 0 7px;font-size:17px;line-height:1}.project-card-copy p{color:#6a7892;margin:0;font-size:10px;line-height:1.4}.project-card-footer{align-items:center;gap:5px;margin-top:16px;display:flex}.project-arrow{color:#fff;background:#101633;width:24px;height:24px}.project-tech-chip{color:#53617b;background:#eef3fa;padding:5px 6px;font-size:8px}.project-card-visual{background:radial-gradient(circle at 40% 60%,#5699ff57,#0000 45%),linear-gradient(145deg,#edf3ff,#dfe8f5);justify-content:center;align-items:center;display:flex;overflow:hidden}.project-card-visual .project-browser{width:108%;height:88px;transform:rotate(7deg)translate(9px)}.project-card-visual .browser-content{background:linear-gradient(135deg,#f7fafc,#b6d0e1)}.project-card-visual .browser-lines{background:#fff;border-radius:4px;height:8px;position:absolute;top:15px;left:12px;right:12px;box-shadow:0 15px #fff,0 30px #ffffffb3}.browser-device{color:#d8efff;background:#14233b;border-radius:7px;justify-content:center;align-items:center;width:38px;height:48px;display:flex;position:absolute;bottom:13px;right:17px;box-shadow:0 9px 12px #14233b4d}.selected-project-card.project-tone-violet .project-card-visual{background:radial-gradient(circle at 50% 45%,#58b1fb61,#0000 45%),linear-gradient(145deg,#edf7ff,#dae7f4)}.selected-project-card.project-tone-purple .project-card-visual{background:radial-gradient(circle at 50% 45%,#8d61ff61,#0000 45%),linear-gradient(145deg,#f1efff,#e3e6fa)}.selected-projects-cta{color:#fff;background:linear-gradient(110deg,#0b1425,#101b34);border-radius:13px;grid-template-columns:1fr 1.2fr auto;align-items:center;gap:26px;min-height:90px;margin-top:16px;padding:18px 28px;display:grid;overflow:hidden;box-shadow:0 18px 34px #141e3a29}.selected-projects-cta small{color:#c5cfdf;font-size:9px}.selected-projects-cta h3{letter-spacing:-.04em;margin:5px 0 0;font-size:21px;line-height:1}.selected-projects-cta h3 span{color:#7f8cff}.selected-projects-cta p{color:#aebbd0;border-left:1px solid #ffffff2e;margin:0;padding-left:24px;font-size:10px;line-height:1.5}.selected-projects-cta a{color:#101633;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:11px 14px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.selected-projects-cta a span{background:#edf1f7;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}@media (max-width:1000px){.selected-projects-header{grid-template-columns:1fr}.selected-projects-side-note{display:none}.selected-project-featured{grid-template-columns:1fr}.project-featured-visual{min-height:300px}.selected-projects-grid{grid-template-columns:1fr 1fr}.selected-projects-cta{grid-template-columns:1fr}.selected-projects-cta p{border:0;padding:0}}@media (max-width:650px){.selected-projects-section{padding:64px 0 72px}.selected-projects-container{width:min(100% - 24px,560px)}.selected-projects-heading h2{font-size:clamp(38px,11vw,58px)}.selected-projects-heading p{font-size:13px}.selected-projects-filters{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.selected-projects-filters button{flex:none;padding:9px 15px}.selected-project-featured{min-height:0}.project-featured-copy{padding:22px 18px}.project-featured-copy h3{font-size:28px}.project-featured-visual{min-height:240px}.project-browser-large{width:88%;height:190px}.selected-projects-grid{grid-template-columns:1fr}.selected-project-card{min-height:155px}.selected-projects-cta{padding:20px}.selected-projects-cta h3{font-size:19px}.selected-projects-cta a{width:max-content}}
