:root{color-scheme:light;--bg: #fcf6f0;--panel: rgba(255, 249, 244, .92);--panel-soft: rgba(255, 255, 255, .72);--border: rgba(100, 72, 60, .12);--text: #261918;--muted: rgba(38, 25, 24, .68);--accent: #d86f4a;--accent-2: #f2c6b4;--accent-3: #7056f5;--shadow: 0 24px 70px rgba(118, 70, 46, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% 18%,rgba(242,198,180,.52),transparent 24%),radial-gradient(circle at 88% 10%,rgba(216,111,74,.18),transparent 22%),radial-gradient(circle at 75% 68%,rgba(112,86,245,.12),transparent 20%),linear-gradient(180deg,#fffaf6,#f9f0e8 52%,#fff7f2);font-family:Tajawal,Noto Sans Arabic,Fraunces,Georgia,serif}a{color:inherit;text-decoration:none}button{font:inherit}#app{min-height:100vh}.page-shell{width:min(1160px,calc(100vw - 32px));margin:0 auto;padding:24px 0 42px}.topbar,.hero,.section-block,.footer-note{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow)}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 20px;border-radius:24px;position:sticky;top:12px;z-index:20;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand{font-weight:900;letter-spacing:.03em;font-size:1.12rem}.nav-links,.topbar-actions,.cta-row,.proof-grid,.bullet-grid,.audience-toggle{display:flex;gap:10px;flex-wrap:wrap}.nav-links{justify-content:center}.nav-pill,.mini-link,.btn{border-radius:999px}.nav-pill,.lang-select{border:1px solid var(--border);background:#ffffff8f;color:var(--muted);padding:10px 14px}.lang-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:132px;color:var(--text);background:transparent;border:0;outline:none;padding-inline-end:18px}.lang-select-wrap{position:relative;display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--border);background:#ffffff8f;padding-inline:2px}.lang-select-wrap:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted);font-size:.85rem}.nav-pill.active{background:linear-gradient(135deg,var(--accent),#f3a27f);color:#fff8f4;border-color:transparent}.mini-link{display:inline-flex;align-items:center;padding:10px 14px;background:#ffffff8f;border:1px solid var(--border)}.main-stack{display:grid;gap:18px;margin-top:18px}.hero,.section-block{border-radius:34px;padding:30px}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:20px;align-items:center}.developer-hero{align-items:start}.eyebrow{margin:0 0 10px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3rem,5.2vw,5.6rem);line-height:.94;letter-spacing:-.06em;margin-bottom:14px;max-width:10ch}.lede,.section-head p,.faq-card p,.step-card p,.package-card p,.soft-banner span,.footer-note,.empty-inline{color:var(--muted)}.hero-micro{max-width:54ch;font-size:.98rem;line-height:1.7}.btn{border:0;padding:12px 16px;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--accent),#f3a27f);color:#fff8f4;font-weight:800;box-shadow:0 12px 30px #d86f4a38}.btn.secondary{background:#ffffff8f;border:1px solid var(--border)}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.hero-panel,.code-card,.package-card,.step-card,.faq-card,.bullet-grid article,.soft-banner,.agent-snippet{border-radius:22px;background:var(--panel-soft);border:1px solid var(--border)}.audience-toggle{margin-bottom:8px}.audience-toggle-prominent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.audience-pill{border:1px solid var(--border);background:#ffffff0a;color:var(--muted);padding:14px 16px;border-radius:22px;cursor:pointer;font:inherit;font-weight:700;text-align:start}.audience-pill span,.audience-pill small{display:block}.audience-pill span{color:var(--text);font-size:1rem}.audience-pill small{margin-top:4px;color:var(--muted);font-size:.82rem;font-weight:500}.audience-pill.active{background:linear-gradient(135deg,var(--accent),#bff9ec);color:#091119;border-color:transparent}.audience-pill.active span,.audience-pill.active small{color:#091119}.agent-only-view{display:grid;gap:18px}.hero-agent-only{grid-template-columns:1fr;background:transparent;border:0;box-shadow:none;padding:0}.agent-panel{width:min(920px,100%);margin:0 auto;padding:28px;border-radius:26px;border:2px solid rgba(92,226,198,.9);background:#05080cf5;box-shadow:0 28px 80px #0000006b}.agent-panel-head{display:grid;justify-items:center;gap:8px;text-align:center;margin-bottom:22px}.agent-panel-head h1{max-width:none;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em;margin-bottom:4px}.agent-panel .mini-link{background:#ffffff08}.agent-snippet-terminal{border-radius:16px;background:#16181d;border-color:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff05}.hero-panel{padding:26px}.agent-mini-card{margin-top:18px;padding:18px;border-radius:22px;border:1px solid rgba(216,111,74,.18);background:#ffffff80}.agent-mini-card p{margin:6px 0 0;color:var(--muted)}.agent-mini-copy{margin-bottom:14px}.agent-snippet-actions{display:inline-flex;align-items:center;gap:10px}.proof-grid span,.bullet-grid article{padding:14px;font-weight:700}.proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-canvas{display:grid;gap:16px}.hero-story-card{padding:16px;border-radius:28px;border:1px solid var(--border);background:#ffffffad;box-shadow:inset 0 1px #fff9}.result-card{transform:translate(10%)}.story-badge,.compare-label,.style-card span{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 12px;background:#26191812;color:var(--text);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.portrait-shell{position:relative;overflow:hidden;min-height:280px;margin-top:14px;border-radius:28px;background:linear-gradient(180deg,#ffffff8c,#ffffff26)}.portrait-source{background:linear-gradient(180deg,#586f891a,#586f890a),linear-gradient(180deg,#efebe8,#ddd5cf)}.portrait-result{background:radial-gradient(circle at 30% 22%,rgba(255,216,186,.9),transparent 22%),linear-gradient(180deg,#d67c5042,#634da829),linear-gradient(180deg,#d6cbc6,#b49b96)}.portrait-orb{position:absolute;width:180px;height:180px;border-radius:50%;top:18px;right:20px;background:radial-gradient(circle,#ffffffe6,#fff0);filter:blur(2px)}.portrait-figure{position:absolute;inset:auto 50% 0 auto;width:220px;height:260px;transform:translate(12%);border-radius:120px 120px 24px 24px;background:radial-gradient(circle at 50% 18%,#f6ddd0 0 16%,transparent 17%),radial-gradient(circle at 50% 15%,#2d1d1a 0 13%,transparent 14%),linear-gradient(180deg,transparent 0 24%,#231919 25% 59%,#191d27 60% 100%);box-shadow:0 18px 50px #140d0c38}.portrait-result .portrait-figure{background:radial-gradient(circle at 50% 18%,#f4d8c8 0 16%,transparent 17%),radial-gradient(circle at 50% 14%,#191219 0 13%,transparent 14%),linear-gradient(180deg,transparent 0 24%,#191219 25% 53%,#3d2130 54% 100%)}.portrait-glow{position:absolute;inset:auto auto 24px 22px;width:120px;height:120px;border-radius:28px;background:linear-gradient(135deg,#ffffffa8,#ffffff1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.portrait-caption{position:absolute;left:18px;bottom:16px;max-width:11ch;font-size:1.05rem;font-weight:800;line-height:1.12}.compare-stage{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:center}.compare-card{position:relative;min-height:220px;padding:22px;border-radius:28px;overflow:hidden}.compare-before{background:linear-gradient(135deg,#ffffffc2,#dddce185)}.compare-after{background:linear-gradient(135deg,#ffe4d6e0,#eec4e96b)}.compare-card:after{content:"";position:absolute;inset:auto -30px -30px auto;width:160px;height:160px;border-radius:50%;background:#ffffff73}.compare-card h3,.style-card h3{margin-top:18px;margin-bottom:10px}.compare-divider{position:relative;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#f3a27f);color:#fff8f4;font-weight:900;letter-spacing:.04em;box-shadow:0 18px 36px #d86f4a42;animation:pulse-ring 2.8s ease-in-out infinite}.style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.styles-more-banner{margin-top:16px;padding:18px;border-radius:22px;border:1px solid var(--border);background:#ffffff94;display:flex;align-items:center;justify-content:space-between;gap:16px}.styles-more-banner p{margin:0;color:var(--muted)}.style-card{position:relative;min-height:220px;padding:18px;border-radius:26px;border:1px solid var(--border);overflow:hidden;box-shadow:inset 0 1px #ffffff73}.style-card:after{content:"";position:absolute;inset:auto -10px -22px auto;width:120px;height:160px;border-radius:80px 80px 24px 24px;background:#ffffff61;transform:rotate(-12deg)}.style-card-a{background:linear-gradient(180deg,#ffe4bfd1,#f1bc94b3)}.style-card-b{background:linear-gradient(180deg,#3a3658e6,#171428eb);color:#f7f2ff}.style-card-c{background:linear-gradient(180deg,#f7f1e9eb,#e3d6ccd9)}.style-card-d{background:linear-gradient(180deg,#edd8c4eb,#cda585d1)}.style-card-b p,.style-card-b span{color:#f7f2ffdb}.section-head{max-width:760px;margin-bottom:18px}.step-grid,.package-grid,.faq-grid{display:grid;gap:14px}.step-grid,.package-grid,.faq-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.step-card,.package-card,.faq-card{padding:18px}.step-card strong{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:999px;background:#5ce2c61f;color:var(--accent);margin-bottom:14px}.package-code{display:inline-block;margin-bottom:10px;color:var(--accent);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.package-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:18px}.bullet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.code-card{padding:18px;overflow:auto}.code-card pre{margin:0;white-space:pre-wrap;word-break:break-word;color:#ccf5eb;font-family:SFMono-Regular,Consolas,monospace;font-size:.92rem}.soft-banner{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px;margin-top:16px;background:#ffffff94}.agent-snippet{padding:0;overflow:auto;background:linear-gradient(180deg,#ffffff9e,#fff6),#fff8f3fa;border-color:#d86f4a2e}.agent-snippet-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border);background:#ffffff08}.agent-snippet-label{font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.copy-icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid rgba(216,111,74,.24);background:#d86f4a14;color:var(--text);cursor:pointer;font-size:1.1rem;transition:background .12s ease,border-color .12s ease,transform .12s ease}.copy-icon-button:hover{background:#d86f4a29;border-color:#d86f4a80}.copy-icon-button:active{transform:scale(.98)}.agent-snippet pre{margin:0;padding:18px 16px 20px;white-space:pre-wrap;word-break:break-word;color:#4c2d25;font-family:SFMono-Regular,Consolas,monospace;font-size:.92rem;line-height:1.55}.agent-steps{margin:24px 0 0;padding-inline-start:28px;color:var(--muted);font-size:1rem;line-height:1.7}.agent-steps li::marker{color:var(--accent);font-weight:900}.soft-banner a{color:var(--accent);font-weight:800}@keyframes pulse-ring{0%,to{transform:scale(1);box-shadow:0 18px 36px #d86f4a42}50%{transform:scale(1.05);box-shadow:0 24px 42px #d86f4a5c}}.footer-note{margin-top:18px;border-radius:22px;padding:16px 18px;text-align:center}@media (max-width: 920px){.topbar,.hero{grid-template-columns:1fr}.nav-links{justify-content:start}.proof-grid,.step-grid,.package-grid,.faq-grid,.bullet-grid,.style-grid,.compare-stage{grid-template-columns:1fr}.compare-stage{gap:12px}.compare-divider{width:64px;height:64px;margin:0 auto}.result-card{transform:none}.soft-banner,.styles-more-banner{flex-direction:column;align-items:start}.agent-snippet-head{align-items:flex-start;flex-direction:column}.agent-snippet-actions{width:100%;justify-content:space-between}}.ba-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ba-frame{position:relative;margin:0;border-radius:22px;overflow:hidden;background:var(--panel-soft);border:1px solid var(--border);box-shadow:var(--shadow)}.ba-frame img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover}.ba-frame figcaption{position:absolute;inset-block-start:12px;inset-inline-start:12px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em;color:#fff;background:#2619188c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ba-frame.ba-after figcaption{background:var(--accent)}.ba-stage{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:18px}.ba-stage .compare-card{display:flex;flex-direction:column;gap:12px}.ba-stage .compare-divider{align-self:center;font-size:28px;color:var(--accent);font-weight:700}[dir=rtl] .ba-stage .compare-divider span{display:inline-block;transform:scaleX(-1)}.ba-gallery{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 760px){.ba-stage{grid-template-columns:1fr}.ba-stage .compare-divider{transform:rotate(90deg);justify-self:center}.ba-gallery{grid-template-columns:repeat(2,1fr)}}.app-shell{max-width:560px;margin:0 auto;padding:18px 16px 60px}.app-brand{display:inline-block;font-weight:800;font-size:22px;color:var(--accent);text-decoration:none;margin:6px 4px 16px}.app-card{background:var(--panel);border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow);padding:22px}.app-card.wide{padding:22px 20px}.app-h1{font-size:24px;margin:0 0 6px}.app-h2{font-size:18px;margin:10px 0}.app-sub{color:var(--muted);margin:0 0 14px}.app-note{color:var(--muted);margin-top:12px;min-height:20px}.app-error{color:#c0392b;margin:8px 0;font-weight:600}.app-row{display:flex;gap:10px;flex-wrap:wrap}.app-input{flex:1;min-width:200px;padding:13px 16px;border-radius:999px;border:1px solid var(--border);background:#fff;font-size:16px;color:var(--text)}.app-btn{border:none;cursor:pointer;font-weight:700;font-size:16px;padding:13px 22px;border-radius:999px}.app-btn.primary{background:var(--accent);color:#fff}.app-btn.primary:hover{filter:brightness(1.05)}.app-btn.block{width:100%;margin-top:18px}.link-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px}.app-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.credit-chip{font-size:14px;color:var(--muted)}.step-title{font-size:15px;margin:18px 0 10px}.upload-zone{display:flex;align-items:center;justify-content:center;min-height:150px;border:2px dashed var(--accent-2);border-radius:20px;background:var(--panel-soft);color:var(--accent);font-weight:700;cursor:pointer;overflow:hidden}.upload-preview{width:100%;max-height:320px;object-fit:cover;border-radius:18px}.scene-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.scene-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:86px;padding:13px 14px;text-align:start;border:2px solid var(--border);border-radius:16px;cursor:pointer;background:#fff;color:var(--text)}.scene-card strong{font-size:14px;font-weight:800}.scene-card small{font-size:12px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.scene-card.active{border-color:var(--accent);background:#fff6f1}.count-row{display:flex;gap:10px}.count-pill{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 6px 12px;border-radius:14px;border:1px solid var(--border);background:#fff;cursor:pointer;color:var(--text)}.count-pill strong{font-weight:800;font-size:15px}.count-pill em{font-style:normal;font-size:12px;color:var(--muted)}.count-pill .pill-tag{position:absolute;top:-9px;inset-inline-end:8px;font-style:normal;font-weight:700;font-size:10px;line-height:1;padding:4px 8px;border-radius:999px;background:var(--accent-3);color:#fff;white-space:nowrap}.count-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.count-pill.active em{color:#ffffffd9}.app-header{display:flex;justify-content:space-between;align-items:center;margin:6px 4px 16px}.app-header .app-brand{margin:0}.lang-switch{display:flex;gap:4px;background:var(--panel-soft);border:1px solid var(--border);border-radius:999px;padding:3px}.lang-switch button{border:none;background:none;cursor:pointer;font-size:13px;font-weight:700;color:var(--muted);padding:5px 12px;border-radius:999px}.lang-switch button.active{background:var(--accent);color:#fff}.result-cell{display:flex;flex-direction:column;gap:6px}.vote-bar{display:flex;justify-content:center;gap:8px;min-height:34px;align-items:center}.vote-bar.voted{color:var(--muted);font-size:13px;font-weight:700}.vote-btn{border:1px solid var(--border);background:#fff;cursor:pointer;font-size:15px;padding:5px 14px;border-radius:999px}.vote-btn:hover{border-color:var(--accent)}.vote-reason{display:flex;gap:6px;align-items:center}.vote-reason .app-input{min-width:0;flex:1;padding:8px 12px;font-size:13px}.feedback-text{border-radius:16px;resize:vertical;font-family:inherit}.app-header-right{display:flex;align-items:center;gap:12px}.login-hero{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 220px)}.login-card{width:100%;max-width:420px;text-align:center;padding:34px 26px 26px}.login-mark{font-size:34px;margin-bottom:8px}.login-title{font-size:26px;margin:0 0 8px}.login-sub{margin:0 0 22px}.login-form{display:flex;flex-direction:column;gap:10px}.login-form .app-btn.block{margin-top:0}.login-hint{font-size:13px;color:var(--muted);margin:12px 0 0}.progress-wrap{text-align:center;padding:40px 0}.spinner{width:44px;height:44px;margin:0 auto 8px;border-radius:50%;border:4px solid var(--accent-2);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:8px}.result-item{display:block;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.result-item img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}@media (max-width: 420px){.scene-grid{grid-template-columns:repeat(2,1fr)}}.pkg-grid{display:grid;gap:12px;margin-top:8px}.pkg-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 18px;border-radius:18px;border:1px solid var(--border);background:#fff;cursor:pointer;text-align:start}.pkg-card:hover{border-color:var(--accent)}.pkg-card strong{font-size:16px}.pkg-card span{color:var(--muted);font-size:14px}.pkg-card em{font-style:normal;font-weight:800;color:var(--accent)}.footer-note .footer-links{display:inline-block;margin-top:8px;font-size:13px}.footer-note .footer-links a{color:inherit}