*{box-sizing:border-box}#root{min-height:100vh}button,input,textarea,select{font:inherit}:root{--yellow:#ffe017;--black:#000;--white:#fff;--canvas-width:1440px}html{background:var(--white);scroll-behavior:smooth}body{min-width:320px;color:var(--black);background:var(--white);margin:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.home-loader{z-index:100;background:var(--white);pointer-events:none;place-items:center;animation:.12s 1.45s forwards loader-hide;display:grid;position:fixed;inset:0;overflow:hidden}.home-loader-fill{background:var(--yellow);border-radius:50%;width:120px;height:120px;animation:.9s cubic-bezier(.78,0,.22,1) .42s forwards loader-fill;position:absolute;transform:scale(0)}.home-loader-star{z-index:1;object-fit:contain;opacity:0;width:96px;height:96px;animation:.42s cubic-bezier(.22,1,.36,1) forwards loader-star-in,.36s .88s forwards loader-star-out;position:relative;transform:scale(.72)rotate(-12deg)}@keyframes loader-star-in{to{opacity:1;transform:scale(1)rotate(0)}}@keyframes loader-star-out{to{opacity:0;transform:scale(1.22)rotate(0)}}@keyframes loader-fill{to{transform:scale(34)}}@keyframes loader-hide{to{opacity:0;visibility:hidden}}.site-canvas{width:min(100%, var(--canvas-width));margin:0 auto}.home-page,.about-page{min-width:var(--canvas-width);overflow-x:hidden}.about-page{background:var(--white)}.home-inner{width:var(--canvas-width);height:100%;margin:0 auto;position:relative}.home-hero{background:var(--yellow);height:900px}.figma-menu{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:-.18px;text-transform:uppercase;background:#ffffff80;grid-template-columns:335px repeat(3,1fr);align-items:center;gap:20px;width:100%;height:59px;padding:20px 40px;font-family:Syne,Arial,sans-serif;font-size:18px;font-weight:500;line-height:1.04;display:grid;position:fixed;top:0;left:0}body[data-page=home] .figma-menu{background:#ffe01780}.figma-brand{align-items:center;gap:6px;font-weight:600;display:flex}.figma-brand-mark{width:14px;height:14px;font-size:22px;line-height:14px}.mobile-menu-toggle,.mobile-menu-panel{display:none}.hero-content{flex-direction:column;align-items:center;width:100%;display:flex;position:absolute;top:182px;left:0}.hero-star{width:335px;height:152px}.hero-content h1{letter-spacing:-3.6px;text-align:center;text-transform:uppercase;width:100%;height:96px;margin:20px 0 0;font-family:Syne,Arial,sans-serif;font-size:90px;font-weight:600;line-height:1}.hero-copy{text-align:center;width:766px;margin-top:40px;font-family:Syne,Arial,sans-serif;font-size:20px;font-weight:500;line-height:1.2}.hero-copy p{margin:0 0 20px}.hero-copy p:last-child{margin-bottom:0}.hero-bottom-word{width:813px;height:79px;position:absolute;top:821px;left:313px}.home-works{background:var(--white);height:903px}.works-word{width:813px;height:69px;position:absolute;top:0;left:313px}.works-grid{gap:25px;display:flex;position:absolute;top:162px;left:82px}.softpay-tile{background:var(--white);cursor:pointer;will-change:transform;width:625px;height:583px;transition:transform .22s;display:block;position:relative;overflow:hidden}.softpay-tile:after{z-index:1;content:"";pointer-events:none;background:0 0;transition:background-color .22s;position:absolute;inset:0}.softpay-tile:hover{transform:scale(1.018)}.softpay-tile:hover:after{background:#0000001f}.softpay-tile:active{transform:scale(.992)}.works-card-image{object-fit:cover;width:625px;height:583px;display:block}.softpay-open-link{z-index:2;display:block;position:absolute;inset:0}.softpay-figma-link{z-index:3;width:21.28%;height:5.48885%;display:block;position:absolute;top:3.60206%;left:39.36%}.bloks-frame{width:625px;height:583px;display:block;overflow:hidden}.home-footer{background:var(--yellow);height:119px}.footer-inner{justify-content:space-between;align-items:center;padding:27px 40px;display:flex}.footer-star{width:65px;height:65px}.footer-email,.footer-linkedin{letter-spacing:-.9px;font-family:Syne,Arial,sans-serif;font-size:30px;font-weight:600;line-height:40px}.footer-email{margin-left:auto;margin-right:342px}.about-main{background:var(--white);height:900px}.about-content{align-items:center;gap:20px;display:flex;position:absolute;top:186px;left:90px}.about-copy{flex-direction:column;gap:30px;width:887px;display:flex}.about-copy p,.about-side p{color:var(--black);letter-spacing:-.18px;margin:0;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.4}.about-side{flex-direction:column;gap:27px;width:352px;display:flex}.about-photo{width:352px;height:436px;overflow:hidden}.about-photo img{object-fit:cover;width:352px;height:436px;display:block}.about-side p{letter-spacing:.72px;width:351px}.about-hey{mix-blend-mode:multiply;width:202px;height:61px;position:absolute;top:121px;left:90px}.softpay-stack,.mobile-softpay-stack{width:100%;position:relative}.mobile-softpay-stack{display:none}.softpay-stack{height:auto;overflow:hidden}.figma-shot,.mobile-softpay-shot{-webkit-user-select:none;user-select:none;width:100%;height:auto;margin-top:42px;display:block}.softpay-canvas{width:100%;max-width:none;margin:0;padding-top:0}.softpay-footer .home-inner{width:min(100%, var(--canvas-width))}.softpay-hero-labels{z-index:5;color:var(--black);letter-spacing:-.54px;text-shadow:none;pointer-events:none;opacity:0;justify-content:space-between;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:700;line-height:18px;display:flex;position:absolute;top:92px;left:20px;right:20px}.hotspot{z-index:4;display:block;position:absolute}.hotspot:focus-visible{outline:2px solid var(--black);outline-offset:4px}.menu-logo{width:23.2639%;height:3.06972%;top:0;left:0}.menu-works{width:23.2639%;height:3.06972%;top:0;left:27.4306%}.menu-about{width:23.2639%;height:3.06972%;top:0;left:52.0833%}.menu-contacts{width:23.2639%;height:3.06972%;top:0;left:76.7361%}body[data-page=softpay] .menu-logo,body[data-page=softpay] .menu-works,body[data-page=softpay] .menu-about,body[data-page=softpay] .menu-contacts{height:.242101%}.softpay-gmail{width:26.9444%;height:.488305%;bottom:0;left:37.9167%}.softpay-linkedin{width:15.6944%;height:.488305%;bottom:0;right:2.5%}.softpay-figma-hero{z-index:6;width:18.6806%;height:.225687%;top:1.89167%;left:40.6944%}.mobile-softpay-figma{z-index:6;width:44%;height:.462055%;display:block;position:absolute;top:.938113%;left:28%}@media (width<=767px){:root{--canvas-width:100vw}html,body{width:100%;overflow-x:hidden}.site-canvas,.home-page,.about-page{width:100%;min-width:0}.home-inner{width:100%;margin:0}.figma-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:0;background:#ffffff6b;grid-template-columns:1fr 19px;gap:14px;height:51px;padding:16px 12px;font-size:clamp(11px,3.2vw,13px);line-height:1}body[data-page=home] .figma-menu{background:#ffe0176b}.figma-menu>a:not(.figma-brand){display:none}.figma-brand{white-space:nowrap;gap:4px}.figma-brand-mark{width:12px;height:12px;font-size:18px;line-height:12px}.mobile-menu-toggle{z-index:41;width:19px;height:19px;color:var(--black);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:3px;padding:0;display:flex;position:relative}.mobile-menu-toggle span{transform-origin:50%;background:currentColor;width:15px;height:2px;margin-left:auto;transition:opacity .16s,transform .16s;display:block}.mobile-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(5px)rotate(45deg)}.mobile-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-5px)rotate(-45deg)}.mobile-menu-panel{z-index:40;letter-spacing:0;text-align:right;text-transform:uppercase;opacity:0;visibility:hidden;pointer-events:none;background:0 0;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:13px;width:105px;height:111px;padding-top:13px;font-family:Syne,Arial,sans-serif;font-size:20px;font-weight:500;line-height:1;transition:opacity .16s,transform .16s,visibility .16s;display:flex;position:fixed;top:46px;right:14px;transform:translateY(-4px)}.figma-menu.is-mobile-menu-open .mobile-menu-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.home-loader-fill{width:96px;height:96px}.home-loader-star{width:78px;height:78px}.home-hero{height:100svh;min-height:640px}.hero-content{padding:0 20px;top:128px}.hero-star{aspect-ratio:335/152;width:clamp(280px,74vw,335px);max-width:100%;height:auto;display:block}.hero-content h1{letter-spacing:0;height:auto;margin-top:18px;font-size:clamp(38px,13vw,58px);line-height:.98}.hero-copy{width:min(88vw,360px);margin-top:28px;font-size:clamp(16px,4.4vw,19px);line-height:1.22}.hero-copy p{margin-bottom:16px}.hero-bottom-word{width:min(92vw,390px);height:auto;top:auto;bottom:0;left:50%;transform:translate(-50%)}.home-works{height:auto;min-height:0;padding:0 16px 70px}.works-inner{min-height:0;padding-top:0}.works-word{width:min(92vw,390px);height:auto;display:block;position:relative;top:0;left:50%;transform:translate(-50%)}.works-grid{gap:18px;margin-top:50px;display:grid;position:relative;top:auto;left:auto}.softpay-tile,.bloks-frame,.works-card-image{aspect-ratio:625/583;width:100%;height:auto}.softpay-tile:hover{transform:scale(1.01)}.home-footer{height:auto}.footer-inner{grid-template-columns:58px 1fr;align-items:center;gap:14px 20px;padding:22px 16px;display:grid}.footer-star{grid-row:span 2;width:58px;height:58px}.footer-email,.footer-linkedin{letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:clamp(20px,6vw,26px);line-height:1.12}.about-main{height:auto;min-height:0;padding:92px 16px 56px}.about-hey{width:152px;height:auto;margin-bottom:26px;display:block;position:relative;top:auto;left:auto}.about-content{flex-direction:column;align-items:stretch;gap:18px;display:flex;position:relative;top:auto;left:auto}.about-copy,.about-side,.about-side p{width:100%}.about-copy{order:2;gap:18px}.about-copy p,.about-side p{letter-spacing:0;font-size:16px;line-height:1.42}.about-side{display:contents}.about-photo{order:1}.about-side p{order:3}.about-photo,.about-photo img{width:100%;height:auto}.about-photo img{aspect-ratio:352/436}.softpay-canvas{width:100%}.softpay-stack{display:none}.mobile-softpay-stack{display:block}.softpay-hero-labels{letter-spacing:0;opacity:0;font-size:12px;line-height:1;top:60px;left:12px;right:12px}}