/* AloNet editorial landing refresh */
#viewLanding {
    --brand-primary: #2457e6;
    --brand-primary-hover: #1946c8;
    --brand-primary-light: #edf2ff;
    background: #f8f9fc;
    color: #182134;
}
#viewLanding .landing-container { max-width: 1280px; padding-inline: 36px; }
#viewLanding .landing-header { height: 76px; background: rgba(250,251,253,.9); border-bottom-color: #e6eaf1; }
#viewLanding .logo-icon-bubble { border-radius: 14px 14px 14px 5px; background: #2457e6; box-shadow: none; }
#viewLanding .brand-name { color: #17233b; letter-spacing: -1px; }
#viewLanding .nav-link { color: #68748a; font-size: 14px; }
#viewLanding .btn-ghost { border-radius: 12px; border-color: #d9dfeb; }
#viewLanding .btn-primary-gradient { border-radius: 12px; background: #2457e6; box-shadow: 0 8px 20px #2457e633; }
#viewLanding .landing-hero {
    padding: 78px 0 92px;
    background: radial-gradient(ellipse at 78% 44%, #e6efff 0, #eff4ff 23%, transparent 53%), linear-gradient(135deg,#fbfcfe 0%,#f4f7fc 56%,#f7f9fd 100%);
}
#viewLanding .hero-grid { grid-template-columns: .92fr 1.08fr; gap: 58px; }
#viewLanding .hero-badge { gap: 9px; border: 1px solid #dbe5ff; border-radius: 999px; background: #fff; color: #43557a; font-size: 11px; letter-spacing: .08em; padding: 8px 13px; }
#viewLanding .badge-dot { background: #50b88c; box-shadow: 0 0 0 4px #50b88c22; }
#viewLanding .hero-title { max-width: 620px; font-size: clamp(42px,5vw,64px); line-height: 1.05; letter-spacing: -2.7px; font-weight: 760; margin-bottom: 24px; }
#viewLanding .text-gradient { background: linear-gradient(100deg,#2457e6 5%,#507fea 70%,#33a78a); -webkit-background-clip: text; }
#viewLanding .hero-subtitle { max-width: 530px; color: #657189; font-size: 17px; line-height: 1.75; margin-bottom: 28px; }
#viewLanding .hero-actions { gap: 12px; margin-bottom: 20px; }
#viewLanding .hero-cta-btn { min-height: 62px; border-radius: 15px; padding: 12px 18px; }
#viewLanding .hero-cta-btn.web-btn { background: #2457e6; box-shadow: 0 10px 24px #2457e62b; }
#viewLanding .hero-cta-btn.pc-btn { background: rgba(255,255,255,.8); border-color: #dfe4ed; }
#viewLanding .cta-btn-text small { font-size: 10px; }
#viewLanding .cta-btn-text strong { font-size: 13px; }
#viewLanding .hero-store-row { color: #8892a4; font-size: 11px; }
#viewLanding .store-badge-item { padding: 6px 10px; border-radius: 999px; background: transparent; border-color: #e1e6ef; color: #68748a; font-size: 11px; cursor: default; }
#viewLanding .store-badge-item:hover { background: transparent; }
#viewLanding .hero-visual { align-items: center; min-height: 410px; }
#viewLanding .hero-art { position:relative; isolation:isolate; width:min(100%,590px); aspect-ratio:1/1; overflow:hidden; border:1px solid #b7c9ee66; border-radius:32px; background:#08142d; box-shadow:0 32px 90px #102b6530,0 8px 24px #142b531c; }
#viewLanding .hero-art:after { content:""; position:absolute; z-index:0; inset:0; background:linear-gradient(180deg,#07142c55 0%,transparent 24%,transparent 50%,#07142c25 65%,#07142cf2 100%); pointer-events:none; }
#viewLanding .hero-art img { display:block; width:100%; height:100%; object-fit:cover; }
#viewLanding .hero-art-topline { position:absolute; z-index:1; top:22px; left:24px; right:24px; display:flex; align-items:center; justify-content:space-between; gap:12px; color:#fff; }
#viewLanding .hero-art-brand { display:flex; align-items:center; gap:9px; font-size:10px; font-weight:800; letter-spacing:.16em; text-shadow:0 2px 12px #07142c88; }
#viewLanding .hero-art-mark { display:grid; width:30px; height:30px; place-items:center; border:1px solid #ffffff55; border-radius:10px 10px 10px 3px; background:#ffffff20; font-size:14px; letter-spacing:0; backdrop-filter:blur(12px); }
#viewLanding .hero-art-stage { display:flex; align-items:center; gap:7px; border:1px solid #ffffff38; border-radius:999px; padding:8px 11px; background:#07142c64; color:#f5f8ff; font-size:10px; font-weight:650; backdrop-filter:blur(12px); }
#viewLanding .hero-art-stage i { width:7px; height:7px; border-radius:50%; background:#7fe0bd; box-shadow:0 0 14px #7fe0bd; }
#viewLanding .hero-art-bottom { position:absolute; z-index:1; left:27px; right:27px; bottom:25px; display:flex; flex-direction:column; align-items:flex-start; }
#viewLanding .hero-art-kicker { margin-bottom:10px; color:#a9c8ff; font-size:9px; font-weight:800; letter-spacing:.16em; }
#viewLanding .hero-art-bottom strong { color:#fff; font-size:clamp(22px,2.3vw,29px); line-height:1.17; letter-spacing:-.8px; font-weight:740; text-shadow:0 3px 24px #07142c70; }
#viewLanding .hero-art-note { margin-top:12px; color:#c2cde1; font-size:10px; line-height:1.5; }
#viewLanding .landing-features { padding:96px 0; background:#fff; }
#viewLanding .section-tag { color:#687faa; font-size:10px; letter-spacing:.15em; }
#viewLanding .section-title { color:#1c2940; font-size:clamp(30px,3vw,42px); letter-spacing:-1.5px; font-weight:740; }
#viewLanding .section-subtitle { color:#758198; font-size:15px; line-height:1.75; }
#viewLanding .features-grid { gap:15px; }
#viewLanding .feature-card { border-color:#e9edf3; border-radius:18px; padding:27px 23px; box-shadow:0 7px 24px #253c6508; }
#viewLanding .feature-card:hover { transform:translateY(-3px); box-shadow:0 18px 36px #253c6512; border-color:#d8e1f0; }
#viewLanding .feature-card.highlighted { border-color:#dce5fb; background:linear-gradient(155deg,#fff,#f8faff); box-shadow:0 9px 26px #2457e60b; }
#viewLanding .card-icon { width:44px; height:44px; border-radius:13px; font-size:21px; margin-bottom:19px; }
#viewLanding .feature-card h3 { color:#26344b; font-size:16px; letter-spacing:-.25px; }
#viewLanding .feature-card p { min-height:95px; color:#7b879a; font-size:12px; line-height:1.7; }
#viewLanding .card-checks { gap:9px; color:#647189; font-size:11px; font-weight:550; }
#viewLanding .landing-ecosystem { padding:95px 0; background:#f4f6fa; }
#viewLanding .eco-card-preview { border-color:#e4e9f1; border-radius:22px; box-shadow:0 20px 50px #233c7310; }
#viewLanding .architecture-card { padding:22px; border:1px solid #e3e8f0; border-radius:22px; background:#fff; box-shadow:0 20px 50px #233c7310; }
#viewLanding .architecture-card-head { display:flex; justify-content:space-between; padding-bottom:15px; border-bottom:1px solid #edf0f5; color:#8a96aa; font-size:9px; font-weight:800; letter-spacing:.1em; }
#viewLanding .architecture-step { display:grid; grid-template-columns:32px 1fr auto; align-items:center; gap:11px; padding:17px 0; border-bottom:1px solid #f0f2f6; }
#viewLanding .step-no { color:#94a0b3; font-size:11px; font-weight:800; }
#viewLanding .architecture-step strong { display:block; color:#2b3850; font-size:12px; }
#viewLanding .architecture-step small { display:block; margin-top:4px; color:#8994a7; font-size:10px; line-height:1.5; }
#viewLanding .step-state { padding:5px 7px; border-radius:6px; color:#7e8aa0; background:#f2f4f8; font-size:8px; font-weight:800; letter-spacing:.05em; }
#viewLanding .step-state.current { color:#368164; background:#eaf6f0; }
#viewLanding .architecture-note { padding-top:13px; color:#9aa4b4; font-size:9px; line-height:1.6; }
#viewLanding .eco-content .section-desc { color:#758198; line-height:1.8; }
#viewLanding .eco-feature-item h4 { color:#2b3850; }
#viewLanding .eco-feature-item p { color:#7b879a; line-height:1.65; }
#viewLanding .landing-download { padding:88px 0; background:#fff; }
#viewLanding .platform-card { border-color:#e7ebf2; border-radius:18px; box-shadow:0 10px 30px #243a630b; }
#viewLanding .platform-card.primary-highlight { border-color:#d9e3fb; box-shadow:0 14px 34px #2457e611; }
#viewLanding .btn-plat-cta { border-radius:11px; background:#2457e6; }
#viewLanding .btn-plat-cta.secondary { background:#f8f9fc; }
#viewLanding .landing-footer { background:#17233b; }
#viewLanding .footer-tagline { color:#a8b2c3; }
@media (max-width:992px) {
    #viewLanding .hero-grid { grid-template-columns:1fr; gap:32px; }
    #viewLanding .hero-content { text-align:center; }
    #viewLanding .hero-title,#viewLanding .hero-subtitle { margin-inline:auto; }
    #viewLanding .hero-actions,#viewLanding .hero-store-row { justify-content:center; }
    #viewLanding .hero-visual { min-height:0; margin-top:8px; }
}
@media (max-width:600px) {
    #viewLanding .landing-container { padding-inline:20px; }
    #viewLanding .landing-hero { padding:52px 0 64px; }
    #viewLanding .hero-title { font-size:42px; letter-spacing:-1.8px; }
    #viewLanding .hero-subtitle { font-size:15px; }
    #viewLanding .hero-actions { flex-direction:column; align-items:stretch; }
    #viewLanding .hero-cta-btn { justify-content:center; }
    #viewLanding .hero-store-row { flex-wrap:wrap; }
    #viewLanding .hero-art { border-radius:24px; }
    #viewLanding .hero-art-topline { top:16px; left:16px; right:16px; }
    #viewLanding .hero-art-bottom { left:19px; right:19px; bottom:19px; }
    #viewLanding .hero-art-bottom strong { font-size:22px; }
    #viewLanding .hero-art-note { max-width:260px; font-size:9px; }
    #viewLanding .landing-features,#viewLanding .landing-ecosystem,#viewLanding .landing-download { padding:66px 0; }
}
@media (prefers-reduced-motion: reduce) {
    #viewLanding *,#viewLanding *:before,#viewLanding *:after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}