/* Advicedial and Adial connected brand experience v55 */
:root{
  --adial-orange:#FF8A00;
  --adial-orange-hot:#ff6a00;
  --adial-navy:#0A2A3A;
  --adial-navy-deep:#041722;
  --adial-white:#F7F8FA;
  --adial-line:rgba(247,248,250,.14);
  --orange:var(--adial-orange);
  --navy:var(--adial-navy);
  --soft-white:var(--adial-white);
}

html{scroll-behavior:smooth}
body{background:var(--adial-white);color:var(--adial-navy)}
::selection{background:var(--adial-orange);color:var(--adial-navy-deep)}

.site-header{background:rgba(4,23,34,.92);border-color:rgba(255,138,0,.18);box-shadow:0 10px 35px rgba(2,15,23,.14)}
.site-header.scrolled{background:rgba(4,23,34,.98);box-shadow:0 14px 38px rgba(2,15,23,.28)}
.site-header>.brand,.footer-brand .brand{background-image:url("assets/adial-branding-kit-and-logos/advicedial_primary.png")}
.site-nav>a:not(.button):after{background:var(--adial-orange)}
.site-nav .button-outline{border-color:rgba(255,138,0,.58)!important}
.site-nav .button-outline:hover{background:var(--adial-orange)!important;color:var(--adial-navy-deep)!important}

