.orynos-network-note[hidden],.mobile-app-page [hidden]{display:none!important}
.orynos-network-note{position:fixed;z-index:1600;top:calc(env(safe-area-inset-top,0px) + 76px);left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:9px 15px;border:1px solid #bba6d4;border-radius:999px;background:#faf8ff;color:#352442;font:600 12px/1.4 Inter,system-ui,sans-serif;text-align:center;box-shadow:0 4px 18px #00000012;pointer-events:none}
html[data-theme="dark"] .orynos-network-note{background:#251e2e;color:#eee3fc;border-color:#6e5687}
.page-mobile-app{margin:0;--app-ink:var(--o-ink,#28232e);--app-muted:var(--o-muted,#685e72);--app-line:var(--o-line,#ded6e7);--app-bg:var(--o-bg,#faf8ff);--app-panel:var(--o-soft,#f2edf7);--app-accent:var(--o-accent,#7951ba);background:var(--app-bg);color:var(--app-ink)}
html[data-theme="dark"] .page-mobile-app{--app-ink:var(--o-ink,#f3edf8);--app-muted:var(--o-muted,#b9acc5);--app-line:var(--o-line,#3c3345);--app-bg:var(--o-bg,#151319);--app-panel:var(--o-soft,#211c29);--app-accent:var(--o-accent,#c1a0ec)}
.page-mobile-app .mobile-app-page{width:min(1180px,calc(100% - 80px));max-width:1180px;margin:0 auto;padding:74px 0 76px;font-family:Inter,system-ui,sans-serif}
.mobile-app-page *{box-sizing:border-box}
.mobile-app-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);align-items:center;gap:70px;padding-bottom:86px;border-bottom:1px solid var(--app-line)}
.mobile-app-eyebrow{margin:0 0 19px;color:var(--app-accent);font-size:11px;font-weight:650;letter-spacing:.15em;text-transform:uppercase}
.mobile-app-page h1{max-width:700px;margin:0;color:var(--app-ink);font-family:Outfit,Inter,system-ui,sans-serif;font-size:clamp(42px,5.6vw,74px);font-weight:600;line-height:1.03;letter-spacing:-.05em}
.mobile-app-intro{max-width:505px;margin:25px 0;color:var(--app-muted);font-size:16px;line-height:1.8;text-wrap:pretty}
.mobile-app-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 27px;margin-top:28px}
.mobile-app-actions a{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:8px 0;color:var(--app-ink);font-size:13px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--app-line);transition:border-color .18s,color .18s}
.mobile-app-actions a:hover{color:var(--app-accent);border-color:var(--app-accent)}
.mobile-app-page .mobile-app-primary{min-height:48px;padding:13px 20px;border:1px solid var(--app-accent);border-radius:12px;background:var(--app-accent);color:#fff;font:650 13px/1.4 Inter,system-ui,sans-serif;cursor:pointer;transition:transform .18s,filter .18s}
html[data-theme="dark"] .mobile-app-page .mobile-app-primary{color:#22172d}
.mobile-app-primary:active{transform:scale(.97)}
.mobile-app-primary:disabled{opacity:.6;cursor:wait}
.mobile-app-state{max-width:510px;min-height:40px;margin:22px 0 0;color:var(--app-muted);font-size:12px;line-height:1.7}
.mobile-app-update{margin:18px 0 0;padding:14px 17px;border-left:2px solid var(--app-accent);background:var(--app-panel);font-size:12px;line-height:1.7}
.mobile-app-device{position:relative;justify-self:center;width:min(100%,288px);min-height:416px;overflow:hidden;padding:23px 24px 19px;border:1px solid #5e546d;border-radius:39px;background:#1b1722;color:#f9f5ff;box-shadow:12px 23px 0 -14px #c0a8dc48,0 28px 70px -35px #21112c65;transform:perspective(1100px) rotateY(-8deg) rotateX(4deg) rotateZ(3deg);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.mobile-app-device:hover{transform:perspective(1100px) rotateY(0) rotateX(0) rotateZ(0)}
.mobile-app-device:before{content:"";position:absolute;top:10px;left:50%;width:58px;height:5px;transform:translateX(-50%);border-radius:20px;background:#51455f}
.mobile-app-device-top{display:flex;align-items:center;justify-content:space-between;margin-top:14px;color:#a99bb8;font-size:8px;letter-spacing:.13em}
.mobile-app-device-top i{width:6px;height:6px;border-radius:50%;background:#c4a4ed}
.mobile-app-mark{display:block;width:60px;height:60px;margin:34px 0 23px;border-radius:15px;background:#faf8ff}
.mobile-app-device-title{font-family:Outfit,Inter,system-ui,sans-serif;font-size:29px;font-weight:500;line-height:1.08;letter-spacing:-.04em}
.mobile-app-wave{display:flex;height:72px;align-items:center;gap:5px;margin:20px 0}
.mobile-app-wave i{display:block;flex:1;height:var(--wave-height,30%);border-radius:3px;background:#b392dd;transform-origin:center;animation:orynos-app-wave 2.8s ease-in-out infinite;animation-delay:calc(var(--wave-step,0) * -90ms);animation-play-state:paused}
.mobile-app-device[data-motion-active="true"] .mobile-app-wave i{animation-play-state:running}
.mobile-app-wave i:nth-child(6n+1){--wave-height:20%;--wave-step:1}.mobile-app-wave i:nth-child(6n+2){--wave-height:45%;--wave-step:3}.mobile-app-wave i:nth-child(6n+3){--wave-height:68%;--wave-step:5}.mobile-app-wave i:nth-child(6n+4){--wave-height:92%;--wave-step:7}.mobile-app-wave i:nth-child(6n+5){--wave-height:56%;--wave-step:9}.mobile-app-wave i:nth-child(6n){--wave-height:36%;--wave-step:11}
.mobile-app-device-nav{display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid #4a3d58;color:#d7cae7;font-size:9px}
.mobile-app-device-nav span:first-child{color:#fff}
@keyframes orynos-app-wave{0%,100%{transform:scaleY(.65);opacity:.65}50%{transform:scaleY(1);opacity:1}}
.mobile-app-instructions{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:65px 0;border-bottom:1px solid var(--app-line)}
.mobile-app-method{min-width:0;scroll-margin-top:90px}
.mobile-app-method-title{display:flex;gap:20px;align-items:center;margin-bottom:29px}
.mobile-app-method-number{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid var(--app-line);border-radius:50%;color:var(--app-accent);font-size:11px;transition:border-color .2s,background .2s}
.mobile-app-method[data-recommended="true"] .mobile-app-method-number{border-color:var(--app-accent);background:var(--app-panel)}
.mobile-app-method-title p{margin:0 0 5px;font-size:11px;color:var(--app-muted)}
.mobile-app-page h2{margin:0;color:var(--app-ink);font-family:Outfit,Inter,system-ui,sans-serif;font-size:27px;font-weight:550;line-height:1.2;letter-spacing:-.035em}
.mobile-app-method ol{display:grid;gap:24px;list-style:none;counter-reset:app-step;margin:0;padding:0 0 0 66px}
.mobile-app-method li{position:relative;counter-increment:app-step}
.mobile-app-method li:before{content:counter(app-step);position:absolute;left:-27px;top:2px;color:var(--app-accent);font-size:12px}
.mobile-app-method li strong{display:block;margin-bottom:7px;font-size:13px;font-weight:650}
.mobile-app-method li span{display:block;max-width:380px;color:var(--app-muted);font-size:12px;line-height:1.8}
.mobile-app-method li b{font-weight:600;color:var(--app-ink)}
.mobile-app-method-foot{margin:25px 0 0 66px;color:var(--app-muted);font-size:10px;line-height:1.8}
.mobile-app-workflow{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;padding:62px 0;border-bottom:1px solid var(--app-line)}
.mobile-app-workflow nav{display:grid}
.mobile-app-workflow a{display:flex;align-items:center;gap:18px;min-height:59px;border-bottom:1px solid var(--app-line);color:var(--app-ink);text-decoration:none;transition:padding .2s,color .2s}
.mobile-app-workflow a:last-child{border-bottom:0}
.mobile-app-workflow a:hover{padding-left:7px;color:var(--app-accent)}
.mobile-app-workflow a span:first-child{font-size:10px;color:var(--app-muted)}
.mobile-app-workflow a span:last-child{margin-left:auto}
.mobile-app-workflow a strong{font-size:13px;font-weight:550}
.mobile-app-questions{display:grid;grid-template-columns:1fr 1.1fr;column-gap:50px;padding-top:62px}
.mobile-app-questions h2{grid-row:span 4}
.mobile-app-questions details{grid-column:2;padding:21px 0;border-bottom:1px solid var(--app-line)}
.mobile-app-questions details:first-of-type{padding-top:0}
.mobile-app-questions summary{min-height:44px;cursor:pointer;color:var(--app-ink);font-size:13px;font-weight:600;line-height:1.6}
.mobile-app-questions p{margin:13px 0 0;color:var(--app-muted);font-size:12px;line-height:1.85}
.mobile-app-questions a{color:var(--app-accent);text-underline-offset:3px}
.mobile-app-page :is(a,button,summary):focus-visible{outline:2px solid var(--app-accent);outline-offset:5px}
@media(max-width:900px){.page-mobile-app .mobile-app-page{width:calc(100% - 48px);padding-top:45px}.mobile-app-hero{gap:35px;grid-template-columns:minmax(0,1.1fr) minmax(220px,.7fr)}.mobile-app-device{min-height:390px;padding-left:20px;padding-right:20px}.mobile-app-instructions{gap:33px}.mobile-app-page h2{font-size:23px}.mobile-app-method ol{padding-left:28px}.mobile-app-method-foot{margin-left:28px}.mobile-app-method-title{gap:14px}.mobile-app-workflow,.mobile-app-questions{grid-template-columns:1fr 1.2fr;gap:30px}}
@media(max-width:620px){.page-mobile-app .mobile-app-page{width:calc(100% - 40px);padding-top:30px;padding-bottom:45px}.mobile-app-hero{display:flex;flex-direction:column;align-items:stretch;gap:38px;padding-bottom:46px}.mobile-app-page h1{font-size:clamp(40px,10.8vw,60px);max-width:460px}.mobile-app-intro{font-size:14px;line-height:1.8;margin:21px 0}.mobile-app-actions{gap:15px 24px;margin-top:17px}.mobile-app-actions a{font-size:12px}.mobile-app-state{font-size:11px;min-height:0;margin-top:17px}.mobile-app-device{align-self:center;min-height:360px;width:244px;padding:22px 23px 17px;transform:perspective(1000px) rotateY(-5deg) rotateZ(2deg);border-radius:33px}.mobile-app-mark{width:50px;height:50px;margin:26px 0 20px}.mobile-app-device-title{font-size:26px}.mobile-app-wave{height:58px;margin:17px 0}.mobile-app-instructions{grid-template-columns:1fr;gap:43px;padding:43px 0}.mobile-app-method-title{margin-bottom:23px}.mobile-app-method ol{gap:21px;padding-left:61px}.mobile-app-method-foot{margin-left:61px}.mobile-app-method li span{font-size:12px;max-width:none}.mobile-app-method li strong{font-size:13px}.mobile-app-workflow{grid-template-columns:1fr;gap:22px;padding:43px 0}.mobile-app-eyebrow{font-size:10px;line-height:1.7;margin-bottom:14px}.mobile-app-questions{display:block;padding-top:43px}.mobile-app-questions h2{margin-bottom:24px}.mobile-app-questions details{padding:20px 0}.mobile-app-questions summary{font-size:13px}.orynos-network-note{max-width:calc(100vw - 24px);font-size:11px;padding:8px 13px}}
@media(prefers-reduced-motion:reduce){.mobile-app-device,.mobile-app-device:hover{transform:none}.mobile-app-wave i{animation:none;opacity:1}.mobile-app-page *{transition:none!important;scroll-behavior:auto!important}}
