@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/noto-kufi-arabic-arabic-500-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/noto-kufi-arabic-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/noto-kufi-arabic-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/noto-kufi-arabic-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/ibm-plex-sans-arabic-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/ibm-plex-sans-arabic-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/ibm-plex-sans-arabic-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#FFFFFF;--panel:#FFFFFF;--panel2:#F3F5F9;--ph:#ECEDEE;--foot:#10182B;--band:#F3F5F9;--tick:#F1F1F2;--logo:#E7E8EA;--day:#ECEDEE;--tc-on:#E7E8EA;--ch-on:#E7E8EA;--pill:#E7E8EA;--pill-line:#BDBFC4;--hero-bg:#F3F5F9;--nav-open:#FFFFFF;--tx-fixed:#131B2E;--tx:#131B2E;--tx2:#3F4A60;--m:#3F4A60;--line:#DDE2EC;--line2:#B3B6BC;--line3:#CBCDD1;--pk-tx:#2F3647;--day-off:#A1A4AB;--brand:#10182B;--foot-tx:#EEF1F7;--foot-m:#BCC6DA;--error:#C0392B;--ac:#2D4A8A;--glow:45 74 138;--ac-hi:#536B9F;--ac-lo:#274077;--ac-deep:#29447F;--ac-deep2:#233A6C;--ac-press:#172545;--ac-soft:#2D4A8A;--neon-hi:#ABB7D0;--ball-hi:#96A5C5;--ball-lo:#101A30;--on-ac:#FFFFFF;--em1:#10182B;--em2:#282F40;--em3:#0B111E;--em-deep:#1E2638;--em-tx:#FFFFFF;--em-tx2:#BCC6DA;--em-line:#3A4763;--em-line-soft:#454B5A;--em-link:#9DB2E3;--em-key:#FFFFFF;--em-key-tx:#10182B;--rv-bg:#FFE9A8;--rv-tx:#5A4300;--font-label:var(--font-body),sans-serif;--radius-key:2px;--radius-card:2px;--radius-sm:2px;--radius-pill:2px;--radius-panel:2px;--t-body:17px;--t-h1:52px;--t-h1-m:34px;--t-h2:32px;--t-h2-m:26px;--t-h3:20px;--t-h3-m:19px;--t-brand:26px;--sec-y:80px;--sec-y-m:52px;--wt-body:400;--wt-h:700;--wt-h3:700;--wt-brand:700;--lh-body:1.75;--lh-h1:1.5;--lh-h2:1.55;--lh-h3:1.65;--font-display:'Noto Kufi Arabic';--font-body:'IBM Plex Sans Arabic'}
/* What the five general themes share (D480): a rule for every class of the blocks, the same classes as the ember theme, with sizes,
   corners, colors, and weights read from tokens, so a theme changes its character without touching a block. No inline style and no
   outside source reaches a page. Logical properties throughout, and no letter spacing outside a Latin page. */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink)}
a{color:inherit}
a:hover{color:var(--ac-soft)}
img{max-width:100%}
:focus-visible{outline:2px solid var(--ac-soft);outline-offset:3px}
[hidden]{display:none !important}

.r{container-type:inline-size;background:var(--ink);color:var(--tx);font-family:var(--font-body),system-ui,sans-serif;font-size:calc(var(--t-body)*var(--ts,1));font-weight:var(--wt-body);line-height:var(--lh-body);overflow:clip;position:relative;--flip:50%;--gut:max(40px,calc((100cqw - 1240px)/2))}
.r[dir=ltr]{--flip:-50%;--lh-h1:1.14;--lh-h2:1.2;--lh-h3:1.32;line-height:1.65}

.d{font-family:var(--font-display),sans-serif}
.b{font-weight:var(--wt-h)}
.b6{font-weight:600}
.m{color:var(--m)}
.em{color:var(--em-tx)}
.tx2{color:var(--tx2)}
.w{max-width:1240px;margin-inline:auto}
.sec{padding:var(--sec-y) 40px}
.home .sec{padding:var(--sec-y) 40px}
.sec.nt,.home .sec.nt{padding-block-start:0}
.sec.pt48{padding-block-start:48px}
.sec.pt44{padding-block-start:44px}
.sec.pt40{padding-block-start:40px}
.sec.pt32{padding-block-start:32px}
.sec.pt12{padding-block-start:12px}
.sec.pb0{padding-block-end:0}
.pb40{padding-block-end:40px}
.pt28{padding-block-start:28px}
.pt24{padding-block-start:24px}
.pt8{padding-block-start:8px}
.pi24{padding-inline:24px}
.pi48{padding-inline:48px}
.p30{padding:30px}
.p56{padding:56px}
.p0{padding:0}
.h2{margin:0;font-family:var(--font-display),sans-serif;font-weight:var(--wt-h);font-size:calc(var(--t-h2)*var(--hs,1));line-height:var(--lh-h2)}
.home .h2{font-size:calc(var(--t-h2)*var(--hs,1))}
.h3{margin:0;font-family:var(--font-display),sans-serif;font-weight:var(--wt-h3);font-size:calc(var(--t-h3)*var(--hs,1));line-height:var(--lh-h3)}
.r[dir=ltr] .h2{letter-spacing:-.01em}
.s42{font-size:calc(42px*var(--hs,1))}.s40{font-size:calc(40px*var(--hs,1))}.s34{font-size:calc(34px*var(--hs,1))}.s32{font-size:calc(32px*var(--hs,1))}.s30{font-size:calc(30px*var(--hs,1))}.s22{font-size:calc(22px*var(--hs,1))}.s20{font-size:calc(20px*var(--hs,1))}
.t19{font-size:calc(19px*var(--ts,1))}.t18{font-size:calc(18px*var(--ts,1))}.t17{font-size:calc(17px*var(--ts,1))}.t16{font-size:calc(16px*var(--ts,1))}.t15{font-size:calc(15px*var(--ts,1))}.t13{font-size:calc(13px*var(--ts,1))}
.m0{margin:0}
.mt28{margin-block-start:28px}.mt22{margin-block:22px 0}
.mb32{margin-block-end:32px}.mb30{margin-block-end:30px}.mb28{margin-block-end:28px}.mb24{margin-block-end:24px}.mb20{margin-block-end:20px}.mb8{margin-block-end:8px}
.mw620{max-width:620px;margin:0}
.mw860{max-width:860px}
.mn0{min-width:0}
.selfs{align-self:flex-start}
.f1{flex:1}
.f400{flex:1 1 400px}
.tc{text-align:center}
.stk{display:flex;flex-direction:column}
.g48{gap:48px}.g44{gap:44px}.g26{gap:26px}.g22{gap:22px}.g20{gap:20px}.g18{gap:18px}.g16{gap:16px}.g14{gap:14px}.g12{gap:12px}.g10{gap:10px}.g8{gap:8px}.g0{gap:0}
.grd22{display:grid;gap:22px}
.bt{border-block-start:1px solid var(--line)}

