/* Service and application storefront; scoped to avoid changing the shared shell. */
body#top.os-studio .os-market { --market-ink:#22241f; --market-line:#252b2224; }
body#top.os-studio .os-market [hidden] { display:none!important; }
body#top.os-studio .os-services { background:#efeee7; padding-block:78px 66px; }
body#top.os-studio .os-services .oxe2-section-heading { margin-bottom:32px; }
body#top.os-studio .os-services .oxe2-section-heading :is(h1,h2) { font-size:clamp(34px,4.4vw,58px); line-height:1.08; letter-spacing:-.04em; margin:14px 0 0; }
body#top.os-studio .os-services .oxe2-section-heading :is(h1,h2) span { color:#707567; }
body#top.os-studio .os-market-toolbar { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:0 0 22px; min-width:0; }
body#top.os-studio .os-market-filters { display:flex; gap:7px; flex-wrap:wrap; min-width:0; }
body#top.os-studio .os-market-filters button { appearance:none; font:inherit; font-size:12px; font-weight:650; padding:11px 17px; border:1px solid #252b2225; background:transparent; color:var(--market-ink); border-radius:40px; cursor:pointer; transition:background .2s,color .2s,border-color .2s; white-space:nowrap; }
body#top.os-studio .os-market-filters button:hover { background:#e2e4d8; }
body#top.os-studio .os-market-filters button[aria-pressed="true"] { color:#f8f8ee; background:#252b22; border-color:#252b22; }
body#top.os-studio .os-market-controls { display:flex; flex-shrink:0; gap:8px; }
body#top.os-studio .os-market-controls button { width:43px; height:43px; display:grid; place-items:center; border:1px solid #252b2240; background:#fcfbf6; color:var(--market-ink); font:24px/1 system-ui,sans-serif; border-radius:50%; cursor:pointer; transition:background .2s,transform .2s; }
body#top.os-studio .os-market-controls button:hover:not(:disabled) { background:#d6f274; transform:translateY(-2px); }
body#top.os-studio .os-market-controls button:disabled { opacity:.3; cursor:default; }
body#top.os-studio .os-market :is(button,a,summary,[tabindex]):focus-visible { outline:3px solid #5b5ac7; outline-offset:4px; }
body#top.os-studio .os-market-rail { display:flex; gap:20px; position:relative; overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#8d9480 transparent; scroll-padding:0; padding:5px 0 18px; align-items:stretch; -webkit-overflow-scrolling:touch; }
body#top.os-studio .os-market-rail>[data-market-card] { flex:0 0 calc((100% - 40px)/3); min-width:0; scroll-snap-align:start; scroll-margin:0; border:1px solid var(--market-line); border-radius:22px; overflow:hidden; background:#fffef9; color:var(--market-ink); transition:box-shadow .25s; }
body#top.os-studio .os-market-rail>[data-market-card]:hover { box-shadow:0 8px 20px #2029190b; }
body#top.os-studio .os-market-foot { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:8px; color:#62685c; font-size:11px; line-height:1.6; }
body#top.os-studio [data-market-status] { font-variant-numeric:tabular-nums; white-space:nowrap; letter-spacing:.06em; }
body#top.os-studio .os-market-note { font-size:11px; line-height:1.8; max-width:880px; margin:26px 0 0; color:#65695f; }
body#top.os-studio .os-service-art { height:202px; position:relative; overflow:hidden; background:#dce9b8; isolation:isolate; }
body#top.os-studio .os-art-code { position:absolute; top:19px; left:21px; font-size:9px; font-weight:700; letter-spacing:.14em; z-index:2; }
body#top.os-studio .os-art-word { position:absolute; left:19px; bottom:0; font-size:63px; font-family:Georgia,serif; font-style:italic; letter-spacing:-.07em; line-height:1; opacity:.23; }
body#top.os-studio .os-art-device { width:165px; height:118px; position:absolute; top:54px; right:35px; border:2px solid #253126; border-radius:10px; background:#fffef3; transform:rotate(-9deg); box-shadow:8px 10px 0 #293b3020; }
body#top.os-studio .os-art-chrome { border-bottom:1px solid #25312640; height:18px; display:flex; align-items:center; gap:3px; padding:0 8px; }
body#top.os-studio .os-art-chrome i { width:3px; height:3px; background:#283026; border-radius:50%; }
body#top.os-studio .os-art-ui { padding:12px; }
body#top.os-studio .os-art-glyph { display:grid; place-items:center; position:absolute; right:15px; top:37px; width:36px; height:36px; border-radius:50%; background:#d5ec93; }
body#top.os-studio .os-art-glyph svg { width:19px; height:19px; }
body#top.os-studio .os-art-ui>b { display:block; height:6px; width:52%; border-radius:3px; background:#2c342a; margin:5px 0; }
body#top.os-studio .os-art-ui>b+b { width:35%; opacity:.3; }
body#top.os-studio .os-art-blocks { display:flex; gap:5px; margin-top:17px; }
body#top.os-studio .os-art-blocks i { flex:1; height:20px; background:#dce9b8; border-radius:3px; }
body#top.os-studio .os-art-seal { position:absolute; right:18px; bottom:18px; display:grid; place-items:center; height:38px; width:38px; background:#ff754b; border:1px solid #2b3029; border-radius:50%; transform:rotate(12deg); }
body#top.os-studio .os-art-seal svg { width:20px; height:20px; }
body#top.os-studio .os-art-mobile { background:#e2d6fb; }
body#top.os-studio .os-art-ios { background:#cbdff6; }
body#top.os-studio :is(.os-art-mobile,.os-art-ios) .os-art-device { width:83px; height:144px; top:37px; right:74px; border-radius:18px; transform:rotate(12deg); }
body#top.os-studio :is(.os-art-mobile,.os-art-ios) .os-art-chrome { width:26px; height:7px; border:0; background:#283026; border-radius:10px; padding:0; margin:7px auto; }
body#top.os-studio :is(.os-art-mobile,.os-art-ios) .os-art-ui { padding:40px 9px 8px; }
body#top.os-studio :is(.os-art-mobile,.os-art-ios) .os-art-glyph { top:28px; right:21px; width:36px; height:36px; }
body#top.os-studio :is(.os-art-mobile,.os-art-ios) .os-art-blocks { margin-top:12px; }
body#top.os-studio .os-art-ready { background:#f6d0b8; }
body#top.os-studio .os-art-ready .os-art-device { width:122px; height:122px; top:48px; right:57px; transform:rotate(-8deg); border-radius:20px; }
body#top.os-studio .os-art-ready .os-art-blocks i { height:30px; background:#f6c7aa; }
body#top.os-studio .os-art-ready .os-art-glyph { background:#f5c8ab; }
body#top.os-studio .os-art-desktop { background:#c5e5dd; }
body#top.os-studio .os-art-desktop .os-art-device { transform:rotate(-5deg); top:43px; border-bottom-width:10px; }
body#top.os-studio .os-art-desktop .os-art-device:after { content:''; position:absolute; left:44%; top:100%; height:22px; width:28px; background:#283026; border-radius:0 0 5px 5px; }
body#top.os-studio .os-service-body { padding:24px 23px 20px; }
body#top.os-studio .os-service-category { display:block; font-size:10px; font-weight:650; color:#656c5d; letter-spacing:.07em; margin-bottom:8px; }
body#top.os-studio .os-service-card h3 { font-size:24px; line-height:1.18; letter-spacing:-.03em; margin:0 0 12px; min-height:57px; }
body#top.os-studio .os-service-description { font-size:12px; line-height:1.7; color:#62665d; min-height:61px; margin:0 0 18px; }
body#top.os-studio .os-service-price { display:flex; flex-direction:column; gap:6px; }
body#top.os-studio .os-service-price strong { font-size:29px; line-height:1.15; font-weight:600; letter-spacing:-.05em; }
body#top.os-studio .os-service-price>span { font-size:10px; color:#62665d; line-height:1.4; }
body#top.os-studio .os-service-payment { font-size:9px; margin:8px 0 17px; line-height:1.5; color:#64685e; }
body#top.os-studio a.os-service-cta { display:flex; justify-content:space-between; align-items:center; gap:8px; background:#282e24; color:#fffef3; border-radius:10px; padding:13px 14px; font-size:11px; font-weight:650; text-decoration:none; transition:background .2s; min-height:45px; }
body#top.os-studio a.os-service-cta:hover { background:#465938; }
body#top.os-studio .os-service-cta>span { font-size:20px; }
body#top.os-studio .os-service-features { list-style:none; padding:0; margin:21px 0 16px; min-height:113px; display:flex; flex-direction:column; gap:10px; }
body#top.os-studio .os-service-features li { display:flex; align-items:flex-start; gap:9px; font-size:11px; line-height:1.55; }
body#top.os-studio .os-service-features svg { width:13px; height:13px; flex:none; margin-top:2px; color:#6a8252; }
body#top.os-studio .os-service-details { border-top:1px solid #252b2220; }
body#top.os-studio .os-service-details summary { cursor:pointer; display:flex; justify-content:space-between; gap:12px; padding:14px 0 0; list-style:none; font-size:11px; font-weight:650; }
body#top.os-studio .os-service-details summary::-webkit-details-marker { display:none; }
body#top.os-studio .os-service-details summary>span { transition:transform .2s; }
body#top.os-studio .os-service-details[open] summary>span { transform:rotate(45deg); }
body#top.os-studio .os-service-details ul { padding-left:16px; margin:14px 0 0; color:#62665d; font-size:11px; line-height:1.7; }
body#top.os-studio .os-service-details li+li { margin-top:7px; }
body#top.os-studio .os-services .oxe2-package-help { margin-top:30px; }
body#top.os-studio .os-app-count { font-size:10px; letter-spacing:.12em; font-weight:650; color:#656c5d; }
body#top.os-studio .os-app-art { height:307px; overflow:hidden; position:relative; background:#ddedb6; }
body#top.os-studio .os-app-art.oxe2-peach { background:#f5d4bf; }
body#top.os-studio .os-app-art.oxe2-lavender { background:#e2d8f5; }
body#top.os-studio .os-app-art-word { position:absolute; top:21px; left:19px; font:italic 41px/1 Georgia,serif; letter-spacing:-.05em; opacity:.3; }
body#top.os-studio .os-app-art .os-screen-deck { position:absolute; inset:30px 0 0; height:270px; min-height:0; }
body#top.os-studio .os-app-art .os-deck-screen { top:10px; left:50%; width:98px; height:auto; aspect-ratio:720/1564; border:3px solid #242a26; border-radius:17px; opacity:1; }
body#top.os-studio .os-app-art .os-deck-screen[data-slot="0"] { transform:translateX(-50%) translateY(0) rotate(0); z-index:3; }
body#top.os-studio .os-app-art .os-deck-screen[data-slot="1"] { transform:translateX(6%) translateY(20px) rotate(12deg) scale(.88); z-index:2; filter:brightness(.97); }
body#top.os-studio .os-app-art .os-deck-screen[data-slot="2"] { transform:translateX(-106%) translateY(20px) rotate(-12deg) scale(.88); z-index:1; filter:brightness(.95); }
body#top.os-studio .os-app-art .os-deck-help { bottom:5px; font-size:9px; }
body#top.os-studio .os-app-art .os-deck-help>span:not([data-deck-count]) { display:inline; }
body#top.os-studio .os-app-body { padding:24px 22px; }
body#top.os-studio .os-app-brand { display:flex; gap:12px; align-items:center; margin-bottom:18px; }
body#top.os-studio .os-app-brand img { border-radius:13px; flex:none; box-shadow:0 2px 6px #0000000b; }
body#top.os-studio .os-app-brand h3 { font-size:21px; line-height:1.2; margin:0; letter-spacing:-.03em; }
body#top.os-studio .os-app-brand .os-service-category { font-size:9px; margin-bottom:5px; }
body#top.os-studio .os-app-body>p { font-size:12px; line-height:1.75; min-height:84px; margin:0 0 16px; color:#62665d; }
body#top.os-studio .os-app-tags { display:flex; gap:5px; flex-wrap:wrap; min-height:53px; align-content:start; }
body#top.os-studio .os-app-tags>span { font-size:9px; padding:5px 8px; line-height:1.2; background:#f0f1e9; border-radius:5px; }
body#top.os-studio .os-app-actions { display:flex; flex-direction:column; gap:16px; padding-top:17px; border-top:1px solid #252b2220; }
body#top.os-studio .os-app-actions .os-store-links { margin:0; }
body#top.os-studio a.os-app-project { display:flex; justify-content:space-between; font-size:11px; font-weight:600; color:#272d24; text-decoration:none; }
body#top.os-studio a.os-app-project:hover { text-decoration:underline; }
@media(min-width:1400px){body#top.os-studio .os-service-card h3 {min-height:29px;} }
@media(max-width:1000px){
 body#top.os-studio .os-market-rail>[data-market-card] { flex-basis:calc((100% - 20px)/2.15); }
 body#top.os-studio .os-market-toolbar { align-items:flex-start; }
 body#top.os-studio .os-market-filters { flex-wrap:nowrap; overflow:auto; padding:3px 3px 10px; }
 body#top.os-studio .os-market-controls { padding-top:3px; }
}
@media(max-width:600px){
 body#top.os-studio .os-services { padding-block:48px; }
 body#top.os-studio .os-market-rail { gap:12px; }
 body#top.os-studio .os-market-rail>[data-market-card] { flex-basis:89%; border-radius:18px; }
 body#top.os-studio .os-market-toolbar { flex-wrap:wrap; gap:10px; margin-bottom:14px; }
 body#top.os-studio .os-market-filters { width:100%; }
 body#top.os-studio .os-market-controls { margin-left:auto; }
 body#top.os-studio .os-market-controls button { width:38px; height:38px; }
 body#top.os-studio .os-market-filters button { font-size:11px; padding:10px 14px; }
 body#top.os-studio .os-service-art { height:184px; }
 body#top.os-studio .os-service-body { padding:21px 18px 18px; }
 body#top.os-studio .os-service-card h3 { font-size:23px; min-height:55px; }
 body#top.os-studio .os-service-description { min-height:62px; }
 body#top.os-studio .os-service-price strong { font-size:29px; }
 body#top.os-studio .os-app-body { padding:22px 18px; }
 body#top.os-studio .os-app-art { height:290px; }
 body#top.os-studio .os-app-art .os-screen-deck { top:22px; height:260px; }
 body#top.os-studio .os-app-body>p { min-height:84px; }
}
@media(prefers-reduced-motion:reduce){body#top.os-studio .os-market * { transition:none!important; animation:none!important; scroll-behavior:auto!important; }}