/* /sgreco_site/static/src/jusoor/jusoor.css */
 @font-face{font-family: "JsLama"; src: url("/sgreco_portal/static/src/fonts/LamaSans-400.ttf") format("truetype"); font-weight: 400; font-display: swap;}@font-face{font-family: "JsLama"; src: url("/sgreco_portal/static/src/fonts/LamaSans-500.ttf") format("truetype"); font-weight: 500; font-display: swap;}@font-face{font-family: "JsLama"; src: url("/sgreco_portal/static/src/fonts/LamaSans-700.ttf") format("truetype"); font-weight: 700; font-display: swap;}:root{--blue: #0DA4DB; --navy: #10153A; --navy-2: #1A2257; --navy-3: #0A0E28; --sky: #7FD6F7; --shemagh: #C8102E; --heritage: #B08A55; --bg: #F4F7FB; --paper: #FFFFFF; --ink: #10153A; --mut: #55607C; --line: #DCE2EC; --soft: #E8F6FC; --fam: #B4447A; --ok: #127A55; --grid: rgba(16,21,58,.06); --shadow: rgba(16,21,58,.35); --font: "JsLama", "LamaSans", "Segoe UI", Tahoma, sans-serif; --mono: ui-monospace, SFMono-Regular, Menlo, monospace; --ease: cubic-bezier(.2,.7,.2,1); --r: 20px; color-scheme: light;}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg: #080B1F; --paper: #11163A; --ink: #EEF3FB; --mut: #9AA6C4; --line: #252C5C; --soft: #0F2A44; --fam: #E07AAE; --grid: rgba(127,214,247,.06); --shadow: rgba(0,0,0,.6); color-scheme: dark;}:root:not([data-theme="light"]) .btn--solid{background: var(--blue);}}:root[data-theme="dark"]{--bg: #080B1F; --paper: #11163A; --ink: #EEF3FB; --mut: #9AA6C4; --line: #252C5C; --soft: #0F2A44; --fam: #E07AAE; --grid: rgba(127,214,247,.06); --shadow: rgba(0,0,0,.6); color-scheme: dark;}:root[data-theme="dark"] .btn--solid{background: var(--blue);}*{box-sizing: border-box;}html{scroll-behavior: smooth; -webkit-text-size-adjust: 100%;}.js-body{margin: 0; background: var(--bg); color: var(--ink); font: 400 16px/1.8 var(--font); overflow-x: hidden; overflow-wrap: anywhere;}a{color: inherit;}h1, h2, h3{line-height: 1.3; margin: 0; font-weight: 700;}p{margin: 0;}img{max-width: 100%;}.wrap{max-width: 1120px; margin-inline: auto; padding-inline: 16px;}.sr{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}.sym{position: absolute; width: 0; height: 0; overflow: hidden;}bdi{unicode-bidi: isolate;}.hero{position: relative; isolation: isolate; color: #fff; overflow: hidden; background: radial-gradient(120% 80% at 50% 0%, #1B2A6B 0%, var(--navy) 55%, var(--navy-3) 100%); min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column;}@media (min-height: 960px){.hero{min-height: 880px;}}.hero canvas{position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1;}.hero::after{content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(-180deg, rgba(10,14,40,0) 0%, rgba(10,14,40,.1) 38%, rgba(10,14,40,.78) 62%, rgba(10,14,40,.95) 100%);}.top{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-block: calc(18px + env(safe-area-inset-top, 0px)) 0;}.brand{display: flex; align-items: center; gap: 10px; text-decoration: none;}.brand-mark{width: 42px; height: 42px; flex: none; border-radius: 12px; display: grid; place-items: center; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16);}.brand-mark svg{width: 24px; height: 27px; fill: var(--blue);}.brand b{display: block; font-size: 15px;}.brand small{display: block; font-size: 12px; color: var(--sky); opacity: .85;}.coords{font: 500 11px/1.4 var(--mono); color: var(--sky); opacity: .7;}@media (max-width: 520px){.coords{display: none;}}.mark-zone{height: 220px; margin-block-start: 8px; pointer-events: none; display: grid; place-items: center;}.mark-static{height: 82%; width: auto; fill: var(--blue); opacity: .22; transition: opacity .6s;}.has-canvas .mark-static{opacity: 0;}@media (min-width: 1100px){.mark-zone{position: absolute; inset-inline-end: 4%; inset-block-start: 50%; width: 400px; height: 420px; margin: 0; transform: translateY(-50%);}.hero-in{margin-inline-start: 0;}}.hero-in{margin-block: auto 0; padding-block: 8px 28px; max-width: 640px; position: relative;}@media (min-width: 860px){.hero-in{margin-block: auto; padding-block: 56px 40px;}}@media (min-width: 1152px){.hero-in{margin-inline-start: calc(50% - 560px);}}.eyebrow{display: inline-flex; align-items: center; gap: 8px; padding: 4px 14px; border: 1px solid rgba(127,214,247,.4); border-radius: 999px; color: var(--sky); font-size: 14px; font-weight: 500; background: rgba(13,164,219,.1);}.eyebrow i{width: 7px; height: 7px; border-radius: 50%; background: var(--blue);}.hero h1{font-size: 40px; margin-block: 14px 4px;}.hero h1 .glow{background: linear-gradient(-180deg, #fff 20%, var(--sky)); -webkit-background-clip: text; background-clip: text; color: transparent;}.hero .sub{font-size: 18px; color: #C9D6F2; font-weight: 500;}.lead{margin-block: 14px 18px; color: #D5DEF3; max-width: 58ch;}@media (min-width: 600px){.hero h1{font-size: 56px;}.hero .sub{font-size: 20px;}}@media (min-width: 1000px){.hero h1{font-size: 72px;}.hero .sub{font-size: 22px;}}.facts-row{display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.12); border-radius: 16px; overflow: hidden;}@media (min-width: 860px){.facts-row{grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));}}.facts-row div{background: rgba(10,14,40,.55); padding: 10px 14px;}.facts-row small{display: block; font-size: 11px; color: var(--sky);}.facts-row b{display: block; font-size: 14px; font-weight: 500; line-height: 1.5;}.status{display: flex; align-items: center; gap: 10px; margin-block-start: 14px; font-size: 14px; color: #C9D6F2; min-height: 24px;}.status .dot{width: 9px; height: 9px; border-radius: 50%; background: #8A93B5; flex: none;}.status.is-open .dot{background: #3CE08E; animation: ping 2s infinite;}.status.is-open{color: #BFF5DA;}.js-count{margin-block-start: 6px; font-size: 13px; color: var(--sky);}.cta{display: flex; flex-wrap: wrap; gap: 10px; margin-block-start: 20px;}.btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 10px 20px; border-radius: 14px; font: 700 15px/1.2 var(--font); text-decoration: none; border: 0; cursor: pointer; transition: transform .25s var(--ease), box-shadow .25s, background .25s;}.btn:hover{transform: translateY(-2px);}.btn:focus-visible{outline: 3px solid var(--sky); outline-offset: 3px;}.btn--glow{background: var(--blue); color: #fff; box-shadow: 0 10px 30px -8px rgba(13,164,219,.7);}.btn--ghost{background: rgba(255,255,255,.08); color: #fff; border: 1px solid rgba(255,255,255,.22);}.btn--solid{background: var(--navy); color: #fff;}.btn--line{background: transparent; color: var(--ink); border: 1.5px solid var(--line);}.legend{display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12px; color: #AFC0E4; padding-block-end: 22px;}.legend span{display: inline-flex; align-items: center; gap: 6px;}.legend i{width: 10px; height: 10px; border-radius: 2px; display: inline-block;}.legend .lg-plot{background: #2A346E;}.legend .lg-mark{background: var(--blue);}.bridge{display: block; width: 100%; height: 64px; background: var(--navy-3);}.bridge path{fill: none;}.bridge .arch{stroke: rgba(127,214,247,.35); stroke-width: 1.2; stroke-dasharray: 3 6;}.bridge .deck{stroke: rgba(255,255,255,.22); stroke-width: 1;}.bridge .pier{stroke: rgba(127,214,247,.2); stroke-width: 1;}.bridge .pulse{stroke: var(--blue); stroke-width: 2.4; stroke-linecap: round; stroke-dasharray: 70 1600; stroke-dashoffset: 0; animation: flow 7s linear infinite;}.ticker{background: var(--navy-3); padding-block: 0 28px;}.ticker-in{display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.1); border-radius: var(--r); overflow: hidden;}@media (min-width: 760px){.ticker-in{grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));}}.stat{background: var(--navy); padding: 16px; display: flex; flex-direction: column; gap: 2px; color: #fff;}.stat b{font-size: 34px; line-height: 1.1; color: var(--sky); font-variant-numeric: tabular-nums;}.stat span{font-size: 13px; color: #AFC0E4;}@media (min-width: 760px){.stat b{font-size: 44px;}}.sec{padding-block: 72px 0;}.kicker{display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: var(--blue);}.kicker::before{content: ""; width: 18px; height: 2px; background: var(--blue); border-radius: 2px;}.sec h2{font-size: 28px; margin-block: 8px 10px;}@media (min-width: 760px){.sec h2{font-size: 40px;}}.sec .intro{color: var(--mut); max-width: 62ch;}.ask{display: inline-block; background: var(--blue); color: #fff; font-weight: 700; font-size: 15px; padding: 8px 16px; border-radius: 18px; border-end-start-radius: 4px; margin-block-end: 10px;}.ask-row{display: flex; justify-content: flex-end;}.thread{position: relative; display: flex; height: 3px; border-radius: 3px; background: var(--line); margin-block: 28px 0; overflow: hidden;}.thread i{display: block; flex: none; height: 100%; width: calc(var(--fill, 1) * 100%); background: linear-gradient(-270deg, var(--heritage), var(--blue));}.morph3{display: grid; gap: 16px; margin-block-start: 16px;}@media (min-width: 860px){.morph3{grid-template-columns: repeat(3, 1fr);}}.stage{position: relative; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r); padding: 20px; overflow: hidden; min-height: 290px; display: flex; flex-direction: column;}.stage-n{font: 700 12px/1 var(--mono); color: var(--heritage);}.stage:nth-child(2) .stage-n{color: #6E98A8;}.stage:nth-child(3) .stage-n{color: var(--blue);}.stage h3{font-size: 20px; margin-block: 8px 4px;}.stage p{color: var(--mut); font-size: 14px;}.stage .art{margin-block-start: auto; padding-block-start: 16px;}.stage svg{display: block; width: 100%; height: auto;}.land path{fill: none; stroke: var(--heritage); stroke-width: 1.5; stroke-dasharray: 6 5; opacity: .75;}.land .dune{stroke: var(--heritage); stroke-dasharray: none; opacity: .45;}.plan rect{fill: var(--soft); stroke: var(--blue); stroke-width: 1; transform-box: fill-box; transform-origin: center;}.plan rect.hl{fill: var(--blue);}.plan .road{fill: var(--grid); stroke: none;}.anim .plan rect{opacity: 0; transform: scale(.6); transition: opacity .5s, transform .6s var(--ease);}.anim .plan .road{opacity: 1; transform: none;}.anim .stage.on .plan rect{opacity: 1; transform: scale(1);}.dcard{border: 1px solid var(--line); border-radius: 14px; padding: 14px; background: linear-gradient(-180deg, var(--soft), transparent 70%); display: grid; gap: 8px; font-size: 13px;}.dcard-h{display: flex; align-items: center; justify-content: space-between; gap: 8px;}.dcard-h b{font-size: 15px;}.badge{font-size: 11px; font-weight: 700; padding: 2px 10px; border-radius: 999px; background: var(--blue); color: #fff;}.row{display: flex; justify-content: space-between; gap: 10px; align-items: center; color: var(--mut);}.bar{height: 8px; border-radius: 6px; background: var(--line); flex: 1; max-width: 55%; position: relative; overflow: hidden;}.bar::after{content: ""; position: absolute; inset: 0; background: linear-gradient(-90deg, transparent, rgba(13,164,219,.45), transparent); animation: shim 2.4s infinite;}.note{font-size: 12px; color: var(--mut); margin-block-start: 8px;}.nm{position: relative; margin-block-start: 72px; background: var(--navy-3); color: #EEF3FB; isolation: isolate;}.nm::before{content: ""; position: absolute; inset: 0; z-index: -1; opacity: .55; background: repeating-linear-gradient(0deg, rgba(127,214,247,.06) 0 1px, transparent 1px 18px), repeating-linear-gradient(-90deg, rgba(127,214,247,.06) 0 1px, transparent 1px 18px);}.nm-pin{padding-block: 56px; display: grid; gap: 24px; align-content: center;}.nm-head{display: flex; align-items: baseline; justify-content: space-between; gap: 12px;}.nm-head .kicker{color: var(--sky);}.nm-head .kicker::before{background: var(--sky);}.nm-step{font-size: 13px; color: #9AA6C4; font-variant-numeric: tabular-nums;}.numbox{position: relative; display: grid; place-items: center; gap: 16px; min-height: 150px;}.ink{display: flex; align-items: baseline; gap: 6px; font: 700 88px/1 var(--font); color: #E9DCC2; font-variant-numeric: tabular-nums;}.ink small, .dots-hj{font-size: 28px; color: var(--heritage); font-weight: 700;}.dots-wrap{display: none; align-items: flex-end; gap: 12px;}.js .dots-wrap{display: flex;}.dots-hj{color: var(--sky); line-height: 1;}.dots{--cell: 6px; --gap: 3px; display: flex; gap: 12px;}.digit{display: grid; grid-template-columns: repeat(5, var(--cell)); grid-auto-rows: var(--cell); gap: var(--gap);}.digit span{width: var(--cell); height: var(--cell); border-radius: 50%; background: rgba(127,214,247,.1); position: relative;}.digit span::after{content: ""; position: absolute; inset: 0; border-radius: 50%; background: var(--blue); box-shadow: 0 0 10px rgba(13,164,219,.75); opacity: var(--o, 0); transform: scale(var(--s, .4));}.digit span.b::after{--o: 1; --s: 1;}.caps{position: relative;}.cap h2{margin: 0 0 6px; font-size: 24px;}.cap p{margin: 0; color: #B7C2DE; max-width: 560px;}.cap + .cap{margin-block-start: 18px;}.cap .yr{color: var(--sky);}.meter{display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px;}.meter i{display: flex; height: 3px; border-radius: 3px; background: rgba(244,241,234,.14); overflow: hidden;}.meter i::after{content: ""; display: block; flex: none; height: 100%; width: calc(var(--f, 1) * 100%); background: var(--blue);}@media (min-width: 720px){.dots{--cell: 12px; --gap: 5px;}.cap h2{font-size: 34px;}}.nm.mo{height: 170vh;}@media (min-width: 860px){.nm.mo{height: 220vh;}}.nm.mo .nm-pin{position: sticky; top: 0; height: 100vh; height: 100svh; padding-block: 24px;}.nm.mo .numbox{min-height: 210px;}.nm.mo .ink{position: absolute; inset: 0; justify-content: center; align-items: center; font-size: 120px; opacity: var(--ink, 1);}.nm.mo .caps{min-height: 140px;}.nm.mo .cap{position: absolute; inset-inline: 0; top: 0; opacity: 0; transform: translateY(14px); transition: opacity .5s var(--ease), transform .5s var(--ease);}.nm.mo .cap.on{opacity: 1; transform: none;}.nm.mo .cap + .cap{margin: 0;}.nm.mo .dots{--cell: 9px; --gap: 4px;}.nm.mo .digit span.b::after{--o: var(--o2, 0); --s: var(--s2, .4);}@media (min-width: 720px){.nm.mo .dots{--cell: 15px; --gap: 6px;}.nm.mo .ink{font-size: 250px;}.nm.mo .numbox{min-height: 300px;}}.days{list-style: none; margin: 28px 0 0; padding: 0; display: grid; gap: 12px; grid-template-columns: repeat(2, 1fr);}@media (min-width: 760px){.days{grid-template-columns: repeat(4, 1fr);}}.day{position: relative; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r); padding: 18px 16px 16px; overflow: hidden;}.day .n{display: block; font-size: 48px; font-weight: 700; line-height: 1; color: var(--blue); font-variant-numeric: tabular-nums;}.day b{display: block; margin-block: 8px 2px;}.day .h{display: block; font-size: 13px; color: var(--mut);}.day .aud{display: inline-block; margin-block-start: 10px; margin-inline-start: 6px; font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 999px; background: var(--soft); color: var(--blue);}.day.is-fam .n{color: var(--fam);}.day.is-fam .aud{background: rgba(180,68,122,.12); color: var(--fam);}.day.is-today{border-color: var(--blue); box-shadow: 0 0 0 3px rgba(13,164,219,.18);}.today-tag{position: absolute; inset-block-start: 12px; inset-inline-end: 12px; font-size: 11px; font-weight: 700; background: var(--ok); color: #fff; border-radius: 999px; padding: 2px 10px;}.day .pix{position: absolute; inset-block-end: 0; inset-inline-end: 0; display: grid; grid-template-columns: repeat(6, 8px); gap: 3px; padding: 10px; opacity: .55;}.day .pix i{width: 8px; height: 8px; border-radius: 2px; background: var(--blue);}.day.is-fam .pix i{background: var(--fam);}@media (max-width: 400px){.day .pix{display: none;}}.films{display: grid; gap: 16px; margin-block-start: 28px;}@media (min-width: 900px){.films{grid-template-columns: 1.7fr 1fr;}}.player{position: relative; aspect-ratio: 4/3; border-radius: var(--r); overflow: hidden; background: var(--navy); color: #fff; isolation: isolate; --py: 34%;}@media (min-width: 600px){.player{aspect-ratio: 16/9; --py: 40%;}}.player video{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #000;}.player video:not([src]){visibility: hidden;}html:not(.js) .player video[src] ~ .poster{display: none;}.poster{position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; padding: 18px; transition: opacity .5s;}.poster .bgc{position: absolute; inset: 0; z-index: -1; background: linear-gradient(-180deg, transparent 30%, rgba(10,14,40,.94)), repeating-linear-gradient(0deg, rgba(127,214,247,.08) 0 1px, transparent 1px 22px), repeating-linear-gradient(-90deg, rgba(127,214,247,.08) 0 1px, transparent 1px 22px), radial-gradient(70% 90% at 50% 20%, #1E3A8A, var(--navy) 70%);}.poster .bgc svg{position: absolute; inset-block-start: var(--py); inset-inline-start: 50%; width: 110px; height: 124px; margin-inline-start: -55px; margin-block-start: -62px; fill: rgba(13,164,219,.35); animation: breathe 5s ease-in-out infinite;}.poster.swap{opacity: 0;}.player.playing .poster, .player.playing .play{display: none;}.play{position: absolute; inset-block-start: var(--py); inset-inline-start: 50%; margin-block-start: -36px; margin-inline-start: -36px; width: 72px; height: 72px; border-radius: 50%; border: 0; background: rgba(255,255,255,.16); display: grid; place-items: center; cursor: pointer; color: #fff; box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset; z-index: 2;}.play{display: none;}.js .play{display: grid;}.play::before{content: ""; position: absolute; inset: -10px; border-radius: 50%; border: 1px solid rgba(127,214,247,.45); animation: ping2 2.6s infinite;}.play:focus-visible{outline: 3px solid var(--sky); outline-offset: 4px;}.play svg{transform: scaleX(-1);}.poster .ptag{font-size: 12px; color: var(--sky); font-weight: 700;}.poster h3{font-size: 20px; margin-block: 4px;}.poster .pdesc{font-size: 14px; color: #C9D6F2; max-width: 52ch;}@media (min-width: 760px){.poster{padding: 22px;}.poster h3{font-size: 26px;}}@media (max-width: 420px){.poster .pdesc{display: none;}}.honest{position: absolute; inset-inline: 16px; inset-block-start: var(--py); transform: translateY(-50%); z-index: 3; text-align: center; font-size: 14px; font-weight: 700; background: rgba(10,14,40,.85); border: 1px solid rgba(127,214,247,.35); border-radius: 12px; padding: 10px 14px;}.honest[hidden]{display: none;}.player.told .play{display: none;}.list{list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; align-content: start;}.list button{all: unset; box-sizing: border-box; width: 100%; display: grid; grid-template-columns: 44px 1fr auto; gap: 12px; align-items: center; padding: 12px; border-radius: 16px; background: var(--paper); border: 1px solid var(--line); cursor: pointer; transition: border-color .3s, box-shadow .3s; color: var(--ink); font-family: var(--font);}.list button:focus-visible{outline: 3px solid var(--blue); outline-offset: 2px;}.list .ix{width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--soft); color: var(--blue); font-weight: 700; font-variant-numeric: tabular-nums;}.list b{display: block; font-size: 15px;}.list small{display: block; color: var(--mut); font-size: 12px; line-height: 1.5;}.list .len{font-size: 12px; color: var(--mut);}.list [aria-current="true"]{border-color: var(--blue); box-shadow: 0 0 0 3px rgba(13,164,219,.15);}.list [aria-current="true"] .ix{background: var(--blue); color: #fff;}.saud{margin-block-start: 16px; background: radial-gradient(100% 120% at 100% 0%, #1B2A6B, var(--navy) 60%, var(--navy-3)); color: #fff; border-radius: 28px; padding: 24px 18px; position: relative; overflow: hidden; isolation: isolate;}.saud::before{content: ""; position: absolute; inset: 0; z-index: -1; opacity: .5; background: repeating-linear-gradient(0deg, rgba(127,214,247,.06) 0 1px, transparent 1px 26px), repeating-linear-gradient(-90deg, rgba(127,214,247,.06) 0 1px, transparent 1px 26px);}.saud-grid{display: grid; gap: 20px; grid-template-columns: 96px 1fr; align-items: start;}@media (min-width: 900px){.saud{padding: 40px;}.saud-grid{grid-template-columns: 220px 1fr; align-items: center;}}.fig{position: relative; height: 290px;}@media (min-width: 900px){.fig{height: 520px;}}.fig .halo{position: absolute; inset-block-end: 4%; inset-inline: -20%; height: 60%; border-radius: 50%; background: radial-gradient(circle, rgba(13,164,219,.35), transparent 65%); animation: breathe 4.5s ease-in-out infinite; z-index: -1;}.fig .saud-pic{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center bottom;}.fig .base{position: absolute; inset-block-end: 0; inset-inline: 6%; height: 10px; border-radius: 50%; background: rgba(0,0,0,.35); filter: blur(4px); z-index: -1;}.saud .kicker{color: var(--sky);}.saud .kicker::before{background: var(--sky);}.saud h2{font-size: 26px; margin-block: 8px 0;}@media (min-width: 760px){.saud h2{font-size: 38px;}}.bubble{position: relative; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); border-radius: 18px; border-start-start-radius: 4px; padding: 12px 16px; margin-block: 14px 16px; color: #E6EDFC; max-width: 56ch; min-height: 50px;}.typing{display: inline-flex; gap: 4px; vertical-align: middle;}.typing i{width: 6px; height: 6px; border-radius: 50%; background: var(--sky); animation: bob 1.2s infinite;}.typing i:nth-child(2){animation-delay: .15s;}.typing i:nth-child(3){animation-delay: .3s;}.bubble .msg{display: inline;}.bubble.wait .msg{display: none;}.bubble:not(.wait) .typing{display: none;}.svcs{list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; grid-column: 1 / -1;}@media (min-width: 640px){.svcs{grid-template-columns: repeat(2, 1fr);}}@media (min-width: 900px){.svcs{grid-column: auto;}}.svc a{display: grid; grid-template-columns: 46px 1fr auto; gap: 12px; align-items: center; padding: 14px; border-radius: 16px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); text-decoration: none; transition: background .3s, border-color .3s, transform .3s var(--ease), border-radius .6s var(--ease);}.svc a:hover{background: rgba(13,164,219,.16); border-color: rgba(127,214,247,.5); transform: translateY(-2px);}.svc a:focus-visible{outline: 3px solid var(--sky); outline-offset: 2px;}.anim .svc.rv a{border-radius: 22px; border-end-end-radius: 4px;}.anim .svc.rv.on a{border-radius: 16px;}.svc .ic{width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: rgba(13,164,219,.2); color: var(--sky);}.svc b{display: block;}.svc small{display: block; font-size: 12px; color: #AFC0E4; line-height: 1.5;}.svc .go{color: var(--sky); font-size: 18px;}.svc-offer{margin-block-start: 8px; padding: 10px 14px; border-radius: 12px; background: rgba(13,164,219,.14); border: 1px dashed rgba(127,214,247,.45); font-size: 14px; font-weight: 700;}.svc-links{display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: 8px;}.svc-links a{font-size: 13px; font-weight: 700; color: var(--sky); padding: 4px 12px; border: 1px solid rgba(127,214,247,.4); border-radius: 999px; text-decoration: none;}.saud-body{min-width: 0;}.saud-row{display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-block-start: 18px; grid-column: 1 / -1;}.saud-qr{margin: 0; display: flex; align-items: center; gap: 12px; font-size: 13px; color: #C9D6F2;}.saud-qr img{width: 96px; height: 96px; background: #fff; border-radius: 10px; padding: 6px;}@media (max-width: 899px){.saud-body{display: contents;}.saud-body > .head{grid-column: 2;}}.offers{display: grid; gap: 16px;}.offer{position: relative; border-radius: 28px; padding: 26px 20px; background: var(--paper); border: 1px solid var(--line); overflow: hidden; display: grid; gap: 16px; isolation: isolate;}@media (min-width: 860px){.offer{grid-template-columns: 1fr auto; align-items: center; padding: 40px;}}.offer .wm{position: absolute; inset-block-start: -30px; inset-inline-end: -10px; z-index: -1; font: 700 160px/1 var(--font); color: var(--blue); opacity: .07; pointer-events: none; white-space: nowrap;}@media (min-width: 860px){.offer .wm{font-size: 340px; inset-block-start: -60px;}}.pin{display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: var(--mut); padding: 3px 10px; border: 1px solid var(--line); border-radius: 999px;}.pin svg{color: var(--blue);}.offer-t{font-size: 15px; color: var(--mut); margin-block-start: 12px;}.offer blockquote{margin: 8px 0 0; font-size: 22px; font-weight: 700; line-height: 1.6; padding-inline-start: 16px; border-inline-start: 4px solid var(--blue);}@media (min-width: 760px){.offer blockquote{font-size: 28px;}}.offer .from{font-size: 13px; color: var(--mut); margin-block-start: 8px;}.offer .cta{margin-block-start: 14px;}.offer .tiles{display: grid; grid-template-columns: repeat(8, 10px); gap: 4px; justify-content: center;}.offer .tiles i{width: 10px; height: 10px; border-radius: 2px; background: var(--line); transition: background .4s;}.offer .tiles i.lit, .no-anim .offer .tiles i{background: var(--blue);}.codes{display: grid; gap: 14px; margin-block-start: 28px;}@media (min-width: 760px){.codes{grid-template-columns: 1fr 1fr;}}.code{position: relative; display: grid; grid-template-columns: 112px 1fr; gap: 16px; align-items: center; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r); padding: 16px;}.code.is-today{border-color: var(--blue); box-shadow: 0 0 0 3px rgba(13,164,219,.18);}.qr{width: 112px; height: 112px; border-radius: 12px; background: #fff; padding: 8px; border: 1px solid var(--line); position: relative; overflow: hidden;}.qr img{display: block; width: 100%; height: 100%;}.qr .scan{position: absolute; inset-inline: 8px; height: 2px; background: var(--blue); box-shadow: 0 0 12px var(--blue); inset-block-start: 8px; animation: scan 2.8s ease-in-out infinite;}.code .who{display: block; font-size: 13px; color: var(--mut);}.code b{display: block; font-size: 18px; margin-block: 2px 8px;}.code .mono{font: 700 13px/1 var(--mono); display: inline-block; padding: 4px 8px; border-radius: 6px; background: var(--soft); color: var(--blue);}.code.is-fam .mono{color: var(--fam);}.code .btns{display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: 10px;}.code .btn{min-height: 42px; padding: 8px 14px; font-size: 14px;}@media (max-width: 420px){.code{grid-template-columns: 1fr;}.qr{margin-inline: auto;}}.place{display: grid; gap: 16px; margin-block-start: 28px;}@media (min-width: 860px){.place{grid-template-columns: 1.2fr 1fr; align-items: stretch;}}.map{position: relative; border-radius: var(--r); overflow: hidden; min-height: 240px; background: var(--navy); background-image: repeating-linear-gradient(0deg, rgba(127,214,247,.08) 0 1px, transparent 1px 24px), repeating-linear-gradient(-90deg, rgba(127,214,247,.08) 0 1px, transparent 1px 24px);}.map svg{position: absolute; inset: 0; width: 100%; height: 100%;}.map .pinp{fill: var(--blue);}.map .pulse{fill: none; stroke: var(--sky); transform-box: fill-box; transform-origin: center; animation: pulse 2.4s var(--ease) infinite;}.map .lbl{position: absolute; inset-block-end: 14px; inset-inline-start: 14px; inset-inline-end: 14px; color: #fff; font-size: 13px; background: rgba(10,14,40,.7); padding: 6px 12px; border-radius: 10px;}.facts{background: var(--paper); border: 1px solid var(--line); border-radius: var(--r); padding: 20px; display: grid; gap: 14px; align-content: start;}.fact{display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: start;}.fact .ic{width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--soft); color: var(--blue);}.fact small{display: block; color: var(--mut); font-size: 12px;}.fact b{display: block; font-size: 15px;}.fact a{color: var(--blue); font-weight: 700; text-decoration: none; display: inline-block;}.foot{margin-block-start: 80px; padding-block: 28px calc(96px + env(safe-area-inset-bottom, 0px)); border-block-start: 1px solid var(--line); color: var(--mut); font-size: 14px;}.foot .wrap{display: flex; flex-wrap: wrap; gap: 8px 18px; justify-content: space-between;}.fab{position: fixed; inset-block-end: calc(16px + env(safe-area-inset-bottom, 0px)); inset-inline-start: 16px; z-index: 20; display: flex; align-items: center; gap: 10px; padding-block: 6px; padding-inline: 6px 18px; border-radius: 999px; background: var(--navy); color: #fff; text-decoration: none; font-weight: 700; font-size: 15px; box-shadow: 0 14px 34px -10px var(--shadow); border: 1px solid rgba(127,214,247,.35); transition: opacity .35s var(--ease), transform .35s var(--ease);}.js .fab{opacity: 0; transform: translateY(16px); pointer-events: none;}.js .fab.on{opacity: 1; transform: none; pointer-events: auto;}.fab:focus-visible{outline: 3px solid var(--sky); outline-offset: 3px;}.fab .face{width: 42px; height: 42px; border-radius: 50%; background-color: #F2F4F8; border: 2px solid var(--shemagh); object-fit: cover;}.anim .rv{opacity: 0; transform: translateY(24px); transition: opacity .8s var(--ease), transform .8s var(--ease);}.anim .rv.on{opacity: 1; transform: none;}.anim .rv.d1{transition-delay: .08s;}.anim .rv.d2{transition-delay: .16s;}.anim .rv.d3{transition-delay: .24s;}@keyframes ping{0%{box-shadow: 0 0 0 0 rgba(60,224,142,.6);}80%, 100%{box-shadow: 0 0 0 10px rgba(60,224,142,0);}}@keyframes ping2{0%{transform: scale(.9); opacity: .9;}100%{transform: scale(1.35); opacity: 0;}}@keyframes breathe{0%, 100%{transform: scale(.94); opacity: .7;}50%{transform: scale(1.06); opacity: 1;}}@keyframes bob{0%, 100%{transform: translateY(0); opacity: .5;}50%{transform: translateY(-4px); opacity: 1;}}@keyframes shim{0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 0;}}@keyframes scan{0%, 100%{inset-block-start: 8px;}50%{inset-block-start: calc(100% - 10px);}}@keyframes pulse{0%{transform: scale(.4); opacity: 1;}100%{transform: scale(2.4); opacity: 0;}}@keyframes flow{to{stroke-dashoffset: -1670;}}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation: none !important; transition: none !important; scroll-behavior: auto !important;}.anim .rv{opacity: 1; transform: none;}.anim .plan rect{opacity: 1; transform: none;}}