@import"https://fonts.googleapis.com/css2?family=DotGothic16&family=Share+Tech+Mono&display=swap";:root{--primary: #111;--secondary: #fff;--tertiary: #fff;--detail: #ff5233;--font-display: "DotGothic16", monospace;--font-body: "Share Tech Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;background:var(--primary);color:var(--secondary);font-family:var(--font-body);overflow-x:hidden}.ak-noise{position:relative}.ak-noise:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;opacity:.3;z-index:0}.ak-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-bottom:1px solid var(--tertiary)}.ak-logo{font-family:var(--font-display);font-size:1em;color:var(--detail)}.ak-logo span{display:block;font-size:11px;color:var(--secondary)}.ak-nav-tag{font-size:10px;letter-spacing:2px;color:var(--tertiary);border:1px solid var(--tertiary);padding:4px 10px}.ak-hero>*:not(.ak-deco){position:relative;z-index:1}.ak-eyebrow{font-size:10px;letter-spacing:4px;color:var(--detail);margin-bottom:16px}.ak-headline{font-family:var(--font-display);font-size:clamp(36px,6vw,64px);line-height:1.1;color:var(--secondary);margin-bottom:16px}.ak-headline em{color:var(--detail);font-style:normal}.ak-subline{font-size:13px;color:--detail;max-width:420px;line-height:1.8;margin-bottom:40px}.ak-subline em{color:var(--detail);font-style:normal}.ak-subline .ak-heart{display:inline;height:1.6em;width:auto;vertical-align:-.4em}.ak-menu{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:24px}.ak-menu-item{display:inline-block;font-family:var(--font-body);font-size:12px;letter-spacing:2px;color:var(--secondary);text-decoration:none;border:1px solid var(--tertiary);padding:12px 20px;transition:color .2s,border-color .2s,background .2s}.ak-menu-item:hover{color:var(--detail);border-color:var(--detail)}.ak-menu-item:focus-visible{outline:2px solid var(--detail);outline-offset:2px}.ak-counter-row{display:flex;align-items:center;gap:12px;margin-bottom:32px}.ak-counter-dot{width:6px;height:6px;border-radius:50%;background:var(--detail);animation:pulse 1.5s ease-in-out infinite;flex-shrink:0}.ak-hero{display:flex;justify-content:center;align-items:center;padding:16px;flex-direction:row;gap:16px;min-height:100vh;min-height:100dvh}.art-wrapper{top:0;right:0;overflow:hidden}@media (max-width: 768px){.ak-hero{flex-direction:column}}.ascii-art{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:8px;line-height:8px;width:100ch;margin:0;padding:0;white-space:pre;overflow:hidden}@media (max-width: 768px){.ascii-art{width:auto}}.ak-counter-num{font-family:var(--font-display);font-size:32px;color:var(--detail);transition:color .3s}.ak-counter-num.bump{color:var(--secondary)}.ak-counter-label{font-size:10px;letter-spacing:2px;color:--detail;line-height:1.5}.ak-form{display:flex;max-width:40rem;margin-bottom:0}.ak-input{flex:1;background:var(--secondary);border:1px solid var(--tertiary);border-right:none;color:var(--secondary);font-family:var(--font-body);font-size:13px;padding:12px 16px;outline:none;transition:border-color .2s}.ak-input::placeholder{color:#5a3545}.ak-input:focus{border-color:var(--detail)}.ak-btn-primary{background:var(--detail);color:var(--secondary);border:1px solid var(--detail);font-family:var(--font-body);font-size:12px;letter-spacing:2px;padding:12px 20px;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s}.ak-btn-primary:hover{background:var(--detail);border-color:var(--detail)}.ak-divider{display:flex;align-items:center;gap:16px;padding:48px 32px 0;margin-bottom:48px}.ak-divider-line{flex:1;height:1px;background:var(--tertiary)}.ak-divider-label{font-family:var(--font-display);font-size:10px;letter-spacing:3px;color:var(--tertiary);white-space:nowrap}.ak-components{padding:0 32px 80px}.ak-section-label{font-size:10px;letter-spacing:3px;color:var(--tertiary);margin-bottom:24px}.ak-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:1px;background:var(--tertiary);border:1px solid var(--secondary)}@media (max-width: 1024px){.ak-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.ak-grid{grid-template-columns:1fr}}.ak-grid.ak-clients-grid{grid-template-columns:repeat(6,minmax(0,1fr))}@media (max-width: 1600px){.ak-grid.ak-clients-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width: 960px){.ak-grid.ak-clients-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ak-grid.ak-clients-grid .ak-logo-wrapper{padding:0}}@media (max-width: 480px){.ak-grid.ak-clients-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.ak-grid.ak-clients-grid>.ak-component-card{min-width:0}.ak-tech-lede{font-size:12px;line-height:1.65;color:var(--tertiary);max-width:36rem;margin:-12px 0 28px;opacity:.92}.ak-grid.ak-tech-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.ak-grid.ak-tech-grid>.ak-component-card{min-width:0;transition:box-shadow .2s ease}.ak-grid.ak-tech-grid>.ak-component-card:hover{box-shadow:inset 0 0 0 1px var(--detail)}@media (max-width: 1400px){.ak-grid.ak-tech-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 900px){.ak-grid.ak-tech-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 600px){.ak-grid.ak-tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 360px){.ak-grid.ak-tech-grid{grid-template-columns:1fr}.ak-tech-lede{margin-bottom:20px}}.ak-tech-inner{display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:4.25rem;padding:4px 2px}.ak-tech-hint{font-size:9px;letter-spacing:1.6px;color:var(--detail);text-transform:lowercase;opacity:.85}.ak-tech-inner .ak-tech-name{font-family:var(--font-display);font-size:clamp(13px,1.65vw,16px);color:var(--secondary);line-height:1.25;letter-spacing:.02em;transition:color .2s ease}.ak-grid.ak-tech-grid>.ak-component-card:hover .ak-tech-name{color:var(--detail)}.ak-grid.ak-clients-grid .ak-logo-wrapper{display:flex;align-items:center;justify-content:flex-start;flex-shrink:0}.ak-grid.ak-clients-grid img.ak-logo{display:block;height:3rem;width:auto;max-width:100%;object-fit:contain}.ak-grid.ak-clients-grid .ak-comp-name{overflow-wrap:break-word}.ak-component-card{background:var(--primary);padding:12px;position:relative}.ak-comp-label{font-size:10px;letter-spacing:2px;color:var(--secondary)}.ak-comp-name{font-family:var(--font-display);font-size:14px;color:var(--secondary)}@media (max-width: 960px){.ak-comp-name{font-size:10px}}.ak-comp-name span{color:var(--detail)}.ak-copy-btn{position:absolute;top:16px;right:16px;background:transparent;border:1px solid var(--secondary);color:var(--secondary);font-family:var(--font-body);font-size:9px;letter-spacing:1px;padding:4px 8px;cursor:pointer;transition:border-color .2s,color .2s}.ak-copy-btn:hover,.ak-copy-btn.active{border-color:var(--detail);color:var(--detail)}.ak-drawer{display:none;margin-top:16px;background:#1a0f15;border:1px solid var(--secondary);padding:14px;font-family:var(--font-body);font-size:11px;line-height:1.7;color:#c89;white-space:pre;overflow-x:auto;max-height:160px;overflow-y:auto}.ak-drawer.open{display:block}.ak-demo{display:flex;flex-direction:column;gap:8px}.ak-demo-badge{display:inline-block;border:1px solid var(--secondary);color:var(--secondary);font-size:10px;letter-spacing:2px;padding:4px 10px;margin-right:6px;margin-bottom:6px;white-space:nowrap}.ak-demo-badge .dot{width:5px;height:5px;border-radius:50%;background:var(--detail)}.ak-demo-btn-row{flex-direction:row;flex-wrap:wrap;gap:8px}.ak-demo-btn{background:var(--detail);color:var(--secondary);border:1px solid var(--detail);font-family:var(--font-body);font-size:11px;letter-spacing:1px;padding:8px 16px;cursor:pointer;transition:background .2s}.ak-demo-btn:hover{background:var(--detail)}.ak-demo-btn.ghost{background:transparent;color:var(--detail)}.ak-demo-btn.ghost:hover{background:var(--secondary)}.ak-demo-input{width:100%;background:var(--secondary);border:1px solid var(--secondary);border-left:3px solid var(--detail);color:var(--secondary);font-family:var(--font-body);font-size:12px;padding:10px 12px;outline:none;transition:border-color .2s}.ak-demo-input::placeholder{color:#5a3545}.ak-demo-input:focus{border-color:var(--detail)}.ak-demo-card{background:var(--secondary);border:1px solid var(--secondary);border-top:3px solid var(--detail);padding:16px}.ak-demo-card-title{font-family:var(--font-display);font-size:14px;color:var(--secondary);margin-bottom:6px}.ak-demo-card-body{font-size:11px;color:--detail;line-height:1.6}.ak-typo-row{flex-direction:column;gap:6px}.ak-typo-h{font-family:var(--font-display);font-size:24px;color:var(--secondary)}.ak-typo-sub{font-size:12px;color:--detail}.ak-typo-accent{font-size:10px;color:var(--detail);letter-spacing:3px}.ak-swatch-row{flex-direction:row;gap:6px}.ak-swatch{width:32px;height:32px;cursor:default}.ak-footer{border-top:1px solid var(--secondary);padding:20px 32px;display:flex;justify-content:space-between;align-items:center}.ak-footer-text{font-size:10px;color:var(--secondary);letter-spacing:2px}@media (max-width: 360px){.ak-hero{padding:40px 16px 32px}.ak-nav{padding:16px}.ak-components{padding:0 16px 60px}.ak-divider{padding:40px 16px 0}.ak-form{flex-direction:column;max-width:100%}.ak-input{border-right:1px solid var(--secondary);border-bottom:none;width:100%}.ak-input:focus{border-color:var(--detail)}.ak-btn-primary{width:100%;text-align:center}.ak-demo-input{width:100%;min-width:0;font-size:11px}.ak-component-card{padding:16px}}.project-inner{display:flex;flex-direction:row;align-items:center;gap:12px}.ak-blog{min-height:100vh;max-width:720px;margin:0 auto;padding:32px 24px 64px}.ak-blog-header{padding-bottom:24px;border-bottom:1px solid var(--tertiary)}.ak-blog-nav{display:flex;gap:12px;align-items:center}.ak-blog-home,.ak-blog-back{font-size:12px;letter-spacing:2px;color:var(--secondary);text-decoration:none;border:1px solid var(--tertiary);padding:8px 16px;transition:color .2s,border-color .2s}.ak-blog-home:hover,.ak-blog-back:hover{color:var(--detail);border-color:var(--detail)}.ak-blog-title{font-family:var(--font-display);font-size:1.25em;color:var(--detail);text-decoration:none}.ak-blog-title:hover{color:var(--secondary)}.ak-blog-headline{font-family:var(--font-display);font-size:clamp(28px,5vw,48px);line-height:1.2;color:var(--secondary);margin-bottom:12px}.ak-blog-status{font-size:13px;color:var(--tertiary)}.ak-blog-error{color:var(--detail)}.ak-blog-list{list-style:none;display:flex;flex-direction:column;gap:0}.ak-blog-list-item{border-bottom:1px solid var(--tertiary)}.ak-blog-list-link{display:flex;flex-direction:column;gap:6px;padding:24px 0;text-decoration:none;color:inherit;transition:color .2s}.ak-blog-list-link:hover .ak-blog-list-title{color:var(--detail)}.ak-blog-list-title{font-family:var(--font-display);font-size:1.25em;color:var(--secondary);transition:color .2s}.ak-blog-list-date{font-size:11px;letter-spacing:1px;color:var(--tertiary)}.ak-blog-list-excerpt{font-size:13px;line-height:1.6;color:var(--tertiary);max-width:540px}.ak-blog-article-header{margin-bottom:32px;margin-top:32px}.ak-blog-date{font-size:12px;letter-spacing:1px;color:var(--tertiary)}.ak-blog-content{font-size:14px;line-height:1.8;color:var(--secondary)}.ak-blog-content h2{font-family:var(--font-display);font-size:1.25em;color:var(--detail);margin:32px 0 12px}.ak-blog-content h3{font-family:var(--font-display);font-size:1.1em;color:var(--secondary);margin:24px 0 8px}.ak-blog-content p{margin-bottom:16px}.ak-blog-content ul,.ak-blog-content ol{margin:0 0 16px 1.25em}.ak-blog-content li{margin-bottom:6px}.ak-blog-content a{color:var(--detail)}.ak-blog-content code{font-size:.9em;background:#ffffff0f;padding:2px 6px}.ak-blog-content strong{color:var(--detail);font-weight:400}