.devices{max-width:1480px;margin:0 auto;padding:10px var(--gutter) 0;display:grid;grid-template-columns:1fr 1fr .62fr;gap:clamp(24px,3vw,56px);align-items:end}.device{all:unset;position:relative;display:grid;gap:22px;justify-items:center;cursor:pointer}.device.is-soon{cursor:default}.d-tilt{display:grid;justify-items:center;width:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}button.device:hover .d-tilt,button.device:focus-visible .d-tilt{transform:translateY(-8px)}.d-body{position:relative;display:block;background:#0a0c10;box-shadow:inset 0 0 0 1px #ffffff12,0 30px 60px -34px #000000d9}.d-screen{position:relative;display:block;overflow:hidden;background:#05070b}.d-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;filter:blur(8px) brightness(1.3);transform:scale(1.02);transition:opacity 1.1s ease,filter 1.3s ease,transform 1.4s cubic-bezier(.16,1,.3,1)}.devices.lit .d-screen img{opacity:1;filter:none;transform:none}.devices .d-body{opacity:0;transition:opacity .9s ease .2s}.devices.lit .d-body{opacity:1}button.device:hover .d-body{box-shadow:inset 0 0 0 1px #e8c58e59,0 30px 60px -34px #000000d9}.monitor .d-body{width:100%;padding:6px 6px 14px;border-radius:2px}.monitor .d-body:after{content:"";position:absolute;left:50%;bottom:5px;width:3px;height:3px;margin-left:-1.5px;border-radius:50%;background:#ffffff2e}.monitor .d-screen{aspect-ratio:16 / 10}.monitor .d-neck{display:block;width:7%;height:34px;background:linear-gradient(90deg,#15181f,#262a33 50%,#15181f)}.monitor .d-foot{display:block;width:26%;height:5px;background:#20242c;box-shadow:inset 0 1px #ffffff14}.d-pair{display:flex;align-items:flex-end;gap:9%;width:100%;justify-content:center}.d-sign{width:64%}.d-sign .d-body{width:100%;padding:6px;border-radius:2px}.d-sign .d-screen{aspect-ratio:9 / 16}.d-phone{width:27%;margin-bottom:4%}.d-phone .d-body{padding:4px;border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff1f,0 20px 40px -24px #000000d9}.d-phone .d-screen{aspect-ratio:9 / 19.5;border-radius:12px}.d-island{position:absolute;left:50%;top:7px;width:30%;height:7px;margin-left:-15%;border-radius:6px;background:#000}.d-screen.soon{display:grid;place-items:center;background:radial-gradient(90% 60% at 50% 40%,rgba(196,154,92,.14),transparent 70%),#05070b}.soon-mark{font:italic 300 clamp(16px,1.4vw,22px)/1.2 var(--display);color:#e8c58ed9}.d-cap{display:grid;justify-items:center;gap:4px;text-align:center}.d-cap b{font:300 clamp(26px,2.2vw,36px)/1.05 var(--display);color:var(--ink);font-weight:300}.d-cap em{font-style:normal;font-size:14px;color:var(--pencil)}html[lang=ar] .d-cap em{font-family:var(--body-ar)}.d-open{margin-top:8px;font-size:14px;color:var(--ink);text-decoration:underline;text-decoration-color:var(--bronze-mark);text-underline-offset:6px;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}button.device:hover .d-open,button.device:focus-visible .d-open{opacity:1;transform:none}button.device:focus-visible{outline:none}button.device:focus-visible .d-cap b{text-decoration:underline;text-decoration-color:var(--bronze-mark)}.pv{position:fixed;inset:0;z-index:80;background:#0d1f3c;color:#efe9df;display:grid;grid-template-rows:64px 1fr;opacity:0;transition:opacity .4s ease}.pv[hidden]{display:none}.pv:focus{outline:none}.pv.in{opacity:1}.pv-open{overflow:hidden}.pv-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:env(safe-area-inset-top,0px) var(--gutter) 0}.pv .tool{color:#efe9dfd1}.pv .tool:hover{color:#fff}.pv-dock{display:flex;gap:26px}.pv-dock[hidden]{display:none}.pv-body{display:grid;grid-template-columns:minmax(340px,4fr) minmax(0,9fr);gap:clamp(28px,3.6vw,64px);padding:8px var(--gutter) 32px;min-height:0}.pv-text{display:grid;gap:14px;align-content:start;overflow-y:auto;overflow-x:hidden;min-height:0;min-width:0;padding-inline-end:10px;scrollbar-width:thin;scrollbar-color:rgba(232,197,142,.3) transparent}.pv .project-kind{margin:0;color:#d9b47e;font-size:14px}.pv-name{margin:0;font:300 clamp(36px,3.6vw,60px)/1 var(--display);letter-spacing:-.03em;color:#f3ede3}.pv-why{margin:2px 0 0;font:italic 400 clamp(18px,1.35vw,21px)/1.45 var(--display);color:#e3c08a;text-wrap:pretty}html[lang=ar] .pv-why{font:400 19px/1.75 var(--display-ar)}.pv-why[hidden]{display:none}.pv-lead{display:grid;gap:12px;color:#efe9dfd1;font-size:15.5px;line-height:1.7}.pv-lead p{margin:0;text-wrap:pretty}.pv-fine{font-size:14px;line-height:1.6;color:#efe9df99}.pv-desk[hidden],.pv-nav[hidden],.pv-model[hidden],.pv-built[hidden]{display:none}.pv-steps{list-style:none;margin:14px 0 0;padding:0;counter-reset:none}.pv-steps li+li{border-top:1px solid rgba(239,233,223,.1)}.pv-steps li>button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:2.4em minmax(0,1fr);column-gap:10px;row-gap:8px;width:100%;padding:16px 0 16px 16px;position:relative;transition:background-color .3s}html[dir=rtl] .pv-steps li>button{padding:16px 16px 16px 0}.pv-steps li>button:before{content:"";position:absolute;inset-block:12px;inset-inline-start:0;width:2px;background:#e8c58e;transform:scaleY(0);transition:transform .35s cubic-bezier(.16,1,.3,1)}.pv-steps li>button em{font:300 15px/1.6 var(--figure);font-style:normal;color:#efe9df66;font-variant-numeric:lining-nums tabular-nums;transition:color .3s}.pv-steps li>button b{font:400 clamp(19px,1.45vw,23px)/1.25 var(--display);color:#efe9df9e;transition:color .3s;text-wrap:pretty}html[lang=ar] .pv-steps li>button b{font:400 21px/1.5 var(--display-ar)}.pv-steps li>button span{grid-column:2;display:none;font-size:15px;line-height:1.6;color:#efe9dfd1;text-wrap:pretty}.pv-steps li>button:hover b{color:#f3ede3}.pv-steps li>button.on:before{transform:none}.pv-steps li>button.on em{color:#e8c58e}.pv-steps li>button.on b{color:#e8c58e;font-size:clamp(22px,1.75vw,28px)}.pv-steps li>button.on span{display:block}.pv-steps li>button:focus-visible{outline:2px solid #B5894F;outline-offset:2px}.pv-nav{position:sticky;bottom:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:4px;padding:14px 0;border-top:1px solid rgba(239,233,223,.1);background:#0d1f3c}.pv-step-btn{height:42px;padding:0 20px;border:0;border-radius:4px;cursor:pointer;background:transparent;color:#efe9df;box-shadow:inset 0 0 0 1px #efe9df40;font:600 12px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;transition:box-shadow .2s ease,color .2s ease,background-color .2s ease,transform .2s ease}.pv-step-btn:hover:not(:disabled){box-shadow:inset 0 0 0 1px #b5894f;color:#cfa96e;transform:translateY(-2px)}.pv-step-btn.next{background:#b5894f;color:#fff;box-shadow:0 4px 24px #b5894f4d}.pv-step-btn.next:hover:not(:disabled){background:#cfa96e;color:#fff;box-shadow:0 4px 24px #b5894f4d}.pv-step-btn:disabled{opacity:.35;cursor:default}.pv-step-btn:focus-visible{outline:2px solid #B5894F;outline-offset:2px}html[lang=ar] .pv-step-btn{font:600 14px/1 var(--body-ar);letter-spacing:0;text-transform:none}.pv-count{font:300 15px/1 var(--figure);color:#efe9dfb3;font-variant-numeric:lining-nums tabular-nums}.pv-model,.pv-built{margin-top:18px;padding-top:18px;border-top:1px solid rgba(232,197,142,.28);display:grid;gap:10px}.pv-model h3,.pv-built h3{margin:0;font:400 21px/1.2 var(--display);color:#e3c08a}html[lang=ar] .pv-model h3,html[lang=ar] .pv-built h3{font:400 21px/1.5 var(--display-ar)}.pv-model p{margin:0;font:italic 400 17px/1.45 var(--display);color:#f3ede3}html[lang=ar] .pv-model p{font:400 17px/1.7 var(--body-ar)}.pv-model ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.pv-model li{position:relative;padding-inline-start:18px;font-size:14.5px;line-height:1.6;color:#efe9dfcc}.pv-model li:before{content:"";position:absolute;inset-inline-start:0;top:.8em;width:8px;height:1px;background:#b5894f}.pv-built ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.pv-built li{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:12px;font-size:14.5px;line-height:1.5;color:#efe9dfe0}.pv-built .icon svg{display:block;width:22px;height:22px;fill:none;stroke:#e3c08a;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.pv-desk{margin:4px 0 0;padding:14px 16px;border-inline-start:2px solid #B5894F;background:#e8c58e12;font-size:15px;line-height:1.6;color:#f3ede3}.pv-stage{position:relative;display:grid;grid-template-rows:auto 1fr;gap:14px;min-height:0;transition:transform .6s cubic-bezier(.16,1,.3,1)}.pv-stage-head{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:46px}.pv-note{margin:0;font-size:14px;color:#efe9dfb8}.pv-note:empty+.btn{margin-inline-start:auto}.pv-screen{position:relative;overflow:hidden;align-self:start;width:100%;max-height:100%;background:#05070b;border-radius:2px;box-shadow:0 0 0 6px #0a0c10,0 0 0 7px #ffffff14,0 40px 90px -30px #000c}.pv[data-device=monitor] .pv-screen,.pv[data-device=window] .pv-screen{aspect-ratio:16 / 10}.pv-screen .app{position:absolute;top:0;left:0;border:0;transform-origin:0 0;background:#fff;opacity:0;transition:opacity .5s ease}.pv-screen .shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transition:opacity .35s ease}.pv-screen.on .app,.pv-screen.on .shot{opacity:1}.pv.controls .pv-body{grid-template-columns:1fr}.pv.controls .pv-text,.pv.controls .pv-stage-head{display:none}.pv.controls .pv-stage{grid-template-rows:1fr}.pv.controls .pv-screen{aspect-ratio:auto;height:100%;box-shadow:0 0 0 1px #efe9df1f}.pv.desk-only .pv-stage-head{display:none}.pv-load{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:radial-gradient(80% 70% at 50% 45%,rgba(196,154,92,.1),transparent 70%),#05070b;opacity:0;pointer-events:none;transition:opacity .6s ease}.pv-load.on{opacity:1}.pv-load canvas{position:absolute;inset:0;width:100%;height:100%}.pv-load span{position:relative;margin-top:-14%;font:italic 300 clamp(18px,1.5vw,24px)/1.2 var(--display);color:#f3ede3e6}.pv-load span:after{content:"";display:inline-block;width:1.2em;text-align:start;animation:dots 1.6s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}html[lang=ar] .pv-load span{font:400 20px/1.5 var(--display-ar)}.spot{position:absolute;left:0;top:0;z-index:2;border-radius:8px;pointer-events:none;opacity:0;box-shadow:0 0 0 2px #e8c58e,0 0 0 9999px #050a158c;transition:opacity .35s,transform .5s cubic-bezier(.2,.8,.2,1)}.spot.on{opacity:1}.ghost{position:absolute;left:-9px;top:-9px;z-index:3;width:18px;height:18px;border-radius:50%;background:#f6f1e7;box-shadow:0 0 0 2px #050a1580;opacity:0;pointer-events:none;transition:opacity .3s,transform .9s cubic-bezier(.65,0,.35,1)}.ghost.on{opacity:1;animation:press 1.8s ease 1s infinite}@keyframes press{0%,70%,to{box-shadow:0 0 0 2px #050a1580,0 0 #f6f1e799}35%{box-shadow:0 0 0 2px #050a1580,0 0 0 14px #f6f1e700}}.callout{position:absolute;left:0;top:0;z-index:4;display:flex;align-items:center;gap:12px;pointer-events:none;opacity:0;transition:opacity .4s ease .35s,transform .5s cubic-bezier(.2,.8,.2,1)}.callout.on{opacity:1}.callout i{width:56px;height:1px;background:#e8c58e;flex:none;transform-origin:left;transform:scaleX(0);transition:transform .5s cubic-bezier(.16,1,.3,1) .4s}.callout.on i{transform:none}.callout span{max-width:220px;padding:10px 14px;background:#050a15e0;border-radius:4px;font:italic 400 18px/1.3 var(--display);color:#f3ede3}html[lang=ar] .callout span{font:400 19px/1.5 var(--display-ar)}.callout.left{flex-direction:row-reverse;translate:-100% 0}.callout.left i{transform-origin:right}.callout.free i{display:none}.callout.free span{max-width:70%}@media(max-width:979px){.devices{grid-template-columns:1fr;gap:56px;max-width:560px}.sign .d-pair{width:64%}.pv{overflow-y:auto;grid-template-rows:56px auto}.pv-body{grid-template-columns:1fr}.pv-stage{order:-1}.pv-text{overflow:visible;padding-inline-end:0}.pv-body{gap:22px}.pv[data-device=sign] .pv-stage .pv-screen{height:72svh}.pv.desk-only .pv-steps li>button{cursor:default;padding-inline-start:0}.pv.desk-only .pv-steps li>button:before{display:none}.pv.desk-only .pv-steps li>button em{color:#e8c58e}.pv.desk-only .pv-steps li>button b{color:#f3ede3;font-size:21px}.pv.desk-only .pv-steps li>button span{display:block}.callout span{font-size:15px;max-width:160px}.pv.controls{grid-template-rows:56px 1fr}.pv.controls .pv-body{padding:4px 8px 8px}}@media(prefers-reduced-motion:reduce){.d-tilt,.pv-stage,.callout,.callout i{transition:none!important}}.pv-screen .soon-shot{display:grid;place-items:center;background:radial-gradient(70% 60% at 50% 45%,rgba(196,154,92,.14),transparent 70%),#05070b}.pv-screen .soon-shot span{font:italic 300 clamp(22px,2vw,32px)/1.2 var(--display);color:#e8c58ee6}.pv[data-device=sign] .pv-screen{aspect-ratio:auto;height:100%;background:transparent;box-shadow:none}.pv-screen .app.duo{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:8px;background:transparent}.duo-wall,.duo-phone{margin:0;display:grid;justify-items:center;gap:14px;min-height:0}.duo-wall{grid-column:2;height:100%;grid-template-rows:minmax(0,1fr) auto}.duo-phone{grid-column:3;justify-self:start;margin-inline-start:14%;height:62%;grid-template-rows:minmax(0,1fr) auto}.duo-frame{position:relative;height:100%;overflow:hidden;background:#0a0c10}.duo-wall .duo-frame{aspect-ratio:9 / 16;border-radius:2px;box-shadow:0 0 0 6px #0a0c10,0 0 0 7px #ffffff1a,0 40px 90px -30px #000000d9}.duo-phone .duo-frame{aspect-ratio:390 / 844;border-radius:20px;box-shadow:0 0 0 5px #0a0c10,0 0 0 6px #ffffff24,0 40px 80px -30px #000000d9}.duo-wall iframe{display:block;width:100%;height:100%;border:0;background:#fff}.duo-phone iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;background:#fff}.duo-frame:after{content:attr(data-busy);position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:20px;text-align:center;background:radial-gradient(80% 60% at 50% 45%,rgba(196,154,92,.16),transparent 70%),#05070be0;font:italic 300 clamp(16px,1.3vw,21px)/1.3 var(--display);color:#f3ede3eb;opacity:0;pointer-events:none;transition:opacity .35s ease}.duo-frame.busy:after{opacity:1;animation:veil 1.8s ease-in-out infinite}@keyframes veil{50%{color:#e8c58ef2}}html[lang=ar] .duo-frame:after{font:400 18px/1.6 var(--display-ar)}.duo figcaption{display:grid;justify-items:center;gap:2px;text-align:center}.duo figcaption b{font:italic 400 18px/1.2 var(--display);color:#e3c08a}.duo figcaption span{font-size:12.5px;color:#efe9df99}html[lang=ar] .duo figcaption b{font:400 18px/1.5 var(--display-ar)}.pv-try{display:none;margin:0 0 16px calc(26px + 2.4em)}html[dir=rtl] .pv-try{margin:0 calc(26px + 2.4em) 16px 0}.pv-steps li.on .pv-try{display:grid;gap:10px}.pv-try p{margin:0;font:italic 400 15.5px/1.4 var(--display);color:#e3c08a}html[lang=ar] .pv-try p{font:400 15px/1.7 var(--body-ar)}.pv-try-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.pv-try button{display:grid;gap:2px;justify-items:start;min-width:0;padding:7px 9px;border:0;border-radius:4px;cursor:pointer;background:transparent;color:#efe9df;box-shadow:inset 0 0 0 1px #efe9df38;transition:box-shadow .2s ease,background-color .2s ease,transform .2s ease}.pv-try button b{font:600 11.5px/1.2 var(--body);letter-spacing:.02em;white-space:nowrap}.pv-try button span{font:300 12px/1.2 var(--figure);color:#efe9df99;font-variant-numeric:lining-nums tabular-nums}.pv-try button:hover{box-shadow:inset 0 0 0 1px #b5894f;transform:translateY(-1px)}.pv-try button[aria-pressed=true]{background:#b5894f33;box-shadow:inset 0 0 0 1px #e8c58e}.pv-try button[aria-pressed=true] b{color:#e8c58e}.pv-try button:focus-visible{outline:2px solid #B5894F;outline-offset:2px}html[lang=ar] .pv-try button b{font:600 13px/1.4 var(--body-ar);letter-spacing:0}.pv.desk-only .pv-try{display:none!important}.pv.controls[data-device=sign] .pv-screen{box-shadow:none}.pv.desk-only[data-device=sign] .pv-screen{aspect-ratio:9 / 16;height:auto;max-height:70svh;width:auto;justify-self:center}.pv.desk-only[data-device=sign] .pv-screen .shot{object-fit:contain;object-position:top center}