@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root { --ink:#030712; --panel:rgba(14,28,50,.64); --line:rgba(148,205,255,.19); --text:#f5f9ff; --muted:#a4b3ca; --blue:#38bdf8; --deep:#0284c7; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--ink); color:var(--text); font:16px/1.65 'Plus Jakarta Sans',sans-serif; overflow-x:hidden; }
body:before,body:after { content:''; position:fixed; border-radius:50%; filter:blur(90px); opacity:.25; pointer-events:none; z-index:-1; } body:before { width:360px;height:360px;background:#075cc6;top:7%;left:-140px; } body:after {width:300px;height:300px;background:#1597d0;right:-100px;bottom:5%;}
a { color:inherit;text-decoration:none; } .wrap { width:min(1120px,calc(100% - 40px)); margin:auto; } .section { padding:105px 0; } .eyebrow { color:var(--blue); text-transform:uppercase; letter-spacing:.16em; font-size:.72rem;font-weight:800; } h1,h2,h3,p { margin-top:0; } h1 {font-size:clamp(2.9rem,7vw,5.75rem);line-height:1.06;letter-spacing:-.065em;margin:.45rem 0 1.4rem;} h2 {font-size:clamp(2rem,4vw,3.3rem);line-height:1.13;letter-spacing:-.045em;margin:.45rem 0 1rem;} h3 {font-size:1.15rem;line-height:1.35;margin-bottom:.55rem;} .lead { color:var(--muted);font-size:1.08rem;max-width:630px; }
.glass { background:var(--panel); border:1px solid var(--line); box-shadow:0 20px 60px rgba(0,0,0,.22); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); } .nav { position:sticky; top:14px;z-index:20;margin:14px auto 0;width:min(1120px,calc(100% - 28px));height:72px;border-radius:19px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 22px;} .brand {display:flex;align-items:center;gap:9px;font-size:1.08rem;font-weight:800;letter-spacing:.08em;} .brand-mark {width:29px;height:29px;object-fit:contain;border-radius:7px;} .brand small{display:block;font-size:.48rem;letter-spacing:.08em;color:var(--blue);margin-top:-3px;} .nav-links { display:flex;align-items:center;gap:4px; } .nav-links a {color:#c5d1e4;font-size:.82rem;font-weight:700;padding:9px 11px;border-radius:9px;} .nav-links a:hover,.nav-links a.active {color:white;background:rgba(56,189,248,.13);} .menu {display:none;border:0;background:transparent;color:white;font-size:24px;cursor:pointer;}
.button { display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:11px;background:linear-gradient(120deg,#0284c7,#38bdf8);color:#03111e;font-weight:800;font-size:.86rem;box-shadow:0 10px 25px rgba(14,165,233,.25);transition:.2s;} .button:hover {transform:translateY(-2px);}.button.ghost {background:rgba(255,255,255,.04);color:white;border:1px solid var(--line);box-shadow:none;} .actions {display:flex;gap:12px;flex-wrap:wrap;}
.hero { padding:125px 0 88px;min-height:650px;display:grid;align-items:center;position:relative;} .hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;}.hero-copy h1 span {color:var(--blue);}.hero-art {min-height:420px;border-radius:26px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}.hero-art:before {content:'';width:250px;height:250px;border:1px solid rgba(56,189,248,.4);border-radius:50%;box-shadow:0 0 0 45px rgba(56,189,248,.05),0 0 0 90px rgba(56,189,248,.04);}.hero-art img {position:absolute;width:82%;mix-blend-mode:screen;filter:saturate(1.15) contrast(1.15);}.floating {position:absolute;padding:12px 14px;border-radius:12px;font-size:.72rem;font-weight:700;}.float-one {left:25px;top:42px;}.float-two{right:18px;bottom:42px;}.metrics {display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:44px;}.metric {padding:15px;border-radius:13px;}.metric strong {display:block;font-size:1.25rem;color:var(--blue);}.metric span {font-size:.71rem;color:var(--muted);}
.section-head {display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:37px;}.cards {display:grid;grid-template-columns:repeat(3,1fr);gap:17px;}.card {padding:27px;border-radius:18px;transition:.25s;}.card:hover {transform:translateY(-5px);border-color:rgba(56,189,248,.55);}.icon {width:43px;height:43px;border-radius:12px;background:rgba(56,189,248,.14);color:var(--blue);display:grid;place-items:center;font-weight:800;font-size:1.1rem;margin-bottom:20px;}.card p,.muted {color:var(--muted);font-size:.89rem;}.text-link {font-size:.82rem;color:var(--blue);font-weight:800;}.cta {border-radius:23px;padding:46px;display:flex;justify-content:space-between;align-items:center;gap:26px;background:linear-gradient(120deg,rgba(2,132,199,.3),rgba(56,189,248,.08));border:1px solid var(--line);}.footer {margin-top:80px;border-top:1px solid var(--line);padding:44px 0 25px;color:var(--muted);font-size:.79rem;}.footer-grid {display:flex;justify-content:space-between;gap:20px;align-items:center;}.footer-links{display:flex;gap:18px;flex-wrap:wrap;}
.page-hero {padding:100px 0 40px;}.page-hero h1 {font-size:clamp(2.8rem,6vw,4.7rem);max-width:800px;}.split {display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;}.image-card {border-radius:22px;padding:20px;min-height:350px;display:grid;place-items:center;overflow:hidden;}.image-card img{max-width:100%;width:390px;mix-blend-mode:screen;filter:saturate(1.2);}.values {display:grid;grid-template-columns:1fr 1fr;gap:14px;}.value {padding:18px;border-radius:14px;}.timeline {border-left:1px solid var(--line);padding-left:27px;display:grid;gap:23px;}.timeline div {position:relative;}.timeline div:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:var(--blue);left:-33px;top:7px;box-shadow:0 0 16px var(--blue);}.service-card{padding:30px;border-radius:18px;display:flex;gap:20px;}.service-card .icon{flex:0 0 43px;}.service-card p{margin:0;color:var(--muted);font-size:.89rem;}.stack{display:grid;gap:15px;}.portfolio{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}.project{min-height:290px;position:relative;padding:27px;border-radius:19px;overflow:hidden;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(145deg,rgba(10,74,128,.9),rgba(4,16,34,.9));}.project:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 18%,rgba(56,189,248,.45),transparent 29%);}.project>*{z-index:1;}.project:nth-child(2){background:linear-gradient(145deg,#171b45,#042639)}.project:nth-child(3){background:linear-gradient(145deg,#052e31,#0b1936)}.project:nth-child(4){background:linear-gradient(145deg,#26124b,#071a31)}.tag{font-size:.7rem;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.11em;}.client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;}.client{padding:22px 12px;text-align:center;border-radius:13px;font-size:.78rem;font-weight:800;color:#b9c5d8;}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;}.contact-detail{padding:26px;border-radius:17px;display:flex;gap:16px;margin-bottom:14px;}.contact-detail .icon{margin:0;flex:0 0 43px;}.contact-detail p{margin:0;color:var(--muted);font-size:.85rem;}.form{padding:32px;border-radius:19px;}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}.field{margin-bottom:14px;}.field label{font-size:.75rem;font-weight:700;color:#c2d1e5;display:block;margin-bottom:6px;}.field input,.field textarea{width:100%;background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:10px;padding:12px;color:white;font:inherit;font-size:.86rem;outline:0;}.field input:focus,.field textarea:focus{border-color:var(--blue);}.field textarea{resize:vertical;min-height:115px;}.map{margin-top:20px;border-radius:19px;overflow:hidden;border:1px solid var(--line);height:340px;}.map iframe{border:0;width:100%;height:100%;filter:grayscale(1) invert(.9) hue-rotate(160deg) saturate(.6);}
@media(max-width:760px){.wrap{width:min(100% - 30px,1120px)}.nav{height:64px;top:8px}.menu{display:block}.nav-links{display:none;position:absolute;top:72px;right:0;left:0;padding:10px;border-radius:15px;background:#091426;border:1px solid var(--line);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:11px}.hero{padding:72px 0 60px;min-height:auto}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.hero-art{min-height:280px;order:-1}.hero-art img{width:72%}.metrics,.cards{grid-template-columns:1fr}.section{padding:70px 0}.section-head,.cta,.footer-grid{align-items:flex-start;flex-direction:column}.cta{padding:30px}.page-hero{padding:65px 0 25px}.values,.portfolio,.form-grid{grid-template-columns:1fr}.client-grid{grid-template-columns:repeat(2,1fr)}.image-card{min-height:270px}.footer{margin-top:50px}}