@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&display=swap');
:root{--v2-ink:#15352b;--v2-forest:#07583f;--v2-green:#0d7a54;--v2-lime:#d9ee8f;--v2-cream:#f5f0e5;--v2-paper:#fffdf8;--v2-orange:#ed6d32;--v2-line:#d8dfd6;--v2-shadow:0 26px 80px rgba(16,58,43,.13)}
.marketing-page,.portal-page{color:var(--v2-ink);background:var(--v2-cream);font-family:"Be Vietnam Pro",sans-serif}.marketing-page h1,.marketing-page h2,.marketing-page h3,.portal-page h1,.portal-page h2,.portal-page h3{font-family:"Bricolage Grotesque","Be Vietnam Pro",sans-serif}.marketing-page::before,.portal-page::before{background:radial-gradient(circle at 90% 5%,rgba(237,109,50,.17),transparent 24%),linear-gradient(rgba(7,88,63,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,88,63,.035) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px}
.marketing-page .site-header{background:rgba(245,240,229,.91);border-bottom:1px solid rgba(21,53,43,.1)}.marketing-page .nav{height:82px}.marketing-page .brand-mark,.portal-page .brand-mark{border-radius:50% 50% 50% 18%;background:var(--v2-forest);box-shadow:0 10px 24px rgba(7,88,63,.24)}.nav-text-btn{border:0;background:transparent;color:inherit;font:inherit;font-weight:600}.nav-text-btn:hover{color:var(--v2-green)}.marketing-page .btn-primary,.portal-page .btn-primary{background:var(--v2-forest)}.marketing-page .btn-orange{background:var(--v2-orange)}.order-now{white-space:nowrap}
.marketing-page .hero{padding:108px 0 84px}.marketing-page .hero h1{font-size:clamp(52px,7vw,92px);max-width:760px}.marketing-page .hero h1 span{color:var(--v2-green);text-decoration:underline;text-decoration-color:var(--v2-lime);text-decoration-thickness:.14em;text-underline-offset:.08em}.marketing-page .product-window{background:var(--v2-forest);transform:rotate(-1deg);border:8px solid rgba(255,255,255,.4)}.marketing-page .stage-orbit{border-color:rgba(237,109,50,.38)}.marketing-page .float-card{border:1px solid rgba(21,53,43,.08)}
.campaign-section{padding-top:35px}.campaign-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:14px}.campaign-lead,.campaign-card{border-radius:25px;padding:27px;background:var(--v2-paper);border:1px solid rgba(21,53,43,.1)}.campaign-lead{background:var(--v2-forest);color:#fff;padding:38px}.campaign-lead .eyebrow{color:var(--v2-lime)}.campaign-lead h2{font-size:38px;margin:16px 0}.campaign-lead p{color:#cbe0d5}.campaign-card{display:flex;flex-direction:column;justify-content:flex-end;min-height:310px}.campaign-card>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:auto;border-radius:50%;background:var(--v2-lime);font-weight:800}.campaign-card h3{font-size:22px;margin:20px 0 10px}.campaign-card p{margin:0;color:#65776f;font-size:14px}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-card{padding:12px 12px 22px;border:1px solid var(--v2-line);border-radius:24px;background:#fff}.video-cover{aspect-ratio:16/10;display:grid;place-items:center;align-content:center;gap:9px;border-radius:17px;background:linear-gradient(135deg,#123d31,#0d7a54);color:#fff}.video-cover.warm{background:linear-gradient(135deg,#a8461e,#ed6d32)}.video-cover.mint{background:linear-gradient(135deg,#b4d65e,#e3f2a8);color:var(--v2-ink)}.video-cover span{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:rgba(255,255,255,.16);font-size:20px}.video-cover small{font-size:10px;letter-spacing:.12em;font-weight:800}.video-card h3{font-size:20px;margin:18px 8px 8px}.video-card p{margin:0 8px;color:#66786f;font-size:13px}
.download-options{display:grid;gap:10px}.download-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px}.download-item.add-ready{grid-template-columns:minmax(0,1fr) auto}.platform-logo,.app-platform{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff}.platform-logo img,.app-platform img{display:block;width:27px;height:27px}.platform-logo.windows,.app-platform.windows{background:#e7f4ff}.platform-logo.android,.app-platform.android{background:#e5f8ec}.platform-logo.apple,.app-platform.apple{background:#eef1ef}.download-btn{display:inline-flex;align-items:center;justify-content:center;min-width:118px;padding:10px 14px;border:1px solid #b9c7bc;border-radius:11px;background:#fff;color:var(--v2-green);font-weight:800}.download-btn-ready{border-color:transparent;background:var(--v2-lime);color:var(--v2-ink);box-shadow:0 8px 20px rgba(7,88,63,.18)}.add-ready{border-style:dashed}.download-dialog{width:min(720px,calc(100% - 24px));padding:0;border:0;border-radius:28px;background:transparent}.download-dialog::backdrop{background:rgba(6,35,26,.7);backdrop-filter:blur(7px)}.download-modal{padding:26px;border-radius:28px;background:var(--v2-paper);box-shadow:var(--v2-shadow)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.modal-head h2{font-size:34px;margin-top:10px}.modal-head>button{width:42px;height:42px;border:0;border-radius:50%;background:#e8ece7;font-size:25px}.download-app-list{display:grid;gap:10px;margin:24px 0}.download-app-list article{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border:1px solid var(--v2-line);border-radius:17px;background:#fff}.download-app-list small{display:block;color:#718078}.download-app-list button,.download-modal-link{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border:0;border-radius:10px;background:#edf5ee;color:var(--v2-green);font-weight:800}.download-modal-link{background:var(--v2-green);color:#fff}.mobile-order-link{display:flex;justify-content:space-between;gap:20px;padding:18px;border-radius:17px;background:var(--v2-forest);color:#fff}.mobile-order-link span{color:#bdd8cc}
.portal-page .app-header{background:rgba(245,240,229,.94);border-bottom-color:rgba(21,53,43,.1)}.portal-head-actions,.dashboard-actions{display:flex;gap:9px}.portal-page .auth-story{background:linear-gradient(150deg,#063e2e,#0d7451)}.portal-page .auth-card,.portal-page .panel-card,.portal-page .side-card{border-color:rgba(21,53,43,.11);box-shadow:0 18px 55px rgba(17,55,42,.08)}.wallet-mini{display:grid;gap:2px;margin-top:18px;padding:12px;border-radius:14px;background:#eef5e8}.wallet-mini small{color:#718078}.wallet-mini b{font:800 20px "Bricolage Grotesque";color:var(--v2-green)}.account-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;padding:34px;border-radius:26px;background:linear-gradient(135deg,#073e2f,#0c7553);color:#fff;box-shadow:var(--v2-shadow)}.account-hero h2{font-size:36px;margin:12px 0}.account-hero p{margin:0;color:#c7ddd3}.balance-orb{display:grid;place-items:center;min-width:210px;aspect-ratio:1;border-radius:50%;background:var(--v2-lime);color:var(--v2-ink)}.balance-orb small{font-weight:800;letter-spacing:.12em}.balance-orb strong{font:800 29px "Bricolage Grotesque"}.balance-orb button{border:0;background:transparent;color:var(--v2-green);font-weight:800}.account-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.account-shortcuts button,.account-shortcuts a{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid var(--v2-line);border-radius:18px;background:#fff;text-align:left;color:inherit}.account-shortcuts i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#edf5e8;color:var(--v2-green);font-style:normal;font-size:20px}.account-shortcuts span{display:grid}.account-shortcuts small{color:#718078}.wallet-balance{font:800 25px "Bricolage Grotesque";color:var(--v2-green)}.topup-form{display:grid;gap:12px}.topup-form>label{font-weight:800}.topup-presets{display:flex;flex-wrap:wrap;gap:8px}.topup-presets button{padding:10px 13px;border:1px solid #b8c9bb;border-radius:11px;background:#f5faf5;color:var(--v2-green);font-weight:800}.topup-input{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px}.topup-input input{min-width:0;padding:13px;border:1px solid #b8c7bb;border-radius:12px}.topup-input span{font-weight:800}.topup-row{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--v2-line)}.topup-row:last-child{border:0}.topup-row div{display:grid}.topup-row small{color:#718078}.plan-pay-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.plan-pay-actions .btn{padding-inline:12px;font-size:12px}
@keyframes v2rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.marketing-page .hero-grid>div,.marketing-page .product-stage,.campaign-grid>*{animation:v2rise .65s both}.marketing-page .product-stage{animation-delay:.12s}.campaign-grid>:nth-child(2){animation-delay:.08s}.campaign-grid>:nth-child(3){animation-delay:.16s}.campaign-grid>:nth-child(4){animation-delay:.24s}
@media(max-width:1080px){.campaign-grid{grid-template-columns:1fr 1fr}.campaign-lead{grid-column:1/-1}.campaign-card{min-height:230px}.account-hero{grid-template-columns:1fr}.balance-orb{width:210px}.account-shortcuts{grid-template-columns:1fr}}
@media(max-width:680px){.marketing-page .nav{height:68px}.marketing-page .nav-actions .order-now{display:none}.marketing-page .hero{padding-top:55px}.campaign-grid,.video-grid{grid-template-columns:1fr}.campaign-lead{grid-column:auto;padding:27px}.campaign-lead h2{font-size:30px}.campaign-card{min-height:190px}.download-item{grid-template-columns:44px minmax(0,1fr)}.download-item .download-btn{grid-column:1/-1;width:100%}.download-item.add-ready{grid-template-columns:minmax(0,1fr) auto}.platform-logo{width:44px;height:44px}.download-app-list article{grid-template-columns:46px minmax(0,1fr)}.download-app-list article>button,.download-app-list article>.download-modal-link{grid-column:1/-1;width:100%}.mobile-order-link{flex-direction:column}.portal-head-actions .btn:first-child{display:none}.dashboard-head{gap:14px}.dashboard-actions{align-items:stretch;flex-direction:column}.account-hero{padding:24px}.account-hero h2{font-size:29px}.balance-orb{min-width:0;width:175px}.topup-input{grid-template-columns:1fr auto}.topup-input .btn{grid-column:1/-1}.plan-pay-actions{grid-template-columns:1fr}}