*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#111;line-height:1.6;-webkit-font-smoothing:antialiased;background:#fff;overflow-x:hidden}.space-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:#fff}#stars-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.content{position:relative;z-index:10}.custom-header{position:fixed;top:0;left:0;right:0;padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center;z-index:100;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05)}.logo{font-family:Inter,sans-serif;font-size:1rem;font-weight:600;color:#000;text-decoration:none;letter-spacing:-.02em;text-transform:none}.logo span{color:#0000004d}.custom-nav{display:flex;gap:2.5rem;align-items:center}.custom-nav a{font-size:.875rem;font-weight:500;color:#00000080;text-decoration:none;transition:color .2s}.custom-nav a:hover{color:#000}.hero{min-height:85vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8rem 2rem 4rem;position:relative}.hero-eyebrow{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#0006;margin-bottom:1.5rem}.hero h1{font-size:clamp(2.5rem,7vw,5rem);font-weight:700;line-height:1.05;letter-spacing:-.04em;margin-bottom:2rem;max-width:1000px;color:#000}.hero h1 .gradient-text{background:none;-webkit-text-fill-color:initial;color:#000}.hero-subtitle{font-size:1.25rem;font-weight:400;color:#00000080;max-width:680px;line-height:1.6;margin-bottom:3rem}.btn{padding:.875rem 2.25rem;border-radius:100px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease;letter-spacing:-.01em;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:#000;color:#fff}.btn-primary:hover{background:#222;transform:translateY(-1px)}.btn-secondary{background:transparent;color:#0009;border:1px solid rgba(0,0,0,.1)}.btn-secondary:hover{color:#000;border-color:#0003;background:#00000005}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem}.scroll-line{width:1px;height:48px;background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,transparent 100%);position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:20px;background:#0003;animation:scrollDown 1.5s ease-in-out infinite}@keyframes scrollDown{0%{transform:translateY(-20px);opacity:0}30%{opacity:1}to{transform:translateY(48px);opacity:0}}.custom-section{padding:4rem 3rem}.section-header{margin-bottom:3rem}.section-label{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#0006;margin-bottom:1.5rem}.section-title{font-size:2.5rem;font-weight:700;letter-spacing:-.03em;color:#000}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.project-tile{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;box-shadow:0 4px 20px #00000005}.project-tile:hover{border-color:#0000001f;transform:translateY(-8px);box-shadow:0 30px 60px -20px #0000001a}.tile-preview{aspect-ratio:16 / 10;background:#fcfcfc;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,0,0,.04)}.browser-frame{background:#fff;border-radius:10px;overflow:hidden;width:92%;height:88%;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 30px #0000000d}.browser-bar{height:32px;background:#f8f8f8;display:flex;align-items:center;padding:0 12px;gap:6px;border-bottom:1px solid rgba(0,0,0,.05)}.browser-dot{width:8px;height:8px;border-radius:50%;background:#0000001a}.browser-url{flex:1;margin-left:12px;background:#fff;border-radius:4px;padding:3px 10px;font-family:Inter,sans-serif;font-size:.625rem;color:#0000004d;border:1px solid rgba(0,0,0,.03)}.browser-content{height:calc(100% - 32px);overflow:hidden;background:#fff}.tile-content{padding:2rem;display:flex;flex-direction:column;gap:1rem;flex:1}.tile-name{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:#000}.tile-description{font-size:.9375rem;color:#00000080;line-height:1.6;flex-grow:1}.tile-meta{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.05);margin-top:auto}.tile-tech{font-family:Inter,sans-serif;font-size:.6875rem;font-weight:600;color:#0000004d;text-transform:uppercase;letter-spacing:.05em}.tile-link{font-size:.875rem;font-weight:600;color:#0006;display:flex;align-items:center;gap:.375rem;transition:color .2s}.project-tile:hover .tile-link{color:#000}.mission-section{background:transparent;padding:6rem 3rem;position:relative;border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05)}.mission-container{max-width:1400px;margin:0 auto;text-align:center}.mission-header{margin-bottom:4rem}.mission-label{display:inline-block;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#0006;margin-bottom:1rem}.mission-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;letter-spacing:-.04em;color:#000;margin-bottom:2rem;line-height:1.1}.mission-subtitle{font-size:1.25rem;line-height:1.6;color:#0009;max-width:800px;margin:0 auto;letter-spacing:-.01em}.mission-tabs{margin-top:3rem;display:flex;flex-direction:column;align-items:center}.tab-buttons{display:inline-flex;background:#f4f4f5;padding:.5rem;border-radius:100px;margin-bottom:4rem;border:1px solid rgba(0,0,0,.05)}.tab-button{padding:1rem 2rem;background:transparent;border:none;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;display:flex;align-items:center;justify-content:center;gap:.75rem;color:#00000080;border-radius:100px}.tab-button:hover{color:#000c}.tab-button.active{color:#000;background:#fff;box-shadow:0 4px 15px #0000000d,0 1px 2px #0000000d}.tab-number{font-size:.8125rem;font-weight:700;font-family:Inter,monospace;opacity:.5;transition:opacity .3s}.tab-button.active .tab-number{opacity:1}.tab-label{font-size:.9375rem;font-weight:600;letter-spacing:-.01em}.tab-content{min-height:500px;width:100%}.tab-panel{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-text-full{text-align:left;max-width:1100px;margin:0 auto}.panel-text-full h3{font-size:2rem;font-weight:700;color:#000;letter-spacing:-.03em;margin-bottom:1rem}.panel-text-full .lead{font-size:1.05rem;line-height:1.6;color:#000000b3;margin-bottom:2rem;max-width:800px}.detail-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.detail-section{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:1.5rem;transition:all .3s ease;box-shadow:0 4px 20px #00000005}.detail-section:hover{transform:translateY(-4px);border-color:#00000026;box-shadow:0 12px 30px #0000000f}.detail-section h4{font-size:1rem;font-weight:700;color:#000;margin-bottom:1rem;letter-spacing:-.01em;display:flex;align-items:center;gap:.5rem}.detail-section h4:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#000}.detail-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.detail-section li{font-size:.875rem;color:#0009;padding-left:1.25rem;position:relative;line-height:1.4}.detail-section li:before{content:"⌞";position:absolute;left:0;top:-2px;color:#0000004d;font-weight:600;font-family:monospace;font-size:1.1rem}.detail-section li strong{color:#000;font-weight:600}@media (max-width: 968px){.tab-buttons{display:flex;flex-direction:column;border-radius:20px;width:100%;max-width:400px}.tab-button{width:100%;justify-content:flex-start;padding:1.25rem 2rem}.detail-sections{grid-template-columns:1fr;gap:1.5rem}.mission-section{padding:4rem 1.5rem}.mission-header{margin-bottom:2.5rem}}.about-section{background:transparent;border-top:1px solid rgba(0,0,0,.04);padding:5rem 3rem 6rem}.about-header{max-width:1200px;margin:0 auto 4rem;text-align:center}.about-headline{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:600;letter-spacing:-.03em;color:#1d1d1f}.capabilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1400px;margin:0 auto}.capability-domain{text-align:center}.domain-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.8125rem;font-weight:600;color:#1d1d1f;margin-bottom:1.25rem;letter-spacing:-.01em}.domain-items{display:flex;flex-direction:column;align-items:center;gap:.625rem}.domain-item{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.8125rem;color:#00000080;font-weight:400;line-height:1.4;transition:color .2s ease}.domain-item:hover{color:#1d1d1f}@media (max-width: 1024px){.capabilities-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.capabilities-grid{grid-template-columns:1fr}}.about-connect{display:flex;justify-content:center;gap:1.5rem;margin-top:4rem;padding-top:3rem;border-top:1px solid rgba(0,0,0,.06);max-width:1200px;margin-left:auto;margin-right:auto}.connect-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#0000000a;color:#00000080;text-decoration:none;transition:all .2s ease}.connect-icon:hover{background:#00000014;color:#1d1d1f}.preview-iframe{width:1280px;height:800px;transform:scale(.3125);transform-origin:top left}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem}}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:2rem}.browser-frame{width:100%;height:100%;border-radius:0;border:none}.tile-preview{padding:0;aspect-ratio:16/10}.preview-iframe{width:200%;height:200%;transform:scale(.5)}}.contact-section{padding:8rem 0;background:transparent}.section-subtitle{max-width:600px;margin:1.5rem auto 0;color:#00000080;font-size:1.1rem;line-height:1.6}.contact-wrapper{max-width:1200px;margin:0 auto;padding:0 2rem}.contact-split{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start}.contact-info{position:sticky;top:120px}.contact-info-header{margin-bottom:3rem}.section-title-left{font-size:2.5rem;font-weight:700;color:#000;letter-spacing:-.02em;margin:.5rem 0 1rem;line-height:1.2}.contact-lead{font-size:1.05rem;line-height:1.7;color:#0009;margin-top:1rem}.contact-details{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.contact-detail-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff80;border-radius:12px;border:1px solid rgba(0,0,0,.05);transition:all .2s}.contact-detail-item:hover{background:#fffc;border-color:#0000001a;transform:translate(4px)}.detail-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0000000d;border-radius:8px;flex-shrink:0}.detail-text{flex:1}.detail-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#0006;margin-bottom:.25rem;font-weight:600}.detail-value{font-size:.95rem;color:#000c;text-decoration:none;transition:color .2s}.detail-value:hover{color:#000}.response-time{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#00c8640d;border-radius:12px;border:1px solid rgba(0,200,100,.1)}.response-indicator{width:8px;height:8px;background:#00c864;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.response-text{font-size:.875rem;color:#0009}.contact-form-wrapper{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:3rem;border-radius:20px;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 60px #00000008}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem;text-align:left}.form-group label{font-size:.8125rem;font-weight:600;color:#1d1d1f;margin-left:.2rem;text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group textarea{padding:.8rem 1rem;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#fffc;font-family:inherit;font-size:.9375rem;transition:all .2s ease;color:#000}.form-input,.form-textarea{padding:.9rem 1.1rem;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#ffffffe6;font-family:inherit;font-size:.9375rem;transition:all .2s ease;color:#000;width:100%}.form-input:focus,.form-textarea:focus{outline:none;border-color:#000;background:#fff;box-shadow:0 0 0 4px #00000008}.form-textarea{resize:vertical;min-height:140px}.form-select{background:#ffffffe6;border:1px solid rgba(0,0,0,.08);border-radius:10px;transition:all .2s ease}.form-select:focus{border-color:#000;background:#fff;box-shadow:0 0 0 4px #00000008}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#000;background:#fff;box-shadow:0 0 0 4px #00000008}.form-group input.error,.form-group textarea.error{border-color:#ff4d4f}.error-message{font-size:.75rem;color:#ff4d4f;margin-top:.25rem;font-weight:500}.btn-submit{margin-top:.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 2rem;font-size:.9375rem;font-weight:600;background:#000;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s;width:100%}.btn-submit:hover:not(:disabled){background:#333;transform:translateY(-1px);box-shadow:0 8px 20px #0000001f}.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 968px){.contact-split{grid-template-columns:1fr;gap:3rem}.contact-info{position:relative;top:0}.section-title-left{font-size:2rem}}@media (max-width: 640px){.contact-section{padding:4rem 0}.contact-wrapper{padding:0 1.5rem}.contact-form-wrapper{padding:2rem 1.5rem}.section-title-left{font-size:1.75rem}.contact-lead{font-size:1rem}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}footer{padding:4rem 3rem 3rem;background:#fff;border-top:1px solid rgba(0,0,0,.05)}.footer-inner{max-width:1400px;margin:0 auto}.footer-ventures{margin-bottom:3rem}.footer-ventures .footer-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#0000004d;margin-bottom:1.5rem}.ventures-list{display:flex;flex-wrap:wrap;gap:2rem}.ventures-list a{font-size:.9375rem;color:#00000080;text-decoration:none;font-weight:500;transition:color .2s}.ventures-list a:hover{color:#000}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(0,0,0,.05)}.footer-left{display:flex;gap:2rem}.footer-text{font-size:.875rem;color:#0006;font-weight:500}.footer-nav{display:flex;gap:2rem}.footer-link{font-size:.875rem;color:#0006;text-decoration:none;font-weight:500;transition:color .2s}.footer-link:hover{color:#000}.chat-toggle{width:60px;height:60px;background:#000;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0003;transition:all .2s ease}.chat-toggle svg{color:#fff}.chat-window{background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 20px 60px #00000026;border-radius:16px}.chat-header{background:#000;color:#fff}.chat-avatar{background:#fff;color:#000}.chat-message.bot{background:#f2f2f2;color:#111}.chat-message.user{background:#000;color:#fff}.chat-input{background:#f8f8f8;border:1px solid rgba(0,0,0,.05);color:#000}.chat-input:focus{border-color:#0000001a;background:#fff}.chat-send{background:#000;color:#fff}
