:root{--ink:#10231f;--blue:#33c6e9;--green:#78ef78;--yellow:#ffdc1d;--brand:#1455b7}
    html,body,button{font-family:"Open Sans",Arial,ui-sans-serif,system-ui,sans-serif!important}
    body{background:radial-gradient(circle at 12% 15%,rgba(51,198,233,.17),transparent 30rem),radial-gradient(circle at 88% 45%,rgba(120,239,120,.14),transparent 30rem),#f8f7f1}
    h1,h2,.question,.step b,.cta a{font-family:"Peace Sans","Open Sans",Arial,ui-sans-serif,system-ui,sans-serif!important}
    .top{position:fixed;inset:0 0 auto;padding:9px 0;background:rgba(255,255,255,.93);border-bottom:1px solid rgba(16,35,31,.1);box-shadow:0 8px 28px rgba(16,35,31,.06);backdrop-filter:blur(22px);pointer-events:none}
    .top .wrap{width:min(1280px,calc(100% - 32px))}.nav,.langs{pointer-events:auto;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
    .nav a{transition:transform .2s,background .2s}.nav a:hover{transform:translateY(-2px);background:#fff}.nav .label{box-shadow:3px 4px 0 rgba(20,85,183,.18)}
    .hero{padding:185px 0 75px}.hero:before{content:"ETIQUETIA";display:block;margin-bottom:20px;color:var(--brand);font-size:.76rem;font-weight:900;letter-spacing:.22em}.hero h1{max-width:920px;margin:auto;color:var(--ink);letter-spacing:-.055em}.hero h1:after{content:"";display:block;width:120px;height:10px;margin:30px auto 0;border-radius:999px;background:linear-gradient(90deg,var(--blue) 0 33%,var(--green) 33% 66%,var(--yellow) 66%)}.hero p{color:#52625e}
    .question{max-width:790px;margin-bottom:58px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--ink);font-size:clamp(1.45rem,3vw,2.3rem)}
    .cards{gap:24px}.card{position:relative;overflow:hidden;min-height:500px;padding:18px 18px 30px;border:1px solid rgba(16,35,31,.1);border-radius:38px;box-shadow:0 28px 65px rgba(16,35,31,.12);transition:transform .28s,box-shadow .28s}.card:hover{transform:translateY(-8px);box-shadow:0 34px 75px rgba(16,35,31,.16)}.card.blue{background:linear-gradient(145deg,#dff8ff 0%,var(--blue) 100%)}.card.green{background:linear-gradient(145deg,#eaffea 0%,var(--green) 100%)}.card.yellow{background:linear-gradient(145deg,#fffbe1 0%,var(--yellow) 100%)}.icon{height:285px;border-radius:28px;background:rgba(255,255,255,.68);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);backdrop-filter:blur(12px)}.icon img{width:205px;height:205px}.card h2{margin:26px 10px 12px;font-size:clamp(2rem,3vw,2.8rem);letter-spacing:-.04em}.card p{margin:0 10px;color:#2f4741;line-height:1.65}
    .mix{position:relative;overflow:hidden;margin:95px 0;padding:72px 35px;border:0;border-radius:44px;background:rgba(255,255,255,.76);box-shadow:0 28px 75px rgba(16,35,31,.1);backdrop-filter:blur(18px)}.mix:before{content:"";position:absolute;inset:0 66% 0 0;background:rgba(51,198,233,.1)}.mix:after{content:"";position:absolute;inset:0 0 0 66%;background:rgba(255,220,29,.13)}.mix>*{position:relative;z-index:1}.mix h2{color:var(--ink);letter-spacing:-.04em}.equation{gap:20px}.dot{width:145px;height:145px;border:0;box-shadow:0 14px 35px rgba(16,35,31,.12);padding:15px}.dot.green{transform:scale(1.09)}
    .steps{gap:0;margin-bottom:75px;border-block:1px solid rgba(16,35,31,.16)}.step{position:relative;padding:36px;border:0}.step+.step{border-left:1px solid rgba(16,35,31,.16)}.step:before{content:"";position:absolute;top:0;left:36px;width:58px;height:6px;border-radius:999px;background:var(--blue)}.step:nth-child(2):before{background:var(--green)}.step:nth-child(3):before{background:var(--yellow)}.step b{font-size:1.45rem}.step p{font-size:1.02rem;line-height:1.65}.cta a{border:0;padding:20px 40px;box-shadow:0 18px 40px rgba(20,85,183,.2);transition:transform .2s}.cta a:hover{transform:translateY(-4px)}
    @media(max-width:800px){.top{position:relative;padding-bottom:0}.top .wrap{align-items:stretch}.nav{display:flex;width:100%;overflow-x:auto}.langs{align-self:flex-end}.hero{padding:75px 0 52px}.hero h1{font-size:clamp(3.2rem,15vw,5.2rem)}.cards{gap:20px}.card{min-height:0}.icon{height:220px}.icon img{width:165px;height:165px}.mix{margin:65px 0;padding:46px 18px}.dot{width:100px;height:100px;font-size:.78rem}.steps{grid-template-columns:1fr;border:0}.step{padding:30px 10px 30px 28px;border-left:1px solid rgba(16,35,31,.16)!important}.step+.step{border-top:1px solid rgba(16,35,31,.16)}.step:before{left:28px}.cta{margin-bottom:65px}}