/* Local, isolated opening study in the approved S A CONNECT visual identity. */
.tp-hero{position:relative;isolation:isolate;overflow:hidden;background:#0b1530}
.tp-hero::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 78% 55%,#2e6bff2b,transparent 54%),radial-gradient(ellipse at 94% 80%,#8b3dff21,transparent 40%);pointer-events:none}
.tp-hero canvas{opacity:.28}
.tp-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);gap:40px;align-items:center;padding-block:82px 94px}
.tp-copy{position:relative;z-index:3}
.svc-page .tp-hero h1{font-size:clamp(40px,4.2vw,61px);font-weight:750;line-height:1.06;letter-spacing:-.035em;max-width:12.5em;margin:0 0 26px;color:#fff;text-wrap:balance}
.tp-copy h1 span{color:#88a7ff}
.tp-copy>p{font-size:17px;line-height:1.65;color:#c6d2ea;max-width:48ch}
.tp-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:32px}
.tp-actions .button{font-size:15px;min-height:56px;padding:17px 24px;white-space:normal;gap:10px}
.tp-copy .tp-offer{font-size:12px;color:#ccd6ec;margin-top:26px;line-height:1.7}
.tp-copy .tp-scope{font-size:12px;color:#9caed1;margin-top:14px;max-width:42ch}
.tp-visual{position:relative;min-width:0;padding:35px 64px 62px 0;perspective:1500px}
.tp-display{position:relative;background:#101e3b;border-radius:15px;padding:23px;transform:rotateY(-7deg) rotateX(3deg) rotate(-2deg);box-shadow:22px 42px 65px -25px #020714c9;transform-style:preserve-3d}
.tp-display-top{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-bottom:24px}
.tp-display-top img{width:134px;height:auto;object-fit:contain}
.tp-display-top>span{font-size:10px;color:#9eb1d3;text-align:right;max-width:12ch}
.tp-switch{display:flex;gap:8px;padding:5px;background:#0b1530;border-radius:11px}
.tp-switch button{flex:1;padding:12px 8px;border:0;border-radius:8px;background:transparent;color:#a9bad8;font:600 13px/1.4 Montserrat,sans-serif;cursor:pointer;touch-action:manipulation}
.tp-switch button[aria-pressed=true]{background:#2e6bff;color:#fff}
.tp-switch button:focus-visible{outline:3px solid #b9c9ff;outline-offset:3px}
.tp-example{margin-top:20px;background:#f4f6fb;border-radius:12px;padding:20px;color:#0b1530;min-height:268px}
.tp-search{display:flex;gap:9px;align-items:center;border-bottom:1px solid #c7d0e3;padding-bottom:15px;font-size:12px;color:#5e6a82}
.tp-search svg{width:18px;height:18px;flex:none}
.tp-ad{padding-top:18px;display:grid;gap:10px}
.tp-ad-label{font-size:10px;color:#5e6a82}
.tp-ad strong{font-size:24px;line-height:1.2;font-weight:700;letter-spacing:-.02em;max-width:17ch}
.tp-ad p{font-size:12px;line-height:1.6;color:#4b5874;max-width:31ch;margin:0}
.tp-ad-action{font-size:11px;font-weight:700;color:#254bb4;display:flex;align-items:center;gap:9px;margin-top:3px}
.tp-ad-action svg{width:17px;height:17px}
.tp-path{display:flex;align-items:center;gap:8px;margin-top:24px;color:#becbea;font-size:10px;line-height:1.5}
.tp-path svg{width:14px;height:14px;color:#7fa1ff;flex:none}
.tp-phone{position:absolute;width:185px;right:0;bottom:14px;padding:35px 10px 12px;border:7px solid #020818;border-radius:29px;background:#eaf0fa;color:#0b1530;box-shadow:14px 26px 40px -18px #020614a8;transform:rotate(5deg)}
.tp-phone-notch{position:absolute;width:65px;height:15px;border-radius:15px;top:9px;left:50%;translate:-50% 0;background:#020818}
.tp-phone-head{display:flex;gap:8px;align-items:center;padding:5px 4px 16px;border-bottom:1px solid #d3dcee}
.tp-phone-head img{width:28px;height:28px}.tp-phone-head strong{font-size:10px;display:block}.tp-phone-head span{font-size:8px;color:#52627b}
.tp-conversation{display:flex;flex-direction:column;gap:10px;padding:16px 0;min-height:195px}
.tp-conversation p{font-size:10px!important;line-height:1.5!important;padding:10px;border-radius:10px;margin:0;max-width:93%;color:#17263f}
.tp-client{background:#d4e2ff;align-self:flex-end}.tp-agent{background:white;align-self:flex-start}
.tp-phone-bottom{display:flex;align-items:center;gap:8px;padding:10px 5px 3px;font-size:8px;line-height:1.5;color:#56647d}
.tp-phone-bottom strong{font-size:10px;color:#0b1530}.tp-phone-bottom svg{width:18px;height:18px;margin-left:auto;color:#2e6bff}
.tp-illustration-note{font-size:10px!important;line-height:1.5!important;color:#a7b6d5;margin:18px 120px 0 5px;max-width:34ch}
@media(hover:hover) and (pointer:fine){.tp-switch button:hover{background:#213965;color:#fff}.tp-switch button[aria-pressed=true]:hover{background:#2e6bff}}
@media(min-width:901px) and (max-width:1120px){.tp-layout{grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:25px}.svc-page .tp-hero h1{font-size:44px}.tp-visual{padding-right:45px}.tp-display{padding:18px}.tp-phone{width:165px}.tp-display-top img{width:110px}}
@media(max-width:900px){.tp-layout{grid-template-columns:1fr;gap:18px;padding-block:44px 52px}.svc-page .tp-hero h1{font-size:clamp(36px,7vw,54px);max-width:17ch}.tp-copy>p{font-size:16px}.tp-actions{margin-top:24px}.tp-visual{max-width:590px;width:100%;margin:0 auto;padding-top:25px}.tp-copy .tp-scope{display:none}}
@media(max-width:520px){.tp-layout{padding-block:36px 40px}.svc-page .tp-hero h1{font-size:37px;line-height:1.08;max-width:16ch;margin-bottom:21px}.tp-copy>p{font-size:15px;line-height:1.65}.tp-actions .button{width:100%;justify-content:center}.tp-actions{gap:16px}.tp-copy .tp-offer{font-size:11px;margin-top:21px}.tp-visual{padding:20px 38px 140px 0}.tp-display{padding:15px;transform:rotate(-2deg)}.tp-display-top{padding-bottom:16px;gap:6px}.tp-display-top img{width:106px}.tp-display-top>span{font-size:8px}.tp-switch button{font-size:11px;padding:10px 5px}.tp-example{padding:15px;min-height:260px}.tp-search{font-size:10px}.tp-ad strong{font-size:24px}.tp-ad p{font-size:11px;max-width:24ch}.tp-path{font-size:8px;gap:6px}.tp-path svg{width:11px;height:11px}.tp-phone{width:154px;bottom:17px;right:0;transform:rotate(5deg);border-width:6px;border-radius:26px;padding-top:33px}.tp-conversation{gap:8px;min-height:175px}.tp-conversation p{font-size:9px!important;padding:8px}.tp-phone-head img{width:25px;height:25px}.tp-phone-head strong{font-size:9px}.tp-phone-head span{font-size:7px}.tp-illustration-note{position:absolute;left:4px;bottom:34px;margin:0;width:calc(100% - 172px);font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.tp-display,.tp-phone{transform:none}}
.svc-page .tp-hero{padding:0}
body.tp-visual-reading #whatsapp-contact{display:none!important}
@media(max-width:520px){.tp-visual{padding-bottom:390px}.tp-phone{bottom:18px}.tp-conversation{min-height:128px}.tp-conversation p:last-child{display:none}.tp-illustration-note{bottom:74px}}