/* The glowing keyboard key and its companions. */
.key{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border:0;border-radius:var(--radius-key);background:var(--ac);color:var(--on-ac);font:inherit;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease}
.key:hover{background:var(--ac-lo);color:var(--on-ac)}
.key:active{background:var(--ac-deep2)}
.key[disabled]{opacity:.6;cursor:default}
.key.s{min-height:44px;padding:0 20px;font-size:15px}
.key.xl{min-height:60px;padding:0 36px;font-size:18px}
.gh{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:1px solid var(--line2);border-radius:var(--radius-key);background:transparent;color:var(--tx);font:inherit;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer}
.gh.s{min-height:44px;padding:0 16px;font-size:14px}
.gh.xl{min-height:60px}
.lk{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:600;text-decoration:none;box-shadow:inset 0 -1px 0 var(--line2)}
.btns{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.jc{justify-content:center}

/* The neon numerals. */
.neon{font-family:var(--font-display),sans-serif;font-weight:var(--wt-h);line-height:1.35;padding-block:.08em;color:var(--ac-soft)}
.r[dir=ltr] .neon{line-height:1.2}
.n112{font-size:calc(88px*var(--hs,1))}.n72{font-size:calc(60px*var(--hs,1))}.n64{font-size:calc(54px*var(--hs,1))}.n60{font-size:calc(52px*var(--hs,1))}.n52{font-size:calc(46px*var(--hs,1))}.n44{font-size:calc(40px*var(--hs,1))}.n38{font-size:calc(34px*var(--hs,1))}

.rv{display:inline-block;font-family:var(--font-body),sans-serif;font-size:12px;font-weight:600;line-height:1;padding:6px 8px;border-radius:6px;background:var(--rv-bg);color:var(--rv-tx);vertical-align:middle}
.ph{display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;color:var(--m);font-size:14px;background:var(--ph);border:1px solid var(--line)}
.ph.p0{padding:0}
.im{display:block;width:100%;height:auto;object-fit:cover}
.r16x10{aspect-ratio:16/10}.r16x9{aspect-ratio:16/9}.r16x8{aspect-ratio:16/8}.r4x3{aspect-ratio:4/3}.r4x5{aspect-ratio:4/5}
.rd24,.rd22,.rd20,.rd18,.rd14{border-radius:var(--radius-card)}
.glow{border-color:var(--ac)}

/* The running bands. */
.mq{display:flex;width:max-content;animation:mq 42s linear infinite}
.mq.t{animation-duration:70s}
.mqg{display:flex;flex:none;align-items:center}
.r[dir=ltr] .mq{animation-name:mqr}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(50%)}}
@keyframes mqr{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tk{display:flex;align-items:stretch;font-size:14px;background:var(--tick);border-block-end:1px solid var(--line)}
.tk b{flex:none;padding:9px 20px;background:var(--ac);color:var(--on-ac);font-weight:700}
.tkv{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center}
.tk span,.tk a{padding:9px 32px;white-space:nowrap;text-decoration:none}

/* The first screen. */
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:64px;row-gap:20px;align-items:center;padding:calc(72px + var(--hdr-pad,0px)) var(--gut) 88px;overflow:hidden;background:var(--hero-bg)}
.hero:has(>svg.pic){grid-template-columns:minmax(0,1fr)}
.hero>svg.pic{display:none}
.top{position:relative;padding:calc(64px + var(--hdr-pad,0px)) 40px 48px;overflow:hidden;background:var(--hero-bg)}
.top.large{padding-block:calc(88px + var(--hdr-pad,0px)) 56px}
.top.small{padding-block:calc(48px + var(--hdr-pad,0px)) 32px}
.top.pb40{padding-block-end:40px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font-display),sans-serif;font-weight:var(--wt-brand);font-size:calc(var(--t-brand)*var(--hs,1));line-height:1.7;color:var(--brand)}
.brand i{display:none}
.sw{font-size:14px;font-weight:600;text-decoration:none}
.sw:lang(ar){font-family:var(--font-display),sans-serif;font-size:15px}
.nm{grid-column:1;grid-row:1;align-self:end;margin:0;font-family:var(--font-display),sans-serif;font-weight:var(--wt-h);font-size:calc(var(--t-h1)*var(--hs,1));line-height:var(--lh-h1);color:var(--tx)}
.r[dir=ltr] .nm{letter-spacing:-.015em}
.pic{grid-column:2;grid-row:1/span 2;inline-size:100%;block-size:auto;display:block;border-radius:var(--radius-card)}
.hc{grid-column:1;grid-row:2;align-self:start;position:relative;max-width:36em;display:flex;flex-direction:column;gap:24px}
.ln{font-family:var(--font-display),sans-serif;font-weight:var(--wt-h3);font-size:calc(var(--t-h3)*var(--hs,1));line-height:1.5;color:var(--ac-soft)}
.hl{margin:0;font-size:calc(20px*var(--ts,1));line-height:1.7;color:var(--tx2)}
.hc .btns{padding-block-start:6px}
.ttl{margin:0;font-family:var(--font-display),sans-serif;font-weight:var(--wt-h);font-size:calc(var(--t-h1)*var(--hs,1));line-height:var(--lh-h1)}
.large .ttl{font-size:calc(var(--t-h1)*var(--hs,1)*1.15)}
.small .ttl{font-size:calc(var(--t-h1)*var(--hs,1)*.8)}
.r[dir=ltr] .ttl{letter-spacing:-.015em}
.lead{margin:16px 0 0;font-size:calc(20px*var(--ts,1));max-width:40em;color:var(--tx2)}
.small .lead{font-size:calc(18px*var(--ts,1))}
.chips{display:flex;gap:10px;overflow-x:auto;padding-block-start:26px}
.chip{flex:none;min-height:44px;padding:0 20px;border-radius:var(--radius-pill);border:1px solid var(--line2);background:transparent;color:var(--tx);font:inherit;font-weight:500;cursor:pointer}
.chip.on{background:var(--tx);color:var(--ink);border-color:var(--tx);font-weight:700}

