@font-face{font-family:"Noto Sans Arabic";src:url('/assets/noto-sans-arabic-regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Noto Sans Arabic";src:url('/assets/noto-sans-arabic-bold.woff') format('woff');font-style:normal;font-weight:500 900;font-display:swap}
@font-face{font-family:"Pixelify Sans";src:url('/assets/pixelify-sans.woff2') format('woff2');font-weight:400 700;font-display:swap}
.header-links{display:flex;align-items:center;gap:20px}.language-switch{font-size:13px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;color:var(--green);white-space:nowrap}
a.summon-tag{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 10px;border:1px solid var(--line);border-radius:9px;font:400 15px/1.3 "Pixelify Sans",ui-monospace,monospace;letter-spacing:0;color:var(--ink);text-decoration:none;white-space:nowrap;flex-shrink:0;margin-inline-start:auto;direction:ltr}
.summon-tag img{width:24px;height:24px;border-radius:5px;flex-shrink:0}.summon-tag strong{font-weight:700;text-transform:uppercase}.summon-tag:hover{background:var(--soft)}.learn-footer{flex-wrap:wrap;align-items:center;gap:20px}.learn-footer .summon-tag{margin-inline:auto;flex-basis:auto}.legal-footer .summon-tag{align-self:flex-start}.site-footer,.app-footer{align-items:center;flex-wrap:wrap}
[data-nod-result] a.summon-tag{color:var(--ink);background:transparent;border-color:var(--line)}
html[lang=ar]{--serif:"Noto Sans Arabic",Tahoma,Arial,sans-serif;font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif}
html[lang=ar] :is(h1,h2,h3,.eyebrow,.label,.modal-eyebrow,.brand,.compare-code){letter-spacing:0}
html[lang=ar] body{font-size:16px;line-height:1.8}
html[lang=ar] :is(h1,h2,h3){line-height:1.55}
html[lang=ar] :is(.intro-copy,.auth-description,.modal-description,.message-text,.card-context,.feedback-why,.modal-footnote,.legal-content){line-height:1.9}
html[lang=ar] :is(.nod-home h1,.app-heading h1,.auth-shell h1){font-size:clamp(30px,3.5vw,40px);line-height:1.6}
html[lang=ar] .start-panel h1{font-size:37px}
html[lang=ar] :is(.legal-content h1,.legal-content h2){font-family:var(--serif)}
html[lang=ar] .brand{direction:ltr;font-family:"DM Sans",system-ui,sans-serif}
html[lang=ar] .language-switch{font-family:"DM Sans",system-ui,sans-serif}
html[lang=ar] :is(.utility-menu>div,.modal-close){right:auto;left:0}
html[lang=ar] .modal-close{left:13px}
html[lang=ar] :is(.text-link,.message-link){text-align:start}
html[lang=ar] :is(.message-link .link-arrow,.text-link .link-arrow,.primary-button .link-arrow,.quiet-link .link-arrow){margin-left:0;margin-right:8px}
html[lang=ar] :is(.link-arrow,.contact-row>i:last-child,.activity-row>i:last-child){transform:scaleX(-1)}
html[lang=ar] .practice-badge{margin-left:0;margin-right:auto}
html[lang=ar] .learn-hook-action{margin-left:0;margin-right:auto}
html[lang=ar] :is(.chat-message time,.email-time){text-align:end;unicode-bidi:isolate}
html[lang=ar] .chat-message{border-radius:12px 3px 12px 12px}
html[lang=ar] .chat-message.outgoing{border-radius:3px 12px 12px 12px}
html[lang=ar] .platform-messages .chat-message{border-radius:16px 16px 4px 16px}
html[lang=ar] .platform-messages .chat-message.outgoing{border-radius:16px 16px 16px 4px}
html[lang=ar] :is(.legal-content ul,.legal-content ol,.learn-sources ul){padding-left:0;padding-right:24px}
html[lang=ar] :is(.compare-code,.url-detail code,input[type=email],input[type=url],input[readonly],#pair-link){direction:ltr;unicode-bidi:isolate}
html[lang=ar] .compare-code{font-family:"DM Sans",system-ui,sans-serif;letter-spacing:5px}
[data-user-text],.contact-row strong,.settings-profile strong,.sender-details strong{unicode-bidi:plaintext}
html[lang=ar] .phone-person{font-size:12px}
html[lang=ar] :is(.phone-result-icon,.phone-status){direction:ltr}
html[lang=ar] .site-header{gap:14px}
@media(max-width:760px){.header-links{gap:12px}html[lang=ar] .start-panel h1{font-size:32px}html[lang=ar] .intro-copy{font-size:16px}.language-switch{font-size:12px}html[lang=ar] .app-utilities{gap:12px}html[lang=ar] .app-header .quiet-link{display:none}}
@media(max-width:400px){html[lang=ar] .start-panel h1{font-size:28px}html[lang=ar] .phone-question>p{font-size:14px}html[lang=ar] .phone-waiting p{font-size:10px}html[lang=ar] .nod-home .mock-phone .primary-button{font-size:11px}html[lang=ar] .learn-hook strong{font-size:12px}html[lang=ar] .learn-hook small{font-size:10px}html[lang=ar] .quiz-answers button{font-size:15px}}

html[lang=ar] .waitlist-trap{left:auto;right:-9999px}
.translation-note{font-size:13px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}

.phone-app-brand{direction:ltr}.translation-note{line-height:1.8}

/* Locale chooser keeps invitation/check query parameters intact. */
.language-menu{position:relative;flex-shrink:0}.language-menu summary{list-style:none;cursor:pointer;white-space:nowrap}.language-menu summary::-webkit-details-marker{display:none}.language-menu nav{position:absolute;inset-inline-end:0;top:calc(100% + 12px);z-index:100;min-width:190px;max-height:70vh;overflow:auto;padding:8px;background:#fffdf7;border:1px solid #d7ddcf;border-radius:16px;box-shadow:0 12px 32px #243c2b14;display:flex;flex-direction:column;gap:2px}.language-menu nav a{display:block;padding:10px 14px;text-decoration:none;color:#36432f;font-family:system-ui,sans-serif;font-size:15px;border-radius:10px}.language-menu nav a:hover,.language-menu nav a:focus-visible,.language-menu nav a[aria-current]{background:#eaf0e3}.language-menu summary:focus-visible{outline:2px solid #4b6042;outline-offset:5px}
html[lang^="zh"]{--serif:system-ui,sans-serif;font-family:"PingFang SC","PingFang TC","Microsoft YaHei",system-ui,sans-serif}html[lang=ko]{--serif:system-ui,sans-serif;font-family:"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif}html[lang=vi]{--serif:system-ui,sans-serif;font-family:system-ui,sans-serif}html:is([lang^="zh"],[lang=ko],[lang=vi]) :is(h1,h2,h3,.eyebrow,.label){letter-spacing:0;word-break:normal;line-height:1.5}html[lang=ko] :is(h1,h2,h3,p,button){word-break:keep-all;overflow-wrap:break-word}html:not([lang=en]) :is(.primary-button,.quiz-answers button,.platform-choice){height:auto;min-height:48px;white-space:normal;overflow-wrap:anywhere}html:not([lang=en]) .site-header{flex-wrap:wrap}html:not([lang=en]) .header-links{flex-wrap:wrap}.language-menu nav a[lang=ar]{font-family:"Noto Sans Arabic",Tahoma,sans-serif}.translation-note a{white-space:normal}
@media(max-width:480px){.language-menu .language-switch{font-size:12px}.site-header .header-links,.app-utilities{gap:10px}.language-menu nav{min-width:170px}html[lang=vi] .start-panel h1,html[lang=fil] .start-panel h1{font-size:clamp(28px,8vw,37px)}}
