/* Shared Midnight Navy / copper identity from the deployed V14 design. */
:root{--bg:#0a1420;--panel:#102234;--panel2:#162a3c;--line:#745b4866;--text:#f1eee8;--muted:#b6c4d1;--accent:#e8b98c;--accent2:#c1d4e3}
body{background:radial-gradient(ellipse at 46% -9%,#263a4b 0,transparent 36%),linear-gradient(180deg,#0a1420,#0b1827 50%,#0a121e);color:var(--text)}
body .nav{background:rgba(9,20,32,.96);border-bottom-color:#745b4866}
body .nav .brand{white-space:nowrap;direction:ltr;unicode-bidi:isolate}
body .nav .brand b{color:#e8b98c}
body .nav .brand::before{content:"";display:inline-block;vertical-align:middle;width:23px;height:22px;margin-inline-end:10px;background:linear-gradient(#dfb186,#dfb186) 0 3px/23px 3px no-repeat,linear-gradient(#dfb186,#dfb186) 7px 10px/16px 3px no-repeat,linear-gradient(#dfb186,#dfb186) 0 17px/23px 3px no-repeat}
body .card{background:linear-gradient(160deg,#142638,#0c1a29);border-color:#6f5a4866}
body .pill,body .eyebrow{border-color:#8b6b4c88;background:#342c273b;color:#edc5a0}
body .btn{color:#17202a;background:#e8b98c;border-color:#e8b98c}
body .btn.secondary{background:transparent;color:#f1eee8;border-color:#8b715b}
body .btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
body .price{color:#e8b98c;unicode-bidi:plaintext}
body .card p,body .lead{color:#becbd6}
body .notice{border-inline-start:3px solid #d7ad88;border-left-width:0;background:#26334455;color:#e0e7ef}
html[dir=ltr] body .notice{border-left-width:3px}
.naif-language{display:flex;align-items:center;gap:5px;flex-shrink:0;direction:ltr}
.naif-language button{width:auto;min-width:44px;min-height:44px;padding:6px 10px;border:1px solid #8b715b;border-radius:9px;background:#162a3c;color:#f1eee8;cursor:pointer;font:700 13px/1.4 system-ui}
.naif-language button[aria-pressed=true]{background:#e8b98c;color:#14202d}
.naif-language-inline{justify-content:flex-end;margin:10px 0}
:is(button,a,input,textarea,select,summary):focus-visible{outline:3px solid #ffdda8;outline-offset:3px}
html[lang=ar] body{font-family:Tahoma,"Segoe UI",system-ui,sans-serif;line-height:1.75}
html[lang=ar] :is(h1,h2,h3){letter-spacing:0!important;line-height:1.35}
html[lang=ar] :is(.hero,.hero2,.section,.card,.footer){text-align:start}
:is(.wrap,.hub,.grid,.split,.card,.service-grid,.service-card){min-width:0}
:is(h1,h2,h3,p,a,label){overflow-wrap:break-word}
:is(pre,code,.code,#sample,#comparison,#expected,#txHash,#deliveryToken,#checkoutId,#webhookPayload,#apiUrl){direction:ltr;text-align:left;unicode-bidi:isolate}
#naifStoreMobileMenu{display:none;position:relative;direction:inherit}
#naifStoreMobileMenu summary{cursor:pointer;min-height:44px;padding:10px;border:1px solid #8b715b;border-radius:8px}
.naif-mobile-items{position:absolute;top:100%;inset-inline-end:0;min-width:210px;max-width:calc(100vw - 24px);background:#102234;border:1px solid #8b715b;border-radius:12px;padding:8px;box-shadow:0 16px 36px #0008;z-index:40}
.naif-mobile-items a{display:block;padding:10px;min-height:44px}
@media(max-width:1000px){body .nav .wrap{flex-wrap:wrap;gap:10px;padding-block:10px}body .nav .links{gap:12px;font-size:.85rem}.naif-language{margin-inline-start:auto}}
@media(max-width:760px){#naifStoreMobileMenu{display:block}body .nav .wrap{flex-wrap:nowrap;gap:7px;padding-inline:12px}body .nav .brand{font-size:14px}body .nav .brand::before{margin-inline-end:5px}.naif-language button{min-width:40px;padding-inline:7px}.wrap{padding-inline:16px}.hub{padding-inline:16px}.magnet input{min-width:0!important;width:100%}body .grid,body .service-grid{grid-template-columns:minmax(0,1fr)}input,textarea,select{font-size:16px!important}}
@media(max-width:359px){body .nav .brand{font-size:12px}body .nav .brand::before{width:19px;background-size:19px 3px,12px 3px,19px 3px}.naif-language button{padding-inline:4px;min-width:36px}#naifStoreMobileMenu summary{padding-inline:6px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none!important}.btn:hover{transform:none}}
html[lang=en] [data-naif-mobile-ar],html[lang=ar] [data-naif-mobile-en],html[lang=ar] .naif-mobile-en,html[lang=en] .agent-evo-ar{display:none!important}
@media(max-width:760px){body.naif-v14-look .naif-mobile-trigger{min-width:60px;padding-inline:8px}.naif-language{margin-inline-start:0}}
