/* Goalside: the Noor MS website's design system (nms.css) in Goalside's colours.
   Light is Goalside's Legacy theme (lightning blue, white, a touch of yellow). Dark is black and green with a red accent.
   The modes keep the Noor MS names inside the stylesheet ("light" and "legacy") so every shared rule applies;
   visitors see them as Light and Dark. */
:root,:root[data-mode="light"]{
  --blue:#0A66F0; --blue-hover:#2B7BF5; --link:#0A55D8; --on-blue:#FFFFFF;
  --hl-bg:rgba(30,158,84,.13); --hl-ink:#137A3F;
  --red-bg:rgba(229,48,62,.11); --red-ink:#C41F2D; --red-line:#E5303E;
  --glow:rgba(10,102,240,.12); --glow-2:rgba(245,228,0,.10);
  --gs-yellow:#F5E400; --gs-live:#E5303E; --gs-ok:#1E9E54;
  --stage:#0A1A3A; --stage-2:#071230;
}
@media (prefers-color-scheme: dark){
  :root:not([data-mode]){
    --blue:#30D158; --blue-hover:#4ADE73; --link:#30D158; --on-blue:#04120A;
    --hl-bg:rgba(48,209,88,.16); --hl-ink:#5BE584; --red-bg:rgba(255,69,58,.16); --red-ink:#FF6961; --red-line:#FF453A;
    --glow:rgba(48,209,88,.22); --glow-2:rgba(255,69,58,.10);
    --gs-live:#FF453A; --gs-ok:#30D158; --stage:#050806; --stage-2:#000;
  }
}
:root[data-mode="legacy"]{
  --blue:#30D158; --blue-hover:#4ADE73; --link:#30D158; --on-blue:#04120A;
  --hl-bg:rgba(48,209,88,.16); --hl-ink:#5BE584; --red-bg:rgba(255,69,58,.16); --red-ink:#FF6961; --red-line:#FF453A;
  --glow:rgba(48,209,88,.22); --glow-2:rgba(255,69,58,.10);
  --gs-live:#FF453A; --gs-ok:#30D158; --stage:#050806; --stage-2:#000;
}
:root[data-mode="legacy"] .eyebrow{color:var(--blue)}
:root[data-mode="legacy"] .hl-dots button i{background:var(--ink)}
.brand img{width:26px;height:26px;border-radius:6px}

/* ---------- Hero: real Goalside screens orbiting the headline (after the Gallery Play reference) ----------
   No shared 3D scene: each card gets its own 2D transform from the script (position, size, turn and tilt), and its
   stacking order puts it in front of the words or behind them. Front cards cast a soft shadow over what's behind. */
