.three-tier-demo-section{background:linear-gradient(180deg,#0b0d18,#05060b);color:#f1f5f9;border-top:1px solid rgba(99,102,241,.18);border-bottom:1px solid rgba(99,102,241,.18);padding-top:6rem;padding-bottom:6rem;position:relative;overflow:hidden}.three-tier-demo-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(99,102,241,.18),transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(16,185,129,.12),transparent 55%),radial-gradient(ellipse at 60% 30%,rgba(245,158,11,.08),transparent 60%);pointer-events:none;z-index:0}.three-tier-demo-section>*{position:relative;z-index:1}@media(min-width:1024px){.three-tier-demo-section{padding-top:8rem;padding-bottom:8rem}}.three-tier-demo-container{width:100%;max-width:1120px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media(min-width:1024px){.three-tier-demo-container{padding-left:2rem;padding-right:2rem}}.three-tier-demo-head{max-width:720px;margin:0 auto 3rem;text-align:center;display:flex;flex-direction:column;gap:.875rem}.three-tier-demo-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#a78bfa;margin:0 auto}.three-tier-demo-eyebrow-dot{width:.4rem;height:.4rem;border-radius:9999px;background:#a78bfa;box-shadow:0 0 0 4px #a78bfa33}.three-tier-demo-h2{font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:#f1f5f9;margin:0}@media(min-width:768px){.three-tier-demo-h2{font-size:2.75rem}}.three-tier-demo-h2-grad{background:linear-gradient(135deg,#a78bfa,#6366f1 60%,#34d399);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.three-tier-demo-body{font-size:1.0625rem;line-height:1.7;color:#f1f5f9b3;margin:0}.three-tier-demo-input-card{max-width:880px;margin:0 auto 3rem;padding:1.75rem;background:#0f172a8c;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;box-shadow:0 30px 60px -30px #6366f159}.three-tier-demo-textarea{width:100%;background:#080a12d9!important;color:#f1f5f9!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:.75rem!important;padding:.875rem 1rem!important;font-size:.9375rem!important;font-family:inherit!important;resize:vertical;min-height:4.5rem;transition:border-color .15s ease,box-shadow .15s ease}.three-tier-demo-textarea:focus{outline:none;border-color:#a78bfa99!important;box-shadow:0 0 0 3px #a78bfa2e!important}.three-tier-demo-textarea::placeholder{color:#f1f5f966}.three-tier-demo-suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.three-tier-demo-suggestions-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#f1f5f973;margin-right:.25rem}.three-tier-demo-suggestion-chip{display:inline-flex;align-items:center;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;color:#f1f5f9c7;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:9999px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;font-family:inherit}.three-tier-demo-suggestion-chip:hover:not(:disabled){background:#a78bfa1f;border-color:#a78bfa59;color:#f1f5f9}.three-tier-demo-suggestion-chip:disabled{opacity:.5;cursor:not-allowed}.three-tier-demo-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.three-tier-demo-force-group{display:inline-flex;gap:.25rem;padding:.25rem;background:#080a12b3;border:1px solid rgba(255,255,255,.08);border-radius:9999px}.three-tier-demo-force-btn{padding:.4rem .875rem;font-size:.8125rem;font-weight:600;color:#f1f5f99e;background:transparent;border:none;border-radius:9999px;cursor:pointer;transition:color .15s ease,background .15s ease;font-family:inherit}.three-tier-demo-force-btn:hover:not(:disabled){color:#f1f5f9}.three-tier-demo-force-btn-active{background:linear-gradient(135deg,#6366f1,#a78bfa);color:#fff!important;box-shadow:0 6px 18px -6px #6366f1b3}.three-tier-demo-force-btn:disabled{opacity:.5;cursor:not-allowed}.three-tier-demo-run-btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.4rem;font-size:.95rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#6366f1,#a78bfa);border:none;border-radius:9999px;cursor:pointer;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease;font-family:inherit;box-shadow:0 12px 28px -12px #6366f1cc}.three-tier-demo-run-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.three-tier-demo-run-btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(15%)}.three-tier-demo-error{padding:.75rem 1rem;font-size:.875rem;color:#fecaca;background:#dc26261f;border:1px solid rgba(220,38,38,.3);border-radius:.5rem;margin-top:.5rem}.three-tier-demo-lanes{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.25rem;max-width:1120px;margin:0 auto;list-style:none;padding-left:0}@media(min-width:768px){.three-tier-demo-lanes{grid-template-columns:repeat(3,minmax(0,1fr))}}.three-tier-lane{list-style:none;margin:0;position:relative;padding:1.5rem;background:#0f172a8c;border:1px solid rgba(255,255,255,.08);border-radius:1rem;display:flex;flex-direction:column;gap:1rem;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease,background .3s ease;overflow:hidden}.three-tier-lane:before{content:"";position:absolute;inset:0;background:var(--lane-tint);opacity:0;transition:opacity .3s ease;pointer-events:none}.three-tier-lane-active{border-color:var(--lane-accent);box-shadow:0 20px 40px -20px var(--lane-accent),0 0 0 1px var(--lane-accent);transform:translateY(-4px)}.three-tier-lane-active:before{opacity:1}.three-tier-lane-unavailable{opacity:.5;filter:grayscale(40%)}.three-tier-lane-header{display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.three-tier-lane-dot{width:.75rem;height:.75rem;border-radius:9999px;background:var(--lane-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--lane-accent) 25%,transparent);flex-shrink:0}.three-tier-lane-titles{display:flex;flex-direction:column;gap:.125rem;min-width:0}.three-tier-lane-label{font-size:1.0625rem;font-weight:700;color:#f1f5f9;letter-spacing:-.01em}.three-tier-lane-sublabel{font-size:.75rem;font-weight:500;color:#f1f5f98c;text-transform:uppercase;letter-spacing:.1em}.three-tier-lane-track{position:relative;height:.375rem;background:#ffffff0d;border-radius:9999px;overflow:hidden;z-index:1}.three-tier-lane-pulse{position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(90deg,transparent,var(--lane-accent),transparent);border-radius:9999px;opacity:0;transition:opacity .15s ease}.three-tier-lane-pulse-active{opacity:1;animation:three-tier-pulse 1.1s cubic-bezier(.4,0,.2,1) infinite}@keyframes three-tier-pulse{0%{transform:translate(0)}to{transform:translate(430%)}}.three-tier-lane-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;position:relative;z-index:1}.three-tier-lane-metric{display:flex;flex-direction:column;gap:.125rem;padding:.625rem .75rem;background:#080a1280;border:1px solid rgba(255,255,255,.06);border-radius:.5rem}.three-tier-lane-metric-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#f1f5f980}.three-tier-lane-metric-value{font-size:1rem;font-weight:700;color:var(--lane-accent);font-variant-numeric:tabular-nums}.three-tier-lane-output{position:relative;z-index:1;padding:.875rem 1rem;background:#080a128c;border:1px solid rgba(255,255,255,.06);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem}.three-tier-lane-output-reason{font-size:.75rem;font-style:italic;color:#f1f5f999;margin:0}.three-tier-lane-output-text{font-size:.875rem;line-height:1.55;color:#f1f5f9eb;margin:0}.three-tier-lane-unavailable-note{position:relative;z-index:1;font-size:.8125rem;color:#f1f5f98c;padding:.625rem .75rem;background:#080a1266;border-radius:.5rem;border:1px dashed rgba(255,255,255,.1)}.three-tier-demo-tally{max-width:880px;margin:3rem auto 0;padding:1.25rem 1.5rem;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:9999px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;text-align:center}.three-tier-demo-tally-label{font-size:.9375rem;color:#f1f5f9c7}.three-tier-demo-tally-value{font-size:1.125rem;font-weight:800;color:#34d399;font-variant-numeric:tabular-nums}.three-tier-demo-tally-empty{font-size:.9375rem;color:#f1f5f999;font-style:italic}