/* More visible primary audience choices in the first viewport. */
    .actions .pill{padding:15px 24px;font-size:16px}.actions .textButton{font-weight:750;border:1.5px solid var(--orange);border-radius:999px;padding:14px 22px;color:var(--ink);background:#fff;font-size:16px}
    .flow{position:relative;overflow:hidden}.flowSensor{position:absolute;right:max(8vw,24px);top:92px;width:126px;height:126px;pointer-events:none;opacity:.86}.flowSensor:before,.flowSensor:after{content:'';position:absolute;border:1px solid #ff803060;border-radius:50%;inset:18px;animation:signal 3.2s ease-out infinite}.flowSensor:after{animation-delay:1.6s}.flowSensor i{position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;background:var(--orange);transform:translate(-50%,-50%);box-shadow:0 0 0 8px #fff2e8,0 0 26px #ff803099}.flowSensor b{position:absolute;top:56px;right:-18px;width:26px;height:2px;background:linear-gradient(90deg,var(--orange),transparent);animation:scan 2.5s ease-in-out infinite}@keyframes signal{0%{transform:scale(.2);opacity:.9}100%{transform:scale(1.45);opacity:0}}@keyframes scan{0%,100%{transform:translateX(-18px);opacity:.2}50%{transform:translateX(18px);opacity:1}}@media(prefers-reduced-motion:reduce){.flowSensor:before,.flowSensor:after,.flowSensor b{animation:none}}
    .flowGrid{position:relative;padding-top:38px}.flowDrive{position:absolute;left:0;right:0;top:0;height:32px;pointer-events:none;border-top:1px dashed #ff80304c}.serviceCar{position:absolute;top:-15px;left:-58px;width:52px;height:23px;border-radius:8px 10px 6px 6px;background:linear-gradient(135deg,#ff9a65,#ff6e24);box-shadow:0 5px 10px #5b463930;animation:driveRight 12s linear infinite}.serviceCar:before{content:'';position:absolute;left:9px;top:-8px;width:25px;height:12px;border-radius:8px 9px 2px 2px;background:#fff3ea;transform:skewX(-12deg)}.serviceCar:after{content:'';position:absolute;left:7px;bottom:-5px;width:10px;height:10px;border-radius:50%;background:#5b4639;box-shadow:28px 0 #5b4639}@keyframes driveRight{0%{left:-58px;opacity:0}6%{opacity:1}94%{opacity:1}100%{left:calc(100% + 12px);opacity:0}}@media(prefers-reduced-motion:reduce){.serviceCar{animation:none;left:calc(50% - 26px)}}
    @media(min-width:801px) and (max-width:1100px){.portalGrid{grid-template-columns:1fr 1fr}.portalShot:nth-child(2){margin-top:0}.portalShot:nth-child(3){grid-column:span 2;width:calc(50% - 10px);justify-self:center;margin-top:0}}
    @font-face{font-family:Aspekta;src:url('https://cdn.prod.website-files.com/672c8c935413fe846593e18c/672cd54cdbe1a593b55ade7f_AspektaVF.woff2') format('woff2')}@font-face{font-family:Outfit;src:url('https://cdn.prod.website-files.com/672c8c935413fe846593e18c/672cd4bdfa2560f1e1f9ae5f_Outfit-VariableFont_wght.ttf') format('truetype')}
    :root{--ink:#5b4639;--orange:#ff8030;--peach:#fff1e6;--soft:#f9f7f5;--line:#eadfd8;--muted:#887a72}*{box-sizing:border-box}.tz-demo-home{scroll-behavior:smooth}.tz-demo-home{margin:0;background:#fff;color:var(--ink);font-family:Aspekta,Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);border-bottom:1px solid #f0eae6;background:#ffffffe8;backdrop-filter:blur(16px);position:sticky;top:0;z-index:5}.logo{width:123px}.links{display:flex;gap:28px;font-size:15px}.contact,.pill{background:var(--orange);color:#fff;border-radius:999px;padding:13px 21px;font-weight:700;display:inline-block}.hero{min-height:calc(100vh - 88px);padding:clamp(48px,8vw,120px) clamp(24px,8vw,128px);display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;position:relative;overflow:hidden;background-image:linear-gradient(#f5efeb 1px,transparent 1px),linear-gradient(90deg,#f5efeb 1px,transparent 1px);background-size:72px 72px}.heroCopy,.heroMedia{position:relative;z-index:1}.eyebrow{margin:0 0 16px;text-transform:uppercase;letter-spacing:.1em;color:var(--orange);font-size:12px;font-weight:800}.hero h1,h2{font-family:Outfit,Arial,sans-serif;font-weight:540;letter-spacing:-.075em;line-height:.91;margin:0}.hero h1{font-size:clamp(54px,7vw,112px)}.warm{background:linear-gradient(105deg,#ff9d62,#ff7328 56%,#7a3e18);-webkit-background-clip:text;background-clip:text;color:transparent}.intro{font-size:18px;line-height:1.5;color:var(--muted);max-width:540px;margin:32px 0}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.textButton{font-weight:700;border-bottom:1px solid var(--orange);padding-bottom:5px}.heroMedia{width:min(100%,430px);aspect-ratio:9/16;height:auto;justify-self:end;border-radius:28px;overflow:hidden;box-shadow:0 30px 80px #60331429;background:var(--peach)}iframe{border:0;width:100%;height:100%}.heroMedia video{display:block;width:100%;height:100%;object-fit:cover}.caption{position:absolute;left:20px;bottom:20px;background:#ffffffe8;padding:11px 14px;border-radius:999px;font-size:13px;font-weight:700}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--orange);margin-right:7px}.statement,.evidence,.privateLife,.portal,.flow{padding:125px max(8vw,24px)}.statement{background:var(--soft);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.statement h2,.evidence h2,.privateLife h2,.portal h2,.flow h2,.closing h2{font-size:clamp(44px,5.7vw,88px)}.statement>p:last-child,.evidenceIntro>p:last-child,.privateHeading>p:last-child,.portalIntro>p:last-child{font-size:19px;line-height:1.55;color:var(--muted);align-self:end}.split{padding:24px;display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.card{border-radius:30px;padding:clamp(30px,5vw,76px);min-height:540px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.pro{background:var(--peach)}.home{background:#fff9f5}.card h2{font-size:clamp(42px,5vw,75px)}.card p:not(.eyebrow){font-size:18px;line-height:1.55;color:var(--muted);max-width:470px}.card a{font-weight:750;font-size:17px}.signal{background:#fff;border-radius:22px;padding:20px;max-width:370px;box-shadow:0 20px 50px #ff80301e;display:grid;grid-template-columns:1fr auto;gap:12px;font-size:14px}.signal strong{color:#d76725}.chart{grid-column:1/-1;height:80px;display:flex;align-items:end;gap:12px}.chart i{flex:1;background:linear-gradient(#ff9a65,#ffe8d9);border-radius:12px 12px 3px 3px}.chart i:nth-child(1){height:82%}.chart i:nth-child(2){height:65%}.chart i:nth-child(3){height:43%}.chart i:nth-child(4){height:27%}.chart i:nth-child(5){height:18%}.homeImage{height:240px;border-radius:20px;background:linear-gradient(120deg,#ff80307a,#56352552),url('https://cdn.prod.website-files.com/672c8c935413fe846593e18c/6aae970c1e454e73b8f803a0_demo-familie-middag.png') center/cover}.evidence{background:var(--soft)}.evidenceIntro,.privateHeading,.portalIntro{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin-bottom:58px}.evidenceGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.caseImage{min-height:420px;border-radius:28px;overflow:hidden;position:relative;background:#fff}.caseImage img{width:100%;height:100%;object-fit:cover}.caseImage figcaption{position:absolute;bottom:18px;left:18px;max-width:320px;background:#ffffffe8;padding:11px 14px;border-radius:12px;font-size:13px;font-weight:700}.caseText{border-radius:28px;padding:clamp(30px,4vw,62px);background:#fff;display:flex;flex-direction:column;justify-content:center}.caseText h3{font-family:Outfit;font-size:clamp(31px,3.2vw,52px);line-height:.95;letter-spacing:-.065em;margin:0 0 20px}.caseText p{line-height:1.55;color:var(--muted)}.systemSketch{width:100%;margin-top:24px;border-radius:18px;border:1px solid var(--line);background:#fff8f1;display:block}.privateLife{background:#fff}.privateGrid{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}.privateFeature{min-height:610px;border-radius:28px;overflow:visible;position:relative;background:#24140b}.privateFeature img{width:100%;height:100%;object-fit:cover;display:block;border-radius:28px}.privateSmall img{width:100%;height:100%;object-fit:cover;display:block}.privateFeature:after{content:'';position:absolute;inset:0;border-radius:28px;background:linear-gradient(90deg,#23130ecf 0%,#23130e40 55%,transparent 100%)}.privateCopy{position:absolute;inset:auto 0 0 0;padding:44px;z-index:1;color:#fff;max-width:610px}.privateCopy .eyebrow{color:#ffc19c}.privateCopy h3{font-family:Outfit;font-size:clamp(43px,5vw,72px);letter-spacing:-.07em;line-height:.9;margin:0 0 16px}.privateCopy p{font-size:18px;line-height:1.5;margin:0;color:#fff7f1}.privateSide{position:absolute;z-index:2;left:24px;top:30px;width:210px;padding:24px;background:#fff2e8;box-shadow:0 20px 45px #5b463926;border-radius:2px 22px 22px 22px;font-family:Outfit;font-size:27px;letter-spacing:-.05em;line-height:.98;color:var(--ink)}.privateSide:before{content:'✦';display:block;margin-bottom:16px;color:var(--orange);font-family:Aspekta;font-size:11px;letter-spacing:.1em;font-weight:800}.privateSmall{min-height:293px;border-radius:24px;overflow:hidden;position:relative}.privateSmall:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#301a0b90,transparent 65%)}.privateSmall div{position:absolute;left:24px;right:24px;bottom:22px;z-index:1;color:#fff;font-family:Outfit;font-size:27px;letter-spacing:-.05em;line-height:1}.portal{background:linear-gradient(135deg,#fff4ec,#fff)}.portalIntro{margin-bottom:42px}.portalGrid{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:20px;align-items:start}.portalShot{background:#fff;border:1px solid var(--line);border-radius:24px;padding:12px;box-shadow:0 20px 50px #5b463914}.portalShot:first-child{margin-top:0}.portalShot:nth-child(2){margin-top:42px}.portalShot:nth-child(3){margin-top:90px}.portalShot img{display:block;width:100%;border-radius:15px}.portalNote{margin-top:30px;display:flex;gap:18px;align-items:center;color:var(--muted);font-size:16px;line-height:1.5}.portalMark{width:42px;height:42px;display:grid;place-items:center;background:var(--orange);color:#fff;border-radius:14px;font-weight:800}.flow{background:#fff}.flow h2{margin-bottom:60px}.flowGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.flowGrid article{border-top:2px solid var(--orange);padding-top:17px}.flowGrid span{font-size:13px;color:var(--orange);font-weight:800}.flowGrid h3{font-family:Outfit;font-size:27px;letter-spacing:-.04em;margin:14px 0 7px}.flowGrid p{color:var(--muted);line-height:1.5;margin:0}.closing{padding:125px max(8vw,24px);background:linear-gradient(130deg,#fff1e7,#fff);text-align:center}.closing h2{margin-bottom:42px}.footer{background:#fff;padding:72px max(8vw,24px) 28px;border-top:1px solid var(--line)}.footerTop{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.footerLogo{width:145px}.footerTop>div>p{max-width:270px;color:var(--muted);line-height:1.55}.footerCols{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.footerCols div{display:grid;align-content:start;gap:10px}.footerCols b{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--orange);margin-bottom:6px}.footerCols a{font-size:14px;color:var(--muted)}.footerBottom{margin-top:65px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.cookie{position:fixed;right:20px;bottom:20px;z-index:20;max-width:420px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fffffff7;box-shadow:0 24px 70px #4428182e}.cookie h3{font-family:Outfit;font-size:26px;letter-spacing:-.045em;margin:0}.cookie p{font-size:14px;line-height:1.5;color:var(--muted)}.cookie button{border:1px solid var(--orange);border-radius:999px;background:#fff;padding:10px 14px;color:var(--ink);font-weight:750;cursor:pointer}.cookie .allow{background:var(--orange);color:#fff}@media(max-width:800px){.links{display:none}.hero,.statement,.footerTop,.evidenceIntro,.evidenceGrid,.privateHeading,.portalIntro,.portalGrid,.privateGrid,.split,.flowGrid,.footerCols{grid-template-columns:1fr}.hero{gap:40px}.heroMedia{width:min(100%,430px);height:auto;justify-self:center}.statement,.evidence,.privateLife,.portal,.flow{padding:90px 24px}.split{padding:16px}.card{min-height:auto}.privateFeature{min-height:460px}.privateSide{left:16px;top:16px;width:180px;font-size:22px}.privateSmall{min-height:260px}.portalShot:nth-child(2),.portalShot:nth-child(3){margin-top:0}.footer{padding:56px 24px 26px}.footerBottom{display:grid}}
    .flowLead{max-width:690px;margin:-38px 0 54px;font-size:19px;line-height:1.55;color:var(--muted)}
    @media(min-width:801px) and (max-width:1100px){
      .nav{padding:0 34px}.links{gap:15px;font-size:13px}.hero{padding:68px 48px;gap:34px}.hero h1{font-size:clamp(62px,8vw,84px)}.heroMedia{width:min(100%,380px);aspect-ratio:9/16}.statement,.evidence,.privateLife,.portal,.flow,.closing{padding:92px 48px}.split{padding:18px;gap:18px}.card{padding:42px 34px}.card h2{font-size:56px}.privateFeature{min-height:520px}.privateCopy{padding:32px}.privateCopy h3{font-size:56px}.privateSide{left:18px;top:22px;width:180px;font-size:23px}.privateSmall{min-height:248px}.privateSmall div{font-size:24px}.portalGrid{gap:16px}.footer{padding:60px 48px 26px}
    }
    @media(max-width:800px){
      .nav{height:72px;padding:0 18px}.logo{width:106px}.contact{padding:10px 15px;font-size:14px}.hero{min-height:auto;padding:48px 20px 68px}.hero h1{font-size:clamp(52px,16vw,74px)}.intro{font-size:16px;margin:24px 0}.actions{gap:14px}.pill{padding:12px 16px}.heroMedia{width:min(78vw,360px);aspect-ratio:9/16;justify-self:center}.caption{left:12px;bottom:12px;font-size:11px}.statement,.evidence,.privateLife,.portal,.flow,.closing{padding:72px 20px}.statement h2,.evidence h2,.privateLife h2,.portal h2,.flow h2,.closing h2{font-size:clamp(42px,13vw,62px)}.split{padding:12px;gap:12px}.card{padding:30px 24px;border-radius:24px}.card h2{font-size:48px}.evidenceGrid,.privateGrid{gap:16px}.caseImage{min-height:310px}.caseText{padding:32px 24px}.privateFeature{min-height:500px}.privateCopy{padding:26px 22px}.privateCopy h3{font-size:52px}.privateSide{left:14px;top:14px;width:154px;padding:18px;font-size:20px}.privateSmall{min-height:235px}.privateSmall div{left:18px;bottom:18px;font-size:24px}.portalGrid{gap:14px}.portalShot{padding:9px}.cookie{left:12px;right:12px;bottom:12px;max-width:none}.footerTop{gap:36px}
    }
    .sensorField{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;opacity:.85}.sensorField:before{content:'';position:absolute;left:-18%;top:42%;width:55%;height:2px;background:linear-gradient(90deg,transparent,#ff8030,transparent);filter:drop-shadow(0 0 9px #ff8030);animation:scan 7s ease-in-out infinite}.sensorField:after{content:'';position:absolute;left:18%;top:42%;width:14px;height:14px;border-radius:50%;background:#ff8030;box-shadow:0 0 0 0 #ff803073;animation:pulse 2.8s ease-out infinite}.sensorField i{position:absolute;width:9px;height:9px;border:1px solid #ff8030;border-radius:50%;background:#fff;animation:pulse 3.7s ease-out infinite}.sensorField i:nth-child(1){left:16%;top:26%}.sensorField i:nth-child(2){left:42%;top:70%;animation-delay:1.1s}.sensorField i:nth-child(3){left:62%;top:20%;animation-delay:2.2s}.sensorField i:nth-child(4){left:84%;top:64%;animation-delay:.6s}@keyframes scan{0%,100%{transform:translateX(-8%);opacity:0}20%,75%{opacity:.8}55%{transform:translateX(245%);opacity:.35}}@keyframes pulse{0%{box-shadow:0 0 0 0 #ff803073;transform:scale(.8)}70%{box-shadow:0 0 0 22px #ff803000;transform:scale(1)}100%{box-shadow:0 0 0 0 #ff803000;transform:scale(.8)}}@media(prefers-reduced-motion:reduce){.sensorField:before,.sensorField:after,.sensorField i{animation:none}}
/* Sensor pins overlaid on hero video */
.tz-demo-home .heroMedia{position:relative}
.tz-demo-home .sensorPins{position:absolute;inset:0;z-index:2;pointer-events:none;--scan:0}
.tz-demo-home .sensorPins:before{content:"";position:absolute;left:-5%;right:-5%;height:2px;top:calc(var(--scan) * 100%);background:linear-gradient(90deg,transparent,#ff8030cc,transparent);box-shadow:0 0 12px #ff803088;opacity:.7;transform:translateY(-50%);pointer-events:none;z-index:1;transition:top .12s linear}
.tz-demo-home .sensorPin{position:absolute;transform:translate(-50%,0) scale(1);display:flex;flex-direction:column;align-items:center;gap:5px;filter:drop-shadow(0 6px 14px #5b463940) drop-shadow(0 2px 6px #00000040);opacity:1!important;visibility:visible!important;z-index:5;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.tz-demo-home .sensorPin.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-100%) scale(1);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1),visibility 0s}
.tz-demo-home .sensorPin .pin{position:relative;width:18px;height:24px}
.tz-demo-home .sensorPin .pin:before{content:"";position:absolute;left:50%;top:0;width:16px;height:16px;margin-left:-8px;border-radius:50% 50% 50% 0;background:#ff8030;transform:rotate(-45deg);box-shadow:0 0 0 0 #ff803066}
.tz-demo-home .sensorPin.is-visible .pin:before{animation:tzPinPulse 2.6s ease-out infinite}
.tz-demo-home .sensorPin.is-active .pin:before{animation:tzPinPulseStrong 1.35s ease-out infinite}
.tz-demo-home .sensorPin .pin:after{content:"";position:absolute;left:50%;top:4px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#fff;z-index:1}
.tz-demo-home .sensorPin .label{background:#fffffff0;color:#5b4639;font-size:11px;font-weight:750;letter-spacing:.01em;padding:4px 9px;border-radius:999px;border:1px solid #ff803055;white-space:nowrap;line-height:1.2;transition:box-shadow .35s ease,border-color .35s ease,transform .35s ease}
.tz-demo-home .sensorPin.is-active .label{border-color:#ff8030;box-shadow:0 0 0 3px #ff803033;transform:translateY(-1px)}
.tz-demo-home .sensorPin:nth-child(2).is-visible .pin:before{animation-delay:.15s}
.tz-demo-home .sensorPin:nth-child(3).is-visible .pin:before{animation-delay:.3s}
.tz-demo-home .sensorPin:nth-child(4).is-visible .pin:before{animation-delay:.45s}
.tz-demo-home .sensorPin:nth-child(5).is-visible .pin:before{animation-delay:.6s}
@keyframes tzPinPulse{0%{box-shadow:0 0 0 0 #ff803073}70%{box-shadow:0 0 0 16px #ff803000}100%{box-shadow:0 0 0 0 #ff803000}}
@keyframes tzPinPulseStrong{0%{box-shadow:0 0 0 0 #ff803099;filter:brightness(1.08)}55%{box-shadow:0 0 0 22px #ff803000}100%{box-shadow:0 0 0 0 #ff803000;filter:brightness(1)}}
@media (prefers-reduced-motion:reduce){.tz-demo-home .sensorPins:before{display:none}.tz-demo-home .sensorPin,.tz-demo-home .sensorPin.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-100%) scale(1);transition:none}.tz-demo-home .sensorPin .pin:before,.tz-demo-home .sensorPin.is-visible .pin:before,.tz-demo-home .sensorPin.is-active .pin:before{animation:none}}
@media (max-width:720px){.tz-demo-home .sensorPin .label{font-size:10px;padding:3px 7px}.tz-demo-home .sensorPin .pin{transform:scale(.9)}}

/* === sticky Produkter (products_general match) === */
.tz-demo-home .tzProducts{background:#f8f8f8;padding:72px 0 88px;margin:0 -24px;padding-left:24px;padding-right:24px}
.tz-demo-home .tzProductsInner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.55fr);gap:clamp(28px,4vw,56px);align-items:start}
.tz-demo-home .tzProductsHead{position:sticky;top:22vh;align-self:start}
.tz-demo-home .tzProductsHead h2{margin:0 0 14px;font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-.02em;color:#ff8030;font-weight:800}
.tz-demo-home .tzProductsHead p{margin:0;max-width:34ch;color:#5b4639;font-size:16px;line-height:1.55}
.tz-demo-home .tzProductsList{display:flex;flex-direction:column;gap:22px}
.tz-demo-home .tzProductCard{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(140px,.85fr);gap:clamp(18px,3vw,32px);align-items:center;background:#fff;border-radius:22px;padding:clamp(20px,2.4vw,32px);box-shadow:0 10px 28px #5b463914,0 1px 0 #5b46390a}
.tz-demo-home .tzProductInfo{display:flex;flex-direction:column;gap:12px;min-width:0}
.tz-demo-home .tzProductInfo h3{margin:0;font-size:clamp(20px,2vw,28px);line-height:1.15;color:#1d1d1d;font-weight:800;letter-spacing:-.01em}
.tz-demo-home .tzProductInfo p{margin:0;color:#5b4639;font-size:15px;line-height:1.5}
.tz-demo-home .tzProductLink{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:#ff8030;font-weight:750;text-decoration:none;font-size:15px}
.tz-demo-home .tzProductLink:hover{text-decoration:underline}
.tz-demo-home .tzProductImg{position:relative;width:100%;max-width:260px;aspect-ratio:1/1;border-radius:50%;overflow:hidden;justify-self:end;background:#f7f4f1;box-shadow:inset 0 0 0 1px #fff}
.tz-demo-home .tzProductImg img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:900px){
  .tz-demo-home .tzProductsInner{grid-template-columns:1fr;gap:28px}
  .tz-demo-home .tzProductsHead{position:static}
  .tz-demo-home .tzProductCard{grid-template-columns:1fr;gap:18px}
  .tz-demo-home .tzProductImg{justify-self:start;max-width:200px}
}

/* v5: sensor field + pins clearly overlaid ON the hero film */
.tz-demo-home .heroMedia{position:relative;isolation:isolate}
.tz-demo-home .heroMedia > video{position:relative;z-index:0}
.tz-demo-home .heroMedia > .sensorField{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:.95;border-radius:inherit}
.tz-demo-home .heroMedia > .sensorPins{position:absolute;inset:0;z-index:3;pointer-events:none}
.tz-demo-home .heroMedia > .caption{z-index:4}
.tz-demo-home .heroMedia .sensorPin{filter:drop-shadow(0 8px 18px #00000055) drop-shadow(0 2px 6px #5b463960)}
.tz-demo-home .heroMedia .sensorPin .label{background:#fffffff5;border:1.5px solid #ff803088;box-shadow:0 4px 14px #5b463933}

/* === v7 URGENT: always-visible pin labels + readable site footer === */
.tz-demo-home .sensorPin,
.tz-demo-home .sensorPin.is-visible,
.tz-demo-home .heroMedia .sensorPin,
.tz-demo-home .heroMedia .sensorPin.is-visible{
  opacity:1!important;
  visibility:visible!important;
  display:flex!important;
  transform:translate(-50%,0) scale(1)!important;
  z-index:6!important;
  pointer-events:none!important;
}
/* Label BELOW pin head so heroMedia overflow:hidden cannot clip it */
.tz-demo-home .sensorPin .label,
.tz-demo-home .heroMedia .sensorPin .label,
.sensorPin .label{
  opacity:1!important;
  visibility:visible!important;
  display:inline-block!important;
  position:relative!important;
  z-index:7!important;
  background:#fff!important;
  color:#5b4639!important;
  -webkit-text-fill-color:#5b4639!important;
  text-shadow:none!important;
  border:1.5px solid #ff8030!important;
  box-shadow:0 4px 14px rgba(91,70,57,.28)!important;
  font-weight:750!important;
  font-size:12px!important;
  line-height:1.15!important;
  letter-spacing:.01em!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  max-width:none!important;
  width:auto!important;
  height:auto!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  transform:none!important;
  pointer-events:none!important;
}
.tz-demo-home .heroMedia{
  /* keep rounded video but labels sit inside (below pin) */
  overflow:hidden!important;
  isolation:isolate!important;
}
.tz-demo-home .heroMedia > .sensorPins{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  pointer-events:none!important;
  overflow:visible!important;
}

/* === v8: Relume page_code vars (forside-utkast lacks page_code_wrap) === */
/* Without these, --container--main stays 0px and Footer u-container collapses. */
:root {

	--site--margin: clamp(1rem, 0.428rem + 2.86vw, 3rem);
	--size--2rem: clamp(1.75rem, 1.678rem + 0.36vw, 2rem);
	--size--2-5rem: clamp(2rem, 1.858rem + 0.71vw, 2.5rem);
	--size--3rem: clamp(2.25rem, 2.036rem + 1.07vw, 3rem);
	--size--3-5rem: clamp(2.375rem, 2.053rem + 1.61vw, 3.5rem);
	--size--4rem: clamp(2.5rem, 2.072rem + 2.14vw, 4rem);
	--size--4-5rem: clamp(2.75rem, 2.25rem + 2.5vw, 4.5rem);
	--size--5rem: clamp(3rem, 2.428rem + 2.86vw, 5rem);
	--size--5-5rem: clamp(3.25rem, 2.608rem + 3.21vw, 5.5rem);
	--size--6rem: clamp(3.5rem, 2.786rem + 3.57vw, 6rem);
	--size--6-5rem: clamp(3.75rem, 2.964rem + 3.93vw, 6.5rem);
	--size--7rem: clamp(4rem, 3.142rem + 4.29vw, 7rem);
	--size--7-5rem: clamp(4.25rem, 3.322rem + 4.64vw, 7.5rem);
	--size--8rem: clamp(4.5rem, 3.5rem + 5vw, 8rem);
	--size--8-5rem: clamp(4.75rem, 3.678rem + 5.36vw, 8.5rem);
	--size--9rem: clamp(5rem, 3.858rem + 5.71vw, 9rem);
	--size--9-5rem: clamp(5.25rem, 4.036rem + 6.07vw, 9.5rem);
	--size--10rem: clamp(5.5rem, 4.214rem + 6.43vw, 10rem);
	--size--11rem: clamp(5.75rem, 4.25rem + 7.5vw, 11rem);
	--size--12rem: clamp(6rem, 4.286rem + 8.57vw, 12rem);
	--size--13rem: clamp(6.5rem, 4.642rem + 9.29vw, 13rem);
	--size--14rem: clamp(7rem, 5rem + 10vw, 14rem);
	--size--15rem: clamp(7.5rem, 5.358rem + 10.71vw, 15rem);
	--size--16rem: clamp(8rem, 5.714rem + 11.43vw, 16rem);

  --site--column-count: 12;
  --site--width-inner: calc(var(--site--width) - (var(--site--margin) * 2));
  --site--gutter-total: calc(var(--site--gutter) * (var(--site--column-count) - 1));
  --site--grid-width: min(var(--site--width-inner), var(--container--full));
  --container--full: calc(100vw - (var(--site--margin) * 2));
  --container--small: calc(var(--column-width) * (var(--site--column-count) - 2) - var(--site--gutter));
  --container--main: calc(var(--column-width) * var(--site--column-count) - var(--site--gutter));
  --column-width: calc((var(--site--grid-width) - var(--site--gutter-total)) / var(--site--column-count) + var(--site--gutter));
  --column-width--1: calc(var(--column-width) * 1 - var(--site--gutter));
  --column-width--2: calc(var(--column-width) * 2 - var(--site--gutter));
  --column-width--3: calc(var(--column-width) * 3 - var(--site--gutter));
  --column-width--4: calc(var(--column-width) * 4 - var(--site--gutter));
  --column-width--5: calc(var(--column-width) * 5 - var(--site--gutter));
  --column-width--6: calc(var(--column-width) * 6 - var(--site--gutter));
  --column-width--7: calc(var(--column-width) * 7 - var(--site--gutter));
  --column-width--8: calc(var(--column-width) * 8 - var(--site--gutter));
  --column-width--9: calc(var(--column-width) * 9 - var(--site--gutter));
  --column-width--10: calc(var(--column-width) * 10 - var(--site--gutter));
  --column-width--11: calc(var(--column-width) * 11 - var(--site--gutter));
  --column-width--12: calc(var(--column-width) * 12 - var(--site--gutter));
  --column-margin--1: calc(var(--column-width) * 1);
  --column-margin--2: calc(var(--column-width) * 2);
  --column-margin--3: calc(var(--column-width) * 3);
  --column-margin--4: calc(var(--column-width) * 4);
  --column-margin--5: calc(var(--column-width) * 5);
  --column-margin--6: calc(var(--column-width) * 6);
  --column-margin--7: calc(var(--column-width) * 7);
  --column-margin--8: calc(var(--column-width) * 8);
  --column-margin--9: calc(var(--column-width) * 9);
  --column-margin--10: calc(var(--column-width) * 10);
  --column-margin--11: calc(var(--column-width) * 11);
  --column-margin--12: calc(var(--column-width) * 12);
  --breakout-start: [full-start] minmax(0, 1fr) [content-start];
  --breakout-end: [content-end] minmax(0, 1fr) [full-end];
  --grid-breakout-single: var(--breakout-start) minmax(0, var(--site--grid-width)) var(--breakout-end);
  --grid-breakout: var(--breakout-start) repeat(var(--site--column-count), minmax(0, calc((var(--site--grid-width) - var(--site--gutter-total)) / var(--site--column-count)))) var(--breakout-end);
  --grid-main: repeat(var(--site--column-count), minmax(0, 1fr));
  --grid-1: repeat(1, minmax(0, 1fr));
  --grid-2: repeat(2, minmax(0, 1fr));
  --grid-3: repeat(3, minmax(0, 1fr));
  --grid-4: repeat(4, minmax(0, 1fr));
  --grid-5: repeat(5, minmax(0, 1fr));
  --grid-6: repeat(6, minmax(0, 1fr));
  --grid-7: repeat(7, minmax(0, 1fr));
  --grid-8: repeat(8, minmax(0, 1fr));
  --grid-9: repeat(9, minmax(0, 1fr));
  --grid-10: repeat(10, minmax(0, 1fr));
  --grid-11: repeat(11, minmax(0, 1fr));
  --grid-12: repeat(12, minmax(0, 1fr));

  --font-weight--inherit: inherit;
  --font-weight--100: 100;
  --font-weight--200: 200;
  --font-weight--300: 300;
  --font-weight--400: 400;
  --font-weight--500: 500;
  --font-weight--600: 600;
  --font-weight--700: 700;
  --font-weight--800: 800;
  --font-weight--900: 900;
  --text-transform--none: none;
  --text-transform--uppercase: uppercase;
  --text-transform--capitalize: capitalize;
  --text-transform--lowercase: lowercase;
  --text-transform--inherit: inherit;
}

/* Theme tokens so Footer [data-theme=light] gets dark readable text like other pages */

/* theme light */
:root,
[data-theme="light"],
[data-theme="dark"] [data-theme="invert"] {
	--theme--background: var(--swatch--light);
	--theme--text: var(--swatch--dark);
	--theme--border: var(--swatch--dark-faded);
	/* button primary */
	--button--background: var(--swatch--brand);
	--button--text: var(--swatch--brand-text);
	--button--border: var(--swatch--brand);
	--button--background-hover: var(--swatch--dark);
	--button--text-hover: var(--swatch--light);
	--button--border-hover: var(--swatch--dark);
	/* button secondary */
	--button-secondary--background: var(--swatch--transparent);
	--button-secondary--text: var(--swatch--dark);
	--button-secondary--border: var(--swatch--dark-faded);
	--button-secondary--background-hover: var(--swatch--brand);
	--button-secondary--text-hover: var(--swatch--brand-text);
	--button-secondary--border-hover: var(--swatch--brand);
}
/* theme dark */
[data-theme="dark"],
[data-theme="invert"],
[data-theme="light"] [data-theme="invert"] {
	--theme--background: var(--swatch--dark);
	--theme--text: var(--swatch--light);
	--theme--border: var(--swatch--light-faded);
	/* button primary */
	--button--background: var(--swatch--brand);
	--button--text: var(--swatch--brand-text);
	--button--border: var(--swatch--brand);
	--button--background-hover: var(--swatch--light);
	--button--text-hover: var(--swatch--dark);
	--button--border-hover: var(--swatch--light);
	/* button secondary */
	--button-secondary--background: var(--swatch--transparent);
	--button-secondary--text: var(--swatch--light);
	--button-secondary--border: var(--swatch--light-faded);
	--button-secondary--background-hover: var(--swatch--brand);
	--button-secondary--text-hover: var(--swatch--brand-text);
	--button-secondary--border-hover: var(--swatch--brand);
}
/* button secondary */
[data-button-style="secondary"] {
	--button--background: var(--button-secondary--background);
	--button--text: var(--button-secondary--text);
	--button--border: var(--button-secondary--border);
	--button--background-hover: var(--button-secondary--background-hover);
	--button--text-hover: var(--button-secondary--text-hover);
	--button--border-hover: var(--button-secondary--border-hover);
}
/* apply colors */
:is(c, :where([data-theme]:not([data-theme="inherit"]))) {
	background-color: var(--theme--background);
	color: var(--theme--text);
}

/* === v8: Footer COLOR ONLY — do NOT override display/grid/flex/width/layout === */
.footer_1_wrap,
footer.footer_1_wrap,
.footer_component {
  --theme--text: #5b4639 !important;
  --theme--background: #ffffff !important;
  --theme--border: color-mix(in srgb, #5b4639 25%, transparent);
  background-color: #ffffff !important;
  color: #5b4639 !important;
}
.footer_1_wrap,
.footer_1_wrap *:not(svg):not(path):not(circle):not(rect),
footer.footer_1_wrap,
footer.footer_1_wrap *:not(svg):not(path):not(circle):not(rect) {
  color: #5b4639 !important;
  -webkit-text-fill-color: #5b4639 !important;
}
.footer_1_wrap a,
footer.footer_1_wrap a {
  color: #5b4639 !important;
  -webkit-text-fill-color: #5b4639 !important;
}
.footer_1_wrap .u-color-faded,
.footer_1_wrap [class*="faded"] {
  color: color-mix(in srgb, #5b4639 85%, transparent) !important;
}
/* Visibility only if something tried to hide footer — no display/grid/width */
.page_wrap > footer.footer_1_wrap,
.page_wrap > .page_main > footer.footer_1_wrap,
footer.footer_1_wrap {
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 5;
}
.page_wrap,
.page_main {
  overflow: visible !important;
}

/* Relume u-block-gap (from page_code) — social icons row in Footer */
.u-block-gap {
	--gap: var(--content-space--button-group-gap);
	--gap-x: var(--gap);
	--gap-y: var(--gap);
	margin-left: calc(var(--gap-x)/2*-1);
	margin-right: calc(var(--gap-x)/2*-1);
	vertical-align: middle;
	padding-top: 0.01px;
	padding-bottom: 0.01px;
	display: block;
}
.u-block-gap > * {
	margin-inline: calc(var(--gap-x) / 2);
	margin-top: var(--gap-y);
	vertical-align: inherit;
}
:where(.u-block-gap > *) {
	display: inline-block;
}
.u-block-gap::before {
	content: "";
	display: block;
	margin-bottom: calc(var(--gap-y) * -1);
}
.u-block-gap-vertical {
	--gap: 0;
	--margin: var(--gap);
}
.u-block-gap-vertical > * {
	margin-top: var(--margin);
	margin-bottom: 0;
}
.u-gap-0 { --gap: 0; }
.u-gap-1 { --gap: var(--space--1); }
.u-gap-2 { --gap: var(--space--2); }
.u-gap-3 { --gap: var(--space--3); }
.u-gap-4 { --gap: var(--space--4); }
.u-gap-5 { --gap: var(--space--5); }
.u-gap-6 { --gap: var(--space--6); }
.u-gap-7 { --gap: var(--space--7); }
.u-gap-8 { --gap: var(--space--8); }
.u-gap-gutter { --gap: var(--site--gutter); }