/* Built by _dev/bin/build-css.php from: fonts, tokens, base, layout, primitives, motion, components. Edit the sources. */
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/ibm-plex-sans-arabic-arabic-400.woff2) format("woff2");unicode-range:U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FD3E-FD3F}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/ibm-plex-sans-arabic-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:500;font-display:swap;src:url(../../fonts/ibm-plex-sans-arabic-arabic-500.woff2) format("woff2");unicode-range:U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FD3E-FD3F}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:500;font-display:swap;src:url(../../fonts/ibm-plex-sans-arabic-latin-500.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:600;font-display:swap;src:url(../../fonts/ibm-plex-sans-arabic-arabic-600.woff2) format("woff2");unicode-range:U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FD3E-FD3F}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:600;font-display:swap;src:url(../../fonts/ibm-plex-sans-arabic-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/ibm-plex-sans-arabic-arabic-700.woff2) format("woff2");unicode-range:U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FD3E-FD3F}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/ibm-plex-sans-arabic-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"IBM Plex Sans Arabic Fallback";src:local("Arial"),local("Tahoma");size-adjust:113.97%;ascent-override:95.20%;descent-override:36.41%;line-gap-override:0.00%;unicode-range:U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FD3E-FD3F}
@font-face{font-family:"IBM Plex Sans Arabic Fallback";src:local("Arial"),local("Tahoma");size-adjust:99.88%;ascent-override:108.63%;descent-override:41.55%;line-gap-override:0.00%;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@property --fs{syntax:"*";inherits:false}
:root{
  --card-background:radial-gradient(ellipse at 100% 0,rgba(212,175,106,.13),transparent 70%),linear-gradient(145deg,#1c1d20,#141619);
  --background:#0B0C0E;
  --background-secondary:#111317;
  --surface:#17191D;
  --surface-elevated:#202329;
  --foreground:#F5F5F2;
  --foreground-secondary:#A7ABB4;
  --foreground-muted:#8A8E97;
  --accent:#D4AF6A;
  --accent-hover:#E6C88E;
  --accent-subtle:rgba(212,175,106,0.12);
  --accent-ink:#1A1408;
  --border:rgba(255,255,255,0.09);
  --border-strong:rgba(255,255,255,0.18);
  --danger:#FF6B6B;
  --success:#5BD39A;
  --warning:#E0A84A;
  --gutter:clamp(16px,4vw,64px);
  --container:1440px;
  --section:clamp(5rem,9vw,8.5rem);
  --header-h:84px;
  
  --radius-xs:4px;                               
  --radius-sm:6px;                               
  --radius:10px;                                 
  --radius-md:14px;                              
  --radius-lg:18px;                              
  --radius-pill:999px;
  
  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-5:1.25rem;
  --space-6:1.5rem;
  --space-8:2rem;
  --space-10:2.5rem;
  --space-12:3rem;
  
  --shadow-sm:0 10px 24px rgba(0,0,0,.3);         
  --shadow-md:0 16px 40px rgba(0,0,0,.25);        
  --shadow-lg:0 32px 80px rgba(0,0,0,.45);        
  --edge-highlight:inset 0 1px 0 rgba(255,255,255,.06);
  --ring-accent:0 0 0 4px var(--accent-subtle);   
  --ring-danger:0 0 0 4px rgba(255,107,107,.12);
  --glow-accent:0 10px 30px rgba(212,175,106,.22); 
  
  --text-xs:.75rem;
  --text-sm:.85rem;
  --text-base:.95rem;
  --text-lg:1.05rem;
  --text-xl:clamp(1.125rem,1.4vw,1.25rem);
  --text-2xl:clamp(1.25rem,1.8vw,1.5rem);
  --text-3xl:clamp(1.4rem,2.2vw,1.9rem);
  --text-4xl:clamp(1.5rem,2.6vw,2.3rem);
  --text-5xl:clamp(2rem,3.4vw,2.95rem);
  --text-6xl:clamp(2.25rem,4.4vw,3.6rem);
  --text-display:clamp(4.5rem,9vw,8rem);        
  
  --type-h1:var(--text-5xl);                     
  --type-h2:var(--text-4xl);
  --type-h3:var(--text-2xl);
  --type-h4:var(--text-lg);
  --type-lead:var(--text-lg);
  --type-body:var(--text-base);
  --type-small:var(--text-sm);
  --type-eyebrow:var(--text-sm);
  --leading-heading:1.4;                         
  --leading-subheading:1.45;                     
  --leading-body:1.7;
  --leading-ui:1.5;
  --font-display:"IBM Plex Sans Arabic","IBM Plex Sans Arabic Fallback",system-ui,sans-serif;
  --font-sans:"IBM Plex Sans Arabic","IBM Plex Sans Arabic Fallback",system-ui,sans-serif;
  --font-num:"IBM Plex Sans Arabic","IBM Plex Sans Arabic Fallback",system-ui,sans-serif;
  --font-mono:ui-monospace,"Cascadia Code",Consolas,monospace;
  --ease-expo:cubic-bezier(0.16,1,0.3,1);
  --ease-out:cubic-bezier(0.22,1,0.36,1);
}
*{margin:0;padding:0;box-sizing:border-box;letter-spacing:0}
img,svg,video{display:block;max-width:100%}
ul,ol{list-style:none}
button,a{font-family:inherit;font-style:inherit;font-weight:inherit;font-stretch:inherit;font-variant:inherit;line-height:inherit;--fs:1em;color:inherit;background:none;border:0;text-decoration:none;cursor:pointer;-webkit-appearance:none;appearance:none}
:where(p,.ayman-entry li,.answer li,dd,td,figcaption,blockquote) a:not([class]):not(nav a,header a,#mobile-menu a,footer a){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}
button{text-align:inherit}
h1,h2,h3,h4,p,dl,dd,dt,figure,blockquote{font-weight:inherit}
html{background:var(--background);scroll-behavior:smooth}
html.is-locked{overflow:hidden}
body{
  background:var(--background);color:var(--foreground);
  font-family:var(--font-sans);font-weight:400;line-height:1.8;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
::selection{background:var(--accent);color:var(--accent-ink)}
::placeholder{color:var(--foreground-muted);opacity:1}
[tabindex="-1"]:focus{outline:none}
:focus,:focus-visible,:focus-within{outline:none!important}
:focus,:focus-visible{box-shadow:none!important}
main{position:relative;width:100%;overflow-x:clip}
:where([id]){scroll-margin-top:calc(var(--header-h) + .5rem)}
.ltr,.num{direction:ltr;unicode-bidi:isolate}
.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;text-align:right}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;inset-inline-start:var(--gutter);top:-100%;z-index:300;background:var(--accent);color:var(--accent-ink);padding:var(--space-3) var(--space-4);font-weight:600;border-radius:var(--radius)}
.skip-link:focus{top:1rem}
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.container.narrow{max-width:1180px}
.display{font-family:var(--font-display);font-weight:800}
.hl{color:var(--accent)}
.section{position:relative;padding-block:var(--section)}
.section.tight{padding-block:clamp(3.5rem,6vw,5.5rem)}
.section.tone{--tone-fade:clamp(2.5rem,6vw,5rem);background:linear-gradient(transparent,var(--background-secondary) var(--tone-fade),var(--background-secondary) calc(100% - var(--tone-fade)),transparent)}
.flow-sections{--section:clamp(2.8rem,4.8vw,4.4rem)}
.flow-sections .section.tight{padding-block:var(--section)}
.flow-sections :is(.section.tone,.clients){background:none}
.flow-sections #contact.contact{padding-block:clamp(3.5rem,6vw,5.5rem)}
.flow-sections .section:where(:nth-child(4n+1 of .section:not(.contact,.pt-0)),:nth-child(4n+3 of .section:not(.contact,.pt-0))){isolation:isolate}
.flow-sections .section:where(:nth-child(4n+1 of .section:not(.contact,.pt-0)),:nth-child(4n+3 of .section:not(.contact,.pt-0)))::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(38rem 24rem at var(--glow-x,92%) 50%,rgba(212,175,106,.10),transparent 70%)}
.flow-sections .section:where(:nth-child(4n+3 of .section:not(.contact,.pt-0))){--glow-x:8%}
.flow-sections :is(.measurement-service,.conversion-service)~.section::before{content:none}
.section-head{display:grid;gap:var(--space-5);margin-bottom:clamp(2.5rem,5vw,4.5rem)}
.section-head .heading{margin-top:1.1rem;font-family:var(--font-display);font-weight:800;max-width:32ch}
.section-head .lead{max-width:40rem;--fs:var(--type-lead);color:var(--foreground-secondary)}
@media (min-width:900px){
  .section-head{grid-template-columns:minmax(0,1fr);align-items:start}
  .section-head .lead{justify-self:start;padding-bottom:0}
  #faq .section-head{grid-template-columns:minmax(0,1fr);align-items:start}
  #faq .section-head .lead{justify-self:start;padding-bottom:0}
}
.section-foot{margin-top:clamp(2.5rem,5vw,4rem);display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}
.h3{font-family:var(--font-display);font-weight:700;--fs:var(--text-2xl);}
.muted{color:var(--foreground-secondary)}
p.eyebrow{display:none!important}
.eyebrow{display:inline-flex;align-items:center;gap:.7rem;--fs:var(--text-sm);font-weight:500;color:var(--foreground-secondary)}
:root .eyebrow:is(h2,h3){--fs:var(--text-sm);font-family:var(--font-sans);font-weight:500;line-height:var(--leading-ui)}
.eyebrow::before{content:"";flex:none;width:1.5rem;height:1px;background:var(--accent)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.7rem;
  min-height:48px;padding:var(--space-3) var(--space-6);border-radius:var(--radius);
  --fs:var(--text-lg);font-weight:500;white-space:nowrap;
  border:1px solid transparent;
  transition:background-color 260ms var(--ease-out),color 260ms var(--ease-out),border-color 260ms var(--ease-out),transform 260ms var(--ease-out),box-shadow 260ms var(--ease-out);
}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn-primary{background:var(--accent);color:var(--accent-ink);font-weight:600}
.btn-primary:hover,.btn-primary:focus-visible{background:var(--accent-hover);box-shadow:var(--glow-accent)}
.btn-secondary{background:rgba(255,255,255,0.02);border-color:var(--border-strong);color:var(--foreground)}
.btn-secondary:hover,.btn-secondary:focus-visible{border-color:rgba(255,255,255,0.4);background:rgba(255,255,255,0.05)}
.btn-lg{min-height:56px;padding:var(--space-4) var(--space-8);--fs:var(--text-lg);border-radius:var(--radius-md)}
@media (max-width:25em){.btn{white-space:normal;text-align:center}}
.btn-sm{min-height:40px;padding:var(--space-2) 1.1rem;--fs:var(--text-base);border-radius:var(--radius)}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.btn .arw{display:inline-flex;width:1.1em;height:1.1em;transition:transform 260ms var(--ease-out)}
.btn .arw svg{width:100%;height:100%;transform:scaleX(-1)}
.btn:hover .arw{transform:translateX(-4px)}
.link{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:500;color:var(--accent);transition:color 220ms var(--ease-out),gap 220ms var(--ease-out)}
.link:hover{color:var(--accent-hover);gap:.8rem}
.link svg{width:1em;height:1em;transform:scaleX(-1)}
.media-frame,.hero-visual:has(>.frame){--frame-offset:clamp(10px,1.6vw,22px);--frame-dir:1;position:relative;isolation:isolate}
:dir(ltr) :is(.media-frame,.hero-visual:has(>.frame)){--frame-dir:-1}
:is(.media-frame,.hero-visual:has(>.frame))::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  inset-inline-start:calc(var(--frame-offset) * -1);bottom:calc(var(--frame-offset) * -1);
  width:68%;height:78%;border-radius:var(--radius-lg);
  background:linear-gradient(150deg,var(--accent-hover),var(--accent) 45%,#8C6A2E);
  box-shadow:0 10px 24px -8px rgba(0,0,0,.55);
  transition:transform 600ms var(--ease-out),filter 600ms var(--ease-out);
}
:is(.media-frame,.hero-visual:has(>.frame)):hover::before{transform:translate(calc(var(--frame-dir) * 8px),8px);filter:brightness(1.12)}
@media (prefers-reduced-motion: reduce){:is(.media-frame,.hero-visual:has(>.frame))::before{transition:none}}
.line{display:block;overflow:hidden;padding:.3em .15em;margin:-.3em -.15em}
.line-in{display:block;white-space:nowrap;transition:transform var(--dur,900ms) var(--ease-expo),opacity var(--dur,900ms) var(--ease-expo)}
html.js [data-reveal="lines"]:not(.in) .line-in{transform:translateY(110%);opacity:0}
[data-reveal="fade"]{transition:opacity var(--dur,640ms) var(--ease-expo),transform var(--dur,640ms) var(--ease-expo)}
html.js [data-reveal="fade"]:not(.in,[data-timed],:is(.hero,.page-hero) *,:has(> :nth-child(13))){opacity:0;transform:translateY(var(--y,18px))}
[data-reveal="scale"]{transition:opacity 760ms var(--ease-expo),transform 760ms var(--ease-expo)}
html.js [data-reveal="scale"]:not(.in,[data-timed],:is(.hero,.page-hero) *,:has(> :nth-child(13))){opacity:0;transform:scale(1.04)}
[data-stagger]>*{transition:opacity 600ms var(--ease-expo),transform 600ms var(--ease-expo);transition-delay:calc(var(--i,0) * 70ms)}
html.js [data-stagger]:not(.in,[data-timed],:is(.hero,.page-hero) *,:has(> :nth-child(13)))>*{opacity:0;transform:translateY(16px)}
.is-instant,.is-instant>*,.is-instant .line-in{transition:none!important}
.site-header{
  position:fixed;inset-inline:0;top:0;z-index:100;
  background:rgba(11,12,14,0);border-bottom:1px solid transparent;
  transition:background-color 380ms var(--ease-out),border-color 380ms var(--ease-out),box-shadow 380ms var(--ease-out);
}
.site-header.is-scrolled,.site-header.menu-open{
  background:rgba(11,12,14,0.92);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  border-bottom-color:rgba(255,255,255,0.10);
  box-shadow:var(--shadow-md);
}
.site-header.menu-open{background:var(--background)}
.scroll-progress{position:absolute;inset-inline:0;bottom:-1px;height:2px;pointer-events:none;background:linear-gradient(to left,var(--accent),var(--accent-hover));box-shadow:0 0 10px rgba(212,175,106,.45);transform:scaleX(var(--scroll,0));transform-origin:right;opacity:0;transition:opacity 300ms var(--ease-out)}
.site-header.is-scrolled .scroll-progress{opacity:1}
.site-header.menu-open .scroll-progress{opacity:0}
.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);height:var(--header-h);transition:height 300ms var(--ease-out)}
.site-header.is-scrolled .nav{height:70px}
.logo{display:flex;align-items:center;gap:var(--space-4);flex:none}
.monogram{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(160deg,var(--surface-elevated),var(--surface));border:1px solid var(--border-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 6px 16px rgba(0,0,0,0.25);transition:border-color 220ms var(--ease-out),transform 220ms var(--ease-out)}
.logo:hover .monogram{border-color:var(--accent);transform:translateY(-1px)}
.monogram svg{width:22px;height:22px;color:var(--foreground)}
.logo-name{display:none;font-family:var(--font-display);font-weight:700;--fs:var(--text-lg);line-height:1.35;color:var(--foreground)}
.logo-role{display:block;font-family:var(--font-sans);--fs:var(--text-xs);font-weight:400;line-height:1.4;color:var(--foreground-muted);margin-top:calc(.3rem + 2px)}
.nav-links{display:none;align-items:center;gap:var(--space-1)}
.nav-links>li{position:relative}
.nav-links a,.nav-links .sub-toggle{
  position:relative;display:inline-flex;align-items:center;gap:.3rem;
  padding:.55rem var(--space-3);border-radius:var(--radius);
  --fs:var(--text-base);line-height:1.2;font-weight:500;color:var(--foreground-secondary);white-space:nowrap;
  transition:color 220ms var(--ease-out),background-color 220ms var(--ease-out);
}
.nav-links a::after,.nav-links .sub-toggle::after{display:none}
.nav-links a:hover,.nav-links a:focus-visible,.nav-links .sub-toggle:hover,.nav-links .sub-toggle:focus-visible,.nav-links li.is-open>.sub-toggle,.nav-links a.is-active,.nav-links .sub-toggle.is-active{color:var(--foreground)}
.sub-toggle .chev{width:.8rem;height:.8rem;transition:transform 260ms var(--ease-out)}
li.is-open>.sub-toggle .chev,li:hover>.sub-toggle .chev{transform:rotate(180deg)}
.sub{
  position:absolute;top:calc(100% + .5rem);inset-inline-start:0;min-width:15rem;
  padding:var(--space-2);border-radius:var(--radius-md);background:rgba(23,25,29,0.98);border:1px solid var(--border-strong);
  box-shadow:var(--shadow-lg);
  opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity 220ms var(--ease-out),transform 220ms var(--ease-out),visibility 0s linear 220ms;
}
.sub::before{content:"";position:absolute;inset-inline:0;top:-.6rem;height:.6rem}
.site-header .sub{z-index:110;background:var(--surface);isolation:isolate}
.site-header.is-scrolled .sub:not(.mega){top:calc(100% + 1.25rem)}
.site-header.is-scrolled .sub:not(.mega)::before{top:-1.25rem;height:1.25rem}
li.is-open>.sub,li:hover>.sub{opacity:1;visibility:visible;transform:none;transition:opacity 220ms var(--ease-out),transform 220ms var(--ease-out)}
li.is-dismissed>.sub{opacity:0;visibility:hidden;transform:translateY(6px)}
.sub a{display:flex;width:100%;padding:.6rem .8rem;border-radius:var(--radius);--fs:var(--text-base);white-space:normal}
.sub a::after{display:none}
.sub a:hover,.sub a:focus-visible{background:rgba(255,255,255,0.06);color:var(--foreground)}
.sub a small{display:block;--fs:var(--text-xs);color:var(--foreground-muted);margin-top:.15rem}
.nav-cta{display:none}
.nav-cta[aria-current="page"]{box-shadow:var(--ring-accent)}
.burger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;border-radius:var(--radius);border:1px solid var(--border)}
.burger span{display:block;width:20px;height:2px;border-radius:var(--radius-xs);background:var(--foreground);transition:transform 300ms var(--ease-out),opacity 300ms var(--ease-out)}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu{
  position:fixed;inset:0;z-index:90;background:var(--background);
  padding:calc(var(--header-h) + 1rem) var(--gutter) 2rem;overflow-y:auto;
  opacity:0;visibility:hidden;transition:opacity 320ms var(--ease-out),visibility 0s linear 320ms;
}
.menu.is-open{opacity:1;visibility:visible;transition:opacity 320ms var(--ease-out)}
.menu-group{border-top:1px solid var(--border);padding:var(--space-4) 0;opacity:0;transform:translateY(20px);transition:opacity 420ms var(--ease-out),transform 420ms var(--ease-out)}
.menu.is-open .menu-group{opacity:1;transform:none;transition-delay:calc(60ms + var(--i) * 60ms)}
.menu-group>a,.menu-group>span{display:block;font-family:var(--font-display);font-weight:700;--fs:var(--text-2xl);line-height:1.4;color:var(--foreground)}
.menu-group>a.is-active{color:var(--accent)}
.menu-group>span{color:var(--foreground-muted);--fs:var(--text-sm);font-family:var(--font-sans);font-weight:500;margin-bottom:var(--space-2)}
.menu-group ul{display:flex;flex-direction:column;gap:.1rem}
.menu-group ul a{display:block;padding:.45rem 0;--fs:var(--text-lg);color:var(--foreground-secondary)}
.menu-group ul a:hover,.menu-group ul a:focus-visible{color:var(--foreground)}
.menu-cta{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}
.menu-cta .btn{width:100%}
.menu-cta>.btn-primary{color:var(--accent-ink)}
@media (min-width:640px){.logo-name{display:block}}
@media (min-width:75em){
  .nav-links{display:flex}
  .nav-cta{display:inline-flex}
  .burger,.menu{display:none}
}
@media (min-width:85em){.nav-links{gap:var(--space-2)}.nav-links a,.nav-links .sub-toggle{--fs:var(--text-base);padding:.55rem .9rem}}
.page-hero{position:relative;overflow:hidden;padding-top:calc(var(--header-h) + clamp(2.5rem,6vw,5rem));padding-bottom:clamp(2.5rem,5vw,4rem)}
.page-hero>.container{position:relative;z-index:1}
.hero-bg{position:absolute;inset:0;pointer-events:none}
.hero-bg::before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,0.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.045) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,transparent 100%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,transparent 100%);
}
.hero-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 20% 60%,rgba(212,175,106,0.10),transparent 70%)}
.page-hero .hero-bg{-webkit-mask-image:linear-gradient(#000 45%,transparent);mask-image:linear-gradient(#000 45%,transparent)}
.grain{position:absolute;inset:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);--fs:var(--text-sm);color:var(--foreground-muted)}
.crumbs a{color:var(--foreground-secondary);transition:color 200ms}
.crumbs a:hover{color:var(--foreground)}
.crumbs svg{width:.85rem;height:.85rem;opacity:.6}
.crumbs [aria-current]{color:var(--foreground)}
.page-title{margin-top:var(--space-5);font-family:var(--font-display);font-weight:800;max-width:18ch}
.page-lead{margin-top:var(--space-5);max-width:40rem;--fs:var(--text-xl);color:var(--foreground-secondary)}
.page-actions{margin-top:var(--space-8);display:flex;flex-wrap:wrap;gap:var(--space-3)}
.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:38px;padding:.4rem .9rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:rgba(255,255,255,0.02);--fs:var(--text-sm);color:var(--foreground-secondary);transition:border-color 220ms,color 220ms,background-color 220ms}
a.chip:hover,a.chip:focus-visible{border-color:rgba(212,175,106,0.6);color:var(--foreground);background:var(--accent-subtle)}
.chip .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:var(--ring-accent)}
.card{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-background);padding:clamp(1.5rem,3vw,2.25rem);transition:border-color 300ms var(--ease-out),background-color 300ms var(--ease-out),transform 300ms var(--ease-out)}
.card.hover:hover{border-color:var(--border-strong);background:var(--card-background);transform:translateY(-3px)}
.tags{display:flex;flex-wrap:wrap;gap:.4rem}
.tags li{--fs:var(--text-sm);padding:var(--space-1) .6rem;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--foreground-secondary)}
.tags li.pf{color:var(--accent);border-color:rgba(212,175,106,0.35);background:var(--accent-subtle)}
.caps{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.caps li{padding:.35rem var(--space-3);border-radius:var(--radius);border:1px solid var(--border);--fs:var(--text-sm);color:var(--foreground-secondary);background:rgba(255,255,255,0.02)}
.ico-box{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--radius-md);background:var(--accent-subtle);color:var(--accent);flex:none}
.ico-box svg{width:24px;height:24px}
.idx{font-family:var(--font-num);font-weight:600;--fs:var(--text-sm);color:var(--accent)}
.checks{display:grid;gap:.6rem}
.checks li{position:relative;padding-inline-start:2rem;color:var(--foreground-secondary);}
.checks li::before,.check-icon::before{content:"";position:absolute;inset-inline-start:0;top:calc((1lh - 1.25rem)/2);width:1.25rem;height:1.25rem;box-sizing:border-box;border-radius:50%;background:var(--accent-subtle);border:1px solid rgba(212,175,106,.35);pointer-events:none}
.checks li::after,.check-icon::after{content:"";position:absolute;inset-inline-start:.1875rem;top:calc((1lh - .875rem)/2);width:.875rem;height:.875rem;background:var(--accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
.field{display:grid;gap:var(--space-2)}
.field label{--fs:var(--text-base);font-weight:500;color:var(--foreground)}
.field .hint{--fs:var(--text-sm);color:var(--foreground-muted)}
.input,.select,.textarea{
  width:100%;min-height:52px;padding:.8rem var(--space-4);border-radius:var(--radius);
  background:rgba(255,255,255,0.03);border:1px solid var(--border-strong);color:var(--foreground);
  font-family:inherit;font-style:inherit;font-weight:inherit;font-stretch:inherit;font-variant:inherit;line-height:inherit;--fs:1em;line-height:1.5;transition:border-color 220ms var(--ease-out),background-color 220ms var(--ease-out),box-shadow 220ms var(--ease-out);
}
.input::placeholder,.textarea::placeholder{color:var(--foreground-muted)}
.input:hover,.select:hover,.textarea:hover{border-color:rgba(255,255,255,0.3)}
.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);background:rgba(212,175,106,0.05);box-shadow:var(--ring-accent)}
.textarea{min-height:160px;resize:vertical}
.select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A7ABB4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 1rem center;padding-inline-start:2.6rem}
.select option{background:var(--surface);color:var(--foreground)}
.field.is-invalid .input,.field.is-invalid .select,.field.is-invalid .textarea{border-color:var(--danger);box-shadow:var(--ring-danger)}
.field .error{display:none;--fs:var(--text-sm);color:var(--danger)}
.field.is-invalid .error{display:block}
.faq{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);align-items:start}
.faq-column{display:grid;gap:var(--space-3);align-content:start;min-width:0}
@media (min-width:768px){.faq{grid-template-columns:repeat(2,minmax(0,1fr))}}
.faq details{border:1px solid var(--border);border-radius:var(--radius-lg);background:rgba(255,255,255,.025);transition:border-color 260ms var(--ease-out),background-color 260ms var(--ease-out)}
.faq details[open]{border-color:rgba(212,175,106,.2);background:rgba(255,255,255,.025)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:1.1rem 1.4rem;cursor:pointer;list-style:none;font-family:var(--font-display);font-weight:700;--fs:var(--text-lg);}
.faq summary::-webkit-details-marker{display:none}
.faq summary .plus{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-strong);color:var(--foreground);transition:transform 300ms var(--ease-out),background-color 220ms,color 220ms,border-color 220ms}
.faq summary .plus svg{width:14px;height:14px}
.faq details[open] summary .plus{transform:rotate(45deg);background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.faq .answer{padding:0 1.4rem 1.3rem;color:var(--foreground-secondary);max-width:62ch}
.cta-band{position:relative;overflow:hidden;border-top:1px solid var(--border);background:var(--background)}
:is(.cta-band,#contact.contact)::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,0.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.045) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:radial-gradient(70% 80% at 50% 0%,#000 10%,transparent 100%);mask-image:radial-gradient(70% 80% at 50% 0%,#000 10%,transparent 100%);
}
.cta-band::after,#contact.contact::after{content:"";position:absolute;inset:0;background:radial-gradient(50% 60% at 50% 20%,rgba(212,175,106,0.12),transparent 70%);pointer-events:none}
.cta-band .container{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:var(--space-8);text-align:center;padding-block:clamp(3.5rem,6vw,5.5rem)}
.cta-band .container > div{min-width:0;max-width:100%}
.cta-band .heading{font-family:var(--font-display);font-weight:800;max-width:30ch;margin-inline:auto;text-wrap:balance}
.cta-band p{color:var(--foreground-secondary);max-width:42rem;margin-inline:auto}
.cta-band :is(h2,h3,.heading)+p{margin-top:clamp(1.25rem,2vw,1.75rem)!important}
.cta-band .actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}
@media (max-width:479px){.cta-band .actions{width:100%}.cta-band .actions .btn{width:100%}}
.footer{border-top:1px solid var(--border);padding-block:3.5rem var(--space-8);background:var(--background)}
.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-10)}
.footer-brand .logo-name{display:block;--fs:var(--text-2xl)}
.footer-brand .logo-role{margin-top:calc(.4rem + 2px);--fs:var(--text-sm)}
.footer-brand p{margin-top:var(--space-4);max-width:34rem;--fs:var(--type-body);color:var(--foreground-secondary)}
.foot-col h2{--type-h2:var(--text-lg);font-weight:600;color:var(--foreground);margin-bottom:var(--space-4)}
.foot-col ul{display:grid;gap:.55rem}
.foot-col a,.foot-col span{--fs:var(--text-base);color:var(--foreground-secondary);transition:color 220ms}
.foot-col a:hover{color:var(--foreground)}
.foot-col a[aria-current="page"]{color:var(--foreground);font-weight:500}
.footer .social-list{display:flex;flex-wrap:wrap;gap:.6rem}
.footer .social-list li{margin:0}
.social-list a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}
.social-list a > span:not(.ico){display:none}
.social-list a .ico{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);transition:border-color 220ms,color 220ms}
.social-list a:hover .ico,.social-list a:focus-visible .ico{border-color:rgba(212,175,106,0.6);color:var(--accent)}
.social-list svg{width:18px;height:18px}
.social-list .footer-whatsapp-icon{width:20px;height:20px}
.footer-bottom{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);--fs:var(--text-sm);color:var(--foreground-muted)}
@media (min-width:760px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1 / -1}}
@media (min-width:1024px){.footer-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.footer-brand{grid-column:span 5}.foot-col{grid-column:span 2}
  .footer-grid:has(> :nth-child(5)) .footer-brand{grid-column:span 4}
  .footer-grid:has(> :nth-child(6)){grid-template-columns:repeat(5,minmax(0,1fr))}
  .footer-grid:has(> :nth-child(6)) .footer-brand{grid-column:1 / -1}
  .footer-grid:has(> :nth-child(6)) .foot-col{grid-column:auto}}
