/* Corporate gateway: isolated from the existing partner application panel. */
.tl .tl-technology { padding:0 0 85px; scroll-margin-top:95px; }
.tl .tl-tech-panel { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; gap:28px; padding:62px; border:1px solid #e3eaf0; border-radius:30px; background:radial-gradient(ellipse at 90% 12%,#e0f6f5,transparent 55%),linear-gradient(125deg,#fcfdff,#f0f5fb); overflow:hidden; }
.tl .tl-tech-wordmark { display:flex; align-items:center; gap:8px; color:#29475d; font-size:15px; font-weight:600; letter-spacing:-.5px; }
.tl .tl-tech-wordmark>span { font-size:30px; font-weight:800; letter-spacing:-2px; color:var(--primary-color,#ff6a00); }
.tl .tl-tech-wordmark>span>span { color:#22bfb5; }
.tl .tl-tech-wordmark i { border-left:1px solid #d9e3e9; padding-left:13px; margin-left:6px; font-size:8px; font-style:normal; font-weight:600; letter-spacing:1px; color:#8394a4; }
.tl .tl-tech-copy h2 { margin-top:25px; font-size:clamp(29px,3vw,42px); line-height:1.2; letter-spacing:-1.8px; color:#23374b; }
.tl .tl-tech-copy h2>span { color:#129e99; }
.tl .tl-tech-copy>p:not(.tl-tech-wordmark) { max-width:430px; font-size:12px; line-height:1.95; color:#718293; margin-top:20px; }
.tl .tl-tech-copy>p strong { color:#29495c; font-weight:800; white-space:nowrap; }
.tl .tl-tech-benefits { display:flex; flex-wrap:wrap; gap:12px 20px; margin-top:22px; color:#506d7d; font-size:10px; }
.tl .tl-tech-benefits>span { display:inline-flex; align-items:center; gap:7px; }
.tl .tl-tech-benefits .tt-icon { width:15px; height:15px; color:#17aaa2; }
.tl .tl-tech-link { display:inline-flex; align-items:center; gap:29px; margin-top:30px; padding:11px 12px 11px 21px; border:1px solid rgba(var(--primary-color-rgb,255,106,0),.18); border-radius:12px; background:#fff; color:var(--primary-color,#ff6a00); font-size:12px; font-weight:700; box-shadow:0 7px 20px #2c607406; transition:transform .2s,box-shadow .2s; }
.tl .tl-tech-link>span { display:grid; place-items:center; width:33px; height:33px; border-radius:8px; background:rgba(var(--primary-color-rgb,255,106,0),.08); }
.tl .tl-tech-link:hover { color:var(--primary-color,#ff6a00); transform:translateY(-3px); box-shadow:0 10px 25px #2c607412; }
.tl .tl-tech-link:focus-visible { outline:3px solid #2abab4; outline-offset:4px; }
.tl .tl-tech-link .tt-icon { width:18px; height:18px; }
.tl .tl-tech-art { position:relative; height:360px; min-width:0; }
.tl .tl-tech-orbit { position:absolute; width:320px; height:320px; left:30px; top:3px; border:1px solid #cce6e6; border-radius:50%; }
.tl .tl-tech-orbit::after { content:''; position:absolute; inset:24px; border:1px dashed #cce6e6; border-radius:50%; }
.tl .tl-tech-window { position:absolute; top:29px; left:0; width:350px; background:#fff; border:1px solid #dee9ed; border-radius:17px; box-shadow:0 24px 50px #3a687a13; transform:rotate(-5deg); }
.tl .tl-tech-window-top { display:flex; align-items:center; gap:4px; padding:12px 13px; border-bottom:1px solid #eef2f5; }
.tl .tl-tech-window-top>i { width:5px; height:5px; background:#d2dde4; border-radius:50%; }
.tl .tl-tech-window-top>span { margin:auto; color:#9caeb9; font-size:7px; }
.tl .tl-tech-window-body { padding:24px; }
.tl .tl-tech-your-brand { display:flex; align-items:center; gap:9px; color:#657e8d; font-size:8px; letter-spacing:1px; }
.tl .tl-tech-your-brand>i { display:grid; place-items:center; width:27px; height:27px; border-radius:8px; background:#e2f4f2; color:#15998f; font-size:13px; font-weight:800; font-style:normal; }
.tl .tl-tech-window-body>strong { display:block; margin-top:20px; font-size:28px; font-weight:800; color:#2b495b; line-height:1.15; letter-spacing:-1px; }
.tl .tl-tech-window-body>strong em { color:#18aaa3; font-style:normal; }
.tl .tl-tech-window-line { display:block; height:5px; width:70%; background:#edf3f5; border-radius:5px; margin-top:16px; }
.tl .tl-tech-mini-cards { display:flex; gap:9px; margin-top:20px; }
.tl .tl-tech-mini-cards>span { display:flex; align-items:center; gap:7px; padding:10px; border:1px solid #eaf0f3; border-radius:8px; color:#79909e; font-size:8px; }
.tl .tl-tech-mini-cards .tt-icon { height:16px; width:16px; color:#31b8ae; }
.tl .tl-tech-phone { position:absolute; width:116px; height:220px; right:0; bottom:31px; padding:28px 12px 15px; border:5px solid #819ba9; border-radius:24px; background:#f7fbfc; box-shadow:0 20px 30px #1e58661a; transform:rotate(8deg); }
.tl .tl-tech-phone>span { position:absolute; width:34px; height:5px; border-radius:8px; background:#b5cbd2; left:35px; top:8px; }
.tl .tl-tech-phone>i { display:grid; place-items:center; width:30px; height:30px; color:#fff; border-radius:10px; background:#20b2a6; font-weight:800; font-style:normal; }
.tl .tl-tech-phone>strong { display:block; font-size:18px; color:#37566a; font-weight:800; line-height:1.1; margin-top:13px; letter-spacing:-.7px; }
.tl .tl-tech-phone>div { height:38px; margin-top:14px; border-radius:7px; background:linear-gradient(115deg,#c6eeea,#e3f3fb); }
.tl .tl-tech-phone>small { display:block; font-size:6px; color:#91a4af; margin-top:13px; }
.tl .tl-tech-update { display:flex; align-items:center; gap:10px; position:absolute; bottom:-4px; left:13px; padding:13px 17px; background:#fff; border:1px solid #e6eff0; border-radius:13px; box-shadow:0 8px 20px #2a66770c; transform:rotate(-3deg); }
.tl .tl-tech-update>.tt-icon { color:#1fa89f; width:23px; height:23px; }
.tl .tl-tech-update strong { display:block; font-size:11px; color:#3f6370; font-weight:700; }
.tl .tl-tech-update small { display:block; margin-top:5px; font-size:8px; color:#97a9b1; }
@media(max-width:1100px) { .tl .tl-tech-panel { padding:40px; gap:20px; } .tl .tl-tech-window { width:300px; } .tl .tl-tech-art { height:350px; } .tl .tl-tech-phone { right:-10px; } .tl .tl-tech-wordmark i { display:none; } }
@media(max-width:800px) { .tl .tl-tech-panel { grid-template-columns:minmax(0,1fr); gap:30px; padding:35px; } .tl .tl-tech-art { width:390px; max-width:100%; margin:0 auto; } .tl .tl-tech-window { width:335px; max-width:92%; } .tl .tl-tech-copy h2 { font-size:36px; } .tl .tl-tech-copy>p:not(.tl-tech-wordmark) { max-width:560px; } .tl .tl-tech-phone { right:0; } }
@media(max-width:500px) { .tl .tl-technology { padding-bottom:45px; } .tl .tl-tech-panel { padding:26px 22px 32px; border-radius:22px; } .tl .tl-tech-copy h2 { font-size:29px; letter-spacing:-1.2px; } .tl .tl-tech-copy>p:not(.tl-tech-wordmark) { font-size:11px; } .tl .tl-tech-art { height:320px; } .tl .tl-tech-orbit { width:250px; height:250px; left:0; top:15px; } .tl .tl-tech-window-body { padding:19px; } .tl .tl-tech-window-body>strong { font-size:25px; } .tl .tl-tech-mini-cards>span { padding:8px 6px; font-size:7px; } .tl .tl-tech-phone { width:100px; height:198px; right:-3px; bottom:36px; } .tl .tl-tech-phone>strong { font-size:16px; } .tl .tl-tech-phone>span { left:26px; } .tl .tl-tech-update { padding:11px; left:0; bottom:0; } .tl .tl-tech-link { width:100%; justify-content:space-between; font-size:11px; gap:12px; padding-left:16px; } }
@media(prefers-reduced-motion:reduce) { .tl .tl-tech-link { transition:none; } }