@property --angle-1{syntax: "<angle>"; inherits: false; initial-value: -75deg;}@property --angle-2{syntax: "<angle>"; inherits: false; initial-value: -45deg;}:root{--angle-1: -75deg;--angle-2: -45deg;--global--size: 1.6em;--anim--hover-time: .4s;--anim--hover-ease: cubic-bezier(.25, 1, .5, 1)}.glass-wrap{position:relative;display:inline-block;border-radius:20px;pointer-events:none;transition:all var(--anim--hover-time) var(--anim--hover-ease);z-index:2}.glass-shadow{--shadow-cuttoff-fix: 2em;position:absolute;width:calc(100% + var(--shadow-cuttoff-fix));height:calc(100% + var(--shadow-cuttoff-fix));top:calc(0% - var(--shadow-cuttoff-fix) / 2);left:calc(0% - var(--shadow-cuttoff-fix) / 2);filter:blur(clamp(2px,.125em,12px));pointer-events:none;overflow:visible;z-index:0}.glass-shadow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:linear-gradient(180deg,#0003,#0000001a);width:calc(100% - var(--shadow-cuttoff-fix) - .25em);height:calc(100% - var(--shadow-cuttoff-fix) - .25em);top:calc(var(--shadow-cuttoff-fix) - .5em);left:calc(var(--shadow-cuttoff-fix) - .875em);padding:.125em;box-sizing:border-box;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:all var(--anim--hover-time) var(--anim--hover-ease)}.glass-btn{all:unset;cursor:pointer;position:relative;pointer-events:auto;height:100%;z-index:3;border-radius:20px;background:linear-gradient(var(--angle-1),rgba(255,255,255,.05),rgba(255,255,255,.2),rgba(255,255,255,.05));-webkit-backdrop-filter:blur(clamp(1px,.125em,4px));backdrop-filter:blur(clamp(1px,.125em,4px));box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .25em .125em -.125em #00080033,0 0 .1em .25em inset #fff3;transition:transform var(--anim--hover-time, .25s) var(--anim--hover-ease, cubic-bezier(.2,.8,.2,1)),box-shadow var(--anim--hover-time, .25s) var(--anim--hover-ease, cubic-bezier(.2,.8,.2,1)),background var(--anim--hover-time, .25s) var(--anim--hover-ease, cubic-bezier(.2,.8,.2,1)),color var(--anim--hover-time, .25s) var(--anim--hover-ease, cubic-bezier(.2,.8,.2,1))}.glass-btn span{position:relative;display:block;-webkit-user-select:none;user-select:none;height:100%;font-size:1em;padding:.875em 1.5em;text-shadow:0 .25em .05em rgba(0,0,0,.1);transition:all var(--anim--hover-time) var(--anim--hover-ease)}.glass-btn span:after{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;border-radius:20px;background:linear-gradient(var(--angle-2),rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 40% 50%,rgba(255,255,255,0) 55%);mix-blend-mode:screen;background-size:200% 200%;background-repeat:no-repeat;pointer-events:none;transition:background-position calc(var(--anim--hover-time) * 1.25) var(--anim--hover-ease),--angle-2 calc(var(--anim--hover-time) * 1.25) var(--anim--hover-ease)}.glass-hover .glass-shadow{filter:blur(clamp(2px,.0625em,6px))}.glass-hover .glass-shadow:after{top:calc(var(--shadow-cuttoff-fix) - .875em);opacity:1}.glass-hover .glass-btn{transform:scale(.975);-webkit-backdrop-filter:blur(.01em);backdrop-filter:blur(.01em)}.glass-hover .glass-btn span{text-shadow:.025em .025em .025em rgba(0,0,0,.12)}.glass-hover .glass-btn span:after{background-position:25% 50%}.glass-active{transform:rotateX(25deg)}.glass-active .glass-shadow:after{top:calc(var(--shadow-cuttoff-fix) - .5em);opacity:.75}.glass-active .glass-btn span:after{background-position:50% 15%;--angle-2: -15deg}.blog{padding:80px 0;border-radius:60px 60px 0 0;position:relative;z-index:2;background-color:#f7f7f7}.blog__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:24px}.blog__text{grid-column:1 / 2}.blog__text h2{font-size:32px;font-weight:700}.blog__text p{font-size:16px;line-height:1.6;margin-top:12px}.blog__filter{grid-column:1 / 2;border-radius:25px;padding:25px;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;justify-content:space-between}.blog__filter ul{list-style:none;padding:0;margin:0 0 20px}.blog__filter ul li{font-weight:500;margin-bottom:10px;cursor:pointer;padding:10px 10px 10px 16px}.blog__filter ul li.active{font-weight:700;background-color:#f6f6f6;padding:16px;border-radius:13px}.blog__all-posts-btn .glass-btn{width:100%;border:none;border-radius:12px;font-weight:700;cursor:pointer}.blog__post-card{background:#fff;border-radius:24px;height:180px;padding:20px;font-weight:600;display:flex;align-items:flex-end}@media (max-width: 768px){.blog__grid{grid-template-columns:1fr}.blog__text{order:1;text-align:center}.blog__filter{order:2}.blog__post-card{order:3}.blog__filter .blog__all-posts-btn{width:100%}}.faq{padding:80px 20px;max-width:900px;margin:0 auto}.faq h2{font-size:2.4rem;margin-bottom:10px}.faq__description{color:#555;margin-bottom:30px}.faq__list{list-style:none;padding:0;margin:0}.faq__item{background:#fff;border-radius:20px;padding:20px;margin-bottom:15px;cursor:pointer;border:1px solid #eee;transition:background .2s}.faq__item.open{background:#f9f9f9}.faq__question{display:flex;justify-content:space-between;font-weight:600;font-size:1rem}.faq__answer{margin-top:10px;color:#444;font-size:.95rem;line-height:1.4}.faq__icon{font-size:1.2rem;color:#777}.faq__cta{margin-top:40px;text-align:center}.faq__cta p{margin-bottom:10px}.faq__btn{background-image:url(/assets/uRJKvfb2-blog-filter-bg.jpg);border-radius:20px;background-size:cover;background-position:center}.reviews{display:grid;gap:14px;padding:30px 0}.reviews__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.reviews__list{display:grid;gap:12px}.review{padding:14px;border:1px solid #eee;border-radius:14px;background:#fff}.review__top{display:flex;align-items:center;gap:10px}.review__top img,.avatar{width:40px;height:40px;border-radius:50%;background:#eee}.meta{display:flex;align-items:center;gap:8px;color:#777;font-size:12px}.review__text{margin:.4rem 0 0}.skeleton-row{height:72px;border-radius:14px;background:linear-gradient(90deg,#f2f2f2,#eaeaea,#f2f2f2);background-size:200% 100%;animation:sh 1.2s infinite}@keyframes sh{0%{background-position:0 0}to{background-position:-200% 0}}.sidenote{color:#888;font-size:12px}input[name=_gotcha]{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;position:absolute!important;left:-9999px!important}.custom-form{--chip-bg: #f1f2f4;--chip-bg-hover: #e9eaee;--chip-on: #0f0f11;--chip-on-text: #fff;--ring: #7c8cff;--field-bg: #fff;--field-border: #e5e7eb;--field-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .04);display:grid;gap:10px;background:#fff;border-radius:30px;padding:16px}.chip-group{display:flex;flex-wrap:wrap;gap:12px;border:0;padding:4px 0;margin:0;min-width:0}.chip-group label{width:fit-content;position:relative;display:inline-flex;align-items:center;gap:8px;font-size:12px;padding:10px 12px;border-radius:9999px;background:#f7f7f7;color:#0b0b0b;line-height:1;font-weight:600;letter-spacing:.2px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.chip-group label:hover{background:var(--chip-bg-hover);transform:translateY(-1px)}.chip-group label>input[type=checkbox]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.chip-group label:has(input:checked){background:var(--chip-on);color:var(--chip-on-text);box-shadow:0 10px 24px #0f0f1147}.chip-group label:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.custom-form__title{font-weight:700;font-size:16px;color:#0b0b0b}.custom-form__label{font-weight:700;font-size:14px;color:#0b0b0b}.custom-form__input,.custom-form__textarea{width:100%;box-sizing:border-box;background:var(--field-bg);border:1px solid var(--field-border);border-radius:18px;padding:14px 16px;font-size:12px;color:#0b0b0b;box-shadow:var(--field-shadow);transition:border-color .15s ease,box-shadow .15s ease}.custom-form__textarea{resize:vertical;min-height:60px}.custom-form__input:focus,.custom-form__textarea:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 4px color-mix(in srgb,var(--ring) 20%,transparent)}.custom-form__btn-inner{--btn-glow: rgba(255, 255, 255, .06);position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:18px 28px;border-radius:28px;border:1px solid var(--btn-glow);background:radial-gradient(120% 140% at 20% -40%,rgba(255,255,255,.12),transparent 60%),linear-gradient(180deg,#141516,#0b0b0b);color:#fff;font-weight:700;letter-spacing:.2px;box-shadow:0 20px 40px #00000040,inset 0 1px #ffffff0f;cursor:pointer;overflow:hidden;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.custom-form__btn-inner:before,.custom-form__btn-inner:after{position:absolute;top:50%;translate:0 -50%;font-weight:800;letter-spacing:.15em;opacity:.25;transition:transform .35s cubic-bezier(.2,.9,.2,1),opacity .2s ease;pointer-events:none}.custom-form__btn-inner:before{content:"›››";left:22px;transform:translate(-8px)}.custom-form__btn-inner:after{content:"‹‹‹";right:22px;transform:translate(8px)}.custom-form__btn-inner:hover{transform:translateY(-1px);box-shadow:0 26px 54px #00000052,inset 0 1px #ffffff14}.custom-form__btn-inner:hover:before{transform:translate(6px);opacity:.4}.custom-form__btn-inner:hover:after{transform:translate(-6px);opacity:.4}.custom-form__btn-inner:active{transform:translateY(0)}@media (max-width: 640px){.chip-group{gap:10px}.chip-group label{padding:10px 14px}.custom-form__btn-inner{padding:16px 22px;border-radius:24px}}.pricing{padding:100px 0;background-color:#f7f7f7;border-radius:60px 60px 0 0;z-index:2;position:relative}.pricing .container{max-width:1300px;margin:0 auto;padding:0 20px}.pricing__head{text-align:center;margin-bottom:60px}.pricing__title{font-size:38px;font-weight:700;margin-bottom:20px;text-align:center}.pricing__text{font-size:16px;color:#555}.pricing__cards{display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start}.pricing__grid{display:flex;flex-wrap:wrap;gap:14px;width:120%;position:relative;left:-110px}.pricing-card{flex:1 1 calc(25% - 24px);max-width:calc(25% - 24px);background:#fff;border-radius:25px;padding:32px;display:flex;flex-direction:column;align-items:stretch;box-shadow:0 8px 20px #0000000d}.pricing_top-info{height:100px}.pricing-card__title{font-size:20px;font-weight:700;margin-bottom:8px}.pricing-card__desc{font-size:14px;color:#666;margin-top:10px}.pricing-card__price{margin-bottom:0;font-size:32px;font-weight:700}.pricing-card__old{text-decoration:line-through;color:#aaa;margin-right:8px;font-size:14px;margin-bottom:0}.pricing-card__price .current{font-size:28px;font-weight:700;color:#ff6b00}.pricing-card__btn{background-image:url(/assets/uRJKvfb2-blog-filter-bg.jpg);background-size:cover;background-position:center;margin:20px 0;border:none;border-radius:20px;font-weight:600;cursor:pointer;width:100%}.pricing-card__btn .glass-btn{width:100%;text-align:center}.pricing-card__features{list-style:none;padding:0;margin:0}.pricing-card__features li{display:flex;align-items:center;gap:10px;margin:16px 0}.pricing-card__features li.included{color:#222}.pricing-card__features li.included .icon{color:green}.pricing-card__features li.excluded{color:#999;opacity:.5}.pricing-card__features li.excluded .icon{color:red}.pricing-card__features .icon{font-size:18px}.custom-brief{padding:8px 0}.custom-brief__form{display:grid;gap:12px}.custom-brief__label{display:grid;gap:6px;font-size:14px}.custom-brief__field{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.custom-brief__submit button{all:unset;cursor:pointer;padding:10px 16px}.custom-brief__note{font-size:12px;color:#6b7280}.hp{position:absolute;left:-9999px;top:-9999px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 1px 1px);white-space:nowrap;border:0}.custom-form{display:grid;gap:16px}.custom-form__title{font-size:clamp(20px,2.2vw,28px);font-weight:700;letter-spacing:-.01em}.chip-group{display:flex;flex-wrap:wrap;flex-direction:unset;gap:12px;align-items:center}.chip{position:relative;flex:0 0 auto}.chip input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.chip label{display:table;align-items:center;gap:8px;padding:10px 14px;border-radius:9999px;background:#f3f3f5;color:#111;font-weight:600;font-size:12px;line-height:1;border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s ease,background-color .12s ease,color .12s ease,border-color .12s}.chip input:checked+label{background:#111;color:#fff;transform:translateY(-1px)}.chip label:focus-visible{outline:2px solid #111;outline-offset:2px}.chip-emoji{font-size:18px;line-height:1}.custom-form__label{display:grid;gap:8px;font-weight:600}.custom-form__label input[type=email]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:56px;padding:0 16px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:#fff;font-size:16px;transition:box-shadow .15s ease,border-color .15s ease}.custom-form__label input[type=email]:focus{outline:none;border-color:#0003;box-shadow:0 0 0 4px #0000000f}.hp{display:none!important}.custom-form__btn{margin-top:8px}.custom-form__btn-inner{color:#fff;display:flex;justify-content:center;align-items:center;width:100%;padding:10px 22px;border-radius:18px;font-size:clamp(12px,2vw,18px);cursor:pointer}.pricing-card .custom-form{background:transparent;padding:0}.more-link{height:100%;align-content:end}@media (max-width: 1400px){.pricing__grid{display:flex;flex-wrap:wrap;gap:14px;width:100%;position:relative;left:0}.pricing__cards{flex-wrap:wrap;justify-content:space-between;gap:24px}.pricing-card{flex:1 1 calc(50% - 12px);max-width:calc(50% - 12px)}}@media (max-width: 768px){.pricing{padding:50px 0}.pricing__cards{flex-wrap:nowrap;overflow-x:auto;padding-bottom:16px}.pricing__grid{display:flex;flex-direction:column;gap:15px;width:100%}.pricing-card{flex:1 1 100%;max-width:100%}}.about-me{padding:100px 0 150px;background:#fff;border-radius:60px 60px 0 0;position:relative;z-index:1;bottom:-60px}.about-me .container{max-width:1300px;margin:0 auto;padding:0 20px}.about-me__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto auto;gap:24px}.about-me__grid .photo{grid-column:1 / 2;grid-row:1 / 3}.about-me__grid .about-text{grid-column:2 / 4;grid-row:1 / 2}.about-me__grid .contact{grid-column:1 / 2;grid-row:3 / 4}.about-me__grid .education{grid-column:2 / 3;grid-row:2 / 4}.about-me__grid .skills{grid-column:3 / 4;grid-row:2 / 4}.about-me .card{background:#fff;border:1px solid #ddd;border-radius:25px;padding:24px;box-shadow:0 8px 16px #0000000a}.about-me .card.photo img{width:100%;border-radius:20px;display:block;height:100%}.design-portfolio-btn{margin-top:16px;background-image:url(/assets/uRJKvfb2-blog-filter-bg.jpg);background-size:cover;background-position:center;border:none;border-radius:20px;font-weight:600;cursor:pointer}.about-me .tags{display:flex;flex-wrap:wrap;gap:8px}.about-me .tags span{background:#eee;padding:6px 12px;border-radius:16px;font-size:14px}@media (max-width: 1024px){.about-me__grid{grid-template-columns:1fr}.about-me__grid .photo,.about-me__grid .contact,.about-me__grid .about-text,.about-me__grid .education,.about-me__grid .skills{grid-column:auto;grid-row:auto}}@media (max-width: 768px){.about-me__grid{display:flex;flex-direction:column;gap:20px}.about-me__grid .photo{order:1}.about-me__grid .contact{order:2}.about-me__grid .about-text{order:3}.about-me__grid .education{order:4}.about-me__grid .skills{order:5}}.brief-cta{background:url(/assets/CyNsOCHN-form-cta-bg.jpg) center no-repeat;border-radius:60px 60px 0 0;margin-top:60px;padding:200px 40px;text-align:center;color:#000;position:relative;bottom:-60px;background-size:cover}.brief-cta__overlay{padding:40px;border-radius:24px;display:inline-block}.brief-cta h2{font-size:1.6rem;font-weight:600;margin-bottom:20px}.brief-cta__btn{font-weight:500;border-radius:8px}.hero{padding:200px 0 100px;height:fit-content}.hero .container{max-width:1300px;margin:0 auto;padding:0 20px;display:flex;justify-content:center}.hero__content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px;align-items:center;width:100%}.hero__left{flex:1 1 600px}.hero__left h1{font-size:44px;font-weight:800;text-transform:uppercase;color:#1d1d1d;background:linear-gradient(180deg,#474747 20%,#1d1d1d 70%,#000);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 2px rgba(43,43,43,.1),0 1px 4px rgba(0,0,0,.1)}.hero__left p{font-size:16px;line-height:1.6;margin-bottom:12px}.hero__left p strong{font-weight:700}.hero__buttons{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.btn{font-size:16px;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.btn--primary{background-image:url(/assets/uRJKvfb2-blog-filter-bg.jpg);border-radius:20px;background-size:cover;background-position:center}.btn--secondary{border-radius:20px}.hero__right{flex:1 1 500px}.hero__video-wrapper{position:relative;padding-top:56.25%;background:#f9f9f9;border-radius:20px;border:7px solid #e3e3e368;overflow:hidden;box-shadow:0 20px 20px -20px #0003}.hero__video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media (max-width: 768px){.hero{padding:200px 0 50px}.hero__content{flex-direction:column;align-items:stretch;text-align:center}.hero__left,.hero__right{flex:1 1 auto;width:100%}.hero__video-wrapper{width:100%}.hero__left h1{font-size:34px;text-align:center}.hero__buttons{justify-content:center}.btn{font-size:smaller}}html,body{max-width:100%;overflow-x:hidden}.projects{padding:100px 0 150px;background-color:#fff;border-radius:60px 60px 0 0;position:relative;z-index:1;bottom:-60px}.projects__title{text-align:center;margin-bottom:20px}.projects__desc{text-align:center;margin-bottom:40px;color:#555;max-width:600px;margin-left:auto;margin-right:auto}.projects__head{text-align:center;margin-bottom:50px}.projects__list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tags .btn{background:transparent;color:#fff;border:1px solid white;padding:4px 8px;border-radius:12px;font-size:10px}@media (max-width: 1024px){.projects__list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.projects__list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:16px;border-radius:20px}.projects__list::-webkit-scrollbar{display:none}}.project-card{position:relative;border-radius:20px;overflow:hidden;flex:0 0 80%;scroll-snap-align:start;transition:transform .3s ease;height:300px}.project-card:hover .project-card__image--initial{opacity:0}.project-card:hover .project-card__image--final{opacity:1}.project-card:hover .project-card__info{opacity:1;transform:translateY(0)}.project-card__image{width:100%;height:auto;display:block;transition:opacity .3s ease;position:absolute;top:0;left:0;z-index:1}.project-card__image--initial{opacity:1}.project-card__image--final{opacity:0}.project-card__wrapper{position:relative;padding-top:75%;background:#eee}.project-card__info{position:absolute;bottom:0;left:0;z-index:2;width:100%;padding:16px;color:#fff;transform:translateY(10px);transition:.3s ease;background:#00000017;mask:linear-gradient(to bottom,transparent,#000020f7 60%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0}.project-card__info h3{margin:0 0 8px;font-size:16px;color:#fff}.project-card__info .tags{display:flex;flex-wrap:wrap;gap:6px;font-size:10px;margin-bottom:10px}.project-card__info .tags span{background:transparent;color:#fff;border:1px solid white;padding:4px 8px;border-radius:12px}.projects__btn{background-image:url(/assets/uRJKvfb2-blog-filter-bg.jpg);border-radius:20px;background-size:cover;background-position:center;font-weight:500;font-size:14px;cursor:pointer}.services{padding:100px 0 150px;background:#fff;border-radius:60px 60px 0 0;position:relative;z-index:1;bottom:-60px}.services .container{max-width:1300px;margin:0 auto;padding:0 0 0 20px}.services__title{font-size:32px;font-weight:600;text-align:center;margin-bottom:48px}.services__list{display:flex;gap:20px;overflow-x:auto;padding:20px;scroll-snap-type:x mandatory}@media (min-width: 1025px){.services__list{overflow-x:visible;flex-wrap:wrap;justify-content:center}}.service-card{flex:0 0 auto;width:280px;scroll-snap-align:start;box-shadow:0 10px 30px #00000008;transition:transform .3s ease;display:flex;flex-direction:column;gap:12px;justify-content:flex-end;min-height:100%}.service-card__tag{background:#fff;display:inline-block;padding:4px 10px;border-radius:10px;font-size:12px;color:#333;font-weight:500;margin:10px 0 20px}.service-card__content{display:flex;flex-direction:column;justify-content:flex-end;flex-grow:1}.service-card__title{font-size:18px;font-weight:600;color:#111;margin:20px 0 10px}.service-card__desc{font-size:14px;color:#555;line-height:1.5}.steps{padding:80px 0;background:#f7f7f7;border-radius:60px 60px 0 0;position:relative;z-index:2}.steps .container{max-width:1300px;margin:0 auto;padding:0 20px}.steps__title{font-size:32px;font-weight:600;text-align:center;margin-bottom:8px}.steps__subtitle{text-align:center;color:#666;margin-bottom:48px}.steps__content{display:flex;justify-content:space-between;gap:40px}@media (max-width: 1024px){.steps__content{flex-direction:column;gap:24px}}.steps__left{flex:.6;display:flex;flex-direction:column;gap:16px}.steps__right{flex:1;display:flex;align-items:center;justify-content:center}.steps__right-wraper{position:relative;background:#f9f9f9;border-radius:20px;border:7px solid rgba(227,227,227,.408);overflow:hidden;box-shadow:#0003 0 20px 20px -20px}.steps__right img{max-width:100%;height:auto;border-radius:20px;box-shadow:0 20px 60px #0000001a}@media (min-width: 1025px){.step-card__body img{display:none}}@media (max-width: 1024px){.steps__right{display:none}.step-card__body img{height:400px;padding:10px 0;width:100%}}.step-card{background:#f9f9f9;border-radius:20px;padding:20px 24px;box-shadow:inset 0 2px 2px #0000000a;cursor:pointer;border:1px solid rgba(232,232,232,.8)}.step-card__header{display:flex;align-items:center;justify-content:space-between}.step-card__number{font-weight:400;font-size:14px;background:transparent;border:1px solid rgba(232,232,232,.8);border-radius:13px;padding:4px 10px;margin-right:12px}.step-card__title{font-weight:500;font-size:16px;flex-grow:1}.step-card__toggle{font-size:20px;transform:rotate(0);transition:transform .2s ease}.step-card__body{margin-top:12px}.step-card__body p{font-size:14px;color:#444;margin-bottom:12px}.step-card__btn{background-image:url(/assets/uRJKvfb2-blog-filter-bg.jpg);background-size:cover;background-position:center;border:none;border-radius:20px;font-size:14px;cursor:pointer;transition:.2s ease}.step-card.active{border:8px solid #efefef;background-color:#fff}.step-card.active .step-card__toggle{transform:rotate(180deg)}.buttprog{display:flex;justify-content:space-between;align-items:end}.step-card__progress{height:10px;width:40px;background:#e9e9e9;border-radius:999px;overflow:hidden}.step-card__bar{height:100%;background:#005128;transform-origin:left center;transform:scaleX(0);animation:step-fill var(--dur) linear forwards}.step-card__bar.paused{animation-play-state:paused}@keyframes step-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.footer{width:100%;background-color:#f9f9f9;padding:80px 0 40px;border-radius:60px 60px 0 0;position:relative}.footer .container{width:100%;max-width:1300px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}@media (max-width: 1024px){.footer .container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.footer .container{grid-template-columns:1fr;gap:20px}}.footer .footer__contact{width:400px;height:250px;padding:20px;border-radius:20px;box-shadow:inset 0 -3em 3em #00000005,0 0 0 1px #fff,0 .3em 1em #0000001a}@media (max-width: 640px){.footer .footer__contact{width:100%}}.footer__card{background:#fff;padding:30px;border-radius:20px;box-shadow:0 4px 12px #0000000d}.footer__card h3{font-size:20px;font-weight:700;margin-bottom:12px}.footer__card p{font-size:16px;margin:6px 0}.footer__card .footer__socials{display:flex;gap:16px;margin-top:16px}.footer__card .footer__socials a{width:40px;height:40px;border-radius:12px;background:#f1f1f1;display:flex;justify-content:center;align-items:center}.footer__card .footer__socials a:hover{background:#ddd}.footer__col h4{font-weight:700;font-size:18px;margin-bottom:14px}.footer__col ul{list-style:none;padding:0;margin:0}.footer__col ul li{margin-bottom:10px}.footer__col ul li a{color:#111;text-decoration:none}.footer__col ul li a:hover{text-decoration:underline}.footer__bottom{display:flex;justify-content:space-between;align-items:center;max-width:1300px;margin:40px auto 0;padding:0 20px;font-size:14px}@media (max-width: 640px){.footer__bottom{flex-direction:column;align-items:flex-start;gap:20px}}.footer__bottom .footer__up{width:48px;height:48px;border-radius:14px;background:#ff6a00;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px;cursor:pointer;transition:.3s}.footer__bottom .footer__up:hover{background:#e95d00}.header{position:fixed;top:20px;left:0;right:0;width:95%;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border-bottom:1px solid white;z-index:999;font-family:Onest,sans-serif;box-shadow:0 1px 6px #0000000d;border-radius:100px;margin:0 auto}.header .container{max-width:1300px;margin:0 auto;padding:0 20px;height:100px;display:flex;align-items:center;justify-content:space-between}.header .logo{font-size:24px;font-weight:700;color:#000}.header .header__nav ul{display:flex;gap:25px;list-style:none;padding:0;margin:0}.header .header__nav ul li a{text-decoration:none;color:#000;font-weight:500;transition:color .3s}.header .header__nav ul li a:hover{color:#f60}@media (max-width: 1024px){.header .header__nav{display:none}}.header .header__right{display:flex;align-items:center;gap:15px}.header .lang-switch{display:flex;align-items:center;font-weight:500;color:#000}.header .lang-switch .icon{margin-right:5px}.brief-btn{font-size:small;background-image:url(/assets/uRJKvfb2-blog-filter-bg.jpg);border-radius:20px;background-size:cover;background-position:center}.header .burger{font-size:22px;background:none;border:none;color:#000;cursor:pointer;display:none}@media (max-width: 1024px){.header .burger{display:block}}.header .mobile-menu{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:absolute;top:70px;left:0;width:100%;padding:20px}.header .mobile-menu ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.header .mobile-menu ul li a{font-size:18px;text-decoration:none;color:#000}.header .mobile-menu ul li a:hover{color:#f60}.case{max-width:1200px;margin:0 auto;padding:200px 20px 100px}.case-hero{display:grid;gap:14px;margin-bottom:24px}.case-hero img{width:100%;height:auto;border-radius:20px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags li{font-size:12px;background:#f2f2f2;border-radius:999px;padding:4px 8px;color:#555}.projects-page{max-width:1300px;margin:0 auto;padding:200px 20px 0}.projects-head{display:grid;gap:14px;margin-bottom:16px;text-align:center}.tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tag{padding:6px 10px;border-radius:999px;background:#f2f2f2;text-decoration:none;color:#333;font-size:14px}.tag:hover{background:#e9e9e9}.tag.active{background:#111;color:#fff}.tag .count{opacity:.7;margin-left:6px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.card{grid-column:span 12;text-decoration:none;color:inherit;border:1px solid rgba(0,0,0,.06);border-radius:16px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000014}.card img{width:100%;height:300px;object-fit:cover;display:block}.card .body{padding:16px 18px 20px;display:grid;gap:8px}.mini-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.mini-tags li{font-size:12px;color:#666;background:#f2f2f2;padding:4px 8px;border-radius:999px}@media (min-width: 720px){.card{grid-column:span 6}}@media (min-width: 1100px){.card{grid-column:span 4}.card img{height:240px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--font-main: "Onest", sans-serif;--color-black: #000;--color-white: #F6F6F6;--color-green: #0e2e08;--color-green-dark: rgb(27, 27, 27) --color-text: #222;--color-muted: #777;--container-width: 1300px;--radius: 20px;--anim--hover-time: .25s;--anim--hover-ease: cubic-bezier(.2,.8,.2,1);--angle-1: 135deg}body{font-family:var(--font-main);font-size:16px;line-height:1.6;color:var(--color-text);background-color:var(--color-white)}a{color:inherit;text-decoration:none;font-weight:500}ul,ol{list-style:none;font-weight:300}button{font:inherit;cursor:pointer;background:var(--color-green);border:none;padding:0}img{max-width:100%;display:block}.container{width:100%;max-width:var(--container-width);padding:0 20px;margin:0 auto}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;margin-bottom:.5em;color:var(--color-black)}p{margin-bottom:1em;font-weight:300;color:var(--color-text)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Onest,sans-serif;color:#000;-webkit-font-smoothing:antialiased}.brief_container{width:100%;max-width:1300px;margin:0 auto;padding:150px 15%}.brief{width:100%;max-width:100%;overflow-x:hidden}.brief_container h1{font-size:2rem;margin-bottom:1rem;font-weight:600}.brief__subtitle{font-size:1.1rem;margin-bottom:2rem;color:var(--color-muted, #666);max-width:800px}form#brief-form{display:flex;flex-direction:column;gap:60px;width:100%;max-width:100%}fieldset{border:none;padding:0;display:flex;flex-direction:column;gap:24px}fieldset h2{font-size:1.5rem;font-weight:600;margin-bottom:.5em;color:var(--color-black, #000)}legend{margin-bottom:30px;font-weight:600}label{display:flex;flex-direction:column;gap:6px;font-size:1.2rem;font-weight:500;width:100%;max-width:100%}input,textarea,select{width:100%;padding:12px;font-size:1rem;border:1px solid #ddd;border-radius:12px;font-family:inherit;background:#fff;color:#000;transition:border-color .2s ease;box-sizing:border-box;display:block}input:focus,textarea:focus,select:focus{border-color:var(--color-green, #3bbf7f);outline:none}textarea{resize:vertical;min-height:100px;max-width:100%;word-break:break-word;overflow-wrap:break-word}.radio-glass-group{display:flex;flex-direction:column;gap:16px;margin-top:20px;width:100%}label.glass-radio{position:relative;display:flex;justify-content:center;align-items:center;padding:12px 16px;border-radius:15px;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ddd;box-shadow:0 20px 24px -20px #0000001a;cursor:pointer;transition:all .3s ease;width:max-content;max-width:100%;box-sizing:border-box}.glass-radio input[type=radio]{display:none}.glass-radio span{font-size:16px;font-weight:500;color:#333;z-index:1;transition:all .3s ease}.glass-radio input[type=radio]:checked+span{background:linear-gradient(135deg,#ff9d2f,#ff6a00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.form-group,.brief-form__group,.brief__field{display:flex;flex-direction:column;gap:6px}.brief__checkboxes{display:flex;flex-direction:column;gap:12px;margin-top:20px;font-size:.9rem}.submit-brief{background-image:url(/images/blog-filter-bg.jpg);border-radius:20px;background-size:cover;background-position:center;width:max-content;font-size:1rem;border:none;cursor:pointer}.range-wrapper{width:100%;max-width:500px;padding:16px 0}input[type=range]{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#4caf50 0%,#4caf50 var(--progress),#e0e0e0 var(--progress),#e0e0e0 100%);border-radius:9999px;margin:30px 0 0;padding:0;position:relative;z-index:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:48px;height:30px;background:#fff;border-radius:20px;box-shadow:0 2px 6px #0003;cursor:pointer;position:relative;z-index:2;margin-top:-8px}input[type=range]::-moz-range-thumb{width:40px;height:25px;background:#fff;border:none;border-radius:20px;box-shadow:0 2px 6px #0003;cursor:pointer;z-index:2}@media (max-width: 768px){.brief_container{padding:100px 5%}.brief__subtitle{font-size:1rem}fieldset h2{font-size:1.3rem}input,textarea,select{font-size:.95rem}.submit-brief{font-size:1rem}}
