:root {
    --blue:#4a90e2;--blue-bright:#67a9f6;--blue-soft:#eaf3fd;--navy:#111827;--ink:#141b2b;
    --muted:#667085;--line:#e7eaf0;--paper:#f6f8fb;--white:#fff;--radius-lg:2.5rem;--radius-md:1.75rem;
    --shadow:0 30px 80px rgba(17,24,39,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{margin:0;background:#fff;color:var(--ink);font-family:'Didact Gothic',sans-serif;font-size:17px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.menu-open{overflow:hidden}h1,h2,h3,h4,strong,b{font-family:'Questrial',sans-serif}a{color:inherit}img,video{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}
.skip-link{position:fixed;left:1rem;top:1rem;z-index:999;padding:.8rem 1rem;border-radius:.75rem;background:#fff;color:var(--ink);transform:translateY(-180%);transition:transform .2s ease}.skip-link:focus{transform:translateY(0)}

/* Navigation */
.site-header{position:fixed;inset:0 0 auto;z-index:100;padding:.8rem 1.25rem;transition:padding .3s ease,background-color .3s ease,box-shadow .3s ease}.site-header.is-scrolled{padding-top:.45rem;padding-bottom:.45rem;background:rgba(255,255,255,.86);box-shadow:0 8px 32px rgba(17,24,39,.08);backdrop-filter:blur(18px)}.site-nav{width:min(100%,1366px);min-height:64px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.site-logo{display:inline-flex;align-items:center;padding:.6rem;flex:0 0 auto}.site-logo img{width:auto;height:28px}.desktop-nav{display:flex;align-items:center;gap:.25rem;padding:.35rem;border:1px solid rgba(17,24,39,.08);border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(14px)}.desktop-nav a{padding:.7rem 1rem;color:#30394c;font-family:'Questrial',sans-serif;font-size:.92rem;text-decoration:none;border-radius:999px;transition:color .25s ease,background .25s ease}.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--blue);background:var(--blue-soft);outline:none}.nav-actions{display:flex;align-items:center;gap:.65rem}.nav-cta{min-height:46px;display:inline-flex;align-items:center;gap:.75rem;padding:.7rem .85rem .7rem 1.1rem;border-radius:999px;background:var(--navy);color:#fff;font-family:'Questrial',sans-serif;font-size:.9rem;text-decoration:none;box-shadow:0 10px 25px rgba(17,24,39,.18);transition:transform .25s ease,background .25s ease}.nav-cta svg{width:27px;height:27px;padding:6px;border-radius:50%;background:var(--blue);fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .25s ease}.nav-cta:hover{transform:translateY(-2px);background:#1b2942}.nav-cta:hover svg{transform:translateX(2px)}.menu-toggle{width:46px;height:46px;display:none;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:0;border-radius:50%;background:var(--navy);cursor:pointer}.menu-toggle span{width:19px;height:1.5px;background:#fff;transition:transform .3s ease}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.mobile-nav{position:absolute;top:calc(100% + .25rem);left:1rem;right:1rem;display:none;padding:1.25rem;border:1px solid rgba(17,24,39,.08);border-radius:1.5rem;background:rgba(255,255,255,.98);box-shadow:var(--shadow)}.mobile-nav.is-open{display:grid;animation:menuIn .35s cubic-bezier(.22,1,.36,1)}.mobile-nav a{padding:.85rem .35rem;border-bottom:1px solid var(--line);color:var(--ink);font-family:'Questrial',sans-serif;font-size:1.1rem;text-decoration:none}.mobile-nav .mobile-nav-cta{margin-top:.8rem;padding:1rem;border:0;border-radius:1rem;background:var(--blue);color:#fff;text-align:center}@keyframes menuIn{from{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:none}}

/* Hero */
.homepage{padding-top:94px}.page-shell{width:min(calc(100% - 2rem),1366px);margin-inline:auto}.hero-section{padding-bottom:1.2rem}.hero-panel{min-height:720px;display:grid;grid-template-columns:minmax(0,.96fr) minmax(500px,1.04fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(2rem,5vw,5.2rem);border-radius:var(--radius-lg);background:radial-gradient(circle at 20% 0%,rgba(74,144,226,.18),transparent 34%),linear-gradient(145deg,#111827 0%,#101727 70%,#15233a 100%);color:#fff;overflow:hidden;isolation:isolate;box-shadow:0 32px 80px rgba(17,24,39,.22)}.hero-copy{position:relative;z-index:4;max-width:660px}.eyebrow{margin:0 0 1.25rem;color:var(--blue-bright);font-family:'Questrial',sans-serif;font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.eyebrow span{margin:0 .3rem;color:rgba(255,255,255,.35)}.eyebrow-dark{color:var(--blue)}.hero-copy h1{margin:0;max-width:680px;font-size:clamp(3.1rem,5.2vw,5.7rem);font-weight:400;letter-spacing:-.055em;line-height:.98}.hero-copy h1 span{color:var(--blue-bright)}.hero-intro{max-width:630px;margin:1.7rem 0 0;color:#b6c0cf;font-size:clamp(1.05rem,1.55vw,1.28rem);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2.25rem}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.85rem 1.25rem;border:1px solid transparent;border-radius:999px;font-family:'Questrial',sans-serif;font-size:.95rem;text-decoration:none;transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}.button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.button-primary{background:var(--blue);color:#fff;box-shadow:0 14px 30px rgba(74,144,226,.24)}.button-primary:hover{transform:translateY(-3px);background:#5a9dea;box-shadow:0 18px 38px rgba(74,144,226,.32)}.button-ghost{border-color:rgba(255,255,255,.18);color:#fff;background:rgba(255,255,255,.04)}.button-ghost:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.09)}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.hero-proof div{display:flex;flex-direction:column;gap:.35rem}.hero-proof strong{color:#fff;font-size:1rem;font-weight:500}.hero-proof span{max-width:130px;color:#8693a7;font-size:.73rem;line-height:1.35}
.hero-visual{position:relative;min-height:540px;z-index:2}.hero-glow{position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(20px);opacity:.32;z-index:-1}.hero-glow-one{top:0;right:0;background:var(--blue)}.hero-glow-two{bottom:-60px;left:10%;background:#284b7a}.browser-mockup{overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:1.35rem;background:#f8fafc;box-shadow:0 32px 70px rgba(0,0,0,.3)}.hero-browser{position:absolute;width:90%;top:50%;left:50%;transform:translate(-48%,-50%) perspective(1000px) rotateY(-3deg) rotateX(1deg);animation:browserFloat 8s ease-in-out infinite}.browser-bar{height:42px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid #e7ebf1;background:#fff}.browser-bar>span{width:8px;height:8px;border-radius:50%;background:#d9dee7}.browser-bar>span:first-child{background:#ff6b68}.browser-bar>span:nth-child(2){background:#f6bd4d}.browser-bar>span:nth-child(3){background:#45c86b}.browser-address{width:45%;margin-left:auto;margin-right:auto;padding:5px 10px;border-radius:999px;background:#f2f4f7;color:#98a1b2;font-size:9px;text-align:center}.demo-dashboard{height:370px;display:grid;grid-template-columns:76px 1fr;color:var(--ink)}.demo-dashboard aside{display:flex;flex-direction:column;align-items:center;gap:18px;padding:20px 13px;background:#111827}.demo-brand{margin-bottom:18px;color:#fff;font:11px 'Questrial',sans-serif}.demo-brand span{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:var(--blue)}.demo-dashboard aside i{width:28px;height:7px;border-radius:999px;background:rgba(255,255,255,.13)}.demo-content{padding:26px;background:#f6f8fb}.demo-heading{display:flex;justify-content:space-between;align-items:center}.demo-heading div{display:flex;flex-direction:column;gap:4px}.demo-heading small,.demo-metrics small{color:#98a1b2;font-size:8px}.demo-heading b{font-size:18px}.demo-heading em{padding:5px 9px;border-radius:999px;background:#e5f8eb;color:#22914a;font-size:8px;font-style:normal}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.demo-metrics span{min-height:66px;display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #edf0f4;border-radius:10px;background:#fff}.demo-metrics b{font-size:17px}.demo-chart{height:135px;display:flex;align-items:flex-end;gap:7px;margin-top:14px;padding:15px;border-radius:12px;background:#fff}.demo-chart span{flex:1;min-width:6px;border-radius:3px 3px 0 0;background:linear-gradient(to top,var(--blue),#93c4f7)}.demo-chart span:nth-child(1){height:28%}.demo-chart span:nth-child(2){height:45%}.demo-chart span:nth-child(3){height:38%}.demo-chart span:nth-child(4){height:72%}.demo-chart span:nth-child(5){height:60%}.demo-chart span:nth-child(6){height:82%}.demo-chart span:nth-child(7){height:68%}.demo-chart span:nth-child(8){height:96%}.demo-table{display:flex;flex-direction:column;gap:6px;margin-top:12px}.demo-table i{height:7px;border-radius:999px;background:#e7ebf1}.demo-table i:nth-child(2){width:86%}.demo-table i:nth-child(3){width:73%}.phone-mockup{overflow:hidden;border:7px solid #1b2537;border-radius:2.4rem;background:#fff;box-shadow:0 32px 60px rgba(0,0,0,.38)}.phone-speaker{position:absolute;top:9px;left:50%;z-index:4;width:35%;height:15px;border-radius:999px;background:#1b2537;transform:translateX(-50%)}.hero-phone{position:absolute;right:-2%;bottom:0;z-index:3;width:175px;height:368px;animation:phoneFloat 7s ease-in-out infinite .8s}.hero-phone img{width:100%;height:100%;object-fit:cover;object-position:top}.floating-chip{position:absolute;z-index:5;display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(17,24,39,.74);color:#dfe6f1;font-size:.72rem;box-shadow:0 14px 30px rgba(0,0,0,.2);backdrop-filter:blur(12px)}.floating-chip-top{top:11%;right:2%}.floating-chip-bottom{left:2%;bottom:8%;border-radius:1rem}.floating-chip-bottom strong{color:var(--blue-bright);font-size:1.2rem}.floating-chip-bottom span{color:#aeb9ca}.status-dot{width:7px;height:7px;border-radius:50%;background:#57d383;box-shadow:0 0 0 5px rgba(87,211,131,.12)}@keyframes browserFloat{0%,100%{transform:translate(-48%,-50%) perspective(1000px) rotateY(-3deg) rotateX(1deg)}50%{transform:translate(-48%,calc(-50% - 8px)) perspective(1000px) rotateY(-1deg)}}@keyframes phoneFloat{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-10px) rotate(1deg)}}

/* Introduction and shared sections */
.introduction-section{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(3rem,8vw,8rem);align-items:start;padding:clamp(6rem,10vw,10rem) clamp(1rem,5vw,5rem) clamp(5rem,8vw,8rem)}.introduction-heading h2{margin:0;max-width:760px;font-size:clamp(2.6rem,4.3vw,4.9rem);font-weight:400;letter-spacing:-.048em;line-height:1.04}.introduction-heading h2 span{color:var(--blue)}.introduction-copy{display:grid;gap:1.5rem;padding-top:2.2rem}.introduction-copy p{margin:0;color:var(--muted);font-size:clamp(1.05rem,1.55vw,1.28rem);line-height:1.72}.introduction-copy strong{color:var(--ink);font-weight:500}
.trust-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(2rem,6vw,7rem);align-items:center;padding:clamp(5rem,8vw,8rem) clamp(1rem,5vw,4rem)}.trust-heading h2,.section-heading h2,.why-content h2,.faq-heading h2{margin:0;font-size:clamp(2.4rem,4vw,4.5rem);font-weight:400;letter-spacing:-.045em;line-height:1.04}.trust-heading>p:last-child,.section-heading>p,.why-intro,.faq-heading>p:last-child{margin:1.3rem 0 0;color:var(--muted);line-height:1.65}.logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--line)}.logo-grid img{width:100%;height:120px;padding:1.6rem;object-fit:contain;background:#fff;filter:grayscale(1);opacity:.55;transition:filter .3s ease,opacity .3s ease,transform .3s ease}.logo-grid img:hover{filter:none;opacity:1;transform:scale(1.03)}.dark-section{padding:clamp(4rem,7vw,7rem) clamp(1.25rem,5vw,5rem);border-radius:var(--radius-lg);background:var(--navy);color:#fff;overflow:hidden}.section-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(2rem,8vw,8rem);align-items:end}.section-heading>p{font-size:1.05rem}.section-heading-light h2{color:#fff}.section-heading-light>p{color:#98a4b7}

/* Services */
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:4rem}.service-card{position:relative;min-height:520px;display:flex;flex-direction:column;padding:2rem;border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-md);background:rgba(255,255,255,.025);overflow:hidden;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .35s ease,background .35s ease}.service-card::before{content:'';position:absolute;inset:auto -20% -55% 20%;height:260px;border-radius:50%;background:rgba(74,144,226,.12);filter:blur(40px);opacity:0;transition:opacity .4s ease}.service-card:hover{transform:translateY(-8px);border-color:rgba(74,144,226,.65);background:rgba(255,255,255,.045)}.service-card:hover::before{opacity:1}.service-card-featured{background:linear-gradient(155deg,rgba(74,144,226,.2),rgba(255,255,255,.03));border-color:rgba(74,144,226,.35)}.service-number{position:absolute;top:1.5rem;right:1.5rem;color:rgba(255,255,255,.25);font: .72rem 'Questrial',sans-serif}.service-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:2.2rem;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:rgba(255,255,255,.04);color:var(--blue-bright)}.service-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.service-card h3{margin:0;max-width:280px;font-size:2rem;font-weight:400;line-height:1.12}.service-card>p{margin:1.1rem 0 1.6rem;color:#a7b2c4;line-height:1.6}.service-card ul{display:grid;gap:.7rem;margin:0 0 2rem;padding:0;list-style:none}.service-card li{position:relative;padding-left:1.2rem;color:#d4dbe7;font-size:.9rem}.service-card li::before{content:'';position:absolute;left:0;top:.56rem;width:5px;height:5px;border-radius:50%;background:var(--blue)}.service-card>a{position:relative;z-index:2;margin-top:auto;color:var(--blue-bright);font: .9rem 'Questrial',sans-serif;text-decoration:none}.service-card>a span{display:inline-block;margin-left:.25rem;transition:transform .25s ease}.service-card>a:hover span{transform:translateX(5px)}

/* Projects */
.work-section{padding:clamp(6rem,10vw,10rem) clamp(0rem,3vw,3rem)}.work-section>.section-heading{padding-inline:clamp(1rem,3vw,3rem);margin-bottom:4rem}.project-row{min-height:670px;display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#fff;box-shadow:0 20px 60px rgba(17,24,39,.07)}.project-row+.project-row{margin-top:2rem}.project-row-reverse{grid-template-columns:1.2fr .8fr}.project-row-reverse .project-copy{order:2}.project-row-reverse .project-stage{order:1}.project-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(2.3rem,6vw,6rem)}.project-tag{display:inline-flex;padding:.45rem .72rem;border-radius:999px;background:var(--blue-soft);color:#2f75c4;font: .7rem 'Questrial',sans-serif;letter-spacing:.08em;text-transform:uppercase}.project-copy h3{margin:1.3rem 0 1rem;font-size:clamp(2.7rem,4.5vw,5rem);font-weight:400;letter-spacing:-.045em;line-height:1}.project-copy>p{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.7}.project-copy code{padding:.1rem .3rem;border-radius:.3rem;background:#f0f3f7;color:#334155;font-size:.88em}.project-capabilities{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.6rem}.project-capabilities span{padding:.42rem .7rem;border:1px solid var(--line);border-radius:999px;color:#4e596c;font-size:.75rem}.text-link{display:inline-flex;gap:.5rem;margin-top:2rem;color:var(--ink);font-family:'Questrial',sans-serif;text-decoration:none}.text-link span{color:var(--blue);transition:transform .25s ease}.text-link:hover span{transform:translateX(6px)}.project-stage{position:relative;min-width:0;min-height:620px;display:grid;place-items:center;padding:clamp(2rem,5vw,5rem);overflow:hidden}.project-stage::before,.project-stage::after{content:'';position:absolute;border-radius:50%}.project-stage-blue{background:radial-gradient(circle at 70% 20%,#78b4f1 0%,#4a90e2 38%,#2165b3 100%)}.project-stage-blue::before{width:380px;height:380px;border:1px solid rgba(255,255,255,.18)}.project-stage-blue::after{width:510px;height:510px;border:1px solid rgba(255,255,255,.1)}.project-phone{position:relative;z-index:2;width:260px;height:535px;transform:rotate(2deg);transition:transform .6s cubic-bezier(.22,1,.36,1)}.project-row:hover .project-phone{transform:rotate(0) translateY(-6px)}.project-phone video{width:100%;height:100%;object-fit:contain;background:#fff}.project-note,.metric-badge,.replace-badge{position:absolute;z-index:4;padding:.7rem .95rem;border-radius:999px;background:rgba(17,24,39,.82);color:#fff;font: .74rem 'Questrial',sans-serif;backdrop-filter:blur(10px)}.project-note{right:8%;bottom:9%}.project-stage-slate{background:radial-gradient(circle at 50% 40%,#3a4b68,#172136 72%)}.project-browser{position:relative;z-index:2;width:min(95%,780px);border-color:rgba(255,255,255,.18);transition:transform .6s cubic-bezier(.22,1,.36,1)}.project-row:hover .project-browser{transform:translateY(-7px)}.project-browser video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#111827}.metric-badge{right:7%;bottom:11%;display:inline-flex;align-items:center;gap:.5rem}.metric-badge strong{color:var(--blue-bright);font-size:1.4rem}.project-stage-placeholder{background:linear-gradient(135deg,#eaf3fd,#f6f8fb 55%,#d9eafa)}.placeholder-product{border-color:rgba(17,24,39,.08);box-shadow:0 35px 70px rgba(25,74,132,.18)}.placeholder-ui{aspect-ratio:16/9;display:grid;grid-template-columns:70px 1fr;background:#fff;color:var(--ink)}.placeholder-sidebar{display:flex;flex-direction:column;align-items:center;gap:18px;padding:18px 12px;background:var(--navy)}.placeholder-sidebar b{width:30px;height:30px;display:grid;place-items:center;margin-bottom:20px;border-radius:9px;background:var(--blue);color:#fff}.placeholder-sidebar i{width:28px;height:6px;border-radius:999px;background:rgba(255,255,255,.15)}.placeholder-main{padding:clamp(1.5rem,4vw,3.5rem);background:linear-gradient(160deg,#fff,#f5f8fc)}.placeholder-main small{color:var(--blue);text-transform:uppercase;letter-spacing:.12em}.placeholder-main h4{margin:.7rem 0 1.5rem;font-size:clamp(1.2rem,2.2vw,2.3rem);line-height:1.1}.placeholder-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.placeholder-cards span{height:72px;border:1px solid #e6ecf4;border-radius:10px;background:#fff;box-shadow:0 8px 16px rgba(17,24,39,.04)}.placeholder-cards span:nth-child(2){background:var(--blue)}.placeholder-line{height:70px;margin-top:.8rem;border-radius:10px;background:repeating-linear-gradient(to right,#e6ecf4 0 8%,transparent 8% 12%);opacity:.7}.replace-badge{right:8%;bottom:10%;color:var(--blue);background:rgba(255,255,255,.88)}

/* Case studies banner */
.case-studies-banner{position:relative;min-height:560px;display:flex;align-items:flex-end;margin-top:2rem;padding:clamp(2rem,6vw,6rem);border-radius:var(--radius-lg);overflow:hidden;color:#fff;text-decoration:none;box-shadow:0 24px 60px rgba(17,24,39,.13)}.case-studies-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}.case-studies-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,24,39,.93) 0%,rgba(17,24,39,.68) 48%,rgba(17,24,39,.25) 100%);transition:background .45s ease}.case-studies-content{position:relative;z-index:2;max-width:780px;display:flex;flex-direction:column;align-items:flex-start}.case-studies-content small{margin-bottom:1.2rem;color:var(--blue-bright);font:700 .72rem 'Questrial',sans-serif;letter-spacing:.16em;text-transform:uppercase}.case-studies-content strong{font-size:clamp(2.5rem,4.6vw,5.2rem);font-weight:400;letter-spacing:-.045em;line-height:1}.case-studies-content em{display:inline-flex;align-items:center;gap:.7rem;margin-top:2rem;padding:.85rem 1.15rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.08);font:normal .9rem 'Questrial',sans-serif;backdrop-filter:blur(10px)}.case-studies-content b{color:var(--blue-bright);font-size:1.2rem;transition:transform .3s ease}.case-studies-banner:hover>img{transform:scale(1.035)}.case-studies-banner:hover .case-studies-overlay{background:linear-gradient(90deg,rgba(17,24,39,.96),rgba(17,24,39,.65) 55%,rgba(17,24,39,.2))}.case-studies-banner:hover b{transform:translateX(5px)}

/* Process, why and FAQ */
.process-section{position:relative}.process-section::after{content:'';position:absolute;width:460px;height:460px;right:-180px;bottom:-220px;border-radius:50%;background:rgba(74,144,226,.15);filter:blur(40px)}.process-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);margin:4rem 0 0;padding:0;list-style:none}.process-grid li{min-height:270px;padding:1.8rem;border-top:1px solid rgba(255,255,255,.12);border-right:1px solid rgba(255,255,255,.08)}.process-grid li:last-child{border-right:0}.process-grid li>span{display:inline-grid;place-items:center;width:39px;height:39px;border:1px solid rgba(74,144,226,.45);border-radius:50%;color:var(--blue-bright);font: .7rem 'Questrial',sans-serif}.process-grid h3{margin:3rem 0 .8rem;font-size:1.35rem;font-weight:400}.process-grid p{margin:0;color:#98a4b7;font-size:.9rem;line-height:1.65}.why-section{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(3rem,8vw,8rem);align-items:center;padding:clamp(6rem,10vw,10rem) clamp(1rem,5vw,5rem)}.why-visual{position:relative;min-height:680px;overflow:hidden;border-radius:var(--radius-lg);background:var(--blue-soft)}.why-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.why-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(17,24,39,.7),transparent 48%)}.why-visual-card{position:absolute;z-index:2;left:2rem;right:2rem;bottom:2rem;display:flex;flex-direction:column;color:#fff}.why-visual-card strong{font-size:2rem;font-weight:400}.why-visual-card span{color:rgba(255,255,255,.76)}.why-content h2{max-width:690px}.why-intro{max-width:650px;font-size:1.07rem}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem 2.5rem;margin-top:3rem}.why-grid article{padding-top:1.25rem;border-top:1px solid var(--line)}.why-grid article>span{color:var(--blue);font: .7rem 'Questrial',sans-serif}.why-grid h3{margin:.8rem 0 .55rem;font-size:1.25rem;font-weight:400}.why-grid p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.faq-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,9vw,9rem);padding:clamp(2rem,5vw,5rem) clamp(1rem,5vw,5rem) clamp(7rem,10vw,10rem)}.faq-heading{position:sticky;top:8rem;align-self:start}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.6rem 3rem 1.6rem 0;cursor:pointer;color:var(--ink);font:1.15rem 'Questrial',sans-serif;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span,.faq-list summary span::after{position:absolute;right:.5rem;width:14px;height:1.5px;background:var(--blue);transition:transform .25s ease}.faq-list summary span::after{content:'';right:0;transform:rotate(90deg)}.faq-list details[open] summary span::after{transform:rotate(0)}.faq-list details p{max-width:700px;margin:-.3rem 3rem 1.7rem 0;color:var(--muted);line-height:1.7}

/* Contact and footer */
.contact-section{padding-bottom:1.2rem}.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:center;padding:clamp(3rem,7vw,7rem);border-radius:var(--radius-lg);background:radial-gradient(circle at 10% 0%,rgba(74,144,226,.25),transparent 38%),var(--navy);color:#fff;overflow:hidden}.contact-copy h2{margin:0;font-size:clamp(3rem,5.5vw,6rem);font-weight:400;letter-spacing:-.05em;line-height:.98}.contact-copy>p:last-child{max-width:520px;margin:1.5rem 0 0;color:#a6b1c2;font-size:1.05rem;line-height:1.65}.contact-options{display:grid;gap:.8rem}.contact-card{min-height:112px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.12);border-radius:1.4rem;background:rgba(255,255,255,.04);color:#fff;text-decoration:none;transition:transform .3s ease,border-color .3s ease,background .3s ease}.contact-card:hover{transform:translateX(6px);border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08)}.contact-card-primary{border-color:rgba(74,144,226,.45);background:rgba(74,144,226,.16)}.contact-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:1rem;background:var(--blue)}.contact-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.contact-card>span:nth-child(2){display:flex;flex-direction:column;gap:.15rem}.contact-card small{color:#8f9db2;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.contact-card strong{font-size:1.2rem;font-weight:400}.contact-card em{color:#b8c2d1;font-size:.82rem;font-style:normal}.contact-card b{color:var(--blue-bright);font-size:1.4rem;transition:transform .3s ease}.contact-card:hover b{transform:translateX(4px)}.floating-whatsapp{position:fixed;right:1.25rem;bottom:1.25rem;z-index:80;min-height:52px;display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:var(--blue);color:#fff;font: .86rem 'Questrial',sans-serif;text-decoration:none;box-shadow:0 16px 35px rgba(41,104,176,.3);transform:translateY(120px);transition:transform .4s cubic-bezier(.22,1,.36,1),background .25s ease}.floating-whatsapp.is-visible{transform:translateY(0)}.floating-whatsapp:hover{background:#5b9fea}.floating-whatsapp svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.site-footer{margin-top:0;padding:4.5rem 1rem 2rem;background:#0c1220;color:#fff}.footer-inner{width:min(100%,1240px);margin:auto}.footer-main{display:grid;grid-template-columns:1.15fr .55fr .7fr;gap:3rem;padding-bottom:3.5rem}.footer-brand img{width:auto;height:30px;margin-bottom:1.2rem}.footer-brand p{max-width:410px;margin:0;color:#8f9bad;line-height:1.65}.footer-column h2{margin:0 0 1rem;color:#fff;font-size:.76rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase}.footer-column a{display:table;margin:.65rem 0;color:#9aa6b8;text-decoration:none;transition:color .2s ease}.footer-column a:hover{color:var(--blue-bright)}.footer-bottom{display:flex;justify-content:space-between;gap:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08);color:#748197;font-size:.78rem}.footer-legal{display:flex;gap:1.2rem}.footer-legal a{color:inherit;text-decoration:none}.footer-legal a:hover{color:#fff}

/* Motion and legacy CTA compatibility */
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}.js .reveal.is-visible{opacity:1;transform:none}.hero-stagger{animation:heroIn .8s cubic-bezier(.22,1,.36,1) both}.hero-stagger:nth-child(2){animation-delay:.08s}.hero-stagger:nth-child(3){animation-delay:.16s}.hero-stagger:nth-child(4){animation-delay:.24s}.hero-stagger:nth-child(5){animation-delay:.32s}.hero-visual.hero-stagger{animation-delay:.18s}@keyframes heroIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.learn-more{position:relative;min-height:50px;display:inline-flex;align-items:center;padding:.75rem 1.25rem .75rem 3.7rem;border-radius:999px;color:var(--ink);font-family:'Questrial',sans-serif;text-decoration:none;overflow:hidden}.learn-more .circle{position:absolute;left:0;width:50px;height:50px;border-radius:999px;background:var(--blue);transition:width .4s cubic-bezier(.22,1,.36,1)}.learn-more .button-text{position:relative;z-index:2}.learn-more:hover .circle{width:100%}.learn-more.inverse{color:#fff}.learn-more.inverse .circle{background:#fff}.learn-more.inverse:hover{color:var(--blue)}.learn-more .icon.arrow::before{content:'→';position:absolute;left:16px;top:10px;z-index:3;color:#fff;font-style:normal}.learn-more.inverse .icon.arrow::before{color:var(--blue)}

@media(max-width:1100px){.hero-panel{grid-template-columns:1fr;gap:2rem;padding-bottom:3rem}.hero-copy{max-width:800px}.hero-visual{min-height:500px}.hero-browser{width:72%;left:45%}.hero-phone{right:9%}.service-grid{grid-template-columns:1fr}.service-card{min-height:0}.project-row,.project-row-reverse{grid-template-columns:1fr}.project-row-reverse .project-copy{order:1}.project-row-reverse .project-stage{order:2}.process-grid{grid-template-columns:1fr 1fr}.process-grid li:nth-child(2){border-right:0}.why-section{grid-template-columns:.85fr 1.15fr;gap:3rem}.why-visual{min-height:600px}}
@media(max-width:820px){.site-header{padding-inline:.75rem}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex}.site-logo img{height:25px}.homepage{padding-top:84px}.page-shell{width:min(calc(100% - 1rem),1366px)}.hero-panel{min-height:auto;padding:3rem 1.5rem 2rem;border-radius:1.75rem}.hero-copy h1{font-size:clamp(2.75rem,11vw,4.6rem)}.hero-proof{grid-template-columns:1fr;gap:.85rem}.hero-proof div{display:grid;grid-template-columns:110px 1fr;align-items:center}.hero-proof span{max-width:none}.hero-visual{min-height:410px}.hero-browser{width:92%;left:48%}.demo-dashboard{height:300px}.demo-content{padding:18px}.demo-chart{height:100px}.hero-phone{width:128px;height:270px;right:0}.floating-chip-top{right:0;top:3%}.floating-chip-bottom{left:0;bottom:2%}.introduction-section,.trust-section,.section-heading,.why-section,.faq-section,.contact-panel{grid-template-columns:1fr}.introduction-section{gap:1.5rem;padding-block:5rem}.introduction-copy{padding-top:0}.trust-section{padding-block:5rem}.logo-grid img{height:100px;padding:1.1rem}.dark-section{border-radius:1.75rem}.section-heading{gap:1rem}.service-grid{margin-top:2.5rem}.work-section{padding-top:5rem}.project-row{border-radius:1.75rem}.project-stage{min-height:500px}.project-copy{padding:2.5rem 1.5rem}.project-phone{width:220px;height:460px}.case-studies-banner{min-height:480px;border-radius:1.75rem}.process-grid{grid-template-columns:1fr}.process-grid li{min-height:auto;border-right:0}.process-grid h3{margin-top:1.5rem}.why-section{padding-block:5rem}.why-visual{min-height:520px;order:2}.why-content{order:1}.faq-heading{position:static}.faq-section{padding-bottom:6rem}.contact-panel{border-radius:1.75rem}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:560px){body{font-size:16px}.hero-panel{padding:2.5rem 1.1rem 1.4rem}.hero-actions{display:grid}.button{width:100%}.hero-visual{min-height:330px}.hero-browser{width:100%;left:50%}.browser-bar{height:30px}.browser-address{display:none}.demo-dashboard{height:250px;grid-template-columns:48px 1fr}.demo-dashboard aside{padding:15px 8px}.demo-dashboard aside i{width:20px}.demo-content{padding:12px}.demo-metrics{gap:5px}.demo-metrics span{min-height:55px;padding:7px}.demo-metrics b{font-size:12px}.demo-chart{height:82px;padding:9px}.demo-table{display:none}.hero-phone{width:100px;height:210px;border-width:5px;border-radius:1.7rem}.phone-speaker{top:6px;height:10px}.floating-chip{padding:.55rem .65rem;font-size:.62rem}.floating-chip-top{display:none}.introduction-section,.trust-section{padding-inline:.6rem}.introduction-heading h2{font-size:2.5rem}.introduction-copy p{font-size:1.05rem}.logo-grid{grid-template-columns:1fr 1fr}.dark-section{padding:3.5rem 1rem}.section-heading h2,.trust-heading h2,.why-content h2,.faq-heading h2{font-size:2.45rem}.service-card{padding:1.4rem}.service-card h3{font-size:1.7rem}.work-section>.section-heading{padding-inline:.6rem}.project-stage{min-height:390px;padding:1.2rem}.project-phone{width:175px;height:365px}.project-note{right:4%;bottom:5%}.metric-badge,.replace-badge{right:4%;bottom:6%}.placeholder-ui{grid-template-columns:44px 1fr}.placeholder-sidebar{padding:10px 7px}.placeholder-sidebar b{width:26px;height:26px}.placeholder-sidebar i{width:20px}.placeholder-main{padding:1rem}.placeholder-cards span{height:42px}.placeholder-line{height:40px}.case-studies-banner{min-height:430px;padding:1.4rem}.case-studies-content strong{font-size:2.4rem}.why-section,.faq-section{padding-inline:.6rem}.why-visual{min-height:440px}.why-visual-card{left:1.2rem;right:1.2rem;bottom:1.2rem}.why-grid{grid-template-columns:1fr;gap:1.4rem}.faq-list summary{font-size:1rem}.contact-panel{padding:3rem 1.1rem}.contact-card{grid-template-columns:auto 1fr}.contact-card>b{display:none}.floating-whatsapp span{display:none}.floating-whatsapp{width:54px;padding:0;justify-content:center;border-radius:50%}.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.footer-legal{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal{opacity:1;transform:none}}

/* Apeiron dual-product showcase and branded contact artwork */
.button img{width:22px;height:22px;object-fit:contain}.contact-icon img{width:29px;height:29px;object-fit:contain}.floating-whatsapp img{width:25px;height:25px;object-fit:contain}.project-stage-apeiron{background:radial-gradient(circle at 16% 12%,rgba(95,167,247,.38),transparent 32%),linear-gradient(145deg,#111827,#172744 65%,#1e4777)}.apeiron-browser{position:absolute;left:6%;top:14%;width:82%;z-index:1;box-shadow:0 36px 75px rgba(2,8,20,.38)}.apeiron-browser video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.apeiron-phone{position:absolute;right:7%;bottom:7%;z-index:3;width:150px;height:315px;transform:rotate(2deg);transition:transform .6s cubic-bezier(.22,1,.36,1);box-shadow:0 30px 60px rgba(2,8,20,.45)}.apeiron-phone video{width:100%;height:100%;object-fit:cover;background:#111827}.project-row:hover .apeiron-browser{transform:translateY(-5px)}.project-row:hover .apeiron-phone{transform:rotate(0) translateY(-8px)}.project-stage-apeiron .project-note{left:7%;right:auto;bottom:7%;background:rgba(17,24,39,.88)}
@media(max-width:560px){.apeiron-browser{left:3%;top:17%;width:94%}.apeiron-phone{right:5%;bottom:6%;width:96px;height:205px}.project-stage-apeiron .project-note{left:4%;bottom:6%;max-width:155px;white-space:normal;line-height:1.3}}
@media(prefers-reduced-motion:reduce){.apeiron-browser,.apeiron-phone{transition:none!important}}

/* Hero project reel */
.hero-showcase{display:grid;place-items:center;min-height:570px;isolation:isolate}.hero-showcase::before{content:'';position:absolute;inset:7% 1% 4% 6%;z-index:-3;border-radius:50%;background:radial-gradient(circle,rgba(74,144,226,.2),transparent 68%);filter:blur(14px)}.showcase-backplate{position:absolute;width:min(83%,505px);aspect-ratio:1;z-index:-1;border:1px solid rgba(103,169,246,.22);border-radius:2rem;background:linear-gradient(145deg,rgba(103,169,246,.12),rgba(255,255,255,.02));transform:rotate(7deg) translate(4%,1%);box-shadow:0 35px 80px rgba(0,0,0,.25)}.showcase-backplate::before{content:'';position:absolute;inset:14px;border:1px solid rgba(255,255,255,.06);border-radius:1.4rem;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px}.showcase-frame{position:relative;width:min(82%,500px);z-index:2;padding:9px;border:1px solid rgba(255,255,255,.2);border-radius:2rem;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.045));box-shadow:0 42px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.15);backdrop-filter:blur(18px);animation:showcaseFloat 8s ease-in-out infinite}.showcase-rail,.showcase-footer{display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#dbe5f2;font-family:'Questrial',sans-serif}.showcase-rail{height:42px;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.showcase-rail>span{display:flex;align-items:center;gap:.55rem}.showcase-rail i{width:7px;height:7px;border-radius:50%;background:#64d58b;box-shadow:0 0 0 5px rgba(100,213,139,.12)}.showcase-rail small{color:#728198;font-size:.56rem;letter-spacing:.13em}.showcase-media{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1.35rem;background:#0b1220}.showcase-media video{width:100%;height:100%;object-fit:cover}.showcase-media::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 -60px 80px rgba(3,8,17,.12)}.showcase-scan{position:absolute;left:0;right:0;top:-15%;height:20%;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(103,169,246,.08),rgba(103,169,246,.2),transparent);mix-blend-mode:screen;animation:showcaseScan 7s linear infinite}.showcase-footer{min-height:47px;color:#8f9db1;font-size:.65rem;letter-spacing:.05em}.showcase-footer b{width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:var(--blue-bright);font-size:.9rem;font-weight:400}.showcase-label{position:absolute;z-index:4;display:flex;align-items:center;gap:.65rem;padding:.7rem .9rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(10,16,29,.78);color:#d9e2ef;font: .66rem 'Questrial',sans-serif;letter-spacing:.04em;box-shadow:0 16px 35px rgba(0,0,0,.25);backdrop-filter:blur(12px)}.showcase-label span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:rgba(74,144,226,.2);color:var(--blue-bright);font-size:.56rem}.showcase-label-web{left:0;top:18%}.showcase-label-mobile{right:-1%;bottom:18%}.showcase-orbit{position:absolute;z-index:-2;border:1px solid rgba(103,169,246,.12);border-radius:50%;pointer-events:none}.showcase-orbit-one{width:93%;aspect-ratio:1}.showcase-orbit-two{width:72%;aspect-ratio:1;border-style:dashed;animation:showcaseOrbit 30s linear infinite}@keyframes showcaseFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(0)}}@keyframes showcaseScan{0%{transform:translateY(-100%)}55%,100%{transform:translateY(650%)}}@keyframes showcaseOrbit{to{transform:rotate(360deg)}}
@media(max-width:1100px){.hero-showcase{min-height:560px}.showcase-frame{width:min(72%,500px)}.showcase-backplate{width:min(73%,505px)}.showcase-label-web{left:7%}.showcase-label-mobile{right:7%}}
@media(max-width:820px){.hero-showcase{min-height:520px}.showcase-frame{width:min(78%,475px)}.showcase-backplate{width:min(79%,480px)}}
@media(max-width:560px){.hero-showcase{min-height:385px}.showcase-frame{width:82%;padding:6px;border-radius:1.45rem}.showcase-backplate{width:83%;border-radius:1.5rem}.showcase-backplate::before{inset:10px;border-radius:1rem;background-size:25px 25px}.showcase-rail{height:32px;padding-inline:8px;font-size:.52rem}.showcase-rail small{font-size:.44rem}.showcase-media{border-radius:1rem}.showcase-footer{min-height:35px;padding-inline:8px;font-size:.5rem}.showcase-footer b{width:20px;height:20px;font-size:.7rem}.showcase-label{padding:.5rem .65rem;font-size:.54rem}.showcase-label span{width:19px;height:19px}.showcase-label-web{left:0;top:17%}.showcase-label-mobile{right:0;bottom:16%}.showcase-orbit-one{width:102%}.showcase-orbit-two{width:82%}}
@media(prefers-reduced-motion:reduce){.showcase-frame,.showcase-scan,.showcase-orbit{animation:none!important}}

/* Clean project reel presentation */
.hero-showcase .showcase-frame{width:min(86%,525px);padding:10px;border-radius:2.15rem}.hero-showcase .showcase-media{border-radius:1.65rem}.hero-showcase .showcase-backplate{width:min(87%,530px)}
@media(max-width:1100px){.hero-showcase .showcase-frame{width:min(76%,525px)}.hero-showcase .showcase-backplate{width:min(77%,530px)}}
@media(max-width:820px){.hero-showcase .showcase-frame{width:min(82%,500px)}.hero-showcase .showcase-backplate{width:min(83%,505px)}}
@media(max-width:560px){.hero-showcase .showcase-frame{width:86%;padding:7px;border-radius:1.6rem}.hero-showcase .showcase-media{border-radius:1.25rem}.hero-showcase .showcase-backplate{width:87%}}