:root{--bg:#efefef;--text:#666666;--text-dark:#4f4f4f;--accent:#f57c00;--white:#ffffff;--font-mono:'Courier New', Courier, monospace;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6;margin:0;padding:0}header{border-bottom:1px solid #ddd;padding:1rem 2rem;background:var(--white)}header h1{margin:0;font-size:1.2rem;font-family:var(--font-mono);color:var(--text-dark)}header a{text-decoration:none;color:inherit}nav{margin-top:.5rem}nav a{margin-right:1.5rem;color:var(--text);text-decoration:none;font-size:.9rem}nav a:hover{color:var(--accent)}main{max-width:900px;margin:0 auto;padding:3rem 2rem}.hero{text-align:center;padding:4rem 0}.hero h2{font-size:2.5rem;color:var(--text-dark);margin-bottom:1rem}.hero p{font-size:1.2rem;max-width:600px;margin:0 auto 2rem}.accent{color:var(--accent)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.card{background:var(--white);padding:1.5rem;border-radius:4px;border:1px solid #ddd;transition:transform .2s}.card:hover{transform:translateY(-5px);border-color:var(--accent)}.card h3{margin-top:0;color:var(--text-dark)}.terminal-block{background:#333;color:#eee;padding:1.5rem;font-family:var(--font-mono);border-radius:4px;margin:2rem 0;overflow-x:auto}.terminal-prompt{color:var(--accent);margin-right:.5rem}.card-link{text-decoration:none;color:inherit}.usecases-header{text-align:center;margin-bottom:4rem}.usecases-header .lead{font-size:1.2rem;color:var(--text);max-width:700px;margin:1rem auto 0}.usecases-container{display:flex;flex-direction:column;gap:5rem}.usecase-card{display:grid;grid-template-columns:1fr;gap:2rem;background:var(--white);padding:3rem;border-radius:8px;border:1px solid #ddd;align-items:start}.usecase-visual{width:100%;max-width:1000px;margin:0 auto}.usecase-visual img{width:100%;max-width:100%;height:auto;display:block;border-radius:4px;border:1px solid #eee}.usecase-content{width:100%;max-width:800px;margin:0 auto}.image-placeholder{width:100%;aspect-ratio:16/9;background-color:#f9f9f9;border:2px dashed #ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#999;font-family:var(--font-mono);font-size:.9rem}.usecase-title{margin-top:0;font-size:1.8rem;color:var(--text-dark);border-bottom:2px solid var(--accent);display:inline-block;margin-bottom:.5rem}.usecase-desc{font-weight:600;color:var(--text-dark);margin-bottom:2rem;font-size:1.1rem}.usecase-details{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.detail-item:nth-child(2){grid-column:1/-1}.detail-item{border-left:3px solid #eee;padding-left:1rem}.detail-label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);font-weight:700;margin-bottom:.3rem}.detail-item p{margin:0;font-size:.95rem}.flow-diagram{background:#f5f5f5;padding:1rem;border-radius:4px;font-family:var(--font-mono);font-size:.85rem;color:var(--text-dark);border:1px solid #eee;word-break:break-all}@media(max-width:850px){.usecase-card{padding:1.5rem}.usecase-details{grid-template-columns:1fr}}.stories-header{text-align:center;margin-bottom:4rem}.stories-header .lead{font-size:1.2rem;color:var(--text);max-width:700px;margin:1rem auto 0}.stories-container{display:flex;flex-direction:column;gap:5rem}.story-card{display:grid;grid-template-columns:1fr;gap:2rem;background:var(--white);padding:3rem;border-radius:8px;border:1px solid #ddd;align-items:start}.story-visual{width:100%;max-width:1000px;margin:0 auto}.story-visual img{width:100%;max-width:100%;height:auto;display:block;border-radius:4px;border:1px solid #eee}.story-content{width:100%;max-width:800px;margin:0 auto}.story-title{margin-top:0;font-size:1.8rem;color:var(--text-dark);border-bottom:2px solid var(--accent);display:inline-block;margin-bottom:.5rem}.story-desc{font-weight:600;color:var(--text-dark);margin-bottom:2rem;font-size:1.1rem}.story-details{display:grid;grid-template-columns:1fr;gap:2rem}@media(max-width:850px){.story-card{padding:1.5rem}}.aiot-header{text-align:center;margin-bottom:5rem}.aiot-logo{font-size:3rem;color:var(--text-dark);margin-bottom:1rem;font-family:var(--font-mono)}.aiot-intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.aiot-intro-card{background:var(--white);padding:1.5rem;border-radius:4px;border:1px solid #ddd;text-align:left}.aiot-intro-card h3{color:var(--accent);margin-top:0;font-size:1.1rem}.aiot-intro-card p{font-size:.9rem;margin-bottom:0}.aiot-section-title{font-size:2rem;color:var(--text-dark);margin:4rem 0 2rem;text-align:center;border-bottom:1px solid #ddd;padding-bottom:1rem}.aiot-container{display:flex;flex-direction:column;gap:5rem}.aiot-card{display:grid;grid-template-columns:1fr;gap:2rem;background:var(--white);padding:3rem;border-radius:8px;border:1px solid #ddd;align-items:start}.aiot-visual{width:100%;max-width:1000px;margin:0 auto}.aiot-visual img{width:100%;height:auto;border-radius:4px;border:1px solid #eee}.aiot-content{width:100%;max-width:800px;margin:0 auto}.aiot-title{margin-top:0;font-size:1.8rem;color:var(--text-dark);border-bottom:2px solid var(--accent);display:inline-block;margin-bottom:.5rem}.aiot-desc{font-weight:600;color:var(--text-dark);margin-bottom:2rem;font-size:1.1rem}.aiot-details{display:grid;grid-template-columns:1fr;gap:2rem}@media(max-width:850px){.aiot-intro-grid{grid-template-columns:1fr}.aiot-card{padding:1.5rem}}footer{text-align:center;padding:2rem;font-size:.8rem;color:#999;border-top:1px solid #ddd}@media(max-width:600px){.hero h2{font-size:1.8rem}}