:root{--hero-text-color: rgb(255 255 255 / 80%);--hero-spacing: min(12.5vh, 6.25vw)}header.home:not(.header-shadow) .logo{background-image:url(../../images/a_light.svg)}header.home:not(.header-shadow) h1{color:var(--hero-text-color)}header.home:not(.header-shadow) .dropbtn{background-image:url(../../images/lang_light.svg)}.hero{box-sizing:border-box;display:grid;padding:var(--hero-spacing);padding-top:calc(var(--hero-spacing) + 54px);gap:var(--hero-spacing);grid-template-columns:2fr 1fr;background:#223935 center/cover url(../../images/home_bg_mobile.jpg) no-repeat;color:var(--hero-text-color);align-items:center}.hero>:first-child{font-size:var(--hero-spacing);font-weight:700;line-height:1;min-width:0}.hero>:last-child{justify-self:center;background:center/contain url(../../images/a_light.svg) no-repeat;height:min(25vh,12.5vw);font-size:0;aspect-ratio:1}.hero-keyword{position:relative;font-family:"DM Serif Display",serif;height:var(--hero-spacing);white-space:nowrap}.hero-keyword>span{position:absolute;inset:0;transition:2s opacity,2s transform;z-index:1}.hero-keyword-above{opacity:0;transform:translateY(calc(var(--hero-spacing) * -1))}.hero-keyword-below{opacity:0;transform:translateY(var(--hero-spacing))}.hero-last-line{display:flex;align-items:center}.hero-last-line a{display:none}@media only screen and (min-width:780px)and (min-height:512px){.hero{height:100vh;padding-top:var(--hero-spacing);background:#223935 center/cover url(../../images/home_bg.jpg) no-repeat}.hero-last-line a{position:relative;display:block;height:var(--hero-spacing);background:center/cover url(../../images/expand.svg) no-repeat;transition:.3s transform;aspect-ratio:1;z-index:2}.hero-last-line a:focus,.hero-last-line a:hover{transform:translate(16px)}}form .res-grid-2{gap:16px 32px;margin-bottom:16px}form .res-grid-2>*{margin:0}form .res-grid-2>div>:first-child{margin-top:0}form .res-grid-2>div>:last-child{margin-bottom:0}.offer{margin:16px 0;font-size:26px;text-align:center}.project-cards{display:grid;grid-template-columns:repeat(1,1fr);gap:32px}.project-cards>a{display:flex;gap:32px;align-items:center;flex-direction:column;margin:0 -24px;padding:24px;border-radius:var(--border-radius);text-decoration:none}.project-cards>a:hover{background-color:#ffffff0d}.project-cards>a>img{max-height:128px}.project-cards .link{color:var(--color-primary)}@media only screen and (min-width:780px){.project-cards{grid-template-columns:repeat(2,2fr)}.project-cards>a{flex-direction:row;margin:0;padding:36px}}.gauge{--gauge-size: 64px;--stroke-width: 4px;--radius: calc(var(--gauge-size) / 2);--inner-radius: calc(var(--radius) - (var(--stroke-width) / 2));--circumference: calc(var(--inner-radius) * 2 * pi);--arc: calc(var(--circumference) * (270 / 360));position:relative;display:flex;align-items:center;justify-content:center;width:var(--gauge-size);height:var(--gauge-size);margin-bottom:calc(var(--gauge-size) * .4);justify-self:center;user-select:none}.gauge>svg{position:absolute;inset:0;width:var(--gauge-size);height:var(--gauge-size)}.gauge>svg>circle{cx:var(--radius);cy:var(--radius);r:var(--inner-radius);fill:transparent;stroke:#00c853;stroke-width:var(--stroke-width);stroke-dasharray:var(--arc) var(--circumference);stroke-linecap:round;transform:rotate(135deg);transform-origin:var(--radius),var(--radius)}.gauge-text{position:absolute;bottom:calc(var(--gauge-size) * -.4);width:calc(var(--gauge-size) * 2);text-align:center}: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}.test-list{display:flex;flex-direction:column;gap:var(--border-radius);justify-content:center;color:var(--text-color-secondary)}.test-list>div{display:flex;gap:var(--border-radius);align-items:center;background:var(--color-background);padding:var(--border-radius);border:1px solid var(--hover-color);border-radius:calc(var(--border-radius) / 2)}.test-list>div:before{content:"";display:block;height:1.5em;width:1.5em;background:center/cover url(../../images/check_circle.svg) no-repeat}.test-list>div:nth-child(3):before{background-image:url(../../images/cached.svg);animation:2s spin infinite linear}.test-list>div:after{display:block}.test-list>div:nth-child(1):after{content:"Lint"}.test-list>div:nth-child(2):after{content:"Tests"}.test-list>div:nth-child(3):after{content:"Continuous Integration"}.floating-emoji{position:relative;max-width:360px;height:192px}.floating-emoji>*{position:absolute;height:4em;width:4em;animation:4s hover infinite linear}.floating-emoji>:nth-child(1){top:0;left:0}.floating-emoji>:nth-child(2){top:20%;left:85%}.floating-emoji>:nth-child(3){top:65%;left:5%}.floating-emoji>:nth-child(4){top:70%;left:80%}.floating-emoji,.floating-emoji>div{background:center/contain var(--floating-emoji, none) no-repeat}@keyframes hover{50%{transform:translateY(.5em)}}.pricing{display:flex;align-items:center;flex-direction:column;text-align:center}.pricing>div{line-height:1}.pricing .price{color:var(--color-primary);font-weight:700;font-size:48px}.pricing .unit{font-size:24px}.steps{display:flex;justify-content:center}.steps>ol{list-style:none;counter-reset:step-counter;color:var(--text-color-secondary);line-height:2;padding-left:0}.steps>ol>li{counter-increment:step-counter;display:flex;align-items:center;gap:1rem}.steps>ol>li:before{content:counter(step-counter);display:block;width:1.5rem;color:var(--color-primary);font-size:18px;font-weight:700;text-align:center}.reveal{position:relative;transform:translateY(144px);opacity:0;transition:1s transform ease,1s opacity ease}.reveal.revealed{transform:translateY(0);opacity:1}.workplace>.potted-flower{--icon-size: 128px;left:calc(var(--icon-size) * -.5);bottom:calc(var(--icon-size) * -.2);background-image:url(../images/emoji/potted_plant_3d.webp)}.workplace>.flower{right:calc(var(--icon-size) * -.33);top:calc(var(--icon-size) * -.33);background-image:url(../images/emoji/cherry_blossom_3d.webp)}.card-grid-4{display:grid;align-items:center;grid-template-columns:repeat(2,2fr);gap:16px;color:var(--text-color-secondary);--screen-unit: 4px}.accent{background:var(--color-primary-container);--color-primary: #1565c0}.alt-base{max-width:1080px;padding:20px 48px;margin:0 auto;animation:transformation 1s}.row>div{margin:48px auto}@media only screen and (min-width:780px)and (min-height:512px){.alt-base{padding:20px 32px}}@media only screen and (min-width:780px){.mobile-only{display:none}.row{display:flex;align-items:center;padding:48px}.row>div{margin:36px}.swapped{flex-direction:row-reverse}.smaller-half{width:calc(35% - 72px)}.bigger-half{width:calc(65% - 72px)}}