*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#1d263b;font-family:Inter,Arial,sans-serif;background:#fff}button,input,textarea{font:inherit}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{height:88px;border-bottom:1px solid #e8edf5;display:flex;align-items:center;position:sticky;top:0;background:#fffffff0;backdrop-filter:blur(16px);z-index:30}.nav{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center}.brand img{width:215px;height:58px;object-fit:contain}.nav nav{display:flex;gap:31px;align-items:center;font-size:13px;font-weight:700;color:#566177}.pill{background:#071956;color:#fff!important;padding:14px 18px;border-radius:10px}#menu{display:none;border:0;background:none;font-size:24px}.hero{min-height:720px;background:linear-gradient(180deg,#fff,#f7f9fe);display:flex;align-items:center;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:25px}.eyebrow{font:800 10px Manrope,sans-serif;letter-spacing:2px;color:#0877ff}.hero h1,.section h2,.band h2,.proof h2,.process h2,.contact h2{font:800 clamp(42px,5.5vw,74px)/1.02 Manrope,sans-serif;letter-spacing:-3.4px;color:#071956;margin:18px 0}.hero h1 em,h2 em{font-style:normal;background:linear-gradient(90deg,#0877ff,#7047ff);-webkit-background-clip:text;color:transparent}.hero-copy>p{max-width:650px;font-size:17px;line-height:1.8;color:#657087}.actions{display:flex;gap:12px;margin:30px 0}.btn{padding:15px 20px;border-radius:9px;font:800 13px Manrope;border:0;cursor:pointer}.primary{background:#071956;color:#fff}.secondary{border:1px solid #dce2ed;background:#fff}.mini{font-size:9px;letter-spacing:1.3px;color:#8a93a7}.mini b{color:#18bdf2;margin:0 8px}.hero-visual{height:500px;position:relative;display:grid;place-items:center}.core{width:245px;height:285px;background:linear-gradient(145deg,#071956,#183789);border-radius:30px;color:#fff;padding:31px;z-index:3;box-shadow:0 30px 70px #07195635}.core>span{display:grid;place-items:center;width:66px;height:66px;border-radius:18px;background:linear-gradient(135deg,#18bdf2,#7047ff);font:800 38px Manrope;margin-bottom:45px}.core small{display:block;color:#a9bae4;letter-spacing:2px}.core strong{display:block;font:700 22px/1.3 Manrope;margin-top:9px}.orbit{position:absolute;border:1px solid #b8d2ff;border-radius:50%}.o1{width:425px;height:425px}.o2{width:345px;height:345px;border-style:dashed}.chip{position:absolute;background:#fff;border:1px solid #e1e7f0;border-radius:10px;padding:12px 15px;box-shadow:0 12px 30px #07195616;font:800 10px Manrope;color:#34405b;z-index:4}.c1{top:85px;left:0}.c2{top:110px;right:0}.c3{bottom:90px;left:0}.c4{bottom:65px;right:0}.band,.proof,.process{background:#071956;color:#fff;padding:88px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.band h2,.proof h2,.process h2{font-size:54px;color:#fff}.cyan{color:#48c7fb}.band p,.proof p,.process p{color:#b6c3df;line-height:1.8}.band a{color:#48c7fb;font-weight:800}.section{padding:105px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px;gap:40px}.section-head h2,.about h2,.contact h2{font-size:54px}.section-head>p{max-width:420px;color:#69748a;line-height:1.75}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service{border:1px solid #e1e7f0;border-radius:18px;padding:27px;min-height:305px;transition:.25s;background:#fff}.service:hover{transform:translateY(-6px);box-shadow:0 20px 48px #07195612;border-color:#cad9f0}.service>span{font-size:10px;color:#98a2b6}.icon{width:52px;height:52px;display:grid;place-items:center;background:#eff6ff;color:#0877ff;border-radius:14px;font:800 20px Manrope;margin:35px 0 20px}.service h3,.proof-grid h3,.steps h3{font:700 20px Manrope;color:#071956}.service p{font-size:13px;line-height:1.75;color:#69748a}.service small{font-size:8px;color:#7f899e}.work-section{background:#f5f7fb}.showcase{display:grid;grid-template-columns:1.18fr .82fr;gap:54px;align-items:center;padding:42px 0 76px;border-bottom:1px solid #dfe6f0}.showcase:last-child{border-bottom:0;padding-bottom:10px}.showcase.reverse .showcase-media{order:2}.showcase.reverse .showcase-copy{order:1}.browser-frame{border-radius:18px;background:#fff;border:1px solid #d9e2ef;box-shadow:0 24px 60px #07195614;overflow:hidden;position:relative}.framebar{height:38px;background:#fff;border-bottom:1px solid #e5eaf1;display:flex;align-items:center;padding:0 13px;gap:7px}.framebar span{width:8px;height:8px;border-radius:50%;background:#dce3ed}.framebar b{font-size:9px;color:#8a94a8;margin-left:7px;font-weight:600}.showcase-media>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top}.play{position:absolute;inset:auto 20px 20px auto;border:0;border-radius:999px;background:#fff;color:#071956;padding:13px 17px;font-weight:800;box-shadow:0 12px 28px #07195638;cursor:pointer}.play span{margin-left:5px}.showcase-copy h3{font:800 45px/1 Manrope;color:#071956;margin:12px 0 6px;letter-spacing:-2px}.showcase-copy h4{font:700 17px Manrope;margin:0 0 18px;color:#33415f}.showcase-copy>p{color:#667188;line-height:1.75;font-size:14px}.project-no{font:700 11px Manrope;color:#a1aabd;margin-bottom:28px}.feature-pills{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0}.feature-pills span{border:1px solid #d8e1ef;background:#fff;border-radius:999px;padding:8px 10px;font-size:9px;font-weight:700;color:#536078}.project-actions{display:flex;gap:18px;margin-top:26px}.text-btn{border:0;background:none;padding:0;color:#0877ff;font-weight:800;font-size:12px;cursor:pointer}.disclaimer{display:block;color:#8b95a8;line-height:1.5;margin-top:20px;font-size:9px}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff24;margin-top:15px}.proof-grid>div{padding:32px 25px 0 0}.proof-grid b,.steps span{font:800 10px Manrope;color:#48c7fb}.proof-grid h3,.steps h3{color:#fff}.about{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.legacy{height:410px;background:#f3f6fc;border-radius:24px;display:flex;align-items:center;justify-content:center;gap:15px}.box{width:180px;height:190px;border:1px solid #dce5f4;background:#fff;border-radius:18px;padding:22px}.box small{font:700 8px Manrope;color:#8b94a8}.box strong{display:block;font:800 34px Manrope;color:#071956;margin:35px 0 12px}.box span{font-size:9px;color:#778195}.future{background:#071956}.future strong{color:#48c7fb}.future span{color:#aab7d7}.legacy>b{color:#0877ff;font-size:25px}.about p{font-size:13px;line-height:1.75;color:#69748a}.about blockquote{border-left:3px solid #0877ff;margin:28px 0;padding:15px 0 15px 20px;color:#071956;font:600 17px/1.5 Manrope}.inverse h2{color:#fff}.inverse>p{color:#aebbd8}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff24}.steps>div{padding:32px 25px 0 0}.contact{background:linear-gradient(120deg,#071956,#16367f,#4b2a95);border-radius:27px;padding:65px;display:grid;grid-template-columns:1.1fr .9fr;color:#fff;gap:55px}.contact h2{color:#fff}.contact p{color:#bdc9e1;line-height:1.75}.contact form{display:grid;gap:10px;align-content:center}.contact input,.contact textarea{border:1px solid #ffffff30;background:#ffffff12;color:#fff;border-radius:10px;padding:13px 14px;outline:none}.contact input::placeholder,.contact textarea::placeholder{color:#c0c9dd}.contact textarea{min-height:95px;resize:vertical}.white{background:#fff;color:#071956}.contact small{color:#b4c0d9;line-height:1.5}footer{padding:58px 0;border-top:1px solid #edf0f5}.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:35px}.foot>div{display:flex;flex-direction:column;gap:10px;font-size:11px;color:#747e92}.foot img{width:205px;height:55px;object-fit:contain}.foot p{line-height:1.6}.foot b{color:#071956}.copyright{justify-content:end}.modal{position:fixed;inset:0;background:#06102dd9;display:none;place-items:center;padding:24px;z-index:100}.modal.open{display:grid}.modal-card{width:min(1000px,96vw);max-height:92vh;background:#fff;border-radius:18px;padding:18px;position:relative;box-shadow:0 30px 90px #0007}.modal-card h3{margin:0 45px 14px 3px;font:800 20px Manrope;color:#071956}.close{position:absolute;right:14px;top:10px;border:0;background:#eef3fa;width:34px;height:34px;border-radius:50%;font-size:23px;cursor:pointer}.modal video{width:100%;max-height:75vh;background:#000;border-radius:12px}.gallery-card{width:min(1120px,96vw)}.gallery-top{display:flex;align-items:center;justify-content:space-between;padding-right:45px}.gallery-top span{font-size:11px;color:#7b8598}.gallery-card>img{display:block;width:100%;max-height:72vh;object-fit:contain;background:#eef2f8;border-radius:12px}.gallery-nav{display:flex;justify-content:space-between;margin-top:12px}.gallery-nav button{border:1px solid #d8e1ef;background:#fff;border-radius:9px;padding:10px 14px;color:#071956;font-weight:700;cursor:pointer}.reveal{opacity:0;transform:translateY(16px);transition:.6s}.reveal.on{opacity:1;transform:none}@media(max-width:900px){#menu{display:block}.nav nav{display:none;position:absolute;top:76px;left:20px;right:20px;background:#fff;border:1px solid #e3e9f2;padding:22px;border-radius:14px;flex-direction:column;align-items:stretch;box-shadow:0 20px 50px #07195618}.nav nav.open{display:flex}.hero-grid,.split,.about,.contact,.showcase{grid-template-columns:1fr}.hero{padding:65px 0}.hero-visual{height:430px}.service-grid{grid-template-columns:repeat(2,1fr)}.showcase.reverse .showcase-media,.showcase.reverse .showcase-copy{order:initial}.showcase{gap:28px}.proof-grid,.steps{grid-template-columns:repeat(2,1fr)}.section-head{align-items:start;flex-direction:column}.foot{grid-template-columns:2fr 1fr 1fr}.copyright{grid-column:1/-1}.contact{padding:45px}}@media(max-width:560px){.wrap{width:calc(100% - 28px)}.site-header{height:76px}.brand img{width:175px}.hero h1{font-size:44px;letter-spacing:-2px}.actions{flex-direction:column}.hero-visual{height:350px;transform:scale(.84)}.service-grid,.proof-grid,.steps{grid-template-columns:1fr}.section{padding:75px 0}.band,.proof,.process{padding:68px 0}.section-head h2,.about h2,.contact h2,.band h2,.proof h2,.process h2{font-size:42px;letter-spacing:-2px}.showcase-copy h3{font-size:38px}.legacy{height:340px;padding:15px}.box{width:140px;height:165px;padding:15px}.box strong{font-size:27px}.contact{padding:36px 22px}.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}.play span{display:none}}