/* Arabia Group — Internal Pages V3.0
   Identity-native: uses the production header/footer classes and AG Core palette. */
@font-face{font-family:Thmanyah;src:url('/assets/brand/fonts/thmanyah-sans-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Thmanyah;src:url('/assets/brand/fonts/thmanyah-sans-medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Thmanyah;src:url('/assets/brand/fonts/thmanyah-sans-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Thmanyah;src:url('/assets/brand/fonts/thmanyah-sans-black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}

:root{
  --ag-native-solar:#F3C600;
  --ag-native-ink:#0D0F10;
  --ag-native-paper:#F4F1E8;
  --ag-native-cream:#FBF8EF;
  --ag-native-muted:#67645D;
  --ag-native-line:rgba(13,15,16,.16);
  --ag-native-line-light:rgba(244,241,232,.16);
  --ag-native-radius:16px;
}

html{scroll-behavior:smooth}
body.ag-internal-native{
  margin:0;
  background:var(--ag-native-paper);
  color:var(--ag-native-ink);
  font-family:Thmanyah,"Thmanyah Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body.ag-internal-native *{box-sizing:border-box}
body.ag-internal-native img{max-width:100%;display:block}
body.ag-internal-native a{text-decoration:none}
body.ag-internal-native button,
body.ag-internal-native input,
body.ag-internal-native textarea,
body.ag-internal-native select{font:inherit}

/* Never redesign the production header here. Only preserve its stacking context. */
.ag-native-header{z-index:150!important}
.ag-native-main{padding-top:74px;min-height:70vh}
.ag-native-footer{margin-top:0}

.ag-native-section{padding:96px 0;background:var(--ag-native-cream)}
.ag-native-section--paper{background:var(--ag-native-paper)}
.ag-native-section--solar{background:var(--ag-native-solar)}
.ag-native-section--ink{background:var(--ag-native-ink);color:var(--ag-native-paper)}

.ag-native-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  color:inherit;
}
.ag-native-eyebrow::before{
  content:"";
  width:24px;
  height:3px;
  background:var(--ag-native-solar);
}
.ag-native-section--solar .ag-native-eyebrow::before{background:var(--ag-native-ink)}

.ag-native-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:inherit;
  font-size:14px;
  font-weight:700;
  opacity:.72;
  transition:opacity .18s ease,transform .18s ease;
}
.ag-native-back:hover{opacity:1;transform:translateX(-3px)}
html[dir="ltr"] .ag-native-back:hover{transform:translateX(3px)}

.ag-native-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin:25px 0 10px;
  font-size:13px;
  font-weight:800;
  color:var(--ag-native-muted);
}
.ag-native-meta i{display:block;width:4px;height:4px;border-radius:50%;background:var(--ag-native-solar)}

.ag-native-lead{
  max-width:690px;
  margin:0;
  font-size:clamp(17px,1.7vw,21px);
  line-height:1.85;
  color:#393935;
}

.ag-native-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.ag-native-btn{
  min-height:46px;
  padding:11px 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1.5px solid var(--ag-native-ink);
  border-radius:2px;
  color:var(--ag-native-ink);
  font-size:14px;
  font-weight:800;
  line-height:1;
  transition:transform .18s ease,background .18s ease,color .18s ease;
}
.ag-native-btn:hover{transform:translateY(-2px)}
.ag-native-btn--solar{background:var(--ag-native-solar)}
.ag-native-btn--dark{background:var(--ag-native-ink);color:var(--ag-native-paper)}
.ag-native-btn--paper{background:var(--ag-native-paper)}
.ag-native-btn--submit{width:100%;min-height:54px;margin-top:4px;font-size:15px;cursor:pointer}

/* Detail hero */
.ag-native-hero{
  position:relative;
  overflow:hidden;
  padding:78px 0 88px;
  background:var(--ag-native-paper);
  border-bottom:1px solid var(--ag-native-line);
}
.ag-native-hero--system{background:var(--ag-native-solar)}
.ag-native-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(340px,.84fr);
  align-items:center;
  gap:70px;
}
.ag-native-hero__copy h1{
  max-width:800px;
  margin:14px 0 22px;
  font-size:clamp(38px,5vw,66px);
  line-height:1.07;
  letter-spacing:-.025em;
  font-weight:900;
}
.ag-native-hero--system .ag-native-lead{color:rgba(13,15,16,.76)}

.ag-native-showcase{
  position:relative;
  margin:0;
  padding:12px;
  background:var(--ag-native-ink);
  border:1px solid var(--ag-native-ink);
}
.ag-native-showcase::after{
  content:"";
  position:absolute;
  width:44%;
  height:10px;
  inset-inline-end:-14px;
  bottom:-11px;
  background:var(--ag-native-solar);
  border:1px solid var(--ag-native-ink);
}
.ag-native-showcase--system::after{background:var(--ag-native-paper)}
.ag-native-showcase__top{
  min-height:38px;
  padding:0 3px 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:var(--ag-native-paper);
  font-size:12px;
  font-weight:800;
}
.ag-native-showcase__top b{color:var(--ag-native-solar);font-size:13px}
.ag-native-showcase__media{
  min-height:320px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#17191A;
}
.ag-native-showcase__media img{width:100%;height:100%;max-height:540px;object-fit:cover}
.ag-native-media-fallback{font-size:74px;font-weight:900;color:var(--ag-native-solar)}

/* Page/list hero */
.ag-native-list-hero{
  padding:84px 0 72px;
  background:var(--ag-native-paper);
  border-bottom:1px solid var(--ag-native-line);
}
.ag-native-list-hero--solar{background:var(--ag-native-solar)}
.ag-native-list-hero__inner{max-width:920px}
.ag-native-list-hero h1{
  margin:14px 0 22px;
  max-width:860px;
  font-size:clamp(38px,5vw,64px);
  line-height:1.08;
  letter-spacing:-.025em;
  font-weight:900;
}
.ag-native-list-hero p{
  max-width:690px;
  margin:0;
  font-size:clamp(17px,1.7vw,21px);
  line-height:1.85;
  color:#42423E;
}

/* Headings */
.ag-native-heading{max-width:840px;margin-bottom:42px}
.ag-native-heading h2,
.ag-native-statement h2,
.ag-native-copy h2{
  margin:12px 0 0;
  font-size:clamp(30px,3.8vw,50px);
  line-height:1.16;
  letter-spacing:-.02em;
  font-weight:900;
}
.ag-native-heading--light{color:var(--ag-native-paper)}
.ag-native-heading--light .ag-native-eyebrow{color:var(--ag-native-paper)}

/* Case / editorial copy */
.ag-native-case-grid{
  display:grid;
  grid-template-columns:minmax(220px,.72fr) minmax(0,1.6fr);
  gap:80px;
  align-items:start;
}
.ag-native-side-note{
  position:sticky;
  top:110px;
  padding-top:4px;
}
.ag-native-side-note dl{margin:28px 0 0}
.ag-native-side-note dl>div{padding:15px 0;border-top:1px solid var(--ag-native-line)}
.ag-native-side-note dt{font-size:12px;color:var(--ag-native-muted);font-weight:700}
.ag-native-side-note dd{margin:4px 0 0;font-size:15px;font-weight:800}
.ag-native-tech{margin-top:26px}
.ag-native-tech small{display:block;margin-bottom:10px;color:var(--ag-native-muted);font-size:12px;font-weight:700}
.ag-native-tech>div{display:flex;flex-wrap:wrap;gap:7px}
.ag-native-tech span{padding:6px 9px;border:1px solid var(--ag-native-line);background:var(--ag-native-cream);font-size:12px;font-weight:700}

