*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#081226;color:#eef4ff;font-family:Inter,system-ui,Arial,sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}:root{--bg:#081226;--panel:#101d38;--panel2:#142646;--cyan:#19e6ff;--blue:#2f72ff;--purple:#a855f7;--pink:#ff38c7;--gold:#ffb21c;--muted:#9ba8c7;--line:#1b2a4b;--white:#f7fbff}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px 6%;background:rgba(8,18,38,.92);backdrop-filter:blur(18px);border-bottom:1px solid #19335a;box-shadow:0 8px 30px rgba(0,0,0,.25)}.brand{display:flex;align-items:center;gap:10px;min-width:220px}.brand img{width:190px;height:64px;object-fit:contain;object-position:left center;border-radius:0;box-shadow:0 0 22px rgba(25,230,255,.35)}.brand span{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:18px;letter-spacing:-.5px;background:linear-gradient(90deg,#fff,#19e6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.brand b{font-size:15px;background:linear-gradient(90deg,#19e6ff,#b45cff,#ff38c7);-webkit-background-clip:text;background-clip:text;color:transparent}.brand small{margin-top:5px;color:#93a4c8;font-size:7px;letter-spacing:1.8px;font-weight:800}nav{display:flex;gap:22px;font-size:13px;font-weight:800;color:#cbd6ed}nav a{transition:.2s}nav a:hover{color:var(--cyan);text-shadow:0 0 14px rgba(25,230,255,.55)}header button{display:none;border:1px solid #28436c;background:#0c1730;color:#fff;font-size:23px;border-radius:10px;padding:6px 10px}.hero{min-height:650px;padding:80px 8%;display:flex;align-items:center;justify-content:space-between;gap:50px;overflow:hidden;background:radial-gradient(circle at 80% 35%,rgba(47,114,255,.28),transparent 27%),radial-gradient(circle at 55% 70%,rgba(168,85,247,.16),transparent 30%),linear-gradient(135deg,#08152d,#0b2144 55%,#101b3c)}.hero>div:first-child{max-width:720px}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:900;color:var(--cyan)}.hero h1{font-size:clamp(50px,7vw,88px);line-height:.98;letter-spacing:-4px;margin:10px 0 25px}.hero h1 span{background:linear-gradient(90deg,var(--cyan),#6e6cff,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p:not(.eyebrow){color:#aebbd4;font-size:18px;max-width:650px}.actions{display:flex;gap:12px;margin:28px 0}.actions.center{justify-content:center}.btn{display:inline-block;padding:13px 20px;border:1px solid #27436d;border-radius:12px;font-weight:850;background:#0c1730;color:#eaf3ff;transition:.2s}.btn:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 0 24px rgba(25,230,255,.16)}.btn.primary{background:linear-gradient(90deg,#087cff,#8c3cff,#f52ab9);color:#fff;border:0;box-shadow:0 8px 28px rgba(47,114,255,.25)}.trust{display:flex;gap:18px;flex-wrap:wrap;color:#91a1c2;font-size:12px;font-weight:700}.orb{width:390px;height:390px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#101b3c 25%,#071025 65%,#050816 70%);border:1px solid rgba(25,230,255,.35);box-shadow:0 0 70px rgba(47,114,255,.28),inset 0 0 60px rgba(168,85,247,.16);position:relative}.orb:before{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid transparent;border-top-color:var(--cyan);border-right-color:var(--pink);filter:drop-shadow(0 0 12px rgba(25,230,255,.8));animation:spin 9s linear infinite}.orb img{width:330px;height:330px;object-fit:cover;border-radius:50%;mix-blend-mode:screen;filter:drop-shadow(0 0 18px rgba(25,230,255,.35))}@keyframes spin{to{transform:rotate(360deg)}}.ad{margin:0 8%;min-height:100px;border:1px dashed #2a4771;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7183a7;font-size:11px;letter-spacing:1.5px;text-align:center;padding:18px;background:#081126}.ad span{font-size:10px;margin-top:5px;letter-spacing:.2px}.section{padding:100px 8%;background:#0b1730}.section.alt{background:linear-gradient(180deg,#102142,#132b50)}.head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}.head h2{font-size:42px;letter-spacing:-2px;margin:0;line-height:1.05}.head>p{max-width:420px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.card{background:linear-gradient(145deg,#0d1831,#091126);border:1px solid #1a3155;border-radius:17px;padding:22px;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.28),0 0 20px rgba(25,230,255,.08);border-color:#2875ad}.card>b{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:linear-gradient(135deg,#102e62,#2a1655);color:var(--cyan);box-shadow:inset 0 0 18px rgba(25,230,255,.1)}.card h3{font-size:16px;margin:18px 0 5px}.card p{font-size:13px;color:#8fa0c2;margin:0}.dark{background:linear-gradient(135deg,#09162d,#10254a);color:#fff}.dark .head>p{color:#9daac5}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:linear-gradient(145deg,#0b142b,#080d1d);border:1px solid #1d355d;border-radius:18px;padding:30px;display:block;transition:.2s}.feature:hover{transform:translateY(-3px);border-color:var(--cyan);box-shadow:0 0 28px rgba(25,230,255,.08)}.feature span{color:var(--cyan);font-weight:900}.feature h3{font-size:24px}.feature p{color:#9da5b5}.tabs{display:flex;gap:10px;align-items:center;margin-bottom:18px}.tabs button{padding:10px 16px;border:1px solid #29466e;background:#0c1730;color:#dce8ff;border-radius:10px;font-weight:800;cursor:pointer}.tabs button.active{background:linear-gradient(90deg,#087cff,#7c35ff);color:#fff;border-color:transparent}.tabs span{margin-left:auto;color:#8191b2;font-size:12px}.tickergrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.ticker{background:linear-gradient(145deg,#0d1831,#091126);border:1px solid #1c3459;border-radius:17px;padding:22px}.ticker span{color:var(--cyan);font-size:11px;font-weight:900}.ticker strong{display:block;font-size:23px;margin:9px 0}.ticker small{display:block;color:#8798ba}.ticker em{display:block;margin-top:10px;font-style:normal;font-size:12px;color:#8191b2}.ticker .up{color:#32e6a5}.ticker .down{color:#ff6b7d}.hide{display:none}.source{display:block;color:#6f81a4;margin-top:16px}.market-actions{display:flex;gap:10px;margin-top:22px}.servicegrid,.earn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.servicegrid article,.earn-grid article{background:linear-gradient(145deg,#0d1831,#091126);border:1px solid #1c3459;border-radius:18px;padding:30px}.servicegrid article>b{color:var(--cyan)}.servicegrid h3,.earn-grid h3{font-size:22px;margin:12px 0 6px}.servicegrid p,.earn-grid p{color:#8fa0c2;font-size:14px}.textlink{font-weight:850;color:var(--cyan)}.studentgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.studentgrid a{background:linear-gradient(145deg,#0d1831,#091126);border:1px solid #1c3459;border-radius:17px;padding:28px}.studentgrid b,.studentgrid span{display:block}.studentgrid span{color:#8798ba;font-size:13px;margin-top:6px}.earn-grid article span{font-size:10px;letter-spacing:1.5px;font-weight:900;color:var(--cyan)}.business{padding:50px;border-radius:24px;background:linear-gradient(120deg,#0d1c3c,#161034 55%,#1a0e2f);border:1px solid #29446c;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 0 45px rgba(47,114,255,.08)}.business h2{font-size:40px;letter-spacing:-2px;margin:5px 0}.business p:not(.eyebrow){color:#94a4c3}.contact{text-align:center;padding:100px 8%;background:radial-gradient(circle at 50% 0,#182d5c,#070b17 45%);color:#fff}.contact h2{font-size:48px;letter-spacing:-2px}.contact p{color:#a7b4cc}.contact .primary{margin-top:12px}footer{background:#081327;color:#8795b2;padding:45px 8%;display:grid;gap:12px;border-top:1px solid #152746}.footer-brand{width:max-content}.footer-brand{background:#f8fbff;border-radius:14px;padding:10px 14px}.footer-brand img{width:220px;height:78px;object-fit:contain;display:block}.footer-brand strong{font-size:16px}.footer-brand b{font-size:14px}footer a:hover{color:#fff}@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}.tickergrid{grid-template-columns:repeat(2,1fr)}.orb{width:320px;height:320px}.orb img{width:275px;height:275px}}@media(max-width:800px){.three,.servicegrid,.earn-grid,.studentgrid{grid-template-columns:1fr}.head{display:block}.head>p{margin-top:14px}.section{padding:75px 7%}.business{display:block}.business .btn{margin-top:15px}.tickergrid{grid-template-columns:1fr}.tabs{flex-wrap:wrap}.tabs span{width:100%;margin-left:0}.market-actions{flex-direction:column}}@media(max-width:700px){header button{display:block}nav{display:none;position:absolute;left:0;right:0;top:72px;background:rgba(5,8,22,.98);padding:20px 7%;flex-direction:column;border-bottom:1px solid #1b355b}nav.open{display:flex}.brand img{width:155px;height:54px}.brand strong{font-size:16px}.brand b{font-size:13px}.hero{padding:65px 7%;text-align:center}.hero h1{font-size:52px;letter-spacing:-2px}.hero p:not(.eyebrow){font-size:16px}.actions{flex-direction:column}.btn{width:100%;text-align:center}.trust{justify-content:center}.orb{display:none}.grid{grid-template-columns:1fr}.contact h2{font-size:35px}}

