/* Brand identity and services share the site's typography and icon family. */
.brand-page{background:#fbfbf9}
.brand-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:90px;align-items:center;padding-block:42px 64px}
.brand-intro .eyebrow{margin-bottom:19px}
.brand-intro h1{font-size:clamp(50px,5.2vw,72px);line-height:1.2;margin:0}
.brand-position{font-size:25px;font-weight:500;line-height:1.6;margin:19px 0 0}
.brand-summary{font-size:16px;line-height:1.9;color:var(--muted);max-width:525px;margin:23px 0 0}
.brand-company{font-size:12px;line-height:1.8;color:#83858c;margin:18px 0 0}
.brand-intro-links{display:flex;gap:30px;margin-top:23px}
.brand-intro-links a{display:flex;align-items:center;gap:12px;min-height:44px;font-size:14px}
.brand-intro-links a:first-child{color:var(--brand)}
.brand-art{aspect-ratio:1.16;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#050508;color:#fff;border-radius:8px}
.brand-art:before,.brand-art:after{content:"";position:absolute;border:1px solid #ffffff12;pointer-events:none}
.brand-art:before{width:290px;height:290px;border-radius:50%}
.brand-art:after{width:225px;height:225px;border-radius:50%;transform:translate(110px,-110px)}
.brand-art img{position:relative;width:108px;height:108px}
.brand-art-name{position:relative;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;letter-spacing:3px;margin-top:24px;color:#c0c5d8}
.brand-art-fields{position:relative;display:flex;gap:22px;margin-top:22px;font-size:12px;color:#858a9b}
.brand-section-heading .eyebrow{margin:0 0 14px}
.brand-section-heading h2{font-size:30px;line-height:1.5;margin:0}
.brand-section-heading>p:not(.eyebrow){font-size:15px;line-height:1.9;color:var(--muted);margin:16px 0 0;max-width:735px}
.brand-model{border-top:1px solid var(--line);padding-block:48px 58px;scroll-margin-top:100px}
.brand-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;padding:0;margin:32px 0 0}
.brand-flow li{display:flex;align-items:center;gap:18px;min-width:0}
.brand-flow-icon{font-size:28px;color:#53719a;display:flex}
.brand-flow h3{font-size:18px;margin:0 0 8px}
.brand-flow p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
.brand-flow-arrow{display:flex;font-size:17px;color:#a7abb3;margin-left:auto}
.brand-services{background:#f1f3f6;padding-block:52px 35px;scroll-margin-top:95px}
.brand-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px;margin-top:32px}
.brand-service-grid article{display:flex;gap:23px;padding:27px 0 20px;border-top:1px solid #dcdfe5}
.brand-service-icon{flex-shrink:0;display:flex;font-size:28px;color:#5071a7;padding-top:3px}
.brand-service-grid h3{font-size:20px;line-height:1.5;margin:0 0 12px}
.brand-service-grid p{font-size:14px;line-height:1.9;color:var(--muted);margin:0;max-width:390px}
.brand-service-grid a,.brand-delivery>a{display:inline-flex;gap:10px;align-items:center;min-height:44px;font-size:12px;margin-top:8px;color:#46669b}
.brand-delivery{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #dcdfe5;padding-top:20px;margin-top:12px}
.brand-delivery>p{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:13px;line-height:1.9;margin:0}
.brand-delivery .site-icon{font-size:18px;color:#5071a7}
.brand-delivery strong{font-weight:500}.brand-delivery>p>span{color:var(--muted)}
.brand-delivery>a{margin:0}
.brand-apps{padding-block:54px 56px;scroll-margin-top:95px}
.brand-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px;margin-top:32px}
.brand-app-grid article{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:27px}
.brand-app-icon{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;background:#edf0f7;color:#5973a1;border-radius:8px;font-size:25px}
.brand-app-grid h3{font-size:22px;line-height:1.5;margin:0 0 10px}
.brand-app-grid p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}
.brand-app-links{display:flex;gap:26px;margin-top:13px}
.brand-app-links a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:12px;color:#46669b}
.brand-app-links a[target="_blank"] .site-icon{transform:rotate(45deg)}
.brand-contact{display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid var(--line);padding-block:37px 60px}
.brand-contact .eyebrow{margin:0 0 10px}.brand-contact h2{font-size:30px;line-height:1.5;margin:0}
.brand-contact>div:last-child{display:flex;gap:30px;align-items:center}
.brand-phone{display:flex;align-items:center;gap:12px;font-size:25px;font-variant-numeric:tabular-nums;min-height:44px}.brand-phone .site-icon{font-size:21px;color:#797f89}
.brand-page a:focus-visible{outline:2px solid #6682c6;outline-offset:4px;border-radius:3px}
@media(max-width:1100px){.brand-intro{gap:45px}.brand-position{font-size:22px}.brand-service-grid,.brand-app-grid{column-gap:35px}.brand-flow{gap:25px}.brand-flow li{gap:12px}.brand-contact>div:last-child{gap:18px}.brand-phone{font-size:22px}}
@media(max-width:767px){.brand-intro{grid-template-columns:1fr;gap:28px;padding-block:28px 36px}.brand-intro h1{font-size:47px}.brand-position{font-size:21px;margin-top:13px}.brand-summary{font-size:15px;line-height:1.85;margin-top:18px}.brand-company{font-size:11px;margin-top:14px}.brand-intro-links{margin-top:15px;gap:25px}.brand-art{aspect-ratio:auto;height:185px}.brand-art img{width:70px;height:70px}.brand-art-name{font-size:10px;letter-spacing:2px;margin-top:14px}.brand-art-fields{font-size:11px;margin-top:12px}.brand-art:before{width:210px;height:210px}.brand-art:after{width:180px;height:180px;transform:translate(100px,-80px)}.brand-model{padding-block:33px 37px;scroll-margin-top:80px}.brand-section-heading h2{font-size:24px;line-height:1.5}.brand-section-heading>p:not(.eyebrow){font-size:14px;margin-top:13px}.brand-section-heading .eyebrow{font-size:12px;margin-bottom:10px}.brand-flow{grid-template-columns:1fr;gap:21px;margin-top:27px}.brand-flow li{gap:17px}.brand-flow-icon{font-size:25px}.brand-flow h3{font-size:17px;margin-bottom:5px}.brand-flow-arrow{transform:rotate(90deg);margin-right:6px}.brand-services{padding-block:33px 25px;scroll-margin-top:80px}.brand-service-grid{grid-template-columns:1fr;margin-top:23px}.brand-service-grid article{gap:18px;padding:23px 0 15px}.brand-service-icon{font-size:25px}.brand-service-grid h3{font-size:18px;margin-bottom:10px}.brand-service-grid p{font-size:14px;line-height:1.85}.brand-service-grid a{margin-top:6px}.brand-delivery{align-items:flex-start;flex-direction:column;gap:5px;margin-top:7px;padding-top:17px}.brand-delivery>p{font-size:12px;gap:13px}.brand-apps{padding-block:34px 37px;scroll-margin-top:80px}.brand-app-grid{grid-template-columns:1fr;gap:25px;margin-top:24px}.brand-app-grid article{gap:17px;padding-top:24px}.brand-app-grid h3{font-size:20px}.brand-app-grid p{font-size:13px}.brand-app-links{margin-top:8px}.brand-contact{align-items:flex-start;flex-direction:column;gap:19px;padding-block:30px 42px}.brand-contact h2{font-size:25px}.brand-contact>div:last-child{align-items:flex-start;flex-direction:column;gap:17px}.brand-phone{font-size:24px}.brand-contact .button{font-size:13px}}
@media(max-width:359px){.brand-intro h1{font-size:42px}.brand-position{font-size:19px}.brand-section-heading h2{font-size:22px}.brand-intro-links{gap:22px}.brand-delivery>p{gap:10px}.brand-service-grid article{gap:15px}.brand-app-grid article{gap:14px}.brand-phone{font-size:23px}}