/* IP services: brand introduction and connection diagram. */
.ip-illustration{margin:0;min-width:0;padding-top:12px}
.ip-endpoints{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ip-endpoints>div{background:#fff;border:1px solid #d4e0d8;border-radius:8px;display:flex;align-items:center;gap:13px;padding:20px}
.ip-endpoints>div>span{font-size:25px;color:var(--green)}
.ip-endpoints strong{font-size:13px;font-weight:650;word-break:keep-all}
.ip-connector{text-align:center;color:#729583;font-size:24px;line-height:1.2;padding:7px 0}
.ip-gateway,.ip-addresses{border:1px solid #d0dfd4;border-radius:9px;padding:24px 26px;background:#fff}
.ip-figure-label{display:block;font-size:9px;letter-spacing:1.6px;font-weight:650;color:var(--green)}
.ip-gateway>strong,.ip-addresses>strong{font-size:22px;letter-spacing:-.7px;display:block;margin:14px 0}
.ip-gateway>div{display:flex;gap:8px;margin-bottom:13px}
.ip-gateway>div span{font-size:10px;letter-spacing:1px;padding:7px 13px;background:var(--paper);color:var(--green);border-radius:3px}
.ip-gateway small,.ip-addresses small{font-size:11px;color:var(--muted);line-height:1.8}
.ip-addresses{background:var(--navy);border-color:var(--navy);color:white}
.ip-addresses .ip-figure-label,.ip-addresses small{color:#b5d6c5}
.ip-addresses>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 15px}
.ip-addresses>div span{padding:13px 10px;border:1px solid #537568;border-radius:4px;color:var(--accent);text-align:center;font-size:12px;letter-spacing:1.3px}
.ip-illustration figcaption{display:flex;justify-content:space-between;gap:14px;font-size:9px;color:#61756b;line-height:1.8;margin-top:19px}
.ip-illustration figcaption span{color:#74847b;flex-shrink:0}
.ip-brand-panel{display:grid;grid-template-columns:.85fr 1.5fr;gap:64px;align-items:center}
.ip-brand-name{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:42px 32px}
.ip-brand-name .eyebrow{font-size:9px;margin:0 0 37px;letter-spacing:1.4px}
.ip-brand-name .bestip-wordmark{font-size:54px;font-weight:800;letter-spacing:-2.5px;margin:0 0 19px;line-height:1.2}
.bestip-wordmark span{color:var(--green)}
.ip-brand-name>p:not(.eyebrow):not(.bestip-wordmark){font-size:19px;font-weight:650;margin:0 0 13px;letter-spacing:-.4px}
.ip-brand-name>span{font-size:11px;color:var(--muted);line-height:1.8}
.ip-brand-copy h2{font-size:31px;line-height:1.5;letter-spacing:-1.25px;margin:0 0 23px}
.ip-brand-copy p{color:var(--muted);font-size:14px;line-height:1.95;margin:0 0 16px}
.ip-brand-link{display:inline-flex;gap:29px;align-items:center;font-size:14px;font-weight:650;color:var(--green);border-bottom:1px solid #85aa95;padding:12px 0 9px;margin-top:3px}
.ip-brand-link:hover{border-color:var(--green)}
.ip-brand-url{display:block;font-size:11px;color:var(--muted);margin-top:13px}
.ip-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.ip-service-grid article{border-top:1px solid #c7d9cc;padding-top:28px}
.ip-service-grid h3{font-size:21px;letter-spacing:-.6px;margin:20px 0 17px}
.ip-service-grid p{font-size:14px;line-height:1.95;color:#566c60;margin:0}
.ip-service-grid ul{padding-left:18px;font-size:13px;line-height:1.95;color:#40624e;margin:22px 0 0}
.ip-service-grid li{padding-left:3px;margin-block:6px;word-break:keep-all}
.ip-methods{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.ip-methods article{border-top:2px solid #789e87;padding-top:27px}
.ip-method-type{font-size:12px;letter-spacing:1px;color:var(--green);font-weight:650}
.ip-methods h3{font-size:23px;letter-spacing:-.8px;margin:17px 0 19px}
.ip-methods p{font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 26px}
.ip-methods dl{font-size:13px;line-height:1.85;margin:0}
.ip-methods dl>div{display:grid;grid-template-columns:75px 1fr;gap:16px;border-top:1px solid var(--line);padding:15px 0}
.ip-methods dt{font-weight:650;color:var(--green)}
.ip-methods dd{color:var(--muted);margin:0;word-break:keep-all;overflow-wrap:anywhere}
.ip-use-band{background:#f7f8f6}
.ip-clarification{display:grid;grid-template-columns:1fr 2fr;gap:35px;border-top:1px solid var(--line);padding-top:28px;margin-top:19px}
.ip-clarification h3{font-size:17px;line-height:1.8;letter-spacing:-.5px;margin:0;word-break:keep-all}
.ip-clarification p{font-size:13px;color:var(--muted);line-height:1.95;margin:0;word-break:keep-all}
.ip-price-link{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #ccdbcf;border-radius:7px;background:#eef5ef;padding:25px 28px;margin-top:30px}
.ip-price-link small{display:block;font-size:11px;color:#61796a;margin-bottom:9px}
.ip-price-link strong{font-size:17px;color:var(--green);letter-spacing:-.5px;line-height:1.7;word-break:keep-all}
.ip-price-link>span[aria-hidden]{color:var(--green);font-size:25px}
.ip-price-link:hover{background:#e2eee5}
.ip-page .contact h2{font-size:37px}
.ip-page .contact-heading>p{flex-shrink:0}
@media(max-width:1100px){.ip-endpoints>div{padding:17px 14px;gap:9px}.ip-endpoints strong{font-size:12px}.ip-gateway,.ip-addresses{padding:22px}.ip-brand-panel{gap:38px;grid-template-columns:.9fr 1.5fr}.ip-brand-name{padding:34px 27px}.ip-brand-name .bestip-wordmark{font-size:45px}.ip-brand-copy h2{font-size:28px}.ip-service-grid{gap:25px}.ip-service-grid h3{font-size:19px}.ip-methods h3{font-size:21px}.ip-page .contact h2{font-size:32px}}
@media(max-width:850px) and (min-width:721px){.ip-endpoints{gap:10px}.ip-endpoints>div{padding:15px 11px;gap:8px}.ip-endpoints strong{font-size:10px}.ip-endpoints>div>span{font-size:19px}.ip-gateway,.ip-addresses{padding:20px}.ip-gateway>strong,.ip-addresses>strong{font-size:19px}.ip-illustration figcaption{font-size:8px;gap:8px}.ip-brand-panel{gap:28px}.ip-brand-name{padding:30px 22px}.ip-brand-name .bestip-wordmark{font-size:37px}.ip-brand-name .eyebrow{font-size:7px}.ip-brand-copy h2{font-size:25px}.ip-service-grid{gap:21px}.ip-service-grid h3{font-size:17px}.ip-service-grid p{font-size:13px}.ip-service-grid ul{font-size:12px}.ip-methods{gap:26px}.ip-methods h3{font-size:20px}.ip-page .contact h2{font-size:29px}}
@media(max-width:720px){.ip-illustration{padding:0;margin:38px auto 0;max-width:440px}.ip-endpoints>div{padding:18px 14px;gap:10px}.ip-endpoints strong{font-size:12px}.ip-endpoints>div>span{font-size:23px}.ip-gateway,.ip-addresses{padding:23px}.ip-gateway>strong,.ip-addresses>strong{font-size:21px}.ip-figure-label{font-size:8px}.ip-illustration figcaption{font-size:8px;gap:9px}.ip-brand-panel{grid-template-columns:1fr;gap:30px}.ip-brand-name{padding:30px}.ip-brand-name .eyebrow{font-size:8px;margin-bottom:24px}.ip-brand-name .bestip-wordmark{font-size:47px;margin-bottom:14px}.ip-brand-name>p:not(.eyebrow):not(.bestip-wordmark){font-size:18px}.ip-brand-copy h2{font-size:27px;margin-bottom:19px}.ip-brand-copy p{font-size:14px}.ip-service-grid{grid-template-columns:1fr;gap:30px}.ip-service-grid article{padding-top:26px}.ip-service-grid h3{font-size:21px;margin:16px 0}.ip-service-grid ul{font-size:13px;margin-top:18px}.ip-methods{grid-template-columns:1fr;gap:31px}.ip-methods article{padding-top:24px}.ip-methods h3{font-size:21px}.ip-methods p{margin-bottom:23px}.ip-methods dl>div{grid-template-columns:65px 1fr;gap:14px}.ip-clarification{grid-template-columns:1fr;gap:14px;padding-top:25px;margin-top:30px}.ip-clarification h3{font-size:18px}.ip-clarification p{font-size:14px}.ip-price-link{padding:23px 22px;gap:16px}.ip-price-link strong{font-size:15px}.ip-page .contact h2{font-size:30px}.ip-page .contact-heading>p{font-size:13px}}
@media(max-width:360px){.ip-page .dev-actions{gap:14px}.ip-page .dev-text-link{font-size:11px;gap:8px}.ip-endpoints>div{padding:15px 11px;gap:8px}.ip-endpoints strong{font-size:11px}.ip-gateway,.ip-addresses{padding:20px}.ip-gateway>strong{font-size:19px}.ip-brand-copy h2{font-size:25px}.ip-methods h3{font-size:19px}.ip-price-link{padding-inline:19px}.ip-page .contact h2{font-size:27px}}