/* The numbers. */
.nums{padding:34px 0;border-block:1px solid var(--line);overflow:hidden;background:var(--band)}
.ni{display:inline-flex;align-items:center;gap:18px;padding-inline:44px;white-space:nowrap}
.ni .neon{font-size:calc(64px*var(--hs,1))}
.ni em{font-style:normal;font-size:19px;font-weight:500;line-height:1.5;color:var(--tx2)}

/* The orbit. */
.ab{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:72px;align-items:center}
.orb{position:relative;aspect-ratio:1;max-width:560px;width:100%;margin-inline:auto}
.ring{position:absolute;border-radius:50%;border:1px dashed rgb(var(--glow) / .45)}
.ring.r6{inset:6%}.ring.r20{inset:20%}
.ball{position:absolute;inset:33%;border-radius:50%;background:var(--ac)}
.pl{position:absolute;transform:translate(var(--flip),-50%);padding:8px 18px;border-radius:var(--radius-pill);background:var(--panel);border:1px solid var(--line2);font-size:15px;font-weight:600;white-space:nowrap}
.pl.p1{inset-inline-start:50%;top:9%}
.pl.p2{inset-inline-start:15%;top:36%}
.pl.p3{inset-inline-start:84%;top:36%}
.pl.p4{inset-inline-start:24%;top:80%}
.pl.p5{inset-inline-start:76%;top:80%}
.col{margin-block-start:64px;padding-block-start:28px;border-block-start:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 44px;font-family:var(--font-display),sans-serif;font-size:20px;font-weight:var(--wt-h3)}
.col small{font-family:var(--font-body),sans-serif;font-size:15px;color:var(--m)}

/* The services. */
.sv{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) auto;gap:40px;align-items:center;padding:34px 0;border-block-end:1px solid var(--line)}
.sv h3{margin:0;font-family:var(--font-display),sans-serif;font-weight:var(--wt-h3);font-size:calc(var(--t-h3)*var(--hs,1));line-height:var(--lh-h3)}
.sv p{margin:0;color:var(--m)}

/* The burgundy panels. */
.cr{margin-inline:24px;border-radius:var(--radius-panel);padding:80px 40px;background:var(--em1);color:var(--em-tx);--tx:var(--em-tx);--tx2:var(--em-tx2);--m:var(--em-tx2);--line:var(--em-line);--line2:var(--em-line);--ac-soft:var(--em-link)}
.ember{border-radius:var(--radius-panel);background:var(--em1);color:var(--em-tx);--tx:var(--em-tx);--tx2:var(--em-tx2);--m:var(--em-tx2);--line:var(--em-line);--line2:var(--em-line);--panel:var(--em2);--ac-soft:var(--em-link)}
.cr .key,.ember .key,.fe .key,.su .key,.pk .big .key{background:var(--em-key);color:var(--em-key-tx)}
.cr .key:hover,.ember .key:hover,.fe .key:hover,.su .key:hover,.pk .big .key:hover{background:var(--em-key);color:var(--em-key-tx);opacity:.92}
.bn{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-block-start:48px}
.bc{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:220px;padding:30px;border-radius:var(--radius-card);text-decoration:none;border:1px solid var(--em-line);background:var(--em2)}
.bc h3{margin:0;font-family:var(--font-display),sans-serif;font-weight:var(--wt-h3);font-size:calc(var(--t-h3)*var(--hs,1));line-height:var(--lh-h3)}
.bc span{color:var(--em-tx2)}
.bc.f{background:var(--ac);color:var(--on-ac);border-color:var(--ac)}
.bc.f:hover{color:var(--on-ac)}
.bc.f span{color:var(--on-ac)}
.c7{grid-column:span 7}.c5{grid-column:span 5}
.ff{display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px 24px;margin-block-start:18px;padding:28px 30px;border-radius:var(--radius-card);background:var(--em-deep);border:1px solid var(--em-line)}
.ffh{flex:1 1 300px;display:flex;flex-direction:column;gap:8px}
.fft{font-weight:600;font-size:22px;line-height:1.5}
.ffi{flex:1 1 280px}
.ff .cb{font-size:14px;color:var(--em-tx2)}
.ff .cb input{margin-block-start:4px}

/* The quote. */
.q{position:relative;text-align:center;padding:var(--sec-y) 40px}
.q blockquote{margin:0 auto;max-width:900px;font-family:var(--font-display),sans-serif;font-weight:var(--wt-h3);font-size:calc(30px*var(--hs,1));line-height:1.65;color:var(--tx)}
.qm{font-size:96px;line-height:.9}
.qa{margin:26px 0 0;font-weight:600}

/* The results and stories. */
.st{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px;margin-block-start:48px}
.stc{border-radius:var(--radius-card);overflow:hidden;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column}
.stb{padding:26px 28px;display:flex;flex-direction:column;gap:6px}
.stb.p30{padding:30px}
.stb h3{margin:0;font-family:var(--font-display),sans-serif;font-weight:var(--wt-h3);font-size:calc(22px*var(--hs,1));line-height:1.5}
.stp{flex:1;min-height:360px}
.elk{display:block;overflow:hidden;text-decoration:none}
.elb{padding:52px;display:flex;flex-direction:column;gap:16px;justify-content:flex-end;min-height:420px}
.elp.ph{min-height:320px;border:0;background:var(--em2)}
.stq{margin:22px 0 0;text-align:center;padding:48px}
.stq blockquote{margin:0;font-size:24px;line-height:1.7}
.stq figcaption,.sq figcaption{font-weight:600}
.sth{font-size:calc(var(--t-h1)*var(--hs,1));max-width:1000px}
.stn{display:flex;flex-wrap:wrap;gap:12px 56px;padding-block-start:18px}
.stnv{display:flex;flex-direction:column}
.stnn{font-size:calc(64px*var(--hs,1))}
.baf{margin:0;display:flex;flex-direction:column;gap:10px}
.bah{font-weight:600;color:var(--ac-soft)}
.sq{margin:0;text-align:center;padding:56px 32px}
.sq blockquote{margin:0;font-size:26px;line-height:1.7;color:var(--em-tx)}
.sq figcaption{margin-block-start:16px}

