.table-of-contents{display:none}@media screen and (min-width:1440px){.table-of-contents{--stroke-padding: 8px;--stroke-width: 1px;--stroke-color: var(--color-primary);box-sizing:border-box;position:fixed;top:50%;left:24px;transform:translateY(-50%);display:block;padding:24px;max-width:calc((100vw - var(--max-width)) / 2 - 56px);background:linear-gradient(to right,var(--color-primary) var(--stroke-width),transparent var(--stroke-width)) var(--stroke-padding) var(--stroke-padding),linear-gradient(to right,var(--color-primary) var(--stroke-width),transparent var(--stroke-width)) var(--stroke-padding) calc(100% - var(--stroke-padding)),linear-gradient(to left,var(--color-primary) var(--stroke-width),transparent var(--stroke-width)) calc(100% - var(--stroke-padding)) var(--stroke-padding),linear-gradient(to left,var(--color-primary) var(--stroke-width),transparent var(--stroke-width)) calc(100% - var(--stroke-padding)) calc(100% - var(--stroke-padding)),linear-gradient(to bottom,var(--color-primary) var(--stroke-width),transparent var(--stroke-width)) var(--stroke-padding) var(--stroke-padding),linear-gradient(to bottom,var(--color-primary) var(--stroke-width),transparent var(--stroke-width)) calc(100% - var(--stroke-padding)) var(--stroke-padding),linear-gradient(to top,var(--color-primary) var(--stroke-width),transparent var(--stroke-width)) var(--stroke-padding) calc(100% - var(--stroke-padding)),linear-gradient(to top,var(--color-primary) var(--stroke-width),transparent var(--stroke-width)) calc(100% - var(--stroke-padding)) calc(100% - var(--stroke-padding));background-color:var(--color-background-alpha);background-repeat:no-repeat;background-size:16px 16px;-webkit-backdrop-filter:var(--card-filter);backdrop-filter:var(--card-filter);animation:contents .3s 1s;animation-fill-mode:both}.table-of-contents *{margin:0}.table-of-contents h2{font:inherit}.table-of-contents ul{margin-left:.75em;list-style-type:"- "}.table-of-contents a{text-decoration:none}.table-of-contents a:hover{text-decoration:underline}}@keyframes contents{0%{opacity:0}}:root{--screen-unit: 8px}.screen{position:relative;user-select:none}.screen:before{content:"";display:block;position:absolute;inset:0;background:top/cover var(--screen-content, var(--color-background)) no-repeat;filter:blur(calc(var(--screen-unit) * 4));opacity:.5;z-index:1}.screen>span{--icon-size: 64px;position:absolute;width:var(--icon-size);height:var(--icon-size);background:center/contain none no-repeat;z-index:3}.screen>div{position:relative;border:1px solid var(--hover-color);border-radius:var(--screen-unit);box-shadow:var(--card-shadow);overflow:hidden;z-index:2}.screen>div:after{content:"";display:block;aspect-ratio:16 / 9;background:top/cover var(--screen-content, var(--color-background)) no-repeat}.screen>div>:not(.screen-buttons){box-sizing:border-box;position:absolute;display:block;width:100%;height:calc(100% - 3 * var(--screen-unit));padding:calc(var(--screen-unit) * 2)}.screen>div>img:not(.screen-buttons){padding:18%;object-fit:contain}.screen-buttons{display:flex;padding:var(--screen-unit);gap:var(--screen-unit);background:var(--color-background);border-bottom:1px solid var(--hover-color)}.screen-buttons>div{width:var(--screen-unit);height:var(--screen-unit);border-radius:50%}.screen-buttons>div:nth-child(1){background:#ff5f56}.screen-buttons>div:nth-child(2){background:#ffbd2e}.screen-buttons>div:nth-child(3){background:#27c93f}.top-preview{display:block}.quality,.info{display:grid;grid-template-columns:repeat(1,1fr);align-items:center;list-style:none;margin-left:0}.quality>li{background:url(../images/quality.svg) left center no-repeat;padding:8px 0 8px 32px}.header-card{display:flex;justify-content:space-between;flex-direction:column-reverse;align-items:stretch;gap:32px;padding:32px 0}.header-card>*{margin:auto}.header-card>:first-child{flex:1}.screen{width:228px}.screen>span{left:calc(var(--icon-size) * -.5);bottom:calc(var(--icon-size) * -.25)}.type-card{--screen-content: color-mix(in srgb, var(--color-background) 95%, #fff)}.type-card>div>:not(.screen-buttons):before{content:"Anvil Solutions";display:block;margin-bottom:var(--screen-unit);font-family:"DM Serif Display",serif;font-weight:700;color:var(--text-color)}.type-card>div>:not(.screen-buttons):after{content:"Lorem ipsum dolor sit amet, consectetur";display:block;color:var(--text-color-secondary)}.type-card>span{background-image:url(../images/emoji/person_3d_light.webp)}.type-static>div>:not(.screen-buttons):after,.type-pwa>div>:not(.screen-buttons):after{display:block;width:fit-content;margin:32px auto;padding:2px 18px;text-align:center;font-weight:700}.type-static{--screen-content: url(../../images/home_bg.jpg)}.type-static>div>:not(.screen-buttons):after{content:"Anvil Solutions";color:var(--text-color)}.type-static>span{background-image:url(../images/emoji/globe_showing_europe-africa_3d.webp)}.type-pwa{--screen-content: url(../../images/home_bg.jpg)}.type-pwa>div>:not(.screen-buttons):after{content:"Action";background:var(--text-color);border-radius:var(--border-radius)}.type-pwa>span{background-image:url(../images/emoji/mobile_phone_3d.webp)}.type-with-backend{--screen-content: url(../../images/with_backend.jpg)}.type-with-backend>span{background-image:url(../images/emoji/sparkles_3d.webp)}@media screen and (min-width:780px){.quality{grid-template-columns:repeat(2,2fr)}.header-card{flex-direction:row;align-items:center}.header-card h2{margin-top:0}}