.button{border-radius:999px;letter-spacing:.01em}
.button-primary{background:linear-gradient(135deg,var(--adial-orange),var(--adial-orange-hot));color:#071923;box-shadow:0 14px 32px rgba(255,106,0,.24)}
.button-primary:hover{box-shadow:0 18px 42px rgba(255,106,0,.36)}
.button-ghost{border-color:rgba(247,248,250,.26);color:var(--adial-white)}

.hero,.page-hero,.story-hero{
  background:
    radial-gradient(circle at 76% 36%,rgba(255,138,0,.2),transparent 25%),
    radial-gradient(circle at 8% 86%,rgba(18,91,119,.28),transparent 30%),
    linear-gradient(128deg,#031722 0%,#0A2A3A 57%,#103c50 100%);
}
.story-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 48%,rgba(255,138,0,.028) 48.1% 48.25%,transparent 48.35%);pointer-events:none}
.hero:after,.page-hero:after{background-image:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg");opacity:.045}
.home-ribbon-logo{content:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg");opacity:.045;filter:drop-shadow(0 18px 32px rgba(255,138,0,.26))}
.hero-copy h1 em{color:var(--adial-orange);text-shadow:0 0 45px rgba(255,138,0,.18)}
.trust-strip span:before{background:var(--adial-orange);box-shadow:0 0 0 4px rgba(255,138,0,.1)}

/* Branded workspace with familiar team-chat structure */
.hero-chat-visual .adial-chat-demo{grid-template-columns:210px minmax(0,1fr);max-width:900px;border:1px solid rgba(255,138,0,.58);border-radius:22px;box-shadow:0 38px 100px rgba(0,0,0,.48),0 0 0 1px rgba(255,138,0,.08),0 0 70px rgba(255,138,0,.11)}
.hero-chat-visual .chat-sidebar{background:linear-gradient(180deg,#071d29,#0A2A3A 55%,#061a25);border-color:rgba(255,255,255,.08)}
.hero-chat-visual .chat-sidebar:after{background:radial-gradient(ellipse at 50% 100%,rgba(255,138,0,.42),transparent 54%)}
.hero-chat-visual .chat-workspace-name{min-height:96px;padding:1.25rem 1rem;border-bottom:1px solid rgba(255,138,0,.2);background:linear-gradient(180deg,rgba(255,138,0,.05),transparent)}
.hero-chat-visual .chat-workspace-name>img{content:url("assets/adial-branding-kit-and-logos/adial_primary.png");width:142px}
.hero-chat-visual .chat-sidebar nav a{min-height:31px;color:#cbd7dd}
.hero-chat-visual .chat-sidebar nav a:hover{background:rgba(255,138,0,.12);color:#fff}
.hero-chat-visual .chat-sidebar nav a.active{background:linear-gradient(90deg,var(--adial-orange),#ff7200);color:#071923;box-shadow:0 9px 22px rgba(255,106,0,.24)}
.hero-chat-visual .chat-sidebar nav a.active i{color:#071923}
.hero-chat-visual .chat-sidebar nav a em{background:var(--adial-orange);color:#071923}
.hero-chat-visual .chat-main{background:linear-gradient(180deg,#fff,#f8fafb)}
.hero-chat-visual .chat-channel-header{height:66px;border-color:#e3e9ec}
.hero-chat-visual .chat-channel-header>em{padding:.34rem .58rem;border:1px solid #e0e6e9;border-radius:999px;background:#fff;box-shadow:0 5px 14px rgba(10,42,58,.08)}
.hero-chat-visual .chat-channel-header>em img{content:none;width:25px;height:25px}
.hero-chat-visual .chat-avatar.chat-logo-avatar{padding:4px;background:linear-gradient(135deg,var(--adial-orange),var(--adial-orange-hot));box-shadow:0 6px 14px rgba(255,106,0,.22)}
.hero-chat-visual .chat-logo-avatar img{content:none}
.hero-chat-visual .chat-user>div{background:#f1f5f7;border-color:#dce5e9}
.hero-chat-visual .chat-adial>div{border-color:rgba(255,138,0,.42);background:linear-gradient(135deg,#fff7ef,#fff)}
.hero-chat-visual .chat-workspace{border-color:#dde5e8;box-shadow:0 8px 26px rgba(10,42,58,.09)}
.hero-chat-visual .chat-workspace-heading{background:linear-gradient(90deg,#fff5eb,#fff)}
.hero-chat-visual .chat-workspace li:nth-child(3){background:linear-gradient(90deg,rgba(255,138,0,.09),transparent)}
.hero-chat-visual .chat-workspace li:nth-child(3) i,.hero-chat-visual .chat-progress i{background:linear-gradient(90deg,var(--adial-orange),var(--adial-orange-hot));border-color:var(--adial-orange)}
.hero-chat-visual .chat-result{border-color:rgba(255,138,0,.35);background:linear-gradient(135deg,#fff8f1,#fff)}
.hero-chat-visual .chat-result button{background:var(--adial-navy);border-color:var(--adial-navy)}
.hero-chat-visual .chat-result button:hover{background:var(--adial-orange);border-color:var(--adial-orange);color:var(--adial-navy-deep)}
.hero-chat-visual .chat-composer p button{background:linear-gradient(135deg,var(--adial-orange),var(--adial-orange-hot))}

/* The A transforms into the live connecting layer */
.brand-layer-story{background:radial-gradient(circle at 75% 47%,rgba(255,138,0,.14),transparent 33%),linear-gradient(145deg,#041722,#0A2A3A);isolation:isolate}
.brand-layer-story:before{background-image:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg");opacity:.045}
.brand-layer-story:after{content:"";position:absolute;inset:0;background:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg") right -14% center/52% auto no-repeat;opacity:.025;z-index:-1}
.brand-a-motion img{content:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg")}
.brand-a-motion i{box-shadow:0 0 24px rgba(255,138,0,.65)}
.live-layer{position:relative;min-width:0;padding:2.2rem 1.7rem 1.8rem;border:1px solid rgba(255,138,0,.38);border-radius:28px;background:radial-gradient(circle at 50% 48%,rgba(255,138,0,.14),transparent 48%),linear-gradient(145deg,#f7f8fa,#ebeef0);box-shadow:0 32px 88px rgba(0,0,0,.3),inset 0 1px #fff}
.live-layer:before{content:"";position:absolute;inset:0;border-radius:inherit;background:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg") 50% 48%/72% auto no-repeat;filter:brightness(0);opacity:.025;pointer-events:none}
.layer-people,.layer-systems{position:relative;z-index:2;display:grid;gap:.65rem}
.layer-people{grid-template-columns:repeat(3,1fr)}
.layer-people span,.layer-systems span{display:grid;place-items:center;min-height:68px;padding:.55rem;border:1px solid #e2e5e7;border-radius:12px;background:rgba(255,255,255,.94);color:#0A2A3A;font:700 .67rem/1.25 var(--display);text-align:center;box-shadow:0 10px 25px rgba(10,42,58,.11)}
.layer-people span{border-color:rgba(255,138,0,.28);background:linear-gradient(145deg,#0A2A3A,#041722);color:#fff;box-shadow:0 10px 25px rgba(4,23,34,.2),inset 0 1px rgba(255,255,255,.08)}
.layer-people svg{display:block;width:24px;height:24px;margin-bottom:.25rem;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.layer-platform{position:relative;z-index:2;display:grid;min-height:126px;margin:0 .3rem;place-items:center;border:0;border-radius:0;background:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg") center/100% 100% no-repeat;box-shadow:none;animation:platform-float 5s ease-in-out infinite}
.layer-platform img{content:url("assets/adial-branding-kit-and-logos/adial_primary.png");position:relative;z-index:3;width:min(68%,430px);filter:drop-shadow(0 3px 5px rgba(255,255,255,.2))}
.layer-orbit{display:none}
.layer-flows{position:relative;z-index:1;display:grid;margin:auto}
.layer-flows-top{width:72%;height:56px;grid-template-columns:repeat(3,1fr)}
.layer-flows-bottom{width:72%;height:46px;grid-template-columns:repeat(4,1fr)}
.layer-flows i{position:relative;display:block}
.layer-flows i:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,rgba(255,138,0,.4),var(--adial-orange),rgba(255,138,0,.45));box-shadow:0 0 8px rgba(255,138,0,.55)}
.layer-flows i:after{content:"";position:absolute;left:calc(50% - 3px);top:0;width:7px;height:7px;border-radius:50%;background:var(--adial-orange);box-shadow:0 0 9px rgba(255,138,0,.7);animation:data-flow 2.3s ease-in-out infinite}
.layer-flows i:nth-child(2):after{animation-delay:-.7s}.layer-flows i:nth-child(3):after{animation-delay:-1.4s}.layer-flows i:nth-child(4):after{animation-delay:-.3s}.layer-flows i:nth-child(5):after{animation-delay:-1.1s}.layer-flows i:nth-child(6):after{animation-delay:-1.7s}.layer-flows i:nth-child(7):after{animation-delay:-.5s}
.layer-systems{grid-template-columns:repeat(8,1fr)}
.layer-systems span:nth-child(-n+4){grid-column:span 2}
.layer-systems span:nth-child(5){grid-column:2/span 2}
.layer-systems span:nth-child(6),.layer-systems span:nth-child(7){grid-column:span 2}
.layer-systems span{box-sizing:border-box;min-width:0;min-height:56px;padding:.42rem;background:#fff;border-color:#e2e5e7;color:#0A2A3A;font-size:.53rem;overflow:hidden}
.layer-systems img{display:block;width:100%;max-width:74px;max-height:28px;object-fit:contain}
.layer-systems .system-xplan img{max-width:68px}
.layer-systems .system-m365,.layer-systems .system-google,.layer-systems .system-crm,.layer-systems .system-more{grid-template-columns:auto;align-content:center;gap:.1rem}
.layer-systems .system-m365 img{width:19px;height:21px}
.layer-systems .system-google img{width:23px;height:23px}
.layer-systems .system-crm img{width:34px;height:23px}
.layer-systems small{display:block;color:#0A2A3A;font:700 .43rem/1.05 var(--display);white-space:nowrap}
.layer-systems .system-more b{color:var(--adial-orange);font:800 .85rem/1 var(--display);letter-spacing:.06em}

/* Interactive dial, using the same master A geometry */
.home-agent-intro{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7f8fa,#edf2f4)}
.home-agent-intro:before{content:"";position:absolute;width:560px;height:410px;right:-170px;top:2rem;background:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg") center/contain no-repeat;opacity:.025;pointer-events:none}
.home-dial-visual .adial-demo{border-color:rgba(255,138,0,.52);background:radial-gradient(circle at 50% 44%,rgba(255,138,0,.2),transparent 32%),linear-gradient(150deg,#041722,#0A2A3A);box-shadow:0 38px 90px rgba(4,23,34,.3)}
.home-dial-visual .adial-dial:before{border-color:rgba(255,138,0,.42);box-shadow:inset 0 0 88px rgba(255,138,0,.08),0 0 75px rgba(255,138,0,.12)}
.home-dial-visual .dial-rings i{border-color:rgba(255,138,0,.22)}
.home-dial-visual .dial-option{border-color:rgba(255,138,0,.35);background:linear-gradient(145deg,rgba(29,55,66,.94),rgba(4,23,34,.98));color:#f7f8fa}
.home-dial-visual .dial-option:hover{border-color:var(--adial-orange);box-shadow:0 0 24px rgba(255,138,0,.18)}
.home-dial-visual .dial-option.active{border-color:#ffb45b;background:linear-gradient(145deg,#4b2409,#160c06);box-shadow:0 0 0 1px rgba(255,138,0,.3),0 0 30px rgba(255,138,0,.34),inset 0 0 24px rgba(255,138,0,.12);animation:active-node 2.8s ease-in-out infinite}
.home-dial-visual .dial-option span{color:var(--adial-orange)}
.home-dial-visual .dial-core{border-color:rgba(255,138,0,.72);background:radial-gradient(circle at 50% 45%,rgba(255,138,0,.24),rgba(10,42,58,.95) 54%,#041722 78%);box-shadow:inset 0 0 55px rgba(255,138,0,.12),0 0 0 8px rgba(255,138,0,.035),0 0 65px rgba(255,138,0,.28)}
.dial-core-logo{position:relative;z-index:3;display:block;width:132px;height:auto;margin:0 auto .32rem}
.dial-core strong{display:none!important}
.home-dial-visual .dial-core small{color:var(--adial-orange)}
.home-dial-visual .dial-pointer{background:linear-gradient(180deg,var(--adial-orange),rgba(255,138,0,.07));box-shadow:0 0 18px rgba(255,138,0,.48)}
.home-dial-visual .dial-result{border-color:rgba(255,138,0,.25);background:rgba(4,23,34,.72)}

.app-pill.featured,.enterprise,.platform-section,.markets-section,footer{background:var(--adial-navy)}
footer{position:relative;overflow:hidden}
footer:after{content:"";position:absolute;width:380px;height:280px;right:-90px;bottom:-120px;background:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg") center/contain no-repeat;filter:brightness(0) invert(1);opacity:.025;pointer-events:none}

@keyframes layer-breathe{50%{opacity:.56;transform:scale(.985)}}
@keyframes platform-float{50%{transform:translateY(-5px);filter:drop-shadow(0 12px 24px rgba(255,106,0,.38))}}
@keyframes layer-orbit{to{transform:rotate(360deg)}}
@keyframes data-flow{0%{top:0;opacity:0}18%{opacity:1}82%{opacity:1}100%{top:calc(100% - 7px);opacity:0}}
@keyframes active-node{50%{box-shadow:0 0 0 1px rgba(255,138,0,.48),0 0 42px rgba(255,138,0,.48),inset 0 0 28px rgba(255,138,0,.17)}}

/* Included baseline security and optional enhanced security package */
.security-pricing-band{background:linear-gradient(180deg,#f7f8fa,#eef2f4)}
.security-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:940px}
.security-pricing-grid .price-card{min-height:560px}
.security-upgrade{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:1.4rem;padding:1.45rem 1.6rem;border:1px solid rgba(255,138,0,.32);background:rgba(255,255,255,.055)}
.security-upgrade b{color:var(--adial-orange);font:800 .62rem var(--display);letter-spacing:.12em}
.security-upgrade h3{margin:.4rem 0;font-size:1.15rem;color:#fff}
.security-upgrade p{margin:0;color:#b8ccd5;font-size:.78rem}
.security-upgrade .button{flex:0 0 auto}

@media(max-width:1100px){.layer-systems{gap:.45rem}}

@media(max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .nav-toggle{
    width:46px;
    height:46px;
    padding:9px;
    border:1px solid rgba(255,255,255,.5);
    border-radius:10px;
    background:rgba(255,255,255,.12);
    box-shadow:0 6px 18px rgba(0,0,0,.24);
  }
  .nav-toggle span{
    width:26px;
    height:3px;
    margin:4px 0;
    border-radius:999px;
    background:#fff;
    box-shadow:0 1px 4px rgba(0,0,0,.35);
  }
  .nav-toggle:focus-visible{outline:3px solid #ff8a00;outline-offset:3px}
  .story-hero{box-sizing:border-box;width:100vw!important;max-width:100vw!important;grid-template-columns:minmax(0,1fr)!important;padding-left:20px!important;padding-right:20px!important;overflow:hidden}
  .story-hero>.hero-copy,.story-hero>.hero-visual{box-sizing:border-box;width:calc(100vw - 40px)!important;max-width:calc(100vw - 40px)!important;min-width:0!important}
  .story-hero .hero-copy h1,.story-hero .hero-copy p{max-width:100%!important;overflow-wrap:normal!important;word-break:normal!important}
  .story-hero .hero-copy h1{font-size:clamp(2.35rem,11.2vw,3rem)!important}
  .story-hero .hero-definition{padding-left:1rem}
  .story-hero .hero-actions{width:100%}
  .audience-modal{padding:.75rem;overflow:hidden}
  .audience-modal-card{box-sizing:border-box;width:calc(100vw - 1.5rem)!important;max-width:calc(100vw - 1.5rem)!important;padding:7.2rem 1rem 1rem!important}
  .audience-modal-card h2{max-width:100%;font-size:clamp(1.55rem,7.8vw,2rem);line-height:1.08;overflow-wrap:normal;word-break:normal}
  .audience-modal-card>p:not(.eyebrow){max-width:100%;font-size:.9rem}
  .audience-modal-options{grid-template-columns:1fr;gap:.58rem}
  .audience-modal-options button{min-height:58px;padding:.75rem}
  .site-header>.brand{background-image:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg")}
  .site-nav{background:#041722!important;border-bottom:1px solid rgba(255,138,0,.28)!important;box-shadow:0 24px 48px rgba(0,0,0,.38)}
  .site-nav>a:not(.button){color:#f7f8fa!important}
  .site-nav .audience-viewer-nav{background:#0A2A3A;border-color:rgba(255,138,0,.42)}
  .hero-chat-visual .adial-chat-demo{grid-template-columns:1fr;border-radius:16px}
  .hero-chat-visual .chat-channel-header{height:58px}
  .brand-layer-story:after{background-size:90%;opacity:.02}
  .live-layer{padding:1.2rem .85rem;border-radius:20px}
  .layer-people{gap:.4rem}
  .layer-people span{min-height:62px;padding:.35rem;font-size:.56rem}
  .layer-platform{min-height:96px;margin:0 .35rem}
  .layer-platform img{width:94%}
  .layer-flows-top{height:42px}.layer-flows-bottom{height:44px}
  .layer-systems{grid-template-columns:repeat(2,1fr);gap:.4rem}
  .layer-systems span:nth-child(n){grid-column:auto}
  .layer-systems span{min-height:54px;padding:.4rem;font-size:.53rem}
  .layer-systems img{max-width:88px;max-height:27px}
  .layer-systems .system-m365 img{width:20px}.layer-systems .system-google img{width:24px}.layer-systems .system-crm img{width:36px}
  .layer-systems span:last-child{grid-column:1/-1}
  .trace-list:before{display:none}
  .trace-step:not(:last-child):before{content:"";position:absolute;z-index:0;left:19px;top:40px;bottom:0;width:2px;background:linear-gradient(var(--adial-orange),#f1c2a6)}
  .dial-core-logo{width:100px}
  .security-pricing-grid{grid-template-columns:1fr}
  .security-pricing-grid .price-card{min-height:0}
  .security-upgrade{align-items:flex-start;flex-direction:column}
}

@media(prefers-reduced-motion:reduce){
  .live-layer:before,.layer-platform,.layer-orbit,.layer-flows i:after,.home-dial-visual .dial-option.active{animation:none!important}
}

/* v61: lock the website to Stefano's supplied brand board and visual references. */
.site-header .brand-mark{
  width:184px!important;height:43px!important;flex:0 0 184px!important;
  background:url("assets/adial-branding-kit-and-logos/advicedial_primary.png") left center/contain no-repeat!important;
  filter:none!important
}
.footer-brand .brand-mark{
  width:230px!important;height:58px!important;flex:0 0 230px!important;
  background:url("assets/adial-branding-kit-and-logos/advicedial_primary.png") left center/contain no-repeat!important;
  filter:none!important
}
.site-header>.brand,.footer-brand .brand{background-image:none!important}
.audience-modal-logo{content:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg")!important}
.prompt-card footer img{content:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg")!important}

/* Adviser chat workspace: geometry, orange edge, official Adial assets and live status. */
.hero-chat-visual .adial-chat-demo{
  grid-template-columns:235px minmax(0,1fr)!important;max-width:960px!important;
  border:2px solid var(--adial-orange)!important;border-radius:24px!important;
  box-shadow:0 34px 86px rgba(0,0,0,.42),0 0 34px rgba(255,138,0,.18)!important
}
.hero-chat-visual .chat-workspace-name{
  min-height:112px!important;padding:1.25rem 1.15rem!important;
  background:linear-gradient(180deg,#102c3b,#071d29)!important
}
.hero-chat-visual .chat-workspace-name:after{
  content:"ADVISER LAYER";display:block;margin-top:.38rem;color:var(--adial-orange);
  font:700 .54rem/1 var(--display);letter-spacing:.21em
}
.hero-chat-visual .chat-workspace-name>img{
  content:url("assets/adial-branding-kit-and-logos/adial_primary.png")!important;
  width:158px!important;max-height:54px!important
}
.hero-chat-visual .chat-sidebar nav:before{
  content:"⌂  Home\A◉  Threads\A＠  Mentions\A▣  Drafts\A•••  More";
  display:block;white-space:pre;margin:0 0 1.1rem;padding:0 1rem 1rem;
  border-bottom:1px solid rgba(255,255,255,.1);color:#d6e0e5;
  font:500 .72rem/2.05 var(--body)
}
.hero-chat-visual .chat-sidebar nav a{border-radius:8px!important;margin:0 .55rem!important;padding-left:.75rem!important}
.hero-chat-visual .chat-channel-header{border-top:2px solid var(--adial-orange);height:72px!important}
.hero-chat-visual .chat-channel-header>em img,
.hero-chat-visual .chat-logo-avatar img{
  content:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg")!important
}
.hero-chat-visual .chat-avatar.chat-logo-avatar{background:#fff!important;padding:2px!important;border:1px solid rgba(255,138,0,.34)!important}
.hero-chat-visual .chat-workspace{border-radius:15px!important}
.hero-chat-visual .chat-result{border-radius:14px!important}
.hero-chat-visual .chat-composer>div{border-radius:13px!important}

/* Six-stage adviser dial: illuminated concentric system matching the supplied design. */
.home-dial-visual .adial-demo{
  border:1px solid rgba(255,138,0,.82)!important;border-radius:25px!important;
  background:radial-gradient(circle at 50% 43%,rgba(255,138,0,.28),transparent 39%),linear-gradient(145deg,#071923,#0A2A3A)!important
}
.home-dial-visual .adial-dial:before{
  inset:51px 66px!important;border:2px solid rgba(255,138,0,.62)!important;
  background:radial-gradient(circle,transparent 0 48%,rgba(255,138,0,.08) 49% 61%,transparent 62%),radial-gradient(circle,rgba(255,138,0,.13),transparent 64%)!important;
  box-shadow:inset 0 0 64px rgba(255,138,0,.24),0 0 55px rgba(255,138,0,.28)!important
}
.home-dial-visual .dial-rings{inset:26px 48px!important}
.home-dial-visual .dial-rings:before,.home-dial-visual .dial-rings:after{
  content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,138,0,.28)
}
.home-dial-visual .dial-rings:before{inset:34px}.home-dial-visual .dial-rings:after{inset:62px}
.home-dial-visual .dial-rings i{border-color:rgba(255,138,0,.34)!important;box-shadow:0 0 22px rgba(255,138,0,.08)}
.home-dial-visual .dial-core{
  width:236px!important;height:236px!important;border:2px solid var(--adial-orange)!important;
  background:radial-gradient(circle at 50% 42%,rgba(255,138,0,.29),rgba(10,42,58,.95) 55%,#041722 78%)!important;
  box-shadow:inset 0 0 65px rgba(255,138,0,.2),0 0 0 11px rgba(255,138,0,.055),0 0 72px rgba(255,138,0,.44)!important
}
.home-dial-visual .dial-core:before{inset:-24px!important;border-color:rgba(255,138,0,.48)!important}
.home-dial-visual .dial-core:after{inset:-48px!important;border-color:rgba(255,138,0,.2)!important}
.home-dial-visual .dial-core-logo{content:url("assets/adial-branding-kit-and-logos/adial_primary.png")!important;width:154px!important}
.home-dial-visual .dial-option{
  width:146px!important;min-height:74px!important;padding:.68rem .65rem .62rem 3.55rem!important;
  border:1px solid rgba(255,138,0,.72)!important;border-radius:16px!important;text-align:left!important;
  background:linear-gradient(145deg,rgba(48,27,15,.98),rgba(16,18,20,.98))!important;
  box-shadow:0 12px 30px rgba(0,0,0,.35),inset 0 0 22px rgba(255,138,0,.09)!important
}
.home-dial-visual .dial-option:after{
  position:absolute;left:.78rem;top:50%;width:34px;height:34px;transform:translateY(-50%);
  display:grid;place-items:center;color:#fff;border:1px solid rgba(255,138,0,.6);border-radius:9px;
  font:700 1.12rem/1 sans-serif;text-shadow:0 0 12px rgba(255,138,0,.8)
}
.home-dial-visual .dial-option:nth-of-type(1):after{content:"▣"}
.home-dial-visual .dial-option:nth-of-type(2):after{content:"▤"}
.home-dial-visual .dial-option:nth-of-type(3):after{content:"◎"}
.home-dial-visual .dial-option:nth-of-type(4):after{content:"▱"}
.home-dial-visual .dial-option:nth-of-type(5):after{content:"☷"}
.home-dial-visual .dial-option:nth-of-type(6):after{content:"♙"}
.home-dial-visual .dial-option span{font-size:.54rem!important;color:var(--adial-orange)!important}
.home-dial-visual .dial-option b{font-size:.68rem!important;color:#fff!important}
.home-dial-visual .dial-option.active{border-color:#ffb15a!important;box-shadow:0 0 0 1px rgba(255,138,0,.36),0 0 38px rgba(255,138,0,.45),inset 0 0 28px rgba(255,138,0,.16)!important}

@media(max-width:760px){
  .site-header .brand-mark{width:50px!important;height:46px!important;flex-basis:50px!important;background-image:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg")!important;background-position:center!important}
  .footer-brand .brand-mark{width:210px!important;height:53px!important;flex-basis:210px!important}
  .hero-chat-visual .adial-chat-demo{grid-template-columns:1fr!important}
  .hero-chat-visual .chat-sidebar{display:none!important}
  .hero-chat-visual .chat-channel-header{height:62px!important}
  .home-dial-visual .adial-dial{display:block!important;width:100%!important;height:500px!important;padding:0!important}
  .home-dial-visual .adial-dial:before,.home-dial-visual .dial-rings,.home-dial-visual .dial-core,.home-dial-visual .dial-pointer{display:block!important}
  .home-dial-visual .adial-dial:before{inset:82px 50px!important}
  .home-dial-visual .dial-rings{inset:56px 34px!important}
  .home-dial-visual .dial-core{width:142px!important;height:142px!important}
  .home-dial-visual .dial-core-logo{width:90px!important}
  .home-dial-visual .dial-option,.home-dial-visual .dial-option[data-angle]{position:absolute!important;width:112px!important;min-height:68px!important;padding:.48rem .35rem .44rem 2.62rem!important;overflow:visible!important}
  .home-dial-visual .dial-option:after{left:.5rem;width:27px;height:27px;font-size:.85rem}
  .home-dial-visual .dial-option[data-angle="-90"]{left:calc(50% - 56px)!important;top:4px!important}
  .home-dial-visual .dial-option[data-angle="-30"]{right:0!important;top:96px!important}
  .home-dial-visual .dial-option[data-angle="30"]{right:0!important;bottom:96px!important}
  .home-dial-visual .dial-option[data-angle="90"]{left:calc(50% - 56px)!important;bottom:4px!important}
  .home-dial-visual .dial-option[data-angle="150"]{left:0!important;bottom:96px!important}
  .home-dial-visual .dial-option[data-angle="210"]{left:0!important;top:96px!important}
  .home-dial-visual .dial-option b{display:block!important;font-size:.53rem!important;line-height:1.18!important;overflow-wrap:normal!important;word-break:normal!important}
}