.almsyr-root{direction:rtl; text-align:right; background:var(--paper); color:var(--ink); font-family:var(--body); font-size:16px; line-height:1.85; -webkit-font-smoothing:antialiased}

.almsyr-root, :root{
  --ink:#0E2338; --ink2:#33475F; --ink3:#5A6E85;
  --paper:#FFFFFF; --tint:#F5F8FB; --tint2:#EDF2F7;
  --rule:#D8E2EC; --rule-strong:#B2C2D2;
  --purple:#14477D; --purple-deep:#0D3159; --purple-soft:#E8EFF7;
  --green:#0F7A5A; --green-deep:#0A5A42; --green-soft:#E6F4EF;
  --gold:#B08B4F; --gold-soft:#F8F2E7;
  --red:#B08B4F; --red-deep:#8A6B37; --red-soft:#F8F2E7;
  --maxw:1080px;
  --display:"Noto Kufi Arabic",system-ui,sans-serif;
  --body:"IBM Plex Sans Arabic","Noto Kufi Arabic",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
}
.almsyr-root *{box-sizing:border-box}
.almsyr-root html{scroll-behavior:smooth}

.almsyr-root .wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px}

.almsyr-root .rail{position:fixed; top:0; right:0; width:5px; height:100vh; background:linear-gradient(180deg,var(--gold) 0%,var(--purple) 55%,var(--green) 100%); z-index:60}
.almsyr-root .railprog{position:fixed; top:0; right:0; width:5px; background:var(--ink); z-index:61; height:0}

