
.connection-hero{position:relative;isolation:isolate;background:#12372d;color:#fff;overflow:hidden;padding:80px 0 64px}.connection-hero .container{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center}.connection-hero h1{font-size:clamp(2.7rem,6vw,5.4rem);line-height:1.05;letter-spacing:-.035em;margin:20px 0}.connection-hero h1 span{color:#e8aa2f}.connection-hero p{color:#e3eee7;max-width:660px;font-size:18px;line-height:1.7}.connection-hero .actions{flex-wrap:wrap;gap:12px}.connection-photo{border-radius:28px;overflow:hidden;position:relative;background:#245345}.connection-photo img{width:100%;height:410px;object-fit:cover;display:block}.connection-caption{padding:21px;display:flex;gap:18px;flex-wrap:wrap;font-weight:700;color:#fff}.connection-caption span{padding:8px 13px;border:1px solid #638475;border-radius:30px}.connection-strip{padding:25px 0;background:#e8aa2f;color:#12372d}.connection-strip .container{display:flex;gap:25px;align-items:center;justify-content:space-between;flex-wrap:wrap}.connection-strip p{margin:0;font-weight:600}.connection-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.connection-card{padding:30px;border:1px solid #d8e3db;border-radius:22px;background:white;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.connection-card h2{margin:0;font-size:26px}.connection-card p{line-height:1.7;margin:0}.connection-card a{margin-top:auto}.connection-card .number{font-size:42px;color:#a16b0b;font-weight:700}.connection-card.esim{background:#113b45;color:#fff}.connection-card.esim h2,.connection-card.esim p{color:#fff}.connection-card.esim .number{color:#73d7d0}.connection-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}.connection-flow div{border-top:4px solid #e8aa2f;border-radius:14px;background:#fff;padding:24px;color:#12372d;font-weight:700;line-height:1.6}.connection-two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.connection-two img{width:100%;border-radius:22px}.connection-two p{line-height:1.8}.connection-note{font-size:14px;color:#526a5c;line-height:1.75}.connection-check{background:#f4f8f4;border:1px solid #d1ded3;border-radius:22px;padding:30px;max-width:850px}.connection-check label{display:block;margin:18px 0;line-height:1.7}.connection-check input{width:22px;height:22px;margin-inline-end:12px;vertical-align:middle}.connection-check select{display:block;font:inherit;max-width:100%;width:100%;padding:13px;border-radius:10px;border:1px solid #8b9f92;background:#fff;color:#12372d}.connection-result{margin-top:20px;line-height:1.8;padding:20px;border-left:4px solid #e8aa2f;background:#fff}.offer-card{background:#fff;border:1px solid #cad9ce;padding:25px;margin-top:20px;border-radius:18px}.connection-roadmap{background:#12372d;color:#fff;border-radius:24px;padding:35px}.connection-roadmap h2,.connection-roadmap p{color:#fff}.esim-hero{background:#113b45}.esim-device{width:240px;max-width:100%;margin:20px auto;border:3px solid #73d7d0;border-radius:40px;background:#0a242b;padding:45px 22px;text-align:center;box-shadow:25px 25px 0 #215a62}.esim-device b{font-size:55px;color:#e8aa2f}.esim-device span{display:block;color:#fff;margin-top:22px;font-size:20px}.section .connection-title{max-width:850px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.2}@media(max-width:800px){.connection-hero{padding:48px 0}.connection-hero .container,.connection-two{grid-template-columns:1fr}.connection-cards,.connection-flow{grid-template-columns:1fr}.connection-photo img{height:290px}.connection-card{padding:25px}.connection-check{padding:22px}.connection-strip .container{gap:10px}.connection-hero h1{font-size:clamp(2.7rem,11vw,4rem)}}
