/* Fortis cabinet: navigation, account and plan launch. */
.bottom-deck{display:none}
.cabinet-nav{display:flex;flex-direction:column;gap:6px}
.cabinet-nav-item{position:relative;display:flex;align-items:center;gap:14px;min-height:56px;padding:14px 18px;border:0;border-radius:3px;background:none;color:#8f999f;text-align:start;font-size:13px;transition:background .2s,color .2s}
.cabinet-nav-item .nav-symbol{display:grid;place-items:center;width:26px;height:26px;flex:none}
.cabinet-nav-item .icon{width:21px;height:21px}
.cabinet-nav-item:hover,.cabinet-nav-item.is-selected{background:linear-gradient(90deg,#cbb17a15,transparent);color:#e2c99a}
.cabinet-nav-item.is-selected::before{content:"";position:absolute;inset-inline-start:0;top:17px;bottom:17px;width:2px;background:#cbb17a}
.cabinet-footer{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:26px 64px;max-width:1452px;margin:55px clamp(28px,4vw,64px) 0;padding:38px 0 28px;border-top:1px solid #cbb17a35}
.cabinet-footer::before{content:"";position:absolute;top:-1px;inset-inline-start:0;width:90px;height:1px;background:#e6d1a5}
.footer-signature{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.footer-signature>a{display:flex;align-items:center;gap:17px;color:#d9c49b;text-decoration:none}
.footer-signature .diamond-mark{width:34px;height:34px;stroke-width:1.2}
.footer-signature>a>span{font:47px/1 var(--serif);letter-spacing:4px}
.footer-signature>small{font-size:8px;letter-spacing:4px;margin-inline-start:52px;color:#859199}
.footer-services{display:flex;flex-direction:column;align-self:start;max-width:340px;width:100%;justify-self:end}
.footer-services>button{display:flex;align-items:center;gap:13px;padding:12px 0;background:none;border:0;color:#a5afb5;min-height:46px;text-align:start;font-size:12px}
.footer-services>button+button{border-top:1px solid #ffffff0b}
.footer-services>button>.icon{width:17px;height:17px;color:#cbb17a}
.footer-services>button>.icon:last-child,.footer-services>button>b{margin-inline-start:auto}
.footer-services>button>b{font-size:10px;color:#cbb17a;letter-spacing:1px}
.footer-services>button:hover{color:#f4ede0}
.footer-imprint{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-top:23px;border-top:1px solid #ffffff09;font-size:8px;letter-spacing:1.5px;color:#68757c}
.home-launchpad{margin:0 0 43px}
.home-launchpad>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:21px}
.home-launchpad>header>div{display:flex;align-items:center;gap:12px}
.home-launchpad h2{font-size:29px;font-weight:400;margin:0}
.launch-emblem{color:#cbb17a;display:grid;place-items:center;width:33px;height:33px;border:1px solid #cbb17a26;border-radius:9px}
.launch-emblem>.icon{width:18px;height:18px}
.home-programmes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.home-programme{--tone:#c9d2d8;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:24px 21px 0;min-width:0;border:1px solid #c1cad31f;border-radius:20px;background:linear-gradient(150deg,#222a31 0%,#12181d 55%,#0f1418 100%);transition:border-color .2s,transform .2s}
.home-programme::before{content:"";position:absolute;z-index:-1;inset:0 0 auto auto;width:130px;height:130px;background:radial-gradient(at 100% 0,#bac9da14,transparent 70%);pointer-events:none}
.home-programme:hover{transform:translateY(-3px);border-color:#cbb17a66}
.programme-tone-1{--tone:#e3bd77;background:linear-gradient(150deg,#30291e,#171715 60%,#111514);border-color:#cbb17a38}
.programme-tone-2{--tone:#dce4e7;background:linear-gradient(150deg,#2b3238,#171d22 60%,#13181d)}
.programme-tone-3{--tone:#e5cd9b;background:linear-gradient(150deg,#242126,#131218 60%,#0c1014);border-color:#cbb17a45}
.home-programme-name{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:26px}
.home-programme-title{font:20px/1.2 var(--serif);margin:0;color:var(--tone)}
.home-programme-name>.diamond-mark{width:22px;height:22px;flex:none;color:var(--tone);opacity:.65}
.home-programme-rate{display:flex;flex-direction:column;gap:5px;margin:24px 0 20px}
.home-programme-rate>strong{font:48px/.95 var(--serif);font-variant-numeric:tabular-nums;color:#f2ede4;letter-spacing:-2px}
.home-programme-rate>strong>small{font:22px var(--serif);margin-inline-start:4px;letter-spacing:0;color:var(--tone)}
.home-programme-rate>span{font-size:9px;color:#9eaaaf;line-height:1.5}
.home-programme-terms{display:flex;flex-direction:column;gap:7px;color:#a4adb1;font-size:10px;line-height:1.6;margin-bottom:22px}
.home-programme-terms>span+span{color:#e2dcd1}
.home-programme-cta{display:flex;align-items:center;justify-content:space-between;gap:8px;background:none;border:0;border-top:1px solid #ffffff12;color:var(--tone);font-size:12px;text-align:start;padding:17px 0;margin-top:auto;min-height:54px}
.home-programme-cta>.icon{width:17px;height:17px;transition:transform .2s}
.home-programme-cta:hover>.icon{transform:translateX(3px)}
.menu-money-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:5px 0 18px}
.menu-money-actions>button{display:flex;align-items:center;gap:12px;padding:19px 17px;border:1px solid #bda37140;background:#cbb17a12;border-radius:13px;color:#e2ca9b;font-size:13px}
.menu-money-actions>button:last-child{background:#ffffff04;border-color:#ffffff17;color:#d5dde0}
.menu-money-actions .icon{width:21px;height:21px}
.account-settings{max-width:1000px;margin:0 auto}
.account-passport{position:relative;overflow:hidden;border:1px solid #d4bc8e39;border-radius:5px;background:linear-gradient(110deg,#1b242b,#151b20 65%,#252622);padding:35px 38px}
.account-passport::after{content:"";position:absolute;inset:0 0 0 auto;width:32%;background:repeating-linear-gradient(125deg,transparent 0 38px,#d7c19705 39px 40px);pointer-events:none}
.passport-person{display:flex;align-items:center;gap:21px;position:relative;z-index:1}
.passport-avatar{display:grid;place-items:center;flex:none;width:65px;height:65px;font:34px var(--serif);border:1px solid #d4bc8e55;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,#cfb78328,#cfb78304);color:#e4cea1}
.passport-person h2{font:38px/1.1 var(--serif);margin:0 0 10px;color:#f1e8d8;overflow-wrap:anywhere}
.passport-person p{margin:0;color:#8999a3;font-size:12px;overflow-wrap:anywhere}
.passport-seal{margin-inline-start:auto;align-self:center;padding-inline-start:12px;color:#c8b086}
.passport-seal>.diamond-mark{width:57px;height:49px;stroke-width:.8}
.passport-facts{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:32px;padding:26px 0;border-block:1px solid #c6b3871f;position:relative;z-index:1}
.passport-facts>div,.passport-id{display:grid;grid-template-columns:1fr auto;gap:10px 12px;align-items:center;text-align:start}
.passport-id{border:0;padding:0;background:none;color:#ddd5c8}
.passport-facts span{font-size:10px;letter-spacing:.2px;color:#8998a2;grid-column:1/-1}
.passport-facts strong{font:21px/1.2 var(--serif);font-variant-numeric:tabular-nums;font-weight:400;overflow-wrap:anywhere}
.passport-id strong{font:24px/1.2 var(--sans);font-weight:400;letter-spacing:.5px}
.passport-id>.icon{width:17px;height:17px;margin-inline-end:25px;color:#c5ae83}
.passport-language{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:21px;font-size:12px}
.passport-language>span{display:flex;align-items:center;gap:10px;color:#8998a2}
.passport-language>span>.icon{width:17px;height:17px}
.passport-language>button{display:flex;align-items:center;gap:15px;padding:11px 0 11px 15px;background:none;border:0;color:#e1d7c5;min-height:44px}
.passport-language b{font-weight:400;font-size:12px}
.passport-language button>span{font-size:9px;color:#cbb17a;border:1px solid #cbb17a38;padding:5px;border-radius:4px}
.passport-language button>.icon{width:14px;height:14px}
.account-receipts{margin-top:46px}
.account-receipts>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:23px;border-bottom:1px solid #cbb17a35}
.account-receipts h2{font:30px/1.2 var(--serif);margin:0 0 9px}
.account-receipts header p{font-size:11px;color:#798993;margin:0}
.account-receipts .text-btn{font-size:12px;flex-shrink:0}
.account-transaction{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto 18px;align-items:center;gap:18px;padding:23px 0;border:0;border-bottom:1px solid #ffffff0a;background:none;text-align:start;transition:background .2s}
.account-transaction:hover{background:#ffffff02}
.transaction-direction{display:grid;place-items:center;width:38px;height:38px;border:1px solid #a0b4bf30;border-radius:50%;color:#a3b4bd}
.transaction-direction>.icon{width:18px;height:18px}
.account-transaction.is-credit .transaction-direction{border-color:#cbb17a30;color:#cbb17a;background:#cbb17a07}
.transaction-description{min-width:0}
.transaction-description b{display:block;font-size:12px;font-weight:400;line-height:1.5;color:#d7dee0;overflow-wrap:anywhere}
.transaction-description time{display:block;margin-top:7px;font-size:10px;color:#7c8c95}
.transaction-value{display:flex;flex-direction:column;gap:6px;text-align:end}
.transaction-value strong{font:23px/1 var(--serif);font-variant-numeric:tabular-nums;color:#d7dee0;white-space:nowrap}
.account-transaction.is-credit .transaction-value strong{color:#d7bd88}
.transaction-value small{font-size:8px;letter-spacing:1px;color:#7c8c95}
.account-transaction>.icon{width:13px;height:13px;color:#6b7c86}
.account-session{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;color:#7b8b94}
.account-session>span,.account-session>button{display:flex;align-items:center;gap:9px;font-size:11px}
.account-session .icon{width:16px;height:16px}
.account-session>button{border:0;background:none;color:#c5b59b;min-height:46px;padding:8px 0 8px 20px}
.network-totals>span{border:0!important}
@media(min-width:1700px){.cabinet-footer{margin-inline:auto}}
@media(max-width:1200px) and (min-width:821px){.home-programmes{grid-template-columns:repeat(2,minmax(0,1fr))}.cabinet-footer{margin-inline:30px;gap:25px}.home-programme-title{font-size:22px}}
@media(max-width:820px){
 .bottom-deck{display:block;position:fixed;inset:auto 0 0;z-index:50;background:#10161bf5;border-top:1px solid #cbb17a45;box-shadow:0 -12px 50px #0005;backdrop-filter:blur(20px);padding:0 9px env(safe-area-inset-bottom,0px)}
 .deck-nav{display:grid;grid-template-columns:1fr 1fr 1.12fr 1fr 1fr;max-width:680px;margin:0 auto;align-items:stretch;min-height:80px}
 .deck-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:13px 2px 9px;background:none;border:0;color:#7e8d97;min-width:0;min-height:80px;text-align:center;transition:color .2s}
 .deck-item>.nav-symbol{width:27px;height:27px;display:grid;place-items:center;flex:none}
 .deck-item .icon{width:22px;height:22px;stroke-width:1.45}
 .deck-item>.nav-label{font-size:9px;line-height:1.35;max-width:80px;font-weight:400;white-space:normal}
 .deck-item.is-selected{color:#e3cc9e}
 .deck-item.is-selected::after{content:"";position:absolute;bottom:3px;width:3px;height:3px;background:#d3b780;border-radius:50%}
 
 
 
 
 
 .cabinet-footer{max-width:634px;margin:18px 23px 0;padding:30px 0 calc(106px + env(safe-area-inset-bottom,0px));grid-template-columns:1fr;gap:24px;border-top-color:#cbb17a35}
 .footer-signature{gap:9px}
 .footer-signature>a{gap:13px}
 .footer-signature>a>span{font-size:42px;letter-spacing:4px}
 .footer-signature .diamond-mark{width:29px;height:29px}
 .footer-signature>small{margin-inline-start:43px;font-size:7px;letter-spacing:3px}
 .footer-services{max-width:none;justify-self:stretch;display:grid;grid-template-columns:1.2fr 1fr;gap:15px;padding-block:13px;border-block:1px solid #ffffff0b}
 .footer-services>button{font-size:10px;gap:8px;padding:5px 0;min-height:42px}
 .footer-services>button+button{border:0;border-inline-start:1px solid #ffffff12;padding-inline-start:15px}
 .footer-services>button>.icon{width:15px;height:15px;flex:none}
 .footer-services>button>.icon:last-child{display:none}
 .footer-services>button>b{font-size:9px}
 .footer-imprint{border:0;padding:0;font-size:7px;letter-spacing:1px;gap:15px}
 .home-launchpad{margin-bottom:33px}
 .home-launchpad>header{margin-bottom:17px;gap:8px}
 .home-launchpad>header>div{gap:9px}
 .home-launchpad h2{font-size:25px}
 .launch-emblem{width:28px;height:28px;border-radius:8px}
 .launch-emblem>.icon{width:15px;height:15px}
 .home-launchpad .text-btn{font-size:10px;gap:5px;min-height:44px}
 .home-launchpad .text-btn>.icon{width:14px;height:14px}
 .home-programmes{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .home-programme{padding:20px 16px 0;border-radius:17px}
 .home-programme-name{gap:5px;min-height:28px}
 .home-programme-title{font-size:19px}
 .home-programme-name>.diamond-mark{width:18px;height:18px}
 .home-programme-rate{margin:20px 0 16px;gap:6px}
 .home-programme-rate>strong{font-size:44px}
 .home-programme-rate>strong>small{font-size:19px}
 .home-programme-rate>span{font-size:9px}
 .home-programme-terms{font-size:9px;gap:5px;margin-bottom:16px}
 .home-programme-cta{font-size:11px;min-height:48px;padding:14px 0}
 .home-programme-cta>.icon{width:16px;height:16px}
 .menu-money-actions{gap:10px;margin:0 0 20px}
 .menu-money-actions>button{font-size:12px;padding:17px 14px;border-radius:11px}
 .menu-money-actions .icon{width:18px;height:18px}
 .account-passport{padding:25px 22px;border-radius:4px}
 .passport-person{gap:14px}
 .passport-avatar{width:49px;height:49px;font-size:28px}
 .passport-person h2{font-size:29px;margin-bottom:7px}
 .passport-person p{font-size:10px}
 .passport-seal{padding-inline-start:0}
 .passport-seal>.diamond-mark{width:36px;height:33px}
 .passport-facts{gap:20px;margin-top:25px;padding:22px 0;grid-template-columns:1fr}
 .passport-facts>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
 .passport-facts span{font-size:9px}
 .passport-facts strong{font-size:15px}
 .passport-id{gap:10px}
 .passport-id strong{font-size:25px}
 .passport-id>.icon{margin:0;width:17px;height:17px}
 .passport-language{padding-top:14px;gap:8px;font-size:11px}
 .passport-language>button{gap:10px;padding-inline-start:8px}
 .passport-language b{font-size:11px}
 .passport-language button>span{font-size:8px;padding:4px}
 .account-receipts{margin-top:32px}
 .account-receipts>header{align-items:flex-start;gap:7px;padding-bottom:18px;flex-wrap:wrap}
 .account-receipts h2{font-size:26px;max-width:230px;margin-bottom:8px}
 .account-receipts header p{font-size:10px}
 .account-receipts .text-btn{font-size:10px;margin-inline-start:auto;min-height:36px;gap:5px}
 .account-receipts .text-btn>.icon{width:14px;height:14px}
 .account-transaction{grid-template-columns:30px minmax(0,1fr) auto;gap:10px;padding:21px 0}
 .transaction-direction{width:29px;height:29px}
 .transaction-direction>.icon{width:15px;height:15px}
 .transaction-description b{font-size:10px;line-height:1.6}
 .transaction-description time{font-size:8px;margin-top:6px}
 .transaction-value strong{font-size:20px;letter-spacing:-.3px}
 .transaction-value small{font-size:7px}
 .account-transaction>.icon{display:none}
 .account-session{margin-top:21px;gap:10px}
 .account-session>span,.account-session>button{font-size:10px}
 .account-session>span>.icon{width:14px;height:14px;flex:none}
 .network-totals{display:block!important}
 .network-totals>span{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding-inline:0!important}
 .toast{bottom:calc(97px + env(safe-area-inset-bottom,0px))}
 .fortis-demo-tools{bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}
}
@media(min-width:681px) and (max-width:820px){.cabinet-footer{margin-inline:auto}.home-programmes{grid-template-columns:repeat(4,minmax(0,1fr))}.home-programme{padding-inline:12px}.home-programme-title{font-size:17px}.home-programme-name>.diamond-mark{display:none}}
@media(max-width:359px){.bottom-deck{padding-inline:4px}.deck-item>.nav-label{font-size:8px}.cabinet-footer{margin-inline:18px}.home-programme{padding-inline:13px}.home-programme-title{font-size:17px}.home-programme-name>.diamond-mark{width:15px}.home-launchpad h2{font-size:23px}.launch-emblem{display:none}.passport-facts>div{align-items:flex-start;flex-direction:column;gap:8px}.account-passport{padding-inline:19px}.transaction-value strong{font-size:17px}.account-transaction{gap:8px}}
@media(prefers-reduced-motion:reduce){.home-programme,.home-programme-cta>.icon,.deck-item,.cabinet-nav-item{transition:none}.home-programme:hover{transform:none}}