.ring-wrap{padding:calc(env(safe-area-inset-top,0px) + 10px) max(10px,env(safe-area-inset-right,0px)) 0 max(10px,env(safe-area-inset-left,0px))}
.ring-hero{--stage:#081634;position:relative;height:calc(100svh - 20px - env(safe-area-inset-top,0px));min-height:560px;max-height:1100px;border-radius:34px;overflow:hidden;
  background:var(--stage);color:#F2F2F3;isolation:isolate;contain:layout paint}
:root[data-mode="legacy"] .ring-hero{--stage:#1B1B1C}
@media (prefers-color-scheme: dark){:root:not([data-mode]) .ring-hero{--stage:#1B1B1C}}
.ring-pitch{position:absolute;inset:0;width:100%;height:100%;color:#fff;opacity:.05;pointer-events:none}
.ring{position:absolute;inset:0;cursor:grab;touch-action:pan-y;outline:none;-webkit-user-select:none;user-select:none}
.ring.dragging{cursor:grabbing}
.ring:focus-visible{box-shadow:inset 0 0 0 2px var(--blue);border-radius:34px}
.has-cur .ring,.has-cur .ring.dragging{cursor:none}
.ring-title{position:absolute;left:50%;top:50%;z-index:150;transform:translate(-50%,-50%);margin:0;text-align:center;pointer-events:none;
  font-size:min(12.6vw,15.5svh,190px);line-height:.86;letter-spacing:-.045em;font-weight:700;text-transform:uppercase;color:#F2F2F3;white-space:nowrap}
.ring-title span{display:block}
.rc{position:absolute;left:50%;top:50%;margin:0;border-radius:3px;overflow:hidden;background:#111;transform-origin:50% 50%;backface-visibility:hidden;
  box-shadow:0 34px 70px -6px rgba(0,0,0,.62),0 10px 24px rgba(0,0,0,.35);will-change:transform}
.rc img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;pointer-events:none}
/* A soft light from the top left on every card, and a shade that deepens towards the back. */
.rc::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,0) 42%,rgba(0,0,0,0) 62%,rgba(0,0,0,.22));pointer-events:none}
.rc-shade{position:absolute;inset:0;background:#0B0B0C;opacity:0;pointer-events:none}
.rc figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 10px;font-size:14px;font-weight:400;letter-spacing:-.01em;color:#fff;
  background:linear-gradient(transparent,rgba(0,0,0,.42));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1;transition:opacity .4s}
.rc.far figcaption{opacity:0}
.ring-hint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:200;display:flex;align-items:center;gap:8px;margin:0;
  font-size:13px;font-weight:500;color:rgba(242,242,243,.7);pointer-events:none;transition:opacity .6s var(--ease)}
.ring-hint svg{width:22px;height:11px}
.ring-hero.used .ring-hint{opacity:0}
@media (max-width:640px){.ring-hero{border-radius:28px}.rc figcaption{font-size:11px;padding:18px 8px 7px}}

/* ---------- Intro under the hero ---------- */
.gs-intro{padding-block:clamp(72px,9vw,120px) 0;text-align:center}
.gs-intro .head{margin-inline:auto;align-items:center;max-width:900px}
.gs-intro .appicon{width:84px;height:84px;border-radius:19px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.gs-intro .kick{font-size:clamp(19px,1.8vw,24px);font-weight:600;letter-spacing:-.02em}
.gs-intro .sub{max-width:30em}
.gs-intro .btns{justify-content:center;margin-top:8px}
.soon{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:15px;font-weight:500;color:var(--ink-2)}

/* ---------- iPad frame (matches the iPhone frame's titanium rim) ---------- */
.ipad{position:relative;isolation:isolate;aspect-ratio:1240/880;border-radius:5.4%/7.6%;background:var(--ti);box-shadow:var(--ph-sh)}
.ipad::before{content:"";position:absolute;inset:.55% .4%;border-radius:5%/7.1%;background:#030303;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.ipad .screen{inset:2.6% 1.85%;border-radius:3.4%/4.9%;background:#0B0C0F}
.ipad .screen>img{object-fit:cover;object-position:top left}
.screen>img.fade{opacity:0;transition:opacity .45s var(--ease)}
.screen>img.fade.on{opacity:1}

/* ---------- Pitch studio stage ---------- */
.studio{background:var(--stage);color:#F5F5F7;--ink:#F5F5F7;--ink-2:#A1A1A6;--ink-3:#86868B;--rule:#2C2C2E;--seg-bg:rgba(255,255,255,.10);--seg-thumb:#48484C;--seg-thumb-shadow:none;--tile:#121a2e}
:root[data-mode="legacy"] .studio{--tile:#101311}
.studio .head{margin-inline:auto;align-items:center;text-align:center}
.studio .hl{background:rgba(255,255,255,.10);color:#fff}
:root[data-mode="legacy"] .studio .hl{background:var(--hl-bg);color:var(--hl-ink)}
.ask{margin-top:clamp(40px,5vw,64px);display:flex;flex-direction:column;align-items:center;gap:6px}
.ask p{font-size:clamp(19px,1.8vw,24px);font-weight:600;letter-spacing:-.02em}
.ask .bill{margin-top:8px}
.studio-dev{width:min(1040px,100%);margin:clamp(28px,3vw,40px) auto 0}
.studio .sty-stat b{color:#fff}
.studio .sty-stat>span{color:#A1A1A6}

/* ---------- Showcase (accordion with matching picture) ---------- */
.acc-art .ipad{width:100%}
.gs-show .acc-wrap{grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr)}
@media (max-width:860px){.gs-show .acc-wrap{grid-template-columns:1fr}}

/* ---------- Live ---------- */
.live-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);align-items:center}
.live-grid .head{max-width:30em}
.live-art{display:flex;justify-content:center;position:relative}
.live-art .phone{width:min(330px,78%)}
.heard{position:absolute;z-index:3;left:0;bottom:16%;width:min(300px,62%);background:var(--glass-tint);border-radius:20px;padding:14px 16px;text-align:left;
  -webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);box-shadow:var(--glass-shadow),inset 0 0 0 .5px var(--glass-line)}
.heard q{display:block;font-size:15px;line-height:1.35;font-weight:500;quotes:"“" "”"}
.heard .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tag{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:600;color:var(--c,var(--blue));box-shadow:inset 0 0 0 1px var(--c,var(--blue))}
.live-list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:18px}
.live-list li{display:flex;gap:14px;align-items:flex-start}
.live-list svg{flex:none;width:22px;height:22px;color:var(--blue);margin-top:2px}
.live-list p{color:var(--ink-2);font-size:17px}
.live-list b{color:var(--ink);font-weight:600}
@media (max-width:860px){.live-grid{grid-template-columns:1fr}.live-grid.flip .live-art{order:-1}.heard{left:2%}}

/* ---------- Bento extras ---------- */
.bx .big{font-size:clamp(64px,7vw,104px);font-weight:700;letter-spacing:-.05em;line-height:1;color:var(--blue);margin-top:auto;padding-bottom:34px}
.bx .art.ipadart{padding-bottom:0}
.bx .art.ipadart .ipad{width:112%;margin-bottom:-8%;flex:none}
.bx .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding:28px 0 34px}
.bx .chips span{height:34px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;background:var(--bg);font-size:14px;font-weight:500;color:var(--ink)}
.alt .bx .chips span{background:var(--bg-alt)}

/* ---------- Live preview ---------- */
.gs-demo .head{margin-inline:auto;align-items:center;text-align:center}
.demo-stage{position:relative;margin:clamp(28px,3vw,40px) auto 0;display:flex;flex-direction:column;align-items:center}
.demo-pad{width:min(1040px,100%)}
.demo-phone{width:min(330px,82%);display:none}
.gs-demo.ios .demo-pad{display:none}
.gs-demo.ios .demo-phone{display:block}
.hot{position:absolute;z-index:4;border-radius:10px;box-shadow:0 0 0 2px var(--blue);background:color-mix(in srgb,var(--blue) 10%,transparent);animation:hotpulse 2.4s var(--ease) infinite}
.hot:hover,.hot:focus-visible{background:color-mix(in srgb,var(--blue) 20%,transparent);animation:none}
.hot.tab{border-radius:999px;box-shadow:none;background:transparent;animation:none}
.hot.tab:hover,.hot.tab:focus-visible{background:color-mix(in srgb,var(--blue) 14%,transparent);box-shadow:0 0 0 2px var(--blue)}
.hot[hidden]{display:none}
.hot .tip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(4px);white-space:nowrap;padding:7px 12px;border-radius:999px;
  background:var(--ink);color:var(--bg);font-size:13px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s,transform .3s var(--spring)}
.hot:hover .tip,.hot:focus-visible .tip{opacity:1;transform:translateX(-50%)}
@keyframes hotpulse{0%,100%{box-shadow:0 0 0 2px var(--blue)}50%{box-shadow:0 0 0 2px var(--blue),0 0 0 7px color-mix(in srgb,var(--blue) 22%,transparent)}}
@media (prefers-reduced-motion:reduce){.hot{animation:none}}
.demo-pick{margin-top:22px}
.demo-hint{margin-top:16px;font-size:15px;color:var(--ink-2);text-align:center;min-height:1.5em}
@media (max-width:820px){.gs-demo .demo-switch{display:none}}

/* ---------- Launch and Noor MS card ---------- */
.launch .head{margin-inline:auto;align-items:center;text-align:center}
.launch .appicon{width:84px;height:84px;border-radius:19px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.made{display:flex;justify-content:center;padding:0 var(--gr) clamp(56px,7vw,96px) var(--gl)}
.made a{display:flex;align-items:center;gap:16px;width:min(440px,100%);padding:16px 18px 16px 16px;border-radius:22px;background:var(--tile);transition:transform .45s var(--spring),background-color .25s}
.made a:hover{transform:translateY(-3px)}
.made img{width:44px;height:44px;border-radius:12px;background:#000;padding:7px;object-fit:contain;flex:none}
.made span{display:flex;flex-direction:column;line-height:1.3;flex:1;min-width:0}
.made small{font-size:13px;color:var(--ink-2)}
.made b{font-weight:600;font-size:17px}
.made svg{width:16px;height:16px;color:var(--ink-3);flex:none}

/* Never let a picture push a section wider than the screen */
section{overflow-x:clip}
.bill[hidden]{display:none}
.ipad .screen::after{display:none}
.launch{padding-bottom:clamp(40px,5vw,64px)}
.made{background:var(--bg-alt)}

/* Emphasis in red: a highlighted headline word for the sections that matter most, and an underline for key phrases */
.hl.red{background:var(--red-bg);color:var(--red-ink)}
.ul{text-decoration:underline;text-decoration-color:var(--red-line);text-decoration-thickness:2px;text-underline-offset:.2em;text-decoration-skip-ink:auto;color:var(--ink)}
.studio .ul{color:#fff}

/* ---------- Hero title on iPad and desktop: smaller, so the orbiting screens read as tiles around it ---------- */
@media (min-width:700px){.ring-title{font-size:min(8.6vw,10.6svh,132px);line-height:.88;letter-spacing:-.022em}}

/* ---------- Vertical rhythm: more room between lines, headings, paragraphs, buttons and labels ---------- */
.t-hero{line-height:1.08}
.t-1{line-height:1.1}
.t-2{line-height:1.13}
.t-3{line-height:1.2}
.t-4{line-height:1.3}
.sub{line-height:1.46}
.head{gap:24px}
.btns{gap:14px 16px}
.btn{min-height:48px}
.hl-cap{line-height:1.44}
.acc details p{line-height:1.5}
.live-list{gap:22px}
.live-list p{line-height:1.5}
.eyebrow{margin-bottom:-6px}
.tag{height:26px}

/* Highlighted words: the highlight hugs the letters top and bottom (no overlap into the lines above or below)
   and the phrase stays together on one line. */
.hl{display:inline-block;line-height:.92;padding:.1em .14em .14em;vertical-align:baseline}

/* Intro under the hero: more air between icon, name, headline, line, buttons and the launch note */
.gs-intro{padding-block:clamp(88px,10vw,140px) 0}
.gs-intro .head{gap:28px}
.gs-intro .appicon{margin-bottom:-12px}
.gs-intro .kick{margin-bottom:4px}
.gs-intro .btns{margin-top:12px}
.soon{margin-top:4px}

/* ---------- Smooth scrolling in Dark ----------
   The cards used to be see-through with a live 30px blur over a page of soft glows, and a grain layer was blended
   over the whole screen. Safari redrew all of it on every scroll frame. Cards are now solid and the grain is gone. */
:root[data-mode="legacy"]{--tile:#111214;--tile-on-alt:#15161A}
:root[data-mode="legacy"] :is(.pcard,.ptile,.bx,.bt,.plan,.gcard:not(.dark),.acc-wrap,.step){-webkit-backdrop-filter:none;backdrop-filter:none}
body::after{display:none}

/* ---------- Bento: the iPad fits its card, and the devices pop up when tapped (or pointed at) ---------- */
.bx .art.ipadart .ipad{width:100%;margin-bottom:-6%}
.bento .bx.pops{cursor:pointer;-webkit-tap-highlight-color:transparent}
.bento .bx.pops .art :is(.phone,.ipad){transition:transform .9s cubic-bezier(.2,.9,.25,1)}
@media (prefers-reduced-motion:reduce){.bento .bx.pops .art :is(.phone,.ipad){transition:none}}

/* ---------- Live preview: outlines that sit exactly on the buttons and follow their shape ---------- */
.hot{animation:none;background:transparent;box-shadow:0 0 0 1.5px var(--blue);transition:background-color .2s,box-shadow .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.hot:hover,.hot:focus-visible{background:color-mix(in srgb,var(--blue) 14%,transparent);animation:none}
.hot.soft{box-shadow:none}
.hot.soft:hover,.hot.soft:focus-visible,.hot.soft.on{box-shadow:0 0 0 1.5px var(--blue)}
.hot:focus{outline:none}
.hot .tip{z-index:6}
/* The pitch you can play with */
.screen>svg.pl{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}
.pl .pl-hit,.pl .pl-piece{pointer-events:auto}
.pl .pl-piece{cursor:grab;touch-action:none}
.pl .pl-piece.held{cursor:grabbing}
.pl .pl-piece text{font-family:var(--f-sans);pointer-events:none}
.pl.drawing .pl-hit,.pl.drawing .pl-piece{cursor:crosshair;touch-action:none}
.pl .pl-lines{pointer-events:none}
.screen>img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}

/* ---------- Live preview controls: device switch, then the screen picker right under it ---------- */
.demo-controls{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:clamp(28px,3vw,40px)}
.demo-controls .demo-switch{margin-top:0}
.demo-controls .bill{margin-top:0}
.demo-pick{margin-top:0;max-width:100%;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.demo-pick::-webkit-scrollbar{display:none}
.demo-pick .thumb{transition:left .5s var(--spring),width .5s var(--spring),opacity .25s}
.gs-demo .demo-stage{margin-top:clamp(24px,3vw,36px)}
@media (max-width:520px){.demo-pick button{padding:0 9px;font-size:13.5px;height:38px}}
@media (max-width:360px){.demo-pick button{padding:0 7px;font-size:13px}}

/* ---------- Light mode: lightning blue instead of navy, and highlights in yellow (red ones stay red) ---------- */
:root[data-mode="light"]{--hl-bg:#F5E400;--hl-ink:#111214;--stage:#0A66F0;--stage-2:#0757CF}
:root[data-mode="light"] .ring-hero{--stage:#0A66F0}
:root[data-mode="light"] .studio{--tile:rgba(255,255,255,.12);--ink-2:rgba(255,255,255,.82);--ink-3:rgba(255,255,255,.64);--rule:rgba(255,255,255,.26);--seg-bg:rgba(255,255,255,.18);--seg-thumb:rgba(255,255,255,.34)}
:root[data-mode="light"] .studio .hl{background:var(--hl-bg);color:var(--hl-ink)}
:root[data-mode="light"] .studio .eyebrow{color:#F5E400}
:root[data-mode="light"] .studio .sty-stat>span{color:rgba(255,255,255,.82)}
:root[data-mode="light"] .studio .ul{text-decoration-color:#F5E400}

/* "Switch the ball view to 3D": the football phrase, with "ball" struck through in brand red */
.strike{text-decoration:line-through;text-decoration-color:var(--red-line);text-decoration-thickness:.09em;color:var(--ink-2)}
.studio .strike{color:rgba(255,255,255,.62)}
:root[data-mode="light"] .studio .strike{text-decoration-color:#F5E400;color:rgba(255,255,255,.72)}

/* ---------- Smooth scrolling, top to bottom ----------
   The Dark glow is the same picture as before, pre-drawn once and stretched, instead of eight soft gradients
   recalculated across a 13,000 px layer as you scroll. Light never shows it, so it isn't drawn there at all.
   The menu's dimmer only blurs when the menu is open. */
main::before{background:url(../img/bg/atmos.webp) 0 0/100% 100% no-repeat}
:root[data-mode="light"] main::before{display:none}
.scrim{-webkit-backdrop-filter:none;backdrop-filter:none}
.scrim.on{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
html{scroll-behavior:auto}
/* while the menu is taking you somewhere, things you pass don't start their entrances */
.jumping .reveal{transition:none!important}

/* ---------- Privacy, Terms and Support: the site's own type and rules, set for reading ---------- */
.doc{padding-block:calc(clamp(120px,14vw,168px) + env(safe-area-inset-top,0px)) clamp(72px,9vw,120px)}
.doc .wrap{max-width:820px}
.doc .head{gap:20px}
.doc .updated{font-size:15px;color:var(--ink-2)}
.doc .toc{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(36px,4vw,48px)}
.doc .toc a{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:999px;font-size:15px;font-weight:500;color:var(--ink);box-shadow:inset 0 0 0 1px var(--rule);transition:background-color .2s}
.doc .toc a:hover{background:var(--seg-bg)}
.doc article{margin-top:clamp(40px,5vw,64px)}
.doc section{overflow:visible;padding-top:clamp(32px,4vw,44px);margin-top:clamp(32px,4vw,44px);border-top:1px solid var(--rule);scroll-margin-top:110px}
.doc section:first-child{border-top:0;padding-top:0;margin-top:0}
.doc h2{font-size:clamp(24px,2.4vw,30px);line-height:1.2;letter-spacing:-.025em;font-weight:600;margin:0 0 16px}
.doc h3{font-size:19px;line-height:1.3;letter-spacing:-.015em;font-weight:600;margin:28px 0 8px}
.doc p,.doc li{font-size:17px;line-height:1.6;color:var(--ink-2);max-width:66ch}
.doc p+p{margin-top:14px}
.doc strong{color:var(--ink);font-weight:600}
.doc ul{margin:12px 0 0;padding-left:1.2em;display:grid;gap:10px}
.doc li::marker{color:var(--ink-3)}
.doc a.inline{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.doc .facts{margin-top:18px;display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);border-top:1px solid var(--rule)}
.doc .facts dt,.doc .facts dd{margin:0;padding:14px 0;border-bottom:1px solid var(--rule);font-size:16px;line-height:1.5}
.doc .facts dt{color:var(--ink);font-weight:600;padding-right:20px}
.doc .facts dd{color:var(--ink-2)}
@media (max-width:560px){.doc .facts{grid-template-columns:1fr}.doc .facts dt{border-bottom:0;padding-bottom:2px}.doc .facts dd{padding-top:0}}
/* Support: questions use the site's accordion; one contact card */
.doc .acc{margin-top:8px}
.doc .acc details p{max-width:62ch}
.contact{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding:24px 26px;border-radius:22px;background:var(--tile)}
.contact span{display:flex;flex-direction:column;gap:2px;min-width:0}
.contact small{font-size:14px;color:var(--ink-2)}
.contact b{font-size:clamp(19px,2vw,22px);font-weight:600;letter-spacing:-.02em;overflow-wrap:anywhere;user-select:all;-webkit-user-select:all}
.copied{font-size:14px;color:var(--ink-2);min-height:1.4em}