/* The slider of opinions. */
.ts{margin-block-start:48px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:32px;align-items:center}
.ts.one{grid-template-columns:minmax(0,1fr)}
.ar{width:56px;height:56px;border-radius:var(--radius-key);border:1px solid var(--line2);background:transparent;color:var(--tx);display:flex;align-items:center;justify-content:center;cursor:pointer}
.tsf{margin:0;padding:44px;border-radius:var(--radius-card);background:var(--panel);border:1px solid var(--line);text-align:center}
.tsf blockquote{margin:0;font-size:24px;line-height:1.7}
.tsf figcaption{margin-block-start:18px;font-weight:600}

/* The latest posts. */
.bl{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;margin-block-start:48px}
.blf{text-decoration:none;display:flex;flex-direction:column;gap:12px}
.blt{font-weight:600;font-size:28px;line-height:1.45}
.blr{display:flex;flex-direction:column;gap:24px;justify-content:center}
.br{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;text-decoration:none}
.brt{display:flex;flex-direction:column;gap:4px}
.brn{font-weight:600;font-size:19px;line-height:1.5}
.me{font-family:var(--font-label);font-size:13px;color:var(--m)}
.tw.blg{text-decoration:none;align-items:center;gap:40px}
.crdb{display:flex;flex-direction:column;gap:12px}

/* The final call. */
.fin{position:relative;text-align:center;padding:var(--sec-y) 40px;overflow:hidden;background:var(--band)}
.home .fin{padding:var(--sec-y) 40px}
.fin .ring,.fin .r520,.fin .r860{display:none}
.finb{position:relative;display:flex;flex-direction:column;align-items:center;gap:32px}
.cta{padding:0 48px 96px}
.ctab{padding:44px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}

/* The footers. */
.ft{padding:40px;border-block-start:1px solid var(--line);background:var(--foot);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;font-size:14px;color:var(--m)}
.ft.full{display:block;padding:64px 48px 40px}
.fg{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:40px;font-size:15px;color:var(--tx)}
.fc{display:flex;flex-direction:column;gap:8px}
.fc a{text-decoration:none}
.fc b{color:var(--m);font-weight:600}
.fcr{margin:44px 0 0;padding-block-start:22px;border-block-start:1px solid var(--line);font-size:14px}
.mob{display:none}

/* Cards and grids. */
.pa{padding:32px;border-radius:var(--radius-card);background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px;min-width:0}
.pa ul,.ul{margin:0;padding-inline-start:20px;color:var(--m)}
.pa ul.em{color:var(--em-tx)}
.ul.big{font-size:18px;color:var(--tx2);display:flex;flex-direction:column;gap:8px}
.hot{border-color:var(--ac)}
.hot ul,.hot .rich ul{color:var(--tx)}
.je{justify-content:flex-end}
.mh300{min-height:300px}
.mh380{min-height:380px}
.fq{display:grid;gap:14px}
.fqi{padding:22px 26px;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--panel)}
.fqi summary{cursor:pointer;font-family:var(--font-display),sans-serif;font-weight:var(--wt-h3);font-size:calc(19px*var(--hs,1));line-height:1.6}
.fqi p{margin-block-start:12px}
.tmg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.tmi{display:flex;flex-direction:column;gap:10px}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.g2.g48{gap:48px}.g2.g16{gap:16px}
.pa.g16{gap:16px}
.tw{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px}
.tw.g0{gap:0}
.sp{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.sp.g48{gap:48px}
.card{display:flex;flex-direction:column;gap:12px;text-decoration:none;min-width:0}
.rich ul,.rich ol{margin:0;padding-inline-start:20px}
.rich p{margin:0 0 8px}

/* The timeline and credentials. */
.tl{display:grid;grid-template-columns:230px minmax(0,1fr) minmax(0,.8fr);gap:36px;padding:40px 0;border-block-end:1px solid var(--line);align-items:start}
.yr{font-family:var(--font-label);font-weight:var(--wt-h3);font-size:19px;line-height:1.6;color:var(--ac-soft)}
.nb{display:flex;flex-wrap:wrap;gap:6px 26px}
.nb span{display:flex;align-items:baseline;gap:8px}
.gr{padding:24px 0;border-block-start:1px solid var(--line)}
.grs{gap:0 36px}
.mbs{padding-block-end:60px;overflow:hidden}
.mbb{padding:26px 0;border-block:1px solid var(--line);overflow:hidden}
.mb{display:inline-flex;align-items:center;gap:14px;padding-inline:30px;white-space:nowrap;font-family:var(--font-display),sans-serif;font-size:19px;font-weight:var(--wt-h3)}
.mb i,.mb img{width:54px;height:54px;border-radius:var(--radius-sm);background:var(--logo);border:1px solid var(--line3);display:block;flex:none;object-fit:contain}

/* The packages. */
.pkw{padding:64px 48px}
.pkg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;margin-block-start:36px}
.pkn{background:var(--em2);border-color:var(--em-line)}
.pkh{background:var(--em2);border-color:var(--em-key)}
.pk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);gap:22px;margin-block-start:44px;align-items:stretch}
.pk article{padding:32px;border-radius:var(--radius-card);background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.pk .big{background:var(--em1);border-color:var(--em1);color:var(--em-tx);--tx:var(--em-tx);--tx2:var(--em-tx2);--m:var(--em-tx2);--pk-tx:var(--em-tx2);--ac-soft:var(--em-link)}
.pk h3{margin:0;font-family:var(--font-display),sans-serif;font-weight:var(--wt-h3);font-size:calc(22px*var(--hs,1));line-height:1.5}
.pk ul{margin:0;padding-inline-start:20px;flex:1;color:var(--pk-tx)}

/* The courses. */
.fes{padding:24px 24px 0}
.fe{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);border-radius:var(--radius-panel);overflow:hidden;background:var(--em1);color:var(--em-tx);border:1px solid var(--em-line);--tx:var(--em-tx);--m:var(--em-tx2);--ac-soft:var(--em-link)}
.fb{padding:52px;display:flex;flex-direction:column;gap:20px}
.fet{margin:0;font-weight:var(--wt-h);font-size:calc(var(--t-h2)*var(--hs,1));line-height:var(--lh-h2)}
.fes1{margin:0;font-size:18px;color:var(--em-tx2)}
.feim{min-height:440px}
.feim.ph{border:0;background:var(--em2)}
.tags{display:flex;gap:10px;flex-wrap:wrap}
.tag{align-self:flex-start;padding:4px 14px;border-radius:var(--radius-pill);border:1px solid currentColor;font-size:13px;font-weight:600}
.tag.on{background:var(--em-key);color:var(--em-key-tx);border-color:var(--em-key)}
.dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}
.dl dt{font-size:13px;color:var(--em-tx2)}
.dl dd{margin:0;font-weight:600}
.fea{padding-block-start:18px;border-block-start:1px solid var(--em-line)}
.tri{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;margin-block-start:44px}
.vid{position:relative;aspect-ratio:16/10;border-radius:var(--radius-card);overflow:hidden}
.vidt{align-self:flex-end}
.play{position:absolute;inset:0;margin:auto;width:68px;height:68px;border-radius:50%;border:0;background:var(--ac);color:var(--on-ac);display:flex;align-items:center;justify-content:center;cursor:pointer}
.vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-block-start:22px}
.row{display:grid;grid-template-columns:150px minmax(0,1.3fr) minmax(0,1fr) 110px 170px;gap:24px;align-items:center;padding:26px 0;border-block-end:1px solid var(--line)}
.row h3{margin:0;font-family:var(--font-display),sans-serif;font-weight:var(--wt-h3);font-size:calc(22px*var(--hs,1));line-height:1.5}
.row h3 a{text-decoration:none}
.rowt{font-size:14px;font-weight:600;color:var(--ac-soft)}
.closed{color:var(--ac-soft)}

