/* Sections, buttons and cards taken over from noevu-final (fonts.scss, layout.scss, theme.scss and the components named below); tokens come from /marke/tokens.css. */
@font-face{font-family:Heebo;font-style:normal;font-weight:300 700;font-display:swap;src:url('/marke/fonts/heebo-variable.woff2') format('woff2')}
@font-face{font-family:'Abril Fatface';font-style:normal;font-weight:400;font-display:swap;src:url('/marke/fonts/abril-fatface-400.woff2') format('woff2')}
@font-face{font-family:'Heebo Fallback';src:local('Arial'),local('Roboto');size-adjust:120.1327%;ascent-override:87.2245%;descent-override:35.0361%;line-gap-override:0%}
@font-face{font-family:'Abril Fatface Fallback';src:local('Times New Roman'),local('Liberation Serif'),local('Noto Serif');size-adjust:114.249%;ascent-override:92.6048%;descent-override:25.4707%;line-gap-override:0%}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:focus-visible{outline:2px solid var(--theme-accent,var(--color-orange));outline-offset:2px}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-1))}
body{font-family:var(--font-body);font-weight:var(--font-weight-light);font-size:var(--text-base);line-height:var(--rhythm);color:var(--color-grey);background:var(--color-cream)}
h1,h2,h3{font-family:var(--font-title);font-weight:var(--font-weight-regular)}
h1{font-size:var(--text-4xl);line-height:var(--leading-display);margin-bottom:var(--space-1)}
h2{font-size:var(--text-3xl);line-height:var(--leading-display);margin-bottom:var(--space-1)}
h3{font-size:var(--text-2xl);line-height:var(--leading-title);margin-bottom:var(--space-half)}
@media (width <= 767px){h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}}
.subheading{font-family:var(--font-body);font-weight:var(--font-weight-medium);font-size:var(--text-lg);line-height:var(--rhythm);margin-bottom:0}
p{margin-bottom:var(--space-1)}p:last-child{margin-bottom:0}
strong{font-weight:inherit}
img,picture,svg{max-width:100%;display:block}img{height:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link:focus{position:fixed;top:var(--space-half);left:var(--space-half);z-index:200;width:auto;height:auto;margin:0;padding:var(--space-half) var(--space-1);clip-path:none;background:var(--color-white);color:var(--color-grey);border-radius:var(--radius-full)}

/* Placeholder until name and price are decided: visibly marked, never mistaken for final copy. */
.platzhalter{outline:2px dashed var(--color-orange);outline-offset:2px;border-radius:4px;padding-inline:.2em}

[data-theme="green"],[data-theme="green-dark"]{
  --theme-bg:var(--color-green);--theme-text:var(--color-white);--theme-heading:var(--color-white);--theme-accent:var(--color-orange);
  --theme-card-bg:var(--color-white);--theme-card-text:var(--color-grey);--theme-card-heading:var(--color-green);
  --theme-border:color-mix(in oklab,var(--color-white),transparent var(--alpha-subtle));
  --theme-tag-bg:color-mix(in oklab,var(--color-white),transparent var(--alpha-subtle));--theme-tag-color:var(--color-white);
  background-color:var(--theme-bg);color:var(--theme-text)}
[data-theme="green-dark"]{background-image:linear-gradient(180deg,var(--color-green) 0%,var(--color-green-very-dark) 100%)}
[data-theme="beige"]{
  --theme-bg:var(--color-cream);--theme-text:var(--color-grey);--theme-heading:var(--color-green);--theme-accent:var(--color-orange);
  --theme-card-bg:var(--color-white);--theme-card-text:var(--color-grey);--theme-card-heading:var(--color-green);
  --theme-border:color-mix(in oklab,var(--color-grey),transparent var(--alpha-subtle));
  --theme-tag-bg:color-mix(in oklab,var(--color-green),transparent var(--alpha-subtle));--theme-tag-color:var(--color-green-dark);
  background-color:var(--theme-bg);color:var(--theme-text)}
[data-theme="beige"].section--gradient-down{background-image:linear-gradient(180deg,var(--color-white) 0%,var(--color-cream) 100%)}

.section{padding-block:var(--section-py);width:100%}
main>.section:first-child{padding-top:calc(var(--section-py) + var(--header-height))}
.section__container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-px)}
.section__content>*+*{margin-top:var(--space-2)}
.section__content>.heading+*{margin-top:var(--space-1)}
.section--collapse-after{padding-bottom:calc(var(--section-py)/2)}
.section--collapse-after+.section{padding-top:calc(var(--section-py)/2);margin-top:-1px}
@media (width <= 768px){
  .section{padding-block:var(--section-py-mobile)}
  main>.section:first-child{padding-top:calc(var(--section-py-mobile) + var(--header-height))}
  .section--collapse-after{padding-bottom:calc(var(--section-py-mobile)/2)}
  .section--collapse-after+.section{padding-top:calc(var(--section-py-mobile)/2)}
}
@media (max-width:767px){.section__content>*+*{margin-top:var(--space-1-5)}.section__content>.heading+*{margin-top:var(--space-half)}}

