:root{--ink:#0c1830;--navy:#0b1f3a;--blue:#1955d1;--cyan:#27c2d1;--ice:#f2f7fb;--muted:#667085;--line:#dce5ed;--white:#fff;--radius:24px;--shadow:0 30px 80px rgba(12,24,48,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff;line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',sans-serif;line-height:1.08;letter-spacing:-.04em}h1{font-size:clamp(3.25rem,7vw,4.9rem);max-width:920px;margin-bottom:28px}h2{font-size:clamp(2.4rem,5vw,3.7rem);margin-bottom:24px}h3{font-size:1.35rem}em{font-style:normal;color:var(--blue)}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 48px));margin:auto}.section{padding:120px 0}.site-header{position:fixed;z-index:30;top:0;left:0;width:100%;transition:.3s}.site-header.scrolled{background:rgba(255,255,255,.9);backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(12,24,48,.08)}.nav-wrap{height:88px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;font:800 1.15rem 'Manrope';margin-right:auto}.brand>span:last-child span{color:var(--blue)}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--ink);color:#fff}.nav{display:flex;gap:30px;font-size:.92rem;font-weight:600}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--blue);transition:.25s}.nav a:hover:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--ink);color:#fff;border:0;border-radius:999px;padding:15px 23px;font-weight:700;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px);background:var(--blue)}.btn-small{padding:11px 18px;font-size:.88rem}.menu-toggle{display:none}.hero{min-height:860px;padding:175px 0 100px;overflow:hidden;background:radial-gradient(circle at 84% 30%,#dff6f8 0,transparent 24%),linear-gradient(180deg,#f8fbfd,#fff)}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:40px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800;color:var(--blue)}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:25px}.eyebrow span{width:34px;height:2px;background:var(--cyan)}.lead{font-size:1.28rem;max-width:760px;color:#334155}.hero-note{max-width:690px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:28px;margin:35px 0}.text-link{font-weight:700}.tech-strip{display:flex;flex-wrap:wrap;gap:10px}.tech-strip span,.tags span{border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:.78rem;background:rgba(255,255,255,.75)}.hero-visual{height:520px;position:relative}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{width:380px;height:380px;background:linear-gradient(145deg,#d8f4f6,#dfe8ff);right:-90px;top:50px}.orb-b{width:160px;height:160px;border:1px solid rgba(25,85,209,.25);left:15px;bottom:20px}.code-card,.mini-card{position:absolute;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow)}.card-main{width:390px;right:0;top:80px;border-radius:22px;overflow:hidden;transform:rotate(2deg)}.code-top{height:48px;padding:0 16px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);font-size:.7rem;color:var(--muted)}.code-top i{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.code-top b{margin-left:auto}.code-card pre{padding:28px;font:500 .86rem/1.9 monospace;margin:0;color:#334155}.code-card pre span{color:#0d9a88;font-weight:800}.code-card pre b{color:var(--blue)}.code-card pre q{color:#8b5cf6}.mini-card{padding:18px 20px;border-radius:16px;display:grid}.mini-card b{font:800 1.1rem 'Manrope'}.mini-card span{font-size:.72rem;color:var(--muted)}.card-one{left:-20px;top:50px}.card-two{right:-10px;bottom:35px;padding-left:48px}.pulse{position:absolute;left:18px;top:24px;width:14px;height:14px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 8px rgba(34,197,94,.12)}.section-head{margin-bottom:55px}.section-head.narrow{max-width:760px}.section-head p{color:var(--muted);font-size:1.05rem}.section-head.split{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px}.section-head.split p{max-width:500px}.four-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.feature{padding:34px 26px;border-right:1px solid var(--line)}.feature:first-child{padding-left:0}.feature:last-child{border-right:0}.feature .num,.service-no{font-size:.72rem;color:var(--blue);font-weight:800}.feature h3{margin:32px 0 12px}.feature p{font-size:.9rem;color:var(--muted)}.services{background:var(--ice)}.service-list{border-top:1px solid #cad8e4}.service{display:grid;grid-template-columns:70px 1fr 60px;gap:20px;padding:35px 0;border-bottom:1px solid #cad8e4;transition:.25s}.service:hover{padding-left:12px;background:rgba(255,255,255,.5)}.service h3{font-size:1.7rem;margin-bottom:8px}.service p{color:var(--muted);max-width:700px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.tags span{background:#fff}.arrow{font-size:1.6rem;justify-self:end}.cases{background:var(--navy);color:#fff}.section-head.light p{color:#aab8ca}.section-head.light .kicker{color:#62d8df}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.case-card{background:#fff;color:var(--ink);border-radius:var(--radius);overflow:hidden}.case-visual{height:330px;position:relative;overflow:hidden;padding:26px}.visual-biv{background:linear-gradient(135deg,#d8e7ff,#f5f8ff)}.visual-tailor{background:linear-gradient(135deg,#e4f8f6,#c9e9ee);display:flex;gap:12px;align-items:flex-end}.case-label{display:inline-flex;background:#fff;border-radius:999px;padding:8px 12px;font-size:.72rem;font-weight:700}.mock-ui{position:absolute;width:70%;height:75%;right:-2%;bottom:-5%;background:#fff;border-radius:18px 18px 0 0;box-shadow:var(--shadow);padding:20px}.mock-nav{width:60%;height:8px;background:#dbe4ee;border-radius:8px}.mock-shirt{margin:34px auto 20px;width:90px;height:110px;background:linear-gradient(145deg,#d9e6f8,#f8fbff);clip-path:polygon(15% 0,38% 12%,50% 6%,62% 12%,85% 0,100% 25%,83% 38%,78% 100%,22% 100%,17% 38%,0 25%);display:grid;place-items:center;color:#98a8bd;font-weight:800}.mock-lines{display:grid;gap:8px}.mock-lines i{height:7px;background:#edf1f5;border-radius:5px}.mock-lines i:nth-child(2){width:70%}.mock-lines i:nth-child(3){width:45%}.metric{flex:1;background:rgba(255,255,255,.78);padding:20px;border-radius:16px;box-shadow:0 12px 35px rgba(12,24,48,.08)}.metric b{font:800 2rem 'Manrope';display:block}.metric span{font-size:.78rem;color:var(--muted)}.case-copy{padding:34px}.case-copy h3{font-size:2rem;display:flex;justify-content:space-between}.case-copy>p{color:var(--muted)}.case-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.case-columns div{display:grid;gap:4px;font-size:.82rem;color:var(--muted)}.case-columns b{color:var(--ink);margin-bottom:6px}.agency-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.agency-copy>p{color:var(--muted);max-width:600px}.lead-sm{font-size:1.25rem;color:var(--ink)!important}.agency-panel{background:var(--ice);border-radius:var(--radius);padding:34px}.panel-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.panel-top span{font-weight:800}.panel-top i{font-style:normal;font-size:.72rem;color:#16836e;background:#d9f7ef;padding:6px 10px;border-radius:999px}.agency-panel ul{list-style:none;padding:0;margin:10px 0 22px}.agency-panel li{display:flex;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.agency-panel li b{color:var(--blue);font-size:.72rem}.agency-panel p{font-size:.84rem;color:var(--muted);margin:0}.about{background:#fbfcfd}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-copy>p{font-size:1.1rem;color:var(--muted)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:35px}.stats div{background:#fff;padding:24px}.stats b{display:block;font:800 1.2rem 'Manrope';color:var(--blue)}.stats span{font-size:.76rem;color:var(--muted)}.profile{margin-top:70px;display:grid;grid-template-columns:90px 1fr;gap:30px;max-width:780px;align-items:center}.avatar{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font:800 1.4rem 'Manrope'}.profile h3{font-size:1.8rem;margin:6px 0}.profile p{color:var(--muted);margin:0}.contact{background:linear-gradient(135deg,#eaf6f7,#eef2ff)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contact-copy>p{color:var(--muted);font-size:1.05rem}.contact-meta{display:grid;gap:8px;margin-top:40px;font-weight:700}.contact-form{background:#fff;padding:34px;border-radius:var(--radius);box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:grid;gap:8px;font-size:.78rem;font-weight:700;margin-bottom:16px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 14px;font:inherit;font-size:.9rem;outline:none;background:#fff}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(25,85,209,.08)}textarea{resize:vertical}.form-status{font-size:.8rem;color:#16836e;margin:12px 0 0}footer{background:#071426;color:#fff;padding:55px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.inverse .brand-mark{background:#fff;color:var(--ink)}.footer-grid p{color:#8fa0b5;margin:0}.footer-links{display:flex;justify-content:flex-end;gap:22px;font-size:.82rem}.footer-grid small{grid-column:1/-1;color:#718198;border-top:1px solid #1d2d42;padding-top:22px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.12s}@media(max-width:900px){.nav,.desktop-cta{display:none}.menu-toggle{display:grid;gap:5px;border:0;background:none}.menu-toggle span{width:24px;height:2px;background:var(--ink)}.nav.open{position:absolute;display:grid;top:78px;left:24px;right:24px;background:#fff;padding:24px;border-radius:16px;box-shadow:var(--shadow)}.hero{padding-top:135px}.hero-grid,.section-head.split,.agency-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-visual{height:420px}.card-main{right:5%;width:85%}.four-grid{grid-template-columns:1fr 1fr}.feature:nth-child(2){border-right:0}.case-grid{grid-template-columns:1fr}.agency-grid,.contact-grid{gap:50px}.about-grid{gap:20px}}@media(max-width:600px){.container{width:min(100% - 30px,1180px)}.section{padding:82px 0}.nav-wrap{height:72px}.hero{min-height:auto}.hero-visual{height:340px}.card-main{top:50px}.card-one{left:0;top:10px}.card-two{bottom:5px}.four-grid{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.service{grid-template-columns:45px 1fr}.service .arrow{display:none}.case-visual{height:260px}.about-grid,.form-row{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.profile{grid-template-columns:65px 1fr}.avatar{width:65px;height:65px}.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start;flex-wrap:wrap}}

/* Portfolio / selected projects */
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.portfolio-card{background:#fff;color:var(--ink);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 18px 50px rgba(2,12,27,.12);transition:transform .3s ease,box-shadow .3s ease}.portfolio-card:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(2,12,27,.2)}.portfolio-image{height:260px;position:relative;overflow:hidden;background:#eef3f7;display:block}.portfolio-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,13,30,.32));pointer-events:none}.portfolio-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.portfolio-card:hover .portfolio-image img{transform:scale(1.035)}.portfolio-image .case-label{position:absolute;z-index:2;left:18px;top:18px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);box-shadow:0 6px 20px rgba(3,13,30,.08)}.portfolio-copy{padding:27px 27px 30px;display:flex;flex-direction:column;flex:1}.portfolio-copy h3{font-size:1.5rem;display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.portfolio-copy h3 span{font-size:1rem;color:var(--blue)}.portfolio-copy p{color:var(--muted);font-size:.91rem;margin:0 0 24px;line-height:1.7}.portfolio-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.portfolio-tags span{font-size:.69rem;font-weight:700;border:1px solid var(--line);padding:6px 9px;border-radius:999px;background:#f8fafc}.image-credit-note{color:#8291a4;font-size:.7rem;margin:20px 0 0;text-align:right}@media(max-width:980px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.portfolio-grid{grid-template-columns:1fr}.portfolio-image{height:235px}.portfolio-copy{padding:23px}.image-credit-note{text-align:left}}
.lang-link{border:1px solid var(--line);border-radius:999px;padding:5px 9px!important;font-size:.75rem}.lang-link:after{display:none!important}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}