
.inner-page{background:#171717;color:#ececec}.inner-page .header{position:sticky;top:0;width:min(1100px,96%);transform:none;left:auto;margin:0 auto;z-index:20;background:#f5f7fa;color:#555;border-radius:0 0 28px 28px;box-shadow:0 8px 28px #0003}.inner-page .header nav{background:#e6e7eb}.inner-page .header nav a{color:#676767}.inner-page .header nav a.active{background:#d6e1fc;color:#2e61ec;font-size:14px;padding:10px 15px}.inner-page .headright{color:#666}.inner-page .header .brand small{color:#777}.inner-hero{text-align:center;max-width:1150px;margin:80px auto 65px;padding:0 18px}.eyebrow{color:#5785ff;font-size:12px;font-weight:800;letter-spacing:.19em}.inner-hero h1{font-weight:800;font-size:clamp(42px,6vw,80px);line-height:1.07;letter-spacing:-.045em;margin:22px 0}.inner-hero h1 span{color:#5280ee}.inner-hero>p{color:#a7a7a7;font-size:18px}.inner-wrap{max-width:1080px;margin:0 auto;padding:0 20px}.full-service-card{display:grid;grid-template-columns:1fr 1fr;min-height:350px;gap:30px;align-items:center;background:#202020;border-radius:7px;padding:30px;margin-bottom:28px}.full-service-card.flip .full-service-copy{order:2}.full-service-card.flip .full-service-art{order:1}.full-service-copy{position:relative;padding:20px}.full-service-copy h2{font-size:25px;margin:0 0 15px}.full-service-copy p{font-size:16px;line-height:1.6;color:#aaa;max-width:470px}.full-service-copy ul{border-top:1px solid #414141;padding:14px 0 0 18px;line-height:1.8;color:#bdbdbd;margin-top:24px}.round-next{position:absolute;right:0;top:0;background:#303030;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;color:#78a8ff;font-size:25px}.full-service-art{position:relative;height:300px;display:grid;place-items:center;overflow:hidden}.illustration-browser{width:75%;height:210px;border-radius:10px;background:linear-gradient(130deg,#273b9d,#101b59);border:8px solid #f2f4ff;box-shadow:0 20px 30px #0008;transform:rotate(-4deg);padding:12px}.illustration-toolbar{background:white;color:#30385f;border-radius:4px;font-size:10px;padding:7px}.ill-head{font-size:25px;font-weight:900;color:white;line-height:1.05;margin-top:17px}.ill-button{background:#fff;color:#26369c;border-radius:5px;padding:7px;margin-top:14px;width:max-content;font-size:12px}.illustration-person{position:absolute;bottom:0;right:5%;font-size:105px;filter:drop-shadow(0 4px 1px white);animation:float 4s ease-in-out infinite}.illustration-icon{font-size:150px;filter:drop-shadow(0 10px 20px #0009);animation:float 4s ease-in-out infinite}.service-process{padding:120px 0 50px;text-align:center}.service-process h2{font-size:38px;margin:0}.service-process>p{color:#aaa}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;text-align:left;margin-top:38px}.process-grid>div{padding:27px 20px;background:#222;border-radius:8px}.process-grid b{color:#6188f5}.process-grid p{color:#aaa;font-size:14px}.sub-contact{padding-top:110px;padding-bottom:140px;display:grid;grid-template-columns:2fr 1fr;gap:80px}.sub-contact h2{font-size:37px;margin:0}.sub-contact h3{margin-bottom:32px}.sub-contact p{color:#bbb}.form-art{display:flex;align-items:center;justify-content:center;position:relative;min-height:260px}.form-art span:last-child{font-size:140px}.form-art span:first-child{position:absolute;top:17%;left:7%;font-size:50px}.feature-panel{background:#212121;padding:60px;border-radius:9px;display:flex;justify-content:space-between;gap:50px}.feature-panel p{color:#aaa}.reveal-page{opacity:0;transform:translateY(48px);transition:opacity .7s ease, transform .8s ease}.reveal-page.visible{opacity:1;transform:none}.inner-page .projects{padding-top:0}.inner-page .social{padding-top:0}.inner-page .ocean-footer{margin-top:85px}@media(max-width:780px){.full-service-card{grid-template-columns:1fr;padding:20px}.full-service-card.flip .full-service-copy{order:0}.full-service-card.flip .full-service-art{order:1}.full-service-art{height:230px}.illustration-person{font-size:75px}.process-grid{grid-template-columns:repeat(2,1fr)}.sub-contact{grid-template-columns:1fr;padding-top:65px}.form-art{display:none}.inner-hero{margin:65px auto 38px}.inner-page .header{width:99%}.feature-panel{padding:30px;display:block}}@media(max-width:490px){.process-grid{grid-template-columns:1fr}.inner-hero h1{font-size:45px}.full-service-copy{padding:7px}.full-service-copy h2{font-size:23px}.illustration-browser{width:90%}}
