@font-face{font-family:ThmanyahDisplay;src:url('/assets/fonts/ThmanyahSerifDisplay_Regular-s.p.2-pz7i9jyvdcb.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:ThmanyahDisplay;src:url('/assets/fonts/ThmanyahSerifDisplay_Bold-s.p.1zmaqi-axje4b.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:ThmanyahDisplay;src:url('/assets/fonts/ThmanyahSerifDisplay_Black-s.p.22zmujshwwe2i.ttf') format('truetype');font-weight:900;font-display:swap}
@font-face{font-family:ThmanyahText;src:url('/assets/fonts/ThmanyahSerifText_Regular-s.p.2n6_s6dt_a8ld.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:ThmanyahText;src:url('/assets/fonts/ThmanyahSerifText_Bold-s.p.2sik-b6u0jr2y.ttf') format('truetype');font-weight:700;font-display:swap}

/* Keep reference layouts LTR; apply Arabic text direction only to copy. */
html{scroll-padding-top:110px}body{margin:0}
html.hussam-ar :is(p,a,button,input,label,span){font-family:ThmanyahText,serif!important;letter-spacing:0!important}
html.hussam-ar :is(h1,h2,h3,h4),html.hussam-ar :is(h1,h2,h3,h4) *{font-family:ThmanyahDisplay,serif!important;letter-spacing:0!important;line-height:1.12!important}
html.hussam-ar :is(h1,h2,h3,h4,p){direction:rtl}
html.hussam-ar #hero h1{font-size:clamp(32px,3.5vw,66px)!important;line-height:1.15!important}
html.hussam-ar #pricing h2{line-height:1.12!important}
html.hussam-ar #how-it-works [data-framer-component-type="RichTextContainer"]{direction:rtl}
html.hussam-ar #how-it-works p{text-align:right!important}
/* Replace the reference navigation with an accessible copy, stable across hydration. */
.framer-1bkz34a-container{display:none!important}
.hussam-nav{box-sizing:border-box;position:fixed;z-index:50;top:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:28px;width:max-content;max-width:calc(100% - 40px);padding:12px 16px;border:2px solid #111;border-radius:9px;background:#fff;box-shadow:4px 4px 0 #000;color:#000;font:500 16px/1.25 'Radio Canada',sans-serif}
.hussam-nav a{color:inherit;text-decoration:none;white-space:nowrap}.hussam-nav .brand{font-family:'Source Serif Pro Regular',Georgia,serif!important;font-size:30px;letter-spacing:-1.2px;font-weight:700;color:#d93928;line-height:1.3}
html.hussam-ar .hussam-nav .brand{font-family:ThmanyahDisplay,serif!important;font-size:34px}
.nav-links{display:flex;align-items:center;gap:24px}.nav-links a:hover{text-decoration:underline;text-underline-offset:5px}
.hire{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:2px solid #000;border-radius:8px;background:#000;color:#fff;min-height:50px;padding:10px 18px;font:inherit;cursor:pointer;transition:background .18s,color .18s}
.hire:hover{background:#f2ca59;color:#000}.language{border-inline-start:1px solid #ddd;padding-inline-start:16px;font-size:14px}.hussam-nav :focus-visible,.contact-dialog :focus-visible{outline:3px solid #d93928;outline-offset:5px}
.menu{display:none;background:transparent;border:0;width:36px;height:40px;padding:8px;cursor:pointer}.menu span{display:block;height:2px;width:22px;margin:6px 0;background:#000;transition:transform .2s}.is-open .menu span:first-child{transform:translateY(4px) rotate(45deg)}.is-open .menu span:last-child{transform:translateY(-4px) rotate(-45deg)}
/* Logo substitution preserves the exact reference logo box. */
a:has(img[src*="1EQF47SBWMsrvMR6YGOOOsIgjo"]){position:relative}
img[src*="1EQF47SBWMsrvMR6YGOOOsIgjo"]{visibility:hidden}
a:has(img[src*="1EQF47SBWMsrvMR6YGOOOsIgjo"])::after{content:'Hussam';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#d93928;font:700 27px/1 Georgia,serif}
html.hussam-ar a:has(img[src*="1EQF47SBWMsrvMR6YGOOOsIgjo"])::after{content:'حسّام';font-family:ThmanyahDisplay,serif;font-size:32px}
.contact-dialog{box-sizing:border-box;max-width:560px;width:calc(100% - 40px);padding:56px 40px 40px;border:2px solid #000;border-radius:12px;box-shadow:7px 7px #000;background:#fcf5e1;color:#111;text-align:center}
.contact-dialog::backdrop{background:#0008;backdrop-filter:blur(3px)}.contact-dialog h2{font:400 52px/1.05 'Source Serif Pro Regular',Georgia,serif;margin:20px 0}.contact-dialog p{font:400 19px/1.6 'Radio Canada',sans-serif;margin:16px 0 28px}.contact-dialog .eyebrow{font:500 12px/1.2 'Radio Canada',sans-serif!important;letter-spacing:2px!important;margin:0}.dialog-close{position:absolute;top:10px;right:16px;font:30px/1 sans-serif!important;border:0;background:none;padding:8px;cursor:pointer}.contact-dialog .hire{margin:auto}
/* Remove reference-only newsletter collection and destination links. */
.framer-e2Sry form{display:none!important}
.framer-e2Sry a[href*="support/"],.framer-e2Sry .framer-7ixk47{display:none!important}
/* The imported footer still advertised Parker's developer and unlaunched channels. */
.framer-e2Sry .framer-1kv9jrz,.framer-e2Sry .framer-w3xuef,.framer-e2Sry .framer-l9fnq8{display:none!important}
@media(max-width:1000px){.hussam-nav{gap:16px}.nav-links{gap:16px}.hussam-nav .hire{padding:8px 12px}}
@media(max-width:809px){
 html{scroll-padding-top:100px}.hussam-nav{top:16px;left:20px;right:20px;transform:none;width:auto;max-width:none;gap:16px;padding:10px 16px;min-height:60px}.hussam-nav .brand{margin-inline-end:auto}.hussam-nav>.hire{display:none}.menu{display:block}.nav-links{display:none}.is-open .nav-links{display:flex;position:absolute;top:calc(100% + 10px);left:-2px;right:-2px;flex-direction:column;align-items:stretch;background:#fff;border:2px solid #111;border-radius:8px;box-shadow:4px 4px #111;padding:16px;gap:0}.nav-links a{padding:14px 8px}.language{border:0;padding:0}.hussam-nav .brand,html.hussam-ar .hussam-nav .brand{font-size:29px}
 html.hussam-ar #hero h1{font-size:clamp(27px,7.5vw,42px)!important;line-height:1.15!important}
 .contact-dialog{padding:48px 24px 30px}.contact-dialog h2{font-size:40px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.hussam-nav *{transition:none!important}}
/* Readable Arabic copy and consistent RTL alignment inside the reference cards. */
html.hussam-ar #how-it-works p{font-size:22px!important;line-height:1.5!important}
html.hussam-ar #pricing [data-framer-name="Feature"]{direction:rtl;justify-content:flex-start!important}
html.hussam-ar #pricing [data-framer-name="Feature"] p{text-align:right!important;font-size:18px!important;line-height:1.5!important}
html.hussam-ar #pricing [data-framer-name="Pricing Card"] :is(h2,h3){text-align:right!important}
html.hussam-ar #testimonial p{font-size:20px!important;line-height:1.4!important}
@media(max-width:809px){html.hussam-ar #how-it-works p{font-size:19px!important}html.hussam-ar #testimonial p{font-size:18px!important}}
/* Keep the white notification heading above the white monitor artwork. */
#notification-section h2{margin-top:3vh!important;transform:none}
@media(min-width:810px){.hussam-nav.is-scrolled .nav-links{display:none}.hussam-nav.is-scrolled{gap:24px}}
/* Rebrand the large reference wordmark while preserving its red/white treatment. */
.framer-e2Sry .framer-wphw6w-container>div{visibility:hidden}
.framer-e2Sry .framer-wphw6w-container::after{content:'Hussam';position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-end;color:#ff2e1b;font:italic 700 clamp(100px,22vw,350px)/.9 'Source Serif Pro Regular',Georgia,serif;letter-spacing:-.07em;-webkit-text-stroke:10px #fff;paint-order:stroke fill;pointer-events:none}
html.hussam-ar .framer-e2Sry .framer-wphw6w-container::after{content:'حسّام';font-family:ThmanyahDisplay,serif;font-style:normal;font-weight:900;font-size:clamp(150px,26vw,430px);line-height:.9;letter-spacing:0}
html.hussam-ar .framer-e2Sry p,html.hussam-ar .framer-e2Sry a{font-size:18px!important;line-height:1.5!important}
@media(max-width:809px){.framer-e2Sry .framer-wphw6w-container::after{-webkit-text-stroke-width:5px}}
/* The phone variant uses a separate animated image for the footer wordmark. */
.framer-e2Sry[data-framer-name="Phone"] .framer-1wem7ug{display:flex;align-items:center;justify-content:center;text-decoration:none}
.framer-e2Sry[data-framer-name="Phone"] .framer-1wem7ug img{visibility:hidden}
.framer-e2Sry[data-framer-name="Phone"] .framer-1wem7ug::after{content:'Hussam';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ff2e1b;font:italic 700 clamp(130px,35vw,210px)/1 'Source Serif Pro Regular',Georgia,serif;letter-spacing:-.07em;-webkit-text-stroke:5px #fff;paint-order:stroke fill;pointer-events:none}
html.hussam-ar .framer-e2Sry[data-framer-name="Phone"] .framer-1wem7ug::after{content:'حسّام';font:900 clamp(145px,40vw,230px)/1 ThmanyahDisplay,serif;letter-spacing:0}
/* Fit the portrait CRT frame on tablets as well as phones. Cover cropped the
   monitor at intermediate widths and left its heading outside the screen. */
@media(max-width:809px){#hero .framer-80ra3e{background:#fcf5e1}#hero .framer-1yku2sz-container img{object-fit:contain!important;object-position:center center!important}}

/* The replacement face includes its own eyes; remove the source tracking pupils. */
#cta .framer-18icc3a-container{display:none!important}

/* Use the shipped bold master for the hierarchy, rather than regular display text. */
html.hussam-ar :is(h1,h2,h3,h4){font-weight:700!important}
html.hussam-ar :is(h1,h2,h3,h4) *{font-weight:inherit!important}
.hussam-nav .hire,.contact-dialog .hire{font-weight:700}
/* The unlaunched newsletter is not a standalone display headline. */
.framer-e2Sry .framer-19hsbu{display:none!important}
/* Keep display typography deliberate instead of bolding every subheading. */
html.hussam-ar .framer-e2Sry h3{font-family:ThmanyahText,serif!important;font-size:24px!important;line-height:1.4!important}

/* Arabic glyphs extend below the Latin line box: give the paper titles room. */
html.hussam-ar #why-parker .framer-13t3a2l,
html.hussam-ar #why-parker .framer-1xg69w8{overflow:visible!important;padding-bottom:14px!important}
html.hussam-ar #why-parker h2{line-height:1.35!important}
/* The reference thumb was 118px wide, sized for English. Use equal segments. */
#maze .framer-1vbptxx-container{max-width:calc(100vw - 40px)!important;align-self:center!important}
#maze .framer-MVvWd{width:320px!important;max-width:calc(100vw - 40px)!important;gap:0!important;padding:5px!important;overflow:visible!important}
#maze .framer-MVvWd .framer-3a8o5d{display:none!important}
#maze .framer-MVvWd :is(.framer-1kdji6s,.framer-1vlvaip){flex:1 1 0!important;width:0!important;min-width:0!important;overflow:visible!important;padding:12px 14px!important;border-radius:8px}
#maze .framer-MVvWd p{line-height:1.6!important;white-space:nowrap!important}
#maze .framer-MVvWd[data-framer-name="Off"] .framer-1kdji6s,
#maze .framer-MVvWd[data-framer-name="On"] .framer-1vlvaip{background:#111!important}
#maze .framer-MVvWd[data-framer-name="Off"] .framer-1kdji6s p,
#maze .framer-MVvWd[data-framer-name="On"] .framer-1vlvaip p{color:#fff!important}
#maze .framer-MVvWd[data-framer-name="Off"] .framer-1vlvaip p,
#maze .framer-MVvWd[data-framer-name="On"] .framer-1kdji6s p{color:#111!important}
@media(max-width:389px){#maze .framer-MVvWd p{font-size:14px!important}}