.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 35px}.service-card{scroll-margin-top:100px}.service-card .small-copy{padding:24px 0 0}.service-card h3{font-size:29px}.service-stack{display:block;font-size:11px;color:#ab87b3;margin:18px 0 16px}.service-art{height:370px;border-radius:18px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff25}.android-art{background:radial-gradient(ellipse at bottom,#4a887d,#102d40)}.ios-art{background:radial-gradient(ellipse at bottom,#776398,#302140)}.service-phone{position:relative;flex-shrink:0;background:#f5f3f8;color:#172838;width:185px;height:342px;border:5px solid #2b2939;border-radius:29px;overflow:hidden;box-shadow:15px 20px 45px #0006;transform:rotate(-10deg);font-family:Manrope,Arial,sans-serif}.ios-art .service-phone{transform:rotate(9deg)}.service-notch{position:absolute;top:0;left:calc(50% - 28px);width:56px;height:12px;background:#2b2939;border-radius:0 0 10px 10px}.demo-status{display:flex;justify-content:space-between;padding:9px 12px;font-size:7px}.demo-welcome{font-size:17px;line-height:1.15;font-weight:600;padding:10px 15px 14px;letter-spacing:-.6px}.service-phone>img{height:119px;width:calc(100% - 22px);margin:0 11px;border-radius:11px}.demo-card{padding:10px 14px}.demo-card small{font-size:6px;letter-spacing:1px;display:block;color:#7c7888}.demo-card strong{font-size:12px;display:block;margin-top:3px}.demo-cta{font-size:8px;background:#7863a0;color:white;padding:8px 9px;border-radius:7px;margin-top:7px;display:flex;justify-content:space-between}.android-art .demo-cta{background:#346e65}.demo-nav{display:flex;justify-content:space-around;font-size:11px;padding:1px 5px;color:#776786}.platform-chip{position:absolute;top:26px;left:26px;border:1px solid #ffffff50;border-radius:22px;color:#f8efff;font-size:12px;padding:6px 16px;backdrop-filter:blur(10px)}.code-chip{position:absolute;bottom:25px;right:25px;font-size:10px;color:#e4d9ec;letter-spacing:.4px}.design-art{background:linear-gradient(135deg,#5c3567,#ad8391)}.wireframe-board{width:255px;background:#f7eff7;border:1px solid white;color:#32273c;border-radius:14px;padding:24px;transform:rotate(-7deg);box-shadow:10px 25px 40px #24102a55}.wireframe-board>span{font-size:7px;letter-spacing:1.5px}.wire-swatch{display:flex;gap:8px;margin:20px 0 10px}.wire-swatch i{width:34px;height:34px;border-radius:50%;background:#715796}.wire-swatch i:nth-child(2){background:#baa2d7}.wire-swatch i:nth-child(3){background:#dfc8cd}.wire-swatch i:nth-child(4){background:#392440}.wireframe-board>strong{font-size:48px;font-weight:400}.wire-lines i{display:block;height:5px;background:#d8ccd9;margin:8px 0;border-radius:3px}.wire-lines i:last-child{width:70%}.wire-components{display:flex;gap:10px;margin-top:18px;align-items:center}.wire-components span{background:#79608e;color:white;padding:8px 12px;border-radius:6px;font-size:9px}.design-art .platform-chip{left:auto;right:22px}.cross-art{background:linear-gradient(140deg,#263d62,#7e8eac)}.platform-pair{display:flex;gap:17px;align-items:center;transform:rotate(-7deg)}.platform-pair>div{width:138px;background:#faf7ff;border:4px solid #283347;border-radius:19px;overflow:hidden;color:#26303e;padding:12px 9px 20px;box-shadow:8px 20px 25px #17273850}.platform-pair>div:last-child{margin-top:60px}.platform-pair span{font-size:9px;display:block;margin-bottom:15px}.platform-pair img{height:140px;border-radius:8px}.platform-pair b{font-size:10px;font-weight:500;display:block;margin-top:12px}.quality-art{background:radial-gradient(ellipse at bottom,#6d8970,#293d3c)}.quality-board,.release-board{width:270px;border:1px solid #ffffff50;background:#13292985;backdrop-filter:blur(15px);border-radius:15px;padding:28px;color:#d9e9de;box-shadow:10px 20px 30px #0002}.quality-board small,.release-board small{font-size:8px;letter-spacing:1px}.quality-board strong,.release-board strong{display:block;font-size:21px;font-weight:400;margin:15px 0 23px}.quality-board>div:not(.quality-bars){font-size:11px;margin:10px 0;color:#aee4c3}.quality-board>div>span{color:#dae7de;margin-left:10px}.quality-bars{display:flex;gap:9px;align-items:end;height:32px;margin-top:16px}.quality-bars i{height:80%;background:#9bc7a4;flex:1;border-radius:3px}.quality-bars i:nth-child(2n){height:50%}.quality-bars i:nth-child(3n){height:100%}.support-art{background:linear-gradient(135deg,#513d53,#bc8c73)}.release-board{background:#38223888;color:#ffe6d9;transform:rotate(5deg)}.release-board>div{display:flex;align-items:center;gap:14px;font-size:11px;padding:11px 0}.release-board i{width:9px;height:9px;border:1px solid #ffc99f;border-radius:50%;position:relative}.release-board>div:not(:last-child) i:after{content:'';position:absolute;top:8px;left:3px;height:33px;width:1px;background:#ffd5aa60}.service-orbit .ecosystem-number strong{font-size:140px;letter-spacing:-8px}.service-orbit .ecosystem-number{top:34%}.development-visual{height:740px;display:grid;place-items:center;background:radial-gradient(ellipse,#584e7650,transparent 70%),#0c1520;position:relative;overflow:hidden}.development-phones{display:flex;align-items:center;gap:30px;transform:scale(1.35)}.development-phones .service-phone:last-child{transform:rotate(12deg);margin-top:100px}.development-caption{position:absolute;bottom:50px;left:30px;right:30px;text-align:center;font-size:9px;letter-spacing:1.5px;color:#a49bb9}.design-feature{grid-template-columns:.9fr 1.1fr;gap:55px}.design-feature h2{font-size:58px}.design-preview{--theme:#776291;--surface:#e8dfef;border:1px solid #ffffff30;border-radius:17px;overflow:hidden;background:#1c1329;box-shadow:0 25px 60px #0003;transform:rotate(3deg)}.design-preview[data-theme=ocean]{--theme:#2c797b;--surface:#dbebeb}.design-preview[data-theme=sunset]{--theme:#ac6147;--surface:#f3e4db}.preview-toolbar{font-size:8px;color:#b99cc9;letter-spacing:1px;padding:15px 20px;display:flex;justify-content:space-between}.preview-screen{background:var(--surface);padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:15px;color:#2d2534;transition:background .3s}.preview-screen>div{padding:15px 0}.preview-screen small{font-size:7px;letter-spacing:1px;color:var(--theme)}.preview-screen h3{font-size:26px;font-weight:500;line-height:1.2;letter-spacing:-1px}.preview-screen p{font-size:10px!important;color:#6e6275!important}.preview-screen img{height:250px;border-radius:65px 65px 12px 12px}.preview-action{display:block;background:var(--theme);color:white;border-radius:20px;padding:10px 12px;font-size:9px;margin-top:24px;transition:background .3s}.theme-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:20px;font-size:10px;color:#b99cc9}.theme-controls>span{margin-right:auto}.theme-controls button{background:none;color:#d0b9de;border:1px solid #8c679b70;border-radius:20px;padding:7px 10px;font:inherit;cursor:pointer}.theme-controls button[aria-pressed=true]{background:#edcdbb;border-color:#edcdbb;color:#301c29}.studio-facts strong{font-size:34px}.dialog-visual>.service-art{width:100%;height:100%;border:0;border-radius:0;min-height:430px}.dialog-copy h2{font-size:30px}.dialog-visual .platform-chip{top:15px;left:15px;font-size:10px}.dialog-visual .code-chip{font-size:8px}.dialog-visual .service-phone{transform:rotate(-5deg)}
@media(max-width:1100px){.development-phones{transform:scale(1.05);gap:15px}.design-feature{gap:35px}.design-feature h2{font-size:47px}.preview-screen{padding:17px}.preview-screen h3{font-size:22px}.preview-screen img{height:230px}.theme-controls>span{width:100%;margin-bottom:7px}.service-card h3{font-size:26px}}
@media(max-width:760px){.services-grid{grid-template-columns:1fr;gap:36px}.service-art{height:350px}.service-card h3{font-size:27px}.service-stack{font-size:10px;margin:13px 0}.service-card .feature-button{font-size:12px}.service-orbit .ecosystem-number{top:37%}.service-orbit .ecosystem-number strong{font-size:74px;letter-spacing:-4px}.service-orbit .ecosystem-number>span{font-size:13px}.service-orbit .eco-tile>span{font-size:6px;padding-inline:6px}.development-visual{height:490px}.development-phones{gap:13px;transform:scale(.79)}.development-phones .service-phone:last-child{margin-top:55px}.development-caption{bottom:30px;font-size:7px;left:20px;right:20px}.design-feature{grid-template-columns:1fr;gap:35px}.design-feature h2{font-size:45px}.design-preview{transform:rotate(0)}.preview-screen{padding:18px 15px;gap:10px}.preview-screen h3{font-size:21px}.preview-screen img{height:210px}.preview-screen small{font-size:6px}.preview-action{font-size:8px;padding:9px}.theme-controls{padding:16px;gap:8px}.theme-controls>span{width:auto;margin-bottom:0;font-size:9px}.theme-controls button{font-size:9px;padding:6px 8px}.studio-facts{gap:35px}.studio-facts strong{font-size:27px}.dialog-visual>.service-art{height:245px;min-height:245px}.dialog-visual .service-phone{transform:scale(.6) rotate(-5deg)}.dialog-visual .wireframe-board,.dialog-visual .platform-pair,.dialog-visual .quality-board,.dialog-visual .release-board{transform:scale(.76)}.dialog-copy h2{font-size:27px}.dialog-visual .code-chip{bottom:12px;right:12px;font-size:7px}}

.platform-chip{background:#162335b3}.code-chip{background:#162335a8;padding:5px 9px;border-radius:5px;color:#f3eaf9}@media(max-width:760px){.code-chip{bottom:12px;right:12px;font-size:8px}}

/* Original, editable SVG service illustration and icon family. */
.vector-art{background:#171126;padding:0}.vector-art .service-vector{width:100%;height:100%;object-fit:contain;transition:transform .5s}.service-card:hover .service-vector{transform:scale(1.025)}.service-category-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--icon-accent) 10%,#181124);border:1px solid color-mix(in srgb,var(--icon-accent) 30%,transparent);border-radius:15px;margin-bottom:20px}.service-category-icon img{width:34px;height:34px}.eco-tile .orbit-service-icon{object-fit:contain;padding:35px;background:radial-gradient(ellipse,#614e7250,#1a132b)}.dialog-visual>.vector-art{padding:0;display:flex;align-items:center;justify-content:center}.dialog-visual .service-vector{height:auto;width:100%;max-height:100%;object-fit:contain}@media(max-width:760px){.vector-art{height:255px}.eco-tile .orbit-service-icon{padding:20px}.service-category-icon{width:48px;height:48px;border-radius:12px;margin-bottom:15px}.service-category-icon img{width:29px;height:29px}.dialog-visual>.vector-art{height:245px;min-height:245px}}@media(prefers-reduced-motion:reduce){.vector-art .service-vector{transition:none}}