#panel-vibe-coding .vibe-hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:38px;align-items:center}
#panel-vibe-coding .vibe-hero h1{font-size:clamp(36px,3.7vw,52px);line-height:1.25;word-break:keep-all;letter-spacing:-.06em}
#panel-vibe-coding .vibe-hero .button{background:#24d6e8;color:#071326;border-color:#24d6e8}
.vibe-showcase{min-width:0}.vibe-showcase-head{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:16px;color:white}.vibe-showcase-head>b{font-size:17px;letter-spacing:-.04em}.vibe-showcase-head>span{color:#9fd8df;font-size:11px;white-space:nowrap}
.vibe-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vibe-demo-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;color:#071326;border:1px solid #385463;border-radius:9px;text-decoration:none;transition:transform .15s,border-color .15s}.vibe-demo-card:hover{transform:translateY(-3px);border-color:#24d6e8}.vibe-demo-card:focus-visible{outline:3px solid #24d6e8;outline-offset:4px}
.vibe-demo-image{position:relative;height:190px;background:#071326}.vibe-demo-image img{display:block;width:100%;height:100%;object-fit:cover}.vibe-demo-image>span{position:absolute;left:10px;top:10px;background:#071326dd;color:#acedef;font-size:10px;padding:5px 8px;border-radius:3px}
.vibe-demo-copy{padding:18px;display:flex;flex-direction:column;flex:1}.vibe-demo-copy>small{font-size:10px;font-weight:800;color:#087c89}.vibe-demo-copy h2{margin:9px 0 0;font-size:23px;line-height:1.3;letter-spacing:-.06em;word-break:keep-all}.vibe-demo-copy>p{font-size:13px!important;color:#526171!important;line-height:1.7!important;margin:10px 0 18px!important;word-break:keep-all}.vibe-demo-copy>b{display:block;margin-top:auto;padding-top:12px;border-top:1px solid #dce5eb;color:#087c89;font-size:13px}
.vibe-diagnosis-preview{height:190px;box-sizing:border-box;background:#eaf5f6;padding:16px 18px;display:flex;flex-direction:column;align-items:flex-start}.vibe-diagnosis-preview>small{color:#317077;font-size:9px;font-weight:700}.vibe-diagnosis-preview>strong{font-size:25px;line-height:1.2;letter-spacing:-.05em;margin-top:10px;color:#0c283a}.vibe-diagnosis-preview>div{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.vibe-diagnosis-preview span{font-size:9px;background:white;color:#216771;border:1px solid #bfd6d9;border-radius:20px;padding:3px 6px}.vibe-diagnosis-preview>b{font-size:10px;color:#317077;margin-top:10px}.vibe-demo-note{font-size:12px!important;line-height:1.75!important;color:#b7cbd8!important;margin:14px 0 0!important;word-break:keep-all}
@media(max-width:1000px){#panel-vibe-coding .vibe-hero-grid{grid-template-columns:1fr;gap:30px}.vibe-showcase{max-width:720px}}
@media(max-width:640px){#panel-vibe-coding .vibe-hero h1{font-size:35px}.vibe-demo-grid{grid-template-columns:1fr;gap:16px}.vibe-demo-image{height:auto;aspect-ratio:1672/941}.vibe-diagnosis-preview{height:auto;min-height:190px}.vibe-demo-copy{padding:18px}.vibe-demo-copy h2{font-size:23px}.vibe-showcase-head>b{font-size:16px}.vibe-showcase-head>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.vibe-demo-card{transition:none}.vibe-demo-card:hover{transform:none}}