/* Rede de vantagens — prévia de experiência ClubConect. */
.benefits-network{background:#edf2ec;overflow:hidden;scroll-margin-top:24px}
.benefits-layout{display:grid;grid-template-columns:1.12fr 1fr;column-gap:64px;row-gap:32px;align-items:start}
.benefits-heading{grid-column:1;grid-row:1;max-width:620px}
.benefits-heading .eyebrow{color:var(--muted);margin-bottom:20px}
.benefits-heading h2{font-size:clamp(34px,3.45vw,48px);line-height:1.12;margin-bottom:20px}
.benefits-heading>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:530px;margin-bottom:20px}
.preview-label{display:inline-flex;padding:7px 10px;border:1px solid #bdcfc4;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--petrol)}
.benefits-cards{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.benefit-card{background:#ffffffc9;border:1px solid #fff;border-radius:12px;padding:23px 20px;display:flex;gap:14px;align-items:flex-start}
.benefit-card>svg{flex-shrink:0;color:var(--petrol);width:25px;height:25px}
.benefit-card:nth-child(3n+2)>svg{color:#a44e2c}
.benefit-card h3{font-size:13px;line-height:1.45;letter-spacing:-.02em;margin-bottom:9px;font-weight:700}
.benefit-card p{font-size:11px;color:var(--muted);line-height:1.75;margin:0}
.benefits-visual{grid-column:2;grid-row:1/3;position:relative;align-self:center;min-width:0;height:740px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.benefits-halo{position:absolute;width:400px;height:540px;border:68px solid #d1e4d8;border-radius:50%;transform:rotate(25deg);z-index:-1}
.benefits-halo:after{content:'';position:absolute;width:200px;height:300px;right:-130px;bottom:-35px;border:45px solid #ec936d6b;border-radius:160px;transform:rotate(20deg)}
.benefits-phone{background:var(--petrol);width:302px;flex-shrink:0;border:7px solid #244e50;box-shadow:12px 20px 0 #b4c8bc55,0 30px 55px #143e4320;border-radius:44px;padding:0 0 7px;position:relative;transform:rotate(7deg);overflow:hidden}
.phone-camera{position:absolute;top:9px;left:calc(50% - 35px);width:70px;height:18px;background:#09282c;border-radius:20px}
.phone-status{display:flex;justify-content:space-between;color:var(--paper);padding:12px 20px 0;font-size:9px;font-weight:700;height:37px}
.phone-header{color:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:20px 20px 23px}
.phone-header>span:first-child{font-size:8px;letter-spacing:.14em}
.phone-header strong{display:block;letter-spacing:-.8px;font-size:27px;font-weight:500;margin-top:4px}
.phone-avatar{display:flex;align-items:center;justify-content:center;background:var(--mint);color:var(--petrol);width:33px;height:33px;border-radius:50%;font-size:13px;font-weight:700}
.phone-content{padding:22px 17px 18px;background:var(--paper);border-radius:25px 25px 32px 32px}
.phone-demo{display:block;font-size:7px;letter-spacing:.12em;font-weight:700;color:var(--muted);margin-bottom:10px}
.phone-content>h3{font-size:24px;font-weight:500;letter-spacing:-.8px;line-height:1.16;margin-bottom:9px}
.phone-content>p{font-size:9px;color:var(--muted);margin-bottom:17px}
.phone-categories{display:flex;gap:7px;margin-bottom:17px;font-size:8px;font-weight:600}
.phone-categories span{padding:6px 10px;border:1px solid var(--line);border-radius:30px}
.phone-categories span:first-child{background:var(--petrol);color:var(--paper);border-color:var(--petrol)}
.phone-offers{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.preview-offer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 5px 10px;min-height:107px;border:1px solid #e0e4da;background:white;border-radius:11px}
.preview-offer img{width:39px;height:39px;object-fit:contain;margin-bottom:8px}
.preview-offer strong{font-size:9px;margin-bottom:4px}
.preview-offer small{font-size:7px;color:var(--muted)}
.preview-brand-text{height:39px;display:flex;align-items:center;font-size:15px;font-weight:600;color:#38634f;letter-spacing:-.9px;margin-bottom:8px}
.phone-end{text-align:center;border-top:1px solid #dfe3d9;margin-top:17px;padding-top:13px;font-size:8px;line-height:1.7}
.phone-end span,.phone-end b{display:block}
.brand-orbit{position:absolute;width:87px;height:87px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 12px 26px #163e4310;background:white;z-index:2}
.brand-orbit img{width:52%;height:52%;object-fit:contain}
.orbit-dell{top:55px;left:7%;width:99px;height:99px;background:#007db8;border:5px solid #fff}
.orbit-dell img,.orbit-jbl img,.orbit-nike img{filter:brightness(0) invert(1)}
.orbit-jbl{top:104px;right:-6px;background:#ff4b00;width:77px;height:77px}
.orbit-adidas{top:335px;left:-9px;width:91px;height:91px}
.orbit-dominospizza{bottom:168px;right:-9px;background:white;width:83px;height:83px}
.orbit-nike{bottom:48px;left:45px;background:#101514;width:95px;height:95px}


.benefits-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:48px;border-top:1px solid #bfd2c5;padding-top:28px}
.benefits-bottom p{font-size:18px;letter-spacing:-.4px;line-height:1.6;margin:0}
.benefits-bottom strong{font-weight:600}
.benefits-disclosure{font-size:11px;color:var(--muted);line-height:1.7;max-width:850px;margin:25px 0 0}
@media(min-width:761px) and (max-width:1100px){.benefits-layout{column-gap:25px;grid-template-columns:1.08fr 1fr}.benefit-card{padding:18px 14px;gap:9px}.benefit-card>svg{width:21px;height:21px}.benefits-visual{height:700px}.benefits-phone{width:280px}.orbit-dell{left:0;top:35px}.orbit-jbl{right:-8px;top:105px}.orbit-adidas{left:-13px;width:72px;height:72px}.orbit-nike{left:5px;bottom:25px}.orbit-dominospizza{right:-10px;width:69px;height:69px}.site-header nav{gap:16px;font-size:12px}}
@media(max-width:760px){.benefits-layout{grid-template-columns:1fr;gap:28px}.benefits-heading{grid-column:1;grid-row:1;max-width:560px}.benefits-heading h2{font-size:38px}.benefits-visual{grid-column:1;grid-row:2;height:650px;width:min(420px,100%);justify-self:center}.benefits-phone{width:270px;transform:rotate(5deg)}.phone-header{padding:16px 18px 18px}.phone-header strong{font-size:25px}.phone-content{padding:18px 14px 15px}.phone-content>h3{font-size:22px}.preview-offer{min-height:95px;padding:9px 5px}.preview-offer img{width:33px;height:33px}.preview-brand-text{height:33px;font-size:13px}.phone-end{margin-top:12px;padding-top:10px}.benefits-halo{width:290px;height:470px;border-width:48px}.brand-orbit{box-shadow:0 8px 18px #163e4310}.orbit-dell{left:1%;top:17px;width:79px;height:79px}.orbit-jbl{top:80px;right:0;width:62px;height:62px}.orbit-adidas{top:280px;left:0;width:67px;height:67px}.orbit-dominospizza{right:0;bottom:139px;width:64px;height:64px}.orbit-nike{bottom:19px;left:14px;width:76px;height:76px}.benefits-cards{grid-column:1;grid-row:3;gap:12px}.benefit-card{padding:20px 16px;display:block}.benefit-card>svg{margin-bottom:12px}.benefit-card h3{font-size:14px}.benefit-card p{font-size:12px}.benefits-bottom{flex-direction:column;align-items:flex-start;margin-top:30px;gap:20px}.benefits-bottom p{font-size:19px}.benefits-bottom .button{max-width:100%}.benefits-disclosure{font-size:11px}}
@media(max-width:380px){.benefits-heading h2{font-size:33px}.benefits-cards{grid-template-columns:1fr}.benefit-card{display:flex;gap:15px}.benefit-card>svg{margin-bottom:0}.benefits-phone{width:249px;transform:rotate(4deg)}.benefits-visual{height:636px}.orbit-dell{width:65px;height:65px;top:25px;left:0}.orbit-adidas{width:57px;height:57px;left:-3px}.orbit-jbl{width:57px;height:57px;right:-2px}.orbit-dominospizza{width:55px;height:55px;right:-2px}.orbit-nike{left:5px;width:67px;height:67px}.phone-content{padding-inline:12px}.phone-categories{gap:5px}.phone-categories span{padding:6px 8px}}

.orbit-name{font-size:14px;font-weight:700;color:#006491;letter-spacing:-.6px}
