.app-scen{grid-template-columns:minmax(0,520px) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,96px);margin-top:clamp(40px,6vh,64px);display:grid}.app-steg{gap:10px;max-width:560px;margin:0;padding:0;list-style:none;display:grid}.app-steg__knapp{width:100%;min-height:72px;box-shadow:inset 0 0 0 1px var(--linje);color:var(--text);font-family:var(--brod);text-align:left;cursor:pointer;transition:background .3s var(--husets), box-shadow .3s var(--husets);background:0 0;border:0;border-radius:20px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"nr namn""nr text";align-items:baseline;gap:4px 18px;padding:18px 22px;display:grid;position:relative;overflow:hidden}.app-steg__knapp:hover{background:#f4f2ee0d}.app-steg__knapp[aria-pressed=true]{background:#b9a3ff1a;box-shadow:inset 0 0 0 1px #b9a3ff8c}.app-steg__knapp:focus-visible{outline-offset:3px;outline:2px solid #f4f2ee}.app-steg__nr{font:500 13px/1 var(--mono);letter-spacing:.08em;color:var(--accent);grid-area:nr}.app-steg__namn{font:600 clamp(20px, 1.7vw, 24px) / 1.2 var(--display);letter-spacing:-.02em;grid-area:namn}.app-steg__text{color:var(--mjuk);grid-area:text;font-size:16px;line-height:1.45}.app-steg__tid{transform-origin:0;background:#b9a3ff;width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.app-scen[data-auto] .app-steg__knapp[aria-pressed=true] .app-steg__tid{animation:2.6s linear both app-tid}@keyframes app-tid{to{transform:scaleX(1)}}.app-telefon-plats{isolation:isolate;justify-items:center;display:grid;position:relative}.app-telefon-plats:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(in oklab 50% 48% at 50% 58%, #8454f666, #d65aac24 52%, transparent 74%);position:absolute;inset:-12% -40%}.app-telefon{background:#1b1822;border-radius:46px;width:clamp(236px,21vw,292px);padding:10px;box-shadow:inset 0 0 0 1.5px #f4f2ee29,0 50px 90px -40px #000c}.app-telefon__skarm{aspect-ratio:260/560;background:#f4f2ee;border-radius:36px;position:relative;overflow:hidden;container-type:inline-size}.app-telefon__skarm:before{content:"";z-index:5;background:#1b1822;border-radius:999px;width:30cqi;height:8.5cqi;position:absolute;top:4cqi;left:50%;transform:translate(-50%)}.app-lager{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s var(--husets), transform .45s var(--husets), visibility 0s linear .45s;position:absolute;inset:0;transform:scale(.97)}.app-lager[data-aktiv]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:none}.app-lager svg{width:100%;height:100%;display:block}.app-lager--skiss{background:#f4f2ee}.app-penna{fill:none;stroke:#4a463f;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.tj[data-rorelse] .app-penna{stroke-dasharray:1;transition:stroke-dashoffset 1.3s var(--husets) .2s}.tj[data-rorelse] .app-scen:not([data-sett]) .app-penna{stroke-dashoffset:1px}.app-lager--wire{background:#fbfaf7}.app-wire__ruta{fill:#fff;stroke:#cfcac1;stroke-width:1.5px}.app-wire__text{fill:#b8b2a8}.app-wire__mjuk,.app-wire__linje{fill:#dcd7cf}.app-wire__knapp{fill:none;stroke:#b8b2a8;stroke-width:1.5px}.app-lager--proto{background:#f6f4fb}.app-proto{color:#1c1827;font-family:var(--brod);flex-direction:column;padding:17cqi 7cqi 0;display:flex;position:absolute;inset:0}.app-proto__namn{font:600 4.4cqi/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#6d59d8;margin:0}.app-proto__rubrik{font:600 9cqi/1.1 var(--display);letter-spacing:-.03em;margin:3cqi 0 0}.app-proto__lista{gap:3.5cqi;margin:6cqi 0 0;padding:0;list-style:none;display:grid}.app-proto__lista li{background:#fff;border-radius:5.5cqi;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4cqi;padding:4cqi;display:grid;box-shadow:0 1px #1c18270f,0 8px 20px -14px #1c182759}.app-proto__ikon{background:linear-gradient(135deg,#b9a3ff,#ff9fcf);border-radius:50%;width:11cqi;height:11cqi}.app-proto__pass b{font:600 5.6cqi/1.2 var(--display);display:block}.app-proto__pass small{color:#1c18279e;margin-top:1cqi;font-size:4.6cqi;display:block}.app-proto__boka{color:#fff;min-width:17cqi;font:600 4.6cqi/1 var(--brod);cursor:pointer;transition:background .25s var(--husets), color .25s var(--husets), transform .25s var(--husets);background:#6d59d8;border:0;border-radius:999px;padding:2.6cqi 4.4cqi}.app-proto__boka:active{transform:scale(.95)}.app-proto__boka[aria-pressed=true]{color:#24502f;background:#e0eadb}.app-proto__boka:focus-visible,.app-proto__flikar button:focus-visible{outline-offset:2px;outline:2px solid #6d59d8}.app-proto__tomt{color:#1c18279e;margin:6cqi 0 0;font-size:5cqi;line-height:1.4}.app-proto__profil{justify-items:center;gap:3cqi;margin-top:8cqi;display:grid}.app-proto__profil span{background:linear-gradient(135deg,#b9a3ff,#ff9fcf);border-radius:50%;width:22cqi;height:22cqi}.app-proto__profil i{background:#1c18271f;border-radius:999px;width:40cqi;height:3.4cqi}.app-proto__profil i+i{width:28cqi}.app-proto__profil+.app-proto__tomt{text-align:center}.app-proto__flikar{background:#ffffffeb;border-top:1px solid #1c182714;grid-template-columns:repeat(3,minmax(0,1fr));margin:auto -7cqi 0;padding:2cqi 2cqi 7cqi;display:grid}.app-proto__flikar button{color:#1c182780;min-height:44px;font:500 4cqi/1 var(--brod);cursor:pointer;transition:color .25s var(--husets);background:0 0;border:0;align-content:center;justify-items:center;gap:1.6cqi;padding:1cqi 0;display:grid}.app-proto__flikar button[aria-pressed=true]{color:#6d59d8}.app-proto__flikar i{border:2px solid;border-radius:1.8cqi;width:6.4cqi;height:6.4cqi}.app-proto__flikar i[data-ikon="1"]{border-radius:50%}.app-proto__flikar i[data-ikon="2"]{border-radius:50% 50% 1.4cqi 1.4cqi}.app-lager--ute{background:radial-gradient(in oklab 95% 60% at 50% 112%, #8454f6cc, #d65aac52 52%, transparent 80%), #15121c}.app-hem{flex-direction:column;padding:20cqi 8cqi 9cqi;display:flex;position:absolute;inset:0}.app-hem__rutnat{grid-template-columns:repeat(4,minmax(0,1fr));gap:8cqi 6cqi;display:grid}.app-hem__annan{aspect-ratio:1;background:#f4f2ee1f;border-radius:4.6cqi}.app-hem__var{aspect-ratio:1;color:#fff;background:linear-gradient(135deg,#8b7bff,#ff5c9a);border-radius:4.6cqi;place-items:center;display:grid;position:relative;box-shadow:0 0 0 .6cqi #ffffffb3,0 3cqi 9cqi -1cqi #8b7bffd9}.app-hem__var b{font:700 8cqi/1 var(--display)}.app-hem__var small{white-space:nowrap;color:#f4f2ee;margin-top:1.6cqi;font-size:3.6cqi;position:absolute;top:100%}.app-hem__ute{color:#f4f2ee;font:500 4.2cqi/1.3 var(--brod);text-align:center;background:#f4f2ee24;border-radius:999px;margin:auto 0 0;padding:3.4cqi 4cqi}.tj[data-rorelse] .app-lager--ute[data-aktiv] .app-hem__var{animation:.6s cubic-bezier(.34,1.56,.64,1) .25s both app-pop}.tj[data-rorelse] .app-lager--ute[data-aktiv] .app-hem__ute{animation:app-upp .5s var(--husets) .7s both}@keyframes app-pop{0%{opacity:0;transform:scale(.3)}}@keyframes app-upp{0%{opacity:0;transform:translateY(12px)}}.app-nu{text-align:center;max-width:26em;min-height:2.9em;color:var(--mjuk);margin:18px 0 0;font-size:16px;line-height:1.45;display:none}.app-vagar__inre{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(40px,6vw,96px);display:grid}.app-vagar__stycke{max-width:34em;color:var(--mjuk);text-wrap:pretty;margin:20px 0 0;font-size:clamp(17px,1.3vw,19px);line-height:1.55}.app-vagar{box-shadow:inset 0 0 0 1px var(--linje);background:#f4f2ee0a;border-radius:24px;margin:0;padding:clamp(18px,2.6vw,36px)}.app-vagar__karta{grid-template-columns:minmax(0,.8fr) 80px minmax(0,1fr);align-items:center;display:grid}.app-vagar__linjer{width:80px;height:260px;display:block;overflow:visible}.app-vag{fill:none;stroke:#b9a3ff;stroke-width:2px;stroke-linecap:round}.app-vag--webb{stroke:#f4f2ee73;stroke-dasharray:3 6}.app-vagar__mal{gap:16px;margin:0;padding:0;list-style:none;display:grid}.app-nod{background:#f4f2ee0f;border-radius:16px;align-content:center;gap:4px;height:76px;padding:0 18px;display:grid;box-shadow:inset 0 0 0 1px #b9a3ff73}.app-nod b{font:600 18px/1.2 var(--display);letter-spacing:-.015em}.app-nod span{font:500 12px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mjuk)}.app-nod--kalla{background:#13111b;justify-items:start;height:auto;padding:22px 18px;box-shadow:inset 0 0 0 1px #b9a3ffb3,0 20px 50px -24px #8454f6b3}.app-nod__kod{font:500 22px/1 var(--mono);color:#b9a3ff}.app-nod--webb{box-shadow:none;outline-offset:-1.5px;background:0 0;outline:1.5px dashed #f4f2ee59}.app-vagar__fot{justify-content:flex-end;min-height:44px;margin-top:16px;display:flex}.tj[data-rorelse] .app-vag:not(.app-vag--webb){stroke-dasharray:1}.tj[data-rorelse] [data-spela]:not([data-spelar]) .app-vag:not(.app-vag--webb){stroke-dashoffset:1px}.tj[data-rorelse] [data-spela]:not([data-spelar]) :is(.app-vag--webb,.app-nod--kalla,.app-vagar__mal .app-nod){opacity:0}.tj[data-rorelse] [data-spelar] .app-nod--kalla{animation:.55s cubic-bezier(.34,1.56,.64,1) .1s both app-pop}.tj[data-rorelse] [data-spelar] .app-vag:not(.app-vag--webb){animation:app-rita .8s var(--husets) .5s both}.tj[data-rorelse] [data-spelar] .app-vag:not(.app-vag--webb)+.app-vag:not(.app-vag--webb){animation-delay:.65s}.tj[data-rorelse] [data-spelar] .app-vag--webb{animation:.6s .9s both app-tona}.tj[data-rorelse] [data-spelar] .app-vagar__mal .app-nod{animation:app-in-x .6s var(--husets) calc(1.05s + var(--n) * .18s) both}.tj[data-rorelse] [data-spelar]:not([data-igen]) .app-vagar__fot .tj-igen{animation:tj-visa .4s var(--husets) 2s both}@keyframes app-rita{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes app-tona{0%{opacity:0}}@keyframes app-in-x{0%{opacity:0;transform:translate(-16px)}}.app-appar{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:880px;margin:clamp(40px,6vh,64px) 0 0;padding:0;list-style:none;display:grid}@media (max-width:1000px){.app-scen{grid-template-columns:minmax(0,1fr);justify-items:center}.app-telefon-plats{order:-1}.app-steg{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:520px}.app-steg__knapp{grid-template-columns:minmax(0,1fr);grid-template-areas:"nr""namn";row-gap:6px;min-height:64px;padding:14px 16px}.app-steg__text{display:none}.app-nu{display:block}.app-vagar__inre{grid-template-columns:minmax(0,1fr)}.app-appar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.app-appar{grid-template-columns:minmax(0,1fr)}.app-nod{padding:0 12px}.app-nod--kalla{padding:16px 12px}.app-nod b{font-size:15px}.app-nod span{font-size:11px}}