.market-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:0 0 28px}.market-panel{display:block;background:linear-gradient(145deg,#0d1831,#091126);border:1px solid #1c3459;border-radius:17px;padding:24px;color:#fff}.market-panel b,.market-panel span{display:block}.market-panel b{color:var(--cyan);font-size:11px;letter-spacing:1.5px}.market-panel strong{display:block;font-size:20px;margin:8px 0}.market-panel span{color:#8fa0c2;font-size:13px}.earn-grid>a{display:block;color:inherit}.earn-grid article{height:100%;box-sizing:border-box}.earn-grid article em{display:block;margin-top:15px;color:var(--cyan);font-style:normal;font-weight:800;font-size:13px}.ticker a{color:inherit}@media(max-width:800px){.market-mini{grid-template-columns:1fr}}

.live-chart-panel{margin-top:22px;background:linear-gradient(145deg,#081126,#060b18);border:1px solid #1c3459;border-radius:20px;padding:16px;overflow:hidden}
.live-chart-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}
.live-chart-head>div:first-child{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.live-chart-head strong{font-size:18px}.live-chart-head small{color:#8fa0c2}
.live-dot{width:9px;height:9px;border-radius:50%;background:#20e6a0;box-shadow:0 0 12px #20e6a0;display:inline-block}
.chart-switch{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.chart-switch button{border:1px solid #27436d;background:#0c1730;color:#dce8ff;border-radius:9px;padding:8px 11px;font-weight:800;cursor:pointer}
.chart-switch button.active{background:linear-gradient(90deg,#087cff,#7c35ff);border-color:transparent}
.live-chart-panel iframe{display:block;width:100%;height:500px;border:0;border-radius:14px;background:#050816}
.travel-feature{display:grid;grid-template-columns:1.4fr .9fr;gap:0;background:#071127;border:1px solid #1d355d;border-radius:24px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.2)}
.travel-feature img{width:100%;height:100%;min-height:320px;object-fit:cover;object-position:center}
.travel-copy{padding:42px;display:flex;flex-direction:column;justify-content:center}.travel-copy h3{font-size:34px;line-height:1.05;margin:10px 0}.travel-copy p:not(.eyebrow){color:#9ba8c7}.travel-copy small{color:#7284a8}
.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.partner-card{background:linear-gradient(145deg,#0d1831,#091126);border:1px solid #1c3459;border-radius:18px;padding:22px;display:flex;flex-direction:column}.partner-logo{height:82px;background:#fff;border-radius:12px;display:grid;place-items:center;overflow:hidden;margin-bottom:18px}.partner-logo img{width:180px;height:75px;object-fit:contain}.partner-logo.text-logo{font-weight:950;font-size:24px;letter-spacing:1px;color:#13274a}.partner-card>span{font-size:10px;letter-spacing:1.5px;font-weight:900;color:var(--cyan)}.partner-card h3{font-size:23px;margin:9px 0 5px}.partner-card p{color:#8fa0c2;font-size:14px;flex:1}.partner-card .btn{margin-top:14px;text-align:center}.partner-note{margin-top:18px;padding:14px 16px;border:1px dashed #29446c;border-radius:12px;color:#8798ba;font-size:12px}
.footer-brand img{width:300px;max-width:80vw;height:auto;display:block}
@media(max-width:900px){.partner-grid{grid-template-columns:1fr}.travel-feature{grid-template-columns:1fr}.live-chart-head{align-items:flex-start;flex-direction:column}.chart-switch{justify-content:flex-start}.live-chart-panel iframe{height:430px}}
@media(max-width:600px){.footer-brand img{width:240px}.travel-copy{padding:28px}.travel-copy h3{font-size:28px}.live-chart-panel iframe{height:390px}}

.back{display:inline-flex;align-items:center;gap:8px;font-weight:900;color:#eaf3ff;background:#0c1730;border:1px solid #28436c;border-radius:10px;padding:10px 14px;margin:0 0 14px}.back:hover{border-color:var(--cyan);color:#fff}.nav-account{padding:8px 12px;border:1px solid #28436c;border-radius:9px;color:#fff}.nav-account:hover{border-color:var(--cyan)}

/* 2026 Marvion visual polish: brighter premium navy, clearer brand presence */
:root{--bg:#081126;--panel:#101d38;--panel2:#142442;--line:#29446c;--muted:#aebbd4}
body{background:#081126}
header{background:rgba(8,17,38,.94);border-bottom-color:#294b78;box-shadow:0 8px 30px rgba(0,0,0,.18)}
.brand{min-width:240px;overflow:visible}.brand img{width:190px;height:58px;object-fit:contain;border-radius:0;box-shadow:none;filter:drop-shadow(0 0 10px rgba(25,230,255,.22))}
.hero{background:radial-gradient(circle at 80% 35%,rgba(47,114,255,.34),transparent 30%),radial-gradient(circle at 55% 70%,rgba(168,85,247,.20),transparent 34%),linear-gradient(135deg,#081126,#0c1b3b 55%,#0b1028)}
.section{background:#0a1429}.section.alt{background:linear-gradient(180deg,#0d1a34,#102044)}
.card,.ticker,.servicegrid article,.earn-grid article,.partner-card{background:linear-gradient(145deg,#142442,#0d1932);border-color:#29466e}
.dark{background:linear-gradient(135deg,#081126,#0d1b36)}
.feature{background:linear-gradient(145deg,#12213d,#0c1730);border-color:#29466e}
.contact{background:radial-gradient(circle at 50% 0,#24457e,#0a1429 48%)}
footer{background:#07101f;border-top-color:#29446c}.footer-brand img{filter:drop-shadow(0 0 12px rgba(25,230,255,.18))}
@media(max-width:700px){.brand{min-width:0}.brand img{width:145px;height:48px}}
/* Marvion visibility + brighter premium theme */
.brand{background:#f8fbff;border:1px solid rgba(255,255,255,.9);border-radius:14px;padding:5px 12px;min-width:0;box-shadow:0 8px 28px rgba(0,0,0,.18)}
.card,.feature,.ticker,.servicegrid article,.earn-grid article,.studentgrid a,.market-panel{background:linear-gradient(145deg,#14294b,#0e1f3c);border-color:#284a78}
.card p,.servicegrid p,.earn-grid p,.studentgrid span,.market-panel span{color:#b8c7df}
.contact{background:radial-gradient(circle at 50% 0,#244b84,#0b1730 48%)}
@media(max-width:700px){.brand{padding:4px 8px}.brand img{width:145px;height:50px}}

/* Professional Marvion logo presentation */
header .brand{
  background:rgba(255,255,255,.94);
  border:1px solid rgba(255,255,255,.72);
  border-radius:11px;
  padding:4px 9px;
  min-width:0;
  box-shadow:0 5px 16px rgba(0,0,0,.16);
}
header .brand img{
  width:142px;
  height:44px;
  object-fit:contain;
  object-position:left center;
  box-shadow:none;
  filter:saturate(.86) brightness(.88) contrast(1.04);
}
.footer-brand{
  background:rgba(255,255,255,.94);
  border:1px solid rgba(255,255,255,.72);
  border-radius:11px;
  padding:7px 10px;
  box-shadow:0 5px 16px rgba(0,0,0,.14);
}
.footer-brand img{
  width:150px;
  height:52px;
  object-fit:contain;
  filter:saturate(.86) brightness(.88) contrast(1.04);
}
@media(max-width:700px){
  header .brand{padding:3px 7px;border-radius:9px}
  header .brand img{width:122px;height:38px}
  .footer-brand img{width:138px;height:48px}
}

/* Final logo + brightness polish: preserve Marvion layout, remove logo backing panels */
header .brand{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;min-width:0!important}
header .brand img{width:154px!important;height:54px!important;object-fit:contain!important;object-position:left center!important;filter:drop-shadow(0 2px 8px rgba(31,115,255,.24))!important}
.footer-brand{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;width:max-content}
.footer-brand img{width:172px!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 2px 8px rgba(31,115,255,.18))!important}
/* Gentle lift only where the dark theme was visually heavy */
.section{background:#0d1930}
.section.alt{background:linear-gradient(180deg,#112344,#16325a)}
.card,.ticker,.servicegrid article,.earn-grid article,.partner-card,.studentgrid a,.market-panel{background:linear-gradient(145deg,#183154,#102442);border-color:#315783}
.feature{background:linear-gradient(145deg,#172d4d,#10223e);border-color:#315783}
.dark{background:linear-gradient(135deg,#0d1b34,#15315a)}
footer{background:#0a172b}
@media(max-width:700px){header .brand img{width:132px!important;height:46px!important}.footer-brand img{width:150px!important}}
.install-app{font:inherit;font-weight:800;border:1px solid rgba(73,135,214,.45);background:#eef5ff;color:#173b70;border-radius:10px;padding:.62rem .9rem;cursor:pointer}.install-app:hover{background:#e1edff}.install-app[hidden]{display:none!important}

/* Marvion cross-platform app install section */
.app-install-section{padding:72px 6%;background:linear-gradient(180deg,#f7fbff 0%,#eef6ff 100%);color:#0b1830}
.app-install-wrap{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:stretch}
.app-install-copy,.app-install-card{background:#fff;border:1px solid rgba(29,101,190,.14);border-radius:22px;padding:30px;box-shadow:0 14px 38px rgba(22,66,120,.08)}
.app-install-copy h2{font-size:clamp(2rem,4vw,3.4rem);margin:.2rem 0 .8rem;line-height:1.04}.app-install-copy>p{color:#52657f;max-width:720px}
.app-platforms{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.app-platforms span{border:1px solid #d8e6f7;background:#f7fbff;border-radius:999px;padding:9px 13px;font-weight:700;font-size:.88rem}
.app-install-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.app-install-actions button{font:inherit}
.app-install-note{font-size:.84rem;color:#667892;margin-top:14px}.app-install-card h3{margin-top:0}.install-steps{display:grid;gap:13px;margin-top:16px}.install-step{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:14px;background:#f6f9fd}.install-step b{display:grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:#e3efff;color:#135cae}.install-step p{margin:2px 0;color:#52657f}.install-status{margin-top:18px;padding:12px 14px;border-radius:12px;background:#eef7ff;color:#24547f;font-weight:700}
@media(max-width:820px){.app-install-section{padding:52px 18px}.app-install-wrap{grid-template-columns:1fr}.app-install-copy,.app-install-card{padding:22px}}

/* Marvion app installation UX */
#openInstallGuide{cursor:pointer}.install-guide-modal[hidden]{display:none!important}.install-guide-modal{position:fixed;inset:0;z-index:1000;background:rgba(3,10,24,.72);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.install-guide-dialog{position:relative;width:min(920px,100%);max-height:90vh;overflow:auto;background:#fff;color:#0b1830;border-radius:22px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.install-guide-dialog h2{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.08;margin:.25rem 0 1.2rem}.install-guide-close{position:absolute;right:18px;top:14px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#eef5ff;color:#0b1830;font-size:28px;cursor:pointer}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guide-grid article{padding:18px;border-radius:15px;background:#f4f8fd;border:1px solid #dceafa}.guide-grid h3{margin:0 0 7px}.guide-grid p{margin:0;color:#52657f}.guide-tip{margin:16px 0 0;padding:14px;border-radius:13px;background:#eaf5ff;color:#24547f;font-weight:700}.modal-open{overflow:hidden}
@media(max-width:700px){nav a[href="#get-app"]{order:-1;background:linear-gradient(90deg,#087cff,#8c3cff,#f52ab9);color:#fff;padding:12px 14px;border-radius:11px;text-align:center}.app-install-actions{display:grid;grid-template-columns:1fr}.app-install-actions .btn{width:100%}.guide-grid{grid-template-columns:1fr}.install-guide-dialog{padding:24px 18px}.install-guide-close{right:10px;top:10px}}