.section--border-oval-down,.section--border-arrow-down{position:relative;margin-bottom:calc(-1 * var(--section-border-depth));padding-bottom:calc(var(--section-py) + var(--section-border-depth))}
.section--border-oval-down{clip-path:polygon(0% 0%,100% 0%,100% calc(100% - var(--section-border-depth)),95% calc(100% - var(--section-border-depth)*.808),90% calc(100% - var(--section-border-depth)*.638),85% calc(100% - var(--section-border-depth)*.488),80% calc(100% - var(--section-border-depth)*.358),75% calc(100% - var(--section-border-depth)*.248),70% calc(100% - var(--section-border-depth)*.158),65% calc(100% - var(--section-border-depth)*.09),60% calc(100% - var(--section-border-depth)*.04),55% calc(100% - var(--section-border-depth)*.01),50% 100%,45% calc(100% - var(--section-border-depth)*.01),40% calc(100% - var(--section-border-depth)*.04),35% calc(100% - var(--section-border-depth)*.09),30% calc(100% - var(--section-border-depth)*.158),25% calc(100% - var(--section-border-depth)*.248),20% calc(100% - var(--section-border-depth)*.358),15% calc(100% - var(--section-border-depth)*.488),10% calc(100% - var(--section-border-depth)*.638),5% calc(100% - var(--section-border-depth)*.808),0% calc(100% - var(--section-border-depth)))}
.section--border-arrow-down{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--section-border-depth)),50% 100%,0 calc(100% - var(--section-border-depth)))}
:is(.section--border-oval-down,.section--border-arrow-down)+.section{padding-top:calc(var(--section-py) + var(--section-border-depth))}
@media (width <= 768px){
  :is(.section--border-oval-down,.section--border-arrow-down)+.section{padding-top:calc(var(--section-py-mobile) + var(--section-border-depth))}
  .section--border-oval-down,.section--border-arrow-down{padding-bottom:calc(var(--section-py-mobile) + var(--section-border-depth))}
}

.tag{display:inline-flex;align-items:center;gap:.4em;padding:0 .75em;border-radius:var(--radius-full);background:var(--theme-tag-bg);color:var(--theme-tag-color);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-light);white-space:nowrap;max-width:calc(100vw - 2*var(--container-px,1rem));overflow:hidden}
.tag__dot{width:.6em;height:.6em;border-radius:var(--radius-full);background:var(--color-orange);flex-shrink:0}
.tag--eyebrow{font-size:var(--text-xs);letter-spacing:.08em}
@media (max-width:768px){.tag--eyebrow{font-size:calc(var(--font-size-base)*.75)}}

.heading h1,.heading h2,.heading h3{margin-bottom:0}
.heading .tag{margin-bottom:var(--space-half)}
.heading--center{text-align:center;max-width:var(--heading-max-width);margin-inline:auto}
.heading--h1 .heading__title{font-size:var(--text-5xl);line-height:var(--leading-display)}
.heading--h3 h3{font-size:var(--text-2xl);line-height:var(--leading-title)}
@media (max-width:767px){.heading--h1 .heading__title{font-size:var(--text-2xl)}.heading--h3 h3{font-size:var(--text-lg)}}

