:root{--black: #080808;--black-2: #111111;--card: #171717;--white: #ffffff;--grey: #b8b8b8;--line: #292929;--grey-dim: #8c8c8c;--line-strong: #4a4a4a;--glass: rgba(8, 8, 8, .62);--glass-card: rgba(23, 23, 23, .82);--font: "Cairo", "Segoe UI", Tahoma, "Noto Sans Arabic", system-ui, sans-serif;--fs-body: clamp(1rem, .96rem + .2vw, 1.0625rem);--fs-lead: clamp(1.05rem, .98rem + .35vw, 1.25rem);--fs-h3: clamp(1.3rem, 1.15rem + .6vw, 1.65rem);--fs-h2: clamp(2.4rem, 1.5rem + 3.8vw, 4.75rem);--fs-h1: clamp(3rem, 1.25rem + 7.4vw, 7.4rem);--nav-h: 78px;--nav-h-compact: 64px;--gutter: 20px;--radius: 6px;--ease: cubic-bezier(.22, .61, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);color-scheme:dark}@media (min-width: 768px){:root{--gutter: 32px}}@media (min-width: 1280px){:root{--gutter: 40px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--nav-h-compact);background:var(--black)}body{margin:0;min-height:100vh;background:var(--black);color:var(--white);font-family:var(--font);font-size:var(--fs-body);font-weight:400;line-height:1.8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@supports (overflow-x: clip){body{overflow-x:clip}}img,video,svg{display:block;max-width:100%}h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}h1,h2,h3{font-weight:800;line-height:1.2;text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}em{font-style:normal}::selection{background:var(--white);color:var(--black)}:focus-visible{outline:2px solid var(--white);outline-offset:3px;border-radius:2px}section:focus,footer:focus{outline:none}html{scrollbar-color:#333 var(--black);scrollbar-width:thin}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;right:10px;z-index:300;padding:10px 18px;background:var(--white);color:var(--black);font-weight:700;border-radius:4px;transform:translateY(-160%);transition:transform .2s var(--ease)}.skip-link:focus{transform:none}.container{width:100%;max-width:1320px;margin-inline:auto;padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}.btn{--h: 54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--h);padding-inline:26px;border-radius:3px;font-size:1rem;font-weight:700;line-height:1;white-space:nowrap;transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease)}.btn--sm{--h: 44px;padding-inline:18px;font-size:.9375rem}.btn--light{background:var(--white);color:var(--black)}.btn--light:hover{background:#e6e6e6}.btn--ghost{border:1px solid rgba(255,255,255,.24);background:#ffffff0a;color:var(--white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--ghost:hover{border-color:var(--white);background:#ffffff14}.btn:active{transform:translateY(1px)}.btn__arrow{transition:transform .35s var(--ease-out)}.btn:hover .btn__arrow{transform:translate(-3px,-3px)}.icon-btn{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:#171717b3;color:var(--white);transition:border-color .3s var(--ease),background-color .3s var(--ease)}.icon-btn:hover{border-color:var(--line-strong);background:var(--card)}.slash{display:inline-block;flex:none;width:18px;height:12px;background:var(--white);clip-path:polygon(0 0,46% 0,100% 100%,54% 100%)}.viewfinder{position:absolute;inset:14px;pointer-events:none;z-index:3}.viewfinder i{position:absolute;width:22px;height:22px;border-color:#ffffffbf;border-style:solid;border-width:0}.viewfinder i:nth-child(1){top:0;right:0;border-top-width:1.5px;border-right-width:1.5px}.viewfinder i:nth-child(2){top:0;left:0;border-top-width:1.5px;border-left-width:1.5px}.viewfinder i:nth-child(3){bottom:0;right:0;border-bottom-width:1.5px;border-right-width:1.5px}.viewfinder i:nth-child(4){bottom:0;left:0;border-bottom-width:1.5px;border-left-width:1.5px}.viewfinder--sm{inset:12px;opacity:0;transition:opacity .45s var(--ease),inset .45s var(--ease-out)}.viewfinder--sm i{width:14px;height:14px}.reveal{transition:opacity .75s var(--ease) calc(var(--d, 0) * 90ms),transform .85s var(--ease-out) calc(var(--d, 0) * 90ms)}html.reveal-on .reveal:not([data-in]){opacity:0;transform:translate3d(0,28px,0)}.preloader{position:fixed;inset:0;z-index:200;display:grid;place-items:center;align-content:center;gap:34px;background:var(--black);transition:opacity .55s var(--ease),visibility .55s;animation:preloader-failsafe .01s linear 4.2s forwards}.preloader.is-out{opacity:0;visibility:hidden;pointer-events:none}@keyframes preloader-failsafe{to{opacity:0;visibility:hidden;pointer-events:none}}.preloader__frame{position:absolute;inset:clamp(20px,7vmin,72px);pointer-events:none}.preloader__frame .corner{position:absolute;width:28px;height:28px;border:0 solid rgba(255,255,255,.35);opacity:0;animation:corner-in .9s var(--ease-out) .15s forwards}.corner--tr{top:0;right:0;border-top-width:1px!important;border-right-width:1px!important}.corner--tl{top:0;left:0;border-top-width:1px!important;border-left-width:1px!important}.corner--br{bottom:0;right:0;border-bottom-width:1px!important;border-right-width:1px!important}.corner--bl{bottom:0;left:0;border-bottom-width:1px!important;border-left-width:1px!important}@keyframes corner-in{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:none}}.preloader__logo{position:relative;width:clamp(124px,28vw,196px)}.preloader__logo img{width:100%;height:auto;opacity:.1;filter:brightness(.35);animation:logo-lightup 1.35s var(--ease) .1s forwards}@keyframes logo-lightup{60%{opacity:.85;filter:brightness(.8)}to{opacity:1;filter:brightness(1)}}.preloader__sweep{position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.95) 50%,transparent 62%);background-size:260% 100%;background-position:130% 0;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:sweep 1s var(--ease) .35s forwards}@keyframes sweep{to{background-position:-30% 0}}.preloader__bar{width:120px;height:1px;background:#ffffff1f;overflow:hidden}.preloader__bar span{display:block;height:100%;background:var(--white);transform:scaleX(0);transform-origin:right;animation:bar 1.5s var(--ease) forwards}@keyframes bar{to{transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:51;background:var(--black)}.nav{position:fixed;inset-inline:0;top:0;z-index:50;padding-top:env(safe-area-inset-top,0px)}.nav:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,#080808b3,#08080861);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.07);transition:background-color .4s var(--ease)}.nav.is-compact:before{background:#080808cc;border-bottom-color:#ffffff17}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:var(--nav-h);transition:height .4s var(--ease)}.nav.is-compact .nav__inner{height:var(--nav-h-compact)}.nav__brand{display:inline-flex;align-items:center;gap:12px;flex:none;min-height:44px}.nav__brand img{width:auto;height:30px;transition:height .4s var(--ease)}.nav.is-compact .nav__brand img{height:26px}.nav__brand-text{display:grid;line-height:1.2;padding-inline-start:12px;border-inline-start:1px solid var(--line)}.nav__brand-text b{font-size:.7rem;font-weight:700;letter-spacing:.42em;direction:ltr;text-align:right;margin-inline-end:-.42em}.nav__brand-text small{font-size:.72rem;color:var(--grey-dim);font-weight:600}.nav__links{display:none}.nav__links ul{display:flex;align-items:center;gap:clamp(22px,2.6vw,40px)}.nav__links a{position:relative;display:inline-block;padding-block:10px;font-size:.96rem;font-weight:600;color:var(--grey);transition:color .25s var(--ease)}.nav__links a:after{content:"";position:absolute;bottom:2px;right:50%;width:16px;height:6px;background:var(--white);clip-path:polygon(0 0,46% 0,100% 100%,54% 100%);transform:translate(50%) scaleX(0);transition:transform .35s var(--ease-out)}.nav__links a:hover,.nav__links a.is-active{color:var(--white)}.nav__links a.is-active:after{transform:translate(50%) scaleX(1)}.nav__end{display:flex;align-items:center;gap:10px}.nav__cta{display:none}.nav__toggle{display:inline-grid;place-items:center;width:48px;height:48px;margin-inline-end:-10px;border-radius:4px}@media (min-width: 1024px){.nav__links,.nav__cta{display:inline-flex}.nav__toggle{display:none}}.menu{position:fixed;inset:0;z-index:70;display:grid;grid-template-rows:auto 1fr auto;padding-top:env(safe-area-inset-top,0px);padding-bottom:max(24px,env(safe-area-inset-bottom,0px));background:linear-gradient(160deg,rgba(255,255,255,.045),transparent 40%),#0a0a0a;opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility .35s;overflow-y:auto}.menu.is-open{opacity:1;visibility:visible}.menu__top{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h)}.menu__mark{height:28px;width:auto}.menu__nav{align-self:center;padding-block:24px}.menu__nav li{border-bottom:1px solid var(--line);opacity:0;transform:translateY(14px);transition:opacity .4s var(--ease),transform .5s var(--ease-out)}.menu.is-open .menu__nav li{opacity:1;transform:none;transition-delay:calc(80ms + var(--i) * 55ms)}.menu__nav a{display:flex;align-items:baseline;gap:18px;padding-block:16px;font-size:clamp(1.75rem,7.5vw,2.6rem);font-weight:800;line-height:1.3;color:var(--grey);transition:color .25s var(--ease)}.menu__nav a:hover,.menu__nav a.is-active{color:var(--white)}.menu__num{font-size:.8rem;font-weight:600;color:var(--grey-dim);direction:ltr;min-width:2ch}.menu__contact{display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu__contact .btn{width:100%;padding-inline:12px}.section{position:relative;padding-block:clamp(88px,11vw,168px)}.section+.section{border-top:1px solid rgba(255,255,255,.05)}.shead{max-width:760px;margin-bottom:clamp(40px,5.5vw,76px)}.shead__slate{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:var(--grey-dim);font-size:.8rem;font-weight:600}.shead__num{color:var(--white);font-size:.95rem;font-weight:700;font-variant-numeric:tabular-nums}.shead__slate .slash{width:14px;height:10px;background:var(--grey-dim)}.shead__en{letter-spacing:.32em}.shead__title{font-size:var(--fs-h2);font-weight:900;line-height:1.15}.shead__text{margin-top:18px;max-width:52ch;color:var(--grey);font-size:var(--fs-lead);line-height:1.85}.next{margin-top:clamp(72px,9vw,128px)}.next__link{display:grid;grid-template-columns:1fr auto auto auto 1fr;align-items:center;gap:14px;color:var(--grey);font-size:.92rem;font-weight:600}.next__link:before,.next__link:after{content:"";height:1px;background:linear-gradient(to left,transparent,var(--line))}.next__link:before{grid-column:1;background:linear-gradient(to right,transparent,var(--line))}.next__link:after{grid-column:5}.next__kicker{color:var(--grey-dim);font-size:.8rem}.next__label{color:var(--white)}.next__icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);transition:border-color .3s var(--ease),transform .35s var(--ease-out),background-color .3s var(--ease)}.next__link:hover .next__icon{border-color:var(--white);background:var(--white);color:var(--black);transform:translateY(3px)}.fab{position:fixed;z-index:40;left:max(16px,calc(env(safe-area-inset-left,0px) + 12px));bottom:max(16px,calc(env(safe-area-inset-bottom,0px) + 12px));display:flex;flex-direction:column;align-items:center;gap:10px}.fab__btn{position:relative;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:1px solid var(--line);background:var(--glass-card);color:var(--white);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px #00000073;transition:transform .3s var(--ease-out),border-color .3s var(--ease),background-color .3s var(--ease),opacity .3s var(--ease)}.fab__btn:hover{transform:translateY(-2px);border-color:var(--line-strong)}.fab__btn--primary{width:56px;height:56px;background:var(--white);color:var(--black);border-color:var(--white)}.fab__btn--primary:hover{background:#e8e8e8;border-color:#e8e8e8}.fab__btn--top{width:44px;height:44px;opacity:0;transform:translateY(10px);pointer-events:none}.fab__btn--top.is-shown{opacity:1;transform:none;pointer-events:auto}.fab__btn--top.is-shown:hover{transform:translateY(-2px)}.fab__tip{position:absolute;left:calc(100% + 10px);top:50%;padding:4px 10px;border-radius:3px;background:var(--white);color:var(--black);font-size:.8rem;font-weight:700;line-height:1.6;white-space:nowrap;opacity:0;transform:translate(-6px,-50%);pointer-events:none;transition:opacity .25s var(--ease),transform .3s var(--ease-out)}@media (hover: hover){.fab__btn:hover .fab__tip,.fab__btn:focus-visible .fab__tip{opacity:1;transform:translateY(-50%)}}.hero{position:relative;display:grid;min-height:100vh;min-height:100svh;overflow:hidden;isolation:isolate;background:var(--black)}.hero__bg{position:absolute;inset:0;z-index:-1;pointer-events:none}.hero__beam{position:absolute;width:90%;height:140%;background:radial-gradient(ellipse 40% 55% at 30% 40%,rgba(255,255,255,.09),transparent 70%),linear-gradient(118deg,transparent 38%,rgba(255,255,255,.05) 48%,transparent 58%);inset:-20% auto auto -10%}.hero__geo{position:absolute;display:none;left:-4%;top:50%;width:min(62vw,980px);transform:translateY(-50%);fill:none;stroke:#ffffff0f;stroke-width:1;vector-effect:non-scaling-stroke}.hero__geo polygon{vector-effect:non-scaling-stroke}.hero__grain{position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero__inner{position:relative;display:grid;align-content:end;padding-top:calc(var(--nav-h) + env(safe-area-inset-top,0px) + 32px);padding-bottom:112px}.hero__copy{position:relative;z-index:2;max-width:760px}.hero__eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:18px;color:var(--grey);font-size:.92rem;font-weight:600}.hero__title{font-size:var(--fs-h1);font-weight:900;line-height:1.12;letter-spacing:0}.hero__line{display:block}.hero__line:first-child{color:#ffffffc7}.hero__accent{position:relative;display:inline-block;color:var(--white);background:linear-gradient(100deg,#fff 0 42%,#9a9a9a 50%,#fff 58% 100%);background-size:320% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__accent:after{content:"";position:absolute;right:0;left:6%;bottom:-.1em;height:.075em;background:var(--white);clip-path:polygon(1.2% 0,100% 0,98.8% 100%,0 100%);transform:scaleX(0);transform-origin:right}.hero__text{margin-top:clamp(18px,2.4vw,28px);max-width:56ch;color:var(--grey);font-size:var(--fs-lead);line-height:1.95}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(26px,3.2vw,40px)}.hero:not(.is-ready) .hero-in{opacity:0}.hero.is-ready .hero-in{animation:hero-in .9s var(--ease-out) both;animation-delay:calc(var(--d, 0) * .11s + 60ms)}.hero.is-ready .hero__accent{animation:accent-sweep 1.6s var(--ease) .75s both}.hero.is-ready .hero__accent:after{animation:underline .8s var(--ease-out) .95s forwards}@keyframes hero-in{0%{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}@keyframes accent-sweep{0%{background-position:100% 0}to{background-position:0 0}}@keyframes underline{to{transform:scaleX(1)}}.hero__frame{position:absolute;inset:0;z-index:0}.hero__media{position:absolute;inset:0;overflow:hidden;background:var(--black-2)}.hero__media video{width:100%;height:100%;object-fit:cover;object-position:center 35%}.hero__media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--black) 12%,rgba(8,8,8,.92) 44%,rgba(8,8,8,.5) 74%,rgba(8,8,8,.62) 100%)}.hero__frame .viewfinder,.hero__hud{display:none}.hero__scroll{position:absolute;z-index:3;bottom:max(22px,env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:8px;color:var(--grey-dim);font-size:.78rem;font-weight:600;transition:color .3s var(--ease)}.hero__scroll:hover{color:var(--white)}.hero__scroll-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);color:var(--white)}.hero.is-ready .hero__scroll-icon svg{animation:nudge 2.4s var(--ease) 1.6s 3}@keyframes nudge{0%,60%,to{transform:none}30%{transform:translateY(5px)}}.hero__sep{color:var(--grey-dim)}@media (max-width: 479px){.hero__actions .btn{flex:1 1 100%}}@media (min-width: 640px){.hero__inner{padding-bottom:128px}}@media (min-width: 1024px){.hero__geo{display:block}.hero__inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;align-content:center;gap:clamp(48px,6vw,112px);padding-top:calc(var(--nav-h) + 40px);padding-bottom:110px}.hero__frame{position:relative;inset:auto;height:min(74svh,760px);min-height:460px;aspect-ratio:9 / 16;max-width:100%}.hero__media{border:1px solid var(--line);border-radius:4px}.hero__media:after{background:linear-gradient(to top,rgba(8,8,8,.55),transparent 35%)}.hero__frame .viewfinder{display:block;inset:-14px}.hero__frame .viewfinder i{border-color:#ffffff8c}.hero__hud{position:absolute;z-index:4;inset:auto 16px 16px;display:flex;align-items:center;gap:10px;direction:ltr;color:#ffffffdb;font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.06em}.hud__dot{width:6px;height:6px;border-radius:50%;background:var(--white)}.hud__ratio{margin-left:auto;padding:1px 7px;border:1px solid rgba(255,255,255,.35);border-radius:2px}}@media (min-width: 1440px){.hero__copy{max-width:820px}}.services__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}@media (min-width: 720px){.services__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}}@media (min-width: 1024px){.services__grid{gap:28px 32px}.services__item:nth-child(2n){margin-top:96px}}.scard{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);transition:transform .55s var(--ease-out),border-color .4s var(--ease),box-shadow .55s var(--ease)}.scard__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--black-2)}@media (min-width: 720px){.scard__media{aspect-ratio:1 / 1}}.scard__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.001);transition:transform 1.1s var(--ease-out),filter .6s var(--ease);filter:saturate(.92)}.scard__media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--card) 0%,rgba(23,23,23,0) 34%);pointer-events:none}.scard__body{position:relative;display:grid;gap:8px;padding:4px 24px 24px;margin-top:-36px;z-index:2}.scard__num{font-size:.8rem;font-weight:700;color:var(--grey-dim);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-align:right}.scard__title{font-size:var(--fs-h3);font-weight:800;line-height:1.35}.scard__text{color:var(--grey);line-height:1.8}.scard__cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:16px;border-top:1px solid var(--line);font-size:.92rem;font-weight:700;color:var(--grey);transition:color .3s var(--ease)}.scard__arrow{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;border:1px solid var(--line-strong);color:var(--white);transition:background-color .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}.scard__arrow svg{transition:transform .45s var(--ease-out)}@media (min-width: 1024px){.scard__body{padding:4px 30px 30px}}@media (hover: hover){.scard:hover{transform:translateY(-6px);border-color:var(--line-strong);box-shadow:0 30px 60px -30px #000000e6}.scard:hover .scard__media img{transform:scale(1.05);filter:saturate(1)}.scard:hover .viewfinder--sm{opacity:1;inset:16px}.scard:hover .scard__cta{color:var(--white)}.scard:hover .scard__arrow{background:var(--white);border-color:var(--white);color:var(--black)}.scard:hover .scard__arrow svg{transform:translate(-2px,-2px)}.scard:hover .webmock__browser{transform:translateY(-6px)}.scard:hover .webmock__slide{transform:translate(8px,-6px)}}.webmock{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 70% 30%,#262626,transparent 70%),linear-gradient(160deg,#1a1a1a,#0c0c0c)}.webmock__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 78%)}.webmock__slide{position:absolute;top:13%;right:8%;width:54%;aspect-ratio:16 / 9;padding:6%;border:1px solid #383838;border-radius:4px;background:#1d1d1d;box-shadow:0 24px 50px -20px #000c;transition:transform .7s var(--ease-out)}.webmock__slide-num{position:absolute;top:9%;left:7%;font-size:clamp(.7rem,1.6vw,1rem);font-weight:900;color:#ffffffd9}.webmock__bars{position:absolute;right:8%;bottom:14%;display:flex;align-items:flex-end;gap:6%;width:34%;height:52%}.webmock__bars i{flex:1;height:var(--h);background:#ffffffd1}.webmock__bars i:nth-child(odd){background:#ffffff47}.webmock__lines{position:absolute;left:7%;bottom:16%;display:grid;gap:8px;width:38%}.webmock__lines i{height:4px;border-radius:2px;background:#ffffff38}.webmock__lines i:last-child{width:64%}.webmock__browser{position:absolute;bottom:12%;left:8%;width:70%;border:1px solid #3a3a3a;border-radius:6px;background:#0e0e0e;box-shadow:0 40px 80px -30px #000000f2;overflow:hidden;transition:transform .7s var(--ease-out)}.webmock__chrome{display:flex;align-items:center;gap:5px;height:22px;padding-inline:10px;border-bottom:1px solid #2a2a2a;direction:ltr;background:#161616}.webmock__chrome span{width:6px;height:6px;border-radius:50%;background:#4a4a4a}.webmock__chrome b{flex:1;height:8px;margin-inline:12px 30%;border-radius:4px;background:#262626}.webmock__page{padding:7%;display:grid;gap:10%}.webmock__hero{position:relative;display:grid;gap:8px;min-height:64px;aspect-ratio:16 / 6.4}.webmock__shape{position:absolute;left:0;top:0;width:38%;height:100%;background:linear-gradient(135deg,#fffffff2,#ffffff8c);clip-path:polygon(22% 0,100% 0,78% 100%,0 100%)}.webmock__h{display:grid;gap:7px;width:50%;margin-inline-start:0;padding-top:4%}.webmock__h i{height:9px;border-radius:2px;background:#ffffffd9}.webmock__h i:last-child{width:70%;background:#ffffff59}.webmock__btn{width:22%;height:12px;border-radius:2px;background:#ffffffe6;align-self:end}.webmock__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6%}.webmock__cards i{aspect-ratio:4 / 3;border-radius:3px;border:1px solid #2c2c2c;background:#181818}.webmock__cursor{position:absolute;left:42%;bottom:22%;width:16px;height:20px;background:var(--white);clip-path:polygon(0 0,100% 62%,52% 64%,70% 100%,52% 100%,36% 68%,0 90%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ptile{position:relative;aspect-ratio:3 / 4;min-width:0}.ptile--feature{grid-column:1 / -1;aspect-ratio:4 / 5}@media (min-width: 640px){.pgrid{gap:16px}.ptile--feature{aspect-ratio:16 / 13}}@media (min-width: 1024px){.pgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.ptile{aspect-ratio:4 / 5}.ptile--feature{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}}.ptile__btn{position:absolute;inset:0;display:block;width:100%;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--black-2);text-align:right;transition:border-color .4s var(--ease),transform .55s var(--ease-out)}.ptile__media{position:absolute;inset:0}.ptile__media img,.ptile__media video{width:100%;height:100%;object-fit:cover;object-position:center 40%;transition:transform 1.1s var(--ease-out),opacity .6s var(--ease)}.ptile__shade{position:absolute;inset:0;background:linear-gradient(to top,#080808d9,#0808081a 40%,#08080800 60%);transition:opacity .5s var(--ease)}.ptile__meta{position:absolute;z-index:3;right:14px;left:14px;bottom:12px;display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.ptile__label{font-size:.95rem;font-weight:800}.ptile__tag{color:var(--grey);font-size:.78rem;font-weight:600}.ptile__action{position:absolute;z-index:3;top:12px;left:12px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#0808088c;border:1px solid rgba(255,255,255,.22);color:var(--white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .45s var(--ease-out),background-color .35s var(--ease),color .35s var(--ease)}.ptile__action.is-play{top:50%;left:50%;width:56px;height:56px;transform:translate(-50%,-50%)}.ptile__action.is-play svg{margin-left:3px}.ptile--feature .ptile__action.is-play{width:76px;height:76px}.ptile--feature .ptile__meta{right:20px;left:20px;bottom:18px}.ptile--feature .ptile__label{font-size:clamp(1.1rem,.9rem + .8vw,1.5rem)}.ptile__live{position:absolute;z-index:3;top:16px;right:16px;display:inline-flex;align-items:center;gap:7px;padding:3px 10px;border-radius:999px;background:#0808088c;border:1px solid rgba(255,255,255,.18);font-size:.72rem;font-weight:700;color:var(--grey);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ptile__live i{width:6px;height:6px;border-radius:50%;background:var(--white)}@media (hover: hover){.ptile__btn:hover{border-color:var(--line-strong)}.ptile__btn:hover .ptile__media img,.ptile__btn:hover .ptile__media video{transform:scale(1.05)}.ptile__btn:hover .viewfinder--sm{opacity:1;inset:16px}.ptile__btn:hover .ptile__action{background:var(--white);color:var(--black)}.ptile__btn:hover .ptile__action.is-play{transform:translate(-50%,-50%) scale(1.06)}}.ptile__btn:focus-visible{outline-offset:4px}.modal{position:fixed;inset:0;z-index:120;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:#060606f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:modal-in .35s var(--ease) both}@keyframes modal-in{0%{opacity:0}to{opacity:1}}.modal__top{display:flex;align-items:center;gap:16px;padding:14px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px))}.modal__count{font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums}.modal__count i{font-style:normal;color:var(--grey-dim);margin-inline:4px}.modal__label{flex:1;color:var(--grey);font-size:.9rem;font-weight:600}.modal__body{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:0;padding-inline:max(16px,env(safe-area-inset-left,0px))}.modal__stage{display:grid;place-items:center;min-width:0;min-height:0;height:100%;animation:stage-in .4s var(--ease-out) both}@keyframes stage-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.modal__nav{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:#171717bf;color:var(--white);transition:border-color .3s var(--ease),background-color .3s var(--ease)}.modal__nav:hover{border-color:var(--white)}.modal__hint{padding:10px 16px 16px;text-align:center;color:var(--grey-dim);font-size:.78rem}.mstage{position:relative;max-width:100%;overflow:hidden;border-radius:4px;background:#000}.mstage--video{height:min(calc(100svh - 170px),calc((100vw - 32px) * 16 / 9));aspect-ratio:9 / 16}.mstage--video video{width:100%;height:100%;object-fit:contain;background:#000;cursor:pointer}.mstage--image{background:transparent}.mstage--image img{max-height:calc(100svh - 170px);max-width:100%;width:auto;height:auto;object-fit:contain}.mcontrols{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:10px;padding:36px 12px 12px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.mctl{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;color:var(--white);transition:background-color .25s var(--ease)}.mctl:hover{background:#ffffff1f}.mtime{flex:none;font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--grey)}.mseek{flex:1;min-width:40px;height:24px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}.mseek::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,#fff var(--p),rgba(255,255,255,.25) var(--p))}.mseek::-moz-range-track{height:2px;background:linear-gradient(to right,#fff var(--p),rgba(255,255,255,.25) var(--p))}.mseek::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-5px;border-radius:50%;background:#fff}.mseek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}@media (max-width: 767px){.modal__body{grid-template-columns:minmax(0,1fr)}.modal__nav{position:absolute;z-index:2;top:50%;width:44px;height:44px;transform:translateY(-50%);background:#08080899}.modal__nav--prev{right:max(8px,env(safe-area-inset-right,0px))}.modal__nav--next{left:max(8px,env(safe-area-inset-left,0px))}}@media (hover: hover) and (min-width: 768px){.modal__hint{visibility:hidden}}.faq__layout{display:grid;gap:8px}@media (min-width: 1024px){.faq__layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(48px,7vw,120px);align-items:start}.faq__aside{position:sticky;top:calc(var(--nav-h-compact) + 48px)}}.faq__ask{display:none;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,var(--card),var(--black-2))}@media (min-width: 1024px){.faq__ask{display:block}}.faq__ask-title{font-size:1.15rem;font-weight:800}.faq__ask-text{margin-top:4px;color:var(--grey)}.faq__ask-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.faq__list{border-top:1px solid var(--line)}.faq__item{border-bottom:1px solid var(--line)}.faq__h{font-size:inherit;font-weight:inherit}.faq__q{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(14px,2vw,24px);width:100%;padding-block:clamp(20px,2.4vw,28px);text-align:right;color:#e9e9e9;transition:color .25s var(--ease)}.faq__q:hover,.faq__item.is-open .faq__q{color:var(--white)}.faq__num{min-width:2ch;color:var(--grey-dim);font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums}.faq__qtext{font-size:clamp(1.08rem,.98rem + .45vw,1.35rem);font-weight:700;line-height:1.55}.faq__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line-strong);transition:background-color .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}.faq__icon .icon-plus-v{transform-origin:center;transform-box:fill-box;transition:transform .35s var(--ease-out)}.faq__item.is-open .faq__icon{background:var(--white);border-color:var(--white);color:var(--black)}.faq__item.is-open .faq__icon .icon-plus-v{transform:scaleY(0)}.faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease-out),visibility .45s;visibility:hidden}.faq__item.is-open .faq__a{grid-template-rows:1fr;visibility:visible}.faq__a-inner{overflow:hidden;min-height:0}.faq__a p{max-width:60ch;padding-inline-start:calc(2ch + clamp(14px,2vw,24px));padding-bottom:clamp(20px,2.4vw,28px);color:var(--grey);line-height:1.9;opacity:0;transform:translateY(-6px);transition:opacity .4s var(--ease),transform .45s var(--ease-out)}.faq__item.is-open .faq__a p{opacity:1;transform:none;transition-delay:.08s}.footer{position:relative;padding-top:clamp(96px,12vw,176px);padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(255,255,255,.05),transparent 70%),var(--black-2);overflow:hidden}@media (min-width: 1024px){.footer{padding-bottom:32px}}.footer__rule{position:absolute;top:0;inset-inline:0;height:1px;background:linear-gradient(to left,transparent,var(--line) 20%,var(--line) 80%,transparent)}.footer__rule:after{content:"";position:absolute;top:-3px;left:50%;width:44px;height:7px;transform:translate(-50%);background:var(--white);clip-path:polygon(18% 0,100% 0,82% 100%,0 100%)}.footer__closing{padding-bottom:clamp(56px,7vw,96px);border-bottom:1px solid var(--line)}.footer__kicker{margin-bottom:10px;color:var(--grey-dim);font-size:.9rem;font-weight:700;letter-spacing:.3em;text-align:right}.footer__statement{font-size:clamp(2.5rem,1.1rem + 6vw,6.75rem);font-weight:900;line-height:1.15}.footer__grid{display:grid;gap:44px;padding-block:clamp(48px,6vw,80px)}@media (min-width: 720px){.footer__grid{grid-template-columns:1.3fr 1fr 1.2fr;gap:40px}}.footer__brand img{width:clamp(110px,14vw,150px);height:auto}.footer__brand p{margin-top:20px;max-width:34ch;color:var(--grey)}.footer__h{margin-bottom:18px;color:var(--grey-dim);font-size:.82rem;font-weight:700}.footer__col ul{display:grid;gap:6px}.footer__col ul a{display:inline-block;padding-block:4px;color:var(--grey);font-weight:600;transition:color .25s var(--ease)}.footer__col ul a:hover{color:var(--white)}.footer__phone{display:inline-block;font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);font-weight:800;line-height:1.3;font-variant-numeric:tabular-nums;transition:opacity .25s var(--ease)}.footer__phone:hover{opacity:.8}.footer__intl{margin-top:2px;color:var(--grey-dim);font-size:.9rem;text-align:right}.footer__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.footer__social{display:flex!important;flex-wrap:wrap;gap:10px!important;margin-top:20px}.footer__social a{display:grid!important;place-items:center;width:42px;height:42px;padding:0!important;border:1px solid var(--line);border-radius:50%}.footer__social a:hover{border-color:var(--white)}.footer__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:24px;border-top:1px solid var(--line);color:var(--grey-dim);font-size:.85rem}.footer__made{letter-spacing:.2em}