:root {
    --ink: #13261d;
    --muted: #5e6b64;
    --forest: #1f5a3d;
    --forest-dark: #17452f;
    --mint: #dff5e6;
    --lime: #b9ef72;
    --paper: #f7faf5;
    --white: #ffffff;
    --line: rgba(19, 38, 29, 0.13);
    --shadow: 0 35px 90px rgba(26, 69, 47, 0.18);
}

/* Feature page: Aktionen, Coupons und Gutscheine */
.marketing-tools-page{background:#f7faf7}.marketing-tools-hero{overflow:hidden;padding:28px 0 0;background:radial-gradient(circle at 88% 36%,rgba(178,238,104,.42),transparent 29%),#f3f8f4}.marketing-tools-hero .breadcrumbs{margin-bottom:66px}.marketing-tools-hero-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(620px,1.18fr);align-items:center;gap:70px}.marketing-tools-hero-copy{position:relative;z-index:2;padding-bottom:42px}.marketing-tools-hero-copy h1{max-width:650px;margin:22px 0 0;font-size:clamp(4.2rem,6.7vw,7rem);line-height:.88;letter-spacing:-.066em}.marketing-tools-hero-copy>p:not(.eyebrow){max-width:620px;margin:34px 0 0;color:var(--muted);font-size:1.14rem;line-height:1.72}.marketing-tools-hero-copy .button{margin-top:34px}.marketing-tools-screen{overflow:hidden;margin:0;border:1px solid rgba(24,62,43,.15);border-radius:18px;background:#fff;box-shadow:0 34px 82px rgba(16,47,32,.15)}.marketing-tools-screen figcaption{display:flex;min-height:76px;align-items:center;gap:18px;padding:16px 22px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97)}.marketing-tools-screen figcaption span{color:var(--leaf);font-size:.69rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.marketing-tools-screen figcaption strong{margin-left:auto;font-size:.78rem}.marketing-tools-screen .image-zoom-trigger{display:block;width:100%;aspect-ratio:16/10;padding:0;border:0;background:#edf4ed;cursor:zoom-in}.marketing-tools-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.marketing-tools-hero-screen{width:760px;transform:rotate(.3deg)}.marketing-tools-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:60px 0 0;padding:0;border-top:1px solid rgba(24,62,43,.16);list-style:none}.marketing-tools-facts li{min-height:122px;padding:24px 24px 28px 0;border-right:1px solid rgba(24,62,43,.14)}.marketing-tools-facts li:not(:first-child){padding-left:24px}.marketing-tools-facts span{display:block;color:var(--leaf);font-size:.65rem;font-weight:900;letter-spacing:.1em}.marketing-tools-facts strong{display:block;margin-top:27px;font-size:.78rem}
.marketing-tools-actions,.marketing-tools-vouchers{padding:118px 0 126px;background:#fff}.marketing-tools-heading{display:grid;grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);align-items:start;gap:72px}.marketing-tools-heading h2,.marketing-tools-coupon-heading h2,.marketing-tools-carts h2{max-width:990px;margin:0;font-size:clamp(3.4rem,6vw,6.2rem);line-height:.93;letter-spacing:-.06em}.marketing-tools-heading>div>p{max-width:690px;margin:28px 0 0;color:var(--muted);font-size:1.05rem;line-height:1.7}.marketing-tools-detail-screen{width:min(1100px,91%);margin:72px auto 0;transform:rotate(-.2deg)}.marketing-tools-action-points,.marketing-tools-coupon-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:34px 0 0;padding:0;list-style:none}.marketing-tools-action-points li,.marketing-tools-coupon-cards li{min-height:132px;padding:22px;border:1px solid var(--line);border-radius:15px;background:#f3f8f4}.marketing-tools-action-points span,.marketing-tools-coupon-cards span{display:block;color:var(--muted);font-size:.7rem;line-height:1.5}.marketing-tools-action-points strong,.marketing-tools-coupon-cards strong{display:block;margin-top:26px;font-size:.8rem;line-height:1.35}
.marketing-tools-coupons{padding:118px 0 126px;color:#fff;background:#143a29}.marketing-tools-coupon-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.44fr);align-items:end;gap:80px}.marketing-tools-coupon-heading .section-index{color:var(--lime)}.marketing-tools-coupon-heading>p{margin:0 0 7px;color:#cbd9d0;font-size:1.02rem;line-height:1.72}.marketing-tools-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px;margin-top:70px}.marketing-tools-gallery .marketing-tools-screen{box-shadow:0 34px 82px rgba(0,0,0,.24)}.marketing-tools-codes-screen,.marketing-tools-balance-screen{margin-top:46px}.marketing-tools-coupon-cards li{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.045)}.marketing-tools-coupon-cards strong{margin:0;color:#fff}.marketing-tools-coupon-cards span{margin-top:26px;color:#cbd9d0}
.marketing-tools-vouchers{background:#eaf4ee}.marketing-tools-voucher-flow{display:flex;width:fit-content;max-width:100%;align-items:center;gap:14px;margin:38px auto 0;padding:15px 20px;border:1px solid rgba(24,62,43,.17);border-radius:999px;background:rgba(255,255,255,.55);color:var(--muted);font-size:.73rem}.marketing-tools-voucher-flow i{color:var(--leaf);font-style:normal}.marketing-tools-voucher-flow strong{color:var(--forest)}
.marketing-tools-carts{padding:118px 0 126px;background:#edf5f7}.marketing-tools-carts-grid{display:grid;grid-template-columns:minmax(390px,.68fr) minmax(560px,1fr);align-items:center;gap:100px}.marketing-tools-carts h2{max-width:560px;margin-top:22px;font-size:clamp(3.4rem,5vw,5.2rem)}.marketing-tools-carts-copy>p:not(.section-index){margin:30px 0 0;color:var(--muted);font-size:1.04rem;line-height:1.72}.marketing-tools-carts-copy ul{display:grid;margin:30px 0 0;padding:0;border-top:1px solid var(--line);list-style:none}.marketing-tools-carts-copy li{padding:14px 0;border-bottom:1px solid var(--line);font-size:.78rem;font-weight:740}.marketing-tools-carts-copy li:before{content:'✓';margin-right:11px;color:var(--leaf)}
.marketing-tools-next{padding:108px 0;color:#fff;background:#0e2a1e}.marketing-tools-next-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);align-items:end;gap:86px}.marketing-tools-next .section-index{color:var(--lime)}.marketing-tools-next h2{max-width:850px;margin:0;font-size:clamp(2.8rem,4.8vw,4.8rem);line-height:.96;letter-spacing:-.055em}.marketing-tools-next nav{display:grid;border-top:1px solid rgba(255,255,255,.2)}.marketing-tools-next a{display:flex;justify-content:space-between;gap:18px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.2);color:#fff;font-size:.88rem;font-weight:740;text-decoration:none}.marketing-tools-next a span{color:var(--lime)}
@media(max-width:1050px){.marketing-tools-hero-grid,.marketing-tools-heading,.marketing-tools-coupon-heading,.marketing-tools-carts-grid,.marketing-tools-next-grid{grid-template-columns:1fr;gap:48px}.marketing-tools-hero-screen{width:min(880px,100%)}.marketing-tools-coupon-heading>p,.marketing-tools-carts-copy{max-width:720px}.marketing-tools-next nav{max-width:560px}}
@media(max-width:760px){.marketing-tools-hero .breadcrumbs{margin-bottom:50px}.marketing-tools-hero-copy h1{font-size:clamp(2.8rem,12vw,3.6rem)}.marketing-tools-hero-copy>p:not(.eyebrow),.marketing-tools-heading>div>p,.marketing-tools-coupon-heading>p,.marketing-tools-carts-copy>p:not(.section-index){font-size:1rem}.marketing-tools-screen{border-radius:13px;transform:none}.marketing-tools-screen figcaption{min-height:66px;align-items:flex-start;flex-direction:column;gap:3px;padding-block:13px}.marketing-tools-screen figcaption strong{margin-left:0}.marketing-tools-facts,.marketing-tools-action-points,.marketing-tools-coupon-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-tools-facts li:nth-child(2){border-right:0}.marketing-tools-actions,.marketing-tools-coupons,.marketing-tools-vouchers,.marketing-tools-carts{padding:78px 0 84px}.marketing-tools-heading,.marketing-tools-coupon-heading{gap:10px}.marketing-tools-heading h2,.marketing-tools-coupon-heading h2,.marketing-tools-carts h2{font-size:clamp(2.4rem,10.7vw,3.25rem)}.marketing-tools-detail-screen,.marketing-tools-gallery{width:100%;margin-top:50px}.marketing-tools-gallery{grid-template-columns:1fr}.marketing-tools-codes-screen,.marketing-tools-balance-screen{margin-top:0}.marketing-tools-voucher-flow{justify-content:center;flex-wrap:wrap;border-radius:22px}.marketing-tools-next{padding:78px 0}.marketing-tools-next h2{font-size:clamp(2.4rem,10.5vw,3.25rem)}}

/* Medienbibliothek */
.library-hero { padding: 42px 0 108px; overflow: hidden; background: radial-gradient(circle at 86% 38%, rgba(185,239,114,0.26), transparent 29rem), #eaf4ee; }
.library-hero-grid { display: grid; grid-template-columns: minmax(340px,0.7fr) minmax(620px,1.3fr); align-items: center; gap: 68px; }
.library-hero-grid > *,
.library-find-grid > *,
.library-details-heading > *,
.library-reuse-grid > *,
.library-picker-heading > *,
.library-next-grid > * { min-width: 0; }
.library-hero-copy h1 { max-width: 600px; font-size: clamp(3.35rem,5.25vw,5.8rem); line-height: 0.94; letter-spacing: -0.06em; }
.library-hero-copy > p:not(.eyebrow) { max-width: 560px; margin: 28px 0 36px; color: var(--muted); font-size: 1.07rem; line-height: 1.72; }
.library-screen { margin: 0; overflow: hidden; border: 1px solid rgba(24,62,43,0.16); border-radius: 20px; background: var(--white); box-shadow: 0 30px 80px rgba(26,69,47,0.15); }
.library-screen figcaption { display: flex; min-height: 62px; align-items: center; gap: 16px; padding: 12px 20px; border-bottom: 1px solid var(--line); background: #fbfcfb; }
.library-screen figcaption span { color: var(--leaf); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.1em; text-transform: uppercase; }
.library-screen figcaption strong { margin-left: auto; font-size: 0.82rem; }
.library-screen .image-zoom-trigger { display: block; width: 100%; aspect-ratio: 16 / 10; height: auto; overflow: hidden; background: #f3f7f4; }
.library-screen img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; object-position: center top; }
.library-hero-screen { width: 850px; max-width: 100%; transform: rotate(0.35deg); }
.library-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 66px 0 0; padding: 0; border-top: 1px solid rgba(24,62,43,0.18); border-left: 1px solid rgba(24,62,43,0.18); list-style: none; }
.library-facts li { display: flex; min-height: 86px; flex-direction: column; justify-content: center; gap: 5px; padding: 16px 20px; border-right: 1px solid rgba(24,62,43,0.18); border-bottom: 1px solid rgba(24,62,43,0.18); background: rgba(255,255,255,0.38); }
.library-facts span { color: var(--leaf); font-size: 0.7rem; font-weight: 850; letter-spacing: 0.05em; }
.library-facts strong { font-size: 0.83rem; }

.library-find,
.library-details,
.library-reuse,
.library-picker { padding: 112px 0 120px; }
.library-find { background: var(--white); }
.library-find-grid { display: grid; grid-template-columns: minmax(340px,0.58fr) minmax(620px,1.12fr); align-items: center; gap: 76px; }
.library-find-copy h2,
.library-reuse-copy h2 { margin: 0; font-size: clamp(2.75rem,4.35vw,4.6rem); line-height: 0.98; letter-spacing: -0.055em; }
.library-find-copy > p:not(.section-index),
.library-reuse-copy > p:not(.section-index) { max-width: 590px; margin: 27px 0 0; color: var(--muted); font-size: 1.02rem; line-height: 1.72; }
.library-filter-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 31px; }
.library-filter-tags span { padding: 9px 12px; border: 1px solid var(--line); border-radius: 999px; color: var(--forest); background: #f7faf8; font-size: 0.7rem; font-weight: 720; }
.library-find-screen { transform: rotate(-0.35deg); }

.library-details { color: var(--white); background: #153c2a; }
.library-details-heading { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(310px,0.55fr); align-items: end; gap: 86px; }
.library-details-heading .section-index { color: var(--lime); }
.library-details-heading h2,
.library-picker-heading h2 { max-width: 950px; font-size: clamp(2.85rem,4.8vw,5rem); }
.library-details-heading > p { margin: 0 0 7px; color: #b8c8be; font-size: 1.02rem; line-height: 1.72; }
.library-details-screen { margin-top: 64px; border-color: rgba(255,255,255,0.2); transform: rotate(0.2deg); box-shadow: 0 36px 90px rgba(0,0,0,0.31); }
.library-details-screen figcaption { color: var(--white); border-color: rgba(255,255,255,0.16); background: #285b40; }
.library-details-screen figcaption span { color: var(--lime); }
.library-detail-cards { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin: 28px 0 0; padding: 0; list-style: none; }
.library-detail-cards li { min-height: 142px; padding: 23px 24px; border: 1px solid rgba(255,255,255,0.18); border-radius: 15px; background: rgba(255,255,255,0.035); }
.library-detail-cards span { color: var(--lime); font-size: 0.66rem; font-weight: 850; letter-spacing: 0.08em; }
.library-detail-cards strong { display: block; margin-top: 25px; font-size: 1.04rem; }
.library-detail-cards small { display: block; margin-top: 7px; color: #b8c8be; font-size: 0.74rem; }

.library-reuse { background: #edf5f0; }
.library-reuse-grid { display: grid; grid-template-columns: minmax(620px,1.12fr) minmax(340px,0.58fr); align-items: center; gap: 78px; }
.library-reuse-screen { transform: rotate(-0.3deg); }
.library-use-path { display: flex; width: fit-content; max-width: 100%; align-items: center; gap: 12px; margin-top: 31px; padding: 13px 17px; border: 1px solid rgba(24,62,43,0.18); border-radius: 999px; color: var(--muted); font-size: 0.72rem; }
.library-use-path i { color: var(--leaf); font-style: normal; }
.library-use-path strong { color: var(--forest); }

.library-picker { background: var(--white); }
.library-picker-heading { display: grid; grid-template-columns: minmax(180px,0.28fr) minmax(0,1fr); align-items: start; gap: 70px; }
.library-picker-heading > div > p { max-width: 760px; margin: 27px 0 0; color: var(--muted); font-size: 1.04rem; line-height: 1.72; }
.library-picker-screen { margin-top: 64px; transform: rotate(0.22deg); }

.library-next { padding: 112px 0; color: var(--white); background: #0e2a1e; }
.library-next-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(290px,0.42fr); align-items: end; gap: 86px; }
.library-next .section-index { color: var(--lime); }
.library-next h2 { max-width: 860px; font-size: clamp(2.7rem,4.5vw,4.65rem); }
.library-next-links { display: grid; border-top: 1px solid rgba(255,255,255,0.2); }
.library-next-links a { display: flex; justify-content: space-between; gap: 20px; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,0.2); color: var(--white); font-size: 0.9rem; font-weight: 740; text-decoration: none; }
.library-next-links a span { color: var(--lime); transition: transform 160ms ease; }
.library-next-links a:hover span { transform: translate(2px,-2px); }

@media (max-width: 1050px) {
    .library-hero-grid,
    .library-find-grid,
    .library-details-heading,
    .library-reuse-grid,
    .library-next-grid { grid-template-columns: 1fr; gap: 48px; }
    .library-hero-copy { max-width: 760px; }
    .library-hero-screen,
    .library-find-screen,
    .library-reuse-screen { width: min(880px,100%); }
    .library-find-copy,
    .library-reuse-copy { max-width: 720px; }
    .library-reuse-copy { order: -1; }
    .library-details-heading > p { max-width: 720px; }
    .library-next-links { max-width: 560px; }
}

@media (max-width: 760px) {
    .library-hero { padding: 28px 0 78px; }
    .library-hero .breadcrumbs { margin-bottom: 52px; }
    .library-hero-grid { gap: 42px; }
    .library-hero-copy h1 { font-size: clamp(2.8rem,12.2vw,3.55rem); }
    .library-hero-copy > p:not(.eyebrow) { margin-top: 24px; font-size: 1rem; }
    .library-screen { border-radius: 13px; }
    .library-hero-screen,
    .library-find-screen,
    .library-details-screen,
    .library-reuse-screen,
    .library-picker-screen { transform: none; }
    .library-screen figcaption { min-height: 66px; align-items: flex-start; flex-direction: column; gap: 3px; padding-block: 13px; }
    .library-screen figcaption strong { margin-left: 0; }
    .library-screen .image-zoom-trigger { aspect-ratio: 16 / 10; height: auto; }
    .library-screen img { width: 100%; max-width: 100%; height: 100%; object-fit: contain; object-position: center top; }
    .library-facts { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 46px; }

    .library-find,
    .library-details,
    .library-reuse,
    .library-picker { padding: 78px 0 84px; }
    .library-find-copy h2,
    .library-details-heading h2,
    .library-reuse-copy h2,
    .library-picker-heading h2 { font-size: clamp(2.35rem,10.5vw,3.2rem); }
    .library-find-copy > p:not(.section-index),
    .library-details-heading > p,
    .library-reuse-copy > p:not(.section-index),
    .library-picker-heading > div > p { font-size: 1rem; }
    .library-details-screen,
    .library-picker-screen { margin-top: 50px; }
    .library-detail-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .library-detail-cards li { min-height: 135px; }
    .library-use-path { justify-content: center; flex-wrap: wrap; }
    .library-picker-heading { grid-template-columns: 1fr; gap: 8px; }
    .library-next { padding: 78px 0; }
    .library-next-grid { gap: 40px; }
    .library-next h2 { font-size: clamp(2.35rem,10.4vw,3.2rem); }
}

* { box-sizing: border-box; }

html {
    scroll-behavior: smooth;
    background: var(--paper);
}

body {
    margin: 0;
    overflow-x: clip;
    color: var(--ink);
    background:
        radial-gradient(circle at 85% 8%, rgba(185, 239, 114, 0.18), transparent 26rem),
        var(--paper);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

body.mobile-menu-open { overflow: hidden; }

a { color: inherit; }
img { max-width: 100%; display: block; }

.shell {
    width: min(1180px, calc(100% - 48px));
    margin-inline: auto;
}

.skip-link {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 100;
    padding: 10px 14px;
    background: var(--ink);
    color: var(--white);
    transform: translateY(-150%);
}

.skip-link:focus { transform: translateY(0); }

.site-header {
    position: relative;
    z-index: 10;
    border-bottom: 1px solid var(--line);
}

.header-inner {
    min-height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.brand {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.brand-logo { width: 168px; height: auto; }

.main-nav {
    display: flex;
    align-items: center;
    gap: 34px;
    margin-left: auto;
}

.main-nav a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #36473e;
    text-decoration: none;
    font-size: 0.92rem;
    font-weight: 600;
}

.main-nav a:hover { color: var(--forest); }

.menu-icon {
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--forest);
    background: #e8f2eb;
    transition: color 160ms ease, background 160ms ease, transform 160ms ease;
}

.menu-icon svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.main-nav a:hover .menu-icon { transform: translateY(-1px); background: #d9ebdf; }
.main-nav a[aria-current="page"] .menu-icon { color: var(--white); background: var(--forest); }

.nav-item { position: relative; }
.nav-item > a { display: inline-flex; align-items: center; gap: 6px; }
.nav-item > a span { font-size: 0.78rem; transition: transform 160ms ease; }

.subnav {
    position: absolute;
    top: calc(100% + 14px);
    left: -18px;
    display: grid;
    min-width: 260px;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 24px 55px rgba(19, 38, 29, 0.16);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
}

.subnav::before { position: absolute; right: 0; bottom: 100%; left: 0; height: 15px; content: ""; }
.subnav a { padding: 10px 12px; border-radius: 9px; white-space: nowrap; }
.subnav a:hover,
.subnav a:focus-visible { color: var(--forest); background: var(--mint); }
.nav-item-dropdown:hover .subnav,
.nav-item-dropdown:focus-within .subnav { opacity: 1; visibility: visible; transform: translateY(0); }
.nav-item-dropdown:focus-within .subnav { transition: none; }
.nav-item-dropdown.submenu-dismissed .subnav { opacity: 0; visibility: hidden; transform: translateY(-6px); }
.nav-item-dropdown:hover > a span,
.nav-item-dropdown:focus-within > a span { transform: rotate(180deg); }

.nav-item-product { position: static; }
.mega-menu {
    left: 50%;
    width: min(1120px, calc(100vw - 48px));
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px 18px;
    padding: 24px;
    transform: translate(-50%, -6px);
}
.nav-item-dropdown:hover .mega-menu,
.nav-item-dropdown:focus-within .mega-menu { transform: translate(-50%, 0); }
.mega-menu-group { min-width: 0; padding: 4px 8px 12px; }
.mega-menu-group p { margin: 0 0 9px; color: var(--forest); font-size: 0.67rem; font-weight: 820; letter-spacing: 0.12em; text-transform: uppercase; }
.mega-menu-group a { display: block; padding: 7px 8px; white-space: normal; font-size: 0.82rem; line-height: 1.35; }
.mega-menu-all { grid-column: 1 / -1; display: flex; justify-content: space-between; margin-top: 7px; padding: 15px 16px !important; border-top: 1px solid var(--line); color: var(--forest) !important; font-weight: 760 !important; }
.subnav-right { right: -18px; left: auto; }
.main-nav [aria-current="page"] { color: var(--forest); }

.menu-toggle {
    display: none;
    width: 46px;
    height: 46px;
    padding: 11px;
    border: 1px solid var(--line);
    border-radius: 50%;
    color: var(--ink);
    background: rgba(255, 255, 255, 0.78);
    cursor: pointer;
}

.menu-toggle span {
    display: block;
    width: 100%;
    height: 2px;
    margin: 4px 0;
    border-radius: 2px;
    background: currentColor;
    transition: transform 180ms ease, opacity 180ms ease;
}

.menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

.mobile-nav {
    position: fixed;
    top: 82px;
    left: 0;
    width: 100%;
    max-height: calc(100dvh - 82px);
    overflow-y: auto;
    overscroll-behavior: contain;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: rgba(247, 250, 245, 0.98);
    box-shadow: 0 24px 55px rgba(19, 38, 29, 0.14);
    backdrop-filter: blur(16px);
}

.mobile-nav[hidden] { display: none; }
.mobile-nav-inner { display: grid; padding-block: 18px 26px; }
.mobile-nav a:not(.button) { color: var(--ink); text-decoration: none; }
.mobile-nav-inner > a:not(.button),
.mobile-nav-parent { display: block; padding: 14px 2px; border-bottom: 1px solid var(--line); font-size: 1.06rem; font-weight: 720; }
.mobile-nav-inner > a:not(.button) { display: flex; align-items: center; gap: 12px; }
.mobile-nav-inner > a[aria-current="page"] .menu-icon { color: var(--white); background: var(--forest); }
.mobile-nav-group { padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.mobile-nav-group .mobile-nav-parent { border-bottom: 0; }
.mobile-subnav { display: grid; padding: 0 0 5px 18px; }
.mobile-subnav-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; padding-right: 10px; }
.mobile-subnav a { padding: 6px 0; color: var(--muted) !important; font-size: 0.93rem; font-weight: 580; }
.mobile-subnav a:hover,
.mobile-subnav a:focus-visible { color: var(--forest) !important; }
.mobile-nav .button { margin-top: 22px; }

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 24px;
    border: 1px solid var(--forest);
    border-radius: 999px;
    color: var(--white);
    background: var(--forest);
    text-decoration: none;
    font-weight: 720;
    transition: transform 160ms ease, background 160ms ease;
}

.button:hover {
    transform: translateY(-2px);
    background: var(--forest-dark);
}

.button:focus-visible,
.section-more-link:focus-visible,
.text-link:focus-visible,
.main-nav a:focus-visible,
.brand:focus-visible,
.menu-toggle:focus-visible,
.footer-links a:focus-visible,
.footer-bottom a:focus-visible,
.footer-phone:focus-visible,
.price-link:focus-visible,
.breadth-link:focus-visible {
    outline: 3px solid var(--lime);
    outline-offset: 4px;
}

.section-more-action {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    margin-top: 27px;
}

.section-more-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid rgba(26,69,47,0.3);
    border-radius: 999px;
    color: var(--forest);
    background: rgba(255,255,255,0.55);
    font-size: 0.8rem;
    font-weight: 760;
    text-decoration: none;
    transition: color 160ms ease, background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.section-more-link:hover {
    color: var(--white);
    border-color: var(--forest);
    background: var(--forest);
    transform: translateY(-2px);
}

.section-more-link span { color: #76a74f; }
.section-more-link:hover span { color: var(--lime); }

.section-more-link-light {
    color: var(--white);
    border-color: rgba(255,255,255,0.3);
    background: rgba(255,255,255,0.08);
}

.section-more-link-light:hover {
    color: var(--ink);
    border-color: var(--lime);
    background: var(--lime);
}

.section-more-link-light:hover span { color: var(--forest); }

.button-small {
    min-height: 43px;
    padding-inline: 19px;
    font-size: 0.88rem;
}

.hero {
    padding: 88px 0 104px;
    overflow: hidden;
}

.hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.86fr) minmax(520px, 1.14fr);
    align-items: center;
    gap: 72px;
}

.hero-grid > * {
    min-width: 0;
}

.breadth-heading > *,
.process-heading > *,
.section-hero-grid > *,
.content-heading > *,
.story-grid > *,
.migration-grid > *,
.developer-boundary-grid > *,
.overview-hero-grid > *,
.overview-system-grid > *,
.feature-hero-grid > *,
.catalog-structure-grid > *,
.catalog-depth-grid > * { min-width: 0; }

.eyebrow,
.section-index {
    margin: 0 0 22px;
    color: var(--forest);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

h1,
h2 {
    margin: 0;
    font-weight: 730;
    letter-spacing: -0.052em;
    line-height: 1.02;
    text-wrap: balance;
}

h1 { font-size: clamp(3.4rem, 5.3vw, 5.75rem); }
h2 { font-size: clamp(2.4rem, 4.2vw, 4.5rem); }

.hero-copy h1 { font-size: clamp(3.35rem, 4.65vw, 5rem); }
.hero-title-line { display: block; }
.hero-title-nowrap { white-space: nowrap; }

.mobile-break { display: none; }

.hero-lead {
    max-width: 620px;
    margin: 30px 0 0;
    color: var(--muted);
    font-size: clamp(1.06rem, 1.4vw, 1.22rem);
    line-height: 1.7;
}

.hero-actions {
    display: flex;
    align-items: center;
    gap: 27px;
    margin-top: 36px;
}

.text-link {
    font-weight: 720;
    text-decoration: none;
}

.text-link span { margin-left: 5px; color: var(--forest); }

.trust-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 26px;
    margin: 42px 0 0;
    padding: 0;
    list-style: none;
    color: #45564d;
    font-size: 0.86rem;
    font-weight: 650;
}

.trust-list li::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 9px 2px 0;
    border-radius: 50%;
    background: #55b86d;
}

.product-stage {
    position: relative;
    padding: 42px 0 46px;
}

.stage-glow {
    position: absolute;
    inset: 3% -18% -3% 12%;
    border-radius: 48% 52% 58% 42%;
    background: linear-gradient(145deg, rgba(185, 239, 114, 0.58), rgba(74, 155, 104, 0.08));
    filter: blur(2px);
    transform: rotate(-7deg);
}

.product-window {
    position: relative;
    z-index: 1;
    width: 690px;
    max-width: 100%;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(24, 62, 43, 0.18);
    border-radius: 20px;
    background: var(--white);
    box-shadow: var(--shadow);
    transform: rotate(1.1deg);
}

.window-bar {
    height: 42px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 15px;
    border-bottom: 1px solid #e7ece8;
    background: #fbfcfb;
}

.window-bar span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d8dfda;
}

.window-bar strong {
    margin-left: 8px;
    color: #718078;
    font-size: 0.68rem;
    font-weight: 700;
}

.product-window img {
    width: 100%;
    height: auto;
}

.image-zoom-trigger {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    color: inherit;
    background: transparent;
    cursor: zoom-in;
    text-align: left;
}

.image-zoom-trigger img {
    transition: transform 360ms cubic-bezier(.2,.7,.2,1), filter 360ms ease;
}

.zoom-hint {
    position: absolute;
    right: 16px;
    bottom: 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border: 1px solid rgba(19,38,29,0.12);
    border-radius: 999px;
    color: var(--ink);
    background: rgba(255,255,255,0.92);
    box-shadow: 0 8px 25px rgba(19,38,29,0.12);
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 220ms ease, transform 220ms ease;
    font-size: 0.72rem;
    font-weight: 750;
    backdrop-filter: blur(10px);
}

.image-zoom-trigger:hover img { transform: scale(1.025); filter: saturate(1.04); }
.image-zoom-trigger:hover .zoom-hint,
.image-zoom-trigger:focus-visible .zoom-hint { opacity: 1; transform: translateY(0); }
.image-zoom-trigger:focus-visible { outline: 4px solid var(--lime); outline-offset: -4px; }

.stage-note {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px 16px;
    border: 1px solid rgba(24, 62, 43, 0.12);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 15px 35px rgba(19, 38, 29, 0.12);
    backdrop-filter: blur(12px);
    font-size: 0.76rem;
}

.stage-note-top { top: 14px; right: -18px; }
.stage-note-bottom { bottom: 15px; left: -28px; }

.note-icon {
    display: grid;
    place-items: center;
    width: 27px;
    height: 27px;
    border-radius: 8px;
    color: var(--forest);
    background: var(--mint);
    font-weight: 900;
}

.status-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #49bd68;
    box-shadow: 0 0 0 5px rgba(73, 189, 104, 0.14);
}

.ai-import-showcase {
    position: relative;
    padding: 124px 0 142px;
    overflow: hidden;
    background: linear-gradient(135deg, #d9ead1 0%, #edf4e8 56%, #d7e9c9 100%);
    scroll-margin-top: 24px;
}

.ai-import-showcase::before {
    content: "";
    position: absolute;
    width: 720px;
    height: 720px;
    right: -300px;
    top: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(168, 229, 87, 0.48), rgba(168, 229, 87, 0) 68%);
    pointer-events: none;
}

.ai-showcase-heading {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 0.35fr 1fr;
    column-gap: 54px;
    align-items: start;
}

.ai-showcase-heading h2 { max-width: 980px; }

.ai-showcase-heading > div > p {
    max-width: 690px;
    margin: 30px 0 0;
    color: var(--muted);
    font-size: 1.08rem;
    line-height: 1.72;
}

.ai-import-flow {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(320px, 0.72fr) minmax(600px, 1.28fr);
    align-items: start;
    gap: 32px;
    margin-top: 78px;
}

.ai-import-step { min-width: 0; }
.ai-import-step-url { margin-top: 88px; }
.ai-import-step-preview { position: relative; z-index: 1; }

.ai-import-step-assets {
    position: relative;
    z-index: 2;
    grid-column: 1 / -1;
    justify-self: end;
    width: 76%;
    margin: -48px 3% 0 0;
}

.ai-step-label {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0 0 13px 4px;
    color: var(--ink);
    font-size: 0.86rem;
}

.ai-step-label span {
    display: grid;
    place-items: center;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    color: var(--forest);
    background: var(--lime);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.04em;
}

.ai-step-label strong { font-weight: 760; }

.ai-step-window {
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(24, 62, 43, 0.16);
    border-radius: 18px;
    background: var(--white);
    box-shadow: 0 28px 70px rgba(24, 62, 43, 0.14);
}

.ai-import-step-url .ai-step-window { transform: rotate(-1deg); }
.ai-import-step-preview .ai-step-window { transform: rotate(0.6deg); }
.ai-import-step-assets .ai-step-window { transform: rotate(-0.45deg); }
.ai-step-window img { display: block; width: 100%; height: auto; }

.ai-import-assurance {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    width: 76%;
    margin: 32px 3% 0 auto;
    color: #4c5e54;
    font-size: 0.92rem;
}

.ai-import-assurance strong { color: var(--ink); }
.ai-import-assurance .status-dot { flex: 0 0 auto; }

.ai-translation-section {
    position: relative;
    overflow: hidden;
    padding: 122px 0 132px;
    background:
        radial-gradient(circle at 88% 30%, rgba(188,240,111,0.28), transparent 28%),
        linear-gradient(180deg, #f8faf7 0%, #eef4ed 100%);
    scroll-margin-top: 24px;
}

.ai-translation-section::before {
    content: "DE → EN";
    position: absolute;
    right: -22px;
    top: 32px;
    color: rgba(26,69,47,0.055);
    font-size: clamp(5rem, 12vw, 11rem);
    font-weight: 850;
    letter-spacing: -0.07em;
    line-height: 1;
    pointer-events: none;
}

.ai-translation-heading {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 0.35fr 1fr;
    gap: 54px;
}

.ai-translation-heading h2 { max-width: 870px; }

.ai-translation-heading > div > p {
    max-width: 700px;
    margin: 30px 0 0;
    color: var(--muted);
    font-size: 1.06rem;
    line-height: 1.72;
}

.ai-translation-visual {
    position: relative;
    z-index: 1;
    margin-top: 68px;
    padding-bottom: 178px;
}

.translation-cockpit-window,
.translation-field-window {
    overflow: hidden;
    margin: 0;
    border: 1px solid rgba(24,62,43,0.17);
    background: var(--white);
    box-shadow: 0 28px 80px rgba(26,69,47,0.16);
}

.translation-cockpit-window {
    width: 82%;
    border-radius: 20px;
}

.translation-cockpit-window img,
.translation-field-window img {
    display: block;
    width: 100%;
    height: auto;
}

.translation-field-window {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 57%;
    border-radius: 17px;
}

.translation-field-window figcaption {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 0 17px;
    border-bottom: 1px solid var(--line);
    color: #53645a;
    background: rgba(255,255,255,0.96);
    font-size: 0.75rem;
    font-weight: 720;
}

.translation-field-window figcaption i {
    color: var(--forest);
    font-style: normal;
}

.translation-field-window figcaption b {
    margin-left: auto;
    color: var(--forest);
}

.translation-proof {
    position: absolute;
    z-index: 3;
    top: -30px;
    right: 5%;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
    border: 1px solid rgba(24,62,43,0.14);
    border-radius: 15px;
    color: var(--ink);
    background: var(--lime);
    box-shadow: 0 18px 45px rgba(26,69,47,0.18);
}

.translation-proof strong {
    font-size: 2.15rem;
    line-height: 1;
    letter-spacing: -0.05em;
}

.translation-proof span {
    font-size: 0.74rem;
    font-weight: 760;
    line-height: 1.35;
}

.translation-benefits {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
}

.translation-benefits li {
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 66px;
    padding: 16px 19px;
    border-top: 1px solid rgba(24,62,43,0.2);
    color: var(--ink);
}

.translation-benefits span {
    color: #68a148;
    font-size: 0.69rem;
    font-weight: 830;
    letter-spacing: 0.1em;
}

.translation-benefits strong { font-size: 0.88rem; }

.order-operations-section {
    position: relative;
    overflow: hidden;
    padding: 122px 0 132px;
    background: #f3f6f1;
    scroll-margin-top: 24px;
}

.order-operations-section::before {
    content: "";
    position: absolute;
    top: 34px;
    right: 3%;
    width: clamp(190px, 22vw, 330px);
    aspect-ratio: 1;
    background: rgba(26,69,47,0.055);
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='19' cy='20' r='1'/%3E%3Cpath d='M3 3h2l2.35 11.39A2 2 0 0 0 9.31 16H18a2 2 0 0 0 1.92-1.45L22 7H6'/%3E%3C/svg%3E") center / contain no-repeat;
    pointer-events: none;
}

.order-operations-heading {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 0.35fr 1fr;
    gap: 54px;
}

.order-operations-heading h2 { max-width: 930px; }

.order-operations-heading > div > p {
    max-width: 720px;
    margin: 30px 0 0;
    color: #66665e;
    font-size: 1.06rem;
    line-height: 1.72;
}

.order-operations-stage {
    position: relative;
    z-index: 1;
    margin-top: 68px;
    padding-bottom: 84px;
}

.order-operations-window {
    width: calc(100% - 74px);
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(67,61,44,0.16);
    border-radius: 20px;
    background: var(--white);
    box-shadow: 0 30px 85px rgba(64,63,48,0.18);
}

.order-operations-window figcaption {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 56px;
    padding: 0 21px;
    border-bottom: 1px solid var(--line);
    color: #6e7068;
    background: rgba(255,255,255,0.97);
    font-size: 0.76rem;
}

.order-operations-window figcaption span {
    color: var(--forest);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.order-operations-window figcaption strong { font-weight: 720; }

.order-operations-window .image-zoom-trigger {
    height: 640px;
}

.order-operations-window img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top left;
}

.order-status-summary {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    width: min(430px, 42%);
    padding: 28px;
    border-radius: 18px;
    color: var(--white);
    background: var(--ink);
    box-shadow: 0 25px 65px rgba(19,38,29,0.26);
}

.order-status-summary > p {
    margin: 0 0 22px;
    color: var(--lime);
    font-size: 0.76rem;
    font-weight: 820;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.order-status-summary > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 14px 0;
    border-top: 1px solid rgba(255,255,255,0.13);
    font-size: 0.84rem;
}

.order-status-summary > div > span { color: #b9c7bf; }

.order-status-summary strong {
    padding: 6px 9px;
    border-radius: 999px;
    font-size: 0.69rem;
    font-weight: 780;
}

.status-complete,
.status-paid,
.status-shipped { color: #23783e; background: #e5f7e8; }

.order-operations-benefits {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    align-items: center;
    gap: 24px;
    margin-top: 30px;
    padding-top: 27px;
    border-top: 1px solid rgba(67,61,44,0.2);
    color: #4d5049;
    font-size: 0.8rem;
    font-weight: 720;
}

.order-operations-benefits > span::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 10px 2px 0;
    border-radius: 50%;
    background: #60a946;
}

.order-operations-benefits a {
    color: var(--forest);
    font-weight: 800;
    text-decoration: none;
}

.order-operations-benefits a i {
    margin-left: 6px;
    font-style: normal;
}

.customer-types-section {
    position: relative;
    overflow: hidden;
    padding: 122px 0 132px;
    background: linear-gradient(145deg, #eaf4e5 0%, #dcebd5 100%);
    scroll-margin-top: 24px;
}

.customer-types-section::before {
    content: "B2B";
    position: absolute;
    top: 18px;
    right: -0.03em;
    color: rgba(26,69,47,0.07);
    font-size: clamp(7rem, 17vw, 16rem);
    font-weight: 850;
    letter-spacing: -0.08em;
    line-height: 1;
    pointer-events: none;
}

.customer-types-heading {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 0.35fr 1fr;
    gap: 54px;
}

.customer-types-heading h2 { max-width: 850px; }

.customer-types-heading > div > p {
    max-width: 720px;
    margin: 30px 0 0;
    color: #4d6255;
    font-size: 1.06rem;
    line-height: 1.72;
}

.customer-types-stage {
    position: relative;
    z-index: 1;
    margin-top: 68px;
    padding-bottom: 172px;
}

.customer-list-window,
.customer-company-window {
    overflow: hidden;
    margin: 0;
    border: 1px solid rgba(24,62,43,0.16);
    background: var(--white);
    box-shadow: 0 28px 75px rgba(26,69,47,0.18);
}

.customer-list-window {
    width: 82%;
    border-radius: 20px;
}

.customer-list-window figcaption,
.customer-company-window figcaption {
    display: flex;
    align-items: center;
    min-height: 54px;
    padding: 0 19px;
    border-bottom: 1px solid var(--line);
    font-size: 0.76rem;
    font-weight: 780;
}

.customer-list-window figcaption {
    color: var(--forest);
    background: rgba(255,255,255,0.97);
}

.customer-company-window {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 58%;
    border-radius: 17px;
}

.customer-company-window figcaption {
    gap: 18px;
    color: var(--white);
    background: var(--forest);
}

.customer-company-window figcaption span {
    color: var(--lime);
    font-weight: 820;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.customer-company-window figcaption strong {
    margin-left: auto;
    font-weight: 700;
}

.customer-list-window img,
.customer-company-window img {
    display: block;
    width: 100%;
    height: auto;
}

.customer-type-benefits {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin: 31px 0 0;
    padding: 0;
    list-style: none;
}

.customer-type-benefits li {
    padding: 16px 17px;
    border: 1px solid rgba(24,62,43,0.15);
    border-radius: 999px;
    color: var(--forest);
    background: rgba(255,255,255,0.45);
    font-size: 0.78rem;
    font-weight: 760;
    text-align: center;
}

.pricing-logic-section {
    position: relative;
    overflow: hidden;
    padding: 122px 0 132px;
    background:
        radial-gradient(circle at 12% 58%, rgba(185,239,114,0.22), transparent 25rem),
        linear-gradient(180deg, #fbfcfa 0%, #f3f7f1 100%);
    scroll-margin-top: 24px;
}

.pricing-logic-section::before {
    content: "CHF";
    position: absolute;
    top: 14px;
    right: -0.02em;
    color: rgba(31,90,61,0.055);
    font-size: clamp(8rem, 19vw, 18rem);
    font-weight: 850;
    letter-spacing: -0.075em;
    line-height: 1;
    pointer-events: none;
}

.pricing-logic-heading {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 0.35fr 1fr;
    gap: 54px;
}

.pricing-logic-heading h2 { max-width: 900px; }

.pricing-logic-heading > div > p {
    max-width: 740px;
    margin: 30px 0 0;
    color: #52645a;
    font-size: 1.06rem;
    line-height: 1.72;
}

.pricing-logic-stage {
    position: relative;
    z-index: 1;
    margin-top: 68px;
    padding-bottom: 190px;
}

.pricing-tier-window,
.pricing-group-window {
    overflow: hidden;
    margin: 0;
    border: 1px solid rgba(24,62,43,0.15);
    background: var(--white);
    box-shadow: 0 30px 78px rgba(26,69,47,0.16);
}

.pricing-tier-window {
    width: 83%;
    border-radius: 20px;
}

.pricing-tier-window figcaption,
.pricing-group-window figcaption {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 56px;
    padding: 0 19px;
    border-bottom: 1px solid var(--line);
    font-size: 0.76rem;
}

.pricing-tier-window figcaption {
    color: var(--white);
    background: var(--forest);
}

.pricing-tier-window figcaption span,
.pricing-group-window figcaption span {
    color: var(--lime);
    font-weight: 820;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pricing-tier-window figcaption strong,
.pricing-group-window figcaption strong {
    margin-left: auto;
    font-weight: 720;
}

.pricing-group-window {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 57%;
    border-radius: 17px;
}

.pricing-group-window figcaption {
    color: var(--ink);
    background: var(--lime);
}

.pricing-group-window figcaption span { color: var(--forest); }

.pricing-tier-window img,
.pricing-group-window img {
    display: block;
    width: 100%;
    height: auto;
}

.pricing-logic-path {
    position: absolute;
    top: -52px;
    right: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 16px;
    border: 1px solid rgba(24,62,43,0.14);
    border-radius: 999px;
    color: #4d6255;
    background: rgba(255,255,255,0.94);
    box-shadow: 0 16px 42px rgba(26,69,47,0.12);
    font-size: 0.74rem;
    font-weight: 700;
}

.pricing-logic-path i { color: #78ad4d; font-style: normal; }
.pricing-logic-path strong { color: var(--forest); }

.pricing-logic-benefits {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 34px 0 0;
    padding: 0;
    list-style: none;
}

.pricing-logic-benefits li {
    display: grid;
    gap: 3px;
    padding: 18px 19px;
    border: 1px solid rgba(24,62,43,0.13);
    border-radius: 13px;
    background: rgba(255,255,255,0.72);
}

.pricing-logic-benefits strong {
    color: var(--forest);
    font-size: 0.79rem;
}

.pricing-logic-benefits span {
    color: #68776f;
    font-size: 0.72rem;
}

.variant-inventory-section {
    position: relative;
    overflow: hidden;
    padding: 122px 0 132px;
    background:
        radial-gradient(circle at 88% 62%, rgba(92,151,160,0.18), transparent 28rem),
        linear-gradient(155deg, #edf3f3 0%, #e2eceb 100%);
    scroll-margin-top: 24px;
}

.variant-inventory-section::before {
    content: "6×";
    position: absolute;
    top: 12px;
    right: -0.01em;
    color: rgba(19,65,68,0.06);
    font-size: clamp(8rem, 19vw, 18rem);
    font-weight: 850;
    letter-spacing: -0.09em;
    line-height: 1;
    pointer-events: none;
}

.variant-inventory-heading {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 0.35fr 1fr;
    gap: 54px;
}

.variant-inventory-heading h2 { max-width: 930px; }

.variant-inventory-heading > div > p {
    max-width: 750px;
    margin: 30px 0 0;
    color: #4f6464;
    font-size: 1.06rem;
    line-height: 1.72;
}

.variant-inventory-stage {
    position: relative;
    z-index: 1;
    margin-top: 68px;
    padding-bottom: 300px;
}

.variant-combination-window,
.variant-stock-window {
    overflow: hidden;
    margin: 0;
    border: 1px solid rgba(20,65,68,0.17);
    background: var(--white);
    box-shadow: 0 30px 78px rgba(28,71,73,0.17);
}

.variant-combination-window {
    width: 83%;
    border-radius: 20px;
}

.variant-combination-window figcaption,
.variant-stock-window figcaption {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 56px;
    padding: 0 19px;
    border-bottom: 1px solid var(--line);
    font-size: 0.76rem;
}

.variant-combination-window figcaption {
    color: var(--white);
    background: #173b38;
}

.variant-combination-window figcaption span,
.variant-stock-window figcaption span {
    color: var(--lime);
    font-weight: 820;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.variant-combination-window figcaption strong,
.variant-stock-window figcaption strong {
    margin-left: auto;
    font-weight: 720;
}

.variant-stock-window {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 58%;
    border-radius: 17px;
}

.variant-stock-window figcaption {
    color: var(--white);
    background: #477f80;
}

.variant-stock-window figcaption span { color: #dfffae; }

.variant-combination-window img,
.variant-stock-window img {
    display: block;
    width: 100%;
    height: auto;
}

.variant-inventory-path {
    position: absolute;
    top: -52px;
    right: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 16px;
    border: 1px solid rgba(20,65,68,0.15);
    border-radius: 999px;
    color: #4d6262;
    background: rgba(255,255,255,0.92);
    box-shadow: 0 16px 42px rgba(28,71,73,0.12);
    font-size: 0.74rem;
    font-weight: 700;
}

.variant-inventory-path i { color: #559093; font-style: normal; }
.variant-inventory-path strong { color: #245e60; }

.variant-inventory-benefits {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 34px 0 0;
    padding: 0;
    list-style: none;
}

.variant-inventory-benefits li {
    display: grid;
    gap: 3px;
    padding: 18px 19px;
    border: 1px solid rgba(20,65,68,0.14);
    border-radius: 13px;
    background: rgba(255,255,255,0.68);
}

.variant-inventory-benefits strong {
    color: #245e60;
    font-size: 0.79rem;
}

.variant-inventory-benefits span {
    color: #627576;
    font-size: 0.72rem;
}

.multishop-section {
    position: relative;
    overflow: hidden;
    padding: 122px 0 132px;
    background:
        radial-gradient(circle at 12% 68%, rgba(82,119,151,0.12), transparent 30rem),
        linear-gradient(145deg, #f3f6f8 0%, #e7eef2 100%);
    scroll-margin-top: 24px;
}

.multishop-section::before {
    content: "2×";
    position: absolute;
    top: 12px;
    right: -0.01em;
    color: rgba(38,67,88,0.055);
    font-size: clamp(8rem, 19vw, 18rem);
    font-weight: 850;
    letter-spacing: -0.09em;
    line-height: 1;
    pointer-events: none;
}

.multishop-heading {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 0.35fr 1fr;
    gap: 54px;
}

.multishop-heading h2 { max-width: 900px; }

.multishop-heading > div > p {
    max-width: 740px;
    margin: 30px 0 0;
    color: #586a73;
    font-size: 1.06rem;
    line-height: 1.72;
}

.multishop-stage {
    position: relative;
    z-index: 1;
    margin-top: 68px;
    padding-bottom: 300px;
}

.multishop-management-window,
.multishop-product-window {
    overflow: hidden;
    margin: 0;
    border: 1px solid rgba(38,67,88,0.16);
    background: var(--white);
    box-shadow: 0 30px 78px rgba(42,66,83,0.16);
}

.multishop-management-window {
    width: 83%;
    border-radius: 20px;
}

.multishop-management-window figcaption,
.multishop-product-window figcaption {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 56px;
    padding: 0 19px;
    border-bottom: 1px solid var(--line);
    font-size: 0.76rem;
}

.multishop-management-window figcaption {
    color: var(--white);
    background: #19384b;
}

.multishop-management-window figcaption span,
.multishop-product-window figcaption span {
    color: #c8f77e;
    font-weight: 820;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.multishop-management-window figcaption strong,
.multishop-product-window figcaption strong {
    margin-left: auto;
    font-weight: 720;
}

.multishop-product-window {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 58%;
    border-radius: 17px;
}

.multishop-product-window figcaption {
    color: var(--white);
    background: #527b91;
}

.multishop-product-window figcaption span { color: #e8ffbd; }

.multishop-management-window img,
.multishop-product-window img {
    display: block;
    width: 100%;
    height: auto;
}

.multishop-path {
    position: absolute;
    top: -52px;
    right: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 16px;
    border: 1px solid rgba(38,67,88,0.15);
    border-radius: 999px;
    color: #5d6a72;
    background: rgba(255,255,255,0.93);
    box-shadow: 0 16px 42px rgba(42,66,83,0.11);
    font-size: 0.74rem;
    font-weight: 700;
}

.multishop-path i { color: #668fa5; font-style: normal; }
.multishop-path strong { color: #315b71; }

.multishop-benefits {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 34px 0 0;
    padding: 0;
    list-style: none;
}

.multishop-benefits li {
    display: grid;
    gap: 3px;
    padding: 18px 19px;
    border: 1px solid rgba(38,67,88,0.13);
    border-radius: 13px;
    background: rgba(255,255,255,0.68);
}

.multishop-benefits strong {
    color: #315b71;
    font-size: 0.79rem;
}

.multishop-benefits span {
    color: #68747a;
    font-size: 0.72rem;
}

.integration-flow-section {
    position: relative;
    overflow: hidden;
    padding: 122px 0 132px;
    background:
        radial-gradient(circle at 88% 70%, rgba(126,168,132,0.12), transparent 29rem),
        linear-gradient(150deg, #fafcfb 0%, #f0f4f1 100%);
    scroll-margin-top: 24px;
}

.integration-flow-section::before {
    content: "↔";
    position: absolute;
    top: -0.13em;
    right: 0.02em;
    color: rgba(35,87,57,0.06);
    font-size: clamp(9rem, 21vw, 20rem);
    font-weight: 850;
    line-height: 1;
    pointer-events: none;
}

.integration-flow-heading {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 0.35fr 1fr;
    gap: 54px;
}

.integration-flow-heading h2 { max-width: 930px; }

.integration-flow-heading > div > p {
    max-width: 760px;
    margin: 30px 0 0;
    color: #526359;
    font-size: 1.06rem;
    line-height: 1.72;
}

.integration-flow-stage {
    position: relative;
    z-index: 1;
    margin-top: 68px;
    padding-bottom: 210px;
}

.integration-import-window,
.integration-bexio-window {
    overflow: hidden;
    margin: 0;
    border: 1px solid rgba(35,87,57,0.16);
    background: var(--white);
    box-shadow: 0 30px 78px rgba(39,82,54,0.17);
}

.integration-import-window {
    width: 83%;
    border-radius: 20px;
}

.integration-import-window figcaption,
.integration-bexio-window figcaption {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 56px;
    padding: 0 19px;
    border-bottom: 1px solid var(--line);
    font-size: 0.76rem;
}

.integration-import-window figcaption {
    color: var(--white);
    background: #163f2a;
}

.integration-import-window figcaption span,
.integration-bexio-window figcaption span {
    color: var(--lime);
    font-weight: 820;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.integration-import-window figcaption strong,
.integration-bexio-window figcaption strong {
    margin-left: auto;
    font-weight: 720;
}

.integration-bexio-window {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 66%;
    border-radius: 17px;
}

.integration-bexio-window figcaption {
    color: var(--white);
    background: #51834b;
}

.integration-bexio-window figcaption span { color: #e5ffb8; }

.integration-import-window img,
.integration-bexio-window img {
    display: block;
    width: 100%;
    height: auto;
}

.integration-flow-path {
    position: absolute;
    top: -52px;
    right: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 16px;
    border: 1px solid rgba(35,87,57,0.15);
    border-radius: 999px;
    color: #56645b;
    background: rgba(255,255,255,0.93);
    box-shadow: 0 16px 42px rgba(39,82,54,0.12);
    font-size: 0.74rem;
    font-weight: 700;
}

.integration-flow-path i { color: #78ad4d; font-style: normal; }
.integration-flow-path strong { color: var(--forest); }

.integration-flow-benefits {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin: 34px 0 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(35,87,57,0.13);
    border-radius: 13px;
    background: rgba(255,255,255,0.68);
    list-style: none;
}

.integration-flow-benefits li {
    display: grid;
    gap: 3px;
    padding: 18px 19px;
    border-left: 1px solid rgba(35,87,57,0.13);
}

.integration-flow-benefits li:first-child { border-left: 0; }

.integration-flow-benefits strong {
    color: var(--forest);
    font-size: 0.79rem;
}

.integration-flow-benefits span {
    color: #66746b;
    font-size: 0.72rem;
}

.homepage-composer-section {
    position: relative;
    overflow: hidden;
    padding: 122px 0 132px;
    background:
        radial-gradient(circle at 12% 70%, rgba(111,169,127,0.18), transparent 28rem),
        linear-gradient(150deg, #f0f6f2 0%, #e1ece6 100%);
    scroll-margin-top: 24px;
}

.homepage-composer-section::before {
    content: "MODULE";
    position: absolute;
    top: 24px;
    right: -0.04em;
    color: rgba(47,85,56,0.045);
    font-size: clamp(6rem, 14vw, 13rem);
    font-weight: 850;
    letter-spacing: -0.07em;
    line-height: 1;
    pointer-events: none;
}

.homepage-composer-heading {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 0.35fr 1fr;
    gap: 54px;
}

.homepage-composer-heading h2 { max-width: 940px; }

.homepage-composer-heading > div > p {
    max-width: 750px;
    margin: 30px 0 0;
    color: #5f685f;
    font-size: 1.06rem;
    line-height: 1.72;
}

.homepage-composer-stage {
    position: relative;
    z-index: 1;
    margin-top: 68px;
    padding-bottom: 300px;
}

.homepage-composer-admin-window,
.homepage-composer-storefront-window {
    overflow: hidden;
    margin: 0;
    border: 1px solid rgba(46,72,50,0.17);
    background: var(--white);
    box-shadow: 0 32px 78px rgba(55,67,46,0.18);
}

.homepage-composer-admin-window {
    width: 74%;
    border-radius: 20px;
}

.homepage-composer-storefront-window {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 68%;
    border-radius: 18px;
}

.homepage-composer-admin-window figcaption,
.homepage-composer-storefront-window figcaption {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 56px;
    padding: 0 19px;
    border-bottom: 1px solid rgba(255,255,255,0.12);
    color: var(--white);
    font-size: 0.76rem;
}

.homepage-composer-admin-window figcaption { background: #234f35; }
.homepage-composer-storefront-window figcaption { background: #6a8f4d; }

.homepage-composer-admin-window figcaption span,
.homepage-composer-storefront-window figcaption span {
    color: var(--lime);
    font-weight: 820;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.homepage-composer-storefront-window figcaption span { color: #efffcf; }

.homepage-composer-admin-window figcaption strong,
.homepage-composer-storefront-window figcaption strong {
    margin-left: auto;
    font-weight: 720;
}

.homepage-composer-admin-window img,
.homepage-composer-storefront-window img {
    display: block;
    width: 100%;
    height: auto;
}

.homepage-composer-path {
    position: absolute;
    top: -52px;
    right: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 16px;
    border: 1px solid rgba(47,85,56,0.16);
    border-radius: 999px;
    color: #5c665e;
    background: rgba(255,255,255,0.9);
    box-shadow: 0 16px 42px rgba(54,69,46,0.12);
    font-size: 0.74rem;
    font-weight: 700;
}

.homepage-composer-path i { color: #7ca657; font-style: normal; }
.homepage-composer-path strong { color: var(--forest); }

.homepage-composer-benefits {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin: 34px 0 0;
    padding: 0;
    list-style: none;
}

.homepage-composer-benefits li {
    display: grid;
    gap: 3px;
    padding: 17px 0 0;
    border-top: 1px solid rgba(38,78,51,0.24);
}

.homepage-composer-benefits strong {
    color: var(--forest);
    font-size: 0.79rem;
}

.homepage-composer-benefits span {
    color: #696e68;
    font-size: 0.72rem;
}

.storefront-experience-section {
    position: relative;
    overflow: hidden;
    padding: 122px 0 132px;
    color: var(--white);
    background:
        radial-gradient(circle at 88% 68%, rgba(176,235,99,0.14), transparent 31rem),
        linear-gradient(145deg, #10271c 0%, #173a29 100%);
    scroll-margin-top: 24px;
}

.storefront-experience-section::before {
    content: "SHOP";
    position: absolute;
    top: 28px;
    right: -0.03em;
    color: rgba(255,255,255,0.035);
    font-size: clamp(6rem, 15vw, 14rem);
    font-weight: 850;
    letter-spacing: -0.07em;
    line-height: 1;
    pointer-events: none;
}

.storefront-experience-heading {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 0.35fr 1fr;
    gap: 54px;
}

.storefront-experience-heading .section-index { color: var(--lime); }
.storefront-experience-heading h2 { max-width: 930px; }

.storefront-experience-heading > div > p {
    max-width: 760px;
    margin: 30px 0 0;
    color: #bdccc2;
    font-size: 1.06rem;
    line-height: 1.72;
}

.storefront-experience-stage {
    position: relative;
    z-index: 1;
    margin-top: 68px;
    padding-bottom: 220px;
}

.storefront-desktop-window,
.storefront-mobile-window {
    overflow: hidden;
    margin: 0;
    border: 1px solid rgba(255,255,255,0.16);
    background: var(--white);
    box-shadow: 0 34px 82px rgba(0,0,0,0.31);
}

.storefront-desktop-window {
    width: 84%;
    border-radius: 20px;
}

.storefront-desktop-window figcaption,
.storefront-mobile-window figcaption {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 56px;
    padding: 0 19px;
    border-bottom: 1px solid rgba(255,255,255,0.12);
    font-size: 0.76rem;
}

.storefront-desktop-window figcaption {
    color: var(--white);
    background: #0b1e15;
}

.storefront-desktop-window figcaption span,
.storefront-mobile-window figcaption span {
    color: var(--lime);
    font-weight: 820;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.storefront-desktop-window figcaption strong,
.storefront-mobile-window figcaption strong {
    margin-left: auto;
    font-weight: 720;
}

.storefront-mobile-window {
    position: absolute;
    right: 1.5%;
    bottom: 0;
    width: 31%;
    border-radius: 25px;
}

.storefront-mobile-window figcaption {
    color: var(--white);
    background: #477a52;
}

.storefront-mobile-window figcaption span { color: #e5ffb8; }

.storefront-desktop-window img,
.storefront-mobile-window img {
    display: block;
    width: 100%;
    height: auto;
}

.storefront-selection-path {
    position: absolute;
    top: -52px;
    right: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 16px;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 999px;
    color: #d0ddd4;
    background: rgba(6,24,15,0.9);
    box-shadow: 0 16px 42px rgba(0,0,0,0.2);
    font-size: 0.74rem;
    font-weight: 700;
}

.storefront-selection-path i { color: #7ba64d; font-style: normal; }
.storefront-selection-path strong { color: var(--lime); }

.storefront-experience-benefits {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin: 34px 0 0;
    padding: 0;
    list-style: none;
}

.storefront-experience-benefits li {
    display: grid;
    gap: 3px;
    padding: 17px 0 0;
    border-top: 1px solid rgba(255,255,255,0.2);
}

.storefront-experience-benefits strong {
    color: var(--lime);
    font-size: 0.79rem;
}

.storefront-experience-benefits span {
    color: #b7c8bd;
    font-size: 0.72rem;
}

.home-pricing-section {
    position: relative;
    overflow: hidden;
    padding: 124px 0 128px;
    background:
        radial-gradient(circle at 82% 22%, rgba(185,239,114,0.2), transparent 25rem),
        #edf4eb;
    scroll-margin-top: 24px;
}

.home-pricing-section::before {
    content: "CHF";
    position: absolute;
    top: 24px;
    right: -0.04em;
    color: rgba(31,90,61,0.045);
    font-size: clamp(7rem, 17vw, 15rem);
    font-weight: 850;
    letter-spacing: -0.07em;
    line-height: 1;
    pointer-events: none;
}

.home-pricing-heading {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 0.35fr 1fr;
    gap: 54px;
}

.home-pricing-heading h2 { max-width: 940px; }

.home-pricing-heading > div > p {
    max-width: 760px;
    margin: 30px 0 0;
    color: var(--muted);
    font-size: 1.06rem;
    line-height: 1.72;
}

.home-pricing-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 66px;
    align-items: stretch;
}

.home-price-card {
    position: relative;
    min-width: 0;
    padding: 30px 30px 32px;
    border: 1px solid rgba(19,38,29,0.11);
    border-radius: 18px;
    background: rgba(255,255,255,0.86);
    box-shadow: 0 22px 58px rgba(26,69,47,0.09);
}

.home-price-card-featured {
    color: var(--white);
    border-color: #17452f;
    background: linear-gradient(145deg, #173f2c 0%, #1f5a3d 100%);
    box-shadow: 0 30px 68px rgba(19,62,40,0.23);
    transform: translateY(-12px);
}

.home-price-card-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 25px;
    color: var(--forest);
    font-size: 0.7rem;
    font-weight: 820;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-price-card-topline span { color: #80aa62; }
.home-price-card-featured .home-price-card-topline { color: #dcf4c8; }
.home-price-card-featured .home-price-card-topline span { color: var(--lime); }

.home-price-recommended {
    position: absolute;
    top: -15px;
    right: 22px;
    padding: 7px 12px;
    border-radius: 999px;
    color: #173c2a;
    background: var(--lime);
    box-shadow: 0 10px 24px rgba(24,61,42,0.2);
    font-size: 0.65rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-price-card h3 {
    margin: 40px 0 0;
    font-size: clamp(2.25rem, 4vw, 3.4rem);
    letter-spacing: -0.055em;
    line-height: 0.95;
}

.home-price {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: 20px 0 0;
    color: var(--forest);
    font-size: clamp(1.48rem, 2.4vw, 2rem);
    font-weight: 820;
    letter-spacing: -0.035em;
}

.home-price span {
    font-size: 0.7rem;
    font-weight: 780;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-price-card-featured .home-price { color: var(--lime); }

.home-price-summary {
    min-height: 76px;
    margin: 20px 0 0;
    color: #66736c;
    font-size: 0.9rem;
    line-height: 1.6;
}

.home-price-card-featured .home-price-summary { color: #c4d3c9; }

.home-price-card ul {
    display: grid;
    gap: 11px;
    margin: 24px 0 0;
    padding: 23px 0 0;
    border-top: 1px solid rgba(19,38,29,0.11);
    list-style: none;
}

.home-price-card li {
    position: relative;
    padding-left: 18px;
    color: #34493d;
    font-size: 0.78rem;
    font-weight: 670;
    line-height: 1.45;
}

.home-price-card li::before {
    content: "";
    position: absolute;
    top: 0.52em;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #75a954;
}

.home-price-card-featured ul { border-top-color: rgba(255,255,255,0.16); }
.home-price-card-featured li { color: #eef5f0; }
.home-price-card-featured li::before { background: var(--lime); }

.home-pricing-layers {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0,0.9fr) auto minmax(0,1.3fr) auto minmax(0,0.9fr);
    align-items: stretch;
    gap: 13px;
    margin-top: 38px;
    padding: 15px;
    border: 1px solid rgba(19,38,29,0.1);
    border-radius: 18px;
    background: rgba(255,255,255,0.6);
}

.home-pricing-layers > div {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 17px 18px;
    border-radius: 12px;
    background: rgba(255,255,255,0.72);
}

.home-pricing-layers > div > span {
    color: #79a758;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.08em;
}

.home-pricing-layers p { display: grid; gap: 3px; min-width: 0; margin: 0; }
.home-pricing-layers strong { color: var(--forest); font-size: 0.79rem; }
.home-pricing-layers small { color: #69766f; font-size: 0.67rem; line-height: 1.4; }

.home-pricing-layers > i {
    align-self: center;
    color: #78a25b;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 480;
}

.home-pricing-footer {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 34px;
}

.home-pricing-footer p {
    max-width: 580px;
    margin: 0;
    color: var(--muted);
    font-size: 0.82rem;
}

.home-pricing-footer .button { flex: 0 0 auto; }

.problem {
    padding: 110px 0;
    color: var(--white);
    background: var(--ink);
}

.problem-grid {
    display: grid;
    grid-template-columns: 0.35fr 1fr;
    gap: 54px;
}

.problem .section-index { color: var(--lime); }

.problem p:not(.section-index) {
    max-width: 680px;
    margin: 34px 0 0;
    color: #b8c5bd;
    font-size: 1.08rem;
}

.solution-section {
    padding: 124px 0 132px;
    background: var(--white);
    scroll-margin-top: 24px;
}

.section-heading {
    display: grid;
    grid-template-columns: 0.35fr 1fr;
    column-gap: 54px;
    align-items: start;
}

.section-heading h2 { max-width: 850px; }

.section-heading > p:last-child {
    grid-column: 2;
    max-width: 660px;
    margin: 32px 0 0;
    color: var(--muted);
    font-size: 1.08rem;
}

.promise-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 76px;
}

.promise-card {
    min-height: 430px;
    padding: 34px 32px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: #fbfcfa;
}

.promise-card-accent {
    color: var(--white);
    border-color: var(--forest);
    background: var(--forest);
    transform: translateY(-20px);
}

.promise-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: var(--forest);
    background: var(--mint);
    font-size: 0.72rem;
    font-weight: 800;
}

.promise-card h3,
.import-copy h3 {
    margin: 54px 0 14px;
    font-size: 1.65rem;
    line-height: 1.15;
    letter-spacing: -0.035em;
}

.promise-card p {
    margin: 0;
    color: var(--muted);
}

.promise-card-accent p { color: #d4e2d9; }

.promise-card ul {
    display: grid;
    gap: 11px;
    margin: 27px 0 0;
    padding: 25px 0 0;
    border-top: 1px solid var(--line);
    list-style: none;
    font-size: 0.84rem;
    font-weight: 650;
}

.promise-card-accent ul { border-color: rgba(255,255,255,0.18); }

.promise-card li::before {
    content: "✓";
    margin-right: 9px;
    color: #47af65;
    font-weight: 900;
}

.promise-card-accent li::before { color: var(--lime); }

.product-detail {
    padding: 130px 0;
    background: #edf4eb;
}

.product-detail-grid {
    display: grid;
    grid-template-columns: 0.78fr 1.22fr;
    align-items: center;
    gap: 74px;
}

.detail-copy h2 {
    max-width: 520px;
    font-size: clamp(2.5rem, 4.5vw, 4.6rem);
}

.detail-copy > p:not(.section-index) {
    margin: 28px 0 0;
    color: var(--muted);
    font-size: 1.04rem;
}

.capability-list {
    display: grid;
    gap: 0;
    margin-top: 38px;
    border-top: 1px solid var(--line);
}

.capability-list > div {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 12px;
    padding: 17px 0;
    border-bottom: 1px solid var(--line);
}

.capability-list span {
    color: var(--forest);
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.capability-list strong { font-size: 0.9rem; line-height: 1.45; }

.detail-window,
.import-window {
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(24, 62, 43, 0.16);
    border-radius: 20px;
    background: var(--white);
    box-shadow: 0 30px 80px rgba(26, 69, 47, 0.15);
}

.detail-window {
    position: relative;
    aspect-ratio: 4 / 3;
}

.detail-window img {
    width: 114%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: left top;
}

.detail-window .image-zoom-trigger { height: 100%; }

.detail-label {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(255,255,255,0.94);
    box-shadow: 0 10px 30px rgba(19,38,29,0.12);
    font-size: 0.76rem;
    font-weight: 720;
}

.product-stories {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 92px;
}

.product-story {
    min-width: 0;
    padding: 34px;
    border: 1px solid rgba(24, 62, 43, 0.14);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.76);
}

.product-story-accent { color: var(--white); background: var(--forest); }
.story-number { margin: 0 0 28px; color: var(--forest); font-size: 0.72rem; font-weight: 850; letter-spacing: 0.12em; }
.product-story-accent .story-number { color: var(--lime); }
.product-story h3 { margin: 0; font-size: clamp(1.45rem, 2.5vw, 2.15rem); letter-spacing: -0.035em; }
.product-story > p:not(.story-number) { margin: 16px 0 24px; color: var(--muted); line-height: 1.7; }
.product-story-accent > p:not(.story-number) { color: rgba(255, 255, 255, 0.72); }
.product-story ul { display: grid; gap: 10px; margin: 0; padding: 20px 0 0; border-top: 1px solid var(--line); list-style: none; }
.product-story-accent ul { border-color: rgba(255, 255, 255, 0.16); }
.product-story li { position: relative; padding-left: 20px; font-size: 0.9rem; line-height: 1.55; }
.product-story li::before { position: absolute; left: 0; color: #47af65; content: "✓"; font-weight: 900; }
.product-story-accent li::before { color: var(--lime); }

.import-showcase {
    display: grid;
    grid-template-columns: 1.3fr 0.7fr;
    align-items: center;
    gap: 68px;
    margin-top: 100px;
}

.import-window img {
    width: 100%;
    height: auto;
}

.integration-showcase {
    display: grid;
    grid-template-columns: 0.72fr 1.28fr;
    align-items: center;
    gap: 68px;
    margin-top: 100px;
}

.integration-copy h3 { margin: 12px 0 0; font-size: clamp(1.9rem, 3.2vw, 3rem); line-height: 1.08; letter-spacing: -0.035em; }
.integration-copy > p:not(.mini-label) { margin: 20px 0 0; color: var(--muted); line-height: 1.72; }
.integration-copy .integration-note { padding-left: 18px; border-left: 2px solid var(--forest); font-size: 0.9rem; }

.integration-window {
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(24, 62, 43, 0.16);
    border-radius: 20px;
    background: var(--white);
    box-shadow: 0 30px 80px rgba(26, 69, 47, 0.15);
}

.integration-window img { display: block; width: 100%; height: auto; }


.image-lightbox {
    width: min(1180px, calc(100% - 36px));
    max-width: none;
    max-height: calc(100dvh - 36px);
    margin: auto;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 18px;
    color: var(--ink);
    background: transparent;
}

.image-lightbox::backdrop {
    background: rgba(10, 22, 16, 0.82);
    backdrop-filter: blur(7px);
}

.lightbox-inner {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: var(--white);
    box-shadow: 0 35px 100px rgba(0,0,0,0.35);
}

.image-lightbox img {
    width: 100%;
    max-height: calc(100dvh - 100px);
    object-fit: contain;
    background: #f4f7f3;
}

.image-lightbox p {
    margin: 0;
    padding: 13px 20px 15px;
    color: var(--muted);
    font-size: 0.82rem;
}

.lightbox-close {
    position: absolute;
    z-index: 2;
    top: 12px;
    right: 12px;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0 0 3px;
    border: 1px solid rgba(19,38,29,0.14);
    border-radius: 50%;
    color: var(--ink);
    background: rgba(255,255,255,0.94);
    box-shadow: 0 7px 22px rgba(19,38,29,0.15);
    cursor: pointer;
    font-size: 1.7rem;
    line-height: 1;
}

.mini-label {
    margin: 0;
    color: var(--forest);
    font-size: 0.73rem;
    font-weight: 820;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.import-copy h3 { margin-top: 19px; font-size: 2.1rem; }

.import-copy > p:not(.mini-label) {
    margin: 20px 0 0;
    color: var(--muted);
}
.import-copy .text-link,
.integration-copy .text-link { display: inline-flex; margin-top: 24px; color: var(--forest); }

.fit-section {
    padding: 130px 0;
    color: var(--white);
    background: #0f2118;
}

.fit-grid {
    display: grid;
    grid-template-columns: 0.78fr 1.22fr;
    gap: 100px;
}

.fit-intro {
    position: sticky;
    top: 42px;
    align-self: start;
}

.fit-intro .section-index { color: var(--lime); }
.fit-intro h2 { font-size: clamp(2.7rem, 4.8vw, 4.7rem); }
.fit-intro > p:not(.section-index) { margin: 28px 0 0; color: #adbbb2; }
.fit-intro .text-link { display: inline-flex; margin-top: 25px; color: var(--white); }
.fit-intro .text-link span { color: var(--lime); }

.fit-list article {
    display: grid;
    grid-template-columns: 54px 1fr;
    gap: 20px;
    padding: 32px 0;
    border-top: 1px solid rgba(255,255,255,0.16);
}

.fit-list article:last-child { border-bottom: 1px solid rgba(255,255,255,0.16); }
.fit-list article > span { color: var(--lime); font-size: 0.74rem; font-weight: 800; letter-spacing: 0.1em; }
.fit-list h3 { margin: -5px 0 10px; font-size: 1.4rem; letter-spacing: -0.025em; }
.fit-list p { margin: 0; color: #adbbb2; }

.managed-section { padding: 126px 0; background: var(--white); }
.managed-grid { display: grid; grid-template-columns: 0.82fr 1.18fr; gap: 100px; }
.managed-grid h2 { max-width: 560px; }
.managed-copy > p { max-width: 650px; margin: 0; color: var(--muted); font-size: 1.12rem; }
.managed-copy ul { margin: 40px 0 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.managed-copy li { display: grid; grid-template-columns: 145px 1fr; gap: 20px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.managed-copy strong { color: var(--forest); }
.managed-copy span { color: var(--muted); }

.pricing-section { padding: 130px 0 115px; background: #f3f6f1; scroll-margin-top: 24px; }
.pricing-heading { display: grid; grid-template-columns: 1fr 0.72fr; align-items: end; gap: 80px; }
.pricing-heading > p { margin: 0 0 6px; color: var(--muted); }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 70px; align-items: stretch; }
.price-card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 32px; border: 1px solid var(--line); border-radius: 22px; background: var(--white); }
.price-card-featured { border: 2px solid var(--forest); box-shadow: 0 28px 65px rgba(26,69,47,0.14); }
.recommended { position: absolute; top: 16px; right: 16px; padding: 6px 10px; border-radius: 999px; color: var(--forest); background: var(--mint); font-size: 0.67rem; font-weight: 820; letter-spacing: 0.05em; text-transform: uppercase; }
.price-kicker { margin: 0 0 13px; color: var(--muted); font-size: 0.74rem; }
.price-card h3 { margin: 0; font-size: 2rem; letter-spacing: -0.04em; }
.price-block { display: grid; gap: 4px; margin-top: 44px; }
.price-block span { color: var(--muted); font-size: 0.75rem; }
.price-block strong { font-size: 1.45rem; }
.monthly-price { display: flex; align-items: baseline; gap: 6px; margin-top: 15px; padding-bottom: 27px; border-bottom: 1px solid var(--line); }
.monthly-price strong { color: var(--forest); font-size: 1.6rem; }
.monthly-price span { color: var(--muted); font-size: 0.76rem; }
.price-card ul { display: grid; gap: 12px; margin: 26px 0 32px; padding: 0; list-style: none; color: #405047; font-size: 0.84rem; }
.price-card li::before { content: "✓"; margin-right: 9px; color: #48ad63; font-weight: 900; }
.price-link { display: flex; justify-content: space-between; margin-top: auto; padding-top: 20px; border-top: 1px solid var(--line); color: var(--forest); text-decoration: none; font-weight: 760; }
.price-link:hover span { transform: translate(2px,-2px); }
.price-link span { transition: transform 160ms ease; }
.pricing-note { max-width: 790px; margin: 32px auto 0; color: var(--muted); font-size: 0.78rem; text-align: center; }

.contact-section { padding: 125px 0; color: var(--white); background: var(--forest); scroll-margin-top: 24px; }
.contact-inner { max-width: 900px; text-align: center; }
.contact-inner .section-index { color: var(--lime); }
.contact-inner h2 { font-size: clamp(2.8rem, 5vw, 5rem); }
.contact-inner > p:not(.section-index) { max-width: 650px; margin: 28px auto 0; color: #d0dfd5; font-size: 1.08rem; }
.contact-placeholder { display: inline-flex; margin-top: 38px; padding: 14px 22px; border: 1px dashed rgba(255,255,255,0.45); border-radius: 999px; color: #d0dfd5; font-size: 0.84rem; }

.placeholder-section { scroll-margin-top: 24px; }

/* Homepage breadth and process */
.breadth-section { padding: 104px 0 110px; color: var(--white); background: var(--forest); scroll-margin-top: 24px; }
.breadth-heading { display: grid; grid-template-columns: 1.2fr 0.72fr; align-items: end; gap: 90px; }
.breadth-heading .section-index { color: var(--lime); }
.breadth-heading h2 { max-width: 720px; }
.breadth-heading > p { margin: 0; color: #cbdad1; font-size: 1.02rem; line-height: 1.72; }
.platform-map {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(290px, 0.86fr) minmax(0, 1fr);
    grid-template-rows: repeat(2, minmax(210px, auto)) minmax(145px, auto);
    gap: 16px;
    margin-top: 68px;
}

.platform-area,
.platform-core {
    position: relative;
    overflow: hidden;
    border-radius: 19px;
}

.platform-area {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-width: 0;
    padding: 29px;
    border: 1px solid rgba(255,255,255,0.15);
    color: var(--white);
    background: rgba(255,255,255,0.055);
    text-decoration: none;
    transition: transform 200ms ease, border-color 200ms ease, background 200ms ease;
}

.platform-area:hover,
.platform-area:focus-visible {
    border-color: rgba(188, 240, 111, 0.8);
    background: rgba(255,255,255,0.1);
    transform: translateY(-4px);
    outline: none;
}

.platform-area-index,
.platform-core > span {
    position: absolute;
    top: 25px;
    left: 29px;
    color: var(--lime);
    font-size: 0.69rem;
    font-weight: 820;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.platform-area strong {
    display: block;
    max-width: 310px;
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.platform-area p {
    margin: 13px 36px 0 0;
    color: #bfd0c5;
    font-size: 0.82rem;
    line-height: 1.55;
}

.platform-area > i {
    position: absolute;
    right: 25px;
    bottom: 26px;
    color: var(--lime);
    font-size: 1.05rem;
    font-style: normal;
    transition: transform 180ms ease;
}

.platform-area:hover > i { transform: translate(3px, -3px); }
.platform-area-catalog { grid-column: 1; grid-row: 1; }
.platform-area-pricing { grid-column: 1; grid-row: 2; }
.platform-area-storefront { grid-column: 3; grid-row: 1; }
.platform-area-orders { grid-column: 3; grid-row: 2; }

.platform-area-extensions {
    grid-column: 1 / -1;
    grid-row: 3;
    padding-right: 90px;
    background: rgba(8, 30, 18, 0.28);
}

.platform-area-extensions strong { max-width: none; }
.platform-area-extensions p { max-width: 680px; }

.platform-core {
    grid-column: 2;
    grid-row: 1 / span 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 34px;
    color: var(--ink);
    background: var(--lime);
    box-shadow: 0 25px 70px rgba(3, 25, 13, 0.28);
}

.platform-core::after {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    right: -95px;
    bottom: -110px;
    border: 1px solid rgba(18, 55, 34, 0.2);
    border-radius: 50%;
    box-shadow: 0 0 0 34px rgba(18, 55, 34, 0.05), 0 0 0 68px rgba(18, 55, 34, 0.035);
}

.platform-core > span { color: var(--forest); }

.platform-core > strong {
    position: relative;
    z-index: 1;
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1.02;
    letter-spacing: -0.05em;
}

.platform-core > p {
    position: relative;
    z-index: 1;
    margin: 22px 0 0;
    color: #2f503e;
    font-size: 0.91rem;
    line-height: 1.62;
}

.platform-core-flow {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 36px;
    padding-top: 18px;
    border-top: 1px solid rgba(18, 55, 34, 0.2);
    color: var(--forest);
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.platform-core-flow i { font-style: normal; }
.breadth-link { display: inline-flex; gap: 12px; margin-top: 38px; color: var(--lime); font-weight: 760; text-decoration: none; }
.breadth-link:hover span { transform: translate(2px,-2px); }
.breadth-link span { transition: transform 160ms ease; }

.process-section { padding: 124px 0 132px; color: var(--white); background: var(--ink); scroll-margin-top: 24px; }
.process-heading { display: grid; grid-template-columns: 0.35fr 1.15fr 0.7fr; align-items: end; gap: 48px; }
.process-heading .section-index { color: var(--lime); }
.process-heading h2 { font-size: clamp(2.55rem, 4.4vw, 4.75rem); }
.process-heading > p:last-child { margin: 0; color: #b7c7bd; line-height: 1.72; }
.commerce-flow { display: grid; grid-template-columns: repeat(5, 1fr); margin: 68px 0 0; padding: 0; border-top: 1px solid rgba(255,255,255,0.16); border-left: 1px solid rgba(255,255,255,0.16); list-style: none; }
.commerce-flow li { position: relative; min-height: 135px; padding: 24px 22px; border-right: 1px solid rgba(255,255,255,0.16); border-bottom: 1px solid rgba(255,255,255,0.16); }
.commerce-flow span { display: block; color: var(--lime); font-size: 0.68rem; font-weight: 820; letter-spacing: 0.12em; }
.commerce-flow strong { display: block; max-width: 150px; margin-top: 30px; font-size: 0.93rem; line-height: 1.35; }
.platform-promises { padding-top: 124px; }
.extension-heading { display: grid; grid-template-columns: 0.35fr 1.15fr 0.7fr; align-items: end; gap: 48px; margin-top: 124px; }
.extension-heading h2 { font-size: clamp(2.55rem, 4.4vw, 4.75rem); }
.extension-heading > p:last-child { margin: 0; color: var(--muted); line-height: 1.72; }

/* Content overview pages */
.section-hero { padding: 105px 0 116px; background: #edf4eb; }
.section-hero-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.6fr); align-items: end; gap: 110px; }
.section-hero-copy h1 { max-width: 850px; }
.section-hero-copy > p:not(.eyebrow) { max-width: 720px; margin: 30px 0 0; color: var(--muted); font-size: 1.12rem; line-height: 1.72; }
.section-hero-copy .button { margin-top: 36px; }
.section-hero-aside { padding: 30px; border: 1px solid rgba(31,90,61,0.16); border-radius: 20px; background: rgba(255,255,255,0.72); box-shadow: 0 24px 60px rgba(26,69,47,0.09); }
.section-hero-aside span { color: var(--forest); font-size: 0.7rem; font-weight: 820; letter-spacing: 0.11em; text-transform: uppercase; }
.section-hero-aside strong { display: block; margin-top: 28px; font-size: 1.5rem; line-height: 1.25; }
.section-hero-aside p { margin: 17px 0 0; color: var(--muted); font-size: 0.92rem; line-height: 1.66; }
.section-hero-dark,
.section-hero-developer { color: var(--white); background: var(--ink); }
.section-hero-dark .eyebrow,
.section-hero-developer .eyebrow { color: var(--lime); }
.section-hero-dark .section-hero-copy > p:not(.eyebrow),
.section-hero-developer .section-hero-copy > p:not(.eyebrow) { color: #c2d0c7; }
.button-light { border-color: var(--lime); color: var(--ink); background: var(--lime); }
.button-light:hover { border-color: var(--white); background: var(--white); }
.content-section { padding: 124px 0 134px; background: var(--white); scroll-margin-top: 24px; }
.content-section-muted { background: #f2f6f0; }
.content-heading { display: grid; grid-template-columns: 0.35fr 1fr 0.64fr; align-items: end; gap: 48px; }
.content-heading h2 { font-size: clamp(2.7rem, 4.6vw, 4.9rem); }
.content-heading > p:last-child { margin: 0; color: var(--muted); line-height: 1.72; }
.solution-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 70px; }
.content-card { min-height: 390px; padding: 34px; border: 1px solid var(--line); border-radius: 22px; background: var(--white); scroll-margin-top: 34px; }
.content-card-number { color: var(--forest); font-size: 0.7rem; font-weight: 820; letter-spacing: 0.12em; }
.content-card h3 { max-width: 540px; margin: 58px 0 17px; font-size: clamp(1.75rem, 2.6vw, 2.45rem); line-height: 1.1; letter-spacing: -0.04em; }
.content-card > p { margin: 0; color: var(--muted); line-height: 1.68; }
.content-card ul,
.fact-list { display: grid; gap: 9px; margin: 27px 0 0; padding: 22px 0 0; border-top: 1px solid var(--line); list-style: none; color: #405047; font-size: 0.87rem; }
.content-card li::before,
.fact-list li::before { margin-right: 9px; color: #48ad63; content: "✓"; font-weight: 900; }
.story-section { padding: 126px 0; background: #f3f6f1; scroll-margin-top: 24px; }
.story-grid { display: grid; grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr); align-items: center; gap: 78px; }
.story-copy h2 { max-width: 620px; font-size: clamp(2.7rem, 4.4vw, 4.7rem); }
.story-copy > p:not(.section-index):not(.story-note) { margin: 28px 0 0; color: var(--muted); font-size: 1.02rem; line-height: 1.72; }
.story-copy .text-link { display: inline-flex; gap: 10px; margin-top: 30px; }
.story-window { margin: 0; overflow: hidden; border: 1px solid rgba(24,62,43,0.16); border-radius: 20px; background: var(--white); box-shadow: var(--shadow); }
.story-window img { width: 100%; height: auto; }
.story-window-wide img { aspect-ratio: 1288 / 410; object-fit: cover; }
.story-section-reverse .story-copy { order: 2; }
.story-note { margin: 24px 0 0; padding: 17px 19px; border-left: 3px solid var(--forest); color: #43534a; background: rgba(223,245,230,0.72); font-size: 0.85rem; }
.migration-section { padding: 126px 0; color: var(--white); background: var(--forest); }
.migration-section .section-index { color: var(--lime); }
.migration-grid { display: grid; grid-template-columns: 0.75fr 1.25fr; gap: 95px; }
.migration-grid h2 { max-width: 560px; }
.migration-steps { display: grid; }
.migration-steps article { display: grid; grid-template-columns: 45px 0.42fr 1fr; gap: 18px; padding: 27px 0; border-top: 1px solid rgba(255,255,255,0.18); }
.migration-steps span { color: var(--lime); font-size: 0.7rem; font-weight: 820; letter-spacing: 0.1em; }
.migration-steps h3 { margin: 0; font-size: 1.12rem; }
.migration-steps p { margin: 0; color: #d1dfd6; font-size: 0.9rem; line-height: 1.65; }
.connection-map { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.connection-map span { display: flex; min-height: 76px; align-items: center; justify-content: center; padding: 16px; border: 1px solid rgba(255,255,255,0.18); border-radius: 14px; color: #dce8e0; background: rgba(255,255,255,0.05); font-size: 0.8rem; font-weight: 720; text-align: center; }
.connection-map span:nth-child(2) { border-color: var(--lime); color: var(--ink); background: var(--lime); }
.integration-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.integration-grid .content-card { min-height: 420px; }
.pricing-page-offers { padding-top: 124px; }
.content-section-dark { color: var(--white); background: var(--ink); }
.content-section-dark .section-index { color: var(--lime); }
.content-section-dark .content-heading > p:last-child { color: #b7c7bd; }
.process-cards { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 68px; border-top: 1px solid rgba(255,255,255,0.16); border-left: 1px solid rgba(255,255,255,0.16); }
.process-cards article { min-height: 250px; padding: 26px; border-right: 1px solid rgba(255,255,255,0.16); border-bottom: 1px solid rgba(255,255,255,0.16); }
.process-cards span { color: var(--lime); font-size: 0.7rem; font-weight: 820; letter-spacing: 0.1em; }
.process-cards h3 { margin: 68px 0 13px; font-size: 1.3rem; }
.process-cards p { margin: 0; color: #b7c7bd; font-size: 0.86rem; line-height: 1.62; }
.code-principles { display: grid; grid-template-columns: auto 1fr; gap: 0; overflow: hidden; border: 1px solid rgba(255,255,255,0.18); border-radius: 18px; background: rgba(255,255,255,0.04); }
.code-principles code,
.code-principles span { padding: 18px 20px; border-bottom: 1px solid rgba(255,255,255,0.14); }
.code-principles code { color: var(--lime); font-size: 0.82rem; }
.code-principles span { color: #c7d5cc; font-size: 0.82rem; }
.code-principles > :nth-last-child(-n+2) { border-bottom: 0; }
.developer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 70px; }
.developer-grid .content-card { min-height: 440px; }
.developer-grid .content-card .text-link {
    display: flex;
    width: max-content;
    margin-top: 24px;
}
.developer-boundary { padding: 126px 0; color: var(--white); background: var(--forest); }
.developer-boundary .section-index { color: var(--lime); }
.developer-boundary-grid { display: grid; grid-template-columns: 1.15fr 0.72fr; align-items: end; gap: 100px; }
.developer-boundary-grid > div:last-child p { margin: 0 0 28px; color: #d0dfd5; font-size: 1.02rem; line-height: 1.72; }
.text-link-light { color: var(--white); }
.text-link-light span { color: var(--lime); }

/* Functions overview */
.features-hero { padding: 92px 0 104px; overflow: hidden; background: #eaf4ee; }
.features-hero-grid { display: grid; grid-template-columns: 0.82fr 1.18fr; align-items: center; gap: 74px; }
.features-hero-copy h1 { max-width: 650px; font-size: clamp(3.5rem, 6.4vw, 6.6rem); }
.features-hero-copy > p:not(.eyebrow) { max-width: 610px; margin: 30px 0 36px; color: var(--muted); font-size: 1.08rem; line-height: 1.72; }
.features-hero-window { width: 760px; max-width: 100%; margin: 0; overflow: hidden; border: 1px solid rgba(24,62,43,0.16); border-radius: 20px; background: var(--white); box-shadow: var(--shadow); transform: rotate(0.7deg); }
.features-hero-window img { display: block; width: 100%; height: auto; }

.features-category-nav { color: var(--white); background: var(--forest); scroll-margin-top: 20px; }
.features-category-nav-inner { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.features-category-nav a { display: grid; min-width: 0; padding: 22px 18px 24px; border-left: 1px solid rgba(255,255,255,0.16); color: inherit; text-decoration: none; transition: background 160ms ease; }
.features-category-nav a:last-child { border-right: 1px solid rgba(255,255,255,0.16); }
.features-category-nav a:hover,
.features-category-nav a:focus-visible { background: rgba(255,255,255,0.09); }
.features-category-nav a > span { color: var(--lime); font-size: 0.66rem; font-weight: 820; letter-spacing: 0.12em; }
.features-category-nav a > strong { margin-top: 14px; font-size: 0.95rem; }
.features-category-nav a > small { margin-top: 2px; color: #c7d7cd; font-size: 0.7rem; }

.feature-directory-section { padding: 116px 0 124px; background: var(--white); scroll-margin-top: 20px; }
.feature-directory-section-tint { background: #eff6f1; }
.feature-directory-grid { display: grid; grid-template-columns: minmax(0, 0.35fr) minmax(0, 0.65fr); align-items: start; gap: 76px; }
.feature-directory-heading { position: sticky; top: 28px; }
.feature-directory-heading h2 { margin-top: 22px; font-size: clamp(3.1rem, 5.4vw, 5.8rem); }
#bestellungen .feature-directory-heading h2,
#marketing .feature-directory-heading h2,
#einstellungen .feature-directory-heading h2 { font-size: clamp(3rem, 4.2vw, 5rem); }
.feature-directory-heading > p:not(.section-index) { max-width: 430px; margin: 27px 0 0; color: var(--muted); font-size: 1.02rem; line-height: 1.7; }
.feature-directory-heading > span { display: inline-flex; margin-top: 28px; padding: 8px 13px; border: 1px solid var(--line); border-radius: 999px; color: var(--forest); background: rgba(255,255,255,0.6); font-size: 0.72rem; font-weight: 780; }
.feature-directory-items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.feature-directory-item { position: relative; display: flex; min-width: 0; min-height: 146px; flex-direction: column; justify-content: space-between; gap: 18px; padding: 23px 24px; border: 1px solid var(--line); border-radius: 16px; color: inherit; background: #f7faf7; text-decoration: none; scroll-margin-top: 22px; }
.feature-directory-section-tint .feature-directory-item { background: var(--white); }
.feature-directory-item strong { padding-right: 26px; font-size: 1rem; line-height: 1.35; }
.feature-directory-item > span { color: var(--muted); font-size: 0.82rem; line-height: 1.55; }
.feature-directory-item > i { position: absolute; top: 20px; right: 20px; color: var(--forest); font-size: 0.9rem; font-style: normal; transition: transform 160ms ease; }
.feature-directory-item-linked { border-color: rgba(31,90,61,0.22); }
.feature-directory-item-linked:hover { border-color: rgba(31,90,61,0.42); box-shadow: 0 14px 34px rgba(26,69,47,0.09); transform: translateY(-2px); }
.feature-directory-item-linked:hover > i { transform: translate(2px,-2px); }
.features-close { padding: 126px 0; color: var(--white); background: var(--ink); }
.features-close-grid { display: grid; grid-template-columns: 1.12fr 0.7fr; align-items: end; gap: 100px; }
.features-close .section-index { color: var(--lime); }
.features-close h2 { max-width: 780px; font-size: clamp(2.8rem, 5vw, 5.2rem); }
.features-close-grid > div:last-child p { margin: 0 0 32px; color: #b8c5bd; font-size: 1.04rem; line-height: 1.72; }

/* Product overview */
.overview-hero { padding: 104px 0 112px; background: #edf4eb; }
.overview-hero-grid { display: grid; grid-template-columns: 1.18fr 0.72fr; align-items: end; gap: 90px; }
.overview-hero h1 { max-width: 820px; }
.overview-intro { padding-bottom: 10px; }
.overview-intro > p { margin: 0 0 32px; color: var(--muted); font-size: 1.12rem; line-height: 1.72; }
.platform-strip { color: var(--white); background: var(--forest); }
.platform-strip-inner { display: grid; grid-template-columns: repeat(4, 1fr); }
.platform-strip span { padding: 22px 24px; border-left: 1px solid rgba(255,255,255,0.16); font-size: 0.78rem; font-weight: 720; text-align: center; }
.platform-strip span:last-child { border-right: 1px solid rgba(255,255,255,0.16); }
.overview-system { padding: 126px 0; background: var(--white); }
.overview-system-grid { display: grid; grid-template-columns: 0.8fr 1.2fr; align-items: center; gap: 82px; }
.overview-system-copy h2 { max-width: 580px; font-size: clamp(2.6rem, 4.5vw, 4.8rem); }
.overview-system-copy > p:last-child { max-width: 600px; margin: 28px 0 0; color: var(--muted); font-size: 1.04rem; line-height: 1.7; }
.overview-window { margin: 0; overflow: hidden; border: 1px solid rgba(24,62,43,0.16); border-radius: 20px; background: var(--white); box-shadow: var(--shadow); transform: rotate(0.6deg); }
.overview-window img { display: block; width: 100%; height: auto; }
.overview-areas { padding: 126px 0 136px; background: #f3f6f1; scroll-margin-top: 40px; }
.overview-heading { display: grid; grid-template-columns: 0.34fr 1fr; column-gap: 54px; }
.overview-heading h2 { font-size: clamp(2.8rem, 5vw, 5.1rem); }
.overview-heading > p:last-child { grid-column: 2; max-width: 650px; margin: 25px 0 0; color: var(--muted); font-size: 1.05rem; }
.overview-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; margin-top: 72px; }
.overview-card { display: flex; flex-direction: column; min-height: 480px; padding: 34px; border: 1px solid var(--line); border-radius: 21px; background: var(--white); transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease; }
.overview-card:hover { transform: translateY(-4px); border-color: rgba(24,62,43,0.28); box-shadow: 0 20px 50px rgba(26,69,47,0.1); }
.overview-card-meta { display: flex; justify-content: space-between; color: var(--forest); font-size: 0.7rem; font-weight: 820; letter-spacing: 0.11em; text-transform: uppercase; }
.overview-card h3 { max-width: 540px; margin: 52px 0 15px; font-size: clamp(1.75rem, 3vw, 2.55rem); line-height: 1.08; letter-spacing: -0.04em; }
.overview-card > p { margin: 0; color: var(--muted); line-height: 1.68; }
.overview-card ul { display: grid; gap: 9px; margin: 26px 0 30px; padding: 22px 0 0; border-top: 1px solid var(--line); list-style: none; color: #405047; font-size: 0.86rem; }
.overview-card li::before { margin-right: 9px; color: #48ad63; content: "✓"; font-weight: 900; }
.overview-capability-list li { scroll-margin-top: 24px; }
.overview-capability-list li::before { display: none; content: none; }
.overview-capability-list a,
.overview-capability-list span { display: flex; justify-content: space-between; gap: 15px; padding: 4px 0; color: inherit; text-decoration: none; }
.overview-capability-list a { color: var(--forest); font-weight: 720; }
.overview-capability-list a:hover { text-decoration: underline; text-underline-offset: 4px; }
.overview-card > a { display: flex; justify-content: space-between; margin-top: auto; padding-top: 19px; border-top: 1px solid var(--line); color: var(--forest); font-weight: 760; text-decoration: none; }
.overview-card > a span { transition: transform 160ms ease; }
.overview-card > a:hover span { transform: translate(2px,-2px); }
.overview-close { padding: 126px 0; color: var(--white); background: var(--ink); }
.overview-close-grid { display: grid; grid-template-columns: 1.15fr 0.7fr; align-items: end; gap: 100px; }
.overview-close .section-index { color: var(--lime); }
.overview-close h2 { max-width: 760px; font-size: clamp(2.7rem, 5vw, 5rem); }
.overview-close-grid > div:last-child p { margin: 0 0 32px; color: #b8c5bd; font-size: 1.05rem; line-height: 1.72; }

/* Product feature page */
.feature-hero { padding: 42px 0 116px; overflow: hidden; background: #edf4eb; }
.breadcrumbs { display: flex; gap: 9px; margin-bottom: 76px; color: var(--muted); font-size: 0.78rem; }
.breadcrumbs a { color: var(--forest); text-decoration: none; }
.feature-hero-grid { display: grid; grid-template-columns: 0.88fr 1.12fr; align-items: center; gap: 74px; }
.feature-hero-copy h1 { max-width: 690px; }
.feature-hero-copy > p:last-child { max-width: 620px; margin: 28px 0 0; color: var(--muted); font-size: 1.08rem; line-height: 1.7; }
.feature-hero-window,
.feature-content-window { margin: 0; overflow: hidden; border: 1px solid rgba(24,62,43,0.16); border-radius: 20px; background: var(--white); box-shadow: var(--shadow); }
.feature-hero-window { width: 720px; max-width: 100%; transform: rotate(0.8deg); }
.feature-hero-window img,
.feature-content-window img { display: block; width: 100%; height: auto; }
.catalog-capabilities { padding: 126px 0 136px; background: var(--white); }
.feature-heading { display: grid; grid-template-columns: 0.34fr 1fr; column-gap: 54px; }
.feature-heading h2 { max-width: 850px; }
.feature-heading > p:last-child { grid-column: 2; max-width: 670px; margin: 28px 0 0; color: var(--muted); font-size: 1.05rem; }
.capability-card-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; margin-top: 72px; }
.capability-card { min-height: 335px; padding: 28px; border: 1px solid var(--line); border-radius: 19px; background: #fbfcfa; }
.capability-card > span { color: var(--forest); font-size: 0.71rem; font-weight: 820; letter-spacing: 0.1em; }
.capability-card h3 { margin: 72px 0 15px; font-size: 1.55rem; line-height: 1.12; letter-spacing: -0.035em; }
.capability-card p { margin: 0; color: var(--muted); font-size: 0.92rem; line-height: 1.67; }
.catalog-structure { padding: 132px 0; background: #f3f6f1; }
.catalog-structure-grid { display: grid; grid-template-columns: 0.74fr 1.26fr; align-items: center; gap: 78px; }
.catalog-structure-copy h2 { max-width: 580px; font-size: clamp(2.7rem,4.5vw,4.8rem); }
.catalog-structure-copy > p:not(.section-index) { margin: 28px 0 0; color: var(--muted); line-height: 1.7; }
.catalog-structure-copy ul { display: grid; gap: 11px; margin: 32px 0 0; padding: 25px 0 0; border-top: 1px solid var(--line); list-style: none; font-size: 0.9rem; font-weight: 650; }
.catalog-structure-copy li::before { margin-right: 10px; color: #48ad63; content: "✓"; }
.pricing-logic { display: grid; gap: 12px; }
.pricing-logic > div { position: relative; min-height: 145px; padding: 28px 30px 26px 92px; border: 1px solid var(--line); border-radius: 18px; background: var(--white); box-shadow: 0 18px 46px rgba(26, 69, 47, 0.08); }
.pricing-logic span { position: absolute; top: 29px; left: 28px; color: var(--forest); font-size: 0.72rem; font-weight: 820; letter-spacing: 0.1em; }
.pricing-logic strong { display: block; font-size: 1.28rem; letter-spacing: -0.025em; }
.pricing-logic p { margin: 9px 0 0; color: var(--muted); font-size: 0.9rem; line-height: 1.58; }
.catalog-depth { padding: 130px 0; color: var(--white); background: var(--ink); }
.catalog-depth-grid { display: grid; grid-template-columns: 1fr 0.9fr; gap: 100px; }
.catalog-depth .section-index { color: var(--lime); }
.catalog-depth h2 { max-width: 690px; font-size: clamp(2.8rem,4.8vw,5rem); }
.catalog-depth-copy > p { margin: 0 0 42px; color: #b8c5bd; font-size: 1.06rem; line-height: 1.72; }
.catalog-fact-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(255,255,255,0.16); border-left: 1px solid rgba(255,255,255,0.16); }
.catalog-fact-grid div { min-height: 135px; padding: 23px; border-right: 1px solid rgba(255,255,255,0.16); border-bottom: 1px solid rgba(255,255,255,0.16); }
.catalog-fact-grid strong,.catalog-fact-grid span { display: block; }
.catalog-fact-grid strong { color: var(--lime); font-size: 0.83rem; }
.catalog-fact-grid span { margin-top: 10px; color: #b8c5bd; font-size: 0.83rem; line-height: 1.5; }
/* Product catalog and variants detail page */
.catalog-page-hero {
    padding: 42px 0 118px;
    overflow: hidden;
    background:
        radial-gradient(circle at 86% 60%, rgba(185,239,114,0.28), transparent 27rem),
        #eaf4ee;
}

.catalog-page-hero-grid {
    display: grid;
    grid-template-columns: minmax(0,0.82fr) minmax(540px,1.18fr);
    align-items: center;
    gap: 66px;
}

.catalog-page-hero-grid > *,
.catalog-page-heading > *,
.catalog-variants-heading > *,
.catalog-page-next-grid > * { min-width: 0; }

.catalog-page-hero-copy h1 { max-width: 650px; font-size: clamp(3.15rem,4.7vw,5.1rem); }
.catalog-page-hero-copy > p:not(.eyebrow) { max-width: 610px; margin: 29px 0 36px; color: var(--muted); font-size: 1.07rem; line-height: 1.72; }

.catalog-screen {
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(24,62,43,0.16);
    border-radius: 20px;
    background: var(--white);
    box-shadow: 0 30px 80px rgba(26,69,47,0.15);
}

.catalog-screen img { display: block; width: 100%; height: auto; }
.catalog-screen-hero { width: 760px; max-width: 100%; transform: rotate(0.7deg); }
.catalog-screen figcaption { display: flex; align-items: center; gap: 16px; min-height: 62px; padding: 12px 20px; border-bottom: 1px solid var(--line); background: #fbfcfb; }
.catalog-screen figcaption span { color: var(--forest); font-size: 0.68rem; font-weight: 820; letter-spacing: 0.1em; text-transform: uppercase; }
.catalog-screen figcaption strong { margin-left: auto; font-size: 0.82rem; }

.catalog-page-data { padding: 126px 0 136px; background: var(--white); scroll-margin-top: 20px; }
.catalog-page-heading { display: grid; grid-template-columns: 0.29fr 1fr; gap: 52px; align-items: start; }
.catalog-page-heading h2 { max-width: 900px; font-size: clamp(2.75rem,4.8vw,5rem); }
.catalog-page-heading > div > p { max-width: 680px; margin: 27px 0 0; color: var(--muted); font-size: 1.04rem; line-height: 1.7; }

.catalog-page-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 66px 0 28px; padding: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); list-style: none; }
.catalog-page-facts li { display: grid; min-height: 116px; align-content: space-between; gap: 20px; padding: 21px 22px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.catalog-page-facts span { color: #6ba451; font-size: 0.68rem; font-weight: 820; letter-spacing: 0.1em; }
.catalog-page-facts strong { font-size: 0.88rem; line-height: 1.35; }
.catalog-screen-wide { width: 100%; }

.catalog-page-assignments { padding: 130px 0 140px; overflow: hidden; background: #edf5f0; }
.catalog-page-heading-compact h2 { max-width: 780px; }
.catalog-assignment-stage { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,0.92fr); align-items: start; gap: 28px; margin-top: 74px; }
.catalog-assignment-window-category { margin-top: 82px; }
.catalog-assignment-window-shop { transform: rotate(-0.5deg); }
.catalog-assignment-window-category { transform: rotate(0.7deg); }
.catalog-assignment-window .image-zoom-trigger { aspect-ratio: 1.6 / 1; }
.catalog-assignment-window img { width: 100%; height: 100%; object-fit: cover; object-position: left top; }
.catalog-assignment-path { display: flex; width: fit-content; max-width: 100%; align-items: center; flex-wrap: wrap; gap: 12px; margin: 28px auto 0; padding: 13px 18px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,0.8); box-shadow: 0 12px 35px rgba(26,69,47,0.08); font-size: 0.78rem; }
.catalog-assignment-path i { color: #77a957; font-style: normal; }
.catalog-assignment-path strong { color: var(--forest); }

.catalog-page-variants { padding: 130px 0 136px; color: var(--white); background: var(--ink); }
.catalog-variants-heading { display: grid; grid-template-columns: 1.12fr 0.62fr; align-items: end; gap: 92px; }
.catalog-variants-heading .section-index { color: var(--lime); }
.catalog-variants-heading h2 { max-width: 770px; font-size: clamp(2.8rem,4.8vw,5rem); }
.catalog-variants-heading > p { margin: 0 0 7px; color: #b8c5bd; font-size: 1.04rem; line-height: 1.72; }
.catalog-variants-window { margin-top: 70px; border-color: rgba(255,255,255,0.18); box-shadow: 0 36px 90px rgba(0,0,0,0.3); }
.catalog-variants-window figcaption { color: var(--white); border-color: rgba(255,255,255,0.16); background: #234f35; }
.catalog-variants-window figcaption span { color: var(--lime); }
.catalog-variant-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 28px 0 0; padding: 0; border-top: 1px solid rgba(255,255,255,0.16); border-left: 1px solid rgba(255,255,255,0.16); list-style: none; }
.catalog-variant-facts li { min-height: 112px; padding: 22px; border-right: 1px solid rgba(255,255,255,0.16); border-bottom: 1px solid rgba(255,255,255,0.16); }
.catalog-variant-facts strong,.catalog-variant-facts span { display: block; }
.catalog-variant-facts strong { color: var(--lime); font-size: 0.84rem; }
.catalog-variant-facts span { margin-top: 9px; color: #b8c5bd; font-size: 0.78rem; line-height: 1.5; }

.catalog-page-storefront { padding: 130px 0 150px; overflow: hidden; background: #f4f8f4; }
.catalog-page-heading-storefront h2 { max-width: 860px; }
.catalog-storefront-stage { position: relative; min-height: 760px; margin-top: 72px; }
.catalog-storefront-desktop { position: absolute; top: 0; left: 0; width: calc(100% - 145px); transform: rotate(-0.35deg); }
.catalog-storefront-mobile { position: absolute; z-index: 2; right: 0; bottom: 0; width: 265px; border-radius: 25px; transform: rotate(1.2deg); }
.catalog-storefront-desktop figcaption { background: #234f35; color: var(--white); }
.catalog-storefront-desktop figcaption span { color: var(--lime); }
.catalog-storefront-mobile figcaption { display: grid; gap: 3px; background: #6a8f4d; color: var(--white); }
.catalog-storefront-mobile figcaption span { color: #efffcf; }
.catalog-storefront-mobile figcaption strong { margin-left: 0; }
.catalog-storefront-selection { position: absolute; z-index: 3; right: 205px; bottom: 38px; display: flex; align-items: center; gap: 10px; padding: 13px 17px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,0.94); box-shadow: 0 15px 42px rgba(19,38,29,0.16); font-size: 0.78rem; backdrop-filter: blur(10px); }
.catalog-storefront-selection > span:first-child { color: var(--forest); font-weight: 820; }
.catalog-storefront-selection i { color: #78a957; font-style: normal; }

.catalog-page-next { padding: 112px 0; color: var(--white); background: var(--forest); }
.catalog-page-next-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(290px,0.42fr); align-items: end; gap: 86px; }
.catalog-page-next .section-index { color: var(--lime); }
.catalog-page-next h2 { max-width: 820px; font-size: clamp(2.7rem,4.5vw,4.65rem); }
.catalog-page-next-links { display: grid; border-top: 1px solid rgba(255,255,255,0.2); }
.catalog-page-next-links a { display: flex; justify-content: space-between; gap: 20px; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,0.2); color: var(--white); font-size: 0.9rem; font-weight: 740; text-decoration: none; }
.catalog-page-next-links a span { color: var(--lime); transition: transform 160ms ease; }
.catalog-page-next-links a:hover span { transform: translate(2px,-2px); }

/* Prices and price lists detail page */
.price-page-hero { padding: 42px 0 118px; overflow: hidden; background: radial-gradient(circle at 86% 58%, rgba(185,239,114,0.25), transparent 28rem), #edf5f0; }
.price-page-hero-grid { display: grid; grid-template-columns: minmax(0,0.8fr) minmax(550px,1.2fr); align-items: center; gap: 68px; }
.price-page-hero-grid > *,
.price-page-heading > *,
.price-tiers-heading > *,
.price-assignment-grid > *,
.price-page-next-grid > * { min-width: 0; }
.price-page-hero-copy h1 { max-width: 650px; font-size: clamp(3.2rem,4.75vw,5.15rem); }
.price-page-hero-copy > p:not(.eyebrow) { max-width: 600px; margin: 29px 0 36px; color: var(--muted); font-size: 1.07rem; line-height: 1.72; }

.price-screen { margin: 0; overflow: hidden; border: 1px solid rgba(24,62,43,0.16); border-radius: 20px; background: var(--white); box-shadow: 0 30px 80px rgba(26,69,47,0.15); }
.price-screen img { display: block; width: 100%; height: auto; }
.price-screen-hero { width: 770px; max-width: 100%; transform: rotate(0.7deg); }
.price-screen figcaption { display: flex; min-height: 62px; align-items: center; gap: 16px; padding: 12px 20px; border-bottom: 1px solid var(--line); background: #fbfcfb; }
.price-screen figcaption span { color: var(--forest); font-size: 0.68rem; font-weight: 820; letter-spacing: 0.1em; text-transform: uppercase; }
.price-screen figcaption strong { margin-left: auto; font-size: 0.82rem; }

.price-page-layers { padding: 126px 0 138px; background: var(--white); scroll-margin-top: 20px; }
.price-page-heading { display: grid; grid-template-columns: 0.29fr 1fr; gap: 52px; align-items: start; }
.price-page-heading h2 { max-width: 880px; font-size: clamp(2.75rem,4.8vw,5rem); }
.price-page-heading > div > p { max-width: 680px; margin: 27px 0 0; color: var(--muted); font-size: 1.04rem; line-height: 1.7; }
.price-layer-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 66px 0 76px; padding: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); list-style: none; }
.price-layer-grid li { display: flex; min-height: 154px; flex-direction: column; padding: 22px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.price-layer-grid li > span { color: #6ca451; font-size: 0.68rem; font-weight: 820; letter-spacing: 0.1em; }
.price-layer-grid strong { margin-top: auto; font-size: 1.08rem; }
.price-layer-grid small { margin-top: 4px; color: var(--muted); font-size: 0.76rem; line-height: 1.45; }
.price-registry-grid { display: grid; grid-template-columns: minmax(0,1.28fr) minmax(260px,0.52fr); align-items: center; gap: 54px; }
.price-registry-window { transform: rotate(-0.4deg); }
.price-registry-copy h3 { margin: 0; font-size: clamp(2rem,3.1vw,3rem); line-height: 1.08; letter-spacing: -0.045em; }
.price-registry-copy > p:not(.section-index) { margin: 23px 0 0; color: var(--muted); line-height: 1.7; }
.price-registry-copy ul { display: grid; gap: 10px; margin: 28px 0 0; padding: 23px 0 0; border-top: 1px solid var(--line); list-style: none; font-size: 0.85rem; font-weight: 680; }
.price-registry-copy li::before { margin-right: 9px; color: #47ad63; content: "✓"; font-weight: 900; }

.price-page-tiers { padding: 130px 0 138px; color: var(--white); background: var(--ink); scroll-margin-top: 20px; }
.price-tiers-heading { display: grid; grid-template-columns: 1.1fr 0.62fr; align-items: end; gap: 92px; }
.price-tiers-heading .section-index { color: var(--lime); }
.price-tiers-heading h2 { max-width: 740px; font-size: clamp(2.85rem,4.8vw,5rem); }
.price-tiers-heading > p { margin: 0 0 7px; color: #b8c5bd; font-size: 1.04rem; line-height: 1.72; }
.price-tiers-window { margin-top: 70px; border-color: rgba(255,255,255,0.18); box-shadow: 0 36px 90px rgba(0,0,0,0.3); }
.price-tiers-window figcaption { color: var(--white); border-color: rgba(255,255,255,0.16); background: #234f35; }
.price-tiers-window figcaption span { color: var(--lime); }
.price-tier-values { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 28px 0 0; padding: 0; border-top: 1px solid rgba(255,255,255,0.16); border-left: 1px solid rgba(255,255,255,0.16); list-style: none; }
.price-tier-values li { display: flex; min-height: 104px; align-items: end; justify-content: space-between; gap: 20px; padding: 22px; border-right: 1px solid rgba(255,255,255,0.16); border-bottom: 1px solid rgba(255,255,255,0.16); }
.price-tier-values span { color: #b8c5bd; font-size: 0.82rem; }
.price-tier-values strong { color: var(--lime); font-size: clamp(1.25rem,2vw,1.75rem); }

.price-page-assignment { padding: 132px 0 142px; background: #edf5f0; scroll-margin-top: 20px; }
.price-assignment-grid { display: grid; grid-template-columns: minmax(0,0.84fr) minmax(540px,1.16fr); align-items: center; gap: 64px; }
.price-assignment-copy h2 { max-width: 620px; font-size: clamp(2.65rem,3.6vw,3.85rem); }
.price-assignment-copy > p:not(.section-index) { margin: 28px 0 0; color: var(--muted); font-size: 1.02rem; line-height: 1.72; }
.price-assignment-path { display: flex; width: fit-content; max-width: 100%; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 34px; padding: 13px 16px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,0.78); font-size: 0.76rem; }
.price-assignment-path i { color: #77a957; font-style: normal; }
.price-assignment-path strong { color: var(--forest); }
.price-assignment-window { transform: rotate(0.6deg); }

.price-page-foundation { padding: 126px 0 136px; background: var(--white); }
.price-foundation-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 68px 0 0; padding: 0; list-style: none; }
.price-foundation-grid li { display: grid; min-height: 210px; align-content: space-between; padding: 28px; border: 1px solid var(--line); border-right: 0; background: #f7faf7; }
.price-foundation-grid li:last-child { border-right: 1px solid var(--line); }
.price-foundation-grid span { display: grid; width: 54px; height: 54px; place-items: center; border-radius: 50%; color: var(--forest); background: var(--mint); font-size: 0.82rem; font-weight: 820; }
.price-foundation-grid strong { max-width: 180px; font-size: 1.13rem; line-height: 1.3; }

.price-page-next { padding: 112px 0; color: var(--white); background: var(--forest); }
.price-page-next-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(290px,0.42fr); align-items: end; gap: 86px; }
.price-page-next .section-index { color: var(--lime); }
.price-page-next h2 { max-width: 850px; font-size: clamp(2.7rem,4.5vw,4.65rem); }
.price-page-next-links { display: grid; border-top: 1px solid rgba(255,255,255,0.2); }
.price-page-next-links a { display: flex; justify-content: space-between; gap: 20px; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,0.2); color: var(--white); font-size: 0.9rem; font-weight: 740; text-decoration: none; }
.price-page-next-links a span { color: var(--lime); transition: transform 160ms ease; }
.price-page-next-links a:hover span { transform: translate(2px,-2px); }

/* Inventory and availability detail page */
.inventory-page-hero { padding: 42px 0 118px; overflow: hidden; background: radial-gradient(circle at 86% 58%, rgba(185,239,114,0.28), transparent 28rem), #eaf4ee; }
.inventory-page-hero-grid { display: grid; grid-template-columns: minmax(0,0.8fr) minmax(550px,1.2fr); align-items: center; gap: 68px; }
.inventory-page-hero-grid > *,
.inventory-page-heading > *,
.inventory-locations-grid > *,
.inventory-variant-heading > *,
.inventory-page-next-grid > * { min-width: 0; }
.inventory-page-hero-copy h1 { max-width: 650px; font-size: clamp(3.15rem,4.7vw,5.1rem); }
.inventory-page-hero-copy > p:not(.eyebrow) { max-width: 590px; margin: 29px 0 36px; color: var(--muted); font-size: 1.07rem; line-height: 1.72; }

.inventory-screen { margin: 0; overflow: hidden; border: 1px solid rgba(24,62,43,0.16); border-radius: 20px; background: var(--white); box-shadow: 0 30px 80px rgba(26,69,47,0.15); }
.inventory-screen img { display: block; width: 100%; height: auto; }
.inventory-screen-hero { width: 770px; max-width: 100%; transform: rotate(0.7deg); }
.inventory-screen figcaption { display: flex; min-height: 62px; align-items: center; gap: 16px; padding: 12px 20px; border-bottom: 1px solid var(--line); background: #fbfcfb; }
.inventory-screen figcaption span { color: var(--forest); font-size: 0.68rem; font-weight: 820; letter-spacing: 0.1em; text-transform: uppercase; }
.inventory-screen figcaption strong { margin-left: auto; font-size: 0.82rem; }

.inventory-page-logic { padding: 126px 0 138px; background: var(--white); scroll-margin-top: 20px; }
.inventory-page-heading { display: grid; grid-template-columns: 0.29fr 1fr; gap: 52px; align-items: start; }
.inventory-page-heading h2 { max-width: 880px; font-size: clamp(2.75rem,4.8vw,5rem); }
.inventory-page-heading > div > p { max-width: 680px; margin: 27px 0 0; color: var(--muted); font-size: 1.04rem; line-height: 1.7; }
.inventory-equation { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: stretch; gap: 16px; margin: 66px 0 30px; }
.inventory-equation > div { display: grid; min-height: 148px; align-content: space-between; padding: 24px; border: 1px solid var(--line); background: #f6faf6; }
.inventory-equation > i { display: grid; width: 34px; place-items: center; color: #75a65a; font-size: 1.7rem; font-style: normal; }
.inventory-equation span { color: #6ca451; font-size: 0.68rem; font-weight: 820; letter-spacing: 0.1em; }
.inventory-equation strong { margin-top: auto; font-size: 1.25rem; }
.inventory-equation small { color: var(--muted); font-size: 0.78rem; }
.inventory-equation .inventory-equation-result { color: var(--white); border-color: var(--forest); background: var(--forest); }
.inventory-equation-result span { color: var(--lime); }
.inventory-equation-result small { color: #d4e2da; }
.inventory-settings-window { width: 100%; }

.inventory-page-locations { padding: 132px 0 142px; background: #edf5f0; scroll-margin-top: 20px; }
.inventory-locations-grid { display: grid; grid-template-columns: minmax(560px,1.2fr) minmax(0,0.8fr); align-items: center; gap: 66px; }
.inventory-locations-window { transform: rotate(-0.5deg); }
.inventory-locations-copy h2 { max-width: 510px; font-size: clamp(2.65rem,4.1vw,4.25rem); }
.inventory-locations-copy > p:not(.section-index) { max-width: 510px; margin: 27px 0 0; color: var(--muted); font-size: 1.02rem; line-height: 1.7; }
.inventory-locations-copy ul { display: grid; gap: 11px; margin: 30px 0 0; padding: 24px 0 0; border-top: 1px solid var(--line); list-style: none; font-size: 0.86rem; font-weight: 680; }
.inventory-locations-copy li::before { margin-right: 10px; color: #47ad63; content: "✓"; font-weight: 900; }

.inventory-page-variant { padding: 130px 0 138px; color: var(--white); background: var(--ink); scroll-margin-top: 20px; }
.inventory-variant-heading { display: grid; grid-template-columns: 1.08fr 0.62fr; align-items: end; gap: 92px; }
.inventory-variant-heading .section-index { color: var(--lime); }
.inventory-variant-heading h2 { max-width: 760px; font-size: clamp(2.8rem,4.8vw,5rem); }
.inventory-variant-heading > p { margin: 0 0 7px; color: #b8c5bd; font-size: 1.04rem; line-height: 1.72; }
.inventory-variant-window { margin-top: 70px; border-color: rgba(255,255,255,0.18); box-shadow: 0 36px 90px rgba(0,0,0,0.3); }
.inventory-variant-window figcaption { color: var(--white); border-color: rgba(255,255,255,0.16); background: #234f35; }
.inventory-variant-window figcaption span { color: var(--lime); }
.inventory-variant-values { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 28px 0 0; padding: 0; border-top: 1px solid rgba(255,255,255,0.16); border-left: 1px solid rgba(255,255,255,0.16); list-style: none; }
.inventory-variant-values li { display: grid; min-height: 108px; align-content: space-between; padding: 21px 22px; border-right: 1px solid rgba(255,255,255,0.16); border-bottom: 1px solid rgba(255,255,255,0.16); }
.inventory-variant-values span { color: #b8c5bd; font-size: 0.76rem; }
.inventory-variant-values strong { color: var(--lime); font-size: clamp(1.2rem,2vw,1.7rem); line-height: 1.2; }

.inventory-page-storefront { padding: 130px 0 150px; overflow: hidden; background: #f4f8f4; scroll-margin-top: 20px; }
.inventory-page-heading-storefront h2 { max-width: 860px; }
.inventory-storefront-stage { position: relative; min-height: 760px; margin-top: 72px; }
.inventory-storefront-desktop { position: absolute; top: 0; left: 0; width: calc(100% - 145px); transform: rotate(-0.35deg); }
.inventory-storefront-mobile { position: absolute; z-index: 2; right: 0; bottom: 0; width: 265px; border-radius: 25px; transform: rotate(1.2deg); }
.inventory-storefront-desktop figcaption { color: var(--white); background: #234f35; }
.inventory-storefront-desktop figcaption span { color: var(--lime); }
.inventory-storefront-mobile figcaption { display: grid; gap: 3px; color: var(--white); background: #6a8f4d; }
.inventory-storefront-mobile figcaption span { color: #efffcf; }
.inventory-storefront-mobile figcaption strong { margin-left: 0; }
.inventory-storefront-path { position: absolute; z-index: 3; right: 205px; bottom: 38px; display: flex; align-items: center; gap: 10px; padding: 13px 17px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,0.94); box-shadow: 0 15px 42px rgba(19,38,29,0.16); font-size: 0.78rem; backdrop-filter: blur(10px); }
.inventory-storefront-path i { color: #78a957; font-style: normal; }
.inventory-storefront-path strong { color: var(--forest); }

.inventory-page-next { padding: 112px 0; color: var(--white); background: var(--forest); }
.inventory-page-next-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(290px,0.42fr); align-items: end; gap: 86px; }
.inventory-page-next .section-index { color: var(--lime); }
.inventory-page-next h2 { max-width: 850px; font-size: clamp(2.7rem,4.5vw,4.65rem); }
.inventory-page-next-links { display: grid; border-top: 1px solid rgba(255,255,255,0.2); }
.inventory-page-next-links a { display: flex; justify-content: space-between; gap: 20px; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,0.2); color: var(--white); font-size: 0.9rem; font-weight: 740; text-decoration: none; }
.inventory-page-next-links a span { color: var(--lime); transition: transform 160ms ease; }
.inventory-page-next-links a:hover span { transform: translate(2px,-2px); }

/* Storefront, themes and SEO detail page */
.storefront-seo-hero { padding: 42px 0 118px; overflow: hidden; background: radial-gradient(circle at 86% 58%, rgba(185,239,114,0.28), transparent 28rem), #eaf4ee; }
.storefront-seo-hero-grid { display: grid; grid-template-columns: minmax(0,0.8fr) minmax(550px,1.2fr); align-items: center; gap: 68px; }
.storefront-seo-hero-grid > *,
.storefront-seo-heading > *,
.storefront-theme-colors-grid > *,
.storefront-theme-footer-grid > *,
.storefront-experience-heading > *,
.storefront-seo-next-grid > * { min-width: 0; }
.storefront-seo-hero-copy h1 { max-width: 660px; font-size: clamp(3.15rem,4.7vw,5.1rem); }
.storefront-seo-hero-copy > p:not(.eyebrow) { max-width: 590px; margin: 29px 0 36px; color: var(--muted); font-size: 1.07rem; line-height: 1.72; }
.storefront-seo-screen { margin: 0; overflow: hidden; border: 1px solid rgba(24,62,43,0.16); border-radius: 20px; background: var(--white); box-shadow: 0 30px 80px rgba(26,69,47,0.15); }
.storefront-seo-screen img { display: block; width: 100%; height: auto; }
.storefront-seo-hero-screen { width: 770px; max-width: 100%; transform: rotate(0.7deg); }
.storefront-seo-screen figcaption { display: flex; min-height: 62px; align-items: center; gap: 16px; padding: 12px 20px; border-bottom: 1px solid var(--line); background: #fbfcfb; }
.storefront-seo-screen figcaption span { color: var(--forest); font-size: 0.68rem; font-weight: 820; letter-spacing: 0.1em; text-transform: uppercase; }
.storefront-seo-screen figcaption strong { margin-left: auto; font-size: 0.82rem; }

.storefront-seo-themes { padding: 126px 0 144px; background: var(--white); scroll-margin-top: 20px; }
.storefront-seo-heading { display: grid; grid-template-columns: 0.29fr 1fr; gap: 52px; align-items: start; }
.storefront-seo-heading h2 { max-width: 880px; font-size: clamp(2.75rem,4.8vw,5rem); }
.storefront-seo-heading > div > p { max-width: 690px; margin: 27px 0 0; color: var(--muted); font-size: 1.04rem; line-height: 1.7; }
.storefront-theme-colors-grid { display: grid; grid-template-columns: minmax(560px,1.22fr) minmax(0,0.58fr); align-items: center; gap: 58px; margin-top: 72px; }
.storefront-theme-colors-window { transform: rotate(-0.45deg); }
.storefront-theme-palette h3,
.storefront-theme-footer-copy h3 { margin: 0; font-size: clamp(2rem,3.15vw,3.05rem); line-height: 1.08; letter-spacing: -0.045em; }
.storefront-theme-palette ul { display: grid; gap: 0; margin: 30px 0 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.storefront-theme-palette li { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 13px; padding: 16px 0; border-bottom: 1px solid var(--line); font-size: 0.78rem; }
.storefront-theme-palette li i { width: 38px; height: 38px; border: 1px solid rgba(19,38,29,0.12); border-radius: 50%; background: var(--swatch); box-shadow: inset 0 0 0 4px rgba(255,255,255,0.72); }
.storefront-theme-palette li span { font-weight: 720; }
.storefront-theme-palette li strong { color: var(--muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 0.7rem; }
.storefront-theme-footer-grid { display: grid; grid-template-columns: minmax(280px,0.58fr) minmax(560px,1.22fr); align-items: center; gap: 58px; margin-top: 92px; }
.storefront-theme-footer-copy > p:not(.section-index) { max-width: 500px; margin: 24px 0 0; color: var(--muted); line-height: 1.72; }
.storefront-theme-footer-facts { display: grid; grid-template-columns: 1fr 1fr; margin-top: 30px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.storefront-theme-footer-facts span { padding: 15px 17px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 0.76rem; font-weight: 760; }
.storefront-theme-footer-window { transform: rotate(0.5deg); }

.storefront-seo-experience { padding: 130px 0 140px; color: var(--white); background: var(--ink); scroll-margin-top: 20px; }
.storefront-experience-heading { display: grid; grid-template-columns: 1.08fr 0.62fr; align-items: end; gap: 92px; }
.storefront-experience-heading .section-index { color: var(--lime); }
.storefront-experience-heading h2 { max-width: 760px; font-size: clamp(2.8rem,4.8vw,5rem); }
.storefront-experience-heading > p { margin: 0 0 7px; color: #b8c5bd; font-size: 1.04rem; line-height: 1.72; }
.storefront-experience-stage { position: relative; min-height: 760px; margin-top: 70px; }
.storefront-experience-desktop { position: absolute; top: 0; left: 0; width: calc(100% - 145px); border-color: rgba(255,255,255,0.18); transform: rotate(-0.35deg); box-shadow: 0 36px 90px rgba(0,0,0,0.3); }
.storefront-experience-mobile { position: absolute; z-index: 2; right: 0; bottom: 0; width: 265px; border-color: rgba(255,255,255,0.18); border-radius: 25px; transform: rotate(1.2deg); box-shadow: 0 30px 70px rgba(0,0,0,0.34); }
.storefront-experience-desktop figcaption { color: var(--white); border-color: rgba(255,255,255,0.16); background: #234f35; }
.storefront-experience-desktop figcaption span { color: var(--lime); }
.storefront-experience-mobile figcaption { display: grid; gap: 3px; color: var(--white); border-color: rgba(255,255,255,0.16); background: #6a8f4d; }
.storefront-experience-mobile figcaption span { color: #efffcf; }
.storefront-experience-mobile figcaption strong { margin-left: 0; }
.storefront-experience-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 28px 0 0; padding: 0; border-top: 1px solid rgba(255,255,255,0.16); border-left: 1px solid rgba(255,255,255,0.16); list-style: none; }
.storefront-experience-facts li { min-height: 82px; padding: 22px; border-right: 1px solid rgba(255,255,255,0.16); border-bottom: 1px solid rgba(255,255,255,0.16); color: var(--lime); font-size: 0.83rem; font-weight: 740; }

.storefront-seo-foundation { padding: 128px 0 140px; background: #edf5f0; scroll-margin-top: 20px; }
.storefront-seo-heading-foundation h2 { max-width: 840px; }
.storefront-seo-settings-window { margin-top: 70px; transform: rotate(-0.35deg); }
.storefront-seo-foundation-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 28px 0 0; padding: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); list-style: none; }
.storefront-seo-foundation-facts li { display: grid; min-height: 114px; align-content: space-between; padding: 21px 22px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,0.5); }
.storefront-seo-foundation-facts span { color: #6ca451; font-size: 0.68rem; font-weight: 820; letter-spacing: 0.1em; }
.storefront-seo-foundation-facts strong { font-size: 0.88rem; line-height: 1.35; }

.storefront-seo-details { padding: 128px 0 142px; background: var(--white); scroll-margin-top: 20px; }
.storefront-seo-heading-details h2 { max-width: 850px; }
.storefront-seo-detail-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 28px; margin-top: 70px; }
.storefront-seo-detail-window:first-child { transform: rotate(-0.45deg); }
.storefront-seo-redirect-window { margin-top: 72px; transform: rotate(0.55deg); }
.storefront-seo-detail-window .image-zoom-trigger { aspect-ratio: 1.54 / 1; }
.storefront-seo-detail-window img { width: 100%; height: 100%; object-fit: cover; object-position: left top; }
.storefront-seo-url-tools { display: flex; width: fit-content; max-width: 100%; align-items: center; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 30px auto 0; padding: 13px 16px; border: 1px solid var(--line); border-radius: 999px; background: #f5f9f5; font-size: 0.76rem; }
.storefront-seo-url-tools span + span::before { margin-right: 10px; color: #77a957; content: "•"; }

.storefront-seo-next { padding: 112px 0; color: var(--white); background: var(--forest); }
.storefront-seo-next-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(290px,0.42fr); align-items: end; gap: 86px; }
.storefront-seo-next .section-index { color: var(--lime); }
.storefront-seo-next h2 { max-width: 850px; font-size: clamp(2.7rem,4.5vw,4.65rem); }
.storefront-seo-next-links { display: grid; border-top: 1px solid rgba(255,255,255,0.2); }
.storefront-seo-next-links a { display: flex; justify-content: space-between; gap: 20px; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,0.2); color: var(--white); font-size: 0.9rem; font-weight: 740; text-decoration: none; }
.storefront-seo-next-links a span { color: var(--lime); transition: transform 160ms ease; }
.storefront-seo-next-links a:hover span { transform: translate(2px,-2px); }

/* Site footer */
.site-footer { color: #f4f8f3; background: #0d2419; }
.footer-cta { padding: 92px 0; color: var(--ink); background: var(--lime); }
.footer-cta-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 80px; }
.footer-cta .section-index { color: var(--forest); }
.footer-cta h2 { max-width: 850px; font-size: clamp(2.8rem, 5vw, 5.4rem); line-height: 0.98; }
.footer-cta p:not(.section-index) { max-width: 720px; margin: 27px 0 0; color: #355345; font-size: 1.05rem; line-height: 1.7; }
.footer-cta-actions { display: flex; align-items: center; gap: 25px; white-space: nowrap; }
.footer-phone { color: var(--ink); font-size: 0.9rem; font-weight: 780; text-decoration: none; }
.footer-phone span { margin-left: 6px; }
.footer-main { display: grid; grid-template-columns: minmax(230px, 0.82fr) minmax(0, 2.18fr); gap: 90px; padding-top: 86px; padding-bottom: 78px; }
.footer-brand img { width: 185px; height: auto; }
.footer-brand > p { max-width: 320px; margin: 28px 0 34px; color: #b7c7bd; font-size: 0.92rem; line-height: 1.65; }
.footer-brand address { color: #879c90; font-size: 0.82rem; font-style: normal; line-height: 1.7; }
.footer-brand address a { color: #dce7df; font-weight: 700; text-decoration: none; }
.footer-links { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 32px; }
.footer-links > div { display: flex; align-items: flex-start; flex-direction: column; }
.footer-links h2 { margin: 3px 0 24px; color: var(--lime); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.13em; text-transform: uppercase; }
.footer-links a { padding: 6px 0; color: #c5d2ca; font-size: 0.83rem; line-height: 1.45; text-decoration: none; transition: color 180ms ease, transform 180ms ease; }
.footer-links a:hover { color: var(--white); transform: translateX(3px); }
.footer-bottom { display: flex; justify-content: space-between; gap: 30px; padding-top: 24px; padding-bottom: 27px; border-top: 1px solid rgba(255,255,255,0.12); color: #809288; font-size: 0.74rem; }
.footer-bottom nav { display: flex; gap: 24px; }
.footer-bottom a { color: inherit; text-decoration: none; }
.footer-bottom a:hover { color: var(--white); }

.back-to-top {
    position: fixed;
    right: 26px;
    bottom: 26px;
    z-index: 90;
    display: grid;
    width: 54px;
    height: 54px;
    padding: 0;
    place-items: center;
    border: 1px solid rgba(188, 240, 111, 0.72);
    border-radius: 50%;
    color: var(--lime);
    background: var(--forest);
    box-shadow: 0 14px 36px rgba(13, 36, 25, 0.24);
    opacity: 0;
    visibility: hidden;
    transform: translateY(14px);
    pointer-events: none;
    cursor: pointer;
    transition: opacity 180ms ease, visibility 180ms ease, transform 180ms ease, background-color 180ms ease;
}

.back-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.back-to-top:hover { color: var(--ink); background: var(--lime); }
.back-to-top:focus-visible { outline: 3px solid var(--lime); outline-offset: 4px; }
.back-to-top svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

@media (max-width: 1050px) {
    .main-nav,
    .header-inner > .button-small { display: none; }
    .menu-toggle { display: block; margin-left: auto; }
    .hero-grid {
        grid-template-columns: 1fr;
        gap: 46px;
    }

    .hero-copy { max-width: 820px; }
    .product-stage { width: min(760px, 94%); margin-inline: auto; }
    .ai-translation-heading { grid-template-columns: 1fr; gap: 20px; }
    .order-operations-heading { grid-template-columns: 1fr; gap: 20px; }
    .customer-types-heading { grid-template-columns: 1fr; gap: 20px; }
    .pricing-logic-heading { grid-template-columns: 1fr; gap: 20px; }
    .variant-inventory-heading { grid-template-columns: 1fr; gap: 20px; }
    .multishop-heading { grid-template-columns: 1fr; gap: 20px; }
    .integration-flow-heading { grid-template-columns: 1fr; gap: 20px; }
    .homepage-composer-heading { grid-template-columns: 1fr; gap: 20px; }
    .storefront-experience-heading { grid-template-columns: 1fr; gap: 20px; }
    .home-pricing-heading { grid-template-columns: 1fr; gap: 20px; }
    .home-pricing-grid { grid-template-columns: 1fr 1fr; }
    .home-price-card:last-child { grid-column: 1 / -1; }
    .home-pricing-layers { grid-template-columns: 1fr; }
    .home-pricing-layers > i { justify-self: center; line-height: 0.7; }
    .ai-showcase-heading { grid-template-columns: 1fr; gap: 20px; }
    .ai-showcase-heading .section-index { margin-bottom: 0; }
    .ai-import-flow { grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr); gap: 24px; }
    .ai-import-step-url { margin-top: 58px; }
    .ai-import-step-assets,
    .ai-import-assurance { width: 88%; margin-right: 0; }
    .promise-grid { grid-template-columns: 1fr 1fr; }
    .promise-card-accent { transform: none; }
    .product-detail-grid { grid-template-columns: 1fr; }
    .detail-copy { max-width: 720px; }
    .fit-grid,
    .managed-grid { grid-template-columns: 1fr; gap: 58px; }
    .fit-intro { position: static; }
    .pricing-heading { grid-template-columns: 1fr; gap: 30px; }
    .pricing-grid { grid-template-columns: 1fr 1fr; }
    .breadth-heading,
    .section-hero-grid,
    .story-grid,
    .migration-grid,
    .developer-boundary-grid { grid-template-columns: 1fr; gap: 46px; }
    .features-hero-grid,
    .feature-directory-grid,
    .features-close-grid { grid-template-columns: 1fr; gap: 52px; }
    .features-hero-copy { max-width: 760px; }
    .features-hero-window { width: min(820px, 100%); }
    .features-category-nav-inner { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .features-category-nav a { border-bottom: 1px solid rgba(255,255,255,0.16); }
    .feature-directory-heading { position: static; max-width: 720px; }
    .platform-map {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: minmax(320px, auto) repeat(2, minmax(190px, auto)) minmax(145px, auto);
    }
    .platform-core { grid-column: 1 / -1; grid-row: 1; }
    .platform-area-catalog { grid-column: 1; grid-row: 2; }
    .platform-area-pricing { grid-column: 2; grid-row: 2; }
    .platform-area-storefront { grid-column: 1; grid-row: 3; }
    .platform-area-orders { grid-column: 2; grid-row: 3; }
    .platform-area-extensions { grid-column: 1 / -1; grid-row: 4; }
    .process-heading,
    .content-heading,
    .extension-heading { grid-template-columns: 0.32fr 1fr; align-items: start; }
    .process-heading > p:last-child,
    .content-heading > p:last-child,
    .extension-heading > p:last-child { grid-column: 2; }
    .commerce-flow { grid-template-columns: repeat(3, 1fr); }
    .story-grid { align-items: start; }
    .story-section-reverse .story-copy { order: initial; }
    .integration-grid,
    .developer-grid { grid-template-columns: 1fr 1fr; }
    .process-cards { grid-template-columns: 1fr 1fr; }
    .overview-hero-grid,
    .overview-system-grid { grid-template-columns: 1fr; gap: 52px; }
    .overview-intro { max-width: 720px; }
    .overview-window { width: min(800px, 100%); }
    .overview-close-grid { grid-template-columns: 1fr; gap: 46px; }
    .feature-hero-grid,
    .catalog-structure-grid,
    .catalog-depth-grid { grid-template-columns: 1fr; gap: 52px; }
    .feature-hero-copy { max-width: 780px; }
    .capability-card-grid { grid-template-columns: 1fr 1fr; }
    .footer-cta-inner { grid-template-columns: 1fr; align-items: start; gap: 38px; }
    .footer-main { grid-template-columns: 1fr; gap: 58px; }
    .footer-links { grid-template-columns: 1fr 1fr; row-gap: 52px; }
}

@media (max-width: 760px) {
    .shell { width: min(100% - 32px, 1180px); }
    .header-inner { min-height: 72px; }
    .mobile-nav { top: 72px; max-height: calc(100dvh - 72px); }
    .mobile-subnav-columns { grid-template-columns: 1fr; }
    .brand-logo { width: 145px; }
    .hero { padding: 58px 0 72px; }
    .eyebrow { margin-bottom: 17px; font-size: 0.69rem; letter-spacing: 0.12em; }
    .eyebrow,
    .section-index { overflow-wrap: anywhere; }
    h1 { max-width: none; font-size: clamp(2.72rem, 11.8vw, 3.35rem); line-height: 1.03; letter-spacing: -0.047em; }
    .mobile-break { display: initial; }
    .hero-lead { margin-top: 24px; font-size: 1rem; line-height: 1.62; }
    .hero-actions { align-items: flex-start; flex-direction: column; gap: 20px; }
    .trust-list { display: grid; grid-template-columns: 1fr; gap: 7px; margin-top: 34px; }
    .product-stage { width: 100%; min-width: 0; padding: 26px 0 8px; }
    .product-window { width: 100%; min-width: 0; transform: none; border-radius: 14px; box-shadow: 0 22px 55px rgba(26, 69, 47, 0.17); }
    .window-bar { height: 34px; }
    .stage-note { display: none; }
    .ai-import-showcase { padding: 78px 0 84px; }
    .ai-showcase-heading { gap: 8px; }
    .ai-showcase-heading h2 { font-size: clamp(2.35rem, 10.8vw, 3.25rem); }
    .ai-showcase-heading > div > p { margin-top: 24px; font-size: 1rem; }
    .ai-import-flow { grid-template-columns: 1fr; gap: 36px; margin-top: 52px; }
    .ai-import-step-url { margin-top: 0; }
    .ai-import-step-assets {
        grid-column: auto;
        justify-self: stretch;
        width: 100%;
        margin: 0;
    }
    .ai-import-step-url .ai-step-window,
    .ai-import-step-preview .ai-step-window,
    .ai-import-step-assets .ai-step-window { border-radius: 13px; transform: none; }
    .ai-step-label { margin-left: 0; }
    .ai-import-assurance {
        justify-content: flex-start;
        width: 100%;
        margin: 30px 0 0;
        line-height: 1.55;
    }
    .ai-translation-section { padding: 78px 0 84px; }
    .ai-translation-heading { gap: 8px; }
    .ai-translation-heading h2 { font-size: clamp(2.35rem, 10.8vw, 3.25rem); }
    .ai-translation-heading > div > p { margin-top: 24px; font-size: 1rem; }
    .ai-translation-visual { display: grid; gap: 18px; margin-top: 52px; padding-bottom: 0; }
    .translation-cockpit-window,
    .translation-field-window { position: relative; inset: auto; width: 100%; border-radius: 13px; }
    .translation-proof { position: relative; inset: auto; justify-self: start; order: -1; }
    .translation-field-window figcaption { flex-wrap: wrap; height: auto; padding-block: 13px; }
    .translation-field-window figcaption b { flex: 1 0 100%; margin-left: 0; }
    .translation-benefits { grid-template-columns: 1fr; gap: 0; margin-top: 38px; }
    .order-operations-section { padding: 78px 0 84px; }
    .order-operations-section::before { top: 28px; right: -34px; width: 190px; }
    .order-operations-heading { gap: 8px; }
    .order-operations-heading h2 { font-size: clamp(2.35rem, 10.8vw, 3.25rem); }
    .order-operations-heading > div > p { margin-top: 24px; font-size: 1rem; }
    .order-operations-stage { display: grid; gap: 18px; margin-top: 52px; padding-bottom: 0; }
    .order-operations-window { width: 100%; border-radius: 13px; }
    .order-operations-window figcaption { align-items: flex-start; flex-direction: column; gap: 4px; padding-block: 14px; }
    .order-operations-window .image-zoom-trigger { height: 430px; }
    .order-operations-window img { width: auto; max-width: none; object-position: 50% top; }
    .order-status-summary { position: relative; inset: auto; width: 100%; padding: 24px 22px; border-radius: 13px; }
    .order-operations-benefits { grid-template-columns: 1fr; gap: 17px; margin-top: 38px; }
    .order-operations-benefits a { margin-top: 7px; }
    .customer-types-section { padding: 78px 0 84px; }
    .customer-types-section::before { top: 27px; right: -16px; font-size: 7rem; }
    .customer-types-heading { gap: 8px; }
    .customer-types-heading h2 { font-size: clamp(2.35rem, 10.8vw, 3.25rem); }
    .customer-types-heading > div > p { margin-top: 24px; font-size: 1rem; }
    .customer-types-stage { display: grid; gap: 18px; margin-top: 52px; padding-bottom: 0; }
    .customer-list-window,
    .customer-company-window { position: relative; inset: auto; width: 100%; border-radius: 13px; }
    .customer-company-window figcaption { align-items: flex-start; flex-direction: column; gap: 5px; padding-block: 14px; }
    .customer-company-window figcaption strong { margin-left: 0; }
    .customer-type-benefits { grid-template-columns: 1fr 1fr; margin-top: 36px; }
    .customer-type-benefits li:last-child { grid-column: 1 / -1; }
    .pricing-logic-section { padding: 78px 0 84px; }
    .pricing-logic-section::before { top: 27px; right: -16px; font-size: 7rem; }
    .pricing-logic-heading { gap: 8px; }
    .pricing-logic-heading h2 { font-size: clamp(2.35rem, 10.8vw, 3.25rem); }
    .pricing-logic-heading > div > p { margin-top: 24px; font-size: 1rem; }
    .pricing-logic-stage { display: grid; gap: 18px; margin-top: 52px; padding-bottom: 0; }
    .pricing-tier-window,
    .pricing-group-window { position: relative; inset: auto; width: 100%; border-radius: 13px; }
    .pricing-tier-window figcaption,
    .pricing-group-window figcaption { align-items: flex-start; flex-direction: column; gap: 4px; padding-block: 14px; }
    .pricing-tier-window figcaption strong,
    .pricing-group-window figcaption strong { margin-left: 0; }
    .pricing-tier-window .image-zoom-trigger { height: 430px; overflow: hidden; }
    .pricing-tier-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 30% top; }
    .pricing-logic-path { position: relative; inset: auto; justify-self: start; order: -1; flex-wrap: wrap; border-radius: 13px; }
    .pricing-logic-benefits { grid-template-columns: 1fr 1fr; margin-top: 36px; }
    .variant-inventory-section { padding: 78px 0 84px; }
    .variant-inventory-section::before { top: 27px; right: -10px; font-size: 7rem; }
    .variant-inventory-heading { gap: 8px; }
    .variant-inventory-heading h2 { font-size: clamp(2.35rem, 10.8vw, 3.25rem); }
    .variant-inventory-heading > div > p { margin-top: 24px; font-size: 1rem; }
    .variant-inventory-stage { display: grid; gap: 18px; margin-top: 52px; padding-bottom: 0; }
    .variant-combination-window,
    .variant-stock-window { position: relative; inset: auto; width: 100%; border-radius: 13px; }
    .variant-combination-window figcaption,
    .variant-stock-window figcaption { align-items: flex-start; flex-direction: column; gap: 4px; padding-block: 14px; }
    .variant-combination-window figcaption strong,
    .variant-stock-window figcaption strong { margin-left: 0; }
    .variant-combination-window .image-zoom-trigger { height: 430px; overflow: hidden; }
    .variant-combination-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 50% top; }
    .variant-inventory-path { position: relative; inset: auto; justify-self: start; order: -1; flex-wrap: wrap; border-radius: 13px; }
    .variant-inventory-benefits { grid-template-columns: 1fr 1fr; margin-top: 36px; }
    .multishop-section { padding: 78px 0 84px; }
    .multishop-section::before { top: 27px; right: -10px; font-size: 7rem; }
    .multishop-heading { gap: 8px; }
    .multishop-heading h2 { font-size: clamp(2.35rem, 10.8vw, 3.25rem); }
    .multishop-heading > div > p { margin-top: 24px; font-size: 1rem; }
    .multishop-stage { display: grid; gap: 18px; margin-top: 52px; padding-bottom: 0; }
    .multishop-management-window,
    .multishop-product-window { position: relative; inset: auto; width: 100%; border-radius: 13px; }
    .multishop-management-window figcaption,
    .multishop-product-window figcaption { align-items: flex-start; flex-direction: column; gap: 4px; padding-block: 14px; }
    .multishop-management-window figcaption strong,
    .multishop-product-window figcaption strong { margin-left: 0; }
    .multishop-management-window .image-zoom-trigger { height: 430px; overflow: hidden; }
    .multishop-management-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 20% top; }
    .multishop-path { position: relative; inset: auto; justify-self: start; order: -1; flex-wrap: wrap; border-radius: 13px; }
    .multishop-benefits { grid-template-columns: 1fr 1fr; margin-top: 36px; }
    .integration-flow-section { padding: 78px 0 84px; }
    .integration-flow-section::before { top: 27px; right: -10px; font-size: 7rem; }
    .integration-flow-heading { gap: 8px; }
    .integration-flow-heading h2 { font-size: clamp(2.35rem, 10.8vw, 3.25rem); }
    .integration-flow-heading > div > p { margin-top: 24px; font-size: 1rem; }
    .integration-flow-stage { display: grid; gap: 18px; margin-top: 52px; padding-bottom: 0; }
    .integration-import-window,
    .integration-bexio-window { position: relative; inset: auto; width: 100%; border-radius: 13px; }
    .integration-import-window figcaption,
    .integration-bexio-window figcaption { align-items: flex-start; flex-direction: column; gap: 4px; padding-block: 14px; }
    .integration-import-window figcaption strong,
    .integration-bexio-window figcaption strong { margin-left: 0; }
    .integration-import-window .image-zoom-trigger { height: 430px; overflow: hidden; }
    .integration-import-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 50% top; }
    .integration-flow-path { position: relative; inset: auto; justify-self: start; order: -1; flex-wrap: wrap; border-radius: 13px; }
    .integration-flow-benefits { grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 36px; overflow: visible; border: 0; background: transparent; }
    .integration-flow-benefits li,
    .integration-flow-benefits li:first-child { border: 1px solid rgba(35,87,57,0.13); border-radius: 13px; background: rgba(255,255,255,0.68); }
    .homepage-composer-section { padding: 78px 0 84px; }
    .homepage-composer-section::before { top: 34px; right: -16px; font-size: 4.8rem; }
    .homepage-composer-heading { gap: 8px; }
    .homepage-composer-heading h2 { font-size: clamp(2.35rem, 10.8vw, 3.25rem); }
    .homepage-composer-heading > div > p { margin-top: 24px; font-size: 1rem; }
    .homepage-composer-stage { display: grid; gap: 18px; margin-top: 52px; padding-bottom: 0; }
    .homepage-composer-admin-window,
    .homepage-composer-storefront-window { position: relative; inset: auto; width: 100%; border-radius: 13px; }
    .homepage-composer-admin-window figcaption,
    .homepage-composer-storefront-window figcaption { align-items: flex-start; flex-direction: column; gap: 4px; padding-block: 14px; }
    .homepage-composer-admin-window figcaption strong,
    .homepage-composer-storefront-window figcaption strong { margin-left: 0; }
    .homepage-composer-admin-window .image-zoom-trigger,
    .homepage-composer-storefront-window .image-zoom-trigger { height: 330px; overflow: hidden; }
    .homepage-composer-admin-window img,
    .homepage-composer-storefront-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 50% top; }
    .homepage-composer-path { position: relative; inset: auto; justify-self: start; order: -1; flex-wrap: wrap; border-radius: 13px; }
    .homepage-composer-benefits { grid-template-columns: 1fr; gap: 15px; margin-top: 36px; }
    .storefront-experience-section { padding: 78px 0 84px; }
    .storefront-experience-section::before { top: 34px; right: -16px; font-size: 5.5rem; }
    .storefront-experience-heading { gap: 8px; }
    .storefront-experience-heading h2 { font-size: clamp(2.35rem, 10.8vw, 3.25rem); }
    .storefront-experience-heading > div > p { margin-top: 24px; font-size: 1rem; }
    .storefront-experience-stage { display: grid; gap: 18px; margin-top: 52px; padding-bottom: 0; }
    .storefront-desktop-window,
    .storefront-mobile-window { position: relative; inset: auto; width: 100%; border-radius: 13px; }
    .storefront-desktop-window figcaption,
    .storefront-mobile-window figcaption { align-items: flex-start; flex-direction: column; gap: 4px; padding-block: 14px; }
    .storefront-desktop-window figcaption strong,
    .storefront-mobile-window figcaption strong { margin-left: 0; }
    .storefront-desktop-window .image-zoom-trigger { height: 330px; overflow: hidden; }
    .storefront-desktop-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 59% top; }
    .storefront-selection-path { position: relative; inset: auto; justify-self: start; order: -1; flex-wrap: wrap; border-radius: 13px; }
    .storefront-experience-benefits { grid-template-columns: 1fr; gap: 15px; margin-top: 36px; }
    .section-more-action { justify-content: flex-start; }
    .section-more-link { max-width: 100%; text-align: center; }
    .home-pricing-section { padding: 78px 0 84px; }
    .home-pricing-section::before { top: 27px; right: -16px; font-size: 6.5rem; }
    .home-pricing-heading { gap: 8px; }
    .home-pricing-heading h2 { font-size: clamp(2.35rem, 10.8vw, 3.25rem); }
    .home-pricing-heading > div > p { margin-top: 24px; font-size: 1rem; }
    .home-pricing-grid { grid-template-columns: 1fr; gap: 18px; margin-top: 52px; }
    .home-price-card,
    .home-price-card:last-child { grid-column: auto; padding: 28px 24px; }
    .home-price-card-featured { transform: none; }
    .home-price-card h3 { margin-top: 32px; }
    .home-price-summary { min-height: 0; }
    .home-pricing-layers { margin-top: 26px; padding: 10px; }
    .home-pricing-layers > div { padding: 16px; }
    .home-pricing-footer { align-items: flex-start; flex-direction: column; margin-top: 28px; }
    .problem { padding: 78px 0; }
    .problem-grid { grid-template-columns: 1fr; gap: 14px; }
    .solution-section,
    .product-detail { padding: 78px 0; }
    .section-heading { grid-template-columns: 1fr; }
    .section-heading > p:last-child { grid-column: 1; margin-top: 24px; }
    .promise-grid { grid-template-columns: 1fr; margin-top: 48px; }
    .promise-card { min-height: 0; padding: 28px 24px; }
    .promise-card h3 { margin-top: 38px; }
    .product-detail-grid { gap: 46px; }
    .product-stories { grid-template-columns: 1fr; margin-top: 62px; }
    .product-story { padding: 27px 24px; }
    .detail-copy h2 { font-size: clamp(2.35rem, 11vw, 3.3rem); }
    .capability-list > div { grid-template-columns: 1fr; gap: 5px; }
    .detail-window,
    .import-window { border-radius: 13px; }
    .detail-window img { width: 132%; }
    .detail-label { display: none; }
    .import-showcase { grid-template-columns: 1fr; gap: 34px; margin-top: 68px; }
    .import-copy { order: -1; }
    .import-copy h3 { font-size: 1.8rem; }
    .integration-showcase { grid-template-columns: 1fr; gap: 34px; margin-top: 68px; }
    .integration-window { border-radius: 13px; }
    .fit-section,
    .managed-section,
    .pricing-section,
    .contact-section { padding: 78px 0; }
    .fit-grid,
    .managed-grid { gap: 42px; }
    .fit-list article { grid-template-columns: 40px 1fr; padding: 26px 0; }
    .managed-copy li { grid-template-columns: 1fr; gap: 4px; }
    .pricing-grid { grid-template-columns: 1fr; margin-top: 48px; }
    .price-card { padding: 28px 24px; }
    .pricing-note { text-align: left; }
    .contact-inner { text-align: left; }
    .contact-inner > p:not(.section-index) { margin-inline: 0; }
    .breadth-section,
    .process-section,
    .content-section,
    .story-section,
    .migration-section,
    .developer-boundary { padding: 78px 0; }
    .breadth-heading,
    .process-heading,
    .content-heading,
    .extension-heading { grid-template-columns: 1fr; gap: 22px; }
    .process-heading > p:last-child,
    .content-heading > p:last-child,
    .extension-heading > p:last-child { grid-column: 1; }
    .platform-map {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 12px;
        margin-top: 48px;
    }
    .platform-core {
        grid-column: 1;
        grid-row: 1;
        min-height: 340px;
        padding: 34px 28px;
    }
    .platform-area { min-height: 190px; padding: 25px 24px; }
    .platform-area-index,
    .platform-core > span { top: 22px; left: 24px; }
    .platform-area-catalog { grid-column: 1; grid-row: 2; }
    .platform-area-pricing { grid-column: 1; grid-row: 3; }
    .platform-area-storefront { grid-column: 1; grid-row: 4; }
    .platform-area-orders { grid-column: 1; grid-row: 5; }
    .platform-area-extensions { grid-column: 1; grid-row: 6; padding-right: 52px; }
    .platform-area > i { right: 22px; bottom: 23px; }
    .commerce-flow { grid-template-columns: 1fr; margin-top: 48px; }
    .commerce-flow li { min-height: 0; }
    .commerce-flow strong { max-width: none; margin-top: 16px; }
    .platform-promises { padding-top: 78px; }
    .extension-heading { margin-top: 78px; }
    .section-hero { padding: 72px 0 78px; }
    .section-hero-grid,
    .story-grid,
    .migration-grid,
    .developer-boundary-grid { gap: 34px; }
    .section-hero-copy > p:not(.eyebrow) { margin-top: 24px; font-size: 1rem; }
    .section-hero-aside { padding: 24px; }
    .solution-grid,
    .integration-grid,
    .developer-grid,
    .process-cards { grid-template-columns: 1fr; margin-top: 48px; }
    .content-card,
    .integration-grid .content-card,
    .developer-grid .content-card { min-height: 0; padding: 27px 24px; }
    .content-card h3 { margin-top: 38px; }
    .story-section-reverse .story-copy { order: initial; }
    .story-window { border-radius: 13px; }
    .migration-steps article { grid-template-columns: 38px 1fr; }
    .migration-steps p { grid-column: 2; }
    .connection-map { grid-template-columns: 1fr; }
    .pricing-page-offers { padding-top: 78px; }
    .features-hero { padding: 66px 0 76px; }
    .features-hero-grid { gap: 42px; }
    .features-hero-copy h1 { max-width: 21rem; font-size: clamp(2.72rem, 11.8vw, 3.35rem); }
    .features-hero-copy > p:not(.eyebrow) { margin-top: 24px; font-size: 1rem; }
    .features-hero-window { border-radius: 13px; transform: none; }
    .features-category-nav-inner { grid-template-columns: 1fr 1fr; }
    .features-category-nav a { padding: 17px 13px 19px; }
    .features-category-nav a > strong { margin-top: 10px; font-size: 0.86rem; }
    .feature-directory-section,
    .features-close { padding: 78px 0; }
    .feature-directory-grid,
    .features-close-grid { gap: 38px; }
    .feature-directory-heading h2 { font-size: clamp(2.7rem, 11vw, 3.6rem); }
    .feature-directory-items { grid-template-columns: 1fr; }
    .feature-directory-item { min-height: 132px; padding: 21px 22px; }
    .process-cards article { min-height: 0; }
    .process-cards h3 { margin-top: 42px; }
    .code-principles { grid-template-columns: 1fr; }
    .code-principles code,
    .code-principles span { border-bottom: 1px solid rgba(255,255,255,0.14); }
    .code-principles > :nth-last-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,0.14); }
    .code-principles > :last-child { border-bottom: 0; }
    .overview-hero { padding: 66px 0 76px; }
    .overview-hero h1 { max-width: 21rem; }
    .overview-hero-grid { gap: 30px; }
    .overview-intro > p { font-size: 1rem; }
    .platform-strip-inner { grid-template-columns: 1fr 1fr; }
    .platform-strip span { padding: 17px 10px; border-bottom: 1px solid rgba(255,255,255,0.16); }
    .overview-system,
    .overview-areas,
    .overview-close { padding: 78px 0; }
    .overview-system-grid { gap: 40px; }
    .overview-system-copy h2 { font-size: clamp(2.35rem, 10.8vw, 3.25rem); }
    .overview-window { border-radius: 13px; transform: none; }
    .overview-heading { grid-template-columns: 1fr; }
    .overview-heading > p:last-child { grid-column: 1; }
    .overview-card-grid { grid-template-columns: 1fr; margin-top: 48px; }
    .overview-card { min-height: 0; padding: 27px 24px; }
    .overview-card h3 { margin-top: 38px; }
    .overview-close-grid { gap: 32px; }
    .feature-hero { padding: 28px 0 78px; }
    .breadcrumbs { margin-bottom: 54px; }
    .feature-hero-grid { gap: 40px; }
    .feature-hero-copy,
    .feature-hero-window { width: 100%; max-width: 100%; }
    .feature-hero-copy h1 { max-width: 22rem; }
    .feature-hero-copy > p:last-child { font-size: 1rem; }
    .feature-hero-window,
    .feature-content-window { border-radius: 13px; transform: none; }
    .catalog-capabilities,
    .catalog-structure,
    .catalog-depth { padding: 78px 0; }
    .feature-heading { grid-template-columns: 1fr; }
    .feature-heading > p:last-child { grid-column: 1; margin-top: 24px; }
    .capability-card-grid { grid-template-columns: 1fr; margin-top: 48px; }
    .capability-card { min-height: 0; padding: 25px 24px; }
    .capability-card h3 { margin-top: 42px; }
    .catalog-structure-grid,
    .catalog-depth-grid { gap: 40px; }
    .catalog-structure-copy h2,
    .catalog-depth h2 { font-size: clamp(2.35rem,10.8vw,3.25rem); }
    .catalog-fact-grid { grid-template-columns: 1fr; }
    .catalog-fact-grid div { min-height: 0; }
    .pricing-logic > div { min-height: 0; padding: 25px 24px 25px 72px; }
    .pricing-logic span { top: 26px; left: 23px; }
    .footer-cta { padding: 72px 0; }
    .footer-cta h2 { max-width: 22rem; font-size: clamp(2.55rem, 11vw, 3.35rem); line-height: 1; }
    .footer-cta-actions { align-items: flex-start; flex-direction: column; gap: 22px; }
    .footer-main { padding-top: 66px; padding-bottom: 56px; }
    .footer-links { grid-template-columns: 1fr; gap: 42px; }
    .footer-links h2 { margin-bottom: 15px; }
    .footer-bottom { align-items: flex-start; flex-direction: column; gap: 15px; }
    .footer-bottom nav { flex-wrap: wrap; gap: 10px 20px; }
}

@media (max-width: 1050px) {
    .catalog-page-hero-grid,
    .catalog-variants-heading,
    .catalog-page-next-grid { grid-template-columns: 1fr; gap: 48px; }
    .catalog-page-hero-copy { max-width: 780px; }
    .catalog-screen-hero { width: min(850px,100%); }
    .catalog-variants-heading > p { max-width: 720px; }
    .catalog-storefront-stage { min-height: 650px; }
    .catalog-storefront-desktop { width: calc(100% - 120px); }
    .catalog-storefront-mobile { width: 230px; }
    .catalog-storefront-selection { right: 165px; }
    .catalog-page-next-links { max-width: 560px; }
}

@media (max-width: 760px) {
    .catalog-page-hero { padding: 28px 0 78px; }
    .catalog-page-hero .breadcrumbs { margin-bottom: 52px; }
    .catalog-page-hero-grid { gap: 42px; }
    .catalog-page-hero-copy h1 { font-size: clamp(2.65rem,11.7vw,3.35rem); }
    .catalog-page-hero-copy > p:not(.eyebrow) { margin-top: 24px; font-size: 1rem; }
    .catalog-screen { border-radius: 13px; }
    .catalog-screen-hero { transform: none; }
    .catalog-screen-hero .image-zoom-trigger { height: 350px; }
    .catalog-screen-hero img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 12% top; }
    .catalog-screen figcaption { min-height: 66px; align-items: flex-start; flex-direction: column; gap: 3px; padding-block: 13px; }
    .catalog-screen figcaption strong { margin-left: 0; }

    .catalog-page-data,
    .catalog-page-assignments,
    .catalog-page-variants,
    .catalog-page-storefront { padding: 78px 0 84px; }
    .catalog-page-heading { grid-template-columns: 1fr; gap: 8px; }
    .catalog-page-heading h2,
    .catalog-variants-heading h2 { font-size: clamp(2.35rem,10.7vw,3.25rem); }
    .catalog-page-heading > div > p { margin-top: 23px; font-size: 1rem; }
    .catalog-page-facts { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 48px; }
    .catalog-page-facts li { min-height: 105px; padding: 18px; }
    .catalog-screen-wide .image-zoom-trigger { height: 400px; }
    .catalog-screen-wide img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 20% top; }

    .catalog-assignment-stage { grid-template-columns: 1fr; gap: 18px; margin-top: 50px; }
    .catalog-assignment-window-shop,
    .catalog-assignment-window-category { margin-top: 0; transform: none; }
    .catalog-assignment-window .image-zoom-trigger { height: 340px; aspect-ratio: auto; }
    .catalog-assignment-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 18% top; }
    .catalog-assignment-path { justify-content: center; border-radius: 14px; text-align: center; }

    .catalog-variants-heading { gap: 24px; }
    .catalog-variants-heading > p { font-size: 1rem; }
    .catalog-variants-window { margin-top: 50px; }
    .catalog-variants-window .image-zoom-trigger { height: 410px; }
    .catalog-variants-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 50% top; }
    .catalog-variant-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .catalog-variant-facts li { min-height: 108px; padding: 18px; }

    .catalog-storefront-stage { display: grid; min-height: 0; gap: 18px; margin-top: 50px; }
    .catalog-storefront-desktop,
    .catalog-storefront-mobile { position: relative; inset: auto; width: 100%; transform: none; }
    .catalog-storefront-desktop .image-zoom-trigger { height: 360px; }
    .catalog-storefront-desktop img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 59% top; }
    .catalog-storefront-mobile { width: min(360px,100%); justify-self: center; }
    .catalog-storefront-selection { position: relative; inset: auto; justify-self: center; flex-wrap: wrap; justify-content: center; border-radius: 14px; text-align: center; }
    .catalog-page-next { padding: 78px 0; }
    .catalog-page-next-grid { gap: 40px; }
    .catalog-page-next h2 { font-size: clamp(2.35rem,10.4vw,3.2rem); }
}

@media (max-width: 1050px) {
    .price-page-hero-grid,
    .price-tiers-heading,
    .price-assignment-grid,
    .price-page-next-grid { grid-template-columns: 1fr; gap: 48px; }
    .price-page-hero-copy { max-width: 780px; }
    .price-screen-hero { width: min(860px,100%); }
    .price-registry-grid { grid-template-columns: 1fr; gap: 48px; }
    .price-registry-copy { max-width: 680px; }
    .price-tiers-heading > p { max-width: 720px; }
    .price-assignment-copy { max-width: 720px; }
    .price-assignment-window { width: min(860px,100%); }
    .price-page-next-links { max-width: 560px; }
}

@media (max-width: 760px) {
    .price-page-hero { padding: 28px 0 78px; }
    .price-page-hero .breadcrumbs { margin-bottom: 52px; }
    .price-page-hero-grid { gap: 42px; }
    .price-page-hero-copy h1 { font-size: clamp(2.65rem,11.7vw,3.35rem); }
    .price-page-hero-copy > p:not(.eyebrow) { margin-top: 24px; font-size: 1rem; }
    .price-screen { border-radius: 13px; }
    .price-screen-hero { transform: none; }
    .price-screen-hero .image-zoom-trigger { height: 375px; }
    .price-screen-hero img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 32% top; }
    .price-screen figcaption { min-height: 66px; align-items: flex-start; flex-direction: column; gap: 3px; padding-block: 13px; }
    .price-screen figcaption strong { margin-left: 0; }

    .price-page-layers,
    .price-page-tiers,
    .price-page-assignment,
    .price-page-foundation { padding: 78px 0 84px; }
    .price-page-heading { grid-template-columns: 1fr; gap: 8px; }
    .price-page-heading h2,
    .price-tiers-heading h2,
    .price-assignment-copy h2 { font-size: clamp(2.35rem,10.7vw,3.25rem); }
    .price-page-heading > div > p { margin-top: 23px; font-size: 1rem; }
    .price-layer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); margin: 48px 0 52px; }
    .price-layer-grid li { min-height: 138px; padding: 18px; }
    .price-registry-window { transform: none; }
    .price-registry-window .image-zoom-trigger { height: 390px; }
    .price-registry-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 100% top; }
    .price-registry-copy h3 { font-size: 2.1rem; }

    .price-tiers-heading { gap: 24px; }
    .price-tiers-heading > p { font-size: 1rem; }
    .price-tiers-window { margin-top: 50px; }
    .price-tiers-window .image-zoom-trigger { height: 410px; }
    .price-tiers-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 28% top; }
    .price-tier-values { grid-template-columns: 1fr; }
    .price-tier-values li { min-height: 82px; }

    .price-assignment-grid { gap: 48px; }
    .price-assignment-copy > p:not(.section-index) { font-size: 1rem; }
    .price-assignment-path { justify-content: center; border-radius: 14px; text-align: center; }
    .price-assignment-window { transform: none; }
    .price-assignment-window .image-zoom-trigger { height: 410px; }
    .price-assignment-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 100% top; }
    .price-foundation-grid { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 50px; }
    .price-foundation-grid li { min-height: 160px; padding: 20px; border-right: 1px solid var(--line); }
    .price-foundation-grid strong { font-size: 1rem; }
    .price-page-next { padding: 78px 0; }
    .price-page-next-grid { gap: 40px; }
    .price-page-next h2 { font-size: clamp(2.35rem,10.4vw,3.2rem); }
}

@media (max-width: 1050px) {
    .inventory-page-hero-grid,
    .inventory-locations-grid,
    .inventory-variant-heading,
    .inventory-page-next-grid { grid-template-columns: 1fr; gap: 48px; }
    .inventory-page-hero-copy { max-width: 780px; }
    .inventory-screen-hero { width: min(860px,100%); }
    .inventory-locations-window { width: min(860px,100%); }
    .inventory-locations-copy { max-width: 700px; }
    .inventory-variant-heading > p { max-width: 720px; }
    .inventory-storefront-stage { min-height: 650px; }
    .inventory-storefront-desktop { width: calc(100% - 120px); }
    .inventory-storefront-mobile { width: 230px; }
    .inventory-storefront-path { right: 165px; }
    .inventory-page-next-links { max-width: 560px; }
}

@media (max-width: 760px) {
    .inventory-page-hero { padding: 28px 0 78px; }
    .inventory-page-hero .breadcrumbs { margin-bottom: 52px; }
    .inventory-page-hero-grid { gap: 42px; }
    .inventory-page-hero-copy h1 { font-size: clamp(2.65rem,11.7vw,3.35rem); }
    .inventory-page-hero-copy > p:not(.eyebrow) { margin-top: 24px; font-size: 1rem; }
    .inventory-screen { border-radius: 13px; }
    .inventory-screen-hero { transform: none; }
    .inventory-screen-hero .image-zoom-trigger { height: 390px; }
    .inventory-screen-hero img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 43% top; }
    .inventory-screen figcaption { min-height: 66px; align-items: flex-start; flex-direction: column; gap: 3px; padding-block: 13px; }
    .inventory-screen figcaption strong { margin-left: 0; }

    .inventory-page-logic,
    .inventory-page-locations,
    .inventory-page-variant,
    .inventory-page-storefront { padding: 78px 0 84px; }
    .inventory-page-heading { grid-template-columns: 1fr; gap: 8px; }
    .inventory-page-heading h2,
    .inventory-locations-copy h2,
    .inventory-variant-heading h2 { font-size: clamp(2.35rem,10.7vw,3.25rem); }
    .inventory-page-heading > div > p { margin-top: 23px; font-size: 1rem; }
    .inventory-equation { grid-template-columns: 1fr; margin-top: 48px; }
    .inventory-equation > div { min-height: 120px; padding: 20px; }
    .inventory-equation > i { width: 100%; height: 24px; transform: rotate(90deg); }
    .inventory-settings-window .image-zoom-trigger { height: 390px; }
    .inventory-settings-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 13% top; }

    .inventory-locations-grid { gap: 44px; }
    .inventory-locations-window { order: 2; transform: none; }
    .inventory-locations-copy { order: 1; }
    .inventory-locations-window .image-zoom-trigger { height: 390px; }
    .inventory-locations-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 58% top; }
    .inventory-locations-copy > p:not(.section-index) { font-size: 1rem; }

    .inventory-variant-heading { gap: 24px; }
    .inventory-variant-heading > p { font-size: 1rem; }
    .inventory-variant-window { margin-top: 50px; }
    .inventory-variant-window .image-zoom-trigger { height: 410px; }
    .inventory-variant-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 43% top; }
    .inventory-variant-values { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .inventory-variant-values li { min-height: 96px; padding: 18px; }
    .inventory-variant-values strong { font-size: 1.15rem; }

    .inventory-storefront-stage { display: grid; min-height: 0; gap: 18px; margin-top: 50px; }
    .inventory-storefront-desktop,
    .inventory-storefront-mobile { position: relative; inset: auto; width: 100%; transform: none; }
    .inventory-storefront-desktop .image-zoom-trigger { height: 360px; }
    .inventory-storefront-desktop img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 59% top; }
    .inventory-storefront-mobile { width: min(360px,100%); justify-self: center; }
    .inventory-storefront-path { position: relative; inset: auto; justify-self: center; flex-wrap: wrap; justify-content: center; border-radius: 14px; text-align: center; }
    .inventory-page-next { padding: 78px 0; }
    .inventory-page-next-grid { gap: 40px; }
    .inventory-page-next h2 { font-size: clamp(2.35rem,10.4vw,3.2rem); }
}

@media (max-width: 1050px) {
    .storefront-seo-hero-grid,
    .storefront-theme-colors-grid,
    .storefront-theme-footer-grid,
    .storefront-experience-heading,
    .storefront-seo-next-grid { grid-template-columns: 1fr; gap: 48px; }
    .storefront-seo-hero-copy { max-width: 780px; }
    .storefront-seo-hero-screen { width: min(860px,100%); }
    .storefront-theme-palette,
    .storefront-theme-footer-copy { max-width: 700px; }
    .storefront-theme-footer-window { width: min(860px,100%); }
    .storefront-theme-footer-copy { order: 1; }
    .storefront-theme-footer-window { order: 2; }
    .storefront-experience-heading > p { max-width: 720px; }
    .storefront-experience-stage { min-height: 650px; }
    .storefront-experience-desktop { width: calc(100% - 120px); }
    .storefront-experience-mobile { width: 230px; }
    .storefront-seo-next-links { max-width: 560px; }
}

@media (max-width: 760px) {
    .storefront-seo-hero { padding: 28px 0 78px; }
    .storefront-seo-hero .breadcrumbs { margin-bottom: 52px; }
    .storefront-seo-hero-grid { gap: 42px; }
    .storefront-seo-hero-copy h1 { font-size: clamp(2.65rem,11.7vw,3.35rem); }
    .storefront-seo-hero-copy > p:not(.eyebrow) { margin-top: 24px; font-size: 1rem; }
    .storefront-seo-screen { border-radius: 13px; }
    .storefront-seo-hero-screen { transform: none; }
    .storefront-seo-hero-screen .image-zoom-trigger { height: 380px; }
    .storefront-seo-hero-screen img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 61% top; }
    .storefront-seo-screen figcaption { min-height: 66px; align-items: flex-start; flex-direction: column; gap: 3px; padding-block: 13px; }
    .storefront-seo-screen figcaption strong { margin-left: 0; }

    .storefront-seo-themes,
    .storefront-seo-experience,
    .storefront-seo-foundation,
    .storefront-seo-details { padding: 78px 0 84px; }
    .storefront-seo-heading { grid-template-columns: 1fr; gap: 8px; }
    .storefront-seo-heading h2,
    .storefront-experience-heading h2 { font-size: clamp(2.35rem,10.7vw,3.25rem); }
    .storefront-seo-heading > div > p { margin-top: 23px; font-size: 1rem; }
    .storefront-theme-colors-grid { gap: 42px; margin-top: 50px; }
    .storefront-theme-colors-window { transform: none; }
    .storefront-theme-colors-window .image-zoom-trigger { height: 380px; }
    .storefront-theme-colors-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 34% top; }
    .storefront-theme-palette h3,
    .storefront-theme-footer-copy h3 { font-size: 2.15rem; }
    .storefront-theme-footer-grid { gap: 42px; margin-top: 72px; }
    .storefront-theme-footer-window { transform: none; }
    .storefront-theme-footer-window .image-zoom-trigger { height: 380px; }
    .storefront-theme-footer-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 42% top; }

    .storefront-experience-heading { gap: 24px; }
    .storefront-experience-heading > p { font-size: 1rem; }
    .storefront-experience-stage { display: grid; min-height: 0; gap: 18px; margin-top: 50px; }
    .storefront-experience-desktop,
    .storefront-experience-mobile { position: relative; inset: auto; width: 100%; transform: none; }
    .storefront-experience-desktop .image-zoom-trigger { height: 360px; }
    .storefront-experience-desktop img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 59% top; }
    .storefront-experience-mobile { width: min(360px,100%); justify-self: center; }
    .storefront-experience-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .storefront-experience-facts li { min-height: 72px; padding: 18px; }

    .storefront-seo-settings-window { margin-top: 50px; transform: none; }
    .storefront-seo-settings-window .image-zoom-trigger { height: 410px; }
    .storefront-seo-settings-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 62% top; }
    .storefront-seo-foundation-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .storefront-seo-foundation-facts li { min-height: 105px; padding: 18px; }

    .storefront-seo-detail-grid { grid-template-columns: 1fr; gap: 18px; margin-top: 50px; }
    .storefront-seo-detail-window:first-child,
    .storefront-seo-redirect-window { margin-top: 0; transform: none; }
    .storefront-seo-detail-window .image-zoom-trigger { height: 390px; aspect-ratio: auto; }
    .storefront-seo-detail-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 40% top; }
    .storefront-seo-redirect-window img { object-position: 62% top; }
    .storefront-seo-url-tools { border-radius: 14px; }
    .storefront-seo-url-tools span + span::before { display: none; }
    .storefront-seo-next { padding: 78px 0; }
    .storefront-seo-next-grid { gap: 40px; }
    .storefront-seo-next h2 { font-size: clamp(2.35rem,10.4vw,3.2rem); }
}

@media (max-width: 420px) {
    .back-to-top { right: 16px; bottom: 16px; width: 48px; height: 48px; }
    h1 { max-width: 20rem; }
    h1,
    h2 { overflow-wrap: anywhere; text-wrap: wrap; }
    .lightbox-inner { max-height: calc(100dvh - 24px); overflow: auto; overscroll-behavior: contain; }
    .image-lightbox.is-panoramic img { width: auto; min-width: 880px; max-width: none; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: 0.01ms !important; }
}

@media (hover: none) {
    .zoom-hint { display: none; }
    .image-zoom-trigger:hover img { transform: none; filter: none; }
}

/* Multi-Shop, Sprachen & Waehrungen */
.multishop-hero { padding: 42px 0 92px; overflow: hidden; background: radial-gradient(circle at 88% 54%, rgba(185,239,114,0.3), transparent 27rem), #eaf4ee; }
.multishop-hero-grid { display: grid; grid-template-columns: minmax(0,0.78fr) minmax(570px,1.22fr); align-items: center; gap: 66px; }
.multishop-hero-grid > *,
.multishop-assignment-grid > *,
.multishop-heading > *,
.multishop-currency-grid > *,
.multishop-next-grid > * { min-width: 0; }
.multishop-hero-copy h1 { max-width: 620px; font-size: clamp(3.15rem,4.7vw,5.15rem); }
.multishop-hero-copy > p:not(.eyebrow) { max-width: 570px; margin: 29px 0 36px; color: var(--muted); font-size: 1.07rem; line-height: 1.72; }
.multishop-screen { margin: 0; overflow: hidden; border: 1px solid rgba(24,62,43,0.16); border-radius: 20px; background: var(--white); box-shadow: 0 30px 80px rgba(26,69,47,0.15); }
.multishop-screen img { display: block; width: 100%; height: auto; }
.multishop-hero-screen { width: 790px; max-width: 100%; transform: rotate(0.55deg); }
.multishop-screen figcaption { display: flex; min-height: 62px; align-items: center; gap: 16px; padding: 12px 20px; border-bottom: 1px solid var(--line); background: #fbfcfb; }
.multishop-screen figcaption span { color: var(--forest); font-size: 0.68rem; font-weight: 820; letter-spacing: 0.1em; text-transform: uppercase; }
.multishop-screen figcaption strong { margin-left: auto; font-size: 0.82rem; }
.multishop-shop-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 60px 0 0; padding: 0; border-top: 1px solid rgba(24,62,43,0.16); border-left: 1px solid rgba(24,62,43,0.16); list-style: none; }
.multishop-shop-facts li { display: flex; min-height: 86px; flex-direction: column; justify-content: center; gap: 5px; padding: 18px 22px; border-right: 1px solid rgba(24,62,43,0.16); border-bottom: 1px solid rgba(24,62,43,0.16); }
.multishop-shop-facts span { color: var(--muted); font-size: 0.68rem; font-weight: 760; letter-spacing: 0.06em; text-transform: uppercase; }
.multishop-shop-facts strong { font-size: 0.92rem; }

.multishop-assignment,
.multishop-languages,
.multishop-currencies,
.multishop-system { padding: 112px 0 120px; }
.multishop-assignment { background: var(--white); }
.multishop-assignment-grid { display: grid; grid-template-columns: minmax(300px,0.56fr) minmax(590px,1.18fr); align-items: center; gap: 74px; }
.multishop-assignment-copy h2,
.multishop-currency-copy h2 { margin: 0; font-size: clamp(2.75rem,4.5vw,4.65rem); line-height: 0.98; letter-spacing: -0.055em; }
.multishop-assignment-copy > p:not(.section-index),
.multishop-currency-copy > p:not(.section-index) { max-width: 540px; margin: 27px 0 0; color: var(--muted); font-size: 1.03rem; line-height: 1.72; }
.multishop-assignment-path { display: flex; width: fit-content; max-width: 100%; align-items: center; gap: 15px; margin-top: 32px; padding: 14px 18px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 0.78rem; }
.multishop-assignment-path i { color: var(--leaf); font-style: normal; }
.multishop-assignment-path strong { color: var(--forest); }
.multishop-assignment-window { transform: rotate(-0.5deg); }

.multishop-languages { background: #edf5f0; }
.multishop-heading { display: grid; grid-template-columns: minmax(170px,0.27fr) minmax(0,1fr); align-items: start; gap: 70px; }
.multishop-heading h2 { max-width: 970px; font-size: clamp(2.8rem,4.8vw,5rem); }
.multishop-heading > div > p { max-width: 680px; margin: 27px 0 0; color: var(--muted); font-size: 1.04rem; line-height: 1.72; }
.multishop-language-window { margin-top: 64px; transform: rotate(0.35deg); }
.multishop-language-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 28px 0 0; padding: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); list-style: none; }
.multishop-language-facts li { display: flex; min-height: 94px; flex-direction: column; justify-content: space-between; gap: 14px; padding: 19px 21px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.multishop-language-facts span { color: var(--leaf); font-size: 0.66rem; font-weight: 850; letter-spacing: 0.08em; }
.multishop-language-facts strong { font-size: 0.88rem; }

.multishop-currencies { color: var(--white); background: #153c2a; }
.multishop-currency-grid { display: grid; grid-template-columns: minmax(300px,0.55fr) minmax(600px,1.18fr); align-items: center; gap: 76px; }
.multishop-currency-copy .section-index { color: var(--lime); }
.multishop-currency-copy > p:not(.section-index) { color: #b8c8be; }
.multishop-currency-codes { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 33px; }
.multishop-currency-codes span,
.multishop-currency-codes strong { display: grid; min-width: 72px; min-height: 50px; place-items: center; padding: 0 16px; border: 1px solid rgba(255,255,255,0.2); border-radius: 999px; color: var(--white); font-size: 0.82rem; }
.multishop-currency-codes strong { color: #153c2a; border-color: var(--lime); background: var(--lime); }
.multishop-currency-window { border-color: rgba(255,255,255,0.2); transform: rotate(0.55deg); box-shadow: 0 34px 90px rgba(0,0,0,0.31); }
.multishop-currency-window figcaption { color: var(--white); border-color: rgba(255,255,255,0.16); background: #285b40; }
.multishop-currency-window figcaption span { color: var(--lime); }

.multishop-system { background: #f5f8f5; }
.multishop-system-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: stretch; margin-top: 66px; }
.multishop-system-flow > div { display: flex; min-height: 158px; flex-direction: column; justify-content: space-between; padding: 22px; border: 1px solid var(--line); background: var(--white); }
.multishop-system-flow > div:first-child { border-radius: 18px 0 0 18px; }
.multishop-system-flow > div:last-child { border-radius: 0 18px 18px 0; }
.multishop-system-flow > i { display: grid; width: 42px; place-items: center; color: var(--leaf); font-style: normal; }
.multishop-system-flow span { color: var(--leaf); font-size: 0.66rem; font-weight: 850; letter-spacing: 0.08em; }
.multishop-system-flow strong { font-size: 1.15rem; }
.multishop-system-flow small { color: var(--muted); font-size: 0.72rem; }
.multishop-shop-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 52px; }
.multishop-shop-comparison article { padding: 32px 34px 35px; border-radius: 18px; color: var(--white); background: var(--forest); }
.multishop-shop-comparison article + article { color: var(--forest); border: 1px solid var(--line); background: #e8f1eb; }
.multishop-shop-comparison p { margin: 0 0 34px; color: var(--lime); font-size: 0.7rem; font-weight: 850; letter-spacing: 0.1em; text-transform: uppercase; }
.multishop-shop-comparison article + article p { color: var(--leaf); }
.multishop-shop-comparison h3 { margin: 0; font-size: clamp(1.8rem,2.7vw,2.65rem); }
.multishop-shop-comparison ul { display: flex; flex-wrap: wrap; gap: 10px; margin: 25px 0 0; padding: 0; list-style: none; }
.multishop-shop-comparison li { padding: 10px 13px; border: 1px solid rgba(255,255,255,0.22); border-radius: 999px; font-size: 0.72rem; }
.multishop-shop-comparison article + article li { border-color: rgba(24,62,43,0.18); }

.multishop-next { padding: 112px 0; color: var(--white); background: #0e2a1e; }
.multishop-next-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(290px,0.42fr); align-items: end; gap: 86px; }
.multishop-next .section-index { color: var(--lime); }
.multishop-next h2 { max-width: 820px; font-size: clamp(2.7rem,4.5vw,4.65rem); }
.multishop-next-links { display: grid; border-top: 1px solid rgba(255,255,255,0.2); }
.multishop-next-links a { display: flex; justify-content: space-between; gap: 20px; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,0.2); color: var(--white); font-size: 0.9rem; font-weight: 740; text-decoration: none; }
.multishop-next-links a span { color: var(--lime); transition: transform 160ms ease; }
.multishop-next-links a:hover span { transform: translate(2px,-2px); }

@media (max-width: 1050px) {
    .multishop-hero-grid,
    .multishop-assignment-grid,
    .multishop-currency-grid,
    .multishop-next-grid { grid-template-columns: 1fr; gap: 48px; }
    .multishop-hero-copy { max-width: 780px; }
    .multishop-hero-screen,
    .multishop-assignment-window,
    .multishop-currency-window { width: min(860px,100%); }
    .multishop-assignment-copy,
    .multishop-currency-copy { max-width: 720px; }
    .multishop-next-links { max-width: 560px; }
}

@media (max-width: 760px) {
    .multishop-hero { padding: 28px 0 78px; }
    .multishop-hero .breadcrumbs { margin-bottom: 52px; }
    .multishop-hero-grid { gap: 42px; }
    .multishop-hero-copy h1 { font-size: clamp(2.65rem,11.7vw,3.35rem); }
    .multishop-hero-copy > p:not(.eyebrow) { margin-top: 24px; font-size: 1rem; }
    .multishop-screen { border-radius: 13px; }
    .multishop-hero-screen,
    .multishop-assignment-window,
    .multishop-language-window,
    .multishop-currency-window { transform: none; }
    .multishop-hero-screen .image-zoom-trigger { height: 385px; }
    .multishop-hero-screen img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 14% top; }
    .multishop-screen figcaption { min-height: 66px; align-items: flex-start; flex-direction: column; gap: 3px; padding-block: 13px; }
    .multishop-screen figcaption strong { margin-left: 0; }
    .multishop-shop-facts { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 44px; }
    .multishop-shop-facts li { min-height: 88px; padding: 17px; }

    .multishop-assignment,
    .multishop-languages,
    .multishop-currencies,
    .multishop-system { padding: 78px 0 84px; }
    .multishop-assignment-copy h2,
    .multishop-currency-copy h2,
    .multishop-heading h2 { font-size: clamp(2.35rem,10.7vw,3.25rem); }
    .multishop-assignment-copy > p:not(.section-index),
    .multishop-currency-copy > p:not(.section-index) { font-size: 1rem; }
    .multishop-assignment-path { justify-content: center; border-radius: 14px; text-align: center; }
    .multishop-assignment-window .image-zoom-trigger { height: 390px; }
    .multishop-assignment-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 18% top; }

    .multishop-heading { grid-template-columns: 1fr; gap: 8px; }
    .multishop-heading > div > p { margin-top: 23px; font-size: 1rem; }
    .multishop-language-window { margin-top: 50px; }
    .multishop-language-window .image-zoom-trigger { height: 400px; }
    .multishop-language-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 25% top; }
    .multishop-language-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .multishop-language-facts li { min-height: 100px; padding: 18px; }

    .multishop-currency-window .image-zoom-trigger { height: 400px; }
    .multishop-currency-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 24% top; }
    .multishop-system-flow { grid-template-columns: 1fr; gap: 0; margin-top: 50px; }
    .multishop-system-flow > div { min-height: 112px; border-radius: 14px !important; }
    .multishop-system-flow > i { width: 100%; height: 30px; transform: rotate(90deg); }
    .multishop-shop-comparison { grid-template-columns: 1fr; margin-top: 42px; }
    .multishop-shop-comparison article { padding: 27px 24px 29px; }
    .multishop-next { padding: 78px 0; }
    .multishop-next-grid { gap: 40px; }
    .multishop-next h2 { font-size: clamp(2.35rem,10.4vw,3.2rem); }
}

/* KI-Produktimport */
.ai-product-hero { padding: 42px 0 112px; overflow: hidden; background: radial-gradient(circle at 86% 56%, rgba(185,239,114,0.3), transparent 28rem), #eaf4ee; }
.ai-product-hero-grid { display: grid; grid-template-columns: minmax(0,0.84fr) minmax(570px,1.16fr); align-items: center; gap: 64px; }
.ai-product-hero-grid > *,
.ai-product-source-grid > *,
.ai-product-heading > *,
.ai-product-structure-heading > *,
.ai-product-control-grid > *,
.ai-product-next-grid > * { min-width: 0; }
.ai-product-hero-copy h1 { max-width: 650px; font-size: clamp(3.1rem,4.55vw,4.95rem); }
.ai-product-hero-copy > p:not(.eyebrow) { max-width: 600px; margin: 29px 0 36px; color: var(--muted); font-size: 1.07rem; line-height: 1.72; }
.ai-product-screen { margin: 0; overflow: hidden; border: 1px solid rgba(24,62,43,0.16); border-radius: 20px; background: var(--white); box-shadow: 0 30px 80px rgba(26,69,47,0.15); }
.ai-product-screen img { display: block; width: 100%; height: auto; }
.ai-product-hero-screen { width: 790px; max-width: 100%; transform: rotate(0.55deg); }
.ai-product-screen figcaption { display: flex; min-height: 62px; align-items: center; gap: 16px; padding: 12px 20px; border-bottom: 1px solid var(--line); background: #fbfcfb; }
.ai-product-screen figcaption span { color: var(--forest); font-size: 0.68rem; font-weight: 820; letter-spacing: 0.1em; text-transform: uppercase; }
.ai-product-screen figcaption strong { margin-left: auto; font-size: 0.82rem; }

.ai-product-source,
.ai-product-draft,
.ai-product-structure,
.ai-product-control,
.ai-product-result { padding: 112px 0 120px; }
.ai-product-source { background: var(--white); }
.ai-product-source-grid { display: grid; grid-template-columns: minmax(340px,0.62fr) minmax(580px,1.08fr); align-items: center; gap: 72px; }
.ai-product-source-copy h2,
.ai-product-control-copy h2 { margin: 0; font-size: clamp(2.7rem,4.25vw,4.45rem); line-height: 0.99; letter-spacing: -0.052em; }
.ai-product-source-copy > p:not(.section-index),
.ai-product-control-copy > p:not(.section-index) { max-width: 560px; margin: 27px 0 0; color: var(--muted); font-size: 1.02rem; line-height: 1.72; }
.ai-product-source-copy ul { display: grid; gap: 0; margin: 31px 0 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.ai-product-source-copy li { padding: 14px 0; border-bottom: 1px solid var(--line); color: var(--forest); font-size: 0.78rem; font-weight: 740; }
.ai-product-source-copy li::before { content: "✓"; margin-right: 11px; color: var(--leaf); }
.ai-product-source-window { transform: rotate(-0.45deg); }

.ai-product-draft { background: #edf5f0; }
.ai-product-heading { display: grid; grid-template-columns: minmax(180px,0.28fr) minmax(0,1fr); align-items: start; gap: 70px; }
.ai-product-heading h2 { max-width: 960px; font-size: clamp(2.8rem,4.8vw,5rem); }
.ai-product-heading > div > p { max-width: 680px; margin: 27px 0 0; color: var(--muted); font-size: 1.04rem; line-height: 1.72; }
.ai-product-draft-window { margin-top: 64px; transform: rotate(0.3deg); }
.ai-product-field-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 28px 0 0; padding: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); list-style: none; }
.ai-product-field-grid li { display: grid; min-height: 72px; align-items: center; padding: 18px 21px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 0.8rem; font-weight: 740; }

.ai-product-structure { color: var(--white); background: #153c2a; }
.ai-product-structure-heading { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(300px,0.55fr); align-items: end; gap: 86px; }
.ai-product-structure-heading .section-index { color: var(--lime); }
.ai-product-structure-heading h2 { max-width: 850px; font-size: clamp(2.8rem,4.8vw,5rem); }
.ai-product-structure-heading > p { margin: 0 0 7px; color: #b8c8be; font-size: 1.02rem; line-height: 1.72; }
.ai-product-structure-window { margin-top: 64px; border-color: rgba(255,255,255,0.2); transform: rotate(-0.35deg); box-shadow: 0 36px 90px rgba(0,0,0,0.31); }
.ai-product-structure-window figcaption { color: var(--white); border-color: rgba(255,255,255,0.16); background: #285b40; }
.ai-product-structure-window figcaption span { color: var(--lime); }
.ai-product-structure-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 28px; }
.ai-product-structure-cards article { min-height: 175px; padding: 23px 24px; border: 1px solid rgba(255,255,255,0.18); border-radius: 15px; background: rgba(255,255,255,0.035); }
.ai-product-structure-cards span { color: var(--lime); font-size: 0.66rem; font-weight: 850; letter-spacing: 0.08em; }
.ai-product-structure-cards h3 { margin: 38px 0 0; font-size: 1.05rem; }
.ai-product-structure-cards p { margin: 9px 0 0; color: #b8c8be; font-size: 0.76rem; line-height: 1.55; }

.ai-product-control { background: var(--white); }
.ai-product-control-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(400px,0.72fr); align-items: center; gap: 90px; }
.ai-product-control-status { display: flex; align-items: center; gap: 12px; margin-top: 30px; color: var(--forest); font-size: 0.82rem; }
.ai-product-approval-card { position: relative; overflow: hidden; padding: 34px 35px 38px; border: 1px solid var(--line); border-radius: 20px; background: #edf5f0; box-shadow: 0 28px 70px rgba(26,69,47,0.12); }
.ai-product-approval-card::after { content: ""; position: absolute; top: -90px; right: -70px; width: 220px; height: 220px; border-radius: 50%; background: rgba(185,239,114,0.34); }
.ai-product-approval-check { position: relative; z-index: 1; display: grid; width: 52px; height: 52px; place-items: center; border-radius: 50%; color: var(--white); background: var(--forest); font-size: 1.45rem; font-weight: 820; }
.ai-product-approval-card p { position: relative; z-index: 1; margin: 46px 0 8px; color: var(--leaf); font-size: 0.72rem; font-weight: 820; letter-spacing: 0.08em; text-transform: uppercase; }
.ai-product-approval-card strong { position: relative; z-index: 1; display: block; font-size: clamp(1.75rem,2.6vw,2.55rem); line-height: 1.05; letter-spacing: -0.035em; }
.ai-product-approval-card span { position: relative; z-index: 1; display: block; margin-top: 23px; color: var(--muted); font-size: 0.8rem; }

.ai-product-result { background: #eaf4ee; }
.ai-product-result-window { margin-top: 64px; transform: rotate(0.3deg); }
.ai-product-result-path { display: flex; width: fit-content; max-width: 100%; align-items: center; gap: 15px; margin: 30px auto 0; padding: 14px 19px; border: 1px solid rgba(24,62,43,0.18); border-radius: 999px; color: var(--muted); font-size: 0.78rem; }
.ai-product-result-path i { color: var(--leaf); font-style: normal; }
.ai-product-result-path strong { color: var(--forest); }

.ai-product-next { padding: 112px 0; color: var(--white); background: #0e2a1e; }
.ai-product-next-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(290px,0.42fr); align-items: end; gap: 86px; }
.ai-product-next .section-index { color: var(--lime); }
.ai-product-next h2 { max-width: 820px; font-size: clamp(2.7rem,4.5vw,4.65rem); }
.ai-product-next-links { display: grid; border-top: 1px solid rgba(255,255,255,0.2); }
.ai-product-next-links a { display: flex; justify-content: space-between; gap: 20px; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,0.2); color: var(--white); font-size: 0.9rem; font-weight: 740; text-decoration: none; }
.ai-product-next-links a span { color: var(--lime); transition: transform 160ms ease; }
.ai-product-next-links a:hover span { transform: translate(2px,-2px); }

@media (max-width: 1050px) {
    .ai-product-hero-grid,
    .ai-product-source-grid,
    .ai-product-structure-heading,
    .ai-product-control-grid,
    .ai-product-next-grid { grid-template-columns: 1fr; gap: 48px; }
    .ai-product-hero-copy { max-width: 780px; }
    .ai-product-hero-screen,
    .ai-product-source-window { width: min(860px,100%); }
    .ai-product-source-copy,
    .ai-product-control-copy { max-width: 720px; }
    .ai-product-structure-heading > p { max-width: 720px; }
    .ai-product-approval-card { width: min(620px,100%); }
    .ai-product-next-links { max-width: 560px; }
}

@media (max-width: 760px) {
    .ai-product-hero { padding: 28px 0 78px; }
    .ai-product-hero .breadcrumbs { margin-bottom: 52px; }
    .ai-product-hero-grid { gap: 42px; }
    .ai-product-hero-copy h1 { font-size: clamp(2.65rem,11.4vw,3.3rem); }
    .ai-product-hero-copy > p:not(.eyebrow) { margin-top: 24px; font-size: 1rem; }
    .ai-product-screen { border-radius: 13px; }
    .ai-product-hero-screen,
    .ai-product-source-window,
    .ai-product-draft-window,
    .ai-product-structure-window,
    .ai-product-result-window { transform: none; }
    .ai-product-hero-screen .image-zoom-trigger { height: 390px; }
    .ai-product-hero-screen img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 28% top; }
    .ai-product-screen figcaption { min-height: 66px; align-items: flex-start; flex-direction: column; gap: 3px; padding-block: 13px; }
    .ai-product-screen figcaption strong { margin-left: 0; }

    .ai-product-source,
    .ai-product-draft,
    .ai-product-structure,
    .ai-product-control,
    .ai-product-result { padding: 78px 0 84px; }
    .ai-product-source-copy h2,
    .ai-product-control-copy h2,
    .ai-product-heading h2,
    .ai-product-structure-heading h2 { font-size: clamp(2.35rem,10.5vw,3.2rem); }
    .ai-product-source-copy > p:not(.section-index),
    .ai-product-control-copy > p:not(.section-index),
    .ai-product-structure-heading > p { font-size: 1rem; }
    .ai-product-source-window .image-zoom-trigger { height: 360px; }
    .ai-product-source-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 50% top; }

    .ai-product-heading { grid-template-columns: 1fr; gap: 8px; }
    .ai-product-heading > div > p { margin-top: 23px; font-size: 1rem; }
    .ai-product-draft-window,
    .ai-product-result-window { margin-top: 50px; }
    .ai-product-draft-window .image-zoom-trigger,
    .ai-product-result-window .image-zoom-trigger { height: 400px; }
    .ai-product-draft-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 25% top; }
    .ai-product-result-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 29% top; }
    .ai-product-field-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .ai-product-field-grid li { min-height: 76px; padding: 16px; }

    .ai-product-structure-window { margin-top: 50px; }
    .ai-product-structure-window .image-zoom-trigger { height: 410px; }
    .ai-product-structure-window img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 31% top; }
    .ai-product-structure-cards { grid-template-columns: 1fr; }
    .ai-product-structure-cards article { min-height: 0; }
    .ai-product-structure-cards h3 { margin-top: 30px; }
    .ai-product-approval-card { padding: 29px 25px 31px; }
    .ai-product-result-path { justify-content: center; flex-wrap: wrap; border-radius: 14px; text-align: center; }
    .ai-product-next { padding: 78px 0; }
    .ai-product-next-grid { gap: 40px; }
    .ai-product-next h2 { font-size: clamp(2.35rem,10.4vw,3.2rem); }
}

/* KI-Übersetzungen */
.translation-hero { padding: 42px 0 108px; overflow: hidden; background: radial-gradient(circle at 82% 45%, rgba(185,239,114,0.28), transparent 27rem), #eaf4ee; }
.translation-hero-grid { display: grid; grid-template-columns: minmax(0,0.82fr) minmax(590px,1.18fr); align-items: center; gap: 64px; }
.translation-hero-grid > *,
.translation-heading > *,
.translation-field-grid > *,
.translation-bulk-heading > *,
.translation-control-grid > *,
.translation-next-grid > * { min-width: 0; }
.translation-hero-copy h1 { max-width: 680px; font-size: clamp(3.15rem,4.55vw,4.95rem); }
.translation-hero-copy > p:not(.eyebrow) { max-width: 620px; margin: 29px 0 36px; color: var(--muted); font-size: 1.07rem; line-height: 1.72; }
.translation-screen { margin: 0; overflow: hidden; border: 1px solid rgba(24,62,43,0.16); border-radius: 20px; background: var(--white); box-shadow: 0 30px 80px rgba(26,69,47,0.15); }
.translation-screen img { display: block; width: 100%; height: auto; }
.translation-screen figcaption { display: flex; min-height: 62px; align-items: center; gap: 16px; padding: 12px 20px; border-bottom: 1px solid var(--line); background: #fbfcfb; }
.translation-screen figcaption span { color: var(--leaf); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.1em; text-transform: uppercase; }
.translation-screen figcaption strong { margin-left: auto; font-size: 0.82rem; }
.translation-hero-screen { width: 800px; max-width: 100%; transform: rotate(0.5deg); }
.translation-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 66px 0 0; padding: 0; border-top: 1px solid rgba(24,62,43,0.18); border-left: 1px solid rgba(24,62,43,0.18); list-style: none; }
.translation-steps li { display: flex; min-height: 78px; align-items: center; gap: 16px; padding: 17px 20px; border-right: 1px solid rgba(24,62,43,0.18); border-bottom: 1px solid rgba(24,62,43,0.18); background: rgba(255,255,255,0.38); }
.translation-steps span { color: var(--leaf); font-size: 0.66rem; font-weight: 850; letter-spacing: 0.08em; }
.translation-steps strong { font-size: 0.86rem; }

.translation-cockpit,
.translation-field,
.translation-bulk,
.translation-control { padding: 112px 0 120px; }
.translation-cockpit { background: var(--white); }
.translation-heading { display: grid; grid-template-columns: minmax(180px,0.28fr) minmax(0,1fr); align-items: start; gap: 70px; }
.translation-heading h2,
.translation-bulk-heading h2 { max-width: 940px; font-size: clamp(2.8rem,4.8vw,5rem); }
.translation-heading > div > p { max-width: 710px; margin: 27px 0 0; color: var(--muted); font-size: 1.04rem; line-height: 1.72; }
.translation-cockpit-screen { margin-top: 64px; transform: rotate(-0.25deg); }
.translation-status-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 29px 0 0; padding: 0; border: 1px solid var(--line); border-radius: 16px; list-style: none; }
.translation-status-grid li { display: flex; min-height: 70px; align-items: center; gap: 12px; padding: 16px 20px; border-right: 1px solid var(--line); }
.translation-status-grid li:last-child { border-right: 0; }
.translation-status-grid i { width: 10px; height: 10px; flex: 0 0 auto; border-radius: 50%; background: #d84d4d; }
.translation-status-grid .is-review { background: #e3ad3e; }
.translation-status-grid .is-complete { background: #39aa57; }
.translation-status-grid .is-source { background: #8b9a91; }
.translation-status-grid span { font-size: 0.78rem; font-weight: 740; }

.translation-field { background: #edf5f0; }
.translation-field-grid { display: grid; grid-template-columns: minmax(340px,0.62fr) minmax(590px,1.08fr); align-items: center; gap: 76px; }
.translation-field-copy h2,
.translation-control h2 { margin: 0; font-size: clamp(2.7rem,4.25vw,4.45rem); line-height: 0.99; letter-spacing: -0.052em; }
.translation-field-copy > p:not(.section-index),
.translation-control-grid > div:first-child > p:not(.section-index) { max-width: 590px; margin: 27px 0 0; color: var(--muted); font-size: 1.02rem; line-height: 1.72; }
.translation-field-copy ul { display: grid; gap: 0; margin: 31px 0 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.translation-field-copy li { padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 0.78rem; font-weight: 740; }
.translation-field-copy li::before { content: "✓"; margin-right: 11px; color: var(--leaf); }
.translation-field-screen { transform: rotate(0.35deg); }

.translation-bulk { color: var(--white); background: #153c2a; }
.translation-bulk-heading { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(300px,0.55fr); align-items: end; gap: 86px; }
.translation-bulk-heading .section-index { color: var(--lime); }
.translation-bulk-heading > p { margin: 0 0 7px; color: #b8c8be; font-size: 1.02rem; line-height: 1.72; }
.translation-bulk-screen { margin-top: 64px; border-color: rgba(255,255,255,0.2); transform: rotate(-0.25deg); box-shadow: 0 36px 90px rgba(0,0,0,0.31); }
.translation-bulk-screen figcaption { color: var(--white); border-color: rgba(255,255,255,0.16); background: #285b40; }
.translation-bulk-screen figcaption span { color: var(--lime); }
.translation-options { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-top: 28px; }
.translation-options article { min-height: 180px; padding: 23px 24px; border: 1px solid rgba(255,255,255,0.18); border-radius: 15px; background: rgba(255,255,255,0.035); }
.translation-options span { color: var(--lime); font-size: 0.66rem; font-weight: 850; letter-spacing: 0.08em; }
.translation-options h3 { margin: 35px 0 0; font-size: 1.04rem; }
.translation-options p { margin: 9px 0 0; color: #b8c8be; font-size: 0.76rem; line-height: 1.55; }

.translation-control { background: #f5f8f5; }
.translation-control-grid { display: grid; grid-template-columns: minmax(0,0.9fr) minmax(480px,0.8fr); align-items: center; gap: 94px; }
.translation-control-list { display: grid; border-top: 1px solid var(--line); }
.translation-control-list article { display: grid; grid-template-columns: 46px 1fr; gap: 18px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.translation-control-list article > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; color: var(--white); background: var(--forest); font-size: 0.84rem; font-weight: 850; }
.translation-control-list strong { font-size: 0.9rem; }
.translation-control-list p { margin: 6px 0 0; color: var(--muted); font-size: 0.78rem; line-height: 1.55; }

.translation-next { padding: 112px 0; color: var(--white); background: #0e2a1e; }
.translation-next-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(290px,0.42fr); align-items: end; gap: 86px; }
.translation-next .section-index { color: var(--lime); }
.translation-next h2 { max-width: 850px; font-size: clamp(2.7rem,4.5vw,4.65rem); }
.translation-next-links { display: grid; border-top: 1px solid rgba(255,255,255,0.2); }
.translation-next-links a { display: flex; justify-content: space-between; gap: 20px; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,0.2); color: var(--white); font-size: 0.9rem; font-weight: 740; text-decoration: none; }
.translation-next-links a span { color: var(--lime); transition: transform 160ms ease; }
.translation-next-links a:hover span { transform: translate(2px,-2px); }

@media (max-width: 1050px) {
    .translation-hero-grid,
    .translation-field-grid,
    .translation-bulk-heading,
    .translation-control-grid,
    .translation-next-grid { grid-template-columns: 1fr; gap: 48px; }
    .translation-hero-copy { max-width: 780px; }
    .translation-hero-screen,
    .translation-field-screen { width: min(860px,100%); }
    .translation-field-copy,
    .translation-control-grid > div:first-child { max-width: 720px; }
    .translation-bulk-heading > p { max-width: 720px; }
    .translation-next-links { max-width: 560px; }
}

@media (max-width: 760px) {
    .translation-hero { padding: 28px 0 78px; }
    .translation-hero .breadcrumbs { margin-bottom: 52px; }
    .translation-hero-grid { gap: 42px; }
    .translation-hero-copy h1 { font-size: clamp(2.65rem,11.2vw,3.28rem); }
    .translation-hero-copy > p:not(.eyebrow) { margin-top: 24px; font-size: 1rem; }
    .translation-screen { border-radius: 13px; }
    .translation-hero-screen,
    .translation-cockpit-screen,
    .translation-field-screen,
    .translation-bulk-screen { transform: none; }
    .translation-screen figcaption { min-height: 66px; align-items: flex-start; flex-direction: column; gap: 3px; padding-block: 13px; }
    .translation-screen figcaption strong { margin-left: 0; }
    .translation-hero-screen .image-zoom-trigger { height: 390px; }
    .translation-hero-screen img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 22% top; }
    .translation-steps { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 46px; }

    .translation-cockpit,
    .translation-field,
    .translation-bulk,
    .translation-control { padding: 78px 0 84px; }
    .translation-heading { grid-template-columns: 1fr; gap: 8px; }
    .translation-heading h2,
    .translation-field-copy h2,
    .translation-bulk-heading h2,
    .translation-control h2 { font-size: clamp(2.35rem,10.5vw,3.2rem); }
    .translation-heading > div > p,
    .translation-field-copy > p:not(.section-index),
    .translation-bulk-heading > p,
    .translation-control-grid > div:first-child > p:not(.section-index) { font-size: 1rem; }
    .translation-cockpit-screen,
    .translation-bulk-screen { margin-top: 50px; }
    .translation-cockpit-screen .image-zoom-trigger,
    .translation-field-screen .image-zoom-trigger,
    .translation-bulk-screen .image-zoom-trigger { height: 400px; }
    .translation-cockpit-screen img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 7% top; }
    .translation-field-screen img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 27% top; }
    .translation-bulk-screen img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 23% top; }
    .translation-status-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .translation-status-grid li:nth-child(2) { border-right: 0; }
    .translation-status-grid li:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
    .translation-options { grid-template-columns: 1fr; }
    .translation-options article { min-height: 0; }
    .translation-options h3 { margin-top: 28px; }
    .translation-control-grid { gap: 46px; }
    .translation-next { padding: 78px 0; }
    .translation-next-grid { gap: 40px; }
    .translation-next h2 { font-size: clamp(2.35rem,10.4vw,3.2rem); }
}

/* E-Mail- & Dokumentvorlagen */
.template-hero { padding: 42px 0 108px; overflow: hidden; background: radial-gradient(circle at 84% 48%, rgba(185,239,114,0.26), transparent 28rem), #eaf4ee; }
.template-hero-grid { display: grid; grid-template-columns: minmax(0,0.82fr) minmax(580px,1.18fr); align-items: center; gap: 66px; }
.template-hero-grid > *,
.template-emails-grid > *,
.template-heading > *,
.template-documents-heading > *,
.template-numbering-grid > *,
.template-notifications-grid > *,
.template-next-grid > * { min-width: 0; }
.template-hero-copy h1 { max-width: 680px; font-size: clamp(3.15rem,4.6vw,5rem); }
.template-hero-copy > p:not(.eyebrow) { max-width: 610px; margin: 29px 0 36px; color: var(--muted); font-size: 1.07rem; line-height: 1.72; }
.template-screen { margin: 0; overflow: hidden; border: 1px solid rgba(24,62,43,0.16); border-radius: 20px; background: var(--white); box-shadow: 0 30px 80px rgba(26,69,47,0.15); }
.template-screen img { display: block; width: 100%; height: auto; }
.template-screen figcaption { display: flex; min-height: 62px; align-items: center; gap: 16px; padding: 12px 20px; border-bottom: 1px solid var(--line); background: #fbfcfb; }
.template-screen figcaption span { color: var(--leaf); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.1em; text-transform: uppercase; }
.template-screen figcaption strong { margin-left: auto; font-size: 0.82rem; }
.template-hero-screen { width: 790px; max-width: 100%; transform: rotate(0.45deg); }
.template-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 66px 0 0; padding: 0; border-top: 1px solid rgba(24,62,43,0.18); border-left: 1px solid rgba(24,62,43,0.18); list-style: none; }
.template-facts li { display: flex; min-height: 86px; flex-direction: column; justify-content: center; gap: 5px; padding: 16px 20px; border-right: 1px solid rgba(24,62,43,0.18); border-bottom: 1px solid rgba(24,62,43,0.18); background: rgba(255,255,255,0.38); }
.template-facts span { color: var(--leaf); font-size: 0.72rem; font-weight: 850; letter-spacing: 0.05em; }
.template-facts strong { font-size: 0.84rem; }

.template-emails,
.template-design,
.template-documents,
.template-numbering,
.template-notifications { padding: 112px 0 120px; }
.template-emails { background: var(--white); }
.template-emails-grid { display: grid; grid-template-columns: minmax(340px,0.62fr) minmax(590px,1.08fr); align-items: center; gap: 76px; }
.template-emails-copy h2,
.template-numbering-copy h2,
.template-notifications-copy h2 { margin: 0; font-size: clamp(2.7rem,4.25vw,4.45rem); line-height: 0.99; letter-spacing: -0.052em; }
.template-emails-copy > p:not(.section-index),
.template-numbering-copy > p:not(.section-index),
.template-notifications-copy > p:not(.section-index) { max-width: 590px; margin: 27px 0 0; color: var(--muted); font-size: 1.02rem; line-height: 1.72; }
.template-mail-tags,
.template-number-types { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 31px; }
.template-mail-tags span,
.template-number-types span { padding: 9px 12px; border: 1px solid var(--line); border-radius: 999px; color: var(--forest); background: #f7faf8; font-size: 0.7rem; font-weight: 720; }
.template-emails-screen { transform: rotate(-0.35deg); }
.template-emails-screen .image-zoom-trigger { height: 690px; overflow: hidden; }
.template-emails-screen img { min-height: 100%; object-fit: cover; object-position: top; }

.template-design { background: #edf5f0; }
.template-heading { display: grid; grid-template-columns: minmax(180px,0.28fr) minmax(0,1fr); align-items: start; gap: 70px; }
.template-heading h2,
.template-documents-heading h2 { max-width: 940px; font-size: clamp(2.8rem,4.8vw,5rem); }
.template-heading > div > p { max-width: 720px; margin: 27px 0 0; color: var(--muted); font-size: 1.04rem; line-height: 1.72; }
.template-design-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 64px; }
.template-design-gallery figure:first-child { transform: rotate(-0.3deg); }
.template-design-gallery figure:last-child { transform: translateY(28px) rotate(0.3deg); }
.template-design-gallery .image-zoom-trigger { height: 420px; overflow: hidden; }
.template-design-gallery img { min-height: 100%; object-fit: cover; object-position: top; }

.template-documents { color: var(--white); background: #153c2a; }
.template-documents-heading { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(300px,0.55fr); align-items: end; gap: 86px; }
.template-documents-heading .section-index { color: var(--lime); }
.template-documents-heading > p { margin: 0 0 7px; color: #b8c8be; font-size: 1.02rem; line-height: 1.72; }
.template-documents-screen { margin-top: 64px; border-color: rgba(255,255,255,0.2); transform: rotate(-0.2deg); box-shadow: 0 36px 90px rgba(0,0,0,0.31); }
.template-documents-screen figcaption { color: var(--white); border-color: rgba(255,255,255,0.16); background: #285b40; }
.template-documents-screen figcaption span { color: var(--lime); }
.template-documents-screen .image-zoom-trigger { height: 760px; overflow: hidden; }
.template-documents-screen img { object-fit: cover; object-position: top; }
.template-document-options { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin: 28px 0 0; padding: 0; list-style: none; }
.template-document-options li { display: flex; min-height: 78px; align-items: center; gap: 14px; padding: 17px 20px; border: 1px solid rgba(255,255,255,0.18); border-radius: 14px; background: rgba(255,255,255,0.035); }
.template-document-options span { color: var(--lime); font-size: 0.66rem; font-weight: 850; }
.template-document-options strong { font-size: 0.78rem; }

.template-numbering { background: #f5f8f5; }
.template-numbering-grid { display: grid; grid-template-columns: minmax(590px,1.08fr) minmax(340px,0.62fr); align-items: center; gap: 78px; }
.template-numbering-screen { transform: rotate(0.35deg); }
.template-numbering-copy { order: 2; }

.template-notifications { background: #eaf4ee; }
.template-notifications-grid { display: grid; grid-template-columns: minmax(340px,0.62fr) minmax(590px,1.08fr); align-items: center; gap: 76px; }
.template-notifications-copy ul { display: grid; gap: 0; margin: 31px 0 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.template-notifications-copy li { padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 0.78rem; font-weight: 740; }
.template-notifications-copy li::before { content: "✓"; margin-right: 11px; color: var(--leaf); }
.template-notifications-screen { transform: rotate(-0.35deg); }

.template-next { padding: 112px 0; color: var(--white); background: #0e2a1e; }
.template-next-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(290px,0.42fr); align-items: end; gap: 86px; }
.template-next .section-index { color: var(--lime); }
.template-next h2 { max-width: 850px; font-size: clamp(2.7rem,4.5vw,4.65rem); }
.template-next-links { display: grid; border-top: 1px solid rgba(255,255,255,0.2); }
.template-next-links a { display: flex; justify-content: space-between; gap: 20px; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,0.2); color: var(--white); font-size: 0.9rem; font-weight: 740; text-decoration: none; }
.template-next-links a span { color: var(--lime); transition: transform 160ms ease; }
.template-next-links a:hover span { transform: translate(2px,-2px); }

@media (max-width: 1050px) {
    .template-hero-grid,
    .template-emails-grid,
    .template-documents-heading,
    .template-numbering-grid,
    .template-notifications-grid,
    .template-next-grid { grid-template-columns: 1fr; gap: 48px; }
    .template-hero-copy { max-width: 780px; }
    .template-hero-screen,
    .template-emails-screen,
    .template-numbering-screen,
    .template-notifications-screen { width: min(860px,100%); }
    .template-emails-copy,
    .template-numbering-copy,
    .template-notifications-copy { max-width: 720px; }
    .template-numbering-copy { order: -1; }
    .template-documents-heading > p { max-width: 720px; }
    .template-next-links { max-width: 560px; }
}

@media (max-width: 760px) {
    .template-hero { padding: 28px 0 78px; }
    .template-hero .breadcrumbs { margin-bottom: 52px; }
    .template-hero-grid { gap: 42px; }
    .template-hero-copy h1 { font-size: clamp(2.65rem,11.2vw,3.28rem); }
    .template-hero-copy > p:not(.eyebrow) { margin-top: 24px; font-size: 1rem; }
    .template-screen { border-radius: 13px; }
    .template-hero-screen,
    .template-emails-screen,
    .template-design-gallery figure:first-child,
    .template-design-gallery figure:last-child,
    .template-documents-screen,
    .template-numbering-screen,
    .template-notifications-screen { transform: none; }
    .template-screen figcaption { min-height: 66px; align-items: flex-start; flex-direction: column; gap: 3px; padding-block: 13px; }
    .template-screen figcaption strong { margin-left: 0; }
    .template-hero-screen .image-zoom-trigger { height: 390px; }
    .template-hero-screen img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 42% top; }
    .template-facts { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 46px; }

    .template-emails,
    .template-design,
    .template-documents,
    .template-numbering,
    .template-notifications { padding: 78px 0 84px; }
    .template-emails-copy h2,
    .template-heading h2,
    .template-documents-heading h2,
    .template-numbering-copy h2,
    .template-notifications-copy h2 { font-size: clamp(2.35rem,10.5vw,3.2rem); }
    .template-emails-copy > p:not(.section-index),
    .template-heading > div > p,
    .template-documents-heading > p,
    .template-numbering-copy > p:not(.section-index),
    .template-notifications-copy > p:not(.section-index) { font-size: 1rem; }
    .template-emails-screen .image-zoom-trigger,
    .template-numbering-screen .image-zoom-trigger,
    .template-notifications-screen .image-zoom-trigger { height: 410px; }
    .template-emails-screen img { width: 100%; max-width: 100%; height: auto; min-height: 0; object-fit: initial; object-position: top; }
    .template-numbering-screen img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 18% top; }
    .template-notifications-screen img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 22% top; }
    .template-heading { grid-template-columns: 1fr; gap: 8px; }
    .template-design-gallery { grid-template-columns: 1fr; margin-top: 50px; }
    .template-design-gallery figure:last-child { margin-top: 0; }
    .template-design-gallery .image-zoom-trigger { height: 360px; }
    .template-documents-screen { margin-top: 50px; }
    .template-documents-screen .image-zoom-trigger { height: 440px; }
    .template-documents-screen img { width: 100%; max-width: 100%; height: auto; object-fit: initial; object-position: top; }
    .template-document-options { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .template-document-options li { min-height: 88px; align-items: flex-start; flex-direction: column; }
    .template-next { padding: 78px 0; }
    .template-next-grid { gap: 40px; }
    .template-next h2 { font-size: clamp(2.35rem,10.4vw,3.2rem); }
}

/* Benutzer & Sicherheit */
.security-hero { padding: 42px 0 108px; overflow: hidden; background: radial-gradient(circle at 86% 42%, rgba(185,239,114,0.27), transparent 29rem), #eaf4ee; }
.security-hero-grid { display: grid; grid-template-columns: minmax(0,0.78fr) minmax(600px,1.22fr); align-items: center; gap: 68px; }
.security-hero-grid > *,
.security-users-grid > *,
.security-roles-heading > *,
.security-mfa-grid > *,
.security-logs-heading > *,
.security-tasks-grid > *,
.security-next-grid > * { min-width: 0; }
.security-hero-copy h1 { max-width: 660px; font-size: clamp(3.15rem,4.65vw,5.1rem); }
.security-hero-copy > p:not(.eyebrow) { max-width: 610px; margin: 29px 0 36px; color: var(--muted); font-size: 1.07rem; line-height: 1.72; }
.security-screen { margin: 0; overflow: hidden; border: 1px solid rgba(24,62,43,0.16); border-radius: 20px; background: var(--white); box-shadow: 0 30px 80px rgba(26,69,47,0.15); }
.security-screen img { display: block; width: 100%; height: auto; }
.security-screen figcaption { display: flex; min-height: 62px; align-items: center; gap: 16px; padding: 12px 20px; border-bottom: 1px solid var(--line); background: #fbfcfb; }
.security-screen figcaption span { color: var(--leaf); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.1em; text-transform: uppercase; }
.security-screen figcaption strong { margin-left: auto; font-size: 0.82rem; }
.security-hero-screen { width: 810px; max-width: 100%; transform: rotate(0.42deg); }
.security-hero-screen .image-zoom-trigger { aspect-ratio: 16 / 10; height: auto; overflow: hidden; background: #f4f8f5; }
.security-hero-screen img { width: 100%; height: 100%; min-height: 0; object-fit: contain; object-position: center top; }
.security-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 66px 0 0; padding: 0; border-top: 1px solid rgba(24,62,43,0.18); border-left: 1px solid rgba(24,62,43,0.18); list-style: none; }
.security-facts li { display: flex; min-height: 86px; flex-direction: column; justify-content: center; gap: 5px; padding: 16px 20px; border-right: 1px solid rgba(24,62,43,0.18); border-bottom: 1px solid rgba(24,62,43,0.18); background: rgba(255,255,255,0.38); }
.security-facts span { color: var(--leaf); font-size: 0.72rem; font-weight: 850; letter-spacing: 0.05em; }
.security-facts strong { font-size: 0.84rem; }

.security-users,
.security-roles,
.security-mfa,
.security-logs,
.security-tasks { padding: 112px 0 120px; }
.security-users { background: var(--white); }
.security-users-grid { display: grid; grid-template-columns: minmax(340px,0.62fr) minmax(590px,1.08fr); align-items: center; gap: 76px; }
.security-users-copy h2,
.security-mfa-copy h2,
.security-tasks-copy h2 { margin: 0; font-size: clamp(2.7rem,4.25vw,4.45rem); line-height: 0.99; letter-spacing: -0.052em; }
.security-users-copy > p:not(.section-index),
.security-mfa-copy > p:not(.section-index),
.security-tasks-copy > p:not(.section-index) { max-width: 590px; margin: 27px 0 0; color: var(--muted); font-size: 1.02rem; line-height: 1.72; }
.security-user-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 31px; }
.security-user-tags span { padding: 9px 12px; border: 1px solid var(--line); border-radius: 999px; color: var(--forest); background: #f7faf8; font-size: 0.7rem; font-weight: 720; }
.security-users-screen { transform: rotate(-0.35deg); }

.security-roles { color: var(--white); background: #153c2a; }
.security-roles-heading { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(300px,0.55fr); align-items: end; gap: 86px; }
.security-roles-heading .section-index { color: var(--lime); }
.security-roles-heading h2,
.security-logs-heading h2 { max-width: 940px; font-size: clamp(2.8rem,4.8vw,5rem); }
.security-roles-heading > p { margin: 0 0 7px; color: #b8c8be; font-size: 1.02rem; line-height: 1.72; }
.security-roles-screen { margin-top: 64px; border-color: rgba(255,255,255,0.2); transform: rotate(-0.2deg); box-shadow: 0 36px 90px rgba(0,0,0,0.31); }
.security-roles-screen figcaption { color: var(--white); border-color: rgba(255,255,255,0.16); background: #285b40; }
.security-roles-screen figcaption span { color: var(--lime); }
.security-roles-screen .image-zoom-trigger { height: 660px; overflow: hidden; }
.security-roles-screen img { min-height: 100%; object-fit: cover; object-position: top; }
.security-action-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-top: 28px; }
.security-action-grid article { min-height: 170px; padding: 23px 24px; border: 1px solid rgba(255,255,255,0.18); border-radius: 15px; background: rgba(255,255,255,0.035); }
.security-action-grid span { color: var(--lime); font-size: 0.66rem; font-weight: 850; letter-spacing: 0.08em; }
.security-action-grid strong { display: block; margin-top: 34px; font-size: 1.04rem; }
.security-action-grid p { margin: 9px 0 0; color: #b8c8be; font-size: 0.76rem; line-height: 1.55; }

.security-mfa { background: #edf5f0; }
.security-mfa-grid { display: grid; grid-template-columns: minmax(590px,1.08fr) minmax(340px,0.62fr); align-items: center; gap: 78px; }
.security-mfa-screen { transform: rotate(0.35deg); }
.security-mfa-copy { order: 2; }
.security-mfa-copy ul { display: grid; gap: 0; margin: 31px 0 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.security-mfa-copy li { padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 0.78rem; font-weight: 740; }
.security-mfa-copy li::before { content: "✓"; margin-right: 11px; color: var(--leaf); }

.security-logs { background: var(--white); }
.security-logs-heading { display: grid; grid-template-columns: minmax(180px,0.28fr) minmax(0,1fr); align-items: start; gap: 70px; }
.security-logs-heading > div > p { max-width: 720px; margin: 27px 0 0; color: var(--muted); font-size: 1.04rem; line-height: 1.72; }
.security-logs-screen { margin-top: 64px; transform: rotate(-0.25deg); }
.security-log-fields { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); margin: 29px 0 0; padding: 0; border: 1px solid var(--line); border-radius: 16px; list-style: none; }
.security-log-fields li { min-height: 66px; padding: 22px 20px; border-right: 1px solid var(--line); color: var(--forest); font-size: 0.76rem; font-weight: 760; }
.security-log-fields li:last-child { border-right: 0; }

.security-tasks { background: #eaf4ee; }
.security-tasks-grid { display: grid; grid-template-columns: minmax(340px,0.62fr) minmax(590px,1.08fr); align-items: center; gap: 76px; }
.security-tasks-screen { transform: rotate(0.35deg); }
.security-task-path { display: flex; width: fit-content; max-width: 100%; align-items: center; gap: 12px; margin-top: 31px; padding: 13px 17px; border: 1px solid rgba(24,62,43,0.18); border-radius: 999px; color: var(--muted); font-size: 0.72rem; }
.security-task-path i { color: var(--leaf); font-style: normal; }
.security-task-path strong { color: var(--forest); }

.security-next { padding: 112px 0; color: var(--white); background: #0e2a1e; }
.security-next-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(290px,0.42fr); align-items: end; gap: 86px; }
.security-next .section-index { color: var(--lime); }
.security-next h2 { max-width: 850px; font-size: clamp(2.7rem,4.5vw,4.65rem); }
.security-next-links { display: grid; border-top: 1px solid rgba(255,255,255,0.2); }
.security-next-links a { display: flex; justify-content: space-between; gap: 20px; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,0.2); color: var(--white); font-size: 0.9rem; font-weight: 740; text-decoration: none; }
.security-next-links a span { color: var(--lime); transition: transform 160ms ease; }
.security-next-links a:hover span { transform: translate(2px,-2px); }

@media (max-width: 1050px) {
    .security-hero-grid,
    .security-users-grid,
    .security-roles-heading,
    .security-mfa-grid,
    .security-tasks-grid,
    .security-next-grid { grid-template-columns: 1fr; gap: 48px; }
    .security-hero-copy { max-width: 780px; }
    .security-hero-screen,
    .security-users-screen,
    .security-mfa-screen,
    .security-tasks-screen { width: min(860px,100%); }
    .security-users-copy,
    .security-mfa-copy,
    .security-tasks-copy { max-width: 720px; }
    .security-mfa-copy { order: -1; }
    .security-roles-heading > p { max-width: 720px; }
    .security-next-links { max-width: 560px; }
}

@media (max-width: 760px) {
    .security-hero { padding: 28px 0 78px; }
    .security-hero .breadcrumbs { margin-bottom: 52px; }
    .security-hero-grid { gap: 42px; }
    .security-hero-copy h1 { font-size: clamp(2.65rem,11.2vw,3.28rem); }
    .security-hero-copy > p:not(.eyebrow) { margin-top: 24px; font-size: 1rem; }
    .security-screen { border-radius: 13px; }
    .security-hero-screen,
    .security-users-screen,
    .security-roles-screen,
    .security-mfa-screen,
    .security-logs-screen,
    .security-tasks-screen { transform: none; }
    .security-screen figcaption { min-height: 66px; align-items: flex-start; flex-direction: column; gap: 3px; padding-block: 13px; }
    .security-screen figcaption strong { margin-left: 0; }
    .security-hero-screen .image-zoom-trigger { aspect-ratio: 16 / 10; height: auto; }
    .security-hero-screen img { width: 100%; max-width: 100%; height: 100%; object-fit: contain; object-position: center top; }
    .security-facts { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 46px; }

    .security-users,
    .security-roles,
    .security-mfa,
    .security-logs,
    .security-tasks { padding: 78px 0 84px; }
    .security-users-copy h2,
    .security-roles-heading h2,
    .security-mfa-copy h2,
    .security-logs-heading h2,
    .security-tasks-copy h2 { font-size: clamp(2.35rem,10.5vw,3.2rem); }
    .security-users-copy > p:not(.section-index),
    .security-roles-heading > p,
    .security-mfa-copy > p:not(.section-index),
    .security-logs-heading > div > p,
    .security-tasks-copy > p:not(.section-index) { font-size: 1rem; }
    .security-users-screen .image-zoom-trigger,
    .security-mfa-screen .image-zoom-trigger,
    .security-tasks-screen .image-zoom-trigger { height: 400px; }
    .security-users-screen img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 28% top; }
    .security-mfa-screen img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 17% top; }
    .security-tasks-screen img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 17% top; }
    .security-roles-screen { margin-top: 50px; }
    .security-roles-screen .image-zoom-trigger,
    .security-logs-screen .image-zoom-trigger { height: 430px; overflow: hidden; }
    .security-roles-screen img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 22% top; }
    .security-logs-screen img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: 11% top; }
    .security-action-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .security-action-grid article { min-height: 160px; }
    .security-logs-heading { grid-template-columns: 1fr; gap: 8px; }
    .security-logs-screen { margin-top: 50px; }
    .security-log-fields { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .security-log-fields li { border-bottom: 1px solid var(--line); }
    .security-log-fields li:nth-child(2n) { border-right: 0; }
    .security-log-fields li:last-child { grid-column: 1 / -1; border-bottom: 0; }
    .security-task-path { justify-content: center; flex-wrap: wrap; }
    .security-next { padding: 78px 0; }
    .security-next-grid { gap: 40px; }
    .security-next h2 { font-size: clamp(2.35rem,10.4vw,3.2rem); }
}

/* Bestellverwaltung */
.orders-hero { padding: 42px 0 108px; overflow: hidden; background: radial-gradient(circle at 87% 39%, rgba(185,239,114,0.27), transparent 29rem), #eaf4ee; }
.orders-hero-grid { display: grid; grid-template-columns: minmax(340px,0.7fr) minmax(620px,1.3fr); align-items: center; gap: 68px; }
.orders-hero-grid > *,
.orders-heading > *,
.orders-status-heading > *,
.orders-manual-grid > *,
.orders-documents-grid > *,
.orders-next-grid > * { min-width: 0; }
.orders-hero-copy h1 { max-width: 630px; font-size: clamp(3.25rem,5vw,5.55rem); line-height: 0.94; letter-spacing: -0.06em; }
.orders-hero-copy > p:not(.eyebrow) { max-width: 570px; margin: 28px 0 36px; color: var(--muted); font-size: 1.07rem; line-height: 1.72; }
.orders-screen { margin: 0; overflow: hidden; border: 1px solid rgba(24,62,43,0.16); border-radius: 20px; background: var(--white); box-shadow: 0 30px 80px rgba(26,69,47,0.15); }
.orders-screen figcaption { display: flex; min-height: 62px; align-items: center; gap: 16px; padding: 12px 20px; border-bottom: 1px solid var(--line); background: #fbfcfb; }
.orders-screen figcaption span { color: var(--leaf); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.1em; text-transform: uppercase; }
.orders-screen figcaption strong { margin-left: auto; font-size: 0.82rem; }
.orders-screen .image-zoom-trigger { display: block; width: 100%; aspect-ratio: 16 / 10; height: auto; overflow: hidden; background: #f3f7f4; }
.orders-screen img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; object-position: center top; }
.orders-hero-screen { width: 850px; max-width: 100%; transform: rotate(0.32deg); }
.orders-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 66px 0 0; padding: 0; border-top: 1px solid rgba(24,62,43,0.18); border-left: 1px solid rgba(24,62,43,0.18); list-style: none; }
.orders-facts li { display: flex; min-height: 86px; flex-direction: column; justify-content: center; gap: 5px; padding: 16px 20px; border-right: 1px solid rgba(24,62,43,0.18); border-bottom: 1px solid rgba(24,62,43,0.18); background: rgba(255,255,255,0.38); }
.orders-facts span { color: var(--leaf); font-size: 0.7rem; font-weight: 850; letter-spacing: 0.05em; }
.orders-facts strong { font-size: 0.82rem; }

.orders-detail,
.orders-status,
.orders-manual,
.orders-documents,
.orders-refunds { padding: 112px 0 120px; }
.orders-detail { background: var(--white); }
.orders-heading { display: grid; grid-template-columns: minmax(190px,0.28fr) minmax(0,1fr); align-items: start; gap: 70px; }
.orders-heading h2,
.orders-status-heading h2 { max-width: 960px; font-size: clamp(2.85rem,4.8vw,5rem); }
.orders-heading > div > p { max-width: 760px; margin: 27px 0 0; color: var(--muted); font-size: 1.04rem; line-height: 1.72; }
.orders-detail-screen { margin-top: 64px; transform: rotate(-0.22deg); }
.orders-detail-path { display: flex; width: fit-content; max-width: 100%; align-items: center; gap: 12px; margin-top: 30px; padding: 13px 17px; border: 1px solid rgba(24,62,43,0.18); border-radius: 999px; color: var(--muted); font-size: 0.72rem; }
.orders-detail-path i { color: var(--leaf); font-style: normal; }
.orders-detail-path strong { color: var(--forest); }

.orders-status { color: var(--white); background: #153c2a; }
.orders-status-heading { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(310px,0.55fr); align-items: end; gap: 86px; }
.orders-status-heading .section-index { color: var(--lime); }
.orders-status-heading > p { margin: 0 0 7px; color: #b8c8be; font-size: 1.02rem; line-height: 1.72; }
.orders-status-screen { margin-top: 64px; border-color: rgba(255,255,255,0.2); transform: rotate(0.2deg); box-shadow: 0 36px 90px rgba(0,0,0,0.31); }
.orders-status-screen figcaption { color: var(--white); border-color: rgba(255,255,255,0.16); background: #285b40; }
.orders-status-screen figcaption span { color: var(--lime); }
.orders-status-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 28px 0 0; padding: 0; list-style: none; }
.orders-status-cards li { min-height: 148px; padding: 23px 24px; border: 1px solid rgba(255,255,255,0.18); border-radius: 15px; background: rgba(255,255,255,0.035); }
.orders-status-cards span { color: var(--lime); font-size: 0.66rem; font-weight: 850; letter-spacing: 0.08em; }
.orders-status-cards strong { display: block; margin-top: 28px; font-size: 1.04rem; }
.orders-status-cards small { display: block; margin-top: 7px; color: #b8c8be; font-size: 0.74rem; }

.orders-manual { background: #eaf4ee; }
.orders-manual-grid { display: grid; grid-template-columns: minmax(340px,0.58fr) minmax(620px,1.12fr); align-items: center; gap: 78px; }
.orders-manual-copy h2,
.orders-documents-copy h2 { margin: 0; font-size: clamp(2.7rem,4.25vw,4.5rem); line-height: 0.99; letter-spacing: -0.052em; }
.orders-manual-copy > p:not(.section-index),
.orders-documents-copy > p:not(.section-index) { max-width: 590px; margin: 27px 0 0; color: var(--muted); font-size: 1.02rem; line-height: 1.72; }
.orders-step-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 31px; }
.orders-step-list span,
.orders-step-list strong { padding: 9px 12px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,0.55); font-size: 0.7rem; }
.orders-step-list strong { color: var(--white); border-color: var(--forest); background: var(--forest); }
.orders-manual-screen { transform: rotate(0.32deg); }

.orders-documents { background: var(--white); }
.orders-documents-grid { display: grid; grid-template-columns: minmax(620px,1.12fr) minmax(340px,0.58fr); align-items: center; gap: 78px; }
.orders-documents-screen { transform: rotate(-0.28deg); }
.orders-documents-copy ul { display: grid; gap: 0; margin: 31px 0 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.orders-documents-copy li { padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 0.78rem; font-weight: 740; }
.orders-documents-copy li::before { content: "✓"; margin-right: 11px; color: var(--leaf); }

.orders-refunds { background: #edf5f0; }
.orders-refunds-screen { margin-top: 64px; transform: rotate(0.22deg); }

.orders-next { padding: 112px 0; color: var(--white); background: #0e2a1e; }
.orders-next-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(290px,0.42fr); align-items: end; gap: 86px; }
.orders-next .section-index { color: var(--lime); }
.orders-next h2 { max-width: 860px; font-size: clamp(2.7rem,4.5vw,4.65rem); }
.orders-next-links { display: grid; border-top: 1px solid rgba(255,255,255,0.2); }
.orders-next-links a { display: flex; justify-content: space-between; gap: 20px; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,0.2); color: var(--white); font-size: 0.9rem; font-weight: 740; text-decoration: none; }
.orders-next-links a span { color: var(--lime); transition: transform 160ms ease; }
.orders-next-links a:hover span { transform: translate(2px,-2px); }

@media (max-width: 1050px) {
    .orders-hero-grid,
    .orders-heading,
    .orders-status-heading,
    .orders-manual-grid,
    .orders-documents-grid,
    .orders-next-grid { grid-template-columns: 1fr; gap: 48px; }
    .orders-hero-copy { max-width: 780px; }
    .orders-hero-screen,
    .orders-manual-screen,
    .orders-documents-screen { width: min(880px,100%); }
    .orders-manual-copy,
    .orders-documents-copy { max-width: 720px; }
    .orders-documents-copy { order: -1; }
    .orders-status-heading > p { max-width: 720px; }
    .orders-next-links { max-width: 560px; }
}

@media (max-width: 760px) {
    .orders-hero { padding: 28px 0 78px; }
    .orders-hero .breadcrumbs { margin-bottom: 52px; }
    .orders-hero-grid { gap: 42px; }
    .orders-hero-copy h1 { font-size: clamp(2.75rem,11.8vw,3.42rem); }
    .orders-hero-copy > p:not(.eyebrow) { margin-top: 24px; font-size: 1rem; }
    .orders-screen { border-radius: 13px; }
    .orders-hero-screen,
    .orders-detail-screen,
    .orders-status-screen,
    .orders-manual-screen,
    .orders-documents-screen,
    .orders-refunds-screen { transform: none; }
    .orders-screen figcaption { min-height: 66px; align-items: flex-start; flex-direction: column; gap: 3px; padding-block: 13px; }
    .orders-screen figcaption strong { margin-left: 0; }
    .orders-screen .image-zoom-trigger { aspect-ratio: 16 / 10; height: auto; }
    .orders-screen img { width: 100%; max-width: 100%; height: 100%; object-fit: contain; object-position: center top; }
    .orders-facts { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 46px; }

    .orders-detail,
    .orders-status,
    .orders-manual,
    .orders-documents,
    .orders-refunds { padding: 78px 0 84px; }
    .orders-heading,
    .orders-status-heading { gap: 8px; }
    .orders-heading h2,
    .orders-status-heading h2,
    .orders-manual-copy h2,
    .orders-documents-copy h2 { font-size: clamp(2.35rem,10.5vw,3.2rem); }
    .orders-heading > div > p,
    .orders-status-heading > p,
    .orders-manual-copy > p:not(.section-index),
    .orders-documents-copy > p:not(.section-index) { font-size: 1rem; }
    .orders-detail-screen,
    .orders-status-screen,
    .orders-refunds-screen { margin-top: 50px; }
    .orders-detail-path { justify-content: center; flex-wrap: wrap; }
    .orders-status-cards { grid-template-columns: 1fr; }
    .orders-status-cards li { min-height: 130px; }
    .orders-next { padding: 78px 0; }
    .orders-next-grid { gap: 40px; }
    .orders-next h2 { font-size: clamp(2.35rem,10.4vw,3.2rem); }
}

/* Kundenkonten */
.customers-hero { padding: 42px 0 108px; overflow: hidden; background: radial-gradient(circle at 87% 39%, rgba(185,239,114,0.27), transparent 29rem), #eaf4ee; }
.customers-hero-grid { display: grid; grid-template-columns: minmax(340px,0.7fr) minmax(620px,1.3fr); align-items: center; gap: 68px; }
.customers-hero-grid > *,
.customers-heading > *,
.customers-approval-heading > *,
.customers-orders-grid > *,
.customers-next-grid > * { min-width: 0; }
.customers-hero-copy h1 { max-width: 640px; font-size: clamp(3.25rem,5vw,5.55rem); line-height: 0.94; letter-spacing: -0.06em; }
.customers-hero-copy > p:not(.eyebrow) { max-width: 570px; margin: 28px 0 36px; color: var(--muted); font-size: 1.07rem; line-height: 1.72; }
.customers-screen { margin: 0; overflow: hidden; border: 1px solid rgba(24,62,43,0.16); border-radius: 20px; background: var(--white); box-shadow: 0 30px 80px rgba(26,69,47,0.15); }
.customers-screen figcaption { display: flex; min-height: 62px; align-items: center; gap: 16px; padding: 12px 20px; border-bottom: 1px solid var(--line); background: #fbfcfb; }
.customers-screen figcaption span { color: var(--leaf); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.1em; text-transform: uppercase; }
.customers-screen figcaption strong { margin-left: auto; font-size: 0.82rem; }
.customers-screen .image-zoom-trigger { display: block; width: 100%; aspect-ratio: 16 / 10; height: auto; overflow: hidden; background: #f3f7f4; }
.customers-screen img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; object-position: center top; }
.customers-hero-screen { width: 850px; max-width: 100%; transform: rotate(0.32deg); }
.customers-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 66px 0 0; padding: 0; border-top: 1px solid rgba(24,62,43,0.18); border-left: 1px solid rgba(24,62,43,0.18); list-style: none; }
.customers-facts li { display: flex; min-height: 86px; flex-direction: column; justify-content: center; gap: 5px; padding: 16px 20px; border-right: 1px solid rgba(24,62,43,0.18); border-bottom: 1px solid rgba(24,62,43,0.18); background: rgba(255,255,255,0.38); }
.customers-facts span { color: var(--leaf); font-size: 0.7rem; font-weight: 850; letter-spacing: 0.05em; }
.customers-facts strong { font-size: 0.82rem; }

.customers-profiles,
.customers-approval,
.customers-orders,
.customers-storefront { padding: 112px 0 120px; }
.customers-profiles { background: var(--white); }
.customers-heading { display: grid; grid-template-columns: minmax(190px,0.28fr) minmax(0,1fr); align-items: start; gap: 70px; }
.customers-heading h2,
.customers-approval-heading h2 { max-width: 960px; font-size: clamp(2.85rem,4.8vw,5rem); }
.customers-heading > div > p { max-width: 760px; margin: 27px 0 0; color: var(--muted); font-size: 1.04rem; line-height: 1.72; }
.customers-profile-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 24px; margin-top: 64px; }
.customers-profile-screen { transform: rotate(-0.28deg); }
.customers-address-screen { margin-top: 54px; transform: rotate(0.3deg); }
.customers-profile-path { display: flex; width: fit-content; max-width: 100%; align-items: center; gap: 12px; margin-top: 30px; padding: 13px 17px; border: 1px solid rgba(24,62,43,0.18); border-radius: 999px; color: var(--muted); font-size: 0.72rem; }
.customers-profile-path i { color: var(--leaf); font-style: normal; }
.customers-profile-path strong { color: var(--forest); }

.customers-approval { color: var(--white); background: #153c2a; }
.customers-approval-heading { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(310px,0.55fr); align-items: end; gap: 86px; }
.customers-approval-heading .section-index { color: var(--lime); }
.customers-approval-heading > p { margin: 0 0 7px; color: #b8c8be; font-size: 1.02rem; line-height: 1.72; }
.customers-approval-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 24px; margin-top: 64px; }
.customers-approval-gallery .customers-screen { border-color: rgba(255,255,255,0.2); box-shadow: 0 36px 90px rgba(0,0,0,0.31); }
.customers-approval-gallery figcaption { color: var(--white); border-color: rgba(255,255,255,0.16); background: #285b40; }
.customers-approval-gallery figcaption span { color: var(--lime); }
.customers-filter-screen { transform: rotate(-0.25deg); }
.customers-approval-screen { margin-top: 54px; transform: rotate(0.27deg); }
.customers-status-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 28px 0 0; padding: 0; list-style: none; }
.customers-status-cards li { min-height: 148px; padding: 23px 24px; border: 1px solid rgba(255,255,255,0.18); border-radius: 15px; background: rgba(255,255,255,0.035); }
.customers-status-cards span { color: var(--lime); font-size: 0.66rem; font-weight: 850; letter-spacing: 0.08em; }
.customers-status-cards strong { display: block; margin-top: 28px; font-size: 1.04rem; }
.customers-status-cards small { display: block; margin-top: 7px; color: #b8c8be; font-size: 0.74rem; }

.customers-orders { background: #eaf4ee; }
.customers-orders-grid { display: grid; grid-template-columns: minmax(620px,1.12fr) minmax(340px,0.58fr); align-items: center; gap: 78px; }
.customers-orders-screen { transform: rotate(-0.28deg); }
.customers-orders-copy h2 { margin: 0; font-size: clamp(2.7rem,4.25vw,4.5rem); line-height: 0.99; letter-spacing: -0.052em; }
.customers-orders-copy > p:not(.section-index) { max-width: 590px; margin: 27px 0 0; color: var(--muted); font-size: 1.02rem; line-height: 1.72; }
.customers-orders-copy ul { display: grid; gap: 0; margin: 31px 0 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.customers-orders-copy li { padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 0.78rem; font-weight: 740; }
.customers-orders-copy li::before { content: "✓"; margin-right: 11px; color: var(--leaf); }

.customers-storefront { background: var(--white); }
.customers-storefront-screen { margin-top: 64px; transform: rotate(0.22deg); }

.customers-next { padding: 112px 0; color: var(--white); background: #0e2a1e; }
.customers-next-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(290px,0.42fr); align-items: end; gap: 86px; }
.customers-next .section-index { color: var(--lime); }
.customers-next h2 { max-width: 860px; font-size: clamp(2.7rem,4.5vw,4.65rem); }
.customers-next-links { display: grid; border-top: 1px solid rgba(255,255,255,0.2); }
.customers-next-links a { display: flex; justify-content: space-between; gap: 20px; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,0.2); color: var(--white); font-size: 0.9rem; font-weight: 740; text-decoration: none; }
.customers-next-links a span { color: var(--lime); transition: transform 160ms ease; }
.customers-next-links a:hover span { transform: translate(2px,-2px); }

@media (max-width: 1050px) {
    .customers-hero-grid,
    .customers-heading,
    .customers-approval-heading,
    .customers-orders-grid,
    .customers-next-grid { grid-template-columns: 1fr; gap: 48px; }
    .customers-hero-copy { max-width: 780px; }
    .customers-hero-screen,
    .customers-orders-screen { width: min(880px,100%); }
    .customers-orders-copy { max-width: 720px; order: -1; }
    .customers-approval-heading > p { max-width: 720px; }
    .customers-next-links { max-width: 560px; }
}

@media (max-width: 760px) {
    .customers-hero { padding: 28px 0 78px; }
    .customers-hero .breadcrumbs { margin-bottom: 52px; }
    .customers-hero-grid { gap: 42px; }
    .customers-hero-copy h1 { font-size: clamp(2.75rem,11.8vw,3.42rem); }
    .customers-hero-copy > p:not(.eyebrow) { margin-top: 24px; font-size: 1rem; }
    .customers-screen { border-radius: 13px; }
    .customers-hero-screen,
    .customers-profile-screen,
    .customers-address-screen,
    .customers-filter-screen,
    .customers-approval-screen,
    .customers-orders-screen,
    .customers-storefront-screen { transform: none; }
    .customers-screen figcaption { min-height: 66px; align-items: flex-start; flex-direction: column; gap: 3px; padding-block: 13px; }
    .customers-screen figcaption strong { margin-left: 0; }
    .customers-screen .image-zoom-trigger { aspect-ratio: 16 / 10; height: auto; }
    .customers-screen img { width: 100%; max-width: 100%; height: 100%; object-fit: contain; object-position: center top; }
    .customers-facts { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 46px; }

    .customers-profiles,
    .customers-approval,
    .customers-orders,
    .customers-storefront { padding: 78px 0 84px; }
    .customers-heading,
    .customers-approval-heading { gap: 8px; }
    .customers-heading h2,
    .customers-approval-heading h2,
    .customers-orders-copy h2 { font-size: clamp(2.35rem,10.5vw,3.2rem); }
    .customers-heading > div > p,
    .customers-approval-heading > p,
    .customers-orders-copy > p:not(.section-index) { font-size: 1rem; }
    .customers-profile-gallery,
    .customers-approval-gallery { grid-template-columns: 1fr; margin-top: 50px; }
    .customers-address-screen,
    .customers-approval-screen { margin-top: 0; }
    .customers-profile-path { justify-content: center; flex-wrap: wrap; }
    .customers-status-cards { grid-template-columns: 1fr; }
    .customers-status-cards li { min-height: 130px; }
    .customers-storefront-screen { margin-top: 50px; }
    .customers-next { padding: 78px 0; }
    .customers-next-grid { gap: 40px; }
    .customers-next h2 { font-size: clamp(2.35rem,10.4vw,3.2rem); }
}

/* Firmenkunden & B2B */
.b2b-hero { padding: 42px 0 108px; overflow: hidden; color: var(--white); background: radial-gradient(circle at 91% 28%, rgba(185,239,114,0.22), transparent 29rem), #123d2a; }
.b2b-hero .breadcrumbs a,
.b2b-hero .breadcrumbs span { color: rgba(255,255,255,0.72); }
.b2b-hero-grid { display: grid; grid-template-columns: minmax(340px,0.68fr) minmax(620px,1.32fr); align-items: center; gap: 68px; }
.b2b-hero-grid > *,
.b2b-heading > *,
.b2b-addresses-grid > *,
.b2b-pricing-heading > *,
.b2b-orders-grid > *,
.b2b-next-grid > * { min-width: 0; }
.b2b-hero-copy .eyebrow { color: var(--lime); }
.b2b-hero-copy h1 { max-width: 620px; margin: 0; font-size: clamp(3.35rem,5.35vw,5.8rem); line-height: 0.94; letter-spacing: -0.06em; }
.b2b-hero-copy > p:not(.eyebrow) { max-width: 560px; margin: 28px 0 36px; color: #bed0c5; font-size: 1.07rem; line-height: 1.72; }
.b2b-screen { margin: 0; overflow: hidden; border: 1px solid rgba(24,62,43,0.16); border-radius: 20px; color: var(--forest); background: var(--white); box-shadow: 0 30px 80px rgba(9,34,22,0.18); }
.b2b-screen figcaption { display: flex; min-height: 62px; align-items: center; gap: 16px; padding: 12px 20px; border-bottom: 1px solid var(--line); background: #fbfcfb; }
.b2b-screen figcaption span { color: var(--leaf); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.1em; text-transform: uppercase; }
.b2b-screen figcaption strong { margin-left: auto; font-size: 0.82rem; }
.b2b-screen .image-zoom-trigger { display: block; width: 100%; aspect-ratio: 16 / 10; height: auto; overflow: hidden; background: #f3f7f4; }
.b2b-screen img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; object-position: center top; }
.b2b-hero-screen { width: 850px; max-width: 100%; transform: rotate(0.3deg); box-shadow: 0 38px 95px rgba(0,0,0,0.34); }
.b2b-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 66px 0 0; padding: 0; border-top: 1px solid rgba(255,255,255,0.18); border-left: 1px solid rgba(255,255,255,0.18); list-style: none; }
.b2b-facts li { display: flex; min-height: 86px; flex-direction: column; justify-content: center; gap: 5px; padding: 16px 20px; border-right: 1px solid rgba(255,255,255,0.18); border-bottom: 1px solid rgba(255,255,255,0.18); background: rgba(255,255,255,0.035); }
.b2b-facts span { color: var(--lime); font-size: 0.7rem; font-weight: 850; letter-spacing: 0.05em; }
.b2b-facts strong { color: var(--white); font-size: 0.82rem; }

.b2b-structure,
.b2b-addresses,
.b2b-pricing,
.b2b-orders,
.b2b-storefront { padding: 112px 0 120px; }
.b2b-structure { background: var(--white); }
.b2b-heading { display: grid; grid-template-columns: minmax(190px,0.28fr) minmax(0,1fr); align-items: start; gap: 70px; }
.b2b-heading h2,
.b2b-pricing-heading h2 { max-width: 980px; margin: 0; font-size: clamp(2.85rem,4.8vw,5rem); line-height: 0.98; letter-spacing: -0.052em; }
.b2b-heading > div > p { max-width: 760px; margin: 27px 0 0; color: var(--muted); font-size: 1.04rem; line-height: 1.72; }
.b2b-structure-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 24px; margin-top: 64px; }
.b2b-companies-screen { transform: rotate(-0.25deg); }
.b2b-members-screen { margin-top: 54px; transform: rotate(0.28deg); }
.b2b-role-cards { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin: 34px 0 0; padding: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); list-style: none; }
.b2b-role-cards li { min-height: 112px; padding: 22px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.b2b-role-cards span { color: var(--leaf); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase; }
.b2b-role-cards strong { display: block; margin-top: 22px; font-size: 0.82rem; }

.b2b-addresses { background: #edf4f7; }
.b2b-addresses-grid { display: grid; grid-template-columns: minmax(330px,0.54fr) minmax(650px,1.16fr); align-items: center; gap: 78px; }
.b2b-addresses-copy h2,
.b2b-orders-copy h2 { max-width: 610px; margin: 0; font-size: clamp(2.7rem,4.25vw,4.5rem); line-height: 0.99; letter-spacing: -0.052em; }
.b2b-addresses-copy > p:not(.section-index),
.b2b-orders-copy > p:not(.section-index) { max-width: 590px; margin: 27px 0 0; color: var(--muted); font-size: 1.02rem; line-height: 1.72; }
.b2b-flow { display: flex; width: fit-content; max-width: 100%; align-items: center; gap: 12px; margin-top: 32px; padding: 13px 17px; border: 1px solid rgba(24,62,43,0.18); border-radius: 999px; color: var(--muted); font-size: 0.72rem; background: rgba(255,255,255,0.5); }
.b2b-flow i { color: var(--leaf); font-style: normal; }
.b2b-flow strong { color: var(--forest); }
.b2b-address-screen { transform: rotate(0.24deg); }

.b2b-pricing { color: var(--white); background: #173f2d; }
.b2b-pricing-heading { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(310px,0.55fr); align-items: end; gap: 86px; }
.b2b-pricing-heading .section-index { color: var(--lime); }
.b2b-pricing-heading > p { margin: 0 0 7px; color: #b8c8be; font-size: 1.02rem; line-height: 1.72; }
.b2b-pricing-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 24px; margin-top: 64px; }
.b2b-pricing-gallery .b2b-screen { border-color: rgba(255,255,255,0.18); box-shadow: 0 36px 90px rgba(0,0,0,0.3); }
.b2b-pricing-gallery figcaption { color: var(--white); border-color: rgba(255,255,255,0.16); background: #285b40; }
.b2b-pricing-gallery figcaption span { color: var(--lime); }
.b2b-group-screen { transform: rotate(-0.24deg); }
.b2b-tiers-screen { margin-top: 54px; transform: rotate(0.25deg); }
.b2b-inline-link { display: flex; width: fit-content; align-items: center; gap: 13px; margin-top: 35px; color: var(--white); font-size: 0.84rem; font-weight: 780; text-decoration: none; }
.b2b-inline-link span { color: var(--lime); transition: transform 160ms ease; }
.b2b-inline-link:hover span { transform: translate(2px,-2px); }

.b2b-orders { background: #eaf4ee; }
.b2b-orders-grid { display: grid; grid-template-columns: minmax(650px,1.16fr) minmax(330px,0.54fr); align-items: center; gap: 78px; }
.b2b-orders-screen { transform: rotate(-0.24deg); }
.b2b-orders-copy ul { display: grid; gap: 0; margin: 31px 0 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.b2b-orders-copy li { padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 0.78rem; font-weight: 740; }
.b2b-orders-copy li::before { content: "✓"; margin-right: 11px; color: var(--leaf); }

.b2b-storefront { background: var(--white); }
.b2b-storefront-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 24px; margin-top: 64px; }
.b2b-register-screen { transform: rotate(-0.24deg); }
.b2b-storefront-address-screen { margin-top: 54px; transform: rotate(0.25deg); }

.b2b-next { padding: 112px 0; color: var(--white); background: #0e2a1e; }
.b2b-next-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(290px,0.42fr); align-items: end; gap: 86px; }
.b2b-next .section-index { color: var(--lime); }
.b2b-next h2 { max-width: 880px; margin: 0; font-size: clamp(2.7rem,4.5vw,4.65rem); line-height: 0.98; letter-spacing: -0.052em; }
.b2b-next-links { display: grid; border-top: 1px solid rgba(255,255,255,0.2); }
.b2b-next-links a { display: flex; justify-content: space-between; gap: 20px; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,0.2); color: var(--white); font-size: 0.9rem; font-weight: 740; text-decoration: none; }
.b2b-next-links a span { color: var(--lime); transition: transform 160ms ease; }
.b2b-next-links a:hover span { transform: translate(2px,-2px); }

@media (max-width: 1050px) {
    .b2b-hero-grid,
    .b2b-heading,
    .b2b-addresses-grid,
    .b2b-pricing-heading,
    .b2b-orders-grid,
    .b2b-next-grid { grid-template-columns: 1fr; gap: 48px; }
    .b2b-hero-copy { max-width: 760px; }
    .b2b-hero-screen,
    .b2b-address-screen,
    .b2b-orders-screen { width: min(880px,100%); }
    .b2b-addresses-copy,
    .b2b-orders-copy { max-width: 720px; }
    .b2b-orders-copy { order: -1; }
    .b2b-pricing-heading > p { max-width: 720px; }
    .b2b-next-links { max-width: 560px; }
}

@media (max-width: 760px) {
    .b2b-hero { padding: 28px 0 78px; }
    .b2b-hero .breadcrumbs { margin-bottom: 52px; }
    .b2b-hero-grid { gap: 42px; }
    .b2b-hero-copy h1 { font-size: clamp(2.75rem,12vw,3.5rem); }
    .b2b-hero-copy > p:not(.eyebrow) { margin-top: 24px; font-size: 1rem; }
    .b2b-screen { border-radius: 13px; }
    .b2b-hero-screen,
    .b2b-companies-screen,
    .b2b-members-screen,
    .b2b-address-screen,
    .b2b-group-screen,
    .b2b-tiers-screen,
    .b2b-orders-screen,
    .b2b-register-screen,
    .b2b-storefront-address-screen { margin-top: 0; transform: none; }
    .b2b-screen figcaption { min-height: 66px; align-items: flex-start; flex-direction: column; gap: 3px; padding-block: 13px; }
    .b2b-screen figcaption strong { margin-left: 0; }
    .b2b-screen .image-zoom-trigger { aspect-ratio: 16 / 10; }
    .b2b-facts,
    .b2b-role-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .b2b-facts { margin-top: 46px; }
    .b2b-structure,
    .b2b-addresses,
    .b2b-pricing,
    .b2b-orders,
    .b2b-storefront { padding: 78px 0 84px; }
    .b2b-heading,
    .b2b-pricing-heading { gap: 8px; }
    .b2b-heading h2,
    .b2b-pricing-heading h2,
    .b2b-addresses-copy h2,
    .b2b-orders-copy h2 { font-size: clamp(2.35rem,10.5vw,3.2rem); }
    .b2b-heading > div > p,
    .b2b-pricing-heading > p,
    .b2b-addresses-copy > p:not(.section-index),
    .b2b-orders-copy > p:not(.section-index) { font-size: 1rem; }
    .b2b-structure-gallery,
    .b2b-pricing-gallery,
    .b2b-storefront-gallery { grid-template-columns: 1fr; margin-top: 50px; }
    .b2b-flow { justify-content: center; flex-wrap: wrap; }
    .b2b-next { padding: 78px 0; }
    .b2b-next-grid { gap: 40px; }
    .b2b-next h2 { font-size: clamp(2.35rem,10.4vw,3.2rem); }
}

/* Startseitenmodul */
.homepage-builder-hero { padding: 42px 0 104px; overflow: hidden; background: radial-gradient(circle at 91% 25%, rgba(96,173,113,0.18), transparent 28rem), #edf4f7; }
.homepage-builder-hero-grid { display: grid; grid-template-columns: minmax(340px,0.68fr) minmax(620px,1.32fr); align-items: center; gap: 68px; }
.homepage-builder-hero-grid > *,
.homepage-builder-heading > *,
.homepage-builder-schedule-heading > *,
.homepage-builder-context-grid > *,
.homepage-builder-next-grid > * { min-width: 0; }
.homepage-builder-hero-copy h1 { max-width: 650px; margin: 0; font-size: clamp(3.35rem,4.8vw,5.15rem); line-height: 0.96; letter-spacing: -0.058em; }
.homepage-builder-hero-copy > p:not(.eyebrow) { max-width: 580px; margin: 28px 0 36px; color: var(--muted); font-size: 1.07rem; line-height: 1.72; }
.homepage-builder-screen { margin: 0; overflow: hidden; border: 1px solid rgba(24,62,43,0.16); border-radius: 20px; color: var(--forest); background: var(--white); box-shadow: 0 30px 80px rgba(9,34,22,0.18); }
.homepage-builder-screen figcaption { display: flex; min-height: 62px; align-items: center; gap: 16px; padding: 12px 20px; border-bottom: 1px solid var(--line); background: #fbfcfb; }
.homepage-builder-screen figcaption span { color: var(--leaf); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.1em; text-transform: uppercase; }
.homepage-builder-screen figcaption strong { margin-left: auto; font-size: 0.82rem; }
.homepage-builder-screen .image-zoom-trigger { display: block; width: 100%; aspect-ratio: 16 / 10; height: auto; overflow: hidden; background: #f3f7f4; }
.homepage-builder-screen img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; object-position: center top; }
.homepage-builder-hero-screen { width: 850px; max-width: 100%; transform: rotate(0.28deg); box-shadow: 0 38px 95px rgba(11,43,28,0.24); }
.homepage-builder-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 66px 0 0; padding: 0; border-top: 1px solid rgba(24,62,43,0.18); border-left: 1px solid rgba(24,62,43,0.18); list-style: none; }
.homepage-builder-facts li { display: flex; min-height: 86px; flex-direction: column; justify-content: center; gap: 5px; padding: 16px 20px; border-right: 1px solid rgba(24,62,43,0.18); border-bottom: 1px solid rgba(24,62,43,0.18); background: rgba(255,255,255,0.42); }
.homepage-builder-facts span { color: var(--leaf); font-size: 0.7rem; font-weight: 850; letter-spacing: 0.05em; }
.homepage-builder-facts strong { font-size: 0.82rem; }

.homepage-builder-compose,
.homepage-builder-schedule,
.homepage-builder-context { padding: 112px 0 120px; }
.homepage-builder-compose { background: var(--white); }
.homepage-builder-heading { display: grid; grid-template-columns: minmax(190px,0.28fr) minmax(0,1fr); align-items: start; gap: 70px; }
.homepage-builder-heading h2,
.homepage-builder-schedule-heading h2,
.homepage-builder-context h2 { max-width: 980px; margin: 0; font-size: clamp(2.85rem,4.8vw,5rem); line-height: 0.98; letter-spacing: -0.052em; }
.homepage-builder-heading > div > p { max-width: 760px; margin: 27px 0 0; color: var(--muted); font-size: 1.04rem; line-height: 1.72; }
.homepage-builder-compose-screen { margin-top: 64px; transform: rotate(-0.2deg); }
.homepage-builder-blocks { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); margin: 36px 0 0; padding: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); list-style: none; }
.homepage-builder-blocks li { min-height: 130px; padding: 22px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.homepage-builder-blocks span { color: var(--leaf); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.08em; }
.homepage-builder-blocks strong { display: block; margin-top: 25px; font-size: 0.88rem; }
.homepage-builder-blocks small { display: block; margin-top: 6px; color: var(--muted); font-size: 0.72rem; }

.homepage-builder-schedule { color: var(--white); background: #173f2d; }
.homepage-builder-schedule-heading { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(310px,0.55fr); align-items: end; gap: 86px; }
.homepage-builder-schedule-heading .section-index { color: var(--lime); }
.homepage-builder-schedule-heading > p { margin: 0 0 7px; color: #b8c8be; font-size: 1.02rem; line-height: 1.72; }
.homepage-builder-schedule-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 24px; margin-top: 64px; }
.homepage-builder-schedule-gallery .homepage-builder-screen { border-color: rgba(255,255,255,0.18); box-shadow: 0 36px 90px rgba(0,0,0,0.3); }
.homepage-builder-schedule-gallery figcaption { color: var(--white); border-color: rgba(255,255,255,0.16); background: #285b40; }
.homepage-builder-schedule-gallery figcaption span { color: var(--lime); }
.homepage-builder-overview-screen { transform: rotate(-0.24deg); }
.homepage-builder-plan-screen { margin-top: 54px; transform: rotate(0.25deg); }
.homepage-builder-statuses { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin: 34px 0 0; padding: 0; list-style: none; }
.homepage-builder-statuses li { min-height: 112px; padding: 22px; border: 1px solid rgba(255,255,255,0.18); border-radius: 15px; background: rgba(255,255,255,0.035); }
.homepage-builder-statuses span { color: var(--lime); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase; }
.homepage-builder-statuses strong { display: block; margin-top: 22px; color: var(--white); font-size: 0.82rem; }

.homepage-builder-context { background: #eaf4ee; }
.homepage-builder-context-grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(360px,0.65fr); align-items: start; gap: 90px; }
.homepage-builder-context h2 { max-width: 760px; }
.homepage-builder-context-copy > p { max-width: 650px; margin: 0; color: var(--muted); font-size: 1.04rem; line-height: 1.72; }
.homepage-builder-path { display: flex; width: fit-content; max-width: 100%; align-items: center; gap: 12px; margin-top: 32px; padding: 13px 17px; border: 1px solid rgba(24,62,43,0.18); border-radius: 999px; color: var(--muted); font-size: 0.72rem; background: rgba(255,255,255,0.52); }
.homepage-builder-path i { color: var(--leaf); font-style: normal; }
.homepage-builder-path strong { color: var(--forest); }
.homepage-builder-context-copy ul { display: grid; gap: 0; margin: 31px 0 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.homepage-builder-context-copy li { padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 0.78rem; font-weight: 740; }
.homepage-builder-context-copy li::before { content: "✓"; margin-right: 11px; color: var(--leaf); }

.homepage-builder-next { padding: 112px 0; color: var(--white); background: #0e2a1e; }
.homepage-builder-next-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(290px,0.42fr); align-items: end; gap: 86px; }
.homepage-builder-next .section-index { color: var(--lime); }
.homepage-builder-next h2 { max-width: 890px; margin: 0; font-size: clamp(2.7rem,4.5vw,4.65rem); line-height: 0.98; letter-spacing: -0.052em; }
.homepage-builder-next-links { display: grid; border-top: 1px solid rgba(255,255,255,0.2); }
.homepage-builder-next-links a { display: flex; justify-content: space-between; gap: 20px; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,0.2); color: var(--white); font-size: 0.9rem; font-weight: 740; text-decoration: none; }
.homepage-builder-next-links a span { color: var(--lime); transition: transform 160ms ease; }
.homepage-builder-next-links a:hover span { transform: translate(2px,-2px); }

@media (max-width: 1050px) {
    .homepage-builder-hero-grid,
    .homepage-builder-heading,
    .homepage-builder-schedule-heading,
    .homepage-builder-context-grid,
    .homepage-builder-next-grid { grid-template-columns: 1fr; gap: 48px; }
    .homepage-builder-hero-copy { max-width: 780px; }
    .homepage-builder-hero-screen { width: min(880px,100%); }
    .homepage-builder-schedule-heading > p,
    .homepage-builder-context-copy { max-width: 720px; }
    .homepage-builder-next-links { max-width: 560px; }
}

@media (max-width: 760px) {
    .homepage-builder-hero { padding: 28px 0 78px; }
    .homepage-builder-hero .breadcrumbs { margin-bottom: 52px; }
    .homepage-builder-hero-grid { gap: 42px; }
    .homepage-builder-hero-copy h1 { font-size: clamp(2.75rem,11.8vw,3.45rem); }
    .homepage-builder-hero-copy > p:not(.eyebrow) { margin-top: 24px; font-size: 1rem; }
    .homepage-builder-screen { border-radius: 13px; }
    .homepage-builder-hero-screen,
    .homepage-builder-compose-screen,
    .homepage-builder-overview-screen,
    .homepage-builder-plan-screen { margin-top: 0; transform: none; }
    .homepage-builder-screen figcaption { min-height: 66px; align-items: flex-start; flex-direction: column; gap: 3px; padding-block: 13px; }
    .homepage-builder-screen figcaption strong { margin-left: 0; }
    .homepage-builder-screen .image-zoom-trigger { aspect-ratio: 16 / 10; }
    .homepage-builder-facts { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 46px; }
    .homepage-builder-compose,
    .homepage-builder-schedule,
    .homepage-builder-context { padding: 78px 0 84px; }
    .homepage-builder-heading,
    .homepage-builder-schedule-heading { gap: 8px; }
    .homepage-builder-heading h2,
    .homepage-builder-schedule-heading h2,
    .homepage-builder-context h2 { font-size: clamp(2.35rem,10.5vw,3.2rem); }
    .homepage-builder-heading > div > p,
    .homepage-builder-schedule-heading > p,
    .homepage-builder-context-copy > p { font-size: 1rem; }
    .homepage-builder-compose-screen,
    .homepage-builder-schedule-gallery { margin-top: 50px; }
    .homepage-builder-blocks { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .homepage-builder-blocks li:last-child { grid-column: 1 / -1; }
    .homepage-builder-schedule-gallery { grid-template-columns: 1fr; }
    .homepage-builder-statuses { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .homepage-builder-path { justify-content: center; flex-wrap: wrap; }
    .homepage-builder-next { padding: 78px 0; }
    .homepage-builder-next-grid { gap: 40px; }
    .homepage-builder-next h2 { font-size: clamp(2.35rem,10.4vw,3.2rem); }
}

/* Feature page: Checkout */
.checkout-feature-page{background:#f8faf9}.checkout-feature-hero{overflow:hidden;padding:28px 0 0;background:radial-gradient(circle at 85% 28%,rgba(111,205,225,.28),transparent 31%),#f2f8f7}.checkout-feature-hero .breadcrumbs{margin-bottom:64px}.checkout-feature-hero-grid{display:grid;grid-template-columns:minmax(0,.76fr) minmax(640px,1.24fr);align-items:center;gap:72px}.checkout-feature-hero-copy{position:relative;z-index:2;padding-bottom:44px}.checkout-feature-hero-copy h1{max-width:650px;margin:22px 0 0;font-size:clamp(4.2rem,6.7vw,6.8rem);line-height:.89;letter-spacing:-.064em}.checkout-feature-hero-copy>p:not(.eyebrow){max-width:590px;margin:32px 0 0;color:var(--muted);font-size:1.13rem;line-height:1.72}.checkout-feature-hero-copy .button{margin-top:34px}.checkout-feature-screen{overflow:hidden;margin:0;border:1px solid rgba(24,62,43,.15);border-radius:18px;background:#fff;box-shadow:0 34px 84px rgba(16,47,32,.16)}.checkout-feature-screen figcaption{display:flex;min-height:76px;align-items:center;gap:18px;padding:16px 22px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97)}.checkout-feature-screen figcaption span{color:var(--leaf);font-size:.69rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.checkout-feature-screen figcaption strong{margin-left:auto;font-size:.78rem}.checkout-feature-screen .image-zoom-trigger{display:block;width:100%;aspect-ratio:16/10;padding:0;border:0;background:#edf4ed;cursor:zoom-in}.checkout-feature-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.checkout-feature-hero-screen{width:780px;transform:rotate(.25deg)}.checkout-feature-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:58px 0 0;padding:0;border-top:1px solid rgba(24,62,43,.16);list-style:none}.checkout-feature-facts li{min-height:120px;padding:24px 22px 28px 0;border-right:1px solid rgba(24,62,43,.14)}.checkout-feature-facts li:not(:first-child){padding-left:22px}.checkout-feature-facts span{display:block;color:var(--leaf);font-size:.65rem;font-weight:900;letter-spacing:.1em}.checkout-feature-facts strong{display:block;margin-top:27px;font-size:.78rem}
.checkout-feature-flow,.checkout-feature-config{padding:118px 0 126px;background:#fff}.checkout-feature-heading{display:grid;grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);align-items:start;gap:72px}.checkout-feature-heading h2,.checkout-feature-choice-heading h2{max-width:980px;margin:0;font-size:clamp(3.5rem,6vw,6.1rem);line-height:.93;letter-spacing:-.06em}.checkout-feature-heading>div>p{max-width:690px;margin:28px 0 0;color:var(--muted);font-size:1.04rem;line-height:1.7}.checkout-feature-stepbar,.checkout-feature-voucher-flow{display:flex;width:fit-content;max-width:100%;align-items:center;gap:14px;margin:44px auto 0;padding:15px 20px;border:1px solid rgba(24,62,43,.17);border-radius:999px;background:#f3f8f4;color:var(--muted);font-size:.73rem}.checkout-feature-stepbar i{color:var(--leaf);font-style:normal}.checkout-feature-stepbar strong{color:var(--forest)}.checkout-feature-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px;margin-top:58px}.checkout-feature-lower-screen{margin-top:48px}.checkout-feature-cards,.checkout-feature-choice-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:34px 0 0;padding:0;list-style:none}.checkout-feature-cards li,.checkout-feature-choice-points li{min-height:132px;padding:22px;border:1px solid var(--line);border-radius:15px;background:#f3f8f4}.checkout-feature-cards strong,.checkout-feature-choice-points strong{display:block;font-size:.8rem;line-height:1.35}.checkout-feature-cards span,.checkout-feature-choice-points span{display:block;margin-top:26px;color:var(--muted);font-size:.7rem;line-height:1.5}
.checkout-feature-choice{padding:118px 0 126px;color:#fff;background:#153b2a}.checkout-feature-choice-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.44fr);align-items:end;gap:80px}.checkout-feature-choice .section-index{color:var(--lime)}.checkout-feature-choice-heading>p{margin:0 0 7px;color:#cbd9d0;font-size:1.02rem;line-height:1.72}.checkout-feature-choice .checkout-feature-screen{box-shadow:0 34px 84px rgba(0,0,0,.25)}.checkout-feature-choice-points li{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.045)}.checkout-feature-choice-points span{margin:0;color:var(--lime);font-size:.67rem;font-weight:850;text-transform:uppercase}.checkout-feature-choice-points strong{margin-top:26px;color:#fff}
.checkout-feature-config{background:#eaf3f6}.checkout-feature-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:70px}.checkout-feature-zone-row{display:grid;grid-template-columns:minmax(300px,.46fr) minmax(620px,1fr);align-items:center;gap:72px;margin-top:76px}.checkout-feature-zone-row h3{margin:20px 0 0;font-size:clamp(2.6rem,4.2vw,4.2rem);line-height:.96;letter-spacing:-.055em}.checkout-feature-zone-row>div>p:not(.section-index){margin:26px 0 0;color:var(--muted);font-size:1rem;line-height:1.7}
.checkout-feature-next{padding:108px 0;color:#fff;background:#0e2a1e}.checkout-feature-next-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.43fr);align-items:end;gap:86px}.checkout-feature-next .section-index{color:var(--lime)}.checkout-feature-next h2{max-width:800px;margin:0;font-size:clamp(2.8rem,4.8vw,4.8rem);line-height:.96;letter-spacing:-.055em}.checkout-feature-next nav{display:grid;border-top:1px solid rgba(255,255,255,.2)}.checkout-feature-next a{display:flex;justify-content:space-between;gap:18px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.2);color:#fff;font-size:.88rem;font-weight:740;text-decoration:none}.checkout-feature-next a span{color:var(--lime)}
@media(max-width:1050px){.checkout-feature-hero-grid,.checkout-feature-heading,.checkout-feature-choice-heading,.checkout-feature-zone-row,.checkout-feature-next-grid{grid-template-columns:1fr;gap:48px}.checkout-feature-hero-screen{width:min(880px,100%)}.checkout-feature-choice-heading>p,.checkout-feature-zone-row>div{max-width:720px}.checkout-feature-next nav{max-width:580px}}
@media(max-width:760px){.checkout-feature-hero .breadcrumbs{margin-bottom:50px}.checkout-feature-hero-copy h1{font-size:clamp(2.8rem,12vw,3.6rem)}.checkout-feature-hero-copy>p:not(.eyebrow),.checkout-feature-heading>div>p,.checkout-feature-choice-heading>p{font-size:1rem}.checkout-feature-screen{border-radius:13px;transform:none}.checkout-feature-screen figcaption{min-height:66px;align-items:flex-start;flex-direction:column;gap:3px;padding-block:13px}.checkout-feature-screen figcaption strong{margin-left:0}.checkout-feature-facts,.checkout-feature-cards,.checkout-feature-choice-points{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-feature-flow,.checkout-feature-choice,.checkout-feature-config{padding:78px 0 84px}.checkout-feature-heading,.checkout-feature-choice-heading{gap:10px}.checkout-feature-heading h2,.checkout-feature-choice-heading h2{font-size:clamp(2.4rem,10.7vw,3.25rem)}.checkout-feature-stepbar{justify-content:center;flex-wrap:wrap;border-radius:22px}.checkout-feature-gallery,.checkout-feature-admin-grid{grid-template-columns:1fr;margin-top:50px}.checkout-feature-lower-screen{margin-top:0}.checkout-feature-zone-row{margin-top:64px}.checkout-feature-zone-row h3{font-size:clamp(2.3rem,10vw,3.1rem)}.checkout-feature-next{padding:78px 0}.checkout-feature-next h2{font-size:clamp(2.4rem,10.5vw,3.25rem)}}

.checkout-feature-hero .checkout-feature-hero-screen{width:100%;max-width:780px}

/* Checkout hero highlights: compact cards instead of a table-like row */
.checkout-feature-hero .checkout-feature-facts{gap:12px;margin:42px 0 34px;border-top:0}
.checkout-feature-hero .checkout-feature-facts li,
.checkout-feature-hero .checkout-feature-facts li:not(:first-child){display:grid;min-height:88px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:14px;padding:18px;border:1px solid rgba(24,62,43,.12);border-radius:15px;background:rgba(255,255,255,.72);box-shadow:0 12px 30px rgba(16,47,32,.055)}
.checkout-feature-hero .checkout-feature-facts span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#dff0e5;color:var(--leaf);font-size:.62rem}
.checkout-feature-hero .checkout-feature-facts strong{margin:0;font-size:.76rem;line-height:1.35}
.checkout-feature-zone-row h3{line-height:1.06}
@media(max-width:520px){.checkout-feature-hero .checkout-feature-facts{grid-template-columns:1fr}}

/* Feature page: Import & Export */
.datax-feature-page{background:#f8faf9}.datax-hero{overflow:hidden;padding:28px 0 0;background:radial-gradient(circle at 84% 24%,rgba(111,205,225,.27),transparent 31%),#eef6f4}.datax-hero .breadcrumbs{margin-bottom:62px}.datax-hero-grid{display:grid;grid-template-columns:minmax(0,.76fr) minmax(620px,1.24fr);align-items:center;gap:70px}.datax-hero-copy{position:relative;z-index:2;padding-bottom:34px}.datax-hero-copy h1{max-width:650px;margin:22px 0 0;font-size:clamp(4.15rem,6.55vw,6.65rem);line-height:.91;letter-spacing:-.064em}.datax-hero-copy>p:not(.eyebrow){max-width:590px;margin:31px 0 0;color:var(--muted);font-size:1.1rem;line-height:1.72}.datax-hero-copy .button{margin-top:33px}.datax-screen{overflow:hidden;margin:0;border:1px solid rgba(24,62,43,.15);border-radius:18px;background:#fff;box-shadow:0 32px 78px rgba(16,47,32,.15)}.datax-screen figcaption{display:flex;min-height:74px;align-items:center;gap:18px;padding:16px 22px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97)}.datax-screen figcaption span{color:var(--leaf);font-size:.69rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.datax-screen figcaption strong{margin-left:auto;font-size:.78rem}.datax-screen .image-zoom-trigger{display:block;width:100%;aspect-ratio:16/10;padding:0;border:0;background:#edf4ed;cursor:zoom-in}.datax-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.datax-hero-screen{width:100%;max-width:780px;transform:rotate(.2deg)}
.datax-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:42px 0 34px;padding:0;list-style:none}.datax-facts li{display:grid;min-height:88px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:14px;padding:18px;border:1px solid rgba(24,62,43,.12);border-radius:15px;background:rgba(255,255,255,.73);box-shadow:0 12px 30px rgba(16,47,32,.055)}.datax-facts span{display:grid;width:42px;height:36px;place-items:center;border-radius:999px;background:#dff0e5;color:var(--leaf);font-size:.62rem;font-weight:900;letter-spacing:.04em}.datax-facts strong{font-size:.75rem;line-height:1.35}
.datax-import{padding:116px 0 124px;background:#fff}.datax-heading{display:grid;grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);align-items:start;gap:72px}.datax-heading h2,.datax-check-heading h2{max-width:980px;margin:0;font-size:clamp(3.45rem,5.9vw,6rem);line-height:.96;letter-spacing:-.058em}.datax-heading>div>p{max-width:700px;margin:28px 0 0;color:var(--muted);font-size:1.04rem;line-height:1.7}.datax-flow{display:flex;width:fit-content;max-width:100%;align-items:center;gap:14px;margin:44px auto 0;padding:15px 20px;border:1px solid rgba(24,62,43,.17);border-radius:999px;background:#f3f8f4;color:var(--muted);font-size:.73rem}.datax-flow i{color:var(--leaf);font-style:normal}.datax-flow strong{color:var(--forest)}.datax-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px;margin-top:58px}.datax-lower-screen{margin-top:48px}.datax-domains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:35px 0 0;padding:0;list-style:none}.datax-domains li{min-height:132px;padding:22px;border:1px solid var(--line);border-radius:15px;background:#f3f8f4}.datax-domains span{display:block;color:var(--leaf);font-size:.67rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.datax-domains strong{display:block;margin-top:27px;font-size:.8rem;line-height:1.45}
.datax-check{padding:116px 0 124px;color:#fff;background:#163d2b}.datax-check .section-index{color:var(--lime)}.datax-check-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.44fr);align-items:end;gap:80px}.datax-check-heading>p{margin:0 0 8px;color:#cbd9d0;font-size:1.02rem;line-height:1.72}.datax-check-screen{width:min(1120px,100%);margin:66px auto 0;box-shadow:0 34px 84px rgba(0,0,0,.27)}.datax-check-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:34px 0 0;padding:0;list-style:none}.datax-check-points li{min-height:126px;padding:21px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(255,255,255,.045)}.datax-check-points span{display:block;color:var(--lime);font-size:.65rem;font-weight:900;letter-spacing:.08em}.datax-check-points strong{display:block;margin-top:27px;color:#fff;font-size:.78rem;line-height:1.4}
.datax-export{padding:118px 0 126px;background:#e9f3f6}.datax-export-grid{display:grid;grid-template-columns:minmax(330px,.47fr) minmax(620px,1fr);align-items:center;gap:72px}.datax-export-copy h2{max-width:590px;margin:20px 0 0;font-size:clamp(3.2rem,5.1vw,5.35rem);line-height:.98;letter-spacing:-.058em}.datax-export-copy>p:not(.section-index){max-width:570px;margin:28px 0 0;color:var(--muted);font-size:1.02rem;line-height:1.72}.datax-export-copy ul{display:grid;gap:0;margin:38px 0 0;padding:0;border-top:1px solid rgba(24,62,43,.17);list-style:none}.datax-export-copy li{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:17px 0;border-bottom:1px solid rgba(24,62,43,.17)}.datax-export-copy li span{color:var(--leaf);font-size:.69rem;font-weight:850;text-transform:uppercase}.datax-export-copy li strong{font-size:.78rem;line-height:1.4}.datax-export-screen{width:100%}
.datax-next{padding:108px 0;color:#fff;background:#0e2a1e}.datax-next-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.43fr);align-items:end;gap:86px}.datax-next .section-index{color:var(--lime)}.datax-next h2{max-width:800px;margin:0;font-size:clamp(2.8rem,4.8vw,4.8rem);line-height:.99;letter-spacing:-.055em}.datax-next nav{display:grid;border-top:1px solid rgba(255,255,255,.2)}.datax-next a{display:flex;justify-content:space-between;gap:18px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.2);color:#fff;font-size:.88rem;font-weight:740;text-decoration:none}.datax-next a span{color:var(--lime)}
@media(max-width:1050px){.datax-hero-grid,.datax-heading,.datax-check-heading,.datax-export-grid,.datax-next-grid{grid-template-columns:1fr;gap:48px}.datax-hero-screen{width:min(880px,100%)}.datax-check-heading>p,.datax-export-copy{max-width:720px}.datax-next nav{max-width:590px}}
@media(max-width:760px){.datax-hero .breadcrumbs{margin-bottom:50px}.datax-hero-copy h1{font-size:clamp(2.8rem,12vw,3.7rem)}.datax-hero-copy>p:not(.eyebrow),.datax-heading>div>p,.datax-check-heading>p,.datax-export-copy>p:not(.section-index){font-size:1rem}.datax-screen{border-radius:13px;transform:none}.datax-screen figcaption{min-height:66px;align-items:flex-start;flex-direction:column;gap:3px;padding-block:13px}.datax-screen figcaption strong{margin-left:0}.datax-facts,.datax-check-points{grid-template-columns:repeat(2,minmax(0,1fr))}.datax-import,.datax-check,.datax-export{padding:78px 0 84px}.datax-heading,.datax-check-heading{gap:10px}.datax-heading h2,.datax-check-heading h2{font-size:clamp(2.4rem,10.7vw,3.25rem)}.datax-flow{justify-content:center;flex-wrap:wrap;border-radius:22px}.datax-gallery,.datax-domains{grid-template-columns:1fr;margin-top:50px}.datax-lower-screen{margin-top:0}.datax-check-screen{margin-top:50px}.datax-export-copy h2{font-size:clamp(2.45rem,10.7vw,3.35rem)}.datax-next{padding:78px 0}.datax-next h2{font-size:clamp(2.4rem,10.5vw,3.25rem)}}
@media(max-width:520px){.datax-facts,.datax-check-points{grid-template-columns:1fr}.datax-export-copy li{grid-template-columns:82px 1fr}}

/* Integrations overview */
.integration-overview-page{background:#f8faf9}.iov-hero{overflow:hidden;padding:28px 0 0;background:radial-gradient(circle at 87% 18%,rgba(184,241,107,.34),transparent 31%),#eef6f2}.iov-hero .breadcrumbs{margin-bottom:58px}.iov-hero-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(620px,1.28fr);align-items:center;gap:68px}.iov-hero-copy{position:relative;z-index:2;padding-bottom:30px}.iov-hero-copy h1{max-width:580px;margin:20px 0 0;font-size:clamp(4rem,5.25vw,5.5rem);line-height:.89;letter-spacing:-.06em}.iov-hero-copy>p:not(.eyebrow){max-width:560px;margin:30px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.72}.iov-hero-copy .button{margin-top:32px}.iov-screen{overflow:hidden;margin:0;border:1px solid rgba(24,62,43,.15);border-radius:18px;background:#fff;box-shadow:0 32px 78px rgba(16,47,32,.15)}.iov-screen figcaption{display:flex;min-height:74px;align-items:center;gap:18px;padding:16px 22px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97)}.iov-screen figcaption span{color:var(--leaf);font-size:.69rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.iov-screen figcaption strong{margin-left:auto;font-size:.78rem}.iov-screen .image-zoom-trigger{display:block;width:100%;aspect-ratio:16/10;padding:0;border:0;background:#edf4ed;cursor:zoom-in}.iov-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.iov-hero-screen{width:100%;max-width:800px;transform:rotate(.15deg)}.iov-provider-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:42px 0 34px;padding:0;list-style:none}.iov-provider-strip li{display:grid;min-height:86px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:14px;padding:18px;border:1px solid rgba(24,62,43,.12);border-radius:15px;background:rgba(255,255,255,.74);box-shadow:0 12px 30px rgba(16,47,32,.05)}.iov-provider-strip span{display:grid;width:46px;height:38px;place-items:center;border-radius:10px;background:#dff0e5;color:var(--leaf);font-size:.58rem;font-weight:900;letter-spacing:.04em}.iov-provider-strip strong{font-size:.78rem}.iov-provider-strip a{color:inherit;text-decoration:none}
.iov-ai{padding:118px 0 126px;color:#fff;background:#143a29}.iov-ai-grid{display:grid;grid-template-columns:minmax(330px,.48fr) minmax(620px,1fr);align-items:center;gap:76px}.iov-ai .section-index{color:var(--lime)}.iov-ai-copy h2,.iov-migration-copy h2{max-width:650px;margin:20px 0 0;font-size:clamp(3.2rem,5.25vw,5.45rem);line-height:.94;letter-spacing:-.058em}.iov-ai-copy>p:not(.section-index),.iov-migration-copy>p:not(.section-index){max-width:590px;margin:28px 0 0;color:#cfddd4;font-size:1.02rem;line-height:1.72}.iov-link-pair{display:flex;flex-wrap:wrap;gap:24px;margin-top:32px}.iov-link-pair .text-link{margin:0}.iov-ai-screen{box-shadow:0 36px 88px rgba(0,0,0,.26)}
.iov-payments{padding:116px 0 124px;background:#fff}.iov-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.43fr);align-items:end;gap:82px}.iov-section-heading h2{max-width:850px;margin:20px 0 0;font-size:clamp(3.35rem,5.8vw,5.8rem);line-height:.95;letter-spacing:-.06em}.iov-section-heading>p{max-width:540px;margin:0 0 8px;color:var(--muted);font-size:1.02rem;line-height:1.72}.iov-payment-stage{position:relative;margin:62px 0 32px;padding:0 0 56px}.iov-payment-screen{width:min(1050px,82%)}.iov-payment-screen img{object-position:center 43%}.iov-provider-cards{position:absolute;right:0;bottom:0;display:grid;width:min(600px,48%);gap:12px}.iov-provider-cards article{display:grid;min-height:132px;grid-template-columns:62px 1fr;align-items:center;gap:18px;padding:22px;border:1px solid rgba(24,62,43,.14);border-radius:16px;background:#f5f8f6;box-shadow:0 20px 54px rgba(16,47,32,.13)}.iov-provider-mark{display:grid;width:62px;height:62px;place-items:center;border-radius:13px;color:#fff;font-weight:900}.iov-provider-mark-stripe{background:#635bff;font-size:2rem}.iov-provider-mark-saferpay{background:#1ca795;font-size:1.25rem}.iov-provider-cards p{margin:0;color:var(--leaf);font-size:.63rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.iov-provider-cards h3{margin:5px 0 4px;font-size:1.5rem}.iov-provider-cards article div span{color:var(--muted);font-size:.74rem}.iov-payment-roadmap{display:grid;grid-template-columns:160px minmax(300px,.8fr) minmax(320px,1fr);align-items:center;gap:24px;padding:22px 26px;border:1px solid rgba(24,62,43,.14);border-radius:16px;background:#eef6f2}.iov-payment-roadmap>p{margin:0;color:var(--leaf);font-size:.68rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.iov-payment-roadmap>div{display:flex;flex-wrap:wrap;gap:9px}.iov-payment-roadmap span{padding:10px 14px;border:1px solid rgba(24,62,43,.14);border-radius:999px;background:#fff;color:var(--forest);font-size:.74rem;font-weight:760}.iov-payment-roadmap strong{font-size:.78rem;line-height:1.45}
.iov-migration{overflow:hidden;padding:118px 0 126px;color:#fff;background:#0e2b20}.iov-migration-grid{display:grid;grid-template-columns:minmax(350px,.5fr) minmax(650px,1fr);align-items:center;gap:76px}.iov-migration .section-index{color:var(--lime)}.iov-migration-steps{display:grid;gap:0;margin:34px 0 28px;padding:0;border-top:1px solid rgba(255,255,255,.2);list-style:none}.iov-migration-steps li{display:grid;grid-template-columns:44px 1fr;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.2);color:#fff;font-size:.78rem;font-weight:750}.iov-migration-steps span{color:var(--lime);font-size:.63rem;letter-spacing:.07em}.iov-migration-screen{box-shadow:0 36px 88px rgba(0,0,0,.3)}
.iov-future{padding:118px 0 126px;background:#e9f3f6}.iov-future-grid{display:grid;grid-template-columns:minmax(360px,.68fr) minmax(540px,1fr);align-items:center;gap:100px}.iov-future h2{max-width:700px;margin:20px 0 0;font-size:clamp(3.3rem,5.55vw,5.6rem);line-height:.95;letter-spacing:-.06em}.iov-future-grid>div:first-child>p:not(.section-index){max-width:600px;margin:28px 0 0;color:var(--muted);font-size:1.02rem;line-height:1.72}.iov-future-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.iov-future-map span{display:grid;min-height:128px;place-items:center;padding:22px;border:1px solid rgba(24,62,43,.14);border-radius:16px;background:rgba(255,255,255,.7);color:var(--forest);font-size:.82rem;font-weight:780;line-height:1.4;text-align:center}.iov-future-map span:first-child{grid-column:1/-1;min-height:150px;color:#fff;background:var(--forest);font-size:1.6rem}.iov-next{padding:106px 0;color:#fff;background:#173e2c}.iov-next-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.46fr);align-items:end;gap:90px}.iov-next .section-index{color:var(--lime)}.iov-next h2{margin:18px 0 0;font-size:clamp(3.1rem,5.2vw,5.2rem);line-height:.95;letter-spacing:-.058em}.iov-next nav{display:grid;border-top:1px solid rgba(255,255,255,.22)}.iov-next a{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.22);color:#fff;font-size:.82rem;font-weight:760;text-decoration:none}.iov-next a span{color:var(--lime)}
@media(max-width:1050px){.iov-hero-grid,.iov-ai-grid,.iov-section-heading,.iov-migration-grid,.iov-future-grid,.iov-next-grid{grid-template-columns:1fr;gap:48px}.iov-hero-screen,.iov-ai-screen,.iov-migration-screen{width:min(880px,100%)}.iov-section-heading>p{max-width:720px}.iov-provider-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.iov-payment-roadmap{grid-template-columns:1fr}.iov-future-map{max-width:780px}.iov-next nav{max-width:620px}}
@media(max-width:760px){.iov-hero .breadcrumbs{margin-bottom:48px}.iov-hero-copy h1{font-size:clamp(3rem,14vw,4.1rem)}.iov-hero-copy>p:not(.eyebrow),.iov-ai-copy>p:not(.section-index),.iov-section-heading>p,.iov-migration-copy>p:not(.section-index),.iov-future-grid>div:first-child>p:not(.section-index){font-size:1rem}.iov-screen{border-radius:13px;transform:none}.iov-screen figcaption{min-height:66px;align-items:flex-start;flex-direction:column;gap:3px;padding-block:13px}.iov-screen figcaption strong{margin-left:0}.iov-provider-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.iov-ai,.iov-payments,.iov-migration,.iov-future{padding:78px 0 84px}.iov-ai-copy h2,.iov-section-heading h2,.iov-migration-copy h2,.iov-future h2{font-size:clamp(2.45rem,10.8vw,3.45rem)}.iov-payment-stage{display:grid;gap:14px;margin-top:48px;padding:0}.iov-payment-screen,.iov-provider-cards{position:relative;inset:auto;width:100%}.iov-provider-cards article{min-height:116px}.iov-future-map{grid-template-columns:1fr}.iov-future-map span:first-child{grid-column:auto}.iov-next{padding:78px 0}.iov-next h2{font-size:clamp(2.5rem,11vw,3.5rem)}}
@media(max-width:520px){.iov-provider-strip{grid-template-columns:1fr}.iov-provider-cards article{grid-template-columns:52px 1fr;padding:18px}.iov-provider-mark{width:52px;height:52px}.iov-link-pair{display:grid;gap:14px}.iov-future-map span{min-height:105px}}

/* Shopware migration */
.shopware-migration-page{background:#f8faf9}.swm-hero{overflow:hidden;padding:28px 0 0;background:radial-gradient(circle at 86% 18%,rgba(151,126,255,.2),transparent 29%),#edf6f2}.swm-hero .breadcrumbs{margin-bottom:58px}.swm-hero-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(650px,1.3fr);align-items:center;gap:70px}.swm-hero-copy{position:relative;z-index:2;padding-bottom:30px}.swm-hero-copy h1{max-width:570px;margin:20px 0 0;font-size:clamp(4rem,5.3vw,5.6rem);line-height:.89;letter-spacing:-.062em}.swm-hero-copy>p:not(.eyebrow){max-width:550px;margin:30px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.72}.swm-hero-copy .button{margin-top:32px}.swm-hero-screen{width:100%;max-width:820px}.swm-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:42px 0 34px;padding:0;list-style:none}.swm-facts li{display:grid;min-height:86px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;padding:18px;border:1px solid rgba(24,62,43,.12);border-radius:15px;background:rgba(255,255,255,.75);box-shadow:0 12px 30px rgba(16,47,32,.05)}.swm-facts span{display:grid;width:44px;height:38px;place-items:center;border-radius:10px;background:#e9e4ff;color:#4d3ab4;font-size:.66rem;font-weight:900}.swm-facts strong{font-size:.76rem;line-height:1.35}
.swm-connect{padding:118px 0 126px;background:#fff}.swm-connect-grid{display:grid;grid-template-columns:minmax(330px,.46fr) minmax(650px,1fr);align-items:center;gap:76px}.swm-connect-copy h2,.swm-dryrun-copy h2{max-width:620px;margin:20px 0 0;font-size:clamp(3.15rem,4.85vw,5rem);line-height:.94;letter-spacing:-.058em}.swm-connect-copy>p:not(.section-index),.swm-dryrun-copy>p:not(.section-index){max-width:570px;margin:28px 0 0;color:var(--muted);font-size:1.02rem;line-height:1.72}.swm-check-list{display:grid;gap:0;margin:34px 0 0;padding:0;border-top:1px solid rgba(24,62,43,.16);list-style:none}.swm-check-list li{padding:14px 0 14px 28px;border-bottom:1px solid rgba(24,62,43,.16);background:linear-gradient(90deg,var(--leaf) 0 12px,transparent 12px) no-repeat 0 19px/12px 2px;font-size:.78rem;font-weight:730}.swm-connect-screen{box-shadow:0 34px 82px rgba(16,47,32,.14)}
.swm-flow{padding:114px 0 124px;background:#e9f3f6}.swm-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.43fr);align-items:end;gap:82px}.swm-section-heading h2{max-width:850px;margin:20px 0 0;font-size:clamp(3.25rem,5.35vw,5.45rem);line-height:.95;letter-spacing:-.06em}.swm-section-heading>p{max-width:550px;margin:0 0 8px;color:var(--muted);font-size:1.02rem;line-height:1.72}.swm-flow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:62px 0 0;padding:0;border:1px solid rgba(24,62,43,.16);border-radius:18px;background:rgba(255,255,255,.68);list-style:none;overflow:hidden}.swm-flow-steps li{position:relative;min-height:230px;padding:26px 22px;border-right:1px solid rgba(24,62,43,.16)}.swm-flow-steps li:last-child{border-right:0}.swm-flow-steps li:not(:last-child)::after{position:absolute;right:-12px;top:34px;z-index:2;display:grid;width:24px;height:24px;place-items:center;border-radius:50%;color:var(--leaf);background:#fff;content:'→';font-size:.72rem}.swm-flow-steps span{color:#4d3ab4;font-size:.66rem;font-weight:900;letter-spacing:.08em}.swm-flow-steps strong{display:block;margin-top:55px;font-size:1rem}.swm-flow-steps p{margin:12px 0 0;color:var(--muted);font-size:.75rem;line-height:1.5}
.swm-dryrun{padding:118px 0 126px;color:#fff;background:#143a29}.swm-dryrun-grid{display:grid;grid-template-columns:minmax(330px,.47fr) minmax(660px,1fr);align-items:center;gap:76px}.swm-dryrun .section-index{color:var(--lime)}.swm-dryrun-copy>p:not(.section-index){color:#cfddd4}.swm-result-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.swm-result-line span{padding:9px 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;font-size:.68rem;font-weight:740}.swm-dryrun-screen{box-shadow:0 36px 88px rgba(0,0,0,.28)}
.swm-scope{padding:116px 0 124px;background:#fff}.swm-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:58px}.swm-scope-grid article{min-height:218px;padding:25px;border:1px solid rgba(24,62,43,.14);border-radius:16px;background:#f5f8f6}.swm-scope-grid span{color:#4d3ab4;font-size:.65rem;font-weight:900;letter-spacing:.08em}.swm-scope-grid h3{margin:52px 0 12px;font-size:1.18rem;line-height:1.18}.swm-scope-grid p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.58}.swm-boundary{padding:112px 0;color:#fff;background:#0e2b20}.swm-boundary-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.46fr);align-items:end;gap:92px}.swm-boundary .section-index{color:var(--lime)}.swm-boundary h2{max-width:850px;margin:20px 0 0;font-size:clamp(3.15rem,5.3vw,5.4rem);line-height:.95;letter-spacing:-.06em}.swm-boundary-grid>div:last-child p{margin:0;color:#cfddd4;font-size:1.02rem;line-height:1.72}.swm-boundary .button{margin-top:30px}.swm-next{padding:104px 0;background:#e9f3f6}.swm-next-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.46fr);align-items:end;gap:90px}.swm-next h2{margin:18px 0 0;font-size:clamp(3.05rem,5.1vw,5.15rem);line-height:.95;letter-spacing:-.058em}.swm-next nav{display:grid;border-top:1px solid rgba(24,62,43,.18)}.swm-next a{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid rgba(24,62,43,.18);color:var(--forest);font-size:.8rem;font-weight:760;text-decoration:none}.swm-next a span{color:#4d3ab4}
@media(max-width:1100px){.swm-hero-grid,.swm-connect-grid,.swm-section-heading,.swm-dryrun-grid,.swm-boundary-grid,.swm-next-grid{grid-template-columns:1fr;gap:48px}.swm-hero-screen,.swm-connect-screen,.swm-dryrun-screen{width:min(900px,100%)}.swm-section-heading>p{max-width:720px}.swm-flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.swm-flow-steps li{min-height:190px;border-bottom:1px solid rgba(24,62,43,.16)}.swm-flow-steps li:nth-child(2n){border-right:0}.swm-flow-steps li::after{display:none!important}.swm-next nav{max-width:640px}}
@media(max-width:760px){.swm-hero .breadcrumbs{margin-bottom:48px}.swm-hero-copy h1{font-size:clamp(3rem,14vw,4.1rem)}.swm-hero-copy>p:not(.eyebrow),.swm-connect-copy>p:not(.section-index),.swm-section-heading>p,.swm-dryrun-copy>p:not(.section-index),.swm-boundary-grid>div:last-child p{font-size:1rem}.swm-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.swm-connect,.swm-flow,.swm-dryrun,.swm-scope{padding:78px 0 84px}.swm-connect-copy h2,.swm-section-heading h2,.swm-dryrun-copy h2,.swm-boundary h2{font-size:clamp(2.4rem,10.6vw,3.4rem)}.swm-flow-steps{grid-template-columns:1fr}.swm-flow-steps li,.swm-flow-steps li:nth-child(2n){min-height:160px;border-right:0}.swm-flow-steps strong{margin-top:32px}.swm-scope-grid{grid-template-columns:1fr}.swm-scope-grid article{min-height:190px}.swm-boundary,.swm-next{padding:78px 0}.swm-next h2{font-size:clamp(2.5rem,11vw,3.5rem)}}
@media(max-width:520px){.swm-facts{grid-template-columns:1fr}}

/* Developer API */
.developer-api-page{background:#f8faf9}.devapi-hero{overflow:hidden;padding:28px 0 34px;background:radial-gradient(circle at 88% 12%,rgba(108,92,231,.16),transparent 28%),linear-gradient(135deg,#edf7f2 0%,#eef5f8 100%)}.devapi-hero .breadcrumbs{margin-bottom:58px}.devapi-hero-grid{display:grid;grid-template-columns:minmax(440px,.82fr) minmax(570px,1.18fr);align-items:center;gap:72px}.devapi-hero-copy{position:relative;z-index:2}.devapi-hero-copy h1{max-width:650px;margin:20px 0 0;font-size:clamp(3.75rem,5.05vw,4.95rem);line-height:.9;letter-spacing:-.06em}.devapi-hero-copy>p:not(.eyebrow){max-width:570px;margin:30px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.72}.devapi-hero-copy .button{margin-top:32px}.devapi-console{overflow:hidden;border:1px solid rgba(105,92,205,.24);border-radius:22px;color:#e9f5ee;background:#102b22;box-shadow:0 40px 90px rgba(18,55,39,.2);transform:rotate(.35deg)}.devapi-console-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#16392c}.devapi-console-head>span{display:flex;gap:7px}.devapi-console-head i{width:8px;height:8px;border-radius:50%;background:#7d9b8b}.devapi-console-head i:nth-child(2){background:#9abf71}.devapi-console-head i:nth-child(3){background:#c6f46d}.devapi-console-head strong{font-size:.72rem}.devapi-console-head em{justify-self:end;color:#bff171;font-size:.64rem;font-style:normal;font-weight:850}.devapi-endpoint{display:flex;align-items:center;gap:14px;margin:22px 22px 0;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.045)}.devapi-endpoint b{padding:6px 9px;border-radius:6px;color:#112a20;background:#c7f46e;font-size:.62rem;letter-spacing:.05em}.devapi-endpoint code{font-size:.76rem}.devapi-query{display:flex;flex-wrap:wrap;gap:8px;margin:12px 22px 0}.devapi-query span{padding:7px 10px;border:1px solid rgba(255,255,255,.11);border-radius:999px;color:#9cb7aa;font:600 .62rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.devapi-query b{color:#fff}.devapi-console pre{overflow:auto;margin:0;padding:23px 26px 28px;color:#a9c2b5;font:600 .7rem/1.68 ui-monospace,SFMono-Regular,Consolas,monospace}.devapi-console pre b{color:#c9f176;font-weight:650}.devapi-console pre em{color:#e2dfff;font-style:normal}.devapi-console pre span{color:#fff}.devapi-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:48px 0 0;padding:0;list-style:none}.devapi-facts li{display:grid;min-height:86px;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:14px;padding:18px;border:1px solid rgba(24,62,43,.12);border-radius:15px;background:rgba(255,255,255,.78)}.devapi-facts span{display:grid;width:50px;height:38px;place-items:center;border-radius:10px;color:#4b3aa8;background:#e8e4ff;font-size:.61rem;font-weight:900;letter-spacing:.04em}.devapi-facts strong{font-size:.76rem;line-height:1.35}
.devapi-client{padding:120px 0 126px;background:#fff}.devapi-client-grid{display:grid;grid-template-columns:minmax(650px,1.15fr) minmax(330px,.55fr);align-items:center;gap:76px}.devapi-client-screen{box-shadow:0 34px 82px rgba(16,47,32,.14)}.devapi-client-copy h2,.devapi-permissions-copy h2{max-width:570px;margin:20px 0 0;font-size:clamp(3.2rem,4.8vw,4.8rem);line-height:.93;letter-spacing:-.058em}.devapi-client-copy>p:not(.section-index),.devapi-permissions-copy>p:not(.section-index){max-width:560px;margin:28px 0 0;color:var(--muted);font-size:1.02rem;line-height:1.72}.devapi-check-list{display:grid;gap:0;margin:34px 0 0;padding:0;border-top:1px solid rgba(24,62,43,.16);list-style:none}.devapi-check-list li{padding:14px 0 14px 28px;border-bottom:1px solid rgba(24,62,43,.16);background:linear-gradient(90deg,var(--leaf) 0 12px,transparent 12px) no-repeat 0 19px/12px 2px;font-size:.76rem;font-weight:740;line-height:1.45}
.devapi-resources{padding:116px 0 124px;background:#e9f3f6}.devapi-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.43fr);align-items:end;gap:82px}.devapi-section-heading h2{max-width:850px;margin:20px 0 0;font-size:clamp(3.25rem,5.25vw,5.25rem);line-height:.95;letter-spacing:-.06em}.devapi-section-heading>p{max-width:550px;margin:0 0 8px;color:var(--muted);font-size:1.02rem;line-height:1.72}.devapi-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:58px}.devapi-resource-grid article{position:relative;min-height:260px;padding:26px;border:1px solid rgba(24,62,43,.14);border-radius:17px;background:rgba(255,255,255,.76)}.devapi-resource-grid article>span{color:#4d3ab4;font-size:.65rem;font-weight:900;letter-spacing:.08em}.devapi-resource-grid article>i{position:absolute;right:24px;top:21px;display:grid;min-width:44px;height:44px;padding:0 10px;place-items:center;border-radius:12px;color:var(--leaf);background:#e9f5ed;font-size:1rem;font-style:normal;font-weight:800}.devapi-resource-grid h3{margin:55px 0 12px;font-size:1.25rem}.devapi-resource-grid p{max-width:320px;margin:0;color:var(--muted);font-size:.78rem;line-height:1.6}.devapi-resource-grid article>code{position:absolute;left:26px;bottom:24px;color:#4d3ab4;font-size:.66rem;font-weight:750}.devapi-resource-grid .devapi-resource-accent{color:#fff;border-color:#4f3fb5;background:#4f3fb5}.devapi-resource-grid .devapi-resource-accent>span,.devapi-resource-grid .devapi-resource-accent>code{color:#c9f176}.devapi-resource-grid .devapi-resource-accent>i{color:#fff;background:rgba(255,255,255,.13)}.devapi-resource-grid .devapi-resource-accent p{color:#e2defe}
.devapi-context{padding:112px 0 120px;color:#fff;background:#143a29}.devapi-context .section-index{color:var(--lime)}.devapi-context-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.56fr);align-items:end;gap:88px}.devapi-context-copy h2{max-width:850px;margin:20px 0 0;font-size:clamp(3.25rem,5.25vw,5.3rem);line-height:.94;letter-spacing:-.06em}.devapi-context-copy>p:not(.section-index){max-width:690px;margin:28px 0 0;color:#cfddd4;font-size:1.02rem;line-height:1.72}.devapi-context-request{display:flex;flex-wrap:wrap;gap:9px;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.06)}.devapi-context-request span{flex:0 0 100%;margin-bottom:6px;color:#c9f176;font:750 .78rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.devapi-context-request code{padding:8px 10px;border-radius:8px;color:#fff;background:rgba(255,255,255,.1);font-size:.67rem}.devapi-context-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:62px 0 0;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:17px;list-style:none;overflow:hidden}.devapi-context-flow li{position:relative;min-height:138px;padding:21px;border-right:1px solid rgba(255,255,255,.13)}.devapi-context-flow li:last-child{border-right:0;background:rgba(201,244,110,.1)}.devapi-context-flow span{color:#c9f176;font-size:.64rem;font-weight:900}.devapi-context-flow strong{display:block;margin-top:44px;font-size:.78rem}.devapi-context-flow li:not(:last-child)::after{position:absolute;right:-10px;top:22px;z-index:2;display:grid;width:20px;height:20px;place-items:center;border-radius:50%;color:#143a29;background:#c9f176;content:'→';font-size:.58rem}
.devapi-permissions{padding:118px 0 126px;background:#f4f6ff}.devapi-permissions-grid{display:grid;grid-template-columns:minmax(350px,.5fr) minmax(650px,1fr);align-items:center;gap:76px}.devapi-permissions-screen{box-shadow:0 36px 88px rgba(31,35,79,.14)}.devapi-scope-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}.devapi-scope-tags code{padding:9px 11px;border:1px solid rgba(79,63,181,.16);border-radius:8px;color:#4d3ab4;background:#fff;font-size:.65rem;font-weight:750}
.devapi-examples{padding:116px 0 124px;background:#fff}.devapi-example-shell{overflow:hidden;margin-top:58px;border:1px solid rgba(24,62,43,.16);border-radius:20px;background:#102b22;box-shadow:0 30px 70px rgba(16,47,32,.14)}.devapi-example-tabs{display:flex;gap:4px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1);background:#16392c}.devapi-example-tabs button{padding:10px 16px;border:0;border-radius:8px;color:#a8beb2;background:transparent;font:750 .7rem/1 var(--font-sans);cursor:pointer}.devapi-example-tabs button[aria-selected="true"]{color:#102b22;background:#c9f176}.devapi-code-panel pre{min-height:178px;overflow:auto;margin:0;padding:30px;color:#e7f1eb;font:600 .76rem/1.75 ui-monospace,SFMono-Regular,Consolas,monospace}.devapi-code-panel[hidden]{display:none}.devapi-example-result{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:18px 30px;border-top:1px solid rgba(255,255,255,.1);background:#0c241c}.devapi-example-result span{padding:7px 9px;border-radius:7px;color:#102b22;background:#c9f176;font-size:.62rem;font-weight:900}.devapi-example-result code{overflow:hidden;color:#aac0b4;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}
.devapi-boundary{padding:112px 0;color:#fff;background:#4f3fb5}.devapi-boundary-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.46fr);align-items:end;gap:92px}.devapi-boundary .section-index{color:#c9f176}.devapi-boundary h2{max-width:880px;margin:20px 0 0;font-size:clamp(3.15rem,5.1vw,5.15rem);line-height:.95;letter-spacing:-.06em}.devapi-boundary-grid>div:last-child p{margin:0;color:#e3dfff;font-size:1.02rem;line-height:1.72}.devapi-boundary .button{margin-top:30px}.devapi-next{padding:104px 0;background:#e9f3f6}.devapi-next-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.46fr);align-items:end;gap:90px}.devapi-next h2{margin:18px 0 0;font-size:clamp(3.05rem,5.1vw,5.15rem);line-height:.95;letter-spacing:-.058em}.devapi-next nav{display:grid;border-top:1px solid rgba(24,62,43,.18)}.devapi-next a{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid rgba(24,62,43,.18);color:var(--forest);font-size:.8rem;font-weight:760;text-decoration:none}.devapi-next a span{color:#4d3ab4}
@media(max-width:1100px){.devapi-hero-grid,.devapi-client-grid,.devapi-section-heading,.devapi-context-grid,.devapi-permissions-grid,.devapi-boundary-grid,.devapi-next-grid{grid-template-columns:1fr;gap:48px}.devapi-console,.devapi-client-screen,.devapi-permissions-screen{width:min(900px,100%)}.devapi-section-heading>p{max-width:720px}.devapi-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.devapi-context-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.devapi-context-flow li:nth-child(3){border-right:0}.devapi-context-flow li:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.13)}.devapi-context-flow li::after{display:none!important}.devapi-next nav{max-width:640px}}
@media(max-width:760px){.devapi-hero .breadcrumbs{margin-bottom:48px}.devapi-hero-copy h1{font-size:clamp(3rem,13vw,4rem)}.devapi-hero-copy>p:not(.eyebrow),.devapi-client-copy>p:not(.section-index),.devapi-section-heading>p,.devapi-context-copy>p:not(.section-index),.devapi-permissions-copy>p:not(.section-index),.devapi-boundary-grid>div:last-child p{font-size:1rem}.devapi-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.devapi-client,.devapi-resources,.devapi-context,.devapi-permissions,.devapi-examples{padding:78px 0 84px}.devapi-client-copy h2,.devapi-section-heading h2,.devapi-context-copy h2,.devapi-permissions-copy h2,.devapi-boundary h2{font-size:clamp(2.4rem,10.6vw,3.4rem)}.devapi-resource-grid{grid-template-columns:1fr}.devapi-resource-grid article{min-height:238px}.devapi-context-flow{grid-template-columns:1fr}.devapi-context-flow li,.devapi-context-flow li:nth-child(3){min-height:112px;border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}.devapi-context-flow strong{margin-top:28px}.devapi-console{border-radius:16px}.devapi-console pre{font-size:.61rem}.devapi-endpoint code{font-size:.65rem}.devapi-example-result{grid-template-columns:1fr}.devapi-boundary,.devapi-next{padding:78px 0}.devapi-next h2{font-size:clamp(2.5rem,11vw,3.5rem)}}
@media(max-width:520px){.devapi-facts{grid-template-columns:1fr}.devapi-example-tabs button{padding:9px 11px}.devapi-code-panel pre{padding:22px 18px;font-size:.62rem}.devapi-context-request{padding:18px}}

/* API hero title alignment */
@media(min-width:1101px){.devapi-hero-grid{grid-template-columns:minmax(500px,.92fr) minmax(550px,1.08fr);gap:56px}.devapi-hero-copy h1{font-size:clamp(3.65rem,4.5vw,4.35rem)}.devapi-hero-copy h1 span{white-space:nowrap}}
@media(max-width:1200px) and (min-width:1101px){.devapi-hero-grid,.devapi-client-grid,.devapi-section-heading,.devapi-context-grid,.devapi-permissions-grid,.devapi-boundary-grid,.devapi-next-grid{grid-template-columns:1fr;gap:48px}.devapi-console,.devapi-client-screen,.devapi-permissions-screen{width:min(900px,100%)}.devapi-section-heading>p{max-width:720px}.devapi-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.devapi-context-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.devapi-context-flow li:nth-child(3){border-right:0}.devapi-context-flow li:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.13)}.devapi-context-flow li::after{display:none!important}.devapi-next nav{max-width:640px}}

/* Plugins */
.plugin-overview-page{background:#f8faf9}.plg-hero{overflow:hidden;padding:28px 0 36px;background:radial-gradient(circle at 90% 12%,rgba(195,245,111,.3),transparent 28%),linear-gradient(135deg,#edf7f2 0%,#eef4fb 100%)}.plg-hero .breadcrumbs{margin-bottom:58px}.plg-hero-grid{display:grid;grid-template-columns:minmax(420px,.72fr) minmax(650px,1.28fr);align-items:center;gap:64px}.plg-hero-copy{position:relative;z-index:2}.plg-hero-copy h1{max-width:620px;margin:20px 0 0;font-size:clamp(3.8rem,5.15vw,5.25rem);line-height:.9;letter-spacing:-.06em}.plg-hero-copy>p:not(.eyebrow){max-width:560px;margin:30px 0 0;color:var(--muted);font-size:1.06rem;line-height:1.72}.plg-hero-copy .button{margin-top:32px}.plg-hero-screen{width:100%;box-shadow:0 35px 84px rgba(16,47,32,.16);transform:rotate(.2deg)}.plg-hero-screen .image-zoom-trigger{aspect-ratio:16/9}.plg-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:48px 0 0;padding:0;list-style:none}.plg-facts li{display:grid;min-height:86px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;padding:18px;border:1px solid rgba(24,62,43,.12);border-radius:15px;background:rgba(255,255,255,.77)}.plg-facts span{display:grid;width:48px;height:38px;place-items:center;border-radius:10px;color:#4d3ab4;background:#ebe7ff;font-size:.69rem;font-weight:900}.plg-facts strong{font-size:.76rem;line-height:1.35}
.plg-principle{padding:116px 0 124px;background:#e9f3f6}.plg-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.43fr);align-items:end;gap:84px}.plg-section-heading h2{max-width:880px;margin:20px 0 0;font-size:clamp(3.2rem,5.15vw,5.2rem);line-height:.95;letter-spacing:-.06em}.plg-section-heading>p{max-width:550px;margin:0 0 8px;color:var(--muted);font-size:1.02rem;line-height:1.72}.plg-lifecycle{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:58px 0 0;padding:0;border:1px solid rgba(24,62,43,.15);border-radius:18px;background:rgba(255,255,255,.68);list-style:none;overflow:hidden}.plg-lifecycle li{position:relative;min-height:220px;padding:25px;border-right:1px solid rgba(24,62,43,.14)}.plg-lifecycle li:last-child{border-right:0}.plg-lifecycle li:not(:last-child)::after{position:absolute;right:-12px;top:28px;z-index:2;display:grid;width:24px;height:24px;place-items:center;border-radius:50%;color:#fff;background:#4f3fb5;content:'→';font-size:.64rem}.plg-lifecycle span{color:#4d3ab4;font-size:.65rem;font-weight:900;letter-spacing:.08em}.plg-lifecycle strong{display:block;margin-top:62px;font-size:1.08rem}.plg-lifecycle p{margin:13px 0 0;color:var(--muted);font-size:.76rem;line-height:1.55}
.plg-bexio{padding:120px 0 126px;color:#fff;background:#143a29}.plg-bexio-grid{display:grid;grid-template-columns:minmax(360px,.52fr) minmax(650px,1fr);align-items:center;gap:76px}.plg-bexio .section-index{color:var(--lime)}.plg-bexio-copy h2{max-width:650px;margin:20px 0 0;font-size:clamp(3.25rem,4.85vw,4.8rem);line-height:.94;letter-spacing:-.058em}.plg-bexio-copy>p:not(.section-index){max-width:580px;margin:28px 0 0;color:#cfddd4;font-size:1.02rem;line-height:1.72}.plg-check-list{display:grid;gap:0;margin:32px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.16);list-style:none}.plg-check-list li{padding:14px 0 14px 29px;border-bottom:1px solid rgba(255,255,255,.16);background:linear-gradient(90deg,var(--lime) 0 12px,transparent 12px) no-repeat 0 19px/12px 2px;font-size:.75rem;font-weight:720}.plg-bexio-copy .button{margin-top:30px}.plg-bexio-screen{box-shadow:0 38px 90px rgba(0,0,0,.3)}.plg-bexio-screen .image-zoom-trigger{aspect-ratio:16/8;background:#fff}.plg-bexio-screen img{object-fit:contain;background:#fff}
.plg-custom{padding:116px 0 124px;background:#f1effb}.plg-custom-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(530px,.65fr);align-items:center;gap:88px}.plg-custom-copy h2{max-width:790px;margin:20px 0 0;font-size:clamp(3.1rem,4.9vw,4.9rem);line-height:.95;letter-spacing:-.06em}.plg-custom-copy>p:not(.section-index){max-width:700px;margin:28px 0 0;color:var(--muted);font-size:1.02rem;line-height:1.72}.plg-boundary{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px}.plg-boundary>div{display:flex;min-height:250px;flex-direction:column;padding:25px;border:1px solid rgba(79,63,181,.17);border-radius:17px;background:rgba(255,255,255,.76)}.plg-boundary>div:last-child{color:#fff;border-color:#4f3fb5;background:#4f3fb5}.plg-boundary span{color:#4d3ab4;font-size:.65rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.plg-boundary>div:last-child span{color:#c9f176}.plg-boundary strong{margin-top:auto;font-size:1.2rem}.plg-boundary small{margin-top:10px;color:var(--muted);font-size:.72rem;line-height:1.45}.plg-boundary>div:last-child small{color:#e2defe}.plg-boundary i{align-self:center;color:#4d3ab4;font-size:1.4rem;font-style:normal;font-weight:900}
.plg-outlook{padding:112px 0;color:#fff;background:#4f3fb5}.plg-outlook-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.48fr);align-items:end;gap:92px}.plg-outlook .section-index{color:#c9f176}.plg-outlook h2{max-width:850px;margin:20px 0 0;font-size:clamp(3.15rem,5.1vw,5.15rem);line-height:.95;letter-spacing:-.06em}.plg-outlook-grid>div:last-child p{margin:0;color:#e3dfff;font-size:1.02rem;line-height:1.72}.plg-outlook .text-link{margin-top:28px}.plg-outlook .button{margin-top:30px}.plg-next{padding:104px 0;background:#e9f3f6}.plg-next-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.46fr);align-items:end;gap:90px}.plg-next h2{margin:18px 0 0;font-size:clamp(3rem,4.9vw,4.9rem);line-height:.95;letter-spacing:-.058em}.plg-next nav{display:grid;border-top:1px solid rgba(24,62,43,.18)}.plg-next a{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid rgba(24,62,43,.18);color:var(--forest);font-size:.8rem;font-weight:760;text-decoration:none}.plg-next a span{color:#4d3ab4}
@media(max-width:1200px){.plg-hero-grid,.plg-section-heading,.plg-bexio-grid,.plg-custom-grid,.plg-outlook-grid,.plg-next-grid{grid-template-columns:1fr;gap:48px}.plg-hero-screen,.plg-bexio-screen{width:min(920px,100%)}.plg-section-heading>p{max-width:720px}.plg-custom-grid{gap:58px}.plg-boundary{max-width:720px}.plg-next nav{max-width:640px}}
@media(max-width:760px){.plg-hero .breadcrumbs{margin-bottom:48px}.plg-hero-copy h1{font-size:clamp(3rem,13vw,4rem)}.plg-hero-copy>p:not(.eyebrow),.plg-section-heading>p,.plg-bexio-copy>p:not(.section-index),.plg-custom-copy>p:not(.section-index),.plg-outlook-grid>div:last-child p{font-size:1rem}.plg-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.plg-principle,.plg-bexio,.plg-custom{padding:78px 0 84px}.plg-section-heading h2,.plg-bexio-copy h2,.plg-custom-copy h2,.plg-outlook h2{font-size:clamp(2.4rem,10.6vw,3.4rem)}.plg-lifecycle{grid-template-columns:1fr}.plg-lifecycle li{min-height:160px;border-right:0;border-bottom:1px solid rgba(24,62,43,.14)}.plg-lifecycle li:last-child{border-bottom:0}.plg-lifecycle li::after{display:none!important}.plg-lifecycle strong{margin-top:34px}.plg-boundary{grid-template-columns:1fr}.plg-boundary>div{min-height:190px}.plg-boundary i{padding:0 20px}.plg-outlook,.plg-next{padding:78px 0}.plg-next h2{font-size:clamp(2.5rem,11vw,3.5rem)}}
@media(max-width:520px){.plg-facts{grid-template-columns:1fr}.plg-hero-screen figcaption,.plg-bexio-screen figcaption{align-items:flex-start;flex-direction:column;gap:5px}.plg-hero-screen figcaption strong,.plg-bexio-screen figcaption strong{margin-left:0}}

/* Bexio plugin */
.bexio-plugin-page{background:#f8faf9}.bex-hero{overflow:hidden;padding:28px 0 36px;background:radial-gradient(circle at 88% 13%,rgba(195,245,111,.32),transparent 29%),linear-gradient(135deg,#edf7f2 0%,#edf5f8 100%)}.bex-hero .breadcrumbs{margin-bottom:58px}.bex-hero-grid{display:grid;grid-template-columns:minmax(430px,.78fr) minmax(630px,1.22fr);align-items:center;gap:64px}.bex-hero-copy{position:relative;z-index:2}.bex-hero-copy h1{max-width:640px;margin:20px 0 0;font-size:clamp(3.75rem,5.05vw,5.05rem);line-height:.9;letter-spacing:-.06em}.bex-hero-copy>p:not(.eyebrow){max-width:555px;margin:30px 0 0;color:var(--muted);font-size:1.06rem;line-height:1.72}.bex-hero-copy .button{margin-top:32px}.bex-hero-screen{box-shadow:0 36px 88px rgba(16,47,32,.16)}.bex-hero-screen .image-zoom-trigger{aspect-ratio:16/8;background:#fff}.bex-hero-screen img{object-fit:contain;background:#fff}.bex-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:48px 0 0;padding:0;list-style:none}.bex-facts li{display:grid;min-height:88px;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:14px;padding:18px;border:1px solid rgba(24,62,43,.12);border-radius:15px;background:rgba(255,255,255,.78)}.bex-facts span{display:grid;width:56px;height:38px;place-items:center;border-radius:10px;color:var(--leaf);background:#dff0e5;font-size:.62rem;font-weight:900}.bex-facts strong{font-size:.75rem;line-height:1.35}
.bex-flow{padding:116px 0 124px;background:#fff}.bex-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.43fr);align-items:end;gap:84px}.bex-section-heading h2{max-width:890px;margin:20px 0 0;font-size:clamp(3.2rem,5.15vw,5.2rem);line-height:.95;letter-spacing:-.06em}.bex-section-heading>p{max-width:550px;margin:0 0 8px;color:var(--muted);font-size:1.02rem;line-height:1.72}.bex-flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:58px 0 0;padding:0;border:1px solid rgba(24,62,43,.15);border-radius:18px;background:#f4f8f6;list-style:none;overflow:hidden}.bex-flow-steps li{position:relative;min-height:210px;padding:26px;border-right:1px solid rgba(24,62,43,.14)}.bex-flow-steps li:last-child{border-right:0}.bex-flow-steps li:not(:last-child)::after{position:absolute;right:-13px;top:27px;z-index:2;display:grid;width:26px;height:26px;place-items:center;border-radius:50%;color:#143a29;background:#c9f176;content:'→';font-size:.64rem}.bex-flow-steps span{color:var(--leaf);font-size:.65rem;font-weight:900;letter-spacing:.08em}.bex-flow-steps strong{display:block;margin-top:58px;font-size:1.08rem}.bex-flow-steps p{margin:13px 0 0;color:var(--muted);font-size:.77rem;line-height:1.55}
.bex-scope{padding:116px 0 124px;background:#e9f3f6}.bex-scope-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:58px}.bex-scope-grid article{position:relative;min-height:240px;padding:24px;border:1px solid rgba(24,62,43,.14);border-radius:17px;background:rgba(255,255,255,.78)}.bex-scope-grid article>span{color:var(--leaf);font-size:.65rem;font-weight:900;letter-spacing:.08em}.bex-scope-grid h3{margin:64px 0 12px;font-size:1.08rem;line-height:1.2}.bex-scope-grid p{margin:0;color:var(--muted);font-size:.74rem;line-height:1.58}.bex-scope-grid .bex-scope-accent{color:#fff;border-color:#4f3fb5;background:#4f3fb5}.bex-scope-grid .bex-scope-accent>span{color:#c9f176}.bex-scope-grid .bex-scope-accent p{color:#e2defe}
.bex-update{padding:118px 0 126px;color:#fff;background:#143a29}.bex-update-grid{display:grid;grid-template-columns:minmax(390px,.52fr) minmax(650px,1fr);align-items:center;gap:76px}.bex-update .section-index{color:var(--lime)}.bex-update-copy h2{max-width:650px;margin:20px 0 0;font-size:clamp(3.2rem,4.75vw,4.75rem);line-height:.94;letter-spacing:-.058em}.bex-update-copy>p:not(.section-index){max-width:600px;margin:28px 0 0;color:#cfddd4;font-size:1.02rem;line-height:1.72}.bex-update-path{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:32px}.bex-update-path span{padding:10px 13px;border:1px solid rgba(255,255,255,.19);border-radius:999px;font-size:.7rem;font-weight:720}.bex-update-path i{color:#c9f176;font-style:normal;font-weight:900}.bex-plugin-screen{box-shadow:0 38px 92px rgba(0,0,0,.3)}.bex-plugin-screen .image-zoom-trigger{aspect-ratio:16/9}
.bex-boundary{padding:112px 0;color:#fff;background:#4f3fb5}.bex-boundary-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.48fr);align-items:end;gap:92px}.bex-boundary .section-index{color:#c9f176}.bex-boundary h2{max-width:860px;margin:20px 0 0;font-size:clamp(3.1rem,5vw,5rem);line-height:.95;letter-spacing:-.06em}.bex-boundary-grid>div:last-child p{margin:0;color:#e3dfff;font-size:1.02rem;line-height:1.72}.bex-boundary .button{margin-top:30px}.bex-next{padding:104px 0;background:#e9f3f6}.bex-next-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.46fr);align-items:end;gap:90px}.bex-next h2{margin:18px 0 0;font-size:clamp(3rem,4.9vw,4.9rem);line-height:.95;letter-spacing:-.058em}.bex-next nav{display:grid;border-top:1px solid rgba(24,62,43,.18)}.bex-next a{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid rgba(24,62,43,.18);color:var(--forest);font-size:.8rem;font-weight:760;text-decoration:none}.bex-next a span{color:#4d3ab4}
@media(max-width:1200px){.bex-hero-grid,.bex-section-heading,.bex-update-grid,.bex-boundary-grid,.bex-next-grid{grid-template-columns:1fr;gap:48px}.bex-hero-screen,.bex-plugin-screen{width:min(920px,100%)}.bex-section-heading>p{max-width:720px}.bex-scope-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bex-next nav{max-width:640px}}
@media(max-width:760px){.bex-hero .breadcrumbs{margin-bottom:48px}.bex-hero-copy h1{font-size:clamp(3rem,13vw,4rem)}.bex-hero-copy>p:not(.eyebrow),.bex-section-heading>p,.bex-update-copy>p:not(.section-index),.bex-boundary-grid>div:last-child p{font-size:1rem}.bex-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.bex-flow,.bex-scope,.bex-update{padding:78px 0 84px}.bex-section-heading h2,.bex-update-copy h2,.bex-boundary h2{font-size:clamp(2.4rem,10.6vw,3.4rem)}.bex-flow-steps{grid-template-columns:1fr}.bex-flow-steps li{min-height:160px;border-right:0;border-bottom:1px solid rgba(24,62,43,.14)}.bex-flow-steps li:last-child{border-bottom:0}.bex-flow-steps li::after{display:none!important}.bex-flow-steps strong{margin-top:34px}.bex-scope-grid{grid-template-columns:1fr}.bex-scope-grid article{min-height:190px}.bex-scope-grid h3{margin-top:42px}.bex-boundary,.bex-next{padding:78px 0}.bex-next h2{font-size:clamp(2.5rem,11vw,3.5rem)}}
@media(max-width:520px){.bex-facts{grid-template-columns:1fr}.bex-hero-screen figcaption,.bex-plugin-screen figcaption{align-items:flex-start;flex-direction:column;gap:5px}.bex-hero-screen figcaption strong,.bex-plugin-screen figcaption strong{margin-left:0}}

/* Developer themes */
.theme-developer-page{background:#f8faf9}.thd-hero{overflow:hidden;padding:28px 0 36px;background:radial-gradient(circle at 89% 12%,rgba(195,245,111,.31),transparent 29%),linear-gradient(135deg,#edf7f2 0%,#edf4fb 100%)}.thd-hero .breadcrumbs{margin-bottom:58px}.thd-hero-grid{display:grid;grid-template-columns:minmax(420px,.72fr) minmax(650px,1.28fr);align-items:center;gap:64px}.thd-hero-copy{position:relative;z-index:2}.thd-hero-copy h1{max-width:620px;margin:20px 0 0;font-size:clamp(3.8rem,5.15vw,5.25rem);line-height:.9;letter-spacing:-.06em}.thd-hero-copy>p:not(.eyebrow){max-width:565px;margin:30px 0 0;color:var(--muted);font-size:1.06rem;line-height:1.72}.thd-hero-copy .button{margin-top:32px}.thd-hero-screen{width:100%;box-shadow:0 36px 86px rgba(16,47,32,.16);transform:rotate(.18deg)}.thd-hero-screen .image-zoom-trigger{aspect-ratio:16/9}.thd-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:48px 0 0;padding:0;list-style:none}.thd-facts li{display:grid;min-height:86px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;padding:18px;border:1px solid rgba(24,62,43,.12);border-radius:15px;background:rgba(255,255,255,.78)}.thd-facts span{display:grid;width:48px;height:38px;place-items:center;border-radius:10px;color:#4d3ab4;background:#ebe7ff;font-size:.7rem;font-weight:900}.thd-facts strong{font-size:.76rem;line-height:1.35}
.thd-standard{padding:120px 0 128px;background:#fff}.thd-standard-grid{display:grid;grid-template-columns:minmax(350px,.48fr) minmax(680px,1fr);align-items:center;gap:78px}.thd-standard-copy h2{max-width:650px;margin:20px 0 0;font-size:clamp(3.2rem,4.9vw,4.9rem);line-height:.94;letter-spacing:-.058em}.thd-standard-copy>p:not(.section-index){max-width:580px;margin:28px 0 0;color:var(--muted);font-size:1.02rem;line-height:1.72}.thd-check-list{display:grid;gap:0;margin:34px 0 0;padding:0;border-top:1px solid rgba(24,62,43,.16);list-style:none}.thd-check-list li{padding:14px 0 14px 28px;border-bottom:1px solid rgba(24,62,43,.16);background:linear-gradient(90deg,var(--leaf) 0 12px,transparent 12px) no-repeat 0 19px/12px 2px;font-size:.76rem;font-weight:740;line-height:1.45}.thd-device-stage{position:relative;padding:0 105px 72px 0}.thd-desktop-screen{box-shadow:0 32px 78px rgba(16,47,32,.15)}.thd-desktop-screen .image-zoom-trigger{aspect-ratio:16/9}.thd-mobile-screen{position:absolute;right:0;bottom:0;overflow:hidden;width:190px;margin:0;border:1px solid rgba(24,62,43,.15);border-radius:20px;background:#fff;box-shadow:0 28px 65px rgba(16,47,32,.2)}.thd-mobile-screen figcaption{display:flex;min-height:58px;flex-direction:column;justify-content:center;gap:3px;padding:11px 14px;border-bottom:1px solid var(--line)}.thd-mobile-screen figcaption span{color:var(--leaf);font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.thd-mobile-screen figcaption strong{font-size:.61rem}.thd-mobile-screen .image-zoom-trigger{display:block;width:100%;height:340px;padding:0;border:0;background:#f2f5f3;cursor:zoom-in}.thd-mobile-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.thd-config{padding:116px 0 124px;background:#e9f3f6}.thd-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.43fr);align-items:end;gap:84px}.thd-section-heading h2{max-width:880px;margin:20px 0 0;font-size:clamp(3.2rem,5.15vw,5.2rem);line-height:.95;letter-spacing:-.06em}.thd-section-heading>p{max-width:555px;margin:0 0 8px;color:var(--muted);font-size:1.02rem;line-height:1.72}.thd-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:58px}.thd-config-screen{box-shadow:0 26px 66px rgba(16,47,32,.11)}.thd-config-screen .image-zoom-trigger{aspect-ratio:16/10}.thd-config-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0 0;padding:0;list-style:none}.thd-config-facts li{padding:16px;border:1px solid rgba(24,62,43,.13);border-radius:12px;background:rgba(255,255,255,.68);font-size:.72rem;font-weight:760;text-align:center}
.thd-custom{padding:118px 0 126px;color:#fff;background:#143a29}.thd-custom-grid{display:grid;grid-template-columns:minmax(390px,.56fr) minmax(580px,.82fr);align-items:center;gap:92px}.thd-custom .section-index{color:var(--lime)}.thd-custom-copy h2{max-width:730px;margin:20px 0 0;font-size:clamp(3.15rem,4.9vw,4.9rem);line-height:.94;letter-spacing:-.058em}.thd-custom-copy>p:not(.section-index){max-width:650px;margin:28px 0 0;color:#cfddd4;font-size:1.02rem;line-height:1.72}.thd-custom-copy .button{margin-top:30px}.thd-layer-model{display:grid;gap:12px}.thd-layer-model>div{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;column-gap:18px;min-height:116px;padding:22px 25px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.06)}.thd-layer-model>div:first-child{margin-inline:54px;color:#152e23;background:#c9f176}.thd-layer-model>div:nth-child(2){margin-inline:27px;background:#4f3fb5}.thd-layer-model span{grid-row:1/3;display:grid;width:48px;height:48px;place-items:center;border-radius:12px;color:#c9f176;background:rgba(255,255,255,.1);font-size:.65rem;font-weight:900}.thd-layer-model>div:first-child span{color:#fff;background:#173e2c}.thd-layer-model strong{font-size:1.08rem}.thd-layer-model small{color:#bcd0c5;font-size:.72rem}.thd-layer-model>div:first-child small{color:#365c47}.thd-layer-model>div:nth-child(2) small{color:#e2defe}
.thd-scope{padding:116px 0 124px;background:#f1effb}.thd-scope-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:58px}.thd-scope-grid article{min-height:230px;padding:25px;border:1px solid rgba(79,63,181,.16);border-radius:17px;background:rgba(255,255,255,.75)}.thd-scope-grid span{color:#4d3ab4;font-size:.65rem;font-weight:900;letter-spacing:.08em}.thd-scope-grid h3{margin:58px 0 12px;font-size:1.13rem;line-height:1.2}.thd-scope-grid p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.58}.thd-next{padding:104px 0;background:#e9f3f6}.thd-next-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.46fr);align-items:end;gap:90px}.thd-next h2{margin:18px 0 0;font-size:clamp(3rem,4.9vw,4.9rem);line-height:.95;letter-spacing:-.058em}.thd-next nav{display:grid;border-top:1px solid rgba(24,62,43,.18)}.thd-next a{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid rgba(24,62,43,.18);color:var(--forest);font-size:.8rem;font-weight:760;text-decoration:none}.thd-next a span{color:#4d3ab4}
@media(max-width:1200px){.thd-hero-grid,.thd-standard-grid,.thd-section-heading,.thd-custom-grid,.thd-next-grid{grid-template-columns:1fr;gap:48px}.thd-hero-screen,.thd-device-stage{width:min(920px,100%)}.thd-section-heading>p{max-width:720px}.thd-layer-model{max-width:760px}.thd-next nav{max-width:640px}}
@media(max-width:760px){.thd-hero .breadcrumbs{margin-bottom:48px}.thd-hero-copy h1{font-size:clamp(3rem,13vw,4rem)}.thd-hero-copy>p:not(.eyebrow),.thd-standard-copy>p:not(.section-index),.thd-section-heading>p,.thd-custom-copy>p:not(.section-index){font-size:1rem}.thd-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.thd-standard,.thd-config,.thd-custom,.thd-scope{padding:78px 0 84px}.thd-standard-copy h2,.thd-section-heading h2,.thd-custom-copy h2{font-size:clamp(2.4rem,10.6vw,3.4rem)}.thd-device-stage{padding:0 58px 50px 0}.thd-mobile-screen{width:140px;border-radius:15px}.thd-mobile-screen .image-zoom-trigger{height:250px}.thd-config-grid{grid-template-columns:1fr}.thd-config-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.thd-layer-model>div,.thd-layer-model>div:first-child,.thd-layer-model>div:nth-child(2){margin-inline:0}.thd-scope-grid{grid-template-columns:1fr}.thd-scope-grid article{min-height:190px}.thd-scope-grid h3{margin-top:40px}.thd-next{padding:78px 0}.thd-next h2{font-size:clamp(2.5rem,11vw,3.5rem)}}
@media(max-width:520px){.thd-facts{grid-template-columns:1fr}.thd-config-facts{grid-template-columns:1fr}.thd-hero-screen figcaption,.thd-config-screen figcaption,.thd-desktop-screen figcaption{align-items:flex-start;flex-direction:column;gap:5px}.thd-hero-screen figcaption strong,.thd-config-screen figcaption strong,.thd-desktop-screen figcaption strong{margin-left:0}}

/* Pricing overview */
.pricing-overview-hero {
    overflow: hidden;
    background: radial-gradient(circle at 87% 24%, rgba(185,239,114,0.34), transparent 27%), #edf6f1;
}
.pricing-overview-hero .section-hero-copy h1 {
    max-width: 840px;
    font-size: clamp(3.35rem, 4.75vw, 5.15rem);
    line-height: 0.94;
}
.pricing-principle-card ol {
    display: grid;
    gap: 0;
    margin: 27px 0 0;
    padding: 0;
    border-top: 1px solid var(--line);
    list-style: none;
}
.pricing-principle-card li {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 12px;
    padding: 15px 0;
    border-bottom: 1px solid var(--line);
    color: #405047;
    font-size: 0.82rem;
    font-weight: 720;
}
.pricing-principle-card li b { color: var(--forest); font-size: 0.7rem; letter-spacing: 0.08em; }
.pricing-page-offers { padding: 122px 0 126px; background: #f3f7f4; }
.pricing-page .price-card { min-height: 530px; padding: 34px; scroll-margin-top: 28px; }
.pricing-page .price-card-featured {
    color: var(--white);
    border-color: var(--forest);
    background: var(--forest);
    box-shadow: 0 30px 70px rgba(26,69,47,0.2);
}
.pricing-page .price-card-featured .price-kicker,
.pricing-page .price-card-featured .price-block span,
.pricing-page .price-card-featured .price-summary { color: #cbdad1; }
.pricing-page .price-card-featured .price-block strong { color: var(--lime); }
.pricing-page .price-card-featured ul,
.pricing-page .price-card-featured .price-link { border-color: rgba(255,255,255,0.17); }
.pricing-page .price-card-featured li,
.pricing-page .price-card-featured .price-link { color: var(--white); }
.pricing-page .price-card-featured li::before,
.pricing-page .price-card-featured .price-link span { color: var(--lime); }
.pricing-page .recommended { color: var(--forest); background: var(--lime); }
.price-summary {
    min-height: 78px;
    margin: 22px 0 0;
    padding-bottom: 25px;
    border-bottom: 1px solid var(--line);
    color: var(--muted);
    font-size: 0.88rem;
    line-height: 1.62;
}
.pricing-page .price-card ul { margin-top: 24px; }
.pricing-page .price-card li {
    position: relative;
    padding-left: 26px;
}
.pricing-page .price-card li::before {
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 0;
}

.pricing-services-section { padding: 122px 0 128px; background: var(--white); }
.pricing-services-heading { grid-template-columns: 0.3fr 1fr 0.62fr; }
.pricing-service-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0,1fr));
    gap: 12px;
    margin-top: 68px;
}
.pricing-service-grid article {
    min-height: 270px;
    padding: 25px;
    border: 1px solid var(--line);
    border-radius: 17px;
    background: #f7faf8;
}
.pricing-service-grid span {
    color: var(--forest);
    font-size: 0.68rem;
    font-weight: 840;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.pricing-service-grid h3 { margin: 72px 0 16px; font-size: 1.32rem; line-height: 1.18; }
.pricing-service-grid p { margin: 0; color: var(--muted); font-size: 0.78rem; line-height: 1.62; }
.pricing-detail-note { margin: 28px 0 0; color: var(--muted); font-size: 0.76rem; }

.pricing-operation-section { padding: 122px 0 126px; background: #e9f3f6; }
.pricing-operation-heading {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(320px,0.48fr);
    align-items: end;
    gap: 90px;
}
.pricing-operation-heading h2 { max-width: 850px; }
.pricing-operation-heading > p { margin: 0 0 7px; color: var(--muted); font-size: 1rem; line-height: 1.72; }
.pricing-operation-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 16px;
    margin-top: 68px;
}
.pricing-operation-grid article {
    min-height: 420px;
    padding: 32px;
    border: 1px solid rgba(24,62,43,0.14);
    border-radius: 20px;
    background: rgba(255,255,255,0.82);
}
.pricing-operation-grid .pricing-operation-featured { color: var(--white); border-color: var(--forest); background: var(--forest); }
.pricing-operation-kicker { margin: 0; color: var(--forest); font-size: 0.68rem; font-weight: 840; letter-spacing: 0.08em; text-transform: uppercase; }
.pricing-operation-featured .pricing-operation-kicker { color: var(--lime); }
.pricing-operation-grid h3 { margin: 32px 0 0; font-size: 1.85rem; letter-spacing: -0.04em; }
.pricing-operation-price { margin: 28px 0 0; font-size: 1.55rem; font-weight: 850; letter-spacing: -0.03em; }
.pricing-operation-price span { color: var(--forest); font-size: 0.68rem; letter-spacing: 0.08em; text-transform: uppercase; }
.pricing-operation-price small { color: var(--muted); font-size: 0.72rem; font-weight: 600; letter-spacing: 0; }
.pricing-operation-featured .pricing-operation-price { color: var(--lime); }
.pricing-operation-featured .pricing-operation-price span,
.pricing-operation-featured .pricing-operation-price small { color: #cbdad1; }
.pricing-operation-grid ul { display: grid; gap: 13px; margin: 30px 0 0; padding: 26px 0 0; border-top: 1px solid var(--line); list-style: none; }
.pricing-operation-grid li { color: #405047; font-size: 0.82rem; }
.pricing-operation-grid li::before { content: "✓"; margin-right: 9px; color: #48ad63; font-weight: 900; }
.pricing-operation-featured ul { border-color: rgba(255,255,255,0.17); }
.pricing-operation-featured li { color: #eef5f0; }
.pricing-operation-featured li::before { color: var(--lime); }
.pricing-operation-footer { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 34px; }
.pricing-operation-footer p { max-width: 630px; margin: 0; color: var(--muted); }

@media (max-width: 1200px) {
    .pricing-services-heading,
    .pricing-operation-heading { grid-template-columns: 1fr; gap: 36px; }
    .pricing-services-heading > p:last-child,
    .pricing-operation-heading > p { max-width: 720px; }
    .pricing-service-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 760px) {
    .pricing-overview-hero .section-hero-copy h1 { font-size: clamp(3rem,12vw,4rem); }
    .pricing-page-offers,
    .pricing-services-section,
    .pricing-operation-section { padding: 78px 0 84px; }
    .pricing-services-heading { display: block; }
    .pricing-services-heading h2 { margin-top: 18px; font-size: clamp(2.5rem,10.8vw,3.5rem); }
    .pricing-services-heading > p:last-child { margin-top: 24px; }
    .pricing-service-grid,
    .pricing-operation-grid { grid-template-columns: 1fr; margin-top: 48px; }
    .pricing-service-grid article { min-height: 215px; }
    .pricing-service-grid h3 { margin-top: 45px; }
    .pricing-operation-grid article { min-height: auto; }
    .pricing-operation-footer { align-items: flex-start; flex-direction: column; }
}