/* Teneo10 page only */
.t10 section{padding:72px 0}
.t10 .alt{background:var(--light)}
.t10 h2{font-size:2.2rem;margin-top:0}
.t10 .eyebrow{color:var(--purple-2);letter-spacing:.12em;font-weight:700;font-size:.85rem;text-transform:uppercase}
.t10-hero .w{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.t10-hero h1{font-size:3.4rem}
.t10-hero .link{color:var(--purple);margin-left:8px}
.call{background:#fff;border:1px solid color-mix(in srgb,var(--purple) 18%,#fff);box-shadow:0 12px 32px rgba(47,40,110,.1);border-radius:20px;padding:20px;display:grid;gap:12px}
.call .step{display:flex;gap:12px;align-items:center;background:#fff;color:var(--dark);border:1px solid color-mix(in srgb,var(--purple) 12%,#fff);border-radius:14px;padding:12px 14px;opacity:0;animation:callstep 12s infinite}
.call .step svg{flex:none}
.call .step b{color:var(--purple);display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.call .step:nth-child(2){animation-delay:2s}.call .step:nth-child(3){animation-delay:4s}.call .step:nth-child(4){animation-delay:6s}
@keyframes callstep{0%{opacity:0;transform:translateY(8px)}6%,85%{opacity:1;transform:none}95%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.call .step{animation:none;opacity:1}}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}
.compare>div{border-radius:16px;padding:24px;background:#fff;border:1px solid #e5e7eb}
.compare .with{border:2px solid var(--purple-2)}
.compare ul{list-style:none;padding:0;margin:0}
.compare li{padding:8px 0 8px 32px;position:relative;border-bottom:1px solid #eef}
.compare li:before{content:"";position:absolute;left:0;top:11px;width:20px;height:20px;border-radius:50%;background:#e5e7eb}
.compare .with li:before{background:var(--purple-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10l3 3 7-7' stroke='white' stroke-width='2.5' fill='none'/%3E%3C/svg%3E")}
.stat{background:var(--purple);color:#fff;border-radius:16px;padding:24px;display:flex;gap:24px;align-items:center}
.stat strong{font-size:3rem;color:var(--yellow);line-height:1}
.ask{font-weight:700;color:var(--purple);font-size:1.2rem}
.schematic{background:#fff;border-radius:16px;padding:16px;margin:24px 0}
.schematic svg{width:100%;height:auto;display:block}
.schematic .mob{display:none}
.icards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.icard{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}
.icard h3{font-size:1.1rem;margin:12px 0 8px}
.ico{width:48px;height:48px;border-radius:12px;background:var(--light);display:grid;place-items:center}
.spectrum{margin:32px 0}
.spectrum .bar{height:14px;border-radius:999px;background:linear-gradient(90deg,#8b7fe8,var(--purple-2),var(--purple))}
.spectrum .zones{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.spectrum .zones div{background:#fff;border-radius:12px;padding:16px;border-top:4px solid var(--purple-2)}
.spectrum .zones div:first-child{border-color:#8b7fe8}.spectrum .zones div:last-child{border-color:var(--purple)}
.t10 details{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin:12px 0;padding:0 20px}
.t10 summary{cursor:pointer;font-weight:700;color:var(--purple);padding:18px 0;font-size:1.1rem}
.t10 details p{margin:0 0 18px}
.closing{font-size:1.15rem;font-weight:500;margin-top:24px}
.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.proof .card{border-top:4px solid var(--yellow)}
.proof .name{font-weight:700;color:var(--purple);font-size:1.4rem}
.nametiles{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}
.nametiles span{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 22px;font-weight:700;color:var(--purple)}
.nametiles small{display:block;font-weight:400;color:var(--dark)}
.foot{font-size:.9rem;color:#6b7280}
.where{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center}
.tile{background:var(--purple);color:#fff;border-radius:16px;padding:24px}
.tile b{color:var(--yellow)}
.badges span{display:inline-block;border:2px solid var(--purple);border-radius:999px;padding:4px 14px;margin:4px 8px 0 0;font-weight:700;color:var(--purple);font-size:.9rem}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}
.steps li{background:#fff;border-radius:16px;padding:24px;position:relative;counter-increment:s}
.steps li:before{content:counter(s);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--purple);color:#fff;font-weight:700;margin-bottom:12px}
.price{display:flex;gap:32px;align-items:center}
.final .w{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:start}
.final .btn{margin:8px 8px 0 0}
.band{background:#1f2937!important;color:#e5e7eb;padding:28px 0!important}
.band p{margin:6px 0}.band a{color:var(--yellow)}
@media (max-width:900px){
 .t10-hero .w,.compare,.where,.final .w{grid-template-columns:1fr}
 .icards,.steps{grid-template-columns:1fr 1fr}
 .proof,.spectrum .zones{grid-template-columns:1fr}
 .t10-hero h1{font-size:2.4rem}.t10 h2{font-size:1.8rem}
 .schematic .desk{display:none}.schematic .mob{display:block;max-width:360px;margin:0 auto}
 .stat,.price{flex-direction:column;align-items:flex-start}
}
@media (max-width:520px){.icards,.steps{grid-template-columns:1fr}}
.path{display:grid;grid-template-columns:1fr 60px 1fr;gap:16px;align-items:center;margin:24px 0}
.path>div{background:#fff;border-radius:16px;padding:20px}.path h3{margin:4px 0}
.flat{display:grid;grid-template-columns:320px 1fr;gap:32px;align-items:center;background:#fff;border-radius:16px;padding:20px;margin-top:24px}
.flat svg{width:100%;height:auto}
.caps{grid-template-columns:repeat(4,1fr)}
.team{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center;margin:24px 0}
.icards.two{grid-template-columns:1fr 1fr}
.loop{margin:0;text-align:center}.loop svg{width:100%;max-width:320px;height:auto}
.loop figcaption{font-size:.9rem;color:#6b7280}
.loop .spin{transform-origin:150px 150px;animation:spin 8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.loop .spin{animation:none}}
@media (max-width:900px){.path,.flat,.team{grid-template-columns:1fr}.path-arrow{transform:rotate(90deg);width:40px;margin:0 auto}.caps{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.caps,.icards.two{grid-template-columns:1fr}}