.frame{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}
.frame img{width:100%;height:100%;object-fit:cover}
.related-reading{border-top:1px solid var(--border)}
.related-list{list-style:none;margin:0;padding:0}
.related-list li{border-bottom:1px solid var(--border)}
.related-list a{display:grid;gap:.35rem;padding:1.1rem 0;color:var(--foreground);text-decoration:none}
.related-list b{font-family:var(--font-display);font-weight:600;line-height:var(--leading-subheading);text-wrap:balance;transition:color 200ms var(--ease-out)}
.related-list span{color:var(--foreground-secondary);--fs:var(--text-base);line-height:var(--leading-ui)}
.related-list a:hover b,.related-list a:focus-visible b{color:var(--accent)}
.quick-channels{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4) var(--space-6);padding:var(--space-5) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}
.quick-channels-title{color:var(--foreground);font-weight:600}
.quick-channels-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.quick-channels .btn{gap:.6rem;white-space:normal;text-align:start}
.quick-whatsapp{--wa:#25D366;border-color:var(--wa);color:var(--wa);background:rgba(37,211,102,.06)}
.quick-whatsapp:hover,.quick-whatsapp:focus-visible{background:rgba(37,211,102,.14);border-color:var(--wa);color:var(--wa)}
@media (max-width:480px){.quick-channels-actions,.quick-channels .btn{width:100%}}
.quick-channels .btn svg{width:1.15rem;height:1.15rem;flex:none}
.quick-channels-top{margin-bottom:1.75rem;padding:0 0 var(--space-6);border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent}
.quick-channels-top .quick-channels-title{font-weight:500;color:var(--foreground-secondary)}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .line-in,[data-reveal],[data-stagger]>*,.menu,.menu-group{transition:none!important;transform:none!important;opacity:1!important}
  .menu{visibility:hidden}
  .menu.is-open{visibility:visible}
  .btn,.card,.chip,.faq summary .plus{transition:none!important}
}
.site-header .nav-links{gap:.15rem}
.site-header .nav-links>li>a{padding-inline:.6rem}
.site-header .nav-links>li>.sub-link{padding-inline-end:.1rem}
.site-header .nav-links>li>.sub-toggle-icon{padding-inline:.15rem .4rem}
.site-header .nav-links .sub-toggle .chev{width:1rem;height:1rem;flex-shrink:0}
.site-header .nav-cta.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.site-header .nav-cta.btn-primary:hover,.site-header .nav-cta.btn-primary:focus-visible{background:var(--accent-hover);color:var(--accent-ink);border-color:var(--accent-hover)}
.check-icon{position:relative;display:inline-block;flex:0 0 1.25rem;width:1.25rem;height:1.25rem;vertical-align:middle}
.check-icon::before{top:0}
.check-icon::after{top:.1875rem}
.sticky-column-candidate{position:static!important;align-self:start}
@media(min-width:1024px){.sticky-column-candidate.is-sticky-column{position:sticky!important;top:var(--sticky-column-top,116px)}}

.proof{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));border-block:1px solid var(--border);border-inline-end:1px solid var(--border);direction:rtl;text-align:right}
.proof > div{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);min-width:0;padding:clamp(1.5rem,3vw,2.5rem) clamp(1rem,2vw,1.75rem);border-inline-start:1px solid var(--border);margin-inline-start:-1px}
.proof .num{display:inline-flex;align-items:baseline;gap:.08em;max-width:100%;font-weight:700;--fs:clamp(2.25rem,3.4vw,3rem);line-height:1;color:var(--foreground);white-space:nowrap;font-variant-numeric:tabular-nums}
.proof .num i{font-style:normal;color:var(--accent);--fs:.5em}
.proof dt{color:var(--foreground-secondary);--fs:var(--type-body);font-weight:400;line-height:1.6}
.proof dt a{display:inline;color:inherit;--fs:var(--type-body);font-size:inherit;font-weight:inherit;line-height:inherit;transition:color 220ms var(--ease-out)}
.proof dt a:hover,.proof dt a:focus-visible{color:var(--accent)}