@media only screen and (min-width:0rem){#hero-od{background:var(--dark);overflow:hidden;padding:clamp(8rem,18vw,12rem) 1rem clamp(4rem,8vw,6rem);position:relative}#hero-od .cs-container{gap:clamp(2.5rem,6vw,4rem);margin:auto;max-width:80rem;width:100%}#hero-od .cs-container,#hero-od .cs-content{align-items:center;display:flex;flex-direction:column}#hero-od .cs-content{max-width:40rem;text-align:center}#hero-od .cs-topper{color:var(--primary);display:block;font-size:var(--topperFontSize);font-weight:700;letter-spacing:.15em;margin-bottom:.75rem;text-transform:uppercase}#hero-od .cs-title{color:var(--headerColor);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.15;margin:0 0 1.25rem}#hero-od .cs-text{color:var(--bodyTextColor);font-size:clamp(1rem,2vw,1.125rem);line-height:1.7;margin:0 0 2rem;max-width:35rem}#hero-od .cs-button-group{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem}#hero-od .cs-button-ghost{align-items:center;border:2px solid rgba(122,158,126,.4);border-radius:.5rem;color:var(--primaryLight);display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:.875rem 1.75rem;text-decoration:none;transition:all .2s}#hero-od .cs-button-ghost:hover{background:rgba(122,158,126,.08);border-color:var(--primary)}#hero-od .cs-trust-list{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:center;list-style:none;margin:0;padding:0}#hero-od .cs-trust-item{align-items:center;color:var(--bodyTextColor);display:flex;font-size:.875rem;gap:.375rem}#hero-od .cs-check{color:var(--primary);flex-shrink:0;height:1rem;width:1rem}#hero-od .cs-hero-visual{max-width:33.75rem;position:relative;width:100%}#hero-od .cs-screen{background:#1a2e1c;border:1px solid rgba(122,158,126,.3);border-radius:.75rem;box-shadow:0 25px 60px rgba(22,32,50,.2),0 0 0 1px rgba(122,158,126,.1);overflow:hidden}#hero-od .cs-screen-bar{align-items:center;background:#0e1621;display:flex;gap:.375rem;padding:.625rem .875rem}#hero-od .cs-screen-bar span{background:#374151;border-radius:50%;display:block;height:.625rem;width:.625rem}#hero-od .cs-screen-bar span:first-child{background:#ef4444}#hero-od .cs-screen-bar span:nth-child(2){background:#f59e0b}#hero-od .cs-screen-bar span:nth-child(3){background:#10b981}#hero-od .cs-screen-body{display:flex;flex-direction:column;gap:.625rem;padding:1rem}#hero-od .cs-mock-nav{background:rgba(122,158,126,.15);border-radius:.25rem;height:.625rem;width:80%}#hero-od .cs-mock-hero{background:linear-gradient(135deg,rgba(122,158,126,.2),rgba(90,125,94,.1));border-radius:.5rem;height:5rem}#hero-od .cs-mock-cards{display:flex;gap:.5rem}#hero-od .cs-mock-card{background:hsla(0,0%,100%,.04);border:1px solid rgba(122,158,126,.1);border-radius:.375rem;flex:1;height:3.125rem}#hero-od .cs-floating{background:#1a2e1c;border:1px solid rgba(122,158,126,.3);border-radius:1.25rem;box-shadow:0 8px 24px rgba(0,0,0,.3);color:#f0ebe0;font-size:.75rem;font-weight:600;padding:.5rem .875rem;position:absolute;white-space:nowrap}#hero-od .cs-floating-1{animation:float 3s ease-in-out infinite;right:.625rem;top:-.75rem}#hero-od .cs-floating-2{animation:float 3s ease-in-out 1s infinite;bottom:2.5rem;left:-.625rem}#hero-od .cs-floating-3{animation:float 3s ease-in-out 2s infinite;bottom:-.625rem;right:1.25rem}#hero-od .cs-stars{inset:0;pointer-events:none;position:absolute;z-index:0}#hero-od .cs-star{background:#7a9e7e;border-radius:50%;height:.125rem;opacity:.25;position:absolute;width:.125rem}#hero-od .cs-star:first-child{left:5%;opacity:.5;top:10%}#hero-od .cs-star:nth-child(2){left:80%;opacity:.3;top:20%}#hero-od .cs-star:nth-child(3){left:15%;opacity:.4;top:35%}#hero-od .cs-star:nth-child(4){left:90%;opacity:.2;top:60%}#hero-od .cs-star:nth-child(5){left:40%;opacity:.35;top:75%}#hero-od .cs-star:nth-child(6){left:55%;opacity:.25;top:15%}#hero-od .cs-star:nth-child(7){left:70%;opacity:.4;top:85%}#hero-od .cs-star:nth-child(8){left:5%;opacity:.2;top:50%}#hero-od .cs-container{position:relative;z-index:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}}@media only screen and (min-width:48rem){#hero-od .cs-container{align-items:center;flex-direction:row;justify-content:space-between}#hero-od .cs-content{align-items:flex-start;text-align:left}#hero-od .cs-button-group,#hero-od .cs-trust-list{justify-content:flex-start}#hero-od .cs-hero-visual{flex-shrink:0;max-width:30rem}}