.elementor-9 .elementor-element.elementor-element-3c3f531{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-1c0b8c6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-aece882{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-1de65b2{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-bb2496f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-6b39dcd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-e5197b3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-23d8229{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-0399763{--display:flex;--border-radius:25px 25px 25px 25px;--padding-top:55px;--padding-bottom:55px;--padding-left:34px;--padding-right:34px;}.elementor-9 .elementor-element.elementor-element-0399763:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-0399763 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A2E56;}.elementor-widget-global .elementor-field-group > label, .elementor-widget-global .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-global .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-global .elementor-field-group .elementor-field, .elementor-widget-global .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-global .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-global .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-global .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-global .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .e-form__indicators__indicator, .elementor-widget-global .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-global{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-global .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-global-186 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-9 .elementor-element.elementor-global-186 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-9 .elementor-element.elementor-global-186 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-9 .elementor-element.elementor-global-186 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-9 .elementor-element.elementor-global-186 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-9 .elementor-element.elementor-global-186 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-9 .elementor-element.elementor-global-186 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-9 .elementor-element.elementor-global-186 .elementor-field-type-html{padding-bottom:0px;}.elementor-9 .elementor-element.elementor-global-186 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-9 .elementor-element.elementor-global-186 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-9 .elementor-element.elementor-global-186 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-9 .elementor-element.elementor-global-186 .elementor-button[type="submit"]{color:#ffffff;}.elementor-9 .elementor-element.elementor-global-186 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-9 .elementor-element.elementor-global-186 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-9 .elementor-element.elementor-global-186 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-9 .elementor-element.elementor-global-186 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-9 .elementor-element.elementor-global-186 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-9 .elementor-element.elementor-global-186 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-9 .elementor-element.elementor-global-186{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-9 .elementor-element.elementor-element-d5d9cc3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-94bf8f5{--display:flex;--min-height:500px;--overlay-opacity:0.21;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-94bf8f5:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-94bf8f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.setino.com/wp-content/uploads/2026/09/setino-vedokesztyuk-nagykereskedelmi-partner.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9 .elementor-element.elementor-element-94bf8f5::before, .elementor-9 .elementor-element.elementor-element-94bf8f5 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-94bf8f5 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-94bf8f5 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-94bf8f5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-94bf8f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2E667E;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-1dde33d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-a28f09c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-42b1e8e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-cfdc20d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-0868b5d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-e5197b3{--width:50%;}.elementor-9 .elementor-element.elementor-element-23d8229{--width:50%;}.elementor-9 .elementor-element.elementor-element-0399763{--width:100%;}}@media(min-width:1025px){.elementor-9 .elementor-element.elementor-element-94bf8f5:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-94bf8f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-0399763{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}}/* Start custom CSS for html, class: .elementor-element-1c0b8c6 *//* ============================================================
   HERO – TELJES SZÉLESSÉGŰ HÁTTÉR
   A belső tartalom továbbra is max-width szerint igazodik
   ============================================================ */

.stn-hero{
  width:100vw !important;
  max-width:none !important;

  position:relative;

  left:50%;
  margin-left:-50vw !important;
  margin-right:-50vw !important;

  border-radius:0 !important;
}

/* A hero belső tartalma marad középre rendezve */

.stn-hero > .stn-wrap{
  width:100%;
  max-width:var(--stn-maxw);

  margin-inline:auto;

  padding-inline:clamp(20px,4vw,44px);
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-186 *//* ═══════════════════════════════════════════════════════
   SETINO — AJÁNLATKÉRŐ FORM
   Elementor Form widget
   FINAL / DESKTOP + MOBILE
   ═══════════════════════════════════════════════════════ */


/* ========================================================
   FORM GRID / LAYOUT
   ======================================================== */

.elementor-9 .elementor-element.elementor-global-186 .elementor-form-fields-wrapper{
  display:flex !important;
  flex-wrap:wrap !important;

  column-gap:10px;
  row-gap:15px;
}

.elementor-9 .elementor-element.elementor-global-186 .elementor-field-group{
  margin-bottom:0 !important;
}


/* 50%-os mezők */

.elementor-9 .elementor-element.elementor-global-186 .elementor-field-group.elementor-col-50{
  width:calc(50% - 5px) !important;
  flex:0 0 calc(50% - 5px) !important;
  max-width:calc(50% - 5px) !important;
}


/* 100%-os mezők */

.elementor-9 .elementor-element.elementor-global-186 .elementor-field-group.elementor-col-100{
  width:100% !important;
  flex:0 0 100% !important;
  max-width:100% !important;
}


/* ========================================================
   LABELS
   ======================================================== */

.elementor-9 .elementor-element.elementor-global-186 .elementor-field-label{
  display:block !important;

  color:#EAF3FA !important;

  font-size:12.5px !important;
  line-height:1.25;

  font-weight:700 !important;

  margin:0 0 7px 1px !important;
}


/* ========================================================
   ALL FIELDS
   ======================================================== */

.elementor-9 .elementor-element.elementor-global-186 input.elementor-field,
.elementor-9 .elementor-element.elementor-global-186 select.elementor-field,
.elementor-9 .elementor-element.elementor-global-186 textarea.elementor-field{
  width:100%;

  background:rgba(255,255,255,.085) !important;

  border:1px solid rgba(255,255,255,.20) !important;
  border-radius:13px !important;

  color:#FFFFFF !important;

  font-family:inherit !important;
  font-size:14.5px !important;

  box-shadow:none !important;
  outline:none !important;

  transition:
    border-color .25s ease,
    background .25s ease,
    box-shadow .25s ease;
}


/* ========================================================
   INPUT
   ======================================================== */

.elementor-9 .elementor-element.elementor-global-186 input.elementor-field{
  height:49px !important;
  min-height:49px !important;

  padding:0 14px !important;
}


/* ========================================================
   TEXTAREA
   ======================================================== */

.elementor-9 .elementor-element.elementor-global-186 textarea.elementor-field{
  min-height:94px !important;
  height:94px;

  padding:13px 14px !important;

  line-height:1.5;

  resize:vertical;
}


/* ========================================================
   PLACEHOLDERS
   ======================================================== */

.elementor-9 .elementor-element.elementor-global-186 input.elementor-field::placeholder,
.elementor-9 .elementor-element.elementor-global-186 textarea.elementor-field::placeholder{
  color:rgba(220,234,245,.50) !important;
  opacity:1 !important;
}

.elementor-9 .elementor-element.elementor-global-186 input.elementor-field::-webkit-input-placeholder,
.elementor-9 .elementor-element.elementor-global-186 textarea.elementor-field::-webkit-input-placeholder{
  color:rgba(220,234,245,.50) !important;
  opacity:1 !important;
}

.elementor-9 .elementor-element.elementor-global-186 input.elementor-field::-moz-placeholder,
.elementor-9 .elementor-element.elementor-global-186 textarea.elementor-field::-moz-placeholder{
  color:rgba(220,234,245,.50) !important;
  opacity:1 !important;
}


/* ========================================================
   FOCUS
   ======================================================== */

.elementor-9 .elementor-element.elementor-global-186 input.elementor-field:focus,
.elementor-9 .elementor-element.elementor-global-186 select.elementor-field:focus,
.elementor-9 .elementor-element.elementor-global-186 textarea.elementor-field:focus{
  background:rgba(255,255,255,.11) !important;

  border-color:#FFC21C !important;

  box-shadow:
    0 0 0 3px rgba(255,194,28,.09) !important;
}


/* ========================================================
   SELECT
   ======================================================== */

.elementor-9 .elementor-element.elementor-global-186 select.elementor-field{
  height:49px !important;
  min-height:49px !important;

  padding:0 42px 0 14px !important;

  color:#FFFFFF !important;

  background-color:
    rgba(255,255,255,.085) !important;

  cursor:pointer;

  appearance:none !important;
  -webkit-appearance:none !important;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23FFC21C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;

  background-repeat:no-repeat !important;

  background-position:
    right 15px center !important;

  background-size:
    12px auto !important;
}


/* natív dropdown lista */

.elementor-9 .elementor-element.elementor-global-186 select.elementor-field option{
  background:#FFFFFF !important;
  color:#06213F !important;
}


/* ========================================================
   ACCEPTANCE / GDPR
   ======================================================== */

.elementor-9 .elementor-element.elementor-global-186 .elementor-field-type-acceptance{
  margin-top:3px !important;
}

.elementor-9 .elementor-element.elementor-global-186 .elementor-field-type-acceptance .elementor-field-subgroup{
  width:100%;
}

.elementor-9 .elementor-element.elementor-global-186 .elementor-field-type-acceptance .elementor-field-option{
  display:flex !important;

  align-items:flex-start !important;

  gap:10px;

  width:100%;
}


/* CHECKBOX */

.elementor-9 .elementor-element.elementor-global-186 .elementor-field-type-acceptance input[type="checkbox"]{
  appearance:none !important;
  -webkit-appearance:none !important;

  position:relative;

  flex:0 0 17px !important;

  width:17px !important;
  height:17px !important;

  min-width:17px !important;
  min-height:17px !important;

  max-width:17px !important;
  max-height:17px !important;

  margin:2px 0 0 0 !important;

  padding:0 !important;

  border:
    1px solid rgba(255,255,255,.45) !important;

  border-radius:
    3px !important;

  background:
    rgba(255,255,255,.08) !important;

  cursor:pointer;
}

.elementor-9 .elementor-element.elementor-global-186 .elementor-field-type-acceptance input[type="checkbox"]:checked{
  background:
    #FFC21C !important;

  border-color:
    #FFC21C !important;
}

.elementor-9 .elementor-element.elementor-global-186 .elementor-field-type-acceptance input[type="checkbox"]:checked::after{
  content:"";

  position:absolute;

  left:5px;
  top:2px;

  width:4px;
  height:8px;

  border:
    solid #06213F;

  border-width:
    0 2px 2px 0;

  transform:
    rotate(45deg);
}


/* GDPR TEXT */

.elementor-9 .elementor-element.elementor-global-186 .elementor-field-type-acceptance label{
  color:
    rgba(233,243,252,.72) !important;

  font-size:
    11.5px !important;

  line-height:
    1.35 !important;

  font-weight:
    500 !important;

  margin:0 !important;

  cursor:pointer;
}

.elementor-9 .elementor-element.elementor-global-186 .elementor-field-type-acceptance label a{
  color:#FFFFFF !important;

  text-decoration:
    underline;

  text-underline-offset:
    2px;
}


/* ========================================================
   SUBMIT
   ======================================================== */

.elementor-9 .elementor-element.elementor-global-186 .elementor-field-type-submit{
  margin-top:5px !important;

  width:100% !important;
  flex:0 0 100% !important;
}

.elementor-9 .elementor-element.elementor-global-186 .elementor-button{
  width:100% !important;

  height:54px;
  min-height:54px;

  padding:
    0 24px !important;

  border:
    0 !important;

  border-radius:
    999px !important;

  background:
    #FFC21C !important;

  color:
    #06213F !important;

  font-family:
    inherit !important;

  font-size:
    15px !important;

  font-weight:
    800 !important;

  cursor:pointer;

  box-shadow:
    none !important;

  transition:
    transform .25s ease,
    background .25s ease,
    box-shadow .25s ease;
}

.elementor-9 .elementor-element.elementor-global-186 .elementor-button:hover{
  transform:
    translateY(-2px);

  background:
    #FFD04A !important;

  color:
    #06213F !important;

  box-shadow:
    0 14px 30px -18px
    rgba(0,0,0,.55) !important;
}


/* ========================================================
   MESSAGES
   ======================================================== */

.elementor-9 .elementor-element.elementor-global-186 .elementor-message{
  margin-top:
    12px;

  font-size:
    12.5px;

  font-weight:
    700;
}

.elementor-9 .elementor-element.elementor-global-186 .elementor-message-success{
  color:#8FE3AD !important;
}

.elementor-9 .elementor-element.elementor-global-186 .elementor-message-danger,
.elementor-9 .elementor-element.elementor-global-186 .elementor-message-error{
  color:#FFA8A8 !important;
}


/* ========================================================
   MOBILE
   ======================================================== */

@media(max-width:767px){

  /* Mobilon az 50%-os mezők is 100%-osak */

  .elementor-9 .elementor-element.elementor-global-186 .elementor-field-group.elementor-col-50,
  .elementor-9 .elementor-element.elementor-global-186 .elementor-field-group.elementor-col-100{
    width:100% !important;
    flex:0 0 100% !important;
    max-width:100% !important;
  }

  .elementor-9 .elementor-element.elementor-global-186 input.elementor-field,
  .elementor-9 .elementor-element.elementor-global-186 select.elementor-field{
    height:48px !important;
    min-height:48px !important;
  }

  .elementor-9 .elementor-element.elementor-global-186 textarea.elementor-field{
    min-height:95px !important;
  }

  .elementor-9 .elementor-element.elementor-global-186 .elementor-button{
    min-height:52px;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0399763 */.elementor-9 .elementor-element.elementor-element-0399763{
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 30px 80px -30px rgba(0,0,0,.5);
}

.elementor-9 .elementor-element.elementor-element-0399763:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:42px 42px;
  opacity:.35;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dabf6f *//* ========================================================
   MIÉRT MI — TELJES SZÉLESSÉGŰ HÁTTÉR,
   KÖZPONTI SETINO CONTENT BOX
   ======================================================== */

.stn-why{
  position:relative;
  width:100%;
  overflow:hidden;

  padding:
    clamp(80px,8vw,120px)
    0;

  background:
    linear-gradient(
      180deg,
      #F7FAFD 0%,
      #EEF5FA 100%
    );
}


/* A tartalom ugyanabba a boxba kerül,
   mint a hero tartalma */

.stn-why > .stn-container{
  position:relative;
  z-index:2;
}


/* halvány technikai grid a teljes háttéren */

.stn-why::before{
  content:"";
  position:absolute;
  inset:0;

  background-image:
    linear-gradient(
      rgba(10,46,86,.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(10,46,86,.045) 1px,
      transparent 1px
    );

  background-size:60px 60px;

  -webkit-mask-image:
    radial-gradient(
      90% 90% at 0% 15%,
      #000 0%,
      rgba(0,0,0,.7) 38%,
      transparent 78%
    );

  mask-image:
    radial-gradient(
      90% 90% at 0% 15%,
      #000 0%,
      rgba(0,0,0,.7) 38%,
      transparent 78%
    );

  pointer-events:none;
}


@media(max-width:767px){

  .stn-why{
    padding:70px 0;
  }

}/* End custom CSS */
/* Start custom CSS *//* =========================================================================
   SETINO — GLOBÁLIS CSS  (Site Settings → Custom CSS, EGYSZER betölteni)
   Tokenek + alap + konténer + gombok + eyebrow. Erre épül a fejléc/hero/footer.
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

:root{
  --stn-ink:#0B2545; --stn-ink-soft:#43607F; --stn-blue:#0065A1; --stn-blue-deep:#0F4C81;
  --stn-navy:#06213F; --stn-powder:#E9F3FC; --stn-line:#D5E5F4; --stn-bg:#F3F8FD; --stn-white:#F5F9FF;
  --stn-yellow:#FFC42D; --stn-yellow-hi:#FFB300; --stn-yellow-ink:#15233C;
  --stn-maxw:1240px; --stn-ease:cubic-bezier(.2,.7,.2,1);
}

/* alap – csak a .stn elemekre szűkítve, hogy ne befolyásolja a téma többi részét */
.stn,.stn *{box-sizing:border-box}
.stn{font-family:'Montserrat',system-ui,sans-serif;color:var(--stn-ink);line-height:1.6}
.stn h1,.stn h2,.stn h3{line-height:1.05;letter-spacing:-.025em;font-weight:800;margin:0}
.stn a{text-decoration:none;color:inherit}
.stn img,.stn svg{display:block;max-width:100%}
.stn-container{width:100%;max-width:var(--stn-maxw);margin:0 auto;padding-inline:clamp(20px,4vw,44px)}

/* gombok (árnyék CSAK hovernél, kicsi) — .stn alá scope-olva a specificitás miatt */
.stn .stn-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;border:1px solid transparent;border-radius:100px;padding:14px 26px;transition:transform .3s var(--stn-ease),box-shadow .3s var(--stn-ease),background .25s,border-color .25s,color .25s}
.stn .stn-btn svg{width:16px;height:16px}
.stn .stn-btn-cta{background:var(--stn-yellow);color:var(--stn-yellow-ink)}
.stn .stn-btn-cta:hover{background:var(--stn-yellow-hi);transform:translateY(-2px);box-shadow:0 8px 18px -8px rgba(255,179,0,.55)}
.stn .stn-btn-ghost{background:var(--stn-white);color:var(--stn-blue-deep);border-color:var(--stn-line)}
.stn .stn-btn-ghost:hover{background:var(--stn-powder);border-color:#BFD8EF;transform:translateY(-2px)}
.stn .stn-btn-wire{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.stn .stn-btn-wire:hover{background:rgba(255,255,255,.12);border-color:#fff;transform:translateY(-2px)}

/* eyebrow – ALAP (világos szekciókhoz). Sötét hátterű változatot a hero blokk adja. */
.stn-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--stn-blue);background:var(--stn-powder);border:1px solid var(--stn-line);padding:8px 15px;border-radius:100px}
.stn-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--stn-yellow);font-style:normal}

@media (prefers-reduced-motion:reduce){ .stn *{animation:none!important;transition-duration:.001ms!important} }/* End custom CSS */