.or-studio{--or-navy:#07142d;--or-blue:#274cff;--or-cyan:#3cc8ff;--or-lime:#d9ff57;--or-paper:#f5f7fb;--or-ink:#0b1530;color:var(--or-ink);background:var(--or-paper);overflow:clip;font-family:var(--font-body--family,Arial,sans-serif);line-height:1.55}
.or-studio *, .or-studio *::before,.or-studio *::after{box-sizing:border-box}
.or-studio :where(h1,h2,h3,p,figure){margin:0}
.or-studio h1,.or-studio h2,.or-studio h3{font-family:var(--font-heading--family,Arial,sans-serif);font-weight:650;letter-spacing:-.045em;line-height:1.06;color:inherit;text-wrap:balance}
.or-studio a{color:inherit;text-decoration:none}
.or-studio img{display:block;width:100%;max-width:100%;height:auto}
.or-shell{width:min(100%,1344px);margin-inline:auto;padding-inline:clamp(20px,4vw,64px)}
.or-section{padding-block:clamp(64px,8vw,112px)}
.or-navy{color:#f7f9ff;background:radial-gradient(ellipse at 85% 15%,#173a8766,transparent 58%),#07142d}
.or-paper{color:#0b1530;background:#f5f7fb}
.or-blue{color:#fff;background:linear-gradient(125deg,#274cff,#163697 82%)}
.or-kicker{display:block;margin-bottom:22px!important;font-size:11px;font-weight:750;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:#274cff}
.or-navy .or-kicker,.or-blue .or-kicker{color:#3cc8ff}
.or-blue .or-kicker{color:#d9ff57}
.or-title{font-size:clamp(34px,4.8vw,64px);max-width:17ch}
.or-lead{font-size:clamp(17px,1.6vw,20px);line-height:1.65;max-width:51ch;opacity:.8}
.or-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px}
.or-studio .or-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:13px 21px;border:1px solid transparent;border-radius:7px;background:#d9ff57;color:#07142d;font-size:14px;font-weight:700;line-height:1.35;transition:background .2s,transform .2s;cursor:pointer}
.or-studio .or-button::after{content:'↗';font-size:19px;font-weight:400}
.or-studio .or-button:hover{background:#e6ff97;transform:translateY(-2px)}
.or-studio .or-button--outline{background:transparent;color:inherit;border-color:currentColor}
.or-studio .or-button--outline:hover{background:#7a94cc18}
.or-studio :focus-visible{outline:3px solid #274cff;outline-offset:5px}
.or-navy :focus-visible,.or-blue :focus-visible{outline-color:#d9ff57}
.or-studio .or-text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:700;border-bottom:1px solid currentColor}
.or-text-link::after{content:'↗';font-size:20px}
.or-number{font-size:12px;letter-spacing:.06em;font-weight:700}
.or-section-head{display:flex;gap:32px;align-items:flex-end;justify-content:space-between;margin-bottom:44px}
.or-section-head>p{max-width:35ch;font-size:17px;opacity:.75}
.or-frame{overflow:hidden;border:1px solid #a9bcdf50;border-radius:12px;background:#fff;box-shadow:0 25px 65px #020a1c30}
.or-frame-bar{display:flex;align-items:center;gap:5px;height:27px;padding-inline:12px;background:#f5f7fb;border-bottom:1px solid #0b153014}
.or-frame-bar i{width:5px;height:5px;border-radius:50%;background:#b0b9c9}
.or-frame-bar span{margin-left:auto;margin-right:auto;font-size:9px;color:#5b6780;letter-spacing:.04em}
body:has(.or-studio) #MainContent{background:#07142d}
body:has(.or-studio) .otheriver-site-header{background:#07142d;color:#f7f9ff;border-color:#ffffff20}
body:has(.or-studio) .otheriver-site-header__logo img{filter:brightness(0) invert(1)}
body:has(.or-studio) .otheriver-site-header__contact{background:#274cff}
body:has(.or-studio) .otheriver-site-header__nav a:hover{color:#3cc8ff}
body:has(.or-studio) .otheriver-language-switcher{border-color:#ffffff30;background:#ffffff0a}
body:has(.or-studio) .otheriver-language-switcher__option{color:#d8e2f6}
body:has(.or-studio) .otheriver-language-switcher__option.is-active{color:#07142d;background:#f7f9ff}
body:has(.or-studio) .otheriver-site-header__mobile nav{background:#0c2050;color:#f7f9ff;border-color:#ffffff30}
body:has(.or-studio) .otheriver-site-header__mobile summary{color:#f7f9ff;border-color:#ffffff40}
.or-home-hero{padding-block:clamp(52px,6vw,86px) 0}
.or-home-hero__grid{display:grid;grid-template-columns:1.03fr 1fr;gap:clamp(28px,5vw,76px);align-items:center}
.or-home-hero h1{font-size:clamp(40px,4.75vw,66px);max-width:13.5ch}
.or-home-hero h1 em{font-style:normal;color:#d9ff57}
.or-home-hero .or-lead{margin-top:24px;font-size:17px;max-width:47ch}
.or-home-hero__visual{position:relative;padding-block:40px 68px;min-width:0}
.or-home-hero__visual:before{content:'';position:absolute;inset:0 -35px;background-image:linear-gradient(#3cc8ff0d 1px,transparent 1px),linear-gradient(90deg,#3cc8ff0d 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,#000,transparent 75%);pointer-events:none}
.or-home-hero__screen{position:relative;transform:rotate(-3deg);margin-right:30px}
.or-home-hero__screen img{aspect-ratio:1.55;object-fit:cover;object-position:top}
.or-home-hero__portal{position:absolute;right:-6px;bottom:0;width:57%;transform:rotate(3deg);border-color:#3cc8ff66}
.or-home-hero__portal img{aspect-ratio:1.55;object-fit:cover;object-position:top}
.or-home-hero__caption{position:relative;margin-top:32px;display:flex;align-items:center;gap:8px;font-size:11px;color:#c0cee9;max-width:47%}
.or-home-hero__caption:before{content:'';width:6px;height:6px;background:#d9ff57;border-radius:50%;flex:none}
.or-home-hero__strap{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:64px;padding-block:23px;border-top:1px solid #ffffff25;font-size:12px;color:#c8d3e8}
.or-home-hero__strap strong{color:#f7f9ff;font-weight:650}
.or-home-hero__strap span:last-child{display:flex;gap:23px}
.or-story{position:relative;background:#eef2fb}
.or-story__heading{padding-top:80px;padding-bottom:32px;max-width:900px}
.or-story__heading .or-title{max-width:20ch}
.or-story__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(40px,6vw,90px);align-items:start}
.or-story__step{min-height:530px;padding-block:80px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-top:1px solid #bfcbdc}
.or-story__step .or-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #b3c0d8;border-radius:50%;margin-bottom:26px;background:#fff}
.or-story__step h3{font-size:clamp(30px,3.3vw,44px);max-width:15ch}
.or-story__step>p{margin-block:21px;max-width:39ch;color:#53607a;font-size:17px}
.or-story__step.is-active .or-number{background:#274cff;border-color:#274cff;color:#fff}
.or-story__visual{position:sticky;top:110px;margin-block:36px 80px;min-height:490px;background:#07142d;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px #14317420}
.or-story__scene{position:absolute;inset:0;padding:34px;display:flex;flex-direction:column;justify-content:center;gap:20px;opacity:0;visibility:hidden;transform:translateY(24px) scale(.97);transition:opacity .5s,transform .5s,visibility .5s;color:#f7f9ff}
.or-story__scene:first-child,.or-story__scene.is-active{opacity:1;visibility:visible;transform:none}
.or-story__visual.is-enhanced .or-story__scene:not(.is-active){opacity:0;visibility:hidden;transform:translateY(24px) scale(.97)}
.or-story__scene img{max-height:305px;object-fit:cover;object-position:top;border-radius:7px;border:1px solid #ffffff25}
.or-story__scene>span{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#3cc8ff}
.or-story__scene>p{font-size:14px;color:#bccbe4}
.or-story.is-motion-ready .or-story__mobile{display:none}
.or-story__connection{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:12px;color:#d9ff57}
.or-story__connection i{height:1px;background:#3cc8ff55;flex:1}
.or-work-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:start}
.or-work-card:nth-child(2){margin-top:90px}
.or-work-card__image{display:block;overflow:hidden;border-radius:12px;background:#dae3f6;padding:26px 26px 0}
.or-work-card:nth-child(2) .or-work-card__image{background:#d9e8da;padding:20px 20px 0}
.or-work-card__image img{aspect-ratio:1.3;object-fit:cover;object-position:top;transition:transform .65s;border-radius:5px 5px 0 0;box-shadow:0 15px 30px #0b15302b}
.or-work-card__image:hover img{transform:translateY(-6px)}
.or-work-card__meta{display:flex;justify-content:space-between;gap:12px;margin-block:22px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#53607a}
.or-work-card h3{font-size:30px;line-height:1.15}
.or-work-card>p{margin-block:15px;max-width:48ch;color:#53607a;font-size:15px}
.or-work-footer{display:flex;justify-content:flex-end;margin-top:38px}
.or-home-apps__grid{display:grid;grid-template-columns:1fr 1.12fr;gap:70px;align-items:center}
.or-home-apps .or-title{max-width:13ch}
.or-home-apps .or-lead{margin-top:24px;font-size:17px}
.or-home-apps__image{padding:25px;background:#07142d55;border:1px solid #ffffff30;border-radius:14px;transform:rotate(2deg)}
.or-home-apps__image img{aspect-ratio:1.6;object-fit:cover;object-position:top;border-radius:6px}
.or-home-apps__image figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;font-size:13px}
.or-home-apps__image figcaption span{color:#d9ff57;font-size:11px}
.or-home-apps__note{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #ffffff35;padding-top:28px;margin-top:64px}
.or-home-apps__note p{font-size:16px;max-width:65ch}
.or-home-apps__note .or-text-link{flex:none}
.or-method{background:#fff}
.or-method__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:52px}
.or-method__step{padding-top:24px;border-top:1px solid #cad3e2}
.or-method__step .or-number{color:#274cff;display:block;margin-bottom:38px}
.or-method__step h3{font-size:28px;margin-bottom:17px}
.or-method__step p{font-size:15px;color:#53607a;max-width:34ch}
.or-home-contact__grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:70px}
.or-home-contact .or-title{max-width:14ch}
.or-home-contact__copy p{font-size:18px;max-width:40ch;color:#c1cce1}
.or-home-contact__signature{display:block;margin-top:24px;font-size:12px;color:#b0c2e4}
@media(min-width:1600px){.or-story__step{min-height:620px}}
@media(max-width:1000px){.or-home-hero h1{font-size:clamp(40px,5.4vw,54px)}.or-home-hero__grid{gap:25px}.or-home-hero__visual{padding-top:15px}.or-home-hero__portal{right:0}.or-story__grid{gap:35px}.or-story__visual{min-height:430px}.or-story__scene{padding:22px}.or-home-apps__grid{gap:35px}.or-section-head{align-items:flex-start}.or-section-head>p{max-width:30ch}.or-home-contact__grid{gap:35px}}
@media(max-width:767px){.or-shell{padding-inline:22px}.or-section{padding-block:64px}.or-kicker{font-size:10px;margin-bottom:18px!important}.or-title{font-size:37px}.or-section-head{display:block;margin-bottom:32px}.or-section-head>p{margin-top:20px;max-width:40ch}.or-home-hero{padding-top:43px}.or-home-hero__grid{grid-template-columns:1fr;gap:35px}.or-home-hero h1{font-size:clamp(40px,10.5vw,64px);max-width:15ch}.or-home-hero .or-lead{margin-top:20px;font-size:16px}.or-home-hero .or-actions{gap:10px;margin-top:23px}.or-studio .or-button{font-size:13px;min-height:48px;padding:12px 16px;gap:12px}.or-home-hero__visual{padding:0 8px 48px;max-width:560px}.or-home-hero__screen{margin-right:25px;transform:rotate(-2deg)}.or-home-hero__portal{right:0;bottom:0;width:54%}.or-home-hero__caption{font-size:10px;margin-top:14px}.or-home-hero__strap{margin-top:32px;display:block;font-size:11px;padding-block:20px}.or-home-hero__strap span:last-child{margin-top:12px;gap:20px;flex-wrap:wrap}.or-story__heading{padding-top:60px;padding-bottom:30px}.or-story__grid{display:block}.or-story__step{min-height:0;padding-block:34px 44px}.or-story__step h3{font-size:34px;max-width:18ch}.or-story__step>p{font-size:16px;margin-block:18px}.or-story__step .or-number{margin-bottom:20px}.or-story__visual{display:none}.or-story__mobile{display:block!important;margin-top:25px;width:100%;border-radius:9px;aspect-ratio:1.6;object-fit:cover;object-position:top;border:1px solid #cad3e2}.or-work-grid{grid-template-columns:1fr;gap:38px}.or-work-card:nth-child(2){margin-top:0}.or-work-card__image,.or-work-card:nth-child(2) .or-work-card__image{padding:18px 18px 0}.or-work-card__image img{aspect-ratio:1.4}.or-work-card__meta{margin-top:19px;font-size:10px}.or-work-card h3{font-size:29px}.or-work-footer{justify-content:flex-start}.or-home-apps__grid{grid-template-columns:1fr;gap:40px}.or-home-apps__image{padding:15px;transform:rotate(1deg)}.or-home-apps__note{display:block;margin-top:35px}.or-home-apps__note .or-text-link{margin-top:15px}.or-method__grid{grid-template-columns:1fr;gap:28px;margin-top:34px}.or-method__step{display:grid;grid-template-columns:32px 1fr;column-gap:16px;padding-top:24px}.or-method__step .or-number{grid-row:span 2;margin:0;padding-top:5px}.or-method__step h3{font-size:27px}.or-method__step p{grid-column:2;max-width:none}.or-home-contact__grid{grid-template-columns:1fr;gap:28px}.or-home-contact__copy p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.or-studio *, .or-studio *::before,.or-studio *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.or-story__visual{position:static}.or-story__step{min-height:0;padding-block:44px}.or-story__mobile{display:block!important;width:100%;margin-top:25px;aspect-ratio:1.6;object-fit:cover;object-position:top;border-radius:8px}.or-story__visual{display:none}.or-story__grid{grid-template-columns:1fr}.or-story__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.or-story__step h3{font-size:30px}.or-story__step>p{font-size:16px}.or-home-hero__screen,.or-home-hero__portal,.or-home-apps__image{transform:none}}
@media(max-width:767px) and (prefers-reduced-motion:reduce){.or-story__steps{display:block}}
.or-story:not(.is-motion-ready) .or-story__visual{display:none}
.or-story:not(.is-motion-ready) .or-story__grid{display:block}
.or-story:not(.is-motion-ready) .or-story__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.or-story:not(.is-motion-ready) .or-story__step{min-height:0;padding-block:35px 55px}
.or-story:not(.is-motion-ready) .or-story__step h3{font-size:30px}
.or-story:not(.is-motion-ready) .or-story__mobile{display:block;width:100%;margin-top:25px;aspect-ratio:1.6;object-fit:cover;object-position:top;border-radius:8px}
@media(max-width:767px){.or-story:not(.is-motion-ready) .or-story__steps{display:block}.or-story:not(.is-motion-ready) .or-story__step h3{font-size:34px}}