/* Arabia Group — Internal Pages V3.2 Final Cleanup
   Focused visual/UX overlay. Keeps V3.1 base for untouched pages. */
:root{
  --ag32-solar:#F3C600;
  --ag32-ink:#0D0F10;
  --ag32-ink-2:#151718;
  --ag32-paper:#F4F1E8;
  --ag32-paper-2:#F8F6F0;
  --ag32-paper-3:#ECE8DD;
  --ag32-line:rgba(13,15,16,.14);
  --ag32-line-dark:rgba(255,255,255,.14);
  --ag32-muted:#6F6B62;
  --ag32-muted-dark:#AAA79F;
  --ag32-shadow:0 18px 50px rgba(0,0,0,.10);
  --ag32-shadow-strong:0 28px 80px rgba(0,0,0,.22);
}

.ag32-section{padding:92px 0;background:var(--ag32-paper-2);color:var(--ag32-ink)}
.ag32-section--soft{background:linear-gradient(180deg,var(--ag32-paper),var(--ag32-paper-2))}
.ag32-section--ink{background:var(--ag32-ink);color:var(--ag32-paper)}
.ag32-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#8F7300;font-size:12px;font-weight:900;letter-spacing:.01em}
.ag32-eyebrow::before{content:"";width:28px;height:2px;background:var(--ag32-solar)}
.ag32-section--ink .ag32-eyebrow,.ag32-section-head--light .ag32-eyebrow{color:var(--ag32-solar)}
.ag32-page-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:36px}
.ag32-back{display:inline-flex;align-items:center;gap:9px;color:inherit;text-decoration:none;font-size:13px;font-weight:850;border-bottom:1px solid transparent;padding:7px 0;transition:gap .18s ease,border-color .18s ease}
.ag32-back:hover{gap:13px;border-bottom-color:var(--ag32-solar)}
.ag32-back span{color:var(--ag32-solar);font-size:18px;line-height:1}
.ag32-btn{min-height:48px;padding:0 20px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:900;font-size:13px;border:1px solid transparent;transition:transform .18s ease,background .18s ease,border-color .18s ease;color:var(--ag32-ink)}
.ag32-btn:hover{transform:translateY(-2px)}
.ag32-btn--solar{background:var(--ag32-solar);border-color:var(--ag32-solar);color:var(--ag32-ink);box-shadow:0 10px 28px rgba(243,198,0,.17)}
.ag32-btn--solar:hover{background:#FFD725;border-color:#FFD725}
.ag32-btn--ink{background:var(--ag32-ink);border-color:var(--ag32-ink);color:var(--ag32-paper)}
.ag32-text-link{display:inline-flex;align-items:center;gap:9px;color:var(--ag32-ink);font-size:13px;font-weight:900;text-decoration:none;white-space:nowrap}
.ag32-text-link span{color:#9C7F00;transition:transform .18s ease}.ag32-text-link:hover span{transform:translateX(-4px)}
.ag32-section-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:70px;align-items:end;margin-bottom:48px}
.ag32-section-head h2{margin:10px 0 0;max-width:760px;font-size:clamp(30px,3.5vw,48px);line-height:1.16;font-weight:950;letter-spacing:-.035em}
.ag32-section-head>p{margin:0;color:var(--ag32-muted);line-height:1.85;font-size:14px}
.ag32-section-head--light h2{color:var(--ag32-paper)}.ag32-section-head--light>p{color:var(--ag32-muted-dark)}

/* Request page */
.ag32-request{padding:58px 0 100px;background:
 radial-gradient(circle at 92% 5%,rgba(243,198,0,.11),transparent 25%),
 linear-gradient(180deg,var(--ag32-ink) 0 300px,var(--ag32-paper-2) 300px 100%);color:var(--ag32-paper)}
.ag32-request .ag32-page-top{margin-bottom:34px}.ag32-request .ag32-back{color:var(--ag32-paper)}
.ag32-request-hero{max-width:900px;margin-inline-start:auto;margin-bottom:54px;text-align:right}
.ag32-request-hero h1{margin:12px 0 12px;max-width:760px;font-size:clamp(38px,4.8vw,62px);line-height:1.1;font-weight:950;letter-spacing:-.045em;color:var(--ag32-paper)}
.ag32-request-hero p{margin:0;max-width:720px;color:#C6C2B8;font-size:17px;line-height:1.9}
.ag32-request-card{max-width:1120px;margin-inline:auto;background:var(--ag32-paper-2);color:var(--ag32-ink);border:1px solid rgba(255,255,255,.08);box-shadow:var(--ag32-shadow-strong);border-radius:16px;overflow:hidden}
.ag32-request-card__head{padding:38px 44px 30px;border-bottom:1px solid var(--ag32-line);display:flex;align-items:flex-end;justify-content:space-between;gap:40px;background:linear-gradient(135deg,#FBF9F3,#F3EFE4)}
.ag32-request-card__head h2{margin:9px 0 8px;font-size:32px;line-height:1.25;font-weight:950}.ag32-request-card__head p{margin:0;max-width:650px;color:var(--ag32-muted);line-height:1.75;font-size:13px}
.ag32-mini-steps{display:flex;align-items:center;gap:10px;color:#878177;font-size:10px;font-weight:900;white-space:nowrap}.ag32-mini-steps i{display:block;width:30px;height:1px;background:#C9C3B7}.ag32-mini-steps span.is-active{color:var(--ag32-ink)}
.ag32-context{margin:26px 44px 0;padding:13px 15px;border-inline-start:3px solid var(--ag32-solar);background:rgba(243,198,0,.09);display:flex;gap:10px;font-size:12px;align-items:center}.ag32-context>span{color:#927800;font-size:18px}
.ag32-errors{margin:26px 44px 0;padding:16px 18px;border:1px solid #C66B60;background:#FFF2EF;color:#762C23;border-radius:8px;font-size:12px}.ag32-errors ul{margin:7px 0 0;padding-inline-start:18px}
.ag32-request-form{padding:4px 44px 42px;direction:rtl;text-align:right}
.ag32-form-block{padding:38px 0;border-bottom:1px solid var(--ag32-line)}
.ag32-form-block__title{display:grid;grid-template-columns:44px 1fr;gap:15px;align-items:start;margin-bottom:24px}
.ag32-form-block__title>b{width:38px;height:38px;display:grid;place-items:center;background:var(--ag32-ink);color:var(--ag32-solar);border-radius:8px;font-size:11px;font-weight:950}
.ag32-form-block__title h3{margin:1px 0 4px;font-size:21px;font-weight:950}.ag32-form-block__title p{margin:0;color:var(--ag32-muted);font-size:12px;line-height:1.7}
.ag32-fields{display:grid;gap:18px}.ag32-fields--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ag32-fields--wide{grid-template-columns:minmax(0,1fr);max-width:720px;margin-top:18px;margin-inline-start:0;margin-inline-end:auto}
.ag32-field{display:grid;gap:8px;text-align:right}.ag32-field>span{font-size:12px;font-weight:900}.ag32-field>small{font-size:10px;color:#7C776D;line-height:1.6}
.ag32-field input,.ag32-field select,.ag32-field textarea{font:inherit;width:100%;background:#FFFDF8;color:var(--ag32-ink);border:1px solid #BEB8AD;border-radius:9px;outline:none;padding:13px 15px;text-align:right;direction:rtl;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.ag32-field input,.ag32-field select{min-height:54px}.ag32-field textarea{min-height:235px;resize:vertical;line-height:1.85;font-size:14px}
.ag32-field input:focus,.ag32-field select:focus,.ag32-field textarea:focus{background:white;border-color:#6D675D;box-shadow:0 0 0 4px rgba(243,198,0,.15)}
.ag32-form-block--idea{border-bottom:0;padding-bottom:26px}.ag32-form-block--idea .ag32-form-block__title h3{font-size:28px}.ag32-textarea-meta{display:flex;align-items:center;justify-content:space-between;gap:20px}.ag32-textarea-meta small{color:var(--ag32-muted);font-size:11px}.ag32-textarea-meta span{font-size:10px;color:#817B70}.ag32-textarea-meta b{color:var(--ag32-ink)}
.ag32-after-submit{margin:10px 0 28px;padding:25px 28px;background:linear-gradient(110deg,rgba(243,198,0,.14),rgba(243,198,0,.04));border-radius:12px;border:1px solid rgba(145,117,0,.18)}
.ag32-after-submit__head{margin-bottom:19px}.ag32-process{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;align-items:center;gap:10px}.ag32-process>div{display:flex;align-items:center;gap:11px}.ag32-process b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--ag32-solar);font-size:10px}.ag32-process span{font-size:12px;font-weight:900}.ag32-process>i{height:1px;background:linear-gradient(90deg,transparent,#B49400,transparent)}
.ag32-submit-wrap{display:flex;align-items:center;justify-content:flex-start;gap:20px;flex-wrap:wrap}.ag32-submit{border:0;cursor:pointer;min-width:230px}.ag32-direct-link{color:#5F5A51;font-size:11px;font-weight:800;text-decoration:none;border-bottom:1px solid #AAA398;padding-bottom:2px}
.ag32-success{padding:76px 40px;text-align:right;max-width:760px;margin-inline-start:auto}.ag32-success__mark{width:54px;height:54px;display:grid;place-items:center;background:var(--ag32-solar);border-radius:50%;font-size:25px;font-weight:950;margin-bottom:20px}.ag32-success h2{margin:8px 0 10px;font-size:42px;font-weight:950}.ag32-success p{margin:0 0 24px;color:var(--ag32-muted);line-height:1.8}

/* Work detail */
.ag32-work-hero{padding:58px 0 0;background:linear-gradient(180deg,var(--ag32-ink),#111314);color:var(--ag32-paper);overflow:hidden}.ag32-work-type,.ag32-system-tag{font-size:11px;color:#BFBAB0;font-weight:850}
.ag32-work-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:45px}.ag32-work-head__copy{max-width:800px}.ag32-work-head h1{margin:10px 0 12px;font-size:clamp(38px,5.2vw,66px);line-height:1.04;font-weight:950;letter-spacing:-.045em}.ag32-work-head p{margin:0;max-width:720px;color:#BEBAB2;line-height:1.85;font-size:15px}
.ag32-work-cover{position:relative;margin:0;border-radius:16px 16px 0 0;overflow:hidden;background:#17191A;box-shadow:0 -12px 50px rgba(0,0,0,.22)}.ag32-work-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.72));pointer-events:none}.ag32-work-cover img{display:block;width:100%;height:auto;max-height:720px;min-height:430px;object-fit:cover;object-position:center}.ag32-work-cover figcaption{position:absolute;z-index:2;inset-inline:30px;bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.ag32-work-cover figcaption span{font-size:11px;color:#D2CDC3}.ag32-work-cover figcaption b{font-size:18px;color:white}
.ag32-project-facts-section{background:var(--ag32-solar);color:var(--ag32-ink)}.ag32-project-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:23px 0}.ag32-project-facts>div{padding:5px 24px;border-inline-start:1px solid rgba(13,15,16,.2)}.ag32-project-facts>div:first-child{border-inline-start:0}.ag32-project-facts small{display:block;margin-bottom:5px;font-size:10px;color:#625000;font-weight:900}.ag32-project-facts strong{display:block;font-size:13px;line-height:1.5}.ag32-project-facts__tech strong{direction:ltr;text-align:right}
.ag32-project-story{background:var(--ag32-paper-2)}.ag32-story-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.ag32-story-panel{position:relative;padding:30px;border:1px solid var(--ag32-line);border-radius:12px;background:#FFFDF8;min-height:290px;overflow:hidden}.ag32-story-panel--1{grid-column:span 7;background:var(--ag32-ink);color:var(--ag32-paper)}.ag32-story-panel--2{grid-column:span 5;background:linear-gradient(145deg,#F8E98B,var(--ag32-solar))}.ag32-story-panel--3{grid-column:span 12;min-height:0;background:#EEE9DE}.ag32-story-panel__top{display:flex;align-items:center;gap:14px;margin-bottom:20px}.ag32-story-panel__top>b{font-size:35px;line-height:1;color:rgba(13,15,16,.18);font-weight:950}.ag32-story-panel--1 .ag32-story-panel__top>b{color:rgba(243,198,0,.35)}.ag32-story-panel h3{margin:0;font-size:23px;font-weight:950}.ag32-story-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:13px}.ag32-story-panel li{position:relative;padding-inline-start:20px;line-height:1.8;font-size:13px;color:#4F4B43}.ag32-story-panel li::before{content:"";position:absolute;inset-inline-start:0;top:.75em;width:7px;height:2px;background:#8A7000}.ag32-story-panel--1 li{color:#CBC7BD}.ag32-story-panel--1 li::before{background:var(--ag32-solar)}
.ag32-showcase{padding-top:100px;padding-bottom:105px}.ag32-phone-stage{min-height:760px;display:flex;align-items:flex-end;justify-content:center;gap:38px;padding:55px 30px 10px;position:relative}.ag32-phone-stage::before{content:"";position:absolute;width:65%;height:55%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(243,198,0,.14),transparent 65%);filter:blur(10px)}
.ag32-phone-device{position:relative;z-index:1;margin:0;text-align:center;transition:transform .25s ease}.ag32-phone-device:nth-child(1){transform:translateY(-20px) rotate(1.8deg)}.ag32-phone-device:nth-child(2){transform:translateY(45px) rotate(-3deg)}.ag32-phone-device__body{position:relative;width:min(320px,26vw);aspect-ratio:9/19.2;padding:9px;border-radius:46px;background:linear-gradient(145deg,#303234,#050606 55%);box-shadow:0 35px 80px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.2)}.ag32-phone-device__island{position:absolute;z-index:3;top:17px;left:50%;transform:translateX(-50%);width:30%;height:20px;border-radius:20px;background:#050606}.ag32-phone-device__screen{width:100%;height:100%;border-radius:38px;overflow:hidden;background:#121415}.ag32-phone-device__screen img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center}.ag32-phone-device figcaption{margin-top:16px;color:#AFAAA1;font-size:11px}
.ag32-browser-stage{display:grid;gap:28px;padding-top:18px}.ag32-browser-device{margin:0;border-radius:15px;overflow:hidden;background:#181A1B;box-shadow:var(--ag32-shadow-strong);border:1px solid rgba(255,255,255,.12)}.ag32-browser-device.is-primary{width:100%}.ag32-browser-device.is-secondary{width:76%;margin-inline-start:auto}.ag32-browser-device__chrome{height:46px;display:flex;align-items:center;gap:7px;padding:0 15px;background:#1D1F20;border-bottom:1px solid rgba(255,255,255,.08);direction:ltr}.ag32-browser-device__chrome>span{width:8px;height:8px;border-radius:50%;background:#6A6D6E}.ag32-browser-device__chrome>em{margin-inline-start:16px;flex:1;max-width:420px;padding:7px 14px;border-radius:7px;background:#0F1011;color:#8F9292;font-style:normal;font-size:10px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ag32-browser-device__screen{background:#0F1011;overflow:hidden}.ag32-browser-device__screen img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain;object-position:top center;background:#0F1011}
.ag32-live-link{margin-top:35px;padding-top:22px;border-top:1px solid var(--ag32-line-dark);display:flex;align-items:center;justify-content:space-between;gap:20px}.ag32-live-link span{font-size:11px;color:#8F8B83}.ag32-live-link a{color:var(--ag32-solar);font-weight:900;text-decoration:none;font-size:13px}
.ag32-tech-strip{background:#17191A;color:var(--ag32-paper);border-top:1px solid rgba(243,198,0,.35);border-bottom:1px solid rgba(243,198,0,.2)}.ag32-tech-strip__inner{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:30px}.ag32-tech-strip__inner>span{font-size:12px;color:var(--ag32-solar);font-weight:900}.ag32-tech-strip__inner>div{display:flex;align-items:center;gap:0;flex-wrap:wrap}.ag32-tech-strip__inner b{padding:8px 22px;border-inline-start:1px solid rgba(255,255,255,.16);font-size:13px;font-weight:800}.ag32-tech-strip__inner b:first-child{border-inline-start:0}
.ag32-related-work{background:var(--ag32-paper-2)}.ag32-work-mosaic{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:185px;gap:14px}.ag32-work-tile{position:relative;display:block;overflow:hidden;border-radius:12px;background:#17191A;color:#fff;text-decoration:none;box-shadow:0 8px 28px rgba(0,0,0,.08)}.ag32-work-tile--1{grid-column:span 7;grid-row:span 2}.ag32-work-tile--2{grid-column:span 5;grid-row:span 2}.ag32-work-tile--3{grid-column:span 4;grid-row:span 2}.ag32-work-tile--4{grid-column:span 4;grid-row:span 2}.ag32-work-tile--5{grid-column:span 4;grid-row:span 2}.ag32-work-tile__media{position:absolute;inset:0}.ag32-work-tile__media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.ag32-work-tile:hover .ag32-work-tile__media img{transform:scale(1.035)}.ag32-work-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 25%,rgba(0,0,0,.86) 100%)}.ag32-work-tile__overlay{position:absolute;z-index:2;inset-inline:22px;bottom:20px;display:grid;grid-template-columns:1fr auto;gap:3px 18px;align-items:end}.ag32-work-tile__overlay small{grid-column:1;color:#D0CCC3;font-size:10px}.ag32-work-tile__overlay h3{grid-column:1;margin:0;font-size:20px;line-height:1.3;font-weight:950}.ag32-work-tile__overlay>span{grid-column:2;grid-row:1/3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ag32-solar);color:var(--ag32-ink);font-weight:950;transition:transform .2s ease}.ag32-work-tile:hover .ag32-work-tile__overlay>span{transform:translateX(-4px)}

/* System */
.ag32-system-hero{padding:58px 0 70px;background:radial-gradient(circle at 20% 20%,rgba(243,198,0,.11),transparent 28%),var(--ag32-ink);color:var(--ag32-paper)}.ag32-system-head{display:grid;grid-template-columns:minmax(340px,.88fr) minmax(0,1.12fr);gap:65px;align-items:center}.ag32-system-head__copy h1{margin:10px 0 14px;max-width:760px;font-size:clamp(38px,5vw,64px);line-height:1.07;font-weight:950;letter-spacing:-.04em}.ag32-system-head__copy p{margin:0 0 25px;color:#BDB9B1;line-height:1.85;font-size:14px;max-width:720px}.ag32-system-hero-browser{margin:0;border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:var(--ag32-shadow-strong);transform:perspective(1400px) rotateY(3deg)}
.ag32-system-meta{background:var(--ag32-solar)}.ag32-system-meta__grid{display:grid;grid-template-columns:repeat(4,1fr);padding:23px 0}.ag32-system-meta__grid>div{padding:2px 22px;border-inline-start:1px solid rgba(13,15,16,.2)}.ag32-system-meta__grid>div:first-child{border-inline-start:0}.ag32-system-meta small{display:block;color:#695700;font-size:10px;font-weight:900;margin-bottom:5px}.ag32-system-meta strong{font-size:13px;line-height:1.5}
.ag32-system-intro{background:var(--ag32-paper-2)}.ag32-system-intro__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:90px}.ag32-system-statement h2{margin:12px 0 0;font-size:clamp(34px,4.4vw,56px);line-height:1.18;font-weight:950;letter-spacing:-.035em}.ag32-system-copy{padding-top:22px;border-top:2px solid var(--ag32-solar)}.ag32-system-copy p{margin:0 0 17px;color:#555148;line-height:1.9;font-size:14px}
.ag32-feature-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ag32-feature-group{padding:30px 27px;border:1px solid var(--ag32-line);border-radius:12px;background:#FFFDF8}.ag32-feature-group:nth-child(2){background:var(--ag32-ink);color:var(--ag32-paper);border-color:var(--ag32-ink)}.ag32-feature-group:nth-child(3){background:linear-gradient(145deg,#FFE566,var(--ag32-solar));border-color:#D8B300}.ag32-feature-group__head{display:flex;align-items:center;gap:13px;padding-bottom:19px;margin-bottom:20px;border-bottom:1px solid currentColor}.ag32-feature-group__head>b{font-size:28px;opacity:.22}.ag32-feature-group__head h3{margin:0;font-size:19px;font-weight:950}.ag32-feature-group__items{display:grid;gap:20px}.ag32-feature-group__items article{display:grid;grid-template-columns:8px 1fr;gap:10px}.ag32-feature-group__items article>span{width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--ag32-solar)}.ag32-feature-group:nth-child(3) .ag32-feature-group__items article>span{background:var(--ag32-ink)}.ag32-feature-group__items h4{margin:0 0 5px;font-size:13px;font-weight:950}.ag32-feature-group__items p{margin:0;line-height:1.65;font-size:11px;color:#6A655B}.ag32-feature-group:nth-child(2) .ag32-feature-group__items p{color:#AAA69D}.ag32-feature-group:nth-child(3) .ag32-feature-group__items p{color:#534500}
.ag32-system-gallery{padding-top:100px}.ag32-system-gallery__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:start}.ag32-system-shot{grid-column:span 6;margin:0}.ag32-system-shot.is-featured{grid-column:span 12}.ag32-system-shot.is-phone{grid-column:span 4}.ag32-system-shot__media{min-height:360px;padding:20px;background:#17191A;border:1px solid rgba(255,255,255,.10);border-radius:13px;display:flex;align-items:center;justify-content:center;overflow:hidden}.ag32-system-shot.is-featured .ag32-system-shot__media{min-height:540px}.ag32-system-shot.is-phone .ag32-system-shot__media{min-height:520px}.ag32-system-shot.is-phone .ag32-phone-device__body{width:min(260px,80%)}.ag32-system-shot figcaption{padding:16px 4px 28px}.ag32-system-shot figcaption small{color:var(--ag32-solar);font-size:10px;font-weight:850}.ag32-system-shot figcaption h3{margin:6px 0 5px;color:var(--ag32-paper);font-size:18px}.ag32-system-shot figcaption p{margin:0;color:#9E9A92;font-size:11px;line-height:1.7}.ag32-system-shot .ag32-browser-device{width:100%}.ag32-system-shot .ag32-browser-device__screen img{max-height:620px}
.ag32-system-flow{background:var(--ag32-paper-2)}.ag32-flow-line{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;gap:18px;align-items:center;padding:32px;border:1px solid var(--ag32-line);background:#FFFDF8;border-radius:12px}.ag32-flow-line>div{display:grid;grid-template-columns:45px 1fr;gap:13px;align-items:start}.ag32-flow-line b{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--ag32-solar);font-size:11px}.ag32-flow-line p{margin:3px 0 0;font-size:12px;line-height:1.75;font-weight:750}.ag32-flow-line>i{height:1px;background:linear-gradient(90deg,transparent,#BFA12D,transparent)}
.ag32-plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.ag32-plan-card{min-height:360px;padding:34px;border:1px solid var(--ag32-line);border-radius:14px;background:#FFFDF8;display:flex;flex-direction:column}.ag32-plan-card.is-featured{background:var(--ag32-ink);color:var(--ag32-paper);border-color:var(--ag32-ink)}.ag32-plan-card__top{display:flex;align-items:center;justify-content:space-between;gap:15px}.ag32-plan-card__top span{font-size:10px;font-weight:900;color:#7B6500}.ag32-plan-card.is-featured .ag32-plan-card__top span{color:var(--ag32-solar)}.ag32-plan-card__top b{padding:5px 8px;background:var(--ag32-solar);color:var(--ag32-ink);border-radius:5px;font-size:9px}.ag32-plan-card h3{margin:28px 0 12px;font-size:30px;line-height:1.25;font-weight:950}.ag32-plan-card p{margin:0;color:#625E56;line-height:1.8;font-size:13px;max-width:530px}.ag32-plan-card.is-featured p{color:#AAA69D}.ag32-plan-card__actions{margin-top:auto;padding-top:30px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.ag32-plan-download{color:inherit;font-size:11px;font-weight:900;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px;opacity:.82}
.ag32-related-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.ag32-related-system{min-height:540px;position:relative;overflow:hidden;border-radius:13px;background:var(--ag32-ink);color:#fff;text-decoration:none}.ag32-related-system__media{position:absolute;inset:0}.ag32-related-system__media img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.ag32-related-system:hover img{transform:scale(1.03)}.ag32-related-system::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.86))}.ag32-related-system__body{position:absolute;z-index:2;inset-inline:30px;bottom:30px}.ag32-related-system__body small{color:var(--ag32-solar);font-size:10px}.ag32-related-system__body h3{margin:7px 0;font-size:29px;line-height:1.25}.ag32-related-system__body p{margin:0 0 14px;color:#C5C1B8;max-width:600px;line-height:1.7;font-size:12px}.ag32-related-system__body span{font-weight:900;font-size:12px;color:var(--ag32-solar)}
.ag32-related-articles{display:grid;grid-template-rows:repeat(3,1fr);gap:12px}.ag32-related-articles>a{min-height:0;display:grid;grid-template-columns:145px 1fr;background:#FFFDF8;border:1px solid var(--ag32-line);border-radius:10px;overflow:hidden;color:var(--ag32-ink);text-decoration:none}.ag32-related-articles>a>div img{width:100%;height:100%;min-height:150px;object-fit:cover;transition:transform .35s}.ag32-related-articles>a:hover img{transform:scale(1.04)}.ag32-related-articles section{padding:18px}.ag32-related-articles small{font-size:9px;color:#807A70}.ag32-related-articles h3{margin:6px 0 10px;font-size:15px;line-height:1.45}.ag32-related-articles span{font-size:10px;font-weight:900;color:#8B7100}

/* Article detail */
.ag32-article-hero{padding:58px 0 72px;background:linear-gradient(180deg,var(--ag32-ink),#121415);color:var(--ag32-paper)}.ag32-article-head{padding:5px 0 38px}.ag32-article-head__copy{max-width:980px;margin-inline-start:auto}.ag32-article-head h1{margin:12px 0 15px;max-width:900px;font-size:clamp(38px,4.8vw,60px);line-height:1.16;font-weight:950;letter-spacing:-.04em}.ag32-article-head p{margin:0;max-width:760px;color:#BEB9B0;line-height:1.85;font-size:15px}.ag32-article-meta{display:flex;align-items:center;gap:11px;margin-top:20px;color:#9C9890;font-size:10px;font-weight:800}.ag32-article-meta i{width:4px;height:4px;border-radius:50%;background:var(--ag32-solar)}
.ag32-article-cover{margin:0;border-radius:14px;overflow:hidden;background:#191B1C;box-shadow:0 24px 65px rgba(0,0,0,.25)}.ag32-article-cover img{display:block;width:100%;height:auto;max-height:670px;min-height:390px;object-fit:cover;object-position:center}
.ag32-article-body{padding:90px 0 110px;background:var(--ag32-paper-2);color:var(--ag32-ink)}.ag32-article-layout{display:grid;grid-template-columns:minmax(0,820px) 220px;justify-content:center;gap:70px;align-items:start}.ag32-toc{position:sticky;top:110px;grid-column:2;padding-top:5px;border-top:2px solid var(--ag32-solar)}.ag32-toc>span{display:block;margin:12px 0 16px;font-size:12px;font-weight:950}.ag32-toc nav{display:grid;gap:2px}.ag32-toc a{display:block;padding:8px 10px;color:#777269;text-decoration:none;border-inline-start:1px solid #D4CEC2;font-size:10px;line-height:1.55;transition:color .18s,border-color .18s,background .18s}.ag32-toc a:hover,.ag32-toc a.is-active{color:var(--ag32-ink);border-color:var(--ag32-solar);background:rgba(243,198,0,.08)}
.ag32-article-content{grid-column:1;grid-row:1;min-width:0;font-size:17px;line-height:2;color:#37342F}.ag32-article-content>*:first-child{margin-top:0}.ag32-article-content h2{scroll-margin-top:120px;margin:62px 0 18px;font-size:34px;line-height:1.35;color:var(--ag32-ink);font-weight:950;letter-spacing:-.02em}.ag32-article-content h3{scroll-margin-top:120px;margin:38px 0 12px;font-size:24px;line-height:1.45;color:var(--ag32-ink);font-weight:900}.ag32-article-content p{margin:0 0 20px}.ag32-article-content a{color:#806800;text-decoration-thickness:1px;text-underline-offset:4px}.ag32-article-content strong{color:var(--ag32-ink);font-weight:900}.ag32-article-content ul,.ag32-article-content ol{margin:20px 0 28px;padding-inline-start:26px}.ag32-article-content li{margin:8px 0}.ag32-article-content blockquote{position:relative;margin:48px 0;padding:30px 32px;border:0;border-inline-start:4px solid var(--ag32-solar);background:#EEE9DD;color:var(--ag32-ink);font-size:23px;line-height:1.75;font-weight:800}.ag32-article-content blockquote::before{content:'“';position:absolute;inset-inline-end:22px;top:0;color:rgba(243,198,0,.75);font-size:70px;line-height:1}.ag32-article-content img{max-width:100%;height:auto;border-radius:10px;margin:28px auto;display:block;box-shadow:var(--ag32-shadow)}.ag32-article-content table{width:100%;border-collapse:collapse;margin:30px 0;font-size:13px;background:#FFFDF8}.ag32-article-content th,.ag32-article-content td{padding:13px;border:1px solid #D5CFC3;text-align:right}.ag32-article-content th{background:var(--ag32-ink);color:var(--ag32-paper)}
.ag32-more-articles{background:linear-gradient(180deg,#EEE9DE,var(--ag32-paper-2))}.ag32-article-mosaic{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:205px;gap:14px}.ag32-article-card{position:relative;overflow:hidden;border-radius:12px;background:#17191A;color:white;text-decoration:none}.ag32-article-card--1{grid-column:span 7;grid-row:span 2}.ag32-article-card--2{grid-column:span 5;grid-row:span 2}.ag32-article-card--3,.ag32-article-card--4{grid-column:span 6;grid-row:span 2}.ag32-article-card__media{position:absolute;inset:0}.ag32-article-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.ag32-article-card:hover img{transform:scale(1.035)}.ag32-article-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.92))}.ag32-article-card__body{position:absolute;z-index:2;inset-inline:24px;bottom:22px}.ag32-article-card__body small{color:var(--ag32-solar);font-size:9px}.ag32-article-card__body h3{margin:6px 0 7px;max-width:620px;font-size:21px;line-height:1.42}.ag32-article-card__body p{margin:0 0 12px;max-width:600px;color:#CCC8BF;font-size:11px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ag32-article-card__body span{font-size:10px;font-weight:900;color:var(--ag32-solar)}

/* Blog index */
.ag32-blog-hero{padding:72px 0 76px;background:var(--ag32-ink);color:var(--ag32-paper)}.ag32-blog-hero__copy{max-width:900px;margin-inline-start:auto}.ag32-blog-hero h1{margin:11px 0 12px;font-size:clamp(38px,4.6vw,58px);line-height:1.16;font-weight:950;letter-spacing:-.035em}.ag32-blog-hero p{margin:0;max-width:730px;color:#BEBAB1;line-height:1.8;font-size:14px}.ag32-blog-feature__card{display:grid;grid-template-columns:1.2fr .8fr;min-height:510px;overflow:hidden;border-radius:14px;background:var(--ag32-ink);color:#fff;text-decoration:none;box-shadow:var(--ag32-shadow)}.ag32-blog-feature__media img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.ag32-blog-feature__card:hover img{transform:scale(1.025)}.ag32-blog-feature__body{padding:48px;display:flex;flex-direction:column;justify-content:flex-end}.ag32-blog-feature__body small{color:var(--ag32-solar);font-size:10px}.ag32-blog-feature__body h2{margin:10px 0 12px;font-size:32px;line-height:1.35}.ag32-blog-feature__body p{margin:0 0 20px;color:#BEBAB1;font-size:12px;line-height:1.75}.ag32-blog-feature__body span{font-size:11px;color:var(--ag32-solar);font-weight:900}
.ag32-blog-list{background:var(--ag32-paper-2)}.ag32-blog-mosaic{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:180px;gap:14px}.ag32-blog-tile{position:relative;overflow:hidden;border-radius:12px;background:#181A1B;color:#fff;text-decoration:none}.ag32-blog-tile--1,.ag32-blog-tile--5{grid-column:span 7;grid-row:span 2}.ag32-blog-tile--2,.ag32-blog-tile--6{grid-column:span 5;grid-row:span 2}.ag32-blog-tile--3,.ag32-blog-tile--4{grid-column:span 6;grid-row:span 2}.ag32-blog-tile__media{position:absolute;inset:0}.ag32-blog-tile__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.ag32-blog-tile:hover img{transform:scale(1.035)}.ag32-blog-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.92))}.ag32-blog-tile__body{position:absolute;z-index:2;inset-inline:22px;bottom:20px}.ag32-blog-tile__body small{color:var(--ag32-solar);font-size:9px}.ag32-blog-tile__body h3{margin:6px 0;font-size:20px;line-height:1.42;max-width:620px}.ag32-blog-tile__body p{margin:0 0 10px;max-width:570px;color:#C8C4BB;font-size:10px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ag32-blog-tile__body>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ag32-solar);color:var(--ag32-ink);font-weight:950;margin-inline-start:auto}

/* Responsive */
@media (max-width:1100px){
 .ag32-system-head{grid-template-columns:1fr;gap:42px}.ag32-system-hero-browser{max-width:900px}.ag32-feature-groups{grid-template-columns:1fr 1fr}.ag32-feature-group:last-child{grid-column:1/-1}.ag32-article-layout{grid-template-columns:minmax(0,760px) 190px;gap:45px}.ag32-related-grid{grid-template-columns:1fr}.ag32-related-system{min-height:440px}.ag32-related-articles{grid-template-columns:repeat(3,1fr);grid-template-rows:none}.ag32-related-articles>a{grid-template-columns:1fr}.ag32-related-articles>a>div img{height:170px}
}
@media (max-width:900px){
 .ag32-section{padding:72px 0}.ag32-section-head{grid-template-columns:1fr;gap:22px}.ag32-request-card__head{display:block}.ag32-mini-steps{margin-top:24px}.ag32-project-facts{grid-template-columns:repeat(2,1fr)}.ag32-project-facts>div:nth-child(3){border-inline-start:0;border-top:1px solid rgba(13,15,16,.2);padding-top:16px}.ag32-project-facts>div:nth-child(4){border-top:1px solid rgba(13,15,16,.2);padding-top:16px}.ag32-story-panel--1,.ag32-story-panel--2,.ag32-story-panel--3{grid-column:span 12}.ag32-phone-stage{min-height:650px;gap:20px}.ag32-phone-device__body{width:min(300px,36vw)}.ag32-work-mosaic,.ag32-article-mosaic,.ag32-blog-mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:300px}.ag32-work-tile--1,.ag32-work-tile--2,.ag32-work-tile--3,.ag32-work-tile--4,.ag32-work-tile--5,.ag32-article-card--1,.ag32-article-card--2,.ag32-article-card--3,.ag32-article-card--4,.ag32-blog-tile--1,.ag32-blog-tile--2,.ag32-blog-tile--3,.ag32-blog-tile--4,.ag32-blog-tile--5,.ag32-blog-tile--6{grid-column:auto;grid-row:auto}.ag32-system-intro__grid{grid-template-columns:1fr;gap:35px}.ag32-system-meta__grid{grid-template-columns:repeat(2,1fr)}.ag32-system-gallery__grid{grid-template-columns:repeat(2,1fr)}.ag32-system-shot,.ag32-system-shot.is-featured,.ag32-system-shot.is-phone{grid-column:auto}.ag32-system-shot.is-featured{grid-column:1/-1}.ag32-plan-grid{grid-template-columns:1fr}.ag32-article-layout{grid-template-columns:1fr;max-width:820px}.ag32-toc{position:relative;top:auto;grid-column:1;grid-row:1;border-top:0;border-bottom:1px solid var(--ag32-line);padding:0 0 24px}.ag32-toc nav{display:flex;overflow:auto;gap:8px;padding-bottom:2px}.ag32-toc a{flex:0 0 auto;border-inline-start:0;border-bottom:2px solid #D4CEC2}.ag32-article-content{grid-row:2}.ag32-blog-feature__card{grid-template-columns:1fr}.ag32-blog-feature__media{height:360px}
}
@media (max-width:650px){
 .ag32-section{padding:58px 0}.ag32-page-top{margin-bottom:26px}.ag32-request{padding-top:42px;background:linear-gradient(180deg,var(--ag32-ink) 0 260px,var(--ag32-paper-2) 260px 100%)}.ag32-request-hero{margin-bottom:38px}.ag32-request-hero h1{font-size:38px}.ag32-request-hero p{font-size:14px}.ag32-request-card{border-radius:12px}.ag32-request-card__head,.ag32-request-form{padding-left:21px;padding-right:21px}.ag32-context,.ag32-errors{margin-left:21px;margin-right:21px}.ag32-mini-steps{gap:6px;font-size:9px}.ag32-mini-steps i{width:16px}.ag32-fields--2{grid-template-columns:1fr}.ag32-fields--wide{max-width:none}.ag32-form-block{padding:30px 0}.ag32-form-block__title{grid-template-columns:38px 1fr}.ag32-after-submit{padding:21px}.ag32-process{grid-template-columns:1fr;gap:12px}.ag32-process>i{width:1px;height:18px;margin-inline-start:17px;background:#BFA12D}.ag32-submit-wrap{display:grid}.ag32-submit{width:100%}.ag32-success{padding:55px 24px}.ag32-success h2{font-size:34px}
 .ag32-work-hero,.ag32-system-hero,.ag32-article-hero{padding-top:42px}.ag32-work-head{display:block}.ag32-work-head .ag32-btn{margin-top:22px}.ag32-work-head h1,.ag32-system-head__copy h1,.ag32-article-head h1{font-size:38px}.ag32-work-cover img{min-height:280px}.ag32-work-cover figcaption{inset-inline:16px;bottom:15px}.ag32-project-facts{grid-template-columns:1fr}.ag32-project-facts>div{border-inline-start:0!important;border-top:1px solid rgba(13,15,16,.2);padding:12px 4px}.ag32-project-facts>div:first-child{border-top:0}.ag32-story-panel{padding:24px;min-height:0}.ag32-showcase{padding-top:65px}.ag32-phone-stage{min-height:auto;display:flex;overflow-x:auto;justify-content:flex-start;align-items:center;padding:30px 4px 25px;scroll-snap-type:x mandatory}.ag32-phone-device{flex:0 0 78%;scroll-snap-align:center;transform:none!important}.ag32-phone-device__body{width:100%;max-width:300px;margin:auto;border-radius:39px}.ag32-phone-device__screen{border-radius:31px}.ag32-browser-device.is-secondary{width:100%}.ag32-browser-device__chrome>em{display:none}.ag32-live-link,.ag32-tech-strip__inner{align-items:flex-start;flex-direction:column;padding:24px 0}.ag32-tech-strip__inner>div{gap:8px}.ag32-tech-strip__inner b{border:1px solid rgba(255,255,255,.14)!important;padding:7px 10px;border-radius:6px}.ag32-work-mosaic,.ag32-article-mosaic,.ag32-blog-mosaic{grid-template-columns:1fr;grid-auto-rows:310px}.ag32-work-tile__overlay h3{font-size:18px}
 .ag32-system-meta__grid{grid-template-columns:1fr}.ag32-system-meta__grid>div{border-inline-start:0;border-top:1px solid rgba(13,15,16,.2);padding:12px 4px}.ag32-system-meta__grid>div:first-child{border-top:0}.ag32-feature-groups{grid-template-columns:1fr}.ag32-feature-group:last-child{grid-column:auto}.ag32-system-gallery__grid{grid-template-columns:1fr}.ag32-system-shot,.ag32-system-shot.is-featured,.ag32-system-shot.is-phone{grid-column:auto}.ag32-system-shot__media,.ag32-system-shot.is-featured .ag32-system-shot__media,.ag32-system-shot.is-phone .ag32-system-shot__media{min-height:360px;padding:12px}.ag32-system-shot.is-phone .ag32-phone-device__body{width:min(250px,80vw)}.ag32-flow-line{grid-template-columns:1fr;padding:23px}.ag32-flow-line>i{width:1px;height:20px;margin-inline-start:20px;background:#BFA12D}.ag32-plan-card{padding:26px;min-height:330px}.ag32-plan-card h3{font-size:25px}.ag32-related-system{min-height:390px}.ag32-related-articles{grid-template-columns:1fr}.ag32-related-articles>a{grid-template-columns:120px 1fr}.ag32-related-articles>a>div img{height:100%;min-height:140px}
 .ag32-article-cover img{min-height:260px}.ag32-article-body{padding:62px 0 80px}.ag32-article-content{font-size:16px;line-height:1.95}.ag32-article-content h2{font-size:28px;margin-top:48px}.ag32-article-content h3{font-size:22px}.ag32-article-content blockquote{margin:36px 0;padding:24px;font-size:19px}.ag32-blog-hero{padding:58px 0}.ag32-blog-hero h1{font-size:38px}.ag32-blog-feature__media{height:250px}.ag32-blog-feature__body{padding:26px}.ag32-blog-feature__body h2{font-size:25px}
}