/* ============ Tokens ============ */
:root{
  /* Arik — garage / asphalt / rust */
  --asphalt:#1b1a18;
  --steel:#33322f;
  --steel-line:#4c4a45;
  --rust:#c65a28;
  --rust-bright:#e07a3f;
  --cream-text:#f3ece0;

  /* Orly — parchment / sage */
  --parchment:#eee8db;
  --paper:#f8f5ed;
  --sage:#4f6b4c;
  --sage-deep:#37492f;
  --ink:#26221c;
  --ink-soft:#4a453c;

  /* shared */
  --whatsapp:#2fa96b;
  --hairline:rgba(38,34,28,.14);
  --hairline-dark:rgba(243,236,224,.16);

  --scale:1;
  --fs-xs: calc(.78rem * var(--scale));
  --fs-sm: calc(.92rem * var(--scale));
  --fs-base: calc(1.05rem * var(--scale));
  --fs-md: calc(1.25rem * var(--scale));
  --fs-lg: calc(1.6rem * var(--scale));
  --fs-xl: calc(2.1rem * var(--scale));
  --fs-2xl: calc(2.8rem * var(--scale));
  --fs-hero: calc(4.4rem * var(--scale));

  --radius: 4px;
}

@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Heebo',system-ui,sans-serif;}

.page{
  direction:rtl;
  font-family:'Heebo','Segoe UI',system-ui,sans-serif;
  color:var(--ink);
  background:var(--paper);
  font-size:var(--fs-base);
  line-height:1.6;
  overflow-x:hidden;
}
.page img,.page svg{max-width:100%;}
.page h1,.page h2,.page h3,.page p{margin:0;text-wrap:balance;}
.page a{color:inherit;}
.page ul{margin:0;padding:0;list-style:none;}
.page button{font:inherit;color:inherit;}

:focus-visible{outline:2px solid var(--rust-bright);outline-offset:3px;}

.icon{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:-.15em;}

.wrap{max-width:1180px;margin-inline:auto;padding-inline:clamp(20px,5vw,56px);}

