:root{--ink:#0c1836;--brand:#0052e0;--cyan:#029dd0;--mist:#f2f6fd;--muted:#607089}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:7.25rem}
body{overflow-x:hidden;font-family:"Hanken Grotesk",sans-serif;background:#fff;color:#16181b;-webkit-font-smoothing:antialiased}
main section{position:relative}
a,button,input,select,textarea,summary{transition-property:color,background-color,border-color,box-shadow,transform,opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,.8,.2,1)}
main img{transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s ease,opacity .5s ease}
.reference-service-card,.process-card,.testimonial-card,.reference-case-card,.comparison-price-card,.knowledge-card,.contact-office-card,.legal-document section,.stat-cell{will-change:transform,opacity}
.reference-service-card:hover,.process-card:hover,.testimonial-card:hover,.comparison-price-card:hover,.knowledge-card:hover,.contact-office-card:hover{transform:translateY(-7px);box-shadow:0 22px 48px #0c183619}
body.menu-open{overflow-x:hidden}
h1,h2,h3,h4,.font-display{font-family:"Outfit",sans-serif}
::selection{background:var(--brand);color:#fff}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#0c1836}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0052e0,#029dd0);border-radius:99px}
img{max-width:100%}

/* ---------- Fixed 3D particle canvas ---------- */
#webgl{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.7}

/* ---------- Loader ---------- */
#loader{position:fixed;inset:0;z-index:1000;background:var(--ink);display:grid;place-items:center;color:#fff}
.loader-mark{width:clamp(16rem,24vw,20rem);height:6.5rem;padding:1.15rem 1.5rem;border:1px solid #ffffff38;border-radius:1.5rem;display:grid;place-items:center;background:linear-gradient(135deg,#0052e0d9,#029dd0c7);box-shadow:0 0 85px #0052e0a6;animation:loaderPulse 1.6s ease-in-out infinite}
.loader-mark img{display:block;width:100%;height:auto;object-fit:contain}
.loader-line{position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--cyan)}

/* ---------- Page transition curtain ---------- */
#transition{position:fixed;inset:0;background:var(--ink);z-index:900;display:grid;place-items:center;transform:translateY(100%);pointer-events:none}
#transition span{font:800 clamp(2rem,9vw,9rem) Outfit;color:#ffffff12;letter-spacing:.1em}
.transition-logo{width:clamp(17rem,27vw,22rem);height:7rem;padding:1.25rem 1.65rem;border:1px solid #ffffff42;border-radius:1.6rem;display:grid;place-items:center;background:linear-gradient(135deg,#0052e0e6,#029dd0cf);box-shadow:0 0 105px #0052e0b3}
.transition-logo img{display:block;width:100%;height:auto;object-fit:contain}

/* ---------- Reference Header ---------- */
#header-slot{height:6.25rem}
.reference-header{position:fixed;inset:0 0 auto 0;z-index:50;background:#fffffff2;backdrop-filter:blur(12px);border-bottom:1px solid #f1f5f9;box-shadow:0 1px 4px #0f172a0d;font-family:"Hanken Grotesk",sans-serif}
.reference-topbar{background:linear-gradient(90deg,#0c1836,#152b54);color:#fff;padding:.5rem 0;font-size:.875rem;line-height:1.25rem}
.reference-topbar a{color:inherit;text-decoration:none}.reference-topbar svg{width:14px;height:14px}
.reference-topbar-left,.reference-topbar-right,.reference-topbar-left a,.reference-topbar-right{display:flex;align-items:center}
.reference-topbar-left{gap:1.5rem}.reference-topbar-left a{gap:.5rem;transition:color .2s}.reference-topbar-left a:hover{color:#a8c4f7}
.reference-topbar-right{gap:1rem}.topbar-trial{padding:.25rem 1rem;background:#ffffff1a;border-radius:999px;font-weight:500;transition:background .2s}.topbar-trial:hover{background:#ffffff33}
.topbar-whatsapp{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem 1rem;background:#029dd0;border-radius:999px;font-weight:500;transition:background .2s}.topbar-whatsapp:hover{background:#029dd0}
.reference-nav-row{height:4rem;display:flex;align-items:center;justify-content:space-between}
.reference-logo{display:flex;align-items:center;gap:.5rem;color:#1c1c25;text-decoration:none;flex-shrink:0}
.reference-logo-image{display:block;width:auto;height:2.8rem;object-fit:contain}
.reference-logo-mark{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:.75rem;background:linear-gradient(135deg,#0052e0,#0052e0);color:#fff;font-size:1.25rem;font-weight:800;box-shadow:0 7px 15px #0052e040}
.reference-logo-word{font-size:1.5rem;font-weight:800;letter-spacing:-.035em}.reference-logo-word b{color:#0052e0}
.reference-desktop-links{display:none;align-items:center;gap:2rem}.reference-nav-link{position:relative;color:#374151;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.reference-nav-link:hover,.reference-nav-link.active{color:#0052e0}.reference-nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-.32rem;height:2px;background:#0052e0;border-radius:999px}
.reference-desktop-actions{display:none;align-items:center;gap:1rem}.reference-watch,.reference-start{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:.75rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:.3s}
.reference-watch{border:2px solid #a8c4f7;background:#fff;color:#0052e0}.reference-watch:hover{border-color:#93c5fd;background:#eff6ff}
.reference-start{background:linear-gradient(90deg,#0052e0,#0052e0);color:#fff;box-shadow:0 10px 18px #337bf84d}.reference-start:hover{transform:translateY(-2px);box-shadow:0 14px 25px #0052e04d}
.reference-menu-button{display:grid;place-items:center;padding:.5rem;border:0;border-radius:.5rem;background:transparent;color:#1c1c25;cursor:pointer;transition:background .2s}.reference-menu-button:hover{background:#f3f4f6}.menu-close-icon{display:none}.reference-menu-button[aria-expanded="true"] .menu-open-icon{display:none}.reference-menu-button[aria-expanded="true"] .menu-close-icon{display:block}
.reference-mobile-menu{display:grid;grid-template-rows:0fr;overflow:hidden;border-top:0 solid #f3f4f6;transition:grid-template-rows .35s ease,border-width .2s}.reference-mobile-menu.open{grid-template-rows:1fr;border-top-width:1px}.reference-mobile-links{min-height:0;display:flex;flex-direction:column;gap:.5rem}.reference-mobile-menu.open .reference-mobile-links{padding:1rem 0}
.reference-mobile-link{display:block;padding:.75rem 1rem;border-radius:.5rem;color:#374151;font-weight:500;text-decoration:none;transition:background .2s,color .2s}.reference-mobile-link:hover{background:#f9fafb}.reference-mobile-link.active{background:#eff6ff;color:#0052e0}
.reference-mobile-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding:1rem 0 0;border-top:1px solid #f3f4f6}.reference-mobile-actions .reference-watch,.reference-mobile-actions .reference-start{width:100%;font-size:1rem;padding:.75rem 1.5rem}
@media(min-width:1024px){.reference-desktop-links,.reference-desktop-actions{display:flex}.reference-menu-button,.reference-mobile-menu{display:none}}
@media(max-width:639px){.topbar-email,.topbar-trial{display:none}.reference-topbar-left{gap:.5rem}.reference-topbar-right{gap:.25rem}.reference-topbar{font-size:.78rem}.topbar-whatsapp{padding:.25rem .8rem}}

/* ---------- Buttons ---------- */
.btn-primary,.btn-light,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:.9rem 1.4rem;border-radius:999px;font-weight:700;transition:.25s;cursor:pointer;text-decoration:none;font-family:"Outfit",sans-serif}
.btn-primary{color:#fff;background:var(--brand);box-shadow:0 12px 30px #0052e035}
.btn-primary:hover{background:#0848d5;transform:translateY(-2px);box-shadow:0 18px 40px #0052e055}
.btn-light{background:#fff;color:var(--ink)}
.btn-light:hover{background:#e8fbff;transform:translateY(-2px)}
.btn-outline{border:1px solid #ffffff4d;color:#fff}
.btn-outline:hover{background:#ffffff15;transform:translateY(-2px)}

/* ---------- Hero ---------- */
.hero-grid{background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:64px 64px}
.noise:after{content:"";position:absolute;inset:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.gradient-text{background:linear-gradient(100deg,#0052e0 10%,#24bfcf 90%);-webkit-background-clip:text;color:transparent}
.reference-hero{background:linear-gradient(135deg,#f8fafc 0%,#eef5ff 48%,#fff 100%)}
.reference-hero-pattern{position:absolute;inset:0;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%233b82f6' fill-opacity='.05'%3E%3Cpath d='M36 34v2H24v-2h12zm0-10v2H24v-2h12z'/%3E%3C/g%3E%3C/svg%3E")}
.hero-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;opacity:.25}
.hero-glow-blue{width:430px;height:430px;background:#a8c4f7;right:-90px;top:3%}
.hero-glow-cyan{width:320px;height:320px;background:#a7f3d0;left:-110px;bottom:-100px;opacity:.18}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;background:#e3e8f4;color:#0052e0;border-radius:999px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}
.reference-hero-title{font-size:clamp(2.5rem,5vw,3.75rem);line-height:1.12;letter-spacing:-.035em;font-weight:800;color:#0f172a;margin-bottom:1.5rem}
.reference-hero-copy{font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.65;color:#64748b;max-width:38rem;margin:0 auto 2rem}
.hero-cta{border-radius:.75rem;padding:.8rem 1.5rem}
.hero-secondary,.hero-chat{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.8rem 1.5rem;border-radius:.75rem;font-weight:700;transition:.25s;text-decoration:none}
.hero-secondary{background:#fff;color:#334155;border:1px solid #dbe3ef;box-shadow:0 7px 18px #0f172a0d}
.hero-secondary:hover{border-color:#93b4f8;transform:translateY(-2px);box-shadow:0 13px 28px #0f172a14}
.hero-chat{background:#16b8c4;color:#fff;box-shadow:0 12px 27px #16b8c43d}
.hero-chat:hover{background:#0e9ca7;transform:translateY(-2px)}
.hero-trust-notes{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;color:#64748b;font-size:.875rem}
.hero-trust-notes span{display:flex;align-items:center;gap:.5rem}.hero-trust-notes b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ccfbf1;color:#029dd0;font-size:.75rem}
.reference-hero-visual{position:relative;isolation:isolate;padding:1rem}
.reference-hero-visual:before,.reference-hero-visual:after{content:"";position:absolute;border-radius:50%;filter:blur(38px);z-index:-1;opacity:.5}
.reference-hero-visual:before{width:18rem;height:18rem;right:-1rem;top:-1rem;background:#a8c4f7}.reference-hero-visual:after{width:16rem;height:16rem;left:-2rem;bottom:-2rem;background:#a7f3d0}
.hero-image-wrap{overflow:hidden;border-radius:1rem;box-shadow:0 35px 75px -25px #1e3a5f66;background:#fff}
.hero-image-wrap img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.metric-card{position:absolute;z-index:2;display:flex;align-items:center;gap:.75rem;background:#ffffffee;backdrop-filter:blur(12px);padding:1rem;border-radius:.75rem;box-shadow:0 14px 36px #0f172a24;border:1px solid #ffffffa8}
.metric-roi{top:2rem;left:0}.metric-clients{right:0;bottom:2rem}.metric-icon{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:50%;font-size:1.1rem;font-weight:800}.metric-icon-green{color:#16a34a;background:#dcfce7}.metric-icon-blue{color:#0052e0;background:#e3e8f4}.metric-card strong{display:block;color:#1c1c25;font-size:1.5rem;line-height:1.1}.metric-card small{display:block;color:#64748b;font-size:.8rem;margin-top:.2rem}
@media(min-width:1024px){.reference-hero-copy{margin-left:0}.hero-trust-notes{justify-content:flex-start}}
@media(max-width:640px){.reference-hero{min-height:auto}.reference-hero-visual{margin-top:.5rem;padding:.25rem .5rem 2.5rem}.metric-card{padding:.7rem}.metric-roi{top:-.7rem;left:0}.metric-clients{right:0;bottom:.5rem}.metric-icon{width:2rem;height:2rem}.metric-card strong{font-size:1.15rem}.metric-card small{font-size:.7rem}}

/* ---------- Industries We Serve ---------- */
.industries-section{padding:4rem 0;background:#fff}
.industries-heading{text-align:center;margin-bottom:3rem}
.industries-heading h2{color:#1c1c25;font:700 1.5rem/1.35 "Hanken Grotesk",sans-serif;margin:0 0 1rem}
.industries-heading p{color:#16181b;font:400 1rem/1.5 "Hanken Grotesk",sans-serif;margin:0}
.industries-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.industry-tile{display:block;padding:1.5rem;text-align:center;background:#f9fafb;border-radius:.75rem;text-decoration:none;border:1px solid transparent;transition:transform .3s ease,background .3s ease,box-shadow .3s ease,border-color .3s ease}
.industry-tile:hover{background:#eff6ff;border-color:#e3e8f4;transform:translateY(-5px);box-shadow:0 10px 25px #0052e014}
.industry-icon{display:block;font-size:1.875rem;line-height:1;margin-bottom:.5rem;transition:transform .3s ease}.industry-tile:hover .industry-icon{transform:scale(1.12) translateY(-2px)}
.industry-tile h3{color:#1c1c25;font:500 .95rem/1.5 "Hanken Grotesk",sans-serif;margin:0}
.industry-tile p{color:#0052e0;font:400 .875rem/1.4 "Hanken Grotesk",sans-serif;margin:.25rem 0 0}
@media(min-width:768px){.industries-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:480px){.industries-section{padding:3.25rem 0}.industries-heading{margin-bottom:2rem}.industries-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.industry-tile{padding:1.25rem .75rem}}

/* ---------- Reference Services ---------- */
.reference-services{padding:4rem 0;background:#f9fafb;font-family:"Hanken Grotesk",sans-serif}
.reference-services-heading{text-align:center;margin-bottom:3rem}
.reference-services-heading>span{display:inline-block;padding:.5rem 1rem;margin-bottom:1rem;border-radius:999px;background:#e3e8f4;color:#0052e0;font-size:.875rem;font-weight:600}
.reference-services-heading h2{margin:0 0 1rem;color:#1c1c25;font-size:clamp(1.875rem,4vw,3rem);line-height:1;font-weight:700;letter-spacing:-.025em}
.reference-services-heading p{max-width:48rem;margin:0 auto;color:#16181b;font-size:clamp(1.125rem,2vw,1.25rem);line-height:1.75rem}
.reference-services-grid{display:grid;grid-template-columns:1fr;gap:2rem}
.reference-service-card{overflow:hidden;padding:1.5rem;border:1px solid #f3f4f6;border-radius:1rem;background:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.reference-service-card:hover{transform:translateY(-5px);border-color:#e3e8f4;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}
.service-icon{width:3.5rem;height:3.5rem;display:grid;place-items:center;margin-bottom:1.25rem;border-radius:.75rem;color:#fff;transition:transform .3s ease}.reference-service-card:hover .service-icon{transform:scale(1.1)}
.service-icon svg{width:1.75rem;height:1.75rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.service-icon-blue{background:#337bf8}.service-icon-purple{background:#a855f7}.service-icon-cyan{background:#06b6d4}.service-icon-pink{background:#ec4899}.service-icon-orange{background:#f97316}.service-icon-green{background:#22c55e}
.reference-service-card h3{margin:0 0 .75rem;color:#1c1c25;font-size:1.25rem;line-height:1.75rem;font-weight:700}.reference-service-card>p{margin:0 0 1rem;color:#16181b;line-height:1.55}
.reference-service-card ul{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none}.reference-service-card li{display:flex;align-items:center;gap:.5rem;color:#16181b;font-size:.875rem}.reference-service-card li:before{content:"ϟ";color:#337bf8;font-size:1rem;font-weight:700}
.reference-service-card>a{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;color:#0052e0;font-size:.95rem;font-weight:500;text-decoration:none;transition:gap .3s ease}.reference-service-card>a:hover{gap:.75rem}.reference-service-card>a b{font-size:1.1rem}
@media(min-width:768px){.reference-services{padding:6rem 0}.reference-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.reference-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- Reference How It Works ---------- */
.reference-process{padding:4rem 0;background:#fff;font-family:"Hanken Grotesk",sans-serif}
.reference-process-heading{text-align:center;margin-bottom:3rem}
.reference-process-heading>span{display:inline-block;padding:.5rem 1rem;margin-bottom:1rem;border-radius:999px;background:#ccfbf1;color:#029dd0;font-size:.875rem;font-weight:600}
.reference-process-heading h2{margin:0 0 1rem;color:#1c1c25;font-size:clamp(1.875rem,4vw,3rem);line-height:1;font-weight:700;letter-spacing:-.025em}
.reference-process-heading p{max-width:48rem;margin:0 auto;color:#16181b;font-size:clamp(1.125rem,2vw,1.25rem);line-height:1.75rem}
.reference-process-grid{display:grid;grid-template-columns:1fr;gap:2rem}
.process-item{position:relative}
.process-card{position:relative;height:100%;padding:1.5rem;background:#fff;border:1px solid #f3f4f6;border-radius:1rem;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.process-card:hover{border-color:#a8c4f7;box-shadow:0 10px 20px #0f172a12;transform:translateY(-4px)}
.process-number{display:inline-block;margin-bottom:1rem;color:#e3e8f4;font-size:2.25rem;line-height:2.5rem;font-weight:700;transition:color .3s ease}.process-card:hover .process-number{color:#a8c4f7}
.process-card h3{margin:0 0 .5rem;color:#1c1c25;font-size:1.125rem;line-height:1.75rem;font-weight:700}
.process-card p{margin:0;color:#16181b;font-size:.875rem;line-height:1.5rem}
.process-line{display:none}
@media(min-width:768px){.reference-process{padding:6rem 0}.reference-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.reference-process-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.process-line{display:block;position:absolute;top:4rem;left:100%;width:calc(100% + 2rem);height:2px;z-index:0;background:linear-gradient(90deg,#a8c4f7,transparent)}.process-card{z-index:1}}

/* ---------- Client Success Stories ---------- */
.reference-testimonials{position:relative;overflow:hidden;padding:5rem 0 6rem;background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);font-family:"Hanken Grotesk",sans-serif}
.testimonial-pattern{position:absolute;inset:0;opacity:.55;background-image:radial-gradient(#93c5fd55 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
.testimonial-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2}.testimonial-orb-one{width:28rem;height:28rem;left:-12rem;top:8rem;background:#60a5fa}.testimonial-orb-two{width:24rem;height:24rem;right:-10rem;top:22rem;background:#2dd4bf}
.reference-testimonial-heading{text-align:center;margin-bottom:3rem}.reference-testimonial-heading>span{display:inline-block;padding:.5rem 1rem;margin-bottom:1rem;border-radius:999px;background:#e3e8f4;color:#0052e0;font-size:.875rem;font-weight:600}.reference-testimonial-heading h2{margin:0 0 1rem;color:#1c1c25;font-size:clamp(1.875rem,4vw,3rem);line-height:1;font-weight:700;letter-spacing:-.025em}.reference-testimonial-heading p{margin:0 auto;color:#16181b;font-size:clamp(1.125rem,2vw,1.25rem);line-height:1.75rem}
.testimonial-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}.testimonial-card{position:relative;display:flex;flex-direction:column;min-height:100%;padding:1.75rem;background:#fffffff2;border:1px solid #e8eef7;border-radius:1rem;box-shadow:0 14px 35px #0f172a0d;backdrop-filter:blur(10px);transition:transform .35s ease,box-shadow .35s ease}.testimonial-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px #0052e01a}.testimonial-card.is-hidden{display:none}
.testimonial-stars{color:#facc15;letter-spacing:.12rem;margin-bottom:1rem}.testimonial-quote{color:#a8c4f7;font-family:Georgia,serif;font-size:4rem;line-height:.55;height:2.1rem}.testimonial-card>p{flex-grow:1;margin:0 0 1.5rem;color:#374151;line-height:1.65}.testimonial-result{padding:1rem;margin-bottom:1.5rem;border-radius:.5rem;background:linear-gradient(90deg,#eff6ff,#f0fdfa);color:#0052e0;font-size:.875rem;font-weight:600}.testimonial-person{display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid #f3f4f6}.testimonial-person img{width:3rem;height:3rem;border-radius:50%;object-fit:cover;background:#e3e8f4}.testimonial-person strong,.testimonial-person small{display:block}.testimonial-person strong{color:#1c1c25}.testimonial-person small{margin-top:.2rem;color:#16181b;font-size:.875rem}
.testimonial-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:4rem}.testimonial-controls>button{width:3rem;height:3rem;border:0;border-radius:50%;background:#fff;color:#16181b;font-size:1.4rem;box-shadow:0 5px 15px #0f172a1a;cursor:pointer;transition:background .25s,color .25s,transform .25s}.testimonial-controls>button:hover{background:#eff6ff;color:#0052e0;transform:scale(1.05)}.testimonial-dots{display:flex;align-items:center;gap:.5rem}.testimonial-dots button{width:.75rem;height:.75rem;padding:0;border:0;border-radius:999px;background:#d1d5db;cursor:pointer;transition:.3s}.testimonial-dots button.active{width:1.5rem;background:#0052e0}
.testimonial-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding:2rem;margin-bottom:3rem;border-radius:1rem;background:linear-gradient(110deg,#0052e0,#0052e0 65%,#155eaa);color:#fff;box-shadow:0 25px 55px #0052e030}.testimonial-stats div{text-align:center}.testimonial-stats strong,.testimonial-stats span{display:block}.testimonial-stats strong{font-size:clamp(1.875rem,4vw,2.25rem);margin-bottom:.5rem}.testimonial-stats span{color:#a8c4f7}
.trusted-companies{text-align:center}.trusted-companies h3{margin:0 0 1.5rem;color:#1c1c25;font-size:1.25rem;font-weight:600}.company-list,.partner-list{display:flex;flex-wrap:wrap;justify-content:center}.company-list{gap:1rem 2rem;margin-bottom:2rem}.company-list span{padding:.75rem 1.5rem;border:1px solid #f3f4f6;border-radius:.5rem;background:#fff;color:#16181b;font-weight:500;box-shadow:0 3px 10px #0f172a0a}.partner-list{gap:1rem}.partner-list span{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;background:#f0fdfa;color:#029dd0;font-size:.875rem;font-weight:500}.partner-list span:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:#029dd0}
@media(min-width:768px){.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.testimonial-stats{grid-template-columns:repeat(4,1fr);padding:3rem}}
@media(min-width:1024px){.reference-testimonials{padding:6rem 0}.testimonial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.testimonial-person small{font-size:.78rem}.testimonial-stats{gap:1.5rem .75rem;padding:1.5rem .75rem}.testimonial-stats span{font-size:.8rem}.company-list{gap:.75rem}.company-list span{width:100%}}

/* ---------- Transformation CTA ---------- */
.transformation-cta-section{padding:4rem 0 6rem;background:#f9fafb;font-family:"Hanken Grotesk",sans-serif}.transformation-cta{position:relative;overflow:hidden;padding:4rem 1.5rem;border-radius:1rem;background:linear-gradient(110deg,#0052e0,#0052e0);color:#fff;box-shadow:0 25px 55px #0052e02b}.cta-grid-pattern{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:42px 42px}.transformation-cta:after{content:"";position:absolute;width:22rem;height:22rem;border-radius:50%;right:-8rem;top:-10rem;background:#2dd4bf33;filter:blur(10px)}.transformation-cta-content{position:relative;z-index:1;max-width:56rem;margin:auto;text-align:center}.transformation-cta h2{margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.25rem);line-height:1.2;font-weight:700}.transformation-cta p{margin:0 0 1.5rem;color:#e3e8f4;font-size:1.125rem}.transformation-benefits,.transformation-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.transformation-benefits{margin-bottom:2rem;color:#e3e8f4}.transformation-benefits span{font-size:.9rem}.transformation-primary,.transformation-secondary,.transformation-whatsapp{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.4rem;border-radius:.75rem;font-weight:600;text-decoration:none;transition:.25s}.transformation-primary{background:#fff;color:#0052e0}.transformation-secondary{background:#ffffff1a;color:#fff}.transformation-whatsapp{background:#029dd0;color:#fff}.transformation-actions a:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0f172a26}

/* ---------- Shared Reference Footer ---------- */
.reference-footer{background:#1c1c25;color:#fff;font-family:"Hanken Grotesk",sans-serif}.footer-cta-band{padding:3rem 0;background:linear-gradient(90deg,#0052e0,#0052e0)}.footer-cta-inner{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.5rem}.footer-cta-inner>div:first-child{text-align:center}.footer-cta-inner h2{margin:0 0 .5rem;font-size:clamp(1.5rem,3vw,1.875rem);font-weight:700}.footer-cta-inner p{margin:0;color:#e3e8f4;font-size:1.125rem}.footer-cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.footer-trial-button,.footer-whatsapp-button{padding:1rem 2rem;border-radius:.75rem;font-weight:600;text-decoration:none;box-shadow:0 10px 20px #0f172a20;transition:.25s}.footer-trial-button{background:#fff;color:#0052e0}.footer-whatsapp-button{background:#029dd0;color:#fff}.footer-cta-actions a:hover{transform:translateY(-2px)}
.reference-footer-main{display:grid;grid-template-columns:1fr;gap:3rem;padding-top:4rem;padding-bottom:4rem}.footer-logo{display:inline-flex;align-items:center;margin-bottom:1.5rem;color:#fff;text-decoration:none}.footer-logo img{display:block;width:auto;height:3.5rem;max-width:13rem;object-fit:contain;object-position:left center;transition:transform .3s ease,filter .3s ease}.footer-logo:hover img{transform:translateY(-2px);filter:drop-shadow(0 8px 14px #029dd059)}.footer-brand-column>p{max-width:25rem;margin:0 0 1.5rem;color:#9ca3af;line-height:1.6}.footer-socials{display:flex;gap:1rem}.footer-socials a{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:.5rem;background:#1c1c25;color:#fff;text-decoration:none;font-weight:700;transition:.2s}.footer-socials a:hover{background:#0052e0}.reference-footer h3{margin:0 0 1.5rem;font-size:1.125rem;font-weight:600}.footer-link-column>a{display:block;margin-bottom:.75rem;color:#9ca3af;text-decoration:none;transition:color .2s}.footer-link-column>a:hover,.footer-contact-column>a:hover{color:#60a5fa}.footer-contact-column>div,.footer-contact-column>a{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;color:#9ca3af;text-decoration:none}.footer-contact-column svg{flex-shrink:0;margin-top:.15rem;color:#60a5fa}.footer-contact-column p{margin:0}.footer-contact-column strong,.footer-contact-column span{display:block}.footer-contact-column strong{margin-bottom:.2rem;color:#fff}.footer-contact-column span{font-size:.875rem;line-height:1.5}
.reference-footer-bottom{border-top:1px solid #1c1c25}.reference-footer-bottom>div{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.5rem;padding-bottom:1.5rem}.reference-footer-bottom p{margin:0;color:#9ca3af;font-size:.875rem;text-align:center}.reference-footer-bottom>div>div{display:flex;align-items:center;gap:1.5rem}.reference-footer-bottom a{color:#9ca3af;font-size:.875rem;text-decoration:none}.reference-footer-bottom a:hover{color:#60a5fa}#back-to-top{width:2.5rem;height:2.5rem;border:0;border-radius:.5rem;background:#0052e0;color:#fff;font-size:1.1rem;cursor:pointer;transition:.2s}#back-to-top:hover{background:#337bf8;transform:translateY(-2px)}
@media(min-width:768px){.footer-cta-inner{flex-direction:row}.footer-cta-inner>div:first-child{text-align:left}.reference-footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-footer-bottom>div{flex-direction:row}.reference-footer-bottom p{text-align:left}}
@media(min-width:1024px){.reference-footer-main{grid-template-columns:1.2fr .75fr .85fr 1.25fr}}
@media(max-width:520px){.footer-cta-actions,.footer-cta-actions a,.transformation-actions,.transformation-actions a{width:100%}.footer-cta-inner p{font-size:1rem}.reference-footer-bottom>div>div{gap:.9rem}}

/* ---------- Reference Case Studies Page ---------- */
.reference-cases-page{font-family:"Hanken Grotesk",sans-serif}.cases-reference-hero{position:relative;overflow:hidden;padding:5rem 0;background:linear-gradient(135deg,#0052e0,#0052e0 55%,#0c1836);color:#fff}.cases-hero-pattern{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:24px 24px}.cases-reference-hero:after{content:"";position:absolute;width:25rem;height:25rem;right:-8rem;top:-12rem;border-radius:50%;background:#2dd4bf33;filter:blur(25px)}.cases-hero-content{position:relative;z-index:1;text-align:center}.cases-hero-content>span{display:inline-block;padding:.5rem 1rem;margin-bottom:1.5rem;border-radius:999px;background:#ffffff1a;font-size:.875rem;font-weight:500}.cases-hero-content h1{margin:0 0 1.5rem;font-size:clamp(2.25rem,5vw,3rem);line-height:1.1;font-weight:700;letter-spacing:-.025em}.cases-hero-content p{max-width:42rem;margin:auto;color:#e3e8f4;font-size:1.25rem;line-height:1.75rem}
.cases-filter-bar{position:sticky;top:6.5rem;z-index:35;padding:2rem 0 1.5rem;background:#fffffff5;border-bottom:1px solid #f3f4f6;backdrop-filter:blur(10px)}.cases-filter-scroll{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.cases-filter-scroll::-webkit-scrollbar{display:none}.cases-filter-scroll .filter-btn{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0;padding:.5rem 1rem;border:0;border-radius:999px;background:#f3f4f6;color:#374151;font:500 .875rem "Outfit",sans-serif;white-space:nowrap;cursor:pointer;transition:.2s}.cases-filter-scroll .filter-btn:hover{background:#e5e7eb}.cases-filter-scroll .filter-btn.active{background:#0052e0;color:#fff}
.cases-listing-section{padding:3rem 0;background:#f9fafb}.cases-reference-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.reference-case-card{overflow:hidden;border:1px solid #f3f4f6;border-radius:1rem;background:#fff;color:inherit;text-decoration:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.reference-case-card:hover{transform:translateY(-5px);box-shadow:0 20px 30px -8px #0f172a24}.reference-case-image{position:relative;height:12rem;overflow:hidden}.reference-case-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.reference-case-card:hover .reference-case-image img{transform:scale(1.05)}.reference-case-image>span{position:absolute;left:1rem;top:1rem;padding:.25rem .75rem;border-radius:999px;background:#ffffffe6;color:#1c1c25;font-size:.875rem;font-weight:500;backdrop-filter:blur(8px)}.reference-case-body{padding:1.5rem}.reference-case-body h2{margin:0 0 .5rem;color:#1c1c25;font-size:1.25rem;line-height:1.75rem;font-weight:700;transition:color .2s}.reference-case-card:hover h2{color:#0052e0}.reference-case-body>p{min-height:4.1rem;margin:0 0 1rem;color:#16181b;font-size:.875rem;line-height:1.5rem}.reference-case-result{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid #f3f4f6}.reference-case-result strong{display:flex;align-items:center;gap:.5rem;color:#029dd0;font-size:.95rem}.reference-case-result>b{color:#9ca3af;font-size:1.25rem;transition:.2s}.reference-case-card:hover .reference-case-result>b{color:#0052e0;transform:translateX(4px)}
.reference-case-image>span{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .85rem;border:1px solid #ffffff66;color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.02em;box-shadow:0 8px 20px #0208143d;text-shadow:0 1px 3px #0208144d;transition:transform .3s ease,box-shadow .3s ease}
.reference-case-card:hover .reference-case-image>span{transform:translateY(-2px) scale(1.04);box-shadow:0 12px 26px #02081459}
.reference-case-card[data-industry="Manufacturing"] .reference-case-image>span{background:linear-gradient(135deg,#f97316,#ea580c)}
.reference-case-card[data-industry="Healthcare"] .reference-case-image>span{background:linear-gradient(135deg,#f43f5e,#e11d48)}
.reference-case-card[data-industry="Education"] .reference-case-image>span{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}
.reference-case-card[data-industry="Real Estate"] .reference-case-image>span{background:linear-gradient(135deg,#06b6d4,#0f766e)}
.reference-case-card[data-industry="FinTech"] .reference-case-image>span{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}
.reference-case-card[data-industry="Retail"] .reference-case-image>span{background:linear-gradient(135deg,#22c55e,#15803d)}
.cases-impact-section{padding:4rem 0;background:#fff}.cases-impact-heading{text-align:center;margin-bottom:3rem}.cases-impact-heading h2{margin:0 0 1rem;color:#1c1c25;font-size:1.875rem;font-weight:700}.cases-impact-heading p{margin:0;color:#16181b}.cases-impact-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.cases-impact-grid>div{text-align:center;padding:1.5rem;border-radius:1rem;background:linear-gradient(135deg,#eff6ff,#f0fdfa)}.cases-impact-grid strong,.cases-impact-grid span{display:block}.cases-impact-grid strong{margin-bottom:.5rem;color:#0052e0;font-size:clamp(1.875rem,4vw,2.25rem)}.cases-impact-grid span{color:#16181b}
.cases-success-cta-section{padding:4rem 0;background:#f9fafb}.cases-success-cta{padding:4rem 1.5rem;border-radius:1rem;background:linear-gradient(100deg,#0052e0,#0052e0);color:#fff;text-align:center;box-shadow:0 22px 50px #0052e02b}.cases-success-cta h2{margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.cases-success-cta p{margin:0 0 2rem;color:#e3e8f4;font-size:1.125rem}.cases-success-cta>div{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.cases-success-cta a{display:inline-flex;justify-content:center;padding:.8rem 1.4rem;border-radius:.75rem;background:#fff;color:#0052e0;font-weight:600;text-decoration:none;transition:.25s}.cases-success-cta a:nth-child(2){background:#ffffff1a;color:#fff}.cases-success-cta a:nth-child(3){background:#029dd0;color:#fff}.cases-success-cta a:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0f172a22}
@media(min-width:640px){.cases-impact-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.cases-reference-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.cases-reference-grid{grid-template-columns:repeat(3,1fr)}.cases-impact-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:640px){.cases-reference-hero{padding:4rem 0}.cases-hero-content p{font-size:1.05rem}.cases-filter-bar{top:6rem}.cases-success-cta>div,.cases-success-cta a{width:100%}}

/* ---------- Reference Comparison Page ---------- */
.reference-comparison-page{font-family:"Hanken Grotesk",sans-serif}.comparison-reference-hero{position:relative;overflow:hidden;padding:5rem 0;background:linear-gradient(135deg,#0052e0,#0052e0 58%,#0c1836);color:#fff}.comparison-hero-pattern{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:24px 24px}.comparison-reference-hero:after{content:"";position:absolute;width:24rem;height:24rem;right:-8rem;top:-10rem;border-radius:50%;background:#2dd4bf33;filter:blur(30px)}.comparison-hero-content{position:relative;z-index:1;text-align:center}.comparison-hero-content>span{display:inline-block;padding:.5rem 1rem;margin-bottom:1.5rem;border-radius:999px;background:#ffffff1a;font-size:.875rem}.comparison-hero-content h1{margin:0 0 1.5rem;font-size:clamp(2.25rem,5vw,3rem);line-height:1.1;font-weight:700}.comparison-hero-content p{max-width:42rem;margin:auto;color:#e3e8f4;font-size:1.25rem;line-height:1.75rem}
.comparison-table-section{padding:3rem 0;background:#fff;border-bottom:1px solid #f3f4f6}.comparison-section-heading{text-align:center;margin-bottom:2rem}.comparison-section-heading h2{margin:0 0 .5rem;color:#1c1c25;font-size:clamp(1.5rem,3vw,1.875rem);font-weight:700}.comparison-section-heading p{margin:0;color:#16181b}.comparison-table-wrap{overflow-x:auto}.comparison-table-wrap table{width:100%;min-width:980px;border-collapse:collapse}.comparison-table-wrap th,.comparison-table-wrap td{padding:1rem;text-align:center;border-bottom:1px solid #f3f4f6;color:#16181b;font-size:.875rem}.comparison-table-wrap th:first-child,.comparison-table-wrap td:first-child{text-align:left}.comparison-table-wrap thead tr{border-bottom:2px solid #e5e7eb}.comparison-table-wrap th{color:#16181b;font-weight:600}.comparison-table-wrap th:nth-child(2){color:#0052e0}.comparison-b-mark{width:2.5rem;height:2.5rem;display:grid;place-items:center;margin:0 auto .25rem;border-radius:.75rem;background:#e3e8f4;color:#0052e0;font-weight:700}.comparison-table-wrap td:first-child strong,.comparison-table-wrap td:first-child small{display:block}.comparison-table-wrap td:first-child strong{color:#1c1c25;font-size:.95rem}.comparison-table-wrap td:first-child small{margin-top:.2rem;color:#6b7280}.comparison-table-wrap td:nth-child(2){background:#eff6ff80;color:#029dd0;font-size:1.2rem;font-weight:700}.comparison-table-wrap tbody tr:hover{background:#f9fafb}
.comparison-pricing-section{padding:4rem 0;background:#f9fafb}.comparison-pricing-grid{display:grid;grid-template-columns:1fr;gap:2rem}.comparison-price-card{position:relative;display:flex;flex-direction:column;padding:2rem;border:1px solid #f3f4f6;border-radius:1rem;background:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.comparison-price-card.popular{border:2px solid #337bf8;box-shadow:0 20px 35px #0052e01f}.popular-label{position:absolute;left:50%;top:-1rem;transform:translateX(-50%);padding:.25rem 1rem;border-radius:999px;background:#0052e0;color:#fff;font-size:.875rem;white-space:nowrap}.price-card-heading{text-align:center;margin-bottom:1.5rem}.price-card-heading h3{margin:0 0 .5rem;color:#1c1c25;font-size:1.25rem;font-weight:700}.price-card-heading p{min-height:2.7rem;margin:0 0 1rem;color:#16181b;font-size:.875rem}.price-card-heading strong{color:#0052e0;font-size:1.875rem}.comparison-price-card ul{flex-grow:1;display:flex;flex-direction:column;gap:.75rem;margin:0 0 2rem;padding:0;list-style:none}.comparison-price-card li{display:flex;gap:.75rem;color:#16181b;font-size:.875rem}.comparison-price-card li:before{content:"✓";color:#029dd0;font-size:1rem;font-weight:700}.comparison-price-card>a,.comparison-custom-quote>a{display:inline-flex;justify-content:center;padding:.75rem 1.5rem;border:2px solid #a8c4f7;border-radius:.75rem;background:#fff;color:#0052e0;font-weight:600;text-decoration:none;transition:.25s}.comparison-price-card.popular>a{border-color:transparent;background:linear-gradient(90deg,#0052e0,#0052e0);color:#fff}.comparison-price-card>a:hover,.comparison-custom-quote>a:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0052e01a}.comparison-custom-quote{text-align:center;margin-top:3rem}.comparison-custom-quote p{color:#16181b}.comparison-custom-quote a{margin-top:.5rem}
.comparison-faq-section{padding:4rem 0;background:#fff}.comparison-faq-list{max-width:48rem;margin:auto}.comparison-faq{border-bottom:1px solid #f3f4f6}.comparison-faq summary{display:flex;justify-content:space-between;gap:1rem;padding:1.25rem 0;color:#1c1c25;font-weight:600;cursor:pointer;list-style:none}.comparison-faq summary::-webkit-details-marker{display:none}.comparison-faq summary:after{content:"⌄";color:#9ca3af;font-size:1.25rem;transition:.25s}.comparison-faq[open] summary:after{transform:rotate(180deg)}.comparison-faq p{margin:0;padding:0 0 1.25rem;color:#16181b;line-height:1.65}
.comparison-final-section{padding:4rem 0;background:#f9fafb}.comparison-final-cta{padding:4rem 1.5rem;border-radius:1rem;background:linear-gradient(100deg,#0052e0,#0052e0);color:#fff;text-align:center;box-shadow:0 22px 45px #0052e02b}.comparison-final-cta h2{margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.comparison-final-cta p{margin:0 0 2rem;color:#e3e8f4;font-size:1.125rem}.comparison-final-cta>div{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.comparison-final-cta a{padding:.8rem 1.4rem;border-radius:.75rem;background:#fff;color:#0052e0;font-weight:600;text-decoration:none;transition:.25s}.comparison-final-cta a:nth-child(2){background:#ffffff1a;color:#fff}.comparison-final-cta a:nth-child(3){background:#029dd0;color:#fff}.comparison-final-cta a:hover{transform:translateY(-2px)}
@media(min-width:768px){.comparison-pricing-section,.comparison-faq-section{padding:4rem 0}.comparison-pricing-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.comparison-reference-hero{padding:4rem 0}.comparison-hero-content p{font-size:1.05rem}.comparison-final-cta>div,.comparison-final-cta a{width:100%}}

/* ---------- Reference Knowledge Hub ---------- */
.reference-knowledge-page{font-family:"Hanken Grotesk",sans-serif}.knowledge-reference-hero{position:relative;overflow:hidden;padding:5rem 0;background:linear-gradient(135deg,#0052e0,#0052e0 60%,#0c1836);color:#fff}.knowledge-hero-pattern{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:24px 24px}.knowledge-hero-grid{position:relative;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}.knowledge-hero-copy>span{display:inline-block;padding:.5rem 1rem;margin-bottom:1.5rem;border-radius:999px;background:#ffffff1a;font-size:.875rem}.knowledge-hero-copy h1{margin:0 0 1.5rem;font-size:clamp(2.25rem,5vw,3rem);font-weight:700}.knowledge-hero-copy>p{max-width:42rem;margin:0 0 2rem;color:#e3e8f4;font-size:1.25rem;line-height:1.7}.knowledge-counts{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;color:#fff}.knowledge-search-panel{padding:1.5rem;border:1px solid #ffffff26;border-radius:1rem;background:#ffffff1a;backdrop-filter:blur(10px)}.knowledge-search-panel>label{position:absolute;margin:1rem;color:#ffffff99;font-size:1.2rem}.knowledge-search-panel input{width:100%;padding:1rem 1rem 1rem 3rem;border:1px solid #ffffff33;border-radius:.75rem;outline:0;background:#ffffff1a;color:#fff;font:inherit}.knowledge-search-panel input::placeholder{color:#ffffff99}.knowledge-search-panel input:focus{box-shadow:0 0 0 3px #ffffff26}.knowledge-search-panel>div{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.knowledge-search-panel button{padding:.3rem .75rem;border:0;border-radius:999px;background:#ffffff1a;color:#fff;cursor:pointer}.knowledge-search-panel button:hover{background:#ffffff2b}
.knowledge-featured-section{padding:4rem 0;background:#fff}.knowledge-section-heading{text-align:center;margin-bottom:3rem}.knowledge-section-heading h2{margin:0 0 1rem;color:#1c1c25;font-size:1.875rem;font-weight:700}.knowledge-section-heading p{margin:0;color:#16181b}.knowledge-cards-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.knowledge-card{overflow:hidden;border:1px solid #f3f4f6;border-radius:1rem;background:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.knowledge-card:hover{transform:translateY(-5px);box-shadow:0 20px 28px #0f172a1f}.knowledge-card-image{position:relative;height:10rem;overflow:hidden}.knowledge-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.knowledge-card:hover img{transform:scale(1.05)}.knowledge-card-image>span,.knowledge-card-image>b{position:absolute;top:.75rem;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:500}.knowledge-card-image>span{left:.75rem}.knowledge-card-image>b{right:.75rem;background:#facc15;color:#713f12}.type-report{background:#e3e8f4;color:#0052e0}.type-framework{background:#dcfce7;color:#15803d}.type-guide{background:#ffedd5;color:#c2410c}.type-whitepaper{background:#f3e8ff;color:#7e22ce}.type-webinar{background:#fce7f3;color:#be185d}.knowledge-card-body{padding:1.25rem}.knowledge-card-body>small{display:block;margin-bottom:.25rem;color:#0052e0;font-weight:500}.knowledge-card-body h3{margin:0 0 .5rem;color:#1c1c25;font-size:1.125rem;line-height:1.45;font-weight:700}.knowledge-card-body>p{min-height:3.9rem;margin:0 0 1rem;color:#16181b;font-size:.875rem;line-height:1.5}.resource-meta{display:flex;gap:1rem;margin-bottom:1rem;color:#6b7280;font-size:.75rem}.resource-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.resource-tags span{padding:.25rem .5rem;border-radius:.25rem;background:#f3f4f6;color:#16181b;font-size:.75rem}.knowledge-card-body button{width:100%;padding:.55rem 1rem;border:0;border-radius:.5rem;background:#eff6ff;color:#0052e0;font-weight:600;cursor:pointer;transition:.2s}.knowledge-card-body button:hover{background:#e3e8f4}
.knowledge-filter-section{position:sticky;top:6.25rem;z-index:34;padding:1.5rem 0;background:#f9fafbf5;border-block:1px solid #f3f4f6;backdrop-filter:blur(10px)}.knowledge-filter-row{display:flex;flex-direction:column;gap:1.5rem}.resource-filter-buttons{display:flex;align-items:center;gap:.5rem;overflow-x:auto;scrollbar-width:none}.resource-filter-buttons::-webkit-scrollbar{display:none}.resource-filter-buttons>span{flex-shrink:0;color:#6b7280;font-size:.875rem}.resource-filter-btn{flex-shrink:0;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#374151;font:500 .875rem "Outfit",sans-serif;cursor:pointer}.resource-filter-btn.active{border-color:#0052e0;background:#0052e0;color:#fff}.knowledge-filter-row>label{flex-shrink:0;color:#16181b;font-size:.875rem}.knowledge-filter-row select{margin-left:.5rem;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#374151}
.knowledge-all-section{padding:3rem 0;background:#f9fafb}.resource-showing{margin:0 0 1.5rem;color:#16181b}.resource-empty{padding:3rem;text-align:center;color:#16181b}.custom-research-section{padding:4rem 0;background:#fff}.custom-research-card{display:grid;grid-template-columns:1fr;gap:2rem;padding:2rem;border-radius:1rem;background:linear-gradient(100deg,#0052e0,#0052e0);color:#fff;box-shadow:0 22px 45px #0052e02b}.custom-research-card h2{margin:0 0 1rem;font-size:clamp(1.5rem,3vw,1.875rem);font-weight:700}.custom-research-card p{margin:0 0 1.5rem;color:#e3e8f4;line-height:1.6}.custom-research-card a{display:inline-flex;padding:.75rem 1.5rem;border-radius:.75rem;background:#fff;color:#0052e0;font-weight:600;text-decoration:none}.research-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.research-stats>div{padding:1rem;border-radius:.75rem;background:#ffffff1a;text-align:center}.research-stats strong,.research-stats span{display:block}.research-stats strong{font-size:1.5rem}.research-stats span{margin-top:.25rem;color:#a8c4f7;font-size:.75rem}
.knowledge-final-section{padding:4rem 0;background:#f9fafb}.knowledge-final-cta{padding:4rem 1.5rem;border-radius:1rem;background:linear-gradient(100deg,#0052e0,#0052e0);color:#fff;text-align:center}.knowledge-final-cta h2{margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.knowledge-final-cta p{margin:0 0 2rem;color:#e3e8f4;font-size:1.125rem}.knowledge-final-cta>div{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.knowledge-final-cta a{padding:.8rem 1.4rem;border-radius:.75rem;background:#fff;color:#0052e0;font-weight:600;text-decoration:none}.knowledge-final-cta a:nth-child(2){background:#ffffff1a;color:#fff}.knowledge-final-cta a:nth-child(3){background:#029dd0;color:#fff}
@media(min-width:768px){.knowledge-cards-grid{grid-template-columns:repeat(2,1fr)}.knowledge-filter-row{flex-direction:row;align-items:center;justify-content:space-between}.custom-research-card{grid-template-columns:1fr 1fr;padding:3rem}}@media(min-width:1024px){.knowledge-hero-grid{grid-template-columns:1fr 1fr}.knowledge-cards-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.knowledge-reference-hero{padding:4rem 0}.knowledge-hero-copy>p{font-size:1.05rem}.knowledge-filter-section{top:6.25rem}.knowledge-final-cta>div,.knowledge-final-cta a{width:100%}}

/* ---------- Reference Contact Page ---------- */
.reference-contact-page{font-family:"Hanken Grotesk",sans-serif}.contact-reference-hero{position:relative;overflow:hidden;padding:5rem 0;background:linear-gradient(135deg,#0052e0,#0052e0 58%,#0c1836);color:#fff}.contact-hero-pattern{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:24px 24px}.contact-reference-hero:after{content:"";position:absolute;width:25rem;height:25rem;right:-8rem;top:-12rem;border-radius:50%;background:#2dd4bf33;filter:blur(30px)}.contact-hero-content{position:relative;z-index:1;text-align:center}.contact-hero-content>span{display:inline-block;padding:.5rem 1rem;margin-bottom:1.5rem;border-radius:999px;background:#ffffff1a;font-size:.875rem}.contact-hero-content h1{margin:0 0 1.5rem;font-size:clamp(2.25rem,5vw,3rem);font-weight:700}.contact-hero-content p{max-width:42rem;margin:auto;color:#e3e8f4;font-size:1.25rem;line-height:1.75rem}
.contact-main-section{padding:4rem 0;background:#f9fafb}.contact-quick-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem}.contact-quick-actions>a{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:.75rem;color:#fff;text-decoration:none;font-weight:600;box-shadow:0 10px 20px #0f172a1a;transition:.25s}.contact-quick-actions>a:hover{transform:translateY(-3px)}.contact-quick-actions>a>span{font-size:1.5rem}.contact-quick-actions small,.contact-quick-actions strong{display:block}.contact-quick-actions small{font-weight:400}.quick-whatsapp{background:#029dd0}.quick-call{background:#0052e0}.contact-quick-actions .quick-demo{background:#fff;color:#1c1c25}.quick-demo small{color:#16181b}
.contact-reference-grid{display:grid;grid-template-columns:1fr;gap:3rem}.contact-form-column>h2,.contact-offices-column>h2{margin:0 0 1.5rem;color:#1c1c25;font-size:1.5rem;font-weight:700}.reference-contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-form-pair{display:grid;grid-template-columns:1fr;gap:1rem}.reference-contact-form label{display:flex;flex-direction:column;gap:.4rem;color:#374151;font-size:.875rem;font-weight:500}.reference-contact-form input,.reference-contact-form select,.reference-contact-form textarea{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.75rem;background:#fff;color:#1c1c25;font:400 1rem "Outfit",sans-serif;outline:0;transition:.2s}.reference-contact-form input:focus,.reference-contact-form select:focus,.reference-contact-form textarea:focus{border-color:#337bf8;box-shadow:0 0 0 3px #337bf826}.reference-contact-form textarea{resize:vertical}.reference-contact-form>button{display:flex;justify-content:center;width:100%;padding:.8rem 1.5rem;border:0;border-radius:.75rem;background:linear-gradient(90deg,#0052e0,#0052e0);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 10px 20px #0052e030}.form-privacy{margin:0;color:#6b7280;font-size:.875rem;text-align:center}.contact-form-success{padding:2rem;border:1px solid #99f6e4;border-radius:.75rem;background:#f0fdfa;text-align:center}.contact-form-success>span{width:4rem;height:4rem;display:grid;place-items:center;margin:0 auto 1rem;border-radius:50%;background:#ccfbf1;color:#029dd0;font-size:2rem}.contact-form-success h3{margin:0 0 .5rem;color:#1c1c25;font-size:1.25rem}.contact-form-success p{color:#16181b}.contact-form-success button{border:0;background:none;color:#0052e0;font-weight:600;cursor:pointer}
.contact-offices-column{display:flex;flex-direction:column;gap:1.5rem}.contact-office-card{padding:1.5rem;border:1px solid #e5e7eb;border-radius:.75rem;background:#fff}.contact-office-card.primary{border-color:#e3e8f4;background:#eff6ff}.contact-office-card h3{margin:0 0 1rem;color:#1c1c25;font-size:1.125rem;font-weight:600}.contact-office-card h3 b{margin-left:.5rem;padding:.25rem .5rem;border-radius:999px;background:#e3e8f4;color:#0052e0;font-size:.75rem}.contact-office-card p,.contact-office-card a{display:flex;align-items:flex-start;gap:.75rem;margin:.75rem 0;color:#16181b;text-decoration:none;line-height:1.5}.contact-office-card a{color:#0052e0}.contact-working-hours{padding:1.5rem;border-radius:.75rem;background:#1c1c25;color:#fff}.contact-working-hours h3{margin:0 0 .75rem;font-size:1.125rem}.contact-working-hours>div{display:flex;justify-content:space-between;gap:1rem;margin:.5rem 0;color:#d1d5db}.contact-working-hours strong{color:#fff}.contact-working-hours>p{margin:1rem 0 0;padding-top:1rem;border-top:1px solid #374151;color:#9ca3af;font-size:.875rem}
.contact-trust-section{padding:4rem 0;background:linear-gradient(180deg,#fff,#f9fafb)}.contact-trust-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.contact-trust-grid article{padding:1.5rem;border:1px solid #f3f4f6;border-radius:1rem;background:#fff;box-shadow:0 10px 20px #0f172a0c}.contact-trust-grid article>div{color:#facc15}.contact-trust-grid article p{color:#16181b;line-height:1.6}.contact-trust-grid article strong,.contact-trust-grid article small{display:block}.contact-trust-grid article small{margin-top:.25rem;color:#6b7280}.contact-trust-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3rem;padding:2rem;border-radius:1rem;background:linear-gradient(100deg,#0052e0,#0052e0);color:#fff}.contact-trust-stats>div{text-align:center}.contact-trust-stats strong,.contact-trust-stats span{display:block}.contact-trust-stats strong{font-size:2rem}.contact-trust-stats span{margin-top:.35rem;color:#a8c4f7;font-size:.875rem}
@media(min-width:640px){.contact-form-pair{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.contact-trust-grid{grid-template-columns:repeat(3,1fr)}.contact-trust-stats{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.contact-reference-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.contact-reference-hero{padding:4rem 0}.contact-hero-content p{font-size:1.05rem}.contact-quick-actions,.contact-quick-actions>a{width:100%}.contact-working-hours>div{font-size:.8rem}}

/* ---------- BluByte.in visual system ---------- */
.btn-primary,.btn-light,.btn-outline,.reference-watch,.reference-start,.hero-secondary,.hero-chat,.transformation-primary,.transformation-secondary,.transformation-whatsapp,.footer-trial-button,.footer-whatsapp-button,.cases-success-cta a,.comparison-price-card>a,.comparison-custom-quote>a,.comparison-final-cta a,.custom-research-card a,.knowledge-final-cta a,.contact-quick-actions>a,.reference-contact-form>button{border-radius:5px}
.reference-service-card,.process-card,.testimonial-card,.reference-case-card,.comparison-price-card,.knowledge-card,.contact-office-card,.contact-working-hours{border-radius:8px}
.btn-primary,.reference-start{background:#0052e0;box-shadow:0 10px 24px #0052e02b}.btn-primary:hover,.reference-start:hover{background:#0e59f2}
.section-label,.reference-services-heading>span,.reference-process-heading>span,.reference-testimonial-heading>span{letter-spacing:.08em;text-transform:uppercase;font-family:"Hanken Grotesk",sans-serif}
.footer-cta-band,.testimonial-stats,.contact-trust-stats{background:linear-gradient(110deg,#0052e0,#0f3883)}
.reference-footer{background:#0c1836}.reference-footer-bottom{border-color:#152b54}

/* ---------- Legal Pages ---------- */
.legal-page{font-family:"Hanken Grotesk",sans-serif}.legal-hero{position:relative;overflow:hidden;padding:5rem 0;background:linear-gradient(135deg,#0052e0,#0f3883 68%,#0c1836);color:#fff;text-align:center}.legal-pattern{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:24px 24px}.legal-hero span{display:inline-block;padding:.5rem 1rem;margin-bottom:1.5rem;border-radius:999px;background:#ffffff1a;font-size:.875rem;text-transform:uppercase;letter-spacing:.08em}.legal-hero h1{margin:0 0 1rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:700}.legal-hero p{margin:0 0 1rem;color:#e3e8f4;font-size:1.25rem}.legal-hero small{color:#a8c4f7}.legal-content-section{padding:4rem 0;background:#f5fafc}.legal-layout{display:grid;grid-template-columns:1fr;gap:2rem}.legal-nav{display:none;align-self:start;padding:1.5rem;border:1px solid #e3e8f4;border-radius:8px;background:#fff;box-shadow:0 10px 24px #0c18360a}.legal-nav strong,.legal-nav a{display:block}.legal-nav strong{margin-bottom:1rem;color:#1c1c25;font-family:"Outfit",sans-serif}.legal-nav a{padding:.55rem 0;border-bottom:1px solid #eff1f5;color:#607089;font-size:.875rem;text-decoration:none}.legal-nav a:hover{color:#0052e0}.legal-document{padding:clamp(1.5rem,4vw,3rem);border:1px solid #e3e8f4;border-radius:8px;background:#fff;box-shadow:0 16px 38px #0c18360d}.legal-document section{padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid #eff1f5;scroll-margin-top:7.5rem}.legal-document section:last-child{padding:0;margin:0;border:0}.legal-document h2{margin:0 0 1rem;color:#1c1c25;font-size:1.5rem}.legal-document p,.legal-document li{color:#4f5d73;line-height:1.75}.legal-document ul{padding-left:1.25rem}.legal-document li{margin:.5rem 0}.legal-contact-card{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;border-left:4px solid #0052e0;background:#f2f7fb}.legal-contact-card strong{color:#1c1c25}.legal-contact-card span{color:#607089}.legal-contact-card a{color:#0052e0;text-decoration:none}@media(min-width:960px){.legal-layout{grid-template-columns:15rem minmax(0,1fr)}.legal-nav{position:sticky;top:7.5rem;display:block}.reference-desktop-links{gap:1.25rem}.reference-nav-link{font-size:.82rem}}@media(max-width:640px){.legal-hero{padding:4rem 0}.legal-hero p{font-size:1.05rem}.legal-content-section{padding:2.5rem 0}}
.hero-visual{position:relative;perspective:1200px}
.browser-frame{position:relative;background:#0d1f3c;border:1px solid #ffffff22;border-radius:1.25rem;overflow:hidden;box-shadow:0 40px 90px -20px #000000cc;transform:rotateY(-8deg) rotateX(3deg)}
.browser-top{display:flex;gap:6px;align-items:center;padding:.8rem 1rem;background:#0c1836;border-bottom:1px solid #ffffff14}
.browser-dot{width:10px;height:10px;border-radius:99px}
.float-chip{position:absolute;background:#ffffff14;backdrop-filter:blur(14px);border:1px solid #ffffff2e;border-radius:1rem;padding:.85rem 1rem;display:flex;gap:.7rem;align-items:center;box-shadow:0 20px 50px -12px #00000099}
.float-chip strong{font-size:1.1rem;display:block;color:#fff}

/* ---------- Labels / cards ---------- */
.section-label{display:inline-flex;gap:.5rem;align-items:center;color:var(--brand);font-weight:700;font-size:.78rem;letter-spacing:.13em;text-transform:uppercase}
.section-label:before{content:"";width:25px;height:2px;background:var(--cyan)}
.card{border:1px solid #e3e8f4;border-radius:.75rem;background:#fff;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s}
.card:hover{transform:translateY(-8px);box-shadow:0 25px 65px #15325b19;border-color:#aac4ff}
.case-image{overflow:hidden}
.case-image img{transition:transform .7s}
.case-image:hover img{transform:scale(1.06)}
.case-card .case-arrow{transform:translateX(0);transition:.3s}
.case-card:hover .case-arrow{transform:translateX(6px)}
.service-card{position:relative;overflow:hidden}
.service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0052e00f,#029dd01a);opacity:0;transition:.4s}
.service-card:hover:before{opacity:1}
.service-card .num{font:800 1.1rem Outfit;color:var(--brand)}

/* ---------- Stats ---------- */
.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#e5edf8;border:1px solid #e5edf8;border-radius:1.5rem;overflow:hidden}
.stat-cell{background:#fff;padding:2.2rem 2.5rem}
@media(min-width:1024px){.stat-grid{grid-template-columns:repeat(4,1fr)}.stat-cell strong{font-size:3.25rem}}
.stat-cell strong{font:800 2.75rem/1 Outfit;color:var(--brand);display:block}
.stat-cell p{color:var(--muted);margin-top:.5rem}

/* ---------- Marquee ---------- */
.marquee{overflow:hidden}
.marquee-track{display:flex;width:max-content;animation:marquee 24s linear infinite;align-items:center}
.marquee:hover .marquee-track{animation-play-state:paused}
.skill-marquee .marquee-track{animation-duration:38s}
.skill-logo{height:38px;width:auto;filter:grayscale(1);opacity:.55;transition:.3s}
.skill-logo:hover{filter:grayscale(0);opacity:1}

/* ---------- Filters / forms ---------- */
.filter-btn.active{background:var(--brand);color:#fff;border-color:var(--brand)}
.field{width:100%;padding:.9rem 1rem;border:1px solid #dce5ef;border-radius:.9rem;background:#fff;outline:none;transition:.2s;font-family:"Outfit",sans-serif;color:var(--ink)}
.field:focus{border-color:var(--brand);box-shadow:0 0 0 4px #0052e012}
.field::placeholder{color:#9aa7bd}

/* ---------- FAQ ---------- */
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font:800 1.4rem Outfit;color:var(--brand);transition:.3s}
.faq[open] summary:after{transform:rotate(45deg)}

/* ---------- Decorative ---------- */
.orb{position:absolute;border-radius:999px;filter:blur(2px);animation:float 7s ease-in-out infinite}
.glow-line{height:1px;background:linear-gradient(90deg,transparent,#0052e066,transparent)}
.grid-card{background-image:linear-gradient(#0052e00d 1px,transparent 1px),linear-gradient(90deg,#0052e00d 1px,transparent 1px);background-size:32px 32px}
.divider-fade{height:1px;background:linear-gradient(90deg,transparent,#0052e033,#029dd033,transparent)}

/* ---------- Reveal (activated only when JS present) ---------- */
.js .reveal{opacity:0;transform:translateY(35px)}
.js .reveal.motion-complete{transform:none}
.motion-running{transition:none!important}
.js .hero-item{opacity:0;transform:translateY(30px)}

/* ---------- Mobile menu ---------- */
#mobile-menu a[data-link]{text-decoration:none}

/* ---------- Keyframes ---------- */
@keyframes float{50%{transform:translateY(-20px)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes loaderPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes floatSlow{50%{transform:translateY(-12px)}}

/* ---------- Modern Image Hero ---------- */
.inner-page-banner-image{position:absolute;z-index:0;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;animation:innerBannerIn 1.6s cubic-bezier(.2,.8,.2,1) both}
.cases-reference-hero:before,.comparison-reference-hero:before,.knowledge-reference-hero:before,.contact-reference-hero:before,.about-reference-hero:before,.services-reference-hero:before,.legal-hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#061126f5 0%,#0b1c39df 42%,#0713278f 70%,#06112673 100%),linear-gradient(0deg,#0208147d,transparent 65%)}
.cases-hero-pattern,.comparison-hero-pattern,.knowledge-hero-pattern,.contact-hero-pattern,.about-hero-pattern,.services-hero-pattern,.legal-pattern{z-index:2}
.cases-hero-content,.comparison-hero-content,.knowledge-hero-grid,.contact-hero-content,.about-hero-content,.services-hero-content,.legal-hero>div:last-child{position:relative;z-index:3}
.cases-reference-hero:after,.comparison-reference-hero:after,.contact-reference-hero:after{z-index:2;pointer-events:none}
.cases-hero-content,.comparison-hero-content,.contact-hero-content,.about-hero-content,.services-hero-content{text-align:left}
.cases-hero-content p,.comparison-hero-content p,.contact-hero-content p,.about-hero-content p,.services-hero-content p{margin-left:0}
.legal-hero{min-height:22rem;display:grid;align-items:center}
@keyframes innerBannerIn{from{opacity:.35;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}
@media(max-width:767px){
  .inner-page-banner-image{object-position:65% center}
  .cases-reference-hero:before,.comparison-reference-hero:before,.knowledge-reference-hero:before,.contact-reference-hero:before,.about-reference-hero:before,.services-reference-hero:before,.legal-hero:before{background:linear-gradient(90deg,#061126f5,#071327c9),linear-gradient(0deg,#020814a8,transparent)}
  .cases-reference-hero,.comparison-reference-hero,.knowledge-reference-hero,.contact-reference-hero,.about-reference-hero,.services-reference-hero,.legal-hero{min-height:21rem}
}

.modern-hero{position:relative;isolation:isolate;min-height:calc(100vh - 6.25rem);overflow:hidden;background:#0c1836;color:#fff;font-family:"Hanken Grotesk",sans-serif}.modern-hero-slides,.modern-hero-slide,.modern-hero-overlay,.modern-hero-grid-pattern{position:absolute;inset:0}.modern-hero-slide{visibility:hidden;opacity:0}.modern-hero-slide.active{visibility:visible;opacity:1}.modern-hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center}.modern-hero-overlay{z-index:1;background:linear-gradient(90deg,#020814f5 0%,#0c1836df 42%,#0c183680 67%,#02081433 100%)}.modern-hero-grid-pattern{z-index:2;opacity:.13;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 72%)}.modern-hero-inner{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:3rem;min-height:calc(100vh - 6.25rem);padding-top:4rem;padding-bottom:10rem}.modern-hero-content{max-width:49rem}.modern-hero-eyebrow{display:flex;align-items:center;gap:.65rem;margin-bottom:1.5rem;color:#fff;font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.modern-hero-eyebrow i{width:2.3rem;height:2px;background:#029dd0}.modern-hero-eyebrow span{padding:.35rem .65rem;margin-left:.35rem;border:1px solid #ffffff2b;background:#ffffff12;color:#a8c4f7;font-size:.65rem;letter-spacing:.05em}.modern-hero h1{max-width:49rem;margin:0;color:#fff;font-size:clamp(3rem,6.25vw,5.6rem);line-height:.94;font-weight:700;letter-spacing:-.045em}.modern-hero h1 em{display:block;font-style:normal;background:linear-gradient(90deg,#337bf8,#029dd0 65%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.modern-hero-content>p{max-width:42rem;margin:1.75rem 0 0;color:#d9dee8;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7}.modern-hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.modern-hero-actions a{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.85rem 1.3rem;border-radius:5px;font-weight:600;text-decoration:none;transition:.25s}.modern-hero-primary{background:#0052e0;color:#fff;box-shadow:0 13px 32px #0052e04d}.modern-hero-primary:hover{background:#0e59f2;transform:translateY(-2px)}.modern-hero-secondary{border:1px solid #ffffff66;background:#ffffff12;color:#fff;backdrop-filter:blur(10px)}.modern-hero-secondary:hover{background:#ffffff20}.modern-hero-chat{background:#029dd0;color:#fff}.modern-hero-chat:hover{background:#0286b3}.modern-hero-proof{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;color:#cbd5e1;font-size:.85rem}.modern-hero-proof span{display:flex;align-items:center;gap:.45rem}.modern-hero-proof b{width:1.2rem;height:1.2rem;display:grid;place-items:center;border-radius:50%;background:#029dd02b;color:#42c4ec;font-size:.7rem}.modern-hero-stats{display:none;flex-direction:column;flex-shrink:0;border:1px solid #ffffff26;background:#08152db8;backdrop-filter:blur(16px)}.modern-hero-stats>div{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid #ffffff1c}.modern-hero-stats>div:last-child{border:0}.modern-hero-stats strong{min-width:4.2rem;color:#fff;font:700 1.65rem "Outfit",sans-serif}.modern-hero-stats span{color:#aeb9cc;font-size:.72rem;line-height:1.35;text-transform:uppercase;letter-spacing:.06em}.modern-hero-navigation{position:absolute;z-index:4;left:50%;bottom:1.5rem;display:flex;align-items:flex-end;width:min(80rem,calc(100% - 2.5rem));transform:translateX(-50%)}.modern-hero-arrows{display:flex;gap:.5rem;margin-right:1.5rem}.modern-hero-arrows button{width:2.8rem;height:2.8rem;border:1px solid #ffffff3d;background:#0c183699;color:#fff;font-size:1.1rem;cursor:pointer;backdrop-filter:blur(10px);transition:.2s}.modern-hero-arrows button:hover{border-color:#337bf8;background:#0052e0}.modern-hero-dots{display:grid;grid-template-columns:repeat(4,1fr);flex:1}.modern-hero-dots button{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.7rem 1rem;border:0;border-top:1px solid #ffffff2e;background:#071327a8;color:#ffffff85;text-align:left;cursor:pointer;backdrop-filter:blur(10px);transition:.25s}.modern-hero-dots button span{font-size:.65rem}.modern-hero-dots button b{font-size:.8rem}.modern-hero-dots button.active{border-top-color:#029dd0;background:#0052e0d9;color:#fff}.modern-hero-progress{position:absolute;left:0;right:0;bottom:-.35rem;height:2px;background:#ffffff26}.modern-hero-progress i{display:block;width:0;height:100%;background:#029dd0}@media(min-width:1024px){.modern-hero-stats{display:flex}}@media(max-width:767px){.modern-hero{min-height:44rem}.modern-hero-inner{min-height:44rem;padding-top:3rem;padding-bottom:9rem;align-items:flex-start}.modern-hero-overlay{background:linear-gradient(90deg,#020814f2,#0c1836c9),linear-gradient(0deg,#020814d9,transparent)}.modern-hero h1{font-size:clamp(2.55rem,12vw,4.2rem)}.modern-hero-eyebrow span{display:none}.modern-hero-dots button{padding:.6rem .5rem}.modern-hero-dots button b{display:none}.modern-hero-navigation{bottom:1.25rem}.modern-hero-arrows{margin-right:.65rem}.modern-hero-actions a{flex:1}.modern-hero-chat{flex-basis:100%!important}}@media(max-width:420px){.modern-hero-inner{padding-top:2.4rem}.modern-hero-content>p{line-height:1.55}.modern-hero-proof{gap:.7rem}.modern-hero-arrows button{width:2.5rem;height:2.5rem}}

/* ---------- Modern hero refinements ---------- */
.modern-hero-slide{overflow:hidden;will-change:opacity,transform}
.modern-hero-slide img{filter:saturate(1.06) contrast(1.04);transform:scale(1.015)}
.modern-hero-slide:nth-child(2) img{object-position:60% center}
.modern-hero-slide:nth-child(3) img{object-position:58% center}
.modern-hero-slide:nth-child(4) img{object-position:55% center}
.modern-hero-overlay{background:linear-gradient(90deg,#020814f7 0%,#08152de8 40%,#0c183693 68%,#0208143b 100%),linear-gradient(0deg,#02081485 0%,transparent 45%)}
.modern-hero-content{max-width:45rem}
.modern-hero h1{max-width:45rem;font-size:clamp(2.75rem,5vw,4.7rem);line-height:1.01;letter-spacing:-.04em;text-wrap:balance}
.modern-hero-dots button,.modern-hero-arrows button{transition:background-color .3s,border-color .3s,color .3s,transform .3s}
.modern-hero-arrows button:hover{transform:translateY(-3px)}
.modern-hero-stats{width:14rem;gap:.7rem;border:0;background:transparent;backdrop-filter:none}
.modern-hero-stats>div{--stat-glow:#029dd0;--stat-glow-soft:#337bf873;position:relative;isolation:isolate;min-height:5.25rem;padding:1rem 1.15rem 1rem 1.4rem;border:1px solid #ffffff2b!important;border-radius:1rem;background:linear-gradient(135deg,#102546d9,#071327b8);box-shadow:0 16px 38px #0208144f;overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.modern-hero-stats>div:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:5px;background-image:linear-gradient(180deg,#337bf8 0%,#75e7ff 45%,var(--stat-glow) 100%);background-size:100% 220%;box-shadow:0 0 12px var(--stat-glow),0 0 28px var(--stat-glow-soft);animation:statSideGlow 2.4s ease-in-out infinite}
.modern-hero-stats>div:after{content:"";position:absolute;z-index:-1;right:-2.5rem;top:-2.5rem;width:6rem;height:6rem;border-radius:50%;background:#337bf826;filter:blur(2px);transition:transform .4s ease,background .4s ease}
.modern-hero-stats>div:nth-child(2){--stat-glow:#54d9ff;--stat-glow-soft:#029dd080}
.modern-hero-stats>div:nth-child(3){--stat-glow:#7c5cff;--stat-glow-soft:#7c5cff80}
.modern-hero-stats>div:nth-child(2):before{animation-delay:.35s}
.modern-hero-stats>div:nth-child(3):before{animation-delay:.7s}
.modern-hero-stats>div:hover{transform:translateX(-7px);border-color:#ffffff55!important;box-shadow:0 20px 45px #02081473}
.modern-hero-stats>div:hover:after{transform:scale(1.3);background:#029dd038}
.modern-hero-stats strong{position:relative;min-width:4.5rem;font-size:1.9rem;letter-spacing:-.04em;text-shadow:0 5px 20px #0052e07a}
.modern-hero-stats span{color:#d7e2f2;font-size:.68rem;font-weight:600;line-height:1.45;letter-spacing:.085em}
@keyframes statSideGlow{0%,100%{background-position:50% 0;box-shadow:0 0 10px var(--stat-glow),0 0 22px var(--stat-glow-soft);opacity:.72}50%{background-position:50% 100%;box-shadow:0 0 18px var(--stat-glow),0 0 42px var(--stat-glow-soft);opacity:1}}
@media(min-width:768px){
  .modern-hero-content{padding:2rem 2.4rem;border-left:2px solid #029dd0;background:linear-gradient(90deg,#0611268f,transparent);backdrop-filter:blur(2px)}
}
@media(max-width:767px){
  .modern-hero h1{font-size:clamp(2.15rem,9.5vw,3.35rem);line-height:1.04}
  .modern-hero-content>p{margin-top:1.2rem;font-size:.96rem}
  .modern-hero-actions{margin-top:1.4rem}
  .modern-hero-slide:nth-child(n) img{object-position:62% center}
}
@media(max-height:760px) and (min-width:768px){
  .modern-hero-inner{padding-top:2rem;padding-bottom:7rem}
  .modern-hero-content{padding-top:1.25rem;padding-bottom:1.25rem}
  .modern-hero h1{font-size:clamp(2.45rem,4.6vw,4rem)}
  .modern-hero-content>p{margin-top:1rem;line-height:1.5}
  .modern-hero-actions{margin-top:1.25rem}
  .modern-hero-proof{margin-top:1rem}
}

/* Keep the complete hero and all four slide labels inside one viewport. */
.modern-hero,.modern-hero-inner{min-height:calc(100svh - 6.25rem)}
.modern-hero-navigation{align-items:stretch;border-radius:.75rem;overflow:hidden;background:#071327c7;box-shadow:0 16px 45px #02081466;backdrop-filter:blur(16px)}
.modern-hero-arrows{align-items:center;padding:0 .65rem;margin-right:0;border-right:1px solid #ffffff1f}
.modern-hero-dots button{min-width:0;justify-content:center;padding:.72rem 1rem;border-top:2px solid transparent;border-right:1px solid #ffffff17;background:transparent}
.modern-hero-dots button:last-child{border-right:0}
.modern-hero-dots button.active{border-top-color:#29c4ef;background:linear-gradient(135deg,#0052e0e6,#086fc7dc)}
.modern-hero-progress{bottom:0}
@media(min-width:1280px){
  .modern-hero{height:clamp(42rem,calc(100dvh - 6.25rem),54rem);min-height:0}
  .modern-hero-inner{height:100%;min-height:0;padding-top:2.5rem;padding-bottom:7rem}
  .modern-hero-slides,.modern-hero-slide,.modern-hero-slide img{height:100%}
  .modern-hero-content{padding-top:1.65rem;padding-bottom:1.65rem}
  .modern-hero-navigation{bottom:1.25rem}
}
@media(min-width:1920px){
  .modern-hero{height:clamp(44rem,calc(100dvh - 6.25rem),56rem)}
  .modern-hero h1{font-size:4.75rem}
}
@media(max-width:767px){
  .modern-hero,.modern-hero-inner{min-height:calc(100svh - 4.5rem)}
  .modern-hero-inner{padding-top:1.8rem;padding-bottom:7.2rem;align-items:center}
  .modern-hero-eyebrow{margin-bottom:.85rem;font-size:.68rem}
  .modern-hero-content>p{line-height:1.5}
  .modern-hero-actions a{padding:.7rem .8rem;font-size:.82rem}
  .modern-hero-proof{margin-top:.85rem;gap:.8rem;font-size:.72rem}
  .modern-hero-navigation{bottom:.75rem;width:calc(100% - 1rem)}
  .modern-hero-arrows{display:none}
  .modern-hero-dots button{flex-direction:row;align-items:center;justify-content:center;gap:.28rem;padding:.65rem .18rem;white-space:nowrap}
  .modern-hero-dots button span{font-size:.55rem}
  .modern-hero-dots button b{display:block;font-size:clamp(.5rem,2.35vw,.68rem);letter-spacing:-.01em}
}
@media(max-width:390px), (max-height:650px){
  .modern-hero h1{font-size:clamp(1.85rem,8.8vw,2.6rem)}
  .modern-hero-content>p{font-size:.84rem}
  .modern-hero-proof{display:none}
}

/* ---------- Reduced motion ---------- */
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
  .js .reveal,.js .hero-item{opacity:1;transform:none}
}

/* ---------- About Page ---------- */
.about-page{font-family:"Hanken Grotesk",sans-serif}
.about-reference-hero,.services-reference-hero{position:relative;overflow:hidden;padding:5rem 0;background:linear-gradient(135deg,#0052e0,#0f3883 68%,#0c1836);color:#fff}
.about-hero-content,.services-hero-content{max-width:46rem}
.about-hero-content>span,.services-hero-content>span{display:inline-block;padding:.5rem 1rem;margin-bottom:1.5rem;border-radius:999px;background:#ffffff1a;font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.about-hero-content h1,.services-hero-content h1{margin:0 0 1.25rem;font-size:clamp(2.25rem,5vw,3rem);line-height:1.1;font-weight:700;letter-spacing:-.025em}
.about-hero-content p,.services-hero-content p{max-width:42rem;margin:0;color:#e3e8f4;font-size:1.25rem;line-height:1.75rem}

.about-story-section{padding:4rem 0;background:#fff}
.about-story-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}
.about-story-media{position:relative}
.about-story-media img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:1rem;box-shadow:0 35px 75px -25px #1e3a5f66}
.about-story-badge{position:absolute;left:1.25rem;bottom:1.25rem;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border:1px solid #ffffffa8;border-radius:.75rem;background:#ffffffee;backdrop-filter:blur(12px);box-shadow:0 14px 36px #0f172a24}
.about-story-badge strong{color:#0052e0;font:800 1.75rem/1 "Outfit",sans-serif}
.about-story-badge span{color:#64748b;font-size:.8rem;line-height:1.3}
.about-story-copy h2{margin:0 0 1.25rem;color:#1c1c25;font-size:clamp(1.875rem,4vw,2.75rem);line-height:1.15;font-weight:700;letter-spacing:-.025em}
.about-story-copy p{color:#16181b;line-height:1.7}
.about-lead{font-weight:600;color:#1c1c25}
.about-check-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1.5rem 0;padding:0;list-style:none}
.about-check-list li{display:flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border-radius:.5rem;background:#eff6ff;color:#0052e0;font-size:.875rem;font-weight:600}
.about-check-list li:before{content:"✓";font-weight:800}
.about-story-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}
.about-primary,.about-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.5rem;border-radius:999px;font-weight:700;text-decoration:none;transition:.25s}
.about-primary{background:#0052e0;color:#fff;box-shadow:0 12px 30px #0052e035}
.about-primary:hover{background:#0848d5;transform:translateY(-2px)}
.about-secondary{background:#fff;color:#334155;border:1px solid #dbe3ef;box-shadow:0 7px 18px #0f172a0d}
.about-secondary:hover{border-color:#93b4f8;transform:translateY(-2px)}

.about-stats-section{padding:0 0 4rem;background:#fff}
.stats-band{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:2rem;border-radius:1rem;background:linear-gradient(110deg,#0052e0,#0f3883);color:#fff;box-shadow:0 25px 55px #0052e030}
.stats-band>div{text-align:center}
.stats-band strong,.stats-band span{display:block}
.stats-band strong{font-size:clamp(1.875rem,4vw,2.25rem);margin-bottom:.5rem}
.stats-band span{color:#a8c4f7}

.about-values-section{padding:4rem 0;background:#f9fafb}
.about-section-heading{text-align:center;margin-bottom:3rem}
.about-section-heading>span{color:#0052e0;font-size:.78rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.about-section-heading h2{margin:.75rem 0 .75rem;color:#1c1c25;font-size:clamp(1.875rem,4vw,2.5rem);line-height:1.1;font-weight:700;letter-spacing:-.025em}
.about-section-heading p{margin:0;color:#16181b;font-size:1.125rem}
.about-values-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}
.about-value-card{padding:2rem;border:1px solid #f3f4f6;border-radius:1rem;background:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:transform .3s,box-shadow .3s,border-color .3s}
.about-value-card:hover{transform:translateY(-6px);border-color:#e3e8f4;box-shadow:0 22px 45px #0052e01a}
.about-value-icon{width:3.25rem;height:3.25rem;display:grid;place-items:center;margin-bottom:1.25rem;border-radius:.75rem;background:#eff6ff;font-size:1.5rem}
.about-value-card h3{margin:0 0 .75rem;color:#1c1c25;font-size:1.25rem;font-weight:700}
.about-value-card p{margin:0;color:#16181b;line-height:1.65}

.about-timeline-section{padding:4rem 0;background:#fff}
.about-timeline{display:grid;grid-template-columns:1fr;gap:1.5rem}
.about-milestone{padding:1.5rem;border:1px solid #f3f4f6;border-left:3px solid #0052e0;border-radius:.75rem;background:#fff;transition:transform .3s,box-shadow .3s}
.about-milestone:hover{transform:translateX(6px);box-shadow:0 18px 40px #0f172a12}
.about-milestone-year{margin-bottom:.5rem;color:#0052e0;font:800 1.5rem "Outfit",sans-serif}
.about-milestone h3{margin:0 0 .5rem;color:#1c1c25;font-size:1.125rem;font-weight:700}
.about-milestone p{margin:0;color:#16181b;line-height:1.6}

.about-team-section{padding:4rem 0;background:#f9fafb}
.about-team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.about-team-card{padding:1.75rem;border:1px solid #f3f4f6;border-radius:1rem;background:#fff;text-align:center;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:transform .3s,box-shadow .3s}
.about-team-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0052e01a}
.about-team-avatar{width:4.5rem;height:4.5rem;display:grid;place-items:center;margin:0 auto 1rem;border-radius:50%;background:linear-gradient(135deg,#0052e0,#029dd0);color:#fff;font:800 1.4rem "Outfit",sans-serif;box-shadow:0 10px 22px #0052e033}
.about-team-card h3{margin:0 0 .25rem;color:#1c1c25;font-size:1.125rem;font-weight:700}
.about-team-card p{margin:0;color:#029dd0;font-size:.875rem}

.about-why-section{padding:4rem 0;background:#fff}
.about-why-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr;gap:2rem;padding:2.5rem;border-radius:1rem;background:linear-gradient(110deg,#0052e0,#0f3883);color:#fff;box-shadow:0 25px 55px #0052e02b}
.about-why-copy{position:relative;z-index:1}
.about-why-copy>span{display:inline-block;margin-bottom:1rem;padding:.4rem .9rem;border-radius:999px;background:#ffffff1a;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.about-why-copy h2{margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.25rem);line-height:1.15;font-weight:700}
.about-why-copy p{margin:0 0 1.5rem;color:#e3e8f4;line-height:1.65}
.about-why-actions{display:flex;flex-wrap:wrap;gap:1rem}
.about-why-primary,.about-why-secondary{display:inline-flex;padding:.8rem 1.4rem;border-radius:999px;font-weight:600;text-decoration:none;transition:.25s}
.about-why-primary{background:#fff;color:#0052e0}
.about-why-secondary{background:#ffffff1a;color:#fff}
.about-why-actions a:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0f172a26}
.about-why-list{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:.75rem;margin:0;padding:0;list-style:none;align-content:center}
.about-why-list li{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;border-radius:.75rem;background:#ffffff1a;color:#fff;font-weight:500}
.about-why-list b{color:#029dd0;font-weight:800}

.about-certs-section{padding:0 0 4rem;background:#fff}
.about-certs{text-align:center}
.about-certs h3{margin:0 0 1.25rem;color:#1c1c25;font-size:1.25rem;font-weight:600}
.about-final-section{padding:4rem 0;background:#f9fafb}
.about-final-cta{padding:4rem 1.5rem;border-radius:1rem;background:linear-gradient(100deg,#0052e0,#0052e0);color:#fff;text-align:center;box-shadow:0 22px 45px #0052e02b}
.about-final-cta h2{margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}
.about-final-cta p{margin:0 0 2rem;color:#e3e8f4;font-size:1.125rem}
.about-final-cta>div{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}
.about-final-cta a{padding:.8rem 1.4rem;border-radius:999px;background:#fff;color:#0052e0;font-weight:600;text-decoration:none;transition:.25s}
.about-final-cta a:nth-child(2){background:#ffffff1a;color:#fff}
.about-final-cta a:nth-child(3){background:#029dd0;color:#fff}
.about-final-cta a:hover{transform:translateY(-2px)}

/* ---------- Services Page ---------- */
.services-page{font-family:"Hanken Grotesk",sans-serif}
.reference-section-heading{text-align:center;margin-bottom:3rem}
.reference-section-heading h2{margin:.75rem 0 1rem;color:#1c1c25;font-size:clamp(1.875rem,4vw,3rem);line-height:1;font-weight:700;letter-spacing:-.025em}
.reference-section-heading p{max-width:48rem;margin:0 auto;color:#16181b;font-size:clamp(1.125rem,2vw,1.25rem);line-height:1.75rem}

.services-engagement-section{padding:4rem 0;background:#fff}
.services-engagement-grid{display:grid;grid-template-columns:1fr;gap:2rem}
.services-engagement-card{position:relative;display:flex;flex-direction:column;padding:2rem;border:1px solid #f3f4f6;border-radius:1rem;background:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:transform .3s,box-shadow .3s,border-color .3s}
.services-engagement-card:hover{transform:translateY(-6px);box-shadow:0 22px 45px #0052e01a}
.services-engagement-popular{border:2px solid #337bf8;box-shadow:0 20px 35px #0052e01f}
.services-engagement-badge{position:absolute;top:-.9rem;left:50%;transform:translateX(-50%);padding:.25rem 1rem;border-radius:999px;background:#0052e0;color:#fff;font-size:.75rem;font-weight:600;white-space:nowrap}
.services-engagement-card h3{margin:0 0 .5rem;color:#1c1c25;font-size:1.25rem;font-weight:700}
.services-engagement-card>p{min-height:2.7rem;margin:0 0 1.25rem;color:#16181b;font-size:.875rem}
.services-engagement-card ul{flex-grow:1;display:flex;flex-direction:column;gap:.75rem;margin:0 0 2rem;padding:0;list-style:none}
.services-engagement-card li{display:flex;gap:.75rem;color:#16181b;font-size:.875rem}
.services-engagement-card li:before{content:"✓";color:#029dd0;font-weight:700}
.services-engagement-link{display:inline-flex;justify-content:center;padding:.75rem 1.5rem;border:2px solid #a8c4f7;border-radius:999px;background:#fff;color:#0052e0;font-weight:600;text-decoration:none;transition:.25s}
.services-engagement-popular .services-engagement-link{border-color:transparent;background:linear-gradient(90deg,#0052e0,#0052e0);color:#fff}
.services-engagement-link:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0052e01a}

.services-tech-section{padding:2rem 0 4rem;background:#f9fafb}
.services-stats-section{padding:0 0 4rem;background:#f9fafb}
.services-faq-section{padding:4rem 0;background:#fff}
.services-faq{max-width:48rem;margin:auto;border-top:1px solid #f3f4f6}
.services-faq summary{display:flex;justify-content:space-between;gap:1rem;padding:1.25rem 0;color:#1c1c25;font-weight:600;cursor:pointer;list-style:none}
.services-faq summary::-webkit-details-marker{display:none}
.services-faq summary:after{content:"⌄";color:#9ca3af;font-size:1.25rem;transition:.25s}
.services-faq[open] summary:after{transform:rotate(180deg)}
.services-faq p{margin:0;padding:0 0 1.25rem;color:#16181b;line-height:1.65}

.services-final-section{padding:4rem 0;background:#f9fafb}
.services-final-cta{padding:4rem 1.5rem;border-radius:1rem;background:linear-gradient(100deg,#0052e0,#0052e0);color:#fff;text-align:center;box-shadow:0 22px 45px #0052e02b}
.services-final-cta h2{margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}
.services-final-cta p{margin:0 0 2rem;color:#e3e8f4;font-size:1.125rem}
.services-final-cta>div{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}
.services-final-cta a{padding:.8rem 1.4rem;border-radius:999px;background:#fff;color:#0052e0;font-weight:600;text-decoration:none;transition:.25s}
.services-final-cta a:nth-child(2){background:#ffffff1a;color:#fff}
.services-final-cta a:nth-child(3){background:#029dd0;color:#fff}
.services-final-cta a:hover{transform:translateY(-2px)}

@media(min-width:768px){
  .about-story-grid{grid-template-columns:1fr 1fr}
  .about-values-grid{grid-template-columns:repeat(3,1fr)}
  .about-timeline{grid-template-columns:repeat(2,1fr)}
  .about-team-grid{grid-template-columns:repeat(3,1fr)}
  .about-why-card{grid-template-columns:1fr 1fr}
  .about-why-list{grid-template-columns:repeat(2,1fr)}
  .stats-band{grid-template-columns:repeat(4,1fr);padding:3rem}
  .services-engagement-grid{grid-template-columns:repeat(3,1fr)}
}
@media(min-width:1024px){
  .about-team-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
  .about-reference-hero,.services-reference-hero{padding:4rem 0}
  .about-hero-content p,.services-hero-content p{font-size:1.05rem}
  .about-check-list{grid-template-columns:1fr}
  .about-final-cta>div,.about-final-cta a,.services-final-cta>div,.services-final-cta a{width:100%}
}