:root{--navy:#020a17;--ink:#081221;--cyan:#00cbd3;--purple:#8b4df4;--magenta:#d64bb4;--orange:#ff6d40;--line:#d8e0e7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--navy);color:#fff}
.nav{height:78px;padding:0 3.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #213145;position:sticky;top:0;background:#020916;z-index:20}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none}.brand strong{font-size:38px;letter-spacing:-4px;font-weight:500}.brand span{font-size:10px;letter-spacing:3px}.nav nav{display:flex;gap:38px;align-items:center}.nav nav a{font-size:10px;color:#fff;text-decoration:none}.nav .contact{border:1px solid #6b7585;padding:14px 18px}.nav .active{border-color:var(--cyan);color:var(--cyan)}.menu{display:none}
.hero{height:520px;position:relative;overflow:hidden;display:flex;align-items:center;background:radial-gradient(circle at 76% 48%,rgba(139,77,244,.19),transparent 25%),radial-gradient(circle at 87% 52%,rgba(0,203,211,.13),transparent 30%),#020a17}.hero-copy{position:relative;z-index:4;margin-left:5%;max-width:800px}.hero-copy>span,.label{font-size:10px;color:var(--cyan);font-weight:600;letter-spacing:1px}.hero h1{font-size:64px;line-height:1.03;letter-spacing:-2px;font-weight:400;margin:18px 0 25px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--purple),var(--magenta),var(--orange));background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{max-width:670px;font-size:16px;line-height:1.8;color:#c5d0da}.orb{position:absolute;border-radius:50%;border:1px solid rgba(0,203,211,.18)}.orb1{width:600px;height:600px;right:-90px;top:-90px}.orb2{width:390px;height:390px;right:40px;top:30px;border-color:rgba(139,77,244,.22)}.grid-art{position:absolute;right:4%;top:10%;width:480px;height:430px;background-image:radial-gradient(circle,rgba(0,203,211,.5) 1px,transparent 1.5px);background-size:20px 20px;mask-image:radial-gradient(circle,#000,transparent 70%);opacity:.38;animation:float 11s ease-in-out infinite alternate}
.contact-section{background:#f8fafc;color:var(--ink);padding:80px 5%;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-copy h2{font-size:40px;font-weight:400;letter-spacing:-1px;margin:12px 0 18px}.contact-copy>p{font-size:14px;line-height:1.8;color:#5d6b7c;max-width:540px}.contact-method{display:grid;grid-template-columns:42px 1fr;gap:15px;border-top:1px solid var(--line);padding:23px 0}.contact-method:nth-of-type(3){border-bottom:1px solid var(--line)}.num{font-size:10px;color:var(--purple);padding-top:3px}.contact-method small{display:block;font-size:9px;color:#768493;margin-bottom:7px}.contact-method a{font-size:16px;color:var(--ink);text-decoration:none}.contact-method b{font-weight:400;color:var(--cyan);margin-left:8px}.global-note{margin-top:30px;background:#071725;padding:26px;border-left:2px solid var(--purple)}.global-note span{font-size:9px;color:var(--cyan);font-weight:600}.global-note p{font-size:12px;line-height:1.75;color:#b6c2cd;margin-bottom:0}
.form{background:#fff;border:1px solid var(--line);padding:34px}.form-head span{font-size:9px;color:var(--purple);font-weight:600}.form-head h3{font-size:28px;font-weight:400;margin:8px 0 28px}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form label{display:block;font-size:9px;text-transform:uppercase;font-weight:600;margin-bottom:17px}.form input,.form select,.form textarea{display:block;width:100%;margin-top:7px;border:1px solid #ccd6de;padding:13px;font:inherit;font-size:13px;background:#fff}.form textarea{resize:vertical}.form button{background:#071421;color:#fff;border:1px solid var(--purple);padding:15px 22px;font-size:10px;cursor:pointer}.form button span{color:var(--cyan);margin-left:24px}.form>p{display:none;font-size:11px;color:#617080;margin-top:15px}.form>p.show{display:block}
.conversation{padding:75px 5%;background:#071421}.conversation>div:first-child{max-width:750px}.conversation h2{font-size:37px;line-height:1.25;font-weight:400}.conversation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:35px}.conversation article{padding:28px;border:1px solid #26394d;border-top:2px solid var(--cyan);min-height:190px;transition:.3s}.conversation article:nth-child(2){border-top-color:var(--purple)}.conversation article:nth-child(3){border-top-color:var(--orange)}.conversation article:hover{transform:translateY(-4px);background:#091a2a}.conversation b{font-size:9px;color:#7d8d9e}.conversation h3{font-size:17px}.conversation p{font-size:12px;line-height:1.7;color:#9ba9b7}
footer{height:85px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 4%;color:#7d8a9a;font-size:10px;border-top:1px solid #1d2e42}footer>span:last-child{text-align:right}
@keyframes float{to{transform:translate(-18px,14px) rotate(3deg)}}@media(max-width:950px){.nav nav{gap:18px}.contact-section{grid-template-columns:minmax(0,1fr)}.conversation-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:700px){.nav nav{display:none}.menu{display:block;background:none;border:0;color:#fff}.hero{height:570px}.hero-copy{margin:0 24px}.hero h1{font-size:46px}.contact-section,.conversation{padding:60px 24px}.row{grid-template-columns:minmax(0,1fr)}.form{padding:25px}.conversation h2{font-size:32px}footer{height:auto;padding:25px;grid-template-columns:minmax(0,1fr);gap:10px}footer>span:last-child{text-align:left}}