.tt-intro{z-index:120;pointer-events:none;background:0 0;place-items:center;display:grid;position:fixed;inset:0}.tt-intro__scen{aspect-ratio:1;place-items:center;width:min(78vw,78vh);display:grid;position:relative}.tt-hc--introord .tt-hc__namn{transform-origin:0;will-change:transform, opacity}
.tf-pin{position:relative}.tf-sticky{align-items:center;gap:56px;height:100vh;padding:0 56px;display:grid;position:sticky;top:0;overflow:hidden}.tf-rad{--v:clamp(0, calc((var(--p,0) - var(--start)) * 9), 1);opacity:calc(.6 + var(--v) * .4);border-bottom:1px solid #ffffff1a;align-items:center;gap:11px;padding:clamp(4px,1vh,8px) 0;display:flex}.tf-bock{border:1px solid #ffffff52;border-radius:50%;flex:none;justify-content:center;align-items:center;width:17px;height:17px;display:flex;position:relative;overflow:hidden}.tf-bock__fyll{opacity:var(--v);background:#fff;border-radius:50%;position:absolute;inset:0}.tf-bock__hake{width:7px;height:3.5px;opacity:var(--v);border-bottom:1.5px solid #050505;border-left:1.5px solid #050505;position:relative;transform:rotate(-45deg)translateY(-1px)}.tf-mock{--b1:clamp(0, calc((var(--p,0) - .04) * 7), 1);--b2:clamp(0, calc((var(--p,0) - .2) * 7), 1);--b3:clamp(0, calc((var(--p,0) - .36) * 7), 1);--b4:clamp(0, calc((var(--p,0) - .52) * 7), 1);--b5:clamp(0, calc((var(--p,0) - .66) * 7), 1);--s:clamp(0, calc((var(--p,0) - .7) * 9), 1)}.tf-block{opacity:var(--b);transform:translateY(calc((1 - var(--b)) * 22px));filter:blur(calc((1 - var(--b)) * 5px))}.tf-byte__ut{opacity:clamp(0, calc((.42 - var(--s,0)) * 2.6), 1);transform:translateY(calc(var(--s,0) * -12px))}.tf-byte__in{opacity:clamp(0, calc((var(--s,0) - .5) * 2.6), 1);transform:translateY(calc((1 - var(--s,0)) * 16px))}.tf-byte__ut--text{opacity:clamp(0, calc((.42 - var(--s,0)) * 2.6), 1)}.tf-byte__in--text{opacity:clamp(0, calc((var(--s,0) - .5) * 2.6), 1)}:root{--tf-mini:9.5px;--tf-mini2:10px}.tf-dold-mobil{justify-content:center;align-items:center;display:flex}#tf-ai-canvas{aspect-ratio:1;width:min(560px,40vw)}.tf-byggrad{gap:10px;display:flex}.tf-case{grid-template-columns:170px 1fr auto;align-items:center;gap:20px;display:grid}@media (max-width:900px){:root{--tf-mini:11px;--tf-mini2:11.5px}.tf-sticky{align-content:start;gap:24px;height:auto;min-height:0;padding:56px 22px;position:static;overflow:visible;grid-template-columns:1fr!important}.tf-pin{height:auto!important}.tf-dold-mobil,#tf-ai-canvas{display:none}.tf-byggrad{flex-direction:column;gap:8px}.tf-case{grid-template-columns:1fr;align-items:start;gap:3px;padding-block:16px}}.tf-markor{background:#fff;width:1.5px;height:15px;animation:1.1s step-end infinite tf-blink;display:inline-block}@keyframes tf-blink{0%,55%{opacity:1}56%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.tf-markor{animation:none}}.tf-mockstack{width:min(760px,52vw);min-height:46vh;position:relative}.tf-mockstack__ruta{align-items:center;display:flex;position:absolute;inset:0}.tf-mockstack__ruta--1{opacity:clamp(0, calc((.4 - var(--p,0)) * 14), 1);--b1:clamp(0, calc((var(--p,0) - .02) * 16), 1);--b2:clamp(0, calc((var(--p,0) - .06) * 16), 1);--b3:clamp(0, calc((var(--p,0) - .1) * 16), 1);--b4:clamp(0, calc((var(--p,0) - .14) * 16), 1);--b5:clamp(0, calc((var(--p,0) - .18) * 16), 1)}.tf-mockstack__ruta--2{opacity:min(clamp(0, calc((var(--p,0) - .36) * 14), 1), clamp(0, calc((.74 - var(--p,0)) * 14), 1));--b1:clamp(0, calc((var(--p,0) - .37) * 16), 1);--b2:clamp(0, calc((var(--p,0) - .41) * 16), 1);--b3:clamp(0, calc((var(--p,0) - .45) * 16), 1);--b4:clamp(0, calc((var(--p,0) - .49) * 16), 1);--b5:clamp(0, calc((var(--p,0) - .53) * 16), 1)}.tf-mockstack__ruta--3{opacity:clamp(0, calc((var(--p,0) - .7) * 14), 1);--b1:clamp(0, calc((var(--p,0) - .71) * 16), 1);--b2:clamp(0, calc((var(--p,0) - .75) * 16), 1);--b3:clamp(0, calc((var(--p,0) - .79) * 16), 1);--b4:clamp(0, calc((var(--p,0) - .83) * 16), 1);--b5:clamp(0, calc((var(--p,0) - .87) * 16), 1)}