.landing-page{background:#fcfdf9;color:var(--oz-ink)}
.landing-page header{max-width:none;padding:18px max(24px,calc((100% - 1240px)/2));border-color:#d4dfd5;background:#fcfdf9}
.landing-page nav{gap:22px}.landing-page .language-picker select{background:transparent;border-color:#bacbc0}
.landing-page .intro{padding:0;border:0;background:#e8f2eb;position:relative;overflow:hidden}
.hero-copy{position:relative;z-index:2;text-align:center;padding:34px 24px 0;margin:auto;max-width:840px;pointer-events:none}
.hero-copy a{pointer-events:auto}.hero-copy .eyebrow{font-size:11px;color:#416258;letter-spacing:0}
.hero-copy h1{font-family:Ozavio,system-ui,sans-serif;font-size:96px;font-weight:700;line-height:1.08;margin:9px 0 10px}
.hero-copy h1:before{content:"";display:inline-block;width:65px;height:65px;margin-right:15px;background:url('/static/brand/ozavio-mark.svg') center/contain no-repeat}
.hero-copy .lead{font-size:25px;margin:8px 0}.hero-copy>p:not(.lead):not(.eyebrow):not(.small){font-size:15px;margin:8px auto;max-width:610px}
.hero-copy .actions{justify-content:center;margin:19px 0 8px;gap:22px}
.hero-copy .small{font-size:11px;margin:8px auto;color:#496357}.hero-copy .action{background:var(--oz-ink);color:white}
.hero-stage{height:295px;position:relative;width:100%;touch-action:pan-y;overflow:hidden;background:#e8f2eb}
.hero-stage canvas{display:block;width:100%;height:100%;position:absolute;inset:0}
.hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.hero-stage[data-ready="true"] .hero-poster{visibility:hidden}
.motion-button{position:absolute;right:24px;bottom:18px;z-index:3;display:grid;place-items:center;width:38px;height:38px;padding:9px;border:1px solid #a7c3b4;border-radius:50%;background:#fcfdf9;cursor:pointer}
.motion-button img{width:18px;height:18px}.motion-button[hidden]{display:none}
.process-nav{display:flex;gap:0;justify-content:center;flex-wrap:wrap;background:#182b27;padding:0 20px}
.process-nav button{flex:1;max-width:280px;padding:19px 16px;display:flex;align-items:center;gap:12px;border:0;border-bottom:3px solid transparent;background:transparent;color:#d5e6de;cursor:pointer;text-align:left;font:500 13px Ozavio,system-ui,sans-serif}
.process-nav button span:first-child{font-size:11px;color:#a0bfac}
.process-nav button[aria-pressed="true"]{color:#e5ffaf;border-bottom-color:#d4fa76;background:#244238}.process-nav button:hover{background:#244238}
.landing-page #stegen{padding-top:46px;padding-bottom:56px}.landing-page #stegen h2{font-size:34px;max-width:680px}
.landing-page .steps{gap:30px}.landing-page .steps li{transition:transform .3s,border-color .3s;border-width:2px;padding-top:20px}
.landing-page .steps li[data-active="true"]{border-top-color:#182b27;transform:translateY(-4px)}
.landing-page .number{display:inline-grid;place-items:center;width:34px;height:34px;background:#e8f2eb;color:#254d3d;border-radius:50%;font-size:11px}
.landing-page .steps li:nth-child(2) .number{background:#f9ded5}.landing-page .steps li:nth-child(3) .number{background:#e1eef6}.landing-page .steps li:nth-child(4) .number{background:#edfacb}
.product-section{background:#edf1f0;overflow:hidden}.product-section .studio-image{max-height:none;margin-top:26px;border:1px solid #cad6ce;aspect-ratio:1280/900;object-fit:contain;height:auto;box-shadow:0 18px 42px #182b2712}
.product-section h2{font-size:32px;margin-bottom:12px}.product-section>.eyebrow{color:#466856}
.landing-page .material{background:#fcfdf9}.landing-page .access{background:#d4fa76}.landing-page .access h2{font-size:38px;max-width:660px}.landing-page .access p{color:#294833}
.landing-page footer{max-width:1240px;padding-top:30px;padding-bottom:30px}
@media(min-width:1500px){.hero-stage{height:310px}.hero-copy{padding-top:40px}}
@media(max-width:760px){.landing-page header{padding:14px 20px;gap:14px}.landing-page nav{gap:13px;font-size:12px}.brand{font-size:25px}.brand:before{width:27px;height:27px;flex-basis:27px}.hero-copy{padding:25px 20px 0}.hero-copy h1{font-size:56px}.hero-copy h1:before{width:40px;height:40px;margin-right:10px}.hero-copy .lead{font-size:21px}.hero-copy>p:not(.lead):not(.eyebrow):not(.small){font-size:13px}.hero-copy .actions{gap:16px;margin-top:16px}.hero-copy .small{font-size:10px;max-width:310px}.hero-stage{height:230px}.process-nav{padding:0 8px}.process-nav button{flex-basis:50%;padding:12px 9px;font-size:11px;gap:8px;max-width:none}.motion-button{right:14px;bottom:12px;width:34px;height:34px}.landing-page #stegen h2,.product-section h2{font-size:27px}.landing-page .access h2{font-size:30px}.landing-page #stegen{padding-top:30px}.product-section .studio-image{margin-top:20px}}
@media(max-width:380px){.hero-copy h1{font-size:48px}.hero-stage{height:200px}.hero-copy .lead{font-size:19px}}