.pg-feature{--c:var(--tile-2)}.pg-feature .on-c{color:#fff;background:linear-gradient(160deg,var(--c),color-mix(in oklab,var(--c) 50%,#07080b))}.pg-feature .fhero{position:relative;padding:76px 0 0;text-align:center;overflow:hidden}.pg-feature .fhero:before{content:"";position:absolute;inset:0;background:radial-gradient(40% 55% at 50% 0,color-mix(in oklab,var(--c) 45%,transparent),transparent 70%),radial-gradient(30% 40% at 85% 30%,rgba(216,178,116,.12),transparent 70%);pointer-events:none}.pg-feature .fhero .wrap{position:relative}.pg-feature .crumbs{display:inline-flex;align-items:center;gap:10px;padding:7px 16px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid var(--line-2);font-size:14px;color:var(--ink-3)}.pg-feature .crumbs a{color:var(--ink-2)}.pg-feature .crumbs a:hover{color:var(--ink)}.pg-feature .crumbs i{font-style:normal;opacity:.5}.pg-feature .crumbs .dot{width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px color-mix(in oklab,var(--c) 30%,transparent)}.pg-feature .fhero h1{margin:24px auto 0;font-size:76px;line-height:1.16;max-width:13em}.pg-feature .fhero h1 .g{display:block}.pg-feature .fhero .lead{margin:22px auto 0;font-size:20px;max-width:34em}.pg-feature .fhero .acts{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:34px}.pg-feature .fhero .plan{margin-top:18px;font-size:14.5px;color:var(--ink-3)}.pg-feature .fhero .plan b{color:var(--gold);font-weight:500}:where(html[lang=en]) .pg-feature .door .bhead h2,:where(html[lang=en]) .pg-feature .fhero h1,:where(html[lang=en]) .pg-feature .mini b,:where(html[lang=en]) .pg-feature .scene .q,:where(html[lang=en]) .pg-feature .why b{letter-spacing:-.02em}.pg-feature .art{position:relative;width:min(100%,1120px);margin:64px auto 0}.pg-feature .art:before{content:"";position:absolute;inset:-6% 4% auto;height:80%;background:radial-gradient(closest-side,color-mix(in oklab,var(--c) 60%,transparent),transparent);filter:blur(40px);opacity:.55;pointer-events:none}.pg-feature .frame{position:relative;border-radius:28px 28px 0 0;border:1px solid var(--line-2);border-bottom:0;background:#0b0d11;padding:36px 28px 0;min-height:420px;display:grid;align-items:end;box-shadow:0 -30px 120px -40px color-mix(in oklab,var(--c) 70%,transparent);overflow:hidden}.pg-feature .frame .demo{position:relative;width:100%;overflow:hidden}.pg-feature .frame .demo iframe{position:absolute;top:0;left:0;transform-origin:0 0;border:0;background:transparent;color-scheme:dark}.pg-feature .frame video{display:block;width:100%;height:auto;border-radius:14px 14px 0 0}.pg-feature .lightart{position:relative;border-radius:32px 32px 0 0;padding:48px 48px 0;overflow:hidden}.pg-feature .lightart .pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:22px;gap:22px}.pg-feature .lightart img{display:block;width:100%;aspect-ratio:var(--slide);object-fit:cover;border-radius:12px 12px 0 0;box-shadow:0 30px 70px -24px rgba(0,0,0,.6)}.pg-feature .lightart .one img{border-radius:14px 14px 0 0}.pg-feature .kitstage{position:relative;width:min(100%,860px);margin:0 auto;aspect-ratio:var(--slide)}.pg-feature .kitstage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:14px 14px 0 0;box-shadow:0 30px 70px -24px rgba(0,0,0,.6);opacity:0;transition:opacity .7s var(--ease)}.pg-feature .kitstage img.on{opacity:1}.pg-feature .frame.shots{display:grid;grid-gap:18px;gap:18px;align-items:start;justify-items:center;padding-bottom:0}.pg-feature .frame.shots img{display:block;width:min(100%,1040px);height:auto;border-radius:14px;border:1px solid var(--line-2);box-shadow:0 30px 70px -24px rgba(0,0,0,.6)}.pg-feature .frame.shots picture{display:contents}.pg-feature .frame.shots>:last-child,.pg-feature .frame.shots>picture:last-child img{border-radius:14px 14px 0 0;border-bottom:0}.pg-feature .cap{margin-top:18px;text-align:center;font-size:14px;color:var(--ink-3)}.pg-feature .scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:18px;gap:18px;margin-top:96px}.pg-feature .scene>div{border-radius:28px;padding:44px 44px 48px}.pg-feature .scene .q-tile{background:var(--card);border:1px solid var(--line)}.pg-feature .scene small{display:block;font-size:14px;color:var(--ink-3);margin-bottom:16px}.pg-feature .scene .on-c small{color:rgba(255,255,255,.75)}.pg-feature .scene .q{font-family:var(--display);font-size:32px;line-height:1.55;font-weight:500;margin:0;text-wrap:balance}.pg-feature .scene .a{font-size:21px;line-height:1.85;margin:0;text-wrap:pretty}.pg-feature .why{padding:110px 0 0}.pg-feature .why .bhead{text-align:center;margin-bottom:44px}.pg-feature .why ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px;counter-reset:w}.pg-feature .why li{counter-increment:w;padding:32px 30px 34px;border-radius:26px;background:var(--card);border:1px solid var(--line)}.pg-feature .why li:before{content:counter(w);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--c);color:#fff;font-family:var(--font-inter),sans-serif;font-size:16px;font-weight:600;margin-bottom:22px}.pg-feature .why b{display:block;font-family:var(--display);font-size:23px;font-weight:600}.pg-feature .why p{margin:10px 0 0;color:var(--ink-2);font-size:16.5px;line-height:1.8;text-wrap:pretty}.pg-feature .planband{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;padding:30px 36px;border-radius:26px}.pg-feature .planband span{font-size:18px}.pg-feature .planband b{font-weight:700}.pg-feature .planband .btn{background:#fff;color:#17120a;border-color:#fff;flex:none}.pg-feature .door{padding:110px 0 0}.pg-feature .door .bhead{text-align:center;margin-bottom:40px}.pg-feature .door .bhead small{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-3)}.pg-feature .door .bhead small i{width:8px;height:8px;border-radius:50%;background:var(--c)}.pg-feature .door .bhead h2{margin-top:10px;font-size:44px}.pg-feature .mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.pg-feature .mini a{display:flex;flex-direction:column;min-height:200px;padding:28px 28px 26px;border-radius:24px;transition:transform .4s var(--ease)}.pg-feature .mini a:hover{transform:translateY(-4px)}.pg-feature .mini b{font-family:var(--display);font-size:22px;font-weight:700}.pg-feature .mini span{margin-top:8px;font-size:15px;line-height:1.7;opacity:.88;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pg-feature .mini i{margin-top:auto;padding-top:14px;font-style:normal;font-size:15px;font-weight:600}.pg-feature .steps{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:18px;gap:18px;margin-top:18px}.pg-feature .steps a{display:grid;grid-gap:6px;gap:6px;padding:24px 28px;border-radius:22px;background:var(--card);border:1px solid var(--line);transition:border-color .2s}.pg-feature .steps a:hover{border-color:rgba(216,178,116,.45)}.pg-feature .steps small{color:var(--ink-3);font-size:13.5px}.pg-feature .steps b{font-family:var(--display);font-size:19px;font-weight:600}:where(html[lang=en]) .pg-feature .steps .next{text-align:end;grid-column:2}:where(html[lang=ar]) .pg-feature .steps .next{text-align:left;grid-column:2}.pg-feature .band{position:relative;margin:110px auto 120px;padding:80px 40px;border-radius:36px;text-align:center;overflow:hidden;color:#fff;background:linear-gradient(120deg,var(--tile-2),var(--tile-1) 50%,var(--tile-6))}.pg-feature .band h2{font-size:56px}.pg-feature .band p{margin:14px auto 0;font-size:19px;opacity:.9;max-width:30em}.pg-feature .band .btns{display:flex;gap:12px;justify-content:center;margin-top:30px}.pg-feature .band .btn-gold{background:#fff;color:#17120a;box-shadow:none}.pg-feature .band .btn-ghost{color:#fff;border-color:rgba(255,255,255,.45);background:transparent}@media (max-width:1080px){.pg-feature .fhero h1{font-size:58px}.pg-feature .frame{min-height:340px}.pg-feature .scene,.pg-feature .why ol{grid-template-columns:minmax(0,1fr)}.pg-feature .mini{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.pg-feature .fhero{padding-top:40px}.pg-feature .fhero h1{font-size:40px;margin-top:18px}.pg-feature .fhero .lead{font-size:17px}.pg-feature .fhero .acts{flex-direction:column;align-items:stretch}.pg-feature .crumbs{font-size:13px;padding:6px 12px;gap:7px}.pg-feature .art{margin-top:40px}.pg-feature .frame{padding:18px 12px 0;min-height:240px;border-radius:20px 20px 0 0}.pg-feature .lightart{padding:22px 16px 0;border-radius:24px 24px 0 0}.pg-feature .lightart .pages{grid-template-columns:minmax(0,1fr);gap:12px}.pg-feature .lightart .pages img+img{display:none}.pg-feature .scene{margin-top:56px}.pg-feature .scene>div{padding:30px 24px 32px;border-radius:24px}.pg-feature .scene .q{font-size:24px}.pg-feature .scene .a{font-size:17.5px}.pg-feature .door,.pg-feature .why{padding-top:72px}.pg-feature .why li{padding:26px 22px}.pg-feature .planband{flex-direction:column;align-items:stretch;padding:24px 22px}.pg-feature .planband .btn{justify-content:center}.pg-feature .door .bhead h2{font-size:30px}.pg-feature .mini{grid-template-columns:minmax(0,1fr)}.pg-feature .mini a{min-height:0}.pg-feature .steps{grid-template-columns:minmax(0,1fr)}.pg-feature .steps .next{grid-column:auto}.pg-feature .band{padding:52px 22px;border-radius:26px;margin:72px auto}.pg-feature .band h2{font-size:34px}.pg-feature .band .btns{flex-direction:column}}