.products-page,.product-page{background:var(--paper);min-height:100vh;color:var(--ink)}.products-page main,.product-page main{max-width:1240px;margin:0 auto;padding:0 5.2% 90px}.products-page[lang=ar],.product-page[lang=ar]{--font:"Cairo Variable", var(--font-satoshi), sans-serif;--display:var(--font);font-family:var(--font);line-height:1.8}.products-page[lang=ar] :is(h1,h2,h3,p,span,small,a,button,summary),.product-page[lang=ar] :is(h1,h2,h3,p,span,small,a,button,summary){letter-spacing:0}.products-page[lang=ar] :is(h1,h2),.product-page[lang=ar] :is(h1,h2){line-height:1.35}.accent-violet{--accent:#6542bb;--accent-soft:#efe9fb;--accent-ink:#3d2777;--accent-glow:#a58cf0}.accent-blue{--accent:#3559dc;--accent-soft:#e6ebfb;--accent-ink:#223a8c;--accent-glow:#86a0ff}.accent-green{--accent:#3f7a4d;--accent-soft:#e4f0e4;--accent-ink:#29513a;--accent-glow:#8ed19b}.accent-peach{--accent:#c5673a;--accent-soft:#fbe9de;--accent-ink:#7f3f1f;--accent-glow:#ffb08a}.accent-amber{--accent:#b17a12;--accent-soft:#fbf0d6;--accent-ink:#6f4a08;--accent-glow:#ffd27a}.accent-rose{--accent:#c2405f;--accent-soft:#fbe4ea;--accent-ink:#7f2440;--accent-glow:#ff9bb4}html[data-theme=dark] .accent-violet{--accent:#b5a0ff;--accent-soft:#2a2340;--accent-ink:#e6dcff}html[data-theme=dark] .accent-blue{--accent:#96acff;--accent-soft:#1f2540;--accent-ink:#dfe6ff}html[data-theme=dark] .accent-green{--accent:#8fd49c;--accent-soft:#1e2f24;--accent-ink:#dcf5e1}html[data-theme=dark] .accent-peach{--accent:#ffb48f;--accent-soft:#3a2820;--accent-ink:#ffe4d5}html[data-theme=dark] .accent-amber{--accent:#ffd27a;--accent-soft:#3a3020;--accent-ink:#fff0cc}html[data-theme=dark] .accent-rose{--accent:#ff9fb8;--accent-soft:#3a2029;--accent-ink:#ffe0e8}.products-hero{max-width:820px;padding:clamp(56px,9vw,120px) 0 clamp(36px,5vw,64px)}.products-hero h1,.products-custom h2,.products-empty h2{font-family:var(--display);letter-spacing:-.03em;margin:18px 0 22px;font-weight:600;line-height:1.05}.products-hero h1{font-size:clamp(40px,6.4vw,78px)}.products-hero h1 em,.product-hero h1 em{background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.products-hero p{color:var(--muted);max-width:640px;font-size:clamp(16px,1.6vw,19px);line-height:1.7}.products-featured{margin-bottom:24px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;display:grid}.product-card{border:1px solid var(--line);background:var(--surface);isolation:isolate;min-height:340px;transition:transform .26s var(--ease-out), border-color .26s, box-shadow .26s;border-radius:22px;flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:before{content:"";background:radial-gradient(closest-side, var(--accent-glow), transparent 70%);opacity:0;z-index:-1;filter:blur(30px);height:70%;transition:opacity .4s;position:absolute;inset:-40% -20% auto}.product-card:hover{border-color:var(--accent);box-shadow:0 24px 60px -30px var(--accent-glow);transform:translateY(-5px)}.product-card:hover:before{opacity:.35}.product-card-body{flex-direction:column;flex:1;gap:10px;padding:26px;display:flex}.product-card-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.product-logo{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border-radius:14px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.product-logo img{object-fit:contain;width:100%;height:100%;padding:8px}.product-logo.large{border-radius:18px;width:68px;height:68px}.product-kind{border:1px solid var(--line);letter-spacing:.04em;color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.product-card .eyebrow{color:var(--accent)}.product-card h2{font-family:var(--display);letter-spacing:-.03em;font-size:28px;font-weight:600;line-height:1.15}.product-card p{color:var(--muted);font-size:15px;line-height:1.6}.product-card-foot{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;padding-top:26px;display:flex}.product-from{font-family:var(--display);letter-spacing:-.02em;font-size:18px;font-weight:600}.product-from small{font-family:var(--font);color:var(--muted);font-size:12px;font-weight:500}.product-card-cta{color:var(--accent);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.product-card.featured{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);min-height:420px;display:grid}.product-card.featured .product-card-body{padding:40px}.product-card.featured h2{font-size:clamp(32px,4vw,46px)}.product-card-art{background:var(--accent-soft);position:relative;overflow:hidden}.product-card-art img{object-fit:cover;object-position:top left;width:calc(100% - 40px);height:calc(100% - 40px);transition:transform .5s var(--ease-out);border-radius:14px 0 0;position:absolute;inset:40px 0 0 40px;box-shadow:0 20px 60px -20px #0005}[dir=rtl] .product-card-art img{object-position:top right;border-radius:0 14px 0 0;inset:40px 40px 0 0}.product-card.featured:hover .product-card-art img{transform:translateY(-8px)}.products-empty,.products-custom{background:var(--surface);border:1px solid var(--line);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;margin-top:64px;padding:clamp(28px,5vw,56px);display:flex}.products-custom h2{margin:12px 0 10px;font-size:clamp(26px,3.4vw,38px)}.products-custom p,.products-empty p{color:var(--muted);max-width:520px;line-height:1.6}.products-empty{flex-direction:column;align-items:flex-start;margin-top:0}.product-crumbs{color:var(--muted);align-items:center;gap:10px;padding:22px 0 0;font-size:13px;display:flex}.product-crumbs a:hover{color:var(--blue)}.product-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);padding:clamp(36px,6vw,80px) 0 clamp(48px,7vw,100px);display:grid}.product-hero-meta{align-items:center;gap:14px;margin-bottom:26px;display:flex}.product-hero-meta .eyebrow{color:var(--accent)}.product-identity{align-items:center;gap:18px;margin-bottom:18px;display:flex}.product-hero h1{font-family:var(--display);letter-spacing:-.035em;font-size:clamp(36px,5.5vw,66px);font-weight:650;line-height:1}.product-tagline{font-family:var(--display);letter-spacing:-.02em;margin-bottom:18px;font-size:clamp(20px,2.4vw,28px);font-weight:500;line-height:1.3}.product-lead{color:var(--muted);max-width:560px;font-size:17px;line-height:1.7}.product-actions{align-items:center;margin-top:30px}.product-highlights{flex-wrap:wrap;gap:28px;margin:38px 0 0;padding:0;list-style:none;display:flex}.product-highlights li{flex-direction:column;gap:4px;display:flex}.product-highlights strong{font-family:var(--display);letter-spacing:-.03em;color:var(--accent);font-size:28px;font-weight:650}.product-highlights span{color:var(--muted);font-size:13px}.product-hero-art{position:relative}.product-hero-art:before{content:"";background:radial-gradient(closest-side, var(--accent-glow), transparent 72%);opacity:.45;filter:blur(40px);z-index:0;position:absolute;inset:10% -10% -10%}.product-frame{z-index:1;border:1px solid var(--line);background:var(--surface);aspect-ratio:4/3;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 40px 100px -40px #00000080}.product-frame img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.product-frame-empty{background:var(--accent-soft);height:100%;color:var(--accent);place-items:center;display:grid}.product-frame-empty img{object-fit:contain;width:40%;height:40%}.product-section{border-top:1px solid var(--line);padding:clamp(36px,5vw,72px) 0}.product-section-head{max-width:640px;margin-bottom:36px}.product-section-head h2,.product-final h2{font-family:var(--display);letter-spacing:-.03em;margin-top:12px;font-size:clamp(28px,3.6vw,42px);font-weight:600;line-height:1.1}.product-about{grid-template-columns:200px minmax(0,1fr);gap:32px;display:grid}.product-prose{max-width:720px}.product-prose p{color:var(--muted);margin-bottom:18px;font-size:17px;line-height:1.8}.product-shots{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.product-shots li{flex-direction:column;gap:10px;display:flex}.product-shots button{border:1px solid var(--line);background:var(--surface);aspect-ratio:16/10;transition:transform .24s var(--ease-out), border-color .24s;border-radius:16px;padding:0;overflow:hidden}.product-shots button:hover{border-color:var(--accent);transform:translateY(-4px)}.product-shots img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.product-shots span{color:var(--muted);font-size:13px}.product-lightbox{background:0 0;border:0;width:auto;max-width:min(1200px,94vw);max-height:92dvh;padding:0}.product-lightbox::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0a10e6}.product-lightbox figure{flex-direction:column;align-items:center;gap:14px;margin:0;display:flex}.product-lightbox img{border-radius:14px;max-width:94vw;max-height:80dvh;box-shadow:0 40px 100px #0009}.product-lightbox figcaption{color:#d9d5e6;gap:24px;font-size:13px;display:flex}.product-lightbox button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #fff3;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:fixed}.product-lightbox button:hover{background:#ffffff2a}.lightbox-close{top:20px;right:20px}.lightbox-prev{top:50%;left:20px;transform:translateY(-50%)}.lightbox-next{top:50%;right:20px;transform:translateY(-50%)}.product-features{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.product-features li{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:26px;transition:border-color .2s}.product-features li:hover{border-color:var(--accent)}.product-feature-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:18px;display:grid}.product-features h3{letter-spacing:-.01em;margin-bottom:8px;font-size:17px;font-weight:600}.product-features p{color:var(--muted);font-size:14px;line-height:1.65}.product-plans{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch;gap:18px;margin:0;padding:0;list-style:none;display:grid}.product-plans>li{border:1px solid var(--line);background:var(--surface);border-radius:20px;flex-direction:column;gap:14px;padding:30px 26px;display:flex;position:relative}.product-plans>li.highlighted{border-color:var(--accent);box-shadow:0 30px 70px -40px var(--accent-glow)}.plan-badge{top:-12px;background:var(--accent);color:#fff;letter-spacing:.06em;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:650;position:absolute;inset-inline-start:24px}html[data-theme=dark] .plan-badge{color:#15121d}.product-plans h3{font-size:18px;font-weight:600}.plan-price{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.plan-price strong{font-family:var(--display);letter-spacing:-.03em;font-size:36px;font-weight:650}.plan-price span,.plan-description{color:var(--muted);font-size:14px}.plan-bullets{flex-direction:column;gap:9px;margin:6px 0 10px;padding:0;font-size:14px;list-style:none;display:flex}.plan-bullets li{align-items:flex-start;gap:9px;display:flex}.plan-bullets svg{color:var(--accent);flex-shrink:0;margin-top:3px}.product-plans .button{justify-content:center;margin-top:auto}.product-pricing-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:32px;display:flex}.product-pricing-card p{max-width:560px;color:var(--muted);line-height:1.7}.product-pricing-note{color:var(--muted);margin-top:18px;font-size:13px}.product-faq-list{max-width:760px}.product-faq-list details{border-top:1px solid var(--line);padding:4px 0}.product-faq-list details:last-child{border-bottom:1px solid var(--line)}.product-faq-list summary{cursor:pointer;justify-content:space-between;gap:16px;padding:18px 0;font-size:17px;font-weight:550;list-style:none;display:flex}.product-faq-list summary::-webkit-details-marker{display:none}.product-faq-list summary:after{content:"+";color:var(--accent);font-size:22px;font-weight:400;line-height:1}.product-faq-list details[open] summary:after{content:"–"}.product-faq-list p{color:var(--muted);max-width:660px;padding:0 0 20px;line-height:1.75}.product-final{background:linear-gradient(135deg, var(--accent-soft), var(--surface) 70%);border:1px solid var(--line);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;margin-top:40px;padding:clamp(32px,5vw,56px);display:flex}.product-final p{color:var(--muted);max-width:520px;margin-top:10px;line-height:1.6}.product-final .button-row{align-items:center}@media (prefers-reduced-motion:no-preference){.product-shots li,.product-features li,.product-plans>li{animation:product-rise .6s var(--ease-out) both}@keyframes product-rise{0%{opacity:0;transform:translateY(14px)}}}@media (max-width:900px){.product-hero,.product-card.featured{grid-template-columns:1fr}.product-card-art{min-height:240px}.product-about{grid-template-columns:1fr;gap:16px}}@media (max-width:600px){.products-page .site-header nav,.product-page .site-header nav{display:none}.product-identity{flex-direction:column;align-items:flex-start}.product-card-body,.product-card.featured .product-card-body{padding:22px}.lightbox-prev,.lightbox-next{top:auto;bottom:20px;transform:none}}
:root{--font:var(--font-satoshi), "Cairo Variable", sans-serif;--display:var(--font)}:root[lang=ar]{--font:"Cairo Variable", var(--font-satoshi), sans-serif}body{line-height:1.6}.guided-editorial .studio-welcome h1{letter-spacing:-.045em;font-weight:500;line-height:1.15}.guided-editorial .guided-main h1,.modal-header h2,.button,.contact-button{font-weight:500}:root[lang=ar] body{line-height:1.8}:root[lang=ar] :is(h1,h2,h3,p,span,small,a,button,label,legend,input,textarea,select){letter-spacing:0}.guided-editorial[dir=rtl] .studio-welcome h1{font-weight:500;line-height:1.5}:root[lang=ar] .modal-header h2,.guided-editorial[dir=rtl] .guided-step-heading h1{line-height:1.5}:root[lang=ar] :is(.studio-service p,.contact-channel-note,.guided-step-heading>p){line-height:1.85}:root[lang=ar] [dir=ltr],:root[lang=ar] [lang=en]{font-family:var(--font-satoshi), "Cairo Variable", sans-serif}
