.hero-previews .device-stage{position:absolute;inset:25px 0 0;background:#f0ead6;overflow:hidden}.hero-previews .device-desktop{position:absolute;left:5%;top:11%;width:81%;aspect-ratio:1.5;border:5px solid #333c38;border-bottom-width:9px;border-radius:7px;overflow:hidden;box-shadow:0 10px 18px #30362729}.hero-previews .device-desktop img{width:100%;height:100%;object-fit:cover}.hero-previews .device-mobile{position:absolute;width:23%;right:5%;bottom:15%;aspect-ratio:390/844;border:4px solid #303733;border-radius:12px;overflow:hidden;box-shadow:0 7px 15px #1113;background:#fff}.hero-previews .device-mobile img{width:100%;height:100%;object-fit:cover}.hero-previews .device-note{position:absolute;bottom:4%;left:6%;font-size:10px;color:#3d4336}.brand-playground{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:7%;border-top:1px solid #ddd8c9}.brand-playground h2{margin-bottom:24px}.brand-playground-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:440px}.brand-controls{margin-top:30px}.brand-controls label{font-size:14px;display:block}.brand-controls input{display:block;width:100%;max-width:390px;border:1px solid #c9c8bc;background:#fff;padding:13px 16px;font:17px MartiviBrand,Arial,sans-serif;color:#292d24;margin-top:10px;border-radius:4px}.brand-controls fieldset{border:0;padding:0;margin:22px 0;min-width:0}.brand-controls legend{font-size:14px;margin-bottom:13px}.brand-colors{display:flex;gap:10px;flex-wrap:wrap}.brand-colors button{display:flex;align-items:center;gap:9px;border:1px solid #d2cdbc;background:transparent;padding:10px 13px;border-radius:4px;color:#30352b;font:14px MartiviBrand,Arial,sans-serif;min-height:45px}.brand-colors button:before{content:'';background:var(--chip);width:20px;height:20px;border-radius:50%;display:block}.brand-colors button[aria-pressed=true]{outline:2px solid #343b31;outline-offset:2px}.brand-reset{border:0;border-bottom:1px solid #888;background:none;padding:4px 0;font:14px MartiviBrand,Arial,sans-serif;color:inherit}.brand-demo-note{font-size:13px!important;opacity:.75;margin-top:24px}.brand-sample{--sample-accent:#294b3c;border-radius:10px;border:1px solid #dad4c5;overflow:hidden;box-shadow:0 25px 65px #3e392313;background:#fff;min-width:0;transition:box-shadow .25s}.sample-browser{height:30px;background:#f0eee6;display:flex;align-items:center;gap:4px;padding:0 12px}.sample-browser i{width:5px;height:5px;border-radius:50%;background:#c6c4b8}.sample-browser span{font-size:10px;margin-left:auto;color:#68685c}.sample-nav{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--sample-accent)}.sample-nav strong{font-size:21px;font-weight:500;overflow-wrap:anywhere}.sample-nav>span{font-size:10px;flex:none}.sample-cover{position:relative;min-height:350px;display:flex;align-items:end;isolation:isolate;color:white}.sample-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.sample-cover:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#102519d9,#10251922);z-index:-1}.sample-cover>div{padding:38px}.sample-cover>div>span:first-child{font-size:12px;letter-spacing:1px}.sample-cover h3{font-size:clamp(25px,2.7vw,39px);line-height:1.35;font-weight:400;color:white;margin:17px 0 25px}.sample-cta{display:inline-block;padding:12px 18px;background:var(--sample-accent);color:white;font-size:13px;transition:background .2s}.sample-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px;background:var(--sample-accent);color:white;transition:background .2s}.sample-bottom>span{font-size:11px}.sample-bottom strong{font-size:15px;max-width:60%;overflow-wrap:anywhere;font-weight:400}.process-visual{position:relative;aspect-ratio:1.5;overflow:hidden;margin:24px 0 28px;border:1px solid #ded7bb;border-radius:5px;background:#efe8ce}.process-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.process-brand-label{position:absolute;top:0;left:0;right:0;padding:14px 16px;background:#fff;color:#3e4939;display:flex;align-items:center;gap:7px;font-size:15px;box-shadow:0 3px 12px #0002}.process-brand-label i{width:13px;height:13px;border-radius:50%;background:#294b3c}.process-brand-label i:first-child{margin-left:auto}.process-brand-label i:nth-child(2){background:#934c37}.process-brand-label i:last-child{background:#254d72}.process-devices{padding:12px 22px 20px 12px}.process-devices>img:first-child{height:auto;aspect-ratio:1.5;border:3px solid #333c38;border-radius:4px;box-shadow:0 5px 9px #0002}.process-devices>.process-phone{position:absolute;right:8px;bottom:8px;width:23%;height:auto;aspect-ratio:390/844;border:3px solid #333c38;border-radius:7px;box-shadow:0 4px 8px #0002}.brand-controls button:focus-visible,.brand-controls input:focus-visible{outline:3px solid #343b31;outline-offset:4px}@media(max-width:900px){.brand-playground{gap:30px}.sample-nav{padding:16px}.sample-nav>span{display:none}.sample-cover>div{padding:25px}.sample-bottom{padding:18px}.sample-bottom>span{font-size:10px}}@media(max-width:760px){.brand-playground{grid-template-columns:1fr}.brand-controls input{max-width:none}.sample-cover{min-height:320px}.sample-cover h3{font-size:32px}.sample-nav strong{font-size:21px}.sample-bottom strong{font-size:14px}.hero-previews .device-stage{top:22px}.hero-previews .device-desktop{border-width:3px;border-bottom-width:6px}.hero-previews .device-mobile{border-width:3px;border-radius:8px}.hero-previews .device-note{font-size:8px}.process-visual{max-width:none}.brand-playground-copy>p{max-width:none!important}}@media(prefers-reduced-motion:reduce){.brand-sample,.sample-cta,.sample-bottom{transition:none}}