/* Business narrative — complements the original TELLO Code visual system. */
.b2b-friction{background:#f4f7f7;color:#202d50}.b2b-heading,.b2b-demo-intro{display:grid;grid-template-columns:1.3fr .55fr;gap:10%;align-items:end;padding:100px 0 72px}.b2b-heading h2,.b2b-demo h2,.b2b-faq h2{font:700 clamp(42px,5.8vw,86px)/.99 var(--display);letter-spacing:-.065em}.b2b-heading h2 em,.b2b-faq h2 em{color:#95aab4;font-style:normal}.b2b-heading>p,.b2b-demo-intro>p{max-width:370px;line-height:1.7;color:#738692;font-size:15px}.b2b-friction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.b2b-friction-grid article{min-height:300px;padding:30px;background:linear-gradient(145deg,#ffffffd9,#e7eef1a8);border:1px solid #fff;border-radius:4px;box-shadow:0 18px 55px #76929f12}.b2b-friction-grid article>span,.b2b-friction-foot>span,.demo-caption,.demo-float span{font-size:10px;letter-spacing:.14em;font-weight:700;color:#849ba9}.b2b-symbol{display:grid;place-items:center;width:56px;height:56px;margin:38px 0 25px;border-radius:50%;background:#d9e7ed;color:#708ca3;font-size:27px}.b2b-friction-grid h3{font:700 25px var(--display);letter-spacing:-.04em;margin-bottom:12px}.b2b-friction-grid p{max-width:290px;color:#758894;font-size:14px;line-height:1.65}.b2b-friction-foot{display:flex;justify-content:space-between;align-items:center;padding-top:35px}.b2b-demo{background:radial-gradient(circle at 65% 42%,#476585,#202e51 52%,#182443);color:#f6f9fc;overflow:hidden}.b2b-demo .section-label{color:#c1d0de;border-color:#ffffff38}.b2b-demo-intro{padding-bottom:70px}.b2b-demo h2 em{color:#a7becc;font-style:normal}.b2b-demo-intro>p{color:#c3d1db}.b2b-demo-stage{position:relative;max-width:1080px;margin:0 auto;min-height:570px;display:grid;place-items:center}.demo-rail{position:absolute;inset:16% 8%;border:1px solid #c5dfef30;border-radius:50%;transform:rotate(-12deg)}.demo-rail:after{content:'';position:absolute;inset:8%;border:1px solid #c5dfef20;border-radius:50%}.demo-screen{position:relative;width:69%;min-height:340px;background:#edf3f5;color:#273753;border:1px solid #ffffffaa;border-radius:12px;box-shadow:0 35px 90px #101b345e;overflow:hidden}.demo-screen-head{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;background:#f8fbfc;border-bottom:1px solid #d5e1e5}.demo-screen-head i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#afc1c8;margin-right:4px}.demo-screen-head small,.demo-screen-head b{font-size:9px;letter-spacing:.12em;color:#94a6ad}.demo-screen-body{display:grid;grid-template-columns:25% 1fr;min-height:290px}.demo-sidebar{background:#e3ebef;padding:30px 20px;display:flex;flex-direction:column;gap:24px;font-size:8px;letter-spacing:.12em;color:#8fa5ae}.demo-content{padding:32px}.demo-content>small,.demo-mini-grid small{font-size:9px;letter-spacing:.12em;color:#92a7b0}.demo-content h3{font:700 29px var(--display);letter-spacing:-.04em;margin:12px 0 25px}.demo-enquiry{display:flex;align-items:center;gap:12px;background:#fff;border-radius:7px;padding:15px}.demo-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dbe9ec;color:#7c9aa6}.demo-enquiry strong,.demo-mini-grid strong{font-size:12px}.demo-enquiry p{font-size:10px;color:#93a5ac;margin-top:4px}.demo-enquiry>span{margin-left:auto;font-size:9px;color:#6e9b90;background:#e2f1eb;padding:6px}.demo-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.demo-mini-grid>div{background:#e4edf0;padding:15px;border-radius:6px}.demo-mini-grid strong{display:block;margin-top:8px}.demo-float{position:absolute;display:flex;flex-direction:column;gap:8px;padding:18px 20px;background:#eef7fae8;color:#2a3b59;border:1px solid #ffffffaa;border-radius:7px;box-shadow:0 20px 60px #101b3440;backdrop-filter:blur(14px)}.demo-float strong{font-size:15px}.demo-float small{color:#8298a2;font-size:11px}.demo-float-one{top:12%;left:2%}.demo-float-two{right:0;top:39%}.demo-float-three{left:9%;bottom:8%}.demo-caption{text-align:center;color:#b7c9d4;margin:16px 0 0}.b2b-faq{background:#edf2f3;color:#233151}.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:95px}.faq-layout>div:first-child>p:last-child{color:#71858d;line-height:1.7;margin-top:25px;max-width:350px}.faq-list details{border-top:1px solid #c4d1d5}.faq-list details:last-child{border-bottom:1px solid #c4d1d5}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:25px 0;font:700 18px var(--display)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px;font-weight:400;color:#8fa6b0;transition:transform .25s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:1.7;color:#71858d;padding:0 35px 25px 0}.faq-list summary:focus-visible{outline:2px solid #526f8d;outline-offset:4px}
@media(max-width:900px){.b2b-heading,.b2b-demo-intro{grid-template-columns:1fr;gap:25px}.b2b-friction-grid article{padding:22px}.demo-screen{width:78%}.demo-float{padding:13px}.faq-layout{gap:6%}}
@media(max-width:600px){.b2b-heading,.b2b-demo-intro{padding:65px 0 40px}.b2b-heading h2,.b2b-demo h2,.b2b-faq h2{font-size:clamp(38px,10vw,50px)}.b2b-friction-grid{grid-template-columns:1fr}.b2b-friction-grid article{min-height:0}.b2b-symbol{margin:22px 0 18px}.b2b-friction-foot{align-items:flex-start;gap:18px;flex-direction:column}.b2b-demo-stage{min-height:430px;padding:80px 0 85px}.demo-screen{width:100%;min-height:270px}.demo-screen-body{min-height:225px;grid-template-columns:24% 1fr}.demo-sidebar{padding:22px 8px;font-size:7px}.demo-content{padding:20px 12px}.demo-content h3{font-size:22px}.demo-enquiry{gap:7px;padding:10px}.demo-avatar{width:30px;height:30px}.demo-enquiry strong,.demo-mini-grid strong{font-size:10px}.demo-enquiry p{font-size:9px}.demo-mini-grid>div{padding:10px}.demo-float{gap:4px}.demo-float strong{font-size:12px}.demo-float small{font-size:9px}.demo-float-one{top:1%;left:0}.demo-float-two{right:0;top:auto;bottom:2%}.demo-float-three{display:none}.faq-layout{grid-template-columns:1fr;gap:45px;padding-top:65px}.faq-list summary{font-size:16px}}
@media(prefers-reduced-motion:reduce){.faq-list summary span{transition:none}}