.chap-head{display: grid;gap: 6px;align-content: start}.chap-intro{font-family: var(--font-display);font-variation-settings: "wdth" var(--wdth-heading);font-weight: var(--weight-heading);font-size: var(--fs-h3);line-height: var(--lh-heading);letter-spacing: -.01em;text-wrap: balance}:lang(ar) .chap-intro{letter-spacing: 0}.chap-fig{position: relative;display: grid;place-items: center;min-height: 0}.shot{position: absolute;inset: 0;margin: 0;opacity: 0;background: #0E2F38;transition: opacity 240ms linear}.shot:first-child,.shot.is-on{opacity: 1}.shot--shop{background: #F7F6F1}.shot img{position: absolute;inset: 0;width: 100%;height: 100%;max-width: none;object-fit: cover;object-position: 50% 0}.shot--tasneem::after{content: "";position: absolute;inset: 0;pointer-events: none;opacity: 0;background: linear-gradient(to top,#A9DDF3 0 2px,rgb(169 221 243 / .3) 2px,rgb(169 221 243 / 0) 44px)}.js .shot--tasneem.is-arrived::after{animation: front-up 700ms var(--ease-in-out) 380ms both}.slot--work .phone-flat,.slot--work .phone-shadow{transform: perspective(1500px) rotateY(calc(var(--mv,0) * -62deg)) scale(calc(1 - var(--mv,0) * .05))}[dir="rtl"] .slot--work .phone-flat,[dir="rtl"] .slot--work .phone-shadow{transform: perspective(1500px) rotateY(calc(var(--mv,0) * 62deg)) scale(calc(1 - var(--mv,0) * .05))}@keyframes front-up{0%{opacity: 1;transform: translateY(0)}88%{opacity: 1}100%{opacity: 0;transform: translateY(-100%)}}.detail{position: absolute;z-index: 2;inset-inline-end: -17%;bottom: 2.5%;width: 36%;aspect-ratio: 1;margin: 0;pointer-events: none}.detail__lens{position: absolute;inset: 0;overflow: hidden;border-radius: 50%;background: #F2F0E9;box-shadow: 0 0 0 1.5px var(--ink),0 0 0 5px var(--paper-card),0 0 0 6.5px rgb(21 19 15 / .2),calc(var(--sun-dx,-2px) * 1.2) calc(var(--sun-dy,4px) * 1.4) 18px rgb(var(--sun-tint) / .26)}.detail img{position: absolute;max-width: none}.detail__st{inset: 0;width: 100%;height: 100%;object-fit: cover}.detail__px{left: -43.18%;top: 7.83%;width: 135.35%;height: 135.35%;image-rendering: pixelated;image-rendering: crisp-edges}.detail__lens::after{content: "";position: absolute;inset: 0;pointer-events: none;opacity: 0;background: linear-gradient(to bottom,transparent calc(100% - 2px),var(--red-line) calc(100% - 2px));transform: translateY(-100%)}.js .detail.is-arrived .detail__st{animation: rows-in 720ms steps(12,end) 380ms backwards}.js .detail.is-arrived .detail__lens::after{animation: needle 720ms steps(12,end) 380ms both}@keyframes rows-in{from{clip-path: inset(0 0 100% 0)}to{clip-path: inset(0)}}.gl-on .detail{transition: opacity 160ms linear}.gl-on .detail.is-away{opacity: 0}@keyframes needle{0%{opacity: 1;transform: translateY(-100%)}96%{opacity: 1}100%{opacity: 0;transform: translateY(0)}}.glass{--gp: 1px;--g-bg: var(--ex-business-bg);--g-ink: var(--ex-business-ink);--g-acc: var(--ex-business-accent);--g-soft: #DCEBE8;position: absolute;inset: 0;overflow: hidden;container-type: size;border-radius: inherit;background: var(--g-bg);color: var(--g-ink);font-family: var(--font-text);font-variation-settings: "wdth" var(--wdth-text);line-height: 1.25;text-align: start;user-select: none;-webkit-user-select: none;transition: background-color 400ms linear}@supports (container-type: size){.glass{--gp: calc(100cqw / 330)}}.glass[data-trade="cafe"]{--g-bg: var(--ex-cafe-bg);--g-ink: var(--ex-cafe-ink);--g-acc: var(--ex-cafe-accent);--g-soft: #EBD5B5}.glass[data-trade="clinic"]{--g-bg: var(--ex-clinic-bg);--g-ink: var(--ex-clinic-ink);--g-acc: var(--ex-clinic-accent);--g-soft: #CBEBE3}.glass[data-trade="contractor"]{--g-bg: var(--ex-contractor-bg);--g-ink: var(--ex-contractor-ink);--g-acc: var(--ex-contractor-accent);--g-soft: #E3D7C6}.glass[data-trade="shop"]{--g-bg: var(--ex-shop-bg);--g-ink: var(--ex-shop-ink);--g-acc: var(--ex-shop-accent);--g-soft: #F6D2C8}.glass *{transition: color 120ms linear}.glass.is-wire *{color: transparent !important}.glass.is-wire .g-title,.glass.is-wire .g-name,.glass.is-wire .g-msg:not(.g-card),.glass.is-wire .g-card__name,.glass.is-wire .g-card__line,.glass.is-wire .g-url,.glass.is-wire .g-tiles span{background-image: repeating-linear-gradient(to bottom,rgb(0 0 0 / .13) 0 .62em,transparent .62em 1.25em);background-position: 0 .3em;border-radius: 3px}.glass.is-wire .g-msg:not(.g-card){background-color: #FFFFFF}.g-island{position: absolute;z-index: 3;left: calc(129 * var(--gp));top: calc(10 * var(--gp));width: calc(72 * var(--gp));height: calc(22 * var(--gp));border-radius: 99px;background: #0B0B0C}.g-view{position: absolute;inset: 0;visibility: hidden}.glass[data-view="home"] .g-home,.glass[data-view="live"] .g-home,.glass[data-view="chat1"] .g-chat,.glass[data-view="chat2"] .g-chat{visibility: visible}.g-site,[data-for]{display: none}.glass[data-trade="business"] [data-for="business"],.glass[data-trade="cafe"] [data-for="cafe"],.glass[data-trade="clinic"] [data-for="clinic"],.glass[data-trade="contractor"] [data-for="contractor"],.glass[data-trade="shop"] [data-for="shop"]{display: block}.g-card__name [data-for]{display: none}.glass[data-trade="business"] .g-card__name [data-for="business"],.glass[data-trade="cafe"] .g-card__name [data-for="cafe"],.glass[data-trade="clinic"] .g-card__name [data-for="clinic"],.glass[data-trade="contractor"] .g-card__name [data-for="contractor"],.glass[data-trade="shop"] .g-card__name [data-for="shop"]{display: inline}.g-typed{display: none}.glass[data-named] .g-typed{display: inline}.glass[data-named] .g-default,.glass[data-named] .g-card__name [data-for]{display: none !important}.g-site{position: absolute;inset: 0;transition: transform 400ms var(--ease-out)}.glass[data-view="live"] .g-site{transform: translateY(calc(34 * var(--gp)))}.g-head{position: absolute;top: calc(44 * var(--gp));inset-inline: calc(20 * var(--gp));height: calc(36 * var(--gp));display: flex;align-items: center;gap: calc(8 * var(--gp))}.g-logo{flex: none;width: calc(26 * var(--gp));height: calc(26 * var(--gp));border-radius: calc(7 * var(--gp));background: var(--g-acc)}.g-name{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family: var(--font-display);font-variation-settings: "wdth" var(--wdth-heading);font-weight: 700;font-size: calc(15 * var(--gp))}.g-burger{margin-inline-start: auto;flex: none;width: calc(24 * var(--gp));height: calc(14 * var(--gp));background: linear-gradient(currentColor,currentColor) 0 0 / 100% calc(2 * var(--gp)) no-repeat,linear-gradient(currentColor,currentColor) 0 50% / 100% calc(2 * var(--gp)) no-repeat,linear-gradient(currentColor,currentColor) 0 100% / 100% calc(2 * var(--gp)) no-repeat}.g-pic{position: absolute;top: calc(92 * var(--gp));inset-inline: calc(20 * var(--gp));height: calc(240 * var(--gp));border-radius: calc(18 * var(--gp));overflow: hidden;background: var(--g-soft)}.g-art{width: 100%;height: 100%}.g-tag{position: absolute;z-index: 1;top: calc(12 * var(--gp));inset-inline-start: calc(12 * var(--gp));padding: calc(4 * var(--gp)) calc(10 * var(--gp));border-radius: 99px;background: rgb(255 255 255 / .86);color: #1C2A30;font-size: calc(11 * var(--gp));font-weight: 600;line-height: 1.2}.g-title{position: absolute;top: calc(350 * var(--gp));inset-inline: calc(20 * var(--gp));font-family: var(--font-display);font-variation-settings: "wdth" 96;font-weight: 700;font-size: calc(21 * var(--gp));line-height: 1.12;letter-spacing: -.012em}:lang(ar) .g-title{font-size: calc(18 * var(--gp));line-height: 1.5;letter-spacing: 0}.g-btns{position: absolute;top: calc(424 * var(--gp));inset-inline: calc(20 * var(--gp));display: flex;gap: calc(8 * var(--gp))}.g-btn{display: inline-flex;align-items: center;height: calc(40 * var(--gp));padding: 0 calc(15 * var(--gp));border-radius: 99px;background: var(--g-acc);color: #FFFFFF;font-weight: 600;font-size: calc(13 * var(--gp));white-space: nowrap}.g-btn--ghost{background: transparent;color: var(--g-ink);box-shadow: inset 0 0 0 calc(1.5 * var(--gp)) currentColor}.g-tiles{position: absolute;top: calc(482 * var(--gp));inset-inline: calc(20 * var(--gp));height: calc(100 * var(--gp));display: grid;grid-template-columns: repeat(3,1fr);gap: calc(13 * var(--gp))}.g-tiles li{padding: calc(10 * var(--gp));border-radius: calc(14 * var(--gp));background: var(--g-soft);font-weight: 600;font-size: calc(11.5 * var(--gp));line-height: 1.25;overflow: hidden}.g-tiles i{display: block;width: calc(18 * var(--gp));height: calc(18 * var(--gp));margin-bottom: calc(10 * var(--gp));border-radius: calc(6 * var(--gp));background: var(--g-acc);opacity: .85}.g-tiles li:nth-child(2) i{border-radius: 50%}.g-tiles li:nth-child(3) i{border-radius: calc(2 * var(--gp)) calc(10 * var(--gp))}.g-map{position: absolute;top: calc(598 * var(--gp));inset-inline: calc(20 * var(--gp));height: calc(92 * var(--gp));border-radius: calc(16 * var(--gp));overflow: hidden;background: var(--g-soft)}.g-map__road{position: absolute;left: -10%;right: -10%;top: 46%;height: calc(9 * var(--gp));background: rgb(255 255 255 / .75);transform: rotate(-8deg)}.g-map__road--2{top: -20%;bottom: -20%;left: 62%;right: auto;width: calc(8 * var(--gp));height: auto;transform: rotate(14deg)}.g-map__pin{position: absolute;left: 44%;top: 18%;width: calc(20 * var(--gp));height: calc(20 * var(--gp));border-radius: 50% 50% 50% 0;transform: rotate(-45deg);background: var(--g-acc);box-shadow: 0 0 0 calc(5 * var(--gp)) rgb(255 255 255 / .7)}.g-addr{position: absolute;z-index: 2;top: calc(40 * var(--gp));inset-inline: calc(14 * var(--gp));height: calc(30 * var(--gp));display: none;align-items: center;gap: calc(8 * var(--gp));padding: 0 calc(12 * var(--gp));border-radius: calc(10 * var(--gp));background: rgb(0 0 0 / .06);font-size: calc(12.5 * var(--gp));font-weight: 600;direction: ltr}.glass[data-view="live"] .g-addr{display: flex}.glass[data-view="live"] .g-head{top: calc(48 * var(--gp))}.g-lock{position: relative;flex: none;width: calc(9 * var(--gp));height: calc(8 * var(--gp));margin-top: calc(3 * var(--gp));border-radius: calc(2 * var(--gp));background: currentColor}.g-lock::before{content: "";position: absolute;left: calc(1.5 * var(--gp));bottom: calc(6 * var(--gp));width: calc(6 * var(--gp));height: calc(6 * var(--gp));border: calc(1.5 * var(--gp)) solid currentColor;border-bottom: 0;border-radius: calc(4 * var(--gp)) calc(4 * var(--gp)) 0 0}.g-url{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.g-live{flex: none;width: calc(9 * var(--gp));height: calc(9 * var(--gp));border-radius: 50%;background: var(--wa);box-shadow: 0 0 0 calc(3 * var(--gp)) rgb(37 211 102 / .22)}.g-chat{background: #F4F1EA;color: #15130F}.g-chat__head{position: absolute;top: calc(38 * var(--gp));inset-inline: 0;height: calc(58 * var(--gp));display: flex;align-items: center;gap: calc(10 * var(--gp));padding: 0 calc(14 * var(--gp));border-bottom: calc(1 * var(--gp)) solid rgb(0 0 0 / .08);background: #FBFAF7;font-size: calc(14.5 * var(--gp))}.g-back{width: calc(10 * var(--gp));height: calc(10 * var(--gp));border-inline-start: calc(2 * var(--gp)) solid currentColor;border-bottom: calc(2 * var(--gp)) solid currentColor;transform: rotate(45deg)}[dir="rtl"] .g-back{transform: rotate(-45deg)}.g-av{width: calc(36 * var(--gp));height: calc(36 * var(--gp));border-radius: 50%;object-fit: cover;background: var(--wood-2)}.g-msgs{position: absolute;top: calc(110 * var(--gp));inset-inline: calc(14 * var(--gp));display: flex;flex-direction: column;gap: calc(10 * var(--gp))}.g-msg{max-width: 80%;padding: calc(10 * var(--gp)) calc(12 * var(--gp));border-radius: calc(16 * var(--gp));font-size: calc(13.5 * var(--gp));line-height: 1.35}.g-msg--in{align-self: flex-start;background: #FFFFFF;border-start-start-radius: calc(4 * var(--gp));box-shadow: 0 calc(1 * var(--gp)) 0 rgb(0 0 0 / .06)}.g-msg--out{align-self: flex-end;background: #E1E9EA;border-start-end-radius: calc(4 * var(--gp))}.g-card{position: relative;width: 78%;padding: calc(8 * var(--gp))}.g-card__pic{position: relative;height: calc(118 * var(--gp));margin-bottom: calc(8 * var(--gp));border-radius: calc(10 * var(--gp));background: var(--g-soft);overflow: hidden}.g-card__pic i{position: absolute;inset-inline-start: 9%;height: calc(9 * var(--gp));border-radius: 99px;background: var(--g-acc)}.g-card__pic i:nth-child(1){top: 16%;width: 30%;opacity: .9}.g-card__pic i:nth-child(2){top: 50%;width: 70%;height: calc(14 * var(--gp));background: var(--g-ink);opacity: .85}.g-card__pic i:nth-child(3){top: 74%;width: 34%;height: calc(16 * var(--gp))}.g-card__name{font-weight: 700;font-size: calc(14 * var(--gp));line-height: 1.3;overflow-wrap: anywhere}.g-card__line{font-size: calc(11.5 * var(--gp));color: #55504A}.g-ring{position: absolute;inset: calc(-8 * var(--gp));border: calc(2.5 * var(--gp)) solid var(--red-line);border-radius: calc(22 * var(--gp));opacity: 0;transform: scale(.94);transition: opacity 200ms linear,transform 300ms var(--ease-settle)}.glass[data-view="chat1"]:not(.is-wire) .g-ring{opacity: 1;transform: none;transition-delay: 150ms}.g-later{display: none}.glass[data-view="chat2"] .g-later{display: block}.glass[data-view="chat2"] .g-msgs>:first-child{display: none}.glass[data-view="chat2"] .g-card{width: 62%}.glass[data-view="chat2"] .g-card__pic{height: calc(70 * var(--gp))}.g-tick{display: inline-block;width: calc(12 * var(--gp));height: calc(7 * var(--gp));margin-inline-start: calc(6 * var(--gp));border-left: calc(2.2 * var(--gp)) solid #1C6B3E;border-bottom: calc(2.2 * var(--gp)) solid #1C6B3E;transform: translateY(calc(-3 * var(--gp))) rotate(-45deg)}.g-input{position: absolute;bottom: calc(26 * var(--gp));inset-inline: calc(14 * var(--gp));height: calc(40 * var(--gp));display: flex;gap: calc(8 * var(--gp))}.g-input i{flex: 1;border-radius: 99px;background: #FFFFFF;box-shadow: inset 0 0 0 calc(1 * var(--gp)) rgb(0 0 0 / .08)}.g-input i + i{flex: none;width: calc(40 * var(--gp));background: #2A2721}.g-ripple{position: absolute;z-index: 4;left: 50%;top: 50%;width: calc(150 * var(--gp));height: calc(150 * var(--gp));margin: calc(-75 * var(--gp)) 0 0 calc(-75 * var(--gp));border-radius: 50%;pointer-events: none;opacity: 0;background: radial-gradient(circle,rgb(255 255 255 / .62) 0,rgb(255 255 255 / .2) 45%,rgb(255 255 255 / 0) 70%)}.g-ripple.is-on{animation: ripple var(--dur-ripple) var(--ease-out)}@keyframes ripple{0%{opacity: 1;transform: scale(.15)}100%{opacity: 0;transform: scale(1.4)}}.glass.is-world{position: fixed;z-index: var(--z-glass);top: 0;left: 0;right: auto;bottom: auto;width: 330px;height: 732px;border-radius: var(--r-glass);transform-origin: 0 0;opacity: 0;pointer-events: none;transition: opacity var(--dur-glass-out) linear}.glass.is-world.is-shown{opacity: 1;transition: opacity var(--dur-glass-in) linear}.glass.is-world .g-island{display: none}@media (max-width: 899px){.glass.is-world{width: 198px;height: 439.2px;border-radius: 13.2px}}.work,.how{display: grid;grid-template-rows: auto minmax(0,1fr) auto;height: 100%;gap: 10px;padding-bottom: calc(var(--bar-h) + 4px)}.cards,.steps{position: relative;display: grid}.cards>*,.steps>*{grid-area: 1 / 1}.card{display: grid;gap: 8px;align-content: start}.card__title{font-family: var(--font-display);font-variation-settings: "wdth" var(--wdth-heading);font-weight: var(--weight-heading);font-size: 26px;line-height: 1.05;letter-spacing: -.02em}:lang(ar) .card__title{font-size: 22px;line-height: 1.45;letter-spacing: 0}.card__line{color: var(--ink-2);font-size: 15.5px;line-height: 1.45;max-width: 42ch}:lang(ar) .card__line{line-height: 1.7}.card__links{display: flex;flex-wrap: wrap;align-items: center;gap: 0 22px}.states{display: flex;gap: 14px;font-size: 11px;line-height: 1.2;text-transform: uppercase;color: var(--pencil)}:lang(ar) .states{font-size: 12.5px;text-transform: none}.states li{display: inline-flex;align-items: center;gap: 6px}.states li::before{content: "";width: 14px;height: 1.5px;background: currentColor;opacity: .5}.js .card.is-arrived .states li:first-child{animation: state-now 1100ms linear both}.js .card.is-arrived .states li:last-child{animation: state-on 1ms linear 1100ms both}.no-js .states li:last-child,.reduce .card.is-arrived .states li:last-child{color: var(--red)}@keyframes state-now{0%,99%{color: var(--red)}100%{color: var(--pencil)}}@keyframes state-on{to{color: var(--red)}}.ticks{display: flex;gap: 6px}.ticks i{width: 26px;height: 3px;background: var(--hairline);transition: background-color 300ms}.ticks i.is-now{background: var(--red-line)}.ticks i.is-done{background: var(--ink)}.step{display: grid;gap: 6px;align-content: start}.step__n{font-size: 12px;line-height: 1.2;color: var(--red);font-variant-numeric: tabular-nums}.step__title{font-family: var(--font-display);font-variation-settings: "wdth" var(--wdth-heading);font-weight: var(--weight-heading);font-size: var(--fs-h3);line-height: 1.08;letter-spacing: -.02em;text-wrap: balance}:lang(ar) .step__title{line-height: 1.45;letter-spacing: 0}.step__line{color: var(--ink-2);font-size: 15.5px;line-height: 1.45;max-width: 40ch}:lang(ar) .step__line{line-height: 1.7}.try{display: grid;gap: 6px;margin-top: 4px}.try__label{font-size: var(--fs-label);line-height: 1.2;text-transform: uppercase;color: var(--pencil)}:lang(ar) .try__label{font-size: 13px;text-transform: none}.try__chips{display: flex;flex-wrap: wrap;gap: 6px}.pick,.try__open,.name-box__done{min-height: 40px;padding: 0 14px;border: 1.5px solid var(--ink);border-radius: var(--r-pill);background: var(--paper-card);font-family: var(--font-display);font-variation-settings: "wdth" var(--wdth-heading);font-size: 14.5px;font-weight: 600;line-height: 1;cursor: pointer;touch-action: manipulation;transition: background-color 160ms,color 160ms,transform 120ms}.pick:active,.try__open:active,.name-box__done:active{transform: scale(.97)}.pick[aria-pressed="true"]{background: var(--ink);color: var(--on-ink)}.try__open{justify-self: start;border-style: dashed;background: transparent}.try__open[hidden]{display: none}.name-box{display: grid;gap: 6px}.name-box[hidden]{display: none}.name-box__label{font-weight: 600;font-size: 14.5px}.name-box__row{display: flex;gap: 8px}.name-box__input{flex: 1;min-width: 0;min-height: 44px;padding: 0 12px;border: 1.5px solid var(--ink);border-radius: var(--r-card);background: #FFFFFF;font-size: 16px}.name-box__input:focus-visible{outline-offset: 1px}.name-box__help{font-size: 13px;line-height: 1.4;color: var(--ink-2)}.stamp{position: absolute;z-index: 0;width: 34%;inset-inline-start: 88%;top: 50%;overflow: visible;opacity: 0;fill: none;stroke: var(--red-line);stroke-linecap: round;stroke-linejoin: round}.phone-flat--how{z-index: 1}.stamp__o{stroke-width: 4}.stamp__i{stroke-width: 2}.stamp__tick{stroke-width: 7}.stamp circle,.stamp path{stroke-dasharray: 1 1;stroke-dashoffset: 1}.how.is-stamp .stamp{opacity: 1;transform: rotate(-8deg)}.how.is-stamp .stamp__o{animation: draw-on 500ms var(--ease-draw) both}.how.is-stamp .stamp__i{animation: draw-on 500ms var(--ease-draw) 80ms both}.how.is-stamp .stamp__tick{animation: draw-on 200ms var(--ease-out) 500ms both}.crop{position: absolute;width: 16px;height: 16px;opacity: 0;transition: transform 500ms var(--ease-out),opacity 300ms linear}.crop--tl{top: -14px;left: -14px;border-top: 1.5px solid var(--ink);border-left: 1.5px solid var(--ink);transform: translate(-10px,-10px)}.crop--tr{top: -14px;right: -14px;border-top: 1.5px solid var(--ink);border-right: 1.5px solid var(--ink);transform: translate(10px,-10px)}.crop--bl{bottom: -14px;left: -14px;border-bottom: 1.5px solid var(--ink);border-left: 1.5px solid var(--ink);transform: translate(-10px,10px)}.crop--br{bottom: -14px;right: -14px;border-bottom: 1.5px solid var(--ink);border-right: 1.5px solid var(--ink);transform: translate(10px,10px)}.how.is-crop .crop{opacity: 1;transform: none}.questions{display: grid;gap: 20px;padding: var(--sec-space) var(--edge-r) 0 var(--edge-l)}.questions__head{display: grid;gap: 10px;align-content: start}.sec-title{font-family: var(--font-display);font-variation-settings: "wdth" var(--wdth-heading);font-weight: var(--weight-heading);font-size: var(--fs-h2);line-height: 1.08;letter-spacing: -.02em;text-wrap: balance}:lang(ar) .sec-title{line-height: 1.45;letter-spacing: 0}.sec-line{display: flex;flex-wrap: wrap;align-items: center;column-gap: 10px;color: var(--ink-2)}.sec-line .link{font-size: inherit}.qa{border-top: 1px solid var(--hairline)}.q{border-bottom: 1px solid var(--hairline)}.q summary{display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: center;column-gap: 20px;min-height: 68px;padding: 16px 0;font-family: var(--font-display);font-variation-settings: "wdth" var(--wdth-heading);font-weight: var(--weight-strong);font-size: 17.5px;line-height: 1.3;cursor: pointer;list-style: none;-webkit-tap-highlight-color: transparent}.q summary::-webkit-details-marker{display: none}.q summary::marker{content: ""}:lang(ar) .q summary{font-family: var(--font-text);font-weight: 600;font-size: 17px;line-height: 1.5}.q__icon{position: relative;width: 32px;height: 32px;flex: none;border-radius: 50%;box-shadow: inset 0 0 0 1.5px var(--ink);transition: background-color var(--dur-lift) var(--ease-out),transform var(--dur-lift) var(--ease-out)}.q__icon::before,.q__icon::after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 1.6px;margin: -.8px 0 0 -6px;border-radius: 1px;background: var(--ink);transition: background-color var(--dur-lift) var(--ease-out)}.q__icon::after{transform: rotate(90deg)}.q.is-mid .q__icon{background: var(--paper-raised)}.q[open] .q__icon{background: var(--ink);transform: rotate(45deg)}.q[open] .q__icon::before,.q[open] .q__icon::after{background: var(--on-ink)}.q__a{padding: 0 0 24px;padding-inline-end: 52px}.q__a p{max-width: 58ch;color: var(--ink-2)}.closing{padding: var(--sec-space) var(--edge-r) 28px var(--edge-l)}.close-card{position: relative;display: grid;gap: 18px;padding: 16px 16px 22px;background: var(--paper-card);border: 1.5px solid var(--ink);border-radius: var(--r-sheet);box-shadow: var(--shadow-1)}.close-card::before,.close-card::after{content: "";position: absolute;width: 22px;height: 22px;border: 1.5px solid var(--red-line);border-radius: 50%;background: linear-gradient(var(--red-line),var(--red-line)) center / 1.5px 32px no-repeat,linear-gradient(var(--red-line),var(--red-line)) center / 32px 1.5px no-repeat}.close-card::before{top: -12px;inset-inline-start: -12px}.close-card::after{bottom: -12px;inset-inline-end: -12px}.portrait{position: relative;justify-self: center;width: min(100%,300px)}.portrait picture,.portrait img{display: block;width: 100%;height: auto;aspect-ratio: 4 / 5;object-fit: cover;border-radius: 2px;background: var(--wood-2)}.portrait img{box-shadow: var(--shadow-1);transition: box-shadow var(--dur-lift) var(--ease-out)}.portrait.is-mid img{box-shadow: var(--shadow-2)}.close-text{display: grid;gap: 12px;align-content: start}.close-title{font-family: var(--font-display);font-variation-settings: "wdth" var(--wdth-display);font-weight: var(--weight-display);font-size: var(--fs-h2);line-height: 1.05;letter-spacing: -.025em;text-wrap: balance}:lang(ar) .close-title{font-weight: 700;line-height: 1.45;letter-spacing: 0}.close-line{color: var(--ink-2);max-width: 42ch}.person{display: flex;flex-wrap: wrap;gap: 0 2px;font-size: 15px;color: var(--ink-2)}.person b{color: var(--ink);font-weight: var(--weight-strong)}.place{color: var(--ink);font-weight: var(--weight-strong)}.reply{display: flex;align-items: center;gap: 8px;font-size: 15px;font-weight: var(--weight-strong)}.reply__dot{width: 8px;height: 8px;border-radius: 50%;background: var(--wa);box-shadow: 0 0 0 3px rgb(37 211 102 / .2);flex: none}.btn--close{justify-self: stretch}.btn.lift.is-mid{transform: translateY(var(--lift));box-shadow: 0 10px 24px rgb(21 19 15 / .3)}.mail{display: flex;flex-wrap: wrap;align-items: center;gap: 2px 10px;padding-top: 10px;border-top: 1px solid var(--hairline)}.mail__addr{display: inline-flex;align-items: center;min-height: var(--tap-min);font-weight: var(--weight-strong);text-decoration: none;overflow-wrap: anywhere}.mail__addr:hover{text-decoration: underline;text-underline-offset: 4px}.mail__copy{min-height: 40px;padding: 0 14px;border: 1.5px solid var(--ink);border-radius: var(--r-pill);background: var(--paper-raised);font-size: 14px;font-weight: 600;cursor: pointer;transition: background-color 160ms,color 160ms}.mail__copy:hover,.mail__copy.is-done{background: var(--ink);color: var(--on-ink)}.mail__note{flex-basis: 100%;font-size: 13px;color: var(--ink-2);min-height: 0}.mail__note:empty{display: none}.site-footer{padding: 40px var(--edge-r) calc(var(--bar-h) + 28px + var(--safe-b)) var(--edge-l)}.foot{display: grid;gap: 6px;padding-top: 20px;border-top: 1px solid var(--hairline);font-size: 14px;color: var(--pencil)}.foot__brand{display: flex;align-items: center;gap: 10px;color: var(--ink);font-weight: var(--weight-strong)}.foot__brand .mark{width: 22px;height: 22px}.foot__links{display: flex;align-items: center;gap: 4px}.foot__links a{display: inline-flex;align-items: center;min-height: var(--tap-min);color: var(--ink-2)}.mark--foot.is-turn .mark__tile{animation: tile-in var(--dur-tile) var(--ease-settle)}.bar{position: fixed;inset: auto 0 0 0;z-index: var(--z-bar);display: flex;gap: 8px;align-items: center;padding: 8px var(--gutter-r) calc(8px + var(--safe-b)) var(--gutter-l);background: var(--bar);color: var(--on-ink);box-shadow: var(--shadow-bar);transform: translateY(110%);visibility: hidden;transition: transform 300ms var(--ease-out),visibility 0s linear 300ms}.bar.is-on{transform: none;visibility: visible;transition: transform 300ms var(--ease-out)}.no-js .bar{display: none}.btn--bar{flex: 1;min-width: 0;min-height: 48px;padding-inline: 6px 12px;gap: 8px;background: var(--bar-2);box-shadow: none;font-size: clamp(13px,3.65vw,15px);font-variation-settings: "wdth" 92}:lang(ar) .btn--bar{font-size: clamp(13.5px,3.8vw,15px)}.btn--bar:hover{background: #34302a}.btn--bar .btn__label{overflow: hidden;text-overflow: ellipsis}.bar__next{flex: none;display: none;align-items: center;gap: 6px;min-height: 48px;padding: 0 12px 0 10px;border: 1.5px solid #4a463e;border-radius: var(--r-pill);background: transparent;color: var(--on-ink);font-size: 14.5px;font-weight: 600;cursor: pointer;touch-action: manipulation}.bar.has-next .bar__next{display: inline-flex}.bar__next svg{width: 14px;height: 14px}.lift{transition: transform var(--dur-lift) var(--ease-out),box-shadow var(--dur-lift) var(--ease-out)}.card.is-mid .chip{box-shadow: var(--shadow-2)}.card .chip{transition: box-shadow var(--dur-lift) var(--ease-out)}@media (hover: hover) and (pointer: fine){.q summary:hover .q__icon{background: var(--paper-raised)}.q[open] summary:hover .q__icon{background: var(--ink-2)}.btn.lift:hover{transform: translateY(var(--lift))}.portrait:hover img{box-shadow: var(--shadow-2)}}@media (max-height: 700px){.card__title{font-size: 23px}:lang(ar) .card__title{font-size: 20px}.card__line,.step__line{font-size: 14.5px;line-height: 1.4}.step__title{font-size: 21px}:lang(ar) .step__title{font-size: 19.5px}.chap-intro{font-size: 19px}.work,.how{gap: 7px}.pick,.try__open,.name-box__done{min-height: 38px;font-size: 14px}}@media (min-width: 900px){.bar{display: none}.work,.how{grid-template-columns: minmax(0,1fr) minmax(0,1fr);grid-template-rows: 1fr auto auto 1fr;column-gap: clamp(32px,6vw,110px);row-gap: 18px;padding-bottom: 0}.chap-head{grid-column: 1;grid-row: 2;gap: 10px}.chap-fig{grid-column: 2;grid-row: 1 / -1}.cards,.steps{grid-column: 1;grid-row: 3}.cards{margin-top: 14px}.slot--work,.slot--how{height: min(calc(100% - 40px),76vh)}.chap-intro{font-size: var(--fs-h2)}.card{gap: 12px}.card__title{font-size: clamp(28px,2.4vw,36px)}:lang(ar) .card__title{font-size: clamp(26px,2.2vw,33px)}.card__line,.step__line{font-size: 18px}.step__title{font-size: clamp(34px,3.4vw,52px)}:lang(ar) .step__title{font-size: clamp(30px,2.9vw,44px)}.q summary{font-size: 19px;min-height: 76px;padding: 20px 0}:lang(ar) .q summary{font-size: 18px}.q__a{padding-bottom: 28px}.q__a p{font-size: 17px}.close-card{grid-template-columns: minmax(260px,400px) minmax(0,1fr);gap: clamp(32px,5vw,80px);padding: 28px;align-items: center}.close-text{max-width: 640px}.portrait{width: 100%}.btn--close{justify-self: start}.site-footer{padding-bottom: 36px}.foot{grid-template-columns: auto minmax(0,1fr) auto;align-items: center;column-gap: 32px}}@media (min-width: 1024px){.questions{grid-template-columns: minmax(0,5fr) minmax(0,7fr);column-gap: clamp(48px,7vw,128px);align-items: start}.questions__head{position: sticky;top: calc(var(--header-h) + 40px);gap: 14px}.qa{margin-top: 6px}}@media (prefers-reduced-motion: reduce){.stamp *,.g-ripple.is-on,.ring-css.is-on,.mark--foot.is-turn .mark__tile{animation: none !important}.stamp circle,.stamp path{stroke-dashoffset: 0}.js .shot--tasneem.is-arrived::after,.js .detail.is-arrived .detail__st,.js .detail.is-arrived .detail__lens::after{animation: none}.js .card.is-arrived .states li:first-child{animation: none}.js .card.is-arrived .states li:last-child{animation: none;color: var(--red)}.shot,.glass,.glass *,.g-site,.bar,.lift,.ticks i,.crop,.q__icon,.q__icon::before,.q__icon::after{transition: none !important}}.no-js .work,.no-js .how{height: auto;padding-bottom: 0;gap: 18px}.no-js .chap-fig{min-height: 0}.no-js .cards,.no-js .steps{gap: 30px}.no-js .cards>*,.no-js .steps>*{grid-area: auto}.no-js .ticks,.no-js .try,.no-js .stamp,.no-js .crop{display: none}.no-js .slot--work{height: auto;width: min(100%,420px);aspect-ratio: auto}.no-js .phone-flat--work{position: relative;display: grid;grid-template-columns: 1fr 1fr;gap: 16px;background: none;box-shadow: none;border-radius: 0}.no-js .phone-flat--work .phone-flat__screen{position: static;display: contents}.no-js .shot{position: relative;opacity: 1;aspect-ratio: 66 / 146.4;border-radius: 9% / 4%;overflow: hidden;border: 6px solid var(--ink);box-shadow: var(--shadow-1)}.no-js .detail{width: 26%;inset-inline-end: 1%;bottom: -5%}.no-js .slot--how{height: 420px}