:root{--color-white:#fff;--color-black:#000;--color-accent-brown:#4f1212;--color-accent-green:#969f7d;--color-accent-beige:#f8edde;--color-accent-pink:#eea6a6;--color-bg:var(--color-white);--color-text:var(--color-black);--font-main:"Rubik",sans-serif;--font-logo:"Rubik Bubbles",sans-serif;--font-mono:"Fragment Mono",monospace;--fs-logo:clamp(40px,12vw,200px);--fs-h2:clamp(14px,3.5vw,36px);--fs-h3:clamp(24px,5vw,60px);--fs-body:clamp(11px,1.5vw,14px);--fs-card-title:clamp(18px,2.5vw,30px);--space-unit:8px;--container-max:1500px;--transition-base:.3s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}.fade-in{opacity:0;visibility:hidden}.fonts-loaded .fade-in{visibility:visible;animation:.8s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;width:100%;line-height:1.2;overflow-x:hidden}.page-wrapper{max-width:var(--container-max);z-index:1;width:100%;margin:0 auto;position:relative}.section-padding{padding:clamp(16px,8vw,112px) clamp(12px,3vw,24px) 0}.header{text-align:center;background-color:var(--color-white);flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,8vw,120px);min-height:450px;display:flex;position:relative;overflow:hidden}#particles-js canvas{z-index:0;pointer-events:none;position:absolute;top:-10%;left:-10%;-webkit-mask-image:radial-gradient(70% 50%,#000 20%,#0000 65%);mask-image:radial-gradient(70% 50%,#000 20%,#0000 65%);width:120%!important;height:120%!important}.header__logo,.header__info{z-index:1;pointer-events:auto;position:relative}.header__logo{font-family:var(--font-logo);font-size:var(--fs-logo);text-transform:uppercase;letter-spacing:clamp(3px,3vw,40px);line-height:.9}.header__subtitle{font-family:var(--font-mono);font-size:var(--fs-h2);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.header__contacts{justify-content:center;align-items:center;gap:clamp(24px,8vw,120px);margin-top:20px;display:flex}.contact-link{color:var(--color-text);transition:var(--transition-base);opacity:.8;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-decoration:none;display:flex}.contact-link i{font-size:clamp(48px,12vw,120px)}.contact-link__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;font-size:clamp(10px,1.5vw,12px);font-weight:500}.contact-link:hover{opacity:1;color:var(--color-black);transform:scale(1.05)}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}@media (max-width:900px){.info-grid{grid-template-columns:1fr;gap:0}}.info-block{text-align:center;overflow-wrap:break-word;word-break:normal;flex-direction:column;justify-content:flex-start;align-items:center;gap:clamp(8px,4vw,24px);min-height:0;padding:clamp(24px,5vw,60px) clamp(12px,3vw,24px);display:flex;position:relative;overflow:visible}@media (max-width:900px){.info-block{padding:clamp(16px,4vw,32px) clamp(16px,4vw,24px)}}.info-block--border:after{content:"";border-left:.5px solid var(--color-black);border-right:.5px solid var(--color-black);pointer-events:none;position:absolute;inset:0}.info-block--first.info-block--border:after{display:none}@media (max-width:900px){.info-block--first.info-block--border:after{border-left:none;border-right:none;border-top:.5px solid var(--color-black);border-bottom:.5px solid var(--color-black);display:block}.info-block--border:after{border-left:none;border-right:none;border-top:.5px solid var(--color-black);border-bottom:.5px solid var(--color-black)}}.info-block__title{font-family:var(--font-mono);font-size:var(--fs-body);text-transform:none;margin:0}.info-block__text{font-family:var(--font-main);font-weight:700;font-size:var(--fs-h2);text-transform:uppercase;letter-spacing:-.02em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0;line-height:1.1}.content-grid{flex-wrap:wrap;gap:6px;width:100%;display:flex}.card{height:400px;color:inherit;background:var(--color-black);transform-style:preserve-3d;perspective:1000px;flex-direction:column;flex:1 0 360px;text-decoration:none;transition:transform .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden}.card__skeleton{z-index:1;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%) 0 0/200% 100%;animation:1.5s linear infinite skeletonLoading;position:absolute;inset:0}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.card__img{object-fit:cover;object-position:top;opacity:0;filter:grayscale(20%);z-index:2;width:100%;height:100%;transition:opacity .5s,transform .5s;position:absolute;inset:0;transform:translateZ(0)}.card__img.is-loaded{opacity:.4}@media (hover:hover) and (pointer:fine){.card:not(.card--no-hover):hover .card__img.is-loaded{opacity:1;filter:grayscale(0%);transform:scale(1.02)translateZ(10px)}.card:not(.card--no-hover):hover{z-index:2;transform:rotateX(20deg)rotateY(-4deg)}.card:not(.card--no-hover):hover .card__overlay{background:linear-gradient(#0000 0%,#0006 100%)}.card:not(.card--no-hover):hover:before{opacity:1;animation:2s linear infinite borderRotate}.card:not(.card--no-hover):hover .card__title{transform:translateY(-5px)}}.card.is-active:not(.card--no-hover):not(.is-clicked){z-index:2;transform:rotateX(20deg)rotateY(-4deg)}.card.is-active:not(.card--no-hover):not(.is-clicked) .card__img.is-loaded{opacity:1;filter:grayscale(0%);transform:scale(1.02)translateZ(10px)}.card.is-active:not(.card--no-hover):not(.is-clicked):before{opacity:1;animation:2s linear infinite borderRotate}.card.is-active:not(.card--no-hover):not(.is-clicked) .card__title{transform:translateY(-5px)}.card__overlay{color:#fff;z-index:3;transform-style:preserve-3d;background:linear-gradient(#0003 0%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:32px;transition:all .4s;display:flex;position:absolute;inset:0;transform:translateZ(20px)}@media (hover:hover) and (pointer:fine){.card:not(.card--no-hover):hover .card__overlay{background:linear-gradient(#0000 0%,#0006 100%)}}.card.is-active:not(.card--no-hover):not(.is-clicked) .card__overlay{background:linear-gradient(#0000 0%,#0006 100%)}.card:before{content:"";background:linear-gradient(90deg,var(--color-accent-pink),var(--color-white),var(--color-accent-pink))border-box;-webkit-mask-composite:xor;opacity:.3;z-index:3;border:1.5px solid #0000;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes borderRotate{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.card__title{font-family:var(--font-mono);font-size:var(--fs-card-title);text-shadow:0 2px 10px #00000080;margin-bottom:8px;transition:transform .4s;transform:translateY(0)}.card__label{font-family:var(--font-mono);font-size:var(--fs-body);opacity:.7;text-transform:uppercase;letter-spacing:.1em}.bg-brown{color:#fff;background-color:#4f1212}.bg-green{background-color:#969f7d}.bg-beige{background-color:#d3c8ba}.bg-pink{background-color:#eea6a6}.bg-light-beige{background-color:#f8edde}.cta-banner{text-align:center;padding:112px 24px 0}.cta-banner__text{font-family:var(--font-main);font-weight:700;font-size:var(--fs-h3);letter-spacing:-.01em;max-width:1200px;margin:0 auto}.nav{justify-content:space-between;gap:24px;padding:clamp(10px,2vw,22px) clamp(12px,3vw,24px);display:flex}.nav__item{font-family:var(--font-main);color:inherit;letter-spacing:-.04em;font-size:clamp(15px,2vw,26px);font-weight:500;text-decoration:none;transition:color .3s;display:inline-block;position:relative;overflow:hidden}.nav__item:after{content:"";background-color:var(--color-black);transform-origin:50%;width:100%;height:2px;transition:transform .4s cubic-bezier(.65,0,.35,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav__item:hover:after{transform-origin:50%;transform:scaleX(.5)}.nav__link-container{animation:.5s cubic-bezier(.23,1,.32,1) slideIn;display:inline-block;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.footer{padding:88px 24px 40px}.footer__newsletter{border-top:1px solid var(--color-black);border-bottom:1px solid var(--color-black);height:clamp(60px,10vw,112px);color:inherit;transition:var(--transition-base);justify-content:center;align-items:center;gap:clamp(20px,4vw,40px);margin-bottom:80px;text-decoration:none;display:flex}.footer__newsletter:hover{background-color:var(--color-black);color:var(--color-white)}.footer__newsletter:hover .footer__newsletter-arrow{filter:invert();transform:translate(10px)}.footer__newsletter-title{font-family:var(--font-main);font-weight:700;font-size:var(--fs-h2);text-transform:uppercase}.footer__newsletter-arrow{object-fit:fill;width:clamp(40px,8vw,60px);height:clamp(25px,5vw,40px);transition:var(--transition-base);display:block}.footer__main{flex-direction:column;align-items:center;gap:40px;display:flex}.footer__logo{font-family:var(--font-main);text-transform:uppercase;letter-spacing:clamp(2px,2vw,33px);margin-top:-10px;font-size:clamp(46px,12vw,182px);font-weight:900;line-height:.8}.footer__bottom{justify-content:space-between;width:100%;margin-top:40px;display:flex}.footer__copyright,.footer__social{font-family:var(--font-main);text-transform:uppercase;letter-spacing:-.04em;font-size:clamp(13px,2vw,20px);font-weight:800}.gallery-overlay{z-index:99999;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out overlayFade;display:flex;position:fixed;top:0;left:0}.gallery-content{background:#000;flex-direction:column;width:100%;max-width:1400px;height:100%;animation:.5s cubic-bezier(.16,1,.3,1) contentSlide;display:flex;position:relative;overflow:hidden}.gallery-close{color:#fff;cursor:pointer;z-index:1010;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:all .3s;display:flex;position:absolute;top:20px;right:30px}.gallery-close:hover{color:#000;background:#fff;border-color:#fff;transform:rotate(90deg)}.gallery-image-wrapper{z-index:1005;scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-direction:column;align-items:center;width:100%;height:100%;padding:0;display:flex;position:relative;overflow-y:scroll}.gallery-image-wrapper::-webkit-scrollbar{width:8px}.gallery-image-wrapper::-webkit-scrollbar-track{background:0 0}.gallery-image-wrapper::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px}.gallery-loader{z-index:1004;flex-direction:column;align-items:center;gap:15px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-spinner{border:2px solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.gallery-full-image{z-index:1006;object-fit:contain;opacity:0;width:100%;height:auto;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);display:block;position:relative;transform:translateY(10px)}.gallery-full-image.is-loaded{opacity:1;transform:translateY(0)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes contentSlide{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:600px){.gallery-overlay{padding:0}.gallery-content{border:none;height:100vh}}body.loader-active{top:0;left:0;width:100%!important;height:100vh!important;position:fixed!important;overflow:hidden!important}.page-wrapper{transition:filter .6s cubic-bezier(.85,0,.15,1),transform .6s cubic-bezier(.85,0,.15,1)}body.loader-active .page-wrapper{filter:blur(15px);transform:scale(.97)}.global-loader{z-index:9999;background-color:var(--color-white);justify-content:center;align-items:center;transition:opacity .6s .8s;display:flex;position:fixed;inset:0}.global-loader--exit{opacity:0;pointer-events:none}.global-loader__content{text-align:center;z-index:10;transition:opacity .6s,transform .8s cubic-bezier(.85,0,.15,1)}.global-loader--exit .global-loader__content{opacity:0;transform:scale(.9)translateY(-20px)}.global-loader__logo{font-family:var(--font-logo);font-size:var(--fs-logo);text-transform:uppercase;letter-spacing:clamp(3px,3vw,40px);color:var(--color-black);margin-bottom:40px}.global-loader__progress{background:#0000001a;width:clamp(200px,40vw,600px);height:1px;margin:0 auto;position:relative;overflow:hidden}.global-loader__bar{background:var(--color-black);animation:2s cubic-bezier(.65,0,.35,1) infinite progressLoop;position:absolute;inset:0}@keyframes progressLoop{0%{transform:translate(-100%)scaleX(.2)}50%{transform:translate(0%)scaleX(.5)}to{transform:translate(100%)scaleX(.2)}}.global-loader__overlay{background:var(--color-black);width:100%;height:50%;transition:transform .8s cubic-bezier(.85,0,.15,1);position:absolute;left:0;transform:scaleY(0)}.global-loader__overlay--top{transform-origin:top;top:0}.global-loader__overlay--bottom{transform-origin:bottom;bottom:0}.global-loader--exit .global-loader__overlay{transform:scaleY(1)}.page-reveal-shutter{z-index:9998;pointer-events:none;position:fixed;inset:0}.shutter-part{background:var(--color-black);width:100%;height:50%;animation:1s cubic-bezier(.85,0,.15,1) .8s forwards shutterFade;position:absolute;left:0}.shutter-part--top{--move:-100%;top:0}.shutter-part--bottom{--move:100%;bottom:0}@keyframes shutterFade{0%{transform:translateY(0)}to{transform:translateY(var(--move));visibility:hidden}}@media (max-width:600px){.global-loader__content{gap:24px}.global-loader__progress{width:70vw}}.page-wrapper.is-revealed{filter:blur();transform:scale(1)}.about-page .cta-banner{border-top:.5px solid var(--color-black);padding-top:60px}.pricing-section{padding-top:clamp(40px,8vw,80px);padding-bottom:clamp(40px,8vw,80px)}.pricing-header{text-align:center;margin-bottom:clamp(32px,6vw,60px)}.pricing-title{font-family:var(--font-logo);font-size:var(--fs-h3);margin-bottom:16px}.pricing-subtitle{font-family:var(--font-mono);font-size:var(--fs-body);color:var(--color-black);opacity:.7;line-height:1.6}.pricing-toggle{font-family:var(--font-mono);font-size:var(--fs-body);justify-content:center;align-items:center;gap:12px;margin-bottom:clamp(32px,6vw,60px);display:flex}.pricing-toggle span{opacity:.5;transition:opacity var(--transition-base)}.pricing-toggle span.active{opacity:1;font-weight:600}.toggle-switch{cursor:pointer;width:52px;height:28px;transition:background var(--transition-base),border-color var(--transition-base);background:#00000026;border:1px solid #0003;border-radius:14px;position:relative}.toggle-switch.yearly{background:var(--color-black);border-color:var(--color-black)}.toggle-thumb{background:var(--color-white);width:22px;height:22px;transition:transform var(--transition-base);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-switch.yearly .toggle-thumb{transform:translate(24px)}.discount-badge{background:var(--color-black);color:var(--color-white);border-radius:12px;margin-left:4px;padding:2px 8px;font-size:11px;font-weight:600}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,24px);max-width:1200px;margin:0 auto;display:grid}.pricing-card{background:var(--color-white);text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base);border:1px solid #0000001a;border-radius:16px;padding:clamp(24px,4vw,40px) clamp(20px,3vw,32px);position:relative}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.pricing-card.popular{border:2px solid var(--color-black);transform:scale(1.02)}.pricing-card.popular:hover{transform:scale(1.02)translateY(-4px)}.popular-badge{background:var(--color-black);color:var(--color-white);font-size:12px;font-weight:600;font-family:var(--font-mono);border-radius:0 14px 0 12px;padding:4px 12px;position:absolute;top:0;right:0}.popular-badge span{margin-right:4px}.plan-name{font-family:var(--font-mono);font-size:var(--fs-body);letter-spacing:2px;color:#0009;margin-bottom:16px;font-weight:600}.dev-price{background:#00000008;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;padding:8px 16px;display:flex}.dev-price-label{font-family:var(--font-mono);opacity:.6;font-size:11px}.dev-price-amount{font-family:var(--font-main);font-size:var(--fs-body);font-weight:700}.plan-price{margin-bottom:8px}.price-amount{font-family:var(--font-main);font-size:clamp(32px,5vw,48px);font-weight:700}.price-period{font-family:var(--font-mono);font-size:var(--fs-body);opacity:.6}.billing-info{font-family:var(--font-mono);opacity:.5;margin-bottom:24px;font-size:11px}.plan-features{text-align:left;margin-bottom:24px;list-style:none}.plan-features li{font-family:var(--font-mono);font-size:var(--fs-body);align-items:flex-start;gap:10px;margin-bottom:12px;line-height:1.4;display:flex}.check-icon{color:var(--color-black);flex-shrink:0;font-weight:700}.plan-button{border:1px solid var(--color-black);width:100%;color:var(--color-black);font-family:var(--font-mono);font-size:var(--fs-body);text-align:center;cursor:pointer;transition:all var(--transition-base);background:0 0;border-radius:8px;margin-bottom:16px;padding:14px 24px;font-weight:600;text-decoration:none;display:block}.plan-button:hover,.plan-button.primary{background:var(--color-black);color:var(--color-white)}.plan-button.primary:hover{color:var(--color-black);background:0 0}.plan-description{font-family:var(--font-mono);opacity:.5;font-size:11px}@media (max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:400px}.pricing-card.popular{order:-1;transform:none}.pricing-card.popular:hover{transform:translateY(-4px)}}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}
