:root{--orange: #FF6A1A;--orange-deep: #E8410A;--red: #D9261C;--ink: #0E0E10;--ink-2: #1c1c1f;--muted: #6b6b73;--line: #ececee;--bg: #ffffff;--bg-soft: #faf7f4;--blue: #1c5fd8;--blue-soft: #eaf1ff;--grad: linear-gradient(135deg, #FF8A2A 0%, #FF5A1F 45%, #E8230A 100%);--shadow-sm: 0 1px 2px rgba(15,15,20,.04), 0 4px 14px rgba(15,15,20,.05);--shadow-md: 0 4px 12px rgba(15,15,20,.06), 0 18px 40px rgba(232,65,10,.08);--r-sm: 12px;--r-md: 18px;--r-lg: 26px;--r-pill: 999px;--maxw: 1200px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Tajawal,Cairo,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);direction:rtl;text-align:right;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:50;background:#ffffffdb;backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.5px;font-size:22px}.logo-img{height:40px;width:auto;display:block}.footer .logo-img{height:38px}.nav-links{display:flex;gap:28px;align-items:center;font-size:16px;color:#2a2a30}.nav-links a{position:relative;padding:6px 0;transition:color .2s ease}.nav-links a:hover,.nav-links a.active{color:var(--orange-deep)}.nav-links a.active:after{content:"";position:absolute;bottom:-2px;right:0;left:0;height:2px;background:var(--grad);border-radius:2px}.nav-cta{background:var(--ink);color:#fff;border:0;padding:10px 18px;border-radius:var(--r-pill);font-weight:700;font-size:14px;transition:transform .15s ease,background .2s ease}.nav-cta:hover{background:var(--orange-deep);transform:translateY(-1px)}.nav-toggle{display:none;background:none;border:0;padding:8px}.lang-switch{display:inline-flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line)}.lang-btn{background:transparent;border:0;padding:6px 12px;border-radius:999px;font-family:Inter,sans-serif;font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.5px;cursor:pointer;transition:all .15s ease}.lang-btn:hover{color:var(--ink)}.lang-btn.active{background:var(--ink);color:#fff}html[dir=ltr] body{direction:ltr;text-align:left}html[dir=ltr] .hero-card.c1{right:auto;left:22px}html[dir=ltr] .hero-card.c2,html[dir=ltr] .step-num{left:auto;right:22px}html[dir=ltr] .meta{text-align:left;direction:ltr}html[dir=ltr] .nav-links.open{right:auto;left:0}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:var(--r-pill);font-weight:700;font-size:16px;border:0;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;cursor:pointer}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 10px 26px #e8410a47}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px #e8410a59}.btn-ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--ink)}.btn-wa{background:#25d366;color:#fff;box-shadow:0 10px 26px #25d36647}.btn-wa:hover{transform:translateY(-2px)}.btn-mail{background:var(--ink);color:#fff}.btn-mail:hover{background:var(--orange-deep);transform:translateY(-2px)}.btn-lg{padding:18px 28px;font-size:17px}.hero{position:relative;padding:72px 0 56px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff4ec;color:var(--orange-deep);border:1px solid #ffd9c0;padding:7px 14px;border-radius:var(--r-pill);font-size:13px;font-weight:700}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--orange-deep);box-shadow:0 0 0 4px #e8410a26}h1.hero-title{font-size:clamp(36px,5.4vw,64px);line-height:1.15;font-weight:900;margin:18px 0;letter-spacing:-.5px;text-wrap:pretty}.hero-title .accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:clamp(16px,1.6vw,19px);color:#3a3a42;max-width:56ch;margin:0 0 28px}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.hero-meta{margin-top:22px;display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.hero-meta svg{color:var(--blue)}.hero-visual{position:relative;aspect-ratio:1 / 1;border-radius:var(--r-lg);background:radial-gradient(120% 80% at 30% 20%,#fff4ec 0%,transparent 60%),radial-gradient(100% 80% at 80% 90%,#ffe2cc 0%,transparent 55%),var(--bg-soft);overflow:hidden;box-shadow:var(--shadow-md);display:grid;place-items:center}.hero-visual img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(28,95,216,.18))}.hero-card{position:absolute;background:#fff;border-radius:var(--r-md);padding:14px 16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}.hero-card.c1{top:22px;right:22px}.hero-card.c2{bottom:22px;left:22px}.hero-card .icon-circle{width:36px;height:36px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.hero-card.c1 .icon-circle{background:#ffece0;color:var(--orange-deep)}.product-shot{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;background:radial-gradient(circle at 50% 35%,#ffc68a,#ff7a2a,#d9261c 80%);box-shadow:inset 0 -30px 60px #0000002e,inset 0 20px 60px #ffffff40,0 30px 60px #e8410a40;display:grid;place-items:center}.product-shot:before{content:"";width:32%;height:32%;border-radius:50%;background:#ffe3a8;border:6px solid #fff;box-shadow:inset 0 -8px 16px #0000002e}.product-shot:after{content:"GAZKEY";position:absolute;bottom:16%;font-family:Inter,sans-serif;font-weight:900;font-size:13px;color:#fff;letter-spacing:2px;background:#00000059;padding:4px 10px;border-radius:999px}.section{padding:88px 0}.section-soft{background:var(--bg-soft)}.section-head{text-align:center;margin-bottom:48px}.section-eyebrow{font-size:13px;letter-spacing:2px;font-weight:800;color:var(--orange-deep);font-family:Inter,sans-serif;text-transform:uppercase}.section-title{font-size:clamp(28px,3.4vw,44px);font-weight:900;margin:10px 0 12px;letter-spacing:-.3px}.section-text{color:#4a4a52;max-width:60ch;margin:0 auto;font-size:17px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.b-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:28px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.b-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent}.b-icon{width:52px;height:52px;border-radius:14px;background:#fff4ec;color:var(--orange-deep);display:grid;place-items:center;margin-bottom:18px}.b-card.alt-1 .b-icon{background:var(--blue-soft);color:var(--blue)}.b-card.alt-2 .b-icon{background:#fff;color:var(--ink);border:1.5px solid var(--ink)}.b-card h3{font-size:22px;font-weight:800;margin:0 0 8px}.b-card p{margin:0;color:#555560;font-size:16px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative}.step{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:22px;transition:transform .2s ease,box-shadow .2s ease;position:relative}.step:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.step-num{position:absolute;top:22px;left:22px;width:40px;height:40px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-family:Inter,sans-serif;font-weight:900;font-size:16px;box-shadow:0 6px 14px #e8410a59}.step-img{aspect-ratio:4 / 3;border-radius:var(--r-sm);background:#fff;border:1px solid var(--line);margin-bottom:18px;position:relative;overflow:hidden;display:grid;place-items:center}.step-img img{width:100%;height:100%;object-fit:contain;padding:8px}.step-img .label{font-family:JetBrains Mono,Menlo,monospace;font-size:12px;color:var(--orange-deep);background:#fff;border:1px solid #ffd9c0;padding:6px 10px;border-radius:8px}.step-render{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.step-render .bottle{width:58%;aspect-ratio:3/4;border-radius:22px 22px 14px 14px;background:linear-gradient(180deg,#ff7a2a,#d9261c);box-shadow:inset 0 -20px 40px #0000002e,0 14px 24px #e8410a40;position:relative}.step-render .cap{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:46%;height:22%;background:#ffc92e;border-radius:8px 8px 4px 4px;border:3px solid #fff;box-shadow:0 4px 10px #00000026}.step-render .tool{position:absolute;top:-38px;left:50%;transform:translate(-50%) rotate(0);width:14px;height:80px;background:var(--ink);border-radius:4px}.step-render .tool:before{content:"";position:absolute;top:-6px;left:-10px;width:34px;height:14px;background:var(--ink);border-radius:4px}.step.s2 .tool{transform:translate(-50%) rotate(35deg)}.step.s3 .cap{top:-42px;transform:translate(-30%) rotate(-12deg)}.step.s3 .tool{display:none}.step h3{font-size:20px;font-weight:800;margin:0 0 6px}.step p{margin:0;color:#555560;font-size:15px}.trust{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:56px 48px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;position:relative;overflow:hidden}.trust:before{content:"";position:absolute;top:-40%;left:-10%;width:60%;height:180%;background:radial-gradient(closest-side,rgba(255,106,26,.35),transparent 70%);filter:blur(20px);pointer-events:none}.trust h2{font-size:clamp(26px,3vw,38px);font-weight:900;margin:0 0 12px}.trust p{color:#c8c8d0;max-width:50ch;margin:0;font-size:16px}.badges{display:flex;flex-direction:column;gap:12px}.badge{display:flex;align-items:center;gap:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);padding:14px 18px;border-radius:var(--r-sm);font-weight:700}.badge .b-dot{width:36px;height:36px;border-radius:10px;background:var(--grad);display:grid;place-items:center;color:#fff}.badge.blue .b-dot{background:var(--blue)}.badge.white .b-dot{background:#fff;color:var(--ink)}.cta-block{background:var(--grad);border-radius:var(--r-lg);padding:64px 40px;text-align:center;color:#fff;position:relative;overflow:hidden}.cta-block:before,.cta-block:after{content:"";position:absolute;border-radius:50%;background:#ffffff1a}.cta-block:before{width:240px;height:240px;top:-80px;left:-60px}.cta-block:after{width:320px;height:320px;bottom:-160px;right:-80px}.cta-block h2{font-size:clamp(26px,3vw,38px);font-weight:900;margin:0 0 10px;position:relative}.cta-block p{margin:0 0 28px;opacity:.92;font-size:17px;position:relative}.cta-block .row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative}.cta-block .btn-wa,.cta-block .btn-mail{background:#fff;color:var(--ink);box-shadow:0 14px 30px #0000002e}.cta-block .btn-wa:hover{background:#25d366;color:#fff}.cta-block .btn-mail:hover{background:var(--ink);color:#fff}.footer{border-top:1px solid var(--line);padding:36px 0;margin-top:24px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:14px}.page-head{padding:72px 0 24px;text-align:center}.page-head h1{font-size:clamp(34px,4.6vw,56px);font-weight:900;margin:12px 0 14px;letter-spacing:-.4px}.page-head p{max-width:60ch;margin:0 auto;color:#4a4a52;font-size:17px}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:16px}.c-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:32px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;gap:14px}.c-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent}.c-card .c-ico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:#fff}.c-card.wa .c-ico{background:#25d366}.c-card.mail .c-ico{background:var(--ink)}.c-card h3{margin:0;font-size:24px;font-weight:900}.c-card p{margin:0;color:#555560}.c-card .meta{font-family:Inter,sans-serif;direction:ltr;text-align:left;font-size:14px;color:var(--muted);background:var(--bg-soft);padding:10px 14px;border-radius:10px;border:1px solid var(--line)}.c-card .btn{align-self:flex-start;margin-top:6px}.faq{max-width:820px;margin:0 auto}.faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:12px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.faq-item[open]{border-color:#ffd9c0;box-shadow:var(--shadow-sm)}.faq-item summary{padding:20px 24px;font-weight:800;font-size:17px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .plus{width:28px;height:28px;border-radius:50%;background:#fff4ec;color:var(--orange-deep);display:grid;place-items:center;transition:transform .2s ease,background .2s ease;flex-shrink:0;font-weight:900}.faq-item[open] summary .plus{transform:rotate(45deg);background:var(--grad);color:#fff}.faq-item .answer{padding:0 24px 22px;color:#4a4a52;font-size:16px}.order-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:28px;align-items:start}.order-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:28px}.order-card h3{margin:0 0 16px;font-size:20px;font-weight:900}.price-card{background:linear-gradient(180deg,#fff7f0,#fff);border:1px solid #ffd9c0;border-radius:var(--r-md);padding:24px;margin-bottom:24px}.price-card h3{margin:0 0 14px;font-size:18px;font-weight:900;color:var(--orange-deep)}.price-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.price-list li{display:flex;align-items:center;gap:10px;font-size:15px;color:#2a2a30}.price-list li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange-deep);flex-shrink:0}.field{display:grid;gap:8px;margin-bottom:16px}.field label{font-weight:700;font-size:15px;color:#2a2a30}.field input,.field textarea{font-family:inherit;font-size:16px;padding:14px 16px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease;direction:rtl;text-align:right}.field input:focus,.field textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 4px #ff6a1a1f}.field textarea{min-height:90px;resize:vertical}.field.error input,.field.error textarea{border-color:var(--red);background:#fff5f5}.field .err{font-size:13px;color:var(--red);font-weight:600;display:none}.field.error .err{display:block}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.qty-control{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:12px;padding:6px;background:#fff;width:fit-content}.qty-control:focus-within{border-color:var(--orange);box-shadow:0 0 0 4px #ff6a1a1f}.qty-btn{width:40px;height:40px;border-radius:8px;border:0;background:#fff4ec;color:var(--orange-deep);font-size:20px;font-weight:900;display:grid;place-items:center;transition:background .15s ease}.qty-btn:hover{background:var(--grad);color:#fff}.qty-control input{width:90px;border:0;text-align:center;font-weight:800;font-size:18px;font-family:Inter,sans-serif;background:transparent;padding:8px 0}.qty-control input:focus{outline:none}.summary{position:sticky;top:92px}.summary-card{background:var(--ink);color:#fff;border-radius:var(--r-md);padding:28px;position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:-50%;left:-20%;width:80%;height:200%;background:radial-gradient(closest-side,rgba(255,106,26,.25),transparent 70%);filter:blur(20px);pointer-events:none}.summary-card h3{margin:0 0 18px;position:relative}.sum-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px dashed rgba(255,255,255,.12);font-size:15px;color:#d4d4dc;position:relative}.sum-row .v{color:#fff;font-weight:700;font-family:Inter,sans-serif;direction:ltr}.sum-row.total{border-bottom:0;padding-top:18px;margin-top:6px;border-top:2px solid rgba(255,255,255,.16);font-size:18px;color:#fff;font-weight:900}.sum-row.total .v{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:24px}.summary-card .btn{width:100%;justify-content:center;margin-top:18px}.summary-card .save-note{font-size:12px;color:#9a9aa4;text-align:center;margin-top:10px;position:relative}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f1499;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeIn .2s ease}.modal-backdrop.open{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:var(--r-lg);width:100%;max-width:560px;padding:36px 32px;box-shadow:0 30px 80px #0000004d;animation:modalIn .3s cubic-bezier(.2,.8,.2,1);max-height:90vh;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}.success-mark{width:64px;height:64px;border-radius:50%;background:#e7f9ee;color:#16a34a;display:grid;place-items:center;margin:0 auto 16px}.modal h2{text-align:center;margin:0 0 8px;font-size:24px;font-weight:900}.modal .sub{text-align:center;color:#4a4a52;margin:0 0 22px}.modal pre{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:16px;font-family:inherit;font-size:14px;color:#2a2a30;white-space:pre-wrap;margin:0 0 18px;line-height:1.7;max-height:280px;overflow-y:auto}.modal .actions{display:flex;gap:10px;flex-wrap:wrap}.modal .actions .btn{flex:1;justify-content:center;min-width:200px}.modal-close{background:none;border:0;color:var(--muted);font-size:14px;margin:16px auto 0;display:block;cursor:pointer}.admin-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding:14px 18px;background:var(--bg-soft);border:1px dashed var(--line);border-radius:12px;font-size:13px;color:var(--muted);flex-wrap:wrap}.admin-bar .btn{padding:10px 16px;font-size:14px}@media (max-width: 920px){.hero{padding:40px 0 24px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero-visual{max-width:480px;margin:0 auto;width:100%}.benefits,.steps{grid-template-columns:1fr}.trust{grid-template-columns:1fr;padding:40px 28px}.contact-cards,.order-grid{grid-template-columns:1fr}.summary{position:static}.row-2{grid-template-columns:1fr}.section{padding:64px 0}.nav-links{display:none}.nav-toggle{display:grid;place-items:center}.nav-links.open{display:flex;position:absolute;top:72px;right:0;left:0;flex-direction:column;background:#fff;border-bottom:1px solid var(--line);padding:16px 24px 24px;gap:14px;align-items:stretch}.cta-block{padding:44px 24px}.trust{padding:36px 24px}}@media (max-width: 520px){.hero-card.c1,.hero-card.c2{font-size:12px;padding:10px 12px}.btn{padding:12px 18px;font-size:15px}.btn-lg{padding:14px 22px;font-size:16px}.nav-cta{padding:8px 14px}}