*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #05070d;--bg2: #0a0f19;--surface: rgba(13, 20, 32, .78);--surface2: rgba(20, 31, 47, .86);--surface3: rgba(255, 255, 255, .045);--border: rgba(255, 255, 255, .095);--border-strong: rgba(255, 255, 255, .16);--accent: #34d399;--cyan: #22d3ee;--amber: #f59e0b;--rose: #fb7185;--violet: #a78bfa;--text: #edf5ff;--muted: #91a2b8;--muted2: #64748b;--display: "Syne", sans-serif;--mono: "JetBrains Mono", monospace}html{scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden;background:linear-gradient(120deg,rgba(34,211,238,.08),transparent 32%),linear-gradient(250deg,rgba(52,211,153,.07),transparent 36%),linear-gradient(180deg,var(--bg),#070b13 52%,#04060b);color:var(--text);cursor:none;font-family:var(--mono)}#root{overflow-x:clip}button,input,textarea,select{font:inherit}button{border:0}a{color:inherit;text-decoration:none}img,svg{max-width:100%}::selection{background:#34d39947;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.012) 2px,rgba(255,255,255,.012) 4px);opacity:.55}.cur{position:fixed;z-index:9999;pointer-events:none;transform:translate(-50%,-50%)}.cur-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 18px #34d399cc}.cur-ring{width:32px;height:32px;border:1px solid rgba(52,211,153,.34);border-radius:50%}.page-section{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;padding:6.5rem 8vw}.page-section.top-aligned{min-height:auto;align-items:flex-start;padding-top:6.25rem;padding-bottom:6.25rem}.section-wrap{width:min(1180px,100%);margin:0 auto}.section-intro{width:min(820px,100%);margin-bottom:2.6rem}.s-label,.hero-kicker,.case-type,.case-label{color:var(--accent);font-size:.72rem;letter-spacing:.18em;line-height:1.5;text-transform:uppercase}.s-title{margin-top:.55rem;color:#fff;font-family:var(--display);font-size:clamp(2.15rem,4.15vw,4.25rem);font-weight:800;letter-spacing:0;line-height:1.02;max-width:13.5ch;overflow-wrap:normal;text-wrap:balance}.s-copy{margin-top:1rem;color:var(--muted);font-size:clamp(.95rem,1.4vw,1.08rem);line-height:1.8}.btn-primary,.btn-ghost,.card-cta{display:inline-flex;min-height:3.15rem;align-items:center;justify-content:center;gap:.5rem;border-radius:8px;cursor:pointer;font-size:.75rem;font-weight:800;letter-spacing:.08em;line-height:1.2;text-align:center;text-transform:uppercase;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.btn-primary{padding:.95rem 1.35rem;background:linear-gradient(135deg,#ecfeff,var(--accent));color:#031009;box-shadow:0 14px 40px #34d39933}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 48px #34d3994a}.btn-ghost,.card-cta{padding:.95rem 1.25rem;border:1px solid var(--border);background:#ffffff08;color:var(--text)}.btn-ghost:hover,.card-cta:hover{transform:translateY(-2px);border-color:#34d39973;background:#34d39914}.side-nav{position:fixed;top:50%;right:1.75rem;z-index:40;display:flex;transform:translateY(-50%);flex-direction:column;align-items:flex-end;gap:1rem}.nav-item{display:flex;align-items:center;gap:.7rem;border:0;background:transparent;color:var(--muted2);cursor:pointer}.nav-label{opacity:0;color:inherit;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;transition:opacity .2s ease,color .2s ease}.nav-dot{width:7px;height:7px;border:1px solid currentColor;border-radius:999px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.nav-item:hover .nav-label,.nav-item.active .nav-label{opacity:1;color:var(--accent)}.nav-item.active .nav-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 18px #34d3998c}.hero-section{padding-top:7rem}.hero-grid{width:min(1260px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,.98fr) minmax(330px,.58fr);gap:3rem;align-items:center}.hero-copy h1{max-width:8.7ch;margin-top:.8rem;color:#fff;font-family:var(--display);font-size:clamp(3rem,5.7vw,6.25rem);font-weight:800;letter-spacing:0;line-height:.98;overflow-wrap:normal;text-wrap:balance}.hero-lede{max-width:720px;margin-top:1.3rem;color:#cbd7e5;font-family:var(--mono);font-size:clamp(1rem,1.55vw,1.22rem);line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2.1rem}.hero-proof-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:2.2rem}.hero-proof-row span,.mini-list span,.project-tech-row span,.tech-list span,.case-bullet-grid span{border:1px solid var(--border);border-radius:999px;background:#ffffff09;color:#dbe7f5;font-size:.68rem;line-height:1.4;padding:.42rem .7rem}.operator-panel{border:1px solid var(--border);border-radius:8px;background:linear-gradient(150deg,rgba(34,211,238,.13),transparent 36%),linear-gradient(320deg,rgba(245,158,11,.08),transparent 42%),#0b121ebd;box-shadow:0 30px 90px #00000059;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.panel-topline,.operator-metric{display:flex;justify-content:space-between;gap:1rem;padding:1.05rem 1.2rem;border-bottom:1px solid var(--border)}.panel-topline span,.operator-metric span{color:var(--muted2);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}.panel-topline strong{color:#fff;font-family:var(--display);font-size:1rem}.operator-metric{flex-direction:column}.operator-metric:last-child{border-bottom:0}.operator-metric strong{color:#fff;font-size:.88rem;line-height:1.7}.operator-metric.main strong{color:var(--accent);font-family:var(--display);font-size:1.65rem;line-height:1.08}.system-grid,.service-grid,.expertise-grid,.faq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.system-card,.service-card,.expertise-card,.project-card,.process-card,.faq-card,.lesson-box,.case-final-cta{border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#ffffff0e,#ffffff05),#0b121eb8;box-shadow:0 18px 55px #00000038;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.system-card{min-height:260px;padding:1.35rem}.system-card h3,.service-card h3,.expertise-card h3,.process-card h3,.faq-card h3{color:#fff;font-family:var(--display);font-size:1.28rem;line-height:1.12}.system-card p,.service-card p,.process-card p,.faq-card p{margin-top:.8rem;color:var(--muted);font-size:.82rem;line-height:1.75}.mini-list,.project-tech-row,.tech-list{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.15rem}.project-grid.premium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.project-card{position:relative;min-height:365px;padding:1.25rem;cursor:pointer;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-top:2px solid var(--card-accent);background:linear-gradient(135deg,color-mix(in srgb,var(--card-accent) 16%,transparent),transparent 44%);opacity:.65;pointer-events:none}.project-card>*{position:relative;z-index:1}.project-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--card-accent) 44%,white 4%);box-shadow:0 24px 70px #00000059}.project-card.flagship{grid-column:span 2;min-height:430px}.project-card-head{display:flex;justify-content:space-between;gap:.75rem;color:var(--muted2);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}.project-card-head strong{color:var(--card-accent)}.project-card h3{margin-top:2.1rem;color:#fff;font-family:var(--display);font-size:clamp(2rem,4vw,4.7rem);line-height:.95}.project-card:not(.flagship) h3{font-size:2rem}.project-tagline{margin-top:.75rem;color:#e6eef8;font-size:.86rem;line-height:1.65}.project-desc{margin-top:.8rem;color:var(--muted);font-size:.78rem;line-height:1.75}.project-link{margin-top:1.2rem;color:var(--card-accent);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{padding:1.35rem}.service-card.popular{border-color:#34d3997a;box-shadow:0 22px 70px #34d39914}.service-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.service-head strong{color:var(--accent);font-family:var(--display);font-size:1.25rem;white-space:nowrap}.service-audience{color:#d4dfec!important}.service-focus{margin-top:.55rem!important}.feature-list{display:grid;gap:.48rem;margin-top:1.1rem}.feature-list span,.case-list p{position:relative;color:var(--muted);font-size:.82rem;line-height:1.75;padding-left:1.1rem}.feature-list span:before,.case-list p:before{content:"";position:absolute;top:.75em;left:0;width:5px;height:5px;border-radius:999px;background:var(--accent)}.card-cta{width:100%;margin-top:1.25rem}.retainer-intro{margin-top:2.2rem;margin-bottom:1rem;max-width:820px}.retainer-intro h3{margin-top:.45rem;color:#fff;font-family:var(--display);font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.05}.retainer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.retainer-card{border:1px solid var(--border);border-radius:8px;background:linear-gradient(150deg,rgba(34,211,238,.08),transparent 38%),#0b121eb8;padding:1.35rem;box-shadow:0 18px 55px #00000038;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.retainer-card.popular{border-color:#34d3997a;background:linear-gradient(150deg,rgba(52,211,153,.12),transparent 36%),#0b121ec2}.retainer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.retainer-head span{color:var(--accent);font-size:.64rem;letter-spacing:.12em;line-height:1.5;text-transform:uppercase}.retainer-head h3{margin-top:.35rem;color:#fff;font-family:var(--display);font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.05}.retainer-head strong{color:var(--cyan);font-family:var(--display);font-size:1.1rem;line-height:1.15;text-align:right;white-space:nowrap}.retainer-card p{margin-top:.9rem;color:var(--muted);font-size:.82rem;line-height:1.75}.expertise-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.expertise-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.expertise-card{padding:1.25rem;min-height:0}.expertise-card h3{font-size:1.22rem}.tech-list span{white-space:normal;overflow-wrap:anywhere}.process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.process-card{padding:1.2rem}.process-card>span{color:var(--accent);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.process-card h3{margin-top:.75rem}.audit-wrap{display:grid;grid-template-columns:minmax(0,.86fr) minmax(360px,.7fr);gap:2.2rem;align-items:start}.enquiry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}.audit-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.audit-points span{border-left:2px solid var(--accent);background:#ffffff09;padding:.85rem 1rem;color:#dbe7f5;font-size:.82rem;line-height:1.5}.audit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;border:1px solid var(--border);border-radius:8px;background:#0b121eb8;padding:1rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.enquiry-card{align-self:start}.quote-card{border-color:#22d3ee33;background:linear-gradient(145deg,rgba(34,211,238,.08),transparent 36%),#0b121eb8}.form-head{grid-column:1 / -1;margin-bottom:.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.form-head h3{margin-top:.4rem;color:#fff;font-family:var(--display);font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.05}.form-head p:not(.s-label){margin-top:.65rem;color:var(--muted);font-size:.82rem;line-height:1.7}.audit-form label{display:grid;gap:.4rem}.audit-form label.full,.audit-form .full,.form-success{grid-column:1 / -1}.audit-form span{color:var(--accent);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase}.audit-form input,.audit-form textarea,.audit-form select{width:100%;border:1px solid var(--border);border-radius:8px;background:#03080fb8;color:#fff;outline:none;padding:.82rem .9rem;transition:border-color .2s ease,box-shadow .2s ease}.audit-form textarea{min-height:135px;resize:vertical}.audit-form input:focus,.audit-form textarea:focus,.audit-form select:focus{border-color:#34d3998c;box-shadow:0 0 0 3px #34d39917}.form-success{padding:2rem;text-align:center}.form-success h3{color:#fff;font-family:var(--display);font-size:1.8rem}.form-success p{margin-top:.7rem;color:var(--muted);line-height:1.7}.form-error{color:#fecaca;font-size:.78rem;line-height:1.6}.faq-section{padding-top:3rem!important}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-card{padding:1.2rem}.footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--border);padding:1.4rem 8vw;color:var(--muted2);font-size:.72rem}.pp-topnav{position:sticky;top:0;z-index:35;display:flex;justify-content:space-between;gap:1rem;align-items:center;border-bottom:1px solid var(--border);background:#05070dc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:1rem 8vw}.pp-topnav span{color:var(--muted2);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.pp-back{background:transparent;color:var(--text);cursor:pointer;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.pp-back:hover{color:var(--p-acc)}.case-hero{position:relative;z-index:1;padding:6.5rem 8vw 5.25rem;overflow:hidden}.case-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(130deg,color-mix(in srgb,var(--p-acc) 18%,transparent),transparent 38%),linear-gradient(180deg,transparent,rgba(5,7,13,.72));pointer-events:none}.case-hero-copy{position:relative;width:min(1500px,100%)}.case-type,.case-label{color:var(--p-acc)}.case-hero h1{margin-top:.8rem;color:#fff;font-family:var(--display);font-size:clamp(3.25rem,5.85vw,6.3rem);font-weight:800;letter-spacing:0;line-height:.94;max-width:100%;overflow-wrap:normal;white-space:nowrap}.case-tagline{max-width:820px;margin-top:1rem;color:#eef6ff;font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.65}.case-summary{max-width:760px;margin-top:.9rem;color:var(--muted);font-size:.98rem;line-height:1.85}.case-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.case-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.case-stats div{min-height:122px;display:grid;align-content:center;gap:.35rem;border-right:1px solid var(--border);padding:1.2rem 1.4rem;text-align:center}.case-stats div:last-child{border-right:0}.case-stats strong{color:var(--p-acc);font-family:var(--display);font-size:clamp(1.35rem,1.9vw,2rem);line-height:1;overflow-wrap:anywhere}.case-stats span{color:var(--muted2);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase}.case-body{position:relative;z-index:1;width:min(990px,100%);margin:0 auto;padding:5.5rem 1.25rem;display:grid;gap:4.8rem}.case-section h2,.case-final-cta h2{margin-top:.55rem;color:#fff;font-family:var(--display);font-size:clamp(1.9rem,4vw,3.25rem);line-height:1.02}.case-lede{margin-top:1.2rem;color:#d9e5f2;font-size:1.02rem;line-height:1.9}.case-list{display:grid;gap:.8rem;margin-top:1.2rem}.case-bullet-grid{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.35rem}.case-bullet-grid span{border-color:color-mix(in srgb,var(--p-acc) 28%,transparent)}.case-tech-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.3rem}.case-tech-group{border:1px solid var(--border);border-radius:8px;background:#ffffff09;padding:1.1rem}.case-tech-group h3{color:#fff;font-family:var(--display);font-size:1.15rem}.case-tech-group div{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.case-tech-group span{color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.35rem .58rem;font-size:.68rem}.lesson-box{margin-top:1.2rem;padding:1.2rem;border-color:color-mix(in srgb,var(--p-acc) 30%,transparent)}.lesson-box strong{color:var(--p-acc);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.lesson-box p{margin-top:.5rem;color:#d9e5f2;line-height:1.8}.case-final-cta{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;padding:1.4rem}.arch-wrap{margin-top:1.2rem;overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:#0b121eb8;padding:1.2rem}.not-found{min-height:100vh;display:grid;place-items:center;gap:1rem;color:var(--muted)}@media (max-width: 1180px){.hero-grid{grid-template-columns:1fr;gap:2.5rem}.operator-panel{max-width:620px}.system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expertise-grid,.process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-grid.premium{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card.flagship{grid-column:span 2}}@media (min-width: 1500px){.page-section{padding-left:8rem;padding-right:8rem}.side-nav{right:2.4rem}}@media (max-width: 900px){body{cursor:auto}.cur,.side-nav{display:none}.page-section,.page-section.top-aligned{padding:4.7rem 1.25rem}.s-title{max-width:100%}.hero-section{padding-top:5.4rem}.hero-copy h1{max-width:100%;font-size:clamp(2.6rem,10vw,4.6rem);overflow-wrap:anywhere;text-wrap:wrap}.operator-panel{max-width:none}.service-grid,.retainer-grid,.enquiry-grid,.audit-wrap,.faq-grid,.case-tech-groups{grid-template-columns:1fr}.case-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.case-stats div:nth-child(2){border-right:0}.case-stats div{border-bottom:1px solid var(--border)}.case-stats div:nth-child(n+3){border-bottom:0}.case-final-cta{align-items:flex-start;flex-direction:column}}@media (max-width: 720px){.hero-copy h1{font-size:clamp(2.35rem,9.6vw,3.45rem)}.s-title{font-size:clamp(2rem,10vw,3.35rem)}.hero-actions,.case-actions{flex-direction:column}.btn-primary,.btn-ghost{width:100%}.system-grid,.project-grid.premium,.expertise-grid,.process-grid,.audit-points{grid-template-columns:1fr}.project-card.flagship{grid-column:auto;min-height:365px}.project-card h3,.project-card.flagship h3{font-size:2.25rem}.service-head,.retainer-head{flex-direction:column}.retainer-head strong{text-align:left;white-space:normal}.audit-form{grid-template-columns:1fr}.footer{flex-direction:column;text-align:center}.pp-topnav{padding:.9rem 1.25rem}.pp-topnav span{display:none}.case-hero{padding:4.8rem 1.25rem 3.5rem}.case-hero h1{font-size:clamp(2.75rem,12vw,4rem);overflow-wrap:anywhere;white-space:normal}.case-body{padding-top:4rem;gap:3.6rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
