/* Advicedial v47  -  lighter visual system and complete logo/icon family. */
:root{
  --brand-orange:#e96624;
  --brand-orange-deep:#bd4f19;
  --brand-orange-soft:#fff0e6;
  --brand-ink:#20272d;
  --brand-copy:#56616a;
  --brand-paper:#fbfaf8;
  --brand-mist:#f2f1ee;
  --brand-line:#ddd9d2;
  --blue:var(--brand-orange);
  --cyan:var(--brand-orange);
  --teal:#f09155;
  --ink:var(--brand-ink);
  --mid:var(--brand-copy);
  --pale:var(--brand-mist);
  --line:var(--brand-line);
}

body{background:var(--brand-paper);color:var(--brand-ink)}
.site-header,.site-header.scrolled{height:72px;background:rgba(251,250,248,.94);color:var(--brand-ink);border-bottom:1px solid rgba(32,39,45,.1);box-shadow:0 8px 28px rgba(32,39,45,.05);backdrop-filter:blur(18px)}
.site-header .brand-mark{width:188px;height:38px;flex-basis:188px;background-image:url("assets/adial-branding-kit-and-logos/advicedial_primary.png");background-position:left center;background-size:contain;background-repeat:no-repeat;filter:none}
.site-header .site-nav>a:not(.button){color:#424b52}.site-header .site-nav>a:not(.button):hover{color:var(--brand-orange-deep)}
.site-header .button-outline{border-color:#bfc3c5;color:var(--brand-ink)}
.site-header .button-outline:hover{border-color:var(--brand-orange);color:var(--brand-orange-deep)}
.nav-toggle span{background:var(--brand-ink)}

.story-hero,.hero{min-height:820px;background:radial-gradient(circle at 88% 18%,rgba(233,102,36,.14),transparent 35%),radial-gradient(circle at 68% 78%,rgba(232,200,174,.2),transparent 32%),linear-gradient(135deg,#fbfaf8,#f4f1ec 64%,#eee9e2);color:var(--brand-ink)}
.story-hero:after{background:conic-gradient(from 210deg at 45% 55%,rgba(233,102,36,.04),rgba(233,102,36,.11),rgba(255,255,255,.4),transparent 68%)}
.hero .eyebrow,.story-hero .eyebrow{color:var(--brand-orange-deep)}
.hero h1,.story-hero h1{color:var(--brand-ink)}
.hero-lead,.hero-definition{color:var(--brand-copy)}
.hero-definition strong{color:#343c42}
.hero .button-ghost{border-color:#c6c2bc;color:var(--brand-ink);background:rgba(255,255,255,.5)}
.hero .trust-strip{border-color:#d8d3cc;color:#656e75}
.hero-orbit{border-color:rgba(233,102,36,.1)}
.home-ribbon-logo{content:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg");width:min(24vw,360px);right:7vw;top:9vh;opacity:.045;animation:none}

.home-agent-intro,.proof-without-data,.workflow-story,.skills-section,.pricing-preview,.problem-section,.assurance-section,.founders-section,.process-band,.solution-catalogue,.capability-band,.conference-value{background:var(--brand-paper);color:var(--brand-ink)}
.home-agent-intro{background:linear-gradient(180deg,#fff,#f5f2ed)}
.home-agent-intro .eyebrow,.home-agent-intro h2{color:var(--brand-ink)}
.home-agent-intro .home-agent-copy>p{color:var(--brand-copy)}
.capability-proof,.problem-card,.audience-card,.pricing-card,.feature-card,.process-grid article,.integration-card,.impact-card,.role-solution,.service-grid article,.workflow-story-grid article,.onboarding-form,.success-panel,.legal-page,.conference-service-grid article{background:#fff;border-color:var(--brand-line);color:var(--brand-ink);box-shadow:0 14px 38px rgba(32,39,45,.06)}
.capability-proof p,.problem-card p,.audience-card p,.pricing-card p,.feature-card p,.process-grid p,.integration-card p,.impact-card p,.role-solution p,.service-grid p{color:var(--brand-copy)}
.dark-card,.pricing-card.featured,.pricing-cards-five .practice-os{background:linear-gradient(145deg,#242b30,#30373c);border-color:#3d454b;color:#fff}
.dark-card p,.pricing-card.featured p,.pricing-cards-five .practice-os p{color:#d5d9dc}
.security-section,.founder-band{background:radial-gradient(circle at 85% 20%,rgba(233,102,36,.13),transparent 34%),#20272d;color:#fff}
.contact-section{background:#f0ede8;color:var(--brand-ink)}
.contact-section .eyebrow,.contact-copy h2{color:var(--brand-ink)}
.contact-copy>p,.contact-points{color:var(--brand-copy)}
.contact-form{border:1px solid var(--brand-line);border-radius:16px;box-shadow:0 22px 60px rgba(32,39,45,.1)}
.button-primary{background:var(--brand-orange);color:#fff;box-shadow:0 10px 25px rgba(189,79,25,.18)}
.button-primary:hover{background:#f17a38;color:#fff}

.page-hero,.solutions-hero,.conference-hero{background:radial-gradient(circle at 84% 20%,rgba(233,102,36,.13),transparent 36%),linear-gradient(135deg,#fbfaf8,#f0ece5);color:var(--brand-ink);border-bottom:1px solid var(--brand-line)}
.page-hero .eyebrow,.page-hero .page-kicker,.solutions-hero .eyebrow{color:var(--brand-orange-deep)}
.page-hero p,.solutions-hero p{color:var(--brand-copy)}

footer{background:#20272d;border-top-color:#384149;color:#fff}
footer .brand-mark{width:188px;height:38px;flex-basis:188px;background-image:url("assets/adial-branding-kit-and-logos/advicedial_primary.png");background-position:left center;background-size:contain;background-repeat:no-repeat}
footer .footer-brand p,footer .footer-links{color:#c8cdd0}footer .legal{color:#9da5aa;border-color:#41494e}

/* The product uses the short Adial wordmark inside its own workspaces and the A mark as the assistant identity. */
.chat-workspace-name>img{content:url("assets/adial-branding-kit-and-logos/adial_primary.png");width:108px;max-height:36px;object-fit:contain}
.chat-channel-header>em img{content:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg")}
.chat-logo-avatar img{content:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg")}
.audience-modal-logo{content:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg")}
.dial-core strong{font-size:0;background:url("assets/adial-branding-kit-and-logos/adial_primary.png") center/contain no-repeat;width:96px;height:34px;display:block;margin:auto}

/* Prompt-to-proof execution trace. */
.prompt-trace{background:#fff;border-top:1px solid var(--brand-line);border-bottom:1px solid var(--brand-line)}
.prompt-trace-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(2rem,6vw,6rem);align-items:start;max-width:1180px;margin:auto}
.prompt-card{position:sticky;top:112px;padding:1.7rem;border:1px solid #e6d2c4;border-radius:18px;background:linear-gradient(145deg,#fffaf6,#fff);box-shadow:0 18px 45px rgba(97,54,30,.08)}
.prompt-card>span,.trace-list>span{font-size:.68rem;font-weight:800;letter-spacing:.14em;color:var(--brand-orange-deep)}
.prompt-card blockquote{margin:1rem 0 1.25rem;font:700 clamp(1.35rem,2vw,1.8rem)/1.35 var(--display);letter-spacing:-.025em;color:var(--brand-ink)}
.prompt-card footer{display:flex;align-items:center;gap:.65rem;padding:0;border:0;background:transparent;color:var(--brand-copy);font-size:.75rem}
.prompt-card footer img{width:26px;height:26px;padding:4px;border-radius:7px;background:var(--brand-orange)}
.trace-list{position:relative;padding-left:2.5rem}
.trace-list:before{content:"";position:absolute;left:.7rem;top:3.5rem;bottom:2rem;width:2px;background:linear-gradient(var(--brand-orange),#f1c2a6)}
.trace-list h2{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.045em;margin:.8rem 0 2rem}
.trace-step{position:relative;display:grid;grid-template-columns:40px 1fr;gap:1rem;padding:0 0 1.6rem}
.trace-step>i{position:relative;z-index:1;display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:var(--brand-ink);color:#fff;font:800 .72rem var(--display);font-style:normal;box-shadow:0 0 0 7px #fff}
.trace-step.complete>i{background:var(--brand-orange)}
.trace-step>div{padding:1rem 1.15rem;border:1px solid var(--brand-line);border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(32,39,45,.05)}
.trace-step h3{margin:0 0 .3rem;font-size:1rem}.trace-step p{margin:0;color:var(--brand-copy);font-size:.88rem}.trace-step small{display:block;margin-top:.55rem;color:#838b90;font-size:.68rem;letter-spacing:.05em}

/* Presentation and digital-card surfaces inherit the same lighter system. */
.story-header{background:rgba(251,250,248,.94)!important;border-color:var(--brand-line)!important;color:var(--brand-ink)!important}
.story-brand{color:var(--brand-ink)!important}.role-chip{border-color:#d0cbc4!important;background:#fff!important;color:var(--brand-ink)!important}.role-chip span{color:#737c82!important}
.story-mark img,.close-logo,.role-dialog-logo{content:url("assets/adial-branding-kit-and-logos/advicedial_primary.png")}
.story-nav button{color:var(--brand-copy)!important}.story-nav button.active{color:var(--brand-orange-deep)!important}
.story,.story-scene,.scene-opening,.scene-drag,.scene-layer,.scene-shift,.scene-workflow,.scene-close{background:radial-gradient(circle at 82% 18%,rgba(233,102,36,.09),transparent 34%),linear-gradient(135deg,#fbfaf8,#f0ede8)!important;color:var(--brand-ink)!important}
.story-scene p,.story-scene li,.opening-copy>p:not(.story-kicker),.scene-copy>p:not(.story-kicker),.layer-copy>p,.workflow-heading>p,.shift-copy>p:not(.story-kicker),.close-content>p:not(.story-kicker){color:var(--brand-copy)}
.story-kicker,.slide .eyebrow,.slide .slide-kicker{color:var(--brand-orange-deep)!important}
.story-scene h1,.story-scene h2{color:var(--brand-ink)}
.role-cards button{background:#fff;color:var(--brand-ink);border-color:var(--brand-line);box-shadow:0 14px 36px rgba(32,39,45,.08)}
.role-cards button small{color:var(--brand-copy)}
.scroll-cue{color:var(--brand-ink)}.scroll-cue i{border-color:#b8b4ad}
.opening-orbit:before,.scene-layer:before,.scene-close:before{background:conic-gradient(from 215deg,rgba(233,102,36,.05),rgba(233,102,36,.11),rgba(255,255,255,.25),transparent 68%)}
.orbit-core,.flow-core{border-color:rgba(233,102,36,.45);background:radial-gradient(circle,rgba(233,102,36,.12),rgba(233,102,36,.04) 58%,transparent 61%);box-shadow:0 0 70px rgba(233,102,36,.12)}
.orbit-ring{border-color:rgba(233,102,36,.22)}.orbit-node{background:#fff7f1;color:var(--brand-orange-deep);border-color:#edc6af}
.story-rail:before{background:#c9c5be}.story-rail i{background:#fff;border-color:#9ca3a7}.story-rail button{color:#677179}.story-rail button.active{color:var(--brand-ink)}
.flow-board,.chat-composer,.command-runner{background:#fff;border-color:var(--brand-line);color:var(--brand-ink);box-shadow:0 20px 50px rgba(32,39,45,.11)}
.flow-input,.runner-command{background:#fff;border-color:#e7c4ae}.flow-input strong,.runner-command strong{color:var(--brand-ink)}
.flow-results article,.command-list button{background:#fff;border-color:var(--brand-line);color:var(--brand-ink)}
.capacity-bar{background:#dedbd6}.capacity-admin{background:#a6adb1}.capacity-value{background:var(--brand-orange);color:#fff}
.close-primary{background:var(--brand-orange);color:#fff}.close-secondary{border-color:#bdb8b1;color:var(--brand-ink);background:#fff}.close-proof{color:#737c82}
.runner-top{border-color:var(--brand-line);color:#657078}.runner-steps li{border-color:#ebe8e3;color:#4d575f}.runner-steps li.done{color:var(--brand-ink)}.runner-steps li small{color:#7b848a}.runner-result{background:#fff5ee;color:var(--brand-ink);border-color:#e6b797}

@media(max-width:760px){
  .site-header,.site-header.scrolled{height:66px}.site-header .brand-mark,footer .brand-mark{width:154px;height:31px;flex-basis:154px}
  .site-nav{top:66px;background:#fff;border-bottom:1px solid var(--brand-line);box-shadow:0 18px 35px rgba(32,39,45,.12)}
  .story-hero,.hero{min-height:1110px}.home-ribbon-logo{top:8vh;width:48vw;right:8vw}
  .prompt-trace-grid{grid-template-columns:1fr}.prompt-card{position:static}.trace-list{padding-left:0}.trace-list:before{left:19px}.trace-step{grid-template-columns:40px 1fr}
}

/* v50  -  compact mobile identity and orange audience controls. */
.workflow-role-switch button,
.workflow-role-switch button:hover,
.workflow-role-switch button:focus-visible{
  border-color:var(--brand-orange);
  background:var(--brand-orange);
  color:#fff;
  font-weight:700;
}
.workflow-role-switch button.active,
.workflow-role-switch button.active:hover,
.workflow-role-switch button.active:focus-visible{
  border-color:var(--brand-orange-deep);
  background:var(--brand-orange-deep);
  color:#fff;
  box-shadow:0 7px 18px rgba(189,79,25,.24);
}
@media(max-width:760px){
  .site-header .brand-mark{
    width:54px;
    height:39px;
    flex-basis:54px;
    background-image:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg");
    background-position:left center;
    background-size:54px auto;
  }
}

/* v48  -  lively Slack-familiar workspace */
.hero-chat-visual .adial-chat-demo{
  border-color:#c9c2ba;
  border-radius:18px;
  box-shadow:0 34px 82px rgba(32,39,45,.22),0 10px 26px rgba(233,102,36,.08);
}
.hero-chat-visual .chat-sidebar{
  background:radial-gradient(circle at 15% 8%,rgba(233,102,36,.16),transparent 31%),linear-gradient(180deg,#312e31,#262326);
  border-right-color:rgba(255,255,255,.14);
}
.hero-chat-visual .chat-sidebar:after{
  content:"";position:absolute;left:0;right:0;top:58px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
}
.hero-chat-visual .chat-workspace-name{background:rgba(255,255,255,.025)}
.hero-chat-visual .chat-sidebar nav a{transition:background .2s,transform .2s,color .2s}
.hero-chat-visual .chat-sidebar nav a:hover{transform:translateX(3px);background:rgba(255,255,255,.08)}
.hero-chat-visual .chat-sidebar nav a.active{
  position:relative;overflow:hidden;background:linear-gradient(90deg,#8b452b,#6e3527);
  box-shadow:inset 3px 0 #ff7a1a,0 8px 22px rgba(0,0,0,.16);
}
.hero-chat-visual .chat-sidebar nav a.active:after{
  content:"";position:absolute;inset:0;transform:translateX(-115%);
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);
  animation:chat-sheen 5s ease-in-out infinite;
}
.hero-chat-visual .chat-sidebar nav a em{
  width:auto;min-width:18px;padding:0 .35rem;color:#2b272a;background:#ffb17d;
  font-size:.36rem;letter-spacing:.08em;
}
.hero-chat-visual .chat-main{
  position:relative;
  background:radial-gradient(circle at 90% 12%,rgba(255,126,48,.07),transparent 28%),linear-gradient(180deg,#fff,#fbfaf8);
}
.hero-chat-visual .chat-main:before{
  content:"";position:absolute;left:0;right:0;top:58px;height:3px;z-index:2;
  background:linear-gradient(90deg,#ff7a1a,#ffb070 48%,transparent 86%);opacity:.8;
}
.hero-chat-visual .chat-channel-header{background:rgba(255,255,255,.88);backdrop-filter:blur(12px)}
.hero-chat-visual .chat-channel-header>em{
  padding:.28rem .48rem .28rem .35rem;border:1px solid #e8e1da;border-radius:999px;
  background:#fff;box-shadow:0 5px 14px rgba(32,39,45,.07);
}
.hero-chat-visual .chat-channel-header>em img{width:25px;height:25px}
.hero-chat-visual .chat-avatar.chat-logo-avatar{
  padding:0;background:transparent!important;border-radius:9px;overflow:visible;
  box-shadow:0 5px 13px rgba(32,39,45,.13);
}
.hero-chat-visual .chat-logo-avatar img{width:100%;height:100%;display:block;object-fit:contain}
.hero-chat-visual .chat-bubble>div{
  padding:.62rem .72rem;border:1px solid #ece7e1;border-radius:0 11px 11px 11px;
  background:rgba(255,255,255,.78);box-shadow:0 7px 20px rgba(32,39,45,.055);
}
.hero-chat-visual .chat-user>div{background:#f3f6f7;border-color:#e3e9eb}
.hero-chat-visual .chat-adial>div{border-color:#f0d6c5;background:linear-gradient(135deg,#fff9f5,#fff)}
.hero-chat-visual .chat-workspace{
  overflow:hidden;border-color:#ded7d0;border-radius:12px;
  box-shadow:0 14px 35px rgba(32,39,45,.09),inset 0 1px #fff;
}
.hero-chat-visual .chat-workspace-heading{background:linear-gradient(90deg,#fff7f1,#fff)}
.hero-chat-visual .live-pill{
  display:inline-flex;align-items:center;gap:.24rem;margin-left:.15rem;padding:.18rem .34rem;
  border-radius:99px;color:#157253;background:#e5f7ef;font:800 .34rem var(--display);letter-spacing:.09em;
}
.hero-chat-visual .live-pill i{width:5px;height:5px;border-radius:50%;background:#21b77a;box-shadow:0 0 0 3px rgba(33,183,122,.14);animation:chat-pulse 1.8s infinite}
.hero-chat-visual .chat-workspace li:nth-child(3){background:linear-gradient(90deg,rgba(233,102,36,.06),transparent)}
.hero-chat-visual .chat-progress{height:5px;border-radius:99px;overflow:hidden}
.hero-chat-visual .chat-progress i{
  display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e96624,#ff9b5b,#e96624);
  background-size:200% 100%;animation:progress-live 2.4s linear infinite;
}
.hero-chat-visual .chat-result{
  margin-left:1rem;margin-right:1rem;padding:.7rem;border:1px solid #efd7c8;border-radius:11px;
  background:linear-gradient(100deg,#fff6ef,#fff);box-shadow:0 10px 28px rgba(233,102,36,.07);
}
.hero-chat-visual .chat-result button{background:#20272d;color:#fff;border-color:#20272d;box-shadow:0 6px 15px rgba(32,39,45,.16)}
.hero-chat-visual .chat-result button:hover{background:#e96624;color:#fff;border-color:#e96624;transform:translateY(-1px)}
.hero-chat-visual .chat-composer>div{border-color:#cfc8c1;box-shadow:0 7px 18px rgba(32,39,45,.055)}
.hero-chat-visual .chat-composer p button{background:linear-gradient(135deg,#ff7a1a,#e95d16);box-shadow:0 4px 10px rgba(233,102,36,.22)}
@keyframes chat-sheen{0%,58%{transform:translateX(-115%)}78%,100%{transform:translateX(115%)}}
@keyframes progress-live{to{background-position:-200% 0}}
@media(max-width:760px){
  .hero-chat-visual .chat-main:before{top:52px}
  .hero-chat-visual .chat-result{margin-left:.75rem;margin-right:.75rem}
}
