/* Continuation of SRD-009; original prototype.css stays unchanged. */
.continuation-section{padding-block:64px}
.continuation-section h2{font-size:clamp(29px,3.8vw,45px);line-height:1.45}
.quiet-link{display:inline-flex;align-items:center;gap:18px;font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid #82907c;padding-block:10px;min-height:44px;flex-shrink:0;color:var(--green)}
.package-section{border-top:1px solid var(--line)}
.package-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #c5cbbd;border-radius:5px;overflow:hidden}
.package-included,.package-materials{padding:30px 34px}
.package-included{background:#e6e9df}
.package-materials{background:#faf7f0;border-inline-start:1px solid #c5cbbd}
.list-label{display:block;font-size:13px;font-weight:700;color:#516447;margin-bottom:8px}
.package-grid h3{font-size:24px;line-height:1.5}
.benefit-list{list-style:none;padding:0;margin:18px 0 0;font-size:16px;color:var(--muted)}
.benefit-list li{position:relative;padding-inline-start:23px;margin-top:10px}
.benefit-list li:before{content:'';position:absolute;inset-inline-start:1px;top:9px;width:7px;height:7px;border:1px solid #4c694a;transform:rotate(45deg)}
.package-note{margin-top:14px;font-size:14px;color:var(--muted)}
.process-section{background:#e9e5db;border-block:1px solid #d2ccbe}
.process-section .section-heading{display:flex;align-items:center}
.process-ornament{flex-shrink:0;object-fit:contain}
.process-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;margin:34px 0 0;padding:0}
.process-list li{border-top:1px solid #9ca894;padding-top:20px}
.step-number{display:block;font-size:14px;color:#67765b;margin-bottom:12px}
.process-list h3{font-size:23px;margin-bottom:10px}
.process-list p{font-size:16px;line-height:1.8;color:var(--muted);max-width:32ch}
.faq-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px}
.faq-heading>p:last-child{font-size:15px;color:var(--muted);margin-top:15px}
.faq-answers{min-width:0;border-top:1px solid var(--line)}
.answer{border-bottom:1px solid var(--line)}
.answer summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 0;font-size:17px;font-weight:700;cursor:pointer;list-style:none;line-height:1.7}
.answer summary::-webkit-details-marker{display:none}
.answer summary>span{font-size:24px;line-height:1;flex-shrink:0;color:var(--green)}
.answer[open] summary>span{transform:rotate(45deg)}
.answer-content{padding-bottom:24px;font-size:16px;line-height:1.9;color:var(--muted)}
.answer-content p+p{margin-top:12px}
.contact-section{background:var(--green);color:#f8f4ea;position:relative}
.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:start}
.contact-copy{padding-top:12px}
.contact-copy .eyebrow{color:var(--sand)}
.contact-intro{font-size:17px;color:#e4e9dc;margin-top:22px;line-height:1.9}
.contact-price{font-size:25px;font-weight:700;color:var(--sand);margin-block:25px 14px}
.contact-price>span{display:block;color:#e4e9dc;font-size:14px;font-weight:400;margin-top:3px}
.contact-copy .quiet-link{color:#f4f1e7;border-color:#829b86}
.contact-panel{background:#f8f5ee;color:var(--ink);padding:28px;border:1px solid #99a48d;border-radius:5px}
.contact-status{font-size:14px;color:#44573e;background:#e5e9dc;border-inline-start:2px solid #7d905e;padding:12px 14px;margin-bottom:21px}
.contact-panel fieldset{padding:0;margin:0;border:0;min-width:0}
.contact-panel label{display:block;font-size:14px;font-weight:700;margin-bottom:15px}
.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-panel input,.contact-panel textarea{display:block;width:100%;min-width:0;border:1px solid #b6b5a5;border-radius:3px;background:#fffcf6;color:#57534c;-webkit-text-fill-color:#57534c;opacity:1;padding:11px 12px;font:400 15px/1.6 Tajawal,system-ui,sans-serif;margin-top:5px;resize:vertical}
.contact-panel input{min-height:46px}
.contact-panel input::placeholder,.contact-panel textarea::placeholder{color:#6b695d;-webkit-text-fill-color:#6b695d;opacity:1}
.contact-submit{width:100%;background:#d9decf;color:#374d35;border-color:#a1ac94;cursor:not-allowed;opacity:1;font-size:15px}
.contact-policy{font-size:12px;line-height:1.9;color:var(--muted);margin-top:16px}
.campaign-footer{padding-block:26px}
.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px}
.footer-main .wordmark{font-size:32px;color:var(--green)}
.footer-main .wordmark span{color:var(--rust)}
.footer-main>p{font-size:15px;color:var(--muted)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:15px;font-size:12px;color:var(--muted)}
.footer-bottom a{flex-shrink:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(hover:hover) and (pointer:fine){.answer summary:hover{color:var(--green)}.quiet-link:hover{border-color:var(--rust)}}
@media(max-width:960px){.continuation-section{padding-block:48px}.package-included,.package-materials{padding:25px}.faq-section{grid-template-columns:1fr;gap:25px}.contact-grid{gap:30px}.contact-panel{padding:22px}.field-pair{grid-template-columns:1fr;gap:0}.process-list{gap:22px}.process-list h3{font-size:21px}.process-list p{font-size:15px}.package-section .quiet-link{margin-top:12px}}
@media(max-width:650px){.continuation-section{padding-block:36px}.continuation-section h2{font-size:30px}.package-grid{grid-template-columns:1fr}.package-included,.package-materials{padding:23px}.package-materials{border-inline-start:0;border-top:1px solid #c5cbbd}.package-grid h3{font-size:22px}.benefit-list{font-size:15px;margin-top:13px}.package-note{font-size:13px}.process-list{grid-template-columns:1fr;gap:21px;margin-top:25px}.process-list li{display:grid;grid-template-columns:28px 1fr;column-gap:14px;padding-top:17px}.step-number{grid-row:1/3;margin:2px 0 0}.process-list h3{font-size:22px;margin-bottom:6px}.process-list p{grid-column:2;max-width:none;font-size:15px}.process-ornament{width:32px;height:32px}.faq-section{gap:22px}.answer summary{font-size:15px;padding-block:18px;gap:13px}.answer-content{font-size:15px}.contact-grid{grid-template-columns:1fr;gap:28px}.contact-copy{padding-top:0}.contact-intro{font-size:16px;margin-top:17px}.contact-price{margin-block:19px 8px}.contact-panel{padding:20px}.contact-status{font-size:13px}.contact-panel input,.contact-panel textarea{font-size:16px}.footer-main{gap:15px;padding-bottom:18px}.footer-main>p{font-size:13px}.footer-bottom{flex-direction:column;gap:12px}.footer-bottom a{align-self:flex-start}}

/* Campaign reception and Rawi: progressive enhancement, no automatic conversation. */
body[data-campaign="national96"] .secondary{cursor:pointer}
.rawi-open{background:none;border-inline:0;border-top:0;margin-top:18px;font-family:inherit;cursor:pointer}
.contact-panel select{display:block;width:100%;min-width:0;min-height:46px;margin-top:5px;border:1px solid #b6b5a5;border-radius:3px;background:#fffcf6;color:#57534c;padding:10px;font:400 15px/1.6 Tajawal,sans-serif}
.contact-panel .inquiry-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;font-weight:400;line-height:1.8}
.contact-panel .inquiry-consent input{flex:none;width:18px;height:18px;min-height:18px;margin-top:3px;padding:0;accent-color:var(--green)}
.contact-panel fieldset:not(:disabled) .contact-submit:not(:disabled){background:var(--green);color:#fff;cursor:pointer}
.inquiry-result:not(:empty){margin-top:18px;font-size:15px;line-height:1.8;border-inline-start:2px solid #597347;padding:10px 12px;background:#e5e9dc;color:#334e30}
.inquiry-result[data-error="true"]{border-color:#a44824;color:#773119;background:#f5e9df}
.contact-panel input:focus-visible,.contact-panel textarea:focus-visible,.contact-panel select:focus-visible{outline:2px solid #6e824c;outline-offset:2px}
body[data-campaign="national96"]{padding-bottom:76px}
body[data-campaign="national96"] #sardChat,body[data-campaign="national96"] #scPanel{--ink:#103e32;--accent:#365b36;--paper:#f3f0e9}
body[data-campaign="national96"] #scLaunch .dot{background:#e6c891;animation:none}
body[data-campaign="national96"] #scLaunch{border-color:#87a180}
#scPanel .scPrivacy{font:400 12px/1.7 Tajawal,sans-serif;padding:9px 14px;margin:0;border-bottom:1px solid #d1ccc1;color:#57534c;flex:none;text-align:start}
#scPanel .scPrivacy a{color:#365b36}
#scPanel .scBody{min-height:0}
#scPanel .scFoot textarea{min-width:0}
#scPanel .scMsg{direction:inherit;text-align:start}
@media(max-width:650px){.contact-panel select{font-size:16px}.contact-panel .inquiry-consent{font-size:13px}#sardChat{bottom:12px;inset-inline-end:12px}}

#scPanel .scHead button{min-width:44px;min-height:44px} #scPanel .scFoot button{min-height:44px}

/* Naba: real desktop/mobile captures linked to the fictional five-page example. */
.naba-preview{display:block;text-decoration:none;background:#eaf4f4;color:#103e41}.naba-preview picture,.naba-preview img{display:block;width:100%;height:auto}.naba-open{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;font-weight:700;text-decoration:underline;text-underline-offset:5px;direction:rtl;text-align:right}.naba-preview:hover .naba-open{background:#dceced}.naba-preview:focus-visible{outline:3px solid #103e41;outline-offset:-4px}

/* direct contact under the request copy: WhatsApp first, the number as a plain tel link */
.contact-direct{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:26px;font-size:14px;color:#e4e9dc}
.contact-direct .contact-phone{color:#f4f1e7;font-weight:700;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.contact-direct .quiet-link{min-height:44px}
label .optional{font-weight:400;opacity:.7;font-size:.9em}