@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{opacity:0;animation:.6s ease-out forwards fadeInUp}.scale-fade-in{opacity:0;animation:.7s ease-out forwards scaleFadeIn}.slide-in-up{opacity:0;animation:.6s ease-out forwards slideInUp}*{box-sizing:border-box;margin:0;padding:0}.services-page{background:var(--bg-dark);color:var(--foreground);font-family:var(--font-main);overflow-x:hidden}.eyebrow{font-size:var(--eyebrow-size);letter-spacing:.12em;color:#a1a1aa;text-transform:uppercase;margin-bottom:16px;font-weight:600;line-height:1.4;display:inline-block}.btn-primary{color:#000;cursor:pointer;font-weight:500;font-size:var(--button-size);letter-spacing:.02em;font-family:var(--font-main);background:#fff;border:1px solid #fff;border-radius:10px;width:fit-content;margin-top:24px;padding:10px 24px;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.btn-primary:before{content:"";z-index:-1;background:#000;border-radius:12px;width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.btn-primary:hover{background:var(--foreground);color:#000;transform:translateY(-3px);box-shadow:0 5px 20px #ffffff4d}.btn-primary:active{transform:translateY(-1px)}.hero-section{max-width:1600px;margin:0 auto;padding:160px 8% 0}.hero-container{flex-direction:column;gap:32px;display:flex}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50px;width:fit-content;padding:10px 20px;animation:.6s ease-out fadeInUp}.hero-badge span{color:#a1a1aa;font-size:var(--eyebrow-size);letter-spacing:.06em;font-weight:500}.hero-title{font-size:var(--h1-size);font-weight:300;line-height:var(--leading-tight);letter-spacing:var(--tracking-hero);max-width:800px}.hero-subtitle{font-size:var(--p-size);color:var(--text-muted);font-weight:400;line-height:var(--leading-body);max-width:700px}.hero-image{border-radius:24px;width:100%;height:500px;margin:16px 0;overflow:hidden}.hero-image img{object-fit:cover;opacity:1;filter:none;width:100%;height:100%;transition:filter .5s,transform .5s;display:block}.hero-image:hover img{filter:brightness(1.1)contrast(1.05);transform:scale(1.02)}.stats-section{max-width:1600px;margin:0 auto;padding:80px 8%}.stats-container{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.stat-card{text-align:center;background:linear-gradient(135deg,#ffffff0d 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:16px;padding:40px 28px;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.stat-card:before{content:"";background:radial-gradient(circle, rgba(var(--accent-blue-rgb), .1), transparent);opacity:0;pointer-events:none;width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;right:-50%}.stat-card:hover{background:linear-gradient(135deg,#ffffff14 0%,#ffffff05 100%);border-color:#ffffff26;transform:translateY(-6px);box-shadow:0 20px 50px #0000004d}.stat-card:hover:before{opacity:1}.stat-number{background:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:clamp(2.25rem,3vw,2.625rem);font-weight:400;line-height:1.1}.stat-label{font-size:var(--secondary-size);color:var(--text-muted);font-weight:400;line-height:1.55}.filter-container{align-items:center;gap:24px;margin-bottom:40px;padding:20px 0;display:flex}.filter-label{font-size:var(--eyebrow-size);color:#8a8a8a;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.filter-options{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-chip{font-size:var(--secondary-size);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff14;border-radius:50px;align-items:center;gap:10px;padding:8px 16px;transition:all .3s;display:flex}.filter-chip:hover{color:#fff;background:#ffffff0f;border-color:#fff3}.filter-chip.active{color:#fff;background:#ffffff1a;border-color:#fff}.checkbox-custom{border:1px solid #ffffff4d;border-radius:3px;width:14px;height:14px;transition:all .3s;position:relative}.filter-chip.active .checkbox-custom{background:#fff;border-color:#fff}.filter-chip.active .checkbox-custom:after{content:"";border:2px solid #000;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.clear-filter{color:#8a8a8a;font-size:var(--secondary-size);cursor:pointer;background:0 0;border:none;padding:5px 10px;font-weight:400;text-decoration:underline;transition:color .3s}.clear-filter:hover{color:#fff}@media (max-width:768px){.filter-container{flex-direction:column;align-items:flex-start;gap:16px}}.services-list-section{max-width:1600px;margin:0 auto;padding:80px 8%}.services-list-container{border-top:1px solid #ffffff1a;width:100%;margin-top:40px}.list-header{color:#8a8a8a;font-size:var(--eyebrow-size);letter-spacing:.08em;border-bottom:1px solid #ffffff1a;grid-template-columns:80px 250px 1fr 150px 60px;padding:20px 0;font-weight:600;display:grid}.header-col{padding:0 20px}.services-rows{flex-direction:column;display:flex}.service-row-item{cursor:default;border-bottom:1px solid #ffffff0d;grid-template-columns:80px 250px 1fr 150px 60px;align-items:center;padding:30px 0;transition:all .3s;display:grid}.service-row-item:hover{cursor:pointer;background:#ffffff05;border-bottom-color:#ffffff26}.row-col{padding:0 20px}.icon-box{color:#888;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.service-row-item:hover .icon-box{color:#fff;background:#ffffff14;border-color:#fff3}.col-title h3{font-size:var(--card-title-size);letter-spacing:var(--tracking-card);color:#fff;margin:0;font-weight:500;line-height:1.35}.col-description p{font-size:var(--secondary-size);color:#a1a1aa;max-width:600px;margin:0;font-weight:400;line-height:1.6}.service-row-item:hover .col-description p{color:#bbb}.category-tag{font-size:var(--eyebrow-size);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;background:#ffffff0d;border-radius:4px;padding:4px 12px;font-weight:600}.tag-foundation{color:#818cf8;background:#818cf81a}.tag-privacy{color:#34d399;background:#34d3991a}.tag-assurance{color:#f472b6;background:#f472b61a}.tag-technical{color:#60a5fa;background:#60a5fa1a}.tag-resilience{color:#fbbf24;background:#fbbf241a}.row-arrow{color:#444;font-size:18px;text-decoration:none;transition:all .3s;display:block}.service-row-item:hover .row-arrow{color:#fff;transform:translate(5px)}@media (max-width:1100px){.list-header,.service-row-item{grid-template-columns:60px 200px 1fr 120px 40px}}@media (max-width:900px){.list-header{display:none}.service-row-item{grid-template-columns:60px 1fr 40px;grid-template-areas:"icon title arrow""icon desc arrow""icon tag arrow";gap:10px;padding:25px 0}.col-icon{grid-area:icon}.col-title{grid-area:title}.col-description{grid-area:desc}.col-category{grid-area:tag;padding-top:5px}.col-action{grid-area:arrow}}@media (max-width:600px){.service-row-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;grid-template-columns:1fr 40px;grid-template-areas:"title arrow""desc arrow""tag arrow";margin-bottom:12px;padding:20px 15px}.col-icon{display:none}}.highlight-section{max-width:1600px;margin:0 auto;padding:100px 8%}.highlight-container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.highlight-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff0f 0%,#ffffff03 100%);border:1px solid #ffffff1a;border-radius:24px;padding:48px;transition:all .5s cubic-bezier(.23,1,.32,1)}.highlight-card:hover{background:linear-gradient(135deg,#ffffff1a 0%,#ffffff05 100%);border-color:#fff3;transform:translateY(-8px);box-shadow:0 25px 60px #0006}.highlight-header{margin-bottom:36px}.highlight-card h3{font-size:var(--h2-compact-size);font-weight:300;line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);margin:16px 0 12px}.highlight-subtitle{font-size:var(--p-size);color:var(--text-muted);font-weight:400;line-height:var(--leading-body)}.highlight-list{gap:16px;list-style:none;display:grid}.highlight-list li{font-size:var(--p-size);color:#c7c7cc;padding-left:28px;font-weight:400;line-height:1.6;transition:all .3s;position:relative}.highlight-list li:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;transition:all .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.highlight-list li:hover{color:#fff;padding-left:36px}.highlight-list li:hover:before{width:8px;height:8px}.highlight-image{border-radius:20px;height:100%;min-height:400px;overflow:hidden}.highlight-image img{object-fit:cover;width:100%;height:100%;transition:filter .5s,transform .5s}.highlight-image:hover img{filter:brightness(1.1);transform:scale(1.03)}.deep-dive-section{max-width:1600px;margin:0 auto;padding:120px 8%}.deep-dive-container{flex-direction:column;gap:60px;display:flex}.deep-dive-header{max-width:100%}.deep-dive-header h2{font-size:var(--h2-size);font-weight:300;line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);margin-top:16px}.deep-dive-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.approach-card{background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:18px;padding:40px;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.approach-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffff14 0%,#0000 100%);transition:opacity .4s;position:absolute;inset:0}.approach-card:hover{background:linear-gradient(135deg,#ffffff14 0%,#ffffff05 100%);border-color:#ffffff26;transform:translateY(-6px);box-shadow:0 20px 50px #0000004d}.approach-card:hover:before{opacity:1}.approach-number{opacity:.12;margin-bottom:16px;font-size:clamp(2.25rem,4vw,3rem);font-weight:300;line-height:1;transition:opacity .3s;display:block}.approach-card:hover .approach-number{opacity:.25}.approach-card h4{font-size:var(--card-title-size);letter-spacing:var(--tracking-card);margin-bottom:12px;font-weight:500;line-height:1.35;transition:color .3s}.approach-card:hover h4{color:#fff}.approach-card p{font-size:var(--secondary-size);color:var(--text-muted);margin:0;font-weight:400;line-height:1.7;transition:color .3s}.approach-card:hover p{color:#c7c7cc}.approach-card-horizontal h3{font-size:var(--card-title-size);letter-spacing:var(--tracking-card);color:#fff;margin-bottom:15px;font-weight:500;line-height:1.4}.approach-card-horizontal p{font-size:var(--secondary-size);color:#8a8a8a;font-weight:400;line-height:1.7}.cta-section{text-align:center;max-width:1600px;margin:0 auto;padding:100px 8%}.cta-content{flex-direction:column;align-items:center;gap:24px;display:flex}.cta-section h2{font-size:var(--h2-size);font-weight:300;line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);max-width:800px}.cta-section p{font-size:var(--p-size);color:var(--text-muted);font-weight:400;line-height:var(--leading-body);max-width:700px}@media (max-width:1400px){.bento-grid{grid-template-columns:repeat(3,1fr);gap:20px}.bento-card.col-span-2{grid-column:span 2}.bento-card:nth-child(3){grid-column:span 1}.bento-card:nth-child(4){grid-column:span 2}}@media (max-width:1200px){.hero-section{padding:100px 6% 0}.stats-section{padding:60px 6%}.stats-container{grid-template-columns:repeat(2,1fr);gap:20px}.services-bento{padding:100px 6%}.section-header{margin-bottom:60px}.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card.col-span-2{grid-column:span 2}.bento-card:nth-child(3){grid-column:span 1}.bento-card:nth-child(4){grid-column:span 2}.highlight-section{padding:80px 6%}.highlight-container{gap:40px}.deep-dive-section{padding:100px 6%}.deep-dive-grid{grid-template-columns:repeat(2,1fr)}.approach-card:last-child{grid-column:1/-1;max-width:50%;margin:0 auto}.cta-section{padding:80px 6%}}@media (max-width:768px){.deep-dive-section{display:none!important}.hero-section{padding:80px 5% 0}.hero-image{height:350px}.stats-section{padding:50px 5%}.stats-container{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{padding:32px 20px}.services-bento{padding:80px 5%}.section-header{margin-bottom:50px}.bento-grid{grid-template-columns:1fr;gap:20px}.bento-card{min-height:350px}.bento-card.col-span-2{grid-column:span 1}.card-content{padding:24px}.highlight-section{padding:60px 5%}.highlight-container{grid-template-columns:1fr;gap:30px}.highlight-card{padding:36px}.highlight-image{min-height:300px}.deep-dive-section{padding:80px 5%}.deep-dive-grid{grid-template-columns:1fr}.approach-card{padding:32px}.approach-card:last-child{max-width:100%}.cta-section{padding:60px 5%}.btn-primary{width:100%}}@media (max-width:640px){.hero-section{padding:110px 4% 0}.hero-badge{padding:8px 16px}.hero-image{height:280px}.stats-section{padding:40px 4%}.stats-container{grid-template-columns:1fr;gap:14px}.stat-card{flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:30px 24px;display:flex}.stat-number{margin-bottom:8px}.services-bento{padding:60px 4%}.section-header{margin-bottom:40px}.bento-card{min-height:300px}.card-content{padding:20px}.card-content h3{font-size:var(--card-title-size)}.card-content p{font-size:var(--secondary-size)}.highlight-section{padding:50px 4%}.highlight-card{padding:28px}.highlight-header{margin-bottom:24px}.deep-dive-section{padding:60px 4%}.approach-card{padding:24px}.cta-section{padding:50px 4%}.btn-primary{font-size:var(--button-size);margin-top:20px;padding:10px 24px}}