/* ============ Masthead ============ */
.masthead{
  position:sticky;top:0;z-index:40;
  background:rgba(248,245,237,.9);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--hairline);
}
.masthead-row{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding-block:14px;
}
.brand-mini{display:flex;align-items:baseline;gap:.15em;font-size:var(--fs-md);white-space:nowrap;}
.brand-mini b{font-family:'Frank Ruhl Libre',serif;font-weight:700;color:var(--sage-deep);}
.brand-mini i{font-style:normal;font-family:'Suez One',serif;color:var(--rust);}
.mast-nav{display:flex;gap:10px;flex-wrap:wrap;}
.pill{
  display:inline-flex;align-items:center;gap:.4em;
  padding:.5em 1.1em;border-radius:999px;
  font-size:var(--fs-xs);font-weight:600;letter-spacing:.01em;
  text-decoration:none;border:1px solid transparent;
  transition:transform .15s ease, background-color .15s ease;
}
.pill:hover{transform:translateY(-1px);}
.pill--arik{background:var(--rust);color:#1b1108;}
.pill--arik:hover{background:var(--rust-bright);}
.pill--orly{background:var(--sage);color:var(--paper);}
.pill--orly:hover{background:var(--sage-deep);}

/* ============ Hero ============ */
.hero-intro{padding-block:clamp(40px,7vw,72px) clamp(24px,4vw,40px);text-align:center;}
.eyebrow{
  display:block;font-size:var(--fs-xs);letter-spacing:.14em;font-weight:700;
  color:var(--sage-deep);margin-bottom:1.1em;
}
.eyebrow::before,.eyebrow::after{content:"—";margin-inline:.6em;color:var(--rust);opacity:.7;}

.brand-main{
  font-size:var(--fs-hero);line-height:1;display:flex;justify-content:center;gap:.22em;flex-wrap:wrap;
}
.brand-main .a{font-family:'Frank Ruhl Libre',serif;font-weight:700;color:var(--sage-deep);}
.brand-main .b{font-family:'Suez One',serif;color:var(--rust);}
.brand-latin{
  display:block;margin-top:.5em;font-size:var(--fs-sm);letter-spacing:.24em;
  color:var(--ink-soft);text-transform:uppercase;
}
.tagline{
  margin:1.3em auto 0;max-width:34ch;font-size:var(--fs-md);color:var(--ink-soft);
}

/* ============ Split hero panels ============ */
.split{display:grid;grid-template-columns:1fr 1fr;min-height:min(70vh,640px);}
@media (max-width:760px){.split{grid-template-columns:1fr;min-height:0;}}

.panel{
  position:relative;overflow:hidden;
  display:flex;flex-direction:column;justify-content:center;
  padding:clamp(32px,6vw,72px);
  isolation:isolate;
}
.panel-motif{position:absolute;inset:0;opacity:.16;pointer-events:none;z-index:-1;transition:opacity .4s ease, transform .4s ease;}
.panel:hover .panel-motif{opacity:.26;transform:scale(1.04);}
.panel--arik:hover .panel-title{color:var(--rust-bright);}
.panel--orly:hover .panel-title{color:var(--sage-deep);}
.panel-eyebrow{font-size:var(--fs-xs);letter-spacing:.14em;font-weight:700;margin-bottom:.9em;}
.panel-title{font-size:var(--fs-2xl);line-height:1.05;margin-bottom:.35em;transition:color .3s ease;}
.panel-desc{font-size:var(--fs-base);max-width:32ch;margin-bottom:1.6em;}

.cta{
  display:inline-flex;align-items:center;gap:.5em;width:fit-content;
  padding:.85em 1.6em;border-radius:var(--radius);
  font-size:var(--fs-sm);font-weight:700;text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease;
  border:1px solid transparent;
}
.cta:hover{transform:translateX(-3px);}
[dir="rtl"] .cta:hover{transform:translateX(3px);}
.cta .icon{transition:transform .15s ease;}
.cta svg{width:1.1em;height:1.1em;}

.panel--arik{background:var(--asphalt);color:var(--cream-text);}
.panel--arik .panel-eyebrow{color:var(--rust-bright);}
.panel--arik .panel-desc{color:#d8cfc0;}
.panel--arik .cta{background:var(--rust);color:#1b1108;}
.panel--arik .cta:hover{background:var(--rust-bright);}

.panel--orly{background:var(--parchment);color:var(--ink);}
.panel--orly .panel-eyebrow{color:var(--sage-deep);}
.panel--orly .panel-title{font-family:'Frank Ruhl Libre',serif;font-weight:700;}
.panel--orly .panel-desc{color:var(--ink-soft);}
.panel--orly .cta{background:var(--sage);color:var(--paper);}
.panel--orly .cta:hover{background:var(--sage-deep);}

/* seam */
.seam{height:7px;background:repeating-linear-gradient(90deg,var(--rust) 0 14px,var(--sage) 14px 28px);}

/* ============ Section shells ============ */
section.biz{padding-block:clamp(56px,9vw,110px);}
.biz--arik{background:var(--asphalt);color:var(--cream-text);}
.biz--orly{background:var(--paper);color:var(--ink);}

.biz-head{max-width:60ch;margin-bottom:clamp(32px,5vw,56px);}
.biz--arik .eyebrow{color:var(--rust-bright);}
.biz--orly .eyebrow{color:var(--sage-deep);}
.biz-title{font-size:var(--fs-xl);margin-top:.25em;}
.biz--orly .biz-title{font-family:'Frank Ruhl Libre',serif;font-weight:700;color:var(--sage-deep);}
.biz-sub{margin-top:.7em;font-size:var(--fs-md);max-width:52ch;}
.biz--arik .biz-sub{color:#cfc6b7;}
.biz--orly .biz-sub{color:var(--ink-soft);}

/* category / path cards */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media (max-width:900px){.grid4{grid-template-columns:1fr 1fr;}.grid3{grid-template-columns:1fr;}}
@media (max-width:520px){.grid4{grid-template-columns:1fr;}}

.card{
  padding:1.6em 1.4em;border-radius:var(--radius);
  transition:transform .15s ease, border-color .15s ease;
}
.card:hover{transform:translateY(-3px);}
.card:hover .card-icon{transform:scale(1.08);}
.card-icon{transition:transform .2s ease;}

/* scroll reveal */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease, transform .6s ease;}
.reveal.in{opacity:1;transform:none;}
.grid4 .reveal:nth-child(2){transition-delay:.06s;}
.grid4 .reveal:nth-child(3){transition-delay:.12s;}
.grid4 .reveal:nth-child(4){transition-delay:.18s;}
.grid3 .reveal:nth-child(2){transition-delay:.08s;}
.grid3 .reveal:nth-child(3){transition-delay:.16s;}
@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none;}}

.biz--arik .card{background:var(--steel);border:1px solid var(--steel-line);}
.card-icon{
  width:2.4em;height:2.4em;border-radius:50%;
  display:flex;align-items:center;justify-content:center;margin-bottom:.9em;
  font-size:var(--fs-md);
}
.biz--arik .card-icon{background:rgba(198,90,40,.16);color:var(--rust-bright);}
.card h3{font-size:var(--fs-md);margin-bottom:.5em;}
.card p{font-size:var(--fs-sm);}
.biz--arik .card p{color:#cfc6b7;}
.item-list{font-size:var(--fs-sm);color:#cfc6b7;line-height:1.9;}
.item-list li::before{content:"·";color:var(--rust-bright);margin-inline-end:.5em;}

.biz--orly .card{background:var(--paper);border:1px solid var(--hairline);box-shadow:0 1px 0 var(--hairline);}
.biz--orly .card-icon{background:rgba(79,107,76,.12);color:var(--sage-deep);}
.biz--orly .card p{color:var(--ink-soft);}

/* trust badges */
.badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;}
.badge{
  display:flex;align-items:center;gap:.6em;
  padding:.8em 1.2em;border-radius:999px;
  background:rgba(243,236,224,.06);border:1px solid var(--hairline-dark);
  font-size:var(--fs-sm);font-weight:500;
}
.badge .icon{color:var(--rust-bright);font-size:1.15em;}

.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px;}
.btn{
  display:inline-flex;align-items:center;gap:.5em;
  padding:.85em 1.6em;border-radius:var(--radius);
  font-size:var(--fs-sm);font-weight:700;text-decoration:none;
  border:1px solid currentColor;
  transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease;
}
.btn:hover{transform:translateY(-1px);}
.biz--arik .btn--outline{color:var(--cream-text);}
.biz--arik .btn--outline:hover{background:var(--cream-text);color:var(--asphalt);}
.biz--orly .btn--outline{color:var(--sage-deep);}
.biz--orly .btn--outline:hover{background:var(--sage-deep);color:var(--paper);}
.biz--arik .btn--solid{background:var(--rust);border-color:var(--rust);color:#1b1108;}
.biz--arik .btn--solid:hover{background:var(--rust-bright);border-color:var(--rust-bright);}
.biz--orly .btn--solid{background:var(--sage);border-color:var(--sage);color:var(--paper);}
.biz--orly .btn--solid:hover{background:var(--sage-deep);border-color:var(--sage-deep);}

.about-orly{max-width:62ch;font-size:var(--fs-md);color:var(--ink-soft);margin-bottom:40px;}

/* ============ Footer ============ */
footer{background:var(--parchment);border-top:1px solid var(--hairline);padding-block:56px 28px;}
.foot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}
@media (max-width:760px){.foot-grid{grid-template-columns:1fr;gap:32px;}}
.foot-col h4{font-size:var(--fs-sm);letter-spacing:.06em;color:var(--sage-deep);margin-bottom:.8em;}
.foot-col p{font-size:var(--fs-sm);color:var(--ink-soft);margin-bottom:.7em;}
.foot-link{
  display:inline-block;font-size:var(--fs-sm);color:var(--ink);
  text-decoration:underline;text-decoration-color:var(--hairline);text-underline-offset:3px;
  margin-inline-end:1em;
}
.foot-link:hover{text-decoration-color:currentColor;}
.foot-bottom{
  margin-top:40px;padding-top:20px;border-top:1px solid var(--hairline);
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;
  font-size:var(--fs-xs);color:var(--ink-soft);
}
.demo-note{color:var(--rust);font-weight:600;}

/* ============ Floating actions ============ */
.fab-wrap{position:fixed;bottom:22px;z-index:50;}
.fab-whatsapp{inset-inline-end:22px;position:fixed;bottom:22px;}
.fab-a11y{inset-inline-start:22px;position:fixed;bottom:22px;}

.fab{
  width:54px;height:54px;border-radius:50%;border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.22);
  transition:transform .15s ease;
}
.fab:hover{transform:scale(1.06);}
.fab-whatsapp .fab{background:var(--whatsapp);color:#fff;}
.fab-a11y .fab{background:var(--asphalt);color:var(--cream-text);font-family:'Heebo',sans-serif;font-weight:800;font-size:var(--fs-md);}
.fab-whatsapp .fab svg{width:26px;height:26px;}

.a11y-panel{
  position:absolute;bottom:64px;inset-inline-start:0;
  background:var(--paper);border:1px solid var(--hairline);border-radius:var(--radius);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
  padding:14px;width:200px;display:none;flex-direction:column;gap:8px;
}
.a11y-panel.open{display:flex;}
.a11y-panel button{
  display:flex;align-items:center;justify-content:space-between;
  padding:.6em .8em;border-radius:6px;border:1px solid var(--hairline);
  background:transparent;cursor:pointer;font-size:var(--fs-sm);
}
.a11y-panel button:hover{background:var(--parchment);}

/* high-contrast override, scoped to .page so it composes with either OS theme */
.page.a11y-contrast{
  --asphalt:#000000; --steel:#0d0d0d; --steel-line:#3a3a3a;
  --rust:#ffb020; --rust-bright:#ffcf6b; --cream-text:#ffffff;
  --parchment:#ffffff; --paper:#ffffff; --sage:#0a6b2e; --sage-deep:#064d21;
  --ink:#000000; --ink-soft:#000000; --hairline:#000000; --hairline-dark:#ffffff;
}