:root{--ink:#111214;--muted:#5b6069;--paper:#fff;--soft:#f4f6f8;--line:#d9dee5;--cyan:#00a6c8;--cyan-dark:#007c96;--orange:#ff7a1a;--lime:#b7e64b;--red:#e94f37;--shadow:0 24px 70px #1112142e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;letter-spacing:0}.hero{min-height:88vh;color:var(--paper);isolation:isolate;background:#eef4f6;position:relative;overflow:hidden}.hero-media{background:#1b1c1f;position:absolute;inset:0;overflow:hidden}.hero-media:before{content:"";opacity:.35;background-color:#0000;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.hero-shade{z-index:-1;background:#0a0c0ea8;position:absolute;inset:0}.hero-shot{box-shadow:var(--shadow);background:#ffffff14;border:1px solid #ffffff40;border-radius:1.35rem;position:absolute;overflow:hidden}.hero-shot img{object-fit:cover;width:100%;height:100%}.hero-shot-one{width:11rem;height:11rem;top:14%;right:7%;transform:rotate(4deg)}.hero-shot-two{width:8.5rem;height:8.5rem;top:25%;right:24%;transform:rotate(-7deg)}.hero-shot-three{width:9rem;height:9rem;bottom:12%;right:32%;transform:rotate(-5deg)}.hero-shot-four{width:9.5rem;height:9.5rem;bottom:8%;left:5%;transform:rotate(3deg)}.hero-console{width:23rem;max-width:calc(100vw - 2rem);box-shadow:var(--shadow);background:#080a0ce0;border:1px solid #ffffff38;padding:1rem;position:absolute;bottom:7%;right:4%}.console-top{gap:.45rem;margin-bottom:1rem;display:flex}.console-top span{background:var(--orange);border-radius:999px;width:.72rem;height:.72rem}.console-top span:nth-child(2){background:var(--lime)}.console-top span:nth-child(3){background:var(--cyan)}.console-line{color:#fff;align-items:center;gap:.6rem;min-height:2.3rem;font-size:.95rem;display:flex}.console-line.muted{color:#a8b0ba}.console-line.accent{color:var(--lime)}.nav{z-index:2;justify-content:space-between;align-items:center;width:min(1160px,100% - 2rem);margin:0 auto;padding:1.25rem 0;display:flex;position:relative}.brand-mark{color:inherit;align-items:center;gap:.7rem;font-weight:800;display:inline-flex}.brand-mark span{background:var(--lime);width:2.35rem;height:2.35rem;color:var(--ink);border:2px solid var(--ink);place-items:center;font-size:.9rem;display:grid}.nav-links{color:#ffffffe0;align-items:center;gap:1.1rem;font-size:.96rem;display:flex}.nav-cta{color:var(--ink);background:var(--paper);align-items:center;gap:.45rem;padding:.65rem .9rem;display:inline-flex}.hero-content{z-index:1;width:min(1160px,100% - 2rem);margin:0 auto;padding:7.4rem 0 7rem;position:relative}.eyebrow{color:var(--cyan);text-transform:uppercase;margin:0 0 .9rem;font-size:.84rem;font-weight:900}.hero .eyebrow{color:var(--lime)}h1,h2,h3,p{letter-spacing:0}h1{max-width:13ch;margin:0;font-size:4rem;line-height:1}h2{margin:0;font-size:2.4rem;line-height:1.08}h3{margin:0;font-size:1.15rem;line-height:1.2}.hero-copy{color:#ffffffe0;max-width:42rem;margin:1.35rem 0 0;font-size:1.22rem;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:.85rem;margin-top:2rem;display:flex}.button{cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;gap:.55rem;min-height:3.25rem;padding:.9rem 1.05rem;font-weight:800;display:inline-flex}.button-primary{background:var(--orange);color:var(--ink);border-color:var(--orange)}.button-secondary{color:var(--paper);border-color:#ffffff8c}.hero-proof{color:#ffffffd1;flex-wrap:wrap;gap:.7rem;max-width:38rem;margin-top:2rem;display:flex}.hero-proof span{background:#ffffff1c;border:1px solid #fff3;align-items:center;gap:.35rem;min-height:2.35rem;padding:.45rem .75rem;display:inline-flex}.hero-proof strong{color:var(--lime)}.section{padding:5.8rem 0}.section-inner{width:min(1160px,100% - 2rem);margin:0 auto}.section-heading{max-width:44rem;margin-bottom:2rem}.section-heading.wide{max-width:58rem}.section-copy{color:var(--muted);margin:1rem 0 0;font-size:1.08rem;line-height:1.65}.intro-band{background:var(--paper)}.track-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.track-card,.proof-panel,.lead-form,.app-card,.portfolio-app-card{border:1px solid var(--line);background:var(--paper);box-shadow:0 12px 30px #1112140f}.track-card{padding:1.25rem}.icon-chip{width:3rem;height:3rem;color:var(--ink);background:var(--cyan);place-items:center;margin-bottom:1rem;display:grid}.track-card:nth-child(2) .icon-chip{background:var(--orange)}.track-card:nth-child(3) .icon-chip{background:var(--lime)}.track-card p{color:var(--muted);margin:.8rem 0 1rem;line-height:1.55}.track-card span{color:var(--cyan-dark);font-weight:800;display:inline-flex}.proof-band{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-layout,.contact-layout{grid-template-columns:minmax(0,1fr) 27rem;align-items:start;gap:3rem;display:grid}.check-list{gap:.8rem;margin:1.6rem 0 0;padding:0;list-style:none;display:grid}.check-list li{color:#2f343b;align-items:flex-start;gap:.65rem;line-height:1.45;display:flex}.check-list svg{color:var(--cyan-dark);flex:none;margin-top:.12rem}.proof-panel{color:var(--paper);background:#14171b;padding:1.2rem}.proof-panel-header{border-bottom:1px solid #ffffff2e;align-items:center;gap:.75rem;padding-bottom:1rem;font-weight:900;display:flex}.proof-panel-header svg{color:var(--lime)}.proof-rows{gap:.85rem;margin-top:1rem;display:grid}.proof-rows div{background:#ffffff14;gap:.25rem;padding:.9rem;display:grid}.proof-rows span{color:#c7cbd0;line-height:1.4}.showcase-band{background:var(--paper)}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(8.8rem,1fr));gap:1rem;display:grid}.portfolio-app-card{text-align:center;align-content:center;justify-items:center;gap:.85rem;min-height:11.5rem;padding:1rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}a.portfolio-app-card:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 16px 38px #1112141a}.portfolio-icon{background:#171b20;border-radius:1.35rem;place-items:center;width:6rem;height:6rem;display:grid;overflow:hidden;box-shadow:0 12px 24px #11121429}.portfolio-icon img{object-fit:cover;width:100%;height:100%}.portfolio-app-card h3{max-width:10rem;font-size:1rem}.showcase-note{max-width:48rem;color:var(--muted);margin:1.5rem 0 0;font-size:1.05rem;line-height:1.65}.app-card{grid-template-rows:15rem auto;min-height:29rem;display:grid;overflow:hidden}.app-thumb{background:#181b20;position:relative;overflow:hidden}.app-thumb img{object-fit:cover;width:100%;height:100%}.thumb-fallback{width:100%;height:100%;color:var(--paper);background:linear-gradient(90deg,#0000 49%,#ffffff14 50%,#0000 51%),#171b20;place-items:center;font-size:2.8rem;font-weight:900;display:grid}.app-card-body{flex-direction:column;min-height:0;padding:1rem;display:flex}.app-meta-row{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.pill{background:var(--soft);min-height:1.75rem;color:var(--ink);text-transform:uppercase;align-items:center;padding:.25rem .5rem;font-size:.78rem;font-weight:900;display:inline-flex}.pill-live{background:var(--lime)}.pill-beta{background:#cfe9ff}.pill-local-only{background:#f0dfe0}.pill-archived{background:#e5e8ee}.app-category{color:var(--muted);text-transform:capitalize;font-size:.82rem}.app-card p{color:var(--muted);margin:.7rem 0 1rem;line-height:1.52}.app-link,.local-label{width:fit-content;color:var(--cyan-dark);align-items:center;gap:.4rem;margin-top:auto;font-weight:900;display:inline-flex}.local-label{color:var(--muted)}.contact-band{color:var(--paper);background:#14171b}.contact-band .section-copy{color:#cdd3da}.contact-proof{color:#d7dde4;align-items:flex-start;gap:.75rem;max-width:35rem;margin-top:1.5rem;line-height:1.5;display:flex}.contact-proof svg{color:var(--lime);flex:none}.lead-form{background:var(--paper);color:var(--ink);gap:1rem;padding:1rem;display:grid}.form-row{gap:.45rem;display:grid}.form-row label{font-size:.84rem;font-weight:900}.form-row input,.form-row select,.form-row textarea{border:1px solid var(--line);width:100%;min-height:3.1rem;color:var(--ink);background:#fbfcfd;outline:none;padding:.75rem .8rem}.form-row textarea{resize:vertical;min-height:7rem}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--cyan-dark);box-shadow:0 0 0 3px #00a6c82e}.form-error{color:var(--red);margin:0;font-weight:800;line-height:1.4}.form-success{color:#143715;background:#e9f7cc;align-items:flex-start;gap:.7rem;margin:0;padding:.85rem;line-height:1.45;display:flex}.form-success svg{flex:none;margin-top:.1rem}.submit-button{border:2px solid var(--ink);background:var(--orange);width:100%;color:var(--ink)}.submit-button:disabled{cursor:not-allowed;opacity:.65}.spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.footer{background:var(--paper);border-top:1px solid var(--line);padding:1.5rem 0}.footer-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer p{color:var(--muted);margin:0}.footer-links{color:var(--muted);gap:1rem;display:flex}@media (max-width:1120px){.hero-console{display:none}}@media (max-width:980px){.hero{min-height:84vh}.hero-shot-one{top:11rem;right:2rem}.hero-shot-two,.hero-shot-three{display:none}.hero-shot-four{width:8rem;height:8rem;bottom:2rem;left:auto;right:2rem}h1{max-width:10ch;font-size:3.2rem}h2{font-size:2rem}.track-grid,.app-grid,.portfolio-grid,.proof-layout,.contact-layout{grid-template-columns:1fr}.proof-layout,.contact-layout{gap:2rem}.app-card{grid-template-rows:18rem auto;min-height:auto}}@media (max-width:640px){.nav{align-items:flex-start}.nav-links{gap:.65rem;font-size:.9rem}.nav-links a:not(.nav-cta){display:none}.hero-content{padding:5.4rem 0 5rem}h1{font-size:2.8rem}.hero-copy{font-size:1.05rem}.hero-actions{display:grid}.button{width:100%}.hero-shot-one{width:8.5rem;height:8.5rem}.hero-shot-one,.hero-shot-four{display:none}.section{padding:4.2rem 0}.app-card{grid-template-rows:15rem auto}.footer-inner{flex-direction:column;align-items:flex-start}}