@keyframes heading-underline-reveal{from{background-size:100% 100%,0% .3em}to{background-size:100% 100%,100% .3em}}
[data-theme="beige"] .heading__title,.process-steps__card .heading__title{background:linear-gradient(60deg,var(--color-grey-very-dark) 0%,var(--color-green) 120%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.1em}
[data-theme="green-dark"] .section__content>.heading .heading__title{background:linear-gradient(60deg,var(--color-cream) 0%,var(--color-white) 120%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.1em}
.heading__title strong{font-weight:inherit;font-style:normal;background-repeat:no-repeat;background-position:0 0,0 calc(100% - .15em);background-size:100% 100%,0% .3em;-webkit-background-clip:text,padding-box;background-clip:text,padding-box;padding-inline:.15em;margin-inline:-.075em}
[data-theme="beige"] .heading__title strong{background-image:linear-gradient(60deg,var(--color-grey-very-dark) 0%,var(--color-green) 120%),linear-gradient(to right,var(--color-orange) 0%,transparent 100%)}
[data-theme="green-dark"] .heading__title strong{background-image:linear-gradient(60deg,var(--color-cream) 0%,var(--color-white) 120%),linear-gradient(to right,var(--color-orange) 0%,transparent 100%)}
.heading--in-view .heading__title strong{animation:heading-underline-reveal var(--underline-duration) var(--underline-easing) both;animation-delay:calc(var(--underline-delay) + var(--stagger,0)*var(--underline-duration))}
@media (prefers-reduced-motion: reduce){.heading__title strong{background-size:100% 100%,100% .3em}.heading--in-view .heading__title strong{animation:none}}

.body-text--center{text-align:center}
.body-text--wide{max-width:85ch}
.body-text--lead{font-size:var(--text-lg)}
.body-text--center.body-text--wide{margin-inline:auto}

.btn{--_btn-py:.6em;display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:fit-content;gap:var(--space-half);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:1.5;text-decoration:none;padding:var(--_btn-py) 1.3em;border-radius:var(--radius-full);border:1px solid transparent;cursor:pointer;transition:color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal)}
.btn:focus-visible{outline:2px solid var(--theme-accent,var(--color-orange));outline-offset:2px}
.btn--lg{font-size:var(--text-base)}
.btn--primary{--btn-bg:var(--color-orange);--btn-text:var(--color-white);--btn-shadow:var(--shadow-button);--btn-shadow-hover:var(--shadow-button-hover);--btn-border:color-mix(in oklab,var(--color-white),transparent var(--alpha-subtle));color:var(--btn-text);background-color:var(--btn-bg);border-color:var(--btn-border);box-shadow:var(--btn-shadow)}
.btn--primary:hover{color:var(--btn-bg);background-color:var(--btn-text);box-shadow:var(--btn-shadow-hover)}
@media (width <= 768px){.btn{--_btn-py:.45em;font-size:var(--text-xs);padding-inline:1em}}

.cta{display:flex;flex-direction:column;gap:var(--space-half)}
.cta__links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin-top:var(--space-half)}
.cta--center{text-align:center;align-items:center}
.cta--center .cta__links{justify-content:center}

/* HorizontalScroll.astro process cards; a grid replaces the slider track for four static steps. */
.process-steps--horizontal{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}
@media (max-width:1023px){.process-steps--horizontal{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){.process-steps--horizontal{grid-template-columns:1fr}}
.process-steps__card{--theme-tag-bg:color-mix(in oklab,var(--color-green),transparent var(--alpha-subtle));--theme-tag-color:var(--color-green-dark);background:var(--theme-card-bg);color:var(--theme-card-text);border-radius:var(--radius-xl);overflow:hidden}
.process-steps__card-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-half);padding:var(--space-1)}
.process-steps__description{opacity:.9;margin-bottom:0}

.card-grid{display:grid;grid-template-columns:repeat(var(--card-columns,3),1fr);gap:var(--space-1)}
@media (max-width:767px){.card-grid{grid-template-columns:1fr}}
.card{background:var(--theme-card-bg);color:var(--theme-card-text);border-radius:var(--radius-lg);padding:var(--space-1);display:flex;flex-direction:column;gap:var(--space-half)}
.card__body{display:flex;flex-direction:column;gap:var(--space-half);flex:1}
.card__title{color:var(--theme-card-heading)}
.card__description{font-size:var(--text-sm);opacity:.8;margin-bottom:0}

.feature-list{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:var(--space-1);overflow-wrap:anywhere}
@media (max-width:1023px){.feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.feature-list{grid-template-columns:minmax(0,1fr)}}
.feature-list__column{--icon-col:24px;display:flex;flex-direction:column;gap:var(--space-half);background:var(--theme-card-bg);color:var(--theme-card-text);border-radius:var(--radius-xl);padding:var(--space-1)}
.feature-list__items{list-style:none;display:flex;flex-direction:column;gap:var(--space-half)}
.feature-list__item{display:flex;align-items:flex-start;gap:var(--space-half)}
.feature-list--marker-dot .feature-list__item::before{content:'';width:5px;height:5px;border-radius:var(--radius-full);background:var(--theme-accent);box-shadow:0 0 5px var(--theme-accent);flex-shrink:0;margin-top:calc(var(--rhythm)*.45);margin-inline:calc((var(--icon-col) - 5px)/2)}

.header{position:absolute;top:0;left:0;right:0;z-index:100}
.header__container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-px);display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}
.header__logo{display:flex;align-items:center}
.header__logo img{height:calc(var(--rhythm)*2);width:auto}
@media (max-width:1023px){.header__logo img{height:48px}}

.footer{padding-block:var(--space-4) var(--space-2)}
.footer a{text-decoration:none;color:inherit}
.footer__container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-px)}
.footer__top{padding-bottom:var(--space-3);border-bottom:1px solid color-mix(in oklab,var(--color-white),transparent var(--alpha-subtle))}
.footer__logo{display:inline-flex}
.footer__logo svg{height:calc(var(--rhythm)*1.5);width:auto;color:var(--color-white)}
.footer__bottom{padding-top:var(--space-3)}
.footer__copyright{font-size:var(--text-sm);color:color-mix(in oklab,var(--color-white),transparent var(--alpha-strong));margin:0}