:root{--blue:#2f6df6;--ink:#0d1b2a}.site-shell{width:min(1480px,calc(100% - 24px));margin:12px auto;border-radius:30px;overflow:hidden;box-shadow:0 30px 90px rgba(28,66,110,.12)}html{scroll-behavior:smooth}body{font-family:Manrope,sans-serif}.font-display{font-family:'Space Grotesk',sans-serif}.logo-mark{display:inline-flex;align-items:flex-end;gap:3px;width:29px;height:25px;transform:rotate(-9deg)}.logo-mark span{display:block;width:7px;border-radius:3px;background:#0d1b2a}.logo-mark span:nth-child(1){height:13px}.logo-mark span:nth-child(2){height:22px}.logo-mark span:nth-child(3){height:17px}.logo-mark.small{transform:scale(.8) rotate(-9deg);transform-origin:left center}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:2px;background:var(--blue);transition:.25s}.nav-link:hover:after{width:100%}.lang-switch{padding:4px;border-radius:999px;background:#f1f5f9}.lang-btn{padding:7px 9px;border-radius:999px;font-size:11px;font-weight:800;color:#64748b}.lang-btn.active{background:#fff;color:var(--blue);box-shadow:0 3px 12px rgba(0,0,0,.08)}.btn-outline,.btn-primary,.btn-ghost{align-items:center;justify-content:center;gap:10px;border-radius:999px;font-weight:800;transition:.25s}.btn-outline{padding:11px 20px;border:1px solid #b8cef8;color:#265bd0}.btn-outline:hover{background:#edf4ff}.btn-primary{display:inline-flex;padding:15px 22px;background:#0d1b2a;color:#fff;box-shadow:0 12px 30px rgba(13,27,42,.18)}.btn-primary:hover{transform:translateY(-2px);background:#17304a}.btn-ghost{display:inline-flex;padding:15px 18px;color:#24415e}.btn-ghost:hover{background:#f1f6fc}.menu-icon,.menu-icon:before,.menu-icon:after{display:block;width:18px;height:2px;background:#0d1b2a;border-radius:999px;position:relative}.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0}.menu-icon:before{top:-6px}.menu-icon:after{top:6px}.hero-grid:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(63,112,164,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(63,112,164,.04) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 86%)}.hero-orb{position:absolute;border-radius:999px;filter:blur(40px);opacity:.55}.hero-orb-a{width:260px;height:260px;background:#d8e9ff;right:6%;top:5%}.hero-orb-b{width:190px;height:190px;background:#e8e1ff;left:42%;bottom:6%}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:#5e7fa4}.eyebrow{display:inline-flex;align-items:center;gap:8px}.pulse-dot{width:8px;height:8px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 7px rgba(47,109,246,.10)}.gradient-text{background:linear-gradient(90deg,#0d1b2a,#2f6df6 60%,#6aa9ff);-webkit-background-clip:text;color:transparent}.stat{font-family:'Space Grotesk';font-size:24px;font-weight:700}.stat-label{font-size:12px;color:#7a8da3;margin-top:3px}.visual-stage{position:absolute;inset:8% 0 0 3%;perspective:1200px}.phone-card{position:absolute;left:32%;top:4%;width:255px;height:480px;border-radius:38px;padding:12px;background:#0f1e2f;box-shadow:0 38px 70px rgba(13,27,42,.30);transform:rotateY(-8deg) rotateZ(2deg);z-index:5}.phone-ui{height:100%;border-radius:29px;background:linear-gradient(160deg,#fff,#eef5ff);padding:54px 24px 24px;position:relative;overflow:hidden}.phone-ui:after{content:"";position:absolute;width:160px;height:160px;background:rgba(47,109,246,.11);border-radius:50%;right:-70px;bottom:25px}.phone-notch{position:absolute;z-index:4;top:11px;left:50%;transform:translateX(-50%);width:88px;height:25px;border-radius:0 0 15px 15px;background:#0f1e2f}.phone-brand{font-size:11px;font-weight:800;color:#6181a2}.phone-title{font-family:'Space Grotesk';font-size:36px;line-height:1;letter-spacing:-.05em;font-weight:700;margin-top:55px}.phone-copy{font-size:12px;color:#7d90a3;line-height:1.6;margin-top:15px}.phone-pill{height:42px;width:42px;border-radius:50%;background:var(--blue);margin:38px auto 22px;box-shadow:0 12px 24px rgba(47,109,246,.3)}.phone-list{display:grid;gap:12px}.phone-list span{height:34px;border-radius:10px;background:#fff;border:1px solid #e7eef8}.back-card,.code-card,.metric-card{position:absolute;border:1px solid #dbe7f6;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);box-shadow:0 25px 60px rgba(41,84,128,.15)}.dashboard-card{width:335px;height:250px;left:2%;top:22%;border-radius:24px;transform:rotateZ(-4deg)}.code-card{right:0;top:20%;width:260px;height:210px;border-radius:24px;transform:rotateZ(5deg)}.metric-card{right:4%;bottom:12%;width:240px;border-radius:22px;padding:20px;transform:rotateZ(-3deg)}.metric-card span{display:block;font-size:11px;color:#7a8da3}.metric-card strong{font-family:'Space Grotesk';display:block;font-size:34px;margin:4px 0;color:#0d1b2a}.metric-card svg{color:#2f6df6}.mini-top{height:38px;border-bottom:1px solid #edf2f8;display:flex;align-items:center;gap:6px;padding:0 14px}.mini-top span{width:7px;height:7px;border-radius:50%;background:#d8e2ef}.dash-grid{display:grid;grid-template-columns:72px 1fr;height:calc(100% - 38px)}.dash-side{border-right:1px solid #edf2f8;background:linear-gradient(#f4f8fd,#fff)}.dash-main{padding:18px}.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.dash-kpis span{height:42px;border-radius:9px;background:#edf4ff}.dash-chart{display:flex;align-items:flex-end;gap:8px;height:105px;margin-top:17px}.dash-chart i{display:block;flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#7ca8ff,#2f6df6)}.dash-chart i:nth-child(1){height:40%}.dash-chart i:nth-child(2){height:68%}.dash-chart i:nth-child(3){height:52%}.dash-chart i:nth-child(4){height:83%}.dash-chart i:nth-child(5){height:72%}.dash-chart i:nth-child(6){height:95%}.code-lines{padding:24px;display:grid;gap:14px}.code-lines i{height:8px;border-radius:10px;background:#e9f0f8}.code-lines i:nth-child(2),.code-lines i:nth-child(5){width:70%;background:#cfe0ff}.code-lines i:nth-child(3){width:84%}.floating-chip{position:absolute;z-index:9;border:1px solid #dce8f9;background:#fff;border-radius:999px;padding:10px 14px;font-size:10px;font-weight:900;letter-spacing:.13em;color:#40678f;box-shadow:0 10px 22px rgba(48,90,130,.10)}.chip-a{left:18%;top:4%}.chip-b{right:7%;top:7%}.chip-c{left:17%;bottom:15%}.service-card{border:1px solid #e6edf5;border-radius:24px;padding:26px;transition:.3s;background:#fff}.service-card:hover{transform:translateY(-6px);border-color:#bfd4fb;box-shadow:0 16px 35px rgba(26,61,99,.08)}.service-icon{width:44px;height:44px;border-radius:14px;background:#edf4ff;color:#2f6df6;display:grid;place-items:center;font-size:22px}.service-card h3{font-family:'Space Grotesk';font-size:18px;font-weight:700;margin-top:24px}.service-card p{font-size:14px;line-height:1.8;color:#74879a;margin-top:8px;min-height:76px}.service-card a{display:inline-block;margin-top:14px;color:#2f6df6;font-weight:800;font-size:12px}.section-title{font-family:'Space Grotesk';font-weight:700;letter-spacing:-.04em;line-height:1.03;font-size:clamp(2.2rem,4vw,4.3rem)}.section-copy{margin-top:20px;max-width:650px;color:#6c8094;line-height:1.8}.tag{padding:9px 12px;border-radius:999px;background:#fff;border:1px solid #dce7f4;font-size:12px;font-weight:800;color:#58708b}.process-list{display:grid;gap:10px}.process-list>div{display:grid;grid-template-columns:46px 1fr;gap:0 14px;padding:16px 0;border-bottom:1px solid #dfe8f4}.process-list span{grid-row:1/3;width:38px;height:38px;border-radius:12px;background:#fff;display:grid;place-items:center;font-size:11px;font-weight:800;color:#2f6df6}.process-list strong{font-size:15px}.process-list p{font-size:12px;color:#798da2;margin-top:3px}.project-card{cursor:pointer}.project-visual{height:280px;border-radius:24px;padding:28px;overflow:hidden;position:relative}.project-a{background:linear-gradient(135deg,#dfeaff,#f7fbff)}.project-b{background:linear-gradient(135deg,#dff7ef,#f4fffb)}.project-c{background:linear-gradient(135deg,#eee8ff,#fbf9ff)}.project-browser{height:100%;border-radius:16px;background:#fff;box-shadow:0 25px 50px rgba(23,46,75,.18);overflow:hidden;transform:rotate(-2deg);transition:.35s}.project-card:hover .project-browser{transform:rotate(0deg) scale(1.03)}.project-browser span{display:block;height:32px;background:#f4f7fa;border-bottom:1px solid #e9eef5}.project-browser div{height:calc(100% - 32px);background:linear-gradient(135deg,#0f1d2c 0 38%,#f4f7fb 38% 100%);position:relative}.project-browser div:after{content:"";position:absolute;right:8%;top:18%;width:48%;height:60%;border-radius:14px;background:linear-gradient(135deg,#edf4ff,#c9dcff)}.project-meta{display:flex;align-items:flex-start;justify-content:space-between;padding-top:18px}.project-meta h3{font-family:'Space Grotesk';font-weight:700;font-size:18px}.project-meta p{font-size:13px;color:#7b8ea2;margin-top:5px}.project-meta>span{color:#2f6df6;font-size:18px}.mini-value{padding:18px;border:1px solid #e6edf5;border-radius:18px}.mini-value b{display:block;font-size:14px}.mini-value span{display:block;color:#8394a6;font-size:12px;margin-top:5px}.contact-box{display:grid;gap:10px}.contact-box a{display:flex;justify-content:space-between;gap:20px;padding:17px 18px;border:1px solid rgba(255,255,255,.14);border-radius:16px;color:#dce7f3;font-size:14px;font-weight:700;transition:.25s}.contact-box a:hover{background:#fff;color:#0d1b2a}.reveal{opacity:0;transform:translateY(28px)}@media(max-width:1023px){.visual-stage{position:relative;min-height:520px}.dashboard-card{left:0}.code-card{right:0}.phone-card{left:33%}.metric-card{right:0}.site-shell{width:100%;margin:0;border-radius:0}.project-visual{height:250px}}@media(max-width:640px){.visual-stage{transform:scale(.82);transform-origin:center top;min-height:470px;margin:0 -60px}.phone-card{left:29%}.dashboard-card{left:2%;top:26%}.code-card{right:2%;top:23%}.metric-card{right:1%;bottom:12%}.floating-chip{display:none}.service-card p{min-height:auto}.site-shell{box-shadow:none}.hero-grid{padding-top:44px}}