/* The orange form. */
.fo{position:relative;padding:56px;border-radius:var(--radius-panel);background:var(--ac);color:var(--on-ac);display:flex;flex-direction:column;gap:24px;--error:var(--on-ac)}
.fot{margin:0;font-weight:var(--wt-h);font-size:calc(var(--t-h2)*var(--hs,1));line-height:var(--lh-h2);max-width:820px}
.fg3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fo .fl{font-weight:700}
.fo .in{border:0;background:#fff;color:#161616}
.ck{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--on-ac) 14%,transparent);border:1px solid var(--on-ac);font-weight:600}
.ck input{width:18px;height:18px;accent-color:var(--on-ac);flex:none}
.fo .cb{align-items:center;font-weight:500}
.fo .cb input{accent-color:var(--on-ac);margin:0}
.fo .grp legend{font-weight:700}
.fof{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px}
.dk{min-height:52px;padding:0 32px;border:0;border-radius:var(--radius-key);background:var(--on-ac);color:var(--ac);font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}

/* Fields. */
.fl{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;min-width:0}
.in{height:52px;width:100%;border:1px solid var(--line2);border-radius:var(--radius-sm);padding:0 14px;background:var(--panel2);color:var(--tx);font:inherit}
.in.lt{text-align:end}
.in.ta{height:auto;padding:12px 14px;resize:vertical}
.cb{display:flex;align-items:flex-start;gap:10px;font-size:15px}
.cb input{width:18px;height:18px;margin-block-start:5px;accent-color:var(--ac);flex:none}
.grp{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:10px}
.grp legend{font-size:14px;font-weight:600;padding-block-end:10px}
.hp{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;inset-inline-start:-9999px}
.tsb{min-height:65px}
.fst{margin:0;font-weight:600;font-size:15px}
.fst[data-kind=error]{color:var(--error)}
.fst[data-kind=ok]{color:var(--ac-soft)}
.fo .fst{color:var(--on-ac)}

