@font-face{font-family:Manrope;src:url('/fonts/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:Tajawal;src:url('/fonts/tajawal-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url('/fonts/tajawal-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Tajawal;src:url('/fonts/tajawal-800.woff2') format('woff2');font-weight:800;font-display:swap}
:root{--red:#ec2127;--ink:#1a1a1a;--muted:#666;--surface:#f5f5f3;--card:#fff;--line:#dededb;--page:#fff;--radius:20px;--max:1200px;color-scheme:light}
.surface{background:var(--surface)}
[data-theme=dark]{--ink:#f5f5f4;--muted:#aaa;--surface:#181818;--card:#202020;--line:#383838;--page:#111;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font:400 17px/1.7 Manrope,Arial,sans-serif}html[dir=rtl] body{font-family:Tajawal,Arial,sans-serif;line-height:1.85}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.skip{position:fixed;left:16px;top:-70px;z-index:1000;padding:12px 18px;background:var(--red);color:white;border-radius:8px}.skip:focus{top:16px}:focus-visible{outline:3px solid var(--red);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:800;line-height:1.08;letter-spacing:-.045em}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0;line-height:1.22}h1{font-size:clamp(3rem,6.7vw,6.7rem);max-width:1050px}h2{font-size:clamp(2.1rem,4.4vw,4.4rem)}h3{font-size:clamp(1.2rem,2vw,1.6rem)}p{max-width:68ch}.muted{color:var(--muted)}.red{color:var(--red)}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--red);font-size:.78rem;font-weight:800;margin-bottom:18px}.eyebrow:before{content:"";width:28px;height:2px;background:var(--red)}html[dir=rtl] .eyebrow:before{order:2}.kicker{font-size:clamp(1.1rem,1.8vw,1.3rem);color:var(--muted);max-width:62ch}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{min-height:50px;padding:0 21px;border:1px solid var(--line);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;transition:.25s transform,.25s background}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--red);border-color:var(--red);color:#fff}.btn-dark{background:var(--ink);color:var(--page)}section{padding:clamp(75px,9vw,120px) 0}.section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:end;margin-bottom:50px}.section-head>*{margin-bottom:0}
.nav{position:sticky;top:0;z-index:100;height:78px;background:color-mix(in srgb,var(--page) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:.25s}.nav-inner{height:100%;display:flex;align-items:center;gap:22px}.logo-link{position:relative;width:175px;height:70px;overflow:hidden;margin-inline-end:auto}.brand-logo{position:absolute;width:145px;height:145px;object-fit:contain;inset-block-start:-37px;inset-inline-start:0}.dark-logo{display:none}[data-theme=dark] .light-logo{display:none}[data-theme=dark] .dark-logo{display:block;filter:invert(1) hue-rotate(180deg)}.nav-links{display:flex;align-items:center;gap:22px;font-size:.88rem;font-weight:700}.nav-links>a:not(.btn){padding:26px 0 21px;border-bottom:3px solid transparent}.nav-links>a.active{border-color:var(--red)}.icon-btn,.menu-btn{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--ink);display:grid;place-items:center}.menu-btn{display:none}.lang{font-size:.78rem;padding:8px 10px!important;border:1px solid var(--line)!important;border-radius:999px}.hero{position:relative;padding:clamp(80px,10vw,135px) 0 75px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--ink) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 5%,transparent) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 85%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:50px;align-items:center}.hero h1{font-size:clamp(3rem,5.8vw,6rem)}.region-line{margin-top:34px;color:var(--muted);font-size:.9rem}.showcase{position:relative;aspect-ratio:1.15;border-radius:28px;overflow:hidden;background:#1a1a1a;box-shadow:0 30px 80px rgba(0,0,0,.18)}.showcase img{width:100%;height:100%;object-fit:cover}.showcase:after{content:"∞";position:absolute;right:22px;bottom:-22px;color:rgba(236,33,39,.78);font:9rem/1 Georgia;mix-blend-mode:screen}.trust{padding:0;border-block:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{padding:24px;border-inline-end:1px solid var(--line)}.trust-item:last-child{border:0}.trust-item b{display:block}.trust-item span{font-size:.82rem;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{min-height:270px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);display:flex;flex-direction:column;transition:.25s transform,.25s box-shadow}.service-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(0,0,0,.09)}.service-card .num{color:var(--red);font:.75rem monospace}.service-card h3{margin:35px 0 13px}.service-card p{font-size:.9rem;color:var(--muted)}.service-card .more{margin-top:auto;font-weight:700}.dark-section{background:#151515;color:#fff}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.case-card{border:1px solid #383838;border-radius:24px;overflow:hidden;background:#1c1c1c}.case-image{aspect-ratio:16/9;overflow:hidden;background:#282828}.case-image img{object-position:top;width:100%;height:100%;object-fit:cover;transition:.5s transform}.case-card:hover img{transform:scale(1.025)}.case-body{padding:28px}.case-meta{font-size:.75rem;color:#aaa}.case-body p{color:#b6b6b6;font-size:.92rem}.case-result{display:flex;justify-content:space-between;gap:20px;padding-top:19px;border-top:1px solid #3b3b3b}.case-result b{color:var(--red)}.process{display:grid;grid-template-columns:repeat(6,1fr);position:relative}.process:before{content:"";position:absolute;top:25px;left:4%;right:4%;height:1px;background:var(--line)}.phase{position:relative;padding-inline:12px}.phase i{position:relative;z-index:1;width:50px;height:50px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--page);font-style:normal;font-weight:800}.phase h3{margin:23px 0 10px}.phase p{font-size:.84rem;color:var(--muted)}.why-grid,.cap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.reason{padding:28px;border-top:2px solid var(--ink)}.reason p{color:var(--muted)}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quote{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.placeholder{font-size:.72rem;color:var(--red);font-weight:700}.quote blockquote{margin:22px 0}.tech-row{display:flex;flex-wrap:wrap;gap:10px}.tech{padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--card);font-weight:700;font-size:.85rem}.final-cta{background:var(--red);color:white}.cta-inner{display:flex;justify-content:space-between;align-items:end;gap:50px}.cta-inner .btn{background:white;color:#1a1a1a;border-color:white}.footer{padding:65px 0 25px;background:#111;color:#fff}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:45px}.footer a,.footer p{color:#aaa;font-size:.88rem}.footer a{display:block;margin:8px 0}.footer h3{font-size:1rem;letter-spacing:0}.footer-logo{position:relative;width:190px;height:85px;overflow:hidden}.footer-logo .brand-logo{width:170px;height:170px;top:-43px}.copyright{margin-top:45px;padding-top:20px;border-top:1px solid #333;display:flex;justify-content:space-between;gap:20px;color:#777;font-size:.8rem}.whatsapp{position:fixed;right:20px;bottom:20px;z-index:90;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#18a84e;color:white;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.25)}html[dir=rtl] .whatsapp{right:auto;left:20px}
.page-hero{padding:95px 0 70px;background:var(--surface);border-bottom:1px solid var(--line)}.breadcrumbs{font-size:.78rem;color:var(--muted);margin-bottom:30px}.breadcrumbs a{color:var(--red)}.detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.sticky{position:sticky;top:115px;align-self:start}.deliverables{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.deliverable{padding:15px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.outcome{padding:25px;border-inline-start:4px solid var(--red);background:var(--surface);margin:30px 0}.case-hero-image{margin-top:45px;border-radius:26px;overflow:hidden;aspect-ratio:16/7;background:#222}.case-hero-image img{width:100%;height:100%;object-fit:cover}.case-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px}.result-box{padding:32px;border-radius:20px;background:var(--red);color:white}.form-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:30px;border:1px solid var(--line);border-radius:24px;background:var(--card)}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:.82rem}.field input,.field select,.field textarea{width:100%;padding:13px;border:1px solid var(--line);border-radius:9px;background:var(--page);color:var(--ink)}.field textarea{min-height:130px;resize:vertical}.error{min-height:1.2em;color:var(--red);font-size:.75rem}.form-status{grid-column:1/-1}.not-found{text-align:center;padding:130px 20px}.not-found b{display:block;font-size:8rem;color:var(--red);line-height:1}
@media(max-width:1000px){.nav-links{position:fixed;inset:78px 0 0;background:var(--page);display:none;flex-direction:column;align-items:flex-start;padding:32px 24px;font-size:1.15rem}.nav-links.open{display:flex}.nav-links>a:not(.btn){padding:8px 0}.menu-btn{display:grid}.hero-grid,.section-head,.detail-grid,.form-layout{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(3,1fr);gap:35px}.process:before{display:none}.footer-grid{grid-template-columns:1fr 1fr}.sticky{position:static}}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}body{font-size:16px}.nav{height:70px}.logo-link{width:130px;height:66px}.brand-logo{width:120px;height:120px;top:-28px}.nav-links{inset:70px 0 0}.hero{padding-top:70px}.hero-grid{gap:34px}.showcase{aspect-ratio:1}.trust-grid{grid-template-columns:1fr 1fr}.trust-item:nth-child(2){border:0}.service-grid,.case-grid,.why-grid,.cap-grid,.quote-grid,.deliverables,.case-columns{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.cta-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.copyright{flex-direction:column}.form{grid-template-columns:1fr;padding:22px}.field{grid-column:1/-1}.whatsapp{bottom:14px;right:14px}html[dir=rtl] .whatsapp{left:14px}.not-found b{font-size:5rem}}
/* GC-inspired editorial-tech direction, adapted to the CODESTINE identity */
:root{--radius:0;--max:1220px}
.topbar{height:38px;border-bottom:1px solid var(--line);background:#101010;color:#8f8f8f;font-size:.72rem}.topbar-inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.topbar-inner>:last-child{text-align:end}.topbar a{color:#bbb}.nav{height:auto;background:color-mix(in srgb,var(--page) 96%,transparent);border-bottom:1px solid var(--line)}.nav-inner{height:84px}.nav-links>a:not(.btn){border:0;position:relative;padding:30px 0}.nav-links>a:not(.btn):after{content:"";position:absolute;inset-inline:0;bottom:19px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav-links>a.active:after,.nav-links>a:hover:after{transform:scaleX(1)}.btn{border-radius:0;min-height:54px;padding-inline:26px}.btn-primary{box-shadow:inset 5px 0 0 rgba(0,0,0,.15)}html[dir=rtl] .btn-primary{box-shadow:inset -5px 0 0 rgba(0,0,0,.15)}
.gc-hero{min-height:calc(100svh - 122px);padding:0;background:#101112;color:#fff;border-bottom:1px solid #303030}.gc-hero:before{background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:calc((100vw - 40px)/4) 100%;mask-image:none}.gc-hero:after{content:"∞";position:absolute;inset-inline-end:-3vw;bottom:-10vw;color:transparent;-webkit-text-stroke:1px rgba(236,33,39,.18);font:clamp(18rem,42vw,42rem)/1 Georgia;pointer-events:none}.gc-hero .hero-grid{min-height:calc(100svh - 122px);grid-template-columns:.92fr 1.08fr;gap:0}.hero-copy{position:relative;z-index:2;padding:70px 56px 70px 0}.hero-copy:before{content:"";position:absolute;left:-22px;top:76px;width:7px;height:148px;background:var(--red)}html[dir=rtl] .hero-copy{padding:70px 0 70px 56px}html[dir=rtl] .hero-copy:before{left:auto;right:-22px}.gc-hero h1{font-size:clamp(3.1rem,5.8vw,6.1rem);max-width:10.6ch}.gc-hero .kicker,.gc-hero .region-line{color:#aaa}.gc-hero .btn:not(.btn-primary){border-color:#555;color:#fff;background:rgba(16,16,16,.78)}.gc-hero .showcase{height:76%;aspect-ratio:auto;border-radius:0;box-shadow:none;border-inline:1px solid #303030}.gc-hero .showcase:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(16,17,18,.32),transparent 35%),linear-gradient(0deg,rgba(16,17,18,.3),transparent 40%)}.gc-hero .showcase:after{font-size:8rem;z-index:2}.showcase-label{position:absolute;z-index:3;right:0;top:0;padding:15px 18px;background:var(--red);font-size:.72rem;font-weight:800;letter-spacing:.12em}html[dir=rtl] .showcase-label{right:auto;left:0;letter-spacing:0}.hero-index{position:absolute;z-index:4;right:18px;top:50%;writing-mode:vertical-rl;font-size:.7rem;letter-spacing:.18em;color:#777}.hero-word{position:absolute;left:3vw;bottom:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.06);font-size:clamp(5rem,13vw,13rem);font-weight:800;line-height:.8;white-space:nowrap;pointer-events:none}html[dir=rtl] .hero-word{left:auto;right:3vw}
.trust{background:#111;color:#fff;border-color:#303030}.trust-grid{border-inline:1px solid #303030}.trust-item{padding:27px 30px;border-color:#303030}.trust-item b{font-size:1rem}.trust-item span{color:#777}
.services-stage,.work-stage{position:relative;overflow:hidden}.services-stage{background:var(--page)}.section-ghost{position:absolute;right:2vw;top:.1em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--ink) 9%,transparent);font-size:clamp(8rem,20vw,20rem);font-weight:800;line-height:1;pointer-events:none}.dark-section .section-ghost{-webkit-text-stroke-color:rgba(255,255,255,.055)}html[dir=rtl] .section-ghost{right:auto;left:2vw}.services-stage .wrap,.work-stage .wrap{position:relative;z-index:1}.section-head{padding-top:30px}.service-grid{grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:260px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 36px;background:transparent;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;left:0;top:0;width:5px;height:0;background:var(--red);transition:height .3s}.service-card:hover{transform:none;box-shadow:none;background:var(--surface)}.service-card:hover:before{height:100%}.service-card .num{font-size:.8rem}.service-card h3{font-size:clamp(1.45rem,2.5vw,2.3rem);margin:32px 0 16px}.service-card .more{color:var(--red)}
.dark-section{background:#101112}.work-stage{border-block:1px solid #303030}.case-grid{gap:0;border-top:1px solid #333;border-left:1px solid #333}.case-card{border:0;border-right:1px solid #333;border-bottom:1px solid #333;border-radius:0;background:#151617}.case-image{aspect-ratio:16/10}.case-body{padding:32px}.case-card:nth-child(even){transform:translateY(52px);margin-bottom:52px}.case-result a{color:#fff}.case-result b{font-size:1.05rem}
.surface{background:color-mix(in srgb,var(--page) 96%,var(--ink))}.reason{border-top:1px solid var(--line);border-inline-start:5px solid transparent;transition:border-color .25s,background .25s}.reason:hover{border-inline-start-color:var(--red);background:var(--card)}.process{border-top:1px solid var(--line);padding-top:28px}.phase i{border-radius:0;border-color:var(--red);color:var(--red)}.quote{border-radius:0}.tech{border-radius:0}.final-cta{position:relative;overflow:hidden;background:#ec2127}.final-cta:after{content:"∞";position:absolute;right:-2vw;top:-1.2em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.24);font:18rem/1 Georgia}.final-cta .wrap{position:relative;z-index:1}.footer{border-top:1px solid #2d2d2d}.page-hero{position:relative;overflow:hidden;background:var(--surface);color:var(--ink);border-color:var(--line)}.page-hero:after{content:"CODESTINE";position:absolute;right:2vw;bottom:-.15em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--ink) 6%,transparent);font-size:clamp(6rem,17vw,17rem);font-weight:800;line-height:1}.page-hero .wrap{position:relative;z-index:1}.page-hero .kicker,.page-hero .breadcrumbs{color:var(--muted)}.form,.deliverable{border-radius:0}.result-box{border-radius:0}
@media(max-width:1000px){.topbar{display:none}.nav-links{inset:84px 0 0}.gc-hero{min-height:auto}.gc-hero .hero-grid{min-height:auto}.hero-copy{padding:80px 0 40px}.hero-copy:before{left:0;top:82px}.gc-hero .showcase{height:auto;aspect-ratio:16/10;margin-bottom:50px}.hero-index{display:none}.service-grid{grid-template-columns:1fr 1fr}.case-card:nth-child(even){transform:none;margin-bottom:0}}
@media(max-width:650px){.nav-inner{height:70px}.nav-links{inset:70px 0 0}.gc-hero:before{background-size:50% 100%}.hero-copy{padding:65px 0 35px}.hero-copy:before{width:5px;height:88px;top:70px}.gc-hero h1{font-size:clamp(2.7rem,14vw,4.6rem);max-width:none;padding-inline-start:20px}.gc-hero .eyebrow,.gc-hero .kicker,.gc-hero .actions,.gc-hero .region-line{margin-inline-start:20px}.gc-hero .showcase{margin-inline:0}.service-grid{grid-template-columns:1fr}.service-card{min-height:230px;padding:28px 24px}.section-ghost{font-size:7rem}.case-body{padding:24px}.final-cta:after{font-size:10rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Agency UX refinement */
h2{font-size:clamp(1.9rem,3.4vw,3.2rem)}.page-hero h1{font-size:clamp(2.5rem,5.2vw,5rem)}.section-ghost,.hero-index,.hero-word{display:none!important}.agency-hero h1{font-size:clamp(2.8rem,4.7vw,5rem);max-width:13ch}.agency-hero{padding:85px 0}.agency-hero .hero-grid{gap:64px}.hero-project{display:block;border:1px solid var(--line);background:var(--card);box-shadow:0 18px 55px #00000012;min-width:0}.hero-project img{width:100%;height:auto}.hero-project>div{padding:20px;display:grid;gap:4px}.hero-project strong{font-size:1.4rem}.hero-project span{font-size:.85rem;color:var(--muted)}.service-group{padding:0;margin-bottom:64px;scroll-margin-top:150px}.service-group:last-child{margin-bottom:0}.service-group .section-head{margin-bottom:24px}.capability-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.capability-links a{display:flex;justify-content:space-between;gap:16px;padding:22px;border:1px solid var(--line);background:var(--card);font-weight:700}.capability-links a:hover{border-color:var(--red)}.service-group .service-grid{grid-template-columns:repeat(3,1fr)}.service-card h3{margin-top:0}.agency-process{grid-template-columns:repeat(4,1fr)}.text-link{display:inline-block;font-weight:700;border-bottom:1px solid var(--red);padding-bottom:4px}.dark-section .muted{color:#b8b8b8}.portfolio-tools{display:flex;gap:10px;flex-wrap:wrap}.filter-btn{padding:11px 18px;background:transparent;color:#ddd;border:1px solid #666;cursor:pointer}.filter-btn[aria-pressed=true]{background:#fff;color:#171717;border-color:#fff}.project-count{color:#bbb;margin:20px 0}.case-card[hidden]{display:none}.case-image img{object-position:top}.case-result{flex-wrap:wrap;font-size:.9rem}.related-projects{display:flex;flex-wrap:wrap;gap:24px;margin:45px 0}.email-note{font-size:.85rem;margin:0}.enquiry-preview textarea{min-height:240px}.enquiry-preview[hidden]{display:none}.form-status{margin-bottom:0}.form .actions{margin-top:12px}.service-groups{display:block}.case-meta{color:#bcbcbc}.page-hero .case-meta{color:var(--muted)}
@media(max-width:1000px){.agency-hero .hero-grid{grid-template-columns:1fr;gap:36px}.agency-hero h1{max-width:18ch}.hero-project{max-width:700px}.service-group .service-grid,.capability-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.agency-hero{padding:48px 0}.agency-hero h1{font-size:2.65rem;max-width:100%}.service-group .service-grid,.capability-links{grid-template-columns:1fr}.agency-process{grid-template-columns:1fr 1fr;gap:28px}.section-head{gap:18px;margin-bottom:28px}.page-hero{padding:55px 0 45px}.filter-btn{font-size:.85rem;padding:10px 13px}.case-body{padding:22px}.topbar{display:none}.nav-links{overflow-y:auto;padding-bottom:100px}.hero-project>div{padding:16px}.service-group{margin-bottom:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Restored production logos: explicit theme assets, no inversion. */
.logo-link{display:flex;align-items:center;position:relative;width:190px;height:74px;overflow:visible;flex-shrink:0}.brand-logo{position:static;inset:auto;width:190px;height:auto;max-height:66px;object-fit:contain}.light-logo{display:block}.dark-logo{display:none}[data-theme=dark] .light-logo{display:none}[data-theme=dark] .dark-logo{display:block;filter:none}.footer-logo{display:block;position:static;width:220px;height:auto;overflow:visible}.footer-logo .brand-logo{position:static;width:220px;height:auto;max-height:none;inset:auto;filter:none}.footer-logo .light-logo{display:none}.footer-logo .dark-logo{display:block}
@media(max-width:650px){.logo-link{width:155px;height:62px}.logo-link .brand-logo{width:155px;max-height:57px}.footer-logo,.footer-logo .brand-logo{width:210px}}

/* Distinctive agency identity and reading hierarchy */
:root{--max:1200px}.nav-inner{gap:18px}.logo-link{width:196px;height:64px}.compact-brand{display:flex;align-items:center;gap:9px;direction:ltr}.compact-icon{width:43px;height:28px;object-fit:contain}.compact-word{font:800 21px/1 Manrope,Arial,sans-serif;letter-spacing:.035em;color:var(--ink)}.compact-word>span{color:var(--red)}.compact-brand .dark-logo{filter:none}.footer-logo{margin-bottom:22px}.agency-hero{position:relative;isolation:isolate;overflow:hidden;padding:94px 0}.agency-hero:before{opacity:.5}.infinity-motif{position:absolute;width:min(700px,80vw);height:auto;inset-inline-end:-170px;top:-45px;color:var(--red);opacity:.12;z-index:-1;transform:rotate(-13deg)}.hero-grid{min-width:0}.hero-grid>*{min-width:0}.agency-hero h1{max-width:15ch;line-height:1.08;font-size:clamp(2.8rem,4.4vw,4.5rem);text-wrap:balance}.agency-hero .kicker{font-size:1.12rem;max-width:47ch}.hero-project{border-radius:12px;overflow:hidden;transform:rotate(1deg);transition:transform .25s}.hero-project:hover{transform:rotate(0)}.hero-project>div{border-top:1px solid var(--line)}h2{max-width:22ch;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.16;text-wrap:balance}h3{line-height:1.3;letter-spacing:-.025em}.kicker{line-height:1.75}.section-head{align-items:center;gap:48px}section{padding:clamp(64px,7vw,96px) 0}.page-hero h1{font-size:clamp(2.5rem,4.6vw,4.4rem);max-width:18ch;text-wrap:balance}.case-body h3{font-size:1.55rem}.case-body p{line-height:1.8}.case-card{border-radius:12px}.case-result a:first-child{font-weight:700;color:#fff}.service-group{border-top:1px solid var(--line);padding-top:30px}.service-group h2{max-width:20ch}.capability-links a{border-radius:8px;transition:background .2s,border-color .2s}.capability-links a:hover{background:var(--surface)}.reason{border-top:1px solid var(--line);padding:28px 0}.reason h3:before{content:"";display:inline-block;width:8px;height:8px;background:var(--red);border-radius:50%;margin-inline-end:12px}.final-cta{background:var(--surface);color:var(--ink);border-top:1px solid var(--line);position:relative;overflow:hidden}.final-cta:before{content:"∞";position:absolute;inset-inline-end:4%;bottom:-100px;font:350px/1 Georgia;color:var(--ink);opacity:.035;pointer-events:none}.final-cta .cta-inner{position:relative}.final-cta .btn{background:var(--red);color:#fff;border-color:var(--red)}.software-spotlight{background:var(--page)}.software-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:start}.software-image{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.software-image img{width:100%;height:auto}.software-image p{font-size:.78rem;color:var(--muted);padding:12px 18px;margin:0;border-top:1px solid var(--line)}.portal-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--line);gap:4px}.portal-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:11px 10px;font-size:.84rem;font-weight:700;color:var(--muted);cursor:pointer}.portal-tabs [aria-selected=true]{border-color:var(--red);color:var(--ink)}.portal-panel{min-height:190px;padding:25px 0}.portal-panel[hidden]{display:none}.portal-number{font:700 .8rem/1.6 monospace;color:var(--red)}.portal-panel h3{margin:8px 0 12px}.portal-panel p{color:var(--muted)}.software-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 25px}.software-tags span{padding:6px 10px;border:1px solid var(--line);border-radius:4px;font-size:.75rem}.story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.story-grid p{color:var(--muted);margin-bottom:32px}.related-title{margin-top:45px}.related-projects{margin-top:20px}.related-projects a{border:1px solid var(--line);padding:17px;border-radius:6px}.honeypot{position:absolute;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}.next-steps{padding-bottom:20px;border-bottom:1px solid var(--line)}.next-steps p{font-size:.9rem;color:var(--muted);margin-bottom:0}.next-steps h3{font-size:1.15rem}.form{gap:18px}.form .btn[disabled]{opacity:.65;cursor:wait}.form-status{font-size:.9rem}html[dir=rtl] h1,html[dir=rtl] h2{line-height:1.35;letter-spacing:0}html[dir=rtl] .agency-hero h1{max-width:17ch}html[dir=rtl] .compact-word{font-family:Manrope,Arial,sans-serif}html[dir=rtl] .portal-tabs button{font-size:.95rem}
@media(max-width:1000px){.software-grid,.story-grid{grid-template-columns:1fr;gap:30px}.hero-project{transform:none}.infinity-motif{inset-inline-end:-100px;top:100px}.agency-hero .hero-grid{gap:40px}.section-head{gap:24px}}
@media(max-width:650px){.logo-link{width:174px;height:60px}.compact-word{font-size:19px}.compact-icon{width:37px;height:25px}.compact-brand{gap:7px}.agency-hero{padding:56px 0}.agency-hero h1{font-size:2.65rem;max-width:100%}.agency-hero .kicker{font-size:1.03rem}.section-head{gap:18px}.case-body h3{font-size:1.35rem}.case-result{gap:12px}.portal-tabs{display:grid;grid-template-columns:1fr 1fr}.portal-tabs button{text-align:start}.portal-panel{min-height:180px}.story-grid{gap:22px}.final-cta:before{font-size:260px;bottom:-80px}.footer-logo,.footer-logo .brand-logo{width:190px}}

.company-contact{display:grid;gap:10px;min-width:0;margin:22px 0}.company-contact address{font-style:normal;font-size:.9rem;line-height:1.8;color:var(--muted)}.company-contact .contact-email{overflow-wrap:anywhere}.company-contact p{margin:0;font-size:.85rem;color:var(--muted)}.company-contact>a{width:fit-content;max-width:100%}.company-contact>a[dir=ltr]{text-align:start}.company-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin:0}.company-details>div{padding:20px 0;border-bottom:1px solid var(--line)}.company-details dt{font-size:.8rem;color:var(--muted);margin-bottom:7px}.company-details dd{margin:0;font-weight:700;overflow-wrap:anywhere}.company-address{margin-top:40px;max-width:700px}.footer .company-contact{margin:0;gap:7px}.footer .company-contact strong{font-size:.9rem}.footer .company-contact address,.footer .company-contact p{color:#aaa;font-size:.8rem}.footer .company-contact a{margin:0}.company-information{scroll-margin-top:140px}@media(max-width:650px){.company-details{grid-template-columns:1fr}.company-address{margin-top:30px}}

/* Wide desktop canvas, readable copy and uncropped website screenshots. */
.wrap{width:calc(100% - clamp(32px,5vw,96px));max-width:1920px;margin-inline:auto}.project-intro{padding:64px 0 36px}.project-heading{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(36px,6vw,100px);align-items:end}.project-heading h1{font-size:clamp(2.6rem,5vw,5.5rem);max-width:18ch;margin-bottom:20px}.project-headline{font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.55;max-width:36ch;color:var(--muted);margin-bottom:0}.project-summary{max-width:62ch}.project-summary p{font-size:1.05rem;line-height:1.85;color:var(--muted)}.project-facts{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:30px;border-top:1px solid var(--line);padding-top:24px;margin-top:38px;margin-bottom:0}.project-facts dt{color:var(--muted);font-size:.77rem;margin-bottom:8px}.project-facts dd{margin:0;font-weight:700;line-height:1.7;font-size:.9rem}.project-page .eyebrow:before{background:var(--project-accent)}.project-screen{padding:0;border:1px solid var(--line);border-top:4px solid var(--project-accent);border-radius:10px;overflow:hidden;background:var(--surface);margin-top:0;margin-bottom:0}.project-screen>a{display:block}.project-screen img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;aspect-ratio:1348/900}.project-screen figcaption{padding:16px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;font-size:.8rem;color:var(--muted)}.project-story .story-grid{grid-template-columns:.8fr 1.2fr;gap:clamp(36px,7vw,120px)}.project-story p{max-width:70ch}.project-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-feature{padding:32px;background:var(--card);border:1px solid var(--line);border-radius:8px}.feature-index{color:var(--project-accent);font:700 .8rem/1 monospace}.project-feature h3{margin-top:26px}.project-feature p{color:var(--muted);font-size:.95rem;line-height:1.85;margin-bottom:0}.project-corporate .project-feature-grid,.project-platform .project-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.project-market .project-feature{border-top:3px solid var(--project-accent)}.project-travel .project-feature{border-radius:16px}.project-platform .project-feature{border-inline-start:3px solid var(--project-accent)}.journey-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0;border-block:1px solid var(--line)}.journey-grid li{padding:30px 24px;border-inline-end:1px solid var(--line)}.journey-grid li:last-child{border-inline-end:0}.journey-grid span{color:var(--project-accent);font:700 .85rem/1 monospace}.journey-grid h3{font-size:1.1rem;margin:18px 0 0;line-height:1.5}.related-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.related-project{min-width:0}.related-project img{width:100%;height:auto;aspect-ratio:1348/900;object-fit:contain;border:1px solid var(--line);border-radius:8px;margin-bottom:18px}.related-project>span{font-size:.78rem;color:var(--muted)}.related-project h3{margin:8px 0 0;font-size:1.25rem}.case-image{aspect-ratio:1348/900}.case-image img{width:100%;height:auto;object-fit:contain}.hero-project img,.software-image img{height:auto;aspect-ratio:1348/900;object-fit:contain}.project-page .section-head p{max-width:55ch}
@media(min-width:1500px){.project-screen{width:calc(100% - 64px)}.nav-links{gap:26px}.project-summary p{font-size:1.14rem}}
@media(max-width:1100px){.project-corporate .project-feature-grid,.project-platform .project-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-heading{gap:32px}.project-feature{padding:24px}}
@media(max-width:800px){.project-heading,.project-story .story-grid{grid-template-columns:1fr;gap:26px}.project-facts{grid-template-columns:1fr 1fr}.project-feature-grid{grid-template-columns:1fr}.journey-grid{grid-template-columns:1fr 1fr}.journey-grid li:nth-child(2){border-inline-end:0}.journey-grid li:nth-child(-n+2){border-bottom:1px solid var(--line)}.related-project-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}.project-intro{padding:40px 0 26px}.project-heading h1{font-size:2.5rem}.project-facts{grid-template-columns:1fr;gap:18px;margin-top:26px}.project-screen{border-radius:6px}.project-screen figcaption{padding:12px;flex-direction:column;gap:7px}.project-corporate .project-feature-grid,.project-platform .project-feature-grid,.related-project-grid{grid-template-columns:1fr}.journey-grid li{padding:22px 14px}.project-feature{padding:24px}.project-headline{font-size:1.2rem}.project-page .section-head{gap:18px}}

/* Genuine desktop and mobile captures, presented as adjacent devices. */
.device-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(70px,23%);align-items:center;gap:clamp(10px,2vw,24px);padding:clamp(16px,3vw,36px);background:radial-gradient(ellipse at 30% 30%,#ffffff0a,transparent 65%),#242424;color:#eaeaea;overflow:hidden}.device-pair>div{min-width:0}.device-desktop{align-self:center}.device-browser{display:flex;align-items:center;gap:4px;padding:8px 10px;background:#303030;border-radius:8px 8px 0 0;border:1px solid #444;border-bottom:0;min-width:0}.device-browser i{display:block;width:4px;height:4px;border-radius:50%;background:#777;flex-shrink:0}.device-browser span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline-start:8px;font:9px/1.4 Manrope,Arial,sans-serif;color:#aaa}.desktop-viewport{border:1px solid #444;border-radius:0 0 6px 6px;overflow:hidden;background:white}.device-pair .desktop-viewport img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:auto;object-fit:contain;transform:none}.device-mobile{align-self:center}.phone-viewport{border:5px solid #151515;outline:1px solid #555;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 20px #0003}.device-pair .phone-viewport img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:390/844;object-fit:contain;transform:none}.device-label{display:block;text-align:center;font-size:.66rem;font-weight:500;letter-spacing:.04em;margin-top:10px;color:#aaa}.case-image{aspect-ratio:auto}.case-card:hover .device-pair img{transform:none}.hero-project{transform:none;background:transparent;box-shadow:none}.hero-project .device-pair{border-radius:10px 10px 0 0;padding:24px}.hero-project>div:last-child{background:var(--card)}.software-spotlight .software-grid{display:grid;grid-template-columns:1fr;gap:36px}.spotlight-device-stage{background:transparent;border:0;border-radius:0}.spotlight-device-stage .device-pair{grid-template-columns:minmax(0,1fr) minmax(160px,22%);gap:clamp(28px,5vw,80px);padding:clamp(24px,5vw,80px);border-radius:14px;align-items:center}.spotlight-device-stage .device-browser{padding:13px 16px}.spotlight-device-stage .device-browser span{font-size:12px}.spotlight-device-stage .phone-viewport{border-width:8px;border-radius:28px}.spotlight-device-stage .device-label{font-size:.8rem;margin-top:16px}.spotlight-device-stage p{border:0;padding:16px 0;margin:0;background:none}.software-spotlight .portal-explorer{width:100%;max-width:960px;margin-inline:auto}.software-spotlight .portal-tabs{justify-content:space-between}.software-spotlight .portal-panel{min-height:150px}.project-screen>a{display:block}.project-screen .device-pair{grid-template-columns:minmax(0,1fr) minmax(150px,22%);padding:clamp(24px,5vw,70px);gap:clamp(24px,5vw,70px)}.project-screen .phone-viewport{border-width:8px;border-radius:28px}.project-screen img{aspect-ratio:auto}.related-project .device-pair{padding:16px;gap:12px;border-radius:8px;margin-bottom:18px}.related-project .device-pair img{margin:0;border:0;border-radius:0;aspect-ratio:auto}.related-project .phone-viewport{border-width:4px;border-radius:14px}.related-project .phone-viewport img{aspect-ratio:390/844}.related-project .device-browser{padding:6px}.related-project .device-browser span{font-size:8px}.device-pair-large .device-label{font-size:.8rem}
@media(max-width:650px){.device-pair{grid-template-columns:minmax(0,1fr) 24%;padding:16px;gap:12px}.device-browser{padding:6px}.device-browser span{font-size:8px;margin-inline-start:4px}.phone-viewport{border-width:3px;border-radius:12px}.device-label{font-size:.6rem;margin-top:7px}.hero-project .device-pair{padding:16px}.spotlight-device-stage .device-pair,.project-screen .device-pair{grid-template-columns:minmax(0,1fr) 25%;gap:12px;padding:16px}.spotlight-device-stage .phone-viewport,.project-screen .phone-viewport{border-width:3px;border-radius:12px}.spotlight-device-stage .device-browser{padding:6px}.spotlight-device-stage .device-browser span{font-size:8px}.spotlight-device-stage .device-label{font-size:.6rem;margin-top:7px}.device-pair-large .device-label{font-size:.6rem}.project-screen figcaption{align-items:flex-start}.software-spotlight .portal-panel{min-height:180px}}

/* Editorial featured showcases: open surfaces and staggered devices. */
.hero-project.featured-showcase{position:relative;border:0;border-radius:28px;overflow:visible;background:var(--surface);padding:clamp(20px,2.6vw,40px);isolation:isolate;max-width:none;box-shadow:none;transition:background .25s}
.hero-project.featured-showcase:before{content:"";position:absolute;inset:8% -4% 13% 9%;z-index:-1;background:radial-gradient(ellipse at 65% 50%,#ec212710,transparent 70%);border-radius:50%;pointer-events:none}
.hero-project.featured-showcase>div{border:0}
.hero-project.featured-showcase .showcase-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0;background:transparent}
.showcase-badge{display:inline-flex;align-items:center;gap:8px;border-radius:99px;padding:8px 12px;background:var(--card);font-size:.7rem!important;color:var(--ink)!important;font-weight:700;letter-spacing:.02em}
.showcase-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red)}
.hero-project .showcase-type{font-size:.7rem;color:var(--muted)}
.hero-project.featured-showcase .device-pair{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 25%;align-items:center;gap:18px;padding:40px 0 28px;background:transparent;overflow:visible;border-radius:0;color:var(--ink)}
.hero-project.featured-showcase .device-desktop{margin-inline-end:-20px;transform:translateY(-9px);box-shadow:0 22px 42px -22px #0005;border-radius:10px;transition:transform .35s}
.hero-project.featured-showcase .device-browser{background:var(--card);border-color:var(--line);border-radius:9px 9px 0 0;padding:9px 10px}
.hero-project.featured-showcase .device-browser span{color:var(--muted);font-size:8px}
.hero-project.featured-showcase .desktop-viewport{border-color:var(--line);border-radius:0 0 9px 9px}
.hero-project.featured-showcase .device-mobile{position:relative;transform:translateY(22px) rotate(3deg);z-index:1;transition:transform .35s}
.hero-project.featured-showcase .phone-viewport{border-width:4px;border-radius:18px;outline-color:#ffffff30;box-shadow:0 20px 30px -14px #0007}
.hero-project.featured-showcase .device-label{display:none}
.hero-project.featured-showcase .showcase-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 0;background:transparent;border-top:1px solid var(--line)}
.showcase-caption>div{display:grid;gap:7px}.hero-project.featured-showcase strong{font-size:clamp(1.3rem,2vw,1.75rem);letter-spacing:-.04em}.hero-project.featured-showcase .showcase-caption span{font-size:.8rem;line-height:1.6}
.hero-project.featured-showcase .showcase-arrow{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;font-size:1.3rem;color:var(--ink);transition:background .25s,color .25s,border-color .25s}
.hero-project.featured-showcase:hover .showcase-arrow{background:var(--red);border-color:var(--red);color:white}.hero-project.featured-showcase:hover .device-desktop{transform:translateY(-13px)}.hero-project.featured-showcase:hover .device-mobile{transform:translateY(17px) rotate(1deg)}
.spotlight-device-stage .device-pair{background:radial-gradient(ellipse at 75% 60%,#ec21270b,transparent 65%),var(--surface);border-radius:28px;padding:clamp(30px,5vw,80px);gap:clamp(28px,4vw,64px);grid-template-columns:minmax(0,1fr) 21%}
.spotlight-device-stage .device-desktop{transform:translateY(-15px);box-shadow:0 28px 60px -30px #0006;border-radius:12px}.spotlight-device-stage .device-mobile{transform:translateY(25px) rotate(3deg)}.spotlight-device-stage .device-label{display:none}.spotlight-device-stage .device-browser{background:var(--card);border-color:var(--line)}.spotlight-device-stage .device-browser span{color:var(--muted)}.spotlight-device-stage .desktop-viewport{border-color:var(--line)}.spotlight-device-stage p{padding-inline:8px}
@media(max-width:650px){.hero-project.featured-showcase{padding:20px;border-radius:22px}.hero-project.featured-showcase .device-pair{padding:32px 0 30px;gap:12px;grid-template-columns:minmax(0,1fr) 26%}.hero-project.featured-showcase .device-desktop{margin-inline-end:-12px}.hero-project.featured-showcase .device-browser{padding:6px}.hero-project.featured-showcase .device-browser span{font-size:6px}.hero-project.featured-showcase .phone-viewport{border-width:3px;border-radius:12px}.hero-project .showcase-type{font-size:.65rem}.hero-project.featured-showcase .showcase-caption{padding-top:20px}.hero-project.featured-showcase .showcase-caption span{font-size:.75rem}.spotlight-device-stage .device-pair{padding:32px 20px 40px;gap:16px;grid-template-columns:minmax(0,1fr) 24%;border-radius:22px}.spotlight-device-stage .device-mobile{transform:translateY(16px) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.hero-project.featured-showcase,.hero-project.featured-showcase *{transition:none!important}}

.agency-image-grid{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:28px;align-items:start}.agency-visual{margin:0;min-width:0}.agency-visual-1{padding-top:64px}.agency-visual-2{padding-top:128px}.agency-photo{overflow:hidden;border-radius:18px;background:var(--surface);aspect-ratio:4/5}.agency-photo img{width:100%;height:100%;object-fit:cover;display:block}.agency-visual-1 .agency-photo{aspect-ratio:1}.agency-visual-2 .agency-photo{aspect-ratio:3/4}.agency-visual figcaption{display:flex;gap:15px;align-items:baseline;padding:20px 0}.agency-visual figcaption span{font:12px/1 monospace;color:var(--red)}.agency-visual h3{font-size:1.1rem;margin:0}.gsap-smoothing header.nav{position:fixed;inset-inline:0;top:0}.gsap-smoothing header.nav .topbar{position:static}.gsap-smoothing{scroll-behavior:auto!important}#smooth-content{overflow:clip}html{scroll-padding-top:120px}
@media(max-width:800px){.agency-image-grid{gap:20px;grid-template-columns:1fr 1fr}.agency-visual-1{padding-top:40px}.agency-visual-2{padding-top:0;grid-column:1/-1}.agency-visual-2 .agency-photo{aspect-ratio:16/7}.agency-visual h3{font-size:1rem}}
@media(max-width:480px){.agency-image-grid{gap:14px}.agency-visual-1{padding-top:24px}.agency-visual figcaption{gap:8px;padding:14px 0}.agency-visual h3{font-size:.87rem}.agency-photo{border-radius:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

.topbar-registration{white-space:nowrap}.topbar-inner{grid-template-columns:1fr auto 1fr;gap:20px}.topbar-registration bdi{color:#ddd;font-weight:600}.footer-registration{display:flex;flex-wrap:wrap;gap:12px 32px;padding:22px 0;border-top:1px solid #ffffff24;color:#bcbcbc;font-size:.82rem;line-height:1.8}.footer-registration bdi{color:#eee;font-weight:600}@media(max-width:650px){.footer-registration{flex-direction:column;gap:8px}}

/* Project sections follow the selected theme. */
html:not([data-theme=dark]) .dark-section{background:var(--surface);color:var(--ink)}
html:not([data-theme=dark]) .dark-section .muted,html:not([data-theme=dark]) .case-meta,html:not([data-theme=dark]) .case-body p,html:not([data-theme=dark]) .project-count{color:var(--muted)}
html:not([data-theme=dark]) .case-grid,html:not([data-theme=dark]) .case-card,html:not([data-theme=dark]) .case-result,html:not([data-theme=dark]) .work-stage{border-color:var(--line)}
html:not([data-theme=dark]) .case-card{background:var(--card);color:var(--ink)}
html:not([data-theme=dark]) .case-result a,html:not([data-theme=dark]) .case-result a:first-child{color:var(--ink)}
html:not([data-theme=dark]) .case-result a:hover{color:var(--red)}
html:not([data-theme=dark]) .filter-btn{color:var(--ink);border-color:var(--line);background:var(--card)}
html:not([data-theme=dark]) .filter-btn[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--page)}
html:not([data-theme=dark]) .case-image,html:not([data-theme=dark]) .case-image .device-pair{background:#eeefed;color:var(--ink)}
html:not([data-theme=dark]) .case-image .device-browser{background:#fff;border-color:#d4d6d2}
html:not([data-theme=dark]) .case-image .device-browser span,html:not([data-theme=dark]) .case-image .device-label{color:#62655f}
html:not([data-theme=dark]) .case-image .desktop-viewport{border-color:#d4d6d2}
html:not([data-theme=dark]) .case-image .phone-viewport{outline-color:#d4d6d2;box-shadow:0 10px 24px #1a1a1a1a}

/* CODESTINE / Stackly-inspired design system. */
:root{--radius:24px;--max:1400px}.wrap{max-width:1600px;width:calc(100% - clamp(32px,6vw,120px))}section{padding:clamp(64px,7vw,112px) 0}h1,h2,h3{letter-spacing:-.04em}h2{font-size:clamp(2rem,3.7vw,4rem);max-width:23ch;line-height:1.15}.kicker{font-size:1.08rem}.btn{border-radius:99px;min-height:54px;padding:14px 26px;font-weight:700;box-shadow:none;transition:transform .25s,background .25s}.btn:hover{transform:translateY(-2px)}.eyebrow{display:inline-flex;align-items:center;border:1px solid var(--line);padding:7px 13px;border-radius:99px;font-size:.72rem;letter-spacing:.025em;text-transform:none}.eyebrow:before{width:6px;height:6px;border-radius:50%}
header.nav{background:var(--page);border:0;backdrop-filter:none;padding-bottom:10px}.nav-inner{border-radius:99px;border:1px solid var(--line);padding-inline:24px;background:color-mix(in srgb,var(--card) 94%,transparent);height:80px;margin-top:10px}.nav-links{gap:22px}.nav-links .btn{min-height:46px;padding:10px 20px}.logo-link{width:200px}.topbar{height:32px;background:var(--page);color:var(--muted);border-bottom:0}.topbar a,.topbar-registration bdi{color:var(--ink)}.topbar-inner{font-size:.68rem}.icon-btn,.menu-btn{border-color:var(--line)}
.stackly-hero{background:#171919;color:#fff;padding:92px 0 100px;overflow:hidden;isolation:isolate}.stackly-hero:before{background-size:68px 68px;opacity:.35;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);mask-image:linear-gradient(90deg,transparent,black);z-index:-1}.stackly-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 90% 70%,#ec212726,transparent 60%);z-index:-1}.hero-orbit{position:absolute;width:800px;height:800px;border:90px solid #ffffff03;border-radius:50%;top:-430px;inset-inline-end:-260px;z-index:-1}.agency-hero .hero-grid{grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);min-height:540px}.stackly-hero .hero-copy{order:2}.stackly-hero .hero-product{order:1;position:relative;min-width:0;padding:38px 0 48px}.stackly-hero h1{font-size:clamp(3rem,5vw,5.8rem);max-width:14ch;line-height:1.08;margin-top:24px}.stackly-hero h1 em{font-style:normal;color:#ff6c70}.stackly-hero .eyebrow{border-color:#ffffff24;color:#ddd}.stackly-hero .kicker{color:#bfc2c2;max-width:48ch;line-height:1.8}.stackly-hero .actions{padding-top:24px;margin-top:28px;border-top:1px solid #ffffff22;gap:14px}.stackly-hero .btn:not(.btn-primary){color:#fff;background:#ffffff0c;border-color:#ffffff24}.hero-proof{display:flex;gap:32px;flex-wrap:wrap;margin-top:32px;font-size:.74rem;color:#bfc2c2}.hero-proof>span{display:grid;gap:5px}.hero-proof b{font-size:1.15rem;color:#fff;letter-spacing:-.03em}.stackly-hero .featured-showcase{--ink:#f5f5f4;--muted:#bfc2c2;--surface:#242728;--card:#303435;--line:#ffffff26;background:linear-gradient(135deg,#303436,#202324);border:1px solid #ffffff26;box-shadow:0 35px 90px #0006;transform:rotate(-3deg);padding:28px;border-radius:28px}.stackly-hero .featured-showcase:hover{transform:rotate(-1deg)}.stackly-hero .featured-showcase .device-pair{padding-top:32px}.stackly-hero .featured-showcase:before{display:none}.stackly-hero .showcase-caption{padding-top:20px}.floating-capability{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;background:#fff;color:#1a1a1a;box-shadow:0 16px 45px #0003;max-width:88%;pointer-events:none}.floating-capability>span{width:38px;height:38px;background:#fff0f0;border-radius:12px;display:grid;place-items:center;color:var(--red);font-weight:800}.floating-capability strong{display:block;font-size:.78rem}.floating-capability small{display:block;font-size:.65rem;color:#666;margin-top:3px}.float-code{top:8px;inset-inline-start:-12px}.float-growth{bottom:10px;inset-inline-end:-10px}.product-orbit{position:absolute;inset:0;border:1px solid #ffffff0c;border-radius:50%;transform:rotate(-20deg)}
.sector-strip{border-bottom:1px solid var(--line);padding:30px 0}.sector-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}.sector-strip p{font-size:.8rem;color:var(--muted);margin:0}.sector-strip .wrap>div{display:flex;flex-wrap:wrap;gap:clamp(15px,3vw,48px);align-items:center;font-size:1.05rem;font-weight:700}.sector-strip i{color:var(--red);font-style:normal}.capability-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,120px);align-items:center}.capability-intro .kicker{max-width:46ch}.capability-stack{display:grid;gap:16px}.capability-stack-card{padding:25px 28px;border-radius:20px;display:flex;align-items:center;gap:22px;background:var(--surface);border:1px solid transparent;transition:transform .2s,border-color .2s}.capability-stack-card:nth-child(2){background:color-mix(in srgb,var(--red) 8%,var(--card));border-color:color-mix(in srgb,var(--red) 16%,var(--line))}.capability-stack-card:hover{transform:translateY(-3px);border-color:var(--red)}.capability-stack-card>span{color:var(--red);font:12px/1 monospace}.capability-stack-card h3{font-size:1.35rem;margin:0 0 6px}.capability-stack-card p{color:var(--muted);font-size:.9rem;margin:0;max-width:40ch}.capability-stack-card>b{margin-inline-start:auto;font-size:1.5rem}
.case-grid{gap:28px;border:0}.case-card{border:1px solid var(--line);border-radius:24px;background:var(--card)}.case-card:nth-child(even){transform:none;margin-bottom:0}.case-body{padding:28px}.case-body h3{font-size:1.6rem;margin-block:12px}.case-image .device-pair{padding:32px;gap:24px}.case-result{padding-top:20px}.case-meta{font-size:.75rem}.section-head{padding-top:0;margin-bottom:40px}.capability-links{gap:14px}.capability-links a{border-radius:16px;padding:22px 24px;font-size:1rem}.capability-links a span{color:var(--red)}.service-group{border:0;padding-top:0}.service-group h2{font-size:clamp(1.9rem,3vw,3.1rem)}.service-grid{gap:20px;border:0}.service-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;min-height:240px;padding:30px}.service-card h3{font-size:1.55rem}.service-card:before{display:none}.service-card:hover{border-color:var(--red)}.agency-image-grid{gap:24px}.agency-photo{border-radius:24px}.reason{padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.why-grid{gap:20px}.reason h3{font-size:1.2rem}.reason p{font-size:.95rem;color:var(--muted)}.agency-process{gap:24px}.agency-process:before{display:none}.agency-process .phase{padding:28px;border:1px solid var(--line);background:var(--card);border-radius:22px}.agency-process .phase i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:0;background:#ec212710;color:var(--red);font-style:normal;font-size:.8rem}.agency-process .phase h3{font-size:1.25rem;margin-top:24px}.agency-process .phase p{font-size:.92rem;color:var(--muted)}
.software-spotlight .software-grid{grid-template-columns:1.25fr 1fr;gap:48px;align-items:center}.spotlight-device-stage .device-pair{padding:40px 28px;gap:24px;border-radius:24px}.software-spotlight .portal-tabs{gap:6px;justify-content:flex-start;border:0}.portal-tabs button{border:1px solid var(--line);border-radius:99px;padding:9px 16px}.portal-tabs [aria-selected=true]{background:var(--ink);color:var(--page);border-color:var(--ink)}.software-tags span{border-radius:99px}.software-spotlight .portal-panel{min-height:180px}.faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.agency-faq details{border-bottom:1px solid var(--line);padding:22px 0}.agency-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;font-weight:700;cursor:pointer;font-size:1.06rem}.agency-faq summary::-webkit-details-marker{display:none}.agency-faq summary>span{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;font-weight:400}.agency-faq details[open] summary>span{transform:rotate(45deg);background:var(--red);border-color:var(--red);color:white}.agency-faq details p{color:var(--muted);font-size:.95rem;line-height:1.85;max-width:62ch;margin:18px 0 0}.final-cta{margin:0 clamp(16px,3vw,50px) 32px;border:0;border-radius:30px;background:#ec2127;color:white;padding:64px 0}.final-cta .btn{background:white;color:#1a1a1a;border-color:white;flex-shrink:0}.final-cta h2{font-size:clamp(2rem,3.6vw,3.7rem)}.final-cta p{color:#ffffffd9;max-width:60ch}.final-cta:before{opacity:.1;color:#fff}.page-hero{background:var(--surface);border-bottom:1px solid var(--line);padding:80px 0}.page-hero h1{font-size:clamp(2.8rem,5vw,5rem);max-width:22ch}.form,.deliverable,.outcome,.company-details>div,.project-feature{border-radius:20px}.project-screen{border-radius:24px;border-top-width:1px}.project-heading h1{font-size:clamp(2.8rem,5vw,5.4rem)}.footer{padding-top:64px;border-radius:32px 32px 0 0}.footer-grid{gap:48px}.footer-registration{margin-top:30px}
@media(min-width:1001px){.stackly-hero .hero-product{max-width:620px}.stackly-hero .featured-showcase .device-pair{grid-template-columns:minmax(0,1fr) 25%}}
@media(max-width:1100px){.nav-links{gap:14px}.nav-inner{padding-inline:18px}.compact-word{font-size:18px}.logo-link{width:175px}.software-spotlight .software-grid{gap:28px}}
@media(max-width:1000px){header.nav{padding-bottom:8px}.nav-inner{height:72px;margin-top:8px}.nav-links{inset:88px 0 0;border-radius:0;gap:20px}.stackly-hero{padding:54px 0 68px}.agency-hero .hero-grid{grid-template-columns:1fr;gap:38px;min-height:0}.stackly-hero .hero-copy{order:1}.stackly-hero .hero-product{order:2;max-width:650px;width:100%;margin-inline:auto;padding-block:30px 50px}.stackly-hero h1{max-width:18ch;font-size:clamp(2.8rem,7vw,4.4rem)}.sector-strip .wrap{flex-direction:column;align-items:flex-start;gap:18px}.capability-intro,.software-spotlight .software-grid,.faq-grid{grid-template-columns:1fr;gap:36px}.agency-process{grid-template-columns:1fr 1fr}.hero-proof{gap:28px}.footer-grid{gap:30px}}
@media(max-width:650px){.wrap{width:calc(100% - 32px)}.nav-inner{padding-inline:14px;height:66px}.nav-links{inset:82px 0 0}.logo-link{width:160px}.compact-word{font-size:17px}.compact-icon{width:34px}.nav-inner{gap:10px}.icon-btn,.menu-btn{width:38px;height:38px}.stackly-hero h1{font-size:2.8rem;line-height:1.15}.stackly-hero .kicker{font-size:1rem}.stackly-hero .hero-product{padding:30px 4px 52px}.stackly-hero .featured-showcase{padding:18px;border-radius:22px;transform:rotate(-2deg)}.floating-capability{padding:10px 12px;gap:9px;border-radius:12px}.floating-capability>span{width:30px;height:30px;border-radius:8px}.floating-capability strong{font-size:.66rem}.floating-capability small{font-size:.56rem}.float-code{inset-inline-start:0;top:3px}.float-growth{inset-inline-end:0;bottom:8px}.sector-strip .wrap>div{font-size:.85rem;gap:14px}.sector-strip i{font-size:.75rem}.capability-stack-card{padding:22px 20px;gap:16px}.case-grid{gap:24px}.case-body{padding:24px}.case-image .device-pair{padding:22px;gap:14px}.agency-process{gap:14px}.agency-process .phase{padding:22px 18px}.agency-process .phase h3{font-size:1.1rem}.agency-process .phase p{font-size:.85rem}.reason{padding:24px}.spotlight-device-stage .device-pair{padding:32px 20px}.portal-tabs button{font-size:.8rem}.final-cta{margin:0 16px 24px;padding:40px 0;border-radius:24px}.final-cta .wrap{width:calc(100% - 40px)}.faq-grid{gap:20px}.agency-faq summary{font-size:.95rem}.page-hero{padding:54px 0}.page-hero h1{font-size:2.6rem}.footer{border-radius:24px 24px 0 0}.hero-proof{gap:22px}.hero-proof>span{font-size:.67rem}}
html[dir=rtl] .stackly-hero h1{line-height:1.35;letter-spacing:0}html[dir=rtl] .stackly-hero .featured-showcase{transform:rotate(3deg)}html[dir=rtl] .floating-capability{direction:rtl}html[dir=rtl] .agency-faq summary{line-height:1.8}

/* Floating capsule navigation inspired by the supplied Stackly reference. */
header.nav{position:sticky;top:0;padding:16px 0;background:transparent;border:0;backdrop-filter:none;height:auto;z-index:100}
header.nav .nav-inner{position:relative;width:calc(100% - clamp(32px,10vw,160px));max-width:1440px;height:82px;margin:0 auto;padding:0 24px;border:1px solid #ffffff18;border-radius:99px;background:linear-gradient(110deg,#303434ed,#262a2aed);backdrop-filter:blur(20px);box-shadow:0 8px 30px #00000014;gap:22px;color:#fff}
header.nav .logo-link{width:205px;flex-shrink:0;margin-inline-end:auto;height:62px;display:flex;align-items:center}
header.nav .compact-word{color:#fff;font-size:23px}header.nav .compact-word>span{color:#ff6267}header.nav .compact-icon{width:45px;height:30px}header.nav .compact-brand .light-logo{display:none}header.nav .compact-brand .dark-logo{display:block;filter:none}
header.nav .nav-links{margin-inline:auto;gap:26px;font-size:.78rem;letter-spacing:.025em;color:#f5f5f5}
header.nav .nav-links>a:not(.btn){padding:26px 0;text-transform:uppercase;font-weight:700;border:0}
header.nav .nav-links>a:not(.btn):after{bottom:18px;height:2px;background:#ff6267}
header.nav .nav-links>a:hover,header.nav .nav-links>a.active{color:#ff8d91}
header.nav .nav-links .lang{border:0!important;background:#ffffff0a;border-radius:99px;padding:9px 13px!important;font-size:.74rem;text-transform:none}
header.nav .nav-links .lang:after{display:none}
header.nav .nav-links .btn{font-size:.74rem;padding:10px 18px;min-height:44px;color:#fff;white-space:nowrap}
header.nav .icon-btn,header.nav .menu-btn{width:48px;height:48px;border:0;background:#ffffff12;color:#fff;flex-shrink:0;transition:background .2s}
header.nav .icon-btn:hover,header.nav .menu-btn:hover{background:#ffffff24}
header.nav a:focus-visible,header.nav button:focus-visible{outline:2px solid #ff8d91;outline-offset:4px}
@media(max-width:1250px) and (min-width:1001px){header.nav .nav-inner{width:calc(100% - 40px);padding-inline:20px;gap:16px}header.nav .nav-links{gap:17px;font-size:.72rem}header.nav .logo-link{width:180px}header.nav .compact-word{font-size:20px}header.nav .nav-links .btn{padding-inline:14px}}
@media(max-width:1000px){header.nav{padding:12px 0}header.nav .nav-inner{width:calc(100% - 32px);height:72px;padding-inline:20px;gap:12px}header.nav .nav-links{position:fixed;inset:96px 16px auto;max-height:calc(100dvh - 112px);overflow:auto;background:#292d2d;color:#fff;border:1px solid #ffffff18;border-radius:24px;padding:24px;gap:18px;margin:0;box-shadow:0 20px 50px #0004;backdrop-filter:none}header.nav .nav-links>a:not(.btn){padding:8px 0;font-size:1rem}header.nav .nav-links>a:not(.btn):after{bottom:1px}header.nav .nav-links .btn{font-size:.9rem}header.nav .nav-links .lang{font-size:.85rem}header.nav .logo-link{width:200px}header.nav .icon-btn,header.nav .menu-btn{width:44px;height:44px}}
@media(max-width:650px){header.nav{padding:10px 0}header.nav .nav-inner{height:66px;padding-inline:16px;gap:8px}header.nav .logo-link{width:auto;flex:1;min-width:0}header.nav .compact-word{font-size:18px}header.nav .compact-icon{width:35px;height:25px}header.nav .compact-brand{gap:8px}header.nav .icon-btn,header.nav .menu-btn{width:38px;height:38px}header.nav .nav-links{inset:86px 16px auto;max-height:calc(100dvh - 102px)}}
@media(max-width:1000px){header.nav .nav-inner{backdrop-filter:none}}

/* The capsule floats over the page, with no full-width header strip. */
:root{--header-height:114px}header.nav{position:fixed;top:0;inset-inline:0;background:transparent;pointer-events:none}header.nav .nav-inner{pointer-events:auto}main{padding-top:var(--header-height)}main:has(>.stackly-hero){padding-top:0}.stackly-hero{padding-top:calc(var(--header-height) + 70px)}
@media(max-width:1000px){:root{--header-height:96px}.stackly-hero{padding-top:calc(var(--header-height) + 40px)}}
@media(max-width:650px){:root{--header-height:86px}.stackly-hero{padding-top:calc(var(--header-height) + 32px)}}

/* Consistent brand accents and identical navigation/footer wordmarks. */
header.nav .compact-word>span,header.nav .nav-links>a.active,header.nav .nav-links>a.active:hover{color:var(--red)}
header.nav .nav-links>a:not(.btn):after{background:var(--red)}
.footer .footer-logo{display:inline-flex;align-items:center;width:auto;height:auto;min-height:48px;padding:0;background:transparent;border-radius:0;overflow:visible;margin:0 0 22px;filter:none}
.footer .footer-logo .compact-brand{gap:9px}.footer .footer-logo .compact-icon{width:45px;height:30px;object-fit:contain}.footer .footer-logo .light-logo{display:none}.footer .footer-logo .dark-logo{display:block;filter:none}.footer .footer-logo .compact-word{font:800 23px/1 Manrope,Arial,sans-serif;letter-spacing:.035em;color:#fff}.footer .footer-logo .compact-word>span{color:var(--red)}
@media(max-width:650px){.footer .footer-logo .compact-word{font-size:18px}.footer .footer-logo .compact-icon{width:35px;height:25px}.footer .footer-logo .compact-brand{gap:8px}}

/* Light hero palette; charcoal presentation stays exclusive to dark mode. */
html:not([data-theme=dark]) .stackly-hero{background:#f7f7f5;color:var(--ink)}
html:not([data-theme=dark]) .stackly-hero:before{background-image:linear-gradient(#1a1a1a0a 1px,transparent 1px),linear-gradient(90deg,#1a1a1a0a 1px,transparent 1px);opacity:.65}
html:not([data-theme=dark]) .stackly-hero:after{background:radial-gradient(ellipse at 90% 70%,#ec21270a,transparent 60%)}
html:not([data-theme=dark]) .hero-orbit{border-color:#1a1a1a03}
html:not([data-theme=dark]) .stackly-hero h1 em{color:var(--red)}
html:not([data-theme=dark]) .stackly-hero .eyebrow{color:var(--ink);border-color:var(--line);background:#ffffff80}
html:not([data-theme=dark]) .stackly-hero .kicker,html:not([data-theme=dark]) .hero-proof{color:#626662}
html:not([data-theme=dark]) .hero-proof b{color:var(--ink)}
html:not([data-theme=dark]) .stackly-hero .actions{border-color:var(--line)}
html:not([data-theme=dark]) .stackly-hero .btn:not(.btn-primary){color:var(--ink);background:#fff;border-color:var(--line)}
html:not([data-theme=dark]) .stackly-hero .featured-showcase{--ink:#1a1a1a;--muted:#626662;--surface:#f1f2ef;--card:#fff;--line:#dededb;background:linear-gradient(135deg,#fff,#f0f1ee);border-color:#dfe2dc;box-shadow:0 30px 70px #1a1a1a12}
html:not([data-theme=dark]) .stackly-hero .product-orbit{border-color:#1a1a1a0b}
html:not([data-theme=dark]) .stackly-hero .floating-capability{border:1px solid #e4e5e0;box-shadow:0 12px 36px #1a1a1a12}
html:not([data-theme=dark]) .stackly-hero .featured-showcase .showcase-badge{background:#fff;color:var(--ink)}

/* Shared, compact heading scale for every page and locale. */
main h1{font-size:clamp(2rem,3.5vw,3rem)!important;line-height:1.18;max-width:26ch}
main h2{font-size:clamp(1.6rem,2.6vw,2.25rem)!important;line-height:1.25}
main h3{font-size:clamp(1.15rem,1.7vw,1.375rem)!important;line-height:1.35}
.stackly-hero h1{max-width:20ch}
html[dir=rtl] main h1,html[dir=rtl] main h2{line-height:1.4;letter-spacing:0}
header.nav .original-brand{display:block;width:205px;max-width:100%;height:auto;max-height:62px;object-fit:contain;filter:none}
.footer .footer-logo .original-brand{display:block;width:210px;height:auto;max-width:100%;filter:none}
@media(max-width:650px){main h1{font-size:clamp(1.85rem,7vw,2.25rem)!important}main h2{font-size:clamp(1.5rem,5.5vw,1.875rem)!important}header.nav .original-brand{width:160px;max-height:52px}.footer .footer-logo .original-brand{width:190px}}

header.nav .logo-link{width:240px}header.nav .original-brand{width:240px}.footer .footer-logo .original-brand{width:270px}
@media(max-width:1250px) and (min-width:1001px){header.nav .logo-link{width:205px}header.nav .original-brand{width:205px}}
@media(max-width:650px){header.nav .logo-link{width:auto}header.nav .original-brand{width:185px;max-height:50px}.footer .footer-logo .original-brand{width:240px}}

/* The current hero uses a badge and heading, without the legacy vertical rail. */
.stackly-hero .hero-copy:before{content:none;display:none}
.stackly-hero .hero-copy,html[dir=rtl] .stackly-hero .hero-copy{padding:0;min-width:0}
.stackly-hero .hero-copy>.eyebrow{width:fit-content;max-width:100%;margin-block:0 24px;white-space:normal}
.stackly-hero .hero-copy>h1{margin-block:0 24px}
@media(max-width:650px){.stackly-hero .hero-copy>.eyebrow{margin-bottom:22px}.stackly-hero .hero-copy>h1{margin-bottom:20px}}


.growth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.engagement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.engagement-card,.industry-card,.insight-card{display:block;border:1px solid var(--line);border-radius:22px;padding:30px;background:var(--card);min-width:0}.engagement-card{display:flex;flex-direction:column;scroll-margin-top:130px}.engagement-card>p,.industry-card>p,.insight-card>p{color:var(--muted)}.engagement-card li,.feature-list li{margin-bottom:12px}.engagement-card>.actions{margin-top:auto;padding-top:25px}.engagement-card .btn{font-size:.82rem;padding:12px 18px}.delivery-route{padding:18px 0;border-top:1px solid var(--line);font-size:.85rem}.industry-card .device-pair{border-radius:12px;margin-bottom:24px;padding:15px}.industry-card:hover,.insight-card:hover{border-color:var(--red)}.article-layout{max-width:820px}.article-layout>p,.article-section p{color:var(--muted);font-size:1.05rem;line-height:1.9}.article-toc{display:grid;gap:10px;padding:25px;background:var(--surface);border-radius:18px;margin:30px 0}.article-section{padding:24px 0;scroll-margin-top:140px}.article-next{border-top:1px solid var(--line);padding-top:32px;margin-top:25px}.growth-utility{padding:25px 0;background:var(--surface);border-top:1px solid var(--line)}.growth-utility>.wrap{display:flex;gap:15px 28px;flex-wrap:wrap;font-size:.85rem}.growth-utility a:hover{color:var(--red)}.whatsapp-float{position:fixed;z-index:80;inset-inline-end:22px;bottom:22px;display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:99px;background:#176b3a;color:#fff;font-size:.85rem;font-weight:700;box-shadow:0 8px 24px #0003}.whatsapp-float:hover{background:#12572f}.project-proof{border-bottom:1px solid var(--line);padding:28px 0}.project-proof p{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.project-proof .wrap>div{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-proof a{display:block;font-size:1.05rem;font-weight:700}.project-proof a span{color:var(--red);margin-inline-start:10px;white-space:nowrap}.evidence-note{font-size:.8rem!important;color:var(--muted);padding-top:20px;border-top:1px solid var(--line)}.lead-success{padding:20px;border:1px solid #397c52;border-radius:12px;background:var(--surface)}.growth-form .field input,.growth-form select,.growth-form textarea{min-width:0}.growth-form a{text-decoration:underline}.growth-form [hidden]{display:none}.growth-form button:disabled{opacity:.6;cursor:wait}.nav-links .nav-more{display:none}.article-section h2{max-width:none}
@media(min-width:1300px){header.nav .nav-links{gap:18px}header.nav .nav-links .nav-more{display:block}}
@media(max-width:1000px){.growth-grid{grid-template-columns:1fr 1fr}header.nav .nav-links .nav-more{display:block}}
@media(max-width:650px){.growth-grid,.engagement-grid{grid-template-columns:1fr}.engagement-card,.industry-card,.insight-card{padding:24px}.project-proof .wrap>div{grid-template-columns:1fr;gap:15px}.whatsapp-float{inset-inline-end:14px;bottom:14px;padding:13px}.whatsapp-float>span{display:none}.growth-utility>.wrap{gap:14px 22px}.engagement-card .actions{gap:10px}}
@media print{header.nav,.footer,.growth-utility,.whatsapp-float,.actions,button{display:none!important}body{background:#fff;color:#111}.page-hero{padding:20px 0}.wrap{width:100%}section{padding:20px 0}.article-layout{max-width:none}a{color:inherit}}
@media(min-width:1000px){.project-feature-grid:has(> :nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}.featured-work{display:grid;gap:28px}.featured-project{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--card)}.featured-project h3{font-size:clamp(1.5rem,2.4vw,2rem);margin-bottom:14px}.featured-project .feature-list{margin:18px 0 24px}.status-pill{display:inline-block;margin-inline-start:8px;padding:3px 10px;border-radius:999px;background:rgba(201,138,43,.14);color:#a8701c;font-size:.72rem;letter-spacing:0;text-transform:none}[data-theme=dark] .status-pill{color:#e6b35e}@media(max-width:900px){.featured-project{grid-template-columns:1fr;gap:24px;padding:20px}}.app-showcase{border-radius:18px;overflow:hidden;background:#1b1530;aspect-ratio:1348/900}.app-showcase img{display:block;width:100%;height:100%;object-fit:cover}.use-cases-phone .use-case{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.use-cases-phone .use-case:nth-of-type(even){grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.use-cases-phone .use-case-frame{max-width:330px;margin:0 auto;border:7px solid #15121f;border-radius:38px}.use-cases-phone .use-case-shot figcaption{text-align:center;max-width:330px;margin-inline:auto}@media(max-width:900px){.use-cases-phone .use-case,.use-cases-phone .use-case:nth-of-type(even){grid-template-columns:1fr}.use-cases-phone .use-case-frame{max-width:290px}}.use-cases{padding:110px 0}.use-case-jump{display:inline-block;margin-top:14px}.use-case-facts{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0 0 30px}.use-case-facts li{padding:8px 15px;border:1px solid var(--line);border-radius:999px;font-size:.85rem;font-weight:700;background:var(--card)}.use-case-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-bottom:60px}.use-case-index a{display:flex;gap:12px;align-items:baseline;padding:15px 18px;border-radius:14px;background:var(--surface);font-weight:700;font-size:.92rem;line-height:1.45;transition:outline-color .2s;outline:1px solid transparent}.use-case-index a:hover,.use-case-index a:focus-visible{outline-color:var(--project-accent,var(--red))}.use-case-index span,.use-case-role span{color:var(--project-accent,var(--red));font-size:.78rem;font-weight:800}.use-case{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center;padding:60px 0;border-top:1px solid var(--line);scroll-margin-top:120px}.use-case:nth-of-type(even){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.use-case:nth-of-type(even) .use-case-copy{order:2}.use-case-role{display:flex;gap:10px;align-items:center;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:14px}[dir=rtl] .use-case-role{letter-spacing:0}.use-case h3{font-size:clamp(1.5rem,2.4vw,2.1rem);margin-bottom:16px}.use-case-situation{color:var(--muted);font-size:1.02rem;line-height:1.8}.use-case h4{font-size:.95rem;margin:26px 0 12px}.use-case-copy ul{margin:0;padding-inline-start:20px}.use-case-copy li{margin-bottom:10px;line-height:1.7}.use-case-shot{margin:0}.use-case-frame{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card);box-shadow:0 24px 60px rgba(0,0,0,.08)}.use-case-frame img{display:block;width:100%;height:auto}.use-case-shot figcaption{font-size:.85rem;color:var(--muted);margin-top:12px}@media(max-width:900px){.use-cases{padding:72px 0}.use-case{grid-template-columns:1fr;gap:26px;padding:44px 0}.use-case:nth-of-type(even){grid-template-columns:1fr}.use-case:nth-of-type(even) .use-case-copy{order:0}.use-case-index{margin-bottom:36px}}.agency-process.service-process{grid-template-columns:repeat(5,minmax(0,1fr))}.service-note{margin-top:32px;max-width:820px}@media(max-width:1100px){.agency-process.service-process{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.agency-process.service-process{grid-template-columns:1fr}}