:root{color-scheme:light;--paper:#f7f9fc;--navy:#101c3c;--muted:#5b6880;--blue:#3062e8;--teal:#39c9c8}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--navy);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
.site-shell{max-width:1800px;min-height:100svh;margin:auto;display:flex;flex-direction:column;overflow:hidden}
.header{margin:0 6%;height:132px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe5ee;position:relative;z-index:2}
.brand{display:block;width:104px;height:104px;border-radius:18px;overflow:hidden;background:white;transition:transform .2s}
.brand:hover{transform:translateY(-2px)}
.brand img{width:100%;height:100%;object-fit:contain;display:block}
.status{font-size:12px;letter-spacing:.025em;color:#4a5972;display:flex;align-items:center;gap:9px}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px #39c9c812}
main{flex:1;display:flex;min-height:630px}
.hero{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:52px 24px 38px;isolation:isolate}
.hero:before,.hero:after{content:"";position:absolute;width:390px;height:390px;border-radius:50%;z-index:-2;filter:blur(80px);opacity:.17;pointer-events:none}
.hero:before{left:-230px;top:12%;background:#6f9bff}
.hero:after{right:-230px;bottom:0;background:#50dbcd}
.hero-content{width:100%;text-align:center;position:relative;z-index:1}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:.22em;color:#5d6e8e;margin:0 0 25px;display:flex;align-items:center;justify-content:center;gap:10px}
.eyebrow span{color:var(--blue);font-size:18px;line-height:1}
h1{margin:0 auto 18px;max-width:1060px;line-height:0}
h1 img{width:100%;height:auto;display:block;mix-blend-mode:darken}
.tagline{font-size:20px;line-height:1.5;letter-spacing:-.025em;margin:0 0 9px;font-weight:500}
.intro{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 30px}
.contact{display:inline-flex;gap:13px;align-items:center;justify-content:center;min-height:54px;padding:0 23px;background:var(--navy);color:white;border-radius:30px;font-size:14px;font-weight:600;box-shadow:0 8px 20px #13264a15;transition:background .2s,transform .2s,box-shadow .2s}
.contact:hover{background:#244ac0;transform:translateY(-2px);box-shadow:0 12px 24px #13264a22}
.linkedin{width:18px;height:18px;fill:currentColor}
.arrow{font-size:21px;margin-left:14px;font-weight:400}
.contact-note{display:block;margin-top:13px;font-size:10px;color:#66748c;letter-spacing:.025em}
.orbit{position:absolute;border:1px solid #dfe6f1;border-radius:50%;pointer-events:none;z-index:-1}
.orbit-one{width:930px;height:930px;left:-825px;top:50%;transform:translateY(-50%) rotate(-23deg)}
.orbit-two{width:930px;height:930px;right:-825px;top:50%;transform:translateY(-50%) rotate(23deg)}
.orbit span{position:absolute;width:10px;height:10px;border-radius:50%;background:#9db6ed;top:40%;right:2.2%;box-shadow:0 0 0 7px #97b8f216}
.orbit-two span{left:2.2%;right:auto;background:#73cfca;top:58%;box-shadow:0 0 0 7px #73cfca16}
.launch-note{margin-top:53px;display:flex;align-items:center;gap:8px;font-size:10px;color:#6c7a92;letter-spacing:.035em}
.spark{font-size:16px;color:#4c75c9}
.footer{min-height:72px;margin:0 6%;border-top:1px solid #dfe5ee;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#647189;font-size:10px}
.domain{font-weight:700;letter-spacing:.2em;color:#3b4a63}
.copyright{margin-left:55px}
#motion-toggle{display:flex;align-items:center;gap:7px;border:0;background:none;color:#54637c;font-size:10px;padding:12px 0 12px 12px;cursor:pointer}
.motion-icon{font-size:13px;font-weight:bold;width:13px}
:focus-visible{outline:3px solid #3977ee;outline-offset:5px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.hero{padding-top:70px;padding-bottom:60px}h1{max-width:1180px}.tagline{font-size:22px}}
@media(max-width:650px){.header{height:108px;margin:0 6%}.brand{width:78px;height:78px;border-radius:14px}.status{font-size:10px;gap:7px}.status-dot{width:6px;height:6px}main{min-height:650px}.hero{padding:38px 18px 28px}.eyebrow{font-size:8px;letter-spacing:.17em;margin-bottom:22px}h1{width:calc(100% + 14px);margin-left:-7px;margin-bottom:25px}.tagline{font-size:17px;max-width:290px;margin:0 auto 12px}.intro{font-size:12px;max-width:260px;margin:0 auto 28px}.contact{min-height:52px;font-size:13px}.launch-note{margin-top:36px}.footer{min-height:86px;flex-wrap:wrap;gap:12px;padding:18px 0}.copyright{margin-left:auto;font-size:9px}#motion-toggle{flex-basis:100%;justify-content:center;padding:0;font-size:9px}.domain{font-size:9px}.orbit-one{left:-880px}.orbit-two{right:-880px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(max-width:650px){h1 img{aspect-ratio:850/600;height:auto}.eyebrow{margin-bottom:22px}}