/* The booking block. */
.bk{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;align-items:start;padding:12px 40px var(--sec-y)}
.bk .key{min-height:56px;padding:0 32px}
.bkf{min-width:0}
.fs{margin:0;padding:30px;min-width:0;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel);display:flex;flex-direction:column;gap:20px}
.lg{float:inline-start;width:100%;padding:0;display:flex;align-items:center;gap:12px;font-family:var(--font-display),sans-serif;font-weight:var(--wt-h3);font-size:calc(22px*var(--hs,1));line-height:1.6}
.n{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--ac);color:var(--on-ac);font-size:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}
.ty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tc{cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:20px;border-radius:16px;border:1px solid var(--line3);background:var(--panel2);text-align:start}
.tc.on{border-color:var(--ac);background:var(--tc-on)}
.tc.on .m{color:var(--m)}
.tc b{font-family:var(--font-display),sans-serif;font-weight:600;font-size:18px;line-height:1.5;display:flex;justify-content:space-between;gap:8px}
.tc input{width:20px;height:20px;accent-color:var(--ac);flex:none}
.wh{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px}
.calh{display:flex;align-items:center;justify-content:space-between}
.calm{font-weight:600;font-size:18px}
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cal.h{font-size:12px;font-weight:600;color:var(--m);text-align:center}
.day{height:48px;padding:0;border:0;border-radius:var(--radius-sm);background:var(--day);color:var(--tx);font:inherit;font-weight:600;font-size:15px;cursor:pointer}
.day:disabled{background:transparent;color:var(--day-off);cursor:default}
.day.on{background:var(--ac);color:var(--on-ac)}
.cn{width:44px;height:44px;border-radius:var(--radius-sm);border:1px solid var(--line3);background:transparent;color:var(--tx);display:flex;align-items:center;justify-content:center;cursor:pointer}
.sl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.slot{min-height:50px;border-radius:var(--radius-sm);border:1px solid var(--line3);background:var(--panel2);color:var(--tx);font:inherit;font-weight:600;font-size:15px;cursor:pointer}
.slot.on{border:0;background:var(--ac);color:var(--on-ac)}
.fs .g3,.fs .g2{gap:16px}
.fs .in{height:52px}
.fs .in.ta{height:auto}
.ch{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--radius-pill);border:1px solid var(--line2);background:var(--panel2);font-weight:500;font-size:15px}
.ch:has(input:checked){border-color:var(--ac);background:var(--ch-on)}
.ch input{width:18px;height:18px;accent-color:var(--ac);flex:none}
.bkc{display:flex;flex-direction:column;gap:10px;padding-block-start:16px;border-block-start:1px solid var(--line)}
.sub{align-self:flex-start;margin-block-start:8px}
.as{position:sticky;top:20px;display:flex;flex-direction:column;gap:16px}
.su{padding:30px;border-radius:var(--radius-card);background:var(--em1);color:var(--em-tx);border:1px solid var(--em-line);display:flex;flex-direction:column;gap:18px;--m:var(--em-tx2);--ac-soft:var(--em-link)}
.sut{font-weight:600;font-size:22px}
.su dl{margin:0;display:flex;flex-direction:column;gap:14px}
.su dt{font-size:13px;color:var(--em-tx2)}
.su dd{margin:0;font-weight:600}
.sun{margin:0;padding:14px 16px;border-radius:var(--radius-sm);background:var(--em2);font-size:14px;color:var(--em-tx)}
.asd{padding:22px;border-radius:var(--radius-card);background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.asd .gh{min-height:52px}

/* An article. */
.arh{max-width:860px;margin-inline:auto;display:flex;flex-direction:column;gap:16px;padding-block-start:24px}
.arh1{font-size:calc(var(--t-h1)*var(--hs,1))}
.arc{max-width:1100px;margin:0 auto 44px;aspect-ratio:16/8;border-radius:var(--radius-card)}
.prose{font-size:calc(19px*var(--ts,1));line-height:1.95;max-width:760px;margin-inline:auto;color:var(--tx2)}
.prose p{margin:0 0 22px}
.prose h2,.prose h3,.prose h4{margin:34px 0 14px;font-family:var(--font-display),sans-serif;font-weight:var(--wt-h3);font-size:calc(28px*var(--hs,1));line-height:1.5;color:var(--tx)}
.prose h3{font-size:24px}
.prose h4{font-size:20px}
.prose blockquote{margin:34px 0;padding-inline-start:24px;border-inline-start:3px solid var(--ac);font-family:var(--font-display),sans-serif;font-size:calc(24px*var(--hs,1));line-height:1.65;color:var(--tx)}
.prose ul,.prose ol{margin:0 0 22px;padding-inline-start:24px}

/* Cookie consent (D407). */
.cc{position:fixed;z-index:30;inset-inline:16px;bottom:16px;max-width:560px;margin-inline:auto;padding:20px;border-radius:var(--radius-card);background:var(--panel);border:1px solid var(--line2);display:flex;flex-direction:column;gap:12px;font-size:14px}
.cc p{margin:0}

.nm,.hc{z-index:1}
.nm{position:relative}
.sd-l-center .hero,.sd-l-full .hero{grid-template-columns:minmax(0,1fr)}
.sd-l-center .hero{justify-items:center;text-align:center}
.sd-l-center .pic,.sd-l-full .pic{position:absolute;grid-row:auto}
.sd-l-columns .pic{grid-column:2;grid-row:2;border-radius:var(--radius-card)}
.sd-l-columns .hc{grid-column:1;grid-row:2}

@media (prefers-reduced-motion: reduce){
.mq{animation:none;width:auto}
.mqg{flex-wrap:wrap}
[data-copy]{display:none}
.key{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border:0;border-radius:var(--radius-key);background:var(--ac);color:var(--on-ac);font:inherit;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease}
}


@container (max-width:1040px){
.sp,.tw{grid-template-columns:minmax(0,1fr);gap:28px}
.tw.g0{gap:0}
.ab,.st,.bl,.fe,.tri,.pk,.bk,.wh{grid-template-columns:minmax(0,1fr)}
.tl{grid-template-columns:minmax(0,1fr);gap:12px}
.g3{grid-template-columns:repeat(2,minmax(0,1fr))}
.fs .g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sv{grid-template-columns:minmax(0,1fr) auto}
.sv p{grid-column:1/-1;grid-row:2}
.row{grid-template-columns:minmax(0,1fr) auto;gap:6px 16px}
.row>:nth-child(1),.row>:nth-child(2),.row>:nth-child(3){grid-column:1/-1}
.as{position:static}
}

@container (max-width:760px){
.sd-l-columns .pic,.sd-l-columns .hc{grid-column:1;grid-row:auto}
.sec,.home .sec{padding:var(--sec-y-m) 20px}
.sec.nt,.home .sec.nt{padding-block-start:0}
.h2,.home .h2{font-size:calc(var(--t-h2-m)*var(--hs,1))}
.h3{font-size:calc(var(--t-h3-m)*var(--hs,1))}
.s42,.s40{font-size:calc(30px*var(--hs,1))}.s34,.s32,.s30{font-size:calc(26px*var(--hs,1))}.s22,.s20{font-size:calc(20px*var(--hs,1))}
.sth{font-size:calc(var(--t-h1-m)*var(--hs,1))}
.arh1{font-size:calc(var(--t-h1-m)*var(--hs,1))}
.hero{grid-template-columns:minmax(0,1fr);row-gap:16px;padding:calc(32px + var(--hdr-pad,0px)) 20px 48px}
.top,.top.large{padding:calc(36px + var(--hdr-pad,0px)) 20px 28px}
.top.small{padding:calc(28px + var(--hdr-pad,0px)) 20px 20px}
.nm{grid-column:1;grid-row:auto;font-size:calc(var(--t-h1-m)*var(--hs,1))}
.pic{grid-column:1;grid-row:auto}
.hc{grid-column:1;grid-row:auto;gap:14px;max-width:none}
.ln{font-size:calc(var(--t-h3-m)*var(--hs,1))}
.hl{font-size:calc(17px*var(--ts,1))}
.ttl{font-size:calc(var(--t-h1-m)*var(--hs,1))}
.large .ttl{font-size:calc(var(--t-h1-m)*var(--hs,1)*1.15)}
.small .ttl{font-size:calc(var(--t-h1-m)*var(--hs,1)*.85)}
.lead{font-size:calc(17px*var(--ts,1))}
.large .lead,.small .lead{font-size:calc(16px*var(--ts,1))}
.g2,.g3{grid-template-columns:minmax(0,1fr);gap:12px}
.fs .g3,.fs .g2{grid-template-columns:minmax(0,1fr)}
.tw{gap:12px}
.pa{padding:22px}
.ember{border-radius:var(--radius-card)}
.btns .key,.btns .gh{width:100%}
.nums{padding:18px 0}
.ni{padding-inline:22px;gap:12px}
.ni .neon{font-size:calc(44px*var(--hs,1))}
.ni em{font-size:15px}
.ab{gap:32px}
.pl{font-size:12px;padding:6px 12px}
.col{font-size:18px;margin-block-start:40px}
.sv{gap:10px;padding:22px 0}
.sv h3{font-size:calc(var(--t-h3-m)*var(--hs,1))}
.cr{margin-inline:8px;border-radius:var(--radius-card);padding:48px 16px}
.bn{margin-block-start:28px;gap:10px}
.c7,.c5{grid-column:span 12}
.bc{min-height:130px;padding:20px}
.bc h3{font-size:calc(var(--t-h3-m)*var(--hs,1))}
.ff{padding:18px}
.ff .key{width:100%}
.q{padding:var(--sec-y-m) 20px}
.q blockquote{font-size:calc(23px*var(--hs,1))}
.ts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.ts.one{grid-template-columns:minmax(0,1fr)}
.tsv{grid-column:1/-1;grid-row:1}
.ar{width:100%}
.br{grid-template-columns:104px minmax(0,1fr)}
.fin,.home .fin{padding:var(--sec-y-m) 20px}
.fin .btns{justify-content:stretch}
.cta{padding:0 16px 60px}
.ctab{padding:28px 20px}
.ctab .key{width:100%}
.ft{padding:26px 20px 100px}
.ft.full{padding:44px 20px 112px}
.fg{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.fg>:first-child{grid-column:1/-1}
.mob{display:flex;gap:10px;position:sticky;bottom:0;z-index:5;padding:12px;background:color-mix(in srgb,var(--ink) 92%,transparent);border-block-start:1px solid var(--line)}
.mob .key{flex:1;min-height:50px}
.tl{padding:26px 0}
.mb{font-size:16px;padding-inline:18px}
.prose{font-size:calc(17px*var(--ts,1))}
.fb{padding:24px}
.fet{font-size:calc(var(--t-h2-m)*var(--hs,1))}
.feim{min-height:190px;order:-1}
.tri{margin-block-start:24px}
.vs{grid-template-columns:minmax(0,1fr);gap:12px}
.row{padding:20px 0}
.row h3{font-size:calc(20px*var(--hs,1))}
.pk{margin-block-start:24px;gap:12px}
.pk article{padding:22px}
.fo{padding:24px 16px;border-radius:var(--radius-card)}
.fot{font-size:calc(var(--t-h2-m)*var(--hs,1))}
.fg3{grid-template-columns:minmax(0,1fr)}
.dk{width:100%}
.bk{padding:6px 12px 0;gap:12px}
.bk .mob{margin-inline:-12px;grid-column:1/-1}
.bkf{gap:12px}
.fs{padding:18px;gap:14px;border-radius:var(--radius-card)}
.lg{font-size:calc(19px*var(--hs,1))}
.ty{grid-template-columns:minmax(0,1fr)}
.tc{padding:14px 16px}
.day{height:42px;font-size:14px}
.cal{gap:4px}
.sl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.slot{font-size:14px}
.su{padding:20px}
.sub{display:none}
}
/* The formal business theme: rules instead of shadows, sharp corners, and dark bands. Colors, fonts, and corners read tokens. */

.hero,.top{border-block-end:1px solid var(--line)}
.ln{align-self:flex-start;padding-block-end:12px;border-block-end:2px solid var(--ac-soft)}
.bt:has(>.sv){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-block-start:2px solid var(--em1)}
.sv{grid-template-columns:minmax(0,1fr);gap:12px;align-content:start;padding:32px;border-block-end:1px solid var(--line);border-inline-end:1px solid var(--line)}
.sv:nth-child(3n){border-inline-end:0}
.sec:has(.tl){background:var(--em1);color:var(--em-tx);--tx:var(--em-tx);--tx2:var(--em-tx2);--m:var(--em-tx2);--line:var(--em-line);--line2:var(--em-line);--ac-soft:var(--em-link)}
.tl{border-inline-start:1px solid var(--line);padding-inline-start:32px}
.q{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px;align-items:start;text-align:start;max-width:1240px;margin-inline:auto}
.q .qm{display:none}
.q .qa{grid-row:1;margin:0;color:var(--m)}
.q blockquote{margin:0;padding-inline-start:32px;border-inline-start:3px solid var(--ac);font-size:calc(26px*var(--hs,1));line-height:1.7}
.fin{border-block:1px solid var(--line);text-align:start}
.fin .finb{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;max-width:1240px;margin-inline:auto}
.fin .btns.jc{justify-content:flex-start}
.lk{color:var(--ac-soft);box-shadow:none;text-decoration:underline;text-underline-offset:5px}

@container (max-width:1040px){
.bt:has(>.sv){grid-template-columns:repeat(2,minmax(0,1fr))}
.sv:nth-child(3n){border-inline-end:1px solid var(--line)}
}

@container (max-width:760px){
.bt:has(>.sv){grid-template-columns:minmax(0,1fr)}
.sv,.sv:nth-child(3n){border-inline-end:0}
.tl{padding-inline-start:20px}
.q{grid-template-columns:minmax(0,1fr);gap:16px}
.q .qa{grid-row:auto}
.q blockquote{padding-inline-start:20px;font-size:calc(21px*var(--hs,1))}
}
/* The header and footer a member shapes (D481). Dropdowns, the mega menu, and the phone menu open with details and summary, so they work
   with the keyboard and with no script. A pointer also opens them on hover where the browser can style the content of details. Nothing
   here reaches a page that keeps the frame of the ember theme as it was. */

.r{min-block-size:100dvh}
.sh,.sh~*{--hh:84px}
.sh-bars,.sh-bars~*{--hh:124px}

.sh{position:relative;z-index:20;background:var(--sh-bg,var(--ink));color:var(--sh-tx,var(--tx));border-block-end:var(--sh-line,1px solid var(--line));margin-inline:var(--sh-mx,0);border-radius:var(--sh-radius,0);block-size:var(--hh)}
.sh a:not(.key,.gh),.sh summary{color:inherit}
.sh a:not(.key,.gh):hover,.sh summary:hover{color:var(--ac-soft)}
.sh1{display:flex;align-items:center;gap:32px;block-size:84px;max-inline-size:1240px;margin-inline:auto;padding-inline:var(--sh-px,40px)}
.sh0{background:var(--em1);color:var(--em-tx);font-size:14px;block-size:40px}
.sh0>div{display:flex;align-items:center;justify-content:space-between;gap:16px;block-size:100%;max-inline-size:1240px;margin-inline:auto;padding-inline:40px}
.shlg{display:block;block-size:44px;inline-size:auto;max-inline-size:200px;object-fit:contain}

/* The main menu. */
.shn{flex:1;min-inline-size:0}
.shl{display:flex;align-items:center;gap:6px 26px;margin:0;padding:0;list-style:none}
.shi{margin:0}
.shi-d{position:relative}
.shi-m{position:static}
.shk{display:inline-flex;align-items:center;gap:6px;min-block-size:44px;font-weight:500;text-decoration:none;cursor:pointer;list-style:none}
.shk::-webkit-details-marker{display:none}
.shk[aria-current]{color:var(--ac-soft);font-weight:700}
.sha{flex:none;transition:transform .15s ease}
details[open]>summary>.sha{transform:rotate(180deg)}
.she{display:flex;align-items:center;gap:16px;margin-inline-start:auto}

/* What opens under an item. The small bridge on top keeps the pointer inside on its way down. */
.shp{position:absolute;z-index:21;inset-block-start:100%;inset-inline-start:0;min-inline-size:240px;margin:0;padding:10px;list-style:none;background:var(--panel);color:var(--tx);border:1px solid var(--line);border-radius:var(--radius-card,14px);box-shadow:0 18px 40px rgb(0 0 0 / .14)}
.shp::before{content:"";position:absolute;inset-inline:0;inset-block-end:100%;block-size:12px}
.shp a{display:flex;align-items:center;min-block-size:44px;padding-inline:12px;border-radius:var(--radius-sm,8px);text-decoration:none}
.shp a:hover{background:var(--band,var(--panel2))}
.shg{inset-inline:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;padding:28px max(40px,calc((100cqw - 1240px)/2));border-radius:0;border-inline:0}
.shc{display:flex;flex-direction:column;gap:2px;min-inline-size:0}
.shc b{padding-inline:12px;padding-block-end:6px;font-weight:600;color:var(--m)}
.shr{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:var(--radius-card,14px);background:var(--band,var(--panel2));text-decoration:none}
.shp a.shr{align-items:stretch;min-block-size:0;padding:14px}
.shr img{display:block;inline-size:100%;block-size:auto;border-radius:var(--radius-sm,8px)}
@media (hover:hover){
.shn .shd[open]:not(:hover,:focus-within)>.shp{display:none}
.shn .shd:is(:hover,:focus-within)::details-content{content-visibility:visible;display:block}
}

/* The phone menu, and the side menu at every width. */
.shz{display:none}
.sht{display:flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;border-radius:var(--radius-sm,12px);border:1px solid var(--line2);cursor:pointer;list-style:none}
.sht::-webkit-details-marker{display:none}
.shz[open]>.sht .sho,.shz:not([open])>.sht .shx{display:none}
.shb{position:absolute;z-index:21;inset-block-start:100%;inset-inline-end:0;inline-size:min(420px,100%);max-block-size:calc(100dvh - var(--hh));overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:20px;background:var(--panel);color:var(--tx);border:1px solid var(--line);box-shadow:0 18px 40px rgb(0 0 0 / .14)}
.shb .shl{flex-direction:column;align-items:stretch;gap:4px}
.shb .shp{position:static;min-inline-size:0;padding:0 14px 8px;display:flex;flex-direction:column;background:none;border:0;box-shadow:none}
.shb .shp::before{display:none}
.shb .shk{inline-size:100%;justify-content:space-between}
.shb .shd .shg{grid-template-columns:minmax(0,1fr);padding:0 14px 8px}
.sh-drawer .shz{display:block}
.sh-drawer .shn{display:none}
.sh-drawer .she .key{display:none}

/* The four shapes. */
.sh-center .sh1{display:grid;grid-template-columns:1fr auto 1fr;gap:20px}
.sh-center .shl{gap:6px 18px}
.sh-center .shk{white-space:nowrap}
.sh-center .brand{grid-column:2;grid-row:1}
.sh-center .shn{grid-column:1;grid-row:1;min-inline-size:max-content}
.sh-center .she{grid-column:3;grid-row:1;justify-self:end}
.sh-bars{block-size:var(--hh)}
.sh-bars .shn{display:flex;justify-content:flex-end}
.sh-drawer .sh1{justify-content:space-between}

/* Sticky, and transparent over the first section. A browser with no scroll timeline keeps a veil, so the words stay readable. */
.sh-st{position:sticky;inset-block-start:0}
.sh-tr{background:transparent;border-block-end-color:transparent;margin-block-end:calc(var(--hh)*-1)}
.sh-tr+*{--hdr-pad:var(--hh)}
.sh-st.sh-tr{background:color-mix(in srgb,var(--ink) 78%,transparent);backdrop-filter:blur(12px)}
@media (prefers-reduced-motion:no-preference){
@supports (animation-timeline:scroll()){
.sh-st.sh-tr{background:transparent;backdrop-filter:none;animation:sh-solid linear both;animation-timeline:scroll(root);animation-range:0 160px}
@keyframes sh-solid{to{background:var(--ink);border-block-end-color:var(--line)}}
}
}

/* The footer. */
.sf{padding-block:56px 32px;padding-inline:40px;background:var(--foot);color:var(--foot-tx,var(--tx));border-block-start:1px solid var(--line)}
.sf a{text-decoration:none}
.sf .brand{color:inherit}
.sfg{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:32px;font-size:15px}
.sf-split .sfg{grid-template-columns:repeat(2,minmax(0,1fr))}
.sfc{display:flex;flex-direction:column;gap:8px;min-inline-size:0}
.sfc b{font-weight:600}
.sfc a{display:inline-flex;align-items:center;min-block-size:32px}
.sfl{display:block;columns:2;column-gap:32px}
.sfl a{display:flex;break-inside:avoid}
.sfm{color:var(--foot-m,var(--m))}
.sfe{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-block-start:32px;padding-block-start:20px;border-block-start:1px solid var(--line);font-size:14px;color:var(--foot-m,var(--m))}
.sf-bar{padding-block:28px}
.sf-bar .sfe{margin:0;padding:0;border:0}
.sfs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none}
.sfs a{display:flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;border-radius:var(--radius-sm,10px);color:inherit}
.sfs a:hover{color:var(--ac-soft)}

@media (prefers-reduced-motion:reduce){
.sha{transition:none}
}

/* The center shape needs the room of its menu on both sides of the logo, so it takes the phone menu a little earlier. */
@container (max-width:1120px){
.sh-center .sh1{display:flex;justify-content:space-between}
.sh-center .shn{display:none}
.sh-center .shz{display:block}
.sh-center .she .key{display:none}
}

@container (max-width:1040px){
.sh,.sh~*{--hh:68px}
.sh-bars,.sh-bars~*{--hh:68px}
.sh0{display:none}
.sh1{block-size:68px;gap:12px;padding-inline:var(--sh-px-m,20px);justify-content:space-between}
.sh-center .sh1{display:flex}
.shn,.sh-bars .shn{display:none}
.shz{display:block}
.she .key{display:none}
.shlg{block-size:36px}
.sfg{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.sfg>:first-child{grid-column:1/-1}
}

@container (max-width:760px){
.sf{padding-block:40px 112px;padding-inline:20px}
.sf-split .sfg{grid-template-columns:minmax(0,1fr)}
.sfl{columns:1}
.shb{inline-size:100%}
}