/* Basel Plus landing — v3 (Thmanyah type, same Basil/Lime identity; tokens in the inline <style> of index.html). */
.redesign{font-size:16px;line-height:1.8}
.redesign .sprite{position:absolute;width:0;height:0;overflow:hidden}
.redesign .icon{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.redesign .wrap{width:min(1200px,calc(100% - 40px));margin-inline:auto}
.redesign .visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.redesign [hidden]{display:none!important}
.redesign .accent{color:var(--basil)}
.redesign .eyebrow{display:flex;align-items:center;gap:12px;color:var(--basil);font-size:15px;font-weight:600;margin-bottom:18px}
.redesign .eyebrow::before{content:"";width:28px;height:2px;border-radius:2px;background:currentColor;flex:none}
.redesign .text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:16px;font-weight:600;color:var(--basil);text-decoration:underline;text-underline-offset:5px}
.redesign .skip-link{position:absolute;top:-100px;inset-inline-start:20px;min-height:44px;padding:8px 20px;background:var(--paper);color:var(--ink);z-index:30}
.redesign .skip-link:focus{top:10px}
.redesign main:focus{outline:none}

/* ---------- الأزرار ---------- */
.redesign .btn{display:inline-flex;align-items:center;gap:14px;padding-block:6px;padding-inline:26px 6px;border-radius:999px;text-decoration:none;font-weight:600;font-size:16px;border:1.5px solid var(--ink);color:var(--ink);background:transparent;min-height:56px;transition:background .25s,color .25s,border-color .25s}
.redesign .btn .cap{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-size:17px;transition:transform .25s}
.redesign .btn.solid{background:var(--ink);color:var(--paper)}
.redesign .btn.solid .cap{background:var(--lime);color:var(--ink)}
.redesign .btn.solid:hover{background:var(--basil);border-color:var(--basil)}
.redesign .btn:hover .cap{transform:rotate(-45deg)}
.redesign .btn.on-dark{border-color:var(--paper);color:var(--paper)}
.redesign .btn.on-dark .cap{background:var(--lime);color:var(--ink)}
.redesign .btn.on-dark:hover{background:var(--paper);color:var(--ink)}

