html,body,#root{height:100%;margin:0}.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.fade-section{opacity:0;transform:translateY(40px);transition:all .8s ease-out}.fade-section.visible{opacity:1;transform:translateY(0)}.header{background-color:#0b3c5d;border-bottom:3px solid #1fa2ff}.logo img{height:36px;width:auto}.header-inner{max-width:1200px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:22px;font-weight:700;color:#fff}.nav a{margin:0 14px;color:#fff;text-decoration:none;font-size:14px}.nav a{display:inline-flex;align-items:center;gap:6px}.header-btn{background-color:#1fa2ff;color:#fff;border:none;padding:10px 18px;border-radius:4px;font-weight:600;cursor:pointer}.header-btn:hover{background-color:#1687d9}.footer{background-color:#0b3c5d;color:#fff;text-align:center;padding:24px}.footer p{margin:4px 0;font-size:14px}.studio{opacity:.8}.hero{background-color:#f7fbff;padding:120px 24px}.hero-content{max-width:900px;margin:auto;text-align:center}.hero-badge{display:inline-block;margin-bottom:20px;padding:6px 14px;background-color:#e6f3ff;color:#1fa2ff;font-size:12px;font-weight:600;border-radius:20px}.hero h1{font-size:46px;line-height:1.25;font-weight:700;color:#0b3c5d;margin-bottom:28px}.hero h1 span{color:#1fa2ff}.hero p{max-width:720px;margin:0 auto 40px;font-size:16px;color:#333;line-height:1.8}.hero-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.primary-btn{background-color:#1fa2ff;color:#fff;border:none;padding:12px 24px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer}.primary-btn:hover{background-color:#1687d9}.secondary-btn{background-color:transparent;color:#0b3c5d;border:1.5px solid #0b3c5d;padding:12px 24px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer}.secondary-btn:hover{background-color:#0b3c5d;color:#fff}.hybrid{padding:90px 24px;background-color:#fff}.hybrid-content{max-width:1000px;margin:auto;text-align:center}.hybrid h2{font-size:32px;font-weight:700;color:#0b3c5d;margin-bottom:24px}.hybrid h2 span{color:#1fa2ff}.hybrid p{font-size:16px;color:#333;line-height:1.7;margin-bottom:32px}.flow{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;font-weight:600;color:#0b3c5d}.flow span{background:#f2f7fc;padding:10px 14px;border-radius:6px}.process{padding:100px 24px;background-color:#f7fbff}.process-content{max-width:1100px;margin:auto;text-align:center}.process h2{font-size:32px;font-weight:700;color:#0b3c5d;margin-bottom:50px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.card{background:#fff;padding:32px;border-radius:10px;text-align:left;box-shadow:0 10px 25px #0000000d}.card h3{font-size:22px;color:#0b3c5d;margin-bottom:10px}.card p{font-size:14px;color:#555;margin-bottom:14px}.card ul{padding-left:18px;margin-bottom:16px}.card ul li{margin-bottom:8px;font-size:14px;color:#333}.card ul li::marker{color:#1fa2ff}.tag{display:inline-block;background-color:#e6f3ff;color:#1fa2ff;padding:6px 12px;font-size:12px;border-radius:20px;font-weight:600}.silos{padding:100px 24px;background-color:#fff}.silos-content{max-width:1100px;margin:auto;text-align:center}.silos h2{font-size:32px;font-weight:700;color:#0b3c5d;margin-bottom:16px}.intro{font-size:16px;margin-bottom:40px;color:#333}.silos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:40px}.silo-card{background:#f7fbff;padding:30px;border-radius:10px}.silo-card h4{font-size:20px;color:#0b3c5d;margin-bottom:6px}.silo-card span{font-size:14px;color:#555}.silo-icon{font-size:32px;color:#1fa2ff;margin-bottom:12px}.closing{font-size:16px;font-weight:600;color:#0b3c5d}