@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#050711;--panel:#0b1020;--text:#f3f5ff;--muted:#a1abc2;--cyan:#23e6f2;--pink:#f629d5;--line:rgba(140,166,214,.2);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:12px}.skip-link:focus{left:12px;z-index:99;background:white;color:black;padding:10px}.nav{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font-size:40px;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--pink),#7b4dff,var(--cyan));color:transparent;background-clip:text;-webkit-background-clip:text}.brand-name{font-size:14px;line-height:1.05;letter-spacing:.24em;font-weight:800}.nav nav{display:flex;align-items:center;gap:34px;font-size:12px;color:#c3cbe0}.nav nav>a:hover{color:var(--cyan)}.nav-cta{border:1px solid #2e5268;border-radius:5px;padding:12px 16px;color:white!important}.nav-cta span{color:var(--cyan);margin-left:8px}.hero{padding-top:78px;display:grid;grid-template-columns:1fr .88fr;column-gap:44px;position:relative}.hero-copy{padding:42px 0 0;z-index:1}.eyebrow,.section-tag,.card-index,.hero-bottom,.art-label,.footer-brand{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.14em}.eyebrow{color:var(--cyan);display:flex;align-items:center;gap:10px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 12px var(--pink)}h1{font-size:clamp(42px,5vw,68px);line-height:1.07;letter-spacing:-.055em;margin:24px 0 22px;font-weight:700}h1 span,h2 em{font-style:normal;color:transparent;background:linear-gradient(95deg,#fff 0%,var(--cyan) 42%,#c778ff 72%,var(--pink) 100%);background-clip:text;-webkit-background-clip:text}.lede{max-width:540px;color:#b8c1d8;font-size:16px;line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{padding:13px 18px;border-radius:4px;font-size:12px;font-weight:700;display:inline-flex;gap:16px;align-items:center;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(100deg,#18cfe7,#5d70ff);color:#050711;box-shadow:0 0 25px #15d7ef22}.secondary{border:1px solid #46516d;color:#e7ebf7}.hero-note{margin-top:46px;display:flex;align-items:center;gap:12px;color:#7f8aa5;font-size:10px;letter-spacing:.06em}.note-line{width:36px;height:1px;background:var(--pink)}.hero-art{min-height:520px;position:relative;overflow:hidden;border:1px solid #18314c;border-radius:8px;background:linear-gradient(180deg,#080a17 0%,rgba(5,7,17,.1) 30%,#050711 100%),url('assets/point-plural-neon.png') center 37%/cover;box-shadow:0 0 60px #2a38b51a,inset 0 0 60px #000}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,17,.2),transparent 40%),linear-gradient(0deg,#050711 0%,transparent 45%)}.art-grid{position:absolute;inset:58% -20% -25%;background-image:linear-gradient(#17d7f225 1px,transparent 1px),linear-gradient(90deg,#17d7f225 1px,transparent 1px);background-size:35px 35px;transform:perspective(180px) rotateX(55deg);transform-origin:top;mask-image:linear-gradient(transparent,#000)}.art-label{position:absolute;left:22px;right:22px;top:20px;display:flex;justify-content:space-between;color:#d2dbf1;font-size:9px}.art-glow{position:absolute;bottom:14%;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--pink),transparent);box-shadow:0 0 20px var(--cyan)}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);margin-top:50px;padding:18px 0 0;color:#8d9ab7}.hero-bottom i{height:3px;width:3px;border-radius:50%;background:var(--pink)}.bottom-right{margin-left:auto;color:#66738f}.section{padding-top:120px;padding-bottom:105px}.section-tag{color:var(--pink);white-space:nowrap}.section-tag span{color:#7885a2;margin-left:8px}.intro{display:grid;grid-template-columns:220px 1fr;gap:35px}.intro h2,.approach h2,.intro-content{max-width:790px}.body-large{font-size:19px;line-height:1.85;color:#c5cde0}.muted{color:#75819e;font-size:12px;border-left:2px solid #7b4dff;padding-left:15px;margin-top:25px}.approach{background:radial-gradient(ellipse at 70% 10%,#16133b 0%,transparent 50%),#090c18;border-top:1px solid #121a30;border-bottom:1px solid #121a30;padding:92px 0 110px}.approach-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:32px 0 46px}.approach-head h2{margin:0}.approach-head>p{max-width:330px;color:#a3aec6;font-size:13px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{min-height:270px;padding:28px;border:1px solid #202b49;background:linear-gradient(145deg,#11172b,#080b17);position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--cyan),var(--pink));transform:scaleX(0);transform-origin:left;transition:transform .3s}.feature-card:hover:after{transform:scaleX(1)}.feature-icon{font-size:36px;color:var(--cyan);height:60px;text-shadow:0 0 20px #23e6f244}.card-index{color:#697796;margin:20px 0 10px}.feature-card h3{font-size:18px;margin:0 0 12px}.feature-card>p:last-child{font-size:12px;line-height:1.8;color:#9ba7c1;margin:0}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:90px;color:#687591;font-size:10px}.footer-brand{color:#dfe6f8;font-size:12px;font-weight:500}.footer-brand span{color:var(--pink);font-size:8px;vertical-align:top;margin-left:3px}
@media(max-width:850px){.wrap{width:min(var(--max),calc(100% - 32px))}.nav{height:78px}.nav nav{gap:14px}.nav nav>a{display:none}.hero{grid-template-columns:1fr;padding-top:40px}.hero-copy{padding-top:10px}.hero-art{margin-top:42px;min-height:420px}.hero-bottom{margin-top:30px}.intro{grid-template-columns:1fr;gap:22px}.section{padding-top:80px;padding-bottom:80px}.approach{padding:76px 0}.approach-head{display:block}.approach-head>p{margin-top:20px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:220px}.footer{flex-wrap:wrap;padding:22px 0}.footer p:last-child{width:100%;margin-top:0}}@media(max-width:480px){.brand-name{font-size:12px}.hero h1{font-size:42px}.lede{font-size:14px}.hero-art{min-height:360px}.hero-bottom{font-size:8px;gap:8px}.bottom-right{display:none}.body-large{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Contact and demo interactions */
.nav-contact{border:1px solid #2e5268;border-radius:5px;padding:10px 14px;background:transparent;color:#f3f5ff;font:inherit;font-size:12px;cursor:pointer}.nav-contact span{color:var(--cyan);margin-left:8px}.nav-contact:hover{border-color:var(--cyan);color:var(--cyan)}
.button{border:0;cursor:pointer;font-family:inherit}.button.secondary{background:transparent;border:1px solid #2e5268;color:#f3f5ff}.button.secondary:hover{border-color:var(--cyan);box-shadow:0 0 20px #23e6f222}.hero-art{background-image:linear-gradient(180deg,rgba(5,7,17,.1),rgba(5,7,17,.12) 55%,#050711 100%),url('assets/calgary-neon-skyline.jpg');background-position:center;background-size:cover}.art-caption{position:absolute;left:22px;right:22px;bottom:32px;display:flex;flex-direction:column;gap:10px;color:#dce6ff;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.16em}.art-caption strong{font-family:Manrope,system-ui,sans-serif;font-size:clamp(18px,2vw,28px);line-height:1.15;letter-spacing:.04em;text-shadow:0 0 22px #23e6f255}.closing-cta{margin-top:44px;padding:30px;border:1px solid #202b49;background:linear-gradient(110deg,#10172b,#080b17);display:flex;align-items:center;justify-content:space-between;gap:24px}.closing-cta h2{font-size:clamp(24px,3vw,36px);margin:0}.closing-cta p:not(.card-index){color:#a3aec6;font-size:13px;margin-bottom:0}.closing-cta .hero-actions{margin-top:0}.modal-backdrop{position:fixed;z-index:1000;inset:0;overflow-y:auto;padding:24px;background:rgba(2,4,12,.82);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center}.modal-backdrop[hidden]{display:none!important}.form-modal{width:min(100%,540px);position:relative;padding:32px;border:1px solid #2c4e79;border-radius:12px;background:radial-gradient(ellipse at top right,#191540 0%,transparent 48%),#090d1b;box-shadow:0 0 70px #162e9c40}.form-modal h2{font-size:clamp(30px,5vw,42px);line-height:1.1;margin:8px 0}.modal-intro{color:#aab6cf;font-size:13px;margin:0 0 24px}.modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#b9c5df;font-size:30px;line-height:1;cursor:pointer}.modal-close:hover{color:var(--cyan)}.form-modal form{display:flex;flex-direction:column;gap:9px}.form-modal label{font-size:12px;color:#dfe7fa;margin-top:5px}.form-modal input,.form-modal textarea{width:100%;padding:12px 13px;border:1px solid #293754;border-radius:5px;background:#050916;color:#f3f5ff;font:inherit;font-size:14px;outline:none}.form-modal input:focus,.form-modal textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #23e6f21b}.form-modal textarea{resize:vertical;min-height:90px}.form-modal .submit-button{margin-top:14px;justify-content:center;width:100%}.optional{color:#7f8aa5;font-size:11px}.honeypot{position:absolute!important;left:-5000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.modal-open{overflow:hidden}
@media(max-width:850px){.nav-contact{padding:9px 11px}.closing-cta{align-items:flex-start;flex-direction:column}.closing-cta .hero-actions{margin-top:8px}.art-caption{bottom:24px}}
@media(max-width:480px){.nav{gap:12px}.nav nav{gap:0}.nav-contact{font-size:11px;padding:8px 9px}.hero-actions .button{padding:12px 13px;gap:9px;font-size:11px}.hero-art{min-height:360px}.art-label{font-size:8px;left:13px;right:13px}.art-caption{left:14px;right:14px}.form-modal{padding:27px 20px}.modal-backdrop{padding:12px}}