@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--obsidian:#080c14;--graphite:#0d131c;--surface:#0d131c66;--border:#ffffff0d;--border-strong:#ffffff1a;--white:#f8fafc;--text:#c5cdd6;--muted:#64748b;--mint:#00ff87;--mint-dark:#00cc6e;--mint-soft:#00ff8712;--font-display:"Space Grotesk", sans-serif;--font-ui:"Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--obsidian);color:var(--text);font-family:var(--font-ui);font-size:1.05rem;line-height:1.7;overflow-x:hidden}@keyframes aurora{0%{opacity:.06;transform:translate(0)scale(1)}50%{opacity:.12;transform:translate(-50px,50px)scale(1.2)}to{opacity:.06;transform:translate(0)scale(1)}}body:before{content:"";filter:blur(80px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#00ff870a 0%,#0000 60%);width:80vw;height:80vh;animation:15s ease-in-out infinite aurora;position:fixed;top:-10%;left:-10%}.navbar{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);border-bottom:1px solid var(--border);z-index:1000;background:#080c14f2;width:100%;padding:.8rem 0;position:fixed;top:0;left:0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.nav-content{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-display);color:var(--white);cursor:pointer;align-items:center;gap:12px;font-size:1.7rem;font-weight:700;text-decoration:none;display:flex}.logo img{object-fit:contain;border-radius:12px;width:48px;height:48px}.text-mint{color:var(--mint)}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-links a{color:var(--text);font-size:.95rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;text-decoration:none;transition:all .3s}.nav-links a:hover,.nav-links a.active{color:var(--mint);border-bottom:2px solid var(--mint);padding-bottom:4px}.btn-primary{background-color:var(--mint);letter-spacing:.02em;cursor:pointer;box-shadow:0 5px 0 var(--mint-dark);text-align:center;border:none;border-radius:10px;padding:.9rem 1.8rem;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:all .4s;display:inline-block;color:#000!important}.btn-primary:hover{box-shadow:0 8px 0 var(--mint-dark);background-color:#32ffa0;transform:translateY(-3px)}.btn-outline-premium{color:var(--mint);border:1px solid var(--mint);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:10px;padding:.9rem 1.8rem;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .4s;display:inline-flex}.btn-outline-premium svg{fill:none;width:20px;height:20px;stroke:var(--mint);stroke-width:2px}.btn-outline-premium:hover{background:var(--mint);color:#000}.reveal{opacity:0;transition:all 1s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.page{min-height:100vh;padding-top:140px;animation:.6s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-logo-container{justify-content:center;margin-bottom:2rem;display:flex}.hero-logo{filter:drop-shadow(0 0 40px #00ff8733);object-fit:contain;width:180px;height:180px}.hero-content{text-align:center;max-width:900px;margin:0 auto}.eyebrow{font-family:var(--font-mono);color:var(--mint);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);background:var(--mint-soft);border-radius:999px;align-items:center;gap:8px;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:.5rem 1rem;font-size:.85rem;display:inline-flex}.eyebrow:before{content:"";background:var(--mint);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{font-family:var(--font-display);color:var(--white);letter-spacing:-.03em;margin-bottom:2.5rem;font-size:clamp(3rem,7vw,5.5rem);font-weight:700;line-height:1.05}.hero-title span{color:var(--mint)}.hero-subtitle{color:var(--text);max-width:750px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.3rem;line-height:1.8}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:5rem;display:flex}.solutions-grid{grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1000px;margin:0 auto;display:grid}.solution-card{background:var(--surface);border:1px solid var(--border);font-family:var(--font-mono);color:var(--white);border-radius:16px;align-items:center;gap:15px;padding:1.5rem;font-size:1rem;transition:all .4s;display:flex}.solution-card:hover{border-color:var(--mint)}.solution-icon{fill:none;width:45px;min-width:45px;height:45px;stroke:var(--mint);stroke-width:1.5px}.solution-title{letter-spacing:.05em;font-weight:700}.pain-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--graphite);margin-top:5rem;padding:80px 0}.pain-title{font-family:var(--font-display);color:var(--white);text-align:center;max-width:700px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:2.8rem}.pain-list{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:900px;margin-bottom:3rem;margin-left:auto;margin-right:auto;display:grid}.pain-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.pain-item strong{color:var(--white);margin-bottom:.5rem;font-size:1.2rem;display:block}.pain-item p{color:var(--muted);font-size:1rem}.pain-cta{text-align:center}.benefits-section{padding:100px 0}.section-title{font-family:var(--font-display);color:var(--white);text-align:center;margin-bottom:1rem;font-size:3rem}.section-subtitle{text-align:center;color:var(--text);margin-bottom:3rem;font-size:1.2rem}.benefits-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;display:grid}.benefit-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2.5rem;transition:all .4s}.benefit-card:hover{border-color:var(--mint);transform:translateY(-5px)}.benefit-icon{width:80px;height:80px;margin-bottom:1.5rem}.benefit-icon svg{width:100%;height:100%}.benefit-title{font-family:var(--font-display);color:var(--white);margin-bottom:1rem;font-size:1.6rem}.benefit-text{color:var(--text);font-size:1rem;line-height:1.7}.cta-banner{border:1px solid var(--mint);text-align:center;background:linear-gradient(135deg,#00ff871a 0%,#0000 100%);border-radius:20px;margin-top:3rem;padding:4rem}.cta-banner h2{font-family:var(--font-display);color:var(--white);margin-bottom:1.5rem;font-size:3rem}.cta-banner p{color:var(--text);max-width:700px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.bento-grid{grid-template-columns:repeat(12,1fr);gap:1.5rem;display:grid}.bento-card{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:2.5rem;transition:all .5s}.bento-card:hover{border-color:var(--mint);transform:translateY(-10px)}.card-number{font-family:var(--font-mono);color:var(--mint);margin-bottom:1rem;font-size:1rem;display:block}.card-title{font-family:var(--font-display);color:var(--white);margin-bottom:1rem;font-size:1.8rem;font-weight:600}.card-text{color:var(--text);font-size:1.05rem;line-height:1.7}.card-systems{grid-column:span 8}.card-chat,.card-1,.card-2,.card-3{grid-column:span 4}.example-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem;display:grid}.example-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .4s}.example-card:hover{border-color:var(--mint);transform:translateY(-5px)}.example-title{font-family:var(--font-display);color:var(--white);margin-bottom:1rem;font-size:1.3rem}.example-flow{flex-direction:column;gap:8px;display:flex;position:relative}.example-flow-chip{background:var(--graphite);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text);z-index:2;border-radius:8px;justify-content:center;align-items:center;padding:.5rem .8rem;font-size:.8rem;display:flex;position:relative}.example-flow:before{content:"";background:var(--border-strong);z-index:1;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.example-flow:after{content:"";background:var(--mint);z-index:1;opacity:.6;width:2px;animation:3s linear infinite flowAnimation;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}@keyframes flowAnimation{0%{opacity:0;top:0}50%{opacity:1}to{opacity:0;top:100%}}.method-steps{grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem;display:grid}.step{border-left:1px solid var(--border-strong);padding-left:1.5rem}.step:hover{border-color:var(--mint)}.step-number{font-family:var(--font-mono);color:var(--mint);margin-bottom:1rem;font-size:.9rem;display:block}.step-title{font-family:var(--font-display);color:var(--white);margin-bottom:.5rem;font-size:1.6rem}.step-text{color:var(--muted)}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3rem;display:grid}.portfolio-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;transition:all .5s;overflow:hidden}.portfolio-card:hover{border-color:var(--mint);transform:translateY(-5px)}.portfolio-card img{object-fit:cover;filter:grayscale()contrast(1.1);width:100%;height:280px;transition:all .5s}.portfolio-card:hover img{filter:grayscale(0%)}.portfolio-content{padding:2rem}.portfolio-tag{font-family:var(--font-mono);color:var(--muted);margin-bottom:1rem;font-size:.8rem;display:block}.portfolio-title{font-family:var(--font-display);color:var(--white);margin-bottom:1rem;font-size:1.5rem}.portfolio-desc{color:var(--text);font-size:1rem}.portfolio-link{color:var(--mint);border-bottom:1px solid var(--mint);margin-top:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.portfolio-link:hover{opacity:.8}.contact-box{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;max-width:800px;margin:0 auto;padding:3rem}.contact-box h2{font-family:var(--font-display);color:var(--white);text-align:center;margin-bottom:1rem;font-size:2.5rem}.contact-box p{color:var(--muted);text-align:center;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-label{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.8rem;display:block}.form-input{background:var(--graphite);border:1px solid var(--border);width:100%;color:var(--white);font-family:var(--font-ui);border-radius:8px;outline:none;padding:1rem;font-size:1rem}.form-input:focus{border-color:var(--mint)}textarea.form-input{resize:vertical;min-height:120px}.form-group-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}footer{border-top:1px solid var(--border);text-align:center;background:#080c14f2;margin-top:5rem;padding:3rem 0}footer p{font-family:var(--font-mono);color:var(--muted);font-size:.9rem}@media (width<=768px){.nav-links{display:none}.hero-title,.section-title,.cta-banner h2{font-size:2.5rem}.pain-list,.benefits-grid,.form-group-row,.solutions-grid,.example-grid,.method-steps,.portfolio-grid{grid-template-columns:1fr}.bento-card,.card-systems,.card-chat,.card-1,.card-2,.card-3{grid-column:span 12}.hero-logo{width:120px;height:120px}.cta-banner{padding:2.5rem}.contact-box{padding:2rem}}