/* Oznex / colourful product world. A fresh layout, isolated from historical themes. */
body.os-studio { --oxe2-ink:#17202a; --oxe2-cream:#fbf8f0; --oxe2-orange:#ff6b35; --oxe2-lavender:#cec2ff; --oxe2-lime:#d9f975; --oxe2-peach:#ffcfb4; --oxe2-muted:#626664; --oxe2-line:#17202a24; }
body.os-studio [class*="oxe2-"] { box-sizing:border-box; }
body.os-studio :is(.oxe2-hero,.oxe2-products,.oxe2-process,.oxe2-packages) :is(h1,h2,h3,p) { margin:0; }
body#top.os-studio :is(.oxe2-hero,.oxe2-products,.oxe2-process,.oxe2-packages) :is(h1,h2,h3) { font-family:"Oznex Play Display","Oznex Studio",sans-serif!important; font-weight:500; font-style:normal; color:var(--oxe2-ink); letter-spacing:-.032em; }
body#top.os-studio .oxe2-hero h1 { font-weight:600; }
body#top.os-studio :is(.oxe2-hero,.oxe2-products,.oxe2-process,.oxe2-packages) :is(h1,h2,h3)>span { font-weight:inherit; letter-spacing:inherit; }
body#top.os-studio :is(.oxe2-button,.oxe2-text-link,.oxe2-kicker,.oxe2-tile-heading strong,.oxe2-story-brand,.oxe2-package-top>span) { font-family:var(--os-font-display,"Oznex Play Display",sans-serif)!important; font-weight:500; letter-spacing:-.012em; }
body#top.os-studio :is(.oxe2-hero,.oxe2-products,.oxe2-process,.oxe2-packages) :is(p,li) { font-weight:400; }
body.os-studio [class*="oxe2-"] .ag-icon { width:22px; height:22px; flex:none; }
body.os-studio .oxe2-wrap { width:min(1260px,calc(100% - 72px)); margin-inline:auto; }
body.os-studio .oxe2-section { padding-block:100px; scroll-margin-top:110px; }
body.os-studio .oxe2-lime { background:var(--oxe2-lime); }
body.os-studio .oxe2-peach { background:var(--oxe2-peach); }
body.os-studio .oxe2-lavender { background:var(--oxe2-lavender); }
body.os-studio .oxe2-pink { background:#f5cee0; }
body.os-studio .oxe2-kicker { display:inline-flex; align-items:center; gap:9px; font-size:11px; font-weight:500; line-height:1.6; letter-spacing:.08em; color:var(--oxe2-ink); }
body.os-studio .oxe2-kicker>i { width:8px; height:8px; border-radius:2px; background:var(--oxe2-orange); transform:rotate(-15deg); }
body.os-studio .oxe2-button { display:inline-flex; align-items:center; justify-content:space-between; gap:22px; width:fit-content; min-height:55px; padding:7px 8px 7px 21px; border:1px solid transparent; border-radius:100px; color:var(--oxe2-ink); font-size:14px; font-weight:500; line-height:1.5; text-decoration:none; transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,scale .14s; }
body.os-studio .oxe2-button>span { width:38px; height:38px; flex-shrink:0; display:grid; place-items:center; border-radius:50%; background:#17202a12; transition:transform .3s; }
body.os-studio .oxe2-button>span>.ag-icon { width:17px; height:17px; transition:transform .25s cubic-bezier(.2,.8,.2,1); }
body.os-studio .oxe2-button:hover { transform:translateY(-3px); box-shadow:0 8px 0 -4px #17202a30; }
body.os-studio .oxe2-button:hover>span { transform:rotate(8deg); }
body.os-studio .oxe2-button:is(:hover,:focus-visible)>span>.ag-icon { transform:translate(1px,-1px); }
body.os-studio .oxe2-button:active { transform:translateY(1px); scale:.985; box-shadow:0 2px 0 -1px #17202a30; transition-duration:.12s; }
body.os-studio .oxe2-button-orange { background:var(--oxe2-orange); }
body.os-studio .oxe2-button-orange>span { background:var(--oxe2-ink); color:var(--oxe2-cream); }
body.os-studio .oxe2-button-cream { background:var(--oxe2-cream); border-color:#17202a18; }
body.os-studio .oxe2-button-ink { background:var(--oxe2-ink); color:var(--oxe2-cream); }
body.os-studio .oxe2-button-ink>span { background:var(--oxe2-lime); color:var(--oxe2-ink); }
body.os-studio .oxe2-text-link { display:inline-flex; align-items:center; gap:13px; color:var(--oxe2-ink); font-size:13px; line-height:1.6; font-weight:500; text-decoration:none; }
body.os-studio .oxe2-text-link>.ag-icon { width:18px; height:18px; transition:transform .3s; }
body.os-studio .oxe2-text-link:hover>.ag-icon { transform:translate(3px,-3px); }
body.os-studio :is(.oxe2-button,.oxe2-text-link,.oxe2-product-tile,.oxe2-scroll-controls button,.oxe2-collage,.oxe2-package-questions summary):focus-visible { outline:3px solid var(--oxe2-ink); outline-offset:5px; }
body.os-studio .oxe2-hero { padding-block:50px 46px; }
body.os-studio .oxe2-hero-heading { text-align:center; position:relative; }
body.os-studio .oxe2-hero h1 { max-width:1100px; margin:0 auto; font-size:clamp(64px,7.05vw,100px); line-height:1.08; font-weight:600; letter-spacing:-.04em; overflow-wrap:anywhere; }
body.os-studio .oxe2-marker { position:relative; display:inline-block; background:var(--oxe2-lavender); padding:0 .17em .035em; border-radius:100px; transform:rotate(-2deg); line-height:1.05; }
body.os-studio .oxe2-hero-intro { display:flex; align-items:center; justify-content:center; gap:36px; margin:30px auto 0; }
body.os-studio .oxe2-hero-intro>p { width:450px; text-align:left; color:var(--oxe2-muted); font-size:12px; line-height:1.9; }
body.os-studio .oxe2-hero-intro>.oxe2-button { flex-shrink:0; }
body.os-studio .oxe2-hero-doodle { position:absolute; left:1%; top:75px; width:69px; height:69px; transform:rotate(-16deg); color:var(--oxe2-orange); }
body.os-studio .oxe2-hero-doodle>svg { width:100%; height:100%; fill:currentColor; }
body.os-studio .oxe2-playground { margin-top:30px; }
body.os-studio .oxe2-collage { display:grid; grid-template-columns:1fr 1fr .94fr; align-items:center; gap:34px; padding:32px 19px 28px; outline-offset:0; }
body.os-studio .oxe2-product-tile { position:relative; display:block; min-width:0; height:336px; border:1px solid #17202a20; border-radius:30px; color:var(--oxe2-ink); text-decoration:none; box-shadow:0 10px 0 -5px #17202a0d,0 18px 30px -25px #17202a60; transform:rotate(var(--oxe2-turn,0deg)) translateY(var(--oxe2-lift,0px)); transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .3s,scale .14s; }
body.os-studio .oxe2-product-tile:active { scale:.985; }
body.os-studio .oxe2-tile-snapdue { --oxe2-turn:-5deg; --oxe2-tilt:6deg; }
body.os-studio .oxe2-tile-salon-mk { --oxe2-turn:4deg; --oxe2-tilt:-6deg; height:365px; margin-top:-10px; }
body.os-studio .oxe2-tile-off { --oxe2-turn:-4deg; }
body.os-studio .oxe2-product-tile:hover,body.os-studio .oxe2-product-tile:focus-visible { --oxe2-lift:-12px; transform:rotate(var(--oxe2-hover-turn,0deg)) translateY(var(--oxe2-lift)); box-shadow:0 17px 0 -9px #17202a12,0 30px 40px -28px #17202a60; z-index:2; }
body.os-studio .oxe2-tile-heading { position:relative; z-index:2; display:flex; align-items:center; gap:12px; padding:22px 22px 0; }
body.os-studio .oxe2-tile-heading>img { width:43px; height:43px; border-radius:13px; box-shadow:0 4px 8px #17202a12; }
body.os-studio .oxe2-tile-heading>span:nth-child(2) { display:grid; gap:3px; }
body.os-studio .oxe2-tile-heading strong { font-size:17px; font-weight:500; letter-spacing:-.04em; line-height:1.25; }
body.os-studio .oxe2-tile-heading small { font-size:9px; line-height:1.4; font-weight:400; opacity:.7; }
body.os-studio .oxe2-tile-arrow { display:grid; place-items:center; width:28px; height:28px; border:1px solid #17202a25; border-radius:50%; margin-left:auto; }
body.os-studio .oxe2-tile-arrow>.ag-icon { width:13px; height:13px; }
body.os-studio .oxe2-tile-art { position:absolute; top:80px; bottom:42px; left:0; right:0; overflow:hidden; }
body.os-studio .oxe2-tile-screen { position:absolute; width:181px; height:400px; left:50%; top:13px; border:4px solid var(--oxe2-ink); border-radius:24px; transform:translateX(-50%) rotate(var(--oxe2-tilt,6deg)); overflow:hidden; box-shadow:14px 16px 0 #17202a12; transition:transform .7s cubic-bezier(.16,1,.3,1); }
body.os-studio .oxe2-tile-screen>img { display:block; width:100%; height:100%; object-fit:cover; object-position:top; }
body.os-studio .oxe2-product-tile:hover .oxe2-tile-screen { transform:translateX(-50%) rotate(0deg) translateY(-7px); }
body.os-studio .oxe2-tile-salon-mk .oxe2-tile-screen { width:194px; height:425px; top:16px; }
body.os-studio .oxe2-tile-spark { position:absolute; top:110px; right:28px; display:grid; place-items:center; width:50px; height:50px; border-radius:18px; background:var(--oxe2-cream); border:1px solid #17202a16; transform:rotate(15deg); box-shadow:0 5px 0 #17202a10; }
body.os-studio .oxe2-tile-spark>.ag-icon { width:25px; height:25px; }
body.os-studio .oxe2-tile-salon-mk .oxe2-tile-spark { left:20px; right:auto; background:var(--oxe2-orange); border-radius:50%; top:142px; transform:rotate(-12deg); }
body.os-studio .oxe2-tile-foot { position:absolute; left:22px; right:22px; bottom:16px; display:block; font-size:10px; font-weight:500; border-top:1px solid #17202a20; padding-top:11px; }
body.os-studio .oxe2-off-lettering { position:absolute; top:19px; left:50%; transform:translateX(-50%) rotate(9deg); z-index:1; font-family:"Oznex Play Display",sans-serif!important; font-size:117px; font-weight:500; line-height:1; letter-spacing:-.06em; color:var(--oxe2-ink); }
body.os-studio .oxe2-off-lettering>span { color:var(--oxe2-orange); }
body.os-studio .oxe2-off-ring { position:absolute; top:40px; left:50%; width:202px; height:113px; border:1px solid #17202a45; border-radius:50%; }
body.os-studio .oxe2-off-ring-one { transform:translateX(-50%) rotate(-28deg); }
body.os-studio .oxe2-off-ring-two { transform:translateX(-50%) rotate(38deg); }
body.os-studio .oxe2-off-question { position:absolute; top:100px; right:31px; width:43px; height:43px; display:grid; place-items:center; border-radius:50%; background:var(--oxe2-lime); font-size:27px; font-weight:500; line-height:1; transform:rotate(12deg); }
body.os-studio .oxe2-off-caption { position:absolute; top:174px; left:0; right:0; text-align:center; font-size:16px; font-weight:500; letter-spacing:-.04em; }
body.os-studio .oxe2-playground-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:7px 11px 0; }
body.os-studio .oxe2-playground-bottom>span { font-size:10px; font-weight:400; color:var(--oxe2-muted); }
body.os-studio .oxe2-platform-tag { display:flex; align-items:center; gap:7px; font-size:10px; font-weight:500; }
body.os-studio .oxe2-platform-tag>.ag-icon { width:16px; height:16px; }
body.os-studio .oxe2-scroll-controls { display:none; }
body.os-studio .oxe2-ribbon { margin-top:25px; background:var(--oxe2-orange); border-block:1px solid #17202a30; transform:rotate(-1.7deg); overflow:hidden; }
body.os-studio .oxe2-ribbon>div { display:flex; align-items:center; justify-content:center; gap:54px; width:max-content; min-width:100%; padding:21px 30px; }
body.os-studio .oxe2-ribbon span { font-family:"Oznex Play Display",sans-serif!important; color:var(--oxe2-ink); font-size:23px; font-weight:500; line-height:1.3; letter-spacing:-.025em; white-space:nowrap; }
body.os-studio .oxe2-ribbon .ag-icon { width:28px; height:28px; stroke-width:1.8; }
body.os-studio .oxe2-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:50px; margin-bottom:38px; }
body.os-studio .oxe2-section-heading h2 { margin-top:17px; font-size:clamp(43px,4.8vw,67px); line-height:1.05; }
body.os-studio .oxe2-section-heading h2>span { color:#74796a; }
body.os-studio .oxe2-section-heading>p { width:342px; max-width:100%; flex-shrink:0; margin-bottom:4px; font-size:12px; line-height:1.9; color:var(--oxe2-muted); }
body.os-studio .oxe2-product-stories { display:grid; gap:28px; }
body.os-studio .oxe2-story { display:grid; grid-template-columns:1.02fr .98fr; min-height:510px; overflow:hidden; border:1px solid #17202a20; border-radius:38px; isolation:isolate; transition:box-shadow .35s,border-color .35s; }
body.os-studio .oxe2-story-copy { padding:38px 0 36px 46px; align-self:center; position:relative; z-index:2; }
body.os-studio .oxe2-story-brand { display:flex; align-items:center; gap:12px; margin-bottom:21px; font-size:15px; font-weight:500; letter-spacing:-.025em; }
body.os-studio .oxe2-story-brand>img { width:43px; height:43px; border-radius:13px; box-shadow:0 3px 10px #17202a10; }
body.os-studio .oxe2-story-category { display:inline-block; padding:6px 11px; border:1px solid #17202a35; border-radius:100px; font-size:8px; font-weight:500; }
body.os-studio .oxe2-story h3 { margin-top:16px; max-width:535px; font-size:clamp(35px,3.65vw,51px); line-height:1.07; letter-spacing:-.032em; }
body.os-studio .oxe2-story h3>span { opacity:.63; }
body.os-studio .oxe2-story-copy>p { max-width:365px; margin-top:20px; color:#4f5b32; font-size:12px; line-height:1.9; }
body.os-studio .oxe2-story-features { display:flex; flex-wrap:wrap; gap:7px; list-style:none; padding:0; margin:17px 0 0; max-width:440px; }
body.os-studio .oxe2-story-features>li { display:flex; align-items:center; gap:5px; padding:6px 9px; border:1px solid #17202a20; border-radius:100px; background:#ffffff35; color:#334326; font-size:10px; line-height:1.5; }
body.os-studio .oxe2-story-features .ag-icon { width:12px; height:12px; }
body.os-studio .oxe2-story-salon-mk .oxe2-story-features>li { color:#684b3e; }
body.os-studio .oxe2-story-bottom { display:flex; align-items:center; gap:19px; flex-wrap:wrap; margin-top:26px; }
body.os-studio .oxe2-story-bottom .oxe2-button { min-height:49px; padding:6px 7px 6px 17px; gap:20px; }
body.os-studio .oxe2-story-bottom .oxe2-button>span { width:34px; height:34px; }
body.os-studio .oxe2-status { display:flex; align-items:center; gap:7px; font-size:9px; font-weight:500; color:#465334; }
body.os-studio .oxe2-status>i { width:5px; height:5px; background:currentColor; border-radius:50%; }
body.os-studio .oxe2-story-art { position:relative; min-height:510px; overflow:hidden; }
body.os-studio .oxe2-story-orbit { position:absolute; width:415px; height:415px; border:1px solid #17202a20; border-radius:50%; top:58px; left:50%; transform:translateX(-50%); transition:transform .6s cubic-bezier(.2,.8,.2,1); }
body.os-studio .oxe2-story-orbit:after { content:""; position:absolute; inset:30px; border:1px solid #17202a12; border-radius:50%; }
body.os-studio .oxe2-story-type { position:absolute; right:19px; top:29px; font-family:"Oznex Play Display",sans-serif!important; font-size:104px; font-weight:500; line-height:1; letter-spacing:-.045em; color:#17202a12; transform:rotate(-6deg); white-space:nowrap; }
body.os-studio .oxe2-story-screen { position:absolute; width:242px; height:533px; top:55px; left:50%; border:5px solid var(--oxe2-ink); border-radius:32px; overflow:hidden; transform:translateX(-50%) rotate(10deg); box-shadow:20px 23px 0 #17202a14; translate:var(--oxe2-depth-x,0px) var(--oxe2-depth-y,0px); transition:transform .6s cubic-bezier(.16,1,.3,1),translate .5s cubic-bezier(.16,1,.3,1),box-shadow .4s; }
body.os-studio .oxe2-story-screen>img { display:block; width:100%; height:100%; object-fit:cover; object-position:top; }
body.os-studio .oxe2-story:is(:hover,:focus-within) .oxe2-story-screen { transform:translateX(-50%) rotate(6deg) translateY(-8px); }
body.os-studio .oxe2-story-sticker { position:absolute; display:grid; place-items:center; width:76px; height:76px; border-radius:26px; background:var(--oxe2-lavender); border:1px solid #17202a20; bottom:53px; left:30px; transform:rotate(-13deg); box-shadow:0 8px 0 -3px #17202a15; translate:calc(var(--oxe2-depth-x,0px) * -.7) calc(var(--oxe2-depth-y,0px) * -.7); transition:translate .5s cubic-bezier(.16,1,.3,1),rotate .4s cubic-bezier(.2,.8,.2,1); }
body.os-studio .oxe2-story-sticker>.ag-icon { width:33px; height:33px; }
body.os-studio .oxe2-story-salon-mk { grid-template-columns:.98fr 1.02fr; }
body.os-studio .oxe2-story-salon-mk .oxe2-story-copy { grid-column:2; grid-row:1; padding:38px 46px 36px 0; }
body.os-studio .oxe2-story-salon-mk .oxe2-story-art { grid-column:1; grid-row:1; }
body.os-studio .oxe2-story-salon-mk .oxe2-story-copy>p { color:#725445; }
body.os-studio .oxe2-story-salon-mk .oxe2-status { color:#725445; }
body.os-studio .oxe2-story-salon-mk .oxe2-story-type { left:12px; right:auto; top:43px; font-size:90px; transform:rotate(6deg); }
body.os-studio .oxe2-story-salon-mk .oxe2-story-screen { transform:translateX(-50%) rotate(-10deg); }
body.os-studio .oxe2-story-salon-mk:is(:hover,:focus-within) .oxe2-story-screen { transform:translateX(-50%) rotate(-6deg) translateY(-8px); }
body.os-studio .oxe2-story-salon-mk .oxe2-story-sticker { background:var(--oxe2-orange); left:auto; right:30px; transform:rotate(13deg); border-radius:50%; }
body.os-studio .oxe2-off-story { display:flex; align-items:center; gap:32px; padding:36px 42px; border:1px solid #17202a20; border-radius:32px; }
body.os-studio .oxe2-off-story-icon { display:flex; align-items:center; gap:22px; flex-shrink:0; }
body.os-studio .oxe2-off-story-icon>img { width:82px; height:82px; border-radius:24px; transform:rotate(-8deg); box-shadow:0 6px 0 #17202a10; }
body.os-studio .oxe2-off-story-icon>span { color:#7250a0; transform:rotate(11deg); }
body.os-studio .oxe2-off-story-icon>span>.ag-icon { width:36px; height:36px; }
body.os-studio .oxe2-off-story .oxe2-kicker { font-size:8px; }
body.os-studio .oxe2-off-story h3 { margin-top:9px; font-size:34px; line-height:1.2; }
body.os-studio .oxe2-off-story p { margin-top:11px; max-width:520px; font-size:11px; line-height:1.9; color:#594d75; }
body.os-studio .oxe2-development { display:flex; align-items:center; gap:8px; flex-shrink:0; margin-left:auto; padding:11px 13px; border:1px solid #17202a26; border-radius:100px; background:#ffffff40; font-size:8px; font-weight:500; }
body.os-studio .oxe2-development>.ag-icon { width:15px; height:15px; }
body.os-studio .oxe2-extra-apps { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:26px; }
body.os-studio .oxe2-extra-apps>article { padding:28px; border:1px solid var(--oxe2-line); border-radius:25px; display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
body.os-studio .oxe2-extra-apps>article:nth-child(3n+1) { background:#e9edda; }
body.os-studio .oxe2-extra-apps>article:nth-child(3n+2) { background:#f5e2d5; }
body.os-studio .oxe2-extra-apps>article:nth-child(3n+3) { background:#e5dcf7; }
body.os-studio .oxe2-extra-apps img { border-radius:14px; }
body.os-studio .oxe2-extra-apps h3 { font-size:25px; }
body.os-studio .oxe2-extra-apps p { font-size:11px; line-height:1.9; color:var(--oxe2-muted); }
body.os-studio .oxe2-extra-apps small { font-size:9px; }
body.os-studio .oxe2-extra-apps a { margin-top:auto; }
body.os-studio .oxe2-process { padding-top:6px; }
body.os-studio .oxe2-process-track { list-style:none; display:grid; grid-template-columns:repeat(4,1fr); gap:18px; padding:0; margin:42px 0 0; }
body.os-studio .oxe2-step { position:relative; padding:26px 25px 35px; min-height:290px; border:1px solid #17202a1c; border-radius:25px; overflow:hidden; transition:transform .4s cubic-bezier(.16,1,.3,1); }
body.os-studio .oxe2-step:nth-child(even) { transform:translateY(14px); }
body.os-studio .oxe2-step:hover { transform:translateY(-7px) rotate(-1deg); }
body.os-studio .oxe2-step-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:30px; }
body.os-studio .oxe2-step-top>span { font-family:"Oznex Play Display",sans-serif!important; font-size:35px; font-weight:500; line-height:1; letter-spacing:-.04em; }
body.os-studio .oxe2-step-top>.ag-icon { width:28px; height:28px; stroke-width:1.4; }
body.os-studio .oxe2-step h3 { font-size:24px; line-height:1.06; max-width:180px; }
body.os-studio .oxe2-step p { margin-top:14px; font-size:10px; line-height:1.9; color:#17202ab3; }
body.os-studio .oxe2-step-line { position:absolute; bottom:17px; left:25px; right:25px; height:1px; background:#17202a30; }
body.os-studio .oxe2-process-link { display:flex; width:fit-content; margin:44px auto 0; }
body.os-studio .oxe2-packages { background:var(--oxe2-lavender); border-block:1px solid #17202a20; border-radius:48px 48px 0 0; }
body.os-studio .oxe2-package-heading { text-align:center; margin-bottom:40px; }
body.os-studio .oxe2-package-heading :is(h1,h2) { margin-top:20px; font-size:clamp(48px,5.5vw,78px); line-height:1.04; letter-spacing:-.035em; }
body.os-studio .oxe2-package-heading :is(h1,h2)>span { color:#6e52a2; }
body.os-studio .oxe2-package-heading>p { max-width:470px; margin:23px auto 0; color:#574c70; font-size:12px; line-height:1.9; }
body.os-studio .oxe2-package-grid { display:grid; grid-template-columns:1fr 1fr; gap:26px; width:min(1050px,100%); margin-inline:auto; }
body.os-studio .oxe2-package { border:1px solid #17202a25; border-radius:30px; background:var(--oxe2-cream); padding:32px; min-width:0; transition:translate .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s; }
body.os-studio .oxe2-package-custom { background:var(--oxe2-lime); }
body.os-studio .oxe2-package-top { display:flex; align-items:center; gap:12px; margin-bottom:26px; }
body.os-studio .oxe2-package-number { width:39px; height:39px; display:grid; place-items:center; font-size:13px; font-weight:500; border-radius:50%; background:var(--oxe2-peach); border:1px solid #17202a20; }
body.os-studio .oxe2-package-custom .oxe2-package-number { background:var(--oxe2-lavender); }
body.os-studio .oxe2-package-top>span:nth-child(2) { font-size:9px; font-weight:500; letter-spacing:.06em; }
body.os-studio .oxe2-package-top>.ag-icon { width:26px; height:26px; margin-left:auto; stroke-width:1.5; transition:transform .3s cubic-bezier(.2,.8,.2,1); }
body.os-studio .oxe2-package h3 { font-size:32px; line-height:1.15; letter-spacing:-.032em; }
body.os-studio .oxe2-package-description { min-height:46px; margin-top:14px; font-size:11px; line-height:1.9; color:#62655d; }
body.os-studio .oxe2-package-custom .oxe2-package-description { color:#506033; }
body.os-studio .oxe2-package-price { margin-block:30px 25px; }
body.os-studio .oxe2-package-price>strong { display:block; font-family:"Oznex Play Display",sans-serif!important; font-size:45px; font-weight:500; line-height:1.1; letter-spacing:-.035em; overflow-wrap:anywhere; }
body.os-studio .oxe2-package-price>span { display:block; max-width:300px; margin-top:12px; color:#62655d; font-size:9px; line-height:1.8; }
body.os-studio .oxe2-package-custom .oxe2-package-price>span { color:#506033; }
body.os-studio .oxe2-package>.oxe2-button { width:100%; }
body.os-studio .oxe2-package-includes { border-top:1px solid #17202a24; padding-top:24px; margin-top:26px; }
body.os-studio .oxe2-package-includes>span { font-size:9px; font-weight:500; letter-spacing:.08em; }
body.os-studio .oxe2-package-includes>ul { list-style:none; display:grid; gap:13px; padding:0; margin:19px 0 0; }
body.os-studio .oxe2-package-includes li { display:flex; gap:10px; align-items:flex-start; font-size:11px; line-height:1.7; color:#4e5549; }
body.os-studio .oxe2-package-includes li>.ag-icon { width:15px; height:15px; margin-top:2px; color:#17202a; }
body.os-studio .oxe2-package-help { display:flex; align-items:center; justify-content:center; gap:18px; padding-top:35px; max-width:1050px; margin-inline:auto; }
body.os-studio .oxe2-help-symbol { display:grid; place-items:center; width:43px; height:43px; border-radius:50%; background:#ffffff50; flex-shrink:0; }
body.os-studio .oxe2-package-help strong { font-size:12px; font-weight:500; }
body.os-studio .oxe2-package-help p { margin-top:4px; color:#574c70; font-size:10px; line-height:1.9; }
body.os-studio .oxe2-package-help>.oxe2-text-link { margin-left:18px; flex-shrink:0; }
body.os-studio .oxe2-packages-standalone { border-radius:0; padding-top:65px; }
body.os-studio .oxe2-package-questions { width:min(1050px,100%); display:grid; grid-template-columns:1fr 1fr; gap:30px; margin:65px auto 0; }
body.os-studio .oxe2-package-questions>details { border-top:1px solid #17202a35; }
body.os-studio .oxe2-package-questions summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:22px; font-size:12px; font-weight:500; line-height:1.6; list-style:none; cursor:pointer; }
body.os-studio .oxe2-package-questions summary::-webkit-details-marker { display:none; }
body.os-studio .oxe2-package-questions summary>.ag-icon { width:17px; height:17px; transition:transform .3s; }
body.os-studio .oxe2-package-questions [open] summary>.ag-icon { transform:rotate(45deg); }
body.os-studio .oxe2-package-questions p { margin-top:15px; font-size:11px; line-height:1.9; color:#574c70; }
@media(hover:hover) and (pointer:fine) {
 body.os-studio .oxe2-story:is(:hover,:focus-within) { border-color:#17202a38; box-shadow:0 14px 0 -9px #17202a12; }
 body.os-studio .oxe2-story:is(:hover,:focus-within) .oxe2-story-orbit { transform:translateX(-50%) scale(1.025); }
 body.os-studio .oxe2-story:is(:hover,:focus-within) .oxe2-story-sticker { rotate:6deg; }
 body.os-studio .oxe2-story-salon-mk:is(:hover,:focus-within) .oxe2-story-sticker { rotate:-6deg; }
 body.os-studio .oxe2-package:hover { translate:0 -4px; box-shadow:0 11px 0 -7px #17202a18; }
 body.os-studio .oxe2-package:hover .oxe2-package-top>.ag-icon { transform:rotate(9deg); }
}
@media(min-width:1050px) and (prefers-reduced-motion:no-preference) {
 body.os-studio .oxe2-product-tile { animation:oxe2-float 5.8s ease-in-out infinite; }
 body.os-studio .oxe2-tile-salon-mk { animation-delay:-2s; animation-duration:6.4s; }
 body.os-studio .oxe2-tile-off { animation-delay:-4s; animation-duration:6.1s; }
 body.os-studio .oxe2-product-tile:is(:hover,:focus-visible) { animation-play-state:paused; }
 @keyframes oxe2-float { 0%,100% { translate:0 0; } 50% { translate:0 -7px; } }
}
@media(max-width:1100px) {
 body.os-studio .oxe2-wrap { width:calc(100% - 56px); }
 body.os-studio .oxe2-hero h1 { font-size:80px; }
 body.os-studio .oxe2-hero-doodle { width:50px; height:50px; left:0; top:78px; }
 body.os-studio .oxe2-collage { gap:25px; padding-inline:13px; }
 body.os-studio .oxe2-product-tile { height:310px; }
 body.os-studio .oxe2-tile-salon-mk { height:340px; }
 body.os-studio .oxe2-tile-heading { padding:18px 18px 0; gap:9px; }
 body.os-studio .oxe2-tile-heading>img { width:37px; height:37px; border-radius:11px; }
 body.os-studio .oxe2-tile-heading strong { font-size:15px; }
 body.os-studio .oxe2-tile-heading small { font-size:8px; }
 body.os-studio .oxe2-tile-art { top:71px; }
 body.os-studio .oxe2-tile-screen { width:160px; height:355px; }
 body.os-studio .oxe2-tile-salon-mk .oxe2-tile-screen { width:175px; height:383px; }
 body.os-studio .oxe2-tile-spark { right:14px; top:103px; width:43px; height:43px; border-radius:14px; }
 body.os-studio .oxe2-tile-foot { font-size:8px; left:18px; right:18px; }
 body.os-studio .oxe2-off-lettering { font-size:107px; }
 body.os-studio .oxe2-off-caption { top:155px; font-size:14px; }
 body.os-studio .oxe2-off-ring { width:180px; height:105px; }
 body.os-studio .oxe2-off-question { right:15px; }
 body.os-studio .oxe2-ribbon>div { gap:34px; }
 body.os-studio .oxe2-ribbon span { font-size:21px; }
 body.os-studio .oxe2-story-copy { padding-left:36px; }
 body.os-studio .oxe2-story-salon-mk .oxe2-story-copy { padding-right:36px; }
 body.os-studio .oxe2-story h3 { font-size:43px; }
 body.os-studio .oxe2-story-screen { width:218px; height:485px; top:63px; }
 body.os-studio .oxe2-story-sticker { width:63px; height:63px; left:15px; }
 body.os-studio .oxe2-story-salon-mk .oxe2-story-sticker { right:16px; }
 body.os-studio .oxe2-story-type { font-size:89px; }
 body.os-studio .oxe2-off-story { gap:26px; padding:32px; }
 body.os-studio .oxe2-off-story-icon>span { display:none; }
 body.os-studio .oxe2-off-story h3 { font-size:30px; }
 body.os-studio .oxe2-process-track { gap:14px; }
 body.os-studio .oxe2-step { padding:24px 20px 32px; min-height:305px; }
 body.os-studio .oxe2-step h3 { font-size:23px; }
}
@media(max-width:850px) {
 body.os-studio .oxe2-wrap { width:calc(100% - 44px); }
 body.os-studio .oxe2-section { padding-block:76px; }
 body.os-studio .oxe2-hero { padding-top:38px; }
 body.os-studio .oxe2-hero h1 { font-size:69px; }
 body.os-studio .oxe2-hero-doodle { display:none; }
 body.os-studio .oxe2-hero-intro { gap:25px; }
 body.os-studio .oxe2-hero-intro>p { width:380px; font-size:11px; }
 body.os-studio .oxe2-hero-intro>.oxe2-button { gap:15px; }
 body.os-studio .oxe2-collage { gap:19px; padding-inline:10px; }
 body.os-studio .oxe2-product-tile { height:278px; border-radius:24px; }
 body.os-studio .oxe2-tile-salon-mk { height:300px; }
 body.os-studio .oxe2-tile-heading { padding:16px 15px 0; gap:7px; }
 body.os-studio .oxe2-tile-heading>img { width:31px; height:31px; border-radius:9px; }
 body.os-studio .oxe2-tile-heading strong { font-size:12px; }
 body.os-studio .oxe2-tile-heading small { font-size:6px; }
 body.os-studio .oxe2-tile-arrow { width:21px; height:21px; }
 body.os-studio .oxe2-tile-arrow>.ag-icon { width:10px; height:10px; }
 body.os-studio .oxe2-tile-art { top:60px; bottom:39px; }
 body.os-studio .oxe2-tile-screen { width:137px; height:305px; border-width:3px; border-radius:20px; }
 body.os-studio .oxe2-tile-salon-mk .oxe2-tile-screen { width:147px; height:324px; }
 body.os-studio .oxe2-tile-spark { right:10px; top:88px; width:34px; height:34px; border-radius:12px; }
 body.os-studio .oxe2-tile-spark>.ag-icon { width:19px; height:19px; }
 body.os-studio .oxe2-tile-salon-mk .oxe2-tile-spark { left:10px; top:117px; }
 body.os-studio .oxe2-tile-foot { left:15px; right:15px; bottom:14px; font-size:7px; }
 body.os-studio .oxe2-off-lettering { font-size:87px; top:25px; }
 body.os-studio .oxe2-off-ring { width:145px; height:80px; top:43px; }
 body.os-studio .oxe2-off-question { right:10px; top:90px; width:33px; height:33px; font-size:22px; }
 body.os-studio .oxe2-off-caption { top:144px; font-size:11px; }
 body.os-studio .oxe2-playground-bottom { padding-top:2px; }
 body.os-studio .oxe2-playground-bottom>span { font-size:9px; }
 body.os-studio .oxe2-platform-tag { font-size:9px; }
 body.os-studio .oxe2-ribbon { margin-top:15px; }
 body.os-studio .oxe2-ribbon>div { gap:29px; padding-block:18px; }
 body.os-studio .oxe2-ribbon span { font-size:18px; }
 body.os-studio .oxe2-ribbon .ag-icon { width:22px; height:22px; }
 body.os-studio .oxe2-section-heading { gap:30px; }
 body.os-studio .oxe2-section-heading h2 { font-size:48px; }
 body.os-studio .oxe2-section-heading>p { width:260px; font-size:11px; }
 body.os-studio .oxe2-story { min-height:470px; }
 body.os-studio .oxe2-story-copy { padding:31px 0 32px 28px; }
 body.os-studio .oxe2-story-salon-mk .oxe2-story-copy { padding:31px 28px 32px 0; }
 body.os-studio .oxe2-story h3 { font-size:36px; }
 body.os-studio .oxe2-story-brand { font-size:13px; margin-bottom:24px; }
 body.os-studio .oxe2-story-brand>img { width:37px; height:37px; border-radius:11px; }
 body.os-studio .oxe2-story-copy>p { font-size:11px; }
 body.os-studio .oxe2-story-bottom { gap:12px; margin-top:21px; }
 body.os-studio .oxe2-story-bottom .oxe2-button { gap:12px; padding-left:15px; }
 body.os-studio .oxe2-status { font-size:8px; }
 body.os-studio .oxe2-story-art { min-height:470px; }
 body.os-studio .oxe2-story-screen { width:195px; height:432px; top:75px; }
 body.os-studio .oxe2-story-orbit { width:330px; height:330px; top:105px; }
 body.os-studio .oxe2-story-type { font-size:75px; right:12px; top:39px; }
 body.os-studio .oxe2-story-salon-mk .oxe2-story-type { font-size:68px; }
 body.os-studio .oxe2-story-sticker { width:54px; height:54px; left:5px; bottom:49px; border-radius:18px; }
 body.os-studio .oxe2-story-salon-mk .oxe2-story-sticker { right:5px; }
 body.os-studio .oxe2-story-sticker>.ag-icon { width:27px; height:27px; }
 body.os-studio .oxe2-off-story { gap:23px; padding:29px; flex-wrap:wrap; }
 body.os-studio .oxe2-off-story-icon>img { width:69px; height:69px; border-radius:21px; }
 body.os-studio .oxe2-off-story>div:nth-child(2) { flex:1; }
 body.os-studio .oxe2-off-story h3 { font-size:28px; }
 body.os-studio .oxe2-off-story p { font-size:10px; }
 body.os-studio .oxe2-development { margin-left:92px; margin-top:-7px; }
 body.os-studio .oxe2-process { padding-top:0; }
 body.os-studio .oxe2-process-track { grid-template-columns:1fr 1fr; gap:19px; }
 body.os-studio .oxe2-step { min-height:250px; padding:26px; }
 body.os-studio .oxe2-step h3 { font-size:27px; max-width:230px; }
 body.os-studio .oxe2-step p { max-width:250px; }
 body.os-studio .oxe2-step:nth-child(even) { transform:translateY(0); }
 body.os-studio .oxe2-step:hover { transform:translateY(-5px); }
 body.os-studio .oxe2-package-grid { gap:20px; }
 body.os-studio .oxe2-package { padding:27px; }
 body.os-studio .oxe2-package h3 { font-size:28px; }
 body.os-studio .oxe2-package-price>strong { font-size:38px; }
 body.os-studio .oxe2-package>.oxe2-button { gap:15px; }
 body.os-studio .oxe2-package-description { min-height:65px; }
 body.os-studio .oxe2-package-includes li { font-size:11px; }
 body.os-studio .oxe2-package-help { gap:13px; }
 body.os-studio .oxe2-package-help strong { font-size:11px; }
 body.os-studio .oxe2-package-help>.oxe2-text-link { margin-left:8px; }
 body.os-studio .oxe2-extra-apps { grid-template-columns:1fr 1fr; }
}
@media(max-width:600px) {
 body.os-studio .oxe2-wrap { width:calc(100% - 36px); }
 body.os-studio .oxe2-section { padding-block:59px; scroll-margin-top:88px; }
 body.os-studio .oxe2-hero { padding-block:31px 35px; }
 body.os-studio .oxe2-hero h1 { font-size:clamp(32px,8.6vw,45px); line-height:1.16; margin-top:0; letter-spacing:-.04em; }
 body.os-studio .oxe2-hero h1>.oxe2-title-lead { font-size:1.5em; line-height:1.12; }
 body.os-studio .oxe2-marker { padding-inline:.16em; margin-top:8px; }
 body.os-studio .oxe2-hero-intro { display:block; margin-top:20px; }
 body.os-studio .oxe2-hero-intro>p { width:auto; max-width:380px; margin-inline:auto; text-align:center; font-size:11px; line-height:1.9; padding-inline:4px; }
 body.os-studio .oxe2-hero-intro>.oxe2-button { margin:21px auto 0; min-height:52px; padding-left:18px; }
 body.os-studio .oxe2-hero-intro>.oxe2-button>span { width:35px; height:35px; }
 body.os-studio .oxe2-playground { margin-top:15px; }
 body.os-studio .oxe2-collage { display:flex; align-items:stretch; gap:16px; width:calc(100% + 36px); margin-left:-18px; padding:26px 27px 27px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-padding-left:27px; overscroll-behavior-x:contain; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
 body.os-studio .oxe2-product-tile { width:79%; flex:0 0 79%; height:310px; border-radius:26px; transform:rotate(0deg); scroll-snap-align:start; margin:0; }
 body.os-studio .oxe2-product-tile:hover,body.os-studio .oxe2-product-tile:focus-visible { transform:translateY(-4px); }
 body.os-studio .oxe2-tile-heading { padding:20px 20px 0; gap:10px; }
 body.os-studio .oxe2-tile-heading>img { width:38px; height:38px; border-radius:11px; }
 body.os-studio .oxe2-tile-heading strong { font-size:16px; }
 body.os-studio .oxe2-tile-heading small { font-size:8px; }
 body.os-studio .oxe2-tile-arrow { width:26px; height:26px; }
 body.os-studio .oxe2-tile-arrow>.ag-icon { width:12px; height:12px; }
 body.os-studio .oxe2-tile-art { top:75px; bottom:42px; }
 body.os-studio .oxe2-tile-screen { width:169px; height:375px; top:12px; border-width:4px; border-radius:22px; }
 body.os-studio .oxe2-tile-salon-mk .oxe2-tile-screen { width:175px; height:385px; top:12px; }
 body.os-studio .oxe2-tile-spark { width:43px; height:43px; top:95px; right:17px; border-radius:14px; }
 body.os-studio .oxe2-tile-spark>.ag-icon { width:22px; height:22px; }
 body.os-studio .oxe2-tile-salon-mk .oxe2-tile-spark { top:115px; left:15px; }
 body.os-studio .oxe2-tile-foot { font-size:8px; left:20px; right:20px; bottom:15px; }
 body.os-studio .oxe2-off-lettering { font-size:103px; top:22px; }
 body.os-studio .oxe2-off-ring { width:180px; height:102px; top:43px; }
 body.os-studio .oxe2-off-question { width:40px; height:40px; right:24px; top:99px; font-size:25px; }
 body.os-studio .oxe2-off-caption { font-size:14px; top:163px; }
 body.os-studio .oxe2-playground-bottom { padding:0; gap:12px; }
 body.os-studio .oxe2-playground-bottom>span { font-size:8px; max-width:150px; line-height:1.7; }
 body.os-studio .oxe2-platform-tag { margin-left:auto; font-size:8px; gap:4px; }
 body.os-studio .oxe2-platform-tag>.ag-icon { width:13px; height:13px; }
 body.os-studio .oxe2-scroll-controls:not([hidden]) { display:flex; gap:5px; }
 body.os-studio .oxe2-scroll-controls>button { display:grid; place-items:center; width:29px; height:29px; border:1px solid #17202a30; border-radius:50%; padding:6px; background:transparent; color:var(--oxe2-ink); cursor:pointer; }
 body.os-studio .oxe2-scroll-controls>button>.ag-icon { width:15px; height:15px; }
 body.os-studio .oxe2-scroll-controls>button:first-child>.ag-icon { transform:rotate(180deg); }
 body.os-studio .oxe2-scroll-controls>button:disabled { opacity:.3; cursor:default; }
 body.os-studio .oxe2-ribbon { margin-top:0; }
 body.os-studio .oxe2-ribbon>div { gap:22px; justify-content:flex-start; padding:16px 21px; }
 body.os-studio .oxe2-ribbon span { font-size:18px; }
 body.os-studio .oxe2-ribbon .ag-icon { width:21px; height:21px; }
 body.os-studio .oxe2-section-heading { display:block; margin-bottom:29px; }
 body.os-studio .oxe2-kicker { font-size:8px; }
 body.os-studio .oxe2-section-heading h2 { font-size:46px; margin-top:15px; }
 body.os-studio .oxe2-section-heading>p { width:auto; max-width:360px; margin-top:21px; font-size:11px; line-height:1.9; }
 body.os-studio .oxe2-product-stories { gap:22px; }
 body.os-studio .oxe2-story,body.os-studio .oxe2-story-salon-mk { display:flex; flex-direction:column; min-height:0; border-radius:27px; }
 body.os-studio .oxe2-story-copy,body.os-studio .oxe2-story-salon-mk .oxe2-story-copy { padding:27px 27px 12px; width:100%; }
 body.os-studio .oxe2-story-brand { font-size:13px; margin-bottom:22px; gap:10px; }
 body.os-studio .oxe2-story-brand>img { width:38px; height:38px; border-radius:11px; }
 body.os-studio .oxe2-story-category { font-size:7px; padding:5px 9px; }
 body.os-studio .oxe2-story h3 { font-size:38px; margin-top:14px; line-height:1.07; }
 body.os-studio .oxe2-story-copy>p { max-width:100%; font-size:11px; margin-top:16px; }
 body.os-studio .oxe2-story-features { margin-top:15px; gap:6px; }
 body.os-studio .oxe2-story-features>li { padding:5px 8px; font-size:10px; }
 body.os-studio .oxe2-story-bottom { margin-top:20px; gap:14px; }
 body.os-studio .oxe2-story-bottom .oxe2-button { min-height:45px; padding:5px 6px 5px 15px; gap:13px; }
 body.os-studio .oxe2-story-bottom .oxe2-button>span { width:31px; height:31px; }
 body.os-studio .oxe2-story-bottom .oxe2-button .ag-icon { width:15px; height:15px; }
 body.os-studio .oxe2-status { font-size:8px; }
 body.os-studio .oxe2-story-art { min-height:330px; width:100%; }
 body.os-studio .oxe2-story-screen { width:208px; height:460px; top:35px; box-shadow:15px 20px 0 #17202a14; }
 body.os-studio .oxe2-story-orbit { width:310px; height:310px; top:35px; }
 body.os-studio .oxe2-story-type { font-size:88px; top:15px; right:24px; }
 body.os-studio .oxe2-story-salon-mk .oxe2-story-type { font-size:72px; top:17px; left:21px; }
 body.os-studio .oxe2-story-sticker { width:56px; height:56px; bottom:53px; left:22px; border-radius:18px; }
 body.os-studio .oxe2-story-salon-mk .oxe2-story-sticker { right:21px; }
 body.os-studio .oxe2-off-story { padding:27px; gap:20px; border-radius:27px; }
 body.os-studio .oxe2-off-story-icon>img { width:56px; height:56px; border-radius:17px; }
 body.os-studio .oxe2-off-story>div:nth-child(2) { flex-basis:calc(100% - 80px); }
 body.os-studio .oxe2-off-story .oxe2-kicker { font-size:7px; letter-spacing:.04em; }
 body.os-studio .oxe2-off-story h3 { font-size:26px; margin-top:7px; }
 body.os-studio .oxe2-off-story p { font-size:10px; margin-top:10px; }
 body.os-studio .oxe2-development { margin:0; font-size:8px; padding:9px 12px; }
 body.os-studio .oxe2-process { padding-top:0; }
 body.os-studio .oxe2-process-track { gap:13px; margin-top:29px; }
 body.os-studio .oxe2-step { min-height:264px; padding:21px 18px 31px; border-radius:21px; }
 body.os-studio .oxe2-step-top { margin-bottom:24px; }
 body.os-studio .oxe2-step-top>span { font-size:30px; }
 body.os-studio .oxe2-step-top>.ag-icon { width:23px; height:23px; }
 body.os-studio .oxe2-step h3 { font-size:23px; line-height:1.06; }
 body.os-studio .oxe2-step p { font-size:10px; margin-top:12px; line-height:1.85; }
 body.os-studio .oxe2-step-line { left:18px; right:18px; bottom:16px; }
 body.os-studio .oxe2-process-link { font-size:11px; margin-top:29px; }
 body.os-studio .oxe2-packages { border-radius:29px 29px 0 0; }
 body.os-studio .oxe2-package-heading { margin-bottom:28px; }
 body.os-studio .oxe2-package-heading :is(h1,h2) { font-size:48px; margin-top:17px; line-height:1.05; }
 body.os-studio .oxe2-package-heading>p { font-size:11px; margin-top:20px; max-width:350px; }
 body.os-studio .oxe2-package-grid { grid-template-columns:1fr; gap:20px; }
 body.os-studio .oxe2-package { padding:27px; border-radius:26px; }
 body.os-studio .oxe2-package h3 { font-size:31px; }
 body.os-studio .oxe2-package-description { min-height:0; font-size:11px; }
 body.os-studio .oxe2-package-price { margin-block:25px 23px; }
 body.os-studio .oxe2-package-price>strong { font-size:42px; }
 body.os-studio .oxe2-package>.oxe2-button { min-height:52px; }
 body.os-studio .oxe2-package>.oxe2-button>span { width:35px; height:35px; }
 body.os-studio .oxe2-package-includes li { font-size:11px; }
 body.os-studio .oxe2-package-help { flex-wrap:wrap; justify-content:flex-start; padding-top:26px; gap:12px; }
 body.os-studio .oxe2-help-symbol { width:37px; height:37px; }
 body.os-studio .oxe2-package-help>div { flex:1; min-width:220px; }
 body.os-studio .oxe2-package-help strong { font-size:11px; line-height:1.7; }
 body.os-studio .oxe2-package-help p { font-size:10px; }
 body.os-studio .oxe2-package-help>.oxe2-text-link { margin-left:49px; margin-top:-1px; }
 body.os-studio .oxe2-packages-standalone { padding-top:40px; border-radius:0; }
 body.os-studio .oxe2-package-questions { grid-template-columns:1fr; gap:26px; margin-top:43px; }
 body.os-studio .oxe2-package-questions summary { padding-top:18px; font-size:11px; }
 body.os-studio .oxe2-package-questions p { font-size:10px; }
 body.os-studio .oxe2-extra-apps { grid-template-columns:1fr; }
}
@media(max-width:374px) {
 body.os-studio .oxe2-hero h1 { font-size:31px; }
 body.os-studio .oxe2-playground-bottom { gap:8px; }
 body.os-studio .oxe2-playground-bottom>span { max-width:120px; font-size:7px; }
 body.os-studio .oxe2-platform-tag { font-size:7px; }
 body.os-studio .oxe2-scroll-controls>button { width:27px; height:27px; }
 body.os-studio .oxe2-story-copy,body.os-studio .oxe2-story-salon-mk .oxe2-story-copy { padding-inline:23px; }
 body.os-studio .oxe2-story h3 { font-size:35px; }
 body.os-studio .oxe2-section-heading h2 { font-size:42px; }
 body.os-studio .oxe2-step { padding:20px 15px 29px; min-height:275px; }
 body.os-studio .oxe2-step h3 { font-size:21px; }
 body.os-studio .oxe2-package { padding:24px; }
 body.os-studio .oxe2-package h3 { font-size:28px; }
 body.os-studio .oxe2-package-price>strong { font-size:38px; }
 body.os-studio .oxe2-package-heading :is(h1,h2) { font-size:43px; }
}
@media(prefers-reduced-motion:reduce) {
 body.os-studio [class*="oxe2-"] { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
 body.os-studio .oxe2-product-tile:hover,body.os-studio .oxe2-product-tile:focus-visible { transform:rotate(var(--oxe2-turn,0deg)); }
 body.os-studio .oxe2-product-tile:hover .oxe2-tile-screen { transform:translateX(-50%) rotate(var(--oxe2-tilt,6deg)); }
 body.os-studio .oxe2-story:is(:hover,:focus-within) .oxe2-story-screen { transform:translateX(-50%) rotate(10deg); }
 body.os-studio .oxe2-story-salon-mk:is(:hover,:focus-within) .oxe2-story-screen { transform:translateX(-50%) rotate(-10deg); }
 body.os-studio .oxe2-story :is(.oxe2-story-screen,.oxe2-story-sticker) { translate:none!important; rotate:none!important; }
 body.os-studio .oxe2-story:is(:hover,:focus-within) .oxe2-story-orbit { transform:translateX(-50%); }
 body.os-studio .oxe2-step:hover { transform:none; }
 body.os-studio .oxe2-package:hover { translate:none; }
 body.os-studio .oxe2-package:hover .oxe2-package-top>.ag-icon { transform:none; }
 body.os-studio .oxe2-button:active,body.os-studio .oxe2-product-tile:active { scale:1; }
 body.os-studio .oxe2-button:is(:hover,:active,:focus-visible),body.os-studio .oxe2-button:is(:hover,:focus-visible)>span,body.os-studio .oxe2-button:is(:hover,:focus-visible)>span>.ag-icon { transform:none; }
}

/* Native swipe remains available; explicit controls provide the visible affordance. */
body.os-studio .oxe2-collage::-webkit-scrollbar { display:none; }

/* Released Off product: the same playful card, now with real store destinations. */
body.os-studio .oxe2-off-story-copy { flex:1; min-width:0; }
body.os-studio .oxe2-off-download { display:flex; flex-direction:column; align-items:flex-end; gap:14px; flex:0 0 auto; }
body.os-studio .oxe2-off-download .os-store-buttons { justify-content:flex-end; }
body.os-studio .oxe2-tile-off .oxe2-tile-heading small { display:flex; align-items:center; gap:6px; }
body.os-studio .oxe2-tile-off .oxe2-tile-heading small:before { content:""; width:6px; height:6px; flex-shrink:0; background:#2e714a; border-radius:50%; box-shadow:0 0 0 3px #2e714a18; }
@media (max-width:1150px) {
 body.os-studio .oxe2-off-story { flex-wrap:wrap; }
 body.os-studio .oxe2-off-download { flex-basis:100%; align-items:flex-start; padding-left:0; }
 body.os-studio .oxe2-off-download .os-store-buttons { justify-content:flex-start; }
}
@media (max-width:700px) {
 body.os-studio .oxe2-off-story-copy { flex-basis:calc(100% - 80px); }
 body.os-studio .oxe2-off-download { gap:12px; }
}
/* Compact circular showcase; pricing and shared typography are unchanged. */
body.os-studio .os-tile-project { display:block; color:inherit; text-decoration:none; height:100%; }
body.os-studio .oxe2-product-tile { height:350px; }
body.os-studio .os-tile-stores { position:absolute; left:16px; right:16px; bottom:14px; z-index:4; }
body.os-studio .os-tile-stores .os-store-buttons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
body.os-studio .os-tile-stores .os-store-button { min-width:0; padding:7px 9px; min-height:44px; gap:6px; border-radius:11px; }
body.os-studio .os-tile-stores .os-store-button svg { width:18px; height:23px; }
body.os-studio .os-tile-stores .os-store-button strong { font-size:12px; }
body.os-studio .os-tile-stores .os-store-button small { font-size:8px; }
body.os-studio .oxe2-tile-foot { bottom:69px; left:18px; right:18px; font-size:9px; line-height:1.4; padding-top:8px; }
body.os-studio .oxe2-tile-art { top:76px; bottom:110px; height:auto; }
body.os-studio .oxe2-tile-screen,body.os-studio .oxe2-tile-salon-mk .oxe2-tile-screen { width:150px; height:330px; top:8px; }
body.os-studio .oxe2-tile-heading { padding:17px 18px 0; gap:10px; }
body.os-studio .oxe2-tile-heading>img { width:36px; height:36px; border-radius:11px; }
body.os-studio .oxe2-tile-heading strong { font-size:16px; }
body.os-studio .oxe2-tile-heading small { font-size:10px; }
body.os-studio .oxe2-tile-spark { width:40px; height:40px; top:65px; right:20px; }
body.os-studio .oxe2-tile-salon-mk .oxe2-tile-spark { top:83px; left:18px; }
body.os-studio .oxe2-playground { overflow:clip; padding:10px 0; }
body.os-studio .oxe2-collage.is-orbit { --orbit-left:-163%; --orbit-right:63%; display:block; position:relative; height:410px; padding:0; margin:0; width:100%; perspective:1800px; overflow:visible; touch-action:pan-y; }
body.os-studio .is-orbit .oxe2-product-tile { position:absolute; left:50%; top:28px; width:29%; margin:0; transition:box-shadow .3s; will-change:transform; }
body.os-studio .is-orbit.is-orbit-moving .oxe2-product-tile { transition:transform .7s cubic-bezier(.22,.75,.18,1),opacity .5s,box-shadow .3s; }
body.os-studio .is-orbit [data-slot="0"] { transform:translate3d(var(--orbit-left),0,0) rotate(-4deg); z-index:2; }
body.os-studio .is-orbit [data-slot="1"] { transform:translate3d(-50%,-10px,40px) rotate(2deg); z-index:3; }
body.os-studio .is-orbit [data-slot="2"] { transform:translate3d(var(--orbit-right),0,0) rotate(-2deg); z-index:2; }
body.os-studio .is-orbit .is-orbit-returning { animation:os-orbit-back .7s cubic-bezier(.3,.4,.15,1) both; z-index:1; }
@keyframes os-orbit-back { 0% { transform:translate3d(var(--orbit-start),0,0) rotate(-4deg); } 48% { transform:translate3d(-50%,-25px,-850px) rotateY(var(--orbit-y)) scale(.7); opacity:.45; } 100% { transform:translate3d(var(--orbit-end),0,0) rotate(-2deg); opacity:1; } }
body.os-studio .oxe2-scroll-controls:not([hidden]) { display:flex; gap:8px; }
body.os-studio .oxe2-scroll-controls>button { display:grid; place-items:center; width:44px; height:44px; padding:11px; border:1px solid #17202a40; border-radius:50%; background:var(--oxe2-cream); color:var(--oxe2-ink); cursor:pointer; transition:background .2s,transform .2s; }
body.os-studio .oxe2-scroll-controls>button:hover { background:var(--oxe2-lime); transform:translateY(-2px); }
body.os-studio .oxe2-scroll-controls>button:first-child { rotate:0deg; }
body.os-studio .oxe2-scroll-controls>button:first-child>.ag-icon { transform:rotate(180deg); }
body.os-studio .os-orbit-status { width:1px; height:1px; overflow:hidden; position:absolute; clip-path:inset(50%); }
/* Desktop: bounded phone size, clear text column and a reserved control row. */
body.os-studio .oxe2-story { min-height:460px; border-radius:30px; }
body.os-studio .oxe2-story-copy,body.os-studio .oxe2-story-salon-mk .oxe2-story-copy { min-width:0; padding:26px 16px 26px 32px; }
body.os-studio .oxe2-story-brand { margin-bottom:0; font-size:14px; }
body.os-studio .oxe2-story-brand>img { width:36px; height:36px; border-radius:11px; }
body.os-studio .oxe2-story-category { display:none; }
body.os-studio .oxe2-story h3 { margin-top:16px; font-size:clamp(28px,2.6vw,38px); line-height:1.12; max-width:470px; }
body.os-studio .oxe2-story-copy>p { margin-top:12px; font-size:13px; line-height:1.65; max-width:420px; }
body.os-studio .oxe2-story-features { margin-top:12px; gap:6px; }
body.os-studio .oxe2-story-features>li { font-size:10px; padding:4px 7px; }
body.os-studio .oxe2-story-bottom { margin-top:16px; flex-wrap:wrap; gap:12px; }
body.os-studio .oxe2-story-bottom .oxe2-button { min-height:44px; font-size:12px; padding:5px 6px 5px 15px; gap:12px; }
body.os-studio .oxe2-story-bottom .oxe2-button>span { width:31px; height:31px; }
body.os-studio .oxe2-story-copy>.os-store-buttons { margin-top:14px; gap:8px; }
body.os-studio .oxe2-story .os-store-button { min-height:46px; padding:8px 12px; gap:8px; }
body.os-studio .oxe2-story .os-store-button strong { font-size:13px; }
body.os-studio .oxe2-story .os-store-button small { font-size:8px; }
body.os-studio .oxe2-story .os-store-button svg { width:22px; height:25px; }
body.os-studio .oxe2-story-art { min-width:0; height:460px; min-height:0; align-self:center; }
body.os-studio .os-screen-deck { position:relative; width:100%; height:460px; min-height:0; perspective:1400px; isolation:isolate; }
body.os-studio .os-deck-screen { appearance:none; position:absolute; left:50%; top:16px; width:min(38%,174px); padding:0; border:4px solid #17202a; border-radius:24px; background:#fbf8f0; aspect-ratio:720/1564; box-shadow:3px 9px 0 #17202a12,0 18px 30px -23px #17202a55; overflow:hidden; cursor:pointer; transform-origin:50% 70%; transition:filter .4s; }
body.os-studio .is-screen-switching .os-deck-screen { transition:transform .6s cubic-bezier(.2,.8,.2,1),width .6s cubic-bezier(.2,.8,.2,1),top .6s,border-radius .4s,filter .4s; }
body.os-studio .os-deck-screen img { display:block; width:100%; height:100%; object-fit:cover; object-position:top; user-select:none; }
body.os-studio .os-deck-screen[data-slot="0"] { transform:translateX(-50%) translateY(8px) rotate(2deg); z-index:3; }
body.os-studio .os-deck-screen[data-slot="1"] { transform:translateX(-12%) translateY(30px) rotate(10deg) scale(.88); z-index:2; filter:brightness(.96); }
body.os-studio .os-deck-screen[data-slot="2"] { transform:translateX(-88%) translateY(26px) rotate(-10deg) scale(.86); z-index:1; filter:brightness(.94); }
body.os-studio .os-deck-screen:focus-visible { outline:3px solid #ff702e; outline-offset:3px; }
body.os-studio .os-deck-help { position:absolute; bottom:10px; left:6%; right:6%; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:8px; z-index:5; font-size:10px; line-height:1.5; color:#17202acc; }
body.os-studio .os-deck-help [data-deck-count] { font-variant-numeric:tabular-nums; border:1px solid #17202a30; border-radius:20px; padding:4px 9px; background:#fbf8f0; }
body.os-studio .oxe2-story-type { font-size:104px; opacity:.4; }
body.os-studio .oxe2-story-orbit { width:340px; height:340px; top:38px; }
body.os-studio .oxe2-story-sticker { width:46px; height:46px; bottom:80px; border-radius:15px; }
body.os-studio .oxe2-story-off .oxe2-story-type { color:#7250a02e; }
@media(max-width:1100px) {
 body.os-studio .oxe2-collage.is-orbit { --orbit-left:-157%; --orbit-right:57%; }
 body.os-studio .is-orbit .oxe2-product-tile { width:31%; }
 body.os-studio .os-tile-stores .os-store-button { padding:7px 6px; gap:5px; }
 body.os-studio .os-tile-stores .os-store-button strong { font-size:11px; }
 body.os-studio .os-tile-stores .os-store-button small { font-size:7px; }
}
/* Tablet and mobile: content, gallery and actions occupy separate rows. */
@media(max-width:960px) {
 body.os-studio .oxe2-story,body.os-studio .oxe2-story-salon-mk { display:grid; grid-template-columns:minmax(0,1fr); grid-template-areas:"brand" "title" "description" "features" "gallery" "actions" "stores"; gap:14px; padding:24px; min-height:0; border-radius:25px; }
 body.os-studio .oxe2-story-copy,body.os-studio .oxe2-story-salon-mk .oxe2-story-copy { display:contents; }
 body.os-studio .oxe2-story-brand { grid-area:brand; margin:0; }
 body.os-studio .oxe2-story h3 { grid-area:title; font-size:32px; line-height:1.12; max-width:600px; margin:0; }
 body.os-studio .oxe2-story-copy>p { grid-area:description; font-size:14px; line-height:1.65; max-width:600px; margin:0; }
 body.os-studio .oxe2-story-features { grid-area:features; max-width:none; margin:0; gap:8px 12px; }
 body.os-studio .oxe2-story-features>li { padding:0; border:0; background:none; font-size:11px; line-height:1.6; }
 body.os-studio .oxe2-story-features .ag-icon { width:11px; height:11px; }
 body.os-studio .oxe2-story-art,body.os-studio .oxe2-story-salon-mk .oxe2-story-art { grid-area:gallery; height:350px; min-height:0; width:100%; overflow:visible; }
 body.os-studio .os-screen-deck { height:350px; min-height:0; }
 body.os-studio .os-deck-screen { top:4px; width:140px; border-radius:21px; border-width:3px; }
 body.os-studio .os-deck-screen[data-slot="0"] { transform:translateX(-50%); }
 body.os-studio .os-deck-screen[data-slot="1"],body.os-studio .os-deck-screen[data-slot="2"] { width:72px; top:110px; border-width:2px; border-radius:13px; filter:none; opacity:.8; }
 body.os-studio .os-deck-screen[data-slot="1"] { transform:translateX(110%); }
 body.os-studio .os-deck-screen[data-slot="2"] { transform:translateX(-210%); }
 body.os-studio .os-deck-screen:is(:hover,:focus-visible) { opacity:1; }
 body.os-studio :is(.oxe2-story-type,.oxe2-story-orbit,.oxe2-story-sticker) { display:none; }
 body.os-studio .oxe2-story-bottom { grid-area:actions; margin:0; justify-content:space-between; gap:10px; }
 body.os-studio .oxe2-story-copy>.os-store-buttons { grid-area:stores; margin:0; }
 body.os-studio .os-deck-help { bottom:0; font-size:11px; line-height:1.5; }
 body.os-studio .oxe2-status { font-size:10px; line-height:1.5; }
}
@media(max-width:960px) {
 body.os-studio .oxe2-collage.is-orbit { --orbit-left:-158%; --orbit-right:58%; height:367px; scroll-snap-type:none; }
 body.os-studio .is-orbit .oxe2-product-tile { width:calc(100% - 24px); max-width:320px; top:14px; height:325px; border-radius:24px; }
 body.os-studio .is-orbit [data-slot="0"] { transform:translate3d(var(--orbit-left),0,-70px); opacity:.35; }
 body.os-studio .is-orbit [data-slot="1"] { transform:translate3d(-50%,0,0); opacity:1; }
 body.os-studio .is-orbit [data-slot="2"] { transform:translate3d(var(--orbit-right),0,-70px); opacity:.35; }
 body.os-studio .is-orbit .is-orbit-returning { animation:none; }
 body.os-studio .oxe2-tile-heading { padding:15px 16px 0; }
 body.os-studio .oxe2-tile-heading strong { font-size:17px; }
 body.os-studio .oxe2-tile-heading small { font-size:10px; }
 body.os-studio .oxe2-tile-art { top:70px; bottom:105px; }
 body.os-studio .oxe2-tile-screen,body.os-studio .oxe2-tile-salon-mk .oxe2-tile-screen { width:136px; height:300px; top:3px; border-radius:21px; }
 body.os-studio .oxe2-tile-foot { left:16px; right:16px; bottom:67px; font-size:10px; line-height:1.4; }
 body.os-studio .os-tile-stores .os-store-button { padding:6px; gap:5px; min-height:44px; }
 body.os-studio .os-tile-stores .os-store-button strong { font-size:12px; }
 body.os-studio .os-tile-stores .os-store-button small { font-size:8px; }
 body.os-studio .oxe2-playground-bottom { padding:0; gap:10px; }
 body.os-studio .oxe2-playground-bottom>span { font-size:10px; line-height:1.5; max-width:150px; }
 body.os-studio .oxe2-platform-tag { display:none; }
 body.os-studio .oxe2-scroll-controls>button { width:44px; height:44px; }
}
@media(min-width:601px) and (max-width:960px) {
 body.os-studio .oxe2-story,body.os-studio .oxe2-story-salon-mk { grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"brand gallery" "title gallery" "description gallery" "features gallery" "actions actions" "stores stores"; }
 body.os-studio .oxe2-story-art,body.os-studio .oxe2-story-salon-mk .oxe2-story-art,body.os-studio .os-screen-deck { height:340px; }
 body.os-studio .os-deck-screen { width:clamp(116px,18vw,140px); }
 body.os-studio .os-deck-screen[data-slot="1"],body.os-studio .os-deck-screen[data-slot="2"] { width:clamp(56px,9vw,72px); top:100px; }
 body.os-studio .os-deck-help>span:not([data-deck-count]) { display:none; }
}
@media(max-width:600px) {
 body.os-studio .oxe2-story,body.os-studio .oxe2-story-salon-mk { padding:20px; gap:12px; }
 body.os-studio .oxe2-story h3 { font-size:clamp(27px,7.5vw,31px); line-height:1.14; }
 body.os-studio .oxe2-story-copy>p { font-size:13px; line-height:1.65; }
 body.os-studio .oxe2-story-art,body.os-studio .oxe2-story-salon-mk .oxe2-story-art,body.os-studio .os-screen-deck { height:300px; min-height:0; }
 body.os-studio .os-deck-screen { width:116px; top:8px; border-radius:19px; }
 body.os-studio .os-deck-screen[data-slot="1"],body.os-studio .os-deck-screen[data-slot="2"] { width:56px; top:94px; border-radius:10px; }
 body.os-studio .os-deck-help { gap:6px; font-size:10px; }
 body.os-studio .oxe2-story-copy>.os-store-buttons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 body.os-studio .oxe2-story .os-store-button { min-width:0; min-height:48px; padding:7px 8px; gap:7px; }
 body.os-studio .oxe2-story .os-store-button svg { width:18px; height:23px; }
 body.os-studio .oxe2-story .os-store-button strong { font-size:13px; }
 body.os-studio .oxe2-story .os-store-button small { font-size:8px; }
}
@media(prefers-reduced-motion:reduce) {
 body.os-studio .is-orbit.is-orbit-moving .oxe2-product-tile,body.os-studio .is-orbit .oxe2-product-tile,body.os-studio .is-screen-switching .os-deck-screen,body.os-studio .os-deck-screen { transition:none; animation:none; }
}