.almsyr-root h1, .almsyr-root h2, .almsyr-root h3, .almsyr-root h4{font-family:var(--display); font-weight:800; line-height:1.4; margin:0; letter-spacing:-.01em}
.almsyr-root p{margin:0 0 14px}
.almsyr-root .eyebrow{font-family:var(--mono); font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--ink3); display:flex; align-items:center; gap:12px; margin-bottom:14px}
.almsyr-root .eyebrow::after{content:""; flex:1; height:1px; background:var(--rule)}
.almsyr-root .lead{font-size:18px; color:var(--ink2); line-height:1.95}
.almsyr-root .num{font-family:var(--mono); font-variant-numeric:tabular-nums}
/* hero */
.almsyr-root .hero{padding:64px 0 0; border-bottom:1px solid var(--rule)}
.almsyr-root .docmeta{display:flex; flex-wrap:wrap; gap:10px 22px; font-family:var(--mono); font-size:11px; letter-spacing:.14em; color:var(--ink3); margin-bottom:38px}
.almsyr-root .docmeta b{color:var(--ink); font-weight:600}
.almsyr-root .brands{display:grid; grid-template-columns:1fr 56px 1fr; gap:0; margin-bottom:46px}
.almsyr-root .chip{border:1px solid var(--rule); border-radius:3px; display:flex; align-items:center; justify-content:center; padding:28px 26px; min-height:148px; text-align:center}
.almsyr-root .chip img{max-width:100%; max-height:86px; display:block}
.almsyr-root .chip.acad{background:var(--gold-soft); border-color:#EBDDB6}
.almsyr-root .chip.acad img{max-height:104px}
.almsyr-root .join{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px}
.almsyr-root .join span{font-family:var(--mono); font-size:16px; color:var(--rule-strong)}
.almsyr-root .join i{display:block; width:1px; flex:1; background:var(--rule)}
.almsyr-root h1{font-size:clamp(29px,4.8vw,50px); line-height:1.3; margin-bottom:20px}
.almsyr-root h1 em{font-style:normal; color:var(--purple)}
.almsyr-root .hero .lead{max-width:66ch}
/* signature: station track */
.almsyr-root .track{margin:46px 0 0; padding:30px 0 34px; border-top:1px dashed var(--rule); display:flex; align-items:stretch; gap:0; overflow-x:auto}
.almsyr-root .st{flex:1; min-width:112px; padding:2px 16px; border-right:1px solid var(--rule)}
.almsyr-root .st:first-child{border-right:0; padding-right:0}
.almsyr-root .st span{display:block; font-family:var(--display); font-size:14.5px; font-weight:700; color:var(--ink); line-height:1.6}
.almsyr-root .st small{display:block; font-family:var(--mono); font-size:10.5px; color:var(--ink3); margin-top:4px; line-height:1.6}
.almsyr-root .st.pass span{color:var(--green-deep)}
.almsyr-root .st.pass span::before{content:"\2713"; margin-left:7px; color:var(--green)}
/* sections */
.almsyr-root section{padding:74px 0; border-bottom:1px solid var(--rule)}
.almsyr-root section.tinted{background:var(--tint)}
.almsyr-root h2{font-size:clamp(22px,3vw,31px); margin-bottom:18px}
.almsyr-root h3{font-size:18px; margin-bottom:8px}
/* headline price */
.almsyr-root .hero-price{display:grid; grid-template-columns:auto 1fr; gap:0; margin-top:34px; border:1px solid var(--rule); border-radius:3px; overflow:hidden; background:var(--paper)}
.almsyr-root .hp-left{background:var(--ink); color:#fff; padding:34px 40px; text-align:center; display:flex; flex-direction:column; justify-content:center}
.almsyr-root .hp-left .was{font-family:var(--mono); font-size:15px; color:#8E939C; text-decoration:line-through; margin-bottom:6px}
.almsyr-root .hp-left .now{font-family:var(--display); font-weight:800; font-size:60px; line-height:1; color:#fff}
.almsyr-root .hp-left .now small{font-family:var(--body); font-size:16px; font-weight:500; color:#B9BEC6; display:block; margin-top:8px}
.almsyr-root .hp-left .badge{margin-top:16px; display:inline-block; background:var(--green); color:#fff; font-family:var(--mono); font-size:11px; padding:5px 13px; border-radius:100px; align-self:center}
.almsyr-root .hp-right{padding:30px 32px; display:flex; flex-direction:column; justify-content:center}
.almsyr-root .hp-right p{font-size:15.5px; color:var(--ink2); margin:0 0 12px}
.almsyr-root .hp-right p:last-child{margin:0}
.almsyr-root .hp-right b{color:var(--ink)}
/* exam grid */
.almsyr-root .exam{display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:34px; border:1px solid var(--rule); border-radius:3px; overflow:hidden; background:var(--paper)}
.almsyr-root .ex{padding:24px 26px; border-left:1px solid var(--rule); border-bottom:1px solid var(--rule)}
.almsyr-root .ex:nth-child(3n){border-left:0}
.almsyr-root .ex:nth-last-child(-n+3){border-bottom:0}
.almsyr-root .ex .k{font-family:var(--mono); font-size:10.5px; letter-spacing:.16em; color:var(--gold); margin-bottom:9px}
.almsyr-root .ex h3{font-size:16px; margin-bottom:6px}
.almsyr-root .ex ul{list-style:none; margin:0; padding:0}
.almsyr-root .ex li{font-size:14px; color:var(--ink2); padding:3px 0; display:flex; gap:9px}
.almsyr-root .ex li::before{content:""; flex:none; width:5px; height:5px; border-radius:50%; background:var(--rule-strong); margin-top:9px}
/* tiers */
.almsyr-root .tiers{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:36px}
.almsyr-root .tier{border:1px solid var(--rule); border-radius:3px; background:var(--paper); display:flex; flex-direction:column; overflow:hidden}
.almsyr-root .tier.feature{border-color:var(--purple); box-shadow:0 0 0 1px var(--purple)}
.almsyr-root .tier header{padding:24px 26px 20px; border-bottom:1px dashed var(--rule)}
.almsyr-root .tier .pid{font-family:var(--mono); font-size:11px; letter-spacing:.18em; color:var(--ink3); margin-bottom:10px; display:flex; justify-content:space-between; align-items:center}
.almsyr-root .tier .pid .flag{background:var(--purple); color:#fff; border-radius:100px; padding:3px 11px; letter-spacing:.1em; font-size:9.5px}
.almsyr-root .tier h3{font-size:20px}
.almsyr-root .tier .for{font-size:13.5px; color:var(--ink3); margin-top:5px}
.almsyr-root .figs{display:grid; grid-template-columns:1fr 1fr 1fr; border-bottom:1px solid var(--rule)}
.almsyr-root .fig{padding:18px 14px; text-align:center; border-left:1px solid var(--rule)}
.almsyr-root .fig:last-child{border-left:0}
.almsyr-root .fig b{display:block; font-family:var(--display); font-size:22px; font-weight:800; color:var(--purple-deep); line-height:1.2}
.almsyr-root .fig span{font-size:11.5px; color:var(--ink3); line-height:1.5; display:block}
.almsyr-root .tier ul{list-style:none; margin:0; padding:20px 26px; flex:1}
.almsyr-root .tier li{font-size:14.5px; color:var(--ink2); padding:6px 0; display:flex; gap:11px; line-height:1.7}
.almsyr-root .tier li::before{content:""; flex:none; width:6px; height:6px; border-radius:50%; background:var(--green); margin-top:10px}
.almsyr-root .tier .foot{padding:18px 26px; background:var(--tint); border-top:1px solid var(--rule); display:flex; justify-content:space-between; align-items:flex-end; gap:14px}
.almsyr-root .tier .foot .lbl{font-size:12.5px; color:var(--ink3); display:block}
.almsyr-root .tier .foot .val{font-family:var(--display); font-weight:800; font-size:26px; color:var(--purple-deep); line-height:1.1}
.almsyr-root .tier .foot .val small{font-family:var(--body); font-size:13px; font-weight:500; color:var(--ink2)}
/* illustrative table */
.almsyr-root .tablewrap{margin-top:30px; border:1px solid var(--rule); border-radius:3px; overflow-x:auto; background:var(--paper)}
.almsyr-root table{width:100%; border-collapse:collapse; font-size:15px; min-width:560px}
.almsyr-root th, .almsyr-root td{text-align:right; padding:14px 20px; border-bottom:1px solid var(--rule)}
.almsyr-root thead th{background:var(--ink); color:#fff; font-family:var(--display); font-weight:700; font-size:13px; border-bottom:0}
.almsyr-root thead th.c2{background:#3A3E46} thead th.c3{background:var(--purple-deep)}
.almsyr-root tbody tr:last-child td{border-bottom:0}
.almsyr-root tbody tr:nth-child(even){background:var(--tint2)}
.almsyr-root td.num, .almsyr-root td.pct{font-family:var(--mono); font-variant-numeric:tabular-nums; white-space:nowrap}
.almsyr-root td.pct.b{color:var(--green-deep); font-weight:600}
.almsyr-root caption{caption-side:bottom; text-align:right; padding:14px 20px; font-size:12.5px; color:var(--ink3); border-top:1px solid var(--rule)}
/* day plan */
.almsyr-root .steps{margin-top:34px; border-top:1px solid var(--rule)}
.almsyr-root .step{display:grid; grid-template-columns:96px 1fr; gap:22px; padding:20px 0; border-bottom:1px solid var(--rule); align-items:start}
.almsyr-root .step .n{font-family:var(--mono); font-size:12.5px; font-weight:600; color:var(--gold); padding-top:4px}
.almsyr-root .step h3{font-size:16px; margin-bottom:3px}
.almsyr-root .step p{font-size:14.5px; color:var(--ink2); margin:0}
/* exchange */
.almsyr-root .exchange{display:grid; grid-template-columns:1fr 1fr; margin-top:34px; border:1px solid var(--rule); border-radius:3px; overflow:hidden; background:var(--paper)}
.almsyr-root .col{padding:30px 28px}
.almsyr-root .col:first-child{border-left:1px solid var(--rule); background:var(--purple-soft)}
.almsyr-root .col:last-child{background:var(--ink); color:#fff}
.almsyr-root .col h3{font-size:17px; margin-bottom:6px}
.almsyr-root .col:first-child h3{color:var(--purple-deep)}
.almsyr-root .col:last-child h3{color:#fff}
.almsyr-root .col .who{font-family:var(--mono); font-size:10.5px; letter-spacing:.18em; margin-bottom:16px; color:var(--ink3)}
.almsyr-root .col:last-child .who{color:#8E939C}
.almsyr-root .col ul{list-style:none; margin:0; padding:0}
.almsyr-root .col li{font-size:14.5px; line-height:1.8; padding:11px 0; border-top:1px solid rgba(0,0,0,.08)}
.almsyr-root .col:last-child li{border-top:1px solid rgba(255,255,255,.12); color:#D9DCE1}
.almsyr-root .col li:first-child{border-top:0}
/* extras */
.almsyr-root .grid3{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:34px}
.almsyr-root .card{background:var(--paper); border:1px solid var(--rule); border-radius:3px; padding:26px}
.almsyr-root .card .kicker{font-family:var(--mono); font-size:11px; letter-spacing:.16em; color:var(--gold); margin-bottom:12px}
.almsyr-root .card p{font-size:14.5px; color:var(--ink2); margin:0}
/* terms */
.almsyr-root .terms{list-style:none; margin:30px 0 0; padding:0; columns:2; column-gap:44px}
.almsyr-root .terms li{font-size:14.5px; color:var(--ink2); line-height:1.8; padding:0 0 14px; break-inside:avoid; display:flex; gap:12px}
.almsyr-root .terms li b{flex:none; font-family:var(--mono); font-size:11.5px; color:var(--gold); padding-top:5px; font-weight:600}
/* close */
.almsyr-root .close{background:var(--ink); color:#fff; border-bottom:0}
.almsyr-root .close h2{color:#fff}
.almsyr-root .close .lead{color:#B9BEC6}
.almsyr-root .sign{display:grid; grid-template-columns:1fr 1fr; margin-top:46px; border:1px solid rgba(255,255,255,.16); border-radius:3px}
.almsyr-root .sigbox{padding:28px}
.almsyr-root .sigbox:first-child{border-left:1px solid rgba(255,255,255,.16)}
.almsyr-root .sigbox .who{font-family:var(--mono); font-size:10.5px; letter-spacing:.18em; color:#8E939C; margin-bottom:10px}
.almsyr-root .sigbox strong{display:block; font-family:var(--display); font-size:16px; margin-bottom:3px}
.almsyr-root .sigbox span{font-size:13.5px; color:#B9BEC6}
.almsyr-root .sigline{margin-top:34px; border-bottom:1px dashed rgba(255,255,255,.3); height:34px}
.almsyr-root .sigcap{font-family:var(--mono); font-size:10.5px; color:#8E939C; margin-top:8px; display:flex; justify-content:space-between}
.almsyr-root .contact{display:flex; flex-wrap:wrap; gap:12px 34px; margin-top:40px; padding-top:26px; border-top:1px solid rgba(255,255,255,.16); font-size:14px; color:#B9BEC6}
.almsyr-root .contact b{color:#fff; font-weight:600}
.almsyr-root .fill{border-bottom:1px dotted rgba(255,255,255,.45); min-width:130px; display:inline-block}

.almsyr-root footer .wrap{padding:26px 28px; font-size:12.5px; color:var(--ink3); display:flex; flex-wrap:wrap; gap:8px 20px; justify-content:space-between; font-family:var(--mono); letter-spacing:.06em}

.almsyr-root .reveal{opacity:0; transform:translateY(14px); transition:opacity .7s ease, transform .7s ease}
.almsyr-root .reveal.in{opacity:1; transform:none}
@media (prefers-reduced-motion:reduce){ .reveal{opacity:1; transform:none; transition:none} html{scroll-behavior:auto} }

@media (max-width:900px){
  .brands{grid-template-columns:1fr; gap:14px}
  .join{flex-direction:row; height:26px}
  .join i{width:auto; height:1px; flex:1}
  .hero-price{grid-template-columns:1fr}
  .exam,.grid3,.tiers,.exchange,.sign{grid-template-columns:1fr}
  .ex{border-left:0}
  .ex:nth-last-child(-n+3){border-bottom:1px solid var(--rule)}
  .ex:last-child{border-bottom:0}
  .col:first-child,.sigbox:first-child{border-left:0}
  .col:first-child{border-bottom:1px solid var(--rule)}
  .sigbox:first-child{border-bottom:1px solid rgba(255,255,255,.16)}
  .terms{columns:1}
  .step{grid-template-columns:72px 1fr; gap:14px}
  section{padding:52px 0}
  .rail,.railprog{width:3px}
}

@media print{
  .rail,.railprog{display:none}
  body{font-size:11.5pt}
  section{padding:20pt 0; break-inside:avoid; border-bottom:.5pt solid #ccc}
  .close{background:#fff !important; color:#000 !important}
  .close h2,.sigbox strong{color:#000 !important}
  .close .lead,.sigbox span,.contact{color:#333 !important}
  .col:last-child{background:#fff !important; color:#000 !important}
  .col:last-child h3{color:#000 !important}
  .col:last-child li{color:#222 !important; border-top:.5pt solid #ddd !important}
  .sign,.sigbox:first-child,.contact{border-color:#bbb !important}
/* letterhead */
.nextbox-cta{display:none}
  .nextbox{background:var(--tint) !important; border-color:var(--rule) !important}
  .nextbox h3{color:var(--ink) !important}
  .nextbox p{color:var(--ink2) !important}
  .signed-badge{background:var(--green-soft) !important; border-color:var(--green) !important; color:var(--ink) !important}
  .signed-badge b{color:var(--purple-deep) !important}
  .printsheet .ps-head{text-align:center; margin-bottom:16pt; padding-bottom:12pt; border-bottom:1.5pt solid var(--purple)}
  .printsheet .ps-logos{display:flex; align-items:center; justify-content:center; gap:14pt; margin-bottom:10pt}
  .printsheet .ps-logos img{max-height:46pt; max-width:130pt; object-fit:contain}
  .printsheet .ps-x{color:var(--rule-strong); font-size:13pt}
  .printsheet .ps-title{font-family:var(--display); font-size:15pt; font-weight:800; color:var(--purple-deep); line-height:1.4}
  .printsheet .ps-sub{font-size:9.5pt; color:var(--ink2); margin-top:5pt}
  .printsheet .ps-meta{display:flex; justify-content:center; gap:16pt; flex-wrap:wrap; margin-top:9pt; font-size:8.5pt; color:var(--ink3)}
  .printsheet .ps-meta b{color:var(--ink); font-family:var(--mono)}
  .printsheet .cdoc-hello{font-weight:700; color:var(--purple-deep)}
/* signed proof */
.printsheet .ps-signed{margin-top:14pt; padding:10pt 12pt; border:1pt solid var(--green); background:var(--green-soft); font-size:10pt; text-align:right; break-inside:avoid}
  .printsheet .ps-signed b{color:var(--green-deep)}
  .printsheet .ps-sigimg{margin-top:6pt}
  .printsheet .ps-sigimg img{max-height:50pt; background:#fff}
/* official footer */
.printsheet .ps-foot{margin-top:18pt; padding-top:9pt; border-top:1pt solid var(--rule); font-size:8.5pt; color:var(--ink3); text-align:center; line-height:1.9}
/* page geometry */
@page{margin:16mm 15mm}
  .sigline{border-bottom:.5pt dashed #888}
  .sigcap,.sigbox .who{color:#666 !important}
  .fill{border-bottom:.5pt dotted #666}
  .tier,.card,.exam,.hero-price,.track{break-inside:avoid}
  .reveal{opacity:1 !important; transform:none !important}
  .hp-left,.chip.acad{-webkit-print-color-adjust:exact; print-color-adjust:exact}
}

.almsyr-root .hp-kicker{font-family:var(--mono); font-size:11px; letter-spacing:.18em; color:var(--ink3); margin-bottom:4px}
.almsyr-root .hero-price .now small{font-size:15px}
.almsyr-root .tier .figs{grid-template-columns:repeat(2,1fr)}
.almsyr-root .tier .foot .val.num{font-size:19px; font-weight:800; color:var(--purple-deep)}
.almsyr-root .tier .foot .val small{font-size:12px; font-weight:600; color:var(--ink3)}
/* eyebrow على الأقسام الداكنة */
.almsyr-root .close .eyebrow{color:rgba(255,255,255,.78)}
.almsyr-root .close .eyebrow::after{background:rgba(255,255,255,.28)}
/* ---------- stats + tags (components) ---------- */
.almsyr-root .mamstats{display:grid; grid-template-columns:repeat(4,1fr); gap:0; border:1px solid var(--rule); border-radius:3px; overflow:hidden; background:var(--paper)}
.almsyr-root .mamstat{padding:20px 16px; border-left:1px solid var(--rule); text-align:center}
.almsyr-root .mamstat:last-child{border-left:0}
.almsyr-root .mamstat b{display:block; font-family:var(--mono); font-size:23px; font-weight:700; color:var(--purple-deep); line-height:1; margin-bottom:6px}
.almsyr-root .mamstat span{display:block; font-size:12.5px; color:var(--ink2); line-height:1.65}
.almsyr-root .mamtags{display:flex; flex-wrap:wrap; gap:8px}
.almsyr-root .mamtag{display:inline-block; font-size:13px; font-weight:600; color:var(--ink2); background:var(--paper); border:1px solid var(--rule-strong); border-radius:100px; padding:6px 13px; line-height:1.6; text-decoration:none}
@media (max-width:760px){
  .mamstats{grid-template-columns:repeat(2,1fr)}
  .mamstat{border-left:0; border-top:1px solid var(--rule)}
  .mamstat:nth-child(1),.mamstat:nth-child(2){border-top:0}
  .mamstat:nth-child(odd){border-left:1px solid var(--rule)}
}
@media print{ .mamstats,.mamtags{break-inside:avoid} .mamtag{border-color:#B2C2D2} }
/* ---------- clinic row + vertical video ---------- */
.almsyr-root .clinicrow{display:grid; grid-template-columns:1fr 330px; gap:34px; align-items:stretch; margin-top:34px}
.almsyr-root .clinic-text{display:flex; flex-direction:column}
.almsyr-root .clinic-text>.mamstats{margin-top:0}
.almsyr-root .clinic-text>.mamtags{margin-top:20px; flex:1; align-content:flex-start}
.almsyr-root .clinic-text .mamstats{grid-template-columns:repeat(2,1fr)}
.almsyr-root .clinic-video{display:flex; flex-direction:column}
.almsyr-root .videowrap{border:1px solid var(--rule); border-radius:3px; overflow:hidden; background:var(--paper); display:flex; flex-direction:column; height:100%}
.almsyr-root .vid-head{padding:16px 20px; border-bottom:1px solid var(--rule); background:var(--tint2)}
.almsyr-root .vid-kicker{font-family:var(--mono); font-size:10.5px; letter-spacing:.2em; color:var(--red); text-transform:uppercase; display:block; margin-bottom:5px}
.almsyr-root .vid-head h3{font-size:16px; margin:0; color:var(--ink)}
.almsyr-root .vid-frame{position:relative; flex:1; min-height:420px; background:var(--ink); overflow:hidden}
.almsyr-root .vid-frame iframe{position:absolute; inset:0; width:100%; height:100%; border:0; z-index:2}
.almsyr-root .vid-ph{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; background:linear-gradient(140deg,#173A5C,#0E2338 60%,#0A2540); color:rgba(255,255,255,.72); text-align:center; padding:20px}
.almsyr-root .vid-ph p{margin:0; font-size:13px; line-height:1.9}
.almsyr-root .vid-ph em{font-style:normal; font-family:var(--mono); font-size:11px; letter-spacing:.1em; color:rgba(255,255,255,.5)}
.almsyr-root .vid-play{width:54px; height:54px; border-radius:50%; border:1.5px solid rgba(255,255,255,.3); position:relative; display:block}
.almsyr-root .vid-play::after{content:""; position:absolute; top:50%; right:50%; transform:translate(50%,-50%); border-style:solid; border-width:10px 15px 10px 0; border-color:transparent rgba(255,255,255,.6) transparent transparent}
@media (max-width:980px){
  .clinicrow{grid-template-columns:1fr; gap:28px}
  .clinic-video{max-width:340px; margin-inline:auto}
  .vid-frame{aspect-ratio:9/16; min-height:0}
  .clinic-text>.mamtags{flex:none}
}
@media print{
  .clinicrow{grid-template-columns:1fr 240px; gap:20pt; break-inside:avoid}
  .vid-frame{aspect-ratio:9/16; min-height:0}
  .vid-frame iframe{display:none}
  .vid-ph{background:#fff !important; color:#33475F !important; border:.5pt dashed #B2C2D2}
  .vid-ph em{color:#5A6E85 !important}
}

.almsyr-root .offer .oprice small.oyear{font-family:var(--mono); font-size:11px; letter-spacing:.02em; line-height:1.7}
.almsyr-root .offer .oprice small.oyear b{display:block; margin-top:2px; font-family:var(--display); font-size:12.5px; font-weight:800; color:var(--red-deep); letter-spacing:0}
/* ---------- motion system ---------- */
:root{--ease:cubic-bezier(.22,.61,.36,1); --ease-out:cubic-bezier(.16,1,.3,1)}
.almsyr-root .reveal{opacity:0; transform:translateY(22px); transition:opacity .8s var(--ease-out), transform .8s var(--ease-out)}
.almsyr-root .reveal.in{opacity:1; transform:none}
.almsyr-root .reveal .eyebrow, .almsyr-root .reveal>.wrap>h2, .almsyr-root .reveal>.wrap>.lead{opacity:0; transform:translateY(16px); transition:opacity .7s var(--ease-out), transform .7s var(--ease-out)}
.almsyr-root .reveal.in .eyebrow{opacity:1; transform:none; transition-delay:.05s}
.almsyr-root .reveal.in>.wrap>h2{opacity:1; transform:none; transition-delay:.14s}
.almsyr-root .reveal.in>.wrap>.lead{opacity:1; transform:none; transition-delay:.22s}
.almsyr-root .eyebrow::after{transform:scaleX(0); transform-origin:right; transition:transform .9s var(--ease-out) .3s}
.almsyr-root .reveal.in .eyebrow::after{transform:scaleX(1)}
.almsyr-root .stagger>*{opacity:0; transform:translateY(20px); transition:opacity .7s var(--ease-out), transform .7s var(--ease-out)}
.almsyr-root .reveal.in .stagger>*{opacity:1; transform:none}
.almsyr-root .reveal.in .stagger>*:nth-child(1){transition-delay:.10s}
.almsyr-root .reveal.in .stagger>*:nth-child(2){transition-delay:.18s}
.almsyr-root .reveal.in .stagger>*:nth-child(3){transition-delay:.26s}
.almsyr-root .reveal.in .stagger>*:nth-child(4){transition-delay:.34s}
.almsyr-root .reveal.in .stagger>*:nth-child(5){transition-delay:.42s}
.almsyr-root .reveal.in .stagger>*:nth-child(6){transition-delay:.50s}
.almsyr-root .reveal.in .stagger>*:nth-child(7){transition-delay:.58s}
.almsyr-root .reveal.in .stagger>*:nth-child(8){transition-delay:.66s}
.almsyr-root .tablewrap tbody tr{opacity:0; transform:translateX(14px); transition:opacity .55s var(--ease-out), transform .55s var(--ease-out)}
.almsyr-root .reveal.in .tablewrap tbody tr{opacity:1; transform:none}
.almsyr-root .reveal.in .tablewrap tbody tr:nth-child(1){transition-delay:.20s}
.almsyr-root .reveal.in .tablewrap tbody tr:nth-child(2){transition-delay:.28s}
.almsyr-root .reveal.in .tablewrap tbody tr:nth-child(3){transition-delay:.36s}
@keyframes riseIn{from{opacity:0; transform:translateY(26px)} to{opacity:1; transform:none}}
.almsyr-root .hero .docmeta{animation:riseIn .8s var(--ease-out) .05s both}
.almsyr-root .hero .brands{animation:riseIn .9s var(--ease-out) .18s both}
.almsyr-root .hero h1{animation:riseIn .9s var(--ease-out) .30s both}
.almsyr-root .hero .lead{animation:riseIn .9s var(--ease-out) .42s both}
.almsyr-root .hero .quickscan{animation:riseIn .9s var(--ease-out) .54s both}
/* ---------- centered hero ---------- */
.almsyr-root .hero{text-align:center; padding-top:52px}
.almsyr-root .hero .eyebrow{justify-content:center}
.almsyr-root .hero .eyebrow::after{display:none}
.almsyr-root .docmeta{justify-content:center}
.almsyr-root .hero .lead{margin-inline:auto}
.almsyr-root h1{text-wrap:balance}
.almsyr-root .hero .lead{text-wrap:pretty}
/* ---------- professional topbar ---------- */
.almsyr-root .topbar{position:sticky; top:0; z-index:55; background:rgba(255,255,255,.92); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom:1px solid var(--rule); transition:box-shadow .3s var(--ease), border-color .3s ease}
.almsyr-root .topbar.stuck{box-shadow:0 6px 26px rgba(14,35,56,.07); border-color:var(--rule-strong)}
.almsyr-root .topbar-in{display:flex; align-items:center; justify-content:space-between; gap:22px; padding:13px 28px; max-width:var(--maxw); margin:0 auto}
.almsyr-root .tb-brand{display:flex; align-items:center; gap:11px; flex:none}
.almsyr-root .tb-mark{width:9px; height:26px; border-radius:100px; background:linear-gradient(180deg,var(--purple) 0%,var(--red) 100%); flex:none}
.almsyr-root .tb-txt{font-family:var(--display); font-size:14px; font-weight:800; color:var(--ink); white-space:nowrap; letter-spacing:-.01em}
.almsyr-root .tb-txt i{font-style:normal; color:var(--rule-strong); font-weight:400; margin:0 3px}
.almsyr-root .tb-nav{display:flex; gap:2px; align-items:center; flex:1; justify-content:center}
.almsyr-root .tb-nav a{font-size:13.5px; color:var(--ink2); text-decoration:none; padding:8px 12px; border-radius:3px; white-space:nowrap; transition:color .2s ease; position:relative}
.almsyr-root .tb-nav a::after{content:""; position:absolute; bottom:4px; right:12px; left:12px; height:1.5px; background:var(--purple); transform:scaleX(0); transform-origin:right; transition:transform .3s var(--ease-out)}
.almsyr-root .tb-nav a:hover{color:var(--purple-deep)}
.almsyr-root .tb-nav a:hover::after, .almsyr-root .tb-nav a.active::after{transform:scaleX(1)}
.almsyr-root .tb-nav a.active{color:var(--purple-deep); font-weight:600}
.almsyr-root .tb-cta{display:flex; align-items:center; gap:9px; flex:none}
.almsyr-root .tb-call{font-family:var(--mono); font-size:13px; font-weight:600; color:var(--ink); text-decoration:none; padding:9px 13px; border:1px solid var(--rule-strong); border-radius:3px; white-space:nowrap; transition:.25s}
.almsyr-root .tb-call:hover{border-color:var(--purple); color:var(--purple-deep); background:var(--purple-soft)}
.almsyr-root .tb-wa{font-size:13.5px; font-weight:600; color:#fff; background:var(--purple); text-decoration:none; padding:10px 17px; border-radius:3px; white-space:nowrap; transition:background .25s ease, transform .25s var(--ease)}
.almsyr-root .tb-wa:hover{background:var(--purple-deep); transform:translateY(-1px)}
/* ---------- polish ---------- */
.almsyr-root .card, .almsyr-root .opt, .almsyr-root .step, .almsyr-root .incl{transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease}
.almsyr-root .card:hover, .almsyr-root .incl:hover{transform:translateY(-3px); box-shadow:0 8px 26px rgba(14,35,56,.07); border-color:var(--rule-strong)}
.almsyr-root .opt:hover{box-shadow:0 10px 30px rgba(14,35,56,.08)}
.almsyr-root tbody tr{transition:background .18s ease}
.almsyr-root tbody tr:hover{background:var(--purple-soft)}
.almsyr-root .term:hover{background:var(--tint2)}
.almsyr-root .chip{transition:border-color .35s var(--ease), transform .35s var(--ease), box-shadow .35s var(--ease)}
.almsyr-root .chip:hover{transform:translateY(-3px); box-shadow:0 10px 34px rgba(14,35,56,.09); border-color:var(--purple)}

@media (max-width:1040px){ .tb-nav{display:none} }
@media (max-width:640px){
  .topbar-in{padding:11px 18px; gap:12px}
  .tb-txt{font-size:12.5px}
  .tb-call{display:none}
  .tb-wa{padding:9px 14px; font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .reveal,.reveal .eyebrow,.reveal>.wrap>h2,.reveal>.wrap>.lead,.stagger>*,.tablewrap tbody tr{opacity:1 !important; transform:none !important; transition:none !important}
  .eyebrow::after{transform:scaleX(1) !important}
  .hero .docmeta,.hero .brands,.hero h1,.hero .lead,.hero .quickscan{animation:none !important}
}
@media print{
  .topbar{display:none}
  .hero{padding-top:0}
  .card:hover,.incl:hover,.opt:hover,tbody tr:hover{transform:none !important; box-shadow:none !important; background:transparent !important}
}
/* ---------- three offers ---------- */
.almsyr-root .offers{display:grid; grid-template-columns:repeat(3,1fr); gap:0; border:1px solid var(--rule); border-radius:3px; overflow:hidden; margin-top:34px; background:var(--paper)}
.almsyr-root .offer{padding:0; border-left:1px solid var(--rule); display:flex; flex-direction:column}
.almsyr-root .offer:last-child{border-left:0}
.almsyr-root .offer.feature{background:var(--purple-soft)}
.almsyr-root .offer > header{padding:24px 22px 18px; border-bottom:1px solid var(--rule)}
.almsyr-root .offer .onum{font-family:var(--mono); font-size:10.5px; letter-spacing:.2em; color:var(--red); display:flex; align-items:center; gap:9px; margin-bottom:11px}
.almsyr-root .offer .onum::after{content:""; flex:1; height:1px; background:var(--rule-strong)}
.almsyr-root .offer .oflag{font-size:10px; font-weight:700; background:var(--purple); color:#fff; padding:3px 9px; border-radius:20px; letter-spacing:0}
.almsyr-root .offer h3{font-size:18px; color:var(--ink); margin:0 0 6px; line-height:1.45}
.almsyr-root .offer .ofor{font-size:13px; color:var(--ink2); line-height:1.7}
.almsyr-root .offer .oprice{padding:18px 22px; background:var(--tint2); border-bottom:1px solid var(--rule)}
.almsyr-root .offer.feature .oprice{background:#fff}
.almsyr-root .offer .oprice b{display:block; font-family:var(--mono); font-size:27px; font-weight:700; color:var(--purple-deep); line-height:1}
.almsyr-root .offer .oprice small{display:block; font-size:12px; color:var(--ink2); margin-top:5px; font-weight:600}
.almsyr-root .offer ul{list-style:none; margin:0; padding:18px 22px; flex:1; display:grid; gap:9px; align-content:start}
.almsyr-root .offer li{position:relative; padding-right:16px; font-size:14px; color:var(--ink2); line-height:1.75}
.almsyr-root .offer li::before{content:""; position:absolute; right:0; top:9px; width:6px; height:6px; border-radius:50%; background:var(--red)}
.almsyr-root .offer .obonus{margin:0 22px 20px; padding:12px 14px; background:var(--green-soft); border-right:2px solid var(--green); font-size:13px; color:#0A5A42; font-weight:600; line-height:1.7}
@media (max-width:900px){
  .offers{grid-template-columns:1fr}
  .offer{border-left:0; border-bottom:1px solid var(--rule)}
  .offer:last-child{border-bottom:0}
}
@media print{ .offers{grid-template-columns:repeat(3,1fr)} .offer{break-inside:avoid} }

.almsyr-root .sigline{margin-top:34px; border-bottom:1px dashed rgba(255,255,255,.3); height:34px}

.almsyr-root .sigline{transition:border-color .3s ease}

.almsyr-root .sign .sigbox:hover .sigline{border-bottom-color:var(--red)}
/* ---------- next-step + signed badge ---------- */
.almsyr-root .nextbox{display:flex; gap:20px; align-items:flex-start; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.14); border-radius:4px; padding:30px 32px; margin-top:8px}

.almsyr-root .nextbox-ic{flex:none; width:44px; height:44px; border-radius:50%; background:var(--green); color:#fff; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:700}

.almsyr-root .nextbox h3{font-size:19px; color:#fff; margin:0 0 8px}

.almsyr-root .nextbox p{margin:0; font-size:15px; color:rgba(255,255,255,.76); line-height:1.9; max-width:62ch}

.almsyr-root .nextbox-cta{display:flex; gap:10px; flex-wrap:wrap; margin-top:18px}

.almsyr-root .btn-wa-lg{background:var(--green); color:#fff; border:0; cursor:pointer; font-family:var(--body); text-decoration:none; font-size:14.5px; font-weight:600; padding:12px 22px; border-radius:3px; transition:transform .25s var(--ease), filter .25s ease}

.almsyr-root .btn-wa-lg:hover{transform:translateY(-1px); filter:brightness(1.08)}

.almsyr-root .btn-ghost-lg{background:transparent; color:#fff; border:1px solid rgba(255,255,255,.3); text-decoration:none; font-family:var(--mono); font-size:14px; padding:12px 20px; border-radius:3px; transition:border-color .25s ease, background .25s ease}

.almsyr-root .btn-ghost-lg:hover{border-color:#fff; background:rgba(255,255,255,.07)}

.almsyr-root .signed-badge{display:flex; align-items:center; gap:10px; margin-top:18px; background:rgba(42,163,154,.14); border:1px solid rgba(42,163,154,.42); border-radius:3px; padding:12px 16px; font-size:14px; color:#fff}

.almsyr-root .signed-badge .sb-dot{flex:none; width:9px; height:9px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px rgba(42,163,154,.22)}

.almsyr-root .signed-badge b{color:#7DE0D6}
/* ---------- contract modal ---------- */
.almsyr-root .cmodal{position:fixed; inset:0; z-index:120; display:flex; align-items:flex-start; justify-content:center; padding:28px 18px; overflow-y:auto}

.almsyr-root .cmodal[hidden]{display:none}

.almsyr-root .cmodal-back{position:fixed; inset:0; background:rgba(26,16,32,.72); backdrop-filter:blur(4px)}

.almsyr-root .cmodal-box{position:relative; z-index:2; width:100%; max-width:860px; background:var(--paper); border-radius:5px; box-shadow:0 30px 90px rgba(34,24,37,.4); animation:cmIn .35s var(--ease-out) both}

.almsyr-root .cmodal-head{position:sticky; top:0; z-index:3; display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:22px 28px; background:var(--paper); border-bottom:1px solid var(--rule); border-radius:5px 5px 0 0}

.almsyr-root .cmodal-kicker{font-family:var(--mono); font-size:10.5px; letter-spacing:.2em; color:var(--red); text-transform:uppercase}

.almsyr-root .cmodal-head h2{font-size:19px; margin:5px 0 0; color:var(--ink); line-height:1.5}

.almsyr-root .cmodal-head h2 i{font-style:normal; color:var(--rule-strong); margin:0 4px}

.almsyr-root .cmodal-x{flex:none; width:36px; height:36px; border:1px solid var(--rule); background:var(--paper); border-radius:3px; font-size:22px; line-height:1; color:var(--ink2); cursor:pointer; transition:.2s}

.almsyr-root .cmodal-x:hover{background:var(--red-soft); border-color:var(--red); color:var(--red-deep)}

.almsyr-root .cmodal-body{padding:28px; font-size:14.5px; line-height:1.95; color:var(--ink2); max-height:none}

.almsyr-root .cdoc-hello{font-weight:600; color:var(--ink)}

.almsyr-root .cmodal-body h3{font-size:16px; color:var(--purple-deep); margin:26px 0 8px; padding-bottom:6px; border-bottom:1px solid var(--rule)}

.almsyr-root .cmodal-body h4{font-size:14.5px; color:var(--red-deep); margin:18px 0 6px}

.almsyr-root .cmodal-body p{margin:0 0 10px}

.almsyr-root .cmodal-body ul{margin:0 0 12px; padding:0; list-style:none}

.almsyr-root .cmodal-body li{position:relative; padding-right:20px; margin-bottom:8px}

.almsyr-root .cmodal-body li::before{content:""; position:absolute; top:11px; right:6px; width:5px; height:5px; border-radius:50%; background:var(--red)}

.almsyr-root .cmodal-body b{color:var(--ink)}

.almsyr-root .cmodal-body .code{font-family:var(--mono); background:var(--red-soft); color:var(--red-deep); padding:2px 8px; border-radius:3px; letter-spacing:.05em}

.almsyr-root .cdoc-final{margin-top:20px; padding:14px 18px; background:var(--tint2); border-right:3px solid var(--purple); font-weight:600; color:var(--ink)}

.almsyr-root .cdoc-parties{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:24px 0 18px}

.almsyr-root .cdoc-party{border:1px solid var(--rule); border-radius:3px; padding:18px}

.almsyr-root .cp-who{font-family:var(--mono); font-size:10px; letter-spacing:.18em; color:var(--red); margin-bottom:6px}

.almsyr-root .cdoc-party strong{display:block; font-size:15px; color:var(--ink)}

.almsyr-root .cdoc-party span{display:block; font-size:13px; color:var(--ink3); margin-top:3px}

.almsyr-root .cp-sig{margin-top:14px; min-height:76px; border-top:1px dashed var(--rule-strong); padding-top:10px; display:flex; align-items:center; justify-content:center}

.almsyr-root .cp-sig em{font-style:normal; font-family:var(--mono); font-size:11px; color:var(--ink3); letter-spacing:.08em}

.almsyr-root .cp-sig img{max-height:70px; max-width:100%; object-fit:contain}

.almsyr-root .cdoc-foot{margin-top:16px; padding-top:14px; border-top:1px solid var(--rule); font-size:12.5px; color:var(--ink3); line-height:1.9}
/* ---------- signature area ---------- */
.almsyr-root .cmodal-sign{padding:26px 28px 30px; background:var(--tint); border-top:1px solid var(--rule); border-radius:0 0 5px 5px}

.almsyr-root .csign-head h3{font-size:17px; color:var(--purple-deep); margin:0 0 4px}

.almsyr-root .csign-head p{margin:0 0 16px; font-size:13.5px; color:var(--ink3)}

.almsyr-root .csign-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:14px}

.almsyr-root .csign-f{display:flex; flex-direction:column; gap:5px}

.almsyr-root .csign-f span{font-size:12px; font-weight:600; color:var(--purple-deep)}

.almsyr-root .csign-f input{font-family:var(--body); font-size:14.5px; padding:11px 13px; border:1px solid var(--rule-strong); border-radius:3px; background:var(--paper); color:var(--ink)}

.almsyr-root .csign-f input:focus{outline:none; border-color:var(--red); box-shadow:0 0 0 3px var(--red-soft)}

.almsyr-root .csign-pad-wrap{position:relative; background:var(--paper); border:1.5px dashed var(--rule-strong); border-radius:3px; overflow:hidden}

.almsyr-root #sigPad{display:block; width:100%; height:220px; touch-action:none; cursor:crosshair}

.almsyr-root .csign-hint{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-family:var(--mono); font-size:12px; letter-spacing:.14em; color:var(--ink3); pointer-events:none}

.almsyr-root .csign-hint[hidden]{display:none}

.almsyr-root .csign-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:16px}

.almsyr-root .btn-ghost-dark{background:var(--paper); color:var(--purple-deep); border:1px solid var(--rule-strong); font-family:var(--body); font-size:14px; padding:12px 20px; border-radius:3px; cursor:pointer; transition:.2s}

.almsyr-root .btn-ghost-dark:hover{border-color:var(--purple); background:var(--purple-soft)}

.almsyr-root .csign-note{margin:12px 0 0; font-size:12.5px; color:var(--ink3)}
/* ---------- saved state ---------- */
.almsyr-root .cmodal-saved{padding:34px 28px; background:var(--green-soft); border-top:1px solid var(--rule); text-align:center; border-radius:0 0 5px 5px}

.almsyr-root .cmodal-saved[hidden]{display:none}

.almsyr-root .sv-ic{width:52px; height:52px; margin:0 auto 14px; border-radius:50%; background:var(--green); color:#fff; display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:700}

.almsyr-root .cmodal-saved h3{font-size:19px; color:var(--ink); margin:0 0 6px}

.almsyr-root .cmodal-saved p{margin:0; font-size:14.5px; color:var(--ink2)}

.almsyr-root .sv-meta{display:inline-flex; align-items:center; gap:10px; margin-top:14px; background:var(--paper); border:1px solid var(--rule); border-radius:3px; padding:9px 16px; font-size:13px; color:var(--ink3)}

.almsyr-root .sv-meta b{color:var(--ink)}

.almsyr-root .sv-img{margin:16px auto 0; max-width:340px; background:var(--paper); border:1px solid var(--rule); border-radius:3px; padding:10px}

.almsyr-root .sv-img img{display:block; width:100%; height:auto}

.almsyr-root .cmodal-saved .csign-actions{justify-content:center}

  .almsyr-root .cmodal{padding:0}

  .almsyr-root .cmodal-box{max-width:100%; border-radius:0; min-height:100%}

  .almsyr-root .cmodal-head{padding:16px 18px; border-radius:0}

  .almsyr-root .cmodal-head h2{font-size:16px}

  .almsyr-root .cmodal-body{padding:20px 18px}

  .almsyr-root .cdoc-parties, .almsyr-root .csign-grid{grid-template-columns:1fr}

  .almsyr-root .cmodal-sign, .almsyr-root .cmodal-saved{padding:20px 18px 26px}

  .almsyr-root #sigPad{height:180px}

  .almsyr-root .nextbox{flex-direction:column; gap:14px; padding:24px 20px}
/* print-only: contract sheet */
.almsyr-root .printsheet{display:none}

  .almsyr-root body.printing-contract > *:not(.printsheet){display:none !important}

  .almsyr-root body.printing-contract .printsheet{display:block !important; direction:rtl; text-align:right; unicode-bidi:embed; font-family:var(--body); font-size:10.5pt; line-height:1.85; color:var(--ink)}

  .almsyr-root .printsheet h3{font-size:12pt; color:var(--purple-deep); margin:14pt 0 5pt; padding-bottom:3pt; border-bottom:.5pt solid var(--rule); text-align:right}

  .almsyr-root .printsheet h4{font-size:11pt; color:var(--red-deep); margin:10pt 0 4pt; text-align:right}

  .almsyr-root .printsheet p{margin:0 0 6pt; text-align:right}

  .almsyr-root .printsheet ul{margin:0 0 8pt; padding:0; list-style:none}

  .almsyr-root .printsheet li{position:relative; padding-right:12pt; margin-bottom:4pt; text-align:right; break-inside:avoid}

  .almsyr-root .printsheet li::before{content:"•"; position:absolute; right:0; color:var(--red)}

  .almsyr-root .printsheet .num{direction:ltr; unicode-bidi:isolate; display:inline-block}

  .almsyr-root .printsheet .cdoc-parties{display:flex; gap:14pt; margin:16pt 0 10pt; break-inside:avoid}

  .almsyr-root .printsheet .cdoc-party{flex:1; border:.5pt solid var(--rule-strong); padding:10pt; text-align:right}

  .almsyr-root .printsheet .cp-sig{margin-top:10pt; min-height:52pt; border-top:.5pt dashed var(--rule-strong); padding-top:6pt; display:flex; align-items:center; justify-content:center}

  .almsyr-root .printsheet .cp-sig img{max-height:48pt; max-width:100%}

  .almsyr-root .printsheet .cdoc-foot{margin-top:10pt; padding-top:8pt; border-top:.5pt solid var(--rule); font-size:9pt; color:var(--ink3); text-align:right}

  .almsyr-root .sigline{border-bottom:.5pt dashed #888}
@media (max-width:640px){
  .cmodal{padding:0}
  .cmodal-box{max-width:100%; border-radius:0; min-height:100%}
  .cmodal-head{padding:16px 18px; border-radius:0}
  .cmodal-head h2{font-size:16px}
  .cmodal-body{padding:20px 18px}
  .cdoc-parties,.csign-grid{grid-template-columns:1fr}
  .cmodal-sign,.cmodal-saved{padding:20px 18px 26px}
  #sigPad{height:180px}
  .nextbox{flex-direction:column; gap:14px; padding:24px 20px}
}
@media print{
  
}
@media print{
  body.printing-contract > *:not(.printsheet){display:none !important}
  body.printing-contract .printsheet{display:block !important; direction:rtl; text-align:right; unicode-bidi:embed; font-family:var(--body); font-size:10.5pt; line-height:1.85; color:var(--ink)}
  body.printing-contract{direction:rtl}
  .printsheet h3{font-size:12pt; color:var(--purple-deep); margin:14pt 0 5pt; padding-bottom:3pt; border-bottom:.5pt solid var(--rule); text-align:right}
  .printsheet h4{font-size:11pt; color:var(--red-deep); margin:10pt 0 4pt; text-align:right}
  .printsheet p{margin:0 0 6pt; text-align:right}
  .printsheet ul{margin:0 0 8pt; padding:0; list-style:none}
  .printsheet li{position:relative; padding-right:12pt; margin-bottom:4pt; text-align:right; break-inside:avoid}
  .printsheet li::before{content:"•"; position:absolute; right:0; color:var(--red)}
  .printsheet .num{direction:ltr; unicode-bidi:isolate; display:inline-block}
  .printsheet .cdoc-parties{display:flex; gap:14pt; margin:16pt 0 10pt; break-inside:avoid}
  .printsheet .cdoc-party{flex:1; border:.5pt solid var(--rule-strong); padding:10pt; text-align:right}
  .printsheet .cp-sig{margin-top:10pt; min-height:52pt; border-top:.5pt dashed var(--rule-strong); padding-top:6pt; display:flex; align-items:center; justify-content:center}
  .printsheet .cp-sig img{max-height:48pt; max-width:100%}
  .printsheet .cdoc-foot{margin-top:10pt; padding-top:8pt; border-top:.5pt solid var(--rule); font-size:9pt; color:var(--ink3); text-align:right}
  @page{margin:15mm}
}
/* ---------- mobile hardening (bushra) ---------- */
@media (max-width:760px){
  .hero-price{grid-template-columns:1fr; gap:20px; padding:22px 20px}
  .hp-left{border-inline-end:0; border-bottom:1px solid var(--rule); padding-bottom:18px; text-align:center}
  .hero-price .now{font-size:34px}
  .track{grid-template-columns:1fr 1fr; gap:8px}
  .track .st{padding:12px 10px}
  .track .st span{font-size:12.5px}
  .track .st small{font-size:10.5px}
  .cdoc-parties{flex-direction:column; gap:14px}
  .cmodal-box{width:100%; max-height:100%; border-radius:0}
  .cmodal-head{padding:16px 18px}
  .cmodal-head h2{font-size:15px}
  .cmodal-body{padding:18px}
  .cmodal-sign,.cmodal-saved{padding:20px 18px}
  .csign-grid{grid-template-columns:1fr}
  .csign-actions{flex-direction:column}
  .csign-actions>*{width:100%; justify-content:center; text-align:center}
  #sigPad{height:170px}
  .nextbox{flex-direction:column; gap:14px; padding:22px 18px}
  .nextbox-cta{flex-direction:column}
  .nextbox-cta>*{width:100%; text-align:center; justify-content:center}
  .signed-badge{flex-direction:column; align-items:flex-start; gap:8px}
}
@media (max-width:480px){
  .track{grid-template-columns:1fr}
  .hero-price .now{font-size:30px}
  .mamstats{grid-template-columns:1fr !important}
}

@keyframes draw{to{stroke-dashoffset:0}}
@keyframes pulseX{0%,100%{opacity:.45; transform:scale(1)} 50%{opacity:1; transform:scale(1.14)}}
@keyframes dotPulse{0%,100%{box-shadow:0 0 0 5px var(--purple-soft)} 50%{box-shadow:0 0 0 9px rgba(123,45,142,.10)}}
@keyframes cmIn{from{opacity:0; transform:translateY(26px)} to{opacity:1; transform:none}}
/* ---------- bushra print scope ---------- */
@media print{
  .cmodal, .nextbox-cta, .csign-actions, .cmodal-sign{display:none !important}
}
/* ===== mobile hardening: price card · tables · lists ===== */
@media (max-width:760px){
  /* بطاقة تكلفة الحاج */
  .hero-price{display:block; padding:0; overflow:hidden}
  .hero-price .hp-left{padding:22px 20px; text-align:center; border-bottom:1px solid var(--rule); background:var(--tint2)}
  .hero-price .hp-kicker{font-size:10.5px; letter-spacing:.18em}
  .hero-price .now{font-size:40px; line-height:1.05; display:flex; align-items:baseline; justify-content:center; gap:7px; flex-wrap:wrap}
  .hero-price .now small{font-size:14px; font-weight:600}
  .hero-price .badge{margin-top:10px; display:inline-block}
  .hero-price .hp-right{padding:20px}
  .hero-price .hp-right p{font-size:14.5px; line-height:1.8; margin:0 0 12px}
  .hero-price .hp-right p:last-child{margin-bottom:0}
/* الجداول → بطاقات مكدّسة */
.tablewrap.mobcards{border:0; background:transparent; overflow:visible; box-shadow:none}
  .tablewrap.mobcards table,
  .tablewrap.mobcards tbody,
  .tablewrap.mobcards tr,
  .tablewrap.mobcards td{display:block; width:100%; min-width:0}
  .tablewrap.mobcards thead{display:none}
  .tablewrap.mobcards tr{background:var(--paper); border:1px solid var(--rule); border-radius:4px; margin-bottom:10px; padding:14px 16px}
  .tablewrap.mobcards tr:last-child{margin-bottom:0; border-color:var(--purple); background:var(--purple-soft)}
  .tablewrap.mobcards td{border:0; padding:0; text-align:right}
  .tablewrap.mobcards td:first-child{font-size:13px; color:var(--ink3); font-weight:600; margin-bottom:5px}
  .tablewrap.mobcards td.pct{font-family:var(--mono); font-size:19px; font-weight:700; color:var(--purple-deep)}
/* أي جدول آخر: تمرير أفقي واضح */
.tablewrap:not(.mobcards){overflow-x:auto; -webkit-overflow-scrolling:touch}
  .tablewrap:not(.mobcards) table{min-width:520px}
  th,td{padding:11px 13px; font-size:14px}
/* القوائم والنقاط */
.prose ul li,.col li,.offer li,.terms li span{font-size:14.5px; line-height:1.8}
  .terms li{gap:10px; padding:14px 0}
  .terms li b{font-size:12px; min-width:26px}
  .steps .step{gap:12px; padding:16px 0}
  .steps .step .n{font-size:11px; min-width:74px}
  .steps .step h3{font-size:15.5px}
  .steps .step p{font-size:14px; line-height:1.8}
  .exchange{grid-template-columns:1fr; gap:0}
  .exchange .col{padding:22px 20px}
  .exchange .col:first-child{border-bottom:1px solid var(--rule)}
  .grid3,.grid2,.grid22{grid-template-columns:1fr; gap:12px}
  .card{padding:20px}
  .card h3{font-size:16px}
  .card p{font-size:14px}
  .tnote{font-size:12.5px; line-height:1.9}
  .tnote b.num{display:inline-block; word-break:break-all}
}
@media (max-width:420px){
  .hero-price .now{font-size:34px}
  .tablewrap.mobcards td.pct{font-size:17px}
  .steps .step{flex-direction:column; gap:6px}
  .steps .step .n{min-width:0}
}
.almsyr-root .signed-badge[hidden]{display:none !important}
.almsyr-root .vatnote{margin-top:9px; font-size:12.5px; font-weight:600; color:var(--green); display:inline-flex; align-items:center; gap:6px; background:var(--green-soft); border:1px solid rgba(15,122,90,.22); padding:5px 12px; border-radius:20px}
.almsyr-root .vatnote::before{content:"✓"; font-weight:800}
@media (max-width:760px){.almsyr-root .vatnote{font-size:12px; margin-top:8px}}