*{margin:0;padding:0;box-sizing:border-box}:root{--yomii-yellow: #FFD700;--yomii-yellow-bright: #FFEA00;--yomii-yellow-muted: #B8860B;--yomii-glow-weak: rgba(255, 215, 0, .15);--yomii-glow-medium: rgba(255, 215, 0, .3);--yomii-glow-strong: rgba(255, 215, 0, .5);--yomii-bg: #000000;--yomii-bg-elevated: #0a0a0a;--yomii-bg-surface: #111111;--yomii-text: #ffffff;--yomii-text-secondary: #a0a0a0;--yomii-text-muted: #666666;--yomii-border: rgba(255, 215, 0, .2);--yomii-border-subtle: rgba(255, 215, 0, .1);--yomii-success: #00ff88;--yomii-error: #ff4444;--yomii-warning: #ffaa00}body{font-family:Zen Kaku Gothic New,Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--yomii-bg);color:var(--yomii-text);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.scroll-animate{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.scroll-animate.visible{opacity:1;transform:translateY(0)}.scroll-animate-delay-1{transition-delay:.1s}.scroll-animate-delay-2{transition-delay:.2s}.scroll-animate-delay-3{transition-delay:.3s}.scroll-animate-delay-4{transition-delay:.4s}.lp-header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;z-index:100;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 100%)}.lp-header .logo{height:30px;opacity:.8;transition:opacity .3s ease}.lp-header .logo:hover{opacity:1}.lp-header .product-link{display:flex;align-items:center;gap:.5rem}.lp-header .product-name{font-size:1.25rem;font-weight:700;color:var(--yomii-yellow);letter-spacing:.05em}.lp-header .product-logo{height:28px;width:auto}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding-top:80px}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(255,215,0,.05) 0%,transparent 70%)}.scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--yomii-yellow),transparent);opacity:.5;animation:scanDown 4s linear infinite}@keyframes scanDown{0%{top:0;opacity:0}10%{opacity:.5}90%{opacity:.5}to{top:100%;opacity:0}}.hero-content{text-align:center;position:relative;z-index:1}.hero-label{font-size:.9rem;color:var(--yomii-yellow);text-transform:uppercase;letter-spacing:.2em;margin-bottom:2rem;font-weight:500}.hero-tagline{font-size:clamp(2rem,6vw,4rem);font-weight:900;line-height:1.3;margin-bottom:1rem;color:var(--yomii-yellow);text-shadow:0 0 20px var(--yomii-glow-medium),0 0 40px var(--yomii-glow-weak);animation:textGlow 3s ease-in-out infinite}.hero-tagline .char{display:inline-block;animation:charReveal .5s ease-out forwards;opacity:0}@keyframes charReveal{to{opacity:1}}@keyframes textGlow{0%,to{text-shadow:0 0 20px var(--yomii-glow-medium),0 0 40px var(--yomii-glow-weak)}50%{text-shadow:0 0 30px var(--yomii-glow-strong),0 0 60px var(--yomii-glow-medium)}}.hero-product{font-size:1.5rem;font-weight:300;color:var(--yomii-text-secondary);letter-spacing:.3em;margin-bottom:2rem}.hero-description{font-size:1.1rem;color:var(--yomii-text-secondary);line-height:1.8;margin-bottom:3rem}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--yomii-text-muted);font-size:.75rem;letter-spacing:.1em}.scroll-line{width:1px;height:40px;background:linear-gradient(180deg,var(--yomii-yellow),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.btn-primary{background:var(--yomii-yellow);color:#000;box-shadow:0 0 20px var(--yomii-glow-medium)}.btn-primary:hover{background:var(--yomii-yellow-bright);box-shadow:0 0 30px var(--yomii-glow-strong);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--yomii-yellow);border:1px solid var(--yomii-border)}.btn-outline:hover{border-color:var(--yomii-yellow);box-shadow:0 0 20px var(--yomii-glow-weak)}section{min-height:100vh;padding:6rem 2rem;display:flex;flex-direction:column;justify-content:center}section>.container{width:100%;max-width:1200px;margin:0 auto}.section-title{font-size:2rem;font-weight:800;text-align:center;letter-spacing:.15em;margin-bottom:1rem;color:var(--yomii-yellow)}.section-subtitle{text-align:center;color:var(--yomii-text-secondary);font-size:1.1rem;margin-bottom:4rem}.vibe-coding{background:var(--yomii-bg);border-top:1px solid var(--yomii-border-subtle);border-bottom:1px solid var(--yomii-border-subtle)}.vibe-header{text-align:center;margin-bottom:4rem}.vibe-label{font-size:.85rem;color:var(--yomii-yellow);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem}.vibe-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.4;color:var(--yomii-text)}.vibe-title .highlight{color:var(--yomii-yellow);text-shadow:0 0 30px var(--yomii-glow-medium)}.vibe-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem}.vibe-problem{padding:2.5rem;background:var(--yomii-bg-elevated);border:1px solid var(--yomii-border-subtle)}.vibe-problem h3{font-size:1.1rem;color:var(--yomii-text);margin-bottom:1.5rem}.vibe-problem ul{list-style:none}.vibe-problem li{padding:.75rem 0 .75rem 1.5rem;position:relative;color:var(--yomii-text-secondary);font-size:.95rem;border-bottom:1px solid var(--yomii-border-subtle)}.vibe-problem li:last-child{border-bottom:none}.vibe-problem li:before{content:"!";position:absolute;left:0;color:var(--yomii-warning);font-weight:700}.vibe-solution{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2.5rem;background:#ffd7000d;border:1px solid var(--yomii-border)}.vibe-copy{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:var(--yomii-yellow);margin-bottom:1rem;text-shadow:0 0 20px var(--yomii-glow-weak)}.vibe-description{font-size:1rem;color:var(--yomii-text-secondary);line-height:1.8}.vibe-taglines{text-align:center}.tagline{display:inline-block;padding:1rem 2rem;background:var(--yomii-bg-elevated);border:1px solid var(--yomii-border);color:var(--yomii-yellow);font-size:1.1rem;font-weight:600;letter-spacing:.05em}.why-build{background:var(--yomii-bg-elevated)}.comparison-table{max-width:800px;margin:0 auto 4rem;border:1px solid var(--yomii-border-subtle)}.comparison-header,.comparison-row{display:grid;grid-template-columns:1fr 1.5fr 1fr}.comparison-header{background:var(--yomii-bg);border-bottom:1px solid var(--yomii-border-subtle)}.comparison-header .col{padding:1rem 1.5rem;font-size:.8rem;font-weight:600;color:var(--yomii-text-muted);text-transform:uppercase;letter-spacing:.1em}.comparison-row{border-bottom:1px solid var(--yomii-border-subtle)}.comparison-row:last-child{border-bottom:none}.comparison-row .col{padding:1rem 1.5rem;font-size:.95rem;color:var(--yomii-text-secondary)}.comparison-row.highlight{background:#ffd7000d}.comparison-row.highlight .col{color:var(--yomii-yellow)}.why-reasons{max-width:800px;margin:0 auto 4rem}.why-reasons h3{font-size:1.1rem;color:var(--yomii-text);margin-bottom:2rem;text-align:center}.reasons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.reason{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--yomii-bg);border:1px solid var(--yomii-border-subtle)}.reason-num{font-size:1.25rem;font-weight:800;color:var(--yomii-yellow);line-height:1}.reason p{font-size:.95rem;color:var(--yomii-text);line-height:1.6}.reason span{display:block;font-size:.85rem;color:var(--yomii-text-muted);margin-top:.25rem}.why-position{text-align:center}.position-copy{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:var(--yomii-yellow);text-shadow:0 0 30px var(--yomii-glow-medium)}.problem{text-align:center}.problem h2{font-size:2.5rem;font-weight:800;line-height:1.4;margin-bottom:1.5rem}.problem h2 .highlight{color:var(--yomii-yellow)}.problem-description{font-size:1.1rem;color:var(--yomii-text-secondary);margin-bottom:3rem}.risk-cards{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.risk-card{padding:2rem;background:var(--yomii-bg-elevated);border:1px solid var(--yomii-border-subtle);min-width:240px;max-width:280px;transition:all .3s ease}.risk-card:hover{border-color:var(--yomii-error);box-shadow:0 0 20px #f443}.risk-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ff44441a;color:var(--yomii-error);font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.risk-card h4{color:var(--yomii-text);font-size:1rem;font-weight:600;margin-bottom:.75rem}.risk-card ul.risk-result{list-style:none;padding-top:.75rem;margin-top:.75rem;border-top:1px solid var(--yomii-border-subtle)}.risk-card ul.risk-result li{color:var(--yomii-error);font-size:.85rem;font-weight:500;padding:.25rem 0 .25rem 1rem;position:relative}.risk-card ul.risk-result li:before{content:"→";position:absolute;left:0;color:var(--yomii-error)}.risk-card p{color:var(--yomii-text-secondary);font-size:.95rem}.detection{background:var(--yomii-bg-elevated)}.detection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.detection-card{padding:2.5rem;background:var(--yomii-bg);border:1px solid var(--yomii-border-subtle);transition:all .3s ease}.detection-card:hover{border-color:var(--yomii-yellow);box-shadow:0 0 30px var(--yomii-glow-weak)}.detection-number{font-size:4rem;font-weight:900;color:var(--yomii-yellow);line-height:1;margin-bottom:1rem;text-shadow:0 0 30px var(--yomii-glow-medium)}.detection-icon{color:var(--yomii-yellow);margin-bottom:1rem}.detection-card h3{font-size:1.25rem;color:var(--yomii-text);margin-bottom:1rem}.detection-card p{font-size:.95rem;color:var(--yomii-text-secondary);line-height:1.7}.detection-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.detection-tags span{padding:.25rem .75rem;background:#ffd7001a;border:1px solid var(--yomii-border);color:var(--yomii-yellow);font-size:.8rem}.how-it-works{background:var(--yomii-bg)}.steps-grid{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:4rem;flex-wrap:wrap}.step{text-align:center;padding:2rem;background:var(--yomii-bg-elevated);border:1px solid var(--yomii-border-subtle);min-width:200px}.step-number{font-size:2rem;font-weight:800;color:var(--yomii-yellow);margin-bottom:1rem}.step h3{font-size:1rem;color:var(--yomii-text);margin-bottom:1rem}.code-inline{font-family:JetBrains Mono,monospace;font-size:.85rem;padding:.5rem 1rem;background:var(--yomii-bg);border:1px solid var(--yomii-border-subtle);color:var(--yomii-yellow)}.step-arrow{font-size:2rem;color:var(--yomii-yellow)}.terminal{max-width:800px;margin:0 auto;background:var(--yomii-bg-surface);border:1px solid var(--yomii-border-subtle);overflow:hidden}.terminal-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--yomii-bg-elevated);border-bottom:1px solid var(--yomii-border-subtle)}.terminal-header .dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.terminal-title{margin-left:auto;font-size:.75rem;color:var(--yomii-text-muted)}.terminal-body{padding:1.5rem;overflow-x:auto}.terminal-body pre{margin:0}.terminal-body code{font-family:JetBrains Mono,monospace;font-size:.9rem;line-height:1.8;color:var(--yomii-text)}.terminal-body .prompt{color:var(--yomii-success)}.terminal-body .cmd{color:var(--yomii-yellow)}.terminal-body .output{color:var(--yomii-text-secondary)}.terminal-body .critical{color:#f44}.terminal-body .warning{color:var(--yomii-warning)}.terminal-body .medium{color:var(--yomii-yellow)}.terminal-body .low{color:var(--yomii-success)}.terminal-body .dim{color:var(--yomii-text-muted)}.terminal-body .summary{color:var(--yomii-text)}.terminal-body .exit-info{color:var(--yomii-error)}.cicd{background:var(--yomii-bg-elevated)}.exit-codes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.exit-code{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:var(--yomii-bg);border:1px solid var(--yomii-border-subtle)}.exit-code .code{font-size:3rem;font-weight:900;font-family:JetBrains Mono,monospace}.exit-code.success .code{color:var(--yomii-success)}.exit-code.error .code{color:var(--yomii-error)}.exit-code h4{font-size:1rem;color:var(--yomii-text);margin-bottom:.25rem}.exit-code p{font-size:.9rem;color:var(--yomii-text-secondary)}.workflow{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.workflow-step{padding:1.5rem 2rem;background:var(--yomii-bg);border:1px solid var(--yomii-border-subtle)}.workflow-step.highlight{border-color:var(--yomii-yellow);box-shadow:0 0 20px var(--yomii-glow-weak)}.workflow-step.highlight .workflow-icon{color:var(--yomii-yellow)}.workflow-icon{font-size:.95rem;font-weight:600;color:var(--yomii-text-secondary)}.workflow-arrow{color:var(--yomii-text-muted);font-size:1.5rem}.pricing{background:var(--yomii-bg)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:700px;margin:0 auto}.pricing-card{padding:3rem;background:var(--yomii-bg-elevated);border:1px solid var(--yomii-border-subtle);position:relative;transition:all .3s ease}.pricing-card:hover{border-color:var(--yomii-yellow)}.pricing-card.featured{border-color:var(--yomii-yellow);box-shadow:0 0 30px var(--yomii-glow-weak)}.pricing-card .badge{position:absolute;top:-12px;right:20px;padding:.5rem 1rem;background:var(--yomii-yellow);color:#000;font-size:.8rem;font-weight:600}.pricing-card h3{font-size:1.5rem;color:var(--yomii-text);margin-bottom:.5rem}.pricing-card .price{font-size:2.5rem;font-weight:800;color:var(--yomii-yellow);margin-bottom:2rem}.pricing-card .price span{font-size:1rem;font-weight:400;color:var(--yomii-text-muted)}.pricing-card ul{list-style:none;margin-bottom:2rem}.pricing-card li{padding:.75rem 0 .75rem 1.5rem;position:relative;color:var(--yomii-text-secondary);border-bottom:1px solid var(--yomii-border-subtle)}.pricing-card li:last-child{border-bottom:none}.pricing-card li:before{content:">";position:absolute;left:0;color:var(--yomii-yellow)}.pricing-card .btn{width:100%}.contact{background:var(--yomii-bg)}.contact-form-wrapper{max-width:700px;margin:0 auto;padding:3rem;background:var(--yomii-bg-elevated);border:1px solid var(--yomii-border)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{margin-bottom:1.5rem}.contact label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--yomii-text);font-size:.95rem}.contact .required{color:var(--yomii-yellow)}.contact input,.contact select,.contact textarea{width:100%;padding:1rem;border:1px solid var(--yomii-border);background:var(--yomii-bg);color:var(--yomii-text);font-size:1rem;font-family:inherit;transition:all .3s ease}.contact input:focus,.contact select:focus,.contact textarea:focus{outline:none;border-color:var(--yomii-yellow);box-shadow:0 0 0 2px var(--yomii-glow-weak)}.contact input::placeholder,.contact textarea::placeholder{color:var(--yomii-text-muted)}.contact textarea{resize:vertical}.contact select{cursor:pointer}.contact select option{background:var(--yomii-bg);color:var(--yomii-text)}.contact .submit-btn{width:100%;margin-top:1rem;padding:1.25rem 2rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.contact .submit-btn:disabled{opacity:.6;cursor:not-allowed;background:var(--yomii-text-muted);box-shadow:none}.contact .success-message{margin-top:2rem;padding:1.5rem;background:#00ff881a;border:1px solid rgba(0,255,136,.3);display:flex;align-items:flex-start;gap:1rem}.contact .success-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--yomii-success);color:#000;font-weight:700;flex-shrink:0}.contact .success-text strong{display:block;color:var(--yomii-text);font-size:1rem;margin-bottom:.5rem}.contact .success-text p{color:var(--yomii-text-secondary);font-size:.9rem;line-height:1.5;margin:0}.lp-footer{min-height:auto;padding:3rem 2rem;border-top:1px solid var(--yomii-border-subtle);text-align:center;display:block}.footer-logo img{height:24px;opacity:.6;margin-bottom:1rem}.copyright{font-size:.85rem;color:var(--yomii-text-muted)}@media(max-width:768px){section{min-height:auto;padding:4rem 1.5rem}.vibe-content{grid-template-columns:1fr;gap:2rem}.comparison-header,.comparison-row{grid-template-columns:1fr}.comparison-header .col,.comparison-row .col{padding:.75rem 1rem;border-bottom:1px solid var(--yomii-border-subtle)}.comparison-header .col:first-child{display:none}.comparison-row .col:first-child{font-weight:600;color:var(--yomii-text)}.reasons-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:0}.contact-form-wrapper{padding:2rem}.steps-grid{flex-direction:column}.step-arrow{transform:rotate(90deg)}.hero-description br{display:none}.workflow{flex-direction:column}.workflow-arrow{transform:rotate(90deg)}}