/* Graduated cinematic presentation. Scoped to landing routes so private
   status, invitation and admin screens retain their existing presentation. */
.ceo-cinematic {
  --cin-bg:#080a0d;--cin-surface:#10151a;--cin-raised:#151c22;
  --cin-line:rgba(226,236,233,.14);--cin-soft:#a7b2b1;--cin-paper:#edf2ed;
  --cin-teal:var(--teal);--cin-violet:var(--violet);--cin-orange:var(--orange);
  min-height:100dvh;background:radial-gradient(ellipse at 76% 4%,rgba(112,87,202,.16),transparent 32rem),radial-gradient(ellipse at 12% 30%,rgba(23,144,133,.10),transparent 33rem),var(--cin-bg);
  color:var(--cin-paper);overflow:clip;position:relative;isolation:isolate;
}
.ceo-cinematic::before {content:"";position:absolute;z-index:-1;inset:0 0 auto;height:100vh;pointer-events:none;background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.022) 49%,transparent 63%);opacity:.7}
.ceo-cinematic .nav {padding-block:18px}
.ceo-cinematic .nav.scrolled {background:rgba(8,10,13,.9)}
.ceo-cinematic .logos {gap:13px}
.ceo-cinematic .nav-r {gap:14px}
.ceo-cinematic .hero {padding-top:150px;padding-bottom:110px}
.ceo-cinematic .hero-grid {gap:clamp(38px,7vw,96px)}
.ceo-cinematic .hero-grid>div:first-child {position:relative;z-index:2}
.ceo-cinematic .chip {border-color:rgba(67,224,194,.42);color:var(--cin-teal);background:rgba(16,21,26,.72)}
.ceo-cinematic .chip i {box-shadow:0 0 18px rgba(67,224,194,.8)}
.ceo-cinematic .hero .kicker {color:#d1d8d4}
.ceo-cinematic .hero h1 {font-size:clamp(60px,8.3vw,116px);letter-spacing:-.055em;line-height:.91;margin-block:27px 30px}
.ceo-cinematic .hero h1 .ln {overflow:visible}
.ceo-cinematic .hero h1 .ln>span {animation:cin-arrive .95s cubic-bezier(.16,1,.3,1) both}
.ceo-cinematic .hero h1 .ln:nth-child(2)>span {animation-delay:.2s}
.ceo-cinematic .hero h1 .us {color:var(--cin-teal)}
.ceo-cinematic .lede {max-width:530px;font-size:clamp(19px,2vw,24px)}
.ceo-cinematic .cycle {gap:17px;margin-block:27px 35px}
.ceo-cinematic .cycle span.on::after {background:var(--cin-teal)}
.ceo-cinematic .credit-call {border-color:rgba(255,112,38,.65);background:linear-gradient(105deg,rgba(255,112,38,.16),rgba(154,131,255,.06))}
.ceo-cinematic .credit-call .st {background:var(--cin-orange)}
.ceo-cinematic .btn {transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s,border-color .22s}
.ceo-cinematic .btn:hover {transform:translateY(-3px)}
.ceo-cinematic .btn:active {transform:translateY(0)}
.ceo-cinematic .btn.primary {background:var(--cin-orange);border-color:var(--cin-orange)}
.ceo-cinematic .term-wrap {padding:44px 0}
.ceo-cinematic .term {border-color:rgba(226,236,233,.23);background:rgba(7,10,13,.94);box-shadow:0 34px 90px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.025)}
.ceo-cinematic .term-h {padding-block:15px}
.ceo-cinematic .term-b {min-height:320px}
.ceo-cinematic .ftag {box-shadow:0 14px 34px rgba(0,0,0,.22)}
.ceo-cinematic .ftag.t2 {background:var(--cin-violet);color:#0b0c10}
.ceo-cinematic .ftag.t2 span {color:#0b0c10}
.ceo-cinematic .marq {background:rgba(13,17,20,.86);border-color:rgba(226,236,233,.2);padding-block:19px}
.ceo-cinematic .marq-t span {color:#c3cdca}
.ceo-cinematic section.sec {padding-block:clamp(82px,10vw,138px)}
.ceo-cinematic .sec h2 {letter-spacing:-.04em}
.ceo-cinematic .strikes div {color:#9ca6a4}
.ceo-cinematic .stats {gap:0;border-block:1px solid var(--cin-line)}
.ceo-cinematic .stat {padding:28px 22px;background:transparent;border-inline-end:1px solid var(--cin-line)}
.ceo-cinematic .stat:last-child {border:0}
.ceo-cinematic .stat b {color:var(--cin-paper)}
.ceo-cinematic .stat span {color:var(--cin-teal)}
.ceo-cinematic .credits {background:linear-gradient(180deg,transparent,rgba(154,131,255,.075),transparent);border-color:rgba(154,131,255,.23)}
.ceo-cinematic .credits h2 .o {color:var(--cin-orange)}
.ceo-cinematic .steps div {padding-block:22px}
.ceo-cinematic .steps b {color:var(--cin-teal)}
.ceo-cinematic .ccard {background:linear-gradient(140deg,#ff9656,#f26207 52%,#842e12)}
.ceo-cinematic .sp {background:rgba(16,21,26,.88);border-color:var(--cin-line)}
.ceo-cinematic .sp .role {color:var(--ac)}
.ceo-cinematic .arc .bx {background:rgba(16,21,26,.72);border-color:var(--cin-line)}
.ceo-cinematic .arc .bx:nth-child(2) {background:rgba(255,112,38,.055)}
.ceo-cinematic .arc .bx b {color:var(--cin-teal)}
.ceo-cinematic .arc .bx:nth-child(2) b {color:var(--cin-orange)}
.ceo-cinematic .agenda {border-color:rgba(226,236,233,.22)}
.ceo-cinematic .ag {padding-block:22px}
.ceo-cinematic .ag.hl {background:linear-gradient(90deg,rgba(255,112,38,.13),transparent)}
.ceo-cinematic .ptable {border-color:rgba(226,236,233,.22)}
.ceo-cinematic .ptable div {padding-block:18px}
.ceo-cinematic .ptable b {color:var(--cin-teal)}
.ceo-cinematic .pt {background:rgba(16,21,26,.74);border-color:var(--cin-line)}
.ceo-cinematic .pt .rl {color:var(--cin-orange)}
.ceo-cinematic #register {padding-top:clamp(104px,13vw,174px);scroll-margin-top:80px}
.ceo-cinematic #register .kicker {color:var(--cin-orange)}
.ceo-cinematic #register h2 {font-size:clamp(48px,7vw,92px);max-width:900px;margin-block:24px 20px}
.ceo-cinematic #register .lead {max-width:600px}
.ceo-cinematic .reg-grid {margin-top:56px;gap:24px}
@media(min-width:960px){.ceo-cinematic .reg-grid{grid-template-columns:minmax(245px,.68fr) minmax(0,1.55fr);gap:34px}}
.ceo-cinematic .facts {background:linear-gradient(150deg,rgba(22,29,34,.98),rgba(12,16,19,.98));border-color:rgba(226,236,233,.2)}
.ceo-cinematic .facts>div {padding:20px 22px}
.ceo-cinematic .facts small {color:#9ba8a6;font-size:10px}
.ceo-cinematic .facts b {display:block;margin-top:5px;font-size:16px}
.ceo-cinematic .facts .perk {background:linear-gradient(100deg,rgba(255,112,38,.18),rgba(255,112,38,.035));border-inline-start-color:var(--cin-orange)}
.ceo-cinematic .facts .perk small {color:#ff9a64}
.ceo-cinematic form.f {display:grid;gap:21px 17px;grid-template-columns:minmax(0,1fr);padding:clamp(21px,3.7vw,42px);background:rgba(13,17,20,.94);border:1px solid rgba(226,236,233,.22);box-shadow:0 28px 90px rgba(0,0,0,.32);position:relative}
.ceo-cinematic form.f::before {content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--cin-teal),var(--cin-violet),var(--cin-orange))}
.ceo-cinematic .f .full {grid-column:1/-1}
.ceo-cinematic .application-masthead {min-height:174px;padding:clamp(23px,4vw,40px);display:flex;align-items:flex-end;justify-content:space-between;gap:24px;position:relative;overflow:hidden;background:linear-gradient(112deg,rgba(25,194,176,.10),transparent 48%),linear-gradient(292deg,rgba(123,97,255,.11),transparent 48%),#11171a;border-bottom:1px solid rgba(226,236,233,.2)}
.ceo-cinematic .application-masthead::before {content:"";position:absolute;inset:0 0 0 auto;width:38%;pointer-events:none;opacity:.52;background:repeating-linear-gradient(135deg,transparent 0 13px,rgba(226,236,233,.045) 13px 14px);mask-image:linear-gradient(90deg,transparent,#000)}
.ceo-cinematic .application-masthead-copy {position:relative;z-index:1;min-width:0}
.ceo-cinematic .application-eyebrow {display:block;color:var(--cin-teal);font:11px/1.5 var(--f-mono);letter-spacing:.19em;margin-bottom:12px}
.ceo-cinematic .application-masthead h3 {font-size:clamp(30px,4.1vw,48px);line-height:1.04;letter-spacing:-.035em;margin-bottom:9px}
.ceo-cinematic .application-masthead p {max-width:480px;color:var(--cin-soft);font-family:var(--f-serif);font-size:15px}
.ceo-cinematic .application-index {display:grid;flex:0 0 90px;align-content:end;position:relative;z-index:1;min-height:86px;border-inline-start:1px solid rgba(226,236,233,.22);padding-inline-start:17px;color:#87918f;font:10px/1.6 var(--f-mono);letter-spacing:.16em}
.ceo-cinematic .application-index b {color:var(--cin-paper);font-size:21px}
.ceo-cinematic .application-index i {width:22px;height:2px;display:block;margin-top:8px;background:var(--cin-orange)}
.ceo-cinematic .application-chapter {position:relative;padding-top:6px;min-width:0}
.ceo-cinematic .application-chapter-heading {display:flex;align-items:center;gap:15px;min-height:66px;margin-bottom:19px;border-bottom:1px solid rgba(226,236,233,.14)}
.ceo-cinematic .application-chapter-number {align-self:stretch;display:flex;align-items:center;font-family:var(--f-display);font-size:clamp(38px,5vw,58px);line-height:1;letter-spacing:-.06em;color:rgba(242,241,236,.24)}
.ceo-cinematic .application-chapter-title {min-width:0;padding-block:9px}
.ceo-cinematic .application-chapter-title h4 {color:var(--cin-paper);font:700 14px/1.3 var(--f-sans);letter-spacing:.035em}
.ceo-cinematic .application-chapter-title span {display:block;margin-top:2px;color:#8e9a97;font:12px/1.5 var(--f-sans)}
.ceo-cinematic .application-chapter-rule {height:1px;flex:1;margin-inline-start:auto;background:linear-gradient(90deg,rgba(67,224,194,.5),rgba(154,131,255,.2),transparent)}
[dir=rtl] .ceo-cinematic .application-chapter-rule {background:linear-gradient(270deg,rgba(67,224,194,.5),rgba(154,131,255,.2),transparent)}
.ceo-cinematic .application-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 17px}
.ceo-cinematic .application-fields>.full {grid-column:1/-1}
.ceo-cinematic .application-progress {display:grid;gap:9px;padding:15px 0 2px;color:#a7b2b1;font:10px/1.4 var(--f-mono);letter-spacing:.14em}
/* Native progress avoids the preview's inline CSS custom property under CSP. */
.ceo-cinematic .application-progress progress {appearance:none;border:0;width:100%;height:2px;background:rgba(226,236,233,.13);color:var(--cin-teal)}
.ceo-cinematic progress::-webkit-progress-bar {background:rgba(226,236,233,.13)}
.ceo-cinematic progress::-webkit-progress-value {background:var(--grad)}
.ceo-cinematic progress::-moz-progress-bar {background:var(--grad)}
.ceo-cinematic .fld {min-width:0;position:relative}
.ceo-cinematic .fld label,.ceo-cinematic .fld .lb {font:500 10px/1.4 var(--f-mono);letter-spacing:.13em;color:#c9d2ce;margin-bottom:9px}
.ceo-cinematic .fld label i {color:var(--cin-orange)}
.ceo-cinematic .inp {border:1px solid rgba(199,214,208,.25);border-bottom-color:rgba(67,224,194,.42);background:#0b1013;padding:15px;min-height:52px;color:var(--cin-paper);transition:background .2s,border-color .2s,box-shadow .2s}
.ceo-cinematic .inp::placeholder {color:#788482;opacity:1}
.ceo-cinematic .inp:hover {border-color:rgba(67,224,194,.62);background:#0e1417}
.ceo-cinematic .inp:focus {border-color:var(--cin-teal);outline:0;box-shadow:inset 3px 0 0 var(--cin-teal),0 0 0 1px rgba(67,224,194,.18);background:#10191b}
.ceo-cinematic .fld:focus-within label {color:var(--cin-teal)}
.ceo-cinematic .fld.filled .inp:not(:focus) {border-bottom-color:rgba(154,131,255,.82);background:#101519}
.ceo-cinematic select.inp {padding-inline-end:38px}
.ceo-cinematic .fld.err .inp {border-color:#ff7277;box-shadow:inset 3px 0 0 #ff7277}
.ceo-cinematic .fe {color:#ff8a8e;font-size:13px}
.ceo-cinematic .hint {color:#a7b2b1}
.ceo-cinematic .consent {align-items:flex-start;line-height:1.55}
.ceo-cinematic .consent input {accent-color:var(--cin-teal)}
.ceo-cinematic form .btn.primary {min-height:58px;width:100%;font-size:15px;letter-spacing:.02em}
.ceo-cinematic form .btn.primary:focus-visible {outline-color:var(--cin-teal)}
.ceo-cinematic .foot {border-color:rgba(226,236,233,.2)}
[dir=rtl] .ceo-cinematic .hero h1 {letter-spacing:0;line-height:1.25}
[dir=rtl] .ceo-cinematic .application-masthead h3 {line-height:1.3;letter-spacing:0}
[dir=rtl] .ceo-cinematic .application-eyebrow,[dir=rtl] .ceo-cinematic .application-progress,[dir=rtl] .ceo-cinematic .fld label {letter-spacing:0}
[dir=rtl] .ceo-cinematic .fld label {font-family:var(--f-sans);font-size:13px}
[dir=rtl] .ceo-cinematic .fld:focus-within .inp {box-shadow:inset -3px 0 0 var(--cin-teal),0 0 0 1px rgba(67,224,194,.18)}
.ceo-cinematic .rv {transition-duration:.9s}
.ceo-cinematic .rv.in {animation:cin-reveal .85s cubic-bezier(.16,1,.3,1) both}
@keyframes cin-arrive {from{transform:translateY(110%);opacity:.2}to{transform:translateY(0);opacity:1}}
@keyframes cin-reveal {from{opacity:0;transform:translateY(23px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){
  .ceo-cinematic .hero{padding-top:120px;padding-bottom:78px}
  .ceo-cinematic .hero-grid{gap:34px}
  .ceo-cinematic .hero h1{font-size:clamp(54px,13vw,82px)}
  .ceo-cinematic .term-wrap{padding-inline:5px}
  .ceo-cinematic .term-b{min-height:270px;padding:14px;font-size:11px}
  .ceo-cinematic .ftag.t2{inset-inline-end:0}
  .ceo-cinematic section.sec{padding-block:78px}
  .ceo-cinematic .stats{grid-template-columns:1fr}
  .ceo-cinematic .stat{border-inline-end:0;border-bottom:1px solid var(--cin-line)}
  .ceo-cinematic .stat:last-child{border-bottom:0}
  .ceo-cinematic #register h2{font-size:clamp(46px,12vw,68px)}
  .ceo-cinematic .application-masthead{min-height:158px}
}
@media(max-width:420px){
  .ceo-cinematic .nav .wrap{gap:8px}
  .ceo-cinematic .nav .btn{padding:9px 10px}
  .ceo-cinematic .navlink{display:none}
  .ceo-cinematic .hero h1{font-size:54px}
  .ceo-cinematic .cycle{gap:9px;font-size:21px}
  .ceo-cinematic .credit-call{padding:15px}
  .ceo-cinematic .reg-grid{margin-top:36px}
  .ceo-cinematic form.f{padding:21px 16px}
  .ceo-cinematic .application-masthead{padding:22px 17px;gap:10px}
  .ceo-cinematic .application-index{flex-basis:58px;min-height:70px;padding-inline-start:10px}
  .ceo-cinematic .application-index b{font-size:17px}
  .ceo-cinematic .application-chapter-heading{gap:11px}
  .ceo-cinematic .application-fields{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .ceo-cinematic *,.ceo-cinematic *::before,.ceo-cinematic *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .ceo-cinematic .hero h1 .ln>span,.ceo-cinematic .rv{opacity:1;transform:none}
}
@font-face{font-family:"TDisplay";src:url(/fonts/Thmanyahserifdisplay12-Black.woff2) format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:"TDisplay";src:url(/fonts/Thmanyahserifdisplay12-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"TSerif";src:url(/fonts/Thmanyahseriftext12-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"TSans";src:url(/fonts/Thmanyahsans12-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"TSans";src:url(/fonts/Thmanyahsans12-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"TSans";src:url(/fonts/Thmanyahsans12-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--bg:#060709;--bg-2:#0B0D11;--panel:#0F1217;--ink:#F2F1EC;--ink-2:#C9CBD0;--muted:#8A8F98;--line:rgba(242,241,236,.10);--line-2:rgba(242,241,236,.18);--teal:#19C2B0;--violet:#7B61FF;--orange:#F26207;--lime:#D4FF3A;--amber:#F5B83D;--red:#FF5A5F;--cream:#F1EFE8;--grad:linear-gradient(100deg,#19C2B0,#7B61FF 55%,#F26207);
--f-display:"TDisplay","TSerif",serif;--f-serif:"TSerif",serif;--f-sans:"TSans",sans-serif;--f-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--n:12px}
.revenue-options{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0!important}
.revenue-options label{min-width:0;justify-content:center;padding:12px 8px!important;font-size:13px!important}
.revenue-options label:has(input:checked){background:rgba(242,98,7,.12);border-color:var(--orange);color:var(--ink)}
@media(max-width:640px){.revenue-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
*{box-sizing:border-box;margin:0;border-radius:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--f-sans);font-size:15px;line-height:1.55;overflow-x:hidden;min-height:100dvh}
img{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.bgfx{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(600px circle at var(--mx,70%) var(--my,20%),rgba(123,97,255,.16),transparent 60%),radial-gradient(700px 500px at 0% 90%,rgba(25,194,176,.10),transparent 60%),radial-gradient(700px 500px at 100% 100%,rgba(242,98,7,.10),transparent 60%)}
.bgfx::before{content:"";position:absolute;inset:-80px;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;opacity:.45;animation:drift 30s linear infinite}
@keyframes drift{to{transform:translate(80px,80px)}}
.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 16px}
@media(min-width:768px){.wrap{padding:0 32px}}
.mono{font-family:var(--f-mono)}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:900;letter-spacing:-.02em;line-height:.98}
[lang=ar] h1,[lang=ar] h2,[lang=ar] h3,[lang=ar] h4{line-height:1.25;letter-spacing:0}
.serif{font-family:var(--f-serif)}
.kicker{display:flex;align-items:center;gap:12px;font-family:var(--f-mono);font-size:12px;text-transform:uppercase;letter-spacing:.32em;color:var(--ink-2)}
[lang=ar] .kicker{letter-spacing:0;font-size:13px;text-transform:none}
.kicker::before{content:"";width:28px;height:2px;background:var(--grad);flex:none}
.notch{clip-path:polygon(var(--n) 0,100% 0,100% calc(100% - var(--n)),calc(100% - var(--n)) 100%,0 100%,0 var(--n))}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;font-weight:700;font-size:14px;border:1px solid var(--line-2);background:transparent;text-decoration:none;position:relative;overflow:hidden;transition:transform .2s,background .2s;--n:10px;clip-path:polygon(var(--n) 0,100% 0,100% calc(100% - var(--n)),calc(100% - var(--n)) 100%,0 100%,0 var(--n))}
.btn:hover{background:rgba(242,241,236,.06)}
.btn.primary{background:var(--orange);color:#fff;border-color:var(--orange)}
.btn.primary:hover{background:#ff7420}
.btn.cream{background:var(--cream);color:#0a0a0a;border-color:var(--cream)}
.btn.cream:hover{background:#fff}
.btn.sm{padding:9px 14px;font-size:13px}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn.primary::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:sheen 4s ease-in-out infinite}
@keyframes sheen{0%,60%{left:-60%}100%{left:140%}}
[dir=rtl] .arr{transform:scaleX(-1)}
/* nav */
.nav{position:fixed;top:0;inset-inline:0;z-index:50;padding:14px 0;transition:background .3s,backdrop-filter .3s,border-color .3s;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(6,7,9,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}
.logos{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.logos .x{color:var(--muted);font-size:11px}
.logos .ol{display:flex;align-items:center;gap:6px;font-family:var(--f-display);font-weight:900;font-size:17px}
.logos .ol img{height:22px;width:auto}
.logos .rp{display:flex;align-items:center;gap:5px;font-weight:700;font-size:16px;color:#fff}
.logos .at{display:flex;align-items:center;gap:6px;font-weight:700;font-size:15px}
.logos .at img{height:24px;width:24px}
.nav-r{display:flex;align-items:center;gap:10px}
.navlink{font-size:13px;color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line-2);padding-bottom:2px}
.lang{width:36px;height:36px;border:1px solid var(--line-2);background:var(--panel);font-weight:700;display:grid;place-items:center}
.lang:hover{border-color:var(--orange)}
@media(max-width:640px){.logos .at span,.logos .ol span{display:none}.logos .x:nth-of-type(2){display:none}.nav .btn{padding:9px 12px;font-size:12px}}
@media(max-width:420px){.logos .at{display:none}.logos .x:nth-of-type(2){display:none}}
/* hero */
.hero{padding:120px 0 70px;position:relative}
.hero-grid{display:grid;gap:48px;align-items:center}
@media(min-width:960px){.hero-grid{grid-template-columns:1.05fr .95fr}}
.invite-banner{border:1px solid rgba(242,98,7,.5);background:rgba(242,98,7,.06);padding:14px 18px;margin-bottom:18px;max-width:430px}
.invite-banner .k{font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;color:var(--orange);text-transform:uppercase;font-weight:700}
[lang=ar] .invite-banner .k{letter-spacing:0;font-size:13px}
.invite-banner .nm{font-weight:700;font-size:18px;margin-inline-start:8px;color:var(--ink)}
.invite-banner .sub{font-size:12px;color:var(--muted);margin-top:4px}
.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-2);padding:8px 12px;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin-bottom:26px;background:rgba(15,18,23,.7)}
[lang=ar] .chip{letter-spacing:0;font-size:13px}
.chip i{width:7px;height:7px;background:var(--teal);display:block}
.hero h1{font-size:clamp(44px,11vw,88px);margin:18px 0 26px}
.hero h1 .ln{white-space:nowrap}
@media(min-width:960px){.hero h1{font-size:clamp(46px,5.6vw,88px)}}
[lang=ar] .hero h1{font-size:clamp(32px,9vw,64px)}
[lang=ar] .hero h1 .ln{white-space:normal}
@media(min-width:960px){[lang=ar] .hero h1{font-size:clamp(40px,4.6vw,66px)}}
.hero-grid>*{min-width:0}
.hero h1 .ln{display:block;overflow:hidden;padding-bottom:.06em}
.hero h1 .ln>span{display:block;transform:translateY(105%);animation:up 1s cubic-bezier(.2,.8,.2,1) forwards}
.hero h1 .ln:nth-child(2)>span{animation-delay:.12s}
@keyframes up{to{transform:none}}
.us{color:var(--orange);animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.lede{font-family:var(--f-serif);font-size:clamp(18px,2vw,23px);line-height:1.5;color:var(--ink-2);max-width:560px}
.cycle{display:flex;gap:14px;margin:30px 0;font-family:var(--f-display);font-weight:900;font-size:clamp(22px,3vw,30px);flex-wrap:wrap;align-items:center}
.cycle span{color:rgba(242,241,236,.28);transition:color .3s;position:relative;padding-bottom:6px}
.cycle span.on{color:var(--ink)}
.cycle span.on::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--grad)}
.cycle em{color:var(--line-2);font-style:normal}
.credit-call{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border:1px solid rgba(242,98,7,.55);background:linear-gradient(100deg,rgba(242,98,7,.2),rgba(242,98,7,.05));max-width:560px;margin-bottom:28px}
.credit-call .st{flex:none;width:40px;height:40px;background:var(--orange);display:grid;place-items:center;color:#fff}
.credit-call b{display:block;font-size:17px;font-family:var(--f-sans);margin-bottom:2px}
.credit-call p{color:var(--ink-2);font-size:14px}
.ctas{display:flex;gap:12px;flex-wrap:wrap}
/* terminal */
.term-wrap{position:relative;padding:28px 0 28px}
.term{background:#0A0C10;border:1px solid var(--line-2);font-family:var(--f-mono);font-size:13px}
.term-h{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.term-h i{width:9px;height:9px;background:var(--orange)}.term-h i+i{background:#444}.term-h i+i+i{background:#444}
.term-h b{color:var(--ink);margin-inline-start:6px}
.term-h .live{margin-inline-start:auto;color:var(--orange);font-weight:700;letter-spacing:.1em}
.term-h .live::before{content:"";display:inline-block;width:7px;height:7px;background:var(--orange);margin-inline-end:6px}
.term-b{padding:18px;min-height:290px;direction:ltr;text-align:left;white-space:pre-wrap;line-height:1.75;color:var(--ink-2)}
.term-b .p{color:var(--muted)}.term-b .q{color:var(--ink);font-weight:700}.term-b .ok{color:var(--teal)}.term-b .done{color:var(--lime);font-weight:700}
.term-b .cur{display:inline-block;width:8px;height:14px;background:var(--orange);vertical-align:-2px;animation:blink 1s steps(1) infinite}
.term-f{border-top:1px solid var(--line);padding:14px 18px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;direction:ltr}
.term-f .bar{flex:1;height:3px;background:var(--grad);transform-origin:left;animation:fill 8s linear infinite}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.term-f small{display:block;text-align:right;font-size:10px;letter-spacing:.2em;color:var(--muted)}
.term-f small b{color:var(--orange)}
.ftag{position:absolute;padding:8px 16px;font-size:13px;font-weight:700;background:var(--cream);color:#0a0a0a;animation:float 5s ease-in-out infinite;z-index:2;--n:8px}
.ftag span{font-family:var(--f-mono);color:var(--orange);font-size:11px;margin-inline-end:8px}
.ftag.t1{top:0;inset-inline-start:10%}.ftag.t2{top:48%;inset-inline-end:-8px;background:var(--orange);color:#fff;animation-delay:-1.5s}.ftag.t2 span{color:#fff}.ftag.t3{bottom:0;inset-inline-start:12%;animation-delay:-3s}
@keyframes float{50%{transform:translateY(-8px)}}
@media(max-width:640px){.ftag.t2{inset-inline-end:0}}
/* marquee */
.marq{border-block:1px solid var(--line-2);background:var(--bg-2);overflow:hidden;padding:16px 0}
.marq-t{display:flex;width:max-content;animation:mq 34s linear infinite;direction:ltr}
.marq-t span{font-family:var(--f-mono);font-size:13px;letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;padding:0 22px;color:var(--ink-2)}
.marq-t span.s{color:var(--orange);padding:0}
@keyframes mq{to{transform:translateX(-50%)}}
/* sections */
section.sec{padding:110px 0;position:relative}
.sec h2{font-size:clamp(36px,5.4vw,72px);margin:20px 0 22px;max-width:980px}
[lang=ar] .sec h2{font-size:clamp(30px,4.4vw,56px)}
.sec .lead{font-family:var(--f-serif);font-size:clamp(18px,1.8vw,22px);color:var(--ink-2);max-width:680px}
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}
.strikes{display:grid;gap:4px;margin-top:40px}
.strikes div{font-family:var(--f-display);font-weight:900;font-size:clamp(28px,4.6vw,56px);color:var(--muted);position:relative;width:max-content;max-width:100%;line-height:1.2}
.strikes div::after{content:"";position:absolute;inset-inline-start:-4px;top:54%;height:3px;width:0;background:var(--red);transition:width 1s .3s cubic-bezier(.6,0,.2,1)}
.strikes.in div::after{width:calc(100% + 8px)}
.strikes.in div:nth-child(2)::after{transition-delay:.6s}.strikes.in div:nth-child(3)::after{transition-delay:.9s}.strikes.in div:nth-child(4)::after{transition-delay:1.2s}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px}
.stat{position:relative;padding:22px 16px;background:var(--panel)}
.stat::before,.stat::after{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--orange)}
.stat::before{top:0;inset-inline-start:0;border-width:2px 0 0 2px}.stat::after{bottom:0;inset-inline-end:0;border-width:0 2px 2px 0}
[dir=rtl] .stat::before{border-width:2px 2px 0 0}[dir=rtl] .stat::after{border-width:0 0 2px 2px}
.stat b{font-family:var(--f-display);font-weight:900;font-size:clamp(40px,7vw,84px);line-height:1;display:block}
.stat span{font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
[lang=ar] .stat span{letter-spacing:0;font-size:13px}
.twocol{display:grid;gap:40px}
@media(min-width:900px){.twocol{grid-template-columns:1fr 1fr;gap:64px}}
/* credits */
.credits{background:linear-gradient(180deg,transparent,rgba(242,98,7,.07),transparent);border-block:1px solid rgba(242,98,7,.25)}
.credits h2 .o{color:var(--orange)}
.steps{display:grid;gap:0;margin-top:34px;border-top:1px solid var(--line-2)}
.steps div{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}
.steps b{font-family:var(--f-mono);color:var(--orange);font-size:14px;padding-top:3px}
.steps h4{font-size:22px;margin-bottom:4px;font-family:var(--f-sans);font-weight:700;letter-spacing:0;line-height:1.3}
.steps p{color:var(--ink-2);font-size:14px}
.ccard-wrap{perspective:1000px;display:grid;place-items:center;padding:20px}
.ccard{width:100%;max-width:440px;aspect-ratio:1.6;background:linear-gradient(135deg,#ff8a3a,var(--orange) 45%,#a83c00);color:#fff;padding:26px;position:relative;overflow:hidden;transition:transform .15s;transform-style:preserve-3d;display:flex;flex-direction:column;justify-content:space-between;--n:26px}
.ccard::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--sx,30%) var(--sy,0%),rgba(255,255,255,.4),transparent 50%)}
.ccard .a{font-family:var(--f-mono);font-size:12px;letter-spacing:.3em;font-weight:700;position:relative}
.ccard .b{font-family:var(--f-display);font-weight:900;font-size:clamp(34px,5vw,50px);line-height:1;position:relative}
.ccard .c{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;position:relative}
[lang=ar] .ccard .a,[lang=ar] .ccard .c{letter-spacing:0}
/* faculty */
.fac{display:grid;gap:20px;margin-top:48px}
@media(min-width:800px){.fac{grid-template-columns:repeat(3,1fr)}}
.sp{background:var(--panel);border:1px solid var(--line);position:relative;--ac:var(--teal)}
.sp.v{--ac:var(--violet)}.sp.o{--ac:var(--orange)}
.sp .ph{aspect-ratio:4/5;overflow:hidden;position:relative;background:#111}
.sp .ph img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .6s,transform .8s}
.sp:hover .ph img{filter:none;transform:scale(1.05)}
.sp .ph::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,transparent 30%,rgba(6,7,9,.5));opacity:1;transition:opacity .5s}
.sp:hover .ph::after{opacity:0}
.sp .bar{height:4px;background:var(--ac);width:30%;transition:width .5s}
.sp:hover .bar{width:100%}
.sp .in{padding:20px}
.sp .role{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ac)}
[lang=ar] .sp .role{letter-spacing:0;font-size:13px}
.sp h3{font-size:30px;margin:8px 0 4px;line-height:1.1}
.sp .disc{font-family:var(--f-serif);color:var(--ink);margin-bottom:10px}
.sp p{color:var(--ink-2);font-size:14px;margin-bottom:16px}
.seg{display:inline-block;border:1px solid var(--ac);color:var(--ac);font-family:var(--f-mono);font-size:10px;letter-spacing:.18em;padding:5px 9px;font-weight:700}
[lang=ar] .seg{letter-spacing:0;font-size:12px}
/* arc */
.arc{display:grid;gap:34px;margin:48px 0}
@media(min-width:900px){.arc{grid-template-columns:repeat(3,1fr);gap:56px}}
.arc .bx{border:1px solid var(--line-2);padding:26px;background:var(--panel);position:relative}
.arc .bx b{font-family:var(--f-mono);color:var(--teal);font-size:12px}
.arc .bx h4{font-size:28px;margin:10px 0 8px}
.arc .bx p{color:var(--ink-2);font-size:14px}
.arc .bx:nth-child(2){border-color:rgba(242,98,7,.6)}.arc .bx:nth-child(2) b{color:var(--orange)}
.arc .bx:not(:last-child)::after{content:"";position:absolute;top:50%;inset-inline-start:100%;width:56px;border-top:2px dashed var(--line-2);display:none}
.arc .bx:not(:last-child)::before{content:"";position:absolute;top:calc(50% - 4px);inset-inline-start:100%;width:8px;height:8px;background:var(--orange);display:none;animation:travel 2.4s linear infinite}
@media(min-width:900px){.arc .bx:not(:last-child)::after,.arc .bx:not(:last-child)::before{display:block}}
@keyframes travel{from{transform:translateX(0)}to{transform:translateX(48px)}}
[dir=rtl] .arc .bx::before{animation-name:travelr}
@keyframes travelr{from{transform:translateX(0)}to{transform:translateX(-48px)}}
.agenda{border-top:1px solid var(--line-2)}
.ag{display:grid;grid-template-columns:70px 50px 1fr;gap:6px 16px;padding:18px 10px;border-bottom:1px solid var(--line)}
.ag .tm{font-family:var(--f-mono);font-size:16px;color:var(--ink);font-weight:700}
.ag .du{font-family:var(--f-mono);color:var(--muted);font-size:13px;padding-top:3px}
.ag h4{font-family:var(--f-sans);font-weight:700;letter-spacing:0;font-size:18px;line-height:1.3}
.ag p{color:var(--ink-2);font-size:14px;grid-column:3}
.ag.hl{background:linear-gradient(90deg,rgba(242,98,7,.18),transparent);border-inline-start:3px solid var(--orange)}
.ag.hl .tm{color:var(--orange)}
.ag .who{font-family:var(--f-mono);font-size:11px;color:var(--muted);grid-column:3}
/* who */
.ptable{border:1px solid var(--line-2);margin-top:40px}
.ptable div{display:grid;grid-template-columns:1fr;padding:14px 18px;border-bottom:1px solid var(--line);gap:2px}
@media(min-width:700px){.ptable div{grid-template-columns:220px 1fr;gap:20px}}
.ptable div:last-child{border:0}
.ptable b{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);font-weight:400}
[lang=ar] .ptable b{letter-spacing:0;font-size:14px}
.walk{margin-top:70px}
.walk h3{font-size:clamp(28px,3.6vw,44px);margin-bottom:24px}
.wl{display:grid;grid-template-columns:1fr 30px 1fr;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.wl .a{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--red)}
.wl .b{font-weight:700}
.wl .ar{color:var(--orange);text-align:center}
@media(max-width:640px){.wl{grid-template-columns:1fr;gap:4px}.wl .ar{display:none}}
/* partners */
.parts{display:grid;gap:20px;margin-top:44px}
@media(min-width:900px){.parts{grid-template-columns:1.3fr 1fr 1fr}}
.pt{border:1px solid var(--line-2);padding:26px;background:var(--panel);display:flex;flex-direction:column;gap:14px}
.pt .tile{background:transparent;height:84px;display:grid;place-items:center;padding:12px;--n:10px}
.pt .tile img{max-height:56px;width:auto;max-width:100%}
.pt .rl{font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--orange)}
[lang=ar] .pt .rl{letter-spacing:0;font-size:13px}
.pt h4{font-size:24px;font-family:var(--f-sans);font-weight:700;letter-spacing:0}
.pt p{color:var(--ink-2);font-size:14px}
.pst{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}
.pst div{border-top:2px solid var(--teal);padding-top:8px}
.pst b{font-family:var(--f-display);font-size:26px;display:block;line-height:1}
.pst span{font-size:11px;color:var(--muted)}
.lockup{margin-top:40px;display:flex;justify-content:center;background:transparent;border:1px solid var(--line-2);padding:22px;gap:26px;align-items:center;flex-wrap:wrap;--n:18px}
.lockup img{height:44px;width:auto}
.lockup .at-dark{background:transparent;padding:6px 14px}
.lockup .at-dark img{height:40px}
.lockup i{font-style:normal;color:#777}
.brand-lockup{display:inline-flex;align-items:center;justify-content:center;gap:12px;color:var(--ink);white-space:nowrap;line-height:1}
.automate-brand>span{font-family:var(--f-sans);font-size:40px;font-weight:700}
.lockup .automate-brand>span{font-size:32px}
.logos img,.brand-lockup,.brand-lockup img,.pt .tile{background:transparent;box-shadow:none}
.brand-lockup .brand-mark{height:44px;width:40px;object-fit:contain}
.brand-lockup svg{width:44px;height:44px;flex:none}
.oligence-brand>span{font-family:var(--f-sans);font-size:34px;font-weight:700;letter-spacing:-.04em}
.replit-brand>span{font-family:var(--f-mono);font-size:38px;font-weight:700;letter-spacing:-.07em}
.lockup .brand-mark,.lockup .brand-lockup svg{height:36px;width:32px}
.lockup .oligence-brand>span{font-size:28px}
.lockup .replit-brand>span{font-size:32px}
/* registration */
.reg-grid{display:grid;gap:36px;margin-top:40px}
@media(min-width:960px){.reg-grid{grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}}
.facts{border:1px solid var(--line-2);background:var(--panel)}
@media(min-width:960px){.facts{position:sticky;top:96px}}
.facts div{padding:16px 20px;border-bottom:1px solid var(--line)}
.facts div:last-child{border:0}
.facts small{display:block;font-family:var(--f-mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
[lang=ar] .facts small{letter-spacing:0;font-size:13px}
.facts b{font-size:17px}
.facts .perk{background:linear-gradient(100deg,rgba(242,98,7,.3),rgba(242,98,7,.08));border-inline-start:4px solid var(--orange)}
.facts .perk small{color:var(--orange)}
form.f{display:grid;gap:18px;grid-template-columns:1fr;border:1px solid var(--line-2);padding:24px;background:rgba(15,18,23,.85)}
@media(min-width:640px){form.f{grid-template-columns:1fr 1fr;padding:32px}.f .full{grid-column:1/-1}}
.fld label,.fld .lb{display:block;font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);margin-bottom:7px}
[lang=ar] .fld label,[lang=ar] .fld .lb{letter-spacing:0;font-size:13px}
.fld label i{color:var(--orange);font-style:normal}
.inp{width:100%;background:var(--bg);border:1px solid var(--line-2);padding:12px 14px;font-size:15px;transition:border .2s}
.inp:focus{outline:none;border-color:var(--teal)}
textarea.inp{min-height:120px;resize:vertical}
select.inp{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat}
[dir=rtl] select.inp{background-position:18px 55%,13px 55%}
select.inp option{background:var(--panel)}
.fld.err .inp{border-color:var(--red)}
.fe{color:var(--red);font-size:13px;margin-top:6px;min-height:0}
.fe a{color:var(--ink);text-decoration:underline}
.hint{color:var(--muted);font-size:12px;margin-top:6px}
.cnt{font-family:var(--f-mono);font-size:11px;color:var(--muted);text-align:end;margin-top:4px}
.seg2{display:flex;gap:8px}
.seg2 label{flex:1;margin:0;text-transform:none;letter-spacing:0;font-family:var(--f-sans);font-size:14px;border:1px solid var(--line-2);padding:11px 14px;cursor:pointer;display:flex;gap:8px;align-items:center;color:var(--ink)}
.seg2 input{accent-color:var(--orange)}
.seg2 label:has(input:checked){border-color:var(--orange);background:rgba(242,98,7,.1)}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--ink-2)}
.consent input{accent-color:var(--orange);width:18px;height:18px;margin-top:3px;flex:none}
.banner-err{border:1px solid var(--red);background:rgba(255,90,95,.08);padding:12px 16px;color:var(--red);font-size:14px}
.foot{border-top:1px solid var(--line-2);padding:40px 0;color:var(--ink-2);font-size:14px}
.foot .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between}
.foot b{color:var(--ink)}
/* pages */
.page{padding:110px 0 80px;min-height:100dvh}
.narrow{max-width:760px}
.page h1{font-size:clamp(44px,8vw,84px);margin:18px 0 18px}
[lang=ar] .page h1{font-size:clamp(34px,6vw,60px)}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.badge{display:inline-flex;gap:8px;align-items:center;border:1px solid;padding:7px 12px;font-family:var(--f-mono);font-size:12px;letter-spacing:.18em;font-weight:700;text-transform:uppercase}
[lang=ar] .badge{letter-spacing:0;font-size:13px}
.badge::before{content:"";width:7px;height:7px;background:currentColor}
.b-pending{color:var(--amber);border-color:rgba(245,184,61,.5)}.b-approved{color:var(--teal);border-color:rgba(25,194,176,.6)}.b-waitlisted{color:var(--violet);border-color:rgba(123,97,255,.6)}.b-rejected{color:var(--muted);border-color:var(--line-2)}
.top-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.reach{border:1px solid var(--line-2);border-inline-start:3px solid transparent;border-image:none;background:var(--panel);padding:24px;margin:30px 0;position:relative;--n:14px;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--n)),calc(100% - var(--n)) 100%,0 100%)}
.reach::before{content:"";position:absolute;inset-block:0;inset-inline-start:-3px;width:3px;background:linear-gradient(var(--teal),var(--violet),var(--orange))}
.reach small{font-family:var(--f-mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
[lang=ar] .reach small{letter-spacing:0;font-size:13px}
.reach .em{font-family:var(--f-display);font-weight:700;font-size:clamp(22px,4vw,34px);margin:8px 0 18px;word-break:break-all}
.reach .meta{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px}
.reach .meta small{display:block;letter-spacing:.1em;margin-bottom:2px}
.reach .meta b{font-size:14px}
.tl{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;position:relative;margin:30px 0;gap:8px}
.tl::before{content:"";position:absolute;top:7px;inset-inline:0;height:1px;background:var(--line-2)}
.tl .s{position:relative;display:flex;flex-direction:column;gap:10px}
.tl .s:nth-child(2){align-items:center}.tl .s:nth-child(3){align-items:flex-end}
.tl .d{width:16px;height:16px;background:var(--bg);border:2px solid var(--line-2);position:relative;z-index:1}
.tl .s.done .d{background:var(--teal);border-color:var(--teal)}
.tl .s.act .d{background:var(--amber);border-color:var(--amber);animation:pulse 1.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(245,184,61,.6)}100%{box-shadow:0 0 0 12px rgba(245,184,61,0)}}
.tl .s b{font-size:13px}
.tl .scan{position:absolute;top:7px;inset-inline-start:0;height:1px;width:25%;background:var(--amber);box-shadow:0 0 8px var(--amber);animation:scan 2.4s ease-in-out infinite}
@keyframes scan{from{transform:translateX(0)}to{transform:translateX(300%)}}
[dir=rtl] .tl .scan{animation-name:scanr}@keyframes scanr{from{transform:translateX(0)}to{transform:translateX(-300%)}}
.ticket{background:var(--cream);color:#0a0a0a;display:grid;grid-template-columns:1fr;position:relative;--n:16px;margin:30px 0}
@media(min-width:640px){.ticket{grid-template-columns:1fr 200px}}
.ticket::before{content:"";position:absolute;top:0;inset-inline:0;height:4px;background:var(--grad);z-index:2}
.ticket .main{padding:30px 28px}
.ticket .stub{padding:30px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:center;border-top:2px dashed #bbb;text-align:center}
@media(min-width:640px){.ticket .stub{border-top:0;border-inline-start:2px dashed #bbb}}
.ticket .k{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;color:#555;text-transform:uppercase}
[lang=ar] .ticket .k{letter-spacing:0;font-size:13px}
.ticket .k .or{color:var(--orange);font-weight:700}
.ticket h2{font-size:clamp(34px,5vw,50px);margin:16px 0 10px;color:#0a0a0a}
.ticket .gn{font-family:var(--f-display);font-weight:700;font-size:22px;padding-bottom:14px;border-bottom:1px solid #cfcdc4;margin-bottom:14px}
.ticket .gn small{display:block;font-family:var(--f-sans);font-size:13px;color:#555;font-weight:400}
.ticket .g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ticket .g .v{grid-column:1/-1}
.ticket small.l{font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;color:#777;text-transform:uppercase;display:block}
[lang=ar] .ticket small.l{letter-spacing:0;font-size:12px}
.ticket .g b{font-size:14px}
.ticket .qr{width:128px;height:128px;background:#fff;padding:4px}
.ticket .code{font-family:var(--f-mono);font-weight:700;letter-spacing:.1em;font-size:15px}
.note{border:1px solid rgba(242,98,7,.5);background:rgba(242,98,7,.07);padding:14px 18px;color:var(--ink);display:flex;gap:12px;margin:20px 0}
.note svg{flex:none;color:var(--orange)}
.save{border:1px dashed var(--line-2);padding:20px;margin-top:40px}
.save p{color:var(--ink-2);font-size:14px;margin-bottom:10px}
.save div{display:flex;gap:10px;flex-wrap:wrap}
.save .inp{flex:1;min-width:200px;font-family:var(--f-mono);font-size:13px}
.toast{position:fixed;bottom:20px;inset-inline-end:20px;z-index:100;background:var(--cream);color:#0a0a0a;padding:14px 20px;font-weight:700;max-width:calc(100vw - 40px);--n:10px;animation:up2 .4s}
@keyframes up2{from{transform:translateY(20px);opacity:0}}
.skel{background:linear-gradient(90deg,var(--panel),#181c24,var(--panel));background-size:200% 100%;animation:sk 1.4s infinite;height:24px;margin:12px 0}
@keyframes sk{to{background-position:-200% 0}}
.empty{border:1px dashed var(--line-2);padding:40px 24px;text-align:center;color:var(--ink-2)}
/* invite pass */
.pass-page{padding:100px 0 60px}
.pass{background:var(--cream);color:#0a0a0a;max-width:820px;margin:0 auto;position:relative;--n:22px}
.pass::before{content:"";position:absolute;top:0;inset-inline:0;height:6px;background:var(--grad)}
.pass .inner{padding:44px 36px;display:grid;gap:30px}
@media(min-width:700px){.pass .inner{grid-template-columns:1fr 210px}}
.pass h1{color:#0a0a0a;font-size:clamp(40px,6vw,64px);margin:14px 0}
.pass .gname{font-family:var(--f-display);font-weight:700;font-size:28px}
.pass .gt{color:#555;margin-bottom:20px}
.pass .rows{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #cfcdc4;padding-top:16px}
.pass .rows .v{grid-column:1/-1}
.pass .bring{background:#0a0a0a;color:var(--cream);padding:14px 18px;margin-top:20px;font-size:14px;border-inline-start:4px solid var(--orange)}
.pass .side{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:center}
.pass .side .qr{width:180px;height:180px;background:#fff;padding:6px}
.pass-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:26px 0}
@media print{
body{background:#fff!important}body::after,.bgfx,.nav,.pass-actions,.toast,.noprint{display:none!important}
.pass-page{padding:0}.pass{clip-path:none;box-shadow:none;border:1px solid #000;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
/* admin */
.adm{font-size:14px}
.atop{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--line-2);background:var(--bg)}
.atop .br{display:flex;gap:12px;align-items:center}
.atop .br img{height:32px;width:auto}
.atop .br b{display:block;font-family:var(--f-display);font-size:18px;font-weight:900}
.atop .br small{color:var(--muted);font-size:12px}
.tabs{display:flex;border:1px solid var(--line-2)}
.tabs button{background:transparent;border:0;padding:10px 16px;font-weight:500;color:var(--ink-2);font-size:13px}
.tabs button.on{background:var(--cream);color:#0a0a0a;font-weight:700}
.ar-r{display:flex;gap:10px;align-items:center}
.abody{padding:16px;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.abody>*{min-width:0}
.warn{border:1px solid var(--line-2);border-inline-start:3px solid var(--amber);background:var(--panel);padding:14px 18px}
.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:900px){.kpis{grid-template-columns:repeat(6,1fr)}}
.kpi{border:1px solid var(--line-2);background:var(--panel);padding:18px}
.kpi small{font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px}
.kpi b{font-family:var(--f-display);font-size:40px;font-weight:900;line-height:1}
.kpi .sub{font-size:16px;color:var(--muted);font-family:var(--f-sans);font-weight:400}
.kpi .pb{height:3px;background:var(--line-2);margin-top:12px}.kpi .pb i{display:block;height:100%;background:var(--teal)}
.srcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.src{border:1px solid var(--line-2);background:var(--panel);padding:16px;text-align:start;display:block;width:100%}
.src:hover,.src.on{border-color:var(--orange)}
.src .h{display:flex;justify-content:space-between;gap:8px;font-weight:700}
.src .h span:last-child{font-family:var(--f-display);font-size:24px;line-height:1}
.src small{display:block;color:var(--muted);font-size:12px;margin:2px 0 10px}
.sbar{display:flex;height:4px;background:var(--line-2)}
.sbar i{display:block}
.src .cn{font-family:var(--f-mono);font-size:11px;color:var(--muted);margin-top:8px;display:flex;gap:10px}
.c-pending{background:var(--amber)}.c-approved{background:var(--teal)}.c-waitlisted{background:var(--violet)}.c-rejected{background:var(--red)}
.filters{display:flex;gap:10px;flex-wrap:wrap}
.filters .inp{flex:1;min-width:220px;background:var(--panel)}
.filters select.inp{flex:0 0 200px;min-width:160px}
.chips{display:flex;border:1px solid var(--line-2);flex-wrap:wrap}
.chips button{background:var(--panel);border:0;padding:11px 14px;font-size:13px;font-weight:500}
.chips button.on{background:var(--cream);color:#0a0a0a;font-weight:700}
.chips button small{color:var(--muted);margin-inline-start:4px}
.bulk{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 14px;border:1px solid var(--orange);background:rgba(242,98,7,.08)}
.tbl{border:1px solid var(--line-2);background:var(--panel);overflow-x:auto}
.tr{display:grid;grid-template-columns:36px minmax(160px,1.3fr) minmax(180px,1.5fr) 140px minmax(130px,1fr) 100px 110px minmax(280px,1.4fr);gap:12px;padding:14px 16px;align-items:center;border-bottom:1px solid var(--line);min-width:1100px}
.tr.th{font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.tr b{display:block}.tr small{color:var(--muted);font-size:12px}
.tr .mono{font-size:12px;word-break:break-all}
.tr input[type=checkbox]{accent-color:var(--orange);width:16px;height:16px}
.tag{display:inline-block;border:1px solid;padding:3px 8px;font-size:12px;max-width:100%}
.st{font-family:var(--f-mono);font-size:11px;font-weight:700;letter-spacing:.08em;padding:4px 8px;display:inline-block;text-transform:uppercase}
.st.pending{color:var(--amber);background:rgba(245,184,61,.12)}.st.approved{color:var(--teal);background:rgba(25,194,176,.12)}.st.waitlisted{color:var(--violet);background:rgba(123,97,255,.14)}.st.rejected{color:var(--red);background:rgba(255,90,95,.12)}
.acts{display:flex;gap:6px;flex-wrap:wrap}
.ab{border:1px solid var(--line-2);background:var(--bg);padding:7px 12px;font-size:12px;font-weight:500}
.ab:hover{border-color:var(--ink)}
.ab.ap{background:var(--teal);color:#04100e;border-color:var(--teal);font-weight:700}
.ab[disabled]{opacity:.35;cursor:default}
.det{display:grid;gap:20px;padding:20px 16px 22px 62px;background:var(--bg-2);border-bottom:1px solid var(--line);min-width:1100px;grid-template-columns:1.3fr 1fr 1fr}
.det h5{font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-weight:400}
.det p{margin-bottom:14px;word-break:break-word}
.det textarea{width:100%;min-height:80px;background:var(--bg);border:1px solid var(--line-2);padding:10px;resize:vertical}
.exp{display:block;background:var(--panel);border:1px solid var(--orange);color:var(--ink);padding:8px 12px;min-height:36px;font-size:12px;font-weight:700;margin-top:8px;cursor:pointer}
.exp:hover,.exp:focus-visible{background:var(--orange);color:#fff;outline:2px solid var(--orange);outline-offset:2px}
.approval-progress-list{display:grid;gap:12px;margin:0 24px}
.approval-progress-list:not(:empty){padding-top:20px}
.approval-progress{padding:16px;border:1px solid var(--line-2);border-inline-start:4px solid var(--orange);background:var(--panel)}
.approval-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.approval-progress progress{display:block;width:100%;height:10px;margin-top:12px;accent-color:var(--orange)}
.approval-progress p{margin:10px 0 0;color:var(--ink-2);font-size:13px;overflow-wrap:anywhere}
.approval-progress.sent{border-inline-start-color:var(--teal)}
.approval-progress.sent progress{accent-color:var(--teal)}
.approval-progress.failed{border-inline-start-color:var(--red)}
.approval-progress.paused{border-inline-start-color:var(--amber)}
.link-row{display:grid;gap:10px;grid-template-columns:1fr auto;align-items:center;border:1px solid var(--line-2);background:var(--panel);padding:14px 16px}
.link-row .mono{word-break:break-all;font-size:12px;color:var(--ink-2)}
.addsrc{display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr auto;border:1px solid var(--line-2);background:var(--panel);padding:16px}
@media(max-width:800px){.addsrc{grid-template-columns:1fr}}
.ck{max-width:640px;margin:30px auto;display:grid;gap:16px}
.ck .inp{font-size:24px;padding:20px;font-family:var(--f-mono)}
.res{padding:26px;border:1px solid;font-size:18px}
.res.ok{border-color:var(--teal);background:rgba(25,194,176,.12);color:var(--teal)}.res.al{border-color:var(--amber);background:rgba(245,184,61,.12);color:var(--amber)}.res.no{border-color:var(--red);background:rgba(255,90,95,.12);color:var(--red)}
.res b{display:block;font-family:var(--f-display);font-size:30px;font-weight:900}
.login{max-width:440px;margin:0 auto;padding:130px 16px;display:grid;gap:16px}
.login h1{font-size:46px}
@media(max-width:700px){
  .adm{width:100%;min-width:0}
  .tabs{max-width:100%;flex-wrap:wrap}
  .tabs button{flex:1;padding-inline:12px}
  .kpi{min-width:0;padding:14px}
  .kpi small{overflow-wrap:anywhere}
  .filters .inp{min-width:0;flex-basis:100%;width:100%}
  .filters select.inp{flex:1 1 100%;min-width:0}
  .tr{min-width:0;grid-template-columns:20px minmax(0,1fr);gap:10px}
  .tr.th{display:none}
  .tr>:first-child{grid-column:1;grid-row:1}
  .tr>:not(:first-child){grid-column:2;min-width:0;overflow-wrap:anywhere}
  .tr .acts{flex-wrap:wrap}
  .det{min-width:0;grid-template-columns:minmax(0,1fr);padding:16px}
  .det>*{min-width:0;overflow-wrap:anywhere}
  .srcs{grid-template-columns:minmax(0,1fr)}
  .warn{overflow-wrap:anywhere}
  .link-row{min-width:0;grid-template-columns:minmax(0,1fr)}
  .link-row>*{min-width:0}
  .link-row .mono{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.hero h1 .ln>span{transform:none}.rv{opacity:1;transform:none}.marq-t{animation:none}}
/* hardening: class replacements for former inline styles (CSP style-src self) */
[hidden]{display:none!important}
.hp{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;pointer-events:none}
.copy-ta{position:fixed;opacity:0;top:0}
#mag{transform:translate(var(--tx,0px),var(--ty,0px))}
.ccard{transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg))}
.pt .tile.dark{background:transparent}
.cntwrap{margin-top:-14px}
.t20{font-size:20px;color:var(--ink-2)}
.mb24{margin-bottom:24px}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt20{margin-top:20px}.mt24{margin-top:24px}.mt28{margin-top:28px}.pt60{padding-top:60px}.m16{margin:16px 0}
.ink2{color:var(--ink-2)}.muted{color:var(--muted)}.muted-s{color:var(--muted);font-size:13px}.ul{text-decoration:underline}.mw600{max-width:600px}
.rowgap{display:flex;gap:12px;flex-wrap:wrap}.ctas.mt20{display:flex;gap:12px}
.grid12{display:grid;gap:12px}
.skel.pass-skel{height:300px;max-width:820px;margin:auto}
.skel.w40{width:40%}.skel.h90{height:90px}.skel.h160{height:160px}.skel.row{margin:16px;height:60px}
.pass .k.pk{font-size:11px;letter-spacing:.18em;color:var(--orange);text-transform:uppercase}
.pass .pl{font-size:10px;letter-spacing:.2em;color:#777}
.pass .code{font-weight:700;letter-spacing:.1em}
.ts{color:var(--ink-2);font-size:12px}
.chk{color:var(--teal);font-size:11px;margin-top:4px}
.ab{text-decoration:none}
.eb{display:block;font-family:var(--f-display);font-size:26px;margin-bottom:6px}
.kpi b{color:var(--kc,inherit)}
.kpi .pb i{width:calc(var(--p,0)*1%)}
.sbar i{width:calc(var(--p,0)*1%)}
.tag{color:var(--tc);border-color:var(--tc)}
.social-links-heading{border-block-start:1px solid var(--line-2);padding-block-start:20px;margin-block-start:8px}
.social-links-heading h4{font:700 16px/1.5 var(--f-sans);margin:0 0 8px}
.social-links-heading .hint{margin:0;line-height:1.6}
.short-form-note{margin:0;color:var(--ink-2);font-size:15px;line-height:1.6}
.social-profile-row{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(0,1.8fr);gap:14px;align-items:start;min-width:0}
.social-profile-row .fld{min-width:0}
.social-profile-row.all-profiles{grid-template-columns:minmax(0,1fr)}
.more-social{justify-self:start;background:none;border:0;color:var(--ink-2);padding:0;font:inherit;font-size:13px;text-align:start;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
/* Keep the longer final event name readable without clipping its reveal. */
[lang=en] .ceo-cinematic .hero h1{font-size:clamp(34px,5.3vw,76px);line-height:1.04;letter-spacing:-.035em}
[lang=ar] .ceo-cinematic .hero h1{font-size:clamp(32px,5.1vw,70px)}
.pass h1,.ticket h2{overflow-wrap:anywhere}
.more-social:hover{color:var(--orange)}
.optional-registration{border-block:1px solid var(--line);padding-block:14px}
.optional-registration summary{font-size:13px;line-height:1.6;color:var(--ink-2);cursor:pointer}
.optional-registration summary:focus-visible,.more-social:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.optional-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding-block-start:22px}
@media(min-width:640px){.optional-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.social-profile-row{grid-template-columns:minmax(0,1fr);gap:12px}.short-registration.f{padding:20px;gap:14px}.short-social-hint{margin:0}}
.stage-steps{list-style:none;display:flex;gap:10px;margin:0;padding:0;counter-reset:none}
.stage-steps li{flex:1;display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(226,236,233,.14);color:#8e9a97;font-size:13px;transition:opacity .3s,transform .3s}
.stage-steps li b{font-family:var(--f-display,inherit);font-size:18px}
.stage-steps li.on{color:var(--cin-paper,var(--ink));border-color:var(--cin-teal,var(--orange))}
.stage-steps li.done{opacity:.7}
.stage{display:grid;gap:18px}.stage[hidden]{display:none}
.stage-receipt{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-inline-start:3px solid var(--cin-teal,var(--teal));background:rgba(67,224,194,.08);font-size:14px}
.stage-receipt:focus{outline:none}
.stage-actions{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}
.stage-disclosure{margin:0 0 10px}
.area-set{border:0;padding:0;margin:0;min-width:0}.area-set legend{font-size:13px;margin-bottom:10px}.area-set legend small{opacity:.7}
.area-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.area-chip{display:flex;gap:8px;align-items:flex-start;padding:9px 11px;border:1px solid rgba(226,236,233,.16);font-size:13px;cursor:pointer}
.area-chip:has(input:checked){border-color:var(--cin-teal,var(--orange))}.area-chip.off{opacity:.45;cursor:not-allowed}
.area-chip input{accent-color:var(--cin-teal,var(--orange));margin-top:2px}
.bn-meta{display:flex;justify-content:flex-end;margin-top:-10px;opacity:.7}
.stg{display:inline-block;margin-top:4px;padding:2px 8px;font-size:11px;letter-spacing:.04em;border:1px solid currentColor}
.stg.basic{color:var(--amber)}.stg.complete{color:var(--teal)}
.stage-filter{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:600px){.stage-steps{flex-direction:column}.stage-actions .btn{flex:1}}
/* Mobile compactness: stats row, credits beside slim card, arc row. Desktop untouched. */
@media(max-width:767px){
  .ceo-cinematic .stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px}
  .ceo-cinematic .stat{padding:16px 6px;text-align:center;border-bottom:0;border-inline-end:1px solid var(--cin-line)}
  .ceo-cinematic .stat:last-child{border:0}
  .ceo-cinematic .stat b{font-size:clamp(30px,10vw,44px)}
  .ceo-cinematic .stat span{display:block;margin-top:6px;font-size:9px;letter-spacing:.1em;line-height:1.3;overflow-wrap:anywhere}
  [lang=ar] .ceo-cinematic .stat span{font-size:12px;letter-spacing:0}
  .ceo-cinematic .credits .twocol{grid-template-columns:minmax(0,1fr) clamp(76px,22vw,104px);gap:0 12px;align-items:end}
  .ceo-cinematic .credits .twocol>div:first-child{display:contents}
  .ceo-cinematic .credits .kicker,.ceo-cinematic .credits h2{grid-column:1/-1}
  .ceo-cinematic .steps{margin-top:18px;grid-column:1}
  .ceo-cinematic .steps div{gap:10px;padding-block:13px}
  .ceo-cinematic .steps>div>div{display:block;padding:0}
  .ceo-cinematic .steps h4{font-size:17px}
  .ceo-cinematic .steps p{font-size:13px;line-height:1.45}
  .ceo-cinematic .ccard-wrap{grid-column:2;grid-row:3;padding:0;align-self:center}
  .ceo-cinematic .ccard{aspect-ratio:auto;height:270px;min-height:270px;max-width:none;padding:14px 8px;writing-mode:vertical-rl;--n:14px;flex-direction:column}
  .ceo-cinematic .ccard .a,.ceo-cinematic .ccard .c{font-size:9px;letter-spacing:.14em}
  .ceo-cinematic .ccard .b{font-size:clamp(26px,8.5vw,38px)}
  .ceo-cinematic .ccard .c{gap:12px}
  .ceo-cinematic .arc{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:30px 0}
  .ceo-cinematic .arc .bx{padding:11px 8px;min-width:0}
  .ceo-cinematic .arc .bx b{font-size:10px}
  .ceo-cinematic .arc .bx h4{font-size:clamp(14px,4.3vw,18px);margin:6px 0 5px;overflow-wrap:anywhere;line-height:1.1}
  .ceo-cinematic .arc .bx p{font-size:11.5px;line-height:1.4}
  .ceo-cinematic .arc .bx:not(:last-child)::after{display:block;width:12px}
  .ceo-cinematic .arc .bx:not(:last-child)::before{display:block;width:5px;height:5px;top:calc(50% - 2px);animation:none;inset-inline-start:calc(100% + 3px)}
  .ceo-cinematic .ag{grid-template-columns:56px minmax(0,1fr);gap:5px 12px;padding:12px 8px}
  .ceo-cinematic .ag .tm{grid-column:1;grid-row:1;font-size:14px}
  .ceo-cinematic .ag .du{grid-column:1;grid-row:2;font-size:11px;padding-top:0}
  .ceo-cinematic .ag h4{grid-column:2;grid-row:1;font-size:16px}
  .ceo-cinematic .ag p{grid-column:2;grid-row:2}
  .ceo-cinematic .ag .who{grid-column:2;grid-row:3}
  .ceo-cinematic .ag p{font-size:13px}
}
@media(max-width:360px){
  .ceo-cinematic .arc{gap:8px}
  .ceo-cinematic .arc .bx{padding:9px 6px}
  .ceo-cinematic .arc .bx:not(:last-child)::after{width:8px}
  .ceo-cinematic .arc .bx:not(:last-child)::before{display:none}
  .ceo-cinematic .arc .bx p{font-size:11px}
}

/* SMTP delivery admin */
.mail{display:grid;gap:16px}
.mail-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:22px;background:linear-gradient(110deg,rgba(25,194,176,.09),transparent 55%),var(--panel);border:1px solid var(--line-2)}
.mail-head h2{font-size:clamp(28px,4vw,40px);margin:8px 0 10px}
.mail-pill{display:inline-block;padding:5px 10px;font:700 11px/1.4 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid}
.mail-pill.on{color:var(--teal);border-color:var(--teal)}.mail-pill.paused{color:var(--amber);border-color:var(--amber)}.mail-pill.off{color:var(--red);border-color:var(--red)}
.mail-spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px;align-content:end}
.mail-spec small,.mail-c small{display:block;color:var(--muted);font:10px/1.4 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
.mail-spec b{font-size:14px}
.mail-counts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line)}
.mail-c{padding:14px;border-inline-end:1px solid var(--line)}.mail-c:last-child{border:0}
.mail-c b{font:900 28px/1.1 var(--f-display)}
.mail-c.c-sent b{color:var(--teal)}.mail-c.c-failed b{color:var(--red)}.mail-c.c-uncertain b{color:var(--amber)}.mail-c.c-queued b,.mail-c.c-sending b{color:var(--violet)}
.mail-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.mail-acts p{flex:1 1 260px}
.mail-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 26px;padding:18px;border:1px solid var(--line);background:var(--bg-2)}
.mail-notes p{color:var(--ink-2);font-size:14px}
[lang=ar] .mail-pill,[lang=ar] .mail-spec small,[lang=ar] .mail-c small{letter-spacing:0;font-size:12px}
.gd{display:inline-block;padding:2px 8px;font:700 10px/1.6 var(--f-mono);letter-spacing:.06em;border:1px solid var(--line-2);color:var(--ink-2)}
.gd.sm{margin-top:4px;display:table}
.gd.sent{color:var(--teal);border-color:var(--teal)}.gd.failed{color:var(--red);border-color:var(--red)}.gd.uncertain{color:var(--amber);border-color:var(--amber)}.gd.queued,.gd.sending{color:var(--violet);border-color:var(--violet)}
.gd-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.gd-row small{color:var(--muted);font-size:12px}
.gdl .muted-s{margin-top:6px}
@media(max-width:767px){.mail-counts{grid-template-columns:repeat(3,minmax(0,1fr))}.mail-c:nth-child(3){border-inline-end:0}.mail-c:nth-child(-n+3){border-bottom:1px solid var(--line)}.mail-notes,.mail-spec{grid-template-columns:minmax(0,1fr)}.mail-head{padding:16px}.mail-c{padding:10px}.mail-c b{font-size:22px}}