/* ---------- الترويسة ---------- */
.redesign .site-header{position:sticky;top:0;z-index:20;padding-block:12px;background:rgba(10,46,36,.96);color:var(--paper);border-bottom:1px solid var(--line-dark);backdrop-filter:saturate(1.2) blur(8px)}
.redesign .site-nav{display:flex;align-items:center;gap:24px}
.redesign .wordmark{display:flex;align-items:center;gap:12px;min-height:44px;text-decoration:none;flex:none}
.redesign .wordmark .mark{width:44px;height:44px;border-radius:13px}
.redesign .wordmark b{font-family:var(--ff-display);font-weight:800;font-size:19px;display:block;line-height:1.2}
.redesign .wordmark small{font-size:11px;letter-spacing:.3em;display:block;opacity:.75}
.redesign .desktop-nav{display:flex;gap:6px;align-items:center;margin-inline-start:auto}
.redesign .desktop-nav a{min-height:44px;display:flex;align-items:center;padding-inline:12px;border-radius:12px;font-size:16px;text-decoration:none;color:#DCE7E1}
.redesign .desktop-nav a:hover{color:var(--lime);background:rgba(255,255,255,.06)}
.redesign .nav-cta{min-height:44px;display:inline-flex;align-items:center;padding-inline:20px;border-radius:999px;background:var(--lime);color:var(--ink);font-weight:700;text-decoration:none}
.redesign .nav-cta:hover{background:#D6F77A}
.redesign .mobile-nav{display:none;position:relative}
.redesign .mobile-nav summary{min-height:44px;min-width:64px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;list-style:none;padding-inline:12px;border:1px solid var(--line-dark);border-radius:14px;font-size:16px}
.redesign .mobile-nav summary::-webkit-details-marker{display:none}
.redesign .mobile-nav nav{position:absolute;inset-inline-end:0;top:calc(100% + 12px);width:min(300px,calc(100vw - 40px));padding:12px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px -18px rgba(10,26,20,.45)}
.redesign .mobile-nav nav a{display:flex;align-items:center;min-height:48px;padding:8px 14px;text-decoration:none;border-radius:12px;font-size:16px}
.redesign .mobile-nav nav a:hover{background:var(--paper-2)}

/* ---------- الهيرو ---------- */
.redesign .bold-hero{position:relative;overflow:hidden;background:var(--basil-deep);color:var(--paper);padding-block:64px 72px}
.redesign .bold-hero::before{content:"";position:absolute;inset:auto -20% -60% auto;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(199,241,84,.16),rgba(199,241,84,0) 62%);pointer-events:none}
.redesign .bold-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.redesign .bold-grid>*{min-width:0}
.redesign .bold-hero .eyebrow,.redesign .bold-hero .accent{color:var(--lime)}
.redesign .bold-hero h1{font-size:clamp(42px,5.4vw,78px);font-weight:800;line-height:1.2;margin:0 0 22px}
.redesign .bold-lead{font-size:19px;max-width:540px;color:#DCE7E1;margin-bottom:28px}
.redesign .hero-foot{display:flex;flex-wrap:wrap;gap:12px;list-style:none}
.redesign .hero-foot li{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding-inline:14px 16px;border:1px solid var(--line-dark);border-radius:999px;font-size:15px;color:#DCE7E1}
.redesign .hero-foot .icon{width:18px;height:18px;color:var(--lime)}

/* ---------- بطاقة التثبيت ---------- */
.redesign .dlCard{position:relative;background:var(--paper);color:var(--ink);padding:30px;border-radius:28px;box-shadow:0 40px 80px -40px rgba(0,0,0,.55)}
.redesign .dlTop{display:flex;gap:16px;align-items:center}
.redesign .dlTop>div{min-width:0;flex:1}
.redesign .dlTop h2{font-size:24px;font-weight:800;line-height:1.3;margin:0 0 2px}
.redesign .dlIcon{width:64px;height:64px;border-radius:18px;flex:none;box-shadow:0 10px 24px -12px rgba(14,94,72,.8)}
.redesign .dlTop small{display:block;font-size:14px;color:var(--ink-2)}
.redesign .dlStatus{padding:16px 0;margin-top:20px;border-block:1px solid var(--line);color:var(--ink-2);font-size:16px;line-height:1.8;min-height:58px;overflow-wrap:anywhere}
.redesign .dlCard:not([data-state="ready"]) #dlVersion,.redesign .dlCard:not([data-state="ready"]) #dlCert{display:none}
.redesign .dlCtas{display:flex;flex-direction:column;gap:4px;margin-top:20px}
.redesign #dlInstall{min-height:60px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 24px 7px 7px;border:1.5px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--paper);font:600 17px var(--ff-body);cursor:pointer;transition:background .2s}
.redesign #dlInstall .cap{width:44px;height:44px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-size:22px;flex:none}
.redesign #dlInstall:disabled{cursor:not-allowed}
.redesign #dlInstall:disabled .cap{background:var(--paper-2)}
.redesign #dlInstall:not(:disabled):hover{background:var(--basil);border-color:var(--basil)}
.redesign #dlRetry{align-self:flex-start;min-height:44px;min-width:100px;padding:8px 0;background:transparent;color:var(--basil);border:0;font:600 16px var(--ff-body);text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.redesign #dlRetry:disabled{cursor:wait;color:var(--ink-2)}
.redesign .dlHint{font-size:16px;color:var(--ink-2);margin:0}
.redesign .release-details{margin-top:12px;border-top:1px solid var(--line)}
.redesign .release-details summary{min-height:44px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:16px;color:var(--basil)}
.redesign .release-details ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;margin:12px 0}
.redesign .release-details li{font-size:14px;color:var(--ink-2);padding:10px;background:var(--paper-2);border-radius:14px;min-width:0}
.redesign .release-details b{display:block;overflow-wrap:anywhere;unicode-bidi:plaintext}
.redesign .dlBadge{display:inline-flex;margin-top:12px;font-size:14px;font-weight:600;padding:6px 12px;border-radius:999px;border:1.5px solid var(--line);color:var(--ink-2);background:var(--paper)}
.redesign .dlBadge[data-status="active"]{color:var(--basil);border-color:var(--basil)}
.redesign .dlBadge[data-status="expiring"]{color:#8A5A00;border-color:#E3B341}
.redesign .dlBadge[data-status="revoked"]{color:#9B1C1C;border-color:#D64545}
.redesign .dlNotes{margin-top:14px;font-size:16px;color:var(--ink-2);border-inline-start:3px solid var(--lime);padding-inline-start:12px}
.redesign .dlCard[data-state="ready"] .dlStatus{color:var(--basil)}

/* ---------- الأقسام ---------- */
.redesign .section{padding-block:88px}
.redesign .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}
.redesign .section-head h2{font-size:clamp(30px,3.4vw,46px);font-weight:800}
.redesign .section-head>p{max-width:360px;font-size:17px;color:var(--ink-2)}

/* ---------- داخل التطبيق ---------- */
.redesign .showcase{background:var(--paper-2);border-bottom:1px solid var(--line)}
.redesign .phones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;align-items:start;max-width:1000px;margin-inline:auto}
.redesign .phones:focus-visible{outline:3px solid var(--basil);outline-offset:6px;border-radius:20px}
.redesign .phone-fig{margin:0;display:grid;gap:20px;justify-items:center;text-align:center}
.redesign .phone-fig.raised{margin-top:-24px}
.redesign .phone{width:min(100%,260px);aspect-ratio:9/18.5;padding:10px;border-radius:40px;background:var(--ink);box-shadow:0 40px 60px -36px rgba(10,46,36,.6),inset 0 0 0 2px #2A332F}
.redesign .screen{height:100%;border-radius:31px;background:var(--paper);padding:26px 14px 12px;display:flex;flex-direction:column;gap:12px;overflow:hidden;position:relative;text-align:start}
.redesign .screen::before{content:"";position:absolute;top:8px;left:50%;width:70px;height:18px;margin-left:-35px;border-radius:12px;background:var(--ink)}
.redesign .screen i,.redesign .screen span{display:block;font-style:normal}
.redesign .ph-top{display:flex!important;align-items:center;gap:8px;font-family:var(--ff-display);font-size:14px}
.redesign .ph-top svg{width:26px;height:26px}
.redesign .ph-search{display:flex!important;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:12px;color:var(--muted)}
.redesign .ph-search .icon{width:14px;height:14px}
.redesign .ph-chips{display:flex!important;gap:6px}
.redesign .ph-chips i{padding:3px 10px;border-radius:999px;border:1px solid var(--line);font-size:11px;color:var(--ink-2)}
.redesign .ph-chips i.on{background:var(--basil);border-color:var(--basil);color:#fff}
.redesign .ph-label{font-size:12px;font-weight:700;color:var(--ink)}
.redesign .ph-feature{display:flex!important;align-items:center;gap:10px;padding:12px;border-radius:16px;background:var(--basil-deep)}
.redesign .ph-feature>span{flex:1;display:grid!important;gap:6px}
.redesign .ph-grid{display:grid!important;grid-template-columns:repeat(4,1fr);gap:10px}
.redesign .ph-grid .t{width:100%;aspect-ratio:1}
.redesign .ph-tabs{margin-top:auto;display:flex!important;justify-content:space-around;padding-top:10px;border-top:1px solid var(--line)}
.redesign .ph-tabs i{width:18px;height:18px;border-radius:6px;background:var(--line)}
.redesign .ph-tabs i.on{background:var(--basil)}
.redesign .t{width:40px;height:40px;border-radius:11px;flex:none}
.redesign .t.big{width:58px;height:58px;border-radius:15px}
.redesign .t1{background:linear-gradient(135deg,#C7F154,#7FBF2E)}
.redesign .t2{background:linear-gradient(135deg,#0E5E48,#2E8A68)}
.redesign .t3{background:linear-gradient(135deg,#1F6FEB,#6FA8FF)}
.redesign .t4{background:linear-gradient(135deg,#F2994A,#F2C94C)}
.redesign .t5{background:linear-gradient(135deg,#9B51E0,#D291FF)}
.redesign .t6{background:linear-gradient(135deg,#EB5757,#FF9A9A)}
.redesign .t7{background:linear-gradient(135deg,#101613,#3D4A44)}
.redesign .t8{background:linear-gradient(135deg,#2D9CDB,#56CCF2)}
.redesign .bar{height:8px;border-radius:6px;background:var(--ink)}
.redesign .bar.soft{background:var(--line)}
.redesign .bar.light{background:rgba(255,255,255,.35)}
.redesign .ph-feature .bar{background:var(--paper)}
.redesign .ph-feature .bar.soft{background:rgba(255,255,255,.35)}
.redesign .w35{width:35%}.redesign .w40{width:40%}.redesign .w45{width:45%}.redesign .w50{width:50%}.redesign .w55{width:55%}.redesign .w60{width:60%}.redesign .w70{width:70%}.redesign .w75{width:75%}.redesign .w80{width:80%}.redesign .w90{width:90%}.redesign .w100{width:100%}
.redesign .ph-app{display:flex!important;align-items:center;gap:12px;margin-top:6px}
.redesign .ph-app>span{flex:1;display:grid!important;gap:8px}
.redesign .ph-install{align-self:flex-start;padding:5px 22px;border-radius:999px;background:var(--basil);color:#fff;font-size:12px;font-weight:700}
.redesign .ph-facts{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px;padding-block:10px;border-block:1px solid var(--line)}
.redesign .ph-facts>span{display:grid!important;gap:6px;justify-items:start}
.redesign .ph-facts em{font-style:normal;font-size:10px;color:var(--muted)}
.redesign .ph-facts .bar{height:7px}
.redesign .ok{font-size:10px;color:var(--basil)}
.redesign .ph-lines{display:grid!important;gap:7px}
.redesign .ph-shots{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px;flex:1;max-height:130px}
.redesign .ph-shots i{border-radius:10px;background:linear-gradient(180deg,var(--paper-2),#E2DACB)}
.redesign .ph-sub{display:grid!important;gap:6px;padding:14px;border-radius:16px;background:var(--basil);color:#fff}
.redesign .ph-sub em{font-style:normal;font-size:11px;opacity:.8}
.redesign .ph-sub b{font-family:var(--ff-display);font-size:18px;color:var(--lime)}
.redesign .ph-row{display:flex!important;align-items:center;gap:10px;padding-block:4px}
.redesign .ph-row>span{flex:1;display:grid!important;gap:6px}
.redesign .pill{font-size:10px;padding:3px 8px;border-radius:999px;background:rgba(199,241,84,.45);color:var(--basil-deep);white-space:nowrap}
.redesign .phone-fig figcaption{display:grid;gap:4px;max-width:260px}
.redesign .phone-fig figcaption b{font-family:var(--ff-display);font-size:20px}
.redesign .phone-fig figcaption span{font-size:16px;color:var(--ink-2)}
.redesign .showcase-note{margin-top:36px;text-align:center;font-size:16px;color:var(--muted)}

/* ---------- المميزات (bento) ---------- */
.redesign .bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.redesign .tile{padding:28px;border-radius:24px;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px;min-width:0}
.redesign .tile .icon{width:44px;height:44px;padding:10px;border-radius:14px;background:rgba(14,94,72,.08);color:var(--basil);margin-bottom:8px}
.redesign .tile h3{font-size:21px;font-weight:800}
.redesign .tile p{font-size:16px;color:var(--ink-2)}
.redesign .tile-wide{grid-column:span 2;grid-row:span 2;justify-content:flex-end;min-height:300px}
.redesign .tile-dark{background:var(--basil-deep);border-color:var(--basil-deep);color:var(--paper);position:relative;overflow:hidden}
.redesign .tile-dark::after{content:"";position:absolute;top:-80px;inset-inline-start:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(199,241,84,.22),rgba(199,241,84,0) 65%)}
.redesign .tile-dark h3{font-size:30px}
.redesign .tile-dark p{color:#BFD2C8;font-size:17px;max-width:420px}
.redesign .tile-dark .icon{background:rgba(199,241,84,.14);color:var(--lime)}
.redesign .tile-lime{grid-column:1/-1;display:grid;grid-template-columns:auto auto 1fr;align-items:center;column-gap:18px;background:var(--lime);border-color:var(--lime)}
.redesign .tile-lime .icon{margin-bottom:0}
.redesign .tile-lime p{color:var(--basil-deep)}
.redesign .tile-lime .icon{background:rgba(10,46,36,.1);color:var(--basil-deep)}

/* ---------- كيف يعمل ---------- */
.redesign .how{background:var(--card);border-block:1px solid var(--line)}
.redesign .how-steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;counter-reset:step}
.redesign .how-steps li{position:relative;padding-top:66px;min-width:0}
.redesign .how-steps li::before{content:"";position:absolute;top:22px;inset-inline:48px -16px;height:2px;background:var(--line)}
.redesign .how-steps li:last-child::before{display:none}
.redesign .how-steps .number{position:absolute;top:0;inset-inline-start:0;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--basil);color:var(--lime);font-family:var(--ff-display);font-weight:800;font-size:19px}
.redesign .how-steps h3{font-size:19px;margin-bottom:8px}
.redesign .how-steps p{font-size:16px;color:var(--ink-2)}
.redesign .before{margin-top:48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.redesign .before>div{padding:24px 26px;border-radius:20px;background:var(--paper);border-inline-start:4px solid var(--lime)}
.redesign .before h3{font-size:19px;margin-bottom:6px}
.redesign .before p{font-size:16px;color:var(--ink-2)}

/* ---------- مركز التوقيع ---------- */
.redesign .signing{background:var(--basil-deep);color:var(--paper)}
.redesign .signing .eyebrow,.redesign .signing .accent{color:var(--lime)}
.redesign .signing .section-head>p{color:#BFD2C8}
.redesign .signing-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start}
.redesign .signing-grid>*{min-width:0}
.redesign .sign-steps{list-style:none;border-top:1px solid var(--line-dark)}
.redesign .sign-steps li{display:grid;grid-template-columns:46px minmax(0,1fr);gap:18px;padding-block:22px;border-bottom:1px solid var(--line-dark)}
.redesign .sign-steps .number{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(199,241,84,.4);border-radius:50%;color:var(--lime);font-family:var(--ff-display);font-weight:700}
.redesign .sign-steps h3{font-size:18px;margin-bottom:8px}
.redesign .sign-steps p{font-size:16px;color:#BFD2C8}
.redesign .sign-limit{border-inline-start:4px solid var(--lime);padding-inline-start:20px;margin-bottom:28px}
.redesign .sign-limit b{display:block;color:var(--lime);margin-bottom:6px}
.redesign .sign-limit p{font-size:16px;color:#BFD2C8}
.redesign .sign-status{border-top:1px solid var(--line-dark)}
.redesign .sign-status .row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:16px;border-bottom:1px solid var(--line-dark);font-size:16px}
.redesign .sign-status dt{font-family:var(--ff-display);font-weight:700}
.redesign .sign-status dd{color:#BFD2C8;text-align:end}
.redesign .sign-side .btn{margin-top:24px}

/* ---------- الباقات ---------- */
.redesign .plan-fieldset{border:0;padding:0;min-width:0}
.redesign .plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.redesign .plan-grid>*{min-width:0}
.redesign .plan{position:relative;display:flex;flex-direction:column;text-align:start;cursor:pointer;padding:32px 28px;background:var(--card);color:inherit;border:1px solid var(--line);border-radius:28px;-webkit-tap-highlight-color:transparent}
.redesign .plan .tag{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;font-size:16px;color:var(--ink-2)}
.redesign .plan .dot{appearance:none;-webkit-appearance:none;margin:0;flex:none;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:transparent center/13px 13px no-repeat;cursor:pointer}
.redesign .plan h3{font-size:24px;font-weight:800;margin-bottom:18px}
.redesign .plan .price{display:flex;align-items:baseline;gap:10px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.redesign .plan .price b{font-family:var(--ff-display);font-weight:800;font-size:58px;line-height:1}
.redesign .plan .price span{font-size:16px;color:var(--ink-2)}
.redesign .plan .desc{margin-bottom:22px;font-size:16px;color:var(--ink-2)}
.redesign .plan ul{list-style:none;display:grid;gap:12px;margin-bottom:26px;flex-grow:1}
.redesign .plan li{display:flex;align-items:flex-start;gap:12px;font-size:16px}
.redesign .plan li .icon{width:18px;height:18px;margin-top:6px;color:var(--basil)}
.redesign .plan .pick{display:flex;align-items:center;justify-content:center;min-height:50px;padding:10px 16px;border:1.5px solid var(--ink);border-radius:999px;font-size:16px;font-weight:600}
.redesign .plan.selected{border-width:2px;border-color:var(--basil);padding:31px 27px}
.redesign .plan.selected .dot,.redesign .plan .dot:checked{background-color:var(--basil);border-color:var(--basil);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 13 4 4L19 7'/%3E%3C/svg%3E")}
.redesign .plan.selected .pick{background:var(--basil);border-color:var(--basil);color:var(--paper)}
.redesign .plan.dark{background:var(--basil-deep);color:var(--paper);border-color:var(--basil-deep)}
.redesign .plan.dark .tag{color:#BFD2C8}
.redesign .plan.dark .price{border-color:var(--line-dark)}
.redesign .plan.dark .price b{color:var(--lime)}
.redesign .plan.dark .price span,.redesign .plan.dark .desc{color:#BFD2C8}
.redesign .plan.dark li .icon{color:var(--lime)}
.redesign .plan.dark .pick{border-color:var(--paper);color:var(--paper)}
.redesign .plan.dark.selected{border-color:var(--lime)}
.redesign .plan.dark.selected .dot,.redesign .plan.dark .dot:checked{background-color:var(--lime);border-color:var(--lime);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23101613' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 13 4 4L19 7'/%3E%3C/svg%3E")}
.redesign .plan.dark.selected .pick{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.redesign .plans-foot{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:16px}
.redesign .plans-foot #ctaPlanName{white-space:nowrap}
.redesign .plans-foot .terms{max-width:min(100%,560px);text-align:center;font-size:16px;color:var(--ink-2)}

/* ---------- الأسئلة ---------- */
.redesign .faq-section{background:var(--paper-2);border-top:1px solid var(--line)}
.redesign .faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px;align-items:start}
.redesign .faq-layout>*{min-width:0}
.redesign .faq-intro{position:sticky;top:100px}
.redesign .faq-intro h2{font-size:clamp(30px,3.4vw,46px);font-weight:800;margin-bottom:16px}
.redesign .faq-intro>p{font-size:17px;color:var(--ink-2)}
.redesign .faq{display:grid;gap:10px}
.redesign .faq details{background:var(--card);border:1px solid var(--line);border-radius:18px;padding-inline:22px}
.redesign .faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:60px;padding-block:14px;list-style:none;cursor:pointer;font-weight:700;font-size:18px}
.redesign .faq summary::-webkit-details-marker{display:none}
.redesign .faq summary:hover{color:var(--basil)}
.redesign .faq summary .pm{flex:none;display:grid;place-items:center;width:34px;height:34px;margin-inline-end:4px;border:1.5px solid var(--line);border-radius:50%;font-size:18px;font-weight:500;transition:transform .2s}
.redesign .faq details[open]{border-color:var(--basil)}
.redesign .faq details[open] summary{color:var(--basil)}
.redesign .faq details[open] .pm{background:var(--basil);border-color:var(--basil);color:var(--paper);transform:rotate(45deg)}
.redesign .faq details p{max-width:min(100%,660px);padding-bottom:20px;font-size:16px;color:var(--ink-2)}
.redesign .faq details p a{color:var(--basil);font-weight:600;text-underline-offset:5px}

/* ---------- الدعم ---------- */
.redesign .support{padding-top:88px}
.redesign .support-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:52px;border-radius:32px;background:var(--ink);color:var(--paper)}
.redesign .support-panel>*{min-width:0}
.redesign .support-panel .eyebrow,.redesign .support-panel .accent{color:var(--lime)}
.redesign .support-panel h2{font-size:clamp(30px,3.6vw,46px);font-weight:800;margin-bottom:18px}
.redesign .support-panel .support-lead{font-size:17px;color:#BFD2C8}
.redesign .support-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.redesign .waBtn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:60px;padding:14px 32px;border-radius:999px;background:#25D366;color:#062B14;text-decoration:none;font-size:17px;font-weight:800}
.redesign .waBtn svg{width:24px;height:24px;fill:currentColor}
.redesign .support-actions .support-note{font-size:16px;color:#BFD2C8}

/* ---------- الفوتر ---------- */
.redesign footer{padding-block:64px 32px;margin-top:0;background:var(--basil-deep);color:var(--paper)}
.redesign .foot-top{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:32px;padding-bottom:40px}
.redesign .foot-top>*{min-width:0}
.redesign .foot-brand p{max-width:min(100%,340px);margin-top:16px;font-size:16px;color:#BFD2C8}
.redesign .foot-col b{display:block;margin-bottom:10px;font-family:var(--ff-display);font-size:17px;color:var(--lime)}
.redesign .foot-col a{display:flex;align-items:center;min-height:44px;font-size:16px;color:#DCE7E1;text-decoration:none}
.redesign .foot-col a:hover{color:var(--lime);text-decoration:underline;text-underline-offset:5px}
.redesign .foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:22px;border-top:1px solid var(--line-dark);font-size:15px;color:#BFD2C8}

/* ---------- focus / hover / motion / print ---------- */
.redesign .site-header :focus-visible,.redesign .bold-hero :focus-visible,.redesign .signing :focus-visible,.redesign .support-panel :focus-visible,.redesign .plan.dark :focus-visible,.redesign footer :focus-visible{outline-color:var(--lime)}
.redesign .dlCard :focus-visible,.redesign .mobile-nav nav :focus-visible{outline-color:var(--basil)}
@media (hover:none){.redesign .btn:hover .cap{transform:none}.redesign .faq summary:hover,.redesign .foot-col a:hover{color:inherit;text-decoration:none}}
@media (prefers-reduced-motion:reduce){.redesign *{animation:none!important;transition:none!important}}
@media print{.redesign .site-header,.redesign .showcase{display:none!important}.redesign .signing,.redesign .support-panel,.redesign .plan.dark,.redesign .bold-hero,.redesign footer{background:#fff!important;color:#000!important}}

/* ---------- responsive ---------- */
@media(min-width:1600px){.redesign .wrap{width:min(1320px,calc(100% - 80px))}}
@media(max-width:1080px){.redesign .bold-grid{gap:36px}.redesign .desktop-nav a{padding-inline:8px}.redesign .bento{grid-template-columns:repeat(2,minmax(0,1fr))}.redesign .tile-wide{grid-row:auto;min-height:240px}.redesign .how-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:36px}.redesign .how-steps li:nth-child(3)::before{display:none}}
@media(max-width:900px){.redesign .desktop-nav{display:none}.redesign .mobile-nav{display:block}.redesign .nav-cta{margin-inline-start:auto}.redesign .signing-grid,.redesign .faq-layout{grid-template-columns:minmax(0,1fr);gap:28px}.redesign .faq-intro{position:static}.redesign .plan-grid{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto;gap:24px}.redesign .plan.dark{order:-1}.redesign .support-panel{grid-template-columns:minmax(0,1fr);gap:26px;padding:34px}.redesign .waBtn{width:100%}.redesign .foot-top{grid-template-columns:repeat(2,minmax(0,1fr))}.redesign .foot-brand{grid-column:1/-1}.redesign .phones{gap:18px}.redesign .phone-fig.raised{margin-top:0}}
@media(max-width:760px){.redesign .site-header{padding-block:10px}.redesign .bold-hero{padding-block:28px 40px}.redesign .bold-grid{grid-template-columns:minmax(0,1fr);gap:24px}.redesign .bold-hero h1{font-size:40px;margin-bottom:14px}.redesign .bold-lead{font-size:17px;margin-bottom:0}.redesign .hero-foot{display:none}.redesign .eyebrow{margin-bottom:12px}.redesign .dlCard{padding:22px}.redesign .dlTop h2{font-size:22px}.redesign .dlStatus{margin-top:14px;padding-block:12px}.redesign .dlCtas{margin-top:14px}.redesign #dlInstall{font-size:16px}.redesign .section{padding-block:56px}.redesign .section-head{display:block;margin-bottom:28px}.redesign .section-head>p{margin-top:14px;max-width:none}.redesign .phones{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;margin-inline:-20px;padding-inline:20px;scrollbar-width:thin}.redesign .phone-fig{flex:0 0 72%;scroll-snap-align:center}.redesign .phone{width:100%}.redesign .bento{grid-template-columns:minmax(0,1fr)}.redesign .tile-wide{grid-column:auto;min-height:0}.redesign .tile-lime{grid-template-columns:minmax(0,1fr);row-gap:10px}.redesign .tile-lime .icon{margin-bottom:8px}.redesign .tile-dark h3{font-size:25px}.redesign .how-steps{grid-template-columns:minmax(0,1fr);row-gap:0}.redesign .how-steps li{padding:0 0 28px;padding-inline-start:66px;min-height:74px}.redesign .how-steps li::before{top:52px;bottom:4px;inset-inline:22px auto;width:2px;height:auto;display:block}.redesign .how-steps li:last-child::before{display:none}.redesign .before{grid-template-columns:minmax(0,1fr);margin-top:24px}.redesign .plan{padding:26px 22px}.redesign .plan.selected{padding:25px 21px}.redesign .plan .price b{font-size:48px}.redesign .plans-foot .btn{width:100%;justify-content:space-between}.redesign .support{padding-top:56px}.redesign .wordmark small{display:none}}
@media(max-width:560px){.redesign .foot-top{grid-template-columns:minmax(0,1fr);gap:20px}.redesign .foot-bottom{display:grid;gap:8px}.redesign .support-panel{padding:26px 22px;border-radius:24px}.redesign .faq details{padding-inline:16px}.redesign .faq summary{font-size:17px;gap:12px}.redesign .sign-status .row{flex-wrap:wrap;gap:4px}}
@media(max-width:380px){.redesign .bold-hero h1{font-size:35px}.redesign .nav-cta{padding-inline:14px}.redesign .plan .price b{font-size:42px}}