@import "https://fonts.googleapis.com/css2?family=Azeret+Mono:ital,wght@0,300..700;1,300..700&family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Public+Sans:ital,wght@0,300..700;1,300..700&display=swap";:root{--bg:oklch(12% .005 240);--surface:oklch(16% .01 50);--surface-border:oklch(24% .01 50);--surface-border-active:oklch(40% .05 50);--primary:oklch(60% .18 50);--accent:oklch(78% .18 160);--accent-glow:oklch(78% .18 160/.12);--ink:oklch(96% .005 240);--muted:oklch(65% .01 240);--error:oklch(65% .18 20);--font-display:"Bricolage Grotesque", sans-serif;--font-body:"Public Sans", sans-serif;--font-mono:"Azeret Mono", monospace;box-sizing:border-box;background-color:var(--bg);color:var(--ink);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}*,:before,:after{box-sizing:inherit;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--primary)}body{min-height:100vh;position:relative;overflow-x:hidden}#current-canvas{z-index:1;pointer-events:none;opacity:.85;width:100vw;height:100vh;position:fixed;top:0;left:0}.grain-overlay{z-index:9998;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}.blueprint-grid{pointer-events:none;z-index:2;width:100%;max-width:1200px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.blueprint-grid:before{content:"";background-color:var(--surface-border);width:1px;height:100%;transform:scaleY(var(--grid-draw-y,0));transform-origin:top;position:absolute;top:0;left:0}.blueprint-grid:after{content:"";background-color:var(--surface-border);width:1px;height:100%;transform:scaleY(var(--grid-draw-y,0));transform-origin:top;position:absolute;top:0;right:0}.layout-container{z-index:10;flex-direction:column;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;display:flex;position:relative}.nav-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#181818cc;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:relative}.nav-header:after{content:"";background-color:var(--surface-border);width:100%;height:1px;transform:scaleX(var(--grid-draw,0));transform-origin:0;position:absolute;bottom:0;left:0}.logo-block{align-items:center;gap:.75rem;display:flex}.logo-symbol{width:28px;height:28px;stroke:var(--primary);stroke-width:2px;fill:none}.logo-text{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:1.25rem;font-weight:800}.logo-text span{color:var(--primary)}.nav-actions{align-items:center;gap:1.5rem;display:flex}.system-status{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:.5rem;font-size:.7rem;display:flex}.status-indicator{background-color:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:0}.btn-nav{border:1px solid var(--surface-border);color:var(--ink);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;padding:.5rem 1rem;font-size:.75rem;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.btn-nav:after{content:"";background:var(--primary);width:4px;height:4px;position:absolute;top:-1px;left:-1px}.btn-nav:hover,.btn-nav:focus-visible{border-color:var(--primary);color:var(--primary);background-color:oklch(60% .18 50/.12);outline:none}.hero-viewport{flex-direction:column;align-items:flex-start;padding:8rem 2rem 6rem;display:flex;position:relative}.hero-viewport:after{content:"";background-color:var(--surface-border);width:100%;height:1px;transform:scaleX(var(--grid-draw,0));transform-origin:0;position:absolute;bottom:0;left:0}.coordinates-kicker{font-family:var(--font-mono);color:var(--primary);letter-spacing:.1em;margin-bottom:1.5rem;font-size:.8rem}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;max-width:900px;margin-bottom:2rem;font-size:clamp(2.5rem,7vw,5.5rem);font-weight:800;line-height:1.05}.hero-title span{color:#0000;-webkit-text-stroke:1px var(--ink)}.hero-description{color:var(--muted);text-wrap:pretty;max-width:60ch;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.5}.portfolio-section{grid-template-columns:1fr 1fr;min-height:500px;display:grid;position:relative}.portfolio-section:after{content:"";background-color:var(--surface-border);width:100%;height:1px;transform:scaleX(var(--grid-draw,0));transform-origin:0;position:absolute;bottom:0;left:0}@media (width<=768px){.portfolio-section{grid-template-columns:1fr}}.portfolio-info{flex-direction:column;justify-content:center;padding:4rem 2rem;display:flex;position:relative}.portfolio-info:after{content:"";background-color:var(--surface-border);width:1px;height:100%;transform:scaleY(var(--grid-draw-y,0));transform-origin:top;position:absolute;top:0;right:0}@media (width<=768px){.portfolio-info{border-right:none;border-bottom:1px solid var(--surface-border)}}.portfolio-visual{background-color:var(--surface);justify-content:center;align-items:center;padding:4rem 2rem;display:flex;position:relative;overflow:hidden}.section-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--muted);letter-spacing:.1em;margin-bottom:1rem;font-size:.75rem}.portfolio-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.1}.portfolio-desc{color:var(--muted);text-wrap:pretty;max-width:50ch;margin-bottom:2.5rem;font-size:1.1rem}.badge-tag{border:1px solid var(--primary);color:var(--primary);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;background-color:oklch(60% .18 50/.1);align-items:center;margin-bottom:1.5rem;padding:.25rem .75rem;font-size:.7rem;display:inline-flex}.mockup-frame{border:2px solid var(--surface-border-active);background-color:var(--bg);flex-direction:column;width:100%;max-width:320px;height:570px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:rotate(-3deg)translateY(20px);box-shadow:0 20px 40px #000c}.mockup-video{object-fit:cover;background-color:var(--bg);flex-grow:1;width:100%;height:100%}.mockup-frame:hover{border-color:var(--accent);transform:rotate(0)translateY(0)scale(1.03)}.mockup-header{border-bottom:1px solid var(--surface-border);font-family:var(--font-mono);color:var(--muted);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.65rem;display:flex}.mockup-body{flex-direction:column;flex-grow:1;gap:.75rem;padding:1rem;display:flex;overflow:hidden}.mockup-chat-bubble{border:1px solid var(--surface-border);max-width:80%;padding:.5rem .75rem;font-size:.75rem}.mockup-chat-bubble.left{background-color:var(--surface);align-self:flex-start}.mockup-chat-bubble.right{border-color:var(--primary);background-color:oklch(60% .18 50/.1);align-self:flex-end}.mockup-chat-name{font-family:var(--font-mono);color:var(--primary);margin-bottom:.25rem;font-size:.6rem}.mockup-card{border:1px dashed var(--accent);flex-direction:column;gap:.5rem;margin-top:auto;padding:.75rem;display:flex}.mockup-card-title{font-family:var(--font-display);font-size:.85rem;font-weight:700}.mockup-card-row{font-family:var(--font-mono);color:var(--muted);justify-content:space-between;font-size:.6rem;display:flex}.mockup-dots{gap:3px;display:flex}.mockup-dot{background-color:var(--muted);width:4px;height:4px}.verification-section{flex-direction:column;gap:3rem;padding:5rem 2rem;display:flex;position:relative}.verification-section:after{content:"";background-color:var(--surface-border);width:100%;height:1px;transform:scaleX(var(--grid-draw,0));transform-origin:0;position:absolute;bottom:0;left:0}.verification-header{flex-direction:column;gap:1rem;display:flex}.verification-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.readout-card{border:1px solid var(--surface-border);background-color:#14141466;flex-direction:column;gap:1rem;padding:1.5rem;transition:border-color .2s;display:flex}.readout-card:hover{border-color:var(--primary)}.readout-meta{font-family:var(--font-mono);color:var(--muted);border-bottom:1px solid var(--surface-border);justify-content:space-between;padding-bottom:.5rem;font-size:.65rem;display:flex}.readout-value{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.readout-status{font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:.5rem;font-size:.65rem;display:flex}.readout-status.online{color:var(--accent)}.readout-status.online:before{content:"";background-color:var(--accent);width:6px;height:6px}.nav-footer{background-color:#101010cc;flex-direction:column;gap:3rem;padding:4rem 2rem;display:flex;position:relative}.nav-footer:before{content:"";background-color:var(--surface-border);width:100%;height:1px;transform:scaleX(var(--grid-draw,0));transform-origin:0;position:absolute;top:0;left:0}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:2rem;display:flex}.footer-links{flex-wrap:wrap;gap:3rem;display:flex}.footer-column{flex-direction:column;gap:1rem;display:flex}.footer-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--muted);letter-spacing:.05em;font-size:.7rem}.footer-link{color:var(--ink);cursor:pointer;font-size:.9rem;text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--primary)}.footer-bottom{font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-top:2rem;font-size:.7rem;display:flex;position:relative}.footer-bottom:before{content:"";background-color:var(--surface-border);width:100%;height:1px;transform:scaleX(var(--grid-draw,0));transform-origin:0;position:absolute;top:0;left:0}.sliding-drawer{background-color:var(--bg);border-left:1px solid var(--surface-border);z-index:10000;flex-direction:column;width:100%;max-width:550px;height:100%;transition:transform .45s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-20px 0 50px #000000e6}.sliding-drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.drawer-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.5rem;font-weight:800}.btn-close-drawer{stroke:var(--ink);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;transition:stroke .15s;display:flex}.btn-close-drawer:hover{stroke:var(--primary)}.drawer-content{flex-grow:1;padding:2.5rem 2rem;overflow-y:auto}.legal-text{color:var(--muted);flex-direction:column;gap:1.5rem;font-size:.9rem;line-height:1.7;display:flex}.legal-text h3{font-family:var(--font-display);color:var(--ink);margin-top:1rem;font-size:1.15rem}.legal-text p strong{color:var(--ink)}.legal-text ul{flex-direction:column;gap:.5rem;padding-left:1.5rem;list-style:square;display:flex}.support-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--muted);letter-spacing:.05em;font-size:.7rem}.form-control{background-color:var(--surface);border:1px solid var(--surface-border);color:var(--ink);font-family:var(--font-body);border-radius:0;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s}.form-control:focus{border-color:var(--primary);outline:none}textarea.form-control{resize:vertical;min-height:120px}.form-submit-row{justify-content:flex-end;margin-top:1rem;display:flex}.btn-submit{background-color:var(--primary);color:var(--bg);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;padding:.75rem 2rem;font-size:.8rem;font-weight:700;transition:background-color .2s}.btn-submit:hover{background-color:oklch(65% .18 50)}.form-success-message{border:1px solid var(--accent);background-color:var(--accent-glow);text-align:center;font-family:var(--font-display);color:var(--accent);padding:1.5rem;font-weight:700;display:none}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;opacity:0;pointer-events:none;background-color:#0009;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.drawer-backdrop.active{opacity:1;pointer-events:auto}.launch-countdown{font-family:var(--font-mono);color:var(--accent);font-size:.8rem}.mockup-divider{border-top:1px dashed var(--surface-border);padding-top:4px}.mockup-price{color:var(--accent)}.section-desc{color:var(--muted);max-width:70ch}.footer-about{max-width:400px}.footer-desc{color:var(--muted);margin-top:1rem;font-size:.9rem}.footer-meta{color:var(--muted);font-size:.75rem;font-family:var(--font-mono);margin-top:.5rem}.btn-text{text-align:left;font-size:inherit;font-family:inherit;background:0 0!important;border:none!important;padding:0!important}.btn-text:after{display:none!important}.form-control-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6375' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem}.success-ticket-ref{font-family:var(--font-mono);color:var(--ink);margin-top:.5rem;font-size:.75rem;font-weight:400;display:block}.waitlist-form{flex-direction:column;gap:1rem;max-width:450px;margin-top:1.5rem;display:flex}.waitlist-input-group{width:100%;display:flex}.waitlist-input-group input[type=email]{background-color:var(--surface);border:1px solid var(--surface-border);color:var(--ink);font-family:var(--font-body);border-right:none;border-radius:0;flex-grow:1;padding:.75rem 1rem;font-size:.85rem}.waitlist-input-group input[type=email]:focus{border-color:var(--primary);outline:none}.btn-waitlist{background-color:var(--primary);border:1px solid var(--primary);color:var(--bg);font-family:var(--font-mono);letter-spacing:.05em;cursor:pointer;padding:.75rem 1.5rem;font-size:.75rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-waitlist:hover:not(:disabled){background-color:oklch(65% .18 50);border-color:oklch(65% .18 50)}.btn-waitlist:disabled{background-color:var(--surface);border-color:var(--surface-border);color:var(--muted);cursor:not-allowed}.captcha-widget{border:1px solid var(--surface-border);background-color:#1212124d;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.captcha-label{font-family:var(--font-mono);color:var(--muted);letter-spacing:.05em;font-size:.65rem}.captcha-slider-container{align-items:center;gap:1rem;display:flex}.captcha-value{font-family:var(--font-mono);color:var(--ink);min-width:80px;font-size:.65rem}.captcha-slider-container input[type=range]{appearance:none;background:var(--surface-border);border-radius:0;outline:none;flex-grow:1;height:4px}.captcha-slider-container input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:ew-resize;border-radius:0;width:12px;height:12px}.captcha-slider-container input[type=range]::-webkit-slider-thumb:hover{background:var(--accent)}.captcha-status{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;align-items:center;gap:.5rem;font-size:.65rem;display:flex}.captcha-status.verified{color:var(--accent)}.status-dot{border-radius:0;width:6px;height:6px;display:inline-block}.status-dot.warning{background-color:var(--error);box-shadow:0 0 6px var(--error)}.status-dot.online{background-color:var(--accent);box-shadow:0 0 6px var(--accent)}.waitlist-success{border:1px solid var(--accent);background-color:var(--accent-glow);text-align:center;font-family:var(--font-display);color:var(--accent);max-width:450px;margin-top:1.5rem;padding:1.5rem;font-weight:700;display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.mockup-frame{transform:none!important}.sliding-drawer{transform:translate(100%)}.sliding-drawer.open{transform:translate(0)}}