body{color:#1e293b;background:#f8fafc;margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.7}html{scroll-behavior:smooth}nav{z-index:1000;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 60px;display:flex;position:sticky;top:0}nav a{color:#1e293b;border-bottom:2px solid #0000;align-items:center;margin-left:28px;padding-bottom:2px;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}nav a:hover{color:#2563eb}nav a.active{color:#2563eb;border-bottom:2px solid #2563eb}.logo a{align-items:center;display:flex}.logo img{opacity:.95;width:auto;height:56px;transition:opacity .2s,transform .2s;display:block}.logo img:hover{opacity:1;transform:scale(1.03)}.container{max-width:1200px;margin:0 auto;padding:50px 60px}h1{color:#1e3a8a;letter-spacing:-1px;margin-bottom:10px;font-size:52px}h2{color:#2563eb;border-bottom:2px solid #e2e8f0;margin-top:60px;margin-bottom:20px;padding-bottom:8px;font-size:28px}ul{margin-top:12px;line-height:1.7}li{margin-bottom:8px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-top:20px;margin-bottom:20px;padding:28px;transition:transform .18s,box-shadow .18s;box-shadow:0 6px 18px #0000000f}.card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #00000014}.button{border-radius:10px;margin-top:12px;margin-right:12px;padding:12px 18px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:#2563eb}.button.primary:hover{background:#1d4ed8}.button.secondary{color:#1e3a8a;background:#eef2ff;border:1px solid #dbeafe}.button.secondary:hover{background:#e0e7ff}.tag{color:#1e3a8a;background:#eef2ff;border-radius:6px;margin-top:6px;margin-right:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-block}.hero{padding:90px 0 60px}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;color:#64748b;margin-bottom:10px;font-size:12px}.hero h1{margin-top:0}.hero h2{color:#0f172a;margin-top:10px;font-size:34px;line-height:1.3}.hero-text{color:#475569;max-width:800px;margin-top:20px;font-size:18px;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:20px;margin:50px 0;display:grid}.stat{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;box-shadow:0 6px 18px #0000000a}.stat h3{color:#1e3a8a;margin-bottom:8px;font-size:28px}.stat p{color:#64748b;font-size:14px}.project-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:30px;margin-top:40px;display:grid}.project-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:all .2s;overflow:hidden;box-shadow:0 10px 30px #0000000d}.project-card:hover{transform:translateY(-5px)}.project-card img{width:100%;display:block}.project-content{padding:24px}.status{color:#1d4ed8;background:#dbeafe;border-radius:999px;margin-bottom:14px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-block}.quick-facts{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:60px 0;display:grid}.fact-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;box-shadow:0 8px 24px #0000000d}.fact-card h3{color:#2563eb;margin-top:0;margin-bottom:8px;font-size:1rem}.fact-card p{color:#475569;margin:0}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:30px;display:grid}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:28px;transition:all .2s}.feature-card:hover{transform:translateY(-5px)}.emoji{margin-bottom:14px;font-size:42px}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:42px;margin-top:22px;display:grid}.hero-visual img{border:1px solid #e2e8f0;border-radius:24px;width:100%;height:auto;display:block;box-shadow:0 30px 72px #0f172a1f}.badge-row{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.stack-grid{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.gallery-intro{color:#475569;max-width:800px;margin-bottom:30px}.product-gallery{flex-direction:column;gap:42px;max-width:1260px;margin:40px auto 0;display:flex}.gallery-feature,.gallery-feature *{box-sizing:border-box;direction:ltr!important}.gallery-feature{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:1.2fr .8fr;align-items:center;gap:32px;padding:26px;transition:transform .2s,box-shadow .2s;display:grid;overflow:hidden;box-shadow:0 8px 24px #0000000d}.gallery-feature:hover{transform:translateY(-4px);box-shadow:0 14px 34px #0000001a}.gallery-feature:focus{outline-offset:4px;outline:3px solid #93c5fd}.gallery-feature>div{overflow-wrap:break-word;min-width:0}.gallery-feature img{object-fit:contain;background:#020617;border:1px solid #cbd5e1;border-radius:14px;width:100%;max-height:400px;box-shadow:0 10px 28px #0000001f}.gallery-label{color:#1e3a8a;background:#eef2ff;border-radius:999px;margin-bottom:12px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.gallery-feature h3{color:#1e3a8a;margin-top:0;margin-bottom:12px;font-size:24px;line-height:1.2}.gallery-feature p{color:#475569;margin:0;font-size:15px;line-height:1.6}.walkthrough-group{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-top:40px;padding:28px;box-shadow:0 8px 24px #0000000d}.walkthrough-group h3{color:#1e3a8a;margin-top:6px;margin-bottom:12px;font-size:24px}.walkthrough-group p{color:#475569;margin:0 0 18px}.walkthrough-images{grid-template-columns:1fr;gap:20px;display:grid}.walkthrough-images.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.walkthrough-images img{cursor:zoom-in;background:#020617;border:1px solid #cbd5e1;border-radius:16px;width:100%;display:block;box-shadow:0 10px 28px #00000014}.image-modal{z-index:3000;background:#0f172ae6;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-backdrop{background:#0f172ae6;position:absolute;inset:0}.modal-shell{z-index:1;background:#020617;border-radius:24px;width:min(100%,1800px);max-height:96vh;position:relative;overflow:hidden;box-shadow:0 24px 72px #00000052}.modal-inner{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.modal-image-panel{background:#020617;justify-content:center;align-items:center;max-height:calc(96vh - 120px);padding:12px;display:flex;overflow:auto}.modal-image-panel img{object-fit:contain;border:1px solid #ffffff14;border-radius:18px;width:auto;max-width:100%;max-height:100%;display:block;box-shadow:0 18px 48px #0000004d}.modal-controls{background:#010821;justify-content:flex-end;gap:12px;padding:16px 20px 20px;display:flex}.modal-close{color:#fff;cursor:pointer;z-index:2;background:#0f172af2;border:none;border-radius:999px;width:44px;height:44px;font-size:24px;line-height:1;position:absolute;top:16px;right:16px}.modal-prev,.modal-next{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1}.disclaimer-card{background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);border:1px solid #dbeafe;border-radius:16px;margin-top:20px;padding:24px 28px;box-shadow:0 10px 30px #2563eb14}.disclaimer-card p{color:#334155;margin:0}.bottom-cta{margin-top:56px;padding:28px 0 12px}body.modal-open{overflow:hidden}.image-modal{backdrop-filter:blur(8px);z-index:3000;background:#0f172adb;justify-content:center;align-items:center;padding:3vw;display:none;position:fixed;inset:0}.image-modal.active{display:flex}.modal-content{background:#fff;border-radius:24px;width:94vw;max-width:2000px;max-height:96vh;padding:28px;animation:.22s modalFlyout;position:relative;overflow:auto;box-shadow:0 30px 90px #0000006b}@keyframes modalFlyout{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-layout{grid-template-columns:minmax(0,2.2fr) minmax(320px,.8fr);align-items:start;gap:28px;display:grid}.modal-image-panel{background:#020617;border:1px solid #cbd5e1;border-radius:18px;padding:16px;box-shadow:inset 0 0 0 1px #ffffff0a}.modal-content img{width:100%;max-height:94vh}.modal-info-panel{min-width:0;padding:6px 4px}.modal-info-panel h3{color:#1e3a8a;margin:0 0 12px;font-size:30px;line-height:1.2}.modal-summary{color:#475569;margin:0;font-size:16px;line-height:1.65}.modal-detail{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:16px}.modal-detail h4{color:#0f172a;text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;font-size:14px}.modal-detail p{color:#475569;margin:0;font-size:15px;line-height:1.6}.modal-nav{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.modal-nav-btn{color:#1e3a8a;cursor:pointer;background:#eef2ff;border:1px solid #dbeafe;border-radius:10px;padding:10px 14px;font-weight:700}.modal-nav-btn:hover{background:#e0e7ff}.modal-close{color:#fff;cursor:pointer;z-index:2;background:#0f172a;border:none;border-radius:999px;width:42px;height:42px;font-size:28px;line-height:1;position:absolute;top:14px;right:18px;box-shadow:0 10px 30px #00000040}@media (width<=900px){.stats{grid-template-columns:repeat(2,1fr)}.gallery-feature{grid-template-columns:1fr}.gallery-feature img{max-height:none}.modal-content{width:92vw;max-height:90vh;padding:18px}.modal-layout{grid-template-columns:1fr}.modal-content img{max-height:72vh}}@media (width<=600px){nav{padding:10px 20px}nav a{margin-left:16px;font-size:14px}.container{padding:36px 24px}h1{font-size:40px}.hero{padding:60px 0 40px}.button{width:fit-content;display:block}.hero-grid{grid-template-columns:1fr;gap:24px}.walkthrough-images.two-up,.stats{grid-template-columns:1fr}.modal-info-panel h3{font-size:24px}.modal-detail p{font-size:14px}}