/* AC36 — signature experience. Browser-native only. No generated UI target. */
:root{
  --ac36-ink:#081719;
  --ac36-ink-2:#102629;
  --ac36-paper:#fbf7ef;
  --ac36-paper-2:#f4ecdf;
  --ac36-bronze:#9c6f3f;
  --ac36-bronze-2:#c49a63;
  --ac36-smoke:#657477;
  --ac36-line:rgba(8,23,25,.14);
  --ac36-line-2:rgba(8,23,25,.26);
  --ac36-ease:cubic-bezier(.22,.74,.22,1);
}

/* 1. Chrome — less brochure, more product. */
body.acx-product-page .site-header{position:sticky;top:0;z-index:80;background:rgba(251,247,239,.92);backdrop-filter:blur(18px) saturate(.9);box-shadow:none}
body.acx-product-page .site-header:before{height:1px;background:linear-gradient(90deg,transparent 4%,rgba(156,111,63,.42) 22%,rgba(156,111,63,.14) 65%,transparent 96%)}
body.acx-product-page .site-header__inner{min-height:74px;max-width:1448px;padding-inline:30px}
body.acx-product-page .site-brand__wordmark strong{font-size:14px}
body.acx-product-page .site-nav{gap:29px}
body.acx-product-page .site-nav a{font-size:11px;letter-spacing:.01em;color:#314043;position:relative}
body.acx-product-page .site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--ac36-bronze);transition:right .22s var(--ac36-ease)}
body.acx-product-page .site-nav a:hover:after{right:0}
body.acx-product-page .site-header__cta{min-height:40px;border-radius:999px;padding:0 20px;background:#0c2023;border:1px solid rgba(196,154,99,.2)}

/* 2. Canvas — a legal work surface, not a framed website section. */
.acx-product{min-height:calc(100vh - 74px);padding:18px 18px 0;background:
  radial-gradient(circle at 72% 10%,rgba(196,154,99,.13),transparent 25%),
  radial-gradient(circle at 58% 84%,rgba(156,111,63,.055),transparent 24%),
  linear-gradient(180deg,#f6f0e6 0%,#efe6d9 100%)}
.acx-product:before{opacity:.54;background:
  linear-gradient(90deg,transparent 0 20.25%,rgba(8,23,25,.024) 20.3% 20.36%,transparent 20.42%),
  repeating-linear-gradient(0deg,rgba(8,23,25,.012) 0 1px,transparent 1px 8px)}
.acx-frame{max-width:1448px;grid-template-columns:302px minmax(0,1fr);min-height:calc(100vh - 110px);border:1px solid rgba(8,23,25,.16);box-shadow:0 30px 90px rgba(11,22,23,.11);background:var(--ac36-paper)}
.acx-frame:before{content:"";position:absolute;z-index:5;left:302px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,rgba(196,154,99,.42),rgba(8,23,25,.08) 23%,rgba(8,23,25,.08) 76%,rgba(196,154,99,.26));pointer-events:none}
.acx-stage{position:relative;overflow:hidden;background:
  linear-gradient(90deg,rgba(255,255,255,.15),transparent 60%),
  linear-gradient(180deg,#fbf8f2 0%,#f8f2e9 100%)}
.acx-stage:after{content:"AC";position:absolute;right:-38px;bottom:4px;font:500 220px/.85 var(--acx-serif);letter-spacing:-.08em;color:rgba(156,111,63,.028);pointer-events:none}

/* 3. Dossier spine — active, tactile, recognisable. */
.acx-case-rail{min-height:calc(100vh - 110px);padding:38px 30px 30px;background:
  radial-gradient(circle at 38% 77%,rgba(196,154,99,.10),transparent 28%),
  linear-gradient(155deg,#071315,#0f2528 60%,#0a191b 100%)}
.acx-case-rail:before{content:"";position:absolute;left:18px!important;right:auto!important;top:0!important;bottom:0!important;width:1px!important;height:auto!important;border:0!important;background:linear-gradient(180deg,rgba(196,154,99,.52),rgba(196,154,99,.08) 19%,rgba(255,255,255,.06) 76%,rgba(196,154,99,.3))!important;border-radius:0!important}
.acx-case-rail:after{content:"DOSAR GHIDAT";position:absolute;left:4px;top:145px;width:auto;height:auto;border:0!important;font:600 6px var(--acx-sans);letter-spacing:.24em;color:rgba(221,187,139,.45);writing-mode:vertical-rl;transform:rotate(180deg)}
.acx-rail-back{margin-bottom:55px;color:rgba(255,255,255,.58);font-size:9px}
.acx-rail-back:before{content:"←";margin-right:9px;color:#d5ab73}
.acx-rail-eyebrow{font-size:7px;letter-spacing:.26em;color:#d2ad78;margin-bottom:15px}
.acx-case-rail h1{font-size:44px;line-height:.94;max-width:235px;margin-bottom:15px}
.acx-rail-lead{font-size:11.5px;line-height:1.75;max-width:225px;color:rgba(255,255,255,.60)}
.acx-rail-rule{width:90px;height:1px;margin:26px 0 24px;background:linear-gradient(90deg,#d0a76e,rgba(208,167,110,.10))}
.acx-live-file-header{padding-bottom:12px}
.acx-live-file-header span{font-size:6px;letter-spacing:.20em}
.acx-live-file-header strong{font-size:22px;color:#d7b27d}
.acx-live-row{min-height:46px;padding:11px 0 10px;grid-template-columns:80px 1fr}
.acx-live-row:after{content:"";position:absolute;right:0;bottom:-1px;width:0;height:1px;background:#c79b61;transition:width .28s var(--ac36-ease)}
.acx-live-row.is-latest:after{width:42%}
.acx-live-row.is-latest{background:linear-gradient(90deg,rgba(196,154,99,.14),rgba(196,154,99,.025) 74%,transparent);transform:translateX(2px)}
.acx-live-row dt{font-size:6px;letter-spacing:.16em}.acx-live-row dd{font-size:10.5px}
.acx-rail-trust{position:absolute;left:30px;right:30px;bottom:28px;padding-top:20px;font-size:8.5px;line-height:1.55;color:rgba(255,255,255,.54)}

/* 4. Matter map — an instrument panel, not a stepper. */
.acx-journey{position:relative;padding:13px 42px 12px 44px;background:rgba(255,252,247,.72);border-bottom:1px solid var(--ac36-line)}
.acx-journey:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#b9854d,#ddbe92)}
.acx-journey-meta{margin-bottom:8px}.acx-journey-meta span{font-size:6px;letter-spacing:.24em;color:#836344}.acx-journey-meta strong{font:500 9px var(--acx-sans);letter-spacing:.18em;color:#9b744b}
.acx-journey-track{gap:7px}.acx-journey-track:before{left:17px;right:17px;top:16px;background:linear-gradient(90deg,rgba(156,111,63,.68),rgba(8,23,25,.13) 34%,rgba(8,23,25,.13))}
.acx-journey-item{min-height:44px;padding-right:4px}.acx-journey-item:after{top:1px;left:39px;font-size:5.5px;letter-spacing:.18em}
.acx-journey-item em{font-size:6.5px;letter-spacing:.16em;margin-top:12px}
.acx-journey-glyph{width:33px;height:33px;background:#faf6ee;border-color:rgba(8,23,25,.18);box-shadow:0 5px 18px rgba(8,23,25,.035)}
.acx-journey-item.is-active .acx-journey-glyph{transform:translateY(-1px);background:#0d2326;border-color:#ad7b45;color:#e1ba84;box-shadow:0 0 0 5px rgba(156,111,63,.08),0 10px 22px rgba(8,23,25,.10)}
.acx-journey-item.is-done .acx-journey-glyph{background:#efe5d7}

/* 5. Main composition — hierarchy first. */
.acx-workspace{min-height:735px}
.acx-question-layout{position:relative;grid-template-columns:minmax(0,1fr) 286px;gap:56px;padding:52px 48px 54px 50px;min-height:735px}
.acx-question-layout:before{right:310px;top:8px;font-size:150px;color:rgba(156,111,63,.038)}
.acx-main-question{max-width:770px;position:relative}
.acx-main-question:after{content:"";position:absolute;right:-26px;top:14px;bottom:10px;width:1px;background:linear-gradient(180deg,transparent,rgba(8,23,25,.07) 18%,rgba(8,23,25,.07) 82%,transparent)}
.acx-stage-mark{margin-bottom:18px;font-size:7px;letter-spacing:.23em;color:#94683b}
.acx-stage-glyph{width:27px;height:27px;background:#fffaf1;border-color:rgba(156,111,63,.32);box-shadow:0 7px 20px rgba(156,111,63,.05)}
.acx-main-question h2{font-size:62px;line-height:.94;letter-spacing:-.047em;max-width:760px;margin-bottom:19px;color:#0b1c1f}
.acx-question-intro{font-size:13.5px;line-height:1.7;max-width:650px;margin-bottom:31px;color:#607073}
.acx-decision-caption{padding:0 0 9px;border-bottom:1px solid rgba(8,23,25,.26);font-size:6px;letter-spacing:.20em}
.acx-decision-caption strong{font-size:5.7px;letter-spacing:.17em}

/* 6. Decision strips — more editorial, more information, still one factual choice. */
.acx-choice-list{border-top:0;border-bottom:1px solid rgba(8,23,25,.27)}
.acx-choice{grid-template-columns:26px 42px minmax(0,1fr) 31px;gap:12px;min-height:72px;padding:10px 3px 10px 0;border-top:1px solid rgba(8,23,25,.16);transition:padding .22s var(--ac36-ease),background .22s var(--ac36-ease),color .22s var(--ac36-ease)}
.acx-choice:before{top:8px;bottom:8px;width:2px;background:transparent}
.acx-choice:after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,rgba(196,154,99,.11),rgba(196,154,99,.025) 70%,transparent);z-index:-1;transition:width .28s var(--ac36-ease)}
.acx-choice:hover:after,.acx-choice:focus-visible:after{width:100%}
.acx-choice:hover,.acx-choice:focus-visible{padding-left:9px;background:transparent}
.acx-choice:hover:before,.acx-choice:focus-visible:before{background:#b98247}
.acx-choice-index{font-size:6px;letter-spacing:.15em;color:#9d744a}
.acx-choice-glyph{width:38px;height:38px;background:#fffaf2;border-color:rgba(8,23,25,.15);box-shadow:0 5px 15px rgba(8,23,25,.03)}
.acx-choice-glyph .acx-icon{width:17px;height:17px}
.acx-choice-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:4px;text-align:left}
.acx-choice-label{font:500 17px/1.2 var(--acx-serif);letter-spacing:-.012em;color:#172a2d}
.acx-choice-sub{font:500 8.5px/1.35 var(--acx-sans);letter-spacing:.01em;color:#7a8789;white-space:normal}
.acx-choice-arrow{width:27px;height:27px;border-radius:50%;align-self:center;background:transparent}
.acx-choice:hover .acx-choice-label{color:#0a1b1e}.acx-choice:hover .acx-choice-sub{color:#5c696c}
.acx-choice.is-selected{background:#0c2124!important;padding-left:10px}
.acx-choice.is-selected .acx-choice-sub{color:rgba(255,255,255,.56)}
.acx-choice.is-selected .acx-choice-glyph{background:rgba(255,255,255,.035)}

/* 7. Counsel margin — legal lens, not sidebar copy. */
.acx-context{padding:2px 0 0 27px;border-left:1px solid rgba(8,23,25,.15)}
.acx-context:before{height:115px;background:linear-gradient(180deg,#aa7843,rgba(170,120,67,0))}
.acx-context-kicker{margin-bottom:24px}.acx-context-kicker>span{font-size:6px;letter-spacing:.21em}.acx-context-kicker>b{font-size:28px;color:#b58a5b}
.acx-context h3{font-size:34px;line-height:1.01;letter-spacing:-.035em;margin-bottom:16px}
.acx-context p{font-size:11.5px;line-height:1.78;color:#687679;margin-bottom:26px}
.acx-context-note{padding:19px 0 0 28px;font-size:9.5px;line-height:1.62}
.acx-context-note strong{font-size:6.5px;letter-spacing:.18em}
.acx-no-infer{margin-top:22px;padding-top:17px;border-top:1px solid rgba(8,23,25,.12);display:flex;flex-wrap:wrap;gap:6px}
.acx-no-infer span{width:100%;font:700 5.7px var(--acx-sans);letter-spacing:.19em;text-transform:uppercase;color:#9a744b;margin-bottom:2px}
.acx-no-infer b{font:600 6.3px var(--acx-sans);letter-spacing:.09em;text-transform:uppercase;color:#677477;border:1px solid rgba(8,23,25,.12);padding:5px 7px;background:rgba(255,255,255,.27)}
.acx-signature{margin-top:31px;padding-top:14px;font-size:14px;color:#8b6d4e}

/* 8. Document stage — a genuine document moment. */
.acx-doc-stage .acx-main-question h2{max-width:610px}
.acx-document-aperture{grid-template-columns:180px minmax(0,1fr);gap:32px;margin:5px 0 26px;padding:27px 27px 27px 16px;border:1px solid rgba(8,23,25,.14);background:
  radial-gradient(circle at 18% 28%,rgba(196,154,99,.11),transparent 34%),
  linear-gradient(135deg,rgba(255,255,255,.68),rgba(248,240,229,.72));box-shadow:0 18px 55px rgba(8,23,25,.05)}
.acx-document-aperture:before{width:26px;height:26px}.acx-document-aperture:after{width:26px;height:26px}
.acx-doc-visual{min-height:164px}.acx-doc-stack{width:118px;height:145px}
.acx-doc-stack span:nth-child(1){transform:rotate(-8deg) translate(-10px,7px)}.acx-doc-stack span:nth-child(2){transform:rotate(4deg) translate(10px,-4px)}
.acx-doc-stack span:nth-child(3){font-size:10px;letter-spacing:.15em;box-shadow:0 18px 40px rgba(8,23,25,.10)}
.acx-doc-copy strong{font-size:25px;line-height:1.05;letter-spacing:-.025em;margin-bottom:8px}.acx-doc-copy>span{font-size:10.5px;line-height:1.7;color:#667477}
.acx-doc-targets span{font-size:5.5px;letter-spacing:.15em;padding:6px 9px;background:rgba(255,251,244,.72)}

/* 9. Result — designed as a matter brief. */
.acx-result-layout{padding:46px 50px 52px;min-height:735px}
.acx-result-head{grid-template-columns:minmax(0,1fr) 270px;gap:52px;padding-bottom:30px}
.acx-result-head:before{content:"MATTER BRIEF";position:absolute;right:0;top:-17px;font:700 5.5px var(--acx-sans);letter-spacing:.24em;color:#a37b50}
.acx-result-head:after{right:297px;top:-25px;font-size:112px;color:rgba(156,111,63,.035)}
.acx-status{font-size:6px;letter-spacing:.20em;margin-bottom:14px}.acx-result-head h2{font-size:54px;line-height:.96;letter-spacing:-.045em;max-width:760px}.acx-result-head p{font-size:11.5px;line-height:1.74;max-width:690px}
.acx-result-seal{padding-left:54px;font-size:9.5px}.acx-result-seal strong{font-size:18px;line-height:1.07}
.acx-result-route{border:1px solid rgba(8,23,25,.11);background:rgba(255,252,247,.58);box-shadow:0 10px 30px rgba(8,23,25,.025)}
.acx-result-route span{min-height:47px;justify-content:center}.acx-result-route span b{font-size:6px;letter-spacing:.15em}
.acx-result-body{border-left:1px solid rgba(8,23,25,.11);border-right:1px solid rgba(8,23,25,.11);background:rgba(255,252,247,.34)}
.acx-ledger,.acx-next{padding-top:27px;padding-bottom:30px}.acx-ledger{padding-left:25px}.acx-next{padding-right:25px}
.acx-result-body h3{font-size:7px;letter-spacing:.19em}.acx-ledger-row{padding:10px 0 10px 22px}.acx-ledger dd{font-size:13px}.acx-next-columns strong{font-size:16px}.acx-next li{font-size:9.5px}
.acx-result-cta{position:relative;padding:25px 0 0}.acx-result-cta:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,#a97743,rgba(8,23,25,.13) 34%,rgba(8,23,25,.13))}.acx-result-cta-copy strong{font-size:24px;letter-spacing:-.025em}.acx-primary{border-radius:999px;min-height:46px;padding-inline:22px}

/* 10. System strip + product close — quieter and more confident. */
.acx-system-strip{max-width:1448px;grid-template-columns:repeat(4,1fr);background:#f4ecdf;border-color:rgba(8,23,25,.13)}
.acx-system-strip div{padding:15px 18px;border-right:1px solid rgba(8,23,25,.10)}.acx-system-strip strong{font-size:7px;letter-spacing:.05em}.acx-system-strip span:not(.acx-strip-glyph){font-size:7.5px}
body.acx-product-page .site-footer{padding:30px 0 18px;background:linear-gradient(160deg,#081416,#102528)}
body.acx-product-page .site-footer__grid{grid-template-columns:1.35fr repeat(3,.72fr);gap:28px}
body.acx-product-page .site-footer__identity>p{font-size:10px;line-height:1.6;margin:12px 0 14px}
body.acx-product-page .site-footer nav h2{font-size:7px;letter-spacing:.17em;margin-bottom:10px}
body.acx-product-page .site-footer nav a{font-size:9px;margin:5px 0}
body.acx-product-page .site-footer__legal{margin-top:24px;padding-top:14px}.site-footer__legal p{font-size:8px!important}

/* 11. Responsive — redesign, don't simply shrink. */
@media(max-width:1100px){
  .acx-product{padding:10px 10px 0}.acx-frame{grid-template-columns:235px minmax(0,1fr)}.acx-frame:before{left:235px}
  .acx-case-rail{padding:28px 22px 24px}.acx-case-rail h1{font-size:34px}.acx-rail-back{margin-bottom:35px}.acx-rail-trust{left:22px;right:22px}
  .acx-question-layout{grid-template-columns:minmax(0,1fr) 220px;gap:28px;padding:38px 28px 42px}.acx-main-question h2{font-size:47px}.acx-choice{min-height:66px;grid-template-columns:22px 36px 1fr 27px}.acx-choice-label{font-size:15px}.acx-choice-sub{font-size:7.5px}.acx-context h3{font-size:27px}.acx-context p{font-size:10px}
  .acx-result-layout{padding:35px 28px 40px}.acx-result-head{grid-template-columns:1fr 205px;gap:28px}.acx-result-head h2{font-size:42px}.acx-result-head:after{right:222px}
}
@media(max-width:820px){
  .acx-product{padding:0}.acx-frame{display:block;border-left:0;border-right:0;box-shadow:none}.acx-frame:before{display:none}
  .acx-case-rail{padding:12px 18px 11px;min-height:0}.acx-case-rail:before{left:9px!important}.acx-case-rail:after{display:none}.acx-rail-back{margin:0 0 7px;font-size:7px}.acx-rail-eyebrow{font-size:5.5px;margin-bottom:4px}.acx-case-rail h1{font-size:20px;max-width:none;margin-bottom:0}.acx-rail-lead,.acx-rail-rule,.acx-rail-trust{display:none!important}.acx-live-file{display:flex!important;max-height:34px!important;margin-top:8px;padding-top:6px}.acx-live-row{min-height:26px!important;padding:5px 8px!important}.acx-live-row.is-empty{display:none}.acx-live-file-header{min-width:67px;padding:0 8px 0 0}.acx-live-file-header strong{font-size:12px}.acx-live-row dt{font-size:5px!important}.acx-live-row dd{font-size:7.5px!important}
  .acx-journey{padding:8px 18px 7px}.acx-journey:before{width:2px}.acx-journey-meta{margin-bottom:4px}.acx-journey-track{height:24px}.acx-journey-track:before{top:10px}.acx-journey-glyph{width:21px;height:21px}.acx-journey-item em,.acx-journey-item:after{display:none}
  .acx-question-layout{display:block;padding:25px 20px 34px;min-height:0}.acx-question-layout:before,.acx-main-question:after{display:none}.acx-main-question h2{font-size:39px;line-height:.96}.acx-question-intro{font-size:11px;margin-bottom:22px}.acx-choice{min-height:61px;grid-template-columns:20px 34px minmax(0,1fr) 25px;gap:8px}.acx-choice-label{font-size:14.5px}.acx-choice-sub{font-size:7.2px}.acx-choice-glyph{width:31px;height:31px}.acx-context{position:relative;top:auto;margin-top:27px;padding:22px 0 0;border-left:0;border-top:1px solid rgba(8,23,25,.15)}.acx-context:before{top:-1px;left:0;width:70px;height:1px}.acx-context h3{font-size:25px}.acx-context p{font-size:10px}.acx-no-infer{margin-top:16px}
  .acx-document-aperture{grid-template-columns:104px 1fr;gap:16px;padding:18px 14px}.acx-doc-stack{width:72px;height:92px}.acx-doc-visual{min-height:105px}.acx-doc-copy strong{font-size:18px}
  .acx-result-layout{padding:26px 20px 34px;min-height:0}.acx-result-head{display:block}.acx-result-head:before{top:-11px}.acx-result-head:after{display:none}.acx-result-head h2{font-size:37px}.acx-result-seal{margin-top:20px;padding:17px 0 0 45px;border-top:1px solid rgba(8,23,25,.13)}.acx-result-seal:before{top:17px;bottom:auto;width:34px;height:1px}.acx-seal-icon{left:0;top:25px}.acx-result-route span b{font-size:0}.acx-result-body{display:block}.acx-ledger,.acx-next{padding:22px 18px}.acx-result-cta{display:block}.acx-primary{margin-top:15px;width:100%;justify-content:center}
  body.acx-product-page .site-footer__grid{grid-template-columns:1.2fr 1fr 1fr!important}.site-footer__grid>nav:last-child{display:none}
}
@media(max-width:520px){
  body.acx-product-page .site-header__inner{padding-inline:16px;min-height:64px}.site-brand__wordmark{display:none!important}
  .acx-question-layout{padding:22px 16px 30px}.acx-stage-mark{font-size:6px}.acx-stage-glyph{width:22px;height:22px}.acx-main-question h2{font-size:35px}.acx-question-intro{font-size:10.5px;line-height:1.62}.acx-decision-caption strong{display:none}
  .acx-choice{grid-template-columns:18px 31px minmax(0,1fr) 23px;gap:7px;min-height:60px}.acx-choice-label{font-size:13.8px}.acx-choice-sub{font-size:6.8px}.acx-choice-glyph{width:29px;height:29px}.acx-choice-arrow{width:21px;height:21px}
  .acx-context h3{font-size:23px}.acx-no-infer b{font-size:5.7px}
  .acx-document-aperture{grid-template-columns:78px 1fr;padding:14px 10px}.acx-doc-stack{width:56px;height:74px}.acx-doc-copy strong{font-size:16px}.acx-doc-targets span{font-size:5px;padding:4px 5px}
  .acx-result-layout{padding:23px 16px 30px}.acx-result-head h2{font-size:34px}.acx-result-cta-copy strong{font-size:20px}.acx-system-strip{grid-template-columns:1fr 1fr}.acx-system-strip div{padding:11px 10px}
  body.acx-product-page .site-footer__grid{grid-template-columns:1fr 1fr!important}.site-footer__identity{grid-column:1/-1}.site-footer__grid>nav:nth-of-type(2),.site-footer__grid>nav:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.acx-choice,.acx-live-row,.acx-journey-glyph{transition:none!important}}