:root{color-scheme:dark;--navy:#03111e;--white:#f7faff;--muted:#bdc9d7;--teal:#00ddd4;--mx:0px;--my:0px}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--white);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:6px}.page{position:relative;min-height:100svh;display:flex;flex-direction:column;padding:28px clamp(24px,5vw,100px) 24px;overflow:hidden}.header{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid #aacbd329;gap:24px}.brand{display:flex;align-items:center;gap:16px;letter-spacing:.19em;font-size:20px}.brand img{border-radius:6px;box-shadow:0 8px 30px #0004}.domain{font-size:14px;letter-spacing:.15em;color:#c2d0df}.hero{margin:auto;text-align:center;padding:70px 0 60px;position:relative;max-width:1100px;width:100%;animation:reveal 1s ease both}.eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;letter-spacing:.26em;font-size:14px;color:#d1dce7}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--teal);box-shadow:0 0 18px #00ddd466;animation:pulse 3s ease-in-out infinite}h1{font-size:clamp(48px,7.5vw,116px);line-height:1.03;letter-spacing:-.055em;margin:32px 0 27px;font-weight:750}h1 span{color:var(--teal)}.intro{font-size:clamp(18px,2vw,25px);line-height:1.6;margin:0;color:var(--muted)}.mobile-break{display:none}.services-line{font-size:15px;letter-spacing:.13em;line-height:1.7;margin:24px 0 29px;color:#c4d0df}.cta{border:1px solid #8ffff169;border-radius:99px;padding:17px 32px;min-height:54px;background:linear-gradient(110deg,#40f3e8,#00d9d1);color:#03212a;cursor:pointer;font-weight:600;box-shadow:0 0 36px #00ddd424;transition:transform .25s,box-shadow .25s}.cta:hover{transform:translateY(-3px);box-shadow:0 6px 44px #00ddd449}.small-note{display:block;font-size:13px;color:#8399ac;margin-top:18px;letter-spacing:.04em}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#8fa8bb;letter-spacing:.13em}.motion-toggle{background:transparent;border:1px solid #adcdd330;border-radius:30px;color:#adc0cd;padding:9px 14px;cursor:pointer;font-size:12px;letter-spacing:0}.art{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,#092132 0,transparent 60%)}.glow{position:absolute;width:55vw;height:55vw;border-radius:50%;filter:blur(85px);opacity:.16;background:#0087a0;animation:breathe 12s ease-in-out infinite alternate}.glow-one{left:-26vw;top:-20vw}.glow-two{right:-25vw;bottom:-28vw;animation-delay:-6s}.ribbon{position:absolute;width:100vw;height:36vw;border:1px solid #6adced99;border-radius:50%;background:linear-gradient(165deg,transparent 30%,#03557236 55%,#69e9f84a 67%,#08445544 74%,transparent 90%);box-shadow:inset 0 -10px 20px #68eaff25,0 2px 7px #1dccd244;transform:rotate(-30deg);animation:float 18s ease-in-out infinite alternate}.ribbon-one{left:-55vw;top:-15vw}.ribbon-two{right:-48vw;bottom:-23vw;animation-delay:-9s}.panel{position:absolute;width:28vw;height:48vw;border:1px solid #51cad257;background:linear-gradient(130deg,#0d3c4a77,#04213744);transform:skewY(-24deg);box-shadow:inset 1px 0 2px #8de5f055}.panel-one{right:-17vw;top:18vh}.panel-two{left:-20vw;bottom:-30vw}canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.45}.grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.12' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.14}.art{translate:var(--mx) var(--my);scale:1.03;transition:translate 1.5s ease-out}dialog{background:#081b2b;color:var(--white);border:1px solid #51c8d240;border-radius:22px;width:min(580px,calc(100% - 32px));max-height:85svh;padding:0;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#010c17cf;backdrop-filter:blur(10px)}.dialog-content{padding:42px;position:relative}.close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:30px;color:#c8d7e2;cursor:pointer}.dialog-label{color:var(--teal);font-size:12px;letter-spacing:.18em}h2{font-size:36px;line-height:1.14;letter-spacing:-.035em;margin:22px 0 15px}.dialog-content>p{color:var(--muted);line-height:1.6}.dialog-content ul{padding:0;margin:28px 0 0;list-style:none}.dialog-content li{display:flex;gap:20px;border-top:1px solid #b4d5e21f;padding:20px 0}.dialog-content li>span{font-size:13px;color:var(--teal);padding-top:4px}h3{font-size:17px;margin:0 0 8px}.dialog-content li p{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pulse{50%{box-shadow:0 0 24px #00ddd488;opacity:.6}}@keyframes breathe{to{opacity:.25;transform:scale(1.2)}}@keyframes float{to{transform:translateY(24px) rotate(-25deg)}}body.motion-paused *{animation-play-state:paused!important}body.motion-paused .art{translate:0 0}@media(max-width:600px){.page{padding:22px 22px 20px}.brand{font-size:16px;gap:12px}.brand img{width:38px;height:38px}.header{padding-bottom:18px}.domain{display:none}.hero{padding:65px 0 55px}.eyebrow{font-size:11px;letter-spacing:.19em;gap:10px}h1{font-size:clamp(43px,10.4vw,62px);margin-top:28px}.mobile-break{display:block}.intro{font-size:17px}.services-line{font-size:12px;letter-spacing:.08em;max-width:260px;margin:22px auto 28px}.ribbon{width:155vw;height:85vw}.ribbon-one{left:-112vw;top:-20vw}.ribbon-two{right:-109vw;bottom:-35vw}.footer-note{display:none}footer{font-size:10px;letter-spacing:.06em}.dialog-content{padding:34px 25px}h2{font-size:30px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.art{translate:0 0}canvas{display:none}}
