/* V73 — interaction + brand-system lock
   Goals: exact Adial/Advicedial assets, clean rotating A selector,
   aligned Adial layer, branded integration logos, repeating-A watermark,
   and interactive orange workflow progress. */

:root{--v73-orange:#FF8A00;--v73-navy:#0A2A3A;--v73-ink:#071b27;--v73-white:#F7F8FA}

/* ===== Brand marks: never stretch/rebuild ===== */
.brand-logo,.chat-workspace-name>img,.chat-logo-avatar img,.dial-core-logo,.layer-platform img{
  object-fit:contain!important;height:auto!important;image-rendering:auto!important;filter:none!important;
}
.hero-chat-visual .chat-workspace-name{
  height:76px!important;padding:0 1rem!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;
}
.hero-chat-visual .chat-workspace-name>img{
  content:normal!important;width:126px!important;max-width:78%!important;max-height:42px!important;object-position:left center!important;
}
.hero-chat-visual .chat-workspace-name:after{content:none!important;display:none!important}
.hero-chat-visual .chat-logo-avatar img{content:normal!important;width:72%!important;max-height:72%!important}

/* ===== Repeating A brand watermark ===== */
.brand-layer-story,.workflow-story,.app-ecosystem,.integration-story,.integration-detail-hero{position:relative!important;overflow:hidden!important}
.brand-layer-story:after{
  content:""!important;position:absolute!important;right:-3%!important;top:5%!important;width:420px!important;height:170px!important;
  background:url("assets/adial-branding-kit-and-logos/repeating-a-pattern.svg") center/contain no-repeat!important;
  opacity:.075!important;pointer-events:none!important;filter:none!important;
}
.workflow-story:before,.app-ecosystem:before,.integration-story:before{
  content:"";position:absolute;right:-60px;top:35px;width:430px;height:150px;
  background:url("assets/adial-branding-kit-and-logos/repeating-a-pattern.svg") center/contain no-repeat;
  opacity:.045;pointer-events:none;z-index:0;
}
.workflow-story>* ,.app-ecosystem>* ,.integration-story>*{position:relative;z-index:1}

/* ===== Layer: same x-position from people -> layer -> apps ===== */
.live-layer{max-width:980px!important;width:100%!important;margin-inline:auto!important;padding:0 8px!important;overflow:visible!important}
.layer-people,.layer-flows-top{width:100%!important;padding:0 34px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.layer-people span{min-height:82px!important;border-radius:14px!important;background:linear-gradient(180deg,#123f51,#0b3141)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:0 12px 28px rgba(0,0,0,.2)!important}
.layer-flows-top{height:72px!important;margin:0!important}
.layer-flows-top i,.layer-flows-bottom i{justify-self:stretch!important;width:auto!important;background:none!important;position:relative!important}
.layer-flows-top i:before,.layer-flows-bottom i:before{
  content:""!important;position:absolute!important;left:50%!important;top:0!important;bottom:0!important;width:2px!important;
  background:repeating-linear-gradient(to bottom,#ff9e32 0 5px,transparent 5px 10px)!important;box-shadow:0 0 7px rgba(255,138,0,.82)!important;
}
.layer-flows-top i:after,.layer-flows-bottom i:after{
  content:""!important;position:absolute!important;left:calc(50% - 4px)!important;top:44%!important;width:8px!important;height:8px!important;border-radius:50%!important;
  background:#fff0d6!important;box-shadow:0 0 9px #ff8a00,0 0 18px rgba(255,138,0,.72)!important;
}
.layer-platform{
  position:relative!important;z-index:5!important;width:100%!important;min-height:146px!important;margin:-10px 0 -8px!important;
  display:grid!important;place-items:center!important;overflow:visible!important;
  background:linear-gradient(180deg,#ffd48c 0%,#ffae42 22%,#ff941f 52%,#ff7d05 100%)!important;
  border:1.5px solid rgba(255,255,255,.78)!important;border-radius:50% / 24%!important;
  box-shadow:0 0 26px rgba(255,138,0,.75),0 0 70px rgba(255,138,0,.30),inset 0 13px 28px rgba(255,255,255,.24),inset 0 -15px 24px rgba(153,64,0,.12)!important;
  filter:none!important;animation:layer-breathe 4.2s ease-in-out infinite!important;
}
.layer-platform:before,.layer-platform:after{
  content:""!important;position:absolute!important;left:4%!important;right:4%!important;border:1px solid rgba(255,236,207,.42)!important;border-radius:50%!important;pointer-events:none!important;background:none!important;
}
.layer-platform:before{top:20%!important;height:56%!important}.layer-platform:after{top:34%!important;height:29%!important;left:12%!important;right:12%!important}
.layer-platform .layer-orbit{display:none!important}
.layer-platform img{content:normal!important;width:315px!important;max-width:44%!important;max-height:92px!important;position:relative!important;z-index:4!important;margin:0!important}
.layer-flows-bottom,.layer-systems{width:100%!important;padding:0 22px!important;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:10px!important;margin:0!important}
.layer-flows-bottom{height:62px!important}
.layer-systems span,.layer-systems span:nth-child(n){grid-column:auto!important;min-width:0!important;min-height:64px!important;padding:.42rem .28rem!important;border-radius:12px!important;background:linear-gradient(145deg,#fff,#edf1f3)!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 12px 26px rgba(0,0,0,.18)!important}
.layer-systems img{max-width:88px!important;max-height:31px!important}.layer-systems small{font-size:.43rem!important}.layer-systems .system-more b{font-size:1.05rem!important}
@keyframes layer-breathe{50%{transform:translateY(-3px);box-shadow:0 0 34px rgba(255,138,0,.82),0 0 80px rgba(255,138,0,.34),inset 0 13px 28px rgba(255,255,255,.27),inset 0 -15px 24px rgba(153,64,0,.12)}}

/* AAA watermark/motif beside layer copy — aligned progression, no blurry PNG */
.brand-a-motion.brand-aaa{width:280px!important;height:120px!important;margin-top:1.6rem!important}
.brand-a-motion.brand-aaa img{content:normal!important;width:92px!important;filter:none!important;opacity:1!important}
.brand-a-motion.brand-aaa img:nth-child(1){left:0!important;top:35px!important;opacity:1!important}
.brand-a-motion.brand-aaa img:nth-child(2){left:58px!important;top:18px!important;opacity:.42!important}
.brand-a-motion.brand-aaa img:nth-child(3){left:116px!important;top:2px!important;opacity:.16!important}
.brand-a-motion.brand-aaa i{left:5px!important;width:230px!important;right:auto!important;background:linear-gradient(90deg,#ff8a00,rgba(255,138,0,.24),transparent)!important}

/* ===== Service selector: remove broken middle rings; the A itself rotates ===== */
.home-dial-visual .adial-demo{background:radial-gradient(circle at 50% 45%,rgba(255,138,0,.08),transparent 40%),linear-gradient(145deg,#061f2c,#082b3a)!important}
.home-dial-visual .adial-dial:before,.home-dial-visual .dial-rings,.home-dial-visual .dial-pointer{display:none!important}
.home-dial-visual .adial-dial{background:radial-gradient(circle at 50% 49%,rgba(255,138,0,.08),transparent 23%)!important}
.home-dial-visual .dial-core{
  width:190px!important;height:190px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  display:grid!important;place-items:center!important;pointer-events:none!important;
}
.home-dial-visual .dial-core:before,.home-dial-visual .dial-core:after{display:none!important}
.home-dial-visual .dial-core-logo{
  content:normal!important;width:142px!important;max-width:none!important;max-height:none!important;margin:0!important;
  transform:rotate(var(--a-rotation,0deg))!important;transform-origin:50% 50%!important;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s ease!important;
  filter:drop-shadow(0 0 12px rgba(255,138,0,.48))!important;
}
.home-dial-visual .dial-core small,.home-dial-visual .dial-core em{display:none!important}
.home-dial-visual .dial-option{min-height:86px!important}
.home-dial-visual .dial-option.active{background:linear-gradient(145deg,#4a2a16,#1d1713)!important;border-color:#ff9a2c!important;box-shadow:0 0 0 1px rgba(255,138,0,.25),0 0 34px rgba(255,138,0,.42),0 16px 34px rgba(0,0,0,.32)!important}
.home-dial-visual .dial-option.active b,.home-dial-visual .dial-option.active span{color:#fff!important}.home-dial-visual .dial-option.active span{color:#ff9a2c!important}

/* ===== Integration trust: real visual logos, not generic letter boxes ===== */
.app-wall .app-pill{gap:0!important;padding:1rem!important}
.app-wall .app-pill img{width:auto!important;height:40px!important;max-width:155px!important;max-height:44px!important;object-fit:contain!important}
.app-wall .app-pill.featured img{filter:brightness(0) invert(1)!important}
.integration-card-logo{height:54px;display:flex;align-items:center;margin-bottom:1rem}
.integration-card-logo img{width:auto;max-width:185px;max-height:48px;object-fit:contain}
.integration-logo-card{position:relative!important;overflow:hidden!important}
.integration-logo-card:before{content:"";position:absolute;inset:0;background:url("assets/adial-branding-kit-and-logos/repeating-a-pattern.svg") center/85% auto no-repeat;opacity:.035;pointer-events:none}
.integration-logo-card img{position:relative;z-index:1;max-width:360px!important;max-height:135px!important;width:auto!important;height:auto!important}

/* ===== How it works: interactive orange progress ===== */
.workflow-story{background:#f7f7f5!important}
.workflow-story-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;position:relative!important}
.workflow-flow{grid-column:1/-1;height:116px;position:relative;margin:0 0 8px;overflow:hidden;border-radius:24px;background:linear-gradient(180deg,rgba(255,138,0,.035),rgba(255,138,0,0))}
.workflow-flow>img{position:absolute;inset:8px 0 22px;width:100%;height:88px;object-fit:fill;opacity:.9}
.workflow-flow-track{--workflow-progress:0%;position:absolute;left:3%;right:3%;bottom:18px;height:3px;border-radius:10px;background:#e4e5e3;overflow:visible}
.workflow-flow-track:before{content:"";position:absolute;left:0;top:0;height:100%;width:var(--workflow-progress);background:linear-gradient(90deg,#ff8a00,#ffb24f);border-radius:inherit;box-shadow:0 0 12px rgba(255,138,0,.55);transition:width .45s ease}
.workflow-flow-track i{position:absolute;left:var(--workflow-progress);top:50%;width:15px;height:15px;border-radius:50%;background:#ff8a00;border:3px solid #fff;box-shadow:0 0 0 2px rgba(255,138,0,.24),0 0 14px rgba(255,138,0,.55);transform:translate(-50%,-50%);transition:left .45s ease}
.workflow-story-grid article{position:relative!important;min-height:240px!important;padding:1.65rem!important;border:1px solid #dedbd6!important;border-radius:18px!important;background:#fff!important;color:#20272c!important;cursor:pointer!important;transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease!important;overflow:hidden!important}
.workflow-story-grid article:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#e3e4e2;transition:background .25s ease,box-shadow .25s ease}
.workflow-story-grid article:hover{transform:translateY(-4px)!important;border-color:rgba(255,138,0,.4)!important;box-shadow:0 18px 38px rgba(10,42,58,.09)!important}
.workflow-story-grid article.active{background:linear-gradient(145deg,#0b3141,#082530)!important;color:#fff!important;border-color:#ff8a00!important;box-shadow:0 18px 42px rgba(10,42,58,.2),0 0 28px rgba(255,138,0,.13)!important}
.workflow-story-grid article.active:before{background:#ff8a00;box-shadow:0 0 14px rgba(255,138,0,.8)}
.workflow-story-grid article.active h3,.workflow-story-grid article.active p{color:#fff!important}.workflow-story-grid article.active p{color:#d7e1e5!important}
.workflow-story-grid article>b{color:#ff8a00!important}.workflow-story-grid article button{position:absolute;left:1.65rem;bottom:1.35rem;border:0;background:transparent;color:#8a959a;font:700 .66rem var(--display);text-transform:uppercase;letter-spacing:.08em;padding:0;cursor:pointer}.workflow-story-grid article.active button{color:#ffb15e}
.workflow-role-switch button.active{background:#ff8a00!important;border-color:#ff8a00!important;color:#fff!important;box-shadow:0 8px 18px rgba(255,138,0,.22)!important}

/* Flow / progress branding in additional light sections */
.app-ecosystem-action:before{content:"";display:block;width:min(760px,90vw);height:70px;margin:0 auto -8px;background:url("assets/adial-branding-kit-and-logos/flow-progress.svg") center/100% 100% no-repeat;opacity:.42;pointer-events:none}

@media(max-width:1100px){
  .layer-platform img{max-width:46%!important}.layer-systems{gap:7px!important;padding:0 10px!important}.layer-systems img{max-width:70px!important}
  .workflow-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .brand-layer-story:after,.workflow-story:before,.app-ecosystem:before,.integration-story:before{width:250px;height:90px;right:-50px;opacity:.04}
  .brand-a-motion.brand-aaa{display:block!important;width:220px!important;height:100px!important;margin-inline:auto!important}.brand-a-motion.brand-aaa img{width:70px!important}.brand-a-motion.brand-aaa img:nth-child(2){left:44px!important}.brand-a-motion.brand-aaa img:nth-child(3){left:88px!important}
  .layer-people,.layer-flows-top{padding:0!important;gap:8px!important}.layer-flows-top{height:56px!important}.layer-platform{min-height:150px!important;margin:-8px -4px -5px!important;width:calc(100% + 8px)!important}.layer-platform img{width:265px!important;max-width:68%!important}
  .layer-flows-bottom{display:none!important}.layer-systems{grid-template-columns:repeat(4,1fr)!important;gap:8px!important;padding:0!important}.layer-systems span:nth-child(n){grid-column:auto!important}.layer-systems span:nth-child(5){grid-column:1/span 1!important}.layer-systems span:nth-child(6){grid-column:2/span 1!important}.layer-systems span:nth-child(7){grid-column:3/span 2!important}.layer-systems img{max-width:64px!important}
  .home-dial-visual .adial-dial{padding-top:150px!important;position:relative!important}.home-dial-visual .dial-core{display:grid!important;position:absolute!important;top:10px!important;left:50%!important;transform:translateX(-50%)!important;width:140px!important;height:120px!important}.home-dial-visual .dial-core-logo{width:105px!important}.home-dial-visual .dial-option,.home-dial-visual .dial-option[data-angle]{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;transform:none!important}
  .workflow-story-grid{grid-template-columns:1fr!important}.workflow-flow{height:92px}.workflow-story-grid article{min-height:210px!important}
  .app-wall .app-pill img{height:34px!important;max-width:125px!important}.integration-card-logo img{max-width:150px;max-height:42px}
}
@media(prefers-reduced-motion:reduce){.layer-platform{animation:none!important}.home-dial-visual .dial-core-logo{transition:none!important}.workflow-flow-track:before,.workflow-flow-track i{transition:none!important}}