
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#06121c;--panel:#0b1b27;--panel2:#102431;--line:#ffffff1b;--ink:#eef9fb;--muted:#a1b6bf;--cyan:#72e0dc;--gold:#e5caa0;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}::selection{background:var(--cyan);color:#06121c}.container{max-width:1340px;padding:0 5.2%;margin:auto}.skip{position:absolute;left:-9999px;top:10px;z-index:1000;background:white;color:black;padding:12px}.skip:focus{left:12px}
.site-header{position:sticky;top:0;z-index:50;background:#06121ce8;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.header-in{height:86px;display:flex;align-items:center;gap:34px;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:13px;font-weight:800;font-size:18px;letter-spacing:1.3px}.brand-icon{height:41px;width:41px;border:1px solid #72e0dc88;display:grid;place-items:center;color:var(--cyan);font-size:23px;clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%)}.wordmark small{display:block;font-size:9px;letter-spacing:3.5px;color:var(--cyan);margin-top:4px}.desktop-nav{display:flex;align-items:center;gap:28px}.desktop-nav a{font-size:12px;font-weight:700;color:#c5d8de;transition:color .2s}.desktop-nav a:hover{color:var(--cyan)}.header-actions{display:flex;align-items:center;gap:14px}.lang{background:transparent;border:1px solid #ffffff30;color:white;border-radius:9px;padding:10px;font-size:11px}.lang option{color:#111}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--cyan);color:#052029;border:1px solid var(--cyan);padding:16px 22px;font-weight:800;font-size:12px;border-radius:8px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#a2f4ee}.button-outline{background:transparent;color:var(--ink);border-color:#ffffff65}.button-outline:hover{background:#ffffff14}.menu-button{display:none;border:1px solid #ffffff30;background:transparent;color:white;border-radius:8px;padding:10px 12px}.mobile-nav{display:none}
.hero{position:relative;overflow:hidden;padding:115px 0 115px;min-height:680px}.hero:before{content:"";position:absolute;right:-190px;top:-230px;width:820px;height:820px;border-radius:50%;background:radial-gradient(circle,#0a6d7866 0%,#0b41573b 35%,transparent 67%);pointer-events:none}.hero:after{content:"";position:absolute;right:5%;top:10%;width:440px;height:440px;border:1px solid #72e0dc24;border-radius:50%;box-shadow:0 0 0 80px #72e0dc09,0 0 0 160px #72e0dc05;pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.6px;text-transform:uppercase;color:var(--cyan);display:inline-flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:25px;height:1px;background:var(--cyan)}h1,h2,h3,p{margin-top:0}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(48px,5.4vw,82px);line-height:1.12;letter-spacing:-4.5px;margin:30px 0 24px;font-weight:800}h1 em{font-style:normal;background:linear-gradient(100deg,#7ce5df,#d4fcf7);color:transparent;background-clip:text}.hero-text{font-size:17px;line-height:1.9;color:var(--muted);max-width:580px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}.hero-note{margin-top:42px;display:flex;gap:27px;align-items:center;color:#b6cbd2;font-size:11px;letter-spacing:1px}.hero-note span{display:flex;align-items:center;gap:9px}.hero-note i{display:block;width:7px;height:7px;background:var(--cyan);border-radius:50%}.hero-visual{position:relative;min-height:470px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #73e1df32;border-radius:50%;width:440px;height:440px}.orbit.two{width:340px;height:340px;border-style:dashed;animation:spin 55s linear infinite}.orbit.three{width:240px;height:240px}.core{height:180px;width:180px;border-radius:30px;transform:rotate(-14deg);background:linear-gradient(135deg,#0c3341,#0b1a28);border:1px solid #72e0dc6a;box-shadow:0 30px 100px #0008,0 0 100px #72e0dc1b;display:grid;place-items:center}.core span{transform:rotate(14deg);font-family:Manrope;font-weight:800;font-size:100px;color:var(--cyan)}.float-card{position:absolute;background:#102937ed;border:1px solid #72e0dc45;backdrop-filter:blur(14px);padding:17px 22px;border-radius:13px;box-shadow:0 20px 50px #0005}.float-card strong{display:block;font-size:24px}.float-card small{font-size:10px;color:#b8cdd3;letter-spacing:1px}.float-card.a{top:50px;right:0}.float-card.b{bottom:50px;left:0}.float-card.c{right:0;bottom:100px}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b1a24}.trust-in{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:23px;padding-bottom:23px}.trust span{font-size:11px;letter-spacing:1.3px;font-weight:700;color:#b4c8ce}.trust strong{color:var(--cyan)}section.content-section{padding:110px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}.section-heading h2{font:800 clamp(34px,4.1vw,59px)/1.15 Manrope,sans-serif;letter-spacing:-2.4px;margin:18px 0 0;max-width:770px}.section-heading p{color:var(--muted);line-height:1.8;max-width:330px;font-size:14px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:linear-gradient(140deg,#0f2733,#091b27);border:1px solid var(--line);padding:33px;border-radius:var(--radius);min-height:275px;transition:border-color .2s,transform .2s}.service-card:hover{transform:translateY(-5px);border-color:#72e0dc77}.service-icon{width:54px;height:54px;border-radius:14px;border:1px solid #72e0dc4a;display:grid;place-items:center;font-size:24px;color:var(--cyan);margin-bottom:40px}.service-card h3{font:800 20px Manrope,sans-serif;margin-bottom:12px}.service-card p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.portfolio{background:#091923;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.portfolio-controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.filter{border:1px solid #ffffff30;color:#c7d9de;background:transparent;padding:12px 16px;border-radius:8px;font-size:12px;font-weight:700}.filter.active,.filter:hover{background:var(--cyan);border-color:var(--cyan);color:#06242b}.tier-controls{margin-left:auto;display:flex;gap:8px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project{background:#0f2330;border:1px solid #ffffff1c;border-radius:16px;overflow:hidden;transition:transform .25s,border-color .25s}.project:hover{transform:translateY(-5px);border-color:#72e0dc7b}.project[hidden]{display:none}.project-cover{position:relative;display:block;overflow:hidden;aspect-ratio:1.36;background:#122631}.project-cover img{height:100%;width:100%;object-fit:cover;filter:brightness(.72) saturate(.8);transition:transform .45s,filter .45s}.project:hover .project-cover img{transform:scale(1.07);filter:brightness(.88)}.project-tier{position:absolute;top:18px;left:18px;background:#c7f0ee;color:#09252c;font-size:9px;letter-spacing:1px;font-weight:800;padding:10px 12px;border-radius:5px}.project-tier.gold{background:#f1d8b3;color:#362515}.cover-arrow{position:absolute;bottom:16px;right:17px;font-size:25px;color:white}.project-meta{display:flex;align-items:center;justify-content:space-between;padding:21px;gap:10px}.project-sector{display:block;text-transform:uppercase;letter-spacing:1.4px;font-size:10px;color:var(--cyan);margin-bottom:9px}.project-meta h3{font:800 17px Manrope,sans-serif;margin:0}.project-meta>a{font-size:11px;color:#b4cdd2;white-space:nowrap}.project-meta>a span{color:var(--cyan)}.portfolio-footnote{margin-top:25px;color:#a5bbc3;font-size:12px;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{padding:28px;border:1px solid var(--line);border-radius:16px;background:#0c202b}.step .number{font-size:12px;color:var(--cyan);font-weight:800}.step h3{font:800 19px Manrope,sans-serif;margin:34px 0 12px}.step p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.value{background:linear-gradient(120deg,#0d2834,#0c1c29);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.value-visual{min-height:380px;border-radius:25px;background:linear-gradient(135deg,#0b303b,#102330);border:1px solid #72e0dc3b;display:grid;place-items:center;position:relative;overflow:hidden}.value-visual:before{content:"";position:absolute;width:340px;height:340px;border:1px solid #72e0dc50;transform:rotate(45deg);border-radius:55px}.value-visual strong{font:800 140px Manrope,sans-serif;color:var(--cyan);position:relative}.value p{font-size:15px;line-height:1.9;color:var(--muted)}.value ul{list-style:none;padding:0;display:grid;gap:16px}.value li{font-size:14px}.value li:before{content:"✓";color:var(--cyan);margin-right:12px}.contact{background:radial-gradient(circle at 85% 10%,#0d55633b,transparent 45%)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.contact h2{font:800 clamp(36px,4.4vw,64px)/1.12 Manrope,sans-serif;letter-spacing:-2px;margin:22px 0}.contact p{color:var(--muted);line-height:1.85}.contact-points{display:grid;gap:15px;margin-top:35px}.contact-points span{color:#c1d5da;font-size:13px}.contact-points b{color:var(--cyan);margin-right:10px}.contact-form{background:#0e2430;border:1px solid #ffffff26;padding:32px;border-radius:20px;display:grid;gap:16px}.contact-form label{font-size:12px;font-weight:700}.contact-form input,.contact-form textarea,.contact-form select{width:100%;margin-top:8px;background:#071823;border:1px solid #ffffff34;color:white;border-radius:8px;padding:15px;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--cyan)}.contact-form textarea{min-height:125px;resize:vertical}.contact-form .button{width:100%}.form-note{font-size:11px;color:#a9c2c8;line-height:1.7}.form-status{font-size:12px;color:var(--cyan);min-height:15px}footer{border-top:1px solid var(--line);padding:45px 0}.footer-in{display:flex;justify-content:space-between;gap:30px;align-items:center;flex-wrap:wrap}.footer-in p{color:#93aeb6;font-size:12px;margin:10px 0 0}.footer-links{display:flex;gap:25px;font-size:12px;color:#b7cbd0}.backtop{position:fixed;bottom:20px;right:20px;border:1px solid #72e0dc55;background:#0e2935;color:var(--cyan);width:43px;height:43px;border-radius:12px;z-index:30}.hidden-count{color:var(--muted);font-size:12px;margin-top:18px}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:1150px){.desktop-nav{gap:15px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.hero-visual{min-height:380px}.orbit{width:340px;height:340px}.orbit.two{width:270px;height:270px}.orbit.three{width:190px;height:190px}.float-card.c{display:none}}
@media(max-width:860px){.desktop-nav,.header-actions .header-cta{display:none}.menu-button{display:block}.mobile-nav.open{display:flex;flex-direction:column;gap:0;padding:12px 5% 22px;border-top:1px solid var(--line)}.mobile-nav a{padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.hero-grid{grid-template-columns:1fr}.hero-visual{display:none}.hero{min-height:auto;padding:90px 0}.services-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.value-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.section-heading{align-items:start;flex-direction:column;gap:12px}.tier-controls{margin-left:0}.header-in{height:74px}}
@media(max-width:580px){h1{letter-spacing:-2.6px;font-size:clamp(43px,11vw,60px)}.hero{padding:75px 0}.hero-buttons .button{width:100%}.hero-note{flex-wrap:wrap;gap:15px}.services-grid,.portfolio-grid,.steps{grid-template-columns:1fr}.portfolio-controls{gap:7px}.filter{padding:10px 12px;font-size:11px}.tier-controls{width:100%;margin-top:10px}.project-meta{padding:17px}.contact-form{padding:21px}section.content-section{padding:75px 0}.section-heading h2{letter-spacing:-1.4px}.value-visual{min-height:250px}.value-visual strong{font-size:90px}.trust-in{gap:14px}.trust span{font-size:10px}}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.contact-form button:disabled{opacity:.6;cursor:wait}