.ag-native-copy{max-width:800px}
.ag-native-copy--compact{max-width:700px}
.ag-native-copy p{
  margin:20px 0 0;
  font-size:17px;
  line-height:2;
  color:#3C3D38;
}
.ag-native-section--solar .ag-native-copy p{color:rgba(13,15,16,.78)}
.ag-native-section--ink .ag-native-copy p{color:rgba(244,241,232,.76)}

.ag-native-wide-media{margin:0;border:1px solid rgba(244,241,232,.2);padding:10px;background:#17191A}
.ag-native-wide-media img{width:100%;max-height:760px;object-fit:contain;background:#0A0B0C}

/* Cards */
.ag-native-card-grid{display:grid;gap:18px}
.ag-native-card-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ag-native-work-card,
.ag-native-related-article{
  display:block;
  border:1px solid var(--ag-native-line);
  background:var(--ag-native-paper);
  color:var(--ag-native-ink);
  transition:transform .2s ease,border-color .2s ease;
}
.ag-native-work-card:hover,
.ag-native-related-article:hover{transform:translateY(-4px);border-color:var(--ag-native-ink)}
.ag-native-work-card__media{aspect-ratio:16/10;overflow:hidden;background:#E8E4DA}
.ag-native-work-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.ag-native-work-card:hover img{transform:scale(1.025)}
.ag-native-work-card__body{padding:20px}
.ag-native-work-card__body small,
.ag-native-related-article small{font-size:12px;color:var(--ag-native-muted);font-weight:700}
.ag-native-work-card__body h3,
.ag-native-related-article h3{margin:8px 0 18px;font-size:21px;line-height:1.45;font-weight:850}
.ag-native-work-card__body span,
.ag-native-related-article span{font-size:13px;font-weight:800}
.ag-native-related-article{padding:24px;min-height:220px;display:flex;flex-direction:column}
.ag-native-related-article span{margin-top:auto}

/* System */
.ag-native-system-intro{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:90px;
  align-items:start;
}
.ag-native-statement{max-width:560px}
.ag-native-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ag-native-feature{
  min-height:235px;
  padding:24px;
  border:1px solid var(--ag-native-line);
  background:var(--ag-native-paper);
}
.ag-native-feature>b{display:inline-flex;min-width:36px;padding-bottom:8px;border-bottom:3px solid var(--ag-native-solar);font-size:13px}
.ag-native-feature h3{margin:26px 0 10px;font-size:21px;line-height:1.35;font-weight:850}
.ag-native-feature p{margin:0;color:#55544E;line-height:1.8;font-size:14px}
.ag-native-feature-grid--dark .ag-native-feature{background:#151718;border-color:var(--ag-native-line-light);color:var(--ag-native-paper)}
.ag-native-feature-grid--dark .ag-native-feature p{color:rgba(244,241,232,.68)}

.ag-native-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ag-native-gallery__item{margin:0;padding:9px;border:1px solid var(--ag-native-line-light);background:#151718}
.ag-native-gallery__item img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#090A0A}
.ag-native-gallery__item figcaption{padding:12px 5px 4px;color:rgba(244,241,232,.72);font-size:13px;line-height:1.6}

/* Plans */
.ag-native-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ag-native-plan-card{
  position:relative;
  padding:28px;
  border:1px solid var(--ag-native-line);
  background:var(--ag-native-paper);
}
.ag-native-plan-card.is-featured{border-top:5px solid var(--ag-native-solar)}
.ag-native-plan-card__label{display:flex;justify-content:space-between;gap:15px;font-size:12px;font-weight:800;color:var(--ag-native-muted)}
.ag-native-plan-card__label b{color:var(--ag-native-ink);background:var(--ag-native-solar);padding:5px 8px}
.ag-native-plan-card h3,.ag-native-plan-card h2{margin:28px 0 12px;font-size:clamp(27px,3vw,40px);line-height:1.2;font-weight:900}
.ag-native-plan-card>p{margin:0;color:#50514C;line-height:1.85;font-size:15px}
.ag-native-plan-card__subtitle{font-size:17px!important;color:var(--ag-native-ink)!important;font-weight:750}
.ag-native-plan-card__actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;padding-top:18px;border-top:1px solid var(--ag-native-line)}
.ag-native-plan-card__actions a{font-size:13px;font-weight:800;color:var(--ag-native-ink)}
.ag-native-plan-grid--large{gap:22px}
.ag-native-plan-card--large{padding:34px}
.ag-native-plan-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:26px;border-top:1px solid var(--ag-native-line)}
.ag-native-plan-facts>div{padding:18px 0;border-bottom:1px solid var(--ag-native-line)}
.ag-native-plan-facts small{font-size:12px;color:var(--ag-native-muted);font-weight:800}
.ag-native-plan-facts p{margin:6px 0 0!important;font-size:14px!important;line-height:1.8!important;color:#3E3F3B!important;white-space:pre-line}

/* Blog */
.ag-native-article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ag-native-article-card{border-top:1px solid var(--ag-native-ink);padding-top:12px}
.ag-native-article-card__media{display:block;aspect-ratio:16/9;overflow:hidden;background:#E5E0D5}
.ag-native-article-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.ag-native-article-card:hover img{transform:scale(1.02)}
.ag-native-article-card__body{padding:18px 2px 10px}
.ag-native-article-meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--ag-native-muted);font-size:12px;font-weight:700}
.ag-native-article-card h2{margin:14px 0 10px;font-size:clamp(23px,2.4vw,32px);line-height:1.36;font-weight:900}
.ag-native-article-card h2 a{color:var(--ag-native-ink)}
.ag-native-article-card p{margin:0 0 16px;color:#55544F;font-size:14px;line-height:1.85}
.ag-native-text-link{display:inline-flex;gap:7px;font-size:13px;font-weight:800;color:var(--ag-native-ink)}

/* Article */
.ag-native-article-hero{padding:76px 0 0;background:var(--ag-native-paper);border-bottom:1px solid var(--ag-native-line)}
.ag-native-article-hero__copy{max-width:980px}
.ag-native-article-hero .ag-native-article-meta{margin:26px 0 14px}
.ag-native-article-hero h1{
  max-width:930px;
  margin:0 0 22px;
  font-size:clamp(38px,5.2vw,68px);
  line-height:1.12;
  letter-spacing:-.025em;
  font-weight:900;
}
.ag-native-article-hero .ag-native-lead{max-width:820px;margin-bottom:42px}
.ag-native-article-cover{margin:0;transform:translateY(38px);padding:9px;background:var(--ag-native-ink);border:1px solid var(--ag-native-ink)}
.ag-native-article-cover img{width:100%;max-height:650px;object-fit:cover}
.ag-native-article-hero+.ag-native-section{padding-top:128px}
.ag-native-article-layout{display:grid;grid-template-columns:230px minmax(0,760px);justify-content:center;gap:72px;align-items:start}
.ag-native-article-rail{position:sticky;top:112px;padding-top:7px}
.ag-native-article-rail p{margin:17px 0;color:var(--ag-native-muted);font-size:13px;line-height:1.75}
.ag-native-article-rail a{font-size:13px;font-weight:800;color:var(--ag-native-ink)}
.ag-native-article-content{font-size:17px;line-height:2;color:#292A27;overflow-wrap:anywhere}
.ag-native-article-content h2{margin:52px 0 16px;font-size:34px;line-height:1.3;font-weight:900}
.ag-native-article-content h3{margin:38px 0 12px;font-size:25px;line-height:1.4;font-weight:850}
.ag-native-article-content p{margin:0 0 22px}
.ag-native-article-content ul,.ag-native-article-content ol{padding-inline-start:25px;margin:0 0 24px}
.ag-native-article-content li{margin:8px 0}
.ag-native-article-content a{color:var(--ag-native-ink);text-decoration:underline;text-decoration-color:var(--ag-native-solar);text-decoration-thickness:3px;text-underline-offset:3px}
.ag-native-article-content blockquote{margin:30px 0;padding:20px 24px;border-inline-start:5px solid var(--ag-native-solar);background:#EEEADF}
.ag-native-article-content img{margin:32px auto;max-width:100%;height:auto}
.ag-native-article-content pre{overflow:auto;background:var(--ag-native-ink);color:var(--ag-native-paper);padding:18px;direction:ltr;text-align:left}
.ag-native-article-content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

/* Request form */
.ag-native-request{padding:82px 0 96px;background:var(--ag-native-paper)}
.ag-native-request__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(520px,1.15fr);gap:72px;align-items:start}
.ag-native-request__intro{position:sticky;top:112px}
.ag-native-request__intro h1{margin:14px 0 20px;font-size:clamp(38px,4.8vw,62px);line-height:1.1;font-weight:900;letter-spacing:-.025em}
.ag-native-request__intro>p{max-width:580px;margin:0;color:#494A45;font-size:17px;line-height:1.9}
.ag-native-request__promise{display:grid;grid-template-columns:34px 1fr;gap:0 14px;margin-top:34px;border-top:1px solid var(--ag-native-line)}
.ag-native-request__promise span,.ag-native-request__promise p{padding:13px 0;border-bottom:1px solid var(--ag-native-line)}
.ag-native-request__promise span{font-size:12px;font-weight:900;color:#77736A}
.ag-native-request__promise p{margin:0;font-size:14px;font-weight:700}
.ag-native-form-card{background:var(--ag-native-cream);border:1px solid var(--ag-native-ink);padding:34px}
.ag-native-context{margin-bottom:20px;padding:13px 15px;background:var(--ag-native-solar);font-size:13px;font-weight:800}
.ag-native-errors{margin-bottom:20px;padding:16px;border:1px solid #A82E22;background:#FFF4F1;color:#7D2018;font-size:13px}
.ag-native-errors ul{margin:8px 0 0;padding-inline-start:20px}
.ag-native-form{display:grid;gap:30px}
.ag-native-form__section{display:grid;gap:17px;padding-bottom:28px;border-bottom:1px solid var(--ag-native-line)}
.ag-native-form__title{display:flex;align-items:center;gap:12px}
.ag-native-form__title b{width:30px;height:30px;display:grid;place-items:center;background:var(--ag-native-ink);color:var(--ag-native-paper);font-size:11px}
.ag-native-form__title h2{margin:0;font-size:20px;font-weight:900}
.ag-native-fields{display:grid;gap:15px}
.ag-native-fields--2{grid-template-columns:1fr 1fr}
.ag-native-field{display:grid;gap:7px}
.ag-native-field>span{font-size:12px;font-weight:800;color:#4F4F49}
.ag-native-field input,.ag-native-field select,.ag-native-field textarea{
  width:100%;
  border:1px solid #B6B1A7;
  border-radius:0;
  background:#FFFDF6;
  color:var(--ag-native-ink);
  outline:none;
  padding:12px 13px;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.ag-native-field input,.ag-native-field select{min-height:48px}
.ag-native-field textarea{resize:vertical;min-height:155px;line-height:1.75}
.ag-native-field input:focus,.ag-native-field select:focus,.ag-native-field textarea:focus{border-color:var(--ag-native-ink);box-shadow:0 0 0 3px rgba(243,198,0,.22)}
.ag-native-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.ag-native-success{text-align:center;padding:48px 22px}
.ag-native-success>span{width:56px;height:56px;margin:0 auto 20px;display:grid;place-items:center;background:var(--ag-native-solar);border:1px solid var(--ag-native-ink);font-size:25px;font-weight:900}
.ag-native-success h2{margin:0 0 10px;font-size:32px;font-weight:900}
.ag-native-success p{color:var(--ag-native-muted)}
.ag-native-success a{display:inline-block;margin-top:16px;font-weight:800;color:var(--ag-native-ink)}

/* Process */
.ag-native-process{border-top:1px solid var(--ag-native-ink)}
.ag-native-process__row{display:grid;grid-template-columns:70px 240px 1fr;gap:30px;align-items:start;padding:28px 0;border-bottom:1px solid var(--ag-native-line)}
.ag-native-process__row>b{font-size:13px;color:#767269}
.ag-native-process__row h2{margin:0;font-size:27px;line-height:1.25;font-weight:900}
.ag-native-process__row p{margin:0;max-width:650px;color:#4C4D48;font-size:15px;line-height:1.85}

/* Final CTA */
.ag-native-cta{padding:28px 0 96px;background:var(--ag-native-cream)}
.ag-native-cta__card{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:45px;
  padding:44px;
  background:var(--ag-native-ink);
  color:var(--ag-native-paper);
  border-top:8px solid var(--ag-native-solar);
}
.ag-native-cta__card .ag-native-eyebrow{color:var(--ag-native-paper)}
.ag-native-cta__card h2{max-width:760px;margin:12px 0 12px;font-size:clamp(30px,3.8vw,48px);line-height:1.2;font-weight:900}
.ag-native-cta__card p{max-width:660px;margin:0;color:rgba(244,241,232,.7);font-size:15px;line-height:1.8}

.ag-native-empty{padding:38px;border:1px solid var(--ag-native-line);background:var(--ag-native-paper);font-weight:800}

/* Lightweight reveal: content remains visible without JS. */
[data-native-reveal]{transition:opacity .45s ease,transform .45s ease}
.js-native-reveal [data-native-reveal]:not(.is-visible){opacity:0;transform:translateY(14px)}
.js-native-reveal [data-native-reveal].is-visible{opacity:1;transform:none}

@media (max-width:1100px){
  .ag-native-hero__grid{gap:44px;grid-template-columns:minmax(0,1fr) minmax(310px,.82fr)}
  .ag-native-request__grid{grid-template-columns:.82fr 1.18fr;gap:44px}
  .ag-native-article-layout{grid-template-columns:190px minmax(0,720px);gap:45px}
}

@media (max-width:900px){
  .ag-native-main{padding-top:68px}
  .ag-native-section{padding:74px 0}
  .ag-native-hero{padding:58px 0 72px}
  .ag-native-hero__grid,.ag-native-system-intro,.ag-native-case-grid,.ag-native-request__grid,.ag-native-article-layout{grid-template-columns:1fr;gap:42px}
  .ag-native-showcase{max-width:680px;width:100%}
  .ag-native-side-note,.ag-native-request__intro,.ag-native-article-rail{position:static}
  .ag-native-card-grid--3,.ag-native-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ag-native-plan-grid,.ag-native-article-grid{grid-template-columns:1fr}
  .ag-native-article-rail{max-width:600px;padding-bottom:24px;border-bottom:1px solid var(--ag-native-line)}
  .ag-native-process__row{grid-template-columns:50px 190px 1fr;gap:18px}
  .ag-native-cta__card{grid-template-columns:1fr;align-items:start}
}

@media (max-width:620px){
  .ag-native-main{padding-top:62px}
  .ag-native-section{padding:58px 0}
  .ag-native-hero,.ag-native-list-hero,.ag-native-request{padding:44px 0 58px}
  .ag-native-hero__copy h1,.ag-native-list-hero h1,.ag-native-article-hero h1,.ag-native-request__intro h1{font-size:36px;line-height:1.15}
  .ag-native-hero__grid{gap:34px}
  .ag-native-showcase__media{min-height:220px}
  .ag-native-actions{display:grid;grid-template-columns:1fr}
  .ag-native-btn{width:100%}
  .ag-native-card-grid--3,.ag-native-feature-grid,.ag-native-gallery{grid-template-columns:1fr}
  .ag-native-plan-card,.ag-native-plan-card--large,.ag-native-form-card{padding:22px}
  .ag-native-plan-facts,.ag-native-fields--2{grid-template-columns:1fr}
  .ag-native-process__row{grid-template-columns:42px 1fr;gap:12px}
  .ag-native-process__row p{grid-column:2}
  .ag-native-cta{padding-bottom:58px}
  .ag-native-cta__card{padding:28px 22px;gap:28px}
  .ag-native-article-hero{padding-top:46px}
  .ag-native-article-cover{transform:translateY(25px)}
  .ag-native-article-hero+.ag-native-section{padding-top:92px}
  .ag-native-article-content{font-size:16px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  [data-native-reveal],.ag-native-btn,.ag-native-work-card,.ag-native-related-article,.ag-native-article-card__media img{transition:none!important;transform:none!important;opacity:1!important}
}

/* ==========================================================
   Arabia Group — Internal Pages V3.1 / Content Experience Pass
   Keeps the production shell; redesigns only internal content.
   ========================================================== */
:root{
  --ag31-solar:#F3C600;
  --ag31-ink:#0D0F10;
  --ag31-paper:#F4F1E8;
  --ag31-cream:#FBF8EF;
  --ag31-soft:#E9E4D8;
  --ag31-muted:#6A675F;
  --ag31-line:rgba(13,15,16,.15);
  --ag31-light-line:rgba(244,241,232,.16);
}
.ag-native-section{padding:92px 0}
.ag-native-btn{border-radius:3px}
.ag-native-text-link{display:inline-flex;align-items:center;gap:8px;color:var(--ag31-ink);font-weight:850;font-size:14px}
.ag31-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.42fr);gap:54px;align-items:end;margin-bottom:44px}
.ag31-section-head>div{max-width:790px}
.ag31-section-head h2{margin:12px 0 0;font-size:clamp(31px,3.6vw,49px);line-height:1.16;letter-spacing:-.02em;font-weight:900}
.ag31-section-head>p{margin:0;color:#5C5A54;font-size:15px;line-height:1.85}
.ag31-section-head--light{color:var(--ag31-paper)}
.ag31-section-head--light>p{color:rgba(244,241,232,.67)}

/* Work detail ------------------------------------------------ */
.ag31-case-hero{padding:62px 0 0;background:var(--ag31-paper);border-bottom:1px solid var(--ag31-line);overflow:hidden}
.ag31-case-hero__top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px}
.ag31-case-kicker{display:flex;align-items:center;gap:11px;color:var(--ag31-muted);font-size:13px;font-weight:800}
.ag31-case-kicker i{width:4px;height:4px;border-radius:50%;background:var(--ag31-solar)}
.ag31-case-hero__copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.52fr);gap:68px;align-items:end;margin-bottom:52px}
.ag31-case-hero__copy h1{margin:0;max-width:900px;font-size:clamp(41px,5.2vw,66px);line-height:1.08;letter-spacing:-.03em;font-weight:900}
.ag31-case-hero__copy>p{grid-column:2;margin:0;color:#484843;font-size:18px;line-height:1.85}
.ag31-case-hero__copy .ag-native-actions{grid-column:2;margin-top:0}
.ag31-case-cover{margin:0;background:var(--ag31-ink);border:1px solid var(--ag31-ink)}
.ag31-case-cover__rail{height:46px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;color:var(--ag31-paper);font-size:12px;font-weight:800}
.ag31-case-cover__rail b{color:var(--ag31-solar);font-size:14px}
.ag31-case-cover__media{aspect-ratio:16/8.4;overflow:hidden;background:#17191a}
.ag31-case-cover__media img{width:100%;height:100%;object-fit:cover}
.ag31-case-overview{padding-top:108px}
.ag31-case-overview__grid{display:grid;grid-template-columns:minmax(230px,.62fr) minmax(0,1.38fr);gap:90px;align-items:start}
.ag31-project-facts{position:sticky;top:108px}
.ag31-project-facts dl{margin:26px 0 0}
.ag31-project-facts dl>div{padding:15px 0;border-top:1px solid var(--ag31-line)}
.ag31-project-facts dt{font-size:12px;color:var(--ag31-muted);font-weight:750}
.ag31-project-facts dd{margin:5px 0 0;font-size:15px;line-height:1.55;font-weight:850}
.ag31-tech-list{margin-top:28px}.ag31-tech-list small{display:block;margin-bottom:11px;color:var(--ag31-muted);font-size:12px;font-weight:800}.ag31-tech-list>div{display:flex;flex-wrap:wrap;gap:7px}.ag31-tech-list span{padding:7px 9px;border:1px solid var(--ag31-line);background:var(--ag31-cream);font-size:12px;font-weight:750}
.ag31-project-story{max-width:820px}.ag31-project-story h2{margin:13px 0 18px;font-size:clamp(31px,3.6vw,49px);line-height:1.17;font-weight:900;letter-spacing:-.02em}.ag31-project-story__lead{margin:0;max-width:720px;color:#4D4D48;font-size:18px;line-height:1.95}
.ag31-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:68px;background:var(--ag31-line);border:1px solid var(--ag31-line)}
.ag31-capability{position:relative;min-height:300px;padding:30px;background:var(--ag31-cream)}
.ag31-capability__no{width:42px;padding-bottom:9px;border-bottom:3px solid var(--ag31-solar);font-size:12px;font-weight:900}
.ag31-capability h3{margin:27px 0 17px;font-size:24px;line-height:1.3;font-weight:900}
.ag31-capability ul{margin:0;padding-inline-start:19px;color:#4D4E49;font-size:14px;line-height:1.85}.ag31-capability li+li{margin-top:9px}
.ag31-device-section{padding:102px 0 112px}
.ag31-device-stage{position:relative;margin-top:22px;min-height:650px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--ag31-light-line);background:#151718}
.ag31-device-stage::before{content:"";position:absolute;width:58%;height:58%;border-radius:50%;background:rgba(243,198,0,.10);filter:blur(70px)}
.ag31-device-stage--phone{grid-template-columns:1fr;min-height:760px}
.ag31-phone-shadow{position:absolute;width:300px;height:70px;border-radius:50%;background:#050606;filter:blur(20px);bottom:65px}
.ag31-phone{position:relative;width:min(330px,72vw);aspect-ratio:9/19.2;padding:9px;border:2px solid #D8D4CA;border-radius:48px;background:#080909;box-shadow:0 35px 80px rgba(0,0,0,.48);z-index:2}
.ag31-phone__screen{width:100%;height:100%;overflow:hidden;border-radius:38px;background:#111}.ag31-phone__screen img{width:100%;height:100%;object-fit:cover}
.ag31-phone__speaker{position:absolute;z-index:4;top:17px;left:50%;transform:translateX(-50%);width:34%;height:23px;border-radius:20px;background:#050606}.ag31-phone__home{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);width:28%;height:4px;border-radius:5px;background:rgba(255,255,255,.65)}
.ag31-device-caption{position:absolute;inset-inline-start:34px;bottom:31px;display:grid;gap:3px;color:var(--ag31-paper);z-index:3}.ag31-device-caption b{font-size:15px}.ag31-device-caption span{font-size:12px;color:rgba(244,241,232,.55)}
.ag31-device-stage--browser{padding:54px;min-height:580px}
.ag31-browser{position:relative;width:min(1060px,100%);background:#0B0C0D;border:1px solid #3F4142;box-shadow:0 32px 80px rgba(0,0,0,.44);z-index:2}
.ag31-browser__bar{height:44px;padding:0 14px;display:flex;align-items:center;gap:7px;background:#1E2021}.ag31-browser__bar>span{width:9px;height:9px;border-radius:50%;background:#737675}.ag31-browser__bar>div{margin-inline-start:12px;flex:1;max-width:440px;padding:5px 12px;background:#111314;color:#8F9390;font-size:10px;text-align:left;direction:ltr}
.ag31-browser__screen{aspect-ratio:16/9;overflow:hidden;background:#080909}.ag31-browser__screen img{width:100%;height:100%;object-fit:cover;object-position:top center}
.ag31-more-work{padding-top:106px}
.ag31-work-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(250px,auto);gap:14px}
.ag31-work-tile{position:relative;min-height:430px;display:flex;flex-direction:column;overflow:hidden;background:var(--ag31-paper);border:1px solid var(--ag31-line);color:var(--ag31-ink);transition:transform .22s ease,border-color .22s ease}.ag31-work-tile:hover{transform:translateY(-4px);border-color:var(--ag31-ink)}
.ag31-work-tile--1{grid-column:span 7}.ag31-work-tile--2{grid-column:span 5}.ag31-work-tile--3,.ag31-work-tile--4,.ag31-work-tile--5{grid-column:span 4;min-height:390px}
.ag31-work-tile__media{aspect-ratio:16/9;overflow:hidden;background:#E2DED3}.ag31-work-tile__media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.ag31-work-tile:hover img{transform:scale(1.025)}
.ag31-work-tile__body{padding:22px;display:flex;justify-content:space-between;gap:24px;flex:1}.ag31-work-tile__body small{font-size:11px;color:var(--ag31-muted);font-weight:800}.ag31-work-tile__body h3{margin:8px 0 8px;font-size:clamp(20px,2vw,27px);line-height:1.36;font-weight:900}.ag31-work-tile__body p{margin:0;max-width:540px;color:#5B5953;font-size:13px;line-height:1.7}.ag31-work-tile__body>span{align-self:flex-end;white-space:nowrap;font-size:12px;font-weight:900}

/* System ----------------------------------------------------- */
.ag31-system-hero{padding:62px 0 0;background:var(--ag31-solar);border-bottom:1px solid var(--ag31-ink);overflow:hidden}
.ag31-system-hero__head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:38px}.ag31-system-hero .ag31-case-kicker{color:rgba(13,15,16,.66)}.ag31-system-hero .ag31-case-kicker i{background:var(--ag31-ink)}
.ag31-system-hero__copy{max-width:990px;margin-bottom:48px}.ag31-system-hero__copy h1{margin:0 0 22px;font-size:clamp(42px,5.4vw,68px);line-height:1.07;letter-spacing:-.03em;font-weight:900}.ag31-system-hero__copy>p{max-width:750px;margin:0;color:rgba(13,15,16,.76);font-size:18px;line-height:1.85}
.ag31-system-cover{position:relative;margin:0;background:#111;border:1px solid var(--ag31-ink);padding:48px 12px 12px}.ag31-system-cover__tag{position:absolute;inset-inline:14px;top:0;height:47px;display:flex;align-items:center;justify-content:space-between;color:var(--ag31-paper);font-size:12px;font-weight:800}.ag31-system-cover__tag b{color:var(--ag31-solar)}.ag31-system-cover img{width:100%;max-height:690px;object-fit:cover;object-position:top center}
.ag31-system-purpose{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:90px}.ag31-system-purpose__statement h2{margin:12px 0 0;max-width:600px;font-size:clamp(31px,3.7vw,50px);line-height:1.18;font-weight:900}.ag31-system-purpose__copy{max-width:730px}.ag31-system-purpose__copy p{margin:0 0 20px;color:#494A45;font-size:16px;line-height:1.95}
.ag31-feature-flow{border-top:1px solid var(--ag31-ink)}.ag31-feature-step{display:grid;grid-template-columns:72px minmax(0,1fr);gap:28px;padding:27px 0;border-bottom:1px solid var(--ag31-line)}.ag31-feature-step>b{font-size:12px;color:#77736A}.ag31-feature-step>div{display:grid;grid-template-columns:minmax(210px,.62fr) minmax(0,1.38fr);gap:48px}.ag31-feature-step h3{margin:0;font-size:23px;line-height:1.35;font-weight:900}.ag31-feature-step p{margin:0;max-width:700px;color:#55544F;font-size:14px;line-height:1.85}
.ag31-workflow-band{padding:88px 0;background:var(--ag31-solar)}.ag31-workflow-band__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:90px}.ag31-workflow-band h2{margin:12px 0 0;max-width:650px;font-size:clamp(31px,3.8vw,51px);line-height:1.17;font-weight:900}.ag31-workflow-band__copy p{margin:0 0 18px;color:rgba(13,15,16,.74);font-size:16px;line-height:1.9}
.ag31-system-screens{padding:105px 0 112px;background:var(--ag31-ink);color:var(--ag31-paper)}
.ag31-screen-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ag31-screen-item{margin:0;padding:14px;background:#151718;border:1px solid var(--ag31-light-line)}.ag31-screen-item.is-featured{grid-column:1/-1}.ag31-screen-item__frame{min-height:300px;display:grid;place-items:center;background:#0A0B0B;overflow:hidden}.ag31-screen-item.is-featured .ag31-screen-item__frame{min-height:500px}.ag31-mini-browser{width:100%;background:#080909}.ag31-mini-browser__bar{height:34px;padding:0 10px;display:flex;align-items:center;gap:6px;background:#252728}.ag31-mini-browser__bar span{width:7px;height:7px;border-radius:50%;background:#737675}.ag31-mini-browser__bar em{margin-inline-start:8px;color:#949895;font-size:10px;font-style:normal}.ag31-mini-browser img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top center}.ag31-screen-item.is-featured .ag31-mini-browser img{aspect-ratio:16/8.3}
.ag31-mini-phone{position:relative;width:260px;aspect-ratio:9/19.2;padding:8px;border:2px solid #BFC0BC;border-radius:38px;background:#050606}.ag31-mini-phone__speaker{position:absolute;z-index:2;top:14px;left:50%;transform:translateX(-50%);width:34%;height:17px;border-radius:14px;background:#050606}.ag31-mini-phone img{width:100%;height:100%;object-fit:cover;border-radius:29px}.ag31-screen-item figcaption{padding:17px 5px 5px}.ag31-screen-item figcaption small{color:var(--ag31-solar);font-size:11px;font-weight:850}.ag31-screen-item figcaption h3{margin:7px 0 6px;font-size:20px;line-height:1.35;font-weight:900}.ag31-screen-item figcaption p{margin:0;color:rgba(244,241,232,.62);font-size:13px;line-height:1.7}
.ag31-plan-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ag31-plan-panel{padding:30px;border:1px solid var(--ag31-line);background:var(--ag31-paper)}.ag31-plan-panel.is-featured{background:var(--ag31-solar);border-color:var(--ag31-ink)}.ag31-plan-panel__top{display:flex;justify-content:space-between;gap:20px;color:var(--ag31-muted);font-size:11px;font-weight:850}.ag31-plan-panel__top b{color:var(--ag31-ink)}.ag31-plan-panel h3{margin:34px 0 13px;font-size:clamp(27px,3vw,40px);line-height:1.2;font-weight:900}.ag31-plan-panel p{margin:0;max-width:600px;color:#50514C;font-size:15px;line-height:1.85}.ag31-plan-panel.is-featured p{color:rgba(13,15,16,.72)}.ag31-plan-panel__actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;padding-top:18px;border-top:1px solid var(--ag31-line)}.ag31-plan-panel__actions a{color:var(--ag31-ink);font-size:13px;font-weight:900}
.ag31-related-systems{display:grid;grid-template-columns:1fr;gap:16px}.ag31-related-system{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);background:var(--ag31-ink);color:var(--ag31-paper);overflow:hidden}.ag31-related-system>div{min-height:360px;overflow:hidden;background:#1B1D1E}.ag31-related-system img{width:100%;height:100%;object-fit:cover}.ag31-related-system section{padding:36px;display:flex;flex-direction:column;justify-content:center}.ag31-related-system small{color:var(--ag31-solar);font-size:11px;font-weight:850}.ag31-related-system h3{margin:11px 0 12px;font-size:clamp(28px,3.2vw,44px);line-height:1.2;font-weight:900}.ag31-related-system p{margin:0;color:rgba(244,241,232,.68);font-size:14px;line-height:1.8}.ag31-related-system span{margin-top:26px;font-size:13px;font-weight:900}
.ag31-related-articles-head{display:flex;justify-content:space-between;gap:20px;margin:68px 0 20px;padding-top:24px;border-top:1px solid var(--ag31-line);font-size:13px;font-weight:900}.ag31-related-articles-head a{color:var(--ag31-ink)}.ag31-related-articles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ag31-related-article-card{display:flex;flex-direction:column;color:var(--ag31-ink);border-top:1px solid var(--ag31-ink);padding-top:8px}.ag31-related-article-card>div{aspect-ratio:16/10;overflow:hidden;background:#E5E0D5}.ag31-related-article-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.ag31-related-article-card:hover img{transform:scale(1.025)}.ag31-related-article-card section{padding:14px 1px}.ag31-related-article-card small{color:var(--ag31-muted);font-size:10px;font-weight:800}.ag31-related-article-card h3{margin:7px 0 15px;font-size:18px;line-height:1.45;font-weight:900}.ag31-related-article-card span{font-size:11px;font-weight:900}

/* Article ---------------------------------------------------- */
.ag31-blog-hero{padding:76px 0 68px;background:var(--ag31-paper);border-bottom:1px solid var(--ag31-line)}.ag31-blog-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.55fr);gap:70px;align-items:end}.ag31-blog-hero h1{margin:13px 0 0;max-width:780px;font-size:clamp(41px,5vw,65px);line-height:1.08;font-weight:900;letter-spacing:-.03em}.ag31-blog-hero p{margin:0;color:#53524D;font-size:16px;line-height:1.9}
.ag31-blog-feature{padding:72px 0 22px}.ag31-blog-feature__card{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);background:var(--ag31-ink);color:var(--ag31-paper);overflow:hidden}.ag31-blog-feature__media{min-height:470px;overflow:hidden;background:#1A1C1D}.ag31-blog-feature__media img{width:100%;height:100%;object-fit:cover}.ag31-blog-feature__body{padding:46px;display:flex;flex-direction:column;justify-content:center}.ag31-blog-feature__body small{color:var(--ag31-solar);font-size:11px;font-weight:850}.ag31-blog-feature__body h2{margin:12px 0 14px;font-size:clamp(30px,3.5vw,48px);line-height:1.22;font-weight:900}.ag31-blog-feature__body p{margin:0;color:rgba(244,241,232,.68);font-size:14px;line-height:1.85}.ag31-blog-feature__body span{margin-top:26px;font-size:13px;font-weight:900}
.ag31-blog-list{padding-top:76px}.ag31-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}.ag31-blog-card{border-top:1px solid var(--ag31-ink);padding-top:10px}.ag31-blog-card__media{display:block;aspect-ratio:16/9;overflow:hidden;background:#E3DED2}.ag31-blog-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.ag31-blog-card:hover img{transform:scale(1.02)}.ag31-blog-card__body{padding:18px 2px}.ag31-blog-card h3{margin:12px 0 10px;font-size:clamp(22px,2.3vw,31px);line-height:1.38;font-weight:900}.ag31-blog-card h3 a{color:var(--ag31-ink)}.ag31-blog-card p{margin:0 0 17px;color:#56554F;font-size:14px;line-height:1.8}
.ag31-article-hero{padding:62px 0 0;background:var(--ag31-paper);border-bottom:1px solid var(--ag31-line)}.ag31-article-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:70px;align-items:end;margin-top:38px}.ag31-article-hero__copy h1{margin:0 0 20px;max-width:920px;font-size:clamp(41px,5.2vw,67px);line-height:1.1;letter-spacing:-.03em;font-weight:900}.ag31-article-hero__copy>p{margin:0;max-width:800px;color:#4E4E49;font-size:18px;line-height:1.85}.ag31-article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:15px;color:var(--ag31-muted);font-size:12px;font-weight:800}.ag31-article-meta i{width:4px;height:4px;border-radius:50%;background:var(--ag31-solar)}
.ag31-article-note{padding:20px 0 2px;border-top:4px solid var(--ag31-solar)}.ag31-article-note>span{font-size:11px;font-weight:900}.ag31-article-note p{margin:12px 0 17px;color:#65625B;font-size:13px;line-height:1.75}.ag31-article-note a{color:var(--ag31-ink);font-size:12px;font-weight:900}
.ag31-article-cover{position:relative;margin:52px 0 0;padding:10px;background:var(--ag31-ink)}.ag31-article-cover__label{position:absolute;z-index:2;top:20px;inset-inline-start:20px;padding:7px 9px;background:var(--ag31-solar);color:var(--ag31-ink);font-size:10px;font-weight:900}.ag31-article-cover img{width:100%;max-height:670px;aspect-ratio:16/8.7;object-fit:cover}
.ag31-article-body{padding:104px 0;background:var(--ag31-paper)}.ag31-article-body__grid{display:grid;grid-template-columns:190px minmax(0,760px);gap:78px;justify-content:center;align-items:start}.ag31-article-side{position:sticky;top:112px}.ag31-reading-mark{display:grid;gap:1px}.ag31-reading-mark b{font-size:42px;line-height:1;font-weight:900}.ag31-reading-mark span{color:var(--ag31-muted);font-size:11px}.ag31-article-side__rule{height:1px;margin:22px 0;background:var(--ag31-line)}.ag31-article-side p{margin:0 0 14px;color:#66635C;font-size:13px;line-height:1.7}.ag31-article-side a{color:var(--ag31-ink);font-size:12px;font-weight:900}
.ag31-article-content{font-size:17px;line-height:2.05;color:#292A27;overflow-wrap:anywhere}.ag31-article-content h2{margin:54px 0 16px;font-size:35px;line-height:1.3;font-weight:900}.ag31-article-content h2:first-child{margin-top:0}.ag31-article-content h3{margin:38px 0 12px;font-size:25px;line-height:1.4;font-weight:850}.ag31-article-content p{margin:0 0 23px}.ag31-article-content ul,.ag31-article-content ol{margin:0 0 26px;padding-inline-start:24px}.ag31-article-content li{margin:8px 0}.ag31-article-content strong{font-weight:900}.ag31-article-content a{color:var(--ag31-ink);text-decoration:underline;text-decoration-color:var(--ag31-solar);text-decoration-thickness:3px;text-underline-offset:3px}.ag31-article-content blockquote{margin:32px 0;padding:21px 24px;background:#ECE7DB;border-inline-start:5px solid var(--ag31-solar)}.ag31-article-content img{margin:34px auto;max-width:100%;height:auto}.ag31-article-content pre{overflow:auto;padding:18px;background:var(--ag31-ink);color:var(--ag31-paper);direction:ltr;text-align:left}
.ag31-more-articles{padding-top:100px}.ag31-article-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.ag31-article-tile{display:flex;flex-direction:column;grid-column:span 6;color:var(--ag31-ink);border:1px solid var(--ag31-line);background:var(--ag31-paper)}.ag31-article-tile--1{grid-column:span 7}.ag31-article-tile--2{grid-column:span 5}.ag31-article-tile__media{aspect-ratio:16/9;overflow:hidden;background:#E3DED2}.ag31-article-tile__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.ag31-article-tile:hover img{transform:scale(1.025)}.ag31-article-tile__body{padding:22px;display:flex;flex-direction:column;flex:1}.ag31-article-tile__body small{color:var(--ag31-muted);font-size:11px;font-weight:800}.ag31-article-tile__body h3{margin:9px 0 10px;font-size:clamp(21px,2.3vw,31px);line-height:1.38;font-weight:900}.ag31-article-tile__body p{margin:0;color:#5A5953;font-size:13px;line-height:1.75}.ag31-article-tile__body span{margin-top:auto;padding-top:20px;font-size:12px;font-weight:900}

/* Request ---------------------------------------------------- */
.ag31-request{padding:70px 0 106px;background:var(--ag31-paper)}.ag31-request-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr);gap:72px;align-items:end;padding-bottom:58px;border-bottom:1px solid var(--ag31-line)}.ag31-request-hero h1{margin:13px 0 0;max-width:900px;font-size:clamp(41px,5vw,64px);line-height:1.08;letter-spacing:-.03em;font-weight:900}.ag31-request-hero>p{margin:0;color:#55534E;font-size:16px;line-height:1.9}
.ag31-request-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:72px;align-items:start;padding-top:62px}.ag31-request-aside{position:sticky;top:110px}.ag31-request-aside__solar{padding:25px;background:var(--ag31-solar);border:1px solid var(--ag31-ink)}.ag31-request-aside__solar>small{font-size:11px;font-weight:900}.ag31-request-aside__solar ol{list-style:none;margin:22px 0 0;padding:0}.ag31-request-aside__solar li{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:14px 0;border-top:1px solid rgba(13,15,16,.24)}.ag31-request-aside__solar li b{font-size:11px}.ag31-request-aside__solar li span{font-size:13px;line-height:1.7;font-weight:750}.ag31-request-aside__note{padding:23px 3px}.ag31-request-aside__note strong{font-size:13px}.ag31-request-aside__note p{margin:9px 0 0;color:#626058;font-size:13px;line-height:1.8}
.ag31-brief-card{border:1px solid var(--ag31-ink);background:var(--ag31-cream)}.ag31-brief-card__head{display:flex;justify-content:space-between;gap:30px;padding:30px 32px;border-bottom:1px solid var(--ag31-line)}.ag31-brief-card__head small{color:var(--ag31-muted);font-size:11px;font-weight:850}.ag31-brief-card__head h2{margin:5px 0 0;font-size:25px;font-weight:900}.ag31-brief-progress{display:flex;gap:5px;align-items:center}.ag31-brief-progress i{display:block;width:32px;height:4px;background:#D4CFC2;transition:background .2s ease}.ag31-brief-progress i.is-done{background:var(--ag31-solar)}
.ag31-context{display:grid;grid-template-columns:28px 1fr;gap:8px;margin:22px 32px 0;padding:13px;background:var(--ag31-solar);font-size:13px;font-weight:800}.ag31-context p{margin:0}.ag31-errors{margin:22px 32px 0;padding:16px;border:1px solid #9D3528;background:#FFF3EF;color:#7D251C;font-size:13px}.ag31-errors ul{margin:7px 0 0;padding-inline-start:19px}
.ag31-brief-form{padding:0 32px 32px}.ag31-form-section{margin:0;padding:34px 0;border:0;border-bottom:1px solid var(--ag31-line)}.ag31-form-section legend{width:100%;padding:0;display:grid;grid-template-columns:42px 1fr;gap:13px}.ag31-form-section legend>b{width:36px;height:36px;display:grid;place-items:center;background:var(--ag31-ink);color:var(--ag31-paper);font-size:11px}.ag31-form-section legend>span{display:grid;gap:3px}.ag31-form-section legend strong{font-size:19px;font-weight:900}.ag31-form-section legend small{color:var(--ag31-muted);font-size:12px}
.ag31-fields{display:grid;gap:17px;margin-top:22px}.ag31-fields--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ag31-field{display:grid;gap:8px;margin-top:18px}.ag31-fields .ag31-field{margin-top:0}.ag31-field>span{font-size:12px;font-weight:850}.ag31-field>small{color:#77736B;font-size:11px;line-height:1.5}.ag31-field input,.ag31-field select,.ag31-field textarea{width:100%;border:1px solid #B9B3A8;border-radius:3px;background:#FFFDF7;color:var(--ag31-ink);outline:none;padding:13px 14px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.ag31-field input,.ag31-field select{min-height:51px}.ag31-field textarea{min-height:190px;resize:vertical;line-height:1.8}.ag31-field input:focus,.ag31-field select:focus,.ag31-field textarea:focus{border-color:var(--ag31-ink);background:#fff;box-shadow:0 0 0 3px rgba(243,198,0,.20)}.ag31-textarea-foot{display:flex;justify-content:space-between;gap:20px}.ag31-textarea-foot span{font-size:10px;color:#77736B}.ag31-textarea-foot b{color:var(--ag31-ink)}
.ag31-submit-row{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding-top:28px}.ag31-submit-row p{margin:0;max-width:500px;color:#6C6961;font-size:11px;line-height:1.65}.ag31-submit{min-width:220px;min-height:54px;cursor:pointer}.ag31-request-success{padding:70px 40px;text-align:center}.ag31-request-success>span{width:58px;height:58px;margin:0 auto 18px;display:grid;place-items:center;background:var(--ag31-solar);border:1px solid var(--ag31-ink);font-size:25px;font-weight:900}.ag31-request-success>small{font-size:11px;color:var(--ag31-muted);font-weight:850}.ag31-request-success h2{margin:8px 0 10px;font-size:35px;font-weight:900}.ag31-request-success p{max-width:550px;margin:0 auto 24px;color:#5B5952;line-height:1.8}.ag31-request-success .ag-native-btn{display:inline-flex}

@media (max-width:1050px){
  .ag31-case-hero__copy,.ag31-blog-hero__grid,.ag31-request-hero{grid-template-columns:1fr;gap:20px}.ag31-case-hero__copy>p,.ag31-case-hero__copy .ag-native-actions{grid-column:1}.ag31-case-hero__copy>p{max-width:760px}.ag31-system-purpose,.ag31-workflow-band__grid{gap:55px}.ag31-related-articles{grid-template-columns:repeat(2,minmax(0,1fr))}.ag31-request-layout{grid-template-columns:250px 1fr;gap:40px}
}
@media (max-width:850px){
  .ag31-section-head,.ag31-case-overview__grid,.ag31-system-purpose,.ag31-workflow-band__grid,.ag31-article-hero__grid,.ag31-article-body__grid,.ag31-request-layout{grid-template-columns:1fr;gap:36px}.ag31-section-head{align-items:start}.ag31-project-facts,.ag31-article-side,.ag31-request-aside{position:static}.ag31-project-facts{display:grid;grid-template-columns:1fr 1fr;gap:30px}.ag31-capability-grid{grid-template-columns:1fr}.ag31-device-stage{min-height:560px}.ag31-device-stage--phone{min-height:690px}.ag31-work-tile--1,.ag31-work-tile--2,.ag31-work-tile--3,.ag31-work-tile--4,.ag31-work-tile--5{grid-column:span 6}.ag31-feature-step>div{grid-template-columns:1fr;gap:8px}.ag31-screen-gallery{grid-template-columns:1fr}.ag31-screen-item.is-featured{grid-column:auto}.ag31-plan-duo{grid-template-columns:1fr}.ag31-related-system{grid-template-columns:1fr}.ag31-related-system>div{min-height:300px}.ag31-blog-feature__card{grid-template-columns:1fr}.ag31-blog-feature__media{min-height:360px}.ag31-blog-grid{grid-template-columns:1fr}.ag31-article-note{max-width:500px}.ag31-article-mosaic{grid-template-columns:1fr}.ag31-article-tile,.ag31-article-tile--1,.ag31-article-tile--2{grid-column:auto}.ag31-request-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ag31-request-aside__note{padding:22px;border:1px solid var(--ag31-line)}
}
@media (max-width:620px){
  .ag-native-section{padding:58px 0}.ag31-case-hero,.ag31-system-hero,.ag31-blog-hero,.ag31-article-hero,.ag31-request{padding-top:42px}.ag31-case-hero__top,.ag31-system-hero__head{align-items:flex-start;flex-direction:column}.ag31-case-hero__copy h1,.ag31-system-hero__copy h1,.ag31-blog-hero h1,.ag31-article-hero__copy h1,.ag31-request-hero h1{font-size:36px;line-height:1.14}.ag31-case-cover__media{aspect-ratio:16/10}.ag31-case-overview{padding-top:62px}.ag31-project-facts{grid-template-columns:1fr}.ag31-capability{padding:23px;min-height:0}.ag31-device-section,.ag31-system-screens{padding:64px 0}.ag31-device-stage{min-height:420px}.ag31-device-stage--phone{min-height:600px}.ag31-device-stage--browser{padding:18px}.ag31-browser__bar>div{display:none}.ag31-work-mosaic{grid-template-columns:1fr}.ag31-work-tile--1,.ag31-work-tile--2,.ag31-work-tile--3,.ag31-work-tile--4,.ag31-work-tile--5{grid-column:auto;min-height:0}.ag31-work-tile__body{display:block}.ag31-work-tile__body>span{display:inline-block;margin-top:18px}.ag31-feature-step{grid-template-columns:38px 1fr;gap:10px}.ag31-system-cover{padding-top:45px}.ag31-system-cover img{min-height:260px}.ag31-screen-item.is-featured .ag31-screen-item__frame,.ag31-screen-item__frame{min-height:250px}.ag31-related-articles{grid-template-columns:1fr}.ag31-blog-feature{padding-top:42px}.ag31-blog-feature__media{min-height:260px}.ag31-blog-feature__body{padding:26px}.ag31-article-cover{margin-top:34px;padding:6px}.ag31-article-cover img{aspect-ratio:16/10}.ag31-article-body{padding:68px 0}.ag31-article-content{font-size:16px}.ag31-article-content h2{font-size:29px}.ag31-request-hero{padding-bottom:40px}.ag31-request-layout{padding-top:40px}.ag31-request-aside{grid-template-columns:1fr}.ag31-brief-card__head,.ag31-brief-form{padding-left:21px;padding-right:21px}.ag31-context,.ag31-errors{margin-left:21px;margin-right:21px}.ag31-fields--2{grid-template-columns:1fr}.ag31-submit-row{grid-template-columns:1fr}.ag31-submit{width:100%;min-width:0}
}