/* Televic partner editorial and illustrative workflow. */
.partner-page>section,.partner-product{padding-left:max(var(--pad),calc((100% - 1500px)/2));padding-right:max(var(--pad),calc((100% - 1500px)/2))}
.partner-hero{padding-top:155px;padding-bottom:30px;overflow:hidden}
.partner-hero .back-link{display:inline-block;margin-bottom:42px}
.partner-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:6vw;align-items:center}
.partner-hero h1{font-family:var(--head);font-size:clamp(48px,6.6vw,100px);font-weight:500;line-height:1.04;letter-spacing:-.065em;margin:24px 0 30px}
.partner-hero h1 em{font-style:normal;color:#536849}
.partner-hero-grid>div>p{max-width:600px;font-size:19px;line-height:1.65}
.partner-hero-actions{display:flex;gap:25px;flex-wrap:wrap;align-items:center;margin-top:30px}
.partner-hero-actions .text-link{font-size:13px}
.partner-hero figure{position:relative;margin:0;min-width:0}
.partner-hero figure>img{width:100%;height:580px;object-fit:cover;object-position:59% 20%;border-radius:2px}
.partner-hero figcaption{font-size:9px;letter-spacing:.09em;margin-top:12px;color:#667368}
.partner-photo-label{position:absolute;left:-30px;right:30px;bottom:48px;background:#172019eb;color:#f5f8ed;padding:28px 30px;border-top:1px solid #b6f26b}
.partner-photo-label>span,.partner-photo-label>small{display:block;font-size:10px;letter-spacing:.1em}
.partner-photo-label>img{width:240px;margin:18px 0}
.partner-baseline{margin-top:65px;border-top:1px solid #14201726;padding-top:23px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;gap:20px}
.aq-explorer{background:radial-gradient(ellipse at 75% 58%,#31452b33,transparent 65%),#101713;overflow:hidden}
.aq-explorer>.heading-split{align-items:end}
.aq-explorer h2{font-size:clamp(35px,4.2vw,64px)}
.aq-explorer .heading-split>p{max-width:410px}
.aq-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:45px 0 38px;border-bottom:1px solid var(--line)}
.aq-tabs button{display:flex;align-items:center;gap:18px;border:0;border-bottom:2px solid transparent;padding:19px 12px 22px;background:none;color:#b3beb4;text-align:left;font-size:17px}
.aq-tabs button>span{font-size:10px;opacity:.6}
.aq-tabs button[aria-selected=true]{color:var(--aq-accent);border-color:var(--aq-accent)}
.aq-example-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;min-height:140px}
.aq-example-heading h3{font-size:clamp(29px,3.1vw,45px);line-height:1.2;letter-spacing:-.035em;margin:10px 0 20px;font-weight:500}
.aq-example-heading p{max-width:480px;color:#b4bfb5}
.aq-path{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin:38px 0 46px;gap:30px}
.aq-path li{position:relative;padding:15px 0 20px;border-bottom:1px solid #ffffff22}
.aq-stage-number{display:block;color:#93a295;font-size:11px;margin-bottom:14px}
.aq-path strong{display:block;font-weight:500;font-size:clamp(17px,1.65vw,25px);letter-spacing:-.025em}
.aq-path small{font-size:11px;color:#8f9d92}
.aq-path li.is-current{border-color:var(--aq-accent)}
.aq-path li.is-current strong,.aq-path li.is-current .aq-stage-number{color:var(--aq-accent)}
.aq-path li.is-complete .aq-stage-number{color:#b6f26b}
.aq-connector{position:absolute;right:-23px;top:59px;height:14px;width:28px;display:block;border-top:1px solid #ffffff2c;border-bottom:1px solid #ffffff2c}
.aq-path li:last-child .aq-connector{display:none}
.aq-connector i{position:absolute;top:-2px;left:0;width:6px;height:3px;background:var(--aq-accent);box-shadow:0 0 8px var(--aq-accent)}
.aq-connector i+i{top:auto;bottom:-2px;left:22px;background:#b6f26b}
.aq-detail{display:grid;grid-template-columns:1fr 1.12fr;gap:6vw;align-items:center;min-height:290px}
.aq-step-copy h3{font-size:32px;line-height:1.18;margin:20px 0 18px;font-weight:500;letter-spacing:-.035em}
.aq-step-copy>p{color:#b5c0b7;max-width:540px}
.aq-status-pair{display:grid;gap:12px}
.aq-status-panel,.aq-status-board{padding:25px 28px;background:#1b251e;border:1px solid #ffffff18}
.aq-status-pair span{display:block;font-size:9px;letter-spacing:.13em;color:#b4c0b4}
.aq-status-panel strong{display:block;font-size:22px;font-weight:500;margin:13px 0 8px}
.aq-status-panel p{display:inline-block;margin:0 0 14px;color:var(--aq-accent);border-left:2px solid var(--aq-accent);padding-left:10px;font-size:14px}
.aq-status-pair small{display:block;font-size:9px;color:#8fa291;letter-spacing:.06em}
.aq-status-board>div{display:flex;gap:20px;align-items:center;margin:15px 0}
.aq-status-board b{font-size:24px;font-weight:500}
.aq-status-board p{font-size:14px;margin:0}
.aq-status-board i{height:7px;width:7px;flex-shrink:0;border-radius:50%;background:var(--aq-accent);margin-left:auto;box-shadow:0 0 20px var(--aq-accent)}
.aq-controls{border-top:1px solid var(--line);margin-top:38px;padding-top:28px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.aq-controls>div{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.aq-controls>span{font-size:12px;color:#b7c1b5}
.aq-controls button:disabled{opacity:.4}
.aq-example-note{color:#8fa091;font-size:11px;margin:24px 0 0;max-width:770px}
.partner-platforms{display:grid;grid-template-columns:1fr .44fr 1fr;align-items:start;gap:4vw;margin:55px 0 45px}
.partner-platforms article>img{width:220px;height:65px;object-fit:contain;object-position:left center}
.partner-platforms article>.aq-televic-logo{width:180px;filter:none}
.partner-platforms h3{font-size:30px;font-weight:500;letter-spacing:-.03em;margin:22px 0 15px}
.partner-exchange{align-self:center;display:flex;flex-direction:column;text-align:center;font-size:10px;color:#52664c}
.partner-exchange b{font-size:72px;line-height:1.4;font-weight:300;color:#4d7838}
.partner-exchange small{font-size:9px;letter-spacing:.08em}
.partner-independent{padding:26px 30px;background:#e2e8dc;border-left:3px solid #78a24e}
.partner-independent>span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:10px}
.partner-independent strong{font-weight:500;font-size:clamp(19px,2.5vw,32px);line-height:1.3;display:block;margin-bottom:13px}
.partner-independent p{max-width:920px;margin:0;font-size:14px}
.partner-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;margin-top:45px}
.partner-rules h3{font-weight:500;font-size:24px;line-height:1.25;letter-spacing:-.03em;margin-bottom:18px}
.partner-rules p{font-size:14px}
.partner-module-list{display:grid;grid-template-columns:1fr 1fr;column-gap:5vw;margin-top:40px}
.partner-module-list>a{display:grid;grid-template-columns:145px 1fr 20px;align-items:center;gap:28px;padding:32px 0;border-top:1px solid var(--line)}
.partner-module-list img{width:135px;max-height:50px;object-fit:contain}
.partner-module-list h3{font-size:21px;font-weight:500;margin:0 0 6px}
.partner-module-list p{font-size:14px;color:#b0bdae;margin:0}
.partner-module-list>a:hover h3{color:var(--lime)}
.partner-detail-list{display:grid;grid-template-columns:1fr 1fr;column-gap:5vw;margin:40px 0}
.partner-detail-list>article{border-top:1px solid #14201725;padding:28px 0 18px;display:grid;grid-template-columns:28px 1fr;gap:24px}
.partner-detail-list .index{font-size:11px;color:#687a5d}
.partner-detail-list h3{font-weight:500;font-size:25px;line-height:1.25;letter-spacing:-.03em;margin:0 0 17px}
.partner-detail-list p{font-size:15px;color:#53604f;max-width:570px}
.partner-local,.partner-roadmap{border-left:2px solid #80a553;padding:8px 0 8px 28px;margin:30px 0 40px;max-width:880px}
.partner-local h3{font-size:35px;line-height:1.17;letter-spacing:-.04em;font-weight:500;margin:15px 0 23px}
.partner-local p,.partner-roadmap p{font-size:15px;color:#53604f}
.partner-roadmap p{margin:12px 0 0}
.partner-teaser{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:#18221b}
.partner-teaser p{max-width:630px;color:#b8c3b6}
.partner-teaser-photo{position:relative;overflow:hidden}
.partner-teaser-photo>img{width:100%;height:380px;object-fit:cover;object-position:center}
.partner-teaser-photo>span{position:absolute;bottom:0;left:0;right:0;padding:28px;background:linear-gradient(transparent,#101713df);display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em}
.partner-teaser-photo b{font-size:26px}
body.motion-enabled .aq-visible .aq-connector i{animation:aq-forward 2s linear infinite!important}
body.motion-enabled .aq-visible .aq-connector i+i{animation:aq-return 2.5s linear infinite!important}
body.motion-enabled .aq-visible .aq-status-board i{animation:aq-pulse 2.8s ease-in-out infinite!important}
@keyframes aq-forward{from{transform:translateX(0);opacity:.3}50%{opacity:1}to{transform:translateX(22px);opacity:.3}}
@keyframes aq-return{from{transform:translateX(0);opacity:.3}50%{opacity:1}to{transform:translateX(-22px);opacity:.3}}
@keyframes aq-pulse{50%{opacity:.6;opacity:.65}}
@media(max-width:1050px){.partner-hero-grid{gap:4vw}.partner-hero figure>img{height:500px}.partner-hero h1{font-size:clamp(46px,6.2vw,80px)}.partner-photo-label{left:0;right:20px;padding:22px}.partner-module-list>a{grid-template-columns:100px 1fr 16px;gap:20px}.partner-module-list img{width:100px}.aq-detail{gap:35px}.aq-tabs button{font-size:15px}.partner-platforms{grid-template-columns:1fr .3fr 1fr;gap:25px}}
@media(max-width:760px){.partner-hero{padding-top:110px}.partner-hero .back-link{margin-bottom:28px}.partner-hero-grid{grid-template-columns:1fr;gap:38px}.partner-hero h1{font-size:clamp(44px,11vw,73px)}.partner-hero-grid>div>p{font-size:16px}.partner-hero figure>img{height:400px}.partner-photo-label{left:16px;right:16px;bottom:50px;padding:22px}.partner-photo-label>img{width:210px}.partner-baseline{margin-top:32px;gap:10px;flex-wrap:wrap;font-size:8px}.aq-tabs{margin:25px 0 24px;gap:14px}.aq-tabs button{font-size:12px;padding:12px 0;display:block;line-height:1.45}.aq-tabs button>span{display:block;margin-bottom:8px}.aq-example-heading{grid-template-columns:1fr;gap:0;min-height:0}.aq-example-heading h3{font-size:29px;margin:15px 0}.aq-example-heading p{font-size:14px}.aq-path{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:22px 0 28px}.aq-path li{padding-bottom:14px}.aq-path strong{font-size:11px;line-height:1.3;overflow-wrap:anywhere}.aq-path small{display:none}.aq-stage-number{font-size:9px;margin-bottom:12px}.aq-connector{right:-10px;top:40px;width:10px;height:8px}.aq-connector i{width:3px}.aq-connector i+i{left:7px}.aq-detail{grid-template-columns:1fr;gap:10px;min-height:0}.aq-step-copy h3{font-size:26px}.aq-step-copy p{font-size:14px;min-height:105px}.aq-status-panel,.aq-status-board{padding:21px}.aq-status-panel strong{font-size:21px}.aq-controls{margin-top:27px;gap:20px}.aq-controls>div{gap:18px}.aq-controls .button{font-size:12px;min-height:48px;padding:12px 14px}.aq-controls .text-link{font-size:12px}.aq-example-note{font-size:10px}.partner-platforms{grid-template-columns:1fr;gap:20px;margin:35px 0}.partner-platforms article>img{height:50px;width:190px}.partner-exchange{border-top:1px solid #14201725;border-bottom:1px solid #14201725;padding:15px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.partner-exchange b{font-size:38px;line-height:1}.partner-independent{padding:23px 20px}.partner-independent p{font-size:13px}.partner-rules{grid-template-columns:1fr;gap:10px;margin-top:24px}.partner-rules h3{font-size:23px}.partner-module-list{grid-template-columns:1fr}.partner-module-list>a{grid-template-columns:90px 1fr 12px;padding:25px 0;gap:20px}.partner-module-list img{width:90px}.partner-module-list h3{font-size:20px}.partner-module-list p{font-size:12px}.partner-detail-list{grid-template-columns:1fr;margin:28px 0}.partner-detail-list>article{gap:12px;padding:23px 0 12px}.partner-detail-list h3{font-size:23px}.partner-detail-list p{font-size:14px}.partner-local,.partner-roadmap{padding-left:20px}.partner-local h3{font-size:29px}.partner-local p,.partner-roadmap p{font-size:14px}.partner-teaser{grid-template-columns:1fr;gap:30px}.partner-teaser-photo>img{height:310px}.partner-teaser p{font-size:15px}@keyframes aq-forward{from{transform:translateX(0);opacity:.3}50%{opacity:1}to{transform:translateX(7px);opacity:.3}}@keyframes aq-return{from{transform:translateX(0);opacity:.3}50%{opacity:1}to{transform:translateX(-7px);opacity:.3}}}

/* Match the editorial theme while keeping new copy and controls readable. */
.partner-page button.text-link{background:none;border:0;padding:10px 0;text-align:left}
.partner-page .eyebrow,.partner-product .eyebrow,.partner-teaser .eyebrow,
.partner-hero figcaption,.partner-photo-label>span,.partner-photo-label>small,
.partner-baseline,.aq-stage-number,.aq-path small,.aq-status-pair span,
.aq-status-pair small,.aq-example-note,.partner-exchange,.partner-exchange small,
.partner-independent>span,.partner-detail-list .index,.partner-teaser-photo>span{font-size:12px}
.partner-page p,.partner-product p,.partner-teaser p{font-size:16px}
.partner-page .text-link,.aq-tabs button,.aq-controls .button,.aq-controls .text-link{font-size:14px}
.partner-row>a{display:flex;align-items:center;min-width:0;width:9%;flex-shrink:0}
.partner-row>a>img{width:100%;height:35px}
.partner-row>a:focus-visible{outline:2px solid #497333;outline-offset:8px}
@media(max-width:760px){.partner-row>a{width:21%}.partner-row>a>img{height:28px}}
@media(max-width:760px){.aq-path strong{font-size:14px}.aq-tabs{gap:10px}.aq-tabs button{font-size:14px}.aq-status-pair span{letter-spacing:.05em}.partner-baseline{font-size:12px}.partner-baseline>span{flex-basis:100%}.partner-module-list>a{grid-template-columns:75px 1fr 12px}.partner-module-list img{width:75px}.aq-controls>div{gap:18px}.partner-hero-actions .text-link{font-size:14px}}

.product-mdm .product-cover-image{height:auto;background:#18201b}
.product-mdm .product-cover-image>img{height:auto;aspect-ratio:16/9;object-fit:contain}
.product-mdm .cover-caption{position:static;display:block;padding:16px 22px;font-size:12px;line-height:1.5}
.product-card-visual>img[src$="optimized/osm-device-fleet-5cf207beff-1600.webp"],.mosaic-item>img[src$="optimized/osm-device-fleet-5cf207beff-1600.webp"]{object-fit:contain;background:#1b211c}
body.motion-enabled img[src$="optimized/osm-device-fleet-5cf207beff-1600.webp"],body.motion-paused img[src$="optimized/osm-device-fleet-5cf207beff-1600.webp"]{transform:none!important;animation:none!important}
body.motion-enabled .product-mdm .cover-caption{animation:none!important}
.product-mdm .feel-photo-stage .cover-caption{max-width:none;width:100%;border-left:0;background:#18201b;position:relative;left:auto;bottom:auto;right:auto}

@media(max-width:760px){.aq-path{grid-template-columns:1fr;gap:0;margin:24px 0 32px}.aq-path li{display:grid;grid-template-columns:34px 1fr;align-items:center;column-gap:12px;padding:12px 0}.aq-stage-number{grid-row:1/3;margin:0}.aq-path strong{font-size:17px;overflow-wrap:normal}.aq-path small{display:block;font-size:12px;margin-top:4px}.aq-connector{display:none}}

.concept-section .heading-split{align-items:start}.concept-section .heading-split p{max-width:36rem}.concept-section p{line-height:1.75}.concept-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);margin-top:3rem}.concept-status-grid article{border-top:1px solid color-mix(in srgb,var(--accent) 50%,transparent);padding:2rem 0}.concept-status-grid h3{font-size:clamp(1.5rem,2.5vw,2.5rem);margin:1rem 0}.concept-status-grid a{display:inline-block;margin-top:1rem;color:inherit;text-underline-offset:6px}.concept-status-grid .button{margin-top:1rem}.concept-status{font-size:.875rem;line-height:1.6;display:block;margin:1rem 0 1.5rem;padding-left:1rem;border-left:2px solid var(--accent);color:#b8c6bf}.ost-concept-figure{margin:3rem 0;border-radius:1rem;background:#fff;color:#38443e;padding:clamp(1rem,3vw,3rem);text-align:center}.ost-concept-figure img{display:block;width:min(100%,940px);height:auto;margin:auto}.ost-concept-figure figcaption{font-size:.875rem;margin-top:1.5rem;line-height:1.6}.correlation-demo{margin-top:3rem;padding:clamp(1rem,3vw,3rem);border:1px solid #3c4036;border-radius:1rem;background:radial-gradient(ellipse at 50% 0,rgba(234,179,8,.09),transparent 65%),#101913}.concept-demo-label{display:flex;justify-content:space-between;gap:1rem;color:#b4bdb6;font-size:.875rem}.correlation-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:2.5rem 0}.correlation-steps button{background:none;color:#b3bcb6;border:0;text-align:left;position:relative;padding:1.2rem .8rem;cursor:pointer;min-width:0}.correlation-steps button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.correlation-steps small{display:block;min-height:3rem;font-size:.875rem}.correlation-steps i{display:block;width:14px;height:14px;border:1px solid #657367;background:#17251b;border-radius:50%;position:relative;margin:1rem 0 1.5rem;z-index:1}.correlation-steps button:after{content:'';position:absolute;top:5.65rem;height:1px;background:#4c584b;left:1rem;right:0}.correlation-steps button:last-child:after{display:none}.correlation-steps strong{font-size:clamp(1rem,1.6vw,1.5rem);overflow-wrap:anywhere}.correlation-steps [aria-pressed=true]{color:#fff}.correlation-steps [aria-pressed=true] i{background:var(--accent);border-color:var(--accent);box-shadow:0 0 25px #eab30888;animation:conceptPulse 2.5s ease-in-out infinite}.correlation-explanation{display:grid;grid-template-columns:1fr 3fr;gap:1.5rem;align-items:start;padding:1.5rem;background:#1c281e;border-radius:.5rem;min-height:8rem}.correlation-explanation>span{color:var(--accent);font-weight:700}.correlation-explanation p{margin:0}.concept-caption{font-size:.875rem;color:#aab6ae;margin:1.5rem 0 0}.concept-section .feature-grid{margin-top:3rem}@keyframes conceptPulse{50%{opacity:.6}}.motion-paused .correlation-steps i{animation:none}@media(prefers-reduced-motion:reduce){.correlation-steps i{animation:none!important}}@media(max-width:700px){.concept-status-grid{grid-template-columns:1fr;gap:.5rem}.concept-demo-label{flex-direction:column}.correlation-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.correlation-steps button:after{display:none}.correlation-steps button{border:1px solid #39473b;border-radius:.5rem}.correlation-steps small{min-height:2.7rem}.correlation-steps i{margin:.6rem 0 1rem}.correlation-explanation{grid-template-columns:1fr;gap:.5rem;min-height:12rem}.ost-concept-figure{margin:2rem 0}.concept-section .heading-split{gap:1.5rem}}

.store-app-gallery{--store-accent:#12b39a;background:#f3f5f5;color:#182525;border-block:1px solid #19312d16;scroll-margin-top:140px}
.store-app-facility{--store-accent:#79c83d}
.store-app-layout{display:grid;grid-template-columns:minmax(0,1.8fr) repeat(var(--store-details),minmax(0,1fr));gap:24px;align-items:center;max-width:1500px;margin:auto}
.store-app-intro{min-width:0;padding-inline-end:18px}
.store-app-intro>.eyebrow{color:#41685d;font-size:11px;letter-spacing:.12em}
.store-app-gallery .store-app-intro>h2{font-size:clamp(34px,3.6vw,60px);line-height:1.08;letter-spacing:-.04em;margin:22px 0;max-width:13ch}
.store-app-intro>p{font-size:13px;line-height:1.7;color:#5c706c;margin:0 0 28px;max-width:32ch}
.store-app-card{min-width:0;margin:0}
.store-app-card button{display:block;width:100%;position:relative;padding:0;border:1px solid #192e2514;border-radius:12px;overflow:hidden;background:#eef0f2;cursor:zoom-in;box-shadow:0 10px 30px #16342e0a;transition:box-shadow .2s,border-color .2s}
.store-app-card button:hover{border-color:var(--store-accent);box-shadow:0 12px 35px #16342e1a}
.store-app-card button:focus-visible{outline:3px solid var(--store-accent);outline-offset:5px}
.store-app-card img{display:block;width:100%;height:auto;object-fit:contain}
.store-app-card .store-app-zoom{position:absolute;inset-inline-end:10px;top:10px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#172e2bea;color:white;font-size:17px;box-shadow:0 2px 8px #0002}
.store-app-card figcaption{display:flex;align-items:baseline;gap:9px;padding-top:14px;font-size:12px;line-height:1.5}
.store-app-card figcaption>span{color:#5c706c;font-size:10px}
.store-app-card figcaption strong{font-weight:500;overflow-wrap:anywhere}
.store-app-card figcaption small{margin-inline-start:auto;color:#5c706c;font-size:10px;border:1px solid #657f713b;padding:1px 5px;border-radius:3px}
@media(max-width:1050px){.store-app-layout{grid-template-columns:repeat(var(--store-details),minmax(0,1fr));align-items:start;max-width:900px;gap:28px}.store-app-intro{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.4fr;column-gap:32px;align-items:start;padding:0}.store-app-intro>.eyebrow,.store-app-intro>h2,.store-app-intro>p{grid-column:1}.store-app-intro>.store-app-overview{grid-column:2;grid-row:1/4;align-self:center}.store-app-gallery .store-app-intro>h2{font-size:40px}.store-app-intro>p{margin-bottom:0}}
@media(max-width:760px){.store-app-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.store-app-intro{display:block}.store-app-gallery .store-app-intro>h2{font-size:38px;max-width:none}.store-app-intro>p{max-width:none;margin-bottom:24px}.store-app-card figcaption{font-size:11px;gap:7px}.store-app-card figcaption>span{display:none}.store-app-journey .store-app-layout>.store-app-card:last-child{grid-column:1/-1;width:calc((100% - 16px)/2);justify-self:center}.store-app-card .store-app-zoom{width:28px;height:28px;top:7px;inset-inline-end:7px}}

/* OS Journey: a patient-facing sequence in the site's turquoise product world. */
.osj-page { --accent:#11b09c; }
.osj-logo { width:155px; height:auto; max-height:68px; object-fit:contain; object-position:left; background:none; padding:0; }
.osj-cover .product-cover-heading { grid-template-columns:1.35fr 1fr; gap:8vw; }
.osj-cover h1 { font-size:clamp(48px,5.4vw,90px); }
.osj-cover .button.lime,.osj-invitation .button.lime { background:#11b09c; color:#062c29; }
.osj-cover-link { display:block; width:fit-content; margin-top:25px; font-size:13px; }
.osj-cover-baseline { display:flex; justify-content:space-between; gap:20px; border-top:1px solid #162c2420; padding:23px 0; margin-top:65px; font:10px var(--head); letter-spacing:.09em; color:#47736b; }
.osj-experience { --step:0; position:relative; overflow:hidden; background:#081b1c; color:#e9f5f1; }
.osj-experience:before { content:''; pointer-events:none; position:absolute; inset:0; background:radial-gradient(ellipse at 80% 50%,#11b09c18,transparent 58%),linear-gradient(120deg,transparent 50%,#1dc6b907); }
.osj-experience-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; position:relative; }
.osj-experience-heading h2 { font-size:clamp(39px,4.4vw,69px); line-height:1.08; margin:22px 0 0; }
.osj-experience-heading h2 em { color:#6ad8c3; font-style:normal; }
.osj-experience .eyebrow { color:#82bdb5; }
.osj-concept { border:1px solid #74d4bf40; color:#7fb6af; padding:11px 14px; font-size:9px; letter-spacing:.09em; white-space:nowrap; }
.osj-stops { display:grid; grid-template-columns:repeat(5,1fr); position:relative; margin:55px 0 15px; border-bottom:1px solid #79b0aa32; }
.osj-stops button { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:13px; padding:12px 0 22px; border:0; color:#7a9e9e; background:transparent; cursor:pointer; font:inherit; }
.osj-stops button span { font:10px monospace; letter-spacing:.1em; }
.osj-stops button strong { font:500 16px var(--head); }
.osj-stops button[aria-selected=true] { color:#c4fff0; }
.osj-stops button[aria-selected=true] span { color:#1ad1b3; }
.osj-stops button:focus-visible { outline:1px solid #51d4ba; outline-offset:5px; }
.osj-track-light { position:absolute; bottom:-1px; left:calc(var(--step) * 20%); width:20%; height:2px; background:linear-gradient(90deg,#17cfb3,#17cfb333); box-shadow:0 0 20px #17cfb355; }
.osj-stage { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:6vw; min-height:620px; align-items:center; }
.osj-copy { padding:55px 0; max-width:610px; }
.osj-copy h3 { font:500 clamp(31px,3.1vw,48px)/1.13 var(--head); letter-spacing:-.045em; margin:24px 0; }
.osj-copy>p { color:#9fbab9; font-size:16px; line-height:1.85; max-width:540px; }
.osj-copy ul { list-style:none; margin:27px 0 35px; padding:0; }
.osj-copy li { border-top:1px solid #91c0b71f; padding:13px 0 13px 19px; color:#c4dcd6; font-size:13px; position:relative; }
.osj-copy li:before { content:'↗'; color:#11b09c; position:absolute; left:0; }
.osj-owner { color:#639b94; display:block; font:9px var(--head); letter-spacing:.08em; }
.osj-copy>.text-link { display:block; margin-top:20px; width:fit-content; font-size:13px; }
.osj-copy:focus-visible { outline:1px solid #6ad8c3; outline-offset:10px; }
.osj-visual { position:relative; min-height:620px; display:flex; align-items:center; justify-content:center; padding-bottom:98px; perspective:1200px; }
.osj-halo { position:absolute; width:100%; aspect-ratio:1; max-width:560px; border-radius:50%; top:5%; left:0; background:radial-gradient(circle,#0d9e9338,transparent 64%); pointer-events:none; }
.osj-orbit { pointer-events:none; position:absolute; width:110%; height:44%; border:1px solid #48e1c224; border-left-color:#72edd677; border-radius:50%; top:30%; left:-5%; transform:rotate(-23deg); }
.osj-orbit-b { width:87%; height:62%; top:16%; left:7%; transform:rotate(26deg); border-style:dashed; border-color:#73ccb019; }
.osj-device-host { position:relative; z-index:2; transform:rotateY(-10deg) rotateX(5deg) rotateZ(3deg); filter:drop-shadow(25px 26px 30px #0007); margin-top:25px; }
.osj-device { width:285px; min-height:440px; border:1px solid #759d9599; border-radius:31px; background:linear-gradient(135deg,#254544,#102e2c 18%,#091f21 83%,#547773); padding:8px; box-shadow:inset -3px -2px 0 #142f2b,inset 3px 0 0 #b4d6c74a; }
.osj-device-top { height:30px; display:flex; align-items:center; justify-content:space-between; padding:0 16px; font:7px monospace; color:#9bbcba; letter-spacing:.12em; }
.osj-device-top>i { width:6px; height:6px; border:1px solid #3f8b82; background:#152c2b; border-radius:50%; }
.osj-screen { position:relative; border-radius:17px; background:#e8f1ec; padding:23px 18px 16px; min-height:386px; color:#153f3b; overflow:hidden; }
.osj-screen-kicker { font:6.5px var(--head); color:#638b7f; letter-spacing:.1em; }
.osj-screen h4 { font:600 23px/1.15 var(--head); margin:12px 0 8px; letter-spacing:-.04em; }
.osj-screen>p { font-size:9px; line-height:1.5; color:#69837a; margin:0 0 20px; }
.osj-screen-card { display:flex; flex-direction:column; background:#f9fcf8; border:1px solid #c7dcd1; border-radius:8px; padding:12px 13px; margin-top:8px; gap:4px; }
.osj-screen-card>span { font:7px var(--head); letter-spacing:.07em; color:#319581; }
.osj-screen-card strong { font:600 12px/1.5 var(--head); }
.osj-screen-card small { color:#81948c; font-size:9px; }
.osj-screen-status { display:flex; align-items:center; gap:6px; font:8px var(--head); margin-top:18px; color:#318b79; }
.osj-screen-status i { width:4px; height:4px; background:#11b09c; border-radius:50%; }
.osj-device-foot { height:14px; display:flex; align-items:end; justify-content:center; }
.osj-device-foot i { height:2px; width:70px; background:#6d8f85; border-radius:2px; }
.osj-device-terminal,.osj-device-checkout { border-radius:17px; width:310px; position:relative; }
.osj-device-terminal:after,.osj-device-checkout:after { content:''; position:absolute; bottom:-24px; left:14%; width:72%; height:24px; background:linear-gradient(90deg,#1b3937,#476964,#183936); transform:perspective(200px) rotateX(12deg); border-bottom:1px solid #69978a; }
.osj-device-terminal .osj-screen,.osj-device-checkout .osj-screen { border-radius:9px; }
.osj-device-terminal .osj-screen-card:first-of-type { background:#11b09c; color:#063f36; border-color:#11b09c; }
.osj-device-terminal .osj-screen-card:first-of-type :is(span,small) { color:#195c50; }
.osj-device-stay .osj-screen-card:first-of-type { background:#d8e8ba; border-color:#c7daa3; }
.osj-data-link { position:absolute; bottom:13px; left:0; right:0; display:flex; flex-direction:column; align-items:center; z-index:3; }
.osj-data-link>span { color:#6dada2; font-size:9px; }
.osj-stream { height:34px; width:27px; position:relative; margin:5px 0; border-left:1px solid #6ff9d54d; border-right:1px solid #92c9e338; overflow:hidden; }
.osj-stream i { position:absolute; width:4px; height:10px; left:-2px; top:-10px; background:#35d9b6; box-shadow:0 0 9px #28efcf; }
.osj-stream i+i { left:auto; right:-2px; top:auto; bottom:-10px; background:#b1e2ec; box-shadow:0 0 9px #b1e2ec; }
.osj-data-link>a { display:flex; flex-direction:column; align-items:center; gap:8px; }
.osj-data-link img { width:154px; height:auto; }
.osj-data-link small { font:7px var(--head); color:#a1bbb1; letter-spacing:.1em; }
.osj-playback { display:flex; align-items:center; justify-content:space-between; gap:30px; border-top:1px solid #80b0a52b; padding-top:23px; position:relative; }
.osj-playback>div { display:flex; gap:12px; }
.osj-playback button { font:12px var(--head); padding:14px 18px; border:1px solid #80b0a544; background:none; color:#b7d9cf; cursor:pointer; }
.osj-playback button span { display:inline-block; margin-left:25px; }
.osj-playback .osj-play { color:#093a32; background:#74dcc1; border-color:#74dcc1; }
.osj-playback button:disabled { opacity:.45; cursor:default; }
.osj-playback button:focus-visible { outline:2px solid #74dcc1; outline-offset:4px; }
.osj-playback>p { font-size:11px; color:#7ba79d; }
.osj-prototype-note { font-size:10px; line-height:1.7; color:#63928a; margin:21px 0 0; max-width:790px; position:relative; }
.osj-modules h2,.osj-connections h2,.osj-roadmap h2 { font-size:clamp(38px,4.1vw,65px); line-height:1.09; }
.osj-modules .heading-split>p { max-width:410px; font-size:16px; color:#677b70; line-height:1.8; }
.osj-module-list { margin-top:65px; }
.osj-module-list article { display:grid; grid-template-columns:60px 1.1fr 1fr; align-items:start; gap:40px; border-top:1px solid #547f6228; padding:32px 0; }
.osj-module-list .eyebrow { color:#3c8b7a; font-size:10px; }
.osj-module-list h3 { font:500 clamp(22px,2vw,31px)/1.2 var(--head); letter-spacing:-.04em; margin:14px 0 0; max-width:430px; }
.osj-module-list article>p { margin:0; font-size:14px; line-height:1.85; color:#64796d; }
.osj-module-list .index { color:#77a092; font:12px monospace; padding-top:2px; }
.osj-connections { display:grid; grid-template-columns:1fr 1fr; gap:9vw; color:#eff5ea; background:#0e1916; }
.osj-connections>div>p { max-width:500px; font-size:16px; line-height:1.9; color:#90a69a; }
.osj-connections h2 { margin:23px 0; }
.osj-connected-list>a { display:grid; grid-template-columns:83px 1fr 12px; gap:25px; padding:28px 0; border-top:1px solid #c8dcd523; align-items:start; }
.osj-connected-list>a>img { width:83px; height:36px; object-fit:contain; filter:brightness(0) invert(1); }
.osj-connected-list>a>div>span { color:#11b09c; font-size:10px; }
.osj-connected-list h3 { font:500 18px/1.3 var(--head); margin:9px 0; letter-spacing:-.02em; }
.osj-connected-list p { color:#7c998e; font-size:12px; line-height:1.8; margin:0; }
.osj-connected-list>a>span { color:#5fbda4; }
.osj-roadmap { display:grid; grid-template-columns:1fr 1fr; gap:9vw; }
.osj-roadmap h2 { margin:25px 0; }
.osj-roadmap>div>p { max-width:510px; font-size:16px; line-height:1.85; color:#648174; }
.osj-roadmap .text-link { display:inline-block; font-size:13px; margin-top:25px; color:#126f5d; }
.osj-roadmap small { display:block; font-size:10px; color:#7b9287; line-height:1.8; margin-top:14px; max-width:420px; }
.osj-roadmap ol { list-style:none; margin:0; padding:0; }
.osj-roadmap li { padding:25px 0; border-top:1px solid #40695728; }
.osj-roadmap li>span { font:9px var(--head); color:#418d78; }
.osj-roadmap li h3 { font:500 25px/1.2 var(--head); letter-spacing:-.03em; margin:15px 0; }
.osj-roadmap li p { font-size:14px; line-height:1.8; color:#647d70; }
.osj-invitation { background:#d7eee6; }
.osj-invitation h2 { font-size:clamp(42px,5vw,79px); line-height:1.07; margin:25px 0 35px; }
body.motion-enabled .osj-track-light { transition:left .7s cubic-bezier(.2,.7,.2,1)!important; }
body.motion-enabled .osj-running .osj-device-host { animation:osjFloat 7s ease-in-out infinite!important; }
body.motion-enabled .osj-running .osj-halo { animation:osjGlow 6s ease-in-out infinite!important; }
body.motion-enabled .osj-running .osj-orbit-a { animation:osjOrbit 14s ease-in-out infinite!important; }
body.motion-enabled .osj-running .osj-stream i { animation:osjSend 1.8s linear infinite!important; }
body.motion-enabled .osj-running .osj-stream i+i { animation:osjReceive 2.1s linear infinite!important; }
body.motion-enabled .osj-running .osj-screen-card { animation:osjCard .65s both var(--card-delay)!important; }
body.motion-enabled .osj-running .osj-copy>* { animation:osjText .55s both!important; }
@keyframes osjFloat { 0%,100%{transform:translateY(0) rotateY(-10deg) rotateX(5deg) rotateZ(3deg)}50%{transform:translateY(-15px) rotateY(-3deg) rotateX(2deg) rotateZ(1deg)} }
@keyframes osjGlow { 0%,100%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.06)} }
@keyframes osjOrbit { 0%,100%{transform:rotate(-23deg) scaleY(1)}50%{transform:rotate(-12deg) scaleY(.87)} }
@keyframes osjSend { to{transform:translateY(50px)} }
@keyframes osjReceive { to{transform:translateY(-50px)} }
@keyframes osjCard { from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)} }
@keyframes osjText { from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)} }
@media(max-width:1100px){.osj-cover .product-cover-heading{grid-template-columns:1.2fr 1fr;gap:45px}.osj-stage{gap:35px}.osj-visual{min-height:605px}.osj-copy>p{font-size:14px}.osj-concept{font-size:8px;max-width:225px;white-space:normal;line-height:1.7}.osj-stops button strong{font-size:13px}.osj-module-list article{grid-template-columns:35px 1fr 1fr;gap:25px}.osj-connections,.osj-roadmap{gap:45px}.osj-connected-list>a{grid-template-columns:65px 1fr 10px;gap:15px}.osj-connected-list>a>img{width:65px}}
@media(max-width:760px){
 .osj-cover .product-cover-heading{grid-template-columns:1fr;gap:25px}.osj-cover h1{font-size:clamp(44px,10.5vw,62px)}.osj-logo{width:135px}.osj-cover-baseline{margin-top:40px;font-size:8px;flex-wrap:wrap;gap:12px}.osj-cover-baseline>span:last-child{display:none}
 .osj-experience{padding:60px 22px 40px}.osj-experience-heading{align-items:start;flex-direction:column;gap:25px}.osj-experience-heading h2{font-size:39px}.osj-concept{font-size:8px;max-width:none;padding:9px}.osj-stops{margin:35px 0 0}.osj-stops button{padding:12px 0 18px;gap:10px}.osj-stops button strong{font-size:9px;font-weight:500}.osj-stops button span{font-size:9px}
 .osj-stage{grid-template-columns:1fr;gap:0}.osj-copy{padding:35px 0 12px;min-height:450px}.osj-copy h3{font-size:32px;margin:20px 0}.osj-copy .eyebrow{font-size:8px}.osj-copy>p{font-size:14px;line-height:1.8}.osj-copy ul{margin:23px 0}.osj-copy li{font-size:11px;padding:11px 0 11px 16px}.osj-owner{font-size:8px;line-height:1.7}.osj-visual{min-height:595px}.osj-device{width:266px}.osj-device-terminal,.osj-device-checkout{width:282px}.osj-halo{top:6%}.osj-orbit{width:104%;left:-2%}.osj-data-link{bottom:10px}
 .osj-playback{flex-direction:column;align-items:start;gap:13px;padding-top:20px}.osj-playback>div{width:100%;gap:8px}.osj-playback button{padding:13px 11px;font-size:10px;flex:1}.osj-playback button span{margin-left:10px}.osj-playback>p{font-size:10px;margin:0}.osj-prototype-note{font-size:9px;line-height:1.8}
 .osj-modules .heading-split{display:block}.osj-modules .heading-split>p{font-size:14px;margin-top:25px}.osj-module-list{margin-top:35px}.osj-module-list article{grid-template-columns:24px 1fr;gap:15px;padding:27px 0}.osj-module-list article>p{grid-column:2;font-size:13px}.osj-module-list h3{font-size:25px}.osj-module-list .eyebrow{font-size:9px}
 .osj-connections,.osj-roadmap{grid-template-columns:1fr;gap:35px}.osj-connections>div>p,.osj-roadmap>div>p{font-size:14px}.osj-connections h2,.osj-modules h2,.osj-roadmap h2{font-size:37px}.osj-connected-list>a{grid-template-columns:65px 1fr 10px;gap:16px}.osj-connected-list h3{font-size:17px}.osj-connected-list p{font-size:12px}.osj-roadmap li h3{font-size:25px}.osj-invitation h2{font-size:42px}.osj-invitation .button{font-size:11px}
}
@media(max-width:380px){.osj-experience{padding-left:18px;padding-right:18px}.osj-experience-heading h2{font-size:35px}.osj-copy h3{font-size:30px}.osj-copy{min-height:490px}.osj-stops button strong{font-size:8px}}

/* Reception: retouched photograph of the customer's physical terminal. */
.osj-terminal{display:grid;grid-template-columns:1.05fr 1fr;gap:7vw;align-items:center;background:#eef4f0;color:#14332e}
.osj-terminal-copy{min-width:0;max-width:650px}
.osj-terminal .eyebrow{color:#287365;font-size:14px;letter-spacing:.12em}
.osj-terminal h2{font:500 clamp(36px,4vw,66px)/1.07 var(--head);letter-spacing:-.05em;margin:24px 0}
.osj-terminal-intro{font-size:16px;line-height:1.85;color:#536f65;max-width:560px;margin:0 0 36px}
.osj-terminal-features{border-bottom:1px solid #214c3930}
.osj-terminal-features details{border-top:1px solid #214c3930;position:relative}
.osj-terminal-features summary{display:flex;align-items:baseline;gap:20px;list-style:none;cursor:pointer;padding:23px 0;min-height:64px}
.osj-terminal-features summary::-webkit-details-marker{display:none}
.osj-terminal-features summary:focus-visible{outline:2px solid #078571;outline-offset:5px}
.osj-terminal-index{font:14px var(--head);color:#587d70}
.osj-terminal-features h3{margin:0;font:500 clamp(18px,1.5vw,23px)/1.35 var(--head);letter-spacing:-.025em;flex:1}
.osj-terminal-plus{font-size:24px;line-height:1;font-weight:300;color:#237b67;transition:transform .3s}
.osj-terminal-features details[open] .osj-terminal-plus{transform:rotate(45deg)}
.osj-terminal-features details[open] h3{color:#087661}
.osj-terminal-features details>p{font-size:16px;line-height:1.85;color:#536f65;margin:0 25px 25px 38px;max-width:510px}
.osj-terminal-figure{width:100%;max-width:560px;margin:0;justify-self:center;min-width:0}
.osj-terminal-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#d6eae3,transparent 70%),linear-gradient(155deg,#e9f0eb,#dce8e1);border:1px solid #648b7624;isolation:isolate;padding:32px 8px 24px}
.osj-terminal-art img{display:block;width:100%;height:660px;object-fit:contain;filter:drop-shadow(12px 18px 14px #173a2b20)}
.osj-terminal-label{position:absolute;left:22px;top:22px;color:#287365;font:500 11px/1.5 var(--head);letter-spacing:.1em;text-transform:uppercase;max-width:calc(100% - 44px)}
.osj-photo-figure{width:320px}
.osj-device-host:has(.osj-photo-figure){transform:none;filter:drop-shadow(12px 18px 18px #0005)}
body.motion-enabled .osj-running .osj-device-host:has(.osj-photo-figure){animation:osjPhotoFloat 7s ease-in-out infinite!important}
@keyframes osjPhotoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.osj-terminal-figure figcaption{font-size:14px;line-height:1.75;color:#5d786c;margin-top:16px;max-width:520px}
.osj-terminal+.osj-modules{padding-top:70px;border-top:1px solid #53746024}
body.motion-enabled:not(.motion-paused) .osj-terminal-features details[open]>p{animation:osjText .4s both!important}
@media(max-width:1000px){.osj-terminal{gap:35px;grid-template-columns:1fr 1fr}.osj-terminal h2{font-size:42px}.osj-terminal-features summary{gap:12px}.osj-terminal-features details>p{margin-left:29px;margin-right:0}.osj-terminal-art img{height:560px}.osj-terminal-label{left:14px;top:14px;max-width:calc(100% - 28px)}}
@media(max-width:760px){.osj-terminal{grid-template-columns:1fr;gap:38px}.osj-terminal h2{font-size:clamp(36px,9vw,50px)}.osj-terminal-figure{max-width:440px}.osj-terminal-intro{margin-bottom:28px}.osj-terminal-features h3{font-size:20px}.osj-terminal-features summary{padding:20px 0}.osj-terminal+.osj-modules{padding-top:55px}}
@media(prefers-reduced-motion:reduce){.osj-terminal-plus{transition:none}body.motion-enabled:not(.motion-paused) .osj-terminal-features details[open]>p{animation:none!important}}

/* Patient portal: all additions are scoped so existing sections keep their design. */
.osj-portal{--portal-accent:#12b39a;background:#0b2725;color:#edf6f2;scroll-margin-top:calc(var(--header-height,90px) + 35px)}
.osj-portal-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:7vw;align-items:end}
.osj-portal .eyebrow{color:var(--portal-accent);font-size:12px;letter-spacing:.12em}
.osj-portal h2{font:500 clamp(36px,4.1vw,65px)/1.1 var(--head);letter-spacing:-.045em;margin:23px 0 0}
.osj-portal h2 em{font-style:normal;color:var(--portal-accent)}
.osj-portal-heading>p{color:#aec9c2;font-size:16px;line-height:1.85;max-width:520px;margin:0 0 3px}
.osj-portal-channels{border-top:1px solid #86bbac40;border-bottom:1px solid #86bbac40;padding:22px 0;margin:38px 0;font-size:14px;line-height:1.8;color:#c7e2da}
.osj-portal-images{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:42px}
.osj-portal-images figure{min-width:0;margin:0}
.osj-portal-images img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid #b1d1c62e}
.osj-portal-images figcaption{font-size:11px;line-height:1.6;color:#99bcb1;margin-top:12px}
.osj-portal-features{display:grid;grid-template-columns:1fr 1fr;gap:5vw}
.osj-portal-features>div{min-width:0}
.osj-portal details{border-top:1px solid #86bbac40}
.osj-portal-features details:last-child{border-bottom:1px solid #86bbac40}
.osj-portal summary{display:flex;align-items:baseline;gap:15px;list-style:none;cursor:pointer;min-height:68px;padding:23px 0}
.osj-portal summary::-webkit-details-marker{display:none}
.osj-portal summary:focus-visible{outline:2px solid var(--portal-accent);outline-offset:5px}
.osj-portal-number{font:11px var(--head);color:#86b0a4;flex:none}
.osj-portal h3{flex:1;font:500 clamp(17px,1.55vw,23px)/1.4 var(--head);letter-spacing:-.02em;margin:0}
.osj-portal-plus{color:var(--portal-accent);font-size:26px;line-height:1;flex:none;font-weight:300}
.osj-portal details[open] .osj-portal-plus{transform:rotate(45deg)}
.osj-portal details[open] h3{color:#6ce0c6}
.osj-portal details>p{color:#aec9c2;font-size:15px;line-height:1.85;margin:0 28px 25px 30px;max-width:620px}
.osj-portal-faq{margin-top:42px;border-bottom:1px solid #86bbac40}
.osj-portal-faq>p{margin-left:0!important;max-width:900px!important}
@media(max-width:1000px){.osj-portal-heading{gap:35px;grid-template-columns:1fr 1fr}.osj-portal h2{font-size:40px}.osj-portal-features{gap:30px}.osj-portal-images{gap:20px}.osj-portal-heading>p{font-size:15px}}
@media(max-width:760px){.osj-portal-heading,.osj-portal-features{grid-template-columns:1fr;gap:26px}.osj-portal h2{font-size:clamp(34px,8.8vw,48px)}.osj-portal .eyebrow{font-size:11px}.osj-portal-channels{font-size:13px;margin:28px 0;padding:18px 0}.osj-portal-images{grid-template-columns:1fr;gap:28px;margin-bottom:30px}.osj-portal-features{gap:0}.osj-portal-features>div:first-child details:last-child{border-bottom:0}.osj-portal summary{padding:20px 0;gap:12px}.osj-portal h3{font-size:19px}.osj-portal details>p{font-size:14px;margin-left:27px;margin-right:10px}.osj-portal-faq{margin-top:30px}}

/* Permanent links to the German app documents. */
.osj-app-links{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 30px;margin-top:32px;font-size:14px}.osj-app-links a{text-decoration:underline;text-underline-offset:5px;color:inherit}.osj-app-links a:focus-visible{outline:2px solid #12b39a;outline-offset:6px}
.osj-app-capture{position:relative;width:275px;max-width:65vw;aspect-ratio:800/1400;overflow:hidden;border-radius:10% 10% 4% 4%;background:#101719;margin:0 auto}
/* Show the original app device from the supplied artwork without altering its UI. */
.osj-app-capture>img{position:absolute;left:-17.5%;top:-37.142857%;width:135%;max-width:none;height:auto}
.osj-app-figure{margin:0}
.osj-visual:has(.osj-app-figure){padding-bottom:140px}

/* Keep automatic motion; pause it outside the viewport and in hidden tabs. */
.header{backdrop-filter:blur(8px)}
.is-offscreen,.is-offscreen::before,.is-offscreen::after,.is-offscreen *,
.is-offscreen *::before,.is-offscreen *::after,
body.page-hidden *,body.page-hidden *::before,body.page-hidden *::after,
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{
 animation-play-state:paused!important;
}
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{transition:none!important;scroll-behavior:auto!important}
/* The user explicitly keeps automatic motion, including under reduced-motion. */
.uni-beam-glow{filter:none!important;opacity:.3}
.feel-photo-stage::after,.uni-reactor-light{filter:none!important}
.seo-keyword{display:block;font-size:clamp(11px,1vw,14px);font-weight:500;line-height:1.6;letter-spacing:.09em;text-transform:uppercase;margin-bottom:22px;color:inherit;max-width:58ch}
.product-seo>.large-copy{max-width:85ch;font-size:clamp(17px,1.4vw,21px);line-height:1.8}
.product-faq{max-width:85ch;margin-top:25px}.product-faq details{border-top:1px solid #14201730;padding:22px 0}.product-faq summary{cursor:pointer;font-weight:600}.product-faq p{max-width:75ch;margin-bottom:0}
.seo-related{display:flex;flex-wrap:wrap;gap:20px;margin-top:35px}