:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background-color:#f8fafc;color:#333;min-height:100vh}#root{width:100%}a{color:#2c5aa0;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0}ul{margin:0;padding:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#2c5aa0;color:#fff;cursor:pointer;transition:background-color .25s}button:hover{background-color:#1e3a8a}button:focus,button:focus-visible{outline:2px solid #2c5aa0;outline-offset:2px}:root{--bg:#1a2332;--card:#1e2a3a;--muted:#a3b3c4;--accent:#3b8bf3;--glass: rgba(255,255,255,.08);--radius:12px;--max-width:1100px;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:#232e3f;color:#f0f6fc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.45;padding:60px 0}.wrap{max-width:var(--max-width);margin:0 auto;padding:0 40px;display:flex;flex-direction:column;align-items:center}header.top{display:flex;align-items:center;gap:18px;margin-bottom:40px;width:100%;max-width:var(--max-width)}.logo{width:84px;height:84px;border-radius:14px;background:linear-gradient(135deg,var(--accent),#00b7ff);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #2b7be324,inset 0 -6px 18px #ffffff08;flex-shrink:0}.logo span{font-weight:800;letter-spacing:.6px}.brand{display:flex;flex-direction:column;gap:4px}.brand h1{margin:0;font-size:20px;font-weight:700}.brand p.lead{margin:0;color:var(--muted);font-size:13px}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--muted);padding:8px 16px;border-radius:6px;text-decoration:none;font-size:13px;transition:all .2s ease}.btn.ghost:hover{background:#ffffff14;border-color:#ffffff40;color:#f0f6fc}.hero-card{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border-radius:var(--radius);padding:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:40px;box-shadow:0 8px 30px #02061766;border:1px solid rgba(255,255,255,.08)}.hero-left{max-width:68%}.hero-left h2{margin:0;font-size:18px}.hero-left p.desc{margin:8px 0 0;color:var(--muted)}.hero-actions{display:flex;gap:10px;align-items:center}main{display:flex;flex-direction:column;gap:40px;width:100%;max-width:var(--max-width)}section{width:100%;display:flex;flex-direction:column;align-items:center}section h3{text-align:center;margin-bottom:24px;width:100%}.problem{background:var(--card);padding:18px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.problem h3{margin:0 0 8px}.problem p{margin:0;color:var(--muted)}.solution{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:900px;margin:0 auto}.solution .panel{padding:16px;font-size:14px}.solution .panel h4{font-size:16px;margin-bottom:10px}.solution .panel p{font-size:13px;line-height:1.4}.panel{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border-radius:12px;padding:24px;border:1px solid rgba(255,255,255,.08);width:100%}.panel h4{margin-top:0}.card-visual{height:200px;border-radius:10px;background:linear-gradient(180deg,#1e2a3a,#162030);display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:600}.panel p{color:var(--muted)}.video{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:var(--glass)}.video iframe{width:100%;height:420px;border:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.placeholder{color:var(--muted);padding:18px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%}.thumb{background:linear-gradient(180deg,#1e2a3a,#162030);height:120px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:600;border:1px dashed rgba(255,255,255,.08);overflow:hidden;position:relative}.thumb iframe{border-radius:8px;border:none}footer{margin-top:20px;padding:18px;border-radius:12px;background:transparent;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:12px;width:100%;max-width:var(--max-width)}.footer-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.small{font-size:13px;color:var(--muted)}@media (max-width:1200px){.wrap{padding:0 30px}}@media (max-width:900px){.hero-left{max-width:100%}.solution,.grid-2{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(3,1fr)}.video iframe{height:300px}header.top{flex-direction:row;align-items:center}.wrap{padding:0 25px}main{gap:35px}body{padding:40px 0}}@media (max-width:768px){.hero-card{flex-direction:column;align-items:flex-start;text-align:left}.hero-left{max-width:100%}.hero-actions{width:100%;justify-content:flex-start;margin-top:16px}.gallery{grid-template-columns:repeat(2,1fr)}.video iframe{height:280px}.footer-row{flex-direction:column;gap:20px}.panel{padding:20px}header.top{margin-bottom:30px}}@media (max-width:600px){.wrap{padding:0 20px}main{gap:30px}.hero-card{padding:24px 20px}.panel{padding:18px}.card-visual{height:280px}.solution{gap:20px}.video iframe{height:240px}}@media (max-width:480px){body{padding:30px 0}.wrap{padding:0 16px}.hero-card{padding:20px 16px}.panel{padding:16px}.gallery{grid-template-columns:repeat(1,1fr)}main{gap:25px}header.top{margin-bottom:25px}.hero-left h2{font-size:16px}.brand h1{font-size:18px}.card-visual{height:220px}.video iframe{height:200px}}@media (max-width:320px){.wrap{padding:0 12px}.hero-card{padding:16px 12px}.panel{padding:12px}body{padding:20px 0}.video iframe{height:180px}}