/* V80 — A as brand motion icon + homepage capacity calculator + stronger brand rhythm */
@import url("brand-v79.css");

/* Reusable A rhythm across major homepage sections. */
.home-capacity-calculator,.prompt-trace,.home-agent-intro,.proof-without-data,.problem-section{position:relative;overflow:hidden}
.home-capacity-calculator:before,.prompt-trace:before,.proof-without-data:before,.problem-section:before{
  content:"";position:absolute;pointer-events:none;z-index:0;
  width:min(520px,38vw);height:190px;left:-80px;top:28px;
  background:url("assets/adial-branding-kit-and-logos/repeating-a-pattern.svg") center/contain no-repeat;opacity:.045;
}
.home-capacity-calculator:after,.prompt-trace:after,.problem-section:after{
  content:"";position:absolute;pointer-events:none;z-index:0;
  width:min(620px,46vw);height:90px;right:-65px;bottom:16px;
  background:url("assets/adial-branding-kit-and-logos/flow-progress.svg") center/100% 100% no-repeat;opacity:.09;
}
.home-capacity-calculator>* ,.prompt-trace>* ,.proof-without-data>* ,.problem-section>*{position:relative;z-index:1}

/* A becomes the connector/arrow between major blocks. */
.home-capacity-calculator,.prompt-trace,.home-agent-intro{padding-top:clamp(5rem,7vw,8rem)!important}
.home-capacity-calculator > .home-calc-copy:before,.prompt-trace-grid:before,.home-agent-intro:before{
  content:"";position:absolute;top:16px;left:50%;width:34px;height:34px;transform:translateX(-50%) rotate(180deg);
  background:url("assets/adial-branding-kit-and-logos/a_section_connector.svg") center/contain no-repeat;opacity:.65;
}
.prompt-trace-grid{position:relative}.home-agent-intro:before{top:18px}

/* Homepage calculator mirrors the interactive story tool. */
.home-capacity-calculator{display:grid;grid-template-columns:.8fr 1.2fr;gap:4vw;align-items:center;background:#f4f6f7}
.home-calc-copy{max-width:620px}.home-calc-copy h2{font-size:clamp(2.6rem,4.6vw,5.5rem);line-height:.98;letter-spacing:-.045em;margin:.2rem 0 1.25rem}
.home-calc-copy>p{font-size:1.05rem;line-height:1.7;color:#5f6b72}.home-calc-note{margin-top:22px;padding:14px 16px;border-left:3px solid #ff8a00;background:#fff;color:#536068;font-size:.88rem}
.home-calculator{background:#fff;border:1px solid #dde3e6;border-radius:26px;padding:24px;box-shadow:0 30px 70px rgba(17,31,39,.10)}
.home-calc-inputs,.home-calc-results{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-calc-inputs label{background:#f7f8f9;padding:16px;border-radius:15px}.home-calc-inputs label span{display:block;font-size:.78rem;color:#65727b}.home-calc-inputs label b{display:block;font-size:1.08rem;margin:5px 0 12px}.home-calc-inputs input{width:100%;accent-color:#ff8a00}.home-calc-results{margin-top:16px}.home-calc-results article{border:1px solid #e0e5e8;border-radius:15px;padding:18px}.home-calc-results small{font-size:.62rem;letter-spacing:.14em;color:#7b878e}.home-calc-results strong{font-size:2rem;display:block;margin:7px 0}.home-calc-results span{font-size:.72rem;color:#77848b}.home-calc-results .highlight{background:#0A2A3A;color:#fff;border-color:#0A2A3A}.home-calc-results .highlight small,.home-calc-results .highlight span{color:#c6d0d5}.home-calc-results .highlight strong{color:#ff9c31}

/* Smoother brand-icon motion: one A genuinely morphs into a layer. */
.brand-a-motion.brand-pattern-flatten{height:120px!important;width:280px!important;margin-top:1.25rem!important}
.brand-a-motion.brand-pattern-flatten>img{content:url("assets/adial-branding-kit-and-logos/a_morph_layer.svg")!important;width:250px!important;height:120px!important;opacity:1!important;animation:none!important;transform:none!important;filter:none!important}
.brand-a-motion.brand-pattern-flatten>i{display:none!important}

/* Repeating pattern is now an intentional brand texture, not a one-off. */
.brand-layer-story:before{opacity:.095!important}.brand-layer-story:after{opacity:.10!important}

@media(max-width:900px){
 .home-capacity-calculator{grid-template-columns:1fr;gap:26px}.home-calc-copy{max-width:none}.home-calc-inputs,.home-calc-results{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
 .home-calc-inputs,.home-calc-results{grid-template-columns:1fr}.home-capacity-calculator:before,.prompt-trace:before,.proof-without-data:before,.problem-section:before{width:250px;height:100px;left:-60px;opacity:.035}.home-capacity-calculator:after,.prompt-trace:after,.problem-section:after{width:280px;height:55px;right:-55px;opacity:.06}
 .brand-a-motion.brand-pattern-flatten{width:230px!important;height:105px!important}.brand-a-motion.brand-pattern-flatten>img{width:220px!important;height:105px!important}
}

/* V88 — remove misplaced section-connector arrows. */
.home-capacity-calculator > .home-calc-copy:before,
.prompt-trace-grid:before,
.home-agent-intro:before{content:none!important;display:none!important;background:none!important}

/* How-it-works live visual: request -> Adial layer -> result */
.workflow-live-demo{grid-column:1/-1;margin-top:26px;padding:28px;border-radius:24px;background:#082b3b;color:#fff;border:1px solid rgba(255,138,0,.34);box-shadow:0 24px 60px rgba(10,42,58,.14)}
.workflow-live-label{display:flex;align-items:center;gap:9px;font:700 .66rem var(--display);letter-spacing:.13em;color:#ff9a35;margin-bottom:18px}.workflow-live-label span{width:8px;height:8px;border-radius:50%;background:#ff8a00;box-shadow:0 0 14px rgba(255,138,0,.7)}
.workflow-live-chat{display:grid;grid-template-columns:1fr 1.15fr .9fr;gap:14px;align-items:stretch}.workflow-live-user,.workflow-live-adial,.workflow-live-result{border-radius:16px;padding:18px;min-height:132px}.workflow-live-user{background:#fff;color:#18242b}.workflow-live-adial{display:flex;gap:13px;background:#fffaf4;color:#18242b;border:1px solid rgba(255,138,0,.45)}.workflow-live-adial img{width:36px;height:24px;object-fit:contain;margin-top:2px}.workflow-live-result{display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.workflow-live-result i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#2dbb82;font-style:normal;font-weight:800}.workflow-live-chat small{display:block;font-size:.62rem;font-weight:800;letter-spacing:.12em;color:#ff8a00;margin-bottom:8px}.workflow-live-chat p{margin:0;line-height:1.5;font-size:.9rem}.workflow-live-result strong{display:block;font-size:1rem;margin-bottom:5px}.workflow-live-result span{font-size:.72rem;color:#c6d2d8}
@media(max-width:760px){.workflow-live-demo{padding:18px;margin-top:12px}.workflow-live-chat{grid-template-columns:1fr}.workflow-live-user,.workflow-live-adial,.workflow-live-result{min-height:auto}.workflow-live-adial{position:relative}.workflow-live-adial:before,.workflow-live-result:before{content:"↓";position:absolute;left:50%;top:-18px;transform:translateX(-50%);color:#ff8a00;font-weight:800}.workflow-live-result{position:relative}}