.bandrain-site{--ink:#252758;--lavender:#e9e5f3;--lime:#cfec5e;--paper:#f7f6f2;--muted:#65657a;--line:#d9d6df}
.bandrain-site *{box-sizing:border-box}
.bandrain-site{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.bandrain-site a{color:inherit;text-decoration:none}
.bandrain-site a:focus-visible,.bandrain-site button:focus-visible,.bandrain-site summary:focus-visible{outline:3px solid #7878e0;outline-offset:5px}
.bandrain-site img{max-width:100%;display:block}
.bandrain-site h1,.bandrain-site h2,.bandrain-site h3,.bandrain-site :is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)){margin:0}
.bandrain-site :is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)){line-height:1.65}
.bandrain-site h1,.bandrain-site h2,.bandrain-site h3{font-weight:500;letter-spacing:-.055em}
.bandrain-site h2{font-size:clamp(38px,4.2vw,61px);line-height:1.07}
.bandrain-site h2 :is(span,.br-span){color:#8581a6}
.bandrain-site h3{font-size:27px;line-height:1.15}
.bandrain-site .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.16em;font-weight:700;text-transform:uppercase}
.bandrain-site .hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--lavender);overflow:hidden}
.bandrain-site .hero-copy{padding:78px 6% 65px 8.5%;position:relative;z-index:2}
.bandrain-site .hero h1{font-size:clamp(60px,6.5vw,94px);line-height:.98;margin:35px 0 26px;letter-spacing:-.07em;white-space:nowrap}
.bandrain-site .hero h1 :is(span,.br-span){font-family:Georgia,serif;font-style:italic;font-weight:400}
.bandrain-site .hero-desc{font-size:15px}
.bandrain-site .hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}
.bandrain-site .button{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;background:var(--ink);color:#fff;border-radius:40px;font-size:11px;letter-spacing:.08em;font-weight:700;padding:19px 25px;transition:background .2s,transform .2s}
.bandrain-site .button :is(span,.br-span){font-size:22px;line-height:14px}
.bandrain-site .button:hover{background:#4e4d84;transform:translateY(-2px)}
.bandrain-site .sub-link{font-size:12px;border-bottom:1px solid;padding:8px 0;font-weight:600}
.bandrain-site .hero-note{display:flex;align-items:center;gap:15px;margin-top:52px;font-size:10px}
.bandrain-site .hero-note b{font-weight:400;color:var(--muted)}
.bandrain-site .mini-ring{border:8px solid #ad9cc8;width:37px;height:37px;border-radius:50%;transform:rotate(-25deg)}
.bandrain-site .hero-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:650px}
.bandrain-site .stage-circle{position:absolute;width:480px;height:480px;border-radius:50%;background:#d7d1e8;border:1px solid #c4bfd8}
.bandrain-site .hero-product{width:95%;position:relative;mix-blend-mode:multiply;transform:rotate(-11deg);border-radius:50%}
.bandrain-site .orbit-tag{position:absolute;top:55px;right:45px;background:var(--lime);width:100px;height:100px;border-radius:50%;display:flex;justify-content:center;align-items:center;text-align:center;font-size:10px;letter-spacing:.1em;line-height:1.4;transform:rotate(10deg)}
.bandrain-site .stage-caption{position:absolute;bottom:35px;left:35px;font-size:9px;letter-spacing:.13em;width:85%;display:flex;justify-content:space-between}
.bandrain-site .floating-ring{position:absolute;bottom:73px;right:40px;width:156px;transform:rotate(6deg);background:var(--paper);padding:10px 10px 15px;box-shadow:0 8px 30px #25275814}
.bandrain-site .floating-ring img{aspect-ratio:1;object-fit:cover}
.bandrain-site .floating-ring :is(span,.br-span){display:block;text-align:center;font-size:10px;margin-top:10px}
.bandrain-site .material-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 4.2%;border-bottom:1px solid var(--line);gap:20px}
.bandrain-site .material-strip>:is(span,.br-span){font-size:10px;font-weight:700;letter-spacing:.1em}
.bandrain-site .material-strip i{display:block;font-weight:400;font-style:normal;font-size:10px;letter-spacing:0;margin-top:7px;color:var(--muted)}
.bandrain-site .section{padding:110px 6.5%;max-width:1600px;margin:auto}
.bandrain-site .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:50px}
.bandrain-site .section-heading .eyebrow{margin-bottom:20px}
.bandrain-site .section-heading>:is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)){max-width:335px;font-size:13px;color:var(--muted)}
.bandrain-site :is(small,.br-small){display:block;font-size:10px;margin-top:12px}
.bandrain-site .bands-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 32px}
.bandrain-site .product{min-width:0}
.bandrain-site .photo{display:block;position:relative;background:#e8e4f0;border-radius:10px;overflow:hidden}
.bandrain-site .photo img{width:100%;aspect-ratio:1.23;object-fit:cover;transition:transform .4s}
.bandrain-site .photo:hover img{transform:scale(1.025)}
.bandrain-site .number{position:absolute;top:22px;left:22px;font-size:10px;letter-spacing:.12em}
.bandrain-site .photo-arrow{position:absolute;bottom:20px;right:20px;background:var(--paper);border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:23px}
.bandrain-site .product-copy{padding:22px 0 0}
.bandrain-site .product-copy .eyebrow{font-size:9px;color:#75738b;margin-bottom:10px}
.bandrain-site .product-copy h3{margin-bottom:12px}
.bandrain-site .product-copy>:is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)):not(.eyebrow){font-size:13px;color:var(--muted);max-width:420px}
.bandrain-site .card-bottom{border-top:1px solid var(--line);padding-top:16px;margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.bandrain-site .card-bottom :is(span,.br-span){font-size:10px;color:var(--muted)}
.bandrain-site .card-bottom a{font-size:11px;font-weight:700;white-space:nowrap}
.bandrain-site .rings{background:var(--ink);color:var(--paper);max-width:none;display:grid;grid-template-columns:.65fr 1.35fr;gap:55px}
.bandrain-site .ring-intro .eyebrow{color:#b7b2d0;margin-bottom:28px}
.bandrain-site .ring-intro h2{font-size:clamp(55px,5.5vw,80px);margin-bottom:25px}
.bandrain-site .ring-intro h2 :is(span,.br-span){color:var(--lime);font-family:Georgia,serif;font-style:italic}
.bandrain-site .ring-intro :is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)):not(.eyebrow){font-size:13px;max-width:260px;color:#c2bfd1}
.bandrain-site .ring-symbol{font-size:165px;font-family:Georgia,serif;color:var(--lime);line-height:1.2}
.bandrain-site .ring-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-content:center}
.bandrain-site .rings .photo img{aspect-ratio:1}
.bandrain-site .rings .product-copy>:is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)):not(.eyebrow),.bandrain-site .rings .card-bottom :is(span,.br-span){color:#c2bfd1}
.bandrain-site .rings .product-copy .eyebrow{color:#a6a2c1}
.bandrain-site .rings .card-bottom{border-color:#ffffff30}
.bandrain-site .rings h3{font-size:26px}
.bandrain-site .devices{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;padding-top:130px;padding-bottom:130px}
.bandrain-site .device-intro .eyebrow{margin-bottom:25px}
.bandrain-site .device-intro>:is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)):not(.eyebrow){font-size:13px;color:var(--muted);max-width:280px;margin-top:25px}
.bandrain-site .fit-sticker{background:var(--lime);width:112px;height:112px;border-radius:50%;font-size:27px;letter-spacing:-.05em;line-height:.95;padding:30px 23px;transform:rotate(-10deg);position:relative;margin-top:34px}
.bandrain-site .fit-sticker :is(span,.br-span){position:absolute;right:18px;top:48px}
.bandrain-site .device-row{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);padding:24px 0;transition:padding .2s}
.bandrain-site .device-row:hover{padding-left:10px}
.bandrain-site .device-row:last-child{border-bottom:1px solid var(--line)}
.bandrain-site .device-num{font-size:10px;color:var(--muted)}
.bandrain-site .device-row img{width:85px;height:85px;object-fit:cover;border-radius:50%;mix-blend-mode:multiply}
.bandrain-site .device-row h3{font-size:24px}
.bandrain-site .device-row :is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)){font-size:11px;color:var(--muted);margin-top:7px}
.bandrain-site .device-arrow{margin-left:auto;font-size:28px}
.bandrain-site .about{background:#eeece3;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:45px 80px}
.bandrain-site .about .eyebrow{margin-bottom:25px}
.bandrain-site .about-copy :is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)){font-size:14px;color:var(--muted);margin-bottom:20px}
.bandrain-site .texture-panel{grid-column:1/-1;display:grid;grid-template-columns:1.05fr .95fr;background:var(--lavender);border-radius:12px;overflow:hidden;min-height:300px}
.bandrain-site .texture-panel img{width:100%;height:300px;object-fit:cover;mix-blend-mode:multiply}
.bandrain-site .texture-panel>div{align-self:center;padding:30px 70px}
.bandrain-site .texture-panel :is(span,.br-span){font-size:9px;letter-spacing:.12em}
.bandrain-site .texture-panel h3{font-size:44px;margin-top:22px}
.bandrain-site .feedback{padding-top:130px;padding-bottom:130px}
.bandrain-site .feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.bandrain-site .feedback-grid article{padding:40px;background:#eeebf4;border-radius:12px;position:relative}
.bandrain-site .feedback-grid article:nth-child(2){background:#efeee4}
.bandrain-site .feedback h3{font-size:33px;line-height:1.13;margin:24px 0 20px}
.bandrain-site .feedback-grid :is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)){font-size:13px;color:var(--muted)}
.bandrain-site .feedback-grid a{display:inline-block;font-size:11px;font-weight:600;margin-top:30px;border-bottom:1px solid;padding-bottom:7px}
.bandrain-site .faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-top:0;padding-bottom:130px}
.bandrain-site .faq-heading .eyebrow{margin-bottom:22px}
.bandrain-site .faq-heading>:is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)):not(.eyebrow){font-size:13px;color:var(--muted);margin-top:25px}
.bandrain-site .faq-orbit{width:130px;height:130px;border:1px solid #bab3d0;border-radius:50%;font-family:Georgia,serif;font-style:italic;font-size:90px;text-align:center;background:var(--lavender);margin-top:35px;color:#8d84b4}
.bandrain-site .questions details{border-top:1px solid var(--line)}
.bandrain-site .questions details:last-child{border-bottom:1px solid var(--line)}
.bandrain-site summary{display:flex;align-items:center;gap:16px;cursor:pointer;list-style:none;padding:25px 0;font-size:14px;line-height:1.5}
.bandrain-site summary::-webkit-details-marker{display:none}
.bandrain-site summary>:is(span,.br-span){font-size:9px;color:var(--muted)}
.bandrain-site summary b{margin-left:auto;font-weight:400;font-size:24px;transition:transform .2s}
.bandrain-site details[open] summary b{transform:rotate(45deg)}
.bandrain-site details :is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)){padding:0 25px 27px 30px;font-size:13px;color:var(--muted)}
.bandrain-site .closing{background:var(--lime);padding:65px 6.5%;display:flex;align-items:center;gap:40px;flex-wrap:wrap}
.bandrain-site .closing .eyebrow{width:100%}
.bandrain-site .closing h2{font-size:54px;flex:1}
.bandrain-site .closing .button{background:var(--ink)}
.bandrain-site.br-footer{background:var(--ink);color:var(--paper);padding:65px 6.5% 25px}
.bandrain-site .footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:45px;padding-bottom:60px}
.bandrain-site .footer-brand img{width:235px}
.bandrain-site .footer-brand :is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)){font-size:12px;color:#b8b4ce;margin-top:22px}
.bandrain-site.br-footer h3{font-size:12px;letter-spacing:0;margin-bottom:23px;font-weight:600}
.bandrain-site.br-footer a{display:block;font-size:11px;color:#c8c5d8;margin-top:14px}
.bandrain-site .footer-tip .eyebrow{color:#b7b2cf}
.bandrain-site .footer-tip :is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)){font-size:22px;line-height:1.45;letter-spacing:-.03em;margin-top:20px}
.bandrain-site .footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:25px;font-size:9px;color:#bbb7ce}
.bandrain-site .footer-bottom a{margin:0;font-size:10px}
@media (min-width:1500px){.bandrain-site .hero-copy{padding-left:max(8.5%,calc((100vw - 1400px)/2))}
.bandrain-site .hero-product{max-width:650px}
}
@media (max-width:950px){.bandrain-site .hero{min-height:550px}
.bandrain-site .hero-copy{padding-top:60px}
.bandrain-site .hero-stage{min-height:550px}
.bandrain-site .hero h1{font-size:65px}
.bandrain-site .floating-ring{width:125px;right:20px}
.bandrain-site .stage-circle{width:360px;height:360px}
.bandrain-site .orbit-tag{right:20px;top:40px;width:80px;height:80px;font-size:9px}
.bandrain-site .section{padding:80px 5%}
.bandrain-site .rings{gap:25px;grid-template-columns:.65fr 1.35fr}
.bandrain-site .ring-grid{gap:17px}
.bandrain-site .rings h3{font-size:23px}
.bandrain-site .card-bottom{flex-wrap:wrap;gap:12px}
.bandrain-site .devices{gap:30px}
.bandrain-site .device-row{gap:15px}
.bandrain-site .device-row img{width:65px;height:65px}
.bandrain-site .device-row h3{font-size:22px}
.bandrain-site .faq{gap:35px}
.bandrain-site .footer-top{gap:25px}
.bandrain-site .about{gap:40px}
.bandrain-site .texture-panel>div{padding:30px}
.bandrain-site .hero-note{margin-top:40px}
.bandrain-site .closing h2{font-size:42px}
}
@media (max-width:700px){.bandrain-site .hero{grid-template-columns:1fr;min-height:0}
.bandrain-site .hero-copy{padding:40px 6% 0}
.bandrain-site .hero h1{font-size:clamp(55px,12.2vw,85px);margin:25px 0 22px}
.bandrain-site .hero-desc{font-size:13px}
.bandrain-site .hero-actions{gap:25px;margin-top:24px}
.bandrain-site .hero-note{display:none}
.bandrain-site .hero-stage{min-height:420px;margin-top:10px}
.bandrain-site .hero-product{width:88%;max-width:420px}
.bandrain-site .stage-circle{width:330px;height:330px}
.bandrain-site .orbit-tag{top:20px;right:28px}
.bandrain-site .floating-ring{bottom:55px;right:22px;width:105px}
.bandrain-site .stage-caption{bottom:23px;left:6%;font-size:8px;width:88%}
.bandrain-site .material-strip{grid-template-columns:1fr 1fr;padding:24px 6%;gap:24px}
.bandrain-site .section{padding:70px 6%}
.bandrain-site .section-heading{display:block;margin-bottom:30px}
.bandrain-site .section-heading>:is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)){max-width:none;margin-top:25px;font-size:12px}
.bandrain-site .section-heading .eyebrow{margin-bottom:16px}
.bandrain-site h2{font-size:39px;letter-spacing:-.06em}
.bandrain-site .bands-grid{gap:35px;grid-template-columns:1fr}
.bandrain-site .photo img{aspect-ratio:1.2}
.bandrain-site .product-copy{padding-top:19px}
.bandrain-site .product-copy h3{font-size:27px}
.bandrain-site .product-copy>:is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)):not(.eyebrow){font-size:12px}
.bandrain-site .card-bottom{flex-wrap:nowrap}
.bandrain-site .rings{grid-template-columns:1fr;gap:30px}
.bandrain-site .ring-intro h2{font-size:60px;margin-bottom:20px}
.bandrain-site .ring-intro :is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)):not(.eyebrow){max-width:310px}
.bandrain-site .ring-symbol{display:none}
.bandrain-site .ring-grid{grid-template-columns:1fr;gap:40px}
.bandrain-site .rings .photo img{aspect-ratio:1.2}
.bandrain-site .devices{grid-template-columns:1fr;gap:35px}
.bandrain-site .device-intro{position:relative}
.bandrain-site .device-intro>:is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)):not(.eyebrow){max-width:240px;font-size:12px}
.bandrain-site .fit-sticker{position:absolute;bottom:0;right:0;width:85px;height:85px;padding:23px 14px;font-size:21px;margin:0}
.bandrain-site .fit-sticker :is(span,.br-span){right:12px;top:36px}
.bandrain-site .device-row{gap:13px;padding:20px 0}
.bandrain-site .device-row img{width:55px;height:55px}
.bandrain-site .device-row h3{font-size:21px}
.bandrain-site .device-row :is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)){font-size:10px}
.bandrain-site .device-arrow{font-size:23px}
.bandrain-site .about{grid-template-columns:1fr;gap:27px}
.bandrain-site .about-copy :is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)){font-size:13px}
.bandrain-site .texture-panel{grid-template-columns:1fr}
.bandrain-site .texture-panel img{height:260px}
.bandrain-site .texture-panel>div{padding:25px 30px 35px}
.bandrain-site .texture-panel h3{font-size:36px;margin-top:15px}
.bandrain-site .feedback-grid{grid-template-columns:1fr;gap:20px}
.bandrain-site .feedback-grid article{padding:30px}
.bandrain-site .feedback h3{font-size:30px}
.bandrain-site .feedback-grid :is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)){font-size:12px}
.bandrain-site .faq{grid-template-columns:1fr;gap:30px;padding-top:0}
.bandrain-site .faq-orbit{display:none}
.bandrain-site summary{font-size:13px;gap:10px;padding:21px 0}
.bandrain-site details :is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)){font-size:12px;padding-left:21px}
.bandrain-site .closing{padding:45px 6%;gap:25px}
.bandrain-site .closing h2{font-size:43px;flex-basis:100%}
.bandrain-site.br-footer{padding:50px 6% 25px}
.bandrain-site .footer-top{grid-template-columns:1fr 1fr;gap:35px 25px;padding-bottom:40px}
.bandrain-site .footer-brand{grid-column:1/-1}
.bandrain-site .footer-tip{grid-column:1/-1;display:flex;gap:35px;align-items:center}
.bandrain-site .footer-tip :is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)){margin:0;font-size:19px}
.bandrain-site .footer-bottom{gap:20px;align-items:center;font-size:8px}
.bandrain-site .footer-bottom a{white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){.bandrain-site *{transition:none!important}
}
.bandrain-site .photo{background:#e9e4f6}
.bandrain-site .photo img{object-fit:contain}
.bandrain-site .hero-product{border-radius:0;transform:rotate(-7deg);width:95%;mix-blend-mode:multiply;animation:band-unfold 7s ease-in-out infinite}
.bandrain-site .hero-stage{isolation:isolate}
.bandrain-site .light-sweep{position:absolute;inset:0;z-index:3;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(110deg,transparent 20%,#fff9 43%,transparent 66%);background-size:250% 100%;animation:studio-light 9s ease-in-out infinite}
.bandrain-site .orbit-tag{z-index:4}
.bandrain-site .stage-caption{z-index:5}
.bandrain-site .hero-colorline{position:absolute;bottom:65px;right:45px;display:flex;gap:7px;z-index:4}
.bandrain-site .hero-colorline i{width:13px;height:13px;border-radius:50%;border:1px solid #25275830;background:#eee9d9}
.bandrain-site .hero-colorline i:nth-child(2){background:#edd3c9}
.bandrain-site .hero-colorline i:nth-child(3){background:#e9aecb}
.bandrain-site .hero-colorline i:nth-child(4){background:#333}
.bandrain-site .hero-colorline i:nth-child(5){background:#a7d9ce}
.bandrain-site .hero-colorline i:nth-child(6){background:#aea6d1}
@keyframes band-unfold{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-9px)}}@keyframes studio-light{0%,100%{background-position:100% 0;opacity:.35}50%{background-position:0% 0;opacity:.8}}.bandrain-site .photo{background:#e6e1f2}
.bandrain-site .photo img{aspect-ratio:1;object-fit:cover}
.bandrain-site .product{display:flex;flex-direction:column}
.bandrain-site .product-copy{display:flex;flex-direction:column;flex:1}
.bandrain-site .product-copy>:is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)):not(.eyebrow){flex:1}
.bandrain-site .card-bottom{min-height:45px}
.bandrain-site .bands-grid{align-items:stretch}
.bandrain-site .rings .product{display:flex}
.bandrain-site .rings .photo img{aspect-ratio:1}
.bandrain-site .product-copy h3{min-height:1.15em}
.bandrain-site .fit-lab{padding-bottom:55px}
.bandrain-site .fit-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px 60px;margin-bottom:40px}
.bandrain-site .fit-heading>.eyebrow{grid-column:1/-1}
.bandrain-site .fit-heading>:is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)):last-child{align-self:end;max-width:310px;font-size:13px;color:var(--muted)}
.bandrain-site .fit-console{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#eeebf5}
.bandrain-site .fit-controls{padding:42px;background:var(--ink);color:var(--paper)}
.bandrain-site .fit-controls label{font-size:12px;font-weight:600}
.bandrain-site select{display:block;width:100%;font:inherit;font-size:12px;margin:14px 0 40px;border:1px solid #ffffff40;border-radius:8px;background:#373964;color:#fff;padding:16px 12px}
.bandrain-site .measure-label{display:flex;align-items:center;justify-content:space-between;gap:15px}
.bandrain-site .measure-label>div{display:flex;align-items:baseline;gap:8px}
.bandrain-site .measure-label input{width:78px;border:0;border-bottom:1px solid #ffffff70;background:transparent;color:var(--lime);font:inherit;font-size:32px;padding:3px 0;text-align:right;border-radius:0}
.bandrain-site .measure-label :is(span,.br-span){font-size:12px;color:#c8c4db}
.bandrain-site input[type=range]{display:block;width:100%;margin:25px 0 14px;accent-color:var(--lime);cursor:pointer;min-height:30px}
.bandrain-site .slider-limits{display:flex;justify-content:space-between;font-size:10px;color:#bfbad5}
.bandrain-site .fit-controls #wrist-help{font-size:11px;color:#c4c0d7;margin-top:27px}
.bandrain-site .fit-error{color:var(--lime);font-size:11px;min-height:20px;margin-top:10px}
.bandrain-site .fit-output{padding:42px}
.bandrain-site .fit-output-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:34px}
.bandrain-site .match-count{font-size:10px;background:var(--lime);padding:8px 13px;border-radius:20px;white-space:nowrap}
.bandrain-site .scale-axis{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-bottom:20px}
.bandrain-site .range-row{margin:25px 0 30px}
.bandrain-site .range-label{display:flex;justify-content:space-between;gap:15px;font-size:11px;margin-bottom:27px}
.bandrain-site .range-label b{font-weight:500}
.bandrain-site .range-label :is(span,.br-span){font-size:10px;color:var(--muted)}
.bandrain-site .range-track{height:14px;border-radius:10px;position:relative;background:#d7d0e7}
.bandrain-site .range-band{height:100%;position:absolute;border-radius:10px;background:#9b92b8;transition:background .2s}
.bandrain-site .range-row.fits .range-band{background:var(--ink)}
.bandrain-site .range-marker{position:absolute;width:3px;height:27px;top:-7px;background:#d3ed62;box-shadow:0 0 0 1px #6d704830}
.bandrain-site .range-marker :is(span,.br-span){position:absolute;bottom:34px;left:50%;transform:translateX(-50%);font-size:9px;line-height:1;background:var(--lime);padding:4px;border-radius:4px}
.bandrain-site .range-row :is(small,.br-small){font-size:10px;color:var(--muted);margin-top:12px}
.bandrain-site .range-row.fits :is(small,.br-small){color:var(--ink)}
.bandrain-site .match-products a{border-top:1px solid #cbc3dd;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 0;font-size:12px}
.bandrain-site .match-products :is(small,.br-small){font-size:10px;color:var(--muted);margin-top:6px}
.bandrain-site .match-arrow{font-size:10px;font-weight:600;white-space:nowrap}
.bandrain-site .fit-footnote{font-size:10px;color:var(--muted);max-width:850px;margin-top:18px}
.bandrain-site .no-match{font-size:13px;line-height:1.6}
.bandrain-site .fit-browse{display:inline-block;font-size:11px;border-bottom:1px solid;margin-top:22px;padding-bottom:7px}
.bandrain-site .unsupported-device>:is(span,.br-span){font-size:80px;display:block;margin:10px 0;color:#847aab}
.bandrain-site .unsupported-device h3{font-size:28px}
.bandrain-site .unsupported-device :is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)){font-size:12px;margin-top:15px;max-width:300px}
.bandrain-site .devices{padding-top:55px}
.bandrain-site .device-row{padding:32px 0;min-height:115px}
.bandrain-site .device-row h3{font-size:32px}
.bandrain-site .device-row :is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)){font-size:12px}
.bandrain-site .device-num{font-size:12px;width:35px}
.bandrain-site .device-arrow{font-size:36px}
.bandrain-site .texture-panel{grid-template-columns:1fr 1fr;min-height:430px}
.bandrain-site .texture-panel img{height:430px;object-fit:cover;mix-blend-mode:normal}
.bandrain-site .texture-panel>div{padding:45px}
.bandrain-site .texture-panel h3{font-size:43px}
.bandrain-site .texture-panel :is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)){font-size:13px;max-width:340px;color:var(--muted);margin-top:22px}
.bandrain-site .feedback-grid article:first-child{border-top:5px solid #afa5cd}
.bandrain-site .feedback-grid article:last-child{border-top:5px solid #b5be85}
.bandrain-site .faq-measure{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;margin-top:32px}
.bandrain-site .faq{grid-template-columns:.85fr 1.15fr;gap:75px}
.bandrain-site .faq-heading>:is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)){max-width:300px}
.bandrain-site .choice-desk{background:#ddd8ea;padding:75px 6.5%;display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}
.bandrain-site .desk-copy h2{font-size:58px;margin:25px 0}
.bandrain-site .desk-copy h2 :is(span,.br-span){font-family:Georgia,serif;font-style:italic;color:#706887}
.bandrain-site .desk-copy>:is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)):last-child{font-size:13px}
.bandrain-site .desk-routes{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.bandrain-site .desk-routes>.br-route{display:flex;flex-direction:column;position:relative;padding:30px;background:var(--paper);border-radius:12px;min-height:310px;transition:transform .2s}
.bandrain-site .desk-routes>.br-route:nth-child(2){background:var(--lime);transform:translateY(30px)}
.bandrain-site .desk-routes>.br-route:hover{transform:translateY(-5px)}
.bandrain-site .desk-routes>.br-route:nth-child(2):hover{transform:translateY(25px)}
.bandrain-site .desk-routes svg{width:100%;height:155px;margin-bottom:20px}
.bandrain-site .desk-routes :is(small,.br-small){font-size:9px;letter-spacing:.12em;margin:0 0 12px}
.bandrain-site .desk-routes b{font-size:23px;line-height:1.2;letter-spacing:-.04em;font-weight:500}
.bandrain-site .desk-routes i{position:absolute;right:25px;top:20px;font-size:25px;font-style:normal}
@media (max-width:950px){.bandrain-site .fit-controls,.bandrain-site .fit-output{padding:30px}
.bandrain-site .texture-panel>div{padding:30px}
.bandrain-site .texture-panel h3{font-size:36px}
.bandrain-site .choice-desk{gap:30px}
.bandrain-site .desk-copy h2{font-size:45px}
.bandrain-site .desk-routes>.br-route{padding:22px}
.bandrain-site .desk-routes b{font-size:20px}
}
@media (max-width:700px){.bandrain-site .hero-product{width:86%;max-width:380px}
.bandrain-site .hero-stage{min-height:400px}
.bandrain-site .hero-colorline{bottom:58px;right:25px;gap:6px}
.bandrain-site .hero-colorline i{width:10px;height:10px}
.bandrain-site .hero-stage .orbit-tag{width:76px;height:76px;font-size:8px}
.bandrain-site .photo img,.bandrain-site .rings .photo img{aspect-ratio:1}
.bandrain-site .fit-lab{padding-bottom:35px}
.bandrain-site .fit-heading{display:block}
.bandrain-site .fit-heading .eyebrow{margin-bottom:20px}
.bandrain-site .fit-heading>:is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)):last-child{margin-top:22px;font-size:12px}
.bandrain-site .fit-console{grid-template-columns:1fr;border-radius:14px}
.bandrain-site .fit-controls,.bandrain-site .fit-output{padding:28px 23px}
.bandrain-site select{font-size:11px;margin-bottom:28px}
.bandrain-site .fit-output-head{margin-bottom:25px}
.bandrain-site .fit-output-head .eyebrow{font-size:9px}
.bandrain-site .fit-footnote{font-size:9px}
.bandrain-site .match-products a{gap:10px}
.bandrain-site .match-products a b{font-size:11px}
.bandrain-site .match-arrow{font-size:9px}
.bandrain-site .devices{padding-top:35px}
.bandrain-site .device-row h3{font-size:25px}
.bandrain-site .device-row{min-height:105px;padding:25px 0;gap:10px}
.bandrain-site .device-num{width:25px}
.bandrain-site .device-row :is(p,.br-p):where(:not(.br-span):not(.br-small):not(.br-i):not(.br-b)){font-size:11px}
.bandrain-site .texture-panel{grid-template-columns:1fr;min-height:0}
.bandrain-site .texture-panel img{height:auto;aspect-ratio:1}
.bandrain-site .texture-panel>div{padding:30px}
.bandrain-site .texture-panel h3{font-size:36px}
.bandrain-site .faq{grid-template-columns:1fr;gap:35px}
.bandrain-site .faq-measure{aspect-ratio:1.15;margin-top:25px}
.bandrain-site .choice-desk{grid-template-columns:1fr;padding:55px 6% 75px;gap:35px}
.bandrain-site .desk-copy h2{font-size:49px}
.bandrain-site .desk-routes{gap:13px}
.bandrain-site .desk-routes>.br-route{padding:20px 15px;min-height:240px}
.bandrain-site .desk-routes svg{height:115px}
.bandrain-site .desk-routes :is(small,.br-small){font-size:8px;letter-spacing:.07em}
.bandrain-site .desk-routes b{font-size:20px}
.bandrain-site .desk-routes i{right:15px;top:12px;font-size:22px}
.bandrain-site .desk-routes>.br-route:nth-child(2){transform:translateY(20px)}
.bandrain-site .desk-routes>.br-route:nth-child(2):hover{transform:translateY(15px)}
}
@media (prefers-reduced-motion:reduce){.bandrain-site .hero-product,.bandrain-site .light-sweep{animation:none!important}
.bandrain-site .hero-product{transform:rotate(-5deg)}
.bandrain-site .light-sweep{opacity:.35}
.bandrain-site .desk-routes a{transition:none}
}
@media (min-width:701px){.bandrain-site .faq{grid-template-columns:1.15fr .85fr}
.bandrain-site .faq-heading{order:2}
.bandrain-site .questions{order:1}
}
.bandrain-site .desk-routes>.br-route{padding:0;overflow:hidden}
.bandrain-site .desk-routes>.br-route img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;margin:0}
.bandrain-site .desk-routes>.br-route>:is(span,.br-span){padding:25px 30px 30px}
.bandrain-site .desk-routes i{z-index:1}
@media (max-width:950px){.bandrain-site .desk-routes>.br-route>:is(span,.br-span){padding:22px}
}
@media (max-width:700px){.bandrain-site .desk-routes>.br-route>:is(span,.br-span){padding:20px 15px 25px}
.bandrain-site .desk-routes>.br-route{min-height:0}
}

.bandrain-site h1,.bandrain-site h2,.bandrain-site h3{color:inherit!important}.bandrain-site .section-heading>div:first-child{flex:1}.bandrain-site .section-heading>.br-p{flex:0 0 335px;max-width:335px}.bandrain-site .br-b{font-weight:700}.bandrain-site .desk-routes .br-b{font-size:23px;font-weight:500;letter-spacing:-.04em;line-height:1.2}.bandrain-site .br-p{line-height:1.65}@media(max-width:700px){.bandrain-site .section-heading>.br-p{max-width:none;flex:auto}.bandrain-site .desk-routes .br-b{font-size:20px}}
.bandrain-site{width:100%;max-width:none;margin:0;font:16px Arial,Helvetica,sans-serif;color:#252758;background:#f7f6f2}.bandrain-site :where(.wp-block-group,h1,h2,h3,p,figure){margin-block:0;max-width:none}.bandrain-site .br-link-wrap{display:contents}.bandrain-site :where(.br-span,.br-small,.br-i,.br-b){font-size:inherit;line-height:inherit;color:inherit;margin:0}.bandrain-site figure{margin:0}.bandrain-site figure img{width:100%;height:100%;object-fit:cover}.bandrain-site .hero-product img{aspect-ratio:1;border-radius:0;mix-blend-mode:normal;transform:none;animation:none}.bandrain-site .photo>figure{aspect-ratio:1;width:100%}.bandrain-site .photo>figure a{display:block}.bandrain-site .desk-routes>.br-route>figure{aspect-ratio:1;width:100%}.bandrain-site .desk-routes>.br-route>.br-span{padding:25px 30px 30px}.bandrain-site .desk-routes>.br-route .br-i{position:absolute;right:25px;top:20px;font-size:25px}.bandrain-site .desk-routes>.br-route b{display:block}.bandrain-site .texture-panel>figure{height:430px}.bandrain-site .faq-measure img{height:100%}.bandrain-site .footer-brand figure{width:235px}.bandrain-site .br-route a{color:inherit}.bandrain-site .br-route a:hover{text-decoration:none}.editor-styles-wrapper .bandrain-site .block-editor-inner-blocks{display:contents}.editor-styles-wrapper .bandrain-site .wp-block-html{display:contents}@media(max-width:700px){.bandrain-site .texture-panel>figure{height:auto;aspect-ratio:1}.bandrain-site .desk-routes>.br-route>.br-span{padding:20px 15px 25px}.bandrain-site .desk-routes>.br-route .br-i{right:15px;top:12px;font-size:22px}}
.bandrain-site h1,.bandrain-site h2,.bandrain-site h3{font-family:Arial,Helvetica,sans-serif!important;font-weight:500!important}
.editor-styles-wrapper .bandrain-site :is(.stage-circle,.light-sweep,.hero-colorline,.mini-ring) .block-list-appender{display:none!important}
.editor-styles-wrapper .bandrain-site :is(.hero-colorline,.mini-ring)::before,.editor-styles-wrapper .bandrain-site :is(.hero-colorline,.mini-ring)::after{display:none!important}

/* Restore the approved circular hero photograph. */
.bandrain-site .hero-product{aspect-ratio:1;border-radius:50%!important;overflow:hidden;clip-path:circle(50%)}
.bandrain-site .hero-product img{border-radius:50%!important}

/* Compact product selection on desktop. */
@media(min-width:1000px){.bandrain-site .bands-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px}.bandrain-site .bands-grid .product-copy{padding-top:18px}.bandrain-site .bands-grid .product-copy h3{font-size:23px;min-height:2.3em}.bandrain-site .bands-grid .card-bottom{gap:8px;flex-wrap:wrap}.bandrain-site .bands-grid .photo-arrow{width:34px;height:34px;right:14px;bottom:14px;font-size:21px}}

/* Legible product-link arrows on both light and dark sections. */
.bandrain-site .photo-arrow,.bandrain-site .photo-arrow a{color:#252758!important}.bandrain-site .photo-arrow{line-height:1}.bandrain-site .photo-arrow a{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;text-decoration:none!important;line-height:1}.bandrain-site .photo-arrow a:focus-visible{outline:3px solid #252